@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Inter'), local('Inter-Regular'),
        url(../fonts/inter-regular.woff2) format('woff2'),
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Inter'), local('Inter-Semibold'),
        url(../fonts/inter-semibold.woff2) format('woff2'),
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Inter'), local('Inter-Extrabold'),
        url(../fonts/inter-extrabold.woff2) format('woff2'),
}

body {
    background: #F9F9F9;
    font-family: Inter, sans-serif;
}

.bg-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(11, 11, 11, 0.80);
}

.page-header {
    padding: 146px 0 70px;
    color: #fff;
    background: url(../img/header-bg.png) no-repeat center;
    background-size: cover;
}

.gap-52 {
    gap: 3.25rem;
}

.page-header h1 {
    margin-bottom: 1.125rem;
}

.mt-36 {
    margin-top: 36px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-72 {
    margin-top: 4.5rem;
}

.py-72 {
    padding: 4.5rem 0;
}

.green-bg {
    background: url(../img/green-bg.jpg) no-repeat center;
    background-size: cover;
}

table td,
table th {
    padding: 11px 32px !important;
}

.text-dark-custom {
    color: #222222;
}

.provider-card {
    background: url(../img/provider-card-bg.jpg) no-repeat center;
    background-size: cover;
}

.card {
    background-color: transparent;
}

.site-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    background: radial-gradient(88.17% 90.91% at 77.78% 27.8%, #0E2E2D 0%, #0B0B0B 100%);
}

.w-fit {
    max-width: fit-content !important;
}

.fs-7 {
    font-size: 0.75rem !important;

}

.text-white {
    color: #fff !important;
}

.text-gray-custom {
    color: #C3C3C3;
}

.footer-disclaimer {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.20);

    background: rgba(18, 18, 18, 0.70);
}

.casino-btn {
    width: 223px;
    min-width: 223px;
    gap: 8px;
    max-height: 50px;
    width: 100%;
}

.casino-logo {
    border-radius: 24px 24px 0 0;
    background: #0D272C;
    padding: 16px;
    max-width: 100% !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.btn-success {
    background: #28A745;
    border-color: #28A745;
}

.custom-spacer-76 {
    width: 4.75rem;
}

.accordion-button:not(.collapsed) {
    background: #343A40;
    color: #fff;
    border-radius: 16px 16px 0 0 !important;
}

.accordion-button:not(.collapsed)::after {
    color: #fff;
}

.accordion-item {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.ratio-iframe {
    --bs-aspect-ratio: 56.25%;
}

.bg-dark-custom {
    background: rgb(18, 18, 18);
}

@media (max-width: 767.98px) {
    .ratio-iframe {
        --bs-aspect-ratio: 163%;
    }

    .modal-dialog {
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .ratio-mobile {

        --bs-aspect-ratio: 150% !important;
    }
}

@media (max-width: 992px) {
    .gap-52 {
        gap: 0.5rem;
    }

}

@media (min-width: 992px) {
    .casino-logo {
        border-radius: 24px 0 0 24px;
        max-width: 190px;
        min-width: 190px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w-lg-50 {
        width: 50% !important;
    }

}

@media (min-width: 1200px) {
    .rounded-xl-4 {
        border-radius: 1rem !important;
    }

    .rounded-xl-bottom-4 {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }
}

.accordion-item:last-of-type>.accordion-collapse {
    border: 1px solid #343A40;
    border-top: 0;
    border-radius: 0 0 1rem 1rem;
}