:root {
    --clr-primary-dark: #0A2342;
    --clr-accent-teal: #2CA58D;
    --clr-accent-mint: #84BC9C;
    --clr-bg-light: #FFFDF7;
    --clr-accent-pink:#F46197;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Archivo', sans-serif;
    background: #05101d;
    color: var(--clr-bg-light);
    line-height: 1.6;
}

.tilesBack {
    position: fixed;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    flex-direction: column;
    gap:3px;
    padding: 3px;
    overflow: hidden;
}

.tileRow {
    display: flex;
    gap: 3px;
    flex: 1;
}

.t {
    flex: 1;
    background: linear-gradient(145deg,#0c1f35 0%,#0A2342 100%);
    border-radius: 6px;
    position: relative;
}

.t:nth-child(odd) {
    background: linear-gradient(145deg,#0e2540 0%, #091c33 100%);
}

.t:nth-child(3n) {
    background: linear-gradient(135deg, #0b1c30 0%,#071526 100%);
}

.t:nth-child(5n)::after {
    content:'';
    position:absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, rgba(44,165,141,0.08) 0%, transparent 60%);
    border-radius: 6px;
}

.t:nth-child(7n)::after {
    content:'';
    position:absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 70%, rgba(244,97,151,0.05) 0%, transparent 60%);
    border-radius: 6px;
}

.site-navigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(5,16,29,0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: 1000;
    padding: 0 24px;
    border-bottom: 1px solid rgba(44,165,141, .12);
}

.navInnerContainer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
}

.brandLogoArea .logoLink {
    text-decoration: none;
    display: block;
}

.headerLogo {
    height: 42px;
    width: auto;
    display: block;
}

.heroSectionMain {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 120px 24px 80px;
    position: relative;
}

.heroFrameOuter {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

.heroInnerWrap {
    max-width: 800px;
}

.hero-badge-element {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(44,165,141,0.12);
    border: 1px solid rgba(44,165,141,0.35);
    padding: 10px 18px;
    border-radius: 50px;
    margin-bottom: 28px;
}

.hero-badge-element i {
    color: var(--clr-accent-teal);
    font-size: 18px;
}

.hero-badge-element span {
    color: var(--clr-accent-mint);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mainHeroTitle {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-weight: 800;
    color: #FFFDF7;
    line-height: 1.15;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.heroDescriptionText {
    font-size: 1.125rem;
    color: rgba(255, 253, 247, 0.75);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 680px;
}

.heroCTAarea {
    margin-bottom: 32px;
}

.primaryHeroBtn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--clr-accent-teal), #239b7e);
    color: #FFFDF7;
    text-decoration: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 24px rgba(44,165,141,0.3);
}

.primaryHeroBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(44, 165, 141, 0.4);
}

.primaryHeroBtn i {
    font-size: 20px;
}

.hero-warning-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(244,97,151,0.1);
    border: 1px solid rgba(244,97,151,0.28);
    padding: 12px 20px;
    border-radius: 6px;
}

.hero-warning-box i {
    color: var(--clr-accent-pink);
    font-size: 20px;
}

.hero-warning-box span {
    color: rgba(255,253,247,0.85);
    font-size: 14px;
    font-weight: 500;
}

#text-section {
    padding: 56px 24px;
    position: relative;
    z-index: 5;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#text-section .title {
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 800;
    color: #FFFDF7;
    font-family: 'Archivo', sans-serif;
    margin-bottom: 22px;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

#text-section p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(255,253,247,0.65);
    margin-bottom: 0;
    font-family: 'Archivo', sans-serif;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#text-section p.fifteen {
    font-size: 15px;
}

#text-section p strong {
    font-weight: 700;
    color: #2CA58D;
}

.advRowWrap {
    display: flex;
    gap: 28px;
    margin-top: 44px;
    justify-content: center;
}

