:root {
    --primary-color: #ffcb04;
    --secondary-color: #111451;
    --text-color: #474747;
    --black-color: #000;
    --white-color: #fff;
}

.swiper.marquee-slider {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper.marquee-slider.swiper--bottom:after {
    animation-direction: reverse;
}

.marquee-slider .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
}

.marquee-slider .swiper-slide {
    text-align: center;
    font-size: 33px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    padding: 0 50px;
}

.marquee-slider .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
}

/* =============================================
   PSTC - New Home Page Styles
   ============================================= */

/* ---- Announcement Bar ---- */
.announcement-bar {
    background-color: var(--primary-color);
    overflow: hidden;
}

.announcement-bar .swiper-slide {
    background: var(--primary-color) !important;
    font-size: 14px !important;
    font-weight: 600;
    color: var(--black-color);
    padding: 10px 40px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.announcement-bar .swiper-slide::before {
    content: "★";
    margin-right: 12px;
    color: var(--secondary-color);
}

/* ---- Header / Navbar ---- */
.header .navbar {
    background-color: var(--secondary-color) !important;
}

/* Mobile bottom bar */
/* ════════════════════════════════════════
   MOBILE APP-STYLE BOTTOM NAV
   ════════════════════════════════════════ */
.mob-app-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #0a0e2e;
    border-top: 1px solid rgba(255, 203, 4, 0.25);
    padding: 0 6px env(safe-area-inset-bottom, 8px);
    padding-top: 8px;
    padding-bottom: 12px;
    justify-content: space-around;
    align-items: flex-end;
    gap: 4px;
    /* frosted glass feel */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.5);
}

/* ── each nav item ── */
.mob-nav-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 14px;
    transition: transform 0.18s ease, opacity 0.18s ease;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.mob-nav-btn:active {
    transform: scale(0.9);
    opacity: 0.85;
}

/* ── icon wrapper ── */
.mob-nav-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.2s ease;
}

.mob-nav-icon svg {
    width: 22px;
    height: 22px;
}

/* ── labels ── */
.mob-nav-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.55);
    transition: color 0.2s ease;
    white-space: nowrap;
}

/* ── DOWNLOAD button ── */
.mob-nav-download .mob-nav-icon {
    background: rgba(255, 203, 4, 0.12);
    border-color: rgba(255, 203, 4, 0.35);
    color: var(--primary-color);
}

.mob-nav-download svg {
    stroke: var(--primary-color);
}

.mob-nav-download .mob-nav-label {
    color: var(--primary-color);
}

/* APK badge */
.mob-nav-badge {
    position: absolute;
    top: -5px;
    right: -6px;
    background: var(--primary-color);
    color: #000;
    font-size: 8px;
    font-weight: 800;
    padding: 1px 4px;
    border-radius: 6px;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

/* ── REGISTER button (pill, primary CTA) ── */
.mob-nav-register {
    flex: 1.4;
}

.mob-nav-icon-pill {
    width: 100% !important;
    min-width: 80px;
    border-radius: 22px !important;
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    height: 48px !important;
    box-shadow: 0 4px 20px rgba(255, 203, 4, 0.45);
}

.mob-nav-icon-pill svg {
    stroke: #000;
    width: 24px;
    height: 24px;
}

.mob-nav-register .mob-nav-label {
    color: var(--primary-color);
    font-size: 10.5px;
}

/* ── CALL button ── */
.mob-nav-call .mob-nav-icon {
    background: rgba(0, 200, 100, 0.12);
    border-color: rgba(0, 200, 100, 0.35);
}

.mob-nav-call svg {
    stroke: #00c864;
}

.mob-nav-call .mob-nav-label {
    color: #00c864;
}

/* live pulse dot on call icon */
.mob-pulse-dot {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00c864;
    border: 2px solid #0a0e2e;
    animation: mobPulse 1.8s ease-in-out infinite;
}

@keyframes mobPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.4);
        opacity: 0.6;
    }
}

/* ── WHATSAPP button ── */
.mob-nav-whatsapp .mob-nav-icon {
    background: rgba(37, 211, 102, 0.14);
    border-color: rgba(37, 211, 102, 0.35);
}

.mob-nav-whatsapp svg {
    fill: #25D366;
}

.mob-nav-whatsapp .mob-nav-label {
    color: #25D366;
}

@media (min-width: 992px) {
    .mob-nav-btn {
        flex-direction: row;
        justify-content: center;
        flex: unset;
        gap: 20px;
    }

    .mob-nav-register {
        flex: unset;
    }

    .mob-nav-register .mob-nav-label,
    .mob-nav-label {
        font-size: 20px;
    }

    .site-footer {
        padding-bottom: 73px !important;
    }
}

/* ── Show on mobile / tablet ── */
@media (max-width: 991px) {
    .mob-app-nav {
        display: flex;
    }

    body {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    }
}

