:root{
    --primary-green:#278B59;
    --primary-gray:#3A3B3C;
    --font-heading: 'DMSans', sans-serif;
    --font-primary: 'Rubik', sans-serif;
    --md-border-radius: 36px;
    --def-box-sh: 0 0 0 1.5px rgba(0,0,0,0.04), 0 0 12px rgba(0,0,0,0.10);
}
@font-face {
    font-family: 'DMSans';
    src: url('../assets/DMSans.woff2') format('woff2');
}
@font-face {
    font-family: 'Rubik';
    src: url('../assets/Rubik.woff2') format('woff2');
}
html,body{padding-top:40px;overflow-x:hidden;}  
.container{margin:0 auto;width:1485px; }
.col-lg-1  { width: 8.3333%; }
.col-lg-2  { width: 16.6667%; }
.col-lg-3  { width: 25%; }
.col-lg-4  { width: 33.3333%; }
.col-lg-5  { width: 41.6667%; }
.col-lg-6  { width: 50%; }
.col-lg-7  { width: 58.3333%; }
.col-lg-8  { width: 66.6667%; }
.col-lg-9  { width: 75%; }
.col-lg-10 { width: 83.3333%; }
.col-lg-11 { width: 91.6667%; }
.col-lg-12 { width: 100%; }
.padding-null{padding:0;}
.margin-null{margin:0;}
.d-flex{display:flex;}
.d-flex-col{display:flex;flex-direction:column;}
.center{display:flex;justify-content:center;align-items:center;}
.center-v{display:flex;align-items:center;}
.center-h{display:flex;justify-content:center;}
.flex-between{display:flex;justify-content:space-between;}
.flex-stretch{display:flex;align-items: stretch;}
.flex-equal{flex:1;}
.relative{position:relative;}
.absolute{position:absolute;}
.top{top:0;}
.bottom{bottom:0;}
.right{right:0;}
.left{left:0;}
.w-100{width:100%;}
.f-medium{font-weight:500;}
.f-semibold{font-weight:600;}
.f-regular{font-weight:400;}
.f-bold{font-weight:700;}
.primary-green-filter{
    filter: brightness(0) saturate(100%) invert(45%) sepia(63%) saturate(487%) hue-rotate(98deg) brightness(87%) contrast(85%);
}
.white-filter{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(185deg) brightness(105%) contrast(101%);
}
.br-desk{display:block}
.br-mob{display:none;}
.br-desk-sm{display:none;}
.text{
    color:var(--primary-gray);
    font-family:var(--font-primary);
    font-size:24px;
}
.text-head{
    color:var(--primary-gray);
    font-family:var(--font-heading);
    font-size:24px;
}
.text-sm{
    color:var(--primary-gray);
    font-family:var(--font-primary);
    font-size:20px;
}
.semi-bold-md{
    color:var(--primary-gray);
    font-family:var(--font-heading);
    font-size:48px;
    font-weight:600;
}
.line-height-def{
    line-height:1;
}
.main-title{
   font-family:var(--font-heading);
   font-size:96px;
   font-weight:500;
   line-height:.7;
   margin-bottom:30px;
   margin-top:0;
   color:var(--primary-gray);
}
.accent{
    color:var(--primary-green);
}
.accent-gray{
    color:var(--primary-gray);
    font-family:var(--font-primary);
}
.intro, #description{
    margin-top:100px;
}
.intro-text{
    margin-top:10px;
    max-width:450px;
}
.intro-btn{
    margin-top:50px;
    text-decoration:none;
    color:#ffffff;
    border-radius:60px;
    font-family:var(--font-primary);
    padding:10px 30px;
}
#consultatie{
    background:var(--primary-green);
    margin-right:20px;
}
#preturi{
    background:#3A3B3C;
}

.intro-img{
    overflow:hidden;
    position:relative;
    border-radius:30px;
}
.badge{
    position:absolute;
    top:20px;
    right:5px;
    border-radius:40px;
    background:#fff;
    font-family: var(--font-primary);
    font-weight:500;
    font-size:20px;
    color:#3A3B3C;
    gap:10px;
    padding:10px 20px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.badge .icon{
    width:20px;
    height:20px;
}
.intro-img .bg-image {
    height:610px;
    width:auto;
}
.intro-img .bg-image, .direct-communication-img .bg-image, .intro-img-mob, .direct-communication-img-mob {
    display: block;
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0) 7%, rgba(0,0,0,0.9) 25% rgba(0,0,0,1) 50% );
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: linear-gradient(to top, rgba(0,0,0,0) 7%, rgba(0,0,0,0.9) 25%,rgba(0,0,0,1) 50% );
    mask-repeat: no-repeat;
    mask-size: cover;
}
.intro-img-mob{display:none;}
.direct-communication-img-mob{display:none;}
.atributes{
    gap:30px;
}
.atributes-badge{
    height:50px;
    width:50px;
    border-radius:50%;
    background:#ffffff;
    box-shadow: 0 7px 10px rgb(0 0 0 / 37%);
}
.atributes-badge img{
    width:24px;
    height:auto;
}
#checkPers{
    position:relative;
}
#checkPers img{
    position:absolute;
    left:16px;
}
.intro-bottom{
    bottom:-40px;
}
#WhyUs{
    margin-top:100px;
}
.WhyUs-main{
    background-image: url('/images/QuestionBg.webp');
    background-position: bottom right;
    background-repeat: no-repeat;
    height:640px;
    width:560px;
    padding:50px 50px ;
    border-radius:var(--md-border-radius);
    box-sizing:border-box;
    box-shadow:var(--def-box-sh);
    margin-right:32px;
}

