@font-face {
    font-family: 'Onest';
    src: url('../fonts/onest-variable.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  font-family: "Onest", sans-serif;
  background: #F7F7F5;
  transition: 0.2s ease-out;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:inherit;}
.w100{
    width:100%;
}
h1,h2,h3,h4,h5,h6,p{
    margin-bottom:0px;
}
ul li::marker {
    color: #BF9F73; /* Устанавливаем цвет маркеров */
}
.color_grey,.color_neutral500{color:#616161!important;}
.color_neutral400{color:#9E9E9E!important;}
.color_neutral300{color:#BDBDBD!important;}
.color_neutral600{color:#333!important;}
.color_white{color:#FFF!important;}
.brand_accent{color:#BF9F73!important;}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0 auto;
    }
}

/* --- Typography START --- */
@media (min-width: 992px) {
    h1,.headlines_h1{
        color: #000;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: -0.48px;
        text-transform: uppercase;
    }
    h2,.headlines_h2, .content_body h1{
        color: #000;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 133.333%;
        letter-spacing: -0.3px;
        text-transform: uppercase;
    }
    h3,.headlines_h3, .content_body h2{
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 136.364%;
        letter-spacing: -0.11px;
        text-transform: uppercase;
    }
    h4,.headlines_h4, .content_body h3{
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 136.364%; 
        text-transform: none;
    }
    h5,.headlines_h5, .content_body h4{
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 138.889%;
        text-transform: none;
    }
    h6,.headlines_h6, .content_body h5{
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 125%
        text-transform: none;
    }
    
    p,.body_text{
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 187.5%;
    }
    
    .small_text{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
    
    .labels_caption_m{
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 133.333% */
    }
    .subtitle_1{
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
    }
    .subtitle_2{
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
    }
    
    .labels_caption_s{
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
    }

    .labels_caption_l{
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
    }
    
    .labels_overline{
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 181.818% */
        letter-spacing: 1.1px;
        text-transform: uppercase;
    }
}

/* MOBILE */
@media (max-width: 991px) {
    
    h1,.headlines_h1{
        color: #000;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 133.333%;
        letter-spacing: -0.3px;
        text-transform: uppercase;
    }
    h2,.headlines_h2, .content_body h1{
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 136.364%;
        letter-spacing: -0.11px;
        text-transform: uppercase;
    }
    h3,.headlines_h3, .content_body h2{
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 136.364%; 
    }
    h4,.headlines_h4, .content_body h3{
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 138.889%;
        text-transform: none;
    }
    h5,.headlines_h5,h6,.headlines_h6, .content_body h4{
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 125%;
        text-transform: none;
    }
    .subtitle_1{
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
    }
    p,.body_text,.subtitle_2{
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 187.5%;
    }
    
    .small_text{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
    .labels_caption_m,.labels_caption_l{
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 133.333% */
    }
    .labels_caption_s{
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
    }
    .labels_overline{
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 181.818% */
        letter-spacing: 1.1px;
        text-transform: uppercase;
    }
}

.text-normal-case {
    text-transform: none !important;
  }
/* --- Typography FINISH --- */

.btn_custom{
    color: #000;
    text-align:center;
    height: 45px;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid #CAAC82;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    text-decoration:none;
}

@media (max-width: 991px) {
  .btn_custom{
       width:100%;
    }
  
}

/*    Header START   */
.header_wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: .4s ease;
}
.header_wrapper.is-fixed {
    background: #28282b;
}
.header_main.is-hidden {
    display:none;
}

.header_wrapper .header_top_pc .header_wa_btn {
    display: none;
    transition: .4s ease;
}

.header_wrapper:has(.header_main.is-hidden) .header_top_pc .header_wa_btn {
    display: flex;
}


.header_top_pc{
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: space-between;;
    align-items: center;
    flex-shrink: 0;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

        
    
.header_top_pc_tel_email{
    display: flex; gap: 20px;
}
.header_top_pc_link{
    display: flex;
    height: 60px;
    align-items: center;
    gap: 5px;
    border-bottom:1px solid rgba(255, 255, 255, 0.0);
}
.header_top_pc_link:hover{
    text-decoration:none;
    
    border-bottom:1px solid #BF9F73;
}

@media (min-width: 992px) {
    .header_main{
        display: flex;
        width: 100%;
        height: 120px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
    }
    .header_nav{
        display: inline-flex;
        height: 60px;
        align-items: center;
        gap: 15px;
        flex-shrink: 0;
        
    }
    
    .header_menu{
        display: flex;
        align-items: center;
        align-self: stretch;
        gap:30px;
        padding: 0px 15px;
        margin: 0px 0px;
        
    }
    
    .header_menu a,.header_menu a:hover{
        color:#fff;
        text-decoration:none;
    }
    .header_menu_item{
        display: flex;
        height: 60px;
        padding: 0px;
        align-items: center;
        color:#fff;
        border-bottom:2px solid rgba(255, 255, 255, 0.0);
        cursor:pointer;
    }
    .header_menu_item:hover{
        color:#fff;
        text-decoration:none;
        border-bottom:2px solid #BF9F73;
    }
    
    .header_wa_btn{
        display: flex;
        height: 45px;
        padding: 0px 20px 0px 20px;
        align-items: center;
        gap: 8px;
        cursor:pointer;
        border-radius: 50px;
        border: 2px solid #BF9F73;
        background: #BF9F73;
    }
    .mob_menu_btn,.header_contact_mob{
        display:none;
    }
    
    .item_dropdown_wrapper{
            position:relative;
        }
    .item_dropdown_parent{
        display: flex;
        height: 60px;
        align-items: center;
        gap: 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.0);
        cursor:pointer;
    }
    .item_dropdown_wrapper:hover .item_dropdown_parent{
        color:#fff;
        text-decoration:none;
        border-bottom:1px solid #BF9F73;
    }
    
    .menu_dropdown_childs{
        display: none;
        position: absolute;
        width: 150px;
        padding: 15px 10px;
        left: 0px;
        top:60px;
        border-radius: 15px;
        padding: 15px 10px;
        border-radius: 15px;
        background: rgba(34, 34, 34, 0.75);
        backdrop-filter: blur(30px);
        
    }
    .item_dropdown_wrapper:hover .menu_dropdown_childs{
        display: block!important;

    }
    .menu_dropdown_container{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .menu_child_item{
        display: flex;
        height: 45px;
        padding: 0px 10px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
        border-radius: 5px;
        color:#fff;
        font-size: 16px;
    }

    .menu_child_item:hover{
        text-decoration:none;
        color:#fff;
        background: rgba(255, 255, 255, 0.10);
    }
    
    .menu_child_item_active,.menu_child_item_active:hover{
        opacity: 0.5!important;
        background:none;
    }
    .header_nav .city_wrapper{display:none;}
    
    
    .menu-dropdown-ul{
        display:none;
    }
    .menu-dropdown{position:relative;}
    .menu-dropdown:hover .menu-dropdown-ul{
        position:absolute;
        top:60px;
        width:300px;
        display: flex;
        width: 270px;
        padding: 15px 10px;
        flex-direction: column;
        align-items: stretch;
        border-radius: 15px;
        background: rgba(34, 34, 34, 0.75);
        backdrop-filter: blur(30px);
        list-style:none;
        align-self: stretch;
    }
    .menu-dropdown-ul li a.menu-dropdown-item{
        width:100%;
        display: flex;
        height: 45px;
        padding: 0px 10px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
        border-radius: 5px;
        font-family: Onest;
        font-size: 16px;
        line-height: 16px;
    }
        .menu-dropdown-ul li a.menu-dropdown-item:hover{

        background: rgba(255, 255, 255, 0.10);

    }
    .menu-dropdown-ul li a.menu-dropdown-item img{
        width:20px;
        height:20px;
        filter: brightness(0) invert(1);
    }
    .menu_item_link{
        padding:20px 0px;
    }
}

.item_dropdown_wrapper:not(:has(.menu_dropdown_childs)) .item-menu-caret-down {
  display: none;
}

@media (max-width: 991px) {
    .header_top_pc,.header_nav{display:none;}
    .header_wrapper{background:#333;}
    .header_body{padding: 0px;}
    .header_main{
        display: flex;
        height: 60px;
        padding: 0px 12px 0px 20px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
    }
    .header_logo img{
        width:150px;
    }
    .mob_menu_btn{
        display: block;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        cursor:pointer;
        background-color: transparent;
        border: 0px;
        padding: 0; /* Уберите внутренние отступы */
    }
    
    .header_nav{display:none;}
    .header_nav.active{
        position:fixed;
        top:60px;
        left:0px;
        width:100%;
        height:100%;
        background-color:#333;
        display: flex;
        padding: 20px 20px 40px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .header_menu_item{
        display: flex;
        min-height: 45px;
        align-items: flex-start;;
        align-self: stretch;
        color:#fff;
        flex-direction: column;
    }
    .header_menu_item:hover{
        color:#fff;
        text-decoration:none;
    }
    .header_wa_btn{
        display: flex;
        height: 45px;
        width:100%;
        max-width:400px;
        padding: 0px 20px 0px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 50px;
        border: 2px solid #BF9F73;
        background: #BF9F73;
        margin:20px 0px;
    }
    .header_contact_mob{
        border-top: 1px solid #616161;
        margin-top:20px;
        padding-top:20px;
        width:100%;
    }
    .header_contact_mob_link{
        display: flex;
        height:45px;
        gap:10px;
        align-items: center;                        
        padding: 0px 10px 0px 10px;
    }
    .header_contact_mob_link svg{
        max-width: 20px;
        max-height: 20px;
        min-width: 20px;
        min-height: 20px;
    }
    .no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    } 
    .item_dropdown_wrapper{
        width:100%;
    }
    .item_dropdown_parent{
        display:flex;
        justify-content: space-between;
        align-items: center;
        height: 45px;
    }
    .item_dropdown_parent a,.item_dropdown_parent span{
        width:100%;
        font-size: 15px;
        font-weight: 600;
    }
    .item_dropdown_parent svg{margin:10px;}
    .menu_dropdown_container{
        display: flex;
        padding: 0px 0px 10px 10px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;  
    }
    .menu_child_item, .menu_child_item:hover{
        display: flex;
        height: 45px;
        padding: 0px 10px 0px 30px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
    }
    .menu_dropdown_childs{display:none;}
    .active.item_dropdown_wrapper .menu_dropdown_childs{display:block;}
    .active.item_dropdown_wrapper .item-menu-caret-down {transform: rotate(180deg);}
    
    .menu_child_item_active{
        opacity: 0.5;
    }
    
    .header_menu{
        padding:0px 0px;
        margin:0px 0px;
        width:100%;
    }
    .nav-link-wrapper{
        display: flex; width: 100%;
        justify-content: space-between;}
    .nav-link-wrapper img{padding-left:30px;}    
    .header_menu_item{margin:0px 0px;}
    .menu_item_link{
        color: #FFF;
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        display: flex;
        height: 45px;
        padding: 0px 10px;
        align-items: center;
        align-self: stretch;
    }
    .menu_item_link:hover{color: #FFF;text-decoration:none;}
    .menu-dropdown-ul{
        display:none;
    }
    .menu-dropdown.active .nav-link-wrapper img{
        transform: rotate(180deg);
        padding-right: 30px;
        padding-left: 0px;
    }
    .menu-dropdown.active .menu-dropdown-ul{
        display:block;
        padding:0px 0px 10px 10px;
        width:100%;
    }
    .menu-dropdown.active .menu-dropdown-ul li{
        display:block;
        padding:0px 0px;
        margin:0px 0px;
        list-style:none;
    }
    .menu-dropdown-ul li .menu-dropdown-item{
        display: flex;
        height: 45px;
        padding: 0px 10px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
        color: #FFF;
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        width:100%;
    }
    .menu-dropdown-ul li a.menu-dropdown-item img{
        width:20px;
        height:20px;
        filter: brightness(0) invert(1);
    }
}
/*    Header FINISH   */


/*    Home top baner START   */
.home_top_baner{
    position:relative;
    width:100%;
    height:750px;
    background-color: #28282b;
    z-index: 0;
    margin-top:-180px;
    padding-top:180px;
    
    background-position: center -900px;
    background-repeat: no-repeat;
    background-size: 1920px;
}
.home_top_baner .container{
    height:100%;
}


.home_top_baner_body {display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.home_top_baner_founder{
    width:40%;
    padding-right: 70px;
    padding-bottom: 30px;
    display: flex;
    align-items: flex-end;
    position:relative;
}
.home_top_baner_founder_photo{
    position:relative;
    padding: 0px 0px;
}
.home_top_baner_founder_photo_bg{
    position:absolute;
    top:20px;
    left:0px;
    width:100%;
    height:100%;
    background-image: url('../img/tpl/logo-bg.svg');
    background-size:contain;
    background-position:top;
    background-repeat:no-repeat;
    z-index:-1;
    opacity: 0.15;
}
.home_top_baner_founder_photo img{
    max-width:100%;
    max-height:100%;
    overflow:hidden;
}

.home_top_baner_founder_text{
    position:absolute;
    right:0px;
    bottom:150px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 5px 10px;
    border-radius: 10px;
    background: rgba(34, 34, 34, 0.50);
}

.home_top_baner_text{
    width:55%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    margin-top:60px;
}

.home_top_baner_text h2.subtitle_1{
    text-transform:none;
}

.home_top_baner_text .subtitle_2{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.home_top_baner_text .subtitle_2 p{
    color: #BDBDBD;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
}


@media (max-width: 1199px) {
    .home_top_baner_founder{
        width:50%;
        padding-right: 50px;
        display: flex;
        align-items: flex-end;
        position:relative;
    }
    
    .home_top_baner_text{
        width:50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        align-self: stretch;
        margin-top:0px;
    }
}
@media (max-width: 991px) {
    .home_top_baner{
        margin-top: 0px;
        padding-top: 0px;
        height:100%;
        
        background-position: center -400px;
        background-size: 1100px;
    }
    
    .home_top_baner_body{
        flex-direction: column-reverse;
        align-items: center;
    }
    .home_top_baner_founder{
        margin-top:10px;
        width:100%;
        max-width:335px;
        max-height:420px;
        padding-right: 10px;
        padding-left: 10px;
        display: flex;
        align-items: flex-start;
        position:relative;
        z-index:-1;
    }
    .home_top_baner_founder_text{
        right: 20px;
        bottom: 25px;
        display: inline-flex;
        padding: 5px 10px;
        flex-direction: column;
        align-items: flex-end;
        border-radius: 10px;
        background: rgba(34, 34, 34, 0.50);
    }
    .home_top_baner_text{
        display: flex;
        width: 100%;
        padding: 40px 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        border-radius: 20px 20px 0px 0px;
        background:  #333;
    }
    .home_top_baner_text .subtitle_2{
        gap: 15px;
    }
   .home_top_baner_text .subtitle_2 p{
        font-size: 16px;
    }
    
    
}
@media (max-width: 576px) {
    .home_top_baner{
        background-color: #28282b;
        background-size: 575px;
        background-position:center -100px;
    }
     .home_top_baner .container{padding:0px;}
}
/*    Home top baner FINISH   */

/*   About company  START   */
.about_company_container{
    margin-top:-30px;
}
.about_company_body{
    display: flex;
    padding: 30px 45px 30px 30px;
    align-items: center;
    gap: 45px;
    border-radius: 30px;
    background: #FFF;
}
.about_company_img,.about_company_text{
    flex:1;
}

.about_company_text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.about_company_img img{
    width:100%;
    border-radius: 15px;
    width: 100%;
    aspect-ratio: 54 / 40;
    opacity: 1;
    display: block;
    object-fit: cover;
}

.container.about_company_container{
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}
.title_text_block_table{
        display: flex;
        align-items: stretch;
        gap: 15px;
    }
.title_text_block_item{
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    flex: 1 0 0;
    border-radius: 30px;
    background: #FFF;
}



@media (max-width: 991px) {
  .about_company_body{
        display: flex;
        padding: 20px 10px 40px 10px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
    }  
    .about_company_container{
        margin-top:0px;
    }
    .about_company_wrapper{
        background:#fff;
    }
    .about_company_img img{
        width:100%;
        border-radius: 15px;
        width: 100%;
        aspect-ratio: 32/21;
        opacity: 1;
        display: block;
        object-fit: cover;
    }
    
       .container.about_company_container{
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding:0px 0px;
    }
    .about_company_body{
        padding:20px;
    }
    .about_company_text {
        gap: 15px;
    }
   .title_text_block_table{
        flex-direction: column;
        gap: 5px;
    }
    .title_text_block_item{
        display: flex;
        padding: 30px 30px;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
        align-self: stretch;
        border-radius: 0px;
        border-top:5px solid #F7F7F5;
    }
}
/*   About company  FINISH   */

/*  Services START  */
.services_wrapper{
    padding:60px 0px;
}
.services_wrapper .partners_head{
    margin-bottom:45px;
}

#showMoreServices{
    display: flex;
    height: 50px;
    padding: 0px 30px 0px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border:0px;
    border-radius: 15px;
    background: #FFF;
    margin-top:20px;
    width:100%;
}
@media (min-width: 992px) {
    .services_item{
        display: flex;
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        border-radius: 15px;
        background: #FFF;
        min-width:300px;
        transition: box-shadow 0.3s ease; /* Плавный переход для тени и перемещения */
    }
    .services_item_img_pc{
        display:block;
    }
    .services_body{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 60px;
        width:100%;
        
    }
    .services_text_title_mob img{
        display:none;
    }
    .services_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
        height: 100%;
    }
    .services_text_body{
        display: flex;
        flex-direction: column;
        height: 100%;
        gap:15px;
        justify-content: space-between;
    }
    .services_whatsapp_button,.service_page_link{
        color: #000;
        text-align: right;
        font-family: Onest;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        text-decoration:none;
        text-transform:uppercase;
    }
    .services_item:hover .services_whatsapp_button,.services_item:hover  .service_page_link{
        text-decoration:none;
        color: #fff;
    }
    .services_items{
        display: grid;
        width:100%;
        gap: 15px;
        grid-template-columns: repeat(3, 1fr);
    }
    .services_item:hover {
    background-color: #333; /* Цвет фона при наведении */
    box-shadow: 0px 0px 0px 10px rgba(51, 51, 51, 0.15);
    }
    .services_item:hover .services_name {color:#fff;}
    .services_item:hover .body_text, .services_item:hover .subtitle_2 {color:#BDBDBD!important;}
    
    .secondar_services_items,.additional_services_items,.primary_services_items{
        width:100%;
    }
    .secondar_services_items h2,.additional_services_items h2{
        margin-bottom:30px;
    }
}

@media (max-width: 991px) {
    .services_wrapper{padding:40px 10px;}
    .services_wrapper .partners_head{
    margin-bottom:20px;
}
.services_body{display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width:100%;}
.secondar_services_items,.additional_services_items,.primary_services_items{
        width:100%;
    }
    .secondar_services_items h2,.additional_services_items h2{
        margin-bottom:20px;
    }
    .services_item_img_pc{
        display:none;
    }
    .services_text_title_mob img{
        display:block;
    }
    .services_text_title_mob{
        display: flex;
        height: 30px;
        align-items: center;
        gap: 15px;
        align-self: stretch;
    }
    .services_item_img_mob{
       width:24px;
       height:24px; 
    }
    .services_text_title_mob .services_name{
        width:100%;
    }
    .services_text_title_mob{
        margin-bottom:0px;
         transition: margin-bottom 0.3s ease-in-out;
    }
    .services_text_title_mob.active{
        margin-bottom:15px;
    }
    .services_item{
        display: flex;
        padding: 15px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
        border-radius: 15px;
        background: #FFF;
    }
    .services_text{width:100%;}
    
    .services_items{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
    }
    .services_text_body{
        display:none;
        margin-top:15px;
    }
    .services_whatsapp_button,.service_page_link{
        display:block;
        color: #000;
        text-align: right;
        font-family: Onest;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        text-decoration:none;
        text-transform:uppercase;
        margin-top:10px;
    }
    
}
.primary_services_items .services_item:nth-child(n+7),.secondar_services_items,.additional_services_items{
        display:none;
    }
/*  Services FINISH  */


/*   WA block  */
.whatsapp_block{
    display: flex;
    padding: 30px 45px;
    justify-content: space-between;
    align-items: center;
    background:#333;
    border-radius: 15px;
}
.whatsapp_block_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.whatsapp_block_button{
    display: flex;
    height: 50px;
    padding: 0px 40px 0px 40px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 2px solid #BF9F73;
    background: #BF9F73;
    justify-content: center;
}

@media (max-width: 991px) {
    .whatsapp_block{
        flex-direction: column;
        padding: 30px 30px;
        gap: 30px;
        margin:0 10px;
        align-items:center;
    }
    .whatsapp_block .headlines_h4{font-size:22px;line-height: 30px;}
    .whatsapp_block .subtitle_2{font-size:18px;line-height: 30px;}
    .whatsapp_block_button{width:100%;max-width:270px;}
}
/*  Benefits START  */

@media (min-width: 992px) {
    .benefits_wrapper{
        margin: 0 auto;
        max-width: 1440px;
        padding:90px 0px;
    }
    
    .benefits_body{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .benefits_items{
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        align-self: stretch;
        flex-wrap: wrap;
        gap: 30px;
    }
    .benefit_item{
        display: flex;
        width: 30%;
        padding: 30px 0px;
        flex-direction: column;
        align-items: flex-start;
        gap:20px;
    }
    .benefit_item img{width:40px;height:40px;}
    .benefit_item_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .benefits_items_home  .benefit_item_text{
        gap: 0px;
    }
}
@media (min-width: 1199px) {
    .benefits_wrapper{
        background-repeat: no-repeat;
        background-position: right 30px; 
        background-image: url('../img/tpl/statue-bg.jpg');
    }
    .benefits_body{width: 70%;}
}
@media (max-width: 991px) {
    .benefits_body{
        display: flex;
        padding: 40px 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .benefit_item{
        display: flex;
        padding: 10px 0px;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }
    .benefit_item img{width:30px;height:30px;}
    .benefit_item_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .benefits_items_home .benefit_item_text{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 6px;
    }
    .benefit_item_text .headlines_h3{font-size:18px;}    
}
/*  Benefits FINISH  */

/*  Experts START  */
.experts_wrapper{
    padding:90px 0px;
    background:#fff;
}
.experts_wrapper .partners_head{
    margin-bottom:45px;
}
.expert_img{
    position:relative;
}
.expert_img_bg{
    background:#F7F7F5;
    width:100%;
    height:92%;
    position:absolute;
    bottom:0px;
    border-radius: 15px;
    z-index:-1;
}
.expert_item{
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-shrink: 0; 
}
.whatsapp_link{
    display: flex;
    gap: 5px;
    height: 35px;
    align-items: center;
}
.whatsapp_link img{
    height: 20px;
    width: 20px!important;
}

.custom_nav_wrapper{
    display: flex;
    width:100%;
    align-items: center;
    gap: 90px;
    margin-top:35px;
    height:60px;
}
.custom-line{
    width:100%;
    background: #E0E0E0;
    height:1px;
}
.custom-nav{min-width:120px;}
.custom-dots{
    width:fit-content;;
    display: flex;
    align-items: center;
    gap: 5px;
}
.owl-prev span,.owl-next span{
    display:none;
}

.custom-nav .owl-prev,
.custom-nav .owl-next {
    display: inline-block;
    width: 60px; /* Ширина области навигационной кнопки */
    height: 60px; /* Высота области навигационной кнопки */
    background-size: 25px; /* Размер стрелки */
    background-repeat: no-repeat;
    background-position: center; /* Центрируем стрелку внутри кнопки */
    border:0px;
    background-color:inherit;
}
.owl-dot{
    background: #E0E0E0;
    width: 60px;
    height: 5px;
    border:0px;
}
.owl-dot.active{
  background: #BF9F73;  
}

.custom-nav .owl-prev {
    background-image: url('../img/tpl/arrow.svg');
}

.custom-nav .owl-next {
    background-image: url('../img/tpl/arrow.svg');
    transform: rotate(180deg); /* Поворачиваем стрелку на 180 градусов */
}

@media (max-width: 768px) {
    .experts_wrapper{padding:40px 10px;}
    .owl-carousel{
        display:flex!important;
        flex-direction: column;
        gap: 20px;
    }
    .expert_item{
        align-items: center;
        gap: 10px;
        flex-direction: row;
        background:#F7F7F5;
        border-radius:15px;
        overflow:hidden;
        max-width: 500px;
    }
    .expert_img{
        width:120px;
        height:120px;
        overflow:hidden;
    }
    .expert_img img{width:120px;}
    .expert_img_bg,.custom_nav_wrapper{display:none;}
    .expert_text .body_text{font-size: 14px;}
    .experts_wrapper .partners_head{margin-bottom:20px;}
    
}

/*  Experts FINISH   */



/*     Reviews  START   */
@media (min-width: 992px) {
    #googleReview .col-lg-4{
        padding-right:8px;
    }
    #googleReview .col-lg-8{
        padding-left:8px;
    }
}
.google_review{
    position: sticky;
    position: -webkit-sticky;
    height: fit-content;
    top: 25px;
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 15px;
    background:  #FFF;
}
.landing_review_h{
    display: flex;
    align-items: center;
    gap: 15px;
}
.review_items{
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
}
.google_review .subtitle_2{
    margin:15px 0;
}

.google_stars_plp {
    height: 20px;
    width: 100px;
    -webkit-mask: url(/img/tpl/stars-plp.svg) no-repeat center/contain;
    mask: url(/img/tpl/stars-plp.svg) no-repeat center/contain;
    position: relative;
    background: #ebedf2;
}
.google_stars_plp .cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FBBC04;
}
.total_ratings{
    display: flex;
    align-items: center;
    gap: 10px;
}
.btn_reviews{
    text-transform:uppercase;
}

.review_item_body{
   display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch; 
}
.review_item_header{
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.review_item_author{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    flex: 1 0 0;
}
.review_rating{
    display: flex;
    gap: 10px;
}
.review_item_photo, .review_item_photo img{
    width:50px;
    height:50px;
    background:#D9D9D9;
    border-radius:50px;
    overflow:hidden;
}
p.review_text{margin-bottom:0px;}
#googleReview .partners_head{
    margin-bottom:45px;
    margin-top:90px;
}

.btn-reviews.btn-reviews-in-google{
    margin-top:15px;
    display: flex;
    height: 50px;
    padding: 0px 15px 0px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 15px;
    background: #FFF;
}


.btn-reviews.btn-reviews-in-google span{
    margin-top: 2px;
    color: #000;
    text-align: right;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    text-transform:uppercase;
}


@media (max-width: 991px) {
    .google_review{margin:20px 10px;}
    #googleReview .partners_head{margin-bottom:0px;margin-top:40px;}
    .review_items{
        padding:20px 20px 40px 20px;
    }
    .review_item_author .headlines_h5{font-size:18px;}
    .btn-reviews.btn-reviews-in-google{
        margin:10px;
        height: 45px;
        padding: 0px 10px 0px 20px;

    }
    .google_review .headlines_h4{font-size:22px;}
    .google_review .landing_review_h .headlines_h4{font-size:18px;}
    .btn-reviews.btn-reviews-in-google span{font-size: 14px;}

}
@media (max-width: 576px) {
    #googleReview .col-12{padding:0px;}
    .review_items{border-radius:0px;}
}
/*     Reviews  FINISH   */

/*    Partners  START    */
.partners_body{
    display: flex;
    padding:90px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 45px;
    flex-shrink: 0;
}

.partners_head{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-self: stretch;
    align-items: center;
}

.partners_items{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}
.partners_item_logo_img{
    flex:1;
}
/* Применяем стиль для изображений, чтобы они были черно-белыми */
.partners_item_logo_img {
    filter: grayscale(100%);
    transition: filter 0.3s ease; /* Плавное изменение фильтра */
}

/* Стиль для изображений при наведении курсора, делаем их цветными */
.partners_item_logo_img:hover {filter: grayscale(0%);}
@media (max-width: 991px) {
    .partners_items{
            display: grid;
            gap:10px;
            grid-template-columns: repeat(3, 1fr);
        }    
    .partners_item_logo_img{width:100%;} 

    .partners_body{
        padding:40px 10px;
        gap: 20px;
    }    
    .partners_head {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }
}
/*    Partners  FINISH    */

/*   Success results  START     */
.success_results_wrapper{
    background:#FFFFFF;
}
.success_results_body{
    display: flex;
    padding: 90px 0px;
    flex-direction: column;
    flex-shrink: 0;
    gap:45px;
}
.success_results_head{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    align-self: stretch;
}
.progress-container {
    width: 100%; /* Ширина контейнера */
    background-color: #e0e0e0; /* Цвет фона контейнера */
    border-radius: 0px; /* Скругление углов контейнера */
    height: 3px; /* Высота контейнера */
}

.progress-bar {
    height: 100%; /* Высота полосы прогресса */
    background-color: #BF9F73; /* Цвет полосы прогресса */
    border-radius: 0px; /* Скругление углов полосы прогресса */
}
.success_results_item_percent{margin-bottom:5px;}
.success_results_item_line{padding:15px 0px;}

@media (max-width: 991px) {
    .success_results_body{
        display: flex;
        padding: 40px 10px 20px 10px;
        flex-direction: column;
        flex-shrink: 0;
        gap:30px;
    }
    .success_results_head{
        align-items: start;
        flex-direction: column;
        gap: 10px;
    }
    .success_results_item_line{padding:10px 0px;}
    .success_results_item{margin-bottom:20px;}
}
/*   Success results  FINISH     */


/*  Content START  */
.content_body{
    padding:90px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.content_body h1,.content_body h2,.content_body h3,.content_body h4,.content_body h5,.content_body h6,.content_body p,.content_body ol,.content_body ul
{margin-bottom:0px;}

@media (max-width: 991px) {
   .content_body{
        padding:40px 10px;
    } 
}
/*  Content FINISH  */


/*   FAQ START  */
.faq_wrapper{background: #FFF;}
.qa-container{
    display: flex;
    padding: 90px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 45px;
    flex-shrink: 0;
}
h3.qa-item-question{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 187.5%;
    text-transform: none;
    cursor:pointer;
    position: relative;
    margin-bottom:0px;
}

.qa-item-question::before {
    content: "";
    position: absolute;
    left: -40px;
    top:3px;
    transform: rotate(-90deg); /* Центрирование стрелки по вертикали */
    width: 24px; /* Ширина SVG */
    height: 24px; /* Высота SVG */
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.29289 7.29289C3.68342 6.90237 4.31658 6.90237 4.70711 7.29289L12 14.5858L19.2929 7.2929C19.6834 6.90237 20.3166 6.90237 20.7071 7.2929C21.0976 7.68342 21.0976 8.31658 20.7071 8.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L3.29289 8.70711C2.90237 8.31658 2.90237 7.68342 3.29289 7.29289Z" fill="%23BF9F73"/></svg>'); /* URL-кодированное SVG */
    background-size: cover; /* Заполнение площади фона изображением */
    transition: transform 0.3s ease-in-out; /* Анимация поворота */
}

.qa-item-question.active::before {
    transform: rotate(0deg); /* Поворот стрелки вниз */
}

.qa-item-answer{ display: none;}
.qa-item-answer p{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 142.857% */
    margin-bottom:0px!important;
}
.qa-item{
    display: flex;
    padding: 10px 0px 10px 45px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap:15px;
}
@media (max-width: 991px) {
    h3.qa-item-question{font-size: 16px;}
    .qa-item-answer p{ font-size: 14px;line-height: 25px;}
    .qa-container{
        padding: 40px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .qa-item{
        padding: 10px 0px 10px 30px;
        gap: 10px;
    }
    .qa-item-question::before {
        left: -30px;
        top:6px;
        width: 16px; /* Ширина SVG */
        height: 16px; /* Высота SVG */
    }
}
/*   FAQ FINISH  */


/*   Map Start   */
.map_wrapper{
    background:  #F7F7F5;
}
.map_container{
    display: flex;
    padding: 90px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 90px;
    flex-shrink: 0;
}
.list_locations{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 5px 15px;
    align-self: stretch;
    flex-wrap: wrap;
}

.map_container_main{
    display: flex;
    width:100%;
    align-items: center;
    gap: 30px;
}
.map_container_text,.map_container_map{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    flex: 1;
}

.map_container_map{
    border-radius: 15px;
    overflow:hidden;
}

.map_container_contacts{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}
.map_container_contacts_item{
    display: flex;
    align-items: center;
    gap: 10px;
}
.map_container_contacts_item svg{
    max-width:20px;
    min-width:20px;
} 
.btn_show_map{
    text-align:center;
    height: 45px;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid #CAAC82;
}

@media (max-width: 991px) {
    .map_container{
        padding: 40px 10px 40px 10px;
        gap: 40px;
    }
    .map_container_main{
        flex-direction: column;
    }
    .btn_show_map,.map_container_text{width:100%;}
    .map_container_map{width:100%;max-height:210px;}
    .map_container_text{gap: 20px;}
}
/*   Map Finish   */

/*    Footer  START  */
footer{
    border-top: 1px solid #E0E0E0;
    background: #F7F7F5;
}
.footer_container{
    display: flex;
    padding-top: 90px;
    align-items: flex-start;
    gap: 30px;
    justify-content: space-between;
}
.footer_col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.footer_about_company{
    max-width: 270px;
    padding-right: 30px;
}

.footer_menu{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.footer_menu_item{color:#333;}

.footer_copyright{
    display: flex;
    height: 180px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .footer_container{
        padding: 40px 10px 30px 10px;
        flex-direction: column;
    }
    .footer_about_company{
        max-width: 100%;
        padding-right: 30px;
    }
    .footer_col{
        gap: 15px;
    }
    .footer_copyright{
        display: flex;
        gap:20px;
        align-items: start;
        padding: 0px 10px;
        flex-direction: column;
        justify-content: flex-start;
    }
}
/*    Footer  FINISH  */


/*      WA   */
.whatsapp-button {
position: fixed;
right: 0px;
bottom: 80px;
transform: translate(-50%, -50%);
background: #25D366;
border-radius: 50%;
width: 55px;
height: 55px;
color: #fff;
text-align: center;
line-height: 53px;
font-size: 35px;
z-index: 9999;
}
.whatsapp-button svg{    
    width: 30px;
    height: 30px;
    margin-top: -4px;
    }

.whatsapp-button a {
color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}

.whatsapp-button:after{
    animation-delay: .5s;
}

@keyframes animate
{
    0%
{
    transform: scale(0.5);
    opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
    transform: scale(1.2);
    opacity: 0;
}
}
@media (max-width : 800px) {  
.whatsapp-button {   
    bottom: 75px;
    right: 0px;
}
.whatsapp-button svg{    
    width: 20px;
    height: 20px;
    margin-top: -4px;
    }

.whatsapp-button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
}


/*   PAGE SERVACE  */

.breadcrumb_nav {
    padding-left: 0rem;
    display: flex;
    position:relative;
    z-index:0;
    margin-bottom: 0rem;
    max-width: 100%;
    overflow:auto;
}
.breadcrumb_nav li {
    list-style: none;
    display: flex;
    padding: 10px 5px;
    align-items: center;
    gap: 5px;
    color: #9E9E9E;
    text-align: center;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    white-space: nowrap;
}
.breadcrumb_nav li a,.breadcrumb_nav li a:hover {
    color: #BF9F73;
}


 /*   page top baner  */
    .page_top_baner {
        width: 100%;
        min-height: 400px;
        background-color: #333;
        margin-top: -180px;
        padding-top: 240px;
        padding-bottom: 120px;
        background-color: #28282b;
        background-position: center -900px;
        background-repeat: no-repeat;
        background-size: 1920px;
    }
    
    
    .page_top_baner_bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        z-index: -1;
    }
    .page_top_baner_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .page_top_baner_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        height: 45px;
        padding: 10px 20px;
        border-radius: 50px;
        border: 1px solid #caac82;
        color: #caac82;
        transition: .4s ease;
    }
    .page_top_baner_btn:hover {
        background: #caac82;
        color: #fff;
        text-decoration: none;
    }
    .page_top_baner_text .subtitle_2 p {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }
    @media (max-width: 991px) {
        .page_top_baner {
            margin-top: -60px;
            padding-top: 80px;
            padding-bottom: 70px;
            background-position: center bottom;
            background-size: 100%;
            min-height: auto;
        }
        .page_top_baner_text{gap: 20px;}
        .page_top_baner_text .subtitle_2 p {font-size: 16px;line-height: 30px;}
    }
    
    /* END page top baner  */
    
    .section_google_review{
         padding-top:100px;
     }
     .body_debt_collection_page .section_google_review{
         padding-top:30px;
     }
     .section_google_review #googleReview .partners_head{
         margin-top:0px;
     }
     
     
@media (max-width: 991px) {
     
    .section_google_review{
         padding-top:40px;
         border-top: 1px solid #E0E0E0;
     } 
     
}

.whatsapp_block_2_container{
    margin-bottom:-60px;
}
.whatsapp_block_2{
    display: flex;
    position:relative;
    z-index:2;
    height: 120px;
    padding: 0px 45px 0px 30px;
    align-items: center;
    gap: 25px;
    flex-shrink: 0;
    border-radius: 15px;
    background:  #333;
    justify-content: space-between;
}
.whatsapp_block_button_2 {
    display: flex;
    height: 50px;
    padding: 0px 30px 0px 30px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 2px solid #BF9F73;
    background: #BF9F73;
    justify-content: center;
}

.whatsapp_block_2 .whatsapp_block_text_wrapper{
    display: flex;
    gap: 25px;
}

@media (max-width: 991px) {
  .whatsapp_block_2_container{
        padding:0px 0px;
        margin-bottom:0px;
        max-width:100%;
    }  
    .whatsapp_block_2{
        display: flex;
        flex-direction: column;
        padding: 30px 20px 30px 20px;
        align-items: center;
        gap: 30px;
        height: auto;
        border-radius: 0px;
    }
    .whatsapp_block_2 .whatsapp_block_text_wrapper svg{
        width:40px;
        height:40px;
    }
    .whatsapp_block_button_2 {
        display: flex;
        max-width:360px;
        width:100%;
    }
    .whatsapp_block_2 .headlines_h4{
        font-size: 22px;
        line-height: 30px;}
    .whatsapp_block_2 .subtitle_2{
        font-size: 14px;
        line-height: 20px; 
    }
}

.steps_wrapper{
        background-color:#fff;
        padding: 150px 0px 90px 0px;
    }
    .steps_body{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 45px;
        flex-shrink: 0;
    }
    .steps_items{
        display: flex;
        align-items: flex-start;
        gap: 30px;
        align-self: stretch;
    }
    .steps_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        flex: 1 0 0;
    }
    .steps_item_img{
        display: flex;
        gap: 30px;
        width:100%;
        align-items: center;
    }
    .steps_item_img img{
        width: 40px;
        height: 40px;
        aspect-ratio: 1/1;
    }
    .steps_item_line{
        height:1px;
        width:100%;
        background-color:#BDBDBD;
    }
    .steps_items .steps_item:last-child .steps_item_line {
        display: none;
    }
    
    .steps_item_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
    }
@media (max-width: 991px) {
    .steps_wrapper{
        background-color:#fff;
        padding: 40px 10px 40px 10px;
    }
    .steps_items{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }
    .steps_body{
        gap: 20px;
    }
    .steps_item{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
        width:100%;
    }
    .steps_item_img{
        display: flex;
        flex-direction: column;
        gap: 5px;
        height:100%;
        width:30px;
        align-items: center;}
    .steps_item_img img{
        width: 30px;
        height: 30px;
        aspect-ratio: 1/1;
    }
    .steps_item_line{
        height:100%;
        width:1px;
        background-color:#BDBDBD;
    }
    .steps_item_text{
        gap: 5px;
        padding-bottom:10px;
    }
    .steps_item_text .headlines_h3{
        /* Headlines/H5 */
        font-size: 18px;
        line-height: 25px; 
    }
    .steps_item_text .subtitle_2{
        /* Text styles/Small Text */
        font-size: 14px;
        line-height: 20px; 
    }
}    


/*   Related Services  */

.related_services_wrapper{
    padding-top:90px;
}
.related_services_wrapper .partners_head {
    margin-bottom: 45px;
}
.carousel_related_services_items a.item{
    display:block;
    padding:10px;
    text-decoration:none;
}
.related_services_item_body{
    display: flex;
    padding: 30px;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
    min-height: 120px;
}
.related_services_item_body:hover{
    text-decoration:none;
    border-radius: 15px;
    background: var(--Brand-Primary, #333);
    box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.15);
}
.related_services_item_body:hover span{
    color:#FFF;
    text-decoration:none;
}
.related_services_item_body img{
    width:60px!important;
    height:60px;
}
.related_services_item_body span{
    display:block;
    width:100%;
}
.related_services_custom-dots {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 75%;
}
.related_services_custom-nav .owl-prev {
    background-image: url(../img/tpl/arrow.svg);
}

.related_services_custom-nav .owl-next {
    background-image: url(../img/tpl/arrow.svg);
    transform: rotate(180deg);
}

.related_services_custom-nav .owl-prev, .related_services_custom-nav .owl-next {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px;
    background-color: inherit;
}
.related_services_custom-nav {
    min-width: 120px;
}
.related_services_custom-line {
    width: 100%;
    background: #E0E0E0;
    height: 1px;
}

@media (max-width: 1199px) {
    .related_services_item_body{
        padding: 20px;
        gap: 20px;
    }
    .related_services_item_body img{
        width:40px!important;
        height:40px;
    }
}
@media (max-width: 768px) {
    .related_services_wrapper{
        padding-top:40px;
        padding-bottom:40px;
        border-bottom: 1px solid #BDBDBD;
    }
    .related_services_wrapper .partners_head {
        gap:10px;
        margin-bottom: 20px;
    }
    .related_services_wrapper .container{
        padding:0px 20px;
    }
    .related_services_item_body{
        min-height: auto;
    }
    .carousel_related_services_items{
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        align-self: stretch;
    }
    .carousel_related_services_items a.item{
        padding:0px;
    }
}

/* SOC LINKS HEADER  */
    .header_top_pc_soc_links{
         display:flex;
    }
    .header_mob_soc_links{
        padding-top:10px;
    }
    .header_mob_soc_links ul, .header_top_pc_soc_links ul{
        display:flex;
        margin-bottom:0px;
    }
    .header_mob_soc_links ul li a, .header_top_pc_soc_links ul li a{
        display:flex;
        width:40px;
        height:40px;
        align-items: center;
        justify-content: center;
    }
    .header_mob_soc_links ul li a img, .header_top_pc_soc_links ul li a img{
        width:16px;
        height:16px;
    }
    
/* SOC LINKS FOOTER  */   
    .footer_soc_links{
        width:100%;
        display:flex;
        justify-content: flex-end;
    }
    .footer_soc_links ul{
        display:flex;
        margin-bottom:0px;
    }
    .footer_soc_links ul li a{
        display:flex;
        width:40px;
        height:40px;
        align-items: center;
        justify-content: center;
    }
    .footer_soc_links ul li a img{
        width:20px;
        height:20px;
    }
@media (max-width: 991px) {
   .footer_soc_links{
        width:100%;
        display:flex;
        justify-content: flex-start;
    } 
}

/*  CONTACT FORM */
.grecaptcha-badge{
    display:none!important;
}
.container_contact_form{
    display: flex;
    padding:15px;
    border-radius: 15px 30px 30px 15px;
    background: #333;
}
.contact_form_steps{
    display: flex;
    padding:45px;
    gap: 30px;
    width:50%;
    flex-direction: column;
}
.wrapper_form{
    display: flex;
    width:50%;
    flex-direction: column;
}

.contact_form_steps_item{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.contact_form_steps_item_idx{
    display: flex;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    color: #BF9F73;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 991px) {
    #contact-form {
    scroll-margin-top: 60px;
    }
}
#contact-form {
    scroll-margin-top: 180px;
}
@media (max-width: 991px) {
    .wrapper_contact_form{
        background: #333;
        width:100%;
        padding-top:10px;
    }
    .container_contact_form{
        flex-direction: column;
        padding:10px;
        border-radius: 0px 0px 0px 0px;
    }
    .contact_form_steps{
        display: flex;
        padding:20px;
        gap: 20px;
        width:100%;
        flex-direction: column;
    }
    .wrapper_form{
        display: flex;
        width:100%;
        flex-direction: column;
    }
}

.contact_form_body{
    display: flex;
    padding: 45px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    height:100%;
}
.contact_form_btn_submit{
    display: flex;
    max-height: 45px;
    width: 100%;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 50px;
    border: 2px solid  #333;
    background: #333;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 600;

}
.form_input_item{
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.field_form_body{
    display: flex;
    width: 100%;
    gap:10px;
    flex-direction: column;
}
.form_input_item input,
.form_input_item select,
.form_input_item textarea{
    border: none;
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    font-size: 14px;
    padding: 15px 10px;
    outline: none; /* прибирає стандартну синю рамку */
    box-shadow: none; /* якщо Bootstrap додає тінь */
}
.form_input_item select{padding: 15px 5px;background: #FFF;}

.form_input_item input::placeholder,
.form_input_item select::placeholder,
.form_input_item textarea::placeholder{
    color: #9E9E9E; 
    font-size: 14px;
}

.form_input_item textarea{
    min-height:90px;
}
/* свій стиль при фокусі */
.form_input_item input:focus,
.form_input_item input:active,
.form_input_item textarea:focus,
.form_input_item textarea:active{
    border-bottom: 2px solid #BF9F73; /* наприклад чорна лінія */
    outline: none;
    box-shadow: none;
    padding-bottom: 14px;
}
.form_input_item p a{
    color: #BF9F73;
}
.form_input_item p.small_text{
    padding:10px 0px;
}

.form_input_item .is-invalid{
    border-bottom: 2px solid #aa0000; /* наприклад чорна лінія */
}
.form_input_item span.input-error{
    margin-top:5px;
    font-size: 14px;
    color: #aa0000;
}

.contact_form_btn-home:hover{
    color: #ffffff;
    text-decoration:none;
}

.custom-form-success{
    text-align:center;
    font-size:20px;
    margin-bottom:50px; 
    color:#000;
}

@media (max-width: 991px) {
    .contact_form_body{
        padding: 30px 20px;
        gap: 10px;
    }
    .custom-form-success{
        text-align:center;
        font-size:20px;
        margin:30px 0px; 
        color:#000;
    }
}