*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root{
    --white: #FFF;
    --black: #000;
    --default: #46474C;
    --primary: #C3AB7A;
    --secondary: #ED1C24;
    --hover: #F9808D;
    --yellow: #FBB01D;
    --bg2: #FBFAF8;
    --transition: .3s all ease;
}
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 130%;
    color: var(--default);
    background: var(--white);
}
.wrapper{
    overflow: clip;
}

.container {
    max-width: 1750px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1750px;
    }
}
form *{
    font-family: 'Montserrat';
    font-style: normal;
}
input,
textarea{
    border: none;
    outline: none;
}
.row{
    display: flex;
}
a{
    text-decoration: none;
    color: inherit;
}
ul, ol{
    list-style: none;
}
.w-100{
    width: 100%;
    max-width: 100%;
}
.relative{
    position: relative;
}


/*  */
.header-top .row,
.header-bottom .row{
    justify-content: space-between;
    align-items: center;
}
.header-top,
.header-bottom{
    transition: var(--transition);
}
header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    transition: var(--transition);
}
header.no-fixed{
    position: relative;
}
header.header-small{
    top: -142px;
}
.headeer-right{
    display: flex;
    align-items: center;
    gap: 40px;
}
header .brand-logo{
    display: flex;
    width: 261px;
}
header .brand-logo img{
    width: 100%;
    height: auto;
}
header .brand-logo img:last-child{
    display: none;
}
.header-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.header-info li{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 130%;
    color: var(--white);
}
.header-phone{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white);
}
.header-actions{
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-contact{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.10);
    overflow: hidden;
    transition: var(--transition);
    position: relative;
}
.header-contact:hover{
    background-color: var(--secondary);
}
.header-contact svg,
.header-contact path{
    transition: var(--transition);
}
.header-contact svg:last-child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 200%);
}
.header-contact:hover svg:last-child{
    transform: translate(-50%, -50%);
}
.header-contact:hover svg:first-child{
    transform: translate(0%, -200%);
}
.header-contact-tel{
    display: none;
}
.header-btn{
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: var(--white);
    border-radius: 10px;
    background-color: var(--secondary);
    padding: 20px 29px;
    transition: var(--transition);
}
.header-btn:hover{
    background-color: var(--hover);
}

