/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&display=swap');

/*
 *
 * Common
 *
 */
* {
    padding: 0;
    margin: 0;
}
#page {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;
}
body {
    font-family: 'Maven Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #020912;
    background: #FFFEFB;
    position: relative;
    /* overflow-x: hidden;
    width: 100%; */
}
@media(max-width: 1599px) {
    body {
        font-size: 16px;
    }
}
.relative {
    position: relative;
}
.container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto
}
.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.col-pd{
    padding-left: 15px;
    padding-right: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
}
.visually-hidden, .visibility-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
.list-unstyled {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.lh-0 {
    line-height: 0;
}

@media(min-width: 577px){
    .visible-xs{
        display: none;
    }    
}
@media(min-width: 768px){
    .visible-sm{
        display: none;
    }    
}
@media(min-width: 992px){
    .visible-md{
        display: none;
    }
}
@media(min-width: 1024px){
    .container{
        max-width: 1152px;
    }
    .visible-lg{
        display: none;
    }
}
@media(min-width: 1500px){
    .container{
        max-width: 1432px;
    }
    .visible-xl{
        display: none;
    }
}
@media screen and (max-width: 1499px) {  
    .hidden-xl{
        display: none;
    }  
}
@media screen and (max-width: 1199px) {  
    .hidden-lg{
        display: none;
    }  
}
@media screen and (max-width: 991px) {    
    .hidden-md{
        display: none;
    } 
}
@media screen and (max-width: 767px) {
    .hidden-sm{
        display: none;
    } 
}
@media screen and (max-width: 576px) {
    .container {
        padding-left: 13px;
        padding-right: 13px;
    }
    .hidden-xs{
        display: none;
    }
}



/*
 * Button
 *
 */
button {
    cursor: pointer;
}
.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    border-radius: 900px;
    font-family: 'Maven Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    border: none;
    -webkit-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}