.WhyUs-content{
    z-index:2;
}
.WhyUs-Details{
    gap:20px;
}
.WhyUs-card{
    border-radius:var(--md-border-radius);
    box-sizing:border-box;
    box-shadow:var(--def-box-sh);
    overflow:hidden;
    padding:25px;
}
.WhyUs-check{
    top:25px;
    right:25px;
}
.WhyUs-card p{
    margin-top:15px;
}
.scrolling-bar{
    width:100%;
    margin-top:300px;
}
.scrolling-track{
    display:flex;
    align-items:center;
    width:max-content;
    will-change:transform;
    transform:translate3d(0,0,0);
    animation:scrollInfinite 65s linear infinite;
    backface-visibility:hidden;
    perspective:1000px;
}
.scrolling-list{
    list-style:none;
    gap:50px;
    animation:scrollInfinite 30s linear infinite;
}
.scrolling-list  li{
    flex:0 0 auto;
}
.scrolling-list  li span{
    text-decoration:none;
    color:#ffffff;
    background:var(--primary-gray);
    border-radius:60px;
    padding:15px 30px;
    white-space:nowrap;
     -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
@keyframes scrollInfinite{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-50%,0,0);
    }
}
.Services-main{
    margin-top:230px;
}
.Services-main h2{
    margin-bottom:70px;
}
.Service-item{
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    padding:0 30px;
    background:#ffffff;
    height:80px;
    white-space:nowrap;
    box-sizing:border-box;
}
.Services-list-first .Service-item{
    width:350px;
}
.Services-list-sec .Service-item{
    width:500px;
}
#RestCont{
    width:450px;
}
.Services-group ul{
    list-style:none;
    gap:50px;
}
#direct-communication{
    margin-top:300px;
}
.direct-communication-img{
    border-radius:20px;
    overflow:hidden;
}
.direct-communication-img img{
    width:690px;
    height:auto;
}
.direct-communication-text h3{
    margin:0 0 40px 0;
}
#prices{
    margin-top:120px;
}
.prices-nav-next img {
    transform: rotate(180deg);
}
#prices h2{
    margin-bottom:80px;
}
.prices-nav-mob{
    display:none;
}
.prices-nav-prev{
    margin-right:40px;
    top:50%;
    left:-100px;
    transform:translateY(-50%);
}
.prices-nav-next{
    margin-left:40px;
    top:50%;
    right:-100px;
    transform:translateY(-50%);
}
.prices-card{
    border-radius:var(--md-border-radius);
    background:#ffffff;
    box-shadow:var(--def-box-sh);
    padding:25px 25px 80px;
    box-sizing:border-box;
    width: 350px;
    flex: 0 0 350px;
    flex-shrink: 0;
    margin:10px 0;
}
.prices-img{
    border-radius:20px;
    width:300px;
    height:auto;
}
.prices-accent{
    font-size:42px;
    color:var(--primary-green);
    margin-right:10px;
}
.Work-vol{
    list-style:none;
    gap:5px;
}
.Work-vol li{
    gap:20px;
}
.Work-vol-check{
    width:24px;
    height:24px;
}
.prices-btn{
    background:var(--primary-gray);
    border-radius:var(--md-border-radius);
    color:#ffffff;
    font-family:var(--font-primary);
    height:50px;
    text-decoration:none;
    bottom:20px;
    width:300px;
}

.prices-nav-prev, .prices-nav-next{
    border:none;
    background:transparent;
}
.prices-slider .prices-nav-prev .prices-nav-next{dispay:block;}
.prices-nav-prev img, .prices-nav-next img{
    cursor:pointer;
}
.prices-viewport {
    overflow: hidden;
    width: 1465px; 
    margin: 0 auto;
    padding: 0px 10px;
}
.prices-card-container {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: stretch;
    will-change: transform;
}
.another-prices{
    margin-top:100px;
}
.another-prices-text h3{
    margin-bottom:35px;
}
.another-prices-text{
    margin-right:85px;
}
.another-prices-card{
    width:425px;
    padding: 30px  0 100px 50px;
    box-sizing:border-box;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    height:330px;
}
.another-prices-card h3{
    font-size:32px;
    font-family:var(--font-primary);
    color:var(--primary-gray);
}
.another-price-condition img{
    margin-right:20px;
}
.another-prices-card .prices-btn{
    bottom:50px;
    left:55px;
}
.calc-card{
    margin-top:60px;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    padding:35px 40px;
    box-sizing:border-box;
}
.calc-card span{display:block;}
.calc-card .calc-card-mob-span{display:none;}
.calc-price-btn{
    text-decoration:none;
    color:#ffffff;
    background:var(--primary-green);
    border-radius:60px;
    width:310px;
    height:50px;
}
#contacts{
    margin-top:98px;
    margin-bottom:200px;
}
.contacts-main{
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    padding:80px 160px 130px 105px;
    box-sizing:border-box;
    overflow:hidden;
}
.contacts-main img{display:block;}
.contacts-main .contacts-main-img-mob{display:none;}
.contacts img{
    z-index:1;
    height:100%;
}
.contacts-text{
    z-index:2;
}
.contacts-text p{
    margin:35px 0 0 0;
}
.contact-btn{
    text-decoration:none;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    background:#ffffff;
    height:70px;
    width:335px;
}
.contacts-btn-col{
    gap:20px;
    z-index:1;
}
.contacts-icon{
    width:70px;
    margin-left:30px;
}
.Service-icon{
    width:55px;
    height:55px;
    border-radius:9999px;
    background:var(--primary-green);
    box-shadow: 0 7px 10px rgb(0 0 0 / 37%);
}
.calc-card-arrow{
    margin-left:25px;
}
.footer{
    padding:10px 0;
    background:#2A2B2B;
}
.footer .container .text{color:#ffffff;}
.author{
    color:#ffffff;
    font-family:var(--font-heading);
    font-size:24px;
    gap:20px;
}
.privacy{
    color:#ffffff;
    font-family: 'Rubik';
    font-size:18px;
}
.navbar, .navbar-mob{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height:80px;
    box-shadow: 
  0 1px 2px rgba(0, 0, 0, 0.06),
  0 2px 6px rgba(0, 0, 0, 0.04);
  background:#ffffff;
}
.mobile-navbar{
    display:none;
}
.home img{
    width:24px;
    height:auto;
    margin-bottom: -4px;
    margin-right:10px;
}
.home a{
    text-decoration:none;
}
.nav-body{
    justify-content:flex-end;
}
.nav-item{
    text-decoration:none;
    padding:0 25px;
}
.nav-btn{
    background:var(--primary-green);
    border-radius:var(--md-border-radius);
    color:#ffffff;
    text-decoration:none;
    width:230px;
    height:50px;
    margin-left:150px;
}
#description .intro-bottom{
    bottom:-70px;
}
.description-text{
    padding:0 100px 0 0;
    box-sizing:border-box;
}
.description-text .main-title{
    margin-bottom:60px;
}
.advantages-container{
    margin-top:60px;
}
.my-advantages{
    background:#ffffff;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    height:50px;
    gap:20px;
}
.advantages-first-row .my-advantages{
    width:500px;
}
.advantages-sec-row{
    margin-top:20px;
    gap:20px;
}
#contacteazama{
    background:var(--primary-green);
    width:250px;
}
#giud{
    margin:300px 0;
}
.giud-wraper{
    height:900px;
    overflow:visible;
}
.giud-ring{
    top:50%;
    left:50%;
    width:800px;
    height:800px;
    margin-left:-400px;
    margin-top:-400px;
    z-index:2;
    animation:giudSpin 60s linear infinite;
    transform-origin:50% 50%;
}
.guid-center{
    top:50%;
    left:50%;
    width:800px;
    height:auto;
    transform:translate(-50%, -50%);
    z-index:1;
}
.guid-center img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    -webkit-mask-image:radial-gradient(circle at center,
        rgba(0,0,0,1) 30%,
        rgba(0,0,0,0.96) 35%,
        rgba(0,0,0,0.78) 40%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.18) 50%,
        rgba(0,0,0,0.05) 55%,
        rgba(0,0,0,0) 70%
    );
    mask-image:radial-gradient(circle at center,
        rgba(0,0,0,1) 30%,
        rgba(0,0,0,0.96) 35%,
        rgba(0,0,0,0.78) 40%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.18) 50%,
        rgba(0,0,0,0.05) 55%,
        rgba(0,0,0,0) 70%
    );
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}

