.logo {
                display: flex;
                align-items: center;
                gap: 10px
            }
.mega-main-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  text-decoration: none;
  background: #e5e8ed;
  border-radius: 10px;
  transition: .25s ease;
  padding: 14px 16px;
  border-radius: 15px;
  font-weight: 600;
  color: #747a96;
  cursor: pointer;
}

.mega-main-link:hover {
  background: #e5e8ed;
  color: #fff;
}

            .logo span {
                font-size: 20px;
                color: #ffffff;
                font-weight: 600;
                display: flex;
                flex-direction: column;
                line-height: 1.2;
                font-size: clamp(1.25rem, 1.1913183279742765rem + 0.2572347266881029vw, 1.5rem);
            }
.site-header.scrolled .logo span {
                font-size: 20px;
                color: #000000;
                font-weight: 600;
                display: flex;
                flex-direction: column;
                line-height: 1.2;
                font-size: clamp(1.25rem, 1.1913183279742765rem + 0.2572347266881029vw, 1.5rem);
            }

            .site-header.scrolled .logo span small {
                font-size: 12px;
                color: #6b7a90;
                font-weight: 600;
                font-size: 13px;
                color: #7f86a0;
            }
   .logo span small {
                font-size: 13px;
                color: #ffffff9c;
                font-weight: 600;
            }
            header {
            }

            .header {
                position: relative;
                width: 100%;
                margin-bottom: 10px;
                -webkit-transition: all .5s ease 0s;
                padding: 15px 20px;
                -o-transition: all .5s ease 0s;
                transition: all .5s ease 0s;
                border-radius: clamp(20px, 2vw, 40px);
                margin-top: 0
            }.spo .site-header.scrolled .mega__inner a:hover {
    text-decoration: none;
    color: #1991ee;
    
}
.spo .site-header.scrolled .header__nav a {
                font-weight: 600;
                color: #36475f;
                line-height: 1;
                color: #000000;
                font-weight: 600;
                color: #2b2f33;
                
            }.site-header.scrolled .header__nav a {
    color:#000;
            }
            .header__nav a {
                font-weight: 600;
                color: #36475f;
                line-height: 1;
                color: #ffffff;
                font-size: 19px;
                margin-bottom: 0px;
            }    .header__nav .social-mess a{
                   background: #fff;
            }

            .levels-header-buttons {
                padding: 6px;
                border-radius: 45px;
                background: #2563eb21
            }
 .site-header.scrolled .levels-header-buttons a {
                font-size: 14px;
                font-weight: 600;
                color: #000;
            }
            .levels-header-buttons a {
                font-size: 14px;
                font-weight: 600;
                color: #ffffff;
                margin-bottom: 0px;
            }
    .mobile-sidebar .levels-header-buttons .btn-edu  {
                font-size: 14px;
                font-weight: 600;
                color: #000;
            } .mobile-sidebar .levels-header-buttons .btn-edu.is-active  {
                font-size: 14px;
                font-weight: 600;
                color: #fff;
            }
            .button-header.btn-primary {
                background: #2563eb;
                padding: 10px 15px;
                border-radius: 59px;
                color: #fff;
                font-size: 16px;
                font-weight: 600
            }

            .button-header.sub-button {
                background: #ffffff00;
                padding: 10px 15px;
                color: #7c85ac;
                font-size: 16px;
                font-weight: 600
            }

            .header__city {
            }

            .header-dropdown {
                position: absolute;
                top: calc(100% + 10px);
                left: 0;
                width: 100%;
                padding: 0 20px;
                opacity: 0;
                visibility: hidden;
                transition: .3s ease;
                z-index: 9
            }

            .header-dropdown.show {
                opacity: 1;
                visibility: visible
            }

            .header-dropdown__inner {
                background: #fff;
                border-radius: 20px;
                padding: 25px;
                box-shadow: 0 11px 35px #dedede6b
            }

            .bg-darker.active {
                background: #0000004a;
                position: fixed;
                width: 100%;
                height: 100%;
                inset: 0;
                z-index: 5;
            }.spo .site-header.scrolled .city-selector-container {
    background: #1991ee;
}
.site-header.scrolled .city-selector-container {
                display: flex;
                gap: 8px;
                align-items: center;
                font-weight: 600;
                background: #1ede7b;
                padding: 10px 20px;
                font-size: 16px;
                border-radius: 45px;
                cursor: pointer;
                color: #ffffff;
                background: #05b368;
                padding: 16px 18px;
                border-radius: 18px;
            }   .spo .city-selector-container {
                display: flex;
                gap: 8px;
                align-items: center;
                font-weight: 600;
               background: #1991ee;
                padding: 16px 20px;
                font-size: 16px;
                border-radius: 45px;
                cursor: pointer;
                color: #ffffff;
              
                padding: 16px 18px;
                border-radius: 18px;
            }
            .city-selector-container {
                display: flex;
                gap: 8px;
                align-items: center;
                font-weight: 600;
                background: #1ede7b;
                padding: 16px 20px;
                font-size: 16px;
                border-radius: 45px;
                cursor: pointer;
                color: #ffffff;
              
                padding: 16px 18px;
                border-radius: 18px;
            }
 .city-selector-container i{
     line-height: 1;
     color: #ffffff;
     font-size: 14px;
 }
            .city-selector-container:hover {
                
                
            }
   .city-selector-container:hover i{
                
                
            }
          

            :root {
                --header-bg: #fff;
                --shadow: 0 11px 35px rgba(222,222,222,.7);
                --accent: #2563eb;
                --gap: 18px
            }

             

            .header {
                max-width: 1360px;
                margin: 0 auto;
                padding: 25px 0;
                display: flex;
                align-items: center;
                gap: 20px;
                position: relative;
                background: #00000038;
                padding: 20px;
                box-shadow: 0px 16px 45px #09090914;
                align-items: center;
                display: flex;
                backdrop-filter: blur(4px);
            }

            .header__left {
                flex: 0 0 auto
            }

            .logo {
                display: flex;
                align-items: center;
                gap: 5px;
                text-decoration: none;
                color: #36475f
            }

            .search-toggle img{
                    width: 24px;
                    
            }
                  .favorites-link img{
                    width: 24px;
                    
            }    .search-submit img{
                    width: 19px;
                    filter: brightness(300.5);
            }
            
            