/* ---- Hero Section ---- */
.hero-section-main {
    background-color: var(--secondary-color);
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 110px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAwIDcwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPgogIDxkZWZzPgogICAgPCEtLSBOaWdodCBza3kgZ3JhZGllbnQgLS0+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InNreSIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDQwNjJiIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMGExMDQ1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkMTg2MCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwhLS0gUGl0Y2ggZ3JhZGllbnQgLS0+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBpdGNoIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyZDVhMWIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWEzYTBlIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPCEtLSBGbG9vZGxpZ2h0IGdsb3cgLS0+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImZsb29kR2xvdzEiIGN4PSI1MCUiIGN5PSIwJSIgcj0iODAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmRlMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmRlMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJmbG9vZEdsb3cyIiBjeD0iNTAlIiBjeT0iMCUiIHI9IjcwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmY4YzAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjhjMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJjZW50ZXJHbG93IiBjeD0iNTAlIiBjeT0iNjAlIiByPSI1MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2E3ZDIyIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTNhMGUiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICAgIDwhLS0gU3RhZGl1bSBsaWdodCBiZWFtcyAtLT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYmVhbTEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmRlMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmRlMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJiZWFtMiIgeDE9IjEiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZGUwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZGUwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8ZmlsdGVyIGlkPSJibHVyMSIgeD0iLTIwJSIgeT0iLTIwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMTQwJSI+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iYmx1cjIiIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyMCIvPgogICAgPC9maWx0ZXI+CiAgICA8ZmlsdGVyIGlkPSJzb2Z0Qmx1ciI+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz4KICAgIDwvZmlsdGVyPgogICAgPGNsaXBQYXRoIGlkPSJzdGFkaXVtQ2xpcCI+CiAgICAgIDxyZWN0IHdpZHRoPSIxNDAwIiBoZWlnaHQ9IjcwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CgogIDxnIGNsaXAtcGF0aD0idXJsKCNzdGFkaXVtQ2xpcCkiPgoKICAgIDwhLS0gTmlnaHQgc2t5IC0tPgogICAgPHJlY3Qgd2lkdGg9IjE0MDAiIGhlaWdodD0iNzAwIiBmaWxsPSJ1cmwoI3NreSkiLz4KCiAgICA8IS0tIFN0YXJzIC0tPgogICAgPGcgb3BhY2l0eT0iMC43Ij4KICAgICAgPGNpcmNsZSBjeD0iODAiIGN5PSI0MCIgcj0iMS4yIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC44Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjIwMCIgY3k9IjI1IiByPSIwLjgiIGZpbGw9IndoaXRlIi8+CiAgICAgIDxjaXJjbGUgY3g9IjMyMCIgY3k9IjU1IiByPSIxLjUiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjYiLz4KICAgICAgPGNpcmNsZSBjeD0iNDMwIiBjeT0iMzAiIHI9IjAuOSIgZmlsbD0id2hpdGUiLz4KICAgICAgPGNpcmNsZSBjeD0iNTUwIiBjeT0iMTUiIHI9IjEuMSIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuOSIvPgogICAgICA8Y2lyY2xlIGN4PSI2ODAiIGN5PSI0NSIgcj0iMC43IiBmaWxsPSJ3aGl0ZSIvPgogICAgICA8Y2lyY2xlIGN4PSI4MDAiIGN5PSIyMCIgcj0iMS4zIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC43Ii8+CiAgICAgIDxjaXJjbGUgY3g9Ijk1MCIgY3k9IjYwIiByPSIwLjkiIGZpbGw9IndoaXRlIi8+CiAgICAgIDxjaXJjbGUgY3g9IjEwNjAiIGN5PSIzMCIgcj0iMS40IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC44Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjExODAiIGN5PSI1MCIgcj0iMC44IiBmaWxsPSJ3aGl0ZSIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjkwIiBjeT0iMjIiIHI9IjEuMiIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuNiIvPgogICAgICA8Y2lyY2xlIGN4PSIxMzUwIiBjeT0iNzAiIHI9IjAuOSIgZmlsbD0id2hpdGUiLz4KICAgICAgPGNpcmNsZSBjeD0iMTQwIiBjeT0iODAiIHI9IjAuNyIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuNSIvPgogICAgICA8Y2lyY2xlIGN4PSI2MDAiIGN5PSI4MCIgcj0iMS4wIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC43Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjkwMCIgY3k9IjkwIiByPSIwLjgiIGZpbGw9IndoaXRlIi8+CiAgICAgIDxjaXJjbGUgY3g9IjExMDAiIGN5PSI3NSIgcj0iMS4xIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC42Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjM3MCIgY3k9IjEwMCIgcj0iMC42IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC41Ii8+CiAgICAgIDxjaXJjbGUgY3g9Ijc1MCIgY3k9IjExMCIgcj0iMC45IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC42Ii8+CiAgICA8L2c+CgogICAgPCEtLSDilZDilZDilZAgU1RBRElVTSBTVEFORFMgKGZhciBiYWNrZ3JvdW5kKSDilZDilZDilZAgLS0+CiAgICA8IS0tIEZhciBsZWZ0IGN1cnZlZCBzdGFuZCAtLT4KICAgIDxlbGxpcHNlIGN4PSIyMDAiIGN5PSI0MjAiIHJ4PSIyNjAiIHJ5PSIxMjAiIGZpbGw9IiMwZTFhNWEiIG9wYWNpdHk9IjAuOTUiLz4KICAgIDwhLS0gRmFyIHJpZ2h0IGN1cnZlZCBzdGFuZCAtLT4KICAgIDxlbGxpcHNlIGN4PSIxMjAwIiBjeT0iNDIwIiByeD0iMjYwIiByeT0iMTIwIiBmaWxsPSIjMGUxYTVhIiBvcGFjaXR5PSIwLjk1Ii8+CiAgICA8IS0tIEJvdHRvbSBzdGFuZHMgLS0+CiAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNjIwIiByeD0iNTUwIiByeT0iMTAwIiBmaWxsPSIjMGMxODUwIiBvcGFjaXR5PSIwLjkiLz4KCiAgICA8IS0tIFN0YW5kIHRpZXJzIOKAkyBsZWZ0IC0tPgogICAgPHBhdGggZD0iTTAgMzQwIFExODAgMjgwIDM2MCAzMjAgTDM2MCA0MjAgUTE4MCAzOTAgMCA0NDAgWiIgZmlsbD0iIzExMWY2ZSIgb3BhY2l0eT0iMC45Ii8+CiAgICA8cGF0aCBkPSJNMCAzODAgUTE4MCAzMzAgMzYwIDM2MCBMMzYwIDQ0MCBRMTgwIDQxNSAwIDQ3MCBaIiBmaWxsPSIjMGQxODYwIiBvcGFjaXR5PSIwLjg1Ii8+CiAgICA8cGF0aCBkPSJNMCA0MjAgUTE4MCAzODAgMzYwIDQwMCBMMzYwIDQ2MCBRMTgwIDQ0NSAwIDUwNSBaIiBmaWxsPSIjMGExNDUwIiBvcGFjaXR5PSIwLjgiLz4KCiAgICA8IS0tIFN0YW5kIHRpZXJzIOKAkyByaWdodCAtLT4KICAgIDxwYXRoIGQ9Ik0xMDQwIDMyMCBRMTIyMCAyODAgMTQwMCAzNDAgTDE0MDAgNDQwIFExMjIwIDM5MCAxMDQwIDQyMCBaIiBmaWxsPSIjMTExZjZlIiBvcGFjaXR5PSIwLjkiLz4KICAgIDxwYXRoIGQ9Ik0xMDQwIDM2MCBRMTIyMCAzMzAgMTQwMCAzODAgTDE0MDAgNDcwIFExMjIwIDQxNSAxMDQwIDQ0MCBaIiBmaWxsPSIjMGQxODYwIiBvcGFjaXR5PSIwLjg1Ii8+CiAgICA8cGF0aCBkPSJNMTA0MCA0MDAgUTEyMjAgMzgwIDE0MDAgNDIwIEwxNDAwIDUwNSBRMTIyMCA0NDUgMTA0MCA0NjAgWiIgZmlsbD0iIzBhMTQ1MCIgb3BhY2l0eT0iMC44Ii8+CgogICAgPCEtLSBTdGFuZCBjcm93ZCByb3dzIOKAkyBsZWZ0ICh0aW55IGxpZ2h0cykgLS0+CiAgICA8ZyBvcGFjaXR5PSIwLjYiPgogICAgICA8cmVjdCB4PSIyMCIgeT0iMzUwIiB3aWR0aD0iMzIwIiBoZWlnaHQ9IjIiIGZpbGw9IiMxYTJmOTAiIHJ4PSIxIi8+CiAgICAgIDxyZWN0IHg9IjEwIiB5PSIzNzAiIHdpZHRoPSIzMzAiIGhlaWdodD0iMiIgZmlsbD0iIzFhMmY5MCIgcng9IjEiLz4KICAgICAgPHJlY3QgeD0iNSIgeT0iMzkwIiB3aWR0aD0iMzQwIiBoZWlnaHQ9IjIiIGZpbGw9IiMxNTI1ODAiIHJ4PSIxIi8+CiAgICAgIDxyZWN0IHg9IjAiIHk9IjQxMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSIyIiBmaWxsPSIjMTAxZTcwIiByeD0iMSIvPgogICAgPC9nPgogICAgPCEtLSBTdGFuZCBjcm93ZCByb3dzIOKAkyByaWdodCAtLT4KICAgIDxnIG9wYWNpdHk9IjAuNiI+CiAgICAgIDxyZWN0IHg9IjEwNjAiIHk9IjM1MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyIiBmaWxsPSIjMWEyZjkwIiByeD0iMSIvPgogICAgICA8cmVjdCB4PSIxMDYwIiB5PSIzNzAiIHdpZHRoPSIzMzAiIGhlaWdodD0iMiIgZmlsbD0iIzFhMmY5MCIgcng9IjEiLz4KICAgICAgPHJlY3QgeD0iMTA2MCIgeT0iMzkwIiB3aWR0aD0iMzQwIiBoZWlnaHQ9IjIiIGZpbGw9IiMxNTI1ODAiIHJ4PSIxIi8+CiAgICAgIDxyZWN0IHg9IjEwNjAiIHk9IjQxMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSIyIiBmaWxsPSIjMTAxZTcwIiByeD0iMSIvPgogICAgPC9nPgoKICAgIDwhLS0gQ3Jvd2QgY29sb3VyZWQgZG90cyDigJMgbGVmdCBzdGFuZCAtLT4KICAgIDxnIG9wYWNpdHk9IjAuNTUiPgogICAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjM1NSIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPjxjaXJjbGUgY3g9IjcwIiBjeT0iMzU1IiByPSIyIiBmaWxsPSIjZTAzMDMwIi8+CiAgICAgIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjM1NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjEzMCIgY3k9IjM1NSIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSIxNjAiIGN5PSIzNjAiIHI9IjIiIGZpbGw9IiNlMDMwMzAiLz48Y2lyY2xlIGN4PSIxOTAiIGN5PSIzNTgiIHI9IjIiIGZpbGw9IiNmZmYiLz4KICAgICAgPGNpcmNsZSBjeD0iMjIwIiBjeT0iMzU1IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+PGNpcmNsZSBjeD0iMjUwIiBjeT0iMzYwIiByPSIyIiBmaWxsPSIjZTAzMDMwIi8+CiAgICAgIDxjaXJjbGUgY3g9IjI4MCIgY3k9IjM1NiIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjMxMCIgY3k9IjM1NCIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSI1NSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9Ijg1IiBjeT0iMzc1IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjExNSIgY3k9IjM3MyIgcj0iMiIgZmlsbD0iI2UwMzAzMCIvPjxjaXJjbGUgY3g9IjE0NSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPgogICAgICA8Y2lyY2xlIGN4PSIxNzUiIGN5PSIzNzQiIHI9IjIiIGZpbGw9IiNmZmNiMDQiLz48Y2lyY2xlIGN4PSIyMDUiIGN5PSIzNzYiIHI9IjIiIGZpbGw9IiNlMDMwMzAiLz4KICAgICAgPGNpcmNsZSBjeD0iMjM1IiBjeT0iMzc0IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMjY1IiBjeT0iMzc1IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjI5NSIgY3k9IjM3MyIgcj0iMiIgZmlsbD0iI2UwMzAzMCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogICAgPCEtLSBDcm93ZCBjb2xvdXJlZCBkb3RzIOKAkyByaWdodCBzdGFuZCAtLT4KICAgIDxnIG9wYWNpdHk9IjAuNTUiPgogICAgICA8Y2lyY2xlIGN4PSIxMDgwIiBjeT0iMzU1IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+PGNpcmNsZSBjeD0iMTExMCIgY3k9IjM1NSIgcj0iMiIgZmlsbD0iI2UwMzAzMCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMTQwIiBjeT0iMzU1IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMTE3MCIgY3k9IjM1NSIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjAwIiBjeT0iMzYwIiByPSIyIiBmaWxsPSIjZTAzMDMwIi8+PGNpcmNsZSBjeD0iMTIzMCIgY3k9IjM1OCIgcj0iMiIgZmlsbD0iI2ZmZiIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjYwIiBjeT0iMzU1IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+PGNpcmNsZSBjeD0iMTI5MCIgY3k9IjM2MCIgcj0iMiIgZmlsbD0iI2UwMzAzMCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMzIwIiBjeT0iMzU2IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMTM1MCIgY3k9IjM1NCIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMDk1IiBjeT0iMzc1IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMTEyNSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMTU1IiBjeT0iMzczIiByPSIyIiBmaWxsPSIjZTAzMDMwIi8+PGNpcmNsZSBjeD0iMTE4NSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjE1IiBjeT0iMzc0IiByPSIyIiBmaWxsPSIjZmZjYjA0Ii8+PGNpcmNsZSBjeD0iMTI0NSIgY3k9IjM3NiIgcj0iMiIgZmlsbD0iI2UwMzAzMCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjc1IiBjeT0iMzc0IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMTMwNSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgICA8Y2lyY2xlIGN4PSIxMzM1IiBjeT0iMzczIiByPSIyIiBmaWxsPSIjZTAzMDMwIi8+PGNpcmNsZSBjeD0iMTM2NSIgY3k9IjM3NSIgcj0iMiIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgoKICAgIDwhLS0g4pWQ4pWQ4pWQIEZMT09ETElHSFQgVE9XRVJTIOKVkOKVkOKVkCAtLT4KICAgIDwhLS0gVG93ZXIgTGVmdCAxIC0tPgogICAgPHJlY3QgeD0iMTEyIiB5PSIxMjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyNjAiIGZpbGw9IiMxYTI4NzgiIHJ4PSIyIi8+CiAgICA8cmVjdCB4PSI4MCIgeT0iMTE2IiB3aWR0aD0iNzYiIGhlaWdodD0iMTgiIGZpbGw9IiMyMDMwYTAiIHJ4PSIzIi8+CiAgICA8IS0tIGxpZ2h0IGhlYWQgLS0+CiAgICA8cmVjdCB4PSI3NiIgeT0iMTAwIiB3aWR0aD0iODQiIGhlaWdodD0iMjAiIGZpbGw9IiNmZmNiMDQiIHJ4PSIzIiBvcGFjaXR5PSIwLjk1Ii8+CiAgICA8cmVjdCB4PSI4MCIgeT0iOTYiIHdpZHRoPSI3NiIgaGVpZ2h0PSI4IiBmaWxsPSIjZmZlMDY2IiByeD0iMiIvPgogICAgPCEtLSBnbG93IGJlYW0gbGVmdCAxIC0tPgogICAgPHBvbHlnb24gcG9pbnRzPSIxMTgsMTIwIDQwLDUwMCAxOTYsNTAwIiBmaWxsPSJ1cmwoI2JlYW0xKSIgb3BhY2l0eT0iMC4yIi8+CgogICAgPCEtLSBUb3dlciBMZWZ0IDIgLS0+CiAgICA8cmVjdCB4PSIyOTIiIHk9IjkwIiB3aWR0aD0iMTAiIGhlaWdodD0iMjQwIiBmaWxsPSIjMWEyODc4IiByeD0iMiIvPgogICAgPHJlY3QgeD0iMjYwIiB5PSI4NiIgd2lkdGg9Ijc2IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMjAzMGEwIiByeD0iMyIvPgogICAgPHJlY3QgeD0iMjU2IiB5PSI3MCIgd2lkdGg9Ijg0IiBoZWlnaHQ9IjIwIiBmaWxsPSIjZmZjYjA0IiByeD0iMyIgb3BhY2l0eT0iMC45NSIvPgogICAgPHJlY3QgeD0iMjYwIiB5PSI2NiIgd2lkdGg9Ijc2IiBoZWlnaHQ9IjgiIGZpbGw9IiNmZmUwNjYiIHJ4PSIyIi8+CiAgICA8cG9seWdvbiBwb2ludHM9IjI5Nyw5MCAyMjAsNDgwIDM3Niw0ODAiIGZpbGw9InVybCgjYmVhbTEpIiBvcGFjaXR5PSIwLjE4Ii8+CgogICAgPCEtLSBUb3dlciBSaWdodCAxIC0tPgogICAgPHJlY3QgeD0iMTI3OCIgeT0iMTIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMjYwIiBmaWxsPSIjMWEyODc4IiByeD0iMiIvPgogICAgPHJlY3QgeD0iMTI0NCIgeT0iMTE2IiB3aWR0aD0iNzYiIGhlaWdodD0iMTgiIGZpbGw9IiMyMDMwYTAiIHJ4PSIzIi8+CiAgICA8cmVjdCB4PSIxMjQwIiB5PSIxMDAiIHdpZHRoPSI4NCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmY2IwNCIgcng9IjMiIG9wYWNpdHk9IjAuOTUiLz4KICAgIDxyZWN0IHg9IjEyNDQiIHk9Ijk2IiB3aWR0aD0iNzYiIGhlaWdodD0iOCIgZmlsbD0iI2ZmZTA2NiIgcng9IjIiLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMTI4MywxMjAgMTIwNCw1MDAgMTM2Miw1MDAiIGZpbGw9InVybCgjYmVhbTIpIiBvcGFjaXR5PSIwLjIiLz4KCiAgICA8IS0tIFRvd2VyIFJpZ2h0IDIgLS0+CiAgICA8cmVjdCB4PSIxMDk4IiB5PSI5MCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI0MCIgZmlsbD0iIzFhMjg3OCIgcng9IjIiLz4KICAgIDxyZWN0IHg9IjEwNjQiIHk9Ijg2IiB3aWR0aD0iNzYiIGhlaWdodD0iMTgiIGZpbGw9IiMyMDMwYTAiIHJ4PSIzIi8+CiAgICA8cmVjdCB4PSIxMDYwIiB5PSI3MCIgd2lkdGg9Ijg0IiBoZWlnaHQ9IjIwIiBmaWxsPSIjZmZjYjA0IiByeD0iMyIgb3BhY2l0eT0iMC45NSIvPgogICAgPHJlY3QgeD0iMTA2NCIgeT0iNjYiIHdpZHRoPSI3NiIgaGVpZ2h0PSI4IiBmaWxsPSIjZmZlMDY2IiByeD0iMiIvPgogICAgPHBvbHlnb24gcG9pbnRzPSIxMTAzLDkwIDEwMjQsNDgwIDExODQsNDgwIiBmaWxsPSJ1cmwoI2JlYW0yKSIgb3BhY2l0eT0iMC4xOCIvPgoKICAgIDwhLS0gRmxvb2RsaWdodCBnbG93IGhhbG9zIC0tPgogICAgPGVsbGlwc2UgY3g9IjExOCIgY3k9IjEwOCIgcng9IjkwIiByeT0iNDAiIGZpbGw9IiNmZmZkZTAiIG9wYWNpdHk9IjAuMjIiIGZpbHRlcj0idXJsKCNibHVyMikiLz4KICAgIDxlbGxpcHNlIGN4PSIyOTciIGN5PSI3OCIgcng9IjkwIiByeT0iNDAiIGZpbGw9IiNmZmZkZTAiIG9wYWNpdHk9IjAuMjAiIGZpbHRlcj0idXJsKCNibHVyMikiLz4KICAgIDxlbGxpcHNlIGN4PSIxMjgzIiBjeT0iMTA4IiByeD0iOTAiIHJ5PSI0MCIgZmlsbD0iI2ZmZmRlMCIgb3BhY2l0eT0iMC4yMiIgZmlsdGVyPSJ1cmwoI2JsdXIyKSIvPgogICAgPGVsbGlwc2UgY3g9IjExMDMiIGN5PSI3OCIgcng9IjkwIiByeT0iNDAiIGZpbGw9IiNmZmZkZTAiIG9wYWNpdHk9IjAuMjAiIGZpbHRlcj0idXJsKCNibHVyMikiLz4KCiAgICA8IS0tIOKVkOKVkOKVkCBQTEFZSU5HIEZJRUxEIChvdmFsKSDilZDilZDilZAgLS0+CiAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNTcwIiByeD0iNTQwIiByeT0iMTcwIiBmaWxsPSJ1cmwoI3BpdGNoKSIvPgogICAgPCEtLSBPdXRmaWVsZCAtLT4KICAgIDxlbGxpcHNlIGN4PSI3MDAiIGN5PSI1NzAiIHJ4PSI1MzAiIHJ5PSIxNjIiIGZpbGw9IiMyZDVhMWIiLz4KICAgIDwhLS0gQm91bmRhcnkgcmluZyAtLT4KICAgIDxlbGxpcHNlIGN4PSI3MDAiIGN5PSI1NzAiIHJ4PSI1MjUiIHJ5PSIxNTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1kYXNoYXJyYXk9IjAiIG9wYWNpdHk9IjAuNiIvPgogICAgPCEtLSBJbmZpZWxkIGNpcmNsZSAtLT4KICAgIDxlbGxpcHNlIGN4PSI3MDAiIGN5PSI1MjAiIHJ4PSIyMDAiIHJ5PSI5MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMykiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtZGFzaGFycmF5PSI4IDYiLz4KICAgIDwhLS0gQ2VudGVyIGdsb3cgLS0+CiAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNTIwIiByeD0iMjQwIiByeT0iMTEwIiBmaWxsPSJ1cmwoI2NlbnRlckdsb3cpIiBmaWx0ZXI9InVybCgjYmx1cjEpIi8+CiAgICA8IS0tIFBpdGNoIHN0cmlwIC0tPgogICAgPHJlY3QgeD0iNjgwIiB5PSI0NjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiNjOGE5NmUiIHJ4PSIzIiBvcGFjaXR5PSIwLjkiLz4KICAgIDwhLS0gUGl0Y2ggY3JlYXNlIGxpbmVzIC0tPgogICAgPGxpbmUgeDE9IjY3NCIgeTE9IjQ4MCIgeDI9IjcyNiIgeTI9IjQ4MCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjgiLz4KICAgIDxsaW5lIHgxPSI2NzQiIHkxPSI1NjAiIHgyPSI3MjYiIHkyPSI1NjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC44Ii8+CiAgICA8IS0tIFN0dW1wcyBhdCBib3RoIGVuZHMgLS0+CiAgICA8bGluZSB4MT0iNjkzIiB5MT0iNDcwIiB4Mj0iNjkzIiB5Mj0iNDg4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIvPgogICAgPGxpbmUgeDE9IjcwMCIgeTE9IjQ2OSIgeDI9IjcwMCIgeTI9IjQ4NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KICAgIDxsaW5lIHgxPSI3MDciIHkxPSI0NzAiIHgyPSI3MDciIHkyPSI0ODgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CiAgICA8IS0tIEJhaWxzIC0tPgogICAgPGxpbmUgeDE9IjY5MiIgeTE9IjQ3MCIgeDI9IjcwOCIgeTI9IjQ3MCIgc3Ryb2tlPSIjZmZjYjA0IiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPCEtLSBGYXIgc3R1bXBzIC0tPgogICAgPGxpbmUgeDE9IjY5MyIgeTE9IjU1MCIgeDI9IjY5MyIgeTI9IjU2OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KICAgIDxsaW5lIHgxPSI3MDAiIHkxPSI1NTAiIHgyPSI3MDAiIHkyPSI1NjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CiAgICA8bGluZSB4MT0iNzA3IiB5MT0iNTUwIiB4Mj0iNzA3IiB5Mj0iNTY4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIvPgogICAgPGxpbmUgeDE9IjY5MiIgeTE9IjU1MCIgeDI9IjcwOCIgeTI9IjU1MCIgc3Ryb2tlPSIjZmZjYjA0IiBzdHJva2Utd2lkdGg9IjEuNSIvPgoKICAgIDwhLS0gT3V0ZmllbGQgZ3Jhc3MgdGV4dHVyZSBzdHJpcGVzIC0tPgogICAgPGcgb3BhY2l0eT0iMC4xMiI+CiAgICAgIDxlbGxpcHNlIGN4PSI3MDAiIGN5PSI1NzAiIHJ4PSI0ODAiIHJ5PSIxNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhNDAxMCIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogICAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNTcwIiByeD0iNDQwIiByeT0iMTI4IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZDVhMWIiIHN0cm9rZS13aWR0aD0iMTgiLz4KICAgICAgPGVsbGlwc2UgY3g9IjcwMCIgY3k9IjU3MCIgcng9IjQwMCIgcnk9IjExNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWE0MDEwIiBzdHJva2Utd2lkdGg9IjE4Ii8+CiAgICAgIDxlbGxpcHNlIGN4PSI3MDAiIGN5PSI1NzAiIHJ4PSIzNjAiIHJ5PSIxMDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJkNWExYiIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogICAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNTcwIiByeD0iMzIwIiByeT0iOTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhNDAxMCIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogICAgICA8ZWxsaXBzZSBjeD0iNzAwIiBjeT0iNTcwIiByeD0iMjgwIiByeT0iODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJkNWExYiIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogICAgPC9nPgoKICAgIDwhLS0g4pWQ4pWQ4pWQIFBMQVlFUlMgKHNpbGhvdWV0dGVzKSDilZDilZDilZAgLS0+CiAgICA8IS0tIEJhdHNtYW4gYXQgY3JlYXNlIC0tPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzE2LCA0ODQpIj4KICAgICAgPCEtLSBib2R5IC0tPgogICAgICA8cmVjdCB4PSItNCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiByeD0iMiIvPgogICAgICA8IS0tIGhlYWQgLS0+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSItNiIgcj0iNiIgZmlsbD0id2hpdGUiLz4KICAgICAgPCEtLSBoZWxtZXQgcmlkZ2UgLS0+CiAgICAgIDxyZWN0IHg9Ii03IiB5PSItMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI1IiBmaWxsPSIjZGRkIiByeD0iMiIvPgogICAgICA8IS0tIGJhdCBzd2luZyAtLT4KICAgICAgPGxpbmUgeDE9IjQiIHkxPSI4IiB4Mj0iMjAiIHkyPSItNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgICAgPGxpbmUgeDE9IjIwIiB5MT0iLTUiIHgyPSIyMiIgeTI9IjUiIHN0cm9rZT0iI2M4YTk2ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgICAgPCEtLSBsZWdzIC0tPgogICAgICA8bGluZSB4MT0iLTIiIHkxPSIyMiIgeDI9Ii00IiB5Mj0iMzgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICAgIDxsaW5lIHgxPSIyIiB5MT0iMjIiIHgyPSI2IiB5Mj0iMzgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICA8L2c+CiAgICA8IS0tIEJvd2xlciBhcHByb2FjaGluZyAtLT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwMCwgNTU2KSIgb3BhY2l0eT0iMC45Ij4KICAgICAgPHJlY3QgeD0iLTQiIHk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjIyIiBmaWxsPSIjZmZjYjA0IiByeD0iMiIvPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iLTYiIHI9IjYiIGZpbGw9IiNmZmNiMDQiLz4KICAgICAgPCEtLSBib3dsaW5nIGFybSB1cCAtLT4KICAgICAgPGxpbmUgeDE9IjQiIHkxPSI0IiB4Mj0iMTQiIHkyPSItMTQiIHN0cm9rZT0iI2ZmY2IwNCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgICAgPCEtLSBsZWdzIHN0cmlkZSAtLT4KICAgICAgPGxpbmUgeDE9Ii0yIiB5MT0iMjIiIHgyPSItOCIgeTI9IjQwIiBzdHJva2U9IiNmZmNiMDQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICAgIDxsaW5lIHgxPSIyIiB5MT0iMjIiIHgyPSIxMCIgeTI9IjM4IiBzdHJva2U9IiNmZmNiMDQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICA8L2c+CiAgICA8IS0tIEZpZWxkZXIgZmFyIGxlZnQgLS0+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MjAsIDUzMCkiIG9wYWNpdHk9IjAuNyI+CiAgICAgIDxyZWN0IHg9Ii0zIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiIHJ4PSIyIi8+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSItNSIgcj0iNSIgZmlsbD0id2hpdGUiLz4KICAgICAgPGxpbmUgeDE9Ii0yIiB5MT0iMTgiIHgyPSItNCIgeTI9IjMwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIvPgogICAgICA8bGluZSB4MT0iMiIgeTE9IjE4IiB4Mj0iNCIgeTI9IjMwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIvPgogICAgPC9nPgogICAgPCEtLSBGaWVsZGVyIGZhciByaWdodCAtLT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4MCwgNTM1KSIgb3BhY2l0eT0iMC43Ij4KICAgICAgPHJlY3QgeD0iLTMiIHk9IjAiIHdpZHRoPSI3IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIgcng9IjIiLz4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9Ii01IiByPSI1IiBmaWxsPSJ3aGl0ZSIvPgogICAgICA8bGluZSB4MT0iLTIiIHkxPSIxOCIgeDI9Ii01IiB5Mj0iMzAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CiAgICAgIDxsaW5lIHgxPSIyIiB5MT0iMTgiIHgyPSI1IiB5Mj0iMzAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41Ii8+CiAgICA8L2c+CiAgICA8IS0tIFdpY2tldGtlZXBlciAtLT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwMCwgNDkwKSIgb3BhY2l0eT0iMC44NSI+CiAgICAgIDxyZWN0IHg9Ii0zIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSIxOCIgZmlsbD0iI2NjYyIgcng9IjIiLz4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9Ii01IiByPSI1IiBmaWxsPSIjY2NjIi8+CiAgICAgIDwhLS0gZ2xvdmVzIGxvdyAtLT4KICAgICAgPGxpbmUgeDE9Ii0zIiB5MT0iOCIgeDI9Ii0xMCIgeTI9IjE2IiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMyIvPgogICAgICA8bGluZSB4MT0iMyIgeTE9IjgiIHgyPSIxMCIgeTI9IjE2IiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMyIvPgogICAgICA8bGluZSB4MT0iLTIiIHkxPSIxOCIgeDI9Ii00IiB5Mj0iMjgiIHN0cm9rZT0iI2NjYyIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KICAgICAgPGxpbmUgeDE9IjIiIHkxPSIxOCIgeDI9IjQiIHkyPSIyOCIgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIuNSIvPgogICAgPC9nPgoKICAgIDwhLS0g4pWQ4pWQ4pWQIENSSUNLRVQgQkFMTCBpbiBmbGlnaHQg4pWQ4pWQ4pWQIC0tPgogICAgPGNpcmNsZSBjeD0iNzQwIiBjeT0iNDQ1IiByPSI4IiBmaWxsPSIjYzAzOTJiIi8+CiAgICA8bGluZSB4MT0iNzM2IiB5MT0iNDQxIiB4Mj0iNzQ0IiB5Mj0iNDQ5IiBzdHJva2U9IiM4YjFhMWEiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8Y2lyY2xlIGN4PSI3NDAiIGN5PSI0NDUiIHI9IjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2U3NGMzYyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9IjAuNSIvPgogICAgPCEtLSBiYWxsIG1vdGlvbiB0cmFpbCAtLT4KICAgIDxsaW5lIHgxPSI3MjAiIHkxPSI0NjAiIHgyPSI3MzgiIHkyPSI0NDciIHN0cm9rZT0icmdiYSgxOTIsNTcsNDMsMC40KSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgIDxsaW5lIHgxPSI3MDYiIHkxPSI0NzAiIHgyPSI3MjAiIHkyPSI0NjAiIHN0cm9rZT0icmdiYSgxOTIsNTcsNDMsMC4yKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCiAgICA8IS0tIOKVkOKVkOKVkCBTQ09SRUJPQVJEIChyaWdodCBzaWRlIGJhY2tncm91bmQpIOKVkOKVkOKVkCAtLT4KICAgIDxyZWN0IHg9IjEwMTAiIHk9IjE1NSIgd2lkdGg9IjIyMCIgaGVpZ2h0PSIxNDAiIGZpbGw9IiMwYTEyNDAiIHJ4PSIxMiIgb3BhY2l0eT0iMC45MiIvPgogICAgPHJlY3QgeD0iMTAxMCIgeT0iMTU1IiB3aWR0aD0iMjIwIiBoZWlnaHQ9IjE0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZjYjA0IiBzdHJva2Utd2lkdGg9IjIiIHJ4PSIxMiIgb3BhY2l0eT0iMC43Ii8+CiAgICA8IS0tIHNjb3JlYm9hcmQgaGVhZGVyIC0tPgogICAgPHJlY3QgeD0iMTAxMCIgeT0iMTU1IiB3aWR0aD0iMjIwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZjYjA0IiByeD0iMTIiLz4KICAgIDxyZWN0IHg9IjEwMTAiIHk9IjE3MyIgd2lkdGg9IjIyMCIgaGVpZ2h0PSIxMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgPHRleHQgeD0iMTEyMCIgeT0iMTc2IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTMiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMGExMjQwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5MSVZFIFNDT1JFPC90ZXh0PgogICAgPCEtLSB0ZWFtIHJvdyAxIC0tPgogICAgPHRleHQgeD0iMTAyNiIgeT0iMjEwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IndoaXRlIiBmb250LXdlaWdodD0iYm9sZCI+SU5EPC90ZXh0PgogICAgPHRleHQgeD0iMTIxMCIgeT0iMjEwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTUiIGZpbGw9IiNmZmNiMDQiIGZvbnQtd2VpZ2h0PSJib2xkIiB0ZXh0LWFuY2hvcj0iZW5kIj4yODcvNDwvdGV4dD4KICAgIDx0ZXh0IHg9IjEyMTAiIHk9IjIyNiIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjExIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNikiIHRleHQtYW5jaG9yPSJlbmQiPjQ1LjIgT1ZTPC90ZXh0PgogICAgPCEtLSBkaXZpZGVyIC0tPgogICAgPGxpbmUgeDE9IjEwMjAiIHkxPSIyMzIiIHgyPSIxMjIwIiB5Mj0iMjMyIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsMC4yKSIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8IS0tIHRlYW0gcm93IDIgLS0+CiAgICA8dGV4dCB4PSIxMDI2IiB5PSIyNTIiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxMiIgZmlsbD0id2hpdGUiIGZvbnQtd2VpZ2h0PSJib2xkIj5BVVM8L3RleHQ+CiAgICA8dGV4dCB4PSIxMjEwIiB5PSIyNTIiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjcpIiBmb250LXdlaWdodD0iYm9sZCIgdGV4dC1hbmNob3I9ImVuZCI+MjQxLzg8L3RleHQ+CiAgICA8dGV4dCB4PSIxMjEwIiB5PSIyNjgiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxMSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjUpIiB0ZXh0LWFuY2hvcj0iZW5kIj41MC4wIE9WUzwvdGV4dD4KICAgIDwhLS0gQ1JSIC0tPgogICAgPHRleHQgeD0iMTAyNiIgeT0iMjg1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiNmZmNiMDQiPkNSUjogNi4zMjwvdGV4dD4KICAgIDx0ZXh0IHg9IjEyMTAiIHk9IjI4NSIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjExIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNSkiIHRleHQtYW5jaG9yPSJlbmQiPlJSUjogOC4xNDwvdGV4dD4KCiAgICA8IS0tIOKVkOKVkOKVkCBUT1VSTkFNRU5UIEJBTk5FUiDilZDilZDilZAgLS0+CiAgICA8cmVjdCB4PSI0MjAiIHk9IjE0OCIgd2lkdGg9IjQyMCIgaGVpZ2h0PSI2OCIgZmlsbD0icmdiYSgxMCwxOCw3MCwwLjg4KSIgcng9IjEwIi8+CiAgICA8cmVjdCB4PSI0MjAiIHk9IjE0OCIgd2lkdGg9IjQyMCIgaGVpZ2h0PSI2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZjYjA0IiBzdHJva2Utd2lkdGg9IjIiIHJ4PSIxMCIgb3BhY2l0eT0iMC44Ii8+CiAgICA8cmVjdCB4PSI0MjAiIHk9IjE0OCIgd2lkdGg9IjQyMCIgaGVpZ2h0PSIyMiIgZmlsbD0iI2ZmY2IwNCIgcng9IjEwIi8+CiAgICA8cmVjdCB4PSI0MjAiIHk9IjE1OCIgd2lkdGg9IjQyMCIgaGVpZ2h0PSIxMiIgZmlsbD0iI2ZmY2IwNCIvPgogICAgPHRleHQgeD0iNjMwIiB5PSIxNjYiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMwYTEyNDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiPvCfj4YgQkVUQlJJQ0tTNyBHUkFORCBDUklDS0VUIFRPVVJOQU1FTlQgMjAyNTwvdGV4dD4KICAgIDx0ZXh0IHg9IjYzMCIgeT0iMTkzIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTciIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+UkVHSVNURVIgTk9XIOKAoiBXSU4g4oK5NTAgTEFLSDwvdGV4dD4KICAgIDx0ZXh0IHg9IjYzMCIgeT0iMjEwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9InJnYmEoMjU1LDIwMyw0LDAuODUpIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5iZXRicmlja3M3LmNvICB8ICBMaW1pdGVkIFNsb3RzIEF2YWlsYWJsZTwvdGV4dD4KCiAgICA8IS0tIOKVkOKVkOKVkCBPVkVSTEFZIERBUktFTklORyAobGVmdCBzaWRlIOKAkyBzbyB0ZXh0IGlzIHJlYWRhYmxlKSDilZDilZDilZAgLS0+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJvdmVybGF5TGVmdCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiPgogICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA2MmIiIHN0b3Atb3BhY2l0eT0iMC44MiIvPgogICAgICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMDQwNjJiIiBzdG9wLW9wYWNpdHk9IjAuNTUiLz4KICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDA2MmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHJlY3Qgd2lkdGg9IjE0MDAiIGhlaWdodD0iNzAwIiBmaWxsPSJ1cmwoI292ZXJsYXlMZWZ0KSIvPgoKICAgIDwhLS0gT3ZlcmFsbCBkYXJrIG92ZXJsYXkgdG8gcmV0YWluIG1vb2QgLS0+CiAgICA8cmVjdCB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI3MDAiIGZpbGw9InJnYmEoNCw2LDQwLDAuMjUpIi8+CgogIDwvZz4KPC9zdmc+');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero-section-main::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 203, 4, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.hero-section-main::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 203, 4, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.hero-section-main .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 203, 4, 0.12);
    border: 1px solid rgba(255, 203, 4, 0.3);
    border-radius: 50px;
    padding: 6px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.hero-section-main h1 {
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
}

.hero-section-main h1 span {
    color: var(--primary-color);
}

.hero-section-main p.hero-desc {
    color: rgba(255, 255, 255, 0.7);
    max-width: 520px;
    margin-bottom: 40px;
}

.hero-cta-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.hero-cta-group .button {
    border-radius: 50px;
    font-size: 16px;
    padding: 14px 32px;
    gap: 10px;
    font-weight: 600;
}

.hero-cta-group .btn-register {
    background: var(--primary-color);
    color: var(--black-color);
}

.hero-cta-group .btn-register:hover {
    background: #e6b800;
    color: var(--black-color);
}

.hero-cta-group .btn-download {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.hero-cta-group .btn-download:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap;
}

.hero-stat-item .stat-number {
    font-size: 2rem;
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1;
    display: block;
}

.hero-stat-item .stat-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

.hero-image-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image-wrap .hero-phone-mockup {
    max-height: 540px;
    width: auto;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 40px 80px rgba(0, 0, 0, 0.5));
}