.guid-slot{
    --angle:0deg;
    --radius:400px;
    top:50%;
    left:50%;
    width:0;
    height:0;
    transform:translate(-50%, -50%)rotate(var(--angle))translateX(var(--radius));
    transform-origin:center center;
}
.guid-slot-1{ --angle:-90deg; }
.guid-slot-2{ --angle:-30deg; }
.guid-slot-3{ --angle:30deg; }
.guid-slot-4{ --angle:90deg; }
.guid-slot-5{ --angle:150deg; }
.guid-slot-6{ --angle:210deg; }
.guid-pill{
    top:50%;
    left:50%;
    padding:20px 18px;
    width:350px;
    text-align:center;
    border-radius:var(--md-border-radius);
    background:#ffffff;
    box-shadow:var(--def-box-sh);
    z-index:2;
    will-change:transform;
    transition:box-shadow .25s ease, background .25s ease;
    transform-origin:center center;
    transform:translate(-50%, -50%)rotate(calc(var(--angle) * -1))scaleX(0.78125);
    animation:giudCounterSpin 60s linear infinite;
}
@keyframes giudSpin{
    from{ transform:scaleX(1.28) rotate(0deg);}
    to{transform:scaleX(1.28) rotate(360deg);}
}
@keyframes giudCounterSpin{
    from{transform:translate(-50%, -50%)rotate(calc(var(--angle) * -1))rotate(0deg)scaleX(0.78125);}
    to{transform:translate(-50%, -50%)rotate(calc(var(--angle) * -1))rotate(-360deg)scaleX(0.78125);}
}
.guid-center h2{
    left:50%;
    transform:translateX(-50%);
    bottom:-60px;
}
#principles{
    margin-top:300px;
}
#principles .WhyUs-main{
    width:600px;
}
#principles .w-100 .WhyUs-Details .WhyUs-Details .WhyUs-card .WhyUs-card-img{right:30px;height:150px;}
#statement{
    margin:300px 0 100px 0;
}
.statement-title{
    margin:0 0 60px 0;
}
.statement-list{
    list-style:none;
    gap:10px;
    padding:0;
}
.statement-text{
    margin-left:50px;
}
.statement-list li{
    gap:20px
}
.statement-btn{
    width:300px;
    background:var(--primary-green);;
}
#prices-main{
 margin-top:50px;   
}
#prices-main .main-title{
    margin-bottom:30px;
    font-size:74px;
}
#prices-main .main-title .accent{font-size:37px;}
.another-prices-wrap{
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    padding:30px;
    box-sizing:border-box;
    margin-bottom:10px;
}
.another-prices-wrap h2{
    font-size: 32px;
    font-family: var(--font-primary);
    color: var(--primary-gray);
}
.another-prices-item span{
    border-radius:24px;
    box-shadow:var(--def-box-sh);
    padding:20px;
    box-sizing:border-box;
}
.another-prices-subwrap{
    gap:20px;
}
.prices-main-another{
    margin-top:100px;
    gap:100px;
}
.prices-main-another .WhyUs-main{
    height:490px;
    background-image:none;
}
.prices-main-badge{
    margin-top:20px;
}
.prices-main-another-title{
    margin:0 0 10px 0;
}
.prices-main-another-services{
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    margin-left:20px;
    padding:30px;
    box-sizing:border-box;
    gap:20px;
}
.prices-main-another .WhyUs-Details{
    gap:30px;
    justify-content:flex-end;
}
.prices-btn-container{
    gap:40px;
}
.prices-main-btn{
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    color:#ffffff;
    text-decoration:none;
    background:var(--primary-green);
    height:50px;
}
.price-calculator{
    margin-top:200px;
}
.calc-layout{
    gap:60px;
}
.calc-summary-wrap{
    width:360px;
    height:500px;
}
.calc-form-body{
    align-items:stretch;
}
.calc-summary-card{
    background:#ffffff;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    overflow:hidden;
}
.calc-summary-top{
    background:var(--primary-green);
    padding:24px 24px;
    height:140px;
    box-sizing:border-box;
}
#summaryLines{
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: var(--font-primary);
}
.calc-form-card{
    background:#fff;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    overflow:hidden;
}
.calc-summary-label{
    color:white;
    font-size:12px;
    text-transform:uppercase;
    font-family:var(--font-primary);
}
.calc-summary-type{
    padding:5px 12px;
    border-radius:20px;
    background:rgba(255,255,255,.09);
    color:#ffffff;
    font-size:12px;
    width:fit-content;
    font-family:var(--font-primary);
}
.calc-summary-price{
    font-family:var(--font-primary);
    margin-top:18px;
    display:flex;
    align-items:baseline;
    gap:6px;
}
.calc-summary-body{
    background:#fff;
    padding:18px 24px 24px;
}
.calc-summary-line{
    gap:12px;
    padding:8px 0;
    border-bottom:1px solid #f0f0f0;
}
.calc-summary-line:last-child{
    border-bottom:none;
}
.calc-summary-line span{
    color:#999;
    font-size:13px;
}
.calc-summary-line strong{
    color:var(--primary-green);
    font-size:13px;
    font-family:var(--font-heading);
}
.calc-summary-btn{
    width: 300px;
    left: 50%;
    height: 50px;
    border-radius: 60px;
    background: var(--primary-gray);
    color: #fff;
    text-decoration: none;
    bottom: 50px;
    transform: translateX(-50%);
}
.calc-summary-note{
    width:300px;
    text-align:center;
    color:#999;
    font-size:12px;
    bottom:5px;
    left: 50%;
    transform: translateX(-50%);
    font-family:var(--font-primary);
}
.calc-steps{
    border-bottom:1px solid #ececec;
    background:#fafafa;
    overflow:auto;
    height:65px;
    font-family:var(--font-primary);
}
.calc-nav{
    font-family:var(--font-primary);
    height:65px;
    padding:0 40px;
    border-top:1px solid #eee;
    background:#fafafa;
}
.calc-step{
    flex:1;
    min-width:110px;
    height:64px;
    border:none;
    background:transparent;
    font-family:var(--font-primary);
    font-size:14px;
    cursor:pointer;
    border-bottom:3px solid transparent;
    transition:all .2s ease;
}
.calc-step.active{
    color:var(--primary-green);
    border-bottom-color:var(--primary-green);
    background:#fff;
}
.calc-panel{
    display:none;
    padding:20px 30px;
}
.calc-panel.active{
    display:flex;
}
.calc-panel-row{
    gap:40px;
}
.calc-pill-group{
    flex-wrap:wrap;
}
.calc-pill input{
    display:none;
}
.calc-pill span, .calc-activity-btn{
    border-radius:60px;
    cursor:pointer;
    font-family:var(--font-primary);
    border:1px solid #ddd;
    font-size:16px;
    transition:all .2s ease;
    background:#fff;
    height:35px;
    width:85px;
}
.first-pill span{
border-radius:60px 0 0 60px;
}
.midlle-pill span{
    border-radius:0;
}
.last-pill span{
    border-radius: 0 60px 60px 0;
}
.first-pill{
border-radius:60px 0 0 60px;
}
.midlle-pill{
    border-radius:0;
}
.last-pill{
    border-radius: 0 60px 60px 0;
}
.calc-pill input:checked + span{
    background:var(--primary-green);
    border-color:var(--primary-green);
    color:#fff;
}
.calc-stepper{
    display:inline-flex;
    border:1px solid #ddd;
    border-radius:60px;
    overflow:hidden;
    height:40px;
}
.calc-counter input{
    min-width: 34px;
    height: 32px;
    display: flex;
    font-family: var(--font-heading);
    font-size: 16px;
    color: var(--primary-gray);
    border:none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align:center;
}
.calc-activity-btn{
    width:fit-content;
    padding:0 20px;
}
.calc-activity-title{
    font-family:var(--font-primary);
    font-size:16px;
}
.calc-activity-btn:hover {
    border-color: var(--primary-green);
    background: #f7fbff;
}
.calc-activity-btn.active {
    background:var(--primary-green);
    border-color:var(--primary-green);
    color: #ffffff;
    box-shadow:var(--def-box-sh);
}
.calc-activity-btn.active .calc-activity-title {
    color: #ffffff;
}
.calc-activity-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}
.calc-radio-list{
    gap:10px;
}