.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    line-height: 1;
    font-size: 21px;
    color: #ccd1d9;
}
.site-header.scrolled .search-toggle{
    color: #000;
}
.search-toggle,
.favorites-link {
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
background: none;
    
border: none;
    
cursor: pointer;
    
transition: all .2s ease;
        line-height: 0;
    font-size: 20px;
color: #ffffff;
}

.header-contacts {
    position: relative;
    font-size: 14px;
}


.hc-trigger {
    display: flex;
    gap: 0px;
    cursor: pointer;
}

.hc-left {
    display: flex;
    align-items: start;
    gap: 8px;
}

.site-header.scrolled  .hc-left i {
    font-size: 14px;
    color: #000000;
}
.hc-left i {
    font-size: 14px;
    color: #ffffff;
}


.hc-text {
    display: flex;
    flex-direction: column;
}
.site-header.scrolled .hc-phone {
    color:#000;
}
.hc-phone {
    font-weight: 600;
    text-decoration: none;
 
    font-weight: 600;
 
    line-height: 1;
    color: #fff;
    font-size: 19px;
    margin-bottom: 0px;
}
.site-header.scrolled .hc-sub {
    font-size: 12px;
    color: #6b7a90;
    font-weight: 700;
}
.hc-sub {
    font-size: 12px;
    color: #ffffffb8;
    font-weight: 700;
}


.hc-arrow {
    transition: transform 0.3s;
    line-height: 0;
    height: 12px;
}.site-header.scrolled .hc-arrow i{
    color: #0d0d0d;
}
.hc-arrow i{
    transition: transform 0.3s;
    line-height: 0;
    height: 12px;
    color: #fff;
}

.hc-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;    z-index: 4;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    width: 260px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: 0.25s;
}

.header-contacts.open .hc-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.header-contacts.open .hc-arrow {
    transform: rotate(180deg);
    line-height: 0;
}


.hc-item {
    margin-bottom: 10px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    color: #747d8d;
}

.hc-item:last-child {
    margin-bottom: 0;
}
.hc-item:last-child span{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.hc-item a {
    color: #000;
    text-decoration: none;
    font-size: 17px;
    display: flex;
    gap: 8px;
    align-items: center;
}.spo .hc-item a i {
    color: #1991ee;
    background: #e5edf9;
}.spo .hc-item a img {
    filter: invert(40%) sepia(91%) saturate(546%) hue-rotate(158deg) brightness(100%) contrast(89%);
}.hc-item a i{
    color: #42c974;
    text-decoration: none;
    font-size: 15px;
    border-radius: 6px;
    color: #00df75;
    background: #76c99a22;
    vertical-align: bottom;
    flex-shrink: 0;
    height: max-content;
   
   
    width: 24px;
    height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}.hc-item a img{
       color: #42c974;
       text-decoration: none;
       font-size: 15px;
       border-radius: 6px;
       color: #00df75;
       background: #76c99a22;
       vertical-align: bottom;
       flex-shrink: 0;
       height: max-content;
      
      
       width: 24px;
       height: 24px;
       position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 13px;
       padding: 5px;
       filter: invert(62%) sepia(62%) saturate(1830%) hue-rotate(103deg) brightness(99%) contrast(101%);
}
.hc-item strong {
    text-decoration: none;
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #707a8a;
}

@media (max-width: 768px) {

    .hc-text,
    .hc-arrow {
       
    }

    .hc-trigger {
       
       
        justify-content: center;
        border-radius: 50%;
       
    }

    .hc-left i {
        font-size: 18px;
    }

    .hc-dropdown {
        right: -10px;
        width: 260px;
    }
}
.search-toggle:hover,
.favorites-link:hover {
    background: none;
    transform: translateY(-3px);
    
    
}


.header-search-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 110%;
    background: rgb(237 241 250 / 0%);
    
    
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .25s ease;
    z-index: 2;
    
}

.header-search-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 20px;
    background: #f2f4f7;
    
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-container form {
    flex: 1;
    display: flex;
    gap: 12px;
}

