:root {
    --header-bg-color: #00231E;
    --main-bg-color: #011313;
    --footer-bg-color: #00231E;
    --main-text-color: #FFFFFF;
    --link-text-color: #E1B730;
    --button-text-color: #00231E;
    --button-bg-color: #E1B730;
    --button-second-bg-color: #E1B730;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
}

html, body {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    font-family: Noto Sans Display, sans-serif;
    line-height: 1.6;
    color: var(--main-text-color);
}

button {
    font-family: Noto Sans Display, sans-serif;
    cursor: pointer;
    border: none !important;
}

a {
    color: var(--link-text-color);
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: none;
    color: var(--link-text-color);
}

h1, h2, h3, h4 {
    color: var(--main-text-color);
}

h1 {
    font-size: 45px;
    font-weight: 900;
    line-height: 45px;
    margin-bottom: 30px;
    text-align: center;
}
@media screen and (max-width: 992px) {
    h1 {
        font-size: 30px;
        line-height: 42px;
    }
}

h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
    h2 {
        font-size: 30px;
        line-height: 44px;
    }
}

h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
}

p {
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 24px;
}
@media screen and (max-width: 992px) {
    p {
        font-size: 14px;
        line-height: 29px;
    }
}

strong {
    font-weight: 600;
}
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
    display: block;
    overflow-x: auto;
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

table p {
    margin: 0;
}

tbody {
    width: calc(100% - 2px);
    display: table;
}

th {
    background: var(--footer-bg-color);
}

th, td {
    border: 1px solid var(--main-text-color);
    padding: 8px;
    box-sizing: border-box;
}

th:first-child {
    border-top-left-radius: 10px;
}

th:last-child {
    border-top-right-radius: 10px;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

table::-webkit-scrollbar {
    height: 8px;
}

table::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

table::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

footer, header, nav, section, main {
    display: block;
    position: relative;
}

main {
    flex: 1 0 auto;
    background-color: var(--main-bg-color);
}

section {
    padding: 20px 0;
}

@media screen and (max-width: 768px) {
    section {
        padding: 20px 0;
    }
}

.CrowngreencasinoscacomContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 1200px) {
    .CrowngreencasinoscacomContainer {
        max-width: 100%;
        padding: 0 15px;
    }
}

img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.CrowngreencasinoscacomRow {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.CrowngreencasinoscacomCol:first-child {
    width: 820px;

}
.CrowngreencasinoscacomCol:last-child {
    flex: 0 0 330px;
}
@media (max-width: 1030px) {
    .CrowngreencasinoscacomRow {
        flex-wrap: wrap;
        justify-content: center;
    }
    .CrowngreencasinoscacomCol:first-child, .CrowngreencasinoscacomCol:last-child {
        width: 100%;
        flex: auto;
    }
}

.CrowngreencasinoscacomJcEnd {
    justify-content: end !important;
}

.CrowngreencasinoscacomJcCenter {
    justify-content: center;
}

.CrowngreencasinoscacomBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: inherit;
    height: auto;
    min-width: 126px;
    padding: 12px 24px;
    border-radius: 18px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.CrowngreencasinoscacomBtn:hover {
    transform: scale(1.1);
}
.CrowngreencasinoscacomBtn__wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

@media screen and (max-width: 768px) {
    .CrowngreencasinoscacomBtn__wrapper {
        gap: 20px;
    }
}
.CrowngreencasinoscacomBtnPrimary {
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
}

.CrowngreencasinoscacomBtnPrimary:hover {
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
}

.CrowngreencasinoscacomBtnSecondary {
    color: var(--button-text-color);
    background-color: var(--button-second-bg-color);
}

.CrowngreencasinoscacomBtnSecondary:hover {
    color: var(--button-text-color);
    background-color: var(--button-second-bg-color);
}

.CrowngreencasinoscacomBtnPulse {
    animation: pulse 1.5s infinite;
}

.CrowngreencasinoscacomBtnUppercase {
    text-transform: uppercase;
}
.CrowngreencasinoscacomHeader {
    background-color: var(--header-bg-color);
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.CrowngreencasinoscacomHeader ul, .CrowngreencasinoscacomHeader ol, .CrowngreencasinoscacomHeader li,
.CrowngreencasinoscacomFooter ul, .CrowngreencasinoscacomFooter ol, .CrowngreencasinoscacomFooter li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
}
.CrowngreencasinoscacomHeader__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.CrowngreencasinoscacomHeader__innerPrimary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: auto;
}