.button-primary {
    background-color: #002861;
    color: #FFF;
}
.button-white {
    background-color: #ffffff;
    color: #002861;
}
.button-orange {
    background-color: #FF9C00;
    color: #FFF;
}
.button-primary:hover {
    background-color: #FF9C00;
}
.button-white:hover {
    background-color: #002861;
    color: #ffffff;
}
.button-white:hover path{
    stroke: #fff;
}
.button-orange:hover {
    background-color: #002861;
    color: #ffffff;
}
.button-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    padding: 16px;
    line-height: 0;
    border: 1px solid transparent;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
}
@media (max-width: 1599px) {
    .button {
        font-size: 18px;
    }
}
@media (max-width: 991px){
    .button-icon {
        padding: 12px;
    }
}
@media (max-width: 576px) {
    .button {
        font-size: 16px;
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}


/*
 * Fonts
 */

h1, .h1 {
    color: #002861;
    font-family: 'Maven Pro', sans-serif;
    font-size: 62px;
    font-weight: 700;
    line-height: normal;
}
h2, .h2 {
    color: #002861;
    font-family: 'Maven Pro', sans-serif;
    font-size: 58px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
h3, .h3 {
    color: #002861;
    font-family: 'Maven Pro', sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: normal;
}
h4, .h4 {
    color: #002861;
    font-family: 'Maven Pro', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 140%;
}
h5, .h5 {
    color: #020912;
    font-family: 'Maven Pro', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}

.uppercase {
    text-transform: uppercase;
}
.text-primary {
    color: #002861;
}
.text-gray {
    color: #4C4C4C;
}


.gap-24 {
    gap: 24px;
}
.gap-30 {
    gap: 30px;
}
.gap-36 {
    gap: 36px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-100 {
    padding-top: 100px;
}

.pt-120 {
    padding-top: 120px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pt-140 {
    padding-top: 140px;
}
.pb-140 {
    padding-bottom: 140px;
}

@media(max-width: 1599px) {
    h1,.h1 {
        font-size: 52px;
    }
    h2, .h2 {
        font-size: 48px;
    }
    h3, .h3 {
        font-size: 36px;
    }
    h4, .h4 {
        font-size: 24px;
    }
    h5, .h5 {
        font-size: 22px;
    }

    .pt-140 {
        padding-top: 120px;
    }
    .pb-140 {
        padding-bottom: 120px;
    }
}
@media (max-width: 991px) {
    h1, .h1 {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 38px;
    }

    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    /* h1, .h1 {
        font-size: 32px;
    } */


    .pt-120 {
        padding-top: 100px;
    }
    .pb-120 {
        padding-bottom: 100px;
    }
    .pt-140 {
        padding-top: 100px;
    }
    .pb-140 {
        padding-bottom: 100px;
    }
}
@media (max-width: 576px) {
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    h3, .h3 {
        font-size: 32px;
    }
    h4, .h4 {
        font-size: 20px;
    }


    .pt-120 {
        padding-top: 80px;
    }
    .pb-120 {
        padding-bottom: 80px;
    }
    .pt-140 {
        padding-top: 80px;
    }
    .pb-140 {
        padding-bottom: 80px;
    }
}


/*
 *
 * Header
 *
 */

.consultation {
    font-size: 16px;
    line-height: 1;
    padding: 14px 16px;
    font-weight: 500;
}
.header {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.header__inner {
    background: #ffffff;
    border-radius: 900px;
    padding: 16px 18px;
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-item {
    font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;    
}
.menu-item a {
    color: #002861;
    -webkit-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}
.menu-item a:hover {
    color: #FF9C00;
}
.header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 50px;
}

.logo {
    line-height: 0;
}

.button-toggle {
    background: transparent;
    border: none;
    padding: 0;
    line-height: 0;
}
.toggle-menu .close {
    display: none;
}
.menu-open .toggle-menu .close {
    display: block;
}
.menu-open .toggle-menu .open {
    display: none;
}

.side-bar {
    position: absolute;
    width: 280px;
    right: 0;
    top: 0;
    height: 100vh;
    height: calc(calc(var(--vh, 1vh) * 100));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #ffffff;
    z-index: -1;
    padding: 20px;
    -webkit-transform: translateX(280px);
        -ms-transform: translateX(280px);
            transform: translateX(280px);
    -webkit-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.side-bar__heading {
    height: 86px;
}
.side-bar__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.header .mobile-menu .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.mobile-menu .menu-item {
    font-size: 22px;
}

.menu-open {
    /* position: fixed;
    width: 100%; */
}
.menu-open .side-bar {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}
/* @media (max-width: 991px) { */
@media (max-width: 1499px) {
    .header {
        top: 0;
        background: #fff;
    }
    .header__inner {
        background: transparent;
        border-radius: 0;
        padding: 40px 0 20px;
    }
    .header__button {
        margin: 0 30px 0 auto;
    }

    .consultation {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .header {
        position: relative;
    }
}



/*
 *
 * FOOTER
 *
 */
.footer {
    background: #FFF;
    border-top: 1px solid #EAEAEB;
    padding-top: 100px;
    padding-bottom: 30px;
}
.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.footer__bottom {
    border-top: 1px solid #F1F1F3;
    padding-top: 50px;
    margin-top: 50px;
}

.footer__col.second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    width: 807px;
}
.footer__col-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
}
.footer__title {
    font-size: 20px;
    line-height: 150%;
    text-transform: none;
}

.footer__contacts {
    margin-top: 40px;
}

.footer__menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.footer__menu .menu-item {
    /* font-family: 'Be Vietnam Pro', sans-serif; */
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; 
}
.footer__menu .menu-item a {
    color: #4C4C4C;
}
.footer__menu .menu-item a:hover {
    color: #FF9C00;
}

.icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.icon-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-family: 'Be Vietnam Pro', sans-serif;
    line-height: 150%;
    color: #262626;
}
a.icon-list__item:hover {
    color: #002861;
}

.copyright {
    color: #4C4C4C;
    line-height: 150%;
}

.socials {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}
.socials__link {
    border-radius: 8px;
    border: 1px solid #F1F1F3;
    background: #F7F7F8;
    padding: 14px;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}
.socials__link:hover {
    background-color: #FF9C00;
    border-color: #FF9C00;
}
@media(max-width: 1599px) {
    .footer{
        padding-top: 80px;
    }
    .footer__bottom {
        padding-top: 30px;
        margin-top: 30px;
    }
    .footer__col.second {
        width: auto;
        gap: 30px;
    }
    .footer__menu .menu-item {
        font-size: 16px;
        min-width: 200px;
    }
    .copyright {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    .footer__top {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer__col.first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .footer__col.second {
        margin-top: 40px;
    }
    .icon-list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .footer {
        padding-top: 40px;
        border-top: none;
    }
    .footer__col.second {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 24px 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer__menu .menu-item {
        min-width: auto;
    }
    .footer__col-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; 
    }
    .footer__col-item:last-child {
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media (max-width: 576px) {
    .footer__col.second {
        gap: 16px 0;
        margin-top: 20px;
    }
    .footer__col-item {
        text-align: center;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .footer__title {
        font-size: 18px;
    }
    .footer__menu .menu-item {
        font-size: 14px;
    }

    .footer__contacts {
        max-width: 236px;
        margin-top: 20px;
        gap: 16px;
    }

    .icon-list__item {
        font-size: 14px;
    }
    .icon-list__item svg {
        width: 18px;
        height: auto;
    }

    .footer__bottom {
        padding-top: 16px;
        margin-top: 16px;
    }
}



/*
 *
 * Hero secion
 *
 */
.hero {
    position: relative;
    background-color: #F3EFE8;
    height: 922px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
}
.hero__decor {
    width: 100%;
    height: 100%;
    /* background-image: url(../images/hero_decor.svg); */
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
}
.hero__inner {
    position: relative;
    padding-top: 80px;
}
.hero__content {
    max-width: 589px;
}
.hero__image-wrap {
    line-height: 0;
    margin-right: -33px;
}
.hero__descr {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #002861;
    line-height: normal;
}
.hero__button {
    margin-top: 60px;
}
@media(min-width: 1600px) {
    .hero__decor {
        background-image: url(../images/hero_decor.svg);
    }
}
@media(max-width: 1599px) {
    .hero {
        height: 845px;
    }
    .hero__content {
        max-width: 513px;
    }
    .hero__descr {
        font-size: 16px;
    }
    .hero__image-wrap {
        margin-right: -63px;
        max-width: 588px;
    }
    .hero__decor {
        background-image: url(../images/hero_decor-tablet.svg);
    }    
}
@media (max-width: 991px) {
    .hero {
        height: 675px;
    }
    .hero__content {
        max-width: 400px;
    }
    .hero__descr {
        max-width: 80%;
    }
    .hero__image-wrap {
        margin-right: -16px; 
    }
}
@media (max-width: 767px) {
    .hero {
        height: auto;
    }
    .hero__decor {
        background-image: url(../images/hero_decor-mobile.svg);
    } 
    .hero__inner {
        padding-top: 100px;
        padding-bottom: 23px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .hero__content {
        max-width: 100%;
    }
    .hero__descr {
        max-width: 100%;
    }
}
@media (max-width: 576px) {

}



.brands-carousel__item {
    padding-right: 54px;
    line-height: 0;
}
.brands-carousel__item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media (max-width: 1599px) {
    .brands {
        padding-top: 70px;
        padding-bottom: 0;
    }
}
@media (max-width: 991px) {
    .brands {
        padding-top: 40px;
    }
}
@media (max-width: 767px) {
    .brands {
        padding-bottom: 80px;
    }
}


.descr p:not(:last-child) {
    margin-bottom: 18px;
}
.services {
    position: relative;
}
.services__absolute {
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
@media (max-width: 1599px) {
    .services__inner {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .services__wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 590px;
                flex: 0 0 590px;
        max-width: 590px;
    }
}
@media (max-width: 991px) {
    .services__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 36px;
    }
    
    .services__wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .services {
        background-color: #fff;
    }
}


.marketing {
    background-color: #F9F5F0;
    position: relative;
}
.marketing__absolute {
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.marketing__title {
    max-width: 415px;
}
@media (max-width: 1599px) {
    .marketing__inner {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .marketing__wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 590px;
                flex: 0 0 590px;
        max-width: 590px;
    }
}
@media (max-width: 991px) {
    .marketing__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
    }
    .marketing__wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .marketing__title {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .marketing__absolute img {
        max-width: 80%;
    }
}


.features {
    overflow: hidden;
    /* background: #FFFEFB; */
    background: -o-linear-gradient(89deg, #F9F5F0, transparent);
    background: linear-gradient(1deg, #F9F5F0, transparent);
}
.features__content {
    position: relative;
    padding-top: 140px;
    padding-bottom: 130px;
}
.features__decor {
    position: absolute;
    width: 439px;
    line-height: 0;
}
.features__decor.left {
    /* top: 0; */
    top: 300px;
    right: 87%;
}
.features__decor.right {
    bottom: 0;
    left: 87%;
}

.features__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 135px;
}
.features__title {
    max-width: 620px;
}
.features__header .descr {
    max-width: 620px;
}
.features__main {
    position: relative;
}
.features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    gap: 24px 0;
}
.features-list__item {
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 36px 24px 36px 36px;
    border-radius: 16px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
            box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
}
.card__inner {
    height: 100%;
}
.card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}
.card__content {
    margin-top: 16px;
    color: #002861;
    font-size: 22px;
    font-weight: 500;
    line-height: 170%;
}
@media (max-width: 1599px) {
    .features__content {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .card__content {
        font-size: 20px;
    }
    .card__icon {
        max-width: 32px;
    }
}
@media (max-width: 1200px) {
    .features__header .descr {
        max-width: 55%;
        padding-left: 80px;
    }
}
@media (max-width: 1024px) {
    .card__image-wrap {
        max-width: 48%;
    }
}
@media (max-width: 991px) {
    .features-list__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .features__header {
        margin-bottom: 60px;
    }
}
@media (max-width: 576px) {
    .features {
        background: transparent;
    }
    .features__content {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .features__decor {
        width: 239px;
    }
    .features__decor.left {
        left: -16px;
    }
    .features__decor.right {
        left: auto;
        right: -16px;
    }

    .features__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .features__header .descr {
        max-width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    .card {
        padding: 24px;
    }
    .card__header {
        gap: 16px;
    }
    .card__image-wrap {
        display: none;
    }
    .card__content {
        font-size: 16px;
    }
}




.idea {
    position: relative;
}
.idea .descr {
    font-size: 20px;
    font-weight: 500;
    line-height: 170%;
    max-width: 699px;
    margin-top: 10px;
}
.idea__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.idea__absolute {
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.info-card-list {
    margin: 80px -25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.info-card-list__item {
    padding-left: 25px;
    padding-right: 25px;
}

.info-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
        -ms-flex-direction: column;    
            flex-direction: column;
    padding: 50px;
    border-radius: 6px;
    border: 1px solid #FFEACC;
    background: #FFF9F0;
}
.info-card-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.info-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}
.info-card__icon {
    line-height: 0;
    padding: 16px;
    border-radius: 8px;
    background: #FED9A0;
    min-height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.info-card__body {
    font-weight: 500;
    line-height: 170%;
}
.info-card__image-wrap {
    max-width: 54%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54%;
            flex: 0 0 54%;
    line-height: 0;
}
.info-card__image-wrap img {
    border-radius: 6px;
}

@media (max-width: 1599px) {
    
    .idea__wrap {
        max-width: 559px;
    }
    .idea__image-wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        max-width: 48%;
    }

    .info-card-list {
        margin: 60px -12px 0; 
    }
    .info-card-list__item {
        padding-left: 12px;
        padding-right: 12px;
    }
    .info-card {
        padding-right: 48px;
    }
}
@media (max-width: 991px) {
    .idea__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
    }
    .idea__wrap {
        max-width: 100%;
        margin-bottom: 80px;
    }
    .idea__image-wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }   
    
    .info-card-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;        
    }
    .info-card__image-wrap {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
}
@media (max-width: 767px) {   
    .idea .descr {
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .idea {
        padding-top: 10px;
        /* padding-bottom: 60px; */
    }
    .idea__inner {
        gap: 16px;
    }

    .info-card {
        padding: 30px;
    }    
    .info-card__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .info-card__icon {
        min-height: 56px;
    }
    .info-card__icon svg {
        width: 24px;
        height: auto;
    }
}



.procedure {
    position: relative;
}
.overlay {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 849px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F0), to(rgba(255, 249, 240, 0.00)));
    background: -o-linear-gradient(top, #FFF9F0 0%, rgba(255, 249, 240, 0.00) 100%);
    background: linear-gradient(180deg, #FFF9F0 0%, rgba(255, 249, 240, 0.00) 100%);
}
.procedure__inner {
    position: relative;
}
.procedure__header {
    padding: 50px 11px;
    background: #FFF;
    border-radius: 20px;
    max-width: 900px;
    margin: 0 auto;
}
.procedure__body {
    background: #F7F7F8;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #F1F1F3;
}
.procedure__body .row {
    gap: 30px 0;
}
.procedure__title {
    text-transform: none;
}
.rule-card-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.rule-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 24px;
    background-color: #FCFCFD;
    border: 1px solid #F1F1F3;
    border-radius: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
}
.rule-card__title {
    margin-bottom: 10px;
    font-size: 24px;
}
.rule-card__descr {
    font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .procedure__body .col-md-12 .rule-card-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}
@media (max-width: 991px) {
    .procedure__header {
        padding: 0;
        background: transparent;
        margin: 0 auto 0 0;
    }
    .procedure__title {
        text-transform: uppercase;
        text-align: left;
    }
}
@media (max-width: 576px) {
    .procedure {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .procedure__body {
        padding: 16px;
    }
    .procedure__body .row {
        gap: 16px 0;
    }
}


.portfolio {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #F9F5F0;
    background-image: url('../images/portfolio-bg.svg');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}
.portfolio__inner {
    background: #fff;
}
.portfolio__header {
    padding: 50px;
}
.portfolio .descr {
    font-size: 20px;
    font-weight: 500;
    line-height: 170%;
    margin-top: 10px;
}


.tabs__list {
    border-radius: 6px;
    border-top: 1px solid rgba(255, 156, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}
.tabs__link {
    border-radius: 8px;
    border: 1px solid #FFEACC;
    background: #FFF9F0;
    min-width: 178px;
    padding: 14px 20px;
    text-align: center;
    color: #020912;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
}
.tabs__link.active {
    border-color: #FF9C00;
    font-weight: 600;
    color: #002861;
}
.tabs__link:hover {
    border-color: #FF9C00;
}

.article__header {
    padding: 40px 50px 20px 50px;
}
.article__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 40px 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
}
.article__title {
    font-size: 24px;
    color: #020912;
}
.article__image {
    line-height: 0;
    border-radius: 6px;
    overflow: hidden;
}
.article__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}


.portfolio-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px;
}
.portfolio__body {
    border-top: 1px solid #EAEAEB;
}
.portfolio-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.slider-arrow {
    padding: 13px;
    background: #FF9C00;
}
.slider-arrow.slick-disabled {
    border-color: #FF9C00;
    background: transparent;
    cursor: auto;
}
.slider-arrow.slick-disabled path {
    fill:#FF9C00
}
.tabs__content:not(.active) {
    display: none;
}
.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}
.slick-dots button {
    width: 20px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    border: none;
    padding: 0;
    background: rgba(255, 156, 0, 0.15);
    border-radius: 60px;
}
.slick-dots .slick-active button {
    background: #FF9C00;
}

.slick-slide.slick-current.slick-active {
    border-right: 1px solid #EAEAEB;
}
.slick-slide>div {
    border-bottom: 1px solid #EAEAEB;
}
.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: inherit;
}
.slick-slide>div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

@media (min-width: 768px) {
    .portfolio-dots {
        display: none;
    }
}

@media (max-width: 1599px) {
    .portfolio {
        background-repeat: repeat;
    }

    .article__body {
        gap: 20px;
    }
}
@media (max-width: 991px) {
    .portfolio__header {
        padding: 30px 24px;
    }
    .portfolio .descr {
        font-size: 16px; 
    }

    .article__header {
        padding: 20px 24px;
    }
    .article__body {
        padding: 0px 24px 40px;
    }
    
}
@media (max-width: 767px) {
    .tabs__list {
        padding: 30px 24px;
    }
    .portfolio-nav {
        padding: 20px 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .portfolio-arrows {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .portfolio {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .portfolio-nav .portfolio-btn {
        width: 100%;
    }

    .tabs__list {
        padding-bottom: 0;
        gap: 16px;
    }
    .tabs__link {
        width: 100%;
    }

    .article__header {
        padding: 40px 24px 20px 24px;
    }
    .article__button svg, .slider-arrow svg {
        width: 16px;
        height: auto;
    }
    .article__excerpt {
        font-size: 14px;
    }
}



.technologies {
    position: relative;
    background-color: rgba(255, 249, 240, 0.05);
}
.technologies__inner {
    padding: 50px;
    border-radius: 6px;
    background: #FFFCF9;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
            box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
}
.technologies__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.technologies__item-name {
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 24px;
}

.tech-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 41px;
}
.tech-list__item {
    line-height: 0;
    background-color: #FFF;
    border-radius: 990px;
    padding: 10px;
}
@media (max-width: 1599px) {
    .technologies__item-name {
        font-size: 24px; 
    }
}
@media (max-width: 991px) {
    .tech-list {
        gap: 16px;
    }
}
@media (max-width: 576px){
    .technologies {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    .technologies__inner {
        background: #fff;
        padding: 40px 16px;
    }
    .technologies__title, .technologies .descr {
        text-align: left;
    }
    .technologies__item:not(:last-child) {
        max-width: 250px;
        margin: 0 auto;
    }
    .technologies__item-name {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .tech-list__item img {
        width: 40px;
    }
}


.online__content {
    position: relative;
}
.online__decor {
    position: absolute;
    width: 439px;
    line-height: 0;
    opacity: 0.6;
}
.online__decor.left {
    top: 0;
    right: 87%;
}
.online__decor.right {
    bottom: 40px;
    left: 87%;
}
.online__inner {
    position: relative;
    padding: 50px;
    background-color: #F9F5F0;
    border-radius: 12px;
}
.online__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
    max-width: 1013px;
}
.online__descr {
    font-size: 20px;
    font-weight: 500;
}


.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
}
.accordion__item {
    background: #FFF;
    padding: 28px 30px;
    border-radius: 12px;
    border: 1px solid #FFEACC;
}
.accordion__title {
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 50px;
}
.accordion__title-text {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
}
.accordion__arrow {
    border-radius: 8px;
    border: 1px solid #E1DBD1;
    padding: 6px;
    line-height: 0;
    font-size: 0;
}
.accordion__arrow-item {
    display: block;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M8.5 17H17M25.5 17H17M17 17V8.5M17 17V25.5' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.accordion__rotate .accordion__arrow-item {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M6.49609 17H16.9996H27.503' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.accordion__content {
    padding-top: 16px;
	display: none;
}
@media (max-width: 767px) {
    .online__descr {
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .online__content {
        /* padding-bottom: 100px; */
    }
    .online__decor {
        width: 260px;
    }
    .online__decor.left {
        left: -20px;
    }
    .online__decor.right {
        left: auto;
        right: -20px;
        bottom: 0;
    }

    .online__inner {
        padding: 16px;
        border-radius: 6px;
    }
    .online__header {
        margin-bottom: 16px;
    }

    .accordion__item {
        padding: 14px 16px;
    }
    .accordion__title {
        /* align-items: flex-start; */
        gap: 16px;
    }
    
}


.automatization {
    background-color: #FFF9F0;
}
.automatization__subtitle {
    margin-top: 60px;
    font-size: 24px;
}
/* .automatization__body {
    max-width: 1102px;
    margin: 0 auto;
} */
.video-wrap {
        max-width: 1102px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 6px;
    background-color: #F9F5F0;
}
.video-content {
    position: relative;
    padding-top: 56.25%;
}
.video-content iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@media (max-width: 576px) {
    .automatization {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .automatization__header {
        text-align: left;
    }
    .automatization__subtitle {
        margin-top: 30px;
    }

    .video-wrap {
        padding: 12px;
    }
}


.automatization .sales {
    margin-top: 100px;
}
.sales__descr {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
}
.sales__button {
    margin-top: 80px;
}
@media (max-width: 1599px) {
    .sales__image-wrap {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        max-width: 48%;
    }
}
@media (max-width: 991px) {
    .sales__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
    }
    .sales__col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .sales__button {
        margin-top: 36px;
    }
}
@media (max-width: 767px) {
    .sales__descr {
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .automatization .sales {
        margin-top: 50px;
    }
}


.callback {    
    background: #FFF;
    position: relative;
    /* overflow: hidden; */
}
.callback__absolute {
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.callback__wrap {
    position: relative;
    /* padding-top: 185px;
    padding-bottom: 185px; */
}
.callback__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #FF9C00;
    background-image: url('../images/callback_bg.svg');
    background-size: cover;
    background-position: center;
    border-radius: 6px;
    padding: 116px 92px 114px 78px;
    overflow: hidden;
}
.callback__title {
    font-size: 40px;
    line-height: normal;
    text-transform: none;
}
.callback__descr {
    margin-top: 24px;
}
.callback__content {
    max-width: 730px;
}
.callback__decor {
        position: absolute;
    width: 439px;
    line-height: 0;
}
.callback__decor.left {
    top: 0;
    right: 87%;
}
.callback__decor.right {
    top: 0;
    left: 87%;
}
@media (max-width: 1700px) {
    .callback {
        background: #FFF9F0;
        padding-top: 0;
    }
}
@media (max-width: 1599px) {
    .callback__inner {
        padding: 123px 74px 121px 73px;
        background-image: url('../images/callback_bg-tablet.svg');
    }
    .callback__content {
        max-width: 511px;
    }
    .callback__title {
        font-size: 36px;
    }
    .callback__descr {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .callback__inner {
        padding: 80px 30px 80px 30px;
    }
    .callback__content {
        max-width: 70%;
    }

    .callback__decor.right {
        top: auto;
        bottom: 0;
    }
}
@media (max-width: 767px) {
    /* .callback__wrap {
        padding-top: 120px;
        padding-bottom: 120px;
    } */
    .callback__absolute img {
        max-width: 80%;
    }
    .callback__decor {
        width: 239px;
    }
    .callback__decor.left {
        left: -16px;
    }
    .callback__decor.right {
        left: auto;
        right: -16px;
    }
    .callback__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 48px 20px 51px;
        gap: 30px;
    }
    .callback__content {
        max-width: 100%;
    }
}
@media (max-width: 576px) {
    /* .callback__wrap {
        padding-top: 80px;
        padding-bottom: 100px;
    } */
    .callback__content {
        text-align: center;
    }
    .callback__title {
        font-size: 24px;
    }
    .callback__descr {
        font-size: 16px;
    }
    .callback__link {
        width: 100%;
    }
}



.products__wrap {
    max-width: 1645px;
    margin: 0 auto;
    padding: 95px;
    border-radius: 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
            box-shadow: 0px 10px 30px 0px rgba(18, 17, 39, 0.08);
}
.products__content {
    margin-top: 70px;
}
.products__info-title {
    font-size: 32px;
}
.products__content .info-card:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1700px) {
    .products {
        background-color: #fff;
    }
    .products__wrap {
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 0;
    }
}
@media (max-width: 576px) {
    .products {
        padding-top: 70px;
        padding-bottom: 70px;
    }   
    .products__content {
        margin-top: 30px;
    } 
    .products__info-title {
        font-size: 24px;
    }

    .info-card-row {
        padding: 16px;
    }
    .info-card-row .info-card__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .info-card__image-wrap img {
        height: 310px;
        -o-object-fit: cover;
           object-fit: cover;
    }
}


.contact {
    padding: 80px 0;
    background: #01358D;    
    position: relative;
    overflow: hidden;
    color: #fff;
}
.contact__decor {
    position: absolute;
    width: 322px;
    line-height: 0;
}
.contact__decor.left {
    top: 0;
    left: 0;
}
.contact__decor.right {
    top: 0;
    right: 0%;
}
.contact__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 42px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    position: relative;
}
.contact__descr, .contact__title {
    color: inherit;
}
.contact__title {
    text-transform: none;
}
.contact__logo {
    background: #F9F5F0;
    padding: 16px;
    border-radius: 12px;
}
@media (max-width: 767px) {
    .contact {
        display: none;
    }
}



.blocker {
    background: rgb(4 32 80 / 69%);
}
.modal> a.close-modal {
    display: none;
}
.modal {
    border-radius: 12px;
    border: 1px solid rgba(255, 156, 0, 0.15);
    overflow: hidden;
}
.modal.modal-callback {
    max-width: 1400px;
    padding: 0;
}
.modal__top-close {
    position: absolute;
    right: 16.5px;
    top: 16px;
    border-radius: 6px;
    background: rgb(255 255 255 / 60%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4px;
    line-height: 0;
}
.modal-callback .modal__content {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal-callback .modal__info, 
.modal-callback .modal__info-form {
    width: 50%;
}
.modal-callback .modal__info {
    padding: 100px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    background-image: url(/wp-content/themes/ccom/assets/images/modal-Abstract.svg);
    background-repeat: no-repeat;
    background-position: left top;
}
.modal-callback .modal__info-form {
    background-color: #EAEAEB;
    padding: 50px 80px;
}
.modal__info-logo{
    border-radius: 12px;
    background: #F9F5F0;
    padding: 16px;
}
.modal__info-text {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-top: 20px;
}
.modal__info-title {
    color: #020912;
}
@media (max-width: 1200px) {
    .modal-callback .modal__info-form {
        padding: 50px 40px;
    }
    .modal-callback .modal__info {
        padding: 100px 40px;
    }
}
@media (max-width: 991px) {
    .modal-callback .modal__info,
    .modal-callback .modal__info-form {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .modal-callback .modal__info {
        padding: 16px 32px 24px 16px;
    }
    .modal-callback .modal__info-form {
        padding: 16px;
    }
    .modal-callback .modal__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .modal-callback .modal__info, .modal-callback .modal__info-form {
        width: 100%;
    }

    .modal__info-logo .logo {
        max-width: 67px;
    }
}
@media (max-width: 576px) {
    .blocker {
        padding: 24px 16px;
    }
    .modal {
        width: 100%;
    }
}

.col-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.wpcf7-form-control:not(.wpcf7-submit) {
    border-radius: 6px;
    border: 1px solid #E5E5E5;
    padding: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
}
.wpcf7-form-control.wpcf7-submit {
    margin-left: 0;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
}
.wpcf7-form label {
    color: #4C4C4C;
    font-family: Maven Pro;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    display: block;
}
.wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
}
.select .wpcf7-form-control-wrap:after {
    content: '';
    display: block;
    width: 21px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M5.5 7.5L10.5 12.5L15.5 7.5' stroke='%23656567' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
}
.select .wpcf7-form-control-wrap select::-ms-expand {
  display: none;
}
.select .wpcf7-form-control-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: '';
     text-overflow: '';
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border-radius: 6px;
}
@media (max-width: 1024px) {
    .col-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media (max-width: 576px) {
    .wpcf7-form, .col-wrap {
        gap: 14px;
    }
}


.portfolio-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.portfolio-list-wrap .portfolio-list__item {
    display: none;
}
.portfolio-list__item {
    width: 50%;
    border-bottom: 1px solid #EAEAEB;
}
.portfolio-list__item:nth-child(odd) {
    border-right: 1px solid #EAEAEB;
}
@media (max-width: 767px) {
    .portfolio-list__item {
        width: 100%;
    }
    .portfolio-list__item:nth-child(odd) {
        border-right: none;
    }
}



.video-iframe__wrap {
    padding-top: 55%;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.video-iframe__wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 576px) {
    .video-iframe__wrap {
        height: 310px;
    }
}