.search-container input {
    flex: 1;
    height: 52px;
    border-radius: 14px;
    border: 1px solid #f3f6fb;
    padding: 0 18px;
    font-size: 15px;
    outline: none;
    background: #fff;
    font-weight: 600;
}
 .mega-panel .mega-main-link:hover{
                   
                   
            }  .spo .search-submit {  background: linear-gradient(135deg, #2badf1, #025ca9);
    color: #ffffff;
    box-shadow: 0 12px 26px rgb(111 189 255 / 25%);
    width: max-content;
    padding: 15px 18px;
    gap: 10px;
    outline: 1px #ffffff3b solid;}
.search-submit {
    height: 52px;
   padding: 15px 18px;
    border-radius: 14px;
    background: #2b2f39;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
    background: linear-gradient(135deg, #67b16c, #1ede7b);
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
    box-shadow: 0 12px 30px rgb(37 235 50 / 35%);
}

.search-close {
    background: transparent;
    border: none;
    font-size: 22px;
    cursor: pointer;
    opacity: .5;
}

.search-close:hover {
    opacity: 1;
}
            .header__nav {
                flex: 1 1 auto;
                display: flex;
                align-items: center;
                gap: 11px;
                justify-content: space-between
            }

            .levels-header-buttons {
                padding: 5px;
                border-radius: 35px;
                background: #4f8d60;
                display: flex;
                gap: 0;
                
                width: max-content;
                color: #ffffff;
                background: #cdcdcd38;
            }

            .btn-edu {
                padding: clamp(4px, 0.5vw, 8px) 9px;
                border-radius: 15px;
                font-weight: 600;
                text-decoration: none;
                color: #7c85ac;
                background: transparent
            }.site-header.scrolled .levels-header-buttons {
    background: #e5f8ef;
}.spo .site-header.scrolled .btn-edu.is-active {
                background: #1991ee;
                color: #fff;
            }
.site-header.scrolled .btn-edu.is-active {
                background: #737a95;
                color: #fff;
                border-radius: 210px;
                background: #2563eb1c;
                color: #4b4b4b;
                background: #05b368;
                color: #ffffff;
            }.spo .btn-edu.is-active {
    background: #1991ee;
    color: #fff;
}
.spo .site-header.scrolled .levels-header-buttons {
   background: #cdcdcd38;
   background: #e5edf9;
}
.spo .levels-header-buttons {
    background: #a0bbe326;
}
            .btn-edu.is-active {
                background: #737a95;
                color: #fff;
                border-radius: 210px;
                background: #2563eb1c;
                color: #4b4b4b;
                background: #05b368;
                color: #ffffff;
            }

            .nav-link {
                text-decoration: none;
                color: #000;
                font-weight: 500
            }

            .nav-item {
                display: flex;
               
                flex-direction: column;
            }
.site-header.scrolled .nav-trigger {color:#000;background: #ffffff00;}
            .nav-trigger {
                background: none;
                border: none;
                font: inherit;
                cursor: pointer;
                padding: 0 0;
                font-weight: 500;
                display: flex;
                gap: 5px;
                align-items: center;
                font-size: 16px;
                font-weight: 600;
                color: #36475f;
                line-height: 1;
                font-size: 18px;
                color: #ffffff;
            }
  .spo .nav-trigger:hover,.spo .nav-link:hover {
                color: #3caaff;
            }.spo .nav-trigger:hover img,.spo .nav-link:hover img {
                 filter: invert(40%) sepia(91%) saturate(546%) hue-rotate(158deg) brightness(100%) contrast(89%);
            }
            .nav-trigger:hover,.nav-link:hover {
                color: #14cb6c;
            }

            .nav-trigger:hover img,.nav-link:hover img {
                filter: invert(36%) sepia(90%) saturate(4779%) hue-rotate(217deg) brightness(96%) contrast(91%);
                filter: invert(54%) sepia(92%) saturate(406%) hue-rotate(96deg) brightness(97%) contrast(95%);
            }
.site-header.scrolled .nav-trigger img, .site-header.scrolled .nav-link img {
                width: 12px;
                filter: none;
            }
            .nav-trigger img,.nav-link img {
                width: 12px;
                filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(188deg) brightness(107%) contrast(100%);
            }

            .mega {
                position: absolute;
                top: calc(100% + 5px);
                left: 0;
                width: 100%;
                pointer-events: none;
                opacity: 0;
                transform-origin: top center;
                transform: translateY(-6px) scaleY(.98);
                transition: opacity .18s ease,transform .18s ease;
                z-index: 10;
                display: none
            }

            .mega.active {
                display: block;
                z-index: 30
            }

            .mega__inner {
                background: #ffffff;
                padding: 30px;
                border-radius: 35px;
                display: grid;
                gap: 20px;
                align-items: flex-start;
                justify-content: space-between;
                pointer-events: auto;
                box-shadow: 0 20px 40px #747a9617;
                grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            }

            .mega-phone {
                display: flex;
                flex-direction: column;
                margin-bottom: 5px;
                margin-top: 15px;
            }

            .mega-phone span {
                font-size: 14px;
                color: #6b7a90;
                font-weight: 600;
            }

            .mega-column--podbor {
                cursor: pointer;
                width: 100%;
                
                padding: 24px;
                background-color: #f6f7f9;
                border-radius: 15px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                border-radius: 24px;
                background: linear-gradient(180deg, #ffffff, #f7fafc);
                border: 1px solid #eef2f7;
            }

            .mega-column--podbor img {
                position: absolute;
                width: 220px;
                right: 0;
                bottom: 0;
                z-index: 0;
                filter: grayscale(1);
                opacity: .6;
            }

            .mega-column {
                flex: 1 1 0;
                min-width: 360px;
                position: relative;
                overflow: hidden;
            }
.mega-column .social-mess{
    
position: absolute;
    
bottom: 0;
    
display: flex;
    
justify-content: center;
    
width: max-content;
    
background: #ffffff57;
    
backdrop-filter: blur(5px);
    
padding-top: 10px;
    
padding-bottom: 10px;
    
margin-bottom: 10px;
    
transform: translateX(-50%);
    
left: 50%;
    
border-radius: 20px;
    
padding: 10px;
}

.mega-column img{
               border-radius: 20px;
              
            }

            .mega-column p {
                line-height: 1.2;
                font-weight: 600;
                margin-bottom: 25px;
                font-size: 16px;
                color: #707a8a;
            }

            .mega-column--promo {
                max-width: 260px
            }

            .mega-title {
                font-size: 23px;
                margin-bottom: 20px;
                font-weight: 600;
                line-height: 1.1;
                color: #747a96;
                color: #2b2f33;
            }

            .mega-list {
                list-style: none;
                padding: 0;
                margin: 0;
                display: flex;
                flex-direction: column;
                gap: 8px
            }

            .mega-list a{
                text-decoration: none;
                font-weight: 500;
                display: block;
                padding: 6px 0;
                
                font-size: 18px;
                color: #2b2f33;
                display: flex;
                align-items: center;
                gap: 8px;
            }
.mega-link:hover {color: #1abb68 !important;background: #13d57900 !important;}
            .mega-phone a {
                color: #676d83;
                text-decoration: none;
                padding: 0;
                font-size: 19px;
                font-weight: 500;
                margin-bottom: 5px;
                color: #2a2a2a;
            }
    .mega__inner .mega-phone a:hover{
        color: #16794b;
        background:none;
    }
            .mini-form {
                display: flex;
                flex-direction: column;
                padding: 24px;
                position: relative;
                overflow: auto;
                border-radius: 24px;
                background: linear-gradient(180deg, #ffffff, #f7fafc);
                border: 1px solid #eef2f7;
            }

            .mini-form .field input {
                padding: 10px 12px;
                border: 1px solid #e6e6e6;
                border-radius: 8px;
                width: 100%;
                padding-left: 55px;
                font-weight: 500;
                font-size: 14px;
            }

            .btn-primary {
                background: #1ede7b;
                color: #fff;
                padding: 15px 25px;
                border-radius: 15px;
                text-decoration: none;
                display: inline-block;
                border: none;
                cursor: pointer;
                font-weight: 600;
                margin-top: 10px;
                z-index: 1;
                font-size: 19px;
            }
.spo .btn-primary {
    background: linear-gradient(135deg, #7ac5ff, #1991ee);
    color: #ffffff;
    box-shadow: 9px 20px 26px rgb(54 117 165 / 31%);
}
            .nav-item .mega {
                pointer-events: none;
                opacity: 0;
                transform: translateY(-6px) scaleY(.98)
            }

            .nav-item.is-open .mega {
                pointer-events: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
.skiptranslate iframe{
  display: none !important;
}


.header-menu-content-list{
    height: 500px;
    max-height: 200px;
    overflow-y: auto;
}


.header-menu-content-list .container-linker{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 15px;
    
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 15px;
    }
.header-menu-content-list .container-linker .link{
    color: #2b2f33;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    gap: 10px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.06;
    position: relative;
    display: flex;
    
    
    gap: 6px;
    min-height: 75px;
    padding: 20px 22px;
    overflow: hidden;
    border-radius: 24px;
    text-decoration: none;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 4px 20px rgba(15, 23, 42, .04);
    transition: transform .25s, border-color .25s, box-shadow .25s;
    color: #0f172a;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    align-items: flex-start;
    padding: 10px 20px;
    gap: 8px;
}.header-menu-content-list .container-linker .link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(59, 130, 246, .08), transparent 45%);
    opacity: 0;
    transition: .25s;
}
.header-menu-content-list .container-linker .link:hover{
    background: none;
    color: #0c9956;
}
.header-menu-content-list .container-linker .link .icon{
       width: 43px;
       height: 43px;
       border-radius: 30%;
       background: #8d8d8d1a;
       color: #fff;
       font-size: 22px;
       display: flex;
       align-items: center;
       justify-content: center;
       
       line-height: 1;
       padding: 4px;
       width: clamp(35px, 3.5vw, 50px);
       height: clamp(35px, 3.5vw, 50px);
       border-radius: 20%;
       
}

.header-menu-content-list .container-linker .link .icon-place{
        width: 51px;
        height: 41px;
        border-radius: 20%;
        background: #8d8d8d26;
        color: #fff;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
       
        line-height: 1;
        overflow: hidden;
        flex-shrink: 0;
        border: 1px #dedede solid;
        object-fit: cover;
        padding: 3px;
}
 .header-menu-content-list .container-linker .link .icon-place img{
     object-fit: cover;
     height: 100%;
     width: 100%;
     border-radius: 5px;
 }
            @media (max-width: 992px) {
                .header {
                   
gap: 10px;
                   
padding: 12px;
                   
justify-content: space-between;
                   
backdrop-filter: none;
                }

                .header__nav {
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    padding: 6px 4px;
                    gap: 12px
                }

                .mega {
                    position: static;
                    transform: none;
                    opacity: 1;
                    display: none
                }

                .nav-item .mega__inner {
                    box-shadow: none;
                    border-radius: 8px;
                    padding: 12px
                }

                .nav-item.is-open .mega {
                    display: block
                }
            }
.spo .mega__inner a:hover {
    text-decoration: none;
    color: #1991ee !important;
    background: #1991ee;
}
            .mega__inner a:hover {
                text-decoration: none;
                color: #fff;
                background: #13d579;
            }

            
            .mega__inner--split {
                display: grid;
                grid-template-columns: 330px 1fr;
                gap: 40px;
               
            }
.spo .site-header.scrolled .mega-sidebar {
    background: #f1f5fb;
}
      .spo .site-header.scrolled .mega-tab:hover {
    background: #e5edf9;
}      .spo .mega-sidebar {
    background: #f1f5fb;
}
            .mega-sidebar {
                display: flex;
                flex-direction: column;
                gap: 5px;
                padding: 0;
                padding-right: 40px;
                padding: 15px;
                background: #e5e8ed5c;
                border-radius: 20px;
            }

            .mega-tab {
                background: transparent;
                border: none;
                padding: 15px 18px;
                border-radius: 115px;
                font-weight: 700;
                font-size: 19px;
                color: #000000;
                cursor: pointer;
                text-align: left;
                display: flex;
                align-items: center;
                gap: 8px;
                line-height: 0;
            }   .mega-tab img{
                    width: 22px;
                    filter: invert(51%) sepia(29%) saturate(306%) hue-rotate(192deg) brightness(68%) contrast(89%);
            }
.spo .mega-tab:hover {
    background: #e5edf9;
}
            .mega-tab:hover {
                background: #e5e8ed;
            }
.spo .site-header.scrolled .mega-tab.is-active {
    background: linear-gradient(135deg, #1991ee, #1e78bd);
    color: #fff;
    box-shadow: 0 12px 30px rgb(21 87 192 / 27%);
    line-height: 0;
} .spo .mega-tab.is-active {
                background: linear-gradient(135deg, #67b16c, #1ede7b);
                color: #fff;
                box-shadow: 0 12px 30px rgb(21 192 56 / 27%);
                line-height: 0;
                background: linear-gradient(135deg, #1991ee, #1e78bd);
                color: #fff;
                box-shadow: 0 12px 30px rgb(21 87 192 / 27%);
                line-height: 0;
            }
            .mega-tab.is-active {
                background: linear-gradient(135deg, #67b16c, #1ede7b);
                color: #fff;
                box-shadow: 0 12px 30px rgb(21 192 56 / 27%);
                line-height: 0;
            } .mega-tab.is-active img{
                    
                    
                    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(1007%) contrast(101%);
            }

            
            .mega-content {
                position: relative;
            }

            .mega-panel {
                display: none;
                animation: fadeIn .25s ease;
            }

            .mega-panel.is-active {
                display: block;
            } 

            
            .mega-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(220px, 1fr));
                gap: 14px;
                margin-top: 20px;
                padding: 0;
                list-style: none;
            }

            .mega-grid li a{
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 20px;
                text-decoration: none;
                background: #f6f7f9;
                border-radius: 10px;
                transition: .25s ease;
                padding: 14px 21px;
                border-radius: 15px;
                font-weight: 600;
                color: #202021;
                cursor: pointer;
                font-size: 17px;
            }
            .mega-grid li img{
               width: 30px;
            }

            .mega-grid li:hover {
                
                
            }          .mega-grid li:hover a{
                

                

            }

            
            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(6px)
                }

                to {
                    opacity: 1;
                    transform: none
                }
            }

            
            .burger-btn {
                display: none;
                flex-direction: column;
                gap: 5px;
                background: none;
                border: none;
                cursor: pointer;
            }

            .burger-btn span {
                width: 26px;
                height: 3px;
                background: #226943;
                border-radius: 3px;
            }

.top-second .bvi-open {
    padding: 7px 10px;
    border: none;
    background: #e8fcf2;
    border-radius: 10px;
    font-size: 12px;
    display: flex;
    gap: 10px;
    font-weight: 600;
    align-items: center;
    color: #2b2f33;
    color: #747a96;
    margin-top: 0;
    color: #179b57;
}
.top-second .bvi-open img {
    width: 18px;
    height: 18px;
    filter: invert(51%) sepia(29%) saturate(306%) hue-rotate(192deg) brightness(88%) contrast(89%);
    filter: invert(46%) sepia(38%) saturate(801%) hue-rotate(97deg) brightness(97%) contrast(98%);
}


.top-second{
        display: flex;
        align-items: center;
        gap: 15px;
        
}
.top-firts{
        display: flex;
        align-items: center;
        gap: 15px;
}
.search-suggestions {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 0;
    padding: 30px;
    background: #f2f4f7;
    padding-top: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.suggest-title {
    font-size: 13px;
    font-weight: 500;
    color: #7b8198;
    margin-bottom: 10px;
}

.suggest-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.suggest-item {
    padding: 6px 14px;
    background: #dfe6f400;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s ease, transform .1s ease;
    border: 1px #cbcdd6 solid;
    font-weight: 500;
}

.suggest-item:hover {
    background: #e6eaf5;
    transform: translateY(-1px);
}
.history-clear {
    margin-left: auto;
    font-size: 12px;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
}

.history-clear:hover {
    color: #000;
}

.suggest-empty {
    padding: 8px 0;
    font-size: 14px;
    color: #888;
} .burger-mobile{
    color:#fff;
}
.site-header.scrolled .burger-mobile{
    color:#000;
}
 @media (max-width:1280px){

.header__nav {
    display:none;
}

.burger-mobile {
    border: none;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    z-index: 1;
    background: none;
    position: relative;
    font-size: 23px; 
    line-height: 1;         flex-direction: row;
        gap: 9px;    font-weight: 500;
        font-size: 15px;        align-items: center;
        text-transform: uppercase;
} .burger-mobile i{
    font-size: 22px;
}
.site-header.scrolled .burger-mobile span {
       background: #000;
}
.burger-mobile span {
    width:22px;
    height:2px;
    background: #ffffff;
    margin:auto;
    display:block;
    transition:.3s;
}

.mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    z-index: 9998;
    pointer-events: none;
}

.mobile-sidebar {
     position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 390px;
    max-width: 94%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: transform .35s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

.mobile-sidebar.active {
    transform: translateX(0);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.mobile-menu-overlay.active {
       opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-sidebar-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 10px;
    border-bottom:1px solid #eee;
    gap: 2px;
}
.spo .mobile-logo img {
    filter: hue-rotate(75deg);
}
.mobile-logo {
    display:flex;
    gap: 3px;
    align-items:center;
    font-size: 20px;
    color: #2b2f33;
   
    display: flex;
    line-height: 1.2;
    font-size: clamp(1.05rem, 0.9913183279742765rem + 0.2572347266881029vw, 1.5rem);
}

.mobile-logo span {
    display:block;
    font-size: 12px;
    color: #7f86a0;
    font-weight: 600;
}

.mobile-close {
    border:none;
    background:none;
    font-size:24px;
    cursor:pointer;
    color: #2b2f33;
}
.mobile-menu-scroll .btn-main{width: 100%;margin-top: 20px;padding: 15px 20px;margin-bottom: 30px;}
.mobile-menu-scroll {
    overflow-y:auto;
    padding: 15px;
}

.mobile-block {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:25px;
}

.mobile-level-btn {
    background:#f3f5f8;
    padding:10px 14px;
    border-radius:12px;
    text-decoration:none;
    color:#222;
    font-size:14px;
}

.mobile-contact-card {
    padding:18px;
    background:#f7faf8;
    border-radius:18px;
    margin-bottom: 15px;
   
}

.mobile-contact-card strong {
    display:block;
    margin-bottom: 2px;
    font-size: 13px;
}

.mobile-contact-card a {
    display: flex;
    text-decoration:none;
    font-size: 17px;
    font-weight: 600;
    color: #2b2f33;
}

.mobile-contact-card span {
    color: #171717;
    font-size: 15px;
    font-weight: 600;
}

.mobile-dropdown {
   
    border-radius: 20px;
   
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: #f7faf8;
}.mobile-dropdown.active {
       
        border-radius: 20px;
        padding: 15px;
        margin-bottom: 10px;
}
.mobile-dropdown-trigger {
    width:100%;
    background:none;
    border:none;
    display:flex;
    justify-content:space-between;
    padding: 15px 0;
    font-size: 17px;
    cursor:pointer;
    font-weight: 600;
    color: #2b2f33;
    padding-top: 0px;
    padding-bottom: 0px;
   
    border-radius: 20px;
    margin-bottom: 0px;
   
}
.mobile-dropdown-trigger span{
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    width: 20px;
    height: 20px;
    background: #dedede73;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 30px;
}
.mobile-dropdown-content {
    display:none;
    padding-bottom:15px;
    margin-top: 15px;
}

.mobile-dropdown.active .mobile-dropdown-content {
    display:flex;
}

.mobile-dropdown-content a {
 
    color: #2b2f33;
}

.mobile-nested {
    border: 1px solid #dedede;
    border: 1px #dedede solid;
    border-radius: 20px;
    margin-bottom: 10px;
}
.mobile-nested.active {
   border: 1px #dedede00 solid;
   border-radius: 20px;
   margin-bottom: 10px;
   overflow: hidden;
   background: #eaf2ee;
}
    .spo .mobile-nested.active {
        border: 1px #dedede00 solid;
        border-radius: 20px;
        margin-bottom: 10px;
        overflow: hidden;
        background: #e1edff91;
    }

    .mobile-nested.active .mobile-nested-trigger{
       
       
        padding-right: 15px;
        background: #72e6a11f;
       
       
    } .spo .mobile-nested.active .mobile-nested-trigger{
       padding-right: 15px;
       background: #1991ee29;
    }
.mobile-nested-trigger {
    width:100%;
    border:none;
    background:none;
    text-align:left;
    padding: 10px 0;
    font-weight: 600;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    font-size: 17px;
    padding-right: 15px;
}

.mobile-nested-content {
    display:none;
    padding-left: 0px;
    padding-bottom: 10px;
}

.mobile-nested.active .mobile-nested-content {
        display: flex;
        padding: 5px;
        gap: 5px;
        flex-direction: column;
}

.mobile-nested-content a {
    display:block;
    padding: 7px 0;
    color:#666;
    text-decoration:none;
    color: #2b2f33;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    gap: 10px;
   
    font-size: 15px;
    font-weight: 600;
   
    line-height: 1.06;
}
.mobile-nested-content a .count-programs{
font-size: 12px;
    color: #8c9d94;
}
     
     .mobile-nested-content a .icon{width: 34px;height: 34px;border-radius: 30%;background: #8d8d8d26;color: #fff;font-size: 22px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #67b16c, #1ede7b);line-height: 1;padding: 7px;}

  .spo .mobile-nested-content a .icon{width: 34px;height: 34px;border-radius: 30%;background: #8d8d8d26;color: #fff;font-size: 22px;display: flex;align-items: center;justify-content: center;background: #1991ee;line-height: 1;padding: 5px;}

     body.mobile-lock {
    overflow:hidden;
}
.mobile-nested-content a .icon img{
    filter: invert(100%) sepia(53%) saturate(2%) hue-rotate(330deg) brightness(107%) contrast(101%);
    width: 20px;
    height: 20px;
}.mobile-nested-content a .icon img{
    filter: invert(100%) sepia(53%) saturate(2%) hue-rotate(330deg) brightness(107%) contrast(101%);
    width: 20px;
    height: 20px;
}  .mobile-nested-content a .icon-place{
    width: 46px;
    height: 36px;
    border-radius: 20%;
    background: #e0e3e445;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
   
    line-height: 1;
    overflow: hidden;
    flex-shrink: 0;
   
    object-fit: cover;
    padding: 3px;
}   .mobile-nested-content a .icon-place img{  object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 5px;
 } 

.mobile-consult-box {
    background:#f7faf8;
    border-radius:20px;
    padding:20px;
    margin-top:15px;
}

.consult-manager {
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:20px;
}

.consult-manager img {
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
}

.consult-manager strong {
    display:block;
    font-size:15px;
}

.consult-manager span {
    color:#7b8494;
    font-size:13px;
}

.consult-links {
    display:flex;
    gap:10px;
    margin-bottom:15px;
}

.consult-links a {
    flex:1;
    background:#fff;
    border-radius:14px;
    padding:12px;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:600;
    color:#2b2f33;
    border:1px solid #ececec;
}

.consult-links img {
    width:18px;
}

.mobile-consult-form {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mobile-consult-form input {
    height:52px;
    border-radius:14px;
    border:1px solid #e5e7eb;
    padding:0 15px;
    font-weight:600;
}

.mobile-consult-form button {
    /* height:52px; */
    /* border:none; */
    /* border-radius:14px; */
    /* background:linear-gradient(135deg,#67b16c,#1ede7b); */
    /* color:#fff; */
    /* font-weight:700; */
    /* cursor:pointer; */
}.mobile-bottom-trust {
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.trust-item {
    display:flex;
    align-items:center;
    gap:10px;
    background:#f7faf8;
    border-radius:14px;
    padding:12px 14px;
    font-size:14px;
    font-weight:600;
    color:#4f5b67;
    justify-content: center;
}

.spo .trust-item i {
    color:#2a9af1;
    font-size:16px;
}
.trust-item i {
    color:#1ede7b;
    font-size:16px;
}

.mobile-dropdown-trigger .toggle-icon,
.mobile-nested-trigger .toggle-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
   
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    transition: .3s ease;
    flex-shrink: 0;
   
}

 .mobile-dropdown.active .toggle-icon,
.mobile-nested.active .toggle-icon {
   
    color: #383838;
    transform: rotate(180deg);
}
     
}


.header {
    transition: 0.3s;
}
.site-header {
    position: sticky;
    top: clamp(15px, 2.5vw, 45px);
    z-index: 100;
    background: #ffffff00;
    
    

    
    transition: top 0.35s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.site-header.scrolled {
    top: 10px;

   
}

.site-header.scrolled .header{
    background: rgb(255 255 255);
    backdrop-filter: none;
    background: #f7fffa;
}
.spo .site-header.scrolled .header{
    background: rgb(255 255 255);
    backdrop-filter: none;
    background: #f7fcff;
}

            .consultacia-header{
                    padding: 11px 17px;
                    border-radius: 30px;
                    background: linear-gradient(135deg, #e5eaf0, #e5e8ed);
                    display: flex;
                    gap: 8px;
                    color: #ffffff;
                    background: #0000000f;
                    align-items: center;
            }
.site-header.scrolled .consultacia-header i {
    line-height: 0;
    color: #4CAF50;
    font-size: 17px;
    display: inline-block;
    transform-origin: top center;
    animation: bellShake 1.8s ease-in-out infinite;
}.spo .site-header.scrolled .consultacia-header i {
  color: #1991ee;
}
             .consultacia-header i {
    line-height: 0;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    transform-origin: top center;
    animation: bellShake 1.8s ease-in-out infinite;
}


@keyframes bellShake {
    0%   { transform: rotate(0); }
    10%  { transform: rotate(12deg); }
    20%  { transform: rotate(-10deg); }
    30%  { transform: rotate(8deg); }
    40%  { transform: rotate(-6deg); }
    50%  { transform: rotate(4deg); }
    60%  { transform: rotate(-2deg); }
    70%  { transform: rotate(1deg); }
    80%  { transform: rotate(0); }
    100% { transform: rotate(0); }
}


                    @keyframes bellShake {
    0%   { transform: rotate(0); }
    10%  {
                    transform: rotate(12deg); }
    20%  {
                    transform: rotate(-10deg); }
    30%  {
                    transform: rotate(8deg); }
    40%  {
                    transform: rotate(-6deg); }
    50%  {
                    transform: rotate(4deg); }
    60%  {
                    transform: rotate(-2deg); }
    70%  {
                    transform: rotate(1deg); }
    80%  {
                    transform: rotate(0); }
    100% {
                    transform: rotate(0); }
};
           
 .spo .city-selector-container{
    background: #1991ee;
}
 
.city-selector-container:hover{
    
    transform:translateY(-2px);
}

.mega-city-list{
    display:flex;
    flex-wrap:wrap;
    gap: 7px;
    margin-top:20px;
}

.mega-city-list button{
    border:none;
    padding: 5px 10px;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    color:#fff;
    transition:.2s;
    font-size: 13px;
    font-weight: 600;
}

.mega-city-list button:hover{
    background:rgba(255,255,255,.14);
}


.mega-list-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap: 15px;
    padding:0;
    margin:0;
    list-style:none;
}


.mega-list-grid .mega-link{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    min-height: 75px;
    padding:20px 22px;
    overflow:hidden;
    border-radius:24px;
    text-decoration:none;
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    box-shadow:
        0 4px 20px rgba(15,23,42,.04);
    transition:
        transform .25s,
        border-color .25s,
        box-shadow .25s;
}


.mega-list-grid .mega-link::before{ content:''; position:absolute; inset:0;
                                   background: radial-gradient(circle at top right, rgb(59 246 71 / 8%),
                                                               transparent 45%);opacity:0;transition:.25s;}
.spo .mega-list-grid .mega-link::before{ content:'';  position:absolute; inset:0; 
                                        background: radial-gradient( circle at top right, rgba(59,130,246,.08), transparent 45% ); opacity:0; transition:.25s;}
 
.mega-list-grid .mega-link::after{
    content:'\2191';

    position:absolute;

    right:18px;
    top:18px;
    transform: rotate(45deg);
    font-size:18px;

    color:#94a3b8;

    transition:.25s;
}


.mega-list-grid .mega-link:hover{
       transform: translateY(-4px);
    border-color: rgb(20 169 96 / 18%);
    box-shadow: 0 12px 35px rgb(42 192 72 / 10%);
}
.spo .mega-list-grid .mega-link:hover{
    transform:translateY(-4px);  border-color:rgba(59,130,246,.18); box-shadow: 0 12px 35px rgba(59,130,246,.10);
}
.mega-list-grid .mega-link:hover::before{
    opacity:1;
}

.mega-list-grid .mega-link:hover::after{ color: #0fb069; transform:translateX(3px); } .spo .mega-list-grid .mega-link:hover::after{ color:#3b82f6; transform:translateX(3px);}
 .mega-list-grid .mega-link{
    color:#0f172a;
    font-size:16px;
    font-weight:600;
    line-height:1.35;
    align-items: flex-start;
    padding: 10px 20px;
    gap: 5px;
}
.header-menu-content-list .container-linker .link .icon .letter{
    color:#000;
}

.mega-list-grid .mega-link span{
    display:block;

    color:#64748b;

    font-size:13px;
    font-weight:400;
}


@media (max-width:768px){
.header-search-dropdown{
    display: none;
}
    .mega-list-grid{
        grid-template-columns:1fr;
    }

    .mega-list-grid .mega-link{
        min-height:auto;
        padding:18px;
        border-radius:20px;
    }

}








































.manager-status{
    display:inline-flex;

    gap:8px;

    align-items:center;

    padding:10px 16px;

    border-radius:999px;

    background:#ecfdf3;

    color:#11854d;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;
}

.manager-status span{
    width:10px;
    height:10px;

    border-radius:50%;

    background:#19d56b;

    box-shadow:
        0 0 0 8px rgba(25,213,107,.12);

    animation:pulse 2s infinite;
}

@keyframes pulse{
50%{
box-shadow:
0 0 0 14px rgba(25,213,107,0);
}
}
 
.mega-trust{display:flex;align-items:center;gap:12px;font-size: 12px;font-weight:700;color:#64748b;justify-content: center;}

.trust-dot{
width:10px;
height:10px;

background:#1ede7b;

border-radius:50%;

box-shadow:
0 0 0 8px rgba(30,222,123,.12);
}

 
 

.manager-card{

display:flex;

gap:18px;

padding:20px;

border-radius:24px;

background:
linear-gradient(
180deg,
#ffffff,
#f7fafc
);

border:1px solid #eef2f7;

margin-bottom:24px;


}

.manager-card img{

width:74px;

height:74px;

border-radius:22px;

object-fit:cover;
}

.manager-name{

display:flex;

gap:10px;

align-items:center;

font-size:20px;

font-weight:700;
}

.manager-live{

width:12px;

height:12px;

border-radius:50%;

background:#00d46a;

animation:online 2s infinite;
}

@keyframes online{

50%{

box-shadow:
0 0 0 10px rgba(0,212,106,0);

}

0%{

box-shadow:
0 0 0 0 rgba(0,212,106,.4);

}

}

.manager-sub{

margin-top:5px;

color:#6b7280;

font-weight:600;

margin-bottom: 5px;

font-size: 14px;
}
 
.mega-bottom{
 grid-column: 1 / -1;
 margin-top: 0px;
 padding-top: 30px;
 border-top:1px solid #eef2f7;
 text-align:center;
 font-size:13px;
 font-weight:700;
 color:#94a3b8;
}




.mobile-dropdown-content{
   
    flex-direction:column;
    gap:5px;
   
}

.mobile-dropdown.active .mobile-dropdown-content a{
    display:flex;
    align-items:center;
    gap:7px;
    padding:14px 16px;
    background:#fff;
    border:1px solid #eaeaea;
    border-radius:14px;
    text-decoration:none;
    color:#1f2937;
    font-weight:600;
    transition:.2s;
}

.mobile-dropdown.active .mobile-dropdown-content a:hover{
    background:#f8fafc;
    border-color:#dbeafe;
}

.mobile-dropdown.active .mobile-dropdown-content a > span{
    flex:1;
}

.mobile-dropdown.active .mobile-dropdown-content a i:first-child{
    font-size:16px;
    color:#000000;    line-height: 0;
}

.mobile-dropdown.active .mobile-dropdown-content a i:last-child{
    color:#000000;
    font-size:16px;    line-height: 0;
}.mobile-consult-trust div i {
    line-height: 0;
    color: #4dc171;
}