.advBlock {
    flex: 1;
    max-width: 340px;
    background: linear-gradient(145deg, rgba(12,31,53,0.7) 0%, rgba(10,35,66,0.8) 100%);
    border: 1px solid rgba(44,165,141,0.15);
    border-radius: 14px;
    padding: 32px 26px;
    text-align: center;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.advBlock:hover {
    transform: translateY(-4px);
    border-color: rgba(44,165,141,0.35);
}

.advIconBox {
    width: 56px;
    height: 56px;
    background: rgba(44,165,141,0.12);
    border: 1px solid rgba(44,165,141,0.25);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.advIconBox i {
    font-size: 26px;
    color: #2CA58D;
}

.advTitle {
    font-size: 1.1rem;
    font-weight: 700;
    color: #FFFDF7;
    margin-bottom: 12px;
}

.advDesc {
    font-size: 14px;
    color: rgba(255,253,247,0.65);
    line-height: 1.65;
    margin: 0;
}

.rankingBlockArea {
    padding: 60px 24px 80px;
    position: relative;
    z-index: 5;
}

.rankingInnerFrame {
    max-width: 1200px;
    margin: 0 auto;
}

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

.platformItem {
    background: linear-gradient(145deg, rgba(12,31,53,0.85) 0%, rgba(10,35,66,0.9) 100%);
    border: 1px solid rgba(44,165,141,0.18);
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.platformItem:hover {
    transform: translateY(-4px);
    border-color: rgba(44,165,141,0.4);
    box-shadow: 0 16px 48px rgba(0,0,0,0.3), 0 0 32px rgba(44,165,141,0.08);
}

.platformItemInner {
    display: flex;
    align-items: stretch;
    padding: 28px;
    gap: 28px;
}

.platfLeftBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-width: 140px;
}

.reviewScoreBox {
    text-align: center;
}

.scoreNum {
    display: block;
    font-size: 2.25rem;
    font-weight: 800;
    color: #2CA58D;
    line-height: 1;
    margin-bottom: 6px;
}

.starRow {
    display: flex;
    gap: 2px;
    justify-content: center;
    margin-bottom: 4px;
}

.starRow i {
    color: #ffc107;
    font-size: 14px;
}

.reviewCount {
    font-size: 11px;
    color: rgba(255,253,247,0.5);
}

.platfLogoBox {
    background: rgba(255,253,247,0.8);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.platfLogoImg {
    height: 36px;
    width: auto;
    max-width: 100px;
    object-fit: contain;
}

.platfMidBlock {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.platfNameRow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.platfTitle {
    font-size: 1.35rem;
    font-weight: 700;
    color: #FFFDF7;
    margin: 0;
}

.platfTagBadge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(44,165,141,0.15);
    color: #84BC9C;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 4px;
}

.platfTagBadge i {
    font-size: 12px;
}

.platfDescTxt {
    font-size: 14px;
    color: rgba(255,253,247,0.65);
    line-height: 1.6;
    margin-bottom: 14px;
    max-width: 480px;
}

.advantagesRow {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.advItem {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: rgba(255,253,247,0.75);
    background: rgba(255,253,247,0.05);
    padding: 6px 10px;
    border-radius: 5px;
}

.advItem i {
    color: #2CA58D;
    font-size: 14px;
}

.platfRightBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    padding-left: 28px;
    border-left: 1px solid rgba(255,253,247,0.08);
}

.bonusHighlight {
    text-align: center;
    margin-bottom: 18px;
}

.bonusLabel {
    display: block;
    font-size: 11px;
    color: rgba(255,253,247,0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.bonusValue {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: #F46197;
    line-height: 1.2;
}

.bonusExtra {
    display: block;
    font-size: 13px;
    color: rgba(255,253,247,0.7);
    margin-top: 4px;
}

.claimBtnLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #2CA58D 0%, #239b7e 100%);
    color: #FFFDF7;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 16px rgba(44,165,141,0.3);
}

.claimBtnLink:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(44,165,141,0.4);
}

.claimBtnLink i {
    font-size: 18px;
}

.about_us_part {
    padding: 90px 24px 100px;
    position: relative;
    z-index: 5;
}

.about_us_part .container {
    max-width: 1200px;
    margin: 0 auto;
}

.about_us_part .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.about_us_part .col-md-5 {
    flex: 0 0 42%;
    max-width: 42%;
}

.about_us_part .col-md-6 {
    flex: 0 0 54%;
    max-width: 54%;
}

.about_us_part .about_us_img img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
}

.about_us_part .about_us_content h5 {
    color: #2CA58D;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.about_us_part .about_us_content h2 {
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    line-height: 1.2;
    color: #FFFDF7;
    font-weight: 800;
    margin-bottom: 28px;
    letter-spacing: -0.5px;
}

.about_us_part .about_us_content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
    color: rgba(255,253,247,0.7);
}

.about_us_part .btn_1 {
    display: inline-block;
    padding: 16px 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2CA58D 0%, #239b7e 100%);
    border: 2px solid #2CA58D;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
    text-transform: capitalize;
    color: #FFFDF7;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(44,165,141,0.25);
}

.about_us_part .btn_1:hover {
    background: transparent;
    color: #2CA58D;
    transform: translateY(-2px);
}

.about_us_part .about_us_content .btn_1 {
    margin-top: 12px;
}

.ftco-section {
    padding: 0;
    position: relative;
    z-index: 5;
}

.ftco-no-pt {
    padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

.simple-text-image-section .container-fluid {
    max-width: 100%;
    padding: 0;
}

.simple-text-image-section .row {
    display: flex;
    flex-wrap: wrap;
}

.simple-text-image-section .d-flex {
    display: flex;
}

.simple-text-image-section .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.simple-text-image-section .col-md-6.py-5 {
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
}

.simple-text-image-section .img-left {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 480px;
    width: 100%;
    position: relative;
}

.simple-text-image-section .img-left::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 60%, rgba(5,16,29,0.4) 100%);
}