.calc-radio-row, .calc-radio-row-custom{
    border:1px solid #e6e6e6;
    border-radius:60px;
    cursor:pointer;
    transition:all .2s ease;
    height:40px;
    width:150px;
    background:#ffffff;
}
.calc-radio-row input{
    margin-left:20px;
}
.calc-radio-row span{
    font-size:15px;
}

#customOpsValue {
    width: 120px;
    border: 0;
    outline: none;
    background: transparent;
    font: inherit;
    text-align: center;
}
.calc-toggle{
    height:40px;
    border:none;
    background:transparent;
    cursor:pointer;
}
.calc-toggle i{
    width:48px;
    height:28px;
    border-radius:60px;
    background:#ccc;
    position:relative;
    flex-shrink:0;
    transition:all .2s ease;
}

.calc-toggle i:after{
    content:'';
    position:absolute;
    top:4px;
    left:4px;
    width:20px;
    height:20px;
    background:#fff;
    border-radius:50%;
    transition:all .2s ease;
}

.calc-toggle.active{
    background:#f0faf5;
    border-color:var(--primary-green);
}

.calc-toggle.active i{
    background:var(--primary-green);
}

.calc-toggle.active i:after{
    left:24px;
}

.calc-extra-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.calc-extra-item{
    border:1px solid #e8e8e8;
    border-radius:var(--md-border-radius);
    background:#fafafa;
    padding:10px 16px;
    gap:12px;
}
.calc-extra-item-full{
    grid-column:1 / -1;
}
.calc-extra-title{
    display:block;
    font-size:15px;
    font-weight:600;
    color:var(--primary-gray);
    font-family:var(--font-primary);
}