.header-bottom{
    margin: 24px 0 0 0;
}
.header-bottom .row{
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 4px 21.3px 0 rgba(0, 0, 0, 0.25);
    padding: 0 20px;
}
.header-links{
    display: flex;
    align-items: center;
    gap: 44px;
}
.header-links > li{
    display: flex;
}
.header-links > .has_menu{
    position: relative;
}
.link-item{
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: var(--default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 27px 0px;
    transition: var(--transition);
    -webkit-text-stroke: 1px transparent;
}
.link-item:hover,
.link-item.is-active{
    color: var(--primary);
    -webkit-text-stroke: 1px var(--primary);
}
.link-item path{
    stroke: var(--black);
    transition: var(--transition);
}
.link-item:hover path
.link-item.is-active path{
    stroke: var(--primary);
}
.header-search{
    display: flex;
    position: relative;
}
.header-search__input{
    width: 200px;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 130%;
    padding: 10px 20px !important;
    border-radius: 10px ;
    background: rgba(70, 71, 76, 0.05) !important;
    transition: var(--transition);
}
.header-search__input:focus{
    width: 275px;
}
.header-search__input::placeholder{
    opacity: .5;
}
.header-search__icon{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}
.inner_menu-wrap{
    display: flex;
    position: absolute;
    top: calc(100% + 0px);
    left: -20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.has_menu:hover > .inner_menu-wrap,
.has_menu:has(.link-item.is-active) > .inner_menu-wrap{
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px);
}
.inner_menu::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}
.inner_menu::-webkit-scrollbar-track {
    background: #F3EEE4;
    border-radius: 10px;
}
.inner_menu::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}
.inner_menu{
    position: relative;
    width: 400px;
    height: 100%;
    border-radius: 5px 0 0 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    background: #FFF;
    padding: 20px 10px;
    max-height: 57svh;
}
.inner_menu .inner_menu{
    overflow-y: auto;
}
.inner_menu .inner_menu-wrap{
    top: 0;
    left: calc(100% + -10px);
}
.inner_menu .has_menu:hover > .inner_menu-wrap,
.inner_menu .has_menu:has(.link-item.is-active) > .inner_menu-wrap{
    top: 0;
    left: calc(100% + 1px);
}
.inner_menu li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.inner_menu li:has(.link-item:hover),
.inner_menu li:has(.link-item.is-active){
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
}
.inner_menu .link-item{
    font-size: 18px;
    min-height: 63px;
    max-height: 63px;
    padding: 10px 40px;
}
.inner_menu .link-item:hover,
.inner_menu .link-item.is-active{
    border-radius: 5px;
    background: rgba(195, 171, 122, 0.20);
}
.inner_menu .link-item span{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.link-arr{
    display: flex !important;
    padding: 5px;
    cursor: pointer;
}
.link-arr path{
    transition: var(--transition);
}
.header-links > li > .link-item > .link-arr{
    display: none !important;
}
.link-item:hover > .link-arr path,
.link-item.is-active > .link-arr path{
    stroke: var(--primary);
}
.hamburger,
.header-mobile-items{
    display: none;
}

.no-fixed{
    color: var(--default);
}
.no-fixed .header-info li{
    color: var(--default);
}
.no-fixed .header-phone{
    color: var(--default);
}
.no-fixed .header-contact{
    background-color: rgba(195, 171, 122, 0.10);
}
.no-fixed .header-contact path{
    fill: var(--primary);
}
.no-fixed .hamburger line{
    stroke: var(--secondary);
}
@media (max-width: 1400px){
    header .brand-logo {
        width: 160px;
    }
    .link-item{
        font-size: 14px;
    }
    .header-links > li:nth-child(n + 8) {
        display: none;
    }
}
@media (max-width: 1200px){
    .header-phone{
        font-size: 16px;
    }
    .headeer-right{
        gap: 15px;
    }
    .header-links{
        gap: 20px;
    }
}
@media (max-width: 992px){
    header{
        position: unset;
    }
    header .container{
        max-height: 100%;
        overflow-y: auto;
    }
    header .brand-logo{
        width: 182px;
    }
    header .brand-logo img:last-child{
        display: flex;
    }
    header .brand-logo img:first-child{
        display: none;
    }
    .header-info{
        display: none;
    }
    .header-phone{
        display: none;
    }
    .header-top .header-btn{
        display: none;
    }
    .header-contact{
        width: 48px;
        height: 48px;
    }
    .header-contact svg{
        width: 24px;
        height: 24px;
    }
    .header-contact-tel{
        display: flex;
    }
    .header-contact:first-child{
        display: none;
    }
    .hamburger{
        display: flex;
        width: 24px;
        height: 24px;
        cursor: pointer;
        overflow: hidden;
    }
    .hamburger line{
        transition: var(--transition);
    }
    .hamburger.is-active line{
        stroke: var(--black);
    }
    .hamburger.is-active line:nth-child(2){
        transform: translate(6px, 0);
    }
    .hamburger.is-active line:nth-child(3){
        transform: translate(12px, 0);
    }
    .header-actions{
        gap: 10px;
    }
    header.is-active .header-contact{
        background: rgba(195, 171, 122, 0.10);
    }
    header.is-active .header-contact path{
        fill: var(--primary);
    }
    .header-small:not(.no-fixed) .header-top{
        background: rgba(0, 0, 0, 0.60);
    }
    .header-small.is-active .header-top{
        background: rgba(0, 0, 0, 0.0);
    }
    .header-top{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 3;
    }
    header.is-active .header-top{
        position: fixed;
    }
    .no-fixed .header-top{
        position: unset;
    }
    .is-active .header-bottom{
        top: 0%;
    }
    .header-bottom{
        display: flex;
        background-color: var(--white);
        margin: 0;
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        z-index: 2;
        padding: 140px 0 60px 0;
        max-height: 100vh;
        height: 100%;
        transition: var(--transition);
    }
    .no-fixed .header-bottom{
        top: 0%;
        left: 100%;
    }
    header.is-active .header-bottom{
        left: 0;
    }
    .header-bottom::after{
        position: absolute;
        content: '';
        left: 0;
        top: 114px;
        width: 100%;
        height: 1px;
        background-color: rgba(70, 71, 76, 0.10);
    }
    .header-bottom .row{
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 27px 0;
        flex-direction: column;
        gap: 27px;
    }
    .header-search{
        display: none;
    }
    .header-links > li:nth-child(n + 8){
        display: flex;
    }
    .header-links{
        flex: 0 0 auto;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
    .header-links > li{
        flex-direction: column;
        padding: 5px 0;
        width: 100%;
        border-bottom: 1px solid rgba(70, 71, 76, 0.10);
    }
    .header-links > li.has_menu:has(> .link-item:hover){
        border-bottom-color: var(--white);
    }
    .header-links > li:last-child{
        border-bottom-color: var(--white);
    }
    .link-item{
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 15px;
        border-radius: 10px;
    }
    .header-links > li:hover >.link-item,
    .link-item.is-active{
        background: rgba(195, 171, 122, 0.20);
    }
    .header-links > li > .link-item > .link-arr {
        display: flex !important;
    }
    .link-arr{
        padding: 10px;
    }
    .inner_menu-wrap{
        position: unset;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        height: 0;
    }
    .has_menu:has(.link-item.is-active) > .inner_menu-wrap{
        height: auto;
    }
    .inner_menu{
        width: 100%;
        padding: 0;
        border-right: 0;
        max-height: none;
    }
    .inner_menu .inner_menu{
        overflow: hidden;
        padding: 0 0 0 30px;
    }
    .link-item > .link-arr svg{
        transition: var(--transition);
    }
    .link-item.is-active > .link-arr svg{
        transform: rotate(90deg);
    }
    .inner_menu li{
        border-bottom: 0;
    }
    .inner_menu .link-item:hover,
    .inner_menu .link-item.is-active{
        background-color: var(--white);
        border-radius: 0;
    }
    .header-mobile-items{
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 27px 0 0 0;
    }
    /* .header-mobile-items::after{
        position: absolute;
        content: '';
        width: 200%;
        height: 1px;
        left: -25%;
        top: 0;
        background-color: rgba(70, 71, 76, 0.10);
    } */
    .header-mobile-items .header-phone{
        display: inline-block;
        color: var(--default);
        font-size: 20px;
    }
    .header-mobile-items .header-info{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    .header-info li{
        width: calc(50% - 5px);
    }
    .header-info li {
        width: calc(50% - 5px);
        color: var(--default);
    }
}


/* HERO */
.hero{
    position: relative;
}
.sectitle,
.videos-left h2,
.videos-right h2,
.row-left h2,
.row-right h2,
.about-right h2,
.about-left h2{
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
}
.sectitle.w-mar{
    margin-left: 129px;
}
.sectitle.max-w{
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.hero .sectitle{
    max-width: 843px;
    color: var(--white);
    margin: 0 0 30px 0;
}
.service-hero .sectitle{
    max-width: 700px;
}
.hero-title{
    font-size: clamp(18px, 2.5vw, 31px);
    font-style: normal;
    font-weight: 400;
    line-height: 112.223%;
    margin: 0 0 30px 0;
    color: var(--white);
}
.caption{
    font-size: clamp(16px, 3vw, 24px);
    font-weight: 700;
    line-height: normal;
}
.hero .caption{
    margin: 0 0 60px 0;
    color: var(--white);
}
.hero .title{
    font-weight: 400;
    max-width: 612px;
    margin: 0 0 60px 0;
    color: var(--white);
}
.hero .title:has(+ .hero-title){
    margin: 0 0 30px 0;
}
.btn-main{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    line-height: 130%;
    color: var(--white);
    white-space: nowrap;
    cursor: pointer;

    padding: 20px 40px;
    border-radius: 10px;
    background-color: var(--secondary);
    transition: var(--transition);
}
.btn-main:hover{
    background-color: var(--hover);
}
.btn-main img,
.btn-main svg{
    flex: 0 0 auto;
}
.btn-main2{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    line-height: 130%;
    color: var(--white);
    white-space: nowrap;
    cursor: pointer;

    padding: 20px 40px;
    border-radius: 10px;
    background-color: var(--secondary);
    transition: var(--transition);
}
.btn-main2:hover{
    background-color: var(--white);
    color: var(--secondary);
}
.btn-main2 img,
.btn-main2 svg{
    flex: 0 0 auto;
}
.btn-main2 path{
    transition: var(--transition);
}
.btn-main2:hover path{
    stroke: var(--secondary);
}
.hero .swiper-slide{
    height: 100vh;
    display: flex;
    align-items: flex-end;
    z-index: 1;
    position: relative;
    background: rgba(175, 175, 175, 0.50);
    backdrop-filter: blur(9.5px);
}
.hero .swiper-slide .container{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 9%;
    height: 100%;
}
.hero-img{
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 100%;
    width: auto;
    z-index: -1;
}
.hero-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero-img-mob{
    display: none;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    max-height: 100%;
    width: auto;
}
.desc-none{
    display: none;
}
@media (max-width: 992px){
    .hero-img{
        display: none;
    }
    .hero-img-mob{
        display: block;
    }
    .mob-none{
        display: none;
    }
    .desc-none{
        display: block;
    }
    .hero .title{
        margin: 0 0 130px 0;
    }
}
@media (max-width: 768px){
    .hero .sectitle{
        margin: 0 0 20px 0;
    }
    .hero .swiper-slide{
        min-height: 80svh;
        height: 100%;
    }
    .hero .caption{
        font-weight: 400;
        line-height: 130%;
    }
}

/* CEO */
.ceo{
    padding: 100px 0;
    background-color: var(--bg2);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.p-top{
    padding-top: 100px;
}
.p-bot{
    padding-bottom: 100px;
}
.ceo .bg-logo{
    position: absolute;
    z-index: -1;
    top: 0;
    left: -6%;
    width: 21%;
    height: auto;
}
.ceo .row{
    gap: clamp(40px, 6vw, 100px);
}
.ceo-left{
    width: calc(55% - (clamp(40px, 6vw, 100px)/2));
}
.ceo-right{
    width: calc(45% - (clamp(40px, 6vw, 100px)/2));
}
.ceo-right img{
    max-width: 100%;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.ceo .sectitle{
    margin-bottom: clamp(40px, 5vw, 64px);
}
.desc,
p{
    font-size: clamp(16px, 2.5vw, 22px);
}
.desc.text-left{
    text-align: left;
}
.desc-small{
    font-size: clamp(16px, 1.5vw, 18px);
}
.ceo-left .desc{
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.about-desc{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.about-desc2{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.about-desc5{
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.about-desc3{
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.about-desc4{
    display: -webkit-box;
    -webkit-line-clamp: 18;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.ceo-left .desc.is-active,
.about-desc2.is-active,
.about-desc3.is-active,
.about-desc4.is-active,
.about-desc5.is-active,
.about-desc.is-active{
    -webkit-line-clamp: initial;
}

.read-more{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    color: var(--primary);
    transition: var(--transition);
    cursor: pointer;
}
.ceo-left .read-more{
    margin-top: clamp(20px, 5vw, 50px);
}
.read-more span:last-child{
    display: none;
}
.read-more.is-active span:last-child{
    display: inline;
}
.read-more.is-active span:first-child{
    display: none;
}
.read-more img,
.read-more svg{
    transition: var(--transition);
}
.read-more:hover img,
.read-more:hover svg{
    animation: rotate-once 0.6s ease-in-out;
}
.read-more.is-active img,
.read-more.is-active svg{
    transform: rotateX(180deg);
}
@keyframes rotate-once {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(180deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}
@media (max-width: 992px){
    .p-top{
        padding-top: 80px;
    }
    .p-bot{
        padding-bottom: 80px;
    }
    .ceo{
        padding: 100px 0 80px 0;
    }
    .ceo .row{
        flex-wrap: wrap;
    }
    .ceo-left,
    .ceo-right{
        width: 100%;
    }
    .ceo-left .desc{
        -webkit-line-clamp: 14;
    }
}
@media (max-width: 768px){
    .p-top{
        padding-top: 50px;
    }
    .p-bot{
        padding-bottom: 50px;
    }
    .ceo{
        padding: 100px 0 50px 0;
    }
    .ceo-left .desc{
        -webkit-line-clamp: 12;
    }
    .ceo-left .desc br{
        display: none;
    }
    .ceo .bg-logo{
        top: -10%;
        left: -10%;
        width: 57%;
    }
    .about-desc2{
        -webkit-line-clamp: 1;
    }
    .about-desc3,
    .about-desc4{
        -webkit-line-clamp: 9;
    }
}



/* advantage */
.advantage{
    
}
.advantage-small{
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 40px 30px;
    border-radius: 10px;
    background-color: var(--white);
    /* box-shadow: 0 11px 47.9px 0 rgba(0, 0, 0, 0.10); */
    box-shadow: 0 0px 30px -5px rgba(0, 0, 0, 0.1);
}
.advantage-small .advantage-icon{
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: rgba(195, 171, 122, 0.10);
}
.advantage-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.advantage1{
    padding: 20px;
    margin: -20px -20px 80px 0;
}
.advantage4{
    margin: 40px 0 0 0;
}
.title,
h4{
    font-size: clamp(16px, 2.6vw, 24px);
    font-weight: 600;
    line-height: normal;
}
.advantage .sectitle{
    max-width: 930px;
    margin-bottom: clamp(40px, 5vw, 80px);
}

.advantage2,
.advantage3{
    padding: 10px 10px 20px 10px;
    margin: -10px -10px -20px -10px;
}
.advantage-big{
    height: 320px !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;

    padding: 40px;
    border-radius: 10px;
    background-color: var(--white);
    /* box-shadow: 0 15px 56.4px 3px rgba(0, 0, 0, 0.10); */
    box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}
.advantage-big:hover{
    background-color: var(--primary);
}
.advantage-big .advantage-icon{
    width: 78px;
    height: 78px;
    border-radius: 10px;
    background-color: var(--primary);
    transition: var(--transition);
}
.advantage-big:hover .advantage-icon{
    background-color: var(--white);
}
.advantage-big .advantage-icon img{
    transition: var(--transition);
}
.advantage-big:hover .advantage-icon img{
    filter: invert(100%);
}
.advantage-big .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: var(--transition);
}
.advantage-big:hover .title{
    color: var(--white);
}
.advantage-big .title img{
    transition: var(--transition);
}
.advantage-big:hover .title img{
    filter: invert(100%);
}

.swiper-actions{
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0 0;
}
.advantage .swiper .swiper-actions{
    display: none;
}
.swiper-pagination{
    position: unset;
    transform: none;
    width: auto !important;
    margin: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
}
.swiper-pagination-bullet{
    margin: 0 !important;
    width: 10px;
    height: 10px;
    background-color: var(--primary);
    transition: var(--transition);
}
.swiper-pagination-bullet-active{
    width: 15px;
    height: 15px;
}
.swiper-pagination-bullet:hover{
    opacity: 1;
}
.swiper-nav{
    display: flex;
    align-items: center;
    gap: 20px;
}
.swiper-prev,
.swiper-next{
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(195, 171, 122, 0.10);
    transition: var(--transition);
    cursor: pointer;
}
.swiper-prev:hover,
.swiper-next:hover{
    background-color: var(--primary);
}
.swiper-prev path,
.swiper-next path{
    transition: var(--transition);
}
.swiper-prev:hover path,
.swiper-next:hover path{
    stroke: var(--white);
}
@media (max-width: 1200px){
    .advantage-big{
        padding: 20px;
    }
}
@media (max-width: 992px){
    .advantage .swiper .swiper-actions{
        display: flex;
    }
    .advantage .section-top .swiper-nav{
        display: none;
    }
}
@media (max-width: 768px){
    .advantage .swiper{
        overflow: visible;
    }
    .advantage-big{
        height: 250px !important;
    }
    .advantage-big{
        height: 210px !important;
    }
    .advantage-big .advantage-icon{
        width: 60px;
        height: 60px;
    }
    .advantage-big .advantage-icon img{
        max-width: 100%;
        height: auto;
    }
    .advantage-small{
        padding: 20px;
    }
    .advantage4{
        overflow: visible;
    }
}
@media (max-width: 576px){
}


/* videos */
.videos{
    position: relative;
    z-index: 1;
    overflow: clip;
}
.videos .bg-logo{
    position: absolute;
    z-index: -1;
    top: -12%;
    left: -4%;
    width: 27%;
    height: auto;
}
.videos .row{
    gap: clamp(30px, 6vw, 102px);
}
.videos .row + .desc,
.videos .row + p{
    margin: 40px 0 0 7%;
}
.other-videos .row,
.videos .row.justify-center{
    justify-content: center;
}
.videos-left{
    width: calc(60% - (clamp(30px, 6vw, 102px)/2));
}
.videos-right{
    height: auto;
    width: calc(40% - (clamp(30px, 6vw, 102px)/2));
}
.justify-center .videos-right,
.other-videos .videos-right{
    width: auto;
}
.videos .sectitle{
    margin-bottom: clamp(40px, 4vw, 60px);
}
.other-videos .sectitle{
    margin: 0 0 15px 0;
}
.videos-right .sectitle,
.videos-right h2{
    display: none;
}
.videos .swiper-actions{
    display: none;
}
.videos-swiper .swiper-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0px;
    padding: 0 0 20px 0;
}
.videos-swiper .video-item{
    margin: 0;
}
.video-item{
    width: calc(50% - 10px);
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.10);
    border: 1px solid var(--white);
    cursor: pointer;
    transition: var(--transition);
}
.video-item:hover,
.video-item.is-selected{
    background-color: #F0EADE;
    border-color: var(--primary);
}
.video-item .video-cover{
    flex: 0 0 auto;
    width: 95px;
    position: relative;
    display: flex;
    z-index: 1;
}
.video-item .video-cover::after{
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(70, 71, 76, 0.30) 0%, rgba(70, 71, 76, 0.30) 100%);
    z-index: 1;
}
.video-item .video-cover-img{
    max-width: 100%;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(70, 71, 76, 0.30) 0%, rgba(70, 71, 76, 0.30) 100%)
}
.play-img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.video-player{
    display: flex;
    position: relative;
    max-width: 100%;
    width: max-content;
    position: sticky;
    top: 10px;
}
.video-player.is-active{
    width: 100%;
}
.video-player .video-cover-img{
    background-color: var(--white);
    padding: 10px;
    border-radius: 20px;
    transition: var(--transition);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10)
}
.video-player.is-active .video-cover-img{
    opacity: 0;
    visibility: hidden;
}
.play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(254, 254, 254, 0.50);
    backdrop-filter: blur(4.900000095367432px);
    z-index: 1;
    transition: var(--transition);
}
.video-player.is-active .play-btn{
    visibility: hidden;
    opacity: 0;
}
.video-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.video-player.is-active .video-content{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.column{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.title-primary{
    font-size: clamp(16px, 2.6vw, 24px);
    font-weight: 600;
    line-height: normal;
}
.videos .title-primary{
    color: var(--primary);
    margin: 0 0 20px 0;
}
.videos .read-more:not(.column .read-more){
    margin: 35px 0 0 0;
}
.default-list{
    padding: 0 0 0 22px;
    list-style: disc;
}
.videos .row.with-bg-primary{
    position: relative;
    z-index: 1;
    padding: 100px 20px;
    border-radius: 10px;
    background-color: var(--primary);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
    color: var(--white);
}
.row.with-bg-primary .form-logo{
    top: 0%;
    right: -18%;
    width: 51%;
}
.custom-list-white .list-item::after{
    border-color: var(--primary);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.10);
    background-color: var(--white);
}
.row.with-bg-primary .read-more{
    color: var(--white);
}
@media (max-width: 1400px){
    .video-item{
        width: 100%;
    }
}
@media (max-width: 1200px){
    .row.with-bg-primary .videos-right{
        width: calc(40% - (clamp(30px, 6vw, 102px) / 2));
    }
    .row.with-bg-primary .videos-right .video-player{
        width: 100%;
    }
}
@media (max-width: 992px){
    .videos{
        
    }
    .videos .row{
        flex-wrap: wrap;
    }
    .videos-left,
    .videos-right{
        width: 100%;
    }
    .videos-right{
        order: -1;
    }
    .justify-center .videos-right{
        width: 100%;
    }
    .other-videos .videos-right{
        order: -1;
        width: 100%;
    }
    .videos-swiper .swiper-wrapper{
        flex-wrap: nowrap;
        gap: 0;
        padding: 0;
    }
    .video-item{
        margin: auto;
    }
    .videos-right .sectitle,
    .videos-right h2 {
        display: block;
    }
    .videos-left .sectitle,
    .videos-left h2 {
        display: none;
    }
    .videos .row + p,
    .videos .row + .desc{
        margin: 40px 0 0 0;
    }
    .videos .swiper-actions{
        display: flex;
    }
    .row.with-bg-primary .videos-right{
        width: 100%;
    }
    .row.with-bg-primary .videos-right .video-player {
        width: max-content;
    }
}
@media (max-width: 768px){
    .videos{

    }
    .videos-swiper{
        padding: 0;
        overflow: visible;
    }
    .video-item .video-cover{
        width: 70px;
        height: 70px;
    }
    .column{
        gap: 20px;
    }
    .videos .read-more:not(.column .read-more){
        margin: 20px 0 0 0;
    }
    .videos .row.with-bg-primary{
        padding: 50px 10px;
    }
}
@media (max-width: 576px){
    .other-videos .videos-right{
        width: 100%;
    }
    .video-player{
        max-width: 100%;
        width: 100%;
    }
    .video-player .video-cover,
    .video-player .video-cover-img,
    .video-player .video-content{
        width: 100%;
        height: auto;
    }
}


/* about */
.about{
}
.w-bg{
    background-color: var(--bg2);
}
.about h2:has(+ .swiper),
.about .sectitle:has(+ .swiper){
    display: none;
}
.about h2,
.about .sectitle{
    margin: 0 0 40px 0;
}
.about .row{
    gap: clamp(30px, 6vw, 102px);
    align-items: flex-start;   
}
.about-left{
    width: calc(47.5% - (clamp(30px, 6vw, 102px) / 2));
}
.about-right{
    width: calc(52.5% - (clamp(30px, 6vw, 102px) / 2));
}
.about-swiper{
    width: 100%;
}
.about-swiper .swiper-slide{
    width: 100%;
    display: flex;
    padding: 10px;
    border-radius: 20px;
    background-color: var(--white);
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.10);
}
.about-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.about-swiper .swiper-actions{
    display: flex;
}


.collapse{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.custom-list,
.row-left ul,
.row-right ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.list-item,
.faq-body li,
.row-left ul li,
.row-right ul li{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 0 0 45px;
    position: relative;
}
.list-item .desc,
.faq-body li p,
.row-left ul li p,
.row-right ul li p{
    opacity: .5;
}
.list-item .desc span,
.faq-body li p span{
    font-weight: 700;
    color: var(--primary);
}
[collapse2] .list-item:nth-child(n+2),
[collapse2] li:nth-child(n+2){
    display: none;
}
[collapse2] .is-active .list-item:nth-child(n+2),
[collapse2] .is-active li:nth-child(n+2){
    display: flex;
}
[collapse3] .list-item:nth-child(n+3),
[collapse3] li:nth-child(n+3){
    display: none;
}
[collapse3] .is-active .list-item:nth-child(n+3),
[collapse3] .is-active li:nth-child(n+3){
    display: flex;
}
[collapse4] .list-item:nth-child(n+4),
[collapse4] li:nth-child(n+4){
    display: none;
}
[collapse4] .is-active .list-item:nth-child(n+4),
[collapse4] .is-active li:nth-child(n+4){
    display: flex;
}
[collapse5] .list-item:nth-child(n+5),
[collapse5] li:nth-child(n+5){
    display: none;
}
[collapse5] .is-active .list-item:nth-child(n+5),
[collapse5] .is-active li:nth-child(n+5){
    display: flex;
}
[collapse6] .list-item:nth-child(n+6),
[collapse6] li:nth-child(n+6){
    display: none;
}
[collapse6] .is-active .list-item:nth-child(n+6),
[collapse6] .is-active li:nth-child(n+6){
    display: flex;
}
[collapse7] .list-item:nth-child(n+7),
[collapse7] li:nth-child(n+7){
    display: none;
}
[collapse7] .is-active .list-item:nth-child(n+7),
[collapse7] .is-active li:nth-child(n+7){
    display: flex;
}
[collapse8] .list-item:nth-child(n+9),
[collapse8] li:nth-child(n+9){
    display: none;
}
[collapse8] .is-active .list-item:nth-child(n+9),
[collapse8] .is-active li:nth-child(n+9){
    display: flex;
}
.list-item::after,
.faq-body li::after,
.row-left ul li::after,
.row-right ul li::after,
.about-left ul li::after,
.about-right ul li::after,
.videos-left ul li::after,
.videos-right ul li::after{
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    background-color: var(--secondary);
    border: 5px solid var(--white);
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px rgba(237, 28, 36, 0.10);
}
.double .list-item{
    width: calc(50% - 10px);
}
.about .btn-main{
    margin: 40px 0 0 0;
}
@media (max-width: 1400px){
    .about .row{
        flex-wrap: wrap;
    }
    .about-left,
    .about-right{
        width: 100%;
    }
    .about h2:has(+ .swiper),
    .about .sectitle:has(+ .swiper) {
        display: block;
    }
    .about-right h2,
    .about-right .sectitle{
        display: none;
    }
    .video-player .video-cover, .video-player .video-cover-img, .video-player .video-content {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 1200px){
    .videos .double .list-item{
        width: 100%;
    }
}
@media (max-width: 992px){
    .about{
    }
    .double .list-item{
        width: 100%;
    }
}
@media (max-width: 768px){
    .about{

    }
    .star-swiper{
        overflow: visible;
        padding: 0;
    }
    .videos .bg-logo{
        top: -17%;
        left: 78%;
        width: 60%;
    }
}
@media (max-width: 576px){
    .videos .bg-logo {
        top: -1%;
        left: 72%;
        width: 45%;
    }
}
/* procedure */
.procedure{
    padding: 10px 0 40px 0;
}
.section-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.procedure .section-top{
    margin: 0 0 40px 0;
}
.drop-btns{
    display: flex;
    padding: 10px;
    border-radius: 10px;
    background: linear-gradient(0deg, #F9F7F2 0%, #F9F7F2 100%), #FBFAF8;
}
.drop-btn{
    padding: 29px 44px;
    border-radius: 10px;
    transition: var(--transition);
    -webkit-text-stroke: 0px var(--default);
    cursor: pointer;
}
.drop-btn.is-active,
.drop-btn:hover{
    color: var(--primary);
    -webkit-text-stroke: 1px var(--primary);
    background-color: var(--white);
}
.tab-wrap{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 35px;
}
.procedure .tab-wrap{
    padding: 20px;
    margin: -20px;
}
.tab-content{
    flex: 0 0 auto;
    width: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.procedure .tab-content{
    flex-direction: column;
    gap: 20px;
    padding: 40px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.10);
}
.tab-content.is-visible{
    display: flex;
    opacity: 1;
    visibility: visible;
}
.row:has(.service-list){
    gap: clamp(40px, 5vw, 80px);
}
.procedure .service-list{
    width: calc(50% - (clamp(40px, 5vw, 80px)/2));
}
.service-list li,
.service-list a{
    display: flex;
    width: 100%;
}
.service-list a{
    padding: 15px 20px;
    border-radius: 5px;
    -webkit-text-stroke: 0px var(--default);
    transition: var(--transition);
}
.service-list a:hover{
    color: var(--primary);
    -webkit-text-stroke: 1px var(--primary);
    background: rgba(195, 171, 122, 0.20);
}
.procedure .tab-content .block-title{
    padding: 0 20px;
}
.block-title{
    font-size: clamp(18px, 2.5vw, 31px);
    font-weight: 600;
    line-height: 112.223%;
    text-transform: uppercase;
}
@media (max-width: 992px){
    .procedure{
        padding: 50px 0;
    }
    .row:has(.service-list){
        flex-wrap: wrap;
    }
    .procedure .service-list{
        width: 100%;
    }
    .procedure .section-top{
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
}
@media (max-width: 768px){
    .procedure .tab-content{
        padding: 20px 10px;
    }
    .service-list a{
        padding: 10px 20px;
        font-size: 16px;
    }
}


/* form */
section:has(.main-form){
    
}
.main-form{
    position: relative;
    z-index: 1;
    padding: 80px 129px;
    border-radius: 10px;
    background-color: var(--primary);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
    color: var(--white);
    overflow: hidden;

    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}
.main-form.center{
    align-items: center;
}
.main-form.center *{
    text-align: center;
}
.form-face{
    position: absolute;
    z-index: -1;
    height: 120%;
    top: -8%;
    right: 6%;
}
.form-logo{
    position: absolute;
    z-index: -1;
    top: -47%;
    right: 1%;
    opacity: 1;
    width: 36%;
}
.form-logo2{
    position: absolute;
    z-index: -1;
    top: -12%;
    left: -8%;
    opacity: 1;
    width: 36%;
}
.main-form h2,
.main-form .sectitle{
    max-width: 900px;
}
.main-form .sectitle.w-100{
    width: 100%;
    max-width: 100%;
}
.main-form .row{
    align-items: center;
    gap: 21px;
}
.main-form input{
    width: 289px;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea {
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 400;
    line-height: 130%;

    padding: 20px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.60);
    border: 1px solid rgba(255, 255, 255, 0.60);
    transition: var(--transition);
}
.main-form input::placeholder{
    color: var(--white);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):hover,
textarea:hover{
    border-color: rgba(88, 93, 103, 0.20);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
textarea:focus{
    border-color: #585D67;
}
.interest-modal .btn-main,
.main-form .btn-main,
.main-form button{
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    line-height: 130%;
    border-radius: 10px;
    background: #FFF;
    color: var(--secondary);
    border: none;
    padding: 21px 38px;

    display: inline-flex;
    align-items: center;
    gap: 20px;
    transition: var(--transition);
    cursor: pointer;
}
.interest-modal .btn-main:hover,
.main-form .btn-main:hover{
    color: var(--white);
    background-color: var(--secondary);
}
.interest-modal .btn-main path,
.main-form .btn-main path{
    transition: var(--transition);
}
.interest-modal .btn-main:hover path,
.main-form .btn-main:hover path{
    stroke: var(--white);
}
.agree{
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 400;
    line-height: 130%;
    opacity: .5;
    max-width: 850px;
}
@media (max-width: 1200px){
    .main-form{
        padding: 40px;
    }
    .form-face{
        display: none;
    }
}
@media (max-width: 992px){
    section:has(.main-form){
    }
    .main-form .row{
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .main-form input{
        width: 100%;
    }
    .main-form .btn-main{
        max-width: 100%;
        padding: 21px 10px;
    }
    .main-form:not(:has(input)) .btn-main{
        margin: 160px 0 0 0;
    }
    .main-form button{
        margin: 30px 0 0 0;
    }
    .form-logo {
        top: -15%;
        right: -22%;
        width: 44%;
    }
    .form-logo2{
        display: none;
    }
}
@media (max-width: 768px){
    section:has(.main-form){
    }
    .main-form{
        padding: 40px 20px;
    }
    .form-logo{
        width: 60%;
    }
    .main-form:not(:has(input)) h2,
    .main-form:not(:has(input)) .sectitle {
        margin-top: 100px;
    }
    .thanks-modal h2,
    .thanks-modal .sectitle{
        margin: 0 !important;
    }
}


/* awards */
.awards{
}
.awards .section-top{
    margin-bottom: clamp(40px, 5vw, 80px);
}
.awards-swiper{
    padding: 20px 0 0 0;
}
.award-item{
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 10px 25px 3px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    gap: clamp(20px, 8vw, 148px);
}
.award-left{
    padding-left: clamp(30px, 6vw, 110px);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 40px;
}
.big-title{
    font-size: clamp(28px, 3.4vw, 64px);
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;
}
.award-desc{
    font-size: clamp(16px, 2vw, 31px);
    font-weight: 400;
    line-height: 112.223%;
    text-align: center;
}
.award-img{
    max-width: 684px;
    height: auto;
    max-height: 80vh;
    border-radius: 10px;
}
.awards-swiper .swiper-pagination{
    justify-content: center;
}
.awards-swiper .swiper-nav{
    display: none;
}
.d-flex{
    display: flex;
}
.justify-center{
    justify-content: center;
}
.awards .swiper-actions{
    display: flex;
    justify-content: center;
}

@media (max-width: 1400px){
    .award-img{
        max-width: 50%;
    }
}
@media (max-width: 1200px){
    .award-img {
        max-width: 46%;
    }
}
@media (max-width: 992px){
    .awards{
    }
    .award-left{
        padding: 0;
    }
    .award-item{
        gap: 30px;
    }
}
@media (max-width: 768px){
    .awards{
    }
    .awards-swiper{
        overflow: visible;
    }
    .award-item{
        flex-wrap: wrap;
    }
    .award-left{
        width: 100%;
    }
    .award-img{
        max-width: 100%;
    }
    .awards .swiper-actions{
        justify-content: space-between;
    }
    .awards-swiper .swiper-pagination{
        margin: 0;
    }
    .awards-swiper .swiper-nav{
        display: flex;
    }
    .awards .section-top .swiper-nav{
        display: none;
    }
}

/* lead */
.lead{
}
.lead .sectitle{
    margin-bottom: clamp(40px, 5vw, 80px);
}
.lead .row{
    gap: clamp(20px, 7vw, 100px);
}
.lead .row .list-item{
    width: calc(33.3% - (clamp(20px, 7vw, 100px) / 3));
}
.lead .custom-list{
    margin-bottom: clamp(40px, 5vw, 80px);
}
@media (max-width: 1400px){
    .lead .row{
        flex-wrap: wrap;
    }
    .lead .row .list-item {
        width: calc(50% - (clamp(20px, 7vw, 100px) / 2));
    }
    .lead .row .list-item:last-child{
        width: 100%;
    }
}
@media (max-width: 992px){
    .lead{
    }
}
@media (max-width: 768px){
    .lead{
    }
    .lead .row .list-item{
        width: 100%;
    }
}

/* specialist */
.specialist{
}
.specialist .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 80px);
}
.spec-item{
    display: flex;
    gap: 40px;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 5px 25px 3px rgba(0, 0, 0, 0.10);
}
.spec-img{
    max-width: 47%;
    height: 657px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.spec-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    text-align: center;
}
.desc2{
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 400;
    line-height: 130%
}
.spec-item .desc2{
    opacity: .5;
    margin: 20px 0 0 0;
}
.spec-item .line{
    display: flex;
    height: 1px;
    width: 80%;
    border-bottom: 1px solid rgba(70, 71, 76, 0.10);
}
.title2{
    font-size: clamp(16px, 2.1vw, 22px);
    font-weight: 600;
    line-height: 130%;
}
.specialist-swiper .swiper-actions{
    display: flex;
}
@media (max-width: 992px){
    .specialist{
    }
    .spec-item{
        flex-wrap: wrap;
    }
    .spec-img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}
@media (max-width: 768px){
    .specialist{
    }
    .specialist-swiper{
        overflow: visible;
    }
    .spec-img{
        aspect-ratio: 313 / 300;
    }
    .spec-item{
        gap: 20px;
        padding: 10px 10px 20px 10px;
    }
    .spec-right{
        gap: 20px;
    }
    .specialist .sectitle{
        text-align: left;
    }
}
@media (max-width: 576px){
    .specialist .sectitle{
        text-align: left;
    }
}

/* star */
.star-swiper{
    padding: 15px 0 0 0;
}
.star-item{
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 3px 25px 3px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    height: auto;
}
.star-item .star-img{
    border-radius: 10px;
    margin: 0 0 20px 0;
}
.star-item .desc{
    opacity: .5;
}

.star-swiper .swiper-actions{
    display: flex;
}

/* quality */
.quality{
}
.quality .sectitle{
    margin-bottom: clamp(40px, 4vw, 60px);
    max-width: 1460px;
}
.quality-grid{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.quality-item{
    display: flex;
    align-items: center;
    gap: 30px;
    border-radius: 10px;
    background-color: var(--white);
    padding: 10px;
    box-shadow: 0 19px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.quality-item .small-desc{
    opacity: .5;
    margin: 0 0 5px 0;
}
.quality-right div{
    display: flex;
    gap: 10px;
    font-size: clamp(16px, 2.1vw, 22px);   
    font-weight: 700;
    line-height: 130%;
}
@media (max-width: 992px){
    .quality{
    }
}
@media (max-width: 768px){
    .quality{
    }
    .quality-grid{
        grid-template-columns: repeat(2, 6fr);
    }
    .quality-item{
        gap: 10px;
    }
    .quality-item img{
        max-width: 43px;
    }
}

/* review */
.review{
}
.review .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 4vw, 60px);
}
.review-swiper{
    padding: 10px 20px 0 20px;
    margin: 0 -20px;
}
.review-item{
    padding: 40px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.10);
}
.review-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 20px 0;
}
.review-user{
    display: flex;
    align-items: center;
    gap: 20px;
}
.review-user img{
    width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.review-user .desc{
    opacity: .5;
}
.review-stars{
    display: flex;
    align-items: center;
    gap: 5px;
}
.review-stars img{
    width: 16px;
    height: auto;
}
.review-body{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 40px 0;
}
.review-body .desc{
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.review-body .desc.is-active{
    -webkit-line-clamp: initial;
}
.review-info__item + .review-info__item{
    border-top: 1px solid rgba(70, 71, 76, 0.10);
}
.review-info__item{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px 0;
}
.review-info__item:first-child{
    padding: 0 0 20px 0;
}
.review-info__item:last-child{
    padding: 20px 0 0 0;
}
.review-info__item .desc-small{
    opacity: .5;
}
.review-info__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    color: var(--primary);
}
.review-swiper .swiper-actions{
    display: flex;
}
@media (max-width: 992px){
    .review{
    }
    .review-item{
        padding: 20px;
    }
}
@media (max-width: 768px){
    .review{
    }
    .review-swiper{
        overflow: visible;
        padding: 0;
        margin: 0;
    }
    .review-top{
        flex-direction: column;
        align-items: flex-start;
    }
    .review .sectitle{
        text-align: left;
    }
}

/* social */
.social .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 4vw, 60px);
}
.social-grid{
    display: flex;
    justify-content: center;
    gap: 60px;
}
.social-item{
    max-width: 255px;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    background: rgba(195, 171, 122, 0.10);
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 992px){
    .social-grid{
        gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
    }
    .social-item{
        max-width: none;
    }
    .social-item:first-child{
        width: 60%;
        grid-column: 1 / -1;
        justify-self: center;
    }
    .social-item img{
        width: 38px;
    }
}

/* partners */
.partners{
    padding-bottom: 10px;
}
.partners .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 80px);
}
.partner-swiper{
    padding: 80px 70px;
    border-radius: 10px;
    background: var(--primary);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.partners .swiper-actions{
    display: flex;
}
.partner-swiper .swiper-slide{
    height: auto;
    display: flex;
    align-items: flex-end;
}
.partner-swiper .swiper-slide.other-slide img{
    margin: 0 0 -26px 0;
}
.partner-swiper .swiper-slide img{
    max-width: 100%;
    height: auto;
}
@media (max-width: 992px){
    .partners{
    }
    .partner-swiper{
        padding: 80px 40px;
    }
}
@media (max-width: 768px){
    .partners{
        padding: 50px 0;
    }
    .partner-swiper{
        padding: 80px;
    }
}
@media (max-width: 576px){
    .partner-swiper .swiper-slide img{
        width: 100%;
    }
    .partners .sectitle{
        text-align: left;
    }
}

/* writers */
.writers{
    position: relative;
}
.writers .row{
    gap: clamp(60px, 5vw, 100px);
}
.writers-left{
    width: calc(50% - (clamp(60px, 5vw, 100px) / 2));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.writers-right{
    width: calc(50% - (clamp(60px, 5vw, 100px) / 2));
}
.writers .sectitle{
    margin-bottom: 60px;
}
.writers .sectitle:has(+ .desc){
    margin-bottom: 40px;
}
.writers .sectitle + .desc{
    margin: 0 0 20px 0;
}
.writers-swiper{
    overflow: visible;
}
.writers-swiper .swiper-actions{
    display: none;
}
.writers-swiper .swiper-wrapper{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.writer-item{
    height: auto;
    width: calc(33.3% - 13.3px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.writer-item img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.writers-right img{
    width: 100%;
    height: auto;
    max-height: 80vh;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 56.4px 3px rgba(0, 0, 0, 0.10);
}
@media (max-width: 992px){
    .writers {
    }
    .writers .row{
        flex-wrap: wrap;
    }
    .writers-left,
    .writers-right{
        width: 100%;
    }
    .writers-swiper{
        width: 100%;
    }
    .writers-swiper .swiper-wrapper{
        gap: 0;
        flex-wrap: nowrap;
    }
    .writers-swiper .swiper-actions {
        display: flex;
    }
}
@media (max-width: 768px){
    .writers {
    }
}

/* store */
.store{
}
.store .row{
    gap: clamp(40px, 9vw, 165px);
}
.store-left{
    width: calc(46% - (clamp(40px, 9vw, 165px) / 2));
}
.store-right{
    width: calc(54% - (clamp(40px, 9vw, 165px) / 2));
}
.store .sectitle{
    max-width: 620px;
    margin-bottom: clamp(40px, 4vw, 60px);
}
.store-right .tab-wrap + .swiper-actions{
    display: none;
}
.store-swiper{
    width: 100%;
    padding: 40px 0 30px 0;
}
.store-swiper .swiper-actions{
    display: none;
}
.priduct-item{
    height: auto;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 25px 1px rgba(0, 0, 0, 0.10);

    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.store-img{
    padding: 10px;
    border-radius: 10px;
}
.desc.w-opacity{
    opacity: .5;
}
.desc.no-opacity,
.list-item .desc.no-opacity{
    opacity: 1;
}
.product-body{
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.product-body .desc{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.product-body + .btn-secondary{
    margin: 20px 0 0 0;
}
.btn-secondary{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
    background: rgba(195, 171, 122, 0.10);

    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    line-height: 130%;
    color: var(--primary);
    white-space: nowrap;
    transition: var(--transition);
}
.btn-secondary:hover{
    background-color: var(--secondary);
}
.priduct-item .btn-secondary{
    width: 100%;
}
@media (max-width: 1400px){
    .drop-btn{
        padding: 29px 25px;
    }
}
@media (max-width: 1200px){
    .store .row{
        flex-wrap: wrap;
    }
    .store-left,
    .store-right{
        width: 100%;
    }
    .store-right .section-top .swiper-nav{
        display: none;
    }
    .store-right .tab-wrap + .swiper-actions{
        display: flex;
        margin: 0;
    }
}
@media (max-width: 992px){
    .store{
    }
}
@media (max-width: 768px){
    .store{
    }
    .store .tab-wrap,
    .store .tab-content{
        overflow: visible;
    }
    .store-swiper{
        overflow: visible;
    }
}
@media (max-width: 576px){
    .store-swiper{
        padding: 20px 0 30px 0;
    }
}


/* news */
.news{
}
.news .row{
    gap: clamp(40px, 5vw, 115px);
}
.news-left{
    width: calc(22% - (clamp(40px, 5vw, 115px) / 2));
}
.news-right{
    width: calc(78% - (clamp(40px, 5vw, 115px) / 2));
}
.news-swiper{
    padding: 20px 0;
    margin: -20px 0;
}
.news-left{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}
.news-right .swiper-actions{
    display: none;
}
@media (max-width: 1400px){
    .news-left{
        width: calc(30% - (clamp(40px, 5vw, 115px) / 2));
    }
    .news-right{
        width: calc(70% - (clamp(40px, 5vw, 115px) / 2));
    }   
}
@media (max-width: 1200px){
    .news .row{
        flex-wrap: wrap;
    }
    .news-left,
    .news-right{
        width: 100%;
    }
    .news-left .swiper-nav{
        display: none;
    }
    .news-right .swiper-actions{
        display: flex;
    }
}
@media (max-width: 992px){
    .news{
    }
}
@media (max-width: 768px){
    .news {
    }
    .news-swiper{
        overflow: visible;
    }
    .btn-secondary{
        padding: 15px;
    }
}

/* contact */
.contact{
}
.contact .row{
    gap: clamp(40px, 5vw, 84px);
}
.contact-left{
    width: calc(48.2% - (clamp(40px, 5vw, 84px) / 2));
}
.contact-right{
    width: calc(51.8% - (clamp(40px, 5vw, 84px) / 2));
}
.contact-left{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.brand-title{
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-info li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: clamp(16px, 2.5vw, 22px);
    line-height: 130%;
    color: var(--default);
}
.work-time{
    width: 240px;
}
.work-time li{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    font-size: clamp(16px, 2.5vw, 22px);
    line-height: 130%;
    color: var(--default);
}
.work-time li + li{
    margin: 10px 0 0 0;
}
.work-time li span{
    opacity: .5;
}
.contact-phone{
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 600;
    line-height: 112.223%;
    text-transform: uppercase;
}
.yt-link{
    display: inline-flex;
    align-items: center;
    gap: 30px;

    font-size: 26px;
    font-weight: 700;
    line-height: 130%; 
}
.contact-btn{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.contact-btn a{
    width: 349px;
}
.ya-map{
    display: flex;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.ya-map iframe{
    width: 100%;
    aspect-ratio: 830 / 623;
    border-radius: 10px;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.ya-map:hover iframe {
    filter: none;
}
@media (max-width: 1400px){
    .sectitle.w-mar {
        margin-left: 80px;
    }
}
@media (max-width: 1200px){
    .sectitle.w-mar {
        margin-left: 0;
    }
}
@media (max-width: 992px){
    .contact{
    }
    .contact .row{
        flex-wrap: wrap;
    }
    .contact-left,
    .contact-right{
        width: 100%;
    }
    .contact-left{
        gap: 30px;
    }
    .contact-btn a{
        width: 100%;
    }
}
@media (max-width: 768px){
    .contact{
    }
    .ya-map iframe{
        aspect-ratio: auto;
        height: 550px;
        width: 100%;
    }
}
@media (max-width: 576px){
    .yt-link{
        display: none;
    }
    .contact-btn{
        justify-content: center;
    }
    .contact-btn .btn-secondary{
        display: none;
    }
    .contact-btn a{
        width: calc(100% - 60px);
    }
}

/* footer */

.footer-top{
    padding: 72px 0 60px 0;
}
.footer-top .row{
    justify-content: space-between;
    align-items: baseline;
    gap: 40px 10px;
}
.footer-logos{
    width: 415px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}
.footer-logos a{
    display: flex;
}
.footer-logos img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.footer-col{
    max-width: 268px;
    width: 100%;
}
.footer-col .title{
    margin: 0 0 20px 0;
}
.footer-contacts{
    max-width: 416px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.footer-tel{
    font-size: 31px;
    font-weight: 400;
    line-height: normal;
}
.footer-social{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.footer-social a{
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background-color: rgba(195, 171, 122, 0.10);
    transition: var(--transition);
}
.footer-social a:hover{
    background-color: var(--secondary);
}
.footer-social a path{
    transition: var(--transition);
}
.footer-social a:hover path{
    fill: var(--white);
}
.footer-contacts .btn-main{
    padding: 20px 5px;
}
@media (max-width: 1400px){
    .footer-top .row{
        flex-wrap: wrap;
        align-items: flex-start;
    }
}
@media (max-width: 992px){
    .footer-logos{
        gap: 53px;
    }
}
@media (max-width: 768px){
    .footer-top{
        padding: 60px 0;
    }
    .footer-top .row{
        justify-content: center;
    }
    .footer-col{
        max-width: 100%;
    }
    .work-time{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10%;
    }
    .work-time li + li{
        margin: 0;
    }
    .footer-tel{
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        color: var(--primary);
    }
}
@media (max-width: 576px){
    .footer-top .work-time{
        gap: 5%;
    }
    .footer-logos{
        max-width: 70%;
    }
    .work-time li{
        gap: 10px;
    }
}


.footer-bottom{
    background-color: var(--primary);
    padding: 60px 0;
    color: var(--white);
}
.footer-bottom .row{
    gap: 40px;
}
.footer-links{
    width: calc(25% - 30px);
}
.footer-links li{
    margin: 0 0 10px 0;
}
.footer-links li:first-child{
    margin: 0 0 20px 0;
}
.footer-links li:last-child{
    margin: 0;
}
.footer-links a{
    width: 100%;
    display: inline-flex;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 400;
    line-height: 130%;
    opacity: .8;
    transition: var(--transition);
}
.footer-links a:hover{
    opacity: 1;
}


@media (max-width: 1400px){
    .footer-bottom .row{
        flex-wrap: wrap;
    }
    .footer-links {
        width: calc(50% - 20px);
    }
}
@media (min-width: 768px){
    .footer-bottom .row{
        gap: 40px 20px;
    }
    .footer-links {
        width: calc(50% - 10px);
    }
}



/* modal */
.modal-wrap {
    position: fixed;
    z-index: 5;
    left: 50%;
    top: 0;
    height: 100%;
    max-width: 1750px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, 0);
    pointer-events: none;

    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.modal-wrap.is-show{
    opacity: 1;
    visibility: visible;
}

@media (min-width: 0px) {
    .modal-wrap {
        max-width: 100%;
        pointer-events: auto;
    }
}
@media (min-width: 992px) {
    .modal-wrap {
        max-width: 960px;
        pointer-events: none;
    }
}
@media (min-width: 1200px) {
    .modal-wrap {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .modal-wrap {
        max-width: 1750px;
    }
}
@media (max-width: 992px) {
    .modal-wrap{
        padding-top: 0;
        align-items: center;
        justify-content: center;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
    }
}
.modal{
    position: fixed;
    z-index: 6;
    pointer-events: auto;
    box-shadow: 0 19px 56.4px 3px rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.modal.is-show{
    opacity: 1;
    visibility: visible;
}
.call-modal{
    bottom: 20px;
    right: 15px;
    width: 416px;
    border-radius: 10px;
    background-color: var(--primary);
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.modal-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    color: var(--white);
}
.call-modal form{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.call-modal input{
    width: calc(100% - 40px);
    background: rgba(255, 255, 255, 0.60);
    color: var(--white);
}
.call-modal input + input{
    margin: 10px 0 0 0;
}
.call-modal input::placeholder{
    color: var(--white);
    opacity: .8;
}
.consultation-price{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 21px 0 0 0;
}
.consultation-price .old-price{
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: line-through;
    opacity: .5;
    color: var(--white);
}
.consultation-price .new-price{
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    color: var(--white);
}
.call-modal-desc{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--white);
    margin: 10px 0 0 0;
}
.call-modal button{
    border: none;
    background-color: var(--white);
    color: var(--secondary);
    cursor: pointer;
    margin: 21px 0 0 0;
}
.call-modal button:hover{
    background-color: var(--secondary);
    color: var(--white);
}
.call-modal button:hover path{
    stroke: var(--white);
}
.call-modal-agre{
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    color: var(--white);
}
.call-modal-agre span,
.call-modal-agre a{
    opacity: .5;
}
.call-modal-agre a{
    font-weight: 600;
    transition: var(--transition);
}
.call-modal-agre a:hover{
    opacity: 1;
}
.close-modal{
    position: absolute;
    top: -16px;
    right: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: var(--white);
    transition: var(--transition);
    cursor: pointer;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.10);
}
.close-modal:hover{
    background-color: var(--secondary);
}
.close-modal path{
    transition: var(--transition);
}
.close-modal:hover path{
    fill: var(--white);
}
@media (max-width: 768px){
    .call-modal{
        max-width: calc(100% - 40px);
    }
    .call-modal input{
        width: 100%;
    }
    .modal-title{
        font-size: 22px;
    }
    .call-modal-agre{
        font-size: 12px;
    }
}


.modal-back{
    position: fixed;
    z-index: 5;
    inset: 0;
    background: rgba(0, 0, 0, 0.40);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.modal-back.is-show{
    opacity: 1;
    visibility: visible;
}
.thanks-modal{
    width: calc(100% - 30px);
    height: 535px;
    justify-content: center;
}
@media (max-width: 768px){
    .thanks-modal{
        max-height: 80vh;
    }
}


/* service pages */
/* service-info */
.service-info{
}
.service-info .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 80px);
}
.breadcrumbs{
    margin: 0 0 30px 0;
}
.service-info .breadcrumbs{
    margin-bottom: clamp(40px, 5vw, 80px);
}
.breadcrumbs span,
.breadcrumbs a{
    opacity: .5;
    transition: var(--transition);
}
.breadcrumbs a:hover{
    opacity: 1;
}
.service-info .swiper-actions{
    display: flex;
}
.service-info .advantage-big{
    height: 232px !important;
}
@media (max-width: 768px){
    .service-info{
        padding-top: 20px;
    }
    .service-info .advantage-big{
        height: 210px !important;
    }   
}

/* page-map */
section:has(.page-map){
}
.page-map{
    padding: 40px 129px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background: var(--primary);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.page-map .form-logo{
    width: 450px;
}
.page-map .block-title{
    color: var(--white);
    margin: 0 0 20px 0;
}
.page-map .row{
    gap: 55px;
}
.map-list{
    width: calc(33.3% - 36.6px);
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.map-list a{
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 400;
    line-height: normal;
    color: var(--white);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0);
    transition: var(--transition);
}
.map-list a:hover{
    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
}

@media (max-width: 1400px){
    .page-map{
        padding: 40px 60px;
    }
}
@media (max-width: 1200px){
    .page-map .row {
        gap: 30px;
    }
    .map-list {
        width: calc(33.3% - 20px);
        gap: 15px;
    }
}
@media (max-width: 992px){
    .page-map .row{
        flex-wrap: wrap;
        gap: 10px;
    }
    .map-list{
        width: 100%;
        gap: 10px;
    }
}
@media (max-width: 768px){
    .page-map{
        padding: 40px 20px;
    }
    .page-map .form-logo {
        width: 290px;
    }
}
/* difference */
.difference .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 80px);
}
.diff-wrap{
    max-width: 850px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.diff-wrap.big{
    max-width: 100%;
}
.difference-swiper2,
.difference-swiper{
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    margin: -10px;
}
.difference-swiper2 .swiper-wrapper,
.difference-swiper .swiper-wrapper{
    height: auto;
}
.difference-item{
    height: auto;
    width: 100%;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 5px 13px 3px rgba(0, 0, 0, 0.10);
}
.diff-images{
    padding: 20px;
    display: flex;
    gap: 57px;
}
.before-img,
.after-img{
    display: flex;
    justify-content: center;
    width: calc(50% - (57px / 2));
    padding: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.before-img img,
.after-img img{
    max-width: 100%;
    height: auto;
}
.diff-titles{
    padding: 14px 0;
    background-color: var(--bg2);
    display: flex;
}
.diff-descs{
    display: flex;
}
.diff-titles .title{
    width: 50%;
    text-align: center;
    text-transform: uppercase;
}
.diff-descs .desc{
    width: 50%;
    text-align: center;
    padding: 10px 0 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.diff-doctor{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0 25px 0;
    margin: -185px 0 0 0;
}
.doctor-img{
    width: 166px;
    height: 166px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 1px solid var(--primary);
}
.doctor-name{
    font-size: clamp(18px, 2.6vw, 24px);
    font-weight: 700;
    line-height: 130%;
    margin: 14px 0 5px 0;
}
.difference .swiper-actions{
    display: flex;
}
@media (max-width: 768px){
    .difference-swiper2,
    .difference-swiper{
        overflow: visible;
        padding: 0;
        margin: 0;
    }
    .diff-images{
        padding: 8px 4px;
        gap: 10px;
    }
    .before-img, .after-img{
        width: calc(50% - 5px);
    }
    .diff-doctor{
        margin: -140px 0 0 0;
    }
    .doctor-name{
        margin: 60px 0 6px 0;
    }
    .doctor-img{
        width: 89px;
        height: 89px;
    }
    .diff-titles{
        padding: 17px 0;
    }
    .diff-titles .title{
        font-weight: 400;
    }
    .doctor-name + .desc br{
        display: none;
    }
}


/* prices */
.prices .sectitle{
    text-align: center;
    margin-bottom: clamp(40px, 4vw, 60px);
}
.prices .main-form .sectitle{
    text-align: left;
    margin: 0;
}

.price-table{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 40px 20px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 12px 56.4px 3px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    gap: 40px;
}
table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.price-table td:first-child,
.price-table th:first-child{
    padding-left: 20px;
    text-align: left;
    border-radius: 10px 0 0 10px;
}
.price-table td:last-child,
.price-table th:last-child{
    padding-right: 20px;
    border-radius: 0 10px 10px 0;
}
.price-table tbody tr:nth-child(even) td {
    background: rgba(195, 171, 122, 0.10);
}
.price-table th{
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 600;
    line-height: 130%;
    color: var(--default);
    opacity: .5;
}
.price-table .red{
    color: var(--secondary);
}
.price-table td{
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 400;
    line-height: 130%;
    color: var(--default);
    padding-top: 10px;
    padding-bottom: 10px;
    transition: var(--transition);
}
.price-table td:has(.is-active){
    padding-top: 0;
    padding-bottom: 0;
}
.price-table .title{
    font-size: clamp(16px, 2.6vw, 24px);
    font-weight: 600;
    line-height: normal;
    padding-bottom: 20px;
    transition: var(--transition);
}
.price-table .title:has(+ .is-active){
    padding-bottom: 0;
}
.price-table th:not(:first-child),
.price-table td:not(:first-child){
    width: 12.5%;
}
.price-table td[colspan="4"]> div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-table tbody.is-hidden{
    display: block;
    height: 0;
    overflow: hidden;
}
.price-desc{
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: var(--default);
    opacity: .5;
}
.table-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
@media (max-width: 1200px){
    .price-table th:not(:first-child), .price-table td:not(:first-child) {
        width: 14%;
    }
}
@media (max-width: 992px){
    .price-table{
        padding: 20px 10px;
    }
    .price-table table:first-child{
        display: none;
    }
    .price-table table,
    .price-table thead,
    .price-table tbody,
    .price-table th,
    .price-table td,
    .price-table tr {
      display: block;
      width: 100%;
    }
    .price-table .title{
        padding-bottom: 0;
    }
    .price-table tr{
        margin: 0 0 10px 0;
    }
    .price-table tr:last-child{
        margin: 0;
    }
    .price-table td:not(:first-child){
        width: 100%;
    }
    .price-table td {
        display: flex;
        justify-content: space-between;
        border: none;
        padding: 0 10px 5px 10px;
    }
    .price-table td:first-child{
        font-weight: 600;
        border-radius: 10px 10px 0 0;
        padding: 10px 10px 20px 10px;
    }
    .price-table td:last-child{
        padding: 0 10px 10px 10px;
        border-radius: 0 0 10px 10px;
    }
    td:first-child:before{
        display: none;
    }
    td::before {
        content: attr(data-label);
        opacity: .5;
    }
    .price-table td[colspan="4"]> div{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .table-bottom{
        flex-direction: column;
        gap: 20px;
    }
    .table-bottom .btn-main{
        width: 100%;
    }
}
@media (max-width: 768px){
    .prices .main-form{
        text-align: center;
        align-items: center;
    }
    .prices .main-form .sectitle{
        text-align: center;
    }
}

/* process */
.process{
}
.process-swiper{
    padding: 100px 20px 100px 20px;
    margin: 0 -20px;
}
.process-swiper .swiper-actions{
    display: flex;
}
.process-swiper .swiper-slide{
    display: flex;
}
.process-swiper .swiper-slide-next{
    justify-content: center;
}
.process-swiper .swiper-slide-next + .swiper-slide{
    justify-content: flex-end;
}
.process-img{
    max-width: 420px;
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 5px 13px 3px rgba(0, 0, 0, 0.10);
}
@media (max-width: 992px){
    .process-swiper{
        padding: 80px 20px 80px 20px;
    }
}
@media (max-width: 768px){
    .process-swiper{
        padding: 50px 0;
        margin: 0;
        overflow: visible;
    }
    .process-swiper .swiper-slide{
        justify-content: center;
    }
}

/* faq */
.faq-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.questions{
    counter-reset: faq-counter;
}
.faq-item{
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 10px;
    background-color: var(--white);
    padding: 30px 129px;
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.05);
}
.faq-item.is-open{
    gap: 20px;
    padding: 40px 129px;
}
.faq-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.faq-head .title{
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.questions .faq-head .title::before{
    counter-increment: faq-counter;
    content: counter(faq-counter) '. ' ' ';
    display: inline-block;
}
.faq-body{
    overflow: hidden;
    height: 0;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
}
.faq-body h4:has(+ ul){
    margin: 0 0 20px 0;
}
.faq-item.is-open .faq-body{
    gap: 40px;
    height: auto;
}
.faq-body p{
    font-size: clamp(16px, 2.5vw, 22px);
}
.faq-body h4{
    font-size: clamp(16px, 2.6vw, 24px);
    font-weight: 600;
    line-height: normal;
}
@media (max-width: 1400px){
    .faq-item{
        padding: 30px 100px;
    }
    .faq-item.is-open{
        padding: 40px 100px;
    }
}
@media (max-width: 1200px){
    .faq-item{
        padding: 30px 60px;
    }
    .faq-item.is-open{
        padding: 40px 60px;
    }
}
@media (max-width: 992px){
    .faq-head{
        flex-direction: column;
        align-items: flex-end;
    }
    .faq-head .title{
        width: 100%;
    }
}
@media (max-width: 768px){
    .faq-item{
        padding: 20px 10px;
    }
    .faq-item.is-open{
        padding: 40px;
    }
}

/* pros-cons */
.pros-cons{
}
.pros-cons .sectitle{
    text-align: center;
    margin: 0 0 40px 0;
}
.pros-cons-wrap{
    position: relative;
    border-radius: 10px;
    background-color: var(--primary);
    color: var(--white);
    padding: 80px 129px;
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.pros-cons-wrap .row{
    gap: 40px;
}
.pros-cons-side{
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pros-cons-side .read-more{
    display: none;
    color: var(--white);
}
@media (max-width: 1400px){
    .pros-cons-wrap{
        padding: 80px 40px;
    }
}
@media (max-width: 992px){
    .pros-cons{
    }
    .pros-cons-wrap .row{
        flex-wrap: wrap;
    }
    .pros-cons-side{
        width: 100%;
    }
    .pros-cons-side .read-more{
        display: flex;
    }
    .pros-cons-side .list-item:nth-child(n+3){
        display: none;
    }
    .pros-cons-side .custom-list + .desc{
        display: none;
    }
    .pros-cons-side.is-active .list-item:nth-child(n+3){
        display: flex;
    }
    .pros-cons-side.is-active .custom-list + .desc{
        display: block;
    }
}
@media (max-width: 768px){
    .pros-cons{
    }   
}

/* prices-section */
main section:first-child{
    padding-top: 40px;
}
.hero + main section.w-bg:first-child{
    padding-top: 0;
}
.prices-section{
    position: relative;
}
.section-logo{
    position: absolute;
    width: 400px;
    z-index: 0;
    left: -100px;
    top: -130px;
}
.prices-section .sectitle{
    text-align: center;
    margin: 0 0 40px 0;
}
.price-search{
    max-width: 100%;
    width: 600px;
    position: relative;
    margin: 0 0 40px 0;
}
.price-search input{
    width: 100%;
    background: rgba(70, 71, 76, 0.05) !important;
    padding: 22px 20px;
}
.price-items{
    display: flex;
    flex-direction: column;
}
.price-item{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    transition: var(--transition);
}
.price-item.is-active{
    gap: 40px;
}
.price-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    cursor: pointer;
}
.price-title{
    font-size: clamp(18px, 2vw, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 112.223%;
    text-transform: uppercase;
    color: var(--default);

    display: flex;
    align-items: center;
    gap: 20px;
}
.price-title img,
.price-title svg{
    transition: var(--transition);
    transform: rotate(-90deg);
}
.price-item.is-active .price-title img,
.price-item.is-active .price-title svg{
    transform: rotate(0deg);
}
.sale-tip{
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
    background-color: var(--secondary);
    border-radius: 0 10px 10px 0;
    padding: 14px 20px 14px 0;
}
.sale-tip::before{
    position: absolute;
    content: '';
    top: 0;
    left: -33px;
    height: 100%;
    width: 34px;
    background-image: url(img/icon/sale-tip.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.sale-tip img{
    display: none;
}
.price-body{
    overflow: hidden;
    height: 0;
    transition: var(--transition);
}
.price-item.is-active .price-body{
    height: auto;
    overflow: visible;
}
@media(max-width: 992px){
    body:has(header.is-active) main{
        margin-top: 87px;
    }
    .price-item.is-active{
        gap: 20px;
    }
    .price-head{
        padding: 0;
    }
    .sale-tip{
        border-radius: 0;
        display: flex;
        justify-content: center;
        padding: 10px 7px 0 7px;
    }
    .sale-tip::before{
        top: 14px;
        left: 0px;
        height: 33px;
        width: 33px;
        transform: rotate(-90deg);
        z-index: -1;
    }
    .sale-tip span{
        display: none;
    }
    .sale-tip img{
        display: block;
    }
}
@media(max-width: 768px){
    .section-logo{
        display: none;
    }
}


/* team */
.team-section{
    position: relative;
}
.section-logo2{
    position: absolute;
    z-index: -1;
    width: 730px;
    right: -115px;
    bottom: -100px;
}
.team-section .sectitle{
    text-align: center;
    margin: 0 0 40px 0;
}
.team-section .sectitle:has(+ .team-swiper){
    margin: 0;
}
.team-member{
    height: 100%;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 3px 56.4px 3px rgba(0, 0, 0, 0.10);
    max-width: 415px;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.team-img{
    max-width: 100%;
    border-radius: 10px;
    margin: 0 0 20px 0;
}
.team-member .title{
    margin: 0 0 5px 0;
    text-align: center;
}
.team-member .desc{
    text-align: center;
    opacity: .5;
    margin: 0 0 20px 0;
}
.team-member .desc.no-opacity{
    opacity: 1;
}
.team-member .desc.text-left{
    text-align: left;
}
.team-member .btn-main{
    padding: 20px 0px;
    width: 85%;
}
.team-member .btn-secondary{
    padding: 20px 0;
    width: 100%;
}
.team-swiper{
    padding: 40px 0 0 0;
}
.team-swiper .swiper-slide{
    height: auto;
}
@media(max-width: 992px){
    .team-section{
        padding: 0 0 80px 0;
    }
    .section-logo{
        top: -80px;
    }
}
@media(max-width: 768px){
    .section-logo2{
        display: none;
    }
    .team-swiper{
        overflow: visible;
    }
    .team-section .sectitle{
        text-align: left;
    }
    .team-member{
        padding: 10px 10px 20px 10px;
    }
    .team-swiper .swiper-pagination{
        width: 50px !important;
        display: block;
    }
}

/* doctor-section */
.doctor-section{
    position: relative;
}
.simple-row{
    display: flex;
    gap: clamp(40px, 6vw, 100px);
}
.row-left{
    width: calc(55% - (clamp(40px, 6vw, 100px) / 2));
}
.row-right{
    width: calc(45% - (clamp(40px, 6vw, 100px) / 2));
}
.simple-img{
    max-width: 100%;
    height: auto;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
.row-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.row-left .title + .title{
    margin: 20px 0 0 0;
}
@media (max-width: 992px){
    .simple-row{
        flex-wrap: wrap;
    }
    .row-left{
        order: -1;
    }
    .row-left,
    .row-right{
        width: 100%;
    }
}

/*  */
.faq-section .sectitle{
    margin-bottom: clamp(40px, 4vw, 60px);
}
.faq-section .faq-head .title{
    text-transform: uppercase;
}

/* sale-section */
.sale-section{
    position: relative;
    padding-bottom: 150px;
}
.sale-section .sectitle:not(.main-form .sectitle){
    margin-bottom: clamp(40px, 5vw, 80px);
    text-align: center;   
}
.sale-cards{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media(max-width: 768px){
    .sale-cards{
        gap: 20px;
    }
    .sale-section .main-form{
        align-items: center;
        text-align: center;
    }
    .sale-section .main-form:not(:has(input)) .sectitle{
        margin: 0;
    }
    .sale-section .main-form .form-logo{
        top: 60%;
    }
}

/* sale-info */
.sale-info{
    position: relative;
}


/* news-section */
.news-section{
    position: relative;
}
.news-section .sectitle:not(.simple-row .sectitle){
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 80px);
}
.service-catalog .sectitle{
    margin-bottom: clamp(40px, 5vw, 80px);
}

/*  */
.equipment-catalog{
    position: relative;
}
.aeroflot .section-logo{
    top: 20%;
}


/* documents */
.documents .sectitle{
    margin-bottom: clamp(40px, 5vw, 80px);
}
.documents-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 40px 0;
}
.faq-body .documents-top{
    margin: 0;
}
.documents .faq-item.is-open{
    gap: 40px;
}
.documents .faq-head .title{
    text-transform: uppercase;
}
.why .sectitle{
    margin-bottom: 40px;
}
.faq-body h4:has(+ ul){

}
.man-section .sectitle{
    margin-bottom: clamp(40px, 4vw, 60px);
}
.types-wrap{
    border-radius: 10px;
    background-color: var(--primary);
    position: relative;
    padding: 80px 129px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    color: var(--white);
}
.types-wrap .block-title{
    width: 100%;
}
.types-wrap .section-logo{
    width: 620px;
    top: -200px;
    left: -160px;
}
.types-content,
.types-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.types-wrap .read-more{
    width: 100%;
    display: none;
    color: var(--white);
}
@media (max-width: 1200px){
    .types-wrap{
        padding: 40px;
    }
}
@media (max-width: 768px){
    .types-wrap{
        padding: 30px 20px;
    }
    .types-wrap .section-logo{
        display: block;
        width: 340px;
        left: unset;
        right: -137px;
        top: -137px;
    }
    .types-wrap .read-more{
        display: flex;
    }
    .types-content,
    .types-body{
        gap: 20px;
    }
    .types-body{
        height: 0;
        overflow: hidden;
    }
    .types-body.is-active{
        height: auto;
    }
    .aeroflot .sectitle br{
        display: none;
    }
}

/* vogue */
.vogue-swiper .swiper-actions{
    display: none;
}
.vogue-swiper .swiper-slide-active{
    text-align: right;
}
.vogue-swiper .swiper-slide img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
}
@media (max-width: 992px){
    .vogue-swiper .swiper-actions{
        display: flex;
    }
}
@media (max-width: 768px){
    .vogue-swiper{
        overflow: visible;
    }
}

.dictionary .sectitle{
    margin: 0 0 60px 0;
    text-align: center;
}
.dictionary .swiper-actions{
    display: flex;
}
.dictionary-col{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.dictionary-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 190px;
    padding: 30px 20px;
    border-radius: 10px;
    transition: var(--transition);
}
.dictionary-item:hover{
    background-color: rgba(195, 171, 122, 0.10);
}
.dictionary-left{
    display: flex;
    align-items: center;
    gap: 44px;
}
.dictionary-left img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.dictionary-left .title{
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
@media (max-width: 1400px){
    .dictionary-item{
        gap: 100px;
    }
}
@media (max-width: 1200px){
    .dictionary-item{
        gap: 50px;
    }
    .dictionary-left{
        gap: 20px;
    }
}
@media (max-width: 992px){
    .dictionary-item,
    .dictionary-left{
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 768px){
    .dictionary-col{
        gap: 20px;
    }
    .dictionary-item{
        padding: 20px 10px;
    }
    .dictionary .sectitle{
        margin: 0 0 30px 0;
    }
}


/* interest */
.interest .sectitle{
    margin-bottom: clamp(40px, 4vw, 60px);
    text-align: center;
}
.interest .main-form .sectitle{
    margin: 0;
}
.interest-modal{
    overflow: hidden;
    width: 100%;
    padding: 80px 129px;
    border-radius: 10px;
    background-color: var(--primary);
    color: var(--white);
}
.interest-modal .form-logo{
    top: -12%;
}
.interest-modal .sectitle{
    margin: 0 0 40px 0;
}
.interest-modal form{
    margin: 0 0 40px 0;
}
.interest-modal .row{
    flex-wrap: wrap;
    gap: 30px 20px;
    margin: 0 0 30px 0;
}
.interest-modal .row input{
    width: calc(50% - 10px);
}
.interest-modal input::placeholder,
.interest-modal textarea::placeholder{
    color: var(--white);
}
.interest-modal-content{
    max-width: 880px;
    width: 100%;
}
.input-radio{
    margin: 0 0 30px 0;
}
.input-radio .title{
    margin: 0 0 10px 0;
}
.input-radio .sex{
    display: flex;
    gap: 40px;
}
.input-radio label{
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
.input-radio label input{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.input-radio .checkmark{
    display: flex;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--white);
    transition: var(--transition);
}
.input-radio label:has(input:checked) .checkmark{
    border-width: 7px;
}
.interest-modal textarea{
    width: 100%;
    height: 140px;
    resize: none;
    margin: 0 0 40px 0;
}
.interest-col{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 60px 0 0 0;
}
.interest-item{
    padding: 30px 40px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0 24px 56.4px 3px rgba(0, 0, 0, 0.10);
    transition: var(--transition);
}
.interest-side{
    display: flex;
    flex-direction: column;
    gap: 30px   ;
}
.interest-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.interest-left{
    display: flex;
    align-items: center;
    gap: 20px;
}
.interest-left img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.interest-left .desc{
    opacity: 0.5;
}
.interest-left .desc:has(+.desc){
    margin: 0 0 5px 0;
    opacity: 1;
}
.interest-top .date{
    opacity: .5;
}
.interest-bottom .desc span{
    font-weight: 700;
    color: var(--primary);
}
.interest-body{
    overflow: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    border-top: 1px solid transparent;
}
.interest-body.is-active{
    height: auto;
    padding: 40px 0 0 0;
    margin: 40px 0 0 0;
    border-color: rgba(0, 0, 0, 0.10);
}
.interest-item .read-more{
    margin: 40px 0 0 0;
}
@media (max-width: 992px){
    .interest-modal{
        max-height: calc(100vh - 20px);
        overflow-y: auto;
        padding: 40px 20px;
    }
    .interest .main-form:not(:has(input)) .btn-main{
        margin: 0;
    }
}
@media (max-width: 768px){
    .interest .sectitle{
        text-align: left;
    }
    .interest .main-form{
        text-align: center;
        align-items: center;
    }
    .interest .main-form .btn-main{
        padding: 20px 40px;
    }
    .interest-modal{
        max-width: calc(100% - 20px);
    }
    .interest-modal .row{
        gap: 10px;
        margin: 0 0 20px 0;
    }
    .interest-modal .row input{
        width: 100%;
    }
    .interest-modal form{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .input-radio .title {
        margin: 0 0 20px 0;
    }
    .input-radio{
        margin: 0 0 20px 0;
    }
    .interest-modal textarea{
        height: 120px;
        margin: 0 0 20px 0;
    }

    .interest-item{
        padding: 30px 20px;
    }
    .interest-body.is-active{
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .interest-left{
        gap: 15px;
    }
    .interest-left img{
        width: 47px;
        height: 47px;
    }
    .interest-item .read-more{
        margin: 20px 0 0 0;
    }
}