.simple-text-image-section .align-self-stretch {
    align-self: stretch;
}

.simple-text-image-section .align-items-center {
    align-items: center;
}

.simple-text-image-section .section-text-content {
    padding: 48px;
    padding-top: 0;
    max-width: 580px;
}

.simple-text-image-section .section-text-content.p-5 {
    padding: 48px;
}

.simple-text-image-section .section-text-content.pt-0 {
    padding-top: 0;
}

.simple-text-image-section .subheading {
    font-size: 13px;
    font-weight: 700;
    color: #2CA58D;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 16px;
}

.simple-text-image-section h2 {
    font-weight: 800;
    font-size: clamp(1.6rem, 3.5vw, 2.25rem);
    color: #FFFDF7;
    line-height: 1.25;
    letter-spacing: -0.3px;
}

.simple-text-image-section h2.mb-4 {
    margin-bottom: 28px;
}

.simple-text-image-section .section-text-content p {
    color: rgba(255,253,247,0.68);
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 22px;
}

.simple-text-image-section .btn.btn-primary {
    background: linear-gradient(135deg, #2CA58D 0%, #239b7e 100%);
    border: 1px solid #2CA58D;
    color: #FFFDF7;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(44,165,141,0.28);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-block;
}

.simple-text-image-section .btn.btn-primary.px-4 {
    padding-left: 28px;
    padding-right: 28px;
}

.simple-text-image-section .btn.btn-primary.py-3 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.simple-text-image-section .btn.btn-primary:hover {
    background: transparent;
    color: #2CA58D;
    transform: translateY(-2px);
}

.text-section {
    padding: 90px 24px;
    position: relative;
    z-index: 5;
}

.text-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.text-section .row {
    display: flex;
    justify-content: center;
}

.text-section .justify-content-center {
    justify-content: center;
}

.text-section .col-md-8 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
}

.text-section .text-center {
    text-align: center;
}

.text-section .subheading {
    display: block;
    font-size: 13px;
    color: #F46197;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 14px;
    font-weight: 700;
}

