/* Универсальный стиль для всех кнопок */
.button-primary, .button-secondary, .button-interactive, .button-gradient {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 25px;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s, box-shadow 0.3s;
}

.button-primary {
    background-color: #FF7F32;
    color: white;
}

.button-primary:hover {
    background-color: #e66c20;
}

.button-secondary {
    background-color: #555555;
    color: white;
}

.button-secondary:hover {
    background-color: #333333;
}

.button-interactive {
    background-color: #5BC0B2;
    color: white;
}

.button-interactive:hover {
    background-color: #4da29d;
}

.button-gradient {
    background: linear-gradient(135deg, #FF7F32, #FFCD00);
    color: white;
}

.button-gradient:hover {
    background: linear-gradient(135deg, #e66c20, #f1b500);
}

.button-primary:hover, .button-secondary:hover, .button-interactive:hover, .button-gradient:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* Стиль для гиперссылок */
a.highlight-link {
    color: #FF7F32; /* Яркий оранжевый для гиперссылки */
    text-decoration: none; /* Без подчеркивания */
    transition: color 0.3s ease; /* Плавный переход цвета */
}

a.highlight-link:hover {
    color: #e66c20; /* Темный оранжевый на hover */
}


/* Подсветка ключевых элементов с более высоким приоритетом */
body .highlight {
    color: #FFCD00 !important;
    text-transform: uppercase !important; /* Убираем размер шрифта и жирность */
}

/* Применяем стиль для элементов внутри Zero Block */
.tn-elem.highlight .tn-atom {
    color: #FFCD00 !important;
    text-transform: uppercase !important;
}

/* Важно, чтобы элемент действительно имел класс .highlight */
div.highlight {
    color: #FFCD00 !important; /* Убираем font-size и font-weight */
    text-transform: uppercase !important;
}

    
/* Градиент для кнопок и важных ссылок */
.highlight-gradient {
    background: linear-gradient(135deg, #FF7F32, #FFCD00);
    color: white;
    border-radius: 8px;
    padding: 5px 10px;
    font-weight: bold;
}

/* Подсветка блоков с важной информацией */
.highlight-block {
    background-color: #0A2D4E;
    color: white;
    padding: 20px;
    border-radius: 10px;
}

/* Убираем внутренние отступы у контейнера слайдера */
#rec1283522711 .tns-ovh {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* Убираем отступы с элементов слайдера */
#rec1283522711 .tns-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Убираем отступы с первого слайда */
#rec1283522711 .tns-item:first-child {
    margin-left: 0 !important; /* Убираем отступ слева */
}

/* Равномерно распределяем слайды */
#rec1283522711 .tns-carousel {
    display: flex;
    justify-content: space-between !important; /* Обеспечиваем равномерное распределение */
}

/* Обнуляем все возможные отступы и ширины для слайдера */
#rec1283522711 .tns-stage {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}