.CrowngreencasinoscacomHeader__innerSecond {
    display: flex;
    align-items: center;
    gap: 10px;
}

.CrowngreencasinoscacomHeader__row {
    flex-direction: row;
    height: 80px;
}

.CrowngreencasinoscacomHeader__innerSecond .CrowngreencasinoscacomHeader__row {
    flex-direction: row;
    gap: 10px;
    height: auto;
}

.CrowngreencasinoscacomHeader__col {
    flex-direction: column;
}

.CrowngreencasinoscacomHeader__innerSecond.CrowngreencasinoscacomHeader__col {
    flex-direction: row;
    padding: 10px 0;
}

.CrowngreencasinoscacomHeader__logo {
    display: flex;
    max-height: 50px;
    height: 100%;
}

.CrowngreencasinoscacomHeader__logo a {
    text-decoration: none;
    display: flex;
}
.CrowngreencasinoscacomHeader__logo img {
    object-fit: contain;
    border-radius: initial;
    max-width: 132px;
}

.CrowngreencasinoscacomHeader__nav {
    display: flex;
}
.CrowngreencasinoscacomHeader__nav ul {
    display: flex;
    gap: 10px;
    align-items: center;
    list-style-type: none;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 20px 0;
}

.CrowngreencasinoscacomHeader__nav ul li {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 0;
}

.CrowngreencasinoscacomHeader__nav ul li a {
    color: var(--link-text-color);
    text-decoration: none;
    padding: 10px;
}

.CrowngreencasinoscacomHeader__nav ul li a:hover {
    opacity: .2;
}

.CrowngreencasinoscacomSection img  {
    max-width: 1162px;
    display: block;
    margin: auto;
}

.CrowngreencasinoscacomSectionMain .CrowngreencasinoscacomContainer > :not(:last-child) {
    margin-bottom: 30px;
}

.CrowngreencasinoscacomBtn__wrapperMain {
    max-width: 300px;
    width: 100%;
    margin: auto;
}

.CrowngreencasinoscacomBtn__wrapperMain .CrowngreencasinoscacomBtnPrimary {
    padding: 20px 70px;
    border-radius: 30px;
}

.CrowngreencasinoscacomLogoBurgerWrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

#CrowngreencasinoscacomNavMenu {
    position: absolute;
    display: flex;
    top: 80px;
    left: 0;
    width: 25%;
    height: calc(100vh - 120px);
    padding: 20px 25px;
    background-color: var(--header-bg-color);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

.CrowngreencasinoscacomHeader .CrowngreencasinoscacomBtn {
    padding: 6px 12px;
}

.CrowngreencasinoscacomHeader__innerBlock {
    margin-top: auto;
    text-align: center;
    color: var(--main-text-color);
}

#CrowngreencasinoscacomNavMenu.CrowngreencasinoscacomActive {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease;
}

.CrowngreencasinoscacomBurgerWrapper, #CrowngreencasinoscacomHeader_btn {
    flex: 0 0 200px;
    display: flex;
}

.CrowngreencasinoscacomBurgerWrapper {
    order: -1;
}

.CrowngreencasinoscacomHeader__logo {
    flex: 1;
    text-align: center;
    justify-content: center;
}

.CrowngreencasinoscacomBurgerMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 42px;
    height: 30px;
    cursor: pointer;
    order: -1;
    transition: opacity 0.3s ease;
}

.CrowngreencasinoscacomBurgerMenu:hover {
    opacity: .2;
}

.CrowngreencasinoscacomBurgerMenu span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--main-text-color);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.CrowngreencasinoscacomBurgerMenu span:nth-child(1) {
    width: 80%;
}
.CrowngreencasinoscacomBurgerMenu span:nth-child(3) {
    width: 60%;
}

.CrowngreencasinoscacomBurgerMenu.CrowngreencasinoscacomActive {
    height: 22px;
}

.CrowngreencasinoscacomBurgerMenu.CrowngreencasinoscacomActive span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    width: 100%;
}

.CrowngreencasinoscacomBurgerMenu.CrowngreencasinoscacomActive span:nth-child(2) {
    opacity: 0;
}

.CrowngreencasinoscacomBurgerMenu.CrowngreencasinoscacomActive span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    width: 100%;
}

.CrowngreencasinoscacomSectionContent h1:first-of-type,
.CrowngreencasinoscacomSectionContent h2:first-of-type,
.CrowngreencasinoscacomSectionContent h3:first-of-type,
.CrowngreencasinoscacomSectionContent h4:first-of-type {
    margin-top: 0;
    margin-bottom: 30px;
}

.CrowngreencasinoscacomSectionContent h1:not(:first-of-type),
.CrowngreencasinoscacomSectionContent h2:not(:first-of-type),
.CrowngreencasinoscacomSectionContent h3:not(:first-of-type),
.CrowngreencasinoscacomSectionContent h4:not(:first-of-type) {
    margin: 30px 0;
}

.CrowngreencasinoscacomSectionContent .CrowngreencasinoscacomUpdatePost {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.CrowngreencasinoscacomSectionContent .CrowngreencasinoscacomUpdatePost p {
    width: 100%;
    max-width: 580px;
    margin: 0;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--header-bg-color);
}

footer {
    flex-shrink: 0;
    background-color: var(--footer-bg-color);
    color: var(--main-text-color);
}

.CrowngreencasinoscacomFooter__wrapper {
    display: flex;
    flex-direction: column;
    justify-self: center;
    max-width: 820px;
    width: 100%;
    padding: 20px 0;
    gap: 17px;
}

.CrowngreencasinoscacomFooter__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.CrowngreencasinoscacomFooter__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.CrowngreencasinoscacomFooter__col:first-child {
    flex: 2;
}

.CrowngreencasinoscacomFooter__col:last-child {
    flex: 1;
}

.CrowngreencasinoscacomFooter__logo {
    max-width: 132px;
}
.CrowngreencasinoscacomFooter__logo img {
    border-radius: 0;
}

.CrowngreencasinoscacomFooter__navList li {
    flex: 0 0 calc(50% - 20px);
}

.CrowngreencasinoscacomFooter__navList li:nth-child(odd) {
    flex: auto;
    text-align: start;
}

.CrowngreencasinoscacomFooter__nav, .CrowngreencasinoscacomFooter__icons, .CrowngreencasinoscacomFooter__inner {
    display: flex;
    justify-content: center;
}

.CrowngreencasinoscacomFooter__iconsLink img {
    border-radius: initial;
}

.CrowngreencasinoscacomFooter__navList {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    justify-content: center;
}

.CrowngreencasinoscacomFooter__navLink {
    text-decoration: none;
    color: var(--link-text-color);
    font-size: 14px;
}
.CrowngreencasinoscacomFooter__navLink:hover {
    color: var(--link-text-color);
    opacity: .2;
}

.CrowngreencasinoscacomFooter__icons {
    justify-content: flex-start;
    max-width: 330px;
    height: fit-content;
    gap: 24px 14px;
    flex-wrap: wrap;
}

.CrowngreencasinoscacomFooter__inner p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
}

