@font-face {
    font-family: 'Peridot';
    src: url('../fonts/PeridotPEExtendedRegular.woff2') format('woff2'),
         url('../fonts/PeridotPEExtendedRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Peridot';
    src: url('../fonts/PeridotPEExtendedSemiBold.woff2') format('woff2'),
         url('../fonts/PeridotPEExtendedSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ol, ul {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    color: #000;
    font-family: 'Peridot', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    scroll-behavior: smooth;
    background: #fff;
}
.d-none {
	display:none;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    width: 100%;
    max-width: 1312px;
    padding: 0 16px;
    margin: 0 auto;
}
.btn-2,
.btn,
button{
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #EBF2FF;
    font-family: 'Peridot', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
    width: 100%;
    max-width: max-content;
}
.btn{
    border: 1px solid #001131;
    background: #013596;
    padding: 20px 32px;
    letter-spacing: 1.96px;
}
.btn:hover{
    background: #001131;
}
.btn-2{
    border: 1px solid #013596;
    padding: 20px 32px;
    color: #013596;
    letter-spacing: 1.96px;
    position: relative;
    z-index: 1;
}
.btn-2::before{
    content: '';
    opacity: 0;
    pointer-events: none;
    display: inline-block;
    position: absolute;
    inset: 0;
    background: #013596;
    z-index: -1;
    transition: all .2s ease;
}
.btn-2:hover{
    color: #EBF2FF;
}
.btn-2:hover::before{
    opacity: 1;
}
textarea,
textarea::placeholder,
input,
input::placeholder{
    color: #708AA4;
    text-align: justify;
    font-family: 'Peridot', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}
textarea,
input{
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    border: 1px solid #A4B5C5;
    height: 50px;
    color: #000;
    padding: 16px;
}
textarea{
    resize: none;
    height: 102px;
}
.article__top-tag,
.blogs__item-tag,
.title-name{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
}
.article__top-tag::before,
.blogs__item-tag::before,
.title-name::before{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #2873FE;
    display: inline-block;
    min-width: 8px;
}
.article__top-tag-second::before,
.blogs__item-tag-second::before{
    background-color: #FE3628;
}
.title{
    font-size: 30px;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
}
.title-2{
    font-size: 48px;
    font-weight: 700;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}
main.main{
    overflow: hidden;
    padding-top: 87px;
}
main.main.main-reset{
    padding: 0;
}
.btn-prev,
.btn-next{
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='23' viewBox='0 0 46 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6686 17.1563L10.0796 15.7383L6.8096 12.4833L43.078 12.4702L43.076 10.4702L6.8446 10.4833L10.0596 7.25325L8.6426 5.84325L2.9986 11.5133L8.6686 17.1563Z' fill='%23BAD2FF'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 23px;
    min-width: 46px;
}
.btn-next{
    transform: scaleX(-1);
}
.btn-prev.active,
.btn-next.active{
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='23' viewBox='0 0 46 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6686 17.1563L10.0796 15.7383L6.8096 12.4833L43.078 12.4702L43.076 10.4702L6.8446 10.4833L10.0596 7.25325L8.6426 5.84325L2.9986 11.5133L8.6686 17.1563Z' fill='%23013596'/%3E%3C/svg%3E%0A");
}
.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    padding-top: 40px;
}
.breadcrumbs li span,
.breadcrumbs li a{
    transition: all .2s ease;
    font-size: 12px;
    line-height: 20px; /* 166.667% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.breadcrumbs li{
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    line-height: 20px; /* 166.667% */
    text-transform: uppercase;
}
.breadcrumbs li a:hover{
    color: #013596 !important;
}
.breadcrumbs li:not(:first-of-type)::before{
    content: '/';
    display: inline-block;
    font-size: 12px;
    line-height: 20px; /* 166.667% */
}
.breadcrumbs.breadcrumbs-white li:not(:first-of-type)::before,
.breadcrumbs.breadcrumbs-white li a,
.breadcrumbs.breadcrumbs-white li span,
.breadcrumbs.breadcrumbs-white li{
    color: #fff;
}
.form-box{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.form-block{
    display: flex;
    flex-direction: column;
    position: relative;
}
.form-input,
.form-block textarea{
    transition: border-color .2s ease, background-color .2s ease;
}
.form-block.is-invalid .form-input,
.form-block.is-invalid textarea{
    border-color: #D93535;
    background-color: rgba(217, 53, 53, 0.04);
}
.form-block.is-valid .form-input,
.form-block.is-valid textarea{
    border-color: #2FA84F;
}
.form-counter{
    align-self: flex-end;
    margin-top: 4px;
    color: #708AA4;
    font-size: 12px;
    line-height: 16px;
}
.form-block.is-near-limit .form-counter{
    color: #D93535;
}
.form-status{
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}
.form-status.is-success{
    color: #2FA84F;
}
.form-status.is-error{
    color: #D93535;
}
label{
    display: inline-block;
    margin-bottom: 6px;
    text-align: justify;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
.form-btn{
    max-width: 100%;
}
.form-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
@media (max-width: 1280px) {
    .container{
        max-width: 1024px;
    }
}
@media (max-width: 1024px) {
    .container{
        max-width: 768px;
    }
    .form-box{
        grid-template-columns: 1fr;
    }
    .title-2 {
        font-size: 38px;
        line-height: 45px;
    }
}
@media (max-width: 768px) {
    .container{
        max-width: 480px;
    }
    .breadcrumbs{
        /*display: none;*/
        top: -40px;
        position: relative;
        padding-top: 0;
    }
    main.main{
        padding-top: 65px;
    }
    html,body{
        font-size: 14px;
    }
    .title {
        font-size: 24px;
        line-height: normal;
    }
    .title-2{
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; /* 133.333% */
    }
}
@media (max-width: 480px) {

}
/* header */
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    right: 0;
    border-bottom: 1px solid #BAD2FF;
}
.header::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(237, 232, 232, 0.70);
    backdrop-filter: blur(8px);
}
.header__topbar{
    border-bottom: 1px solid #BAD2FF;
}
.header__topbar-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 0;
}
.header__topbar-tel,
.header__topbar-email{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #013596;
    transition: opacity .2s ease;
}
.header__topbar-tel:hover,
.header__topbar-email:hover{
    opacity: .7;
}
.header__topbar-right{
    display: flex;
    align-items: center;
    gap: 24px;
}
.header__topbar-socials{
    display: flex;
    align-items: center;
    gap: 12px;
}
.header__topbar-socials-link{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease;
}
.header__topbar-socials-link svg{
    width: 18px;
    height: 18px;
}
.header__topbar-socials-link:hover{
    opacity: .7;
}
.header__inner{
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 186px;
}
.header__logo img{
    width: 100%;
}
.header__menu > ul{
    display: flex;
    align-items: center;
    gap: 32px;
}
.menu-item a{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    text-wrap: nowrap;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
}
.header__burger{
    display: none;
}
.menu-item-has-children a > span{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99788 12.3806L2.48438 6.86705L3.77086 5.58057L7.99788 9.80759L12.2249 5.58057L13.5114 6.86705L7.99788 12.3806Z' fill='%231D1B20'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    min-width: 16px;
}
.sub-menu{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.header__lang{
    position: relative;
    display: flex;
    align-items: center;
    z-index: 10;
}
.header__menu-lang, .header__menu-socials{
    display: none;
}
.header__lang-item,
.header__lang-select,
.header__menu-lang-item{
    display: flex;
    user-select: none;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 1.96px;
    text-transform: uppercase;
    border: 1px solid #013596;
    padding: 11px;
    transition: all .2s ease;
    cursor: pointer;
}
.header__lang-item:hover,
.header__lang-select:hover,
.header__menu-lang-item:hover{
    background-color: #013596;
    color: #EBF2FF;
}
.header__lang-item img,
.header__lang-select img,
.header__menu-lang-item img{
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    overflow: hidden;
    object-position: center;
    object-fit: cover;
}
.header__lang-select::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99788 12.3806L2.48438 6.86705L3.77086 5.58057L7.99788 9.80759L12.2249 5.58057L13.5114 6.86705L7.99788 12.3806Z' fill='%231D1B20'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    min-width: 16px;
    transition: all .2s ease;
}
.header__lang-select:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99788 12.3806L2.48438 6.86705L3.77086 5.58057L7.99788 9.80759L12.2249 5.58057L13.5114 6.86705L7.99788 12.3806Z' fill='%23EBF2FF'/%3E%3C/svg%3E");
}
.header__lang-content{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    background: rgba(237, 232, 232, 0.70);
    backdrop-filter: blur(8px);
}
.header__lang-item{
    width: 100%;
    cursor: pointer;
}
.sub-menu{
    width: max-content;
    position: absolute;
    display: flex;
    padding: 4px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border: 1px solid #EBF2FF;
    box-shadow: 1px 7px 7px 0 rgba(1, 53, 150, 0.09), 0 2px 4px 0 rgba(1, 53, 150, 0.10);
}
.sub-menu::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(240, 248, 253, 0.60);
    backdrop-filter: blur(5px);
    pointer-events: none;
}
.sub-menu .menu-item a{
    gap: 8px;
    justify-content: space-between;
}
.sub-menu .menu-item-has-children a span{
    transform: rotate(-90deg);
}
.sub-menu .menu-item a{
    padding: 10px 12px;
}
.sub-menu{
    left: 100%;
    top: 0;
    width: max-content;
}
.header__menu > ul > .menu-item-has-children > a{
    align-items: start;
}
.menu-item-has-children .sub-menu{
    width: 100%;
}
.sub-menu .menu-item:hover{
    background: rgba(235, 242, 255, 0.50);
}
.menu-item{
    width: 100%;
}
.header__menu > ul > .menu-item-has-children{
    position: relative;
}
.header__menu > ul > .menu-item-has-children > .sub-menu{
    top: 30px;
    left: -30px;
    width: max-content;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children.active > .sub-menu{
    opacity: 1;
    pointer-events: all;
}
.menu-item-has-children{
    z-index: 10;
}
.header__menu > ul > .menu-item-has-children::after{
    content: '';
    position: absolute;
    z-index: -1;
    top: -5px;
    bottom: -20px;
    left: -5px;
    right: -5px;
}
.menu-item-has-children > a{
    position: relative;
}
.menu-item-has-children > a::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: -5px;
    bottom: -20px;
    left: -5px;
    right: -5px;
}
.menu-item a:hover{
    color: #013596;
}
.header__menu-contacts,
.header__menu-start{
    display: none;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .header__topbar{
        display: none;
    }
    .header__menu{
        position: fixed;
        background: rgba(237, 232, 232, 0.70);
        backdrop-filter: blur(8px);
        inset: 0;
        z-index: 30;
        opacity: 0;
        pointer-events: none;
        overflow: hidden;
        transition: all .3s ease;
    }
    .header__menu > ul{
        position: relative;
        flex-direction: column;
        align-items: end;
        height: 100%;
        overflow: auto;
        padding: 40px 25px 25px;
        margin-left: auto;
        max-width: 400px;
        background: rgba(255, 255, 255, 0.95);
        transform: translateX(100%);
        transition: all .2s ease;
    }
    .header__menu.active{
        opacity: 1;
        pointer-events: all;
    }
    .header__menu.active > ul{
        transform: translateX(0%);
    }
    .sub-menu{
        position: initial;
        opacity: 1;
        pointer-events: all;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        border: none;
    }
    .sub-menu::before{
        display: none;
    }
    .sub-menu .menu-item:hover{
        background: transparent;
    }
    .sub-menu .menu-item-has-children a span {
        transform: none;
    }
    .menu-item-has-children > a::before{
        content: none;
    }
    .sub-menu{
        display: none;
        margin-left: 10px;
        padding: 0;
        margin-top: 10px;
    }
    .menu-item-has-children.active > .sub-menu{
        display: flex;
    }
    .menu-item-has-children.active > a span{
        transform: rotate(180deg);
    }
    .menu-item a:hover,
    .sub-menu .menu-item a:hover{
        color: #013596;
    }
    .header__menu-close,
    .header__burger{
        width: 32px;
        height: 32px;
        min-width: 32px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M4 24V21.3333H28V24H4ZM4 17.3333V14.6667H28V17.3333H4ZM4 10.6667V8H28V10.6667H4Z' fill='black'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .header__menu-close{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M7.0011 8.88572L8.88672 7.0001L25.8573 23.9707L23.9717 25.8563L7.0011 8.88572Z' fill='black'/%3E%3Cpath d='M8.88562 25.8562L7 23.9706L23.9706 7L25.8562 8.88562L8.88562 25.8562Z' fill='black'/%3E%3C/svg%3E");
    }
    .header__menu-start{
        margin-bottom: 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
    }
    .header__burger{
        display: flex;
    }
    .header__lang{
        margin-left: auto;
    }
    .menu-item-has-children > a{
        justify-content: space-between;
    }
    .header__menu > ul > .menu-item-has-children > a{
        display: none;
    }
    .header__menu > ul > .menu-item-has-children > .sub-menu{
        display: flex;
        margin: 0;
        width: 100%;
        gap: 32px;
    }
    .header__menu > ul > .menu-item-has-children > .sub-menu > .menu-item-has-children > a{
        padding: 0;
    }
    .sub-menu .menu-item a {
        padding: 0;
    }
    .menu-item-has-children > .sub-menu {
        gap: 16px;
        margin-top: 16px;
        margin-left: 16px;
    }
    .header__menu-logo{
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 136px;
    }
    .header__menu-logo img{
        width: 100%;
    }
    .header__menu-contacts{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
        margin-top: auto;
    }
    .header__menu-tel,
    .header__menu-email{
        display: flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
        font-size: 14px;
        line-height: 20px;
        color: #013596;
        transition: opacity .2s ease;
    }
    .header__menu-tel:hover,
    .header__menu-email:hover{
        opacity: .7;
    }
    .header__menu-bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
    }
    .header__menu-socials{
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .header__menu-socials-link{
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity .2s ease;
    }
    .header__menu-socials-link:hover{
        opacity: .7;
    }
    .header__menu-lang{
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-left: auto;
    }
    .header__menu-lang.active .header__lang-content{
        opacity: 1;
        pointer-events: all;
    }
    .header__menu-lang .header__lang-content{
        right: auto;
        min-width: 100%;
    }
    .header__menu-lang-item.is-active{
        background-color: #013596;
        color: #EBF2FF;
    }
    .header__lang-item, .header__lang-select, .header__menu-lang-item {
        padding: 7px 11px;
    }
}
@media (min-width: 769px) {
    .header__lang.active .header__lang-content,
    .header__lang:hover .header__lang-content{
        opacity: 1;
        pointer-events: all;
    }
}
@media (max-width: 768px) {
    /* .header__lang{
        margin: auto auto 0;
    }
    .header__lang-content {
        position: initial;
        opacity: 1;
        pointer-events: all;
        display: flex;
        background-color: transparent;
        backdrop-filter: none;
    }
    .header__lang-select::after{
        content: none;
    } */
    .header__lang{
        display: none;
    }
    .header__logo{
        max-width: 136px;
    }
    .header__inner{
        padding: 16px 0;
    }
    .header{
        background-color: #fff;
    }
    .header::before{
        content: none;
    }
    .header__menu > ul{
        padding: 16px;
    }
}
@media (max-width: 480px) {
    .header__menu.active > ul{
        max-width: 100%;
    }
}
/* hero */
.hero{
    position: relative;
    z-index: 1;
}
.hero__inner{
    min-height: max-content;
    height: 100vh;
    padding: 64px 0;
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.hero__bg{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: -1;
    inset: 0;
}
.hero__bg video,
.hero__bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero__bg::before{
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 39, 90, 0.00) 0%, rgba(11, 39, 90, 0.60) 100%), radial-gradient(177.57% 147.7% at 50% 100%, #BAD2FF 0%, rgba(186, 210, 255, 0.00) 100%);
    backdrop-filter: blur(8px);
}
.hero__bg-second::before{
    background: linear-gradient(180deg, rgba(39, 37, 37, 0.00) 27.15%, rgba(39, 37, 37, 0.80) 100%);
    backdrop-filter: none;
}
.hero__title{
    color: #EBF2FF;
    font-size: 72px;
    font-weight: 700;
    line-height: 80px; /* 111.111% */
    letter-spacing: -1.44px;
}
.hero__descr{
    color: #EBF2FF;
    font-size: 24px;
    line-height: 32px; /* 133.333% */
    margin-top: 16px;
}
.hero__btn{
    margin-top: 48px;
}
.hero__title-second{
    color: #FFF;
    font-size: 56px;
    font-weight: 700;
    line-height: 64px; /* 114.286% */
}
.hero-products .hero__inner{
    padding: 116px 0 48px;
    justify-content: space-between;
}
.hero-products .hero__title{
    color: #FFF;
    font-size: 48px;
    line-height: 56px; /* 116.667% */
}
.hero-products .hero__bg::before{
    background: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
    backdrop-filter: blur(2px);
}
.show-mobile{
    display: none;
}
.hero-blue.hero-products .hero__bg::before{
    background: radial-gradient(65.87% 83.66% at 110.16% 115.55%, rgba(3, 102, 98, 0.40) 0%, rgba(3, 77, 92, 0.40) 100%);
    backdrop-filter: blur(2px);
}
.hero-green.hero-products .hero__bg::before{
    background: linear-gradient(180deg, rgba(70, 208, 44, 0.00) -1.63%, rgba(70, 208, 44, 0.70) 100%);
    background-blend-mode: multiply;
    backdrop-filter: blur(4px);
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .hero__inner {
        max-height: 700px;
        padding: 36px 0; 
    }
    .hero__title {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: normal;
    }
    .hero__descr {
        font-size: 14px;
        line-height: normal;
        margin-top: 8px;
    }
    .hero__title-second{
        font-size: 30px;
        line-height: normal;
    }
    .show-mobile{
        display: flex;
    }
    .show-mobile + img{
        display: none;
    }
    .hero-products .hero__inner {
        padding: 49px 0;
        justify-content: end;
    }
    .hero-products .hero__title {
        color: #FFF;
        font-size: 24px;
        line-height: normal;
    }
}
@media (max-width: 480px) {

}
/* about */
.about{
    padding: 80px 0;
    background: #EBF2FF;
}
.about__top{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}
.about__top-content{
    width: 100%;
    max-width: 789px;
}
.about__name{
    margin-bottom: 15px;
}
.about__descr{
    margin-top: 15px;
}
.about__image{
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    height: 432px;
    margin-top: 32px;
}
.about__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .about {
        padding: 24px 0;
    }
    .about__top{
        flex-direction: column;
        gap: 32px;
        align-items: start;
    }
    .about__btn{
        max-width: 100%;
    }
    .about__image{
        height: 220px;
    }
}
@media (max-width: 480px) {

}
/* advantages */
.advantages{
    padding: 80px 0;
}
.advantages__inner{
    min-height: 614px;
    position: relative;
    z-index: 1;
    padding: 24px 80px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.advantages__bg{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.advantages__bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.advantages__content{
    width: 100%;
    max-width: 565px;
    background: rgba(251, 252, 253, 0.80);
    backdrop-filter: blur(16px);
}
.advantages__name{
    padding: 32px 24px;
}
.advantages__item{
    border: 1px solid #BAD2FF;
    position: relative;
    transition: all .2s ease;
}
.advantages__item-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    cursor: pointer;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.advantages__item-title::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='55' height='55' stroke='url(%23paint0_linear_1_6462)'/%3E%3Cpath d='M14.668 28H35.0846L26.3346 19.25L27.4346 18L38.268 28.8333L27.4346 39.6667L26.3346 38.4167L35.0846 29.6667H14.668V28Z' fill='%23013596'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_6462' x1='-1.06673' y1='-17.4258' x2='60.8917' y2='-13.2821' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23013596'/%3E%3Cstop offset='0.377547' stop-color='%232873FE'/%3E%3Cstop offset='0.638351' stop-color='%230256F3'/%3E%3Cstop offset='1' stop-color='%23013596'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    cursor: pointer;
    min-width: 40px;
    transition: none;
}
.advantages__item-descr{
    margin-top: -16px;
    display: none;
    padding: 0 104px 24px 24px;
}
.advantages__item-descr p + p{
    margin-top: 16px;
}
.advantages__item:not(:first-of-type){
    border-top: none;
}
.advantages__item.active .advantages__item-title::after{
    transform: rotate(90deg);
}
.advantages__item:hover,
.advantages__item.active{
    background: rgba(235, 242, 255, 0.80);
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .advantages{
        padding: 0;
    }
    .advantages .container{
        padding: 0;
    }
    .advantages__inner {
        min-height: 558px;
        padding: 100px 0 0;
    }
    .advantages__inner{
        justify-content: end;
    }
    .advantages__name {
        padding: 16px;
    }
    .advantages__item-title {
        font-size: 18px;
        line-height: normal;
        padding: 16px;
    }
    .advantages__item-descr {
        padding: 0 62px 16px 16px;
    }
}
@media (max-width: 480px) {

}
/* productions */
.productions{
    padding: 64px 0 32px;
    background-color: #EBF2FF;
}
.blogs__select,
.productions__select{
    margin-top: 48px;
    display: flex;
    gap: 48px;
    overflow-y: hidden;
    overflow-x: auto;
}
.blogs__select-btn,
.programs__select-btn,
.productions__select-btn{
    color: #000;
    font-size: 18px;
    line-height: 28px; /* 155.556% */
    display: flex;
    flex-direction: column;
    gap: 4px;
    letter-spacing: normal;
    font-weight: 400;
}
.blogs__select-btn,
.programs__select-btn{
    text-transform: none;
}
.blogs__select-btn::after,
.programs__select-btn::after,
.productions__select-btn::after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 4px;
    background-color: #013596;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.blogs__select-btn:hover::after,
.blogs__select-btn.active::after,
.programs__select-btn:hover::after,
.programs__select-btn.active::after,
.productions__select-btn:hover::after,
.productions__select-btn.active::after{
    opacity: 1;
    pointer-events: all;
}
.productions__result{
    margin-top: 24px;
}
.productions__sliders{
    margin-top: 48px;
    overflow: hidden;
}
.productions__slide{
    display: flex;
    align-items: stretch;
    gap: 20px;
    justify-content: space-between;
}
.productions__slide-content{
    width: 100%;
    max-width: 569px;
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    height: auto;
}
.productions__slide-descr{
    margin-top: 15px;
    margin-bottom: 32px;
}
.productions__slide-link{
    margin-top: auto;
}
.productions__slide-image{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 400px;
    margin: auto 0;
}
.productions__slide-image img{
    width: 100%;
    height: auto;
}
.productions__slide-title{
    font-size: 30px;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
}
.productions__content:not(.active){
    display: none;
}
.productions__descr{
    color: #001131;
    text-align: justify;
    font-size: 16px;
    line-height: 24px; /* 150% */
    text-transform: uppercase;
}
.productions__sliders-start{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.otherProdSlider__sliders-buttons,
.productions__sliders-buttons{
    display: flex;
    align-items: center;
    gap: 8px;
}
.productions__slide{
    position: relative;
    z-index: 1;
}
.productions__slide::before{
    content: '';
    position: absolute;
    display: inline-block;
    z-index: -1;
    width: 80px;
    height: 82.26px;
    min-width: 80px;
    background-image: url('../img/icons/icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .productions {
        padding: 32px 0 0;
    }
    .blogs__select-btn,
    .programs__select-btn,
    .productions__select-btn{
        font-size: 16px;
        line-height: normal;
    }
    .productions__descr {   
        font-size: 14px;
        line-height: 20px;
    }
    .productions__slide-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .productions__sliders {
        margin-top: 24px;
    }
    .productions__slide{
        flex-direction: column;
        gap: 32px;
    }
    .productions__slide-title {
        font-size: 18px;
        line-height: normal;
    }
    .productions__slide-link{
        max-width: 100%;
    }
    .productions__slide-image{
        margin: 0 auto;
        width: 65.31%;
    }
    .productions__slide::before {
        top: 65%;
        left: 90%;
        transform: translateX(-50%);
    }
}
@media (max-width: 480px) {

}
/* programs */
.programs{
    padding: 96px 0;
}
.programs__start{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.programs__slider-buttons{
    display: flex;
    align-items: center;
    gap: 8px;
}
.programs__select{
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 32px;
    overflow-y: hidden;
    overflow-x: auto;
}
.programs__result{
    margin-top: 56px;
}
.programs__slide{
    position: relative;
}
.programs__slide::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 24px;
    z-index: -1;
    right: -32px;
    height: 1px;
    display: inline-block;
    background-color: #013596;
}
.programs__slide:last-child::before{
    content: none;
}
.programs__slide-num{
    margin-bottom: 16px;
    border-radius: 9999px;
    border: 1px solid #013596;
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #013596;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
.programs__slide-title{
    color: #013596;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.programs__slide-descr{
    color: #013596;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    margin-top: 4px;
    min-height: 40px;
}
.programs__slide-name{
    margin-top: 16px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; /* 150% */
    border-radius: 9999px;
    background: #303539;
    max-width: max-content;
    padding: 4px 12px;
}
.programs__slide-name--blue{
    background: linear-gradient(90deg, #00BDEF 0%, #00BAE3 23%, #00B4C5 65%, #00AEA7 100%);
}
.programs__slide-name--green{
    background: linear-gradient(83deg, #43843A 3.21%, #64E14A 94.48%), linear-gradient(90deg, #00BDEF 0%, #00BAE3 23%, #00B4C5 65%, #00AEA7 100%);
}
.programs__slide-more{
    color: #013596;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; /* 150% */
    gap: 8px;
    margin-top: 24px;
    text-transform: none;
}
.programs__slide-more::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16537 6.66699L15.832 6.66699L9.9987 15.8337L4.16537 6.66699Z' fill='%23013596'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    min-width: 20px;
}
.programs__slide-info{
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 500px;
    background: rgba(240, 248, 253, 0.80);
    backdrop-filter: blur(10px);
    z-index: 10;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.programs__slide-info--btn{
    max-width: 100%;
}
.programs__slide-info--title{
    font-size: 18px;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    margin-bottom: 8px;
}
.programs__slide-more.active + .programs__slide-info{
    opacity: 1;
    pointer-events: all;
}
@media (min-width: 1024px) {
    .programs__slide-more{
        position: relative;
    }
    .programs__slide-more::before{
        content: '';
        position: absolute;
        inset: -20px;
    }
}
.programs__slide-more.active::after{
    transform: scaleY(-1);
}
.programs__slider:not(.active){
    display: none;
}
.programs__slider{
    overflow: visible;
}
.programs__slide.active{
    z-index: 10;
}
.programs__slide:last-child:not(:first-child) .programs__slide-info{
    right: 0;
    left: initial;
}
.programs-page{
    padding: 39px 0 96px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.programs-page::before{
    content: '';
    position: absolute;
    left: -241.797px;
    bottom: -259.797px;
    border-radius: 443.797px;
    opacity: 0.6;
    background: #013DAB;
    filter: blur(200px);
    width: 443.797px;
    height: 443.797px;
}
.programs-page::after{
    content: '';
    position: absolute;
    right: -63.24px;
    top: -92.482px;
    border-radius: 294.482px;
    opacity: 0.6;
    background: #013DAB;
    filter: blur(150px);
    width: 294.482px;
    height: 294.482px;
}
.programs__title{
    margin-top: 37px;
    font-size: 64px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 72px; /* 112.5% */
}
.programs__start-logo{
    display: flex;
    align-items: center;
    gap: 13px;
}
.programs__start-logo:not(.active){
    display: none;
}
.programs-page .programs__start{
    margin-top: 48px;
}
.programs__start-logo--title{
    color: #013596;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    text-transform: uppercase;
    margin-bottom: 1px;
}
.programs__start-logo--descr{
    color: #013596;
    font-size: 20px;
    line-height: 28px; /* 140% */
}
.programs__start-logo--icon{
    display: flex;
    align-items: center;
    width: 59px;
    height: 59px;
    min-width: 59px;
}
.programs__start-logo--icon img{
    width: 100%;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .programs__slide::before{
        right: -24px;
    }
}
@media (max-width: 768px) {
    .programs__slide::before {
        right: -16px;
    }
    .programs {
        padding: 64px 0;
    }
    .programs__slider-buttons{
        display: none;
    }
    .programs__select-btn{
        font-size: 14px;
        text-wrap: nowrap;
    }
    .programs__result {
        margin-top: 32px;
    }
    .programs__slide-info{
        width: 100%;
    }
    .programs__title {
        margin-top: 0;
        font-size: 32px;
        line-height: 40px;
    }
    .programs__start-logo--icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .programs__start-logo--title {
        font-size: 16px;
        line-height: 24px;
    }
    .programs__start-logo--descr {
        font-size: 14px;
        line-height: normal;
    }
    .programs-page .programs__start {
        margin-top: 24px;
    }
    .programs-page::after {
        right: initial;
        top: -215px;
        left: -67px;
    }
    .programs-page::after {
        right: initial;
        top: -215px;
        left: -67px;
    }
    .programs-page::before {
        left: initial;
        bottom: -280px;
        right: -21px;
        border-radius: 443.797px;
        border-radius: 294.482px;
        opacity: 0.5;
        background: #013DAB;
        filter: blur(150px);
    }
}
@media (max-width: 480px) {

}
/* imageBlock */
.imageBlock{
    display: flex;
    align-items: center;
    height: 647px;
    width: 100%;
    overflow: hidden;
}
.imageBlock img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .imageBlock{
        height: 526px;
    }
}
@media (max-width: 480px) {

}
/* footer */
.footer{
    padding-bottom: 53px;
}
.footer__product{
    padding: 40px 0 80px;
}
.footer__product-name{
    color: #8A9FB4;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    text-align: center;
}
.footer__product-block{
    margin-top: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.footer__product-image{
    display: flex;
    align-items: center;
}
.footer__product-image:nth-of-type(2){
    margin-top: -20px;
}
.footer__product-image img{
    max-width: 100%;
    width: max-content;
}
.footer__menu,
.footer__block{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer__name{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
.footer__box{
    display: flex;
    align-items: start;
    gap: 20px;
    justify-content: space-between;
}
.footer__menu li a,
.footer__link{
    font-size: 14px;
    line-height: 20px; /* 142.857% */   
    transition: all .2s ease;
}
.footer__socials{
    display: flex;
    align-items: center;
    gap: 16px;
}
.footer__socials-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__menu li a:hover,
.footer__link:hover{
    color: #013596;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .footer__product-image img{
        height: 34px;
    }
}
@media (max-width: 768px) {
    .footer__product{
        padding: 24px 0;
    }
    .footer__product-name{
        font-size: 12px;
    }
    .footer__product-block{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 32px;
        max-width: 250px;
        margin: 16px auto;
    }
    .footer__box{
        flex-direction: column;
        gap: 24px;
    }
    .footer__product-image:nth-of-type(2){
        margin-top: 0;
    }
}
@media (max-width: 480px) {

}
/* contacts */
.contacts{
    position: relative;
    z-index: 1;
    padding-bottom: 88px;
}
.contacts::before,
.contacts::after{
    content: '';
    position: absolute;
    z-index: -1;
    width: 294.482px;
    height: 294.482px;
    border-radius: 50%; 
    opacity: 0.6;
    background: #013DAB;
    filter: blur(150px);
    top: 92px;
    right: -64px;
}
.contacts::after{
    bottom: -210px;
    top: initial;
    right: initial;
    left: -240px;
}
.contacts__title{
    margin-top: 32px;
    font-size: 64px;
    font-weight: 700;
    line-height: 72px; /* 112.5% */
}
.contacts__descr{
    margin-top: 16px;
}
.contacts__content{
    display: grid;
    grid-template-columns: 0.46544fr 1fr;
    margin-top: 32px;
    gap: 8px;
}
.contacts__block{
    background: rgba(240, 248, 253, 0.80);
    backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
}
.contacts__item-icon{
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.contacts__item-title{
    font-size: 16px;
    line-height: 24px; /* 150% */
}
.contacts__item-descr{
    margin-top: 2px;
    font-size: 14px;
    transition: all .2s ease;
}
.contacts__item-descr:hover{
    color: #013596;
}
.contacts__form{
    background: rgba(240, 248, 253, 0.80);
    backdrop-filter: blur(25px);
    padding: 32px;
}
.contacts__map{
    width: 100%;
    margin-top: 40px;
}
.contacts__map iframe{
    display: block;
    width: 100%;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .contacts__content{
        grid-template-columns: 0.6fr 1fr;
    }
}
@media (max-width: 768px) {
    .contacts__title{
        margin-top: 0;
    }
    .contacts__content{
        grid-template-columns: 1fr;
        margin-top: 24px;
    }
    .contacts{
        padding: 64px 0 32px;
    }
    .contacts__title {
        margin-top: 0;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
    }
    .contacts__descr{
        display: none;
    }
    .contacts::before, .contacts::after {
        top: -215px;
        right: initial;
        left: -67px;
    }
    .contacts__block {
        padding: 32px 16px;
    }
    .contacts__form{
        padding: 32px 16px;
    }
    .contacts::after {
        bottom: 376px;
        top: initial;
        right: -100px;
        left: initial;
    }
}
@media (max-width: 480px) {

}


/* blog */
.blogs{
    padding-bottom: 48px;
    background: radial-gradient(129.78% 129.83% at 52% 0%, #FFF 0%, #BAD2FF 100%);
}
.blogs__title{
    margin-top: 68px;
}
.blogs__select{
    margin-top: 32px;
}
.blogs__block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}
.blogs__item{
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.blogs__item-image{
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}
.blogs__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s ease;
}
.blogs__item-image:hover img{
    transform: scale(1.1);
}
.blogs__item-content{
    padding: 32px;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(251, 252, 253, 0.80);
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.blogs__item-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    margin: 0;
}
.blogs__item-btn{
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    border-color: transparent;
    transform: translateY(8px);
    transition:
        max-height .35s ease,
        opacity .25s ease .1s,
        transform .25s ease .1s,
        padding .35s ease,
        border-color .25s ease .1s,
        background-color .2s ease,
        color .2s ease;
}
.blogs__item:hover .blogs__item-btn{
    max-height: 80px;
    opacity: 1;
    transform: translateY(0);
    padding-top: 20px;
    padding-bottom: 20px;
    border-color: #013596;
}
@media (max-width: 768px) {
    .blogs{
        padding: 64px 0 32px;
    }
    .blogs__title {
        margin-top: 0;
    }
    .blogs__block {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 16px;
    }
    .blogs__item-image {
        height: 357px;
    }
    .blogs__item-content {
        padding: 16px;
        gap: 16px;
        transform: none;
    }
    .blogs__item-title {
        font-size: 18px;
        line-height: 28px;
    }
    .blogs__item-btn {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}
@media (max-width: 480px) {

}
/* article */
.article {
    background: #EBF2FF;
}
.article__top{
    min-height: 626px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 70px 0;
}
.article__top-img{
    display: flex;
    align-items: center;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    inset: 0;
}
.article__top-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article__top-img::before{
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 39, 90, 0.00) 0%, rgba(11, 39, 90, 0.60) 100%), radial-gradient(177.57% 147.7% at 50% 100%, #BAD2FF 0%, rgba(186, 210, 255, 0.00) 100%);
    backdrop-filter: blur(8px);
}
.article__top-tag{
    color: #EBF2FF;
}
.article__top-title{
    color: #EBF2FF;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}
.article__top-inner,
.article__top .container{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.article__top-inner{
    justify-content: end;
    gap: 17px;
    align-items: start;
}
.article__content{
    padding: 48px 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 876px;
}
.article__content h2,
.article__content h3{
    font-size: 18px;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
}
.article__content ul{
    list-style: disc;
    list-style-position: inside;
}
.article__content ol{
    list-style: decimal;
    list-style-position: inside;
}
.article__image{
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.article__image-item{
    width: 100%;
    display: flex;
    align-items: center;
}
.article__image-item img{
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .article{
        padding-bottom: 24px;
    }
    .article__top {
        min-height: 450px;
        padding: 23px 0;
    }
    .article__top-title {
        font-size: 24px;
        line-height: normal;
        letter-spacing: normal;
    }
    .article__content{
        padding: 24px 0 0;
    }
    .article__content h2,
    .article__content h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .article__image {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
.wp-block-gallery{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}
.wp-block-gallery *{
    width: 100% !important;
}
@media (max-width: 480px) {
    .wp-block-gallery {
        grid-template-columns: 1fr;
    }
}


/* blogsSlider */
.blogsSlider {
    padding: 64px 0 68px;
    background: #EBF2FF;
}
.blogsSlider__slider{margin-top: 32px;}
.blogsSlider__top{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.blogsSlider__buttons{
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 768px) {
    .blogsSlider {
        padding: 64px 0 32px;
    }
}
@media (max-width: 480px) {

}
/* about */
.aboutInfo{
    padding: 88px 0 32px;
    position: relative;
    z-index: 1;
    background-color: #EBF2FF;
}
.aboutInfo::before{
    content: '';
    position: absolute;
    display: inline-block;
    z-index: -1;
    width: 108.347px;
    height: 87.3px;
    background-image: url('../img/icons/icon-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
    right: 40px;
}
.aboutInfo__title{
    letter-spacing: normal;
}
.aboutInfo__block{
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.aboutInfo__item{
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    background: #FFF;
}
.aboutInfo__item-num{
    color: #BAD2FF;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px; /* 120% */
    letter-spacing: -1.2px;
}
.aboutInfo__item-title{
    color: #013596;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}
.aboutInfo__item-info{
    color: #013596;
    font-size: 18px;
    line-height: 28px; /* 155.556% */
    margin-top: 24px;
}
.aboutInfo__item-info ul{
    list-style: disc;
    list-style-position: inside;
}
.aboutInfo__item-info ol{
    list-style: decimal;
    list-style-position: inside;
}
.aboutInfo__item-image{
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 !important;
}
.aboutInfo__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.aboutInfo__item-second{
    background: radial-gradient(59.33% 112.9% at 27.22% 5.25%, #144CB3 0%, #1558D5 100%), #013596;
}
.aboutInfo__item-second .aboutInfo__item-title,
.aboutInfo__item-second .aboutInfo__item-info{
    color: #fff;
}
@media (max-width: 1024px) {
    .aboutInfo__block {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .aboutInfo {
        padding: 64px 0 0;
    }
    .aboutInfo::before {
        width: 78.347px;
        height: 77.3px;
        top: 10px;
        right: 20px;
    }
    .aboutInfo__block {
        grid-template-columns: 1fr;
    }
    .aboutInfo__item {
        padding: 32px 16px;
        gap: 24px;
    }
    .aboutInfo__item-num {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: normal;
    }
    .aboutInfo__item-title {
        font-size: 18px;
        line-height: normal;
    }
    .aboutInfo__item-info {
        font-size: 16px;
        line-height: normal;
        margin-top: 24px;
    }
    .aboutInfo__item-image{
        height: 240px;
    }
}
@media (max-width: 480px) {

}


/* products */
.products__block{
    display: grid;
    grid-template-columns: 1fr;
}
.products__item{
    padding: 32px 0;
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(54, 59, 64, 0.40) 0%, rgba(54, 59, 64, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(95, 103, 110, 0.40) 0%, rgba(95, 103, 110, 0.00) 100%), #FFF;
}
.hero-blue.hero-products ~ .products .products__item{
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(5, 143, 181, 0.40) 0%, rgba(5, 143, 181, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(6, 198, 191, 0.40) 0%, rgba(6, 198, 191, 0.00) 100%), #FFF;
}
.hero-green.hero-products ~ .products .products__item{
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(6, 197, 23, 0.30) 0%, rgba(6, 197, 23, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(6, 197, 23, 0.30) 0%, rgba(6, 197, 23, 0.00) 100%), #FFF;
}
.products__item .container{
    display: flex;
    align-items: stretch;
    gap: 20px;
    min-height: 388px;
    justify-content: space-between;
}
.products__item-title{
    color: #181F25;
    font-size: 48px;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}
.products__item-descr{
    margin-top: 18px;
    margin-bottom: 20px;
}
.products__item-content{
    height: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
}
.products__item-btn{
    margin-top: auto;
}
.products__item-image{
    display: flex;
    align-items: center;
    margin: auto 0;
    width: 100%;
    max-width: 358px;
}
.products__item-image img{
    width: 100%;
    height: auto;
}
@media (max-width: 1024px) {
    .products__item .container{
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .products__item{
        padding: 24px 0;
    }
    .products__item .container{
        flex-direction: column;
        gap: 32px;
    }
    .products__item-image{
        margin: 0 auto;
        width: 65.31%;
    }
    .products__item-title {
        font-size: 24px;
        line-height: normal;
        letter-spacing: normal;
    }
    .products__item-descr {
        margin-top: 8px;
        margin-bottom: 0;
    }
    .products__item-btn{
        max-width: 100%;
    }
}
@media (max-width: 480px) {

}


/* otherProd */
.otherProd{
    padding-top: 64px;
}
.otherProd__block{
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.otherProd__item{
    min-height: 420px;
    overflow: hidden;
    width: 100%;
    padding: 48px max(16px, calc(100% - 640px));
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 10px;
}
.otherProd__item:nth-child(odd){
    padding-right: 32px;
}
.otherProd__item:nth-child(even){
    padding-left: 32px;
}
.otherProd__item-image{
    display: flex;
    align-items: center;
    overflow: hidden;
    position: absolute;
    inset: 0;
    z-index: -1;
    transition: all .3s ease;
}
.otherProd__item-image::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: all .2s ease;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), rgba(36, 62, 79, 0.50);
    backdrop-filter: blur(2.5px);
}
.otherProd__item-blue .otherProd__item-image::before{
    background: linear-gradient(180deg, rgba(12, 156, 245, 0.00) 0%, rgba(12, 156, 245, 0.50) 100%), rgba(36, 62, 79, 0.50);
}
.otherProd__item:not(:hover) .otherProd__item-image::before{
    background: rgba(36, 62, 79, 0.50);
    backdrop-filter: blur(2.5px);
}
.otherProd__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.otherProd__item:hover .otherProd__item-image{
    transform: scale(1.1);
}
.otherProd__item-title{
    color: #FFF;
    font-size: 48px;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}
.otherProd__item-descr{
    color: #FFF;
}
@media (hover: hover) {
    .otherProd__item-descr{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .4s ease, opacity .3s ease;
    }
    .otherProd__item:hover .otherProd__item-descr{
        max-height: 240px;
        opacity: 1;
    }
}
.otherProd__item-green .otherProd__item-image::before{
    background: linear-gradient(180deg, rgba(51, 143, 32, 0.00) 0%, rgba(51, 143, 32, 0.50) 100%), rgba(36, 62, 79, 0.50);
}
@media (max-width: 1280px) {
    .otherProd__item {
        padding-inline: max(16px, calc(100% - 496px));
    }
}
@media (max-width: 1024px) {
    .otherProd__item {
        padding: 48px 16px;
    }
}
@media (max-width: 768px) {
    .otherProd{
        display: none;
    }
}
@media (max-width: 480px) {

}


/* product */
.product{
    background: radial-gradient(107.8% 61.27% at 105.73% 136.86%, rgba(54, 59, 64, 0.30) 0%, rgba(54, 59, 64, 0.00) 100%), radial-gradient(125.24% 86.6% at -1.32% -13.25%, rgba(95, 103, 110, 0.30) 0%, rgba(95, 103, 110, 0.00) 100%), #FFF;
}
.product.hero-blue{
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(5, 143, 181, 0.30) 0%, rgba(5, 143, 181, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(6, 198, 191, 0.30) 0%, rgba(6, 198, 191, 0.00) 100%), #FFF;
}
.product.hero-green{
    background: radial-gradient(117.51% 73.03% at 105.73% 136.86%, rgba(6, 197, 23, 0.30) 0%, rgba(6, 197, 23, 0.00) 100%), radial-gradient(125.24% 86.6% at -1.32% -13.25%, rgba(9, 218, 27, 0.30) 0%, rgba(9, 218, 27, 0.00) 100%), #FFF;
}
.product__inner{
    padding: 116px 0 74px;
    min-height: 713px;
}
.product__inner{
    display: flex;
    align-items: stretch;
    gap: 20px;
    justify-content: space-between;
}
.product__content{
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product__info{
    display: flex;
    flex-direction: column;
    margin-top: auto;
    width: 100%;
    max-width: 610px;
    min-height: 362px;
}
.product__title{
    font-size: 64px;
    line-height: 72px; /* 112.5% */
    text-transform: uppercase;
}
.product__name{
    margin-top: 17px;
    margin-bottom: 30px;
}
.product__image{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 440px;
    margin-top: auto;
}
.product__image img{
    width: 100%;
    height: auto;
}
.product__descr{
    margin-top: auto;
    text-align: justify;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .product__inner {
        padding: 125px 0 0;
        gap: 40px;
        min-height: auto;
        flex-direction: column;
    }
    .product__title {
        font-size: 32px;
        line-height: 40px;
    }
    .product__name {
        margin-top: 14px;
        margin-bottom: 30px;
    }
    .product__descr {
        margin-top: 0;
        font-size: 12px;
        line-height: normal;
    }
    .product__info {
        max-width: 100%;
        min-height: auto;
    }
    .product__image .show-mobile{
        margin: 0 -16px;
        width: calc(100% + 32px);
    }
    .product__image{
        margin: 0 20px;
        width: auto;
    }
}
@media (max-width: 480px) {

}


/* advant */
.advant{
    padding: 80px 0;
}
.advant__title{
    font-size: 24px;
    line-height: normal;
}
.advant__block{
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.advant__item{
    padding: 23px 23px 23px 59px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    background: radial-gradient(121.45% 121.45% at 0% 0%, #EDEEEE 0%, #5C8ADD 100%);
}
.advant__item::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background-color: #fff;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.advant__item::after{
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 14.3333L6.5 18L7.52402 16.9272M17 7L10.937 13.3517' stroke='%2389B2FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 14.3333L11.5 18L22 7' stroke='%2389B2FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    min-width: 24px;
    top: 24px;
    left: 24px;
}
.advant__btn{
    max-width: 100%;
    margin-top: 32px;
    gap: 10px;
    align-items: center;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .advant {
        padding: 24px 0;
    }
    .advant__title {
        font-size: 18px;
    }
    .advant__block {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px 20px 20px 16px;
    }
    .advant__item{
        background: transparent;
        padding: 0 0 0 36px;
    }
    .advant__item::after{
        top: 0;
        left: 0;
    }
    .advant__item::before{
        content: none;
    }
    .advant__block{
        position: relative;
        z-index: 1;
        background: radial-gradient(121.45% 121.45% at 0% 0%, #EDEEEE 0%, #5C8ADD 100%);
    }
    .advant__block::before{
        content: '';
        position: absolute;
        z-index: -1;
        inset: 0;
        background-color: #fff;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
    }
    .advant__btn {
        margin-top: 16px;
        padding: 10px;
        height: 60px;
    }
}
@media (max-width: 480px) {

}


/* otherProdSlider */
.otherProdSlider{
    padding-top: 32px;
}
.product.hero-blue ~ .otherProdSlider{
    background: #EBF2FF;
}
.product.hero-blue ~ .otherProdSlider .otherProdSlider__slide{
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(5, 143, 181, 0.40) 0%, rgba(5, 143, 181, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(6, 198, 191, 0.40) 0%, rgba(6, 198, 191, 0.00) 100%), #FFF;
}

.product.hero-green ~ .otherProdSlider{
    background: #EBF2FF;
}
.product.hero-green ~ .otherProdSlider .otherProdSlider__slide{
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(6, 197, 23, 0.30) 0%, rgba(6, 197, 23, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(6, 197, 23, 0.30) 0%, rgba(6, 197, 23, 0.00) 100%);
}
.otherProdSlider__inner{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.otherProdSlider__slider{
    margin-top: 24px;
}
.otherProdSlider__slide{
    min-height: 388px;
    padding: 32px;
    background: radial-gradient(150.43% 86.03% at 105.73% 136.86%, rgba(54, 59, 64, 0.40) 0%, rgba(54, 59, 64, 0.00) 100%), radial-gradient(138.77% 96.83% at 2.19% -3.61%, rgba(95, 103, 110, 0.40) 0%, rgba(95, 103, 110, 0.00) 100%), #FFF;
    display: flex;
    align-items: stretch;
    gap: 20px;
    justify-content: space-between;
}
.otherProdSlider__item-image{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 313px;
}
.otherProdSlider__item-image img{
    width: 100%;
    height: auto;
}
.otherProdSlider__item-content{
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}
.otherProdSlider__item-title{
    color: #181F25;
    font-size: 48px;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}
@media (max-width: 1024px) {
    .otherProdSlider__slide{
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .otherProdSlider{
        background-color: #EBF2FF;
    }
    .otherProdSlider__slide{
        padding: 24px 16px;
    }
    .otherProdSlider__item-btn{
        max-width: 100%;
    }
    .otherProdSlider__item-image{
        margin: 0 auto;
        width: 65.31%;
    }
    .otherProdSlider__item-title {
        font-size: 24px;
        line-height: normal;
        letter-spacing: normal;
    }
}
@media (max-width: 480px) {

}


/* 404 ============================================================== */
.error404{
    padding: 100px 0;
    background: #fff;
}
.error404__inner{
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error404__code{
    color: #013596;
    font-size: 220px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -8px;
    margin-bottom: 24px;
    background: linear-gradient(180deg, #013596 0%, rgba(1, 53, 150, 0.4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.error404__title{
    color: #181F25;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 0 0 16px;
}
.error404__descr{
    color: #4F5862;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 32px;
}
.error404__btn{
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .error404{
        padding: 96px 0 72px;
    }
    .error404__code{
        font-size: 160px;
        letter-spacing: -6px;
    }
    .error404__title{
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    .error404{
        padding: 64px 0 48px;
    }
    .error404__code{
        font-size: 120px;
        letter-spacing: -4px;
        margin-bottom: 16px;
    }
    .error404__title{
        font-size: 24px;
    }
    .error404__descr{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
}