/*
Theme Name: Global One Digital
Author: Vitalii
Version: 0.007
*/
/* ALL */
    * {
        font-family: 'Montserrat';
        font-weight: normal;
        font-style: normal;
        margin: 0px;
        padding: 0px;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    input[type="file"]::file-selector-button {display: none;}        
    input[type="file"]::-webkit-file-upload-button {display: none;}        
    input[type="file"]::-ms-browse {display: none;}
/* ALL */
/* HEADER */
    header {
        background: -webkit-gradient(linear, left top, left bottom, from(#F1F7FF), to(#EEF6FF));
        background: -o-linear-gradient(top, #F1F7FF 0%, #EEF6FF 100%);
        background: linear-gradient(180deg, #F1F7FF 0%, #EEF6FF 100%);
        -webkit-box-shadow: 0px 8px 20px 0px rgba(42, 43, 75, 0.04);
        box-shadow: 0px 8px 20px 0px rgba(42, 43, 75, 0.04);
        position: static;
        z-index: 1000;
    }
    header .top_line {
        height: 73px;
        border-bottom: 1px solid rgba(37, 192, 249, 0.30);
    }
    header .top_line .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -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%;
    }
    header .top_line .header_tools{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        gap:18px;
        white-space:nowrap;
    }
    header .top_line .header_tools .socials{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:10px;
    }
    header .top_line .header_tools .socials a img{width:20px;height:20px;display:block}
    header .top_line .location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
    header .top_line .location img {
        display: block;
        width:18px; height:18px;
        margin-right: 11px;
    }
    header .top_line .location p {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    header .top_line .location .drop_locations {
        position: absolute;
        top: 100%;
        left: 0px;
        background: #ffffff; /* более контрастная подложка */
        padding: 10px 14px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 12px 40px 0px rgba(42, 43, 75, 0.12);
        box-shadow: 0px 12px 40px 0px rgba(42, 43, 75, 0.12);
        z-index: 10010; /* поверх текста слайдера */
        display: none;
    }
    header .top_line .location { z-index: 10011; } /* гарантия поверх hero */
    header .top_line .header_tools .time img,
    header .top_line .header_tools .call img{width:18px; height:18px; vertical-align:-2px}
    header .top_line .location:hover .drop_locations {
        display: block;
    }
    header .top_line .location .drop_locations .location_ittem a {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        display: block;
        padding: 4px 8px;
        white-space: nowrap;
    }
    header .top_line .lang_search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header .top_line .lang_search .lang {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }
    /* language dropdown */
    header .top_line .lang_search .lang .lang-switch{
        appearance:none;
        -webkit-appearance:none;
        -moz-appearance:none;
        padding:8px 28px 8px 12px;
        border:1px solid rgba(0,0,0,.12);
        border-radius:20px;
        background:#fff url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23666\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>') no-repeat right 6px center/16px 16px;
        color:#2A2B4B;
        font-weight:600;
        cursor:pointer;
    }
    header .top_line .lang_search .lang .lang-switch:focus{outline:none; box-shadow:0 0 0 3px rgba(65,88,208,.2)}
    header .top_line .lang_search .search {
        margin-left: 20px;
    }
    header .top_line .lang_search .search form {
        border-radius: 60px;
        border: 1px solid rgba(62, 62, 62, 0.19);
        height: 49px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 467px;
        width: 100%;
        padding: 13px 22px;
    }
    header .top_line .lang_search .search form input[type="text"] {
        background: unset;
        border: unset;
        width: 276px;
    }
    header .top_line .lang_search .search form input[type="image"] {
       margin-right: 20px; 
    }  
    header .top_line .time {
        padding: 0 10px;
    }
    header .top_line .time img {
        display: block;
        margin-right: 12px;
    }
    header .top_line .time span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    header .top_line .call {
        padding: 0 10px;
    }
    header .top_line .call a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    header .top_line .call img {
        display: block;
        margin-right: 12px;
    }
    header .top_line .socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }
    header .top_line .socials a {
        text-decoration: none;
        display: block;
    }
    /* flags in geo dropdown */
    header .top_line .location .drop_locations .location_ittem a .fi{margin-right:8px;vertical-align:-2px}
    header .bottom_line {
        height: 90px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1100;
        -webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.06);
        box-shadow: 0 6px 16px rgba(0,0,0,0.06);
    }
    header .bottom_line .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -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%;
    }
    @media (min-width: 992px){
        header .bottom_line .container{flex-wrap:nowrap;}
        header .bottom_line .logo{flex:0 0 260px; max-width:260px;}
        header .bottom_line .menu_block{flex:1 1 auto; min-width:0;}
    }
    header .bottom_line .logo {
        display: block;
    }
    header .bottom_line .logo a {
        text-decoration: none;
    }
    header .bottom_line .logo img {
        max-width: 188px;
        height: auto;
        display: block;
    }
    /* бренд текст вместо логотипа в шапке */
    .brand-text{display:block;text-decoration:none}
    .brand-text .brand-title{font-family: Inter, Montserrat, Arial, sans-serif; font-weight: 600; font-size:clamp(18px, 1.6vw, 22px); color:#1A1A1A; line-height:1.2;}
    .brand-text .brand-subtitle{font-family: Inter, Montserrat, Arial, sans-serif; font-weight:400; font-size:clamp(11px, 1.1vw, 13.5px); color:#2A2B4B; line-height:1.25; text-align:center; display:block; white-space:normal;}
    /* дублирование бренда в подвале */
    .brand-text--footer{margin-top:8px}
    .brand-text--footer .brand-title{font-size:18px}
    .brand-text--footer .brand-subtitle{font-size:13px}
    header .bottom_line .mob_show {
        display: none;
    }
    /* mobile select reuse */
    header .bottom_line .lang_search .lang .lang-switch{width:auto;}
    header .bottom_line .lang_search .lang {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
    }
    header .bottom_line .lang_search .lang a {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
    }
    header .bottom_line .mobile_toggle .button {
        display: block;
    }
    header .bottom_line .mobile_toggle .button span {
        width: 21px;
        height: 2px;
        border-radius: 4px;
        background: #3E3E3E;
        display: block;
        margin-bottom: 3px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }
    header .bottom_line .mobile_toggle .button span:last-child {
        margin-bottom: 0;
    }
    header .bottom_line .mobile_toggle .button.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-bottom: 0;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }
    header .bottom_line .mobile_toggle .button.open span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-bottom: 0;
        margin-top: -1px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }
    header .bottom_line .mobile_toggle .button.open span:nth-child(3) {
        display: none;
    }
    header .bottom_line .menu_block {
        padding: 0 10px;
    }
    header .bottom_line .menu_block ul {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }
    header .bottom_line .menu_block ul li {
        display: block;
    }
    header .bottom_line .menu_block ul li a {
        color: #2A2B4B;
        font-family: 'Montserrat';
        font-size: clamp(11px, 1.1vw, 13px);
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
    }
    /* красивое подчеркивание при наведении */
    header .bottom_line .menu_block ul li a:after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        bottom:-6px;
        margin:auto;
        width:0;
        height:2px;
        background:#9D53C5;
        transition:width .25s ease;
        border-radius:2px;
    }
    header .bottom_line .menu_block ul li a:hover:after{
        width:100%;
    }
    header .bottom_line .menu_block ul li a:hover {
        color: #e65c5c;
    }
    header .bottom_line .phone {
        height: 82px;
        padding-left: 10px;
        padding-right: 10px;
        border-left: solid 1px rgba(37, 192, 249, 0.30);
        border-right: solid 1px rgba(37, 192, 249, 0.30);
        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;
    }
    header .bottom_line .phone a {
        display: block;
        color: #2A2B4B;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
    }
    header .bottom_line .button {
        padding-left: 10px;
    }
    header .bottom_line .button a {
        color: #FFF;
        font-family: 'Montserrat';
        font-size: clamp(12px, 1.1vw, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 43px;
        padding: clamp(8px, 0.8vw, 11px) clamp(16px, 1.5vw, 28px);
        white-space: nowrap;
        background: linear-gradient(180deg, #FF6C6C 0%, #D45050 100%);
    }
    header .bottom_line .button a:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#C63838), to(#D45050));
        background: -o-linear-gradient(top, #C63838 0%, #D45050 100%);
        background: linear-gradient(180deg, #C63838 0%, #D45050 100%);
    }
    header .mobile_menu {
        background: -webkit-gradient(linear, left top, left bottom, from(#F1F7FF), to(#EEF6FF));
        background: -o-linear-gradient(top, #F1F7FF 0%, #EEF6FF 100%);
        background: linear-gradient(180deg, #F1F7FF 0%, #EEF6FF 100%);
        display: none;
    }
    header .mobile_menu .menu_block {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    header .mobile_menu .menu_block ul {
        list-style: none;
    }
    header .mobile_menu .menu_block ul li {
        padding: 8px 0px;
    }
    header .mobile_menu .menu_block ul li a {
        color: #2A2B4B;
        font-family: 'Montserrat';
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
        text-decoration: none;
    }
    header .mobile_menu .phone {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }
    header .mobile_menu .phone a {
        display: block;
        color: #2A2B4B;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
    }
/* HEADER */
/* HOME PAGE */
    /* HERO BLOCK */
        #section-hero-content {
            background: -webkit-gradient(linear, left top, left bottom, from(#DCECFF), to(rgba(255, 255, 255, 0.28)));
            background: -o-linear-gradient(top, #DCECFF 0%, rgba(255, 255, 255, 0.28) 100%);
            background: linear-gradient(180deg, #DCECFF 0%, rgba(255, 255, 255, 0.28) 100%);
        }
        /* Popup calc adjustments */
        #popup-calc .bf-image img{max-width:65%;height:auto;display:block;margin:0;}
        #popup-calc .bf-form .bf-socials{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
    /* ABOUT (Создание сайтов) collapse */
        #section-about_us-content .about_collapse{
            position: relative;
            max-height: 320px; /* переопределяется в js до половины фактического контента */
            overflow: hidden;
            transition: max-height 600ms ease;
        }
        #section-about_us-content .about_collapse:after{
            content:'';
            position:absolute;left:0;right:0;bottom:0;height:84px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
            background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
            background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
            pointer-events:none;
            opacity:1;
            transition: opacity 300ms ease;
        }
        #section-about_us-content .about_collapse.is-open:after{ opacity:0; }
        #section-about_us-content #about_toggle{
            display:inline-block;margin-top:14px;cursor:pointer;
            color:#548AEE;border:1px solid #548AEE;border-radius:24px;padding:8px 16px;
            font-weight:600;text-transform:uppercase;font-size:13px;
            -webkit-user-select:none;-ms-user-select:none;user-select:none;
        }
        #section-about_us-content #about_toggle:hover{
            background: -o-linear-gradient(352deg, #BB4EE1 0%, #517ADD 100%);
            background: linear-gradient(98deg, #BB4EE1 0%, #517ADD 100%);
            color:#fff;border-color:transparent;
        }
        #section-hero-content .container {
            position: relative;
            padding-top: 103px;
            padding-bottom: 103px;
            min-height: 80vh;
            min-height: calc(100vh - 163px);
        }
        #section-hero-content .hero_slider .slide_i {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 30px;
        }
        #section-hero-content .hero_slider .slide_i .left_block {
            width: 50%;
        }
        #section-hero-content .hero_slider .slide_i .left_block .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 55px;
            font-style: normal;
            font-weight: 800;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 42px;
        }
        #section-hero-content .hero_slider .slide_i .left_block .text {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 42px;
        }
        #section-hero-content .hero_slider .slide_i .left_block .buttoms {
            gap: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-hero-content .hero_slider .slide_i .left_block .buttoms .first_button {
            border-radius: 43px;
            display: block;
            padding: 19px 40px;
            background: -webkit-gradient(linear, left top, left bottom, from(#FF6C6C), to(#D45050));
            background: -o-linear-gradient(top, #FF6C6C 0%, #D45050 100%);
            background: linear-gradient(180deg, #FF6C6C 0%, #D45050 100%);
            color: #FFFFFF;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: uppercase;
            text-decoration: none;
        }
        #section-hero-content .hero_slider .slide_i .left_block .buttoms .first_button:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#C63838), to(#D45050));
            background: -o-linear-gradient(top, #C63838 0%, #D45050 100%);
            background: linear-gradient(180deg, #C63838 0%, #D45050 100%);
        }
        #section-hero-content .hero_slider .slide_i .left_block .buttoms .two_button {
            border-radius: 43px;
            display: block;
            padding: 19px 40px;
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            color: #FFFFFF;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: uppercase;
            text-decoration: none;
        }
        #section-hero-content .hero_slider .slide_i .left_block .buttoms .two_button:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#9D53C5), to(#506DD4));
            background: -o-linear-gradient(top, #9D53C5 0%, #506DD4 100%);
            background: linear-gradient(180deg, #9D53C5 0%, #506DD4 100%);
        }
        #section-hero-content .hero_slider .slide_i .right_block {
            max-width: 50%;
        }
        #section-hero-content .hero_slider .slide_i .right_block img {
            max-width: 100%;
            height: auto;
        }
        .hero_slider .slick-dots {
            list-style: none;
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: -40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .hero_slider .slick-dots li button {
            font-size: 0px;
            border: unset;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background-color: rgba(118, 109, 151, 0.6);
            cursor: pointer;
            margin: 2px;
        }
        .hero_slider .slick-dots li.slick-active button {
            width: 14px;
            height: 14px;
            background-color: rgba(118, 109, 151, 1);
            margin: 0px;
        }
    /* HERO BLOCK */
    /* ABOUT BLOCK */
        #section-about_us-content {
            padding-top: 100px;
        }
        #section-about_us-content .title {
            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;
            -ms-flex-line-pack: center;
            align-content: center;
            margin-bottom: 40px;
        }
        #section-about_us-content .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            position: relative;
        }
        #section-about_us-content .title span::after {
            content: '';
            position: absolute;
            right: 110%;
            top: 0;
            bottom: 0;
            margin: auto;
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-about_us-content .title span::before {
            content: '';
            position: absolute;
            left: 110%;
            top: 0;
            bottom: 0;
            margin: auto;
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-about_us-content .text {
            max-width: 930px;
            margin: auto;
        }
        #section-about_us-content .text p {
            color: #000;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 18px;
        }
        #section-about_us-content .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 12px;
            padding-top: 15px;
        }
        #section-about_us-content .list a {
            display: block;
            color: #000;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            border: 1px solid #D670AC;
            padding: 10px 33px;
        }
        #section-about_us-content .list a:hover {
            background: -o-linear-gradient(352deg, #BB4EE1 0%, #517ADD 100%);
            background: linear-gradient(98deg, #BB4EE1 0%, #517ADD 100%);
            color: #FFF;
        }
        #section-about_us-content .mob_togle_hide {
            padding-top: 17px;
            display: none;
            width: 100%;
            color: #4D57CF;
            font-family: Montserrat;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration-line: underline;
            text-transform: uppercase;
            text-align: center;
        }
    /* ABOUT BLOCK */
    /* SERVICE BLOCK */
        #section-services-content {
            padding-top: 100px;
        }
        #section-services-content .head_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 77px;
        }
        #section-services-content .head_block .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
        #section-services-content .head_block .title:after {
            content: '';
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-services-content .head_block .navs {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 46px;
        }
        #section-services-content .head_block .navs .nav_button {
            color: #999;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            cursor: pointer;
        }
        #section-services-content .head_block .navs .nav_button.active {
            border-bottom: solid 5px #9D53C5;
            color: #3E3E3E;
            padding-top: 5px;
        }
        #section-services-content .service_default {
            display: none;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }
        #section-services-content .service_default.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        #section-services-content .service_default .left_block {
            width: 32.6%;
        }
        #section-services-content .service_default .right_block {
            width: 66.4%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }
        #section-services-content .service_default .service_ittem {
            padding: 7px;
        }
        #section-services-content .service_default .service_ittem .block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
        }
        #section-services-content .service_default .service_ittem .title {
            color: #FFF;
            font-family: Montserrat;
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 9px;
        }
        #section-services-content .service_default .service_ittem .price {
            color: #FFF;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 38px;
        }
        #section-services-content .service_default .service_ittem .more a  {
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration: none;
            gap: 13px;
            display: flex;
        }
        #section-services-content .service_default .service_ittem .more a svg  {
            width: 20px;
            height: 16px;
            display: block;
        }
        #section-services-content .service_default .service_ittem .button {
            padding-top: 38px;
        }
        #section-services-content .service_default .service_ittem .button a {
            border-radius: 50px;
            border: 1px solid #FFF;
            padding: 17px;
            color: #FFF;
            font-family: Montserrat;
            text-decoration: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            max-width: 298px;
            width: 100%;
            display: block;
            text-align: center;
        }
        #section-services-content .service_default .left_block .service_ittem {
            height: 100%;
        }
        #section-services-content .service_default .left_block .service_ittem .block {
            border-radius: 5px;
            background: -o-linear-gradient(59deg, #FFCC70 0.21%, #C850C0 50.14%, #4158D0 99.03%);
            background: linear-gradient(31deg, #FFCC70 0.21%, #C850C0 50.14%, #4158D0 99.03%);
            /* Укорачиваем сам градиент, чтобы иллюстрация выезжала ниже блока */
            background-repeat: no-repeat;
            background-position: top left;
            background-size: 100% calc(100% - 70px); /* высота градиента минус отступ снизу */
            padding: 32px 30px;
            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%;
        }
        #section-services-content .service_default .service_ittem .block:hover {
            -webkit-box-shadow: 0px 5px 25px 0px rgba(9, 34, 122, 0.25);
            box-shadow: 0px 5px 25px 0px rgba(9, 34, 122, 0.25);
        }
        #section-services-content .service_default .left_block .service_ittem .image {
            padding-top: 100px;
            margin-bottom: -40px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(1) {
            width: 63%;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(2) {
            width: 37%;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(3) {
            width: 37%;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(4) {
            width: 63%;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(1) .block {
            border-radius: 5px;
            background: -o-linear-gradient(347deg, #4658D0 0%, #6CFFCA 100%);
            background: linear-gradient(103deg, #4658D0 0%, #6CFFCA 100%);
            padding: 32px 25px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(2) .block {
            border-radius: 5px;
            background: -o-linear-gradient(325deg, #3CD8C4 0%, #7593FF 100%);
            background: linear-gradient(125deg, #3CD8C4 0%, #7593FF 100%);
            padding: 32px 13px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(3) .block {
            border-radius: 5px;
            background: -o-linear-gradient(324deg, #9753C6 0%, #90E1FB 98.32%);
            background: linear-gradient(126deg, #9753C6 0%, #90E1FB 98.32%);
            padding: 24px 15px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(4) .block {
            border-radius: 5px;
            background: -o-linear-gradient(347deg, #07B7C3 0%, #AEB1FF 100%);
            background: linear-gradient(103deg, #07B7C3 0%, #AEB1FF 100%);
            padding: 24px 19px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(1) .image img {
            position: relative;
            right: -38px;
            bottom: -59px;
            margin-left: -55px;
        }
        #section-services-content .service_default .right_block .service_ittem:nth-child(4) .image img {
            position: relative;
            right: -62px;
            bottom: -65px;
            margin-left: -55px;
        }
        #section-services-content .addional_service {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            display: none;
        }
        #section-services-content .addional_service.active {
            display: block;
        }
        #section-services-content .addional_service .seriver_cat {
            padding: 15px 15px;
        }
        #section-services-content .addional_service .seriver_cat .name_cat {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 25px;
        }
        #section-services-content .addional_service .seriver_cat .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            gap: 12px;
        }
        /* увеличение кликабельной области в списках доп. услуг */
        #section-services-content .addional_service .seriver_cat .list .ittem{padding:6px 0;}
        #section-services-content .addional_service .seriver_cat .list .ittem .name a{
            display:inline-block;
            padding:8px 6px;
            border-radius:6px;
            min-height:40px;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .button a{
            padding:12px 18px;
            min-height:44px;
            line-height:1.2;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: auto;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .name {
            flex-grow: 1;
            flex-basis: 50%;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .name a {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration-line: underline;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .price {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            flex-grow: 1;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .button {
            flex-grow: 1;
        }
        #section-services-content .addional_service .seriver_cat .list .ittem .button a {
            border-radius: 50px;
            background: -o-linear-gradient(354deg, #BB4EE1 45.15%, #D670AC 90.58%);
            background: linear-gradient(96deg, #BB4EE1 45.15%, #D670AC 90.58%);
            text-decoration: none;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            width: 136px;
            height: 39px;
            display: block;
            text-align: center;
            padding: 8px;
            margin: auto;
            margin-right: 0;
        }
        #section-services-content .botton_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-top: 70px;
        }
        #section-services-content .botton_block .text_block {
            text-align: right;
            padding-right: 20px;
        }
        #section-services-content .botton_block .text_block .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        #section-services-content .botton_block .text_block .text {
            color: #000;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }
        #section-services-content .botton_block .button a {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            padding: 28px 60px;
            border-radius: 103px;
            text-decoration: none;
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
        }
        #section-services-content .botton_block .mobile_toggle {
            display: none;
            color: #4D57CF;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-decoration-line: underline;
            text-transform: uppercase;
        }
    /* SERVICE BLOCK */
    /* PORTFOLIO BLOCK */
        #section-portfolio-content {
            padding-top: 100px;
        }
        #section-portfolio-content .container .title {
            margin-bottom: 93px;
        }
        #section-portfolio-content .container .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
        #section-portfolio-content .container .title span:before {
            width: 124px;
            height: 1px;
            content: '';
            background: #766D97;
            display: block;
        }
        #section-portfolio-content .container .title span:after {
            width: 124px;
            height: 1px;
            content: '';
            background: #766D97;
            display: block;
        }
        #section-portfolio-content .naw_one {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 30px;
            margin-bottom: 30px;
        }
        #section-portfolio-content .naw_one a {
            color: #2A2B4B;
            font-family: Montserrat;
            font-size: 21px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            cursor: pointer;
            border-bottom: solid 3px #ffffff;
            text-decoration: none;
            display: inline-block;
            padding: 12px 14px; /* увеличиваем область прикосновения */
        }
        #section-portfolio-content .naw_one a:hover {
            border-color: #9D53C5;
            color: #3E3E3E;
        }
        #section-portfolio-content .naw_to {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 12px;
            margin-bottom: 34px;
        }
        #section-portfolio-content .naw_to a {
            display: block;
            color: #000;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            border: 1px solid #D670AC;
            padding: 14px 20px; /* больше область прикосновения */
            min-height: 44px;
        }
        #section-portfolio-content .naw_to a:hover {
            background: -o-linear-gradient(352deg, #BB4EE1 0%, #517ADD 100%);
            background: linear-gradient(98deg, #BB4EE1 0%, #517ADD 100%);
            color: #FFF;
        }
        /* Tabs */
        #section-portfolio-content .naw_one a.active {
            border-color: #9D53C5;
            color: #3E3E3E;
        }
        /* Force panels to switch regardless of base flex styles */
        #section-portfolio-content .portfolio-tabs-panel{display:none !important;}
        #section-portfolio-content .portfolio-tabs-panel.active{
            display:-webkit-box !important;
            display:-ms-flexbox !important;
            display:flex !important;
        }
        /* Ещё две облака-панели с теми же стилями, центрированы */
        #section-portfolio-content .naw_three,
        #section-portfolio-content .naw_four {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 12px;
            margin-bottom: 34px;
        }
        #section-portfolio-content .naw_three a,
        #section-portfolio-content .naw_four a {
            display: block;
            color: #000;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            border: 1px solid #D670AC;
            padding: 14px 20px;
            min-height: 44px;
        }
        #section-portfolio-content .naw_three a:hover,
        #section-portfolio-content .naw_four a:hover {
            background: -o-linear-gradient(352deg, #BB4EE1 0%, #517ADD 100%);
            background: linear-gradient(98deg, #BB4EE1 0%, #517ADD 100%);
            color: #FFF;
        }
        #section-portfolio-content .portfolio_list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem {
            flex-basis: 20%;
            overflow: hidden;
            position: relative;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .first_table {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 1;
            background-size: cover;
            background-position: center;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem:hover .first_table {
            top: -100%;
            bottom: 100%;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .first_table .logo {
            display: block;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .first_table .logo img {
            display: block;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table {
            background: #121222;
            padding: 24px 29px;
            height: 100%;
            overflow: auto;
            max-height: 384px;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem:hover .to_table {
            background: #2A2B4B;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table>* {
            opacity: 0;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem:hover .to_table>* {
            opacity: 1;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .type {
            color: #FFF;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .name {
            color: #FFF;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .text {
            margin-bottom: 10px;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .text p {
            color: #FFF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .text p:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .imfo {
            margin-bottom: 10px;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .imfo div {
            color: #FFF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .imfo div span {
            color: #FFF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .link {            
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .link a {
            color: #94B9FF;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-decoration: none;
            gap: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .link a svg {
            display: block;
        }
        #section-portfolio-content .portfolio_list .portfolio_ittem .to_table .link a:hover {
            text-decoration: underline;
        }
        #section-portfolio-content .botom_block {
            padding-top: 72px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-portfolio-content .botom_block a {
            color: #548AEE;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            border-radius: 103px;
            border: 1px solid #548AEE;
            padding: 29px 59px;
            display: block;
            text-decoration: none;
            width: 447px;
            max-width: 100%;
        }
        #section-portfolio-content .botom_block a:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            border: unset;
            padding: 30px 60px;
            color: #FFF;
        }
        #section-portfolio-content .botom_block a:last-child {
            border: unset;
            border-radius: 103px;
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            padding: 30px 60px;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            width: 447px;
            max-width: 100%;
        }
        #section-portfolio-content .botom_block a:last-child:hover {
            background: unset;
            border: 1px solid #548AEE;
            padding: 29px 59px;
            color: #548AEE;
        }
    /* PORTFOLIO BLOCK */

/* LIFECYCLE (TCO) TEXT BLOCK */
    #section-lifecycle-content{padding-top:80px;}
    #section-lifecycle-content .title{
        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;
        margin-bottom:40px;
    }
    #section-lifecycle-content .title span{
        color:#3E3E3E;font-family:Montserrat;font-size:36px;font-weight:600;
        text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;align-items:center;
    }
    #section-lifecycle-content .title span:before,
    #section-lifecycle-content .title span:after{
        content:"";display:block;width:124px;height:2px;background:#766D97;
    }
    #section-lifecycle-content .quote_box{
        background:#eaf4ff;
        border-radius:6px;
        padding:22px 24px;
        color:#2A2B4B;
        position:relative;
        margin-bottom:20px;
    }
    #section-lifecycle-content .quote_box:before{
        content:"“";
        position:absolute;left:12px;top:6px;
        font-size:42px;line-height:1;color:#6aa1ff;opacity:.6;
    }
    #section-lifecycle-content .quote_box:after{
        content:"”";
        position:absolute;right:12px;bottom:6px;
        font-size:32px;line-height:1;color:#6aa1ff;opacity:.6;
    }
    #section-lifecycle-content .quote_text{font-size:18px;line-height:1.6;}
    #section-lifecycle-content .quote_src{margin-top:8px;color:#6b6b6b;font-style:italic;}
    #section-lifecycle-content .lifecycle_text p{margin:12px 0;}

    /* WHUY BLOCK */
        #section-whuy-content {
            padding-top: 100px;
        }
        #section-whuy-content .title {
            margin-bottom: 70px;
        }
        #section-whuy-content .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            position: relative;
        }
        #section-whuy-content .title span:after {
            content: '';
            position: absolute;
            left: 110%;
            top: 0px;
            bottom: 0px;
            margin: auto;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-whuy_inside-content .subtitle{
            max-width: 980px;
            margin: 0 auto 20px auto;
            color:#3E3E3E;
            font-family: Montserrat;
            font-size:16px;
            line-height:1.65;
        }
        #section-whuy-content .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-left: -15px;
            margin-right: -15px;
        }
        #section-whuy-content .list .ittem {
            width: 50%;
            padding-bottom: 54px;
            padding-left: 15px;
            padding-right: 15px;
        }
        #section-whuy-content .list .ittem .top_block {
            padding-bottom: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-whuy-content .list .ittem .top_block .icon {
            width: 110px;
            height: 110px;
            min-width: 110px;
            margin-right: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        #section-whuy-content .list .ittem .top_block .icon img {
            display: block;
            max-width: 100%;
            height: auto;
        }
        #section-whuy-content .list .ittem .top_block .titl {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            max-width: 340px;
        }
        #section-whuy-content .list .ittem .text_b {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
    /* WHUY BLOCK */
    /* WHUY INSIDE BLOCK */
        #section-whuy_inside-content {
            padding-top: 100px;
            overflow: hidden;
        }
        #section-whuy_inside-content .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
        #section-whuy_inside-content .title:after {
            content: '';
            width: 124px;
            height: 2px;
            background: #766D97;
            display: block;
        }
        #section-whuy_inside-content .line_block {
            padding-top: 200px;
            padding-bottom: 200px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        #section-whuy_inside-content .line_block .line {
            width: 100%;
            height: 6px;
            background: #506DD4;
            border-radius: 100px;
            position: absolute;
            top: 250px;
            left: 0px;
            right: 0px;
        }
        #section-whuy_inside-content .line_block .line:before,
        #section-whuy_inside-content .line_block .line:after{
            content:'';
            position:absolute;
            width:14px;
            height:14px;
            background:#506DD4;
            border-radius:50%;
            top:50%;
            transform:translateY(-50%);
        }
        #section-whuy_inside-content .line_block .line:before{left:0; transform:translate(-50%,-50%);}
        #section-whuy_inside-content .line_block .line:after{right:0; transform:translate(50%,-50%);}
        #section-whuy_inside-content .line_block .ittem_line {
            position: relative;
            width: 62px;
            height: 62px;
            margin-top: 27px;
        }
        #section-whuy_inside-content .line_block .ittem_line .icon {
            position: relative;
            width: 62px;
            height: 62px;
            cursor: pointer;
        }
        #section-whuy_inside-content .line_block .ittem_line .icon svg circle {
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }
        /* Пульс при наведении */
        #section-whuy_inside-content .line_block .ittem_line .icon:after{
            content:'';
            position:absolute;
            left:0;right:0;top:0;bottom:0;margin:auto;
            width:62px;height:62px;border-radius:50%;
            box-shadow:0 0 0 0 rgba(80,109,212,.55);
            pointer-events:none;
            -webkit-transition: box-shadow .2s ease;
            transition: box-shadow .2s ease;
        }
        #section-whuy_inside-content .line_block .ittem_line:hover .icon:after{
            -webkit-animation: lineDotPulse 1.6s ease-out infinite;
                    animation: lineDotPulse 1.6s ease-out infinite;
        }
        @-webkit-keyframes lineDotPulse{
            0%{ box-shadow:0 0 0 0 rgba(80,109,212,.55); }
            70%{ box-shadow:0 0 0 18px rgba(80,109,212,0); }
            100%{ box-shadow:0 0 0 0 rgba(80,109,212,0); }
        }
        @keyframes lineDotPulse{
            0%{ box-shadow:0 0 0 0 rgba(80,109,212,.55); }
            70%{ box-shadow:0 0 0 18px rgba(80,109,212,0); }
            100%{ box-shadow:0 0 0 0 rgba(80,109,212,0); }
        }
        #section-whuy_inside-content .line_block .ittem_line:hover .icon svg circle {
            fill: #19B929;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }
        #section-whuy_inside-content .line_block .ittem_line .icon span {
            color: #FFF;
            font-family: Montserrat;
            font-size: 35px;
            font-style: normal;
            font-weight: 500;
            line-height: 62px;
            text-align: center;
            text-transform: uppercase;
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        #section-whuy_inside-content .line_block .ittem_line .titl {
            color: #3E3E3E;
            text-align: center;
            font-family: Montserrat;
            font-size: 21px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            position: absolute;
            top: -50px;
            width: 293px;
            left: -110px;
            text-align: center;
            cursor: pointer;
        }
        #section-whuy_inside-content .line_block .ittem_line:nth-child(2n) .titl {
            bottom: -50px;
            top: auto;
        }
        #section-whuy_inside-content .line_block .ittem_line .hide_text {
            border-radius: 5px;
            background: #ffffff;
            border: solid 1px #C6DAFF;
            padding: 10px;
            display: none;
        }
        #section-whuy_inside-content .line_block .ittem_line:hover .hide_text {
            display: block;
            position: absolute;
            z-index: 2;
            width: 328px;
            left: -115px;
            top: 70px;
        }
        #section-whuy_inside-content .line_block .ittem_line:nth-child(2n) .hide_text {
            top: unset;
            bottom: 70px;
        }
        #section-whuy_inside-content .line_block .ittem_line .hide_text .block {
            color: #000;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            position: relative;
        }
        #section-whuy_inside-content .line_block .ittem_line .hide_text .block:after {
            content: '';
            position: absolute;
            top: -16px;
            left: 0px;
            right: 35px;
            margin: auto;
            width: 10px;
            height: 10px;
            background: #ffffff;
            border: solid 1px #C6DAFF;
            transform: rotate(45deg);
            border-right: unset;
            border-bottom: unset;
        }
        #section-whuy_inside-content .line_block .ittem_line:nth-child(2n) .hide_text .block:after {
            top: unset;
            bottom: -16px;
            border-left: unset;
            border-top: unset;
            border-right: solid 1px #C6DAFF;
            border-bottom: solid 1px #C6DAFF;
        }
        #section-whuy_inside-content .to_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-whuy_inside-content .to_block .left_block {
            width: 32.63%;
        }
        #section-whuy_inside-content .to_block .left_block .stitle {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 54px;
        }
        #section-whuy_inside-content .to_block .buttons.mobile {
            display: none;
        }
        #section-whuy_inside-content .to_block .buttons a {
            border-radius: 103px;
            border: 1px solid #548AEE;
            color: #548AEE;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            padding: 29px;
            display: block;
            text-decoration: none;
            margin-bottom: 29px;
        }
        #section-whuy_inside-content .to_block .buttons a:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            color: #FFF;
            padding: 30px;
            border: unset;
        }
        #section-whuy_inside-content .to_block .buttons a:last-child {
            border: unset;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 103px;
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            padding: 30px;
            display: block;
        }
        #section-whuy_inside-content .to_block .buttons a:last-child:hover {
            color: #548AEE;
            background: unset;
            padding: 29px;
            border: 1px solid #548AEE;
        }
        #section-whuy_inside-content .to_block .right_list {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            width: 67.37%;
            padding-left: 40px;
        }
        #section-whuy_inside-content .to_block .right_list span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            display: block;
            padding: 12px 0px;
        }
    /* WHUY INSIDE BLOCK */
    /* CMS BLOCK */
        #section-cms-content {
            padding-top: 100px;
        }
        #section-cms-content .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 54px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
        #section-cms-content .title:after {
            content: '';
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-cms-content .cms_list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 42px;
        }
        #section-cms-content .cms_list .cms_i {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            padding: 15px;
        }
        #section-cms-content .cms_list .cms_i img {
            max-width: 100%;
            height: auto;
            max-height: 100%;
            width: auto;
            display: block;
            margin: auto;
        }
        #section-cms-content .texts_blocks {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
            background:#fff;
            border:1px solid #E2E9F8;
            border-radius:8px;
            padding:24px;
            box-shadow:0 6px 20px rgba(0,0,0,0.04);
            margin-top:22px;
        }
        #section-cms-content .texts_blocks .text_left {
            width: 50%;
            padding-right: 15px;
        }
        #section-cms-content .texts_blocks .text_left p {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 18px;
        }
        #section-cms-content .texts_blocks .text_left p:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
        #section-cms-content .texts_blocks .text_right {
            width: 50%;
            padding-left: 15px;
        }
        #section-cms-content .texts_blocks .text_right p {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 18px;
        }
        #section-cms-content .texts_blocks .text_right p:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
        #section-cms-content .texts_blocks.hide_more_text .text_left,
        #section-cms-content .texts_blocks.hide_more_text .text_right {
            max-height: 200px;
            overflow: hidden;
        }
        #section-cms-content .texts_blocks.hide_more_text.open .text_left,
        #section-cms-content .texts_blocks.hide_more_text.open .text_right {
            max-height: unset;
            overflow: unset;
        }
        #section-cms-content .texts_blocks.hide_more_text:after {
            content: '';
            pointer-events: none;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(26.25%, rgba(255, 255, 255, 0.00)), to(#FFF));
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00) 26.25%, #FFF 100%);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 26.25%, #FFF 100%);
        }
        #section-cms-content .texts_blocks.hide_more_text.open:after {
            opacity: 0;
        }
        #section-cms-content .button_show_more {
            border-radius: 103px;
            border: 1px solid #548AEE;
            padding: 28px 58px;
            max-width: 447px;
            width: 100%;
            color: #548AEE;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin: auto;
            margin-top: 32px;
            cursor: pointer;
            display: none;
        }
        #section-cms-content .button_show_more.active {
            display: block;
        }
    /* CMS BLOCK */
    /* CMS CARDS WITH ICONS */
        #section-cms-content .site_cards{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:20px;
            margin-top:10px;
        }
        #section-cms-content .site_card{
            display:flex;
            gap:14px;
            align-items:flex-start;
            background:#fff;
            border:1px solid #E6EEFF;
            border-radius:12px;
            padding:16px;
        }
        #section-cms-content .site_card .ico{
            width:48px;height:48px;flex:0 0 48px;
            border-radius:12px;
            background:linear-gradient(135deg,#9D53C5,#506DD4);
            display:flex;align-items:center;justify-content:center;
        }
        #section-cms-content .site_card .ico svg{width:26px;height:26px;fill:#fff}
        #section-cms-content .site_card h3{margin:0 0 6px 0;font-size:18px;color:#2A2B4B}
        #section-cms-content .site_card p{margin:0;color:#3E3E3E;font-size:14px;line-height:1.35}
        @media (max-width: 992px){
            #section-cms-content .site_cards{grid-template-columns:repeat(2,minmax(0,1fr));}
        }
        @media (max-width: 600px){
            #section-cms-content .site_cards{grid-template-columns:1fr;}
        }
    /* CMS CARDS WITH ICONS */
    /* TIME NEED BLOCK */
        #section-time_need-content {
            background: url(img/time_bg.png), linear-gradient(0deg, #f5f5f5, #ffffff);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: center;
            padding-top: 230px;
            padding-bottom: 150px;
        }
        #section-time_need-content .title {
            text-align: center;
            padding-bottom: 19px;
        }
        #section-time_need-content .title span {
            color: #FFF;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
        #section-time_need-content .title span:after {
            content: '';
            width: 124px;
            height: 2px;
            display: block;
            background: #FFF;
        }
        #section-time_need-content .title span:before {
            content: '';
            width: 124px;
            height: 2px;
            display: block;
            background: #FFF;
        }
        #section-time_need-content .stitle {
            color: #FFF;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            text-align: center;
        }
        #section-time_need_content_fix{
            font-style: normal;
        } /* anchor */
        #section-time_need-content .image {
            position: relative;
            padding: 30px 0 20px;
            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;
            -ms-flex-line-pack: center;
            align-content: center;
        }
        #section-time_need-content .image img {
            max-width: 640px;
            height: auto;
            display: block;
        }
        #section-time_need-content .texts_list {
            position: static;
            height: auto;
            margin: 20px auto 0;
            max-width: 1000px;
            padding: 0 24px;
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-auto-rows: auto;
            align-items: start;
            justify-items: start;
            gap: 16px 60px;
        }
        #section-time_need-content .text1 {
            color: #FFF;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            position: static;
            max-width: 339px;
        }
        #section-time_need-content .text2 {
            color: #FFF;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            position: static;
            max-width: 339px;
        }
        #section-time_need-content .text3 {
            color: #FFF;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            position: static;
            max-width: 339px;
        }
        #section-time_need-content .text4 {
            color: #FFF;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            position: static;
            max-width: 339px;
        }
        #section-time_need-content .button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin-top: 24px;
        }
        #section-time_need-content .button a {
            max-width: 447px;
            width: 100%;
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 103px;
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            padding: 30px 60px;
        }
        #section-time_need-content .button a:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#9D53C5), to(#506DD4));
            background: -o-linear-gradient(top, #9D53C5 0%, #506DD4 100%);
            background: linear-gradient(180deg, #9D53C5 0%, #506DD4 100%);
        }
    /* TIME NEED BLOCK */
    /* STEPS BLOCK */
        #section-steps-content {
            padding-top: 100px;
            background-color: #F5F5F5;
        }
        #section-steps-content .title {
            margin-bottom: 55px;
        }
        #section-steps-content .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            gap: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-steps-content .title span:before {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-steps-content .title span:after {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }

        @media (max-width: 992px){
            #section-time_need-content .texts_list{
                grid-template-columns: 1fr;
                gap: 12px 20px;
                max-width: 680px;
            }
        }
        #section-steps-content .steps_nav {
            margin-bottom: 33px;
        }
        #section-steps-content .steps_nav ul {
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 32px;
        }
        #section-steps-content .steps_nav ul li a {
            color: rgba(62, 62, 62, 0.40);
            font-family: Montserrat;
            font-size: 21px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            cursor: pointer;
        }
        /* поддержка кнопок как табов (после правки ARIA) */
        #section-steps-content .steps_nav ul li button{
            background: transparent;
            border: none;
            color: rgba(62,62,62,0.40);
            font-family: Montserrat;
            font-size: 21px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            cursor: pointer;
            padding: 0;
        }
        #section-steps-content .steps_nav ul li a:hover,
        #section-steps-content .steps_nav ul li button:hover,
        #section-steps-content .steps_nav ul li.slick-active a,
        #section-steps-content .steps_nav ul li.slick-active button {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 21px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
        }
        #section-steps-content .steps_nav ul li button:focus-visible{
            outline: 2px solid #9D53C5;
            outline-offset: 2px;
        }
        #section-steps-content .list_steps {
            padding: 0px 52px;
        }
        #section-steps-content .list_steps .slick-prev {
            position: absolute;
            left: 0px;
            top: 0px;
            bottom: 0px;
            cursor: pointer;
            width: 50px;
            height: 214px;
            margin: auto;
        }
        #section-steps-content .list_steps .slick-next {
            position: absolute;
            right: 0px;
            top: 0px;
            bottom: 0px;
            cursor: pointer;
            width: 50px;
            height: 214px;
            margin: auto;
        }
        #section-steps-content .list_steps .step_ittem {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-steps-content .list_steps .step_ittem .num {
            font-family: Montserrat;
            font-size: 72px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            text-transform: uppercase;
            background: -webkit-gradient(linear, left top, left bottom, from(#4158D0), color-stop(50.52%, #CD5BB9), to(#F6B77E));
            background: -o-linear-gradient(top, #4158D0 0%, #CD5BB9 50.52%, #F6B77E 100%);
            background: linear-gradient(180deg, #4158D0 0%, #CD5BB9 50.52%, #F6B77E 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 33px;
        }
        #section-steps-content .list_steps .step_ittem .title {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 24px;
            text-align: center;
        }
        #section-steps-content .list_steps .step_ittem .text {
            color: #000;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            max-width: 565px;
            text-align: center;
        }
        #section-steps-content .list_steps .step_ittem .people {
            padding-top: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-steps-content .list_steps .step_ittem .people .stitl {
            color: #000;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            width: 100%;
            text-align: center;
            padding-bottom: 12px;
        }
        #section-steps-content .list_steps .step_ittem .people .p_itt {
            padding: 12px;
        }
        #section-steps-content .list_steps .step_ittem .people .p_itt span {
            color: #8D54C7;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            text-decoration-line: underline;
        }
        #section-steps-content .list_steps .step_ittem .people .p_itt a {
            color: #8D54C7;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            text-decoration-line: underline;
        }
    /* STEPS BLOCK */
    /* COUNT PAY BLOCK */
        #section-count_pay-content {
            padding-top: 100px;
            background-color: #F5F5F5;
        }
        #section-count_pay-content .container {
            border-radius: 5px;
            background: -o-linear-gradient(183deg, #4158D0 0.07%, #C750C0 50.52%, #F6B77E 100%);
            background: linear-gradient(267deg, #4158D0 0.07%, #C750C0 50.52%, #F6B77E 100%);
            padding: 15px;
        }
        #section-count_pay-content .block_form {
            width: 100%;
            height: 100%;
            border-radius: 5px;
            border: 1px solid rgba(255, 255, 255, 0.50);
            padding: 30px;
        }
        #section-count_pay-content .title {
            width: 100%;
            text-align: center;
            color: #FFF;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 38px;
        }
        #section-count_pay-content form .files_line p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 32px;
            max-width: 1100px;
            margin: auto;
        }
        #section-count_pay-content form .files_line p>br {
            display: none;
        }
        #section-count_pay-content form .files_line p>span {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 220px;
            flex-basis: 220px;
        }
        #section-count_pay-content form .files_line label {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            display: block;
            text-align: left;
            margin-bottom: 10px;
        }
        #section-count_pay-content form .files_line input {
            background: unset;
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            color: #ffffff;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            text-align: left;
            width: 100%;
            height: auto;
            padding: 18px 22px;
        }
        #section-count_pay-content form .files_line input.wpcf7-not-valid {
            border: 1px solid rgba(255, 0, 0, 0.6);
        }
        #section-count_pay-content form .files_line input::placeholder {
            color: rgba(255, 255, 255, 0.50);
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-count_pay-content form .files_line input[type="file"] {
            padding-left: 55px;
        }
        #section-count_pay-content form .files_line .files_block .wpcf7-form-control-wrap {
            position: relative;
        }
        #section-count_pay-content form .files_line .files_block .wpcf7-form-control-wrap:before {
            content: '';
            display: block;
            width: 30px;
            height: 36px;
            background-image: url(img/file_icon.png);
            position: absolute;
            pointer-events: none;
            left: 19px;
            top: -7px;
        }
        #section-count_pay-content form .wpcf7-form-control.wpcf7-acceptance {
            padding-top: 43px;
            padding-bottom: 13px;
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        #section-count_pay-content form button {
            display: block;
            border-radius: 103px;
            border: 1px solid rgba(255, 255, 255, 0.30);
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            max-width: 375px;
            width: 100%;
            margin: auto;
            padding: 22px;
            cursor: pointer;
        }
        #section-count_pay-content form button:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#9D53C5), to(#506DD4));
            background: -o-linear-gradient(top, #9D53C5 0%, #506DD4 100%);
            background: linear-gradient(180deg, #9D53C5 0%, #506DD4 100%);
        }
        #section-count_pay-content form .wpcf7-not-valid-tip {
            display: none!important;
        }
        #section-count_pay-content form .wpcf7-response-output {
            border-color: #ffffff;
            text-align: center;
            padding: 10px;
            color: #ffffff;
        }
    /* COUNT PAY BLOCK */
    /* PAYMENTS BLOCK */
        #section-payments-content {
            padding-top: 100px;
            background-color: #F5F5F5;
        }
        #section-payments-content .title {
            margin-bottom: 19px;
        }
        #section-payments-content .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            gap: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-payments-content .title span:before {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-payments-content .title span:after {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-payments-content .stitle {
            color: #3E3E3E;
            text-align: center;
            font-family: Montserrat;
            font-size: 22px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
            max-width: 740px;
            margin: auto;
        }
        #section-payments-content .payment_list {
            margin-top: 100px;
        }
        #section-payments-content .slick-list {
            border-radius: 3px;
            background: #FFF;
        }
        #section-payments-content .slick-track {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-payments-content .payment_i {
            padding: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-payments-content .payment_i img {
            max-width: 100%;
            height: auto;
            display: block;
            max-height: 100%;
            width: auto;
        }
        #section-payments-content .slick-prev {
            position: absolute;
            left: -40px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 96px;
            cursor: pointer;
        }
        #section-payments-content .slick-next {
            position: absolute;
            right: -40px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 96px;
            cursor: pointer;
        }
    /* PAYMENTS BLOCK */
    /* FAQ BLOCK */
        #section-faq-content {
            padding-top: 100px;
            background-color: #F5F5F5;
        }
        #section-faq-content .title {
            padding-bottom: 52px;
        }
        #section-faq-content .title span {
            color: #3E3E3E;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            gap: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-faq-content .title span::before {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-faq-content .title span::after {
            content: "";
            display: block;
            width: 124px;
            height: 2px;
            background: #766D97;
        }
        #section-faq-content .faq_list {
            padding-top: 24px;
            gap: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
            z-index: 2;
        }
        #section-faq-content .faq_list .faq_ittem {
            border-radius: 5px;
            background: #FFF;
            width: 100%;
            padding: 17px;
        }
        #section-faq-content .faq_list .faq_ittem .ask {
            padding-bottom: 7px;
            padding-top: 8px;
            padding-left: 9px;
            padding-right: 9px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
        }
        #section-faq-content .faq_list .faq_ittem.active .ask {
            padding-bottom: 13px;
        }
        #section-faq-content .faq_list .faq_ittem .ask .icon {
            color: #906DE9;
            font-family: Montserrat;
            font-size: 72px;
            font-style: normal;
            font-weight: 600;
            line-height: 29px;
            text-transform: uppercase;
            width: 43px;
            padding-right: 2px;
            text-align: center;
        }
        #section-faq-content .faq_list .faq_ittem.active .ask .icon {
            line-height: 19px;
            padding-bottom: 10px;
        }
        #section-faq-content .faq_list .faq_ittem .ask .til {
            color: #906DE9;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }
        #section-faq-content .faq_list .faq_ittem .reqest {
            display: none;
            border-top: solid 2px rgba(118, 109, 151, 0.10);
        }
        #section-faq-content .faq_list .faq_ittem.active .reqest {
            display: block;
            padding-top: 33px;
            padding-left: 50px;
            padding-right: 50px;
            padding-bottom: 14px;
        }
        #section-faq-content .faq_list .faq_ittem .reqest p {
            color: #000;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 24px;
        }
        #section-faq-content .faq_list .faq_ittem .reqest p:last-child {
            margin-bottom: 0;
        }
    /* FAQ BLOCK */
    /* FORM BLOCK */
    #section-site-types .types_grid{display:flex;gap:40px;margin-top:24px}
    #section-site-types .types_grid .col{flex:1;min-width:280px}
    #section-site-types p{margin:0 0 16px 0;color:#3E3E3E}
    #section-site-types .cms_more{margin-top:24px;text-align:center}
    #section-site-types .outline-btn{display:inline-block;border:1px solid #548AEE;border-radius:103px;padding:18px 36px;color:#548AEE;text-decoration:none}
    #section-site-types .cms_more_panel{margin-top:20px;background:#fff;border:1px solid #E6EEFF;border-radius:12px;padding:20px;text-align:left}