.CrowngreencasinoscacomBreadcrumbs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 1em 0;
    font-size: 0.95em;
    gap: 0.5em;
}

.CrowngreencasinoscacomBreadcrumbs li {
    display: flex;
    align-items: center;
}

.CrowngreencasinoscacomBreadcrumbs li a {
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.CrowngreencasinoscacomBreadcrumbs li::after {
    content: "›";
    margin: 0 0.5em;
}

.CrowngreencasinoscacomBreadcrumbs li:last-child::after {
    content: "";
    margin: 0;
}

.CrowngreencasinoscacomContent__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
}

.CrowngreencasinoscacomContent__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1;
}

.CrowngreencasinoscacomContent__col.CrowngreencasinoscacomContent__colImg {
    max-width: 550px;
}

.CrowngreencasinoscacomBtn__wrapperLeft {
    margin: inherit;
    justify-content: flex-start;
}

.CrowngreencasinoscacomContent__inner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    max-width: 100%;
}

.CrowngreencasinoscacomContent__innerBg {
    position: absolute;
    border-radius: 10px;
    inset: 0;
    z-index: 0;
}

.CrowngreencasinoscacomContent__innerBg img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.CrowngreencasinoscacomContent__innerOverlay {
    position: absolute;
    inset: 0;
    background: rgb(from var(--header-bg-color) r g b / 0.9);
    z-index: 1;
}

.CrowngreencasinoscacomContent__innerBlock {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: 600px;
    position: relative;
    z-index: 2;
    padding: 88px 40px;
}

.CrowngreencasinoscacomContent__innerBlock p {
    margin-bottom: 30px;
}

.CrowngreencasinoscacomContent__inner:has(p:nth-of-type(2)) .CrowngreencasinoscacomContent__innerBg img {
    transform: scale(1.2);
}

.CrowngreencasinoscacomContent__inner:has(p:nth-of-type(3)) .CrowngreencasinoscacomContent__innerBg img {
    transform: scale(1.4);
}

.CrowngreencasinoscacomWelcomeBonus {
    display: flex;
    position: fixed;
    bottom: 30px;
    left: 40px;
    padding: 20px;
    width: 550px;
    height: 70px;
    border-radius: 6px;
    z-index: 10;
    box-shadow: 0px 4px 20px 0px #00000080;
    background: var(--header-bg-color);
    transition: opacity 0.3s ease;
}

.CrowngreencasinoscacomWelcomeBonus.CrowngreencasinoscacomHidden {
    opacity: 0;
    pointer-events: none;
}

.CrowngreencasinoscacomWelcomeBonus__wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
}

.CrowngreencasinoscacomWelcomeBonus__img {
    width: 70px;
    height: 70px;
}

.CrowngreencasinoscacomWelcomeBonus__img img {
    height: 100%;
    object-fit: contain;
}

.CrowngreencasinoscacomWelcomeBonus__bonus {
    max-width: 185px;
    width: 100%;
}

.CrowngreencasinoscacomWelcomeBonus__bonus p {
    text-align: center;
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    vertical-align: middle;

}

.CrowngreencasinoscacomBtnBonus {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 12px 28px;
    border-radius: 20px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 var(--button-bg-color);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 15px 8px var(--button-bg-color);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 var(--button-bg-color);
    }
}

.CrowngreencasinoscacomShake {
    display: inline-block;
    animation: shake 0.6s;
    animation-timing-function: ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    15% { transform: translateX(-3px); }
    30% { transform: translateX(3px); }
    45% { transform: translateX(-3px); }
    60% { transform: translateX(3px); }
    75% { transform: translateX(-3px); }
    90% { transform: translateX(3px); }
}

.CrowngreencasinoscacomShake {
    animation: shake 0.6s ease-in-out;
}