.hero-image-wrap .hero-glow {
    position: absolute;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(255, 203, 4, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
}

@media (max-width: 991px) {
    .hero-section-main {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center;
    }

    .hero-section-main p.hero-desc {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-cta-group {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
        gap: 30px;
    }

    .hero-image-wrap {
        margin-top: 48px;
    }
}

/* ---- Slider Cards Section ---- */
.slider-cards-section {
    background: #f6f7ff;
}

.section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 203, 4, 0.12);
    border: 1px solid rgba(255, 203, 4, 0.4);
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 700;
    color: #c8880a;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.section-title {
    color: var(--secondary-color);
    font-weight: 800;
    margin-bottom: 12px;
}

.section-subtitle {
    color: var(--text-color);
    opacity: 0.7;
    /* max-width: 560px; */
    margin-bottom: 0;
}

.section-head {
    margin-bottom: 48px;
}

/* Swiper card */
.card-swiper .swiper-slide {
    height: auto;
    padding: 4px 2px 16px;
}

.feature-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 30px rgba(17, 20, 81, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 50px rgba(17, 20, 81, 0.13);
}

.feature-card .card-img-wrap {
    position: relative;
    overflow: hidden;
    height: 200px;
    background: linear-gradient(135deg, var(--secondary-color) 0%, #1e2369 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-card .card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.feature-card:hover .card-img-wrap img {
    transform: scale(1.05);
}

.feature-card .card-icon-placeholder {
    width: 64px;
    height: 64px;
    background: var(--primary-color);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.feature-card .card-body-inner {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.feature-card .card-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #c8880a;
    margin-bottom: 10px;
}

.feature-card h5 {
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.feature-card p {
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 20px;
    flex: 1;
}

.feature-card .card-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.2s ease;
}

.feature-card .card-link:hover {
    gap: 10px;
    color: #c8880a;
}

/* Swiper nav */
.swiper-nav-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 36px;
}

.swiper-btn-prev,
.swiper-btn-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--secondary-color);
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    flex-shrink: 0;
}