.calc-counter{
    display:flex;
    align-items:center;
    border:1.5px solid #ddd;
    border-radius:60px;
    overflow:hidden;
    flex-shrink:0;
}

.calc-counter button{
    width:32px;
    height:32px;
    border:none;
    background:#fff;
    cursor:pointer;
    color:#666;
    font-size:15px;
}

.calc-counter span{
    min-width:34px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-heading);
    font-size:16px;
    font-weight:700;
    color:var(--primary-gray);
    border-left:1px solid #eee;
    border-right:1px solid #eee;
}



.calc-nav-btn{
    height:46px;
    padding:0 20px;
    border:none;
    border-radius:60px;
    font-family:var(--font-primary);
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}

.calc-nav-prev{
    background:#fff;
    border:1px solid #ddd;
    color:#777;
}

.calc-nav-next{
    background:var(--primary-green);
    color:#fff;
}

.calc-progress{
    font-size:13px;
    color:#999;
    font-weight:600;
}
#services-include{
  margin:200px 0;  
}
.services-include-list{
    list-style:none;
    gap:10px;
    margin-top:40px;
}
.services-include-list li{
    gap:20px;
    z-index:2;
}
#services-include .contacts-main {
    padding: 100px 0 0 200px;
    height: 600px;
}
#services-include .contacts-main .contacts-main-img{
    height:500px;
    bottom:30px;
    right:100px;
}
input.js-custom-ops-input,
input.js-custom-ops-input:focus,
input.js-custom-ops-input:active,
input.js-custom-ops-input:focus-visible,
input#calcAng,
input#calcAng:focus,
input#calcAng:active,
input#calcAng:focus-visible{
    background: transparent;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: textfield;
    -moz-appearance: textfield;
}
input.js-custom-ops-input{width:100%; text-align: center; margin-left: 0px;}
input.js-custom-ops-input::-webkit-outer-spin-button,
input.js-custom-ops-input::-webkit-inner-spin-button,
input#calcAng::-webkit-outer-spin-button,
input#calcAng::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.calc-activity-group-mob{display:none;}
.calc-radio-list-mob{display:none;}
#contacts h1{margin-bottom:40px;text-align: center;line-height: 1;font-size:48px;color:var(--primary-gray);}
/*=============================================================== Ru_styles =============================================================*/
html[lang="ru"] .intro-text{max-width:650px;}
html[lang="ru"] .Services-list-first .Service-item{width:650px;}
html[lang="ru"] .Services-list-first > li:nth-child(1) > .Service-item { justify-content: space-around; }
html[lang="ru"] .Services-list-sec .Service-item,.Services-list-sec #RestCont{gap: 30px;width: initial;}
html[lang="ru"] .direct-communication-text.d-flex-col{max-width:700px;}
html[lang="ru"] .prices-card .text .prices-accent{margin-right:5px;}
html[lang="ru"] #logistica h3, #imobiliare h3, #marketing h3{margin-bottom:0;}
html[lang="ru"] .another-prices-text {max-width:510px;}
html[lang="ru"] .another-prices-card .prices-btn {bottom:30px;}
html[lang="ru"] #principles .WhyUs-main{padding-left:40px;}
html[lang="ru"] .WhyUs-content .prices-main-another-title{font-size:34px;}
html[lang="ru"] .calc-summary-btn {bottom:70px;}
html[lang="ru"] #summaryLines{max-height:200px;}
html[lang="ru"] .calc-summary-wrap{width:390px;}
/*=============================================================== En_styles =============================================================*/
html[lang="en"] #prices .another-prices .d-flex .another-prices-text {max-width:500px;}
html[lang="en"] #description > div > div.col-lg-12.d-flex.intro-bottom.absolute > div:nth-child(2) > text{max-width:240px;}
html[lang="en"] .WhyUs-check {top:15px;}
html[lang="en"] .main-title {font-size:64px;}
@media (max-width: 1600px){
    .container {margin: 0 auto;width: 1110px;}
    .intro-img .bg-image{height:500px;width:auto;}
    .main-title{font-size:86px;}
    .text {font-size:22px;}
    .text-sm, .badge {font-size:18px;}
    .intro-bottom {bottom:-70px;}
    .intro-btn{margin-top:30px;}
    .scrolling-bar {margin-top:200px;}
    .WhyUs-main{width:420px;height:600px;padding:30px;}
     #principles .w-100 .WhyUs-main{width:420px;height:600px;padding:30px;}
    .WhyUs-content .semi-bold-md {margin:0;}
    .WhyUs-check {height:30px;width:auto;top:15px;}
    .br-mob{display:none;}
    .br-desk{display:none;}
    .br-desk-sm{display:block;}
    .WhyUs-card-img, #principles .w-100 .WhyUs-main .WhyUs-card-img{height:125px;z-index:1;}
    .WhyUs-card .text-sm{position: absolute;max-width: calc(100% - 40px);z-index: 2;}
    .direct-communication-text{max-width:550px;}
    .another-prices .d-flex .flex-between.flex-equal{flex-direction:column;gap:10px;}
    .another-prices{position:relative;}
    .calc-card{position: absolute;width: 650px;bottom: 0;flex-direction: column;gap: 40px;}
    .calc-card img{transform: rotate(135deg);}
    .description-text .main-title {line-height:.9;}
    #description .intro-bottom{bottom:-90px;}
    .giud-wraper{height:700px;}
    .giud-ring {width:600px;height:600px;margin-top:-300px;margin-left:-300px;}
    .guid-slot{ --radius:350px;}
    .guid-center{width:600px;}
    .statement-main .statement-text{max-width:600px;}
    .prices-main-another{gap:30px;}
    .prices-main-another .WhyUs-Details .WhyUs-Details .d-flex{flex-direction:column;gap:20px;}
    .WhyUs-Details .d-flex-col.WhyUs-Details{display:none;}
    #price-calculator .semi-bold-md{display:flex;justify-content:center;}
    .calc-panel-row{gap:20px}
    .calc-pill span{width:70px;}
    .calc-panel.active{gap:10px;}
    .calc-layout {gap:20px;}
    .calc-summary-btn {width:230px;}
    #services-include .contacts-main {padding: 100px 0 0 100px;height: 500px;}
    #services-include .contacts-main .w-100 img{bottom:0;}
    #services-include .contacts-main .contacts-main-img{height:400px;bottom:30px;right:50px;}
    .flex-equal.d-flex.center-v.flex-end.atributes{justify-content:flex-end;}
    .prices-nav-next{right:-90px;}
    .prices-nav-prev{left:-90px;}
    .another-prices-card{height:300px;}
    .another-prices-card .prices-btn{bottom:30px;}
/*=============================================================== Ru_styles =============================================================*/
html[lang="ru"] .intro-bottom {bottom:-100px;}
html[lang="ru"] .semi-bold-md {font-size:40px;}
html[lang="ru"] .WhyUs-check {right:15px;}
html[lang="ru"] #WhyUs > div > div.flex-equal.d-flex-col.WhyUs-Details > div:nth-child(2) > div:nth-child(2) > img.absolute.bottom.right.WhyUs-card-img {height:110px;bottom:-5px;}
html[lang="ru"] #WhyUs > div > div.flex-equal.d-flex-col.WhyUs-Details > div:nth-child(2) > div:nth-child(2) > p{max-width:calc(100% - 10px);}
html[lang="ru"] .Services-list-first{flex-direction:column;align-items:center;}
html[lang="ru"] .Services-group ul{gap:20px;padding-left:0;}
html[lang="ru"] .direct-communication-text.d-flex-col{max-width:600px;}
html[lang="ru"] .another-prices-card h3 {font-size:28px;}
html[lang="ru"] .another-prices-text {max-width:unset;}
html[lang="ru"] .contacts-main{padding:80px 100px 80px 80px;}
html[lang="ru"] #description .intro-bottom {bottom:-140px;}
html[lang="ru"] .intro-bottom .atributes .text{font-size:20px;} 
html[lang="ru"] #description > div > div.col-lg-12.d-flex.intro-bottom.absolute > div:nth-child(2) > p{max-width:160px;}
html[lang="ru"] .giud-ring{width: 500px;height: 500px;margin-top: -250px;margin-left: -250px;}
html[lang="ru"] .guid-center{width:600px;}
html[lang="ru"] .giud-wraper{height:600px;}
html[lang="ru"] #principles .WhyUs-main {padding:30px;}
html[lang="ru"] #principles > div > div.flex-equal.d-flex-col.WhyUs-Details > div:nth-child(2) > div:nth-child(2) > img.absolute.bottom.right.WhyUs-card-img{right:0;}
html[lang="ru"] .statement-title.semi-bold-md{font-size:36px;}
html[lang="ru"] .calc-summary-wrap {width:370px;}
html[lang="ru"] #price-calculator .calc-panel.active.calc-panel-base > div:nth-child(n+2):nth-child(-n+3) {flex-direction:column;}
html[lang="ru"] #price-calculator .calc-panel.active.calc-panel-base > div:nth-child(n+2):nth-child(-n+3) h3{margin:0;}
html[lang="ru"] .calc-activity-btn {padding:0 15px;}
html[lang="ru"] .calc-summary-btn{width:300px;}
html[lang="ru"] #prices-main .main-title{font-weight:600;}
html[lang="ru"] #prices-main .main-title .accent{line-height:0.8;}
/*=============================================================== En_styles =============================================================*/
html[lang="en"] .semi-bold-md {font-size:44px;}
html[lang="en"] #prices > div.another-prices.d-flex-col > div.d-flex.w-100 > div.flex-between.flex-equal{align-items:flex-end;}
html[lang="en"] #principles .w-100 .WhyUs-main{width:440px;}
html[lang="en"] #principles > div > div.flex-equal.d-flex-col.WhyUs-Details > div:nth-child(2) > div:nth-child(2) > img.absolute.bottom.right.WhyUs-card-img{right:0;height:130px;}
}
@media (max-width: 1100px){
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
.navbar{display:none;}
.container{width:85%;}
.mobile-navbar {display: flex;}
.navbar-mob {
    display: flex;
    width: 100%;
    min-height: 56px;
    border-bottom: 1px solid #ececec;
    background: #fff;
}
.mobile-menu-toggle {display: none;}
.burger {
    cursor: pointer;
    display: inline-flex;
    width: 48px;
    height: 48px;
}
.burger svg {
    width: 48px;
    height: 48px;
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line {
    fill: none;
    stroke: var(--primary-green);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    transition:
    stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line-top-bottom {stroke-dasharray: 12 63;}
.mobile-menu-toggle:checked + .navbar-mob .burger svg {
    transform: rotate(-45deg);
}
.mobile-menu-toggle:checked + .navbar-mob .burger svg .line-top-bottom {
    stroke-dasharray: 20 300;
    stroke-dashoffset: -32.42;
}
.mobile-menu {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid transparent;
    transition: max-height 0.35s ease, padding 0.35s ease, border-color 0.35s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
}
.mobile-menu-item {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    color: #2f2f2f;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
}
.nav-btn{
    width: 80%;
    margin: 10px auto;
    height: 40px;
}
.mobile-menu-toggle:checked ~ .mobile-menu {
    max-height: 320px;
    border-top-color: #ececec;
}
.intro, #description{margin-top:50px;}
.main-title{font-size:44px;}
.main-title span{font-size:24px;}
.intro-img{display:none;}
.intro-bottom{display:none;}
.intro-img-mob{
    display:block;
    overflow:hidden;
    position:relative;
    border-radius:30px;
}
.badge{
    font-size: 12px;
    top: 10px;
    padding: 10px;
}
.badge .icon{
    width:10px;
    height:10px;
}
.text{font-size:14px;}
.br-mob{display:block;}
.br-desk{display:none;}
.br-desk-sm{display:none;}
.intro .text{text-align:justify;}
.intro-btn{
    font-size:14px;
    margin-top:20px;
    padding:10px 20px;
}
#consultatie{margin-right:auto}
.scrolling-bar{
    margin-top:100px;
}
#WhyUs .d-flex, #principles .d-flex{
    flex-direction:column;
    gap:20px;
}
.WhyUs-main{
    width:100%;
}
.semi-bold-md{font-size:24px;}
.WhyUs-main, #principles .w-100 .WhyUs-main {
    width: 100%;
    height: 340px;
    padding:30px;
    background-position:bottom right;
}
.WhyUs-content p{
    margin:10px 0 0 0;
}
.WhyUs-card h3{
    font-size:18px;
}
.WhyUs-card{
    flex: initial;
    height: 240px;
}
.text-sm{font-size:14px;}
.WhyUs-card-img, #principles .WhyUs-card img, #principles .w-100 .WhyUs-Details .WhyUs-Details .WhyUs-card .WhyUs-card-img{
    height:120px;
    width:auto;
}
.WhyUs-check,  #principles .WhyUs-card .WhyUs-check{
    width: 35px;
    height: 35px;
    top: 15px
}
.Services-main {margin-top:150px;}
.Services-group ul{
    flex-direction:column;
    margin:0;
    padding:0;
    gap:20px;
}
.Services-group{
    margin-top:20px;
    display:flex;
    justify-content:center;
}
.Services-main h2{margin-bottom:30px;}
.Service-item{width:330px !important;height:60px;}
.Service-icon{
    width:32px;
    height:32px;
}
.Service-icon img{height:16px;width:auto;}
.direct-communication-img {display:none;}
.direct-communication-img-mob{
    display:block;
    overflow: hidden;
    border-radius: 20px;
}
#direct-communication{margin-top:150px;}
#prices h2{
    margin-bottom:40px;
    text-align:center;
}
.prices-slider .prices-nav-prev,.prices-slider .prices-nav-next{display:none;}
.prices-nav-mob{display:flex;}
.prices-nav-mob .prices-nav-prev img, .prices-nav-mob .prices-nav-next img{
    height:34px;
    width:34px;
}
.prices-nav-prev, .prices-nav-next{
    margin:0;
    padding:0;
    transform: translateY(-50%);
    top: 50%;
}
.prices-nav-prev{left:0;}
.prices-nav-next{right:0;}
.prices-nav-mob .text{margin:10px;text-align:center;max-width:65%;}
.prices-viewport{width:100%;}
.prices-card {
    width: calc(100% - 5px);
    max-width: calc(100% - 5px);
    flex: 0 0 calc(100% - 5px);
    margin: 10px 0;
    padding: 20px 20px 80px;
    box-sizing: border-box;
}
.prices-img {
    width: 100%;
    height: auto;
    display: block;
}
.prices-btn {
    width: calc(100% - 40px);
    left: 20px;
}
.another-prices .d-flex{flex-direction:column;gap:20px;}
.another-prices .d-flex .flex-between{flex-direction:column;gap:20px;}
.another-prices-text{
    margin:0;
    border-radius:var(--md-border-radius);
    box-shadow:var(--def-box-sh);
    padding:20px;
    box-sizing:border-box;
    width:100%;
}
.another-prices-text h3{margin-bottom:15px;}
.another-prices-text .text{margin:0;max-width:100%;}
.another-prices-card h3{font-size:24px;}
.another-prices-card .text{font-size:18px;}
.prices-accent{font-size:32px;}
.another-prices-card{width:100%;height:240px;}
.another-prices-card .prices-btn{
    bottom:20px;
    left:20px;
    height:40px;
}
.calc-card span{display:none;}
.calc-card .calc-card-mob-span{display:flex;margin-bottom:20px;}
.calc-card{flex-direction:column;margin-top:20px;padding:25px;}
.calc-card .calc-price-btn{width:100%;height:40px;}
.contact-btn{width:100%;height:40px;max-width:330px;}
.contacts-main{flex-direction:column;padding:30px;}
.contacts-main img{display:none;}
.contacts-icon img{display:block;height:20px;width:auto;}
.contacts-main .contacts-main-img-mob {display:block;}
.contacts-icon{width:50px;}
.contacts-text p{margin:20px 0;}
#contacts{margin-top:150px;}
.footer .container{flex-direction:column;align-items:start;}
.footer .container .text{color:#ffffff;}
.footer .container .privacy{color:#ffffff;font-size:10px;}
.author img{height:18px;}
.description-text{padding:0;}
#contacteazama{margin:30px auto;}
.description-text .main-title{margin-bottom:30px;}
#giud{display:none;}
#principles{margin-top:150px;}
#statement{margin-top:150px;}
.statement-text{margin:0;}
.statement-title{margin-bottom:30px;}
#prices-main .main-title{font-size:64px;align-items:center;}
.prices-main-another{flex-direction:column;gap:20px;}
.prices-main-another .WhyUs-main{height:300px;}
.prices-main-badge .text-head, .prices-main-another-services .text-head{font-size:18px;}
.prices-main-another .flex-equal .d-flex {flex-direction:column;gap:20px;}
.prices-main-another-services{margin:0;}
.prices-btn-container{flex-direction:initial !important;}
.prices-main-btn{height:40px;}
.price-calculator{margin-top:150px;}
.price-calculator h2{justify-content:center;display:flex;}
.calc-layout{flex-direction:column;gap:20px;}
#services-include{margin:150px 0 100px 0;}
#services-include .contacts-main {padding:30px;height:400px;}
.contacts-main img{display:block;bottom:0;right:0;}
.calc-panel-base  .calc-panel-row{flex-direction:column;align-items:start;gap:10px;}
.calc-extra-item {flex-direction:column;}
.calc-extra-item h3{width:100%;}
.calc-panel{padding:20px;flex-direction:column;gap:10px;}
.calc-extra-item{width:100%;box-sizing:border-box;gap:0;}
.calc-pill-group{width:100%;}
.calc-pill{display:flex;flex:1;}
.calc-pill span{width:initial;flex:1;height:30px;}
.activity-gen{flex-direction:row;}
.calc-activity-btn{padding:0 10px;}
.calc-activity-group-mob, .calc-radio-list-mob{gap:10px;}
.calc-radio-row input {margin:10px;}
.calc-radio-row{width:120px;}
.calc-progress{display:none;}
.calc-summary-wrap{width:100%;}
.calc-extra-title {text-align:ceneter;}
.calc-radio-list-mob .calc-activity-group-row{gap:15px;}
.calc-nav{padding:0 20px;}
.calc-card {
    box-sizing: border-box;
    position: initial;
    width: initial;
    gap: initial;
}
#services-include .contacts-main .contacts-main-img{display:none;}
.badge .icon{height:15px;width:15px;}
.prices-card h3{font-size:24px;}
.prices-card .text.f-medium.margin-null{font-size:16px;}
#contacts {margin-top: 100px;}
#contacts h1{font-size:36px;}
/*=============================================================== Ru_styles =============================================================*/
html[lang="ru"] .intro-btn {padding:10px 15px;font-size:12px;}
html[lang="ru"] .intro .text{letter-spacing:1px;text-align:initial;}
html[lang="ru"] .semi-bold-md{font-size:24px;}
html[lang="ru"] .WhyUs-check, #principles .WhyUs-card .WhyUs-check{width:28px;height:28px;}
html[lang="ru"] .Services-main .semi-bold-md{text-align:center;}
html[lang="ru"] .another-prices-card {height:280px;}
html[lang="ru"] .contacts-main{padding:30px;}
html[lang="ru"] .statement-title.semi-bold-md {font-size:21px;}
html[lang="ru"] #contacts h1{font-size:32px;}
html[lang="ru"] #prices-main .main-title {font-size:32px;}
html[lang="ru"] #prices-main .main-title .accent{font-size:18px;}
html[lang="ru"] .WhyUs-content .prices-main-another-title{font-size:24px;}
html[lang="ru"] .calc-summary-wrap{width:initial;}
html[lang="ru"] .calc-activity-title {font-size:12px;}
html[lang="ru"] #price-calculator .calc-panel.active.calc-panel-base > div:nth-child(n+2):nth-child(-n+3) h3{margin:1em 0;}
/*=============================================================== En_styles =============================================================*/
html[lang="en"] .Services-main h2{text-align:center;}
html[lang="en"] .description-text .main-title {font-size:40px;}
html[lang="en"] #principles .w-100 .WhyUs-main{width:100%;}
html[lang="en"] .semi-bold-md{font-size:24px;}
html[lang="en"] #prices-main .main-title{font-size:50px;}
}
@media (max-width: 700px){
    .calc-activity-group{display:none;}
    .calc-activity-group-mob{display:flex;}
    .calc-radio-list{display:none;}
    .calc-radio-list-mob{display:flex;}
}
@media (max-width: 560px){
    .WhyUs-main, #principles .WhyUs-main {
    width: 100%;
    height: 340px;
    padding:30px;
    background-position: 0 150px;
}
}