.CrowngreencasinoscacomErrorPage {
    align-content: center;
}
.CrowngreencasinoscacomErrorPage__wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.CrowngreencasinoscacomErrorPage .CrowngreencasinoscacomErrorPage__wrapper h1, .CrowngreencasinoscacomErrorPage .CrowngreencasinoscacomErrorPage__wrapper p {
    margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
    #CrowngreencasinoscacomNavMenu {
        width: 245px;
    }
}

@media screen and (max-width: 992px) {
    .CrowngreencasinoscacomContent__wrapper {
        flex-direction: column;
    }

    .CrowngreencasinoscacomContent__col.CrowngreencasinoscacomContent__colImg {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .CrowngreencasinoscacomBurgerWrapper, #CrowngreencasinoscacomHeader_btn {
        flex: none;
    }

    .CrowngreencasinoscacomHeader__logo {
        flex: none;
    }


    .CrowngreencasinoscacomWelcomeBonus {
        left: 15px;
        bottom: 10px;
        width: 184px;
        height: 222px;
        padding: 20px;
    }

    .CrowngreencasinoscacomWelcomeBonus__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .CrowngreencasinoscacomFooter__row {
        flex-direction: column;
        gap: 20px;
    }

    .CrowngreencasinoscacomFooter__row {
        justify-content: center;
    }

    .CrowngreencasinoscacomFooter__navList {
        text-align: center;
        gap: 10px 40px;
    }

    .CrowngreencasinoscacomFooter__icons {
        justify-content: center;
        gap: 10px 20px;
    }

    .CrowngreencasinoscacomBreadcrumbs {
        font-size: 0.75em;
    }

}

@media screen and (max-width: 600px) {
    #CrowngreencasinoscacomNavMenu {
        width: 100%;
        top: 120px;
        padding: 0;
    }

    .CrowngreencasinoscacomHeader__row {
        flex-direction: column;
        height: 100px;
        padding: 10px 0;
        gap: 0;
    }

    .CrowngreencasinoscacomLogoBurgerWrapper {
        width: 100%;
        justify-content: space-between;
    }

    .CrowngreencasinoscacomBurgerMenu {
        order: 1;
        align-items: self-end;
        width: 30px;
        height: 22px;
    }

    .CrowngreencasinoscacomBurgerMenuCenter {
        position: absolute;
        right: 15px;
        top: 22px;
    }

    .CrowngreencasinoscacomHeader__innerBlock {
        padding: 20px 25px;
    }

    .CrowngreencasinoscacomContent__innerBlock {
        padding: 12px 10px;
    }

    .CrowngreencasinoscacomContent__innerBlock p {
        margin-bottom: 15px;
    }

    .CrowngreencasinoscacomContent__innerBlock h1 {
        margin-bottom: 10px;
    }

    .CrowngreencasinoscacomContent__innerBlock .CrowngreencasinoscacomBtn__wrapperMain .CrowngreencasinoscacomBtnPrimary {
        padding: 12px 28px;
    }

    .CrowngreencasinoscacomContent__inner, .CrowngreencasinoscacomContent__innerBg, .CrowngreencasinoscacomContent__innerBg img {
        border-radius: 5px;
    }
}

/* Random Images Block */
.CrowngreencasinoscacomShowcase__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
    justify-content: space-between;
}

.CrowngreencasinoscacomShowcase__block {
    display: flex;
    flex-direction: column;
    width: 215px;
    background-color: var(--header-bg-color);
    border-radius: 10px;
}

.CrowngreencasinoscacomShowcase__image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 215px;
    height: 150px;
}

.CrowngreencasinoscacomShowcase__image img {
    max-width: 100%;
    display: initial;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}


.CrowngreencasinoscacomShowcase__imageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px 10px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CrowngreencasinoscacomShowcase__image:hover .CrowngreencasinoscacomShowcase__imageOverlay {
    opacity: 1;
    visibility: visible;
}

.CrowngreencasinoscacomShowcase__image .CrowngreencasinoscacomBtn__wrapper {
    z-index: 2;
}