.swiper-btn-prev:hover,
.swiper-btn-next:hover {
    background: var(--primary-color);
    color: var(--black-color);
}

.custom-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(17, 20, 81, 0.2);
    opacity: 1;
    transition: all 0.3s ease;
}

.custom-pagination .swiper-pagination-bullet-active {
    background: var(--secondary-color);
    width: 28px;
    border-radius: 4px;
}

/* ---- Static Cards Section ---- */
.static-cards-section {
    background: #fff;
}

.static-feature-card {
    background: #f6f7ff;
    border-radius: 20px;
    padding: 32px 28px;
    height: 100%;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.static-feature-card:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(17, 20, 81, 0.15);
}

.static-feature-card:hover h5,
.static-feature-card:hover p,
.static-feature-card:hover .card-link {
    color: #fff !important;
}

.static-feature-card:hover .card-icon-box {
    background: rgba(255, 203, 4, 0.15);
}

.card-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: rgba(17, 20, 81, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 26px;
    transition: background 0.3s ease;
}

.static-feature-card h5 {
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.static-feature-card p {
    font-size: 14px;
    opacity: 0.7;
    flex: 1;
    margin-bottom: 20px;
    transition: color 0.3s ease;
}

.static-feature-card .card-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--secondary-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

@media (max-width: 767px) {
    .static-feature-card {
        margin-bottom: 0;
    }
}

/* ---- How to Register Section ---- */
.how-to-register-section {
    background: #f6f7ff;
    overflow: hidden;
}

.register-image-wrap {
    position: relative;
}

.register-image-wrap img {
    /* border-radius: 24px; */
    width: 100%;
    object-fit: cover;
    /* box-shadow: 0 30px 80px rgba(17,20,81,0.15); */
}

.register-image-wrap .floating-badge {
    position: absolute;
    background: #fff;
    border-radius: 14px;
    padding: 14px 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 14px;
    color: var(--secondary-color);
    white-space: nowrap;
}

.register-image-wrap .badge-bottom-left {
    bottom: 30px;
    left: -20px;
}

.register-image-wrap .badge-top-right {
    top: 30px;
    right: -20px;
}

.register-image-wrap .floating-badge .badge-icon {
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.register-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.step-number {
    width: 48px;
    height: 48px;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

.register-step:hover .step-number {
    background: var(--primary-color);
    color: var(--black-color);
}

.step-content h6 {
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 4px;
}

.step-content p {
    font-size: 14px;
    margin: 0;
    opacity: 0.7;
}

.register-cta-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.register-cta-group .button {
    border-radius: 50px;
    font-size: 15px;
    padding: 13px 28px;
    gap: 8px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .register-image-wrap .floating-badge {
        display: none;
    }

    .register-image-wrap {
        margin-bottom: 40px;
    }
}

/* ---- Footer ---- */
.site-footer {
    background: var(--secondary-color);
    color: rgba(255, 255, 255, 0.7);
    padding-top: 70px;
    padding-bottom: 0;
}

.site-footer .footer-logo img {
    max-width: 160px;
    margin-bottom: 20px;
}

.site-footer .footer-desc {
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 28px;
    max-width: 300px;
}

.site-footer .footer-social {
    display: flex;
    gap: 10px;
}

.site-footer .social-link {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    transition: all 0.2s ease;
}

.site-footer .social-link:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--black-color);
}

.site-footer .footer-heading {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
}

.site-footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer .footer-links li a {
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.site-footer .footer-links li a:hover {
    color: var(--primary-color);
}

.site-footer .footer-links li a::before {
    content: "›";
    font-size: 16px;
    color: var(--primary-color);
    line-height: 1;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.55);
}

.footer-contact-item .contact-icon {
    width: 32px;
    height: 32px;
    background: rgba(255, 203, 4, 0.12);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    color: var(--primary-color);
}

.footer-bottom {
    margin-top: 56px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-bottom p {
    margin: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    opacity: 1;
}

.footer-bottom-links {
    display: flex;
    gap: 20px;
}

.footer-bottom-links a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-bottom-links a:hover {
    color: var(--primary-color);
}

@media (max-width: 767px) {
    .site-footer {
        padding-top: 50px;
    }

    .footer-bottom {
        justify-content: center;
        text-align: center;
    }

    .footer-bottom-links {
        justify-content: center;
    }

    .site-footer .footer-desc {
        max-width: 100%;
    }
}

/* =============================================
   BetBricks7 – Inner Pages Common Styles
   ============================================= */

:root {
    --primary: #ffcb04;
    --navy: #111451;
    --navy-light: #1a1f6b;
    --text: #3a3a3a;
    --text-muted: #666;
    --white: #fff;
    --bg: #f7f8fc;
    --border: #e4e6f0;
}

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

body {
    font-family: "Inter Tight", sans-serif;
    color: var(--text);
    background: var(--white);
    font-size: 17px;
    line-height: 1.75;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
}

/* ── Navbar ── */
.site-nav {
    background: var(--navy);
    position: sticky;
    top: 0;
    z-index: 99;
    padding: 18px 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.nav-logo img {
    height: 44px;
    width: auto;
}

.nav-logo .logo-text {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
}

.nav-logo .logo-text span {
    color: var(--primary);
}

.nav-links {
    display: flex;
    gap: 28px;
    list-style: none;
    flex-wrap: wrap;
}

.nav-links a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
}

.nav-links a:hover,
.nav-links a.active {
    color: var(--primary);
}

.nav-cta {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.btn {
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
}

.btn-yellow {
    background: var(--primary);
    color: #000;
}

.btn-yellow:hover {
    background: #e6b800;
}

.btn-navy {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-navy:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Hamburger for mobile */
.nav-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.nav-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    margin: 5px 0;
    transition: all 0.3s;
}

@media (max-width: 900px) {
    .nav-toggle {
        display: block;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--navy);
        flex-direction: column;
        padding: 20px 24px 24px;
        gap: 16px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-links.open {
        display: flex;
    }

    .nav-cta {
        display: none;
    }

    .site-nav {
        position: relative;
    }
}

/* ── Page Hero Strip ── */
.page-hero {
    background: var(--navy);
    position: relative;
    overflow: hidden;
    padding: 70px 24px 64px;
    text-align: center;
}

.page-hero::before {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(60px, 12vw, 130px);
    font-weight: 900;
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    letter-spacing: -2px;
}

.page-hero::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 120px;
    background: radial-gradient(ellipse, rgba(255, 203, 4, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.page-hero h1 {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 800;
    color: #fff;
    position: relative;
    z-index: 1;
    letter-spacing: -0.5px;
}

.page-hero .breadcrumb {
    margin-top: 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.45);
    position: relative;
    z-index: 1;
}

.page-hero .breadcrumb a {
    color: var(--primary);
}

.page-hero .breadcrumb span {
    margin: 0 6px;
}

/* ── Page Content ── */
.page-content {
    max-width: 860px;
    margin: 0 auto;
    padding: 72px 24px 100px;
}

.page-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--navy);
    margin-top: 48px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--border);
}

.page-content h2:first-child {
    margin-top: 0;
}

.page-content h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--navy);
    margin-top: 28px;
    margin-bottom: 8px;
}

