/* -Dropdown первых трех меню- */
    
    .main-button-menu-container {
        position: relative;
    }
    .main-button-menu-shape {
        width: 200px;
        height: 45px;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: white;
        backdrop-filter: blur(2px);
        background-color: rgba(221, 223, 232, 0.3);
        cursor: pointer;
        transition: background 0.3s, color 0.3s, border-radius 0.3s;
        font-family: 'haval', sans-serif;
    }
    .main-button-menu-shape:hover,
    .main-button-menu-container:hover .main-button-menu-shape {
        background: rgba(251, 254, 233, 0.7);
        color: black !important;
    }
    .main-button-menu-container:hover .main-button-menu-shape {
        border-radius: 15px 15px 0 0;
    }
    .main-button-menu-dropdown {
        position: absolute;
        top: 100%;
        width: 200px;
        border-radius: 0 0 15px 15px;
        background: rgba(251, 254, 233, 0.7);
        backdrop-filter: blur(2px);
        overflow: hidden;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition-delay: 0.1s;
        pointer-events: none;
    }
    .main-button-menu-container:hover .main-button-menu-dropdown {
        opacity: 1;
        transform: scaleY(1);
        pointer-events: auto;
    }
    .main-button-menu-dropdown a {
        display: block;
        padding: 10px;
        color: black !important;
        text-decoration: none;
        transition: text-decoration 0.3s;
        font-size: 18px;
        font-family: 'haval', sans-serif;
    }
    .main-button-menu-dropdown a:hover {
        text-decoration: underline solid black !important;
    }
    
    /* ---Dropdown первых трех меню--- */
    
    
    
    
    
    
    
    
    
    
    
    
    /* -Четвертая кнопка- */
    
    .main-button-faq-conatiner {
        position: relative;
    }
    .main-button-faq-shape {
        width: 200px;
        height: 45px;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: white !important;
        backdrop-filter: blur(2px);
        background-color: rgba(221, 223, 232, 0.3);
        cursor: pointer;
        transition: background 0.3s, color 0.3s, border-radius 0.3s;
        font-family: 'haval', sans-serif;
        text-align: center;
    }
    .main-button-faq-shape:hover,
    .main-button-faq-conatiner:hover .main-button-faq-shape {
        background: rgba(251, 254, 233, 0.7);
        color: black !important;
    }
    
    /* ---Четвертая кнопка--- */
    
    
    
    
    
    
    
    
    
    
    
    
    /* -Сертификат- */
    
    .main-button-cert {
        width: 200px;
        height: 45px;
        background-color: #FEB937;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease;
    }
    
    .main-button-cert-text {
        color: white !important;
        font-size: 20px;
        margin: 0;
        text-align: center;
        font-family: 'haval', sans-serif;
    }
    
    .main-button-cert-text a {
        color: white !important;
        text-decoration: none; /* Убираем подчеркивание по умолчанию */
    }
    
    .main-button-cert:hover {
        transform: scale(1.05); /* Увеличение на пару пикселей */
    }
    
    .main-button-cert:hover .main-button-cert-text {
        font-weight: bold; /* Жирный текст */
    }
    
    /* ---Сертификат--- */












    /* ---Бургер меню для мобильной версии--- */

    .burger-menu-button {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 22px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 1001;
    }
    .burger-menu-button span {
        display: block;
        height: 4px;
        background: #FBFEE8;
        border-radius: 2px;
        transition: 0.4s;
    }
    .burger-menu-button.open span {
        background: black;
    }
    .burger-menu-button.open span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .burger-menu-button.open span:nth-child(2) {
        opacity: 0;
    }
    .burger-menu-button.open span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    .burger-menu {
        font-family: haval;
        position: absolute;
        top: 0;
        right: 0;
        width: 295px;
        background: rgba(251, 254, 232, 0.95);
        border-bottom-left-radius: 20px;
        transform: scale(0);
        transform-origin: top right;
        transition: transform 0.4s ease;
        z-index: 1000;
        overflow-y: visible;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
    }
    .burger-menu.open {
        transform: scale(1);
    }
    .burger-shape {
        width: 210px;
        border: 1px solid #B0B2A2;
        border-radius: 15px;
        background: transparent;
        cursor: pointer;
        color: black;
        transition: max-height 0.3s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        max-height: 22px;
        text-decoration: none;
        margin-left: -40px; /* Сдвиг на 10px левее */
    }
    .burger-shape-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 22px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 14px;
        position: relative;
    }
    .burger-shape[data-toggle] .burger-shape-header span:first-child {
        position: absolute;
        left: 50%;
        transform: translateX(-54%);
        white-space: nowrap;
    }
    .burger-shape[data-toggle] .burger-shape-header .arrow-wrapper {
        position: absolute;
        right: 15px;
    }
    .burger-shape-header.center {
        justify-content: center;
    }
    .burger-shape.burger-yellow {
        background-color: #FEB937;
    }
    .burger-shape.expanded {
        max-height: 500px;
    }
    .burger-submenu {
        display: flex;
        flex-direction: column;
        padding: 8px 15px 8px 15px;
        gap: 8px;
        font-size: 14px;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .burger-shape.expanded .burger-submenu {
        opacity: 1;
    }
    .burger-submenu a {
        text-decoration: none;
        color: black !important;
        font-size: 12px;
    }
    .burger-submenu[data-submenu="services"] a,
    .burger-submenu[data-submenu="federation"] a,
    .burger-submenu[data-submenu="festivals"] a {
        text-decoration: underline !important;
    }
    a.burger-shape {
        text-decoration: none;
        color: black !important;
    }
    .burger-arrow {
        width: 10px;
        height: 5px;
        display: inline-block;
        transition: transform 0.3s ease;
        vertical-align: middle;
    }
    .burger-shape.expanded .burger-arrow {
        transform: rotate(180deg);
    }

    /* ---Бургер меню для мобильной версии--- */














    /* ---Анимация ссылки--- */


    /* Базовый стиль для ссылки */
    .uc-partner .part .tn-atom,
    .uc-cert .polet-tut .tn-atom,
    .uc-cert .cert-link .tn-atom,
    .uc-cost .rec .tn-atom {
        color: #D90303 !important; /* Начальный цвет */
        text-decoration: none; /* Убираем стандартное подчеркивание */
        position: relative; /* Нужно для анимации подчеркивания */
        transition: color 0.3s ease; /* Плавное изменение цвета */
        
    }
    
    /* Анимация при наведении */
    .uc-partner .part .tn-atom:hover,
    .uc-cert .polet-tut .tn-atom:hover,
    .uc-cert .cert-link .tn-atom:hover,
    .uc-cost .rec .tn-atom:hover {
        color: #000000 !important; /* Цвет при наведении */
    }
    
    /* Создаем подчеркивание при наведении */
    .uc-partner .part .tn-atom::after,
    .uc-cert .polet-tut .tn-atom::after,
    .uc-cert .cert-link .tn-atom::after,
    .uc-cost .rec .tn-atom::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px; /* Толщина подчеркивания */
        bottom: -2px; /* Расположение под текстом */
        left: 0;
        background-color: #000000 !important; /* Цвет подчеркивания */
        transition: width 0.3s ease; /* Плавное появление */
    }
    
    /* Анимация подчеркивания при наведении */
    .uc-partner .part .tn-atom:hover::after,
    .uc-cert .polet-tut .tn-atom:hover::after,
    .uc-cert .cert-link .tn-atom:hover::after,
    .uc-cost .rec .tn-atom:hover::after {
        width: 100%; /* Полная ширина подчеркивания */
    }


    /* ---Анимация ссылки--- */
    











    /* ---Анимация кнопок(Забронировать и Оставить заявку на полет)--- */
    
    /* Базовый стиль текста */
    .uc-cost .bv,
    .uc-cost .znp,
    .uc-cert .rec {
      color: #D90303;
      font-size: 16px; /* Начальный размер шрифта */
      transition: all 0.3s ease; /* Плавная анимация всех изменений */
      display: inline-block; /* Чтобы transform работал корректно */
    }
    
    /* Стиль при наведении */
    .uc-cost .bv:hover,
    .uc-cost .znp:hover,
    .uc-cert .rec:hover {
      color: #000000;
      transform: scale(1.1); /* Увеличение на 10% */
      /* Или можно использовать font-size для увеличения: */
      /* font-size: 17.6px; */
    }

    /* ---Анимация кнопок(Забронировать и Оставить заявку на полет)--- */