.text-section .section-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    color: #FFFDF7;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.text-section .lead-text {
    font-size: 17px;
    font-weight: 400;
    color: rgba(255,253,247,0.7);
    margin-bottom: 48px;
    line-height: 1.7;
}

.reviewsGridWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 16px;
}

.reviewCardItem {
    background: linear-gradient(145deg, rgba(12,31,53,0.8) 0%, rgba(10,35,66,0.85) 100%);
    border: 1px solid rgba(44,165,141,0.15);
    border-radius: 14px;
    padding: 32px;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.reviewCardItem:hover {
    transform: translateY(-4px);
    border-color: rgba(44,165,141,0.35);
}

.reviewStarsRow {
    display: flex;
    gap: 3px;
    margin-bottom: 18px;
}

.reviewStarsRow i {
    color: #ffc107;
    font-size: 16px;
}

.reviewTxt {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255,253,247,0.72);
    margin-bottom: 24px;
    font-style: italic;
}

.reviewerInfo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviewerName {
    font-size: 15px;
    font-weight: 700;
    color: #FFFDF7;
}

.reviewerLoc {
    font-size: 13px;
    color: rgba(255,253,247,0.5);
    position: relative;
    padding-left: 12px;
}

.reviewerLoc::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: rgba(255,253,247,0.3);
    border-radius: 50%;
}

.siteFooterSection {
    background: linear-gradient(180deg, rgba(5,16,29,0.4) 0%, rgba(10,35,66,0.6) 100%);
    padding: 64px 24px 32px;
    border-top: 1px solid rgba(44,165,141,0.1);
    position: relative;
    z-index: 10;
}

.footerInnerFrame {
    max-width: 1200px;
    margin: 0 auto;
}

.footerGridLayout {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 48px;
}

.footerBrandColumn .footerLogoWrap {
    margin-bottom: 20px;
}

.footerLogo {
    height: 38px;
    width: auto;
    display: block;
}

.footerBrandDesc {
    color: rgba(255,253,247,0.65);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 24px;
}

.ageRestrictionBadge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(244,97,151,0.12);
    border: 2px solid var(--clr-accent-pink);
    padding: 10px 18px;
    border-radius: 6px;
}

.ageBadgeNum {
    font-size: 24px;
    font-weight: 800;
    color: var(--clr-accent-pink);
}

.ageBadgeTxt {
    font-size: 12px;
    color: rgba(255,253,247,0.9);
    font-weight: 600;
    text-transform: uppercase;
}

.footerColTitle {
    color: var(--clr-bg-light);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}

.footerColTitle::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 3px;
    background: var(--clr-accent-teal);
    border-radius: 2px;
}