.page-content p {
    margin-bottom: 18px;
    color: var(--text);
    opacity: 0.9;
}

.page-content ul,
.page-content ol {
    margin: 0 0 20px 24px;
}

.page-content ul li,
.page-content ol li {
    margin-bottom: 10px;
    color: var(--text);
    opacity: 0.9;
}

.page-content strong {
    color: var(--navy);
    font-weight: 700;
}

.highlight-box {
    background: rgba(17, 20, 81, 0.04);
    border-left: 4px solid var(--primary);
    border-radius: 0 10px 10px 0;
    padding: 18px 22px;
    margin: 24px 0;
}

.highlight-box p {
    margin: 0;
}

/* Contact form / cards */
.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin: 32px 0;
}

.contact-card {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}

.contact-card:hover {
    box-shadow: 0 8px 30px rgba(17, 20, 81, 0.1);
    transform: translateY(-3px);
}

.contact-card .c-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

.contact-card .c-icon svg {
    color: var(--primary);
}

.contact-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-card p {
    font-size: 14px;
    margin: 0;
}

.contact-card a {
    color: var(--navy-light);
    font-weight: 600;
    font-size: 14px;
}

/* Register steps */
.steps-list {
    list-style: none;
    padding: 0;
    margin: 28px 0;
    counter-reset: step;
}