.nav-lang-dropdown {
    margin-left:50px;
    position: relative;
    display: flex;
    align-items: center;
}

.nav-lang-current {
    cursor: pointer;
}

.nav-lang-submenu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 70px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .2s ease;
    z-index: 1000;
    overflow: hidden;
}

.nav-lang-submenu a {
    padding: 10px 14px;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.nav-lang-submenu a:hover {
    background: #f5f5f5;
}

.nav-lang-dropdown:hover .nav-lang-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-lang-switch {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.mobile-lang-title {
    margin-bottom: 10px;
    opacity: 0.8;
}

.mobile-lang-links {
    gap: 10px;
}

.mobile-lang-links .mobile-menu-item {
    min-width: 48px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 10px;
}

.mobile-lang-links .mobile-menu-item.active {
    background: rgba(255,255,255,0.12);
}








.nav-lang-dropdown {
    margin-left:50px;
    position: relative;
    display: flex;
    align-items: center;
}

.nav-lang-current {
    cursor: pointer;
}

.nav-lang-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 60px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.2s ease;
    z-index: 1000;
    overflow: hidden;
}

.nav-lang-submenu a {
    padding: 10px 14px;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.nav-lang-submenu a:hover {
    background: #f5f5f5;
}

.nav-lang-dropdown:hover .nav-lang-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.mobile-lang-dropdown {
    width: 100%;
}

.mobile-lang-toggle {
    display: none;
}

.mobile-lang-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.mobile-lang-arrow {
    transition: transform 0.2s ease;
}

.mobile-lang-submenu {
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: max-height 0.25s ease;
}

.mobile-lang-submenu .mobile-menu-item {
    padding-left: 20px;
}

.mobile-lang-toggle:checked + .mobile-lang-trigger + .mobile-lang-submenu {
    max-height: 200px;
}

.mobile-lang-toggle:checked + .mobile-lang-trigger .mobile-lang-arrow {
    transform: rotate(180deg);
}