/*Stile-glob*/
.gglobe {
    background-image: url('/wp-content/uploads/2024/11/globe_vlq8vhibahj0.svg') !important;
    opacity: 0.8 !important;
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    cursor: pointer !important;
    display: block !important;
    transition: all 0.3s !important;
}

/*icon-stile-slider*/

.icon-stile.elementor-widget .elementor-swiper-button {
    bottom: -70px !important;
    top: auto !important;
}
/* Контейнер для кнопок навигации */
.icon-stile {
    position: relative; /* Привязываем кнопки к контейнеру */
    width: 100%; /* Убедимся, что контейнер занимает всю ширину */
    height: 100%; /* Убедимся, что контейнер занимает всю высоту */
}

/* Общие стили для кнопок навигации */
.icon-stile .elementor-swiper-button {
    background-color: #1F3D8C;
    border-radius: 50px;
    padding: 0;
    width: 45px;
    height: 44px;
    position: absolute;
    bottom: 20px; /* Отступ от нижнего края */
    transform: translateY(0); /* Сброс возможного вертикального выравнивания */
    top: auto; /* Отключаем привязку к верхнему краю */
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Настройка для кнопки "Prev" */
.icon-stile .elementor-swiper-button-prev {
    left: 20px;
}

/* Настройка для кнопки "Next" */
.icon-stile .elementor-swiper-button-next {
    left: 70px;
}

/* Стили для menu */
.htmega-verticle-menu ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    padding: 20px 20px;
    text-transform: capitalize;
    line-height: 1;
    position: relative; /* Добавляем относительное позиционирование */
    color: #000; /* Цвет текста по умолчанию */
    background-color: #fff; /* Фоновый цвет по умолчанию */
}

.htmega-verticle-menu ul > li > a::after {
    content: "";
    position: absolute;
    right: 20px; /* Позиция стрелки справа */
    top: 50%;
    transform: translateY(-50%);
    width: 16px; /* Ширина иконки */
    height: 16px; /* Высота иконки */
    background-image: url('/wp-content/uploads/2025/02/right_arrow_61a6i4r6huod.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.htmega-verticle-menu ul > li > a:hover,
.htmega-verticle-menu ul > li > a.active {
    background-color: #1f3d8c !important; /* Новый фоновый цвет для активной и наведенной ссылок */
    color: #fff !important; /* Белый цвет текста для активной и наведенной ссылок */
}

.htmega-verticle-menu ul > li > a.active::after,
.htmega-verticle-menu ul > li > a:hover::after {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(270deg) brightness(100%) contrast(100%);
}