/* Collapsible about text */
    #section-about_us-content .about_collapse{
        max-height: 260px;
        overflow: hidden;
        position: relative;
    }
    #section-about_us-content .about_collapse:after{
        content: '';
        position: absolute;
        left:0; right:0; bottom:0;
        height: 80px;
        background: linear-gradient(180deg, rgba(245,245,245,0) 0%, #F5F5F5 100%);
        pointer-events: none;
    }
    #section-about_us-content .about_collapse.open{
        max-height: none;
    }
    #section-about_us-content .about_collapse.open:after{display:none}
        #section-form-content {
            /* БОЛЬШАЯ ФОРМА — как в макете: рука + last_form_bg поверх градиента */
            padding-top: 200px;
            margin-top: -70px;
            background:
                url('img/order-a-website.png') left -15px bottom -430px / 650px auto no-repeat,
                linear-gradient(200.69deg, #FFCC70 -3.47%, #C850C0 30.6%, #4158D0 91.69%);
            color: #fff;
            /* низ перекрывает подвал — прозрачные зоны PNG не обрезаются */
            padding-bottom: 300px;
            margin-bottom: -300px;
            position: relative;
            z-index: 5;
            overflow: visible;
            width: 100vw;
            left: 50%;
            transform: translateX(-50%);
            padding-left: 0;
            padding-right: 0;
        }
        #section-form-content .left_block {
             padding-right: 15px;
             width: 42%;
             position: relative;
             display: block !important; /* возвращаем левую колонку */
        }
        #section-form-content .right_block {
             width: 58%;
             padding-left: 0;
        }
        /* скрываем картинку в HTML, так как она есть в фоне */
        #section-form-content .left_block .image { display:none; }
        /* поля форм и лейблы как в ЧЕРНОВИК */
        #section-form-content input::placeholder,
        #section-form-content textarea::placeholder { color:#ffffff; opacity:.9; }
        #section-form-content textarea:focus,
        #section-form-content input:focus,
        #section-form-content input[type="search"]:focus{
            background: rgba(255,255,255,0.65);
            color: rgba(0,0,0,0.72);
        }
        #section-form-content select{
            color:#fff; opacity:.7; width:98%;
        }
        #section-form-content select option{ color:#fff; background:#a841418a; }
        #section-form-content select option:nth-child(even){ background:#a84141e8; }
        #section-form-content .right_block .form_block .button_line button,
        #section-form-content .button-color{
            width:60%;
            margin-top:15px;
            padding-top:12px;
            margin-left:50%;
            transform:translateX(-50%);
        }
        #section-form-content .right_block .form_block label{
            font-family: Montserrat;
            font-style: italic;
            font-weight: 500;
            font-size: 15px;
            line-height: 22px;
            text-align: left;
            color:#fff;
            text-shadow:0 4px 4px rgba(0,0,0,.25);
        }
        #section-faq-content{position:relative;z-index:3}
        /* FAQ: узкая центральная колонка */
        #section-faq-content > .container {
            max-width: 980px;
            margin-left: auto;
            margin-right: auto;
        }
        #section-form-content .form-wrapper {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 0 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: end;
            align-content: flex-end;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            overflow: visible; /* позволяем руке выходить за пределы */
        }
        /* Убираем SVG-волны — используем PNG last_form_bg поверх подвала */
        #section-form-content{position:relative;overflow:visible}
        #section-form-content:before{ content:none; }
        #section-form-content:after{
            content:'';
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:-120px;
            width:120%;
            height:420px;
            background:url('img/last_form_bg.png') center bottom/100% 100% no-repeat;
            pointer-events:none;
            z-index: 10; /* волна всегда выше подвала */
        }
        #section-form-content .left_block {
            padding-right: 15px;
            width: 43%;
            position: relative; /* для абсолютного позиционирования картинки */
        }
        #section-form-content .left_block .title {
            color: #FFF;
            font-family: Montserrat;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            position: relative;
            z-index: 2; /* поверх картинки */
        }
        #section-form-content .left_block .links {
            margin-top: 28px;
            gap: 19px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 2; /* поверх картинки */
        }
        #section-form-content .left_block .links a {
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px;
        }
        #section-form-content .left_block .links a svg {
            display: block;
        }
        #section-form-content .left_block .links a span {
            color: #FFF;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
        }
        /* больше не используем отдельное изображение руки — оно в background */
        #section-form-content .left_block .image { display:none; }
        #section-form-content .right_block {
            padding-left: 15px;
            width: 57%;
        }  

        /* Расширяем правую колонку формы на десктопе и убираем боковые внутренние отступы колонок */
        @media (min-width: 1200px){
            #section-form-content .left_block{ width: 34%; padding-right: 0; }
            #section-form-content .right_block{ width: 66%; padding-left: 0; }
        }

        /* Гарантируем, что форма занимает всю доступную ширину правой колонки и не “режется” паддингами */
        #section-form-content .right_block .form_block,
        #section-form-content .right_block .form_block form{
            width: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }
        #section-form-content .right_block .top_form_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 22px;
            gap: 15px;
        }
        #section-form-content .right_block .top_form_block .socials_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px;
        }
        #section-form-content .right_block .top_form_block .socials_block a {
            text-decoration: none;
            width: 60px;
            height: 60px;
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.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;
            -ms-flex-line-pack: center;
            align-content: center;
        }
        #section-form-content .right_block .top_form_block .socials_block a img {
            display: block;
        }
        #section-form-content .right_block .top_form_block .lich_vstrecha {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px;
        }
        #section-form-content .right_block .top_form_block .lich_vstrecha>span {
            display: none;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 12px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 17px;
            width: 100%;
        }
        #section-form-content .right_block .top_form_block .lich_vstrecha a {
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            text-decoration: none;
            padding: 16px;
            min-height: 60px;
            min-width: 210px; /* ширина ≈ 3 кружка по 60px + 2 промежутка по 15px */
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 14px;
        }
        #section-form-content .right_block .top_form_block .lich_vstrecha a svg {
            display: block;
        }
        #section-form-content .right_block .top_form_block .lich_vstrecha a span {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .select_line {
            display: block;
            width: 100%;
            margin-bottom: 36px;
        }
        #section-form-content .right_block .form_block .select_line label {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .select_line .nice-select {
            float: unset;
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            background: unset;
            height: 60px;
            padding-left: 20px;
            padding-right: 20px;
        }
        #section-form-content .right_block .form_block .select_line .nice-select:after {
            border-color: #ffffff;
            width: 10px;
            height: 10px;
            right: 30px;
            top: 45%;
        }
        #section-form-content .right_block .form_block .select_line .nice-select .current {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: 59px;
        }
        #section-form-content .right_block .form_block .name_phone_line {
            width: 100%;
            margin-bottom: 36px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-form-content .right_block .form_block .name_phone_line .name {
            width: 50%;
            padding-right: 15px;
        }
        #section-form-content .right_block .form_block .name_phone_line .phone {
            width: 50%;
            padding-left: 15px;
        }
        #section-form-content .right_block .form_block .name_phone_line label {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .name_phone_line input {
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            color: #ffffff;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            height: 60px;
            background: unset;
            padding: 0px 20px;
            width: 100%;
        }
        #section-form-content .right_block .form_block .name_phone_line input::placeholder {
            color: rgba(255, 255, 255, 0.50);
        }
        #section-form-content .right_block .form_block .mail_tz_line {
            width: 100%;
            margin-bottom: 36px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-form-content .right_block .form_block .mail_tz_line .mial {
            width: 50%;
            padding-right: 15px;
        }
        #section-form-content .right_block .form_block .mail_tz_line .mial label {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .mail_tz_line .mial input {
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            color: #ffffff;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            height: 60px;
            background: unset;
            padding: 0px 20px;
            width: 100%;
        }
        #section-form-content .right_block .form_block .mail_tz_line .mial input::placeholder {
            color: rgba(255, 255, 255, 0.50);
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz {
            width: 50%;
            padding-left: 15px;
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz label {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz .file_b {
            border-radius: 60px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            height: 60px;
            width: 100%;
            padding: 0px 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz svg {
            width: 22px;
            height: 28px;
            min-width: 22px;
            display: block;
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz input {
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            text-decoration-line: underline;
            width: 100%;
            padding: 10px;
            border-radius: 10px;
        }
        #section-form-content .right_block .form_block .mail_tz_line .tz input::placeholder {
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            text-decoration-line: underline;
        }
        #section-form-content .right_block .form_block .text_line {
            display: block;
            width: 100%;
            margin-bottom: 36px;
        }
        #section-form-content .right_block .form_block .text_line label {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #FFF;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
        }
        #section-form-content .right_block .form_block .text_line textarea {
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.60);
            background: unset;
            padding: 24px;
            color: #ffffff;
            font-family: Montserrat;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            line-height: normal;
            width: 100%;
            max-height: 170px;
            min-height: 170px;
        }
        #section-form-content .right_block .form_block .text_line textarea::placeholder {
            color: rgba(255, 255, 255, 0.50);
        }
        #section-form-content .right_block .form_block .acept_line {
            display: block;
            width: 100%;
            margin-bottom: 36px;
            text-align: center;
        }
        #section-form-content .right_block .form_block .acept_line span {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin: auto;
        }
        #section-form-content .right_block .form_block .button_line {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #section-form-content .right_block .form_block .button_line button {
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            border-radius: 103px;
            padding: 21px;
            max-width: 100%;
            width: 385px;
            border: 1px solid rgba(255, 255, 255, 0.30);
            background: -webkit-gradient(linear, left top, left bottom, from(#D96CFF), to(#506DD4));
            background: -o-linear-gradient(top, #D96CFF 0%, #506DD4 100%);
            background: linear-gradient(180deg, #D96CFF 0%, #506DD4 100%);
            cursor: pointer;
        }
        #section-form-content .right_block .form_block input.wpcf7-not-valid {
            border: 1px solid rgb(255 0 0 / 60%)!important;
        }
        #section-form-content .right_block .form_block .wpcf7-not-valid-tip {
            display: none!important;
        }
        #section-form-content .right_block .form_block  .wpcf7-response-output {
            margin-top: 30px;
            margin-bottom: -30px;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            background: #6d55ca;
            border: unset;
            border-radius: 20px;
        }
    /* FORM BLOCK */
    /* ANKOR MENU */
        #ancor_menu {
            position: fixed;
            top: 0px;
            bottom: 0px;
            right: 50px;
            z-index: 9999;
            background: transparent !important;
            width: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-top: 40px;
            padding-bottom: 40px;
            pointer-events: auto;
        }
        #ancor_menu::before,
        #ancor_menu::after { content: none !important; }
        #ancor_menu ul {
            list-style: none;
            background: transparent !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        #ancor_menu ul li a {
            text-decoration: none;
            font-size: 0px;
            width: 9px;
            height: 9px;
            border: solid 1px #619ED7;
            border-radius: 100%;
            line-height: 30px;
            text-align: center;
            display: block;
            margin: 10px 10px;
            background: transparent !important;
            pointer-events: auto;
        }
        #ancor_menu ul li.selected a,
        #ancor_menu ul li:hover a {
            color: #619ED7;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            width: 30px;
            height: 30px;
            background: transparent !important;
        }
    /* ANKOR MENU */
