@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 400; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Regular.otf') format('opentype'),
}  


@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 700; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Bold.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 500; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Medium.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 600; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Semibold.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 900; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Black.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 800; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Heavy.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 300; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Light.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 100; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Thin.otf') format('opentype'),
}  

@font-face {  
    font-family: 'SF Pro Display'; 
    font-weight: 200; 
    font-style: normal;  
    src: url('font/SF-Pro-Display-Ultralight.otf') format('opentype'),
}  



html {
    scroll-behavior: smooth;
}

*{
    box-sizing: border-box;
}

input:focus,
input:focus-visible,
button:focus,
button:focus-visible{
    outline: unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

img {
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

body{
    font-family: "SF Pro Display";
    background: linear-gradient(178.63deg, #CFD9E0 16.8%, #FFFFFF 36.7%, #CFD9E0 70.33%, #ECEEF0 100.2%);
    margin: 0;
    scroll-behavior: smooth;
}

body.lock{
    overflow: hidden;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}


header{
    padding: 20px 0;
}

.header_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_inner .logo{
    width: 60px;
    height: 60px;
}

.header_inner .logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header_inner .languages{
    display: flex;
    gap: 8px;
}

.header_inner .languages button{
    font-family: "SF Pro Display";
    font-weight: 400;
    font-size: 16px;
    line-height: 17.6px;
    color: #7C8B96;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.header_inner .languages span{
    font-weight: 400;
    font-size: 16px;
    line-height: 17.6px;
    color: #7C8B96;
}

.header_inner .languages button.active{
    color: #202224;
    font-weight: 400;
}

.header_inner .languages button:hover{
    color: #202224;
}

.banner{
    margin-bottom: 40px;
}

.banner_swiper{
    height: 476px;
}

.banner_img_slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_pagination{
    bottom: 31px !important;
}

.banner_pagination .swiper-pagination-bullet{
    height: 3px;
    width: 51.4px;
    border-radius: 0px;
    background-color: #FFFFFF66;
    transition: all 4s ease;
    position: relative;
    margin: 0 3.5px !important;
    overflow: hidden;
    opacity: 1;
}

/* .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
    background: unset ;
    background-color: #FFFFFF66;
} */


.banner_pagination .swiper-pagination-bullet::after{
    transition: unset;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.banner_pagination .swiper-pagination-bullet.active::after{
    left: 0%;
    transition: all 4s ease;
}

.banner_pagination .swiper-pagination-bullet.before_active::after{
    transition: unset;
}

.content_inner{
    padding: 0 20px;
}

.content_inner h1{
    font-weight: 300;
    font-size: 39px;
    line-height: 43px;
    color: #202224 ;
    margin-bottom: 26px;
}

.content_inner p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #353B42;
}

.content_inner p:last-of-type{
    margin-bottom: 32px;
}

.content_inner .tags{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.content_inner .tags span{
    padding: 6px 16px;
    background-color: #fff;
    border-radius: 40px ;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px;
    color: #202224;
    transition: all 0.3s ease;
}



.content{
    margin-bottom: 0px;
}

.apply_inner{
    padding: 44px;
    background-color: #FFFFFF;
    border: 1px solid;
    backdrop-filter: blur(24px);
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.apply_inner h2{
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2%;
    color: #202224;
    margin-bottom: 16px;
}

.apply_inner p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -3%;
    color: #202224;
    padding-bottom: 40px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 40px;
}

.apply_buttons{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.apply_buttons a,
.apply_buttons button{
    font-family: 'SF Pro Display' ;
    padding: 27.2px 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 16.5px;
    color: #202224;
    border: 0;
    transition: all 0.3s ease;
    background-color: #DCE0E4;
    cursor: pointer;
}



.apply_buttons a.subscribe::after{
    content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.71875 1.22217L14.4965 6.99995L8.71875 12.7777" stroke="white" stroke-width="1.44444" stroke-linecap="round"/><path d="M1.5 6.27778C1.10113 6.27778 0.777778 6.60113 0.777778 7C0.777778 7.39887 1.10113 7.72222 1.5 7.72222V6.27778ZM1.5 7.72222H13.7778V6.27778H1.5V7.72222Z" fill="white"/></svg>');
}

.apply_buttons #price_service::after,
.apply_buttons #post_review::after{
    content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.71875 1.22217L14.4965 6.99995L8.71875 12.7777" stroke="%233A3E42" stroke-width="1.44444" stroke-linecap="round"/><path d="M1.5 6.27778C1.10113 6.27778 0.777778 6.60113 0.777778 7C0.777778 7.39887 1.10113 7.72222 1.5 7.72222V6.27778ZM1.5 7.72222H13.7778V6.27778H1.5V7.72222Z" fill="%233A3E42"/></svg>');
}

.apply_buttons a.active,
.apply_buttons button.active{
    background-color: #3A3E42;
    transition: all 0.3s ease;
    color: #FFFFFF;
}



.apply_buttons a.active svg path:nth-child(1),
.apply_buttons button.active svg path:nth-child(1){ 
    stroke:#FFFFFF ;
}

.apply{
    margin-bottom: 60px;
}

.apply_buttons a.active svg path:nth-child(2),
.apply_buttons button.active svg path:nth-child(2){ 
    fill:#FFFFFF ;
}

footer{
    background-color: #FFFFFF;
}

.footer_inner{
    padding: 0 20px;
    padding-top: 60px;
}

.footer_inner > h2{
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2%;
    color: #202224;
    margin-bottom: 40px;
}  

.footer_inner .adress{
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    flex-direction: column;
}

.footer_subtitle{
    font-weight: 400;
    font-size: 16px;
    line-height: 17.6px;
    color: #7C8B96;
    text-transform: uppercase;
}

.footer_inner .adress p{
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -3%;
    color: #353B42;
}

.show_maps > .show_on_map_btn{
    font-family:'SF Pro Display' ;
    padding: 26px 33px;
    background-color: #DCE0E4;
    font-weight: 400;
    font-size: 15px;
    line-height: 16.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    border: 0;
    width: 100%;
    color: #3A3E42;
}



/* .show_maps > button.active{
    margin-bottom: 10px;
    transition: all 0.3s ease;
} */

.show_maps .maps_link .maps_link_inner{
    padding: 32px;
    border: 1px solid #DCE0E4;
    display: flex;
    flex-direction: column;
}

.show_maps .maps_link {
    height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.show_maps .maps_link.active{
    transition: all 0.3s ease;
    height: 220px;
}



.show_maps .maps_link a{
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #353B42;
    border-bottom: 1px solid #E2E2E2;
}


.show_maps .maps_link a:last-of-type{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}

.tel_num{
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}

.tel_num a{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #353B42;
}

.socials{
    margin-top: 40px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.social_icons{
    display: flex;
    gap: 7px;
    align-items: center;
}

.social_icons a{
    width: 67px;
    height: 67px;
    border: 1px solid #7C8B9633;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}



.form-error {
    animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }
  @keyframes shake {
    10%,
    90% {
      -webkit-transform: translate3d(-1px, 0, 0);
      transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
      -webkit-transform: translate3d(2px, 0, 0);
      transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
      -webkit-transform: translate3d(-4px, 0, 0);
      transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
      -webkit-transform: translate3d(4px, 0, 0);
      transform: translate3d(4px, 0, 0);
    }
  }

.rights{
    padding: 30px 4px;
    background-color: #F4F4F4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rights p{
    font-weight: 500;
    font-size: 13px;
    line-height: 18.2px;
    text-align: center;
    color: #9E9E9E;
}

.modal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #202224B2;
    z-index: 10;
    overflow: auto;
    display: none;
}

.modal.active{
    display: flex;
}

.modal_inner{
    display: block;
    margin: auto ;
    padding: 70px 30px 100px 30px ;
    width: 100%;
}

.modal_block{
    padding:  44px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    min-height: 721px;
    position: relative;
}

.modal_close{
    position: absolute;
    top: 0;
    left: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DCE0E4;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

[data-modal-block]{
    display: none;
}

[data-modal-block].active{
    display: block;
}

.review > h2{
    color: #202224;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 35px;
    line-height: 100%;
    text-align: center;
}

.review > p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    text-align: center;
    color: #353B42;
    margin-bottom: 30px;
}

.review_buttons{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.review_buttons button{
    padding: 26.5px;
    width: 100%;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 15px;
    line-height: 16.5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.review_buttons button:nth-of-type(odd){
    background-color: #3A3E42;
    color: #FFFFFF;
}

.review_buttons button:nth-of-type(even){
    background-color: #DCE0E4;
    color: #202224;
}

.review_form{
    position: relative;
}

.review_form input{
    height: 70px;
    margin-bottom: 10px;
    background-color: #EBEFF2;
    padding: 24.5px 20px;
    width: 100%;
    border: 0;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #353B42;
    border-radius: 0;
    -webkit-appearance: none;
}

.review_form textarea::placeholder,
.review_form input::placeholder{
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #353B42;
}

.review_form textarea{
    height: 120px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #EBEFF2;
    padding: 20px;
    border: 0;
    font-family:'SF Pro Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    color: #353B42;
    border-radius: 0;
    -webkit-appearance: none;
}

.review_form textarea:focus-visible,
.review_form textarea:focus-within,
.review_form textarea:focus{
    outline: unset;
}

.review_form button{
    padding: 25px 28.5px 25px 34px;
    background-color: #3A3E42;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 15px;
    line-height: 16.5px;
}

.success_block{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: none;
}

.success_block.active{
    display: flex;
}

.success_block h5{
    color: #202224;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 27px;
    margin-bottom: 14px;
}   

.success_block p{
    color: #979797;
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    text-align: center;
}

.review_buttons.hide,
.form_links,
.review_form{
    display: none;
}


.review_form.active{
    display: block;
}

.form_links.active{
    display: flex;
}

.form_links{
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
}

.form_links a{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #353B42;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E2E2E2;
    width: 100%;
}

.form_links a:last-of-type{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}

.prices > h2{
    color: #202224;
    font-weight: 300;
    font-size: 33px;
    line-height: 34px;    
    text-align: start;
    margin-bottom: 40px ;
}

.services_tab .services{
    display: none;
    flex-wrap: nowrap;
    gap: 6px;
    width: calc(100% + 88px);
    margin-left: -44px;
    overflow: auto;
    margin-bottom: 30px;
}

.services_tab .services::-webkit-scrollbar{
    display: none;
}

.services_tab .services button{
    padding: 6px 18px;
    background-color: #EBEFF2;
    border-radius: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.8px;
    color: #202224;
    width: max-content;
    display: block;
    min-width: fit-content;
    border: 0;
}

.modal.atmosphere .modal_block{
    padding: 0;
    background-color: transparent;
    min-height: unset;
    height: 500px;
}

.modal.atmosphere .atmosphere {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.atmosphere .modal_inner{
    max-width: fit-content;
}

.modal.atmosphere .modal_inner video{
    width: fit-content;
    height: 100%;
}

.services_tab .services button:first-of-type{
    margin-left: 44px;
}

.services_tab .services button:last-of-type{
    margin-right: 44px;
}

.services_tab .services button.active{
    color: #FFFFFF;
    background-color: #3A3E42;
}

.services_tab_content{
    display: none;
}

.services_tab_content.active{
    display: block;
}

.services_tab_content > h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #353B42;
    margin-bottom: 20px;
}

.services_tab_content .service_type{
    font-weight: 600;
    font-size: 17px;
    line-height: 18.7px;
    color: #353B42;
    display: block;
    margin-bottom: 30px;
}

.services_tab_content .service_block{
    border-top: 1px solid #EBEFF2;
    padding: 15px 0;
}

.services_tab_content .service_block .service_block_text{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

.services_tab_content .service_block .service_block_text span{
    font-weight: 500;
    font-size: 16px;
    line-height: 20.8px;    
    color: #353B42;
}

.services_tab_content .service_block .service_block_text p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16.8px;
    color: #353B42;
}

.services_tab_content .service_block .service_price{
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;    
    color: #7C8B96;
}

.services_tab_content .service_block:first-of-type{
    padding-top: 0;
    border-top: 0;
}

.services_tab_content .service_type_block .service_block:last-of-type{
    margin-bottom: 60px;
    padding-bottom: 0;
}

.tags_desc_block > p,
.content_desc_block p{
    display: none;
}

.footer_desctop #footer_contact_desc_title,
.footer_desctop #footer_contact_desc_text{
    display: none;
}

.show_maps > .show_on_map_btn svg circle{
    fill: #202224;
}

.show_maps > .show_on_map_btn.active svg circle{
    fill: #A4A7AA;
}

.img_desctop{
    display: none;
}

.img_mobile{
    display: block;
}

.phone_icon{
    position: fixed;
    right: 20px;
    bottom: 40px;
    z-index: 10;
}

.phone_icon a{
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B8B8B8;
    border-radius: 100%;
}

.price_blocks{
    margin-bottom: 60px;
}

.price_blocks_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.price_blocks_inner .price_block{
    width: 162px;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    border: 1px solid #DCE0E466;
}

.price_blocks_inner .price_block svg{
    margin-bottom: 12px;
}

.price_block .from_text.uz{
    display: none;
}

body.uz .price_block .from_text.uz{
    display: inline;
}

body.uz .price_block .from_text{
    display: none;
}

.price_blocks_inner .price_block > span{
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -3%;
    color: #3A3E4280;
    margin-bottom: 6px;
}

.price_blocks_inner .price_block p{
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -3%;
    color: #3A3E42;
}


@media (min-width: 768px){
    body{
        background: linear-gradient(178.63deg, #CFD9E0 0%, #FFFFFF 16.56%, #CFD9E0 70.33%, #ECEEF0 100.2%);
    }

    .price_blocks{
        margin-bottom: 80px;
    }
    
    .price_blocks_inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .price_blocks_inner .price_block{
        width: 182px;
        height: 182px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #FFFFFF;
        border: 1px solid #DCE0E466;
    }
    
    .price_blocks_inner .price_block svg{
        margin-bottom: 12px;
    }
    
    .price_blocks_inner .price_block > span{
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
        letter-spacing: -3%;
        color: #3A3E4280;
        margin-bottom: 6px;
    }
    
    .price_blocks_inner .price_block p{
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -3%;
        color: #3A3E42;
    }

    .phone_icon{
        position: fixed;
        right: 36px;
        bottom: 40px;
    }

    .img_mobile{
        display: none;
    }

    .img_desctop{
        display: block;
    }

    header{
        padding: 40px 0;
    }

    .banner .container{
        max-width: 1120px;
    }

    .swiper-pagination{
        text-align: start;
        padding-left: 160px;
    }

    .mob_br{
        display: none;
    }

    .tags_desc_block > p,
    .content_desc_block p{
        display: block;
    }

    .content_inner > p{
        display: none;
    }

    .review > h2{
        font-weight: 300;
        line-height: 40px;
        text-align: center;
        font-size: 40px;
    }

    .content_inner{
        display: flex;
        justify-content: space-between;
        gap: 32px;
        padding: 0;
    }

    .content_inner h1{
        font-weight: 300;
        font-size: 40px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .content_desc_block .text2 br{
        display: none;
    }

    .content_desc_block{
        max-width: 348px;
    }

    .tags_desc_block{
        max-width: 352px;
    }

    .tags_desc_block .text2,
    .tags_desc_block .text3{
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: -3%;
        color: #3A3E4280;
    }

    .tags_desc_block .text2 br{
        display: none;
    }

    .content_desc_block .text2,
    .content_desc_block .text3{
        color: #3A3E4280;
    }

    .tags_desc_block .text{
        margin-top: 29px;
        font-weight: 500;
        font-size: 15px;
        line-height: 17.6px;
        margin-bottom: 24px !important;
    }

    .content_inner p:last-of-type{
        margin-bottom: unset;
    }

    .content_inner p{
        font-size: 15px;
    }

    .content{
        margin-bottom: 60px;
    }

    .banner_swiper{
        height: 540px;
    }

    .banner_pagination{
        bottom: 60px !important;
    }

    .apply_inner{
        display: flex;
        justify-content: space-between;
    }

    .apply_buttons{
        width: 100%;
        max-width: 336px;
    }

    .apply_inner p{
        border-bottom: unset;
        max-width: 245px;
    }

    .apply{
        margin-bottom: 80px;
    }

    .footer_desctop{
        max-width: 340px;
    }

    .footer_desctop #footer_contact_desc_title{
        font-weight: 300;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
        color: #3A3E42;
        display: block;
    }

    .footer_desctop #footer_contact_desc_text{
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
        display: block;
        color: #3A3E4280;
    }

    footer .container{
        display: flex;
        gap: 40px;
        padding: 60px 20px;
        justify-content: space-between;
    } 

    .footer_inner{
        padding: 0;
        max-width: 380px    ;
        width: 100%;
    }

    .socials{
        padding-bottom: 0;
    }

    .footer_inner > h2{
        display: none;
    }

    .footer_subtitle{
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
    }

    .footer_inner .adress{
        gap: 12px;
    }
    
    .footer_inner .adress p{
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
    }

    .show_maps > button{
        max-width: 255px;
    }

    .show_maps .maps_link .maps_link_inner{
        max-width: 255px;
    }

    .show_maps .maps_link{
        margin-bottom: 40px;
    }

    .tel_num{
        gap: 12px;
    }

    .tel_num a{
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
    }

    .banner_pagination .swiper-pagination-bullet{
        width: 44.4px;
        height: 4px;
    }

    .form_links{
        margin-top: 90px;
    }

    .banner{
        margin-bottom: 80px;
    }

    .modal_inner{
        max-width: 526px;
    }

    .modal_block{
        padding: 60px;
        padding-bottom: 20px;
    }

    .modal.prices .modal_inner{
        max-width: 596px;
    }

    .prices > h2{
        font-weight: 300;
        font-size: 40px;
        line-height: 40px;
    }

    .services_tab_content .service_block{
        padding: 12px 0;
    }

    .services_tab_content .service_type{
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 20px;
        line-height: 23.1px;
        max-width: unset;
    }

    .services_tab_content .service_block:first-of-type{
        border-top: unset;
        padding-top: 0;
    }
    
    .services_tab_content .service_type_block .service_block:last-of-type{
        margin-bottom: 70px;
    }

    .services_tab_content .service_block .service_block_text span{
        font-weight: 500;
        font-size: 17px;
        line-height: 22.1px;
    }

    .services_tab_content .service_block .service_block_text p{
        font-weight: 400;
        font-size: 14px;
        line-height: 16.8px;
    }

    .services_tab_content .service_block .service_price{
        font-weight: 400;
        font-size: 16px;
        line-height: 20.8px;
    }

    .apply_buttons button:hover{
        background-color: #DCE0E4CC;
        transition: all 0.3s ease;
    }

    .show_maps > .show_on_map_btn:hover{
        background-color: #DCE0E4CC;
        transition: all 0.3s ease;
    }

    .apply_buttons a.active:hover{
        background-color: #4D5053;
        transition: all 0.3s ease;
    }

    .social_icons a:hover{
        background-color: #D6D6D64D;
        border: 1px solid transparent;
        transition: all 0.3s ease;
    }

    .social_icons a svg path{
        transition: all 0.3s ease;
    }

    .content_inner .tags span{
        font-size: 14px;
    }

    .social_icons a:hover svg path{
        transition: all 0.3s ease;
        fill: #4D5053;
    }

    .show_maps > button:hover{
        transition: all 0.3s ease;
        background-color: #DCE0E4CC;
    }
    .content_inner .tags span:hover{
        transition: all 0.3s ease;
        background-color: #FFFFFF80;
    }

    .modal_inner{
        padding: 150px 13px 150px 13px;
    }
}