.steps-list li {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 22px 0;
    border-bottom: 1px solid var(--border);
    opacity: 0.9;
}

.steps-list li:last-child {
    border-bottom: none;
}

.step-num {
    width: 44px;
    height: 44px;
    background: var(--navy);
    color: var(--primary);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    flex-shrink: 0;
    counter-increment: step;
}

.step-body h4 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 5px;
}

.step-body p {
    margin: 0;
    font-size: 15px;
}

/* Rules table */
.rules-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 15px;
}

.rules-table th {
    background: var(--navy);
    color: #fff;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
}

.rules-table th:first-child {
    border-radius: 10px 0 0 0;
}

.rules-table th:last-child {
    border-radius: 0 10px 0 0;
}

.rules-table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}

.rules-table tr:last-child td {
    border-bottom: none;
}

.rules-table tr:nth-child(even) td {
    background: var(--bg);
}

/* ── Footer ── */
.site-footer-inner {
    background: var(--navy);
    padding: 28px 24px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-inner p {
    color: rgba(255, 255, 255, 0.35);
    font-size: 13px;
    margin: 0 0 10px;
}

.footer-policy-links {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.footer-policy-links a {
    color: rgba(255, 255, 255, 0.45);
    font-size: 13px;
    transition: color 0.2s;
}

.footer-policy-links a:hover {
    color: var(--primary);
}

/* Util */
.badge-tag {
    display: inline-block;
    background: rgba(255, 203, 4, 0.12);
    border: 1px solid rgba(255, 203, 4, 0.3);
    color: #9a6800;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 14px;
}

@media (max-width: 600px) {
    .page-content {
        padding: 48px 20px 72px;
    }

    .page-hero {
        padding: 52px 20px 48px;
    }

    .rules-table {
        font-size: 13px;
    }

    .rules-table th,
    .rules-table td {
        padding: 10px 12px;
    }
}


.button {
    padding: 14px 28px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    font-size: 16px;
    transition: all .3s ease;
    text-decoration: none;
}

.button-primary {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.button-secondary {
    background: var(--primary-color) !important;
    color: var(--black-color) !important;
}

.spacer-xl {
    padding: 90px 0;
}

.spacer-y {
    padding-block: 100px;
}

@media(max-width:767px) {
    .spacer-xl {
        padding: 60px 0
    }

    .spacer-y {
        padding-block: 60px
    }
}

.navbar {
    background-color: #000 !important;
    padding-block: 20px !important;
    position: sticky;
    top: 0;
    z-index: 99;
}

.navbar-nav {
    gap: 20px;
}

.navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
}

/* card image wraps */
.feature-card .card-img-wrap {
    height: 220px;
    padding: 0;
    overflow: hidden;
}

.feature-card .card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.feature-card:hover .card-img-wrap img {
    transform: scale(1.06);
}

/* static cards */
.static-feature-card .card-icon-box {
    width: 100%;
    height: 160px;
    border-radius: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    background: none;
}

.static-feature-card .card-icon-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

/* step number */
.step-number {
    background: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* footer contact icon colour */
.contact-icon {
    color: var(--primary-color);
}

/* ── Mobile app smart-banner (shows only on mobile) ── */
.mob-app-banner {
    display: none;
    background: linear-gradient(90deg, #0a0e2e 0%, #111451 100%);
    border-bottom: 1px solid rgba(255, 203, 4, 0.25);
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    position: sticky;
    top: 0px;
    z-index: 98;
}

.mob-app-banner-icon {
    width: 42px;
    height: 42px;
    background: var(--primary-color);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mob-app-banner-icon svg {
    width: 22px;
    height: 22px;
    stroke: #000;
    fill: none;
}

.mob-app-banner-text {
    flex: 1;
}

.mob-app-banner-text strong {
    font-size: 12px;
    color: #fff;
    display: block;
    font-weight: 700;
}

.mob-app-banner-text span {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.mob-app-banner-btn {
    background: var(--primary-color);
    color: #000;
    font-size: 11px;
    font-weight: 800;
    padding: 7px 14px;
    border-radius: 20px;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0.3px;
    flex-shrink: 0;
}

.legal-teaser-section {
    /* padding: 70px 0 60px; */
    position: relative;
}

.legal-teaser-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 300px;
    background: radial-gradient(ellipse at center top, rgba(255, 203, 4, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.legal-divider {
    text-align: center;
    margin-bottom: 40px;
}

.legal-divider-inner {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.legal-divider-line {
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--secondary-color));
}

.legal-divider-line.right {
    background: linear-gradient(90deg, var(--secondary-color), transparent);
}

.legal-divider-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.legal-divider-label::before,
.legal-divider-label::after {
    content: '◆';
    font-size: 6px;
    color: var(--secondary-color);
}

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

@media (max-width: 640px) {
    .legal-teaser-grid {
        grid-template-columns: 1fr;
    }
}

.legal-card {
    position: relative;
    background: linear-gradient(135deg, rgba(10, 18, 64, 0.85) 0%, rgba(8, 14, 44, 0.95) 100%);
    border: 1px solid rgba(255, 203, 4, 0.18);
    border-radius: 20px;
    padding: 36px 32px 30px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
}

.legal-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    background: radial-gradient(ellipse at top left, rgba(255, 203, 4, 0.1) 0%, transparent 65%);
    pointer-events: none;
}

.legal-card:hover {
    border-color: rgba(255, 203, 4, 0.55);
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.legal-card-corner {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 22px;
    height: 22px;
    border-top: 2px solid rgba(255, 203, 4, 0.2);
    border-right: 2px solid rgba(255, 203, 4, 0.2);
    border-radius: 0 6px 0 0;
    transition: border-color 0.3s;
}

.legal-card:hover .legal-card-corner {
    border-color: rgba(255, 203, 4, 0.5);
}

.legal-card-icon {
    width: 52px;
    height: 52px;
    background: rgba(255, 203, 4, 0.08);
    border: 1px solid rgba(255, 203, 4, 0.25);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    transition: background 0.3s, border-color 0.3s;
}

.legal-card:hover .legal-card-icon {
    background: rgba(255, 203, 4, 0.15);
    border-color: rgba(255, 203, 4, 0.5);
}

.legal-card-icon svg {
    width: 24px;
    height: 24px;
    stroke: #ffcb04;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.legal-card-label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 203, 4, 0.7);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 1;
}

.legal-card-label::before {
    content: '';
    width: 18px;
    height: 1.5px;
    background: rgba(255, 203, 4, 0.5);
    border-radius: 2px;
}

.legal-card h5 {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 14px;
    line-height: 1.2;
    letter-spacing: -0.3px;
    position: relative;
    z-index: 1;
}

.legal-card-snippet {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 203, 4, 0.12);
    border-left: 3px solid rgba(255, 203, 4, 0.4);
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.65;
    font-style: italic;
    position: relative;
    z-index: 1;
}

.legal-card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.7;
    margin: 0 0 22px;
    position: relative;
    z-index: 1;
}

.legal-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #ffcb04;
    padding: 8px 16px;
    border: 1px solid rgba(255, 203, 4, 0.3);
    border-radius: 50px;
    background: rgba(255, 203, 4, 0.06);
    transition: all 0.25s;
    position: relative;
    z-index: 1;
}

.legal-card:hover .legal-card-cta {
    background: rgba(255, 203, 4, 0.14);
    border-color: rgba(255, 203, 4, 0.6);
    gap: 12px;
    padding-right: 20px;
}

.legal-card-cta svg {
    width: 14px;
    height: 14px;
    stroke: #ffcb04;
    fill: none;
    stroke-width: 2.5;
    transition: transform 0.25s;
}

.legal-card:hover .legal-card-cta svg {
    transform: translateX(4px);
}

@media(max-width:991px) {
    .mob-app-banner {
        display: flex;
    }

    .navbar-nav {
        gap: 0;
    }
}

/* ── Mobile hero CTA strip ── */
.mob-hero-cta-strip {
    display: none;
    background: #070b22;
    padding: 14px 16px;
    gap: 10px;
    flex-wrap: nowrap;
}

.mob-hero-cta-strip a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 13px 8px;
    border-radius: 14px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.mob-hero-cta-strip a svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.mob-cta-register {
    background: var(--primary-color);
    color: #000 !important;
    box-shadow: 0 4px 16px rgba(255, 203, 4, 0.35);
}

.mob-cta-register svg {
    stroke: #000;
    fill: none;
}

.mob-cta-download {
    background: rgba(255, 255, 255, 0.07);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.mob-cta-download svg {
    stroke: #fff;
    fill: none;
}

.licence-logo {
    height: 30px;
}

.max-h-20 {
    max-height: 20px;
}

.text-xs {
    font-size: 12px;
}

/* Modal shell */
.age-modal-content {
    background: var(--secondary-color, #111451);
    border: 1px solid rgba(255, 203, 4, 0.25);
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
}

/* Header */
.age-modal-header {
    background: linear-gradient(135deg, #0a0e2e 0%, #111451 100%);
    padding: 32px 28px 24px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 203, 4, 0.15);
    position: relative;
}

.age-modal-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at top center, rgba(255, 203, 4, 0.08) 0%, transparent 65%);
    pointer-events: none;
}

.age-modal-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--primary-color, #ffcb04);
    border-radius: 50%;
    margin-bottom: 14px;
    box-shadow: 0 4px 20px rgba(255, 203, 4, 0.4);
}

.age-badge-number {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    line-height: 1;
}

.age-modal-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 6px;
    position: relative;
    z-index: 1;
}

.age-modal-subtitle {
    font-size: 12px;
    color: rgba(255, 203, 4, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
    margin: 0;
    position: relative;
    z-index: 1;
}

/* Body */
.age-modal-body {
    padding: 24px 28px;
    background: rgba(10, 14, 46, 0.6);
}

.age-alert-box {
    display: flex;
    gap: 12px;
    background: rgba(255, 203, 4, 0.06);
    border: 1px solid rgba(255, 203, 4, 0.2);
    border-left: 3px solid var(--primary-color, #ffcb04);
    border-radius: 0 10px 10px 0;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.age-alert-box svg {
    color: var(--primary-color, #ffcb04);
    flex-shrink: 0;
    margin-top: 2px;
}

.age-alert-box p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.65;
    margin: 0;
}

.age-warning-box {
    background: rgba(192, 57, 43, 0.12);
    border: 1px solid rgba(192, 57, 43, 0.3);
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 18px;
}

.age-warning-box p {
    font-size: 11.5px;
    font-weight: 700;
    color: rgba(255, 100, 80, 0.9);
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 1.5;
}

.age-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.age-section-title svg {
    color: var(--primary-color, #ffcb04);
}

.age-body-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.6;
    margin-bottom: 14px;
}

.age-filter-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.age-filter-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color, #ffcb04);
    text-decoration: none;
    padding: 8px 14px;
    background: rgba(255, 203, 4, 0.07);
    border: 1px solid rgba(255, 203, 4, 0.2);
    border-radius: 8px;
    transition: background 0.2s, border-color 0.2s;
}

.age-filter-link:hover {
    background: rgba(255, 203, 4, 0.13);
    border-color: rgba(255, 203, 4, 0.45);
    color: var(--primary-color, #ffcb04);
}

/* Footer */
.age-modal-footer {
    padding: 20px 28px 28px;
    background: rgba(10, 14, 46, 0.6);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.age-confirm-btn {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 28px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}

.age-leave-link {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    text-decoration: underline;
    transition: color 0.2s;
}

.age-leave-link:hover {
    color: rgba(255, 255, 255, 0.65);
}
.site-footer {
    width: 100%;
    max-width: 100%;
}
section.legal-teaser-section.spacer-xl { 
    overflow: hidden;
}
.swiper-btn-prev, .swiper-btn-next {
    padding: 0;
}

@media(max-width:991px) {
    .mob-hero-cta-strip {
        display: flex;
    }
}