.CrowngreencasinoscacomShowcase__desc {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
}
.CrowngreencasinoscacomShowcase__desc p, .CrowngreencasinoscacomShowcase__desc span {
    margin: 0;
}

.CrowngreencasinoscacomShowcase__desc p {
    font-size: 14px;
}

.CrowngreencasinoscacomShowcase__desc span {
    font-size: 12px;
}

@media screen and (max-width: 1210px) {
    .CrowngreencasinoscacomShowcase__block {
        width: calc(20% - 20px);
    }
    .CrowngreencasinoscacomShowcase__image {
        width: auto;
    }
}

@media screen and (max-width: 992px) {

    .CrowngreencasinoscacomShowcase__block {
        width: calc(33.333% - 20px);
    }

    .CrowngreencasinoscacomShowcase__image {
        height: 120px;
    }

    .CrowngreencasinoscacomShowcase__desc {
        padding: 10px;
    }

    .CrowngreencasinoscacomShowcase__desc p {
        font-size: 12px;
    }

    .CrowngreencasinoscacomShowcase__desc span {
        font-size: 10px;
    }
}

@media (max-width: 600px) {
    .CrowngreencasinoscacomShowcase__wrapper {
        justify-content: center;
    }
    .CrowngreencasinoscacomShowcase__block {
        width: calc(50% - 20px);
    }
    .CrowngreencasinoscacomShowcase__image {
        width: auto;
        height: 120px;
    }
}

/* TOC Styles */
.CrowngreencasinoscacomToc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 0 20px 0 40px;
    margin: 0;
    display: block;
    column-count: 2;
    column-gap: 40px;
}

.CrowngreencasinoscacomToc li {
    break-inside: avoid;
    margin-bottom: 10px;
}

.CrowngreencasinoscacomToc li::marker {
    color: var(--link-text-color);
}

.CrowngreencasinoscacomTocWrapper {
    max-width: 580px;
    margin: 20px auto;
    border-radius: 10px;
    background-color: var(--header-bg-color);
}

.CrowngreencasinoscacomTocTitle {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 10px;
}

.CrowngreencasinoscacomToc.CrowngreencasinoscacomIsOpen {
    margin: inherit;
    margin-top: 0;
    max-height: 2000px !important;
    padding: 0 20px 20px 40px;
}

.CrowngreencasinoscacomTocArrow {
    width: 20px;
    height: 21px;
    order: -1;
    display: inline-block;
    background-color: var(--main-text-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'><path d='M5.55054 7.1665L14.4489 7.1665C14.7429 7.1665 14.9777 7.26655 15.1534 7.46665C15.3291 7.66592 15.417 7.89882 15.417 8.16534C15.417 8.24899 15.4058 8.33632 15.3834 8.42735C15.3619 8.51756 15.3287 8.60407 15.284 8.6869L10.8114 15.8743C10.7076 16.0269 10.5886 16.1417 10.4544 16.2188C10.321 16.295 10.1697 16.3332 10.0003 16.3332C9.83099 16.3332 9.67963 16.295 9.54624 16.2188C9.41285 16.1425 9.29384 16.0277 9.1892 15.8743L4.71665 8.6869C4.67272 8.60407 4.63957 8.51674 4.61721 8.42489C4.59484 8.33304 4.58366 8.24571 4.58366 8.16288C4.58366 7.89554 4.67152 7.66264 4.84724 7.46419C5.02297 7.26573 5.2574 7.1665 5.55054 7.1665Z'/></svg>") no-repeat center/contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    transition: transform 0.3s ease;
}

.CrowngreencasinoscacomTocArrow.CrowngreencasinoscacomRotated {
    transform: rotate(180deg);
    margin-bottom: -4px;
}

@media (max-width: 500px) {
    .CrowngreencasinoscacomToc {
        column-count: 1;
    }
}