/* HOME PAGE */
/* FOOTER */
    .footer-main{ position:relative; background-repeat:no-repeat; background-position: center top; background-size: cover; }
    .footer-main:before{
        content:''; position:absolute; left:0; right:0; top:-120px; height:160px;
        background: url('img/wave.svg') no-repeat center top/100% 100%;
        pointer-events:none;
        z-index:0;
    }
    .footer-main .bookmark_block{
        min-height: 280px;
        padding: 20px 0 40px; /* минимальный верхний отступ */
        margin-top: -150px; /* поднимаем блок высоко, чтобы он был поверх волны формы */
        position: relative;
        z-index: 10; /* поверх всех волн */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .bookmark_grid{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 32px;
        min-height: 220px;
    }
    .bookmark_left{ -webkit-box-flex:0; -ms-flex:0 1 58%; flex:0 1 58%; }
    .bookmark_left .bookmark_title{
        color: #2D2D2D;
        font-family: Montserrat;
        font-size: 42px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 0;
    }
    .bookmark_center{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 18px;
        margin: 0 24px;
    }
    .bookmark_center .heart_icon img{ height: 56px; width: auto; display: block; }
    .bookmark_center .heart_text{ color:#2D2D2D; font-size:18px; font-weight:500; line-height:100%; letter-spacing:0 }
    .bookmark_center .heart_text span{ color:#6b6b6b; }
    .bookmark_right{ text-align: center; margin-left:auto; min-width: 240px; }
    .bookmark_right .kbd{
        display: block;
        background: #fff;
        border-radius: 12px;
        padding: 14px 26px;
        box-shadow: 0 8px 24px rgba(0,0,0,0.08);
        font-weight: 600;
        font-size: 28px;
        line-height: 110%;
        letter-spacing: 0;
        width: 280px;
        max-width: 100%;
        text-align: center;
    }
    .bookmark_right .kbd_row{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start}
    .bookmark_right .kbd_help{ color:#6b6b6b; margin-bottom:8px; font-size:12px; }

/* Hide Ctrl+D block on mobile */
@media (max-width: 768px){
    .bookmark_right{ display:none !important; }
    /* Hide side anchor menu on mobile to prevent horizontal scroll */
    #ancor_menu{ display:none !important; }
    /* Prevent overflow from decorative title lines on narrow screens */
    #section-about_us-content .title span::before,
    #section-about_us-content .title span::after,
    #section-portfolio-content .container .title span:before,
    #section-portfolio-content .container .title span:after,
    #section-time_need-content .title span:before,
    #section-time_need-content .title span:after,
    #section-steps-content .title span:before,
    #section-steps-content .title span:after,
    #section-payments-content .title span:before,
    #section-payments-content .title span:after,
    #section-lifecycle-content .title span:before,
    #section-lifecycle-content .title span:after{ display:none !important; }
}

/* Footer bookmark block — mobile layout */
@media (max-width: 600px){
    .footer-main .bookmark_block{padding:16px 0 24px;margin-top:-120px;}
    .bookmark_grid{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;}
    .bookmark_left{flex:1 1 100%;max-width:100%;}
    .bookmark_left .bookmark_title{font-size:28px;line-height:110%;}
    .bookmark_center{margin:0;gap:10px;}
    .bookmark_center .heart_icon img{height:40px;width:auto;}
    .bookmark_center .heart_text{font-size:14px;line-height:120%;}
}
/* Scroll down arrow (hero) */
    .scroll-down{
        text-align:center;
        margin: 20px 0 10px;
    }
    .scroll-down a{
        display:inline-flex;
        flex-direction:column;
        align-items:center;
        gap:10px;
        text-decoration:none;
        color:#6B6B6B;
        border:1px solid rgba(0,0,0,0.1);
        border-radius:12px;
        padding:14px 22px;
        background:rgba(255,255,255,0.7);
    }
    .scroll-down img{
        width:22px; height:auto;
        animation:scroll-bounce 1.8s ease-in-out infinite;
    }
    .scroll-down span{
        font-family: Montserrat;
        font-weight:600;
        font-size:14px;
        letter-spacing:.02em;
    }
    @keyframes scroll-bounce{
        0%,100%{transform:translateY(-2px);}
        50%{transform:translateY(3px);}
    }
/* Header polish to match original design */
    header .top_line{background:#eef4fb;border-bottom:1px solid rgba(0,0,0,0.06);}
    header .top_line .search input[type="text"]{border:1px solid rgba(0,0,0,0.1);background:#fff;border-radius:24px;}
    header .bottom_line{background:#f6faff;border-top:1px solid rgba(0,0,0,0.04);}
    header .bottom_line .button a{
        background:linear-gradient(180deg,#ff7a6b 0%,#ff5e56 100%);
        color:#fff;border-radius:22px;padding:10px 22px;text-decoration:none;font-weight:700;
        position:relative;overflow:hidden;
    }
    /* пробегающий блик раз в 5 секунд */
    header .bottom_line .button a:after{
        content:"";position:absolute;top:0;left:-140%;
        width:60%;height:100%;
        background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 100%);
        transform:skewX(-20deg);
        animation:header-btn-shine 5s cubic-bezier(.4,0,.2,1) infinite;
        box-shadow:0 0 24px rgba(255,255,255,.35);
        pointer-events:none;
    }
    @keyframes header-btn-shine{
        0%{left:-140%;}
        45%{left:140%;}
        100%{left:140%;}
    }
	/* visually hidden utility for accessible helper text */
	.visually-hidden{
		position:absolute !important;
		width:1px;height:1px;
		padding:0;margin:-1px;
		overflow:hidden;
		clip:rect(0,0,0,0);
		clip-path:inset(50%);
		border:0;
		white-space:nowrap;
	}
/* phone input invalid */
.is-invalid{border-color:#ff6c6c!important; box-shadow:0 0 0 2px rgba(255,108,108,.15)!important;}
.iti{width:100%;}
    header .bottom_line .phone a{font-weight:700}
    footer .prefoter_section {

/* CONTACT PAGE */
    .contact-page{padding:40px 0 80px;}
    .contact-page .title{margin-bottom:10px;}
    .contact-page .contact-intro{max-width:820px;margin:0 auto 30px;color:#555;text-align:center}
    .contact-page .contact-grid{
        display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;flex-wrap:wrap;align-items:stretch;justify-content:center
    }
    .contact-page .contact-card{
        background:#fff;border:1px solid #e2e9f8;border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(0,0,0,.04);
        -webkit-box-flex:1;-ms-flex:1 1 420px;flex:1 1 420px;max-width:680px;
    }
    .contact-page .contact-card h2{font-family:Montserrat;font-weight:700;font-size:22px;color:#2A2B4B;margin:4px 0 14px}
    .contact-page .contact-info ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
    .contact-page .contact-info a{text-decoration:none;color:#517ADD}
    .contact-page .contact-cta{margin-top:8px;color:#6B6B6B}
    .contact-page .contact-form .row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px;flex-wrap:wrap}
    .contact-page .contact-form .col{-webkit-box-flex:1;-ms-flex:1 1 260px;flex:1 1 260px}
    .contact-page .contact-form label{display:block;margin:8px 0 6px;color:#2A2B4B;font-weight:600}
    .contact-page .contact-form input,
    .contact-page .contact-form textarea{
        width:100%;border:1px solid #cfe0fb;border-radius:12px;padding:12px 14px;background:#fff;color:#2A2B4B
    }
    .contact-page .contact-form textarea{min-height:120px;resize:vertical}
    .contact-page .contact-form .agree{display:block;margin:12px 0 14px;color:#6B6B6B}
    .contact-page .btn-grad{
        display:inline-block;border-radius:22px;padding:12px 22px;font-weight:700;color:#fff;
        background:linear-gradient(180deg,#9D53C5 0%, #517ADD 100%); border:none; cursor:pointer;
    }
    @media (max-width:768px){
        .contact-page{padding:24px 0 50px}
    }
        padding-top: 280px;
        padding-bottom: 280px;
    }
    footer .prefoter_section .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }
    footer .prefoter_section .left_block {
        max-width: 478px;
    }
    footer .prefoter_section .left_block p {
        color: #2A2B4B;
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    footer .prefoter_section .center_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 28px;
    }
    footer .prefoter_section .center_block img {
        width: 72px;
        min-width: 72px;
        height: 66px;
        display: block;
    }
    footer .prefoter_section .center_block p {
        color: #2A2B4B;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 217px;
    }
    footer .prefoter_section .right_block {
        max-width: 240px;
        width: 100%;
    }
    footer .prefoter_section .right_block span {
        max-width: 240px;
        width: 100%;
        color: #2A2B4B;
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-radius: 10px;
        padding: 20px;
        border: 1px solid #000;
        background: #FFF;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        display: block;
        text-align: center;
    }
    footer .footer_section {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 52.66%, #FFF 100%);
        padding-top: 160px; /* опускаем контент подвала ниже города */
        padding-bottom: 180px; /* увеличили в 2 раза */
    }
    footer .footer_section .first_line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }
    footer .footer_section .first_line .logo_block a {
        text-decoration: none;
        display: block;
    }
    footer .footer_section .first_line .search_block {
        display: block;
    }
    footer .footer_section .first_line .search_block form {
        border-radius: 60px;
        border: 1px solid rgba(62, 62, 62, 0.19);
        height: 49px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 467px;
        width: 100%;
        padding: 13px 22px;
    }
    footer .footer_section .first_line .search_block form input[type="image"] {
        margin-right: 20px;
    }
    footer .footer_section .first_line .search_block form input[type="text"] {
        background: unset;
        border: unset;
        width: 276px;
    }
    footer .footer_section .first_line .files_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    footer .footer_section .first_line .files_block a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
    }
    footer .footer_section .first_line .files_block a:last-child {
        margin-bottom: 0;
    }
    footer .footer_section .first_line .files_block a svg {
        margin-right: 10px;
        width: 25px;
    }
    footer .footer_section .first_line .files_block a span {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }
    footer .footer_section .first_line .phones_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    footer .footer_section .first_line .phones_block a {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
        margin-bottom: 15px;
    }
    footer .footer_section .first_line .phones_block a:last-child {
        margin-bottom: 0;
    }
    footer .footer_section .last_line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    footer .footer_section .last_line .contact_block {
        width: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    footer .footer_section .last_line .contact_block .cabinet,
    footer .footer_section .last_line .contact_block .blog,
    footer .footer_section .last_line .contact_block .map {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        text-decoration-line: underline;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 16px;
    }
    footer .footer_section .last_line .contact_block .cabinet svg,
    footer .footer_section .last_line .contact_block .blog svg,
    footer .footer_section .last_line .contact_block .map svg {
        width: 20px;
        margin-right: 10px;
    }
    footer .footer_section .last_line .contact_block .time_work {
        display: block;
    }
    footer .footer_section .last_line .contact_block .time_work .lab {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: block;
        margin-bottom: 5px;
    }
    footer .footer_section .last_line .contact_block .time_work span {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    footer .footer_section .last_line .contact_block .dop_info {
        padding-top: 20px;
    }
    footer .footer_section .last_line .contact_block .dop_info p {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 25px;
    }
    footer .footer_section .last_line .contact_block .dop_info p:last-child {
        margin-bottom: 0;
    }
    footer .footer_section .last_line .menu_block {
        width: 16%;
    }
    footer .footer_section .last_line .menu_block .menu_title{
        color:#3E3E3E;
        font-family: Montserrat;
        font-size:14px;
        font-weight:700;
        text-transform:uppercase;
        margin:0 0 10px 0;
    }
    footer .footer_section .last_line .menu_block ul {
        list-style: none;
    }
    footer .footer_section .last_line .menu_block ul li {
        display: block;
    }
    footer .footer_section .last_line .menu_block ul li a {
        color: #000;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
    }
    footer .footer_section .last_line .menu_block ul li a:hover {
        text-decoration: underline;
    }
    footer .footer_section .last_line .menu_block:nth-child(5) {
        width: 16%;
    }
    footer .footer_section .last_line .socials_block {
        width: 50%;
        margin-left: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }
    footer .footer_section .last_line .socials_block a img{height:24px;width:auto;display:block}

/* Quick Links */
.quick_links{padding:18px 0 8px;margin:10px 0 20px;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.quick_links__title{font-weight:700;text-transform:uppercase;margin-bottom:8px;color:#3E3E3E}
.quick_links__list{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;margin:0;padding:0}
.quick_links__list a{color:#2A2B4B;text-decoration:none;padding:6px 0}
.quick_links__list a:hover{text-decoration:underline}

/* Footer bottom */
.footer_bottom{margin:24px 0 0;text-align:center;color:#3E3E3E}
.footer_bottom .footer_contacts{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.footer_bottom .footer_contacts .fc{display:inline-flex;align-items:center;gap:6px;color:#2A2B4B;text-decoration:none}
.footer_bottom .footer_contacts .fc:hover{text-decoration:underline}
.footer_bottom .footer_contacts a{text-decoration:none;color:#2A2B4B}
.footer_bottom .footer_links{margin-bottom:6px}
.footer_bottom .footer_links a{color:#2A2B4B;text-decoration:none}
.footer_bottom .footer_links a:hover{text-decoration:underline}
.footer_bottom .footer_links .dot{margin:0 8px;color:#999}
.footer_bottom .copyright{font-size:13px;opacity:.9}
@media (max-width:768px){
    .footer_bottom .footer_contacts{justify-content:flex-start;gap:10px}
}

/* intl-tel-input: fix contrast (white text on white panel) */
.iti__country-list{
    background:#fff !important;
    color:#1f2330 !important;
    border:1px solid rgba(0,0,0,.08);
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.iti__country-list .iti__country{
    color:#1f2330 !important;
}
.iti__country-list .iti__country:hover{
    background:#eef4ff !important;
}
.iti__country-name,
.iti__dial-code{
    color:#1f2330 !important;
}
.iti__selected-dial-code{
    color:#111 !important;
}
.iti__divider{
    border-top:1px solid rgba(0,0,0,.08) !important;
}
    footer .footer_section .last_line .socials_block a {
        display: block;
        text-decoration: none;
    }
    footer .footer_section .last_line .mobile_last_block {
        display: none;
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        width: 100%;
        padding-top: 92px;
    }
    footer .footer_section .last_line .mobile_last_block  a {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
    }
@media (max-width: 991px){
    footer .footer_section .last_line{flex-direction:column;gap:6px}
    footer .footer_section .last_line .menu_block{width:100%}
    footer .footer_section .last_line .menu_block .menu_title{
        text-align:center;
        padding:12px 10px;
        border:1px solid rgba(0,0,0,.08);
        border-radius:10px;
        background:#fff;
        cursor:pointer;
        margin-bottom:0;
        position:relative;
    }
    footer .footer_section .last_line .menu_block ul{display:none !important;padding:10px 16px}
    footer .footer_section .last_line .menu_block.open ul{display:block !important}
    footer .footer_section .last_line .menu_block.open .menu_title{background:#f9fafc}
    footer .footer_section .last_line .menu_block .menu_title::after{
        content:'+';
        position:absolute;
        right:12px;
        top:50%;
        transform:translateY(-50%);
        font-size:20px;
    }
    footer .footer_section .last_line .menu_block.open .menu_title::after{
        content:'-';
    }
    footer .footer_section .last_line .menu_block ul li a{
        display:block;
        padding:8px 0;
    }
}

/* Sticky behavior: desktop = only bottom_line; mobile = whole header */
@media (max-width: 991px){
    header{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1100;
        -webkit-backdrop-filter: saturate(140%) blur(2px);
        backdrop-filter: saturate(140%) blur(2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.06);
    }
    /* disable desktop sticky for inner bar on mobile */
    header .bottom_line{
        position: static;
        box-shadow: none;
    }
}
/* FOOTER */

/* Brand tweaks */
    .custom-logo {
        max-height: 56px;
        height: auto;
        width: auto;
    }

/* Scroll progress bar */
    .scroll-progress{
        position:fixed;
        top:0; left:0; right:0;
        height:4px;
        z-index:2000;
        pointer-events:none;
        background: transparent;
    }
    .scroll-progress__bar{
        display:block;
        height:100%;
        width:0%;
        background: linear-gradient(90deg, #FFCC70 0%, #C850C0 50%, #4158D0 100%);
        box-shadow:0 0 8px rgba(65,88,208,.25);
        transition:width .1s linear;
    }

/* Back-to-top (UX) */
    .to-top{
        position:fixed;
        right:22px;
        bottom:28px;
        width:48px;
        height:48px;
        border-radius:50%;
        border:none;
        /* делаем кнопкy видимой на светлом фоне – фирменный градиент */
        background: linear-gradient(135deg, #FFCC70 0%, #C850C0 50%, #4158D0 100%);
        box-shadow: 0 8px 24px rgba(0,0,0,.18);
        color:#fff;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        opacity:0;
        transform: scale(.9);
        transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
        z-index: 1900;
        pointer-events:none;
    }
    .to-top svg{display:block}
    .to-top.is-visible{ opacity:1; transform:scale(1); pointer-events:auto; }
    .to-top:hover{ box-shadow: 0 10px 28px rgba(0,0,0,.24); }
    @media (max-width: 600px){
        .to-top{ right:14px; bottom:18px; width:44px; height:44px; }
    }

/* Reduce layout work for offscreen sections */
section[id^="section-"]{
    content-visibility: auto;
    contain-intrinsic-size: 800px;
}

/* Safety: prevent accidental horizontal scrolling on mobile */
html, body{ overflow-x: hidden; }


/* Tasks CTA (between services and portfolio) */
.tasks-cta{margin:30px 0 40px;}
.tasks-cta .tasks-cta__wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(0,0,0,.05);}
.tasks-cta__title{font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
.tasks-cta__sub{margin-top:6px;font-weight:600;color:#555;}
.tasks-cta .btn-gradient{display:inline-block;padding:16px 28px;border-radius:40px;color:#fff;background:linear-gradient(90deg,#a44cf5 0%,#4cc3ff 100%);text-decoration:none;}
@media (max-width:768px){
    .tasks-cta .tasks-cta__wrap{flex-direction:column;text-align:center;}
    .tasks-cta .btn-gradient{width:100%;text-align:center;}
}

/* ----------------
   MODALS (Popups)
------------------ */
.god-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:9999;padding:20px;}
.god-modal.is-active{display:flex;}
.god-modal__dialog{position:relative;max-width:420px;width:100%;padding:22px 22px 26px;border-radius:14px;background:linear-gradient(180deg,#e58bdf 0%, #6a78ff 60%, #4a79ff 100%);box-shadow:0 20px 60px rgba(0,0,0,.25);}
.god-modal__title{color:#fff;text-align:center;font-weight:800;text-transform:uppercase;line-height:1.3;margin-bottom:14px;}
.god-modal__close{position:absolute;right:8px;top:6px;background:rgba(255,255,255,.6);border:0;width:28px;height:28px;border-radius:50%;cursor:pointer}
.god-modal input[type="text"],
.god-modal input[type="tel"],
.god-modal input[type="email"],
.god-modal textarea,
.god-modal select{
    width:100%;
    border:1px solid rgba(255,255,255,.55);
    border-radius:26px;
    background:transparent;
    color:#fff;
    padding:10px 16px;
}
.god-modal ::placeholder{color:#fff;opacity:.75}
.god-modal__form .field{margin-bottom:12px;}
.god-modal__form input[type="text"],
.god-modal__form input[type="tel"]{width:100%;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:transparent;color:#fff;padding:10px 16px;}
.god-modal__form .file{position:relative;padding-left:34px;}
.god-modal__form .file .ico{position:absolute;left:12px;top:50%;width:14px;height:16px;background:rgba(255,255,255,.9);transform:translateY(-50%);border-radius:2px}
.god-modal__form .file input[type="file"]{opacity:.001;width:100%;height:36px;cursor:pointer}
.god-modal__form .file .file-title{position:absolute;left:42px;top:50%;transform:translateY(-50%);color:#fff;opacity:.8;font-size:14px}
.god-modal__form .agree{display:block;color:#fff;opacity:.7;font-size:12px;margin:6px 0 12px}
.god-modal__form .btn-grad{display:block;margin:0 auto;border-radius:28px;padding:12px 28px;border:1px solid rgba(255,255,255,.4);color:#fff;background:linear-gradient(90deg,#a34dea 0%, #7b7df6 50%, #5aa3ff 100%);}
html.modal-open{overflow:hidden}

/* Большая форма (pop-up) */
.god-modal__dialog--wide{max-width:980px;padding:28px;border-radius:18px}
.bigform{display:flex;gap:28px;align-items:flex-start}
.bigform__left{width:42%;position:relative;color:#fff}
.bigform__right{width:58%}
.bf-title{font-size:22px;font-weight:800;line-height:1.35;text-transform:uppercase;margin-bottom:18px}
.bf-links{display:flex;gap:16px;margin-bottom:10px}
.bf-links .bf-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;opacity:.9}
.bf-links .bf-btn .ico{width:20px;height:20px;background:rgba(255,255,255,.9);border-radius:3px}
.bf-image img{max-width:100%;height:auto;display:block}
.bf-form label{display:block;color:#fff;opacity:.85;margin-bottom:6px}
.bf-form input[type="text"], .bf-form input[type="tel"], .bf-form input[type="email"], .bf-form textarea, .bf-form select{width:100%;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:transparent;color:#fff;padding:10px 16px}
.bf-form textarea{min-height:90px}
.bf-form .bf-row{display:flex;gap:16px;margin-bottom:12px}
.bf-form .bf-col{width:50%}
.bf-form .bf-select{margin-bottom:12px}
.bf-form .bf-accept{display:block;color:#fff;opacity:.7;font-size:12px;margin:8px 0 16px}
.bf-form .btn-grad{display:inline-block;border-radius:28px;padding:12px 28px;border:1px solid rgba(255,255,255,.4);color:#fff;background:linear-gradient(90deg,#a34dea 0%, #7b7df6 50%, #5aa3ff 100%);}
@media (max-width: 768px){
    .god-modal__dialog--wide{max-width:100%;padding:18px}
    .bigform{flex-direction:column}
    .bigform__left, .bigform__right{width:100%}
    .bf-form .bf-row{flex-direction:column}
    .bf-form .bf-col{width:100%}
    .bf-title{font-size:18px;margin-bottom:12px}
    .bf-links{flex-wrap:wrap;gap:10px}
}
/* Limit big image in large-form popups */
#popup-bigform .bf-image img{max-width:65%;height:auto;display:block;margin:0 auto;}
#popup-calc .bf-image img{max-width:65%;height:auto;display:block;margin:0 auto;}
/* Квиз */
.quiz__title{color:#fff;font-weight:800;text-transform:uppercase;text-align:center;margin-bottom:16px}
.quiz__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 18px}
.quiz-card{display:block;cursor:pointer}
.quiz-card input{display:none}
.quiz-card__body{display:block;border:1px solid rgba(255,255,255,.45);border-radius:16px;padding:10px;text-align:center;color:#fff;opacity:.9;transition:all .2s}
.quiz-card__body img{max-width:100%;height:auto;display:block;margin:0 auto 8px}
.quiz-card__title{display:block;font-weight:700}
.quiz-card input:checked + .quiz-card__body{box-shadow:0 0 0 3px rgba(255,255,255,.7) inset;opacity:1}
.quiz__actions{text-align:center}
.quiz__step{display:none}
.quiz__step.is-active{display:block}
.quiz-form .btn-grad{display:block;margin:0 auto}

/* Headings: explicit sizes to avoid deprecated UA sizing (H1UserAgentFontSizeInSection) */
:where(h1){ font-size: clamp(28px, 4vw, 48px); line-height: 1.2; }
:where(h2){ font-size: clamp(22px, 3vw, 36px); line-height: 1.25; }
:where(h3){ font-size: clamp(18px, 2.4vw, 28px); line-height: 1.3; }
:where(h4){ font-size: clamp(16px, 2vw, 22px); line-height: 1.3; }
:where(h5){ font-size: clamp(15px, 1.8vw, 18px); line-height: 1.35; }
:where(h6){ font-size: clamp(14px, 1.6vw, 16px); line-height: 1.4; }

/* Popup calc: centered title */
.bf-title--center{ text-align:center; display:block; margin-bottom:14px; }