@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url('../elinCas-fonts/elinCas-roboto.woff2') format("woff2")
}

body {
    margin: 0;
    padding: 0;
    background-color: rgba(57, 113, 198, 1);
}

/* Базовые настройки */
h1,
h2,
h3,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elinCas-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Header */
.elinCas-header-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 10px 0;
}

.elinCas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.elinCas-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.elinCas-logo-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    font-style: italic;
}

.elinCas-nav-list {
    display: flex;
    gap: 165px;
}

.elinCas-nav-link {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    transition: opacity 0.3s;
}

.elinCas-nav-link:hover {
    opacity: 0.8;
}

.elinCas-age-badge {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    font-style: italic;
}

/* Hero Section */
.elinCas-hero-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 10px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.elinCas-hero-cont {
    position: relative;
}

.elinCas-flag-left,
.elinCas-flag-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
}

.elinCas-flag-left {
    left: -50px;
}

.elinCas-flag-right {
    right: -50px;
}

.elinCas-hero-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 0px;
    align-items: center;
}

.elinCas-title {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.elinCas-subtitle {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.elinCas-features {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.elinCas-feature-item {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 8px 20px;
    border-radius: 3px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}

/* Casino List Section */
.elinCas-list-sec {
    background-image: url('../elinCas-img/elinCas-city.webp');
    /* Заглушка фона */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px 0px 70px 0px;
}

.elinCas-casino-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0px;
}

.elinCas-card {
    background: linear-gradient(90deg, #FFFFFF 0%, #C4D9FF 100%);
    border-radius: 10px;
    position: relative;
}

.elinCas-card-badge {
    position: absolute;
    top: -10px;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}

.elinCas-badge-top {
    background: rgba(249, 164, 219, 1);
}

.elinCas-badge-rec {
    background: #ff76ad;
    opacity: 0.8;
}

.elinCas-card-content {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
    height: 136px;
}

.elinCas-card-logo {
    width: 198px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elinCas-card-logo img {
    max-width: 180px;
    max-height: 74px;
}

.elinCas-card-info a {
    display: block;
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    text-align: center;
    color: rgba(57, 113, 198, 1);
    padding: 30px 10px;
    width: 247px;
    text-decoration: none;
}

.elinCas-license {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #999;
}

.elinCas-container-list {
    max-width: 984px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.elinCas-card-rating {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    padding: 18px 10px;
}

.elinCas-card-rating p {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 11px;
    text-align: center;
    color: rgba(57, 113, 198, 1);
}

.elinCas-online-status p {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    text-align: center;
    color: rgba(57, 113, 198, 1);
}

.elinCas-rating-num {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    text-align: center;
    color: rgba(57, 113, 198, 1);
}

.elinCas-stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.elinCas-card-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 10px;
}

.elinCas-online-status {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: rgba(57, 113, 198, 1);
    display: flex;
    align-items: center;
    gap: 6px;
}

.elinCas-pulse-dot {
    width: 8px;
    height: 8px;
    background: #28a745;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(40, 167, 69, 0.4);
    animation: elinCas-pulse 2s infinite;
}

.elinCas-btn {
    background: linear-gradient(90deg, #7029FF 0%, #F444DD 100%);
    color: rgba(255, 255, 255, 1);
    padding: 15px 36px;
    border-radius: 100px;
    text-decoration: none;
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    text-transform: uppercase;
    transition: transform 0.3s;
}

.elinCas-btn:hover {
    transform: scale(1.05);
}

@keyframes elinCas-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

.elinCas-mob-item {
    display: none;
}

/* Адаптив */
@media (max-width: 922px) {
    .elinCas-card-content {
        flex-direction: column;
        text-align: center;
    }

    .elinCas-flag-left,
    .elinCas-flag-right {
        display: none;
    }

    .card-shadow {
        display: none;
    }

    .elinCas-mob-item {
        display: block;
    }

    .elinCas-card {
        display: none;
    }


}

/* Родителю задаем относительное позиционирование */
.elinCas-hero-cont {
    position: relative;
    z-index: 10;
}

/* Общий стиль для обоих флагов */
.elinCas-flag {
    position: absolute;
    top: 50%;
    transform: translateY(-25%);
    width: 140px;
    pointer-events: none;
}

.elinCas-flag img {
    width: 100%;
    height: auto;
    display: block;
}

/* Позиция левого флага */
.elinCas-flag-left {
    left: -80px;
    /* Выносим за пределы контейнера 1140px влево */
}

/* Позиция правого флага */
.elinCas-flag-right {
    right: -80px;
    /* Выносим за пределы контейнера 1140px вправо */
}

/* Адаптив: убираем флаги или уменьшаем их, чтобы они не перекрывали текст на мобилках */
@media (max-width: 1300px) {
    .elinCas-flag-left {
        left: 0;
        opacity: 0.5;
    }

    .elinCas-flag-right {
        right: 0;
        opacity: 0.5;
    }
}

@media (max-width: 1100px) {

    /* На маленьких экранах флаги обычно скрывают, чтобы не загромождать интерфейс */
    .elinCas-flag {
        display: none;
    }
}

/* Базовый контейнер */
.elinCas-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* --- SECTION CHOOSE --- */
.elinCas-choose-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 70px 0;
    color: #ffffff;
}

.elinCas-choose-flex {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.elinCas-choose-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 560px;
}

.elinCas-choose-title {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
}

.elinCas-choose-desc {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}

.elinCas-choose-desc:last-child {
    margin-bottom: 0;
}


.elinCas-choose-img img {
    width: 100%;
    height: auto;
}

/* --- SECTION LEGAL CARDS --- */
.elinCas-legal-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 70px 0;
    /* Чтобы секции сливались фоном */
}

.elinCas-legal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.elinCas-legal-card {
    background-color: rgba(222, 235, 255, 1);
    /* Светло-голубой фон карточек */
    padding: 40px;
    border-radius: 20px;
    /* Сильное скругление как на макете */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elinCas-legal-title {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    color: rgba(57, 113, 198, 1);
    text-align: left;
}

.elinCas-legal-text {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    color: rgba(57, 113, 198, 1);
    margin-bottom: 20px;
}

.elinCas-legal-text:last-child {
    margin-bottom: 0;
}

/* --- АДАПТИВНОСТЬ --- */

@media (max-width: 992px) {
    .elinCas-choose-flex {
        flex-direction: column;
    }

    .elinCas-choose-title {
        font-size: 28px;
    }

    .elinCas-legal-grid {
        grid-template-columns: 1fr;
        /* Карточки одна под другой */
    }

    .elinCas-legal-card {
        padding: 30px;
    }
}

@media (max-width: 600px) {
    .elinCas-choose-sec {
        padding: 50px 0;
    }

    .elinCas-choose-title {
        font-size: 24px;
    }

    .elinCas-legal-title {
        font-size: 24px;
    }
}

/* --- FOOTER STYLES (elinCas) --- */
.elinCas-footer {
    background-color: rgba(57, 113, 198, 1);
    color: #ffffff;
    padding: 70px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-family: 'Roboto', sans-serif;
}

.elinCas-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Верхний блок в две колонки */
.elinCas-footer-top {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.elinCas-footer-col p {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}

.elinCas-footer-col {
    max-width: 560px;
}

/* Центральные текстовые предупреждения */
.elinCas-footer-info {
    text-align: center;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elinCas-footer-info p {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

/* Юридическая плашка с логотипами */
.elinCas-footer-legal-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
}

.elinCas-legal-text-main p {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

/* Ссылки */
.elinCas-footer-nav {
    margin-bottom: 60px;
}

.elinCas-footer-links {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.elinCas-footer-links a {
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    transition: opacity 0.3s;
}

.elinCas-footer-links a:hover {
    opacity: 0.7;
}

/* Копирайт */
.elinCas-footer-bottom {
    text-align: center;
}

.elinCas-footer-bottom p {
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

/* --- АДАПТИВНОСТЬ --- */
@media (max-width: 992px) {
    .elinCas-footer-top {
        flex-direction: column;
    }

    .elinCas-footer-legal-bar {
        flex-direction: column;
        gap: 20px;
    }

    .elinCas-footer-legal-bar {
        align-items: flex-start;
    }

    .elinCas-legal-text-main p {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .elinCas-footer-links {
        align-items: center;
    }

    .elinCas-footer-info p {
        font-size: 13px;
    }
}

/* --- АНИМАЦИЯ ПЕРΕЛИВАЮЩЕЙСЯ КНОПКИ --- */
.elinCas-btn {
    /* Делаем градиент длиннее, чтобы было чему двигаться */
    background: linear-gradient(90deg, #6e3eff, #ff3ec9, #6e3eff);
    background-size: 200% auto;
    color: #fff;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    transition: transform 0.3s ease;
    /* Запуск анимации */
    animation: elinCas-gradient-shift 3s linear infinite;
    border: none;
    cursor: pointer;
}

.elinCas-btn:hover {
    transform: scale(1.05);
}

@keyframes elinCas-gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

/* --- СТИЛИ БУРГЕРА (Кнопка) --- */
.burger {
    display: none;
    /* Скрыт на десктопе */
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
}

.burger span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Анимация превращения в крестик */
.elinCas-burger-open span:nth-child(1) {
    transform: translateY(8.5px) rotate(45deg);
}

.elinCas-burger-open span:nth-child(2) {
    opacity: 0;
}

.elinCas-burger-open span:nth-child(3) {
    transform: translateY(-8.5px) rotate(-45deg);
}

/* --- МОБИЛЬНАЯ НАВИГАЦИЯ --- */
@media (max-width: 922px) {
    .burger {
        display: flex;
    }

    .elinCas-nav {
        position: fixed;
        top: 0;
        right: -100%;
        /* Прячем за экран */
        width: 100%;
        height: 100vh;
        background-color: rgba(57, 113, 198, 0.98);
        backdrop-filter: blur(10px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: right 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        z-index: 1000;
    }

    .elinCas-nav.elinCas-nav-active {
        right: 0;
        /* Выезжает */
    }

    .elinCas-nav-list {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .elinCas-nav-link {
        font-size: 24px;
    }

    .elinCas-no-scroll {
        overflow: hidden;
    }
}

/* Кнопка бургера */
.elinCas-burger {
    display: none;
    /* Скрыта на десктопе */
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1005;
    /* Чтобы была поверх выезжающего меню */
}

.elinCas-burger span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    /* Белые полоски */
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Анимация крестика при открытии (классы переключаются через JS) */
.elinCas-burger-open span:nth-child(1) {
    transform: translateY(9.5px) rotate(45deg);
}

.elinCas-burger-open span:nth-child(2) {
    opacity: 0;
}

.elinCas-burger-open span:nth-child(3) {
    transform: translateY(-9.5px) rotate(-45deg);
}

/* Показываем бургер только на экранах меньше 922px */
@media (max-width: 922px) {
    .elinCas-burger {
        display: flex;
    }

    /* Скрываем обычную навигацию на мобилках, 
       она будет выезжать по клику (логика в предыдущем сообщении) */
    .elinCas-nav {
        display: none;
    }

    .elinCas-nav.elinCas-nav-active {
        display: flex;
    }
}

/* --- МОБИЛЬНАЯ КΑΡТОЧКА (elinCas) --- */

.elinCas-mob-item {
    background-color: #E2ECF9;
    /* Нежно-голубой фон */
    border-radius: 10px;
    padding: 35px 10px 20px;
    position: relative;
    list-style: none;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.elinCas-mob-brand a {
    display: flex;
    width: 100%;
    justify-content: center;
}

/* Розовый бейдж сверху */
.elinCas-mob-tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FF97C1;
    color: #ffffff;
    padding: 6px 30px;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    z-index: 10;
}

/* Индикатор live (в углу) */
.elinCas-mob-live {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.elinCas-mob-live img {
    width: 20px;
    height: auto;
}

.elinCas-mob-live-count {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: rgba(57, 113, 198, 1);
}

/* Контентная обертка */
.elinCas-mob-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.elinCas-mob-brand {
    width: 180px;
    margin-bottom: 12px;
}

.elinCas-mob-brand img {
    max-width: 180px;
    max-height: 52px;
}

/* Сетка заголовка и рейтинга */
.elinCas-mob-info-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.elinCas-mob-title {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: rgba(57, 113, 198, 1);
    text-align: left;
    text-decoration: none;
}

/* Блок рейтинга */
.elinCas-mob-rating-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.elinCas-mob-score {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: rgba(57, 113, 198, 1);
    display: block;
    line-height: 1;
}

.elinCas-mob-license {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: rgba(57, 113, 198, 0.7);
}

.elinCas-mob-stars-list {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    padding: 0;
}

/* --- ПЕРЕЛИВАЮЩАЯСЯ КНОПКА --- */
.elinCas-mob-action-btn {
    width: 100%;
    display: block;
    padding: 16px 10px;
    border-radius: 50px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: none;
    cursor: pointer;

    /* Градиент */
    background: linear-gradient(90deg, #6e3eff, #ff3ec9, #6e3eff);
    background-size: 200% auto;
    animation: elinCas-btn-glow 3s linear infinite;
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.elinCas-mob-action-btn:hover {
    transform: scale(1.03);
}

@keyframes elinCas-btn-glow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

.elinCas-mob-footer {
    width: 100%;
}

/* Адаптив для совсем маленьких экранов */
@media (max-width: 600px) {
    .elinCas-mob-title {
        font-size: 16px;
        text-align: center;
        max-width: 164px;
    }

    .elinCas-mob-score {
        font-size: 24px;
    }

    .elinCas-title {
        font-size: 16px;
    }

    .elinCas-subtitle {
        display: none;
    }

    .elinCas-features {
        gap: 5px;
    }

    .elinCas-feature-item {
        padding: 8px 5px;
        font-size: 11px;
    }
}

/* --- CONTACT PAGE SECTION (elinCas) --- */

.elinCas-contact-page-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 70px 0;
    font-family: 'Roboto', sans-serif;
}

.elinCas-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.elinCas-contact-page-title {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: left;
}

.elinCas-contact-page-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elinCas-contact-page-card {
    background-color: rgba(222, 235, 255, 1);
    /* Светло-голубой фон как на макете */
    padding: 40px;
    border-radius: 20px;
    /* Большое скругление */
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: transform 0.3s ease;
}

.elinCas-contact-page-card:hover {
    transform: translateY(-5px);
}

.elinCas-contact-page-h2 {
    color: rgba(57, 113, 198, 1);
    font-weight: 700;
    font-size: 32px;
    margin: 0;
}

.elinCas-contact-page-text p {
    color: rgba(57, 113, 198, 1);
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
}

.elinCas-contact-page-text p:last-child {
    margin-bottom: 0;
}

.elinCas-contact-page-text a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s;
}

.elinCas-contact-page-text a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* --- АДАПТИВНОСТЬ --- */

@media (max-width: 768px) {

    .elinCas-contact-page-text p {
        font-size: 15px;
    }
}

/* --- RESPONSIBLE GAMING SECTION (elinCas) --- */

.elinCas-responsible-sec {
    background-color: rgba(57, 113, 198, 1);
    padding: 80px 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.elinCas-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.elinCas-responsible-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    /* Roboto 700 */
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: left;
}

.elinCas-responsible-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elinCas-responsible-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    /* Roboto 400 */
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
}

.elinCas-responsible-list {
    list-style: none;
    padding-left: 20px;
}

.elinCas-responsible-list li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}

/* Кастомный маркер для списка - белая точка */
.elinCas-responsible-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #ffffff;
}

.elinCas-responsible-list a {
    color: #ffffff;
    text-decoration: underline;
    transition: opacity 0.3s;
}

.elinCas-responsible-list a:hover {
    opacity: 0.7;
}

/* --- АДАПТИВНОСТЬ --- */

@media (max-width: 768px) {
    .elinCas-responsible-sec {
        padding: 60px 0;
    }

    .elinCas-responsible-title {
        font-size: 28px;
    }

    .elinCas-responsible-content p,
    .elinCas-responsible-list li {
        font-size: 15px;
    }

    .elinCas-responsible-list {
        padding-left: 0;
    }

    .elinCas-responsible-list li::before {
        display: none;
    }
}

@media (max-width: 480px) {
    .elinCas-responsible-title {
        font-size: 24px;
    }
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}