.footerLinksList {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footLinkItem {
    color: rgba(255,253,247,0.65);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

.footLinkItem:hover {
    color: var(--clr-accent-teal);
}

.contactInfoList {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contactItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(255,253,247,0.65);
    font-size: 14px;
}

.contactItem i {
    color: var(--clr-accent-teal);
    font-size: 18px;
    margin-top: 2px;
}

.footerDividerLine {
    height: 1px;
    background: rgba(255,253,247,0.08);
    margin: 48px 0 24px;
}

.responsibleGamingSection {
    text-align: center;
    padding: 24px 0;
}

.responsibleText {
    color: var(--clr-accent-pink);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 28px;
}

.responsibleText i {
    font-size: 18px;
    margin-right: 6px;
    vertical-align: middle;
}

.responsibleText strong {
    color: #fff;
}

.regulatorLogos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
}

.regulatorLink {
    display: block;
    opacity: 0.7;
    transition: opacity 0.25s ease;
}

.regulatorLink:hover {
    opacity: 1;
}

.regulatorImg {
    height: 80px;
    width: auto;
    filter: grayscale(30%);
    transition: filter 0.25s ease;
}

.regulatorLink:hover .regulatorImg {
    filter: grayscale(0%);
}

.footerBottomRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.copyrightTxt {
    color: rgba(255,253,247,0.5);
    font-size: 13px;
}

.disclaimerTxt {
    color: rgba(244,97,151,0.85);
    font-size: 13px;
    font-weight: 500;
}

@media screen and (max-width: 1100px) {
    .footerGridLayout {
        grid-template-columns: 1fr 1fr;
        gap: 40px 32px;
    }

    .heroInnerWrap {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .platformItemInner {
        flex-wrap: wrap;
    }

    .platfLeftBlock {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
        gap: 20px;
        min-width: auto;
    }

    .platfRightBlock {
        width: 100%;
        border-left: none;
        border-top: 1px solid rgba(255,253,247,0.08);
        padding-left: 0;
        padding-top: 20px;
        flex-direction: row;
        justify-content: space-between;
    }

    .bonusHighlight {
        text-align: left;
        margin-bottom: 0;
    }

    .about_us_part .row {
        flex-direction: column;
        gap: 40px;
    }

    .about_us_part .col-md-5,
    .about_us_part .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .text-section .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .simple-text-image-section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .simple-text-image-section .row {
        flex-direction: column;
    }

    .simple-text-image-section .img-left {
        min-height: 320px;
    }

    .simple-text-image-section .col-md-6.py-5 {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .simple-text-image-section .section-text-content {
        padding: 0 24px;
        max-width: 100%;
    }

    .simple-text-image-section .section-text-content.p-5 {
        padding: 0 24px;
    }

    .about_us_part {
        padding: 70px 20px;
    }

    .about_us_part .about_us_content h2 {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .navInnerContainer {
        height: 64px;
    }

    .headerLogo {
        height: 36px;
    }

    .heroSectionMain {
        padding: 100px 20px 60px;
        min-height: auto;
    }

    .mainHeroTitle {
        font-size: 1.85rem;
        line-height: 1.2;
    }

    .heroDescriptionText {
        font-size: 1rem;
        line-height: 1.65;
    }

    .footerGridLayout {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footerBottomRow {
        flex-direction: column;
        text-align: center;
    }

    .tileRow {
        gap: 2px;
    }

    .tilesBack {
        gap: 2px;
        padding: 2px;
    }

    .regulatorLogos {
        gap: 20px;
    }

    .regulatorImg {
        height: 32px;
    }

    .responsibleText {
        font-size: 14px;
    }

    .siteFooterSection {
        padding: 48px 20px 28px;
    }

    .footerDividerLine {
        margin: 32px 0 20px;
    }

    #text-section {
        padding: 44px 20px;
    }

    #text-section .title {
        font-size: 1.35rem;
    }

    #text-section p {
        font-size: 14px;
        line-height: 1.7;
    }

    .advRowWrap {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .advBlock {
        max-width: 100%;
        width: 100%;
        padding: 26px 22px;
    }

    .text-section .section-title {
        font-size: 1.65rem;
    }

    .text-section .lead-text {
        font-size: 15px;
        margin-bottom: 36px;
    }

    .reviewsGridWrap {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .reviewCardItem {
        padding: 26px;
    }

    .text-section {
        padding: 70px 20px;
    }
}

@media screen and (max-width: 640px) {
    .rankingBlockArea {
        padding: 50px 20px 70px;
    }

    .platformItemInner {
        padding: 20px;
        gap: 18px;
    }

    .platfLeftBlock {
        flex-direction: column;
        align-items: flex-start;
    }

    .reviewScoreBox {
        text-align: left;
    }

    .starRow {
        justify-content: flex-start;
    }

    .platfTitle {
        font-size: 1.2rem;
    }

    .platfDescTxt {
        font-size: 13px;
    }

    .platfRightBlock {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .bonusHighlight {
        text-align: center;
    }

    .claimBtnLink {
        justify-content: center;
        width: 100%;
    }

    .bonusValue {
        font-size: 1.3rem;
    }

    .advantagesRow {
        gap: 8px;
    }

    .advItem {
        font-size: 11px;
        padding: 5px 8px;
    }
}

@media screen and (max-width: 576px) {
    .simple-text-image-section .img-left {
        min-height: 260px;
    }

    .simple-text-image-section .col-md-6.py-5 {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .simple-text-image-section .section-text-content {
        padding: 0 16px;
    }

    .simple-text-image-section h2 {
        font-size: 1.45rem;
    }

    .simple-text-image-section h2.mb-4 {
        margin-bottom: 20px;
    }

    .simple-text-image-section .section-text-content p {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .simple-text-image-section .btn.btn-primary {
        width: 100%;
        text-align: center;
    }

    .about_us_part {
        padding: 60px 16px;
    }

    .about_us_part .about_us_content h5 {
        font-size: 13px;
        margin-bottom: 14px;
    }

    .about_us_part .about_us_content h2 {
        font-size: 1.5rem;
    }

    .about_us_part .about_us_content p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .about_us_part .btn_1 {
        padding: 14px 28px;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .hero-badge-element {
        padding: 6px 12px;
    }

    .hero-badge-element span {
        font-size: 11px;
    }

    .mainHeroTitle {
        font-size: 1.6rem;
    }

    .primaryHeroBtn {
        padding: 14px 24px;
        font-size: 15px;
        width: 100%;
        justify-content: center;
    }

    .hero-warning-box {
        flex-direction: column;
        text-align: center;
        gap: 8px;
        width: 100%;
    }

    .headerLogo {
        height: 32px;
    }

    .footerLogo {
        height: 32px;
    }

    .regulatorLogos {
        gap: 16px;
    }

    .regulatorImg {
        height: 28px;
    }

    .ageRestrictionBadge {
        padding: 8px 14px;
    }

    .ageBadgeNum {
        font-size: 20px;
    }

    .responsibleText {
        font-size: 13px;
    }

    .responsibleText i {
        display: block;
        margin-bottom: 8px;
        font-size: 22px;
    }

    .text-section {
        padding: 56px 16px;
    }

    .reviewTxt {
        font-size: 14px;
    }

    .reviewCardItem {
        padding: 22px;
    }

    .platfNameRow {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .scoreNum {
        font-size: 1.85rem;
    }

    .platfLogoImg {
        height: 30px;
    }
}

@media screen and (max-width: 360px) {
    .heroSectionMain {
        padding: 90px 16px 50px;
    }

    .mainHeroTitle {
        font-size: 1.45rem;
    }

    .heroDescriptionText {
        font-size: 0.95rem;
    }

    .siteFooterSection {
        padding: 40px 16px 24px;
    }
}

.pageContentArea {
    padding: 130px 24px 80px;
    position:relative;
    z-index: 5;
}

.pageContentInner {
    max-width:860px;
    margin: 0 auto;
    background: linear-gradient(145deg,rgba(12,31,53,0.75) 0%,rgba(10,35,66,0.85) 100%);
    border: 1px solid rgba(44,165,141,0.18);
    border-radius:18px;
    padding: 48px 52px;
}

.pageContentInner h1 {
    font-size: clamp(1.75rem,4vw,2.5rem);
    font-weight:800;
    color: #FFFDF7;
    margin-bottom: 28px;
    line-height:1.2;
    letter-spacing:-0.4px;
}

.pageContentInner h2 {
    font-size: clamp(1.25rem,2.5vw,1.6rem);
    font-weight: 700;
    color:#FFFDF7;
    margin-top:36px;
    margin-bottom:18px;
    line-height: 1.35;
}

.pageContentInner h3 {
    font-size: clamp(1.1rem,2vw,1.35rem);
    font-weight:600;
    color: #84BC9C;
    margin-top: 30px;
    margin-bottom: 14px;
    line-height: 1.4;
}

.pageContentInner p {
    font-size:15px;
    color: rgba(255,253,247,0.72);
    line-height:1.85;
    margin-bottom: 18px;
    font-weight: 400;
}

.pageContentInner p:last-child {
    margin-bottom:0;
}

.pageContentInner strong {
    color: #2CA58D;
    font-weight:600;
}

.pageContentInner a {
    color:#2CA58D;
    text-decoration:none;
    transition: color 0.2s ease;
}

.pageContentInner a:hover {
    color: #84BC9C;
}

@media screen and (max-width:768px) {
    .pageContentArea {
        padding:110px 20px 60px;
    }

    .pageContentInner {
        padding: 36px 28px;
        border-radius: 14px;
    }

    .pageContentInner h1 {
        margin-bottom:22px;
    }

    .pageContentInner h2 {
        margin-top: 28px;
        margin-bottom:14px;
    }

    .pageContentInner h3 {
        margin-top:24px;
        margin-bottom: 12px;
    }

    .pageContentInner p {
        font-size: 14px;
        line-height: 1.75;
        margin-bottom:16px;
    }
}

@media screen and (max-width: 480px) {
    .pageContentArea {
        padding: 96px 16px 50px;
    }

    .pageContentInner {
        padding:28px 20px;
        border-radius:12px;
    }

    .pageContentInner h1 {
        font-size: 1.5rem;
    }

    .pageContentInner h2 {
        font-size:1.15rem;
        margin-top: 24px;
    }

    .pageContentInner h3 {
        font-size: 1.05rem;
        margin-top:20px;
    }
}

.contactFormWrap {
    margin-top: 28px;
    margin-bottom:36px;
}

.formFieldGroup {
    margin-bottom: 22px;
}

.fieldLabelTxt {
    display: block;
    font-size: 14px;
    font-weight:600;
    color: #FFFDF7;
    margin-bottom:8px;
}

.formInputField,
.formTextareaField {
    width: 100%;
    background: rgba(5,16,29,0.6);
    border: 1px solid rgba(44,165,141,0.25);
    border-radius: 8px;
    padding:14px 16px;
    font-family: 'Archivo', sans-serif;
    font-size: 15px;
    color:#FFFDF7;
    transition: border-color 0.2s ease,box-shadow 0.2s ease;
}

.formInputField:focus,
.formTextareaField:focus {
    outline: none;
    border-color: #2CA58D;
    box-shadow: 0 0 0 3px rgba(44,165,141,0.15);
}

.formInputField::placeholder,
.formTextareaField::placeholder {
    color: rgba(255,253,247,0.4);
}

.formTextareaField {
    resize: vertical;
    min-height: 140px;
}

.fieldErrorMsg {
    display:block;
    font-size:12px;
    color: #F46197;
    margin-top: 6px;
    min-height: 18px;
}

.formSubmitBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    background: linear-gradient(135deg,#2CA58D,#239b7e);
    color: #FFFDF7;
    border: none;
    padding: 16px 36px;
    border-radius:8px;
    font-family: 'Archivo',sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s ease,box-shadow 0.2s ease;
    box-shadow:0 6px 24px rgba(44,165,141,0.3);
    min-width: 200px;
}

.formSubmitBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(44,165,141,0.4);
}

.formSubmitBtn:active {
    transform:translateY(0);
}

.btnLoaderIcon {
    display: none;
}

.formSubmitBtn.loading .btnTxtContent {
    display:none;
}

.formSubmitBtn.loading .btnLoaderIcon {
    display: inline-block;
}

.formSubmitBtn.loading .btnLoaderIcon i {
    animation: spinLoader 1s linear infinite;
    font-size:20px;
}

@keyframes spinLoader {
    from { transform: rotate(0deg); }
    to { transform:rotate(360deg); }
}

.popupOverlayBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba(5,16,29,0.92);
    z-index: 9999;
    display: flex;
    align-items:center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    padding: 20px;
}

.popupOverlayBg.showPopup {
    opacity: 1;
    visibility:visible;
}

.popupContentBox {
    background: linear-gradient(145deg,rgba(12,31,53,0.95) 0%,rgba(10,35,66,0.98) 100%);
    border: 1px solid rgba(44,165,141,0.3);
    border-radius: 16px;
    padding: 48px 40px;
    max-width:420px;
    width: 100%;
    text-align: center;
    transform: scale(0.9);
    transition:transform 0.3s ease;
}

.popupOverlayBg.showPopup .popupContentBox {
    transform:scale(1);
}

.popupIconWrap {
    margin-bottom: 20px;
}

.popupIconWrap i {
    font-size: 64px;
    color:#2CA58D;
}

.popupTitleTxt {
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFDF7;
    margin-bottom:12px;
}

.popupDescTxt {
    font-size:15px;
    color: rgba(255,253,247,0.72);
    line-height: 1.6;
    margin-bottom: 28px;
}

.popupCloseBtn {
    background:transparent;
    border: 1px solid rgba(44,165,141,0.5);
    color: #2CA58D;
    padding: 12px 32px;
    border-radius: 8px;
    font-family:'Archivo', sans-serif;
    font-size: 15px;
    font-weight:600;
    cursor: pointer;
    transition: background 0.2s ease,color 0.2s ease;
}

.popupCloseBtn:hover {
    background: #2CA58D;
    color:#FFFDF7;
}

@media screen and (max-width: 768px) {
    .formSubmitBtn {
        width:100%;
    }

    .popupContentBox {
        padding: 36px 28px;
    }

    .popupIconWrap i {
        font-size:52px;
    }

    .popupTitleTxt {
        font-size: 1.3rem;
    }
}

@media screen and (max-width:480px) {
    .formInputField,
    .formTextareaField {
        padding: 12px 14px;
        font-size: 14px;
    }

    .formSubmitBtn {
        padding:14px 28px;
        font-size: 15px;
    }

    .popupContentBox {
        padding:32px 24px;
    }

    .popupDescTxt {
        font-size: 14px;
    }
}

.agePopupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5,16,29,0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.agePopupOverlay.hidePopup {
    display: none;
}

.agePopupBox {
    background: linear-gradient(145deg, rgba(12,31,53,0.95) 0%, rgba(10,35,66,0.98) 100%);
    border: 1px solid rgba(244,97,151,0.3);
    border-radius: 20px;
    padding: 48px 40px;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 64px rgba(0,0,0,0.5);
}

.ageIconWrap {
    width: 88px;
    height: 88px;
    background: rgba(244,97,151,0.15);
    border: 3px solid #F46197;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
}

.ageIconNum {
    font-size: 2rem;
    font-weight: 800;
    color: #F46197;
}

.agePopupTitle {
    font-size: 1.5rem;
    font-weight: 800;
    color: #FFFDF7;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}

.agePopupDesc {
    font-size: 15px;
    color: rgba(255,253,247,0.7);
    line-height: 1.65;
    margin-bottom: 32px;
}

.ageConfirmBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #2CA58D 0%, #239b7e 100%);
    color: #FFFDF7;
    border: none;
    padding: 16px 36px;
    border-radius: 10px;
    font-family: 'Archivo', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 24px rgba(44,165,141,0.35);
    width: 100%;
}

.ageConfirmBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(44,165,141,0.45);
}

.ageConfirmBtn i {
    font-size: 20px;
}

.agePopupNote {
    font-size: 12px;
    color: rgba(255,253,247,0.45);
    margin-top: 24px;
    margin-bottom: 0;
    line-height: 1.5;
}

@media screen and (max-width: 480px) {
    .agePopupBox {
        padding: 36px 24px;
    }

    .ageIconWrap {
        width: 72px;
        height: 72px;
    }

    .ageIconNum {
        font-size: 1.65rem;
    }

    .agePopupTitle {
        font-size: 1.3rem;
    }

    .agePopupDesc {
        font-size: 14px;
    }

    .ageConfirmBtn {
        padding: 14px 28px;
        font-size: 15px;
    }
}