:root {
    --blue:#1B6CF2;
    --blue-light:#4D9BFF;
    --blue-dark:#0D3A8A;
    --cyan:#00D4FF;
    --gold:#FFD05B;
    --dark:#05081A;
    --dark2:#080D20;
    --dark3:#0E1530;
    --white:#FFFFFF;
    --violet: #7C3AED;
    --pink: #EC4899;
    --emerald: #059669;
    --amber: #F59E0B;
    --muted:rgba(255,255,255,.5);
    --border: rgba(255, 255, 255, .08);
}
/**, *::before, *::after {
    cursor: none !important;
}*/
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html {
    scroll-behavior:smooth;
    overflow-x: hidden;
}
body {
    background-color: var(--dark) !important;
    color: var(--white) !important;
    font-family: 'Helvetica', sans-serif !important;
    overflow-x: hidden;
    cursor: none;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(27, 108, 242, .30) 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 50% 50%, rgba(0, 212, 255, .14) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}
/* ── GLOBAL CENTER GRADIENT GLOW ── */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 40%, rgba(27, 108, 242, .30) 0%, transparent 70%),
        radial-gradient(ellipse 50% 40% at 50% 50%, rgba(0, 212, 255, .14) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #000;
}
::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 2px;
}
.bg-blue {
    background: var(--blue);
}
.no-padding,
.no-padding .elementor-widget-wrap {
    padding: 0 !important;
}
.eael-dual-header,
.animated-heading .subtext p,
.animated-heading {
    margin-bottom: 0 !important;
}
.eael-dual-header .eael-dch-title {
    margin: 0 !important;
}
p:not(.subtext p),
.elementor-widget-text-editor, .elementor-widget-text-editor p {
    font-size: 16px;
    color: var(--muted);
    line-height: 1.8;
}
.btn-main a {
    background-color: var(--blue);
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 40px !important;
    border-radius: 6px !important;
    text-decoration: none;
    transition: all .3s;
    border: none;
    cursor: pointer;
}
span.btn-blue,
.btn-blue a {
    background: var(--blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all .3s !important;
    border: none !important;
    cursor: pointer !important;
}
sr7-btn.btn-blue:hover,
.btn-blue a:hover {
    background: var(--blue-light) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 48px rgba(27, 108, 242, .55) !important;
}
.btn-ghost {
    background: transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all .3s !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
}
.btn-ghost:hover {
    border-color: var(--cyan) !important;
    color: var(--cyan) !important;
}
.animated-heading .subtext {
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--cyan) !important;
    font-weight: 600;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.animated-heading .subtext::before {
    content: '';
    width: 24px;
    height: 1px;
    background: var(--cyan);
}
.animated-heading h2,
.animated-heading h2 span {
    font-family: 'Helvetica';
    font-size: clamp(40px, 4.5vw, 72px) !important;
    line-height: 1.05 !important;
    text-transform: none !important;
}
.animated-heading h2 span.eael-dch-title-lead {
    color: #fff !important;
}
.animated-heading h2 span:last-child {
    font-style: normal;
    color: var(--blue-light) !important;
    display: inline-block;
    visibility: hidden;
    transition: color .3s, text-shadow .3s;
}
.title-sub-tag {
    background: rgba(3, 5, 15, .85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(27, 108, 242, .2);
    border-radius: 14px;
    padding: 20px 24px;
}
.title-sub-tag .title,
.title-sub-tag .title span {
    font-family: 'Helvetica';
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: var(--blue-light) !important;
    margin: 0 !important;
}
.title-sub-tag .subtext p {
    font-size: 13px !important;
    color: rgba(255, 255, 255, .45);
    margin: 0;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 600;
}
.no-subtext .subtext {
    display: none !important;
}
.no-margin-para p {
    margin-bottom: 0 !important;
}
#faq .elementskit-card  {
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color .3s;
}
#faq .elementskit-card-header a {
    padding: 20px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: color .2s;
    user-select: none;
    background-color: transparent;
    color: #fff;
}
#faq .ekit_accordion_normal_icon {
    color: #fff;
    font-size: 18px;
    transition: all .35s;
    font-weight: 300;
}
/* ── SECTION CLAW DROP ── */
#secClawCanvas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 400;
}
.animated-heading h2 span:last-child.claw-placed {
    visibility: visible;
    color: var(--cyan);
    text-shadow: 0 0 28px rgba(0, 212, 255, .85), 0 0 56px rgba(27, 108, 242, .55);
}
section.div-line  {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(27, 108, 242, .3), transparent);
}
/* ── CURSOR ── */
.cursor-html {
    position: fixed;    
}
#cur {
    position: fixed;
    width: 12px;
    height: 12px;
    background: var(--cyan);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    transition: width .2s, height .2s;
}
#cur-ring {
    position: fixed;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 212, 255, .4);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
}
body:hover #cur {
    opacity: 1;
}
/* header style */
#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500 !important;
    transition: all .4s;
    text-transform: uppercase;
}
#masthead.scrolled {
    background: rgba(3, 5, 15, .92);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(27, 108, 242, .15);
}
.logo h2 {
    font-family: 'Helvetica' !important;
    font-size: 30px;
    letter-spacing: 4px;
    color: var(--white);
    text-decoration: none;
}
header .hfe-nav-menu li:not(.nav-btn) {
    padding: 15px;
}
header .hfe-nav-menu li a {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .45) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color .25s;
    position: relative;
    padding: 0 0 5px !important;
}
header .hfe-nav-menu li a::after:not(header .hfe-nav-menu li.nav-btn a::after) {
    content: '';
    position: absolute !important;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--cyan) !important;
    transition: width .3s !important;
}
header .hfe-nav-menu li.current-menu-item a,
header .hfe-nav-menu li a:hover {
    color: #fff !important;
}
header .hfe-nav-menu li.current-menu-item a::after,
header .hfe-nav-menu li a:hover::after {
    width: 100%;
    opacity: 1 !important;
}
header .hfe-nav-menu li.nav-btn a {
    background: linear-gradient(135deg, var(--blue), var(--blue-dark));
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
    border-radius: 6px !important;
    text-decoration: none;
    transition: all .3s !important;
    border: 1px solid rgba(77, 155, 255, .3) !important;
}
header .hfe-nav-menu li.nav-btn a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(27, 108, 242, .5);
}
/* ── FOOTER ── */
footer .hfe-site-tagline {
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0;
    font-weight: 600 !important;
}
.footer-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .4);
    line-height: 1.75;
    max-width: 280px;
    margin-bottom: 28px;
}
.footer-socials {
    display: flex;
    gap: 10px;
}
.footer-socials .elementor-social-icon {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    color: rgba(255, 255, 255, .45) !important;
    text-decoration: none;
    transition: all .3s;
    background-color: transparent !important;
}
.footer-socials .f-social:hover {
    border-color: var(--blue-light);
    color: var(--white);
    background: rgba(27, 108, 242, .15);
    transform: translateY(-3px);
}
.footer-col-title {
    margin-bottom: 0 !important;
}
.footer-col-title  h5 {
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--blue-light) !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}
.footer-menu .hfe-nav-menu li a {
    font-size: 14px !important;
    color: rgba(255, 255, 255, .4) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    margin-bottom: 15px !important;
    transition: color .2s;
    padding: 0 !important;
    text-transform: none;
}
.footer-menu .hfe-nav-menu li:hover a {
    color: var(--white);
}
.footer-contact-item .elementor-icon-list-item .elementor-icon-list-text {
    margin-bottom: 12px !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, .4);
}
.footer-hours {
    background-color: rgba(27, 108, 242, .06) !important;
    border: 1px solid rgba(27, 108, 242, .15);
    border-radius: 10px;
    padding: 14px 16px !important;
}
.footer-hours .ekit-closed-day .ekit-business-day {
    font-size: 10px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cyan) !important;
    margin-bottom: 9px;
    font-weight: 600 !important;
}
.footer-hours .ekit-single-day span {
    font-size: 12px !important;
    color: rgba(255, 255, 255, .35) !important;
    margin-bottom: 5px !important;
}
.footer-hours .ekit-wid-con .ekit-single-day:not(:last-child) {
    border-bottom: none !important;
}
.footer-copy {
    font-size: 12px;
    color: rgba(255, 255, 255, .2);
    letter-spacing: 1px;
}
.footer-legal .hfe-nav-menu li a {
    font-size: 12px;
    color: rgba(255, 255, 255, .2) !important;
    transition: color .2s;
    text-transform: none !important;
    padding: 0 15px !important;
}
.footer-legal .hfe-nav-menu li a:hover {
    color: var(--blue-light);
}
@media (max-width: 767px) {
    header .menu-is-active {
        background-color: rgba(5, 8, 26, .97) !important;
        backdrop-filter: blur(20px);
        padding: 25px 25px 0;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    header .hfe-nav-menu li.nav-btn {
        padding-bottom: 40px;
    }
    header .menu-is-active li {
        border-bottom: 0 !important;
        text-align: center;
    }
    header .menu-is-active li a {
        background-color: rgba(5, 8, 26, .97) !important;
        font-size: 22px;
        letter-spacing: 3px;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, .75) !important;
        text-decoration: none !important;
        padding: 8px 0 !important;
        transition: color .2s;
        text-transform: none !important;
    }
    header .hfe-nav-menu li.nav-btn a {
        font-size: 20px !important;
        letter-spacing: 3px !important;
    }
    .footer-hours .ekit-wid-con .ekit-single-day {
        display: flex;
    }
}
@media (min-width: 768px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1500px !important;
    }
    header .hfe-nav-menu li.nav-btn a {
        margin-left: 5em;
    }
}
/* inner page */
.page #content:not(.home #content) {
    padding-top: 80px;
}
.inner-banner {
    padding: 80px 70px;
}
.inner-banner .elementor-background-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(5, 8, 26, .97) 0%, rgba(5, 8, 26, .88) 45%, rgba(5, 8, 26, .72) 100%);
}
.inner-banner .elementor-background-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 70% at 30% 60%, rgba(27, 108, 242, .25), transparent 70%), radial-gradient(ellipse 40% 40% at 70% 40%, rgba(0, 212, 255, .12), transparent 60%);
}
.inner-banner::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 3;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%2305081A' d='M0,40 C240,60 480,20 720,40 C960,60 1200,20 1440,40 L1440,60 L0,60 Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
.inner-banner-breadcrumbs {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .35);
    margin-bottom: 18px;
    animation: fu .5s ease both;
}
@keyframes fu {
    from {
        opacity: 0;
        transform: translateY(22px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.inner-banner-breadcrumbs .hfe-breadcrumbs-first a {
    color: rgba(255, 255, 255, .35);
    text-decoration: none;
    transition: color .2s;
}
.inner-banner-breadcrumbs .hfe-breadcrumbs-last {
    color: rgba(255, 255, 255, .65);
}
.hfe-breadcrumbs-home-icon {
    display: none;
}
.inner-banner-content .subtext {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(27, 108, 242, .15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(77, 155, 255, .25);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7) !important;
    margin-bottom: 18px;
    animation: fu .5s .05s ease both;
}
.inner-banner-content .subtext:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 8px var(--cyan);
    animation: dp 1.6s ease-in-out infinite;
}
.inner-banner-content .subtext p,
.inner-section-heading .subtext p {
    margin-bottom: 0 !important;
}
.inner-banner-content .title,
.inner-banner-content .title span {
    font-family: 'Helvetica';
    font-size: clamp(50px, 8vw, 90px) !important;
    line-height: .9 !important;
    letter-spacing: 2px;
    color: #fff !important;
    animation: fu .5s .1s ease both;
}
.inner-banner-content .title span:last-child {
    font-style: normal;
    background: linear-gradient(90deg, var(--cyan), var(--blue-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
@keyframes dp {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(.5)
    }
}
.inner-banner-subtext {
    font-size: 17px;
    color: rgba(255, 255, 255, .45) !important;
    line-height: 1.75;
    max-width: 500px;
    margin-top: 16px;
    animation: fu .5s .18s ease both;
}
.inner-banner-subtext p {
    font-size: 17px !important;
    color: rgba(255, 255, 255, .45) !important;
    line-height: 1.75 !important;
    margin-bottom: 0 !important;
}
.page #content .elementor-top-section:not(.page #content .inner-banner):not(.home  #content .elementor-top-section) {
    padding: 100px 70px;
}
.inner-section-heading .subtext {
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--blue-light) !important;
}
.inner-section-heading .subtext::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}
.inner-section-heading h2,
.inner-section-heading .title span {
    font-size: clamp(38px, 5vw, 62px) !important;
    line-height: .95 !important;
    letter-spacing: .5px;
    color: #fff !important;
}
.inner-section-heading .title span:last-child {
    font-style: normal;
    background: linear-gradient(90deg, var(--cyan), var(--blue-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.inner-section-description {
    width: 16px;
    line-height: 1.4;
    color: var(--muted);
}
.inner-para p {
    font-size: 17px !important;
    color: var(--muted) !important;
    line-height: 1.85 !important;
    margin-bottom: 22px !important;
}
.inner-para p b,
.inner-para p strong {
    color: rgba(255, 255, 255, .8) !important;
}
/* home style */
/* ── HERO ── */
sr7-slide.banner-bg-img {
    position: relative;
}
.banner-bg-img canvas {
    transform: scale(1.1);
    transition: transform 8s ease;
    animation: heroZoom 12s ease-in-out infinite alternate;
}
@keyframes heroZoom {
    from {
        transform: scale(1.0)
    }
    to {
        transform: scale(1.1)
    }
}
sr7-slide.banner-bg-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(3, 5, 15, .97) 0%, rgba(3, 5, 15, .8) 40%, rgba(7, 11, 26, .4) 70%, rgba(3, 5, 15, .7) 100%);
    z-index: 6;
    pointer-events: none;
}
sr7-slide.banner-bg-img::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 256px;
    z-index: 6;
    pointer-events: none;
}
.hero-content {
    position: relative;
    z-index: 2;
    padding: 0 5%;
    max-width: 780px;
}
.banner-tag {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: rgba(27, 108, 242, .15) !important;
    border: 1px solid rgba(77, 155, 255, .3);
    border-radius: 100px;
    padding: 6px 18px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: var(--cyan) !important;
    margin-bottom: 32px;
    animation: fadeUp .7s ease both;
}
.hero-tag-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cyan);
    animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(0, 212, 255, .6)
    }
    50% {
        box-shadow: 0 0 0 8px rgba(0, 212, 255, 0)
    }
}
.banner-title {
    font-family: 'Helvetica' !important;
    font-size: clamp(72px, 11vw, 80px) !important;
    line-height: .5 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    animation: fadeUp .7s .1s ease both;
}
.banner-title .line-solid {
    color: var(--white);
    display: block;
}
.banner-title .line-outline {
    display: block;
    -webkit-text-stroke: 2px var(--blue-light);
    color: transparent;
    position: relative;
}
.banner-title .line-blue {
    display: block;
    color: var(--blue-light);
}
.banner-subtitle {
    font-family: 'Helvetica', sans-serif !important;
    font-size: 18px !important;
    color: rgba(255, 255, 255, .55) !important;
    line-height: 1.75 !important;
    margin: 24px 0 44px !important;
    animation: fadeUp .7s .2s ease both;
    font-weight: 400 !important;
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(28px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
/* ── CLAW ANIMATION ── */
#clawCanvas {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
}
.claw-word {
    display: inline-block;
    position: relative;
    transition: color .15s;
}
.claw-word.grabbed {
    color: var(--cyan) !important;
    -webkit-text-stroke-color: var(--cyan) !important;
    filter: drop-shadow(0 0 18px rgba(0, 212, 255, .9));
}
.ticker-wrap {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.ticker-track {
    display: inline-block;
    animation: ticker 10s linear infinite;
    white-space: nowrap;
}
@keyframes ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.tick-item {
    font-family: 'Helvetica';
    font-size: 20px;
    letter-spacing: 3px;
    padding: 0 40px;
    color: rgba(255, 255, 255, .85);
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.tick-sep {
    font-size: 8px;
    opacity: .5;
    color: var(--white);
}
/*demo game css*/
#main {
    position: relative;
    margin: auto;
    width: 400px;
    max-width: 100%;
    height: 500px;
}
#toys {
    position: absolute;
    top: 210px;
    left: 102px;
    width: 231px;
    height: 121px;
    background-image: url(https://image.ibb.co/i7YAJz/toysBG.png);
}
.toy {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    background-image: url(https://image.ibb.co/n8g2WK/toys.png);
    background-size: 350px 350px;
    background-position: 0 0;
}
#moveContainer {
    position: absolute;
    top: 343px;
    left: 102px;
    width: 231px;
    height: 36px;
    background: #434242;
    border: 2px solid #898989;
    border-radius: 20px;
}
#moveControl {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 36px;
    height: 36px;
    background: #303030;
    border: 2px solid #898989;
    border-radius: 50%;
    cursor: pointer;
}
#claw {
    position: absolute;
    top: 65px;
    left: 30px;
    width: 60px;
    height: 260px;
}
#clawBar {
    position: absolute;
    top: 20px;
    left: 27px;
    width: 6px;
    height: 15px;
    background: #5b5b5b;
}
#clawALL {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
}
#clawBall {
    position: absolute;
    top: 31px;
    left: 21px;
    width: 6px;
    height: 6px;
    border: 6px solid #5b5b5b;
    border-radius: 50%;
}
#leftClaw {
    position: absolute;
    top: 36px;
    left: 3px;
    width: 16px;
    height: 25px;
    border-top: 8px solid #5b5b5b;
    border-left: 4px solid #5b5b5b;
    transform-origin: top right;
    transform: rotate(-30deg);
}
#rightClaw {
    position: absolute;
    top: 36px;
    right: 3px;
    width: 16px;
    height: 25px;
    border-top: 8px solid #5b5b5b;
    border-right: 4px solid #5b5b5b;
    transform-origin: top left;
    transform: rotate(30deg);
}
#clawOpen {
    transform: rotate(0deg);
}
@-webkit-keyframes fullsize {
    from {
        transform: scale(1) translate(0, 0)
    }
    to {
        transform: scale(4) translate(30px, -30px)
    }
}
.story-feat {
    padding: 18px;
    margin: 0.5em 0;
    background: rgba(27, 108, 242, .06);
    border: 1px solid rgba(27, 108, 242, .12);
    border-radius: 12px;
    transition: all .3s;
}
.story-feat:hover {
    background: rgba(27, 108, 242, .12);
    border-color: rgba(77, 155, 255, .3);
    transform: translateX(6px);
}
.story-feat .elementor-icon-box-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(27, 108, 242, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.story-feat .elementor-icon {
    font-size: 25px;
}
.feat-icon1 .elementor-icon-box-icon .elementor-icon {
    fill: gold;
    color: gold;
}
.feat-icon2 .elementor-icon-box-icon .elementor-icon {
    fill: red;
    color: red;
}
.feat-icon3 .elementor-icon-box-icon .elementor-icon {
    fill: white;
    color: white;
}
.story-feat h5.elementor-icon-box-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 3px;
    color: #fff;
}
.story-feat:hover h5.elementor-icon-box-title {
    color: #fff;
}
.story-feat p.elementor-icon-box-description {
    font-size: 13px;
    line-height: 1;
    color: var(--muted);
}
.our-story-counters .elementor-inner-column {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    transition: all .3s;
    opacity: 1;
    transform: translateY(0);
}
.our-story-counters .elementor-inner-column:not(:last-child) {
    margin-right: 10px;
}
.our-story-counters .elementor-counter-number-wrapper {
    font-family: 'Helvetica';
    font-size: 38px;
    color: var(--blue-light);
    line-height: 1;
    font-weight: 500;
}
.our-story-counters .elementor-counter-title {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .3);
}
#victory .subtext,
#locations .subtext,
#blog .subtext {
    justify-content: center;
}
.victory-columns {
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 20px;
    overflow: hidden;
}
.victory-columns .elementor-inner-column {
    padding: 44px 32px;
    background: rgba(255, 255, 255, .025);
    position: relative;
    transition: all .4s;
    cursor: default;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);
}
.victory-columns .elementor-inner-column:hover {
    background: rgba(27, 108, 242, .1);
}
.victory-columns .elementor-inner-column::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(27, 108, 242, .15), transparent);
    opacity: 0;
    transition: opacity .4s;
}
.victory-columns .elementor-inner-column:hover::before {
    opacity: 1;
}
.victory-columns .elementor-inner-column::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--blue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
    z-index: 2;
}
.victory-columns .elementor-inner-column:hover::after {
    transform: scaleX(1);
}
.victory-columns .elementor-inner-column:not(.victory-columns .elementor-inner-column:last-child) {
    margin-right: 2px;
}
.victory-columns .elementor-image-box-img {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    background: rgba(27, 108, 242, .12);
    border: 1px solid rgba(27, 108, 242, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 24px;
    transition: all .4s;
}
.victory-columns .elementor-icon {
    font-size: 40px;
}
.victory-columns .elementor-image-box-content .elementor-image-box-title {
    color: #fff;
    font-family: 'Helvetica';
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: .3px;
}
.victory-columns .elementor-image-box-content .elementor-image-box-description {
    font-size: 14px;
    color: var(--muted);
    line-height: 1.7;
}
.victory-columns .elementor-widget-image-box::before {
    position: absolute;
    top: -35px;
    right: 20px;
    font-family: 'Helvetica';
    font-size: 72px;
    color: rgba(27, 108, 242, .15);
    line-height: 1;
    transition: color .4s;    
}
.victory-columns .elementor-inner-column:hover .elementor-widget-image-box::before {
    color: rgba(77, 155, 255, .25);
}
.victory-columns .elementor-inner-column:hover .elementor-image-box-img {
    background: rgba(27, 108, 242, .25);
    border-color: var(--blue-light);
    box-shadow: 0 0 24px rgba(27, 108, 242, .35);
    transform: scale(1.08) rotate(-4deg);
}
.victory-box-1::before {
    content: "01";
}
.victory-box-2::before {
    content: "02";
}
.victory-box-3::before {
    content: "03";
}
.victory-box-4::before {
    content: "04";
}
.prizes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.prize-card {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    background: rgba(7, 11, 26, .8);
    transition: all .4s;
    position: relative;
    group;
}
.prize-card:hover {
    transform: translateY(-10px);
    border-color: rgba(27, 108, 242, .4);
    box-shadow: 0 28px 80px rgba(27, 108, 242, .18);
}
.prize-img-zone {
    height: 220px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prize-bg-img {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s ease;
    opacity: .6;
}
.prize-card:hover .prize-bg-img {
    transform: scale(1.08);
}
.prize-bg-grad {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(7, 11, 26, .95) 100%);
}
.prize-tag {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    background: var(--blue);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 100px;
}
.prize-body {
    padding: 22px 24px 26px;
}
.prize-title {
    font-family: 'Helvetica';
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
}
.prize-desc {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.65;
    margin-bottom: 18px;
}
.prize-trade {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.trade-lbl {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .3);
}
.trade-pills {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.t-pill {
    background: rgba(27, 108, 242, .12);
    border: 1px solid rgba(77, 155, 255, .25);
    color: var(--blue-light);
    border-radius: 100px;
    padding: 4px 14px;
    font-size: 11px;
    font-weight: 600;
    transition: all .3s;
}
.prize-card:hover .t-pill {
    background: rgba(27, 108, 242, .25);
    border-color: var(--blue-light);
}
.pc-icons {
    padding: 16px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    transition: all .35s;
}
.pc-icons:hover {
    background: rgba(27, 108, 242, .1);
    border-color: rgba(77, 155, 255, .25);
    transform: translateX(8px);
}
.pc-icons .elementor-image-box-title {
    font-size: 15px;
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
    margin: 3px 0;
}
.pc-icons:hover .elementor-image-box-title {
    color: rgba(255, 255, 255, .9);
}
.pc-icons .elementor-image-box-description {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
}
#cardColumn {
    perspective: 1000px;
}
#dummyCard {
    width: 380px;
    max-width: 100%;
    margin: 0 auto;
    transform-style: preserve-3d;
    transition: transform .15s ease;
    cursor: none;
    border-radius: 22px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .6), 0 0 60px rgba(27, 108, 242, .2);
    margin-bottom: 3em;
}
.dummy-card img {
    border-radius: 22px;
    display: block;
}
.dummy-card img:hover {
    transform: rotateX(0deg) rotateY(0deg) scale(1);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 100px, rgba(27, 108, 242, 0.2) 0px 0px 60px;
}
@keyframes cardPulse {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .5
        }
    50% {
        transform: translate(-50%, -50%) scale(1.04);
        opacity: .15
    }
}
.package-section .title {
    display: none;
}
.package-section .subtext {
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--cyan);
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.package-section .subtext::before {
    content: '';
    width: 18px;
    height: 1px;
    background: var(--cyan);
}
.package-hlist {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}
.package-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 12px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
.package-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--blue);
    transition: background .3s;
}
.package-card:hover {
    background: rgba(27, 108, 242, .12);
    border-color: rgba(77, 155, 255, .3);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(27, 108, 242, .2);
}
.package-card:hover::before {
    background: var(--cyan);
}
.package-card-best {
    background: rgba(27, 108, 242, .14);
    border-color: rgba(77, 155, 255, .35);
}
.package-card-best::before {
    background: var(--gold) !important;
}
.package-card-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--gold);
    color: var(--dark);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
}
.package-card-amount {
    font-family: 'Helvetica';
    font-size: 24px;
    letter-spacing: 1px;
    color: var(--white);
    line-height: 1;
    margin-top: 10px;
}
.package-card-best .package-card-amount {
    margin-top: 16px;
}
.package-card-divider {
    width: 28px;
    height: 1px;
    background: rgba(255, 255, 255, .12);
    margin: 10px auto;
}
.package-card-plays {
    font-family: 'Helvetica';
    font-size: 32px;
    color: var(--cyan);
    line-height: 1;
}
.package-card-plays-lbl {
    font-size: 8px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .35);
    margin-top: 2px;
    margin-bottom: 10px;
}
.package-card-ppp {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 10px;
}
.package-card-ppp span {
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, .35);
}
.package-card-disc {
    background: var(--blue);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
}
.package-card-best .package-card-disc {
    background: var(--gold);
    color: var(--dark);
}
.faq-hover-image .elementor-widget-wrap {
    overflow: hidden;
    transition: transform 0.6s ease !important;
    will-change: transform;
}
.faq-hover-image:hover .elementor-widget-wrap {
    transform: scale(1.05) !important;
}
/* cancel the scale on content so it doesn't zoom */
.faq-hover-image:hover .elementor-widget-wrap > .elementor-element {
    transform: scale(0.952) !important;
}
.ekit-wid-con .elementskit-accordion .elementskit-card-body {
    padding: 20px 24px !important;
    border-top: 1px solid rgba(255, 255, 255, .05);
}
.ekit-wid-con .elementskit-accordion .elementskit-card-body p {
    font-size: 14px;
    color: var(--muted);
    line-height: 1.75;
}
.ekit-wid-con .elementskit-accordion .elementskit-card-body p a {
    color: var(--cyan);
    text-decoration: underline !important;
}
.location-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.location-card {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    background: var(--dark3);
    position: relative;
    transition: all .4s;
}
.location-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 32px 80px rgba(27, 108, 242, .2);
}
.location-card.is-open {
    border-color: rgba(27, 108, 242, .45);
}
.location-card.is-open:hover {
    box-shadow: 0 32px 80px rgba(27, 108, 242, .35);
}
.home-location .slick {
    margin: 0 14px;
}
.location-grid .slick-prev,
.location-grid .slick-next {
    width: 40px;
    height: 40px;
    background-color: var(--blue);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: all 0.3s ease;
}
.location-grid .slick-prev:before,
.location-grid .slick-next:before{
    content: '';
    display: none;
}
.location-grid .slick-prev i,
.location-grid .slick-next i {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}
.location-grid .slick-prev:hover,
.location-grid .slick-next:hover,
.location-grid .slick-prev:active,
.location-grid .slick-next:active,
.location-grid .slick-prev:focus,
.location-grid .slick-next:focus {
    background-color: var(--blue-light);
    box-shadow: 0 16px 48px rgba(27, 108, 242, .55);
}
.location-grid .slick-prev:hover i,
.location-grid .slick-next:hover i {
    color: #ffffff;
}
.location-grid .slick-prev {
    left: -35px;
}
.location-grid .slick-next {
    right: -35px;
}
.location-map {
    height: 200px;
    position: relative;
    overflow: hidden;
    background: var(--dark);
}
.location-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: invert(90%) hue-rotate(190deg) saturate(1.4) brightness(0.82);
    opacity: .85;
    pointer-events: none;
}
.location-map-over {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, var(--dark3) 100%);
    pointer-events: none;
}
.location-status {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 100px;
    z-index: 2;
}
.location-status.open {
    background: rgba(0, 212, 100, .15);
    border: 1px solid rgba(0, 212, 100, .5);
    color: #00d464;
}
.location-status.soon {
    background: rgba(27, 108, 242, .15);
    border: 1px solid rgba(77, 155, 255, .35);
    color: var(--blue-light);
}
.location-body {
    padding: 24px 26px 28px;
}
.location-city {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--cyan);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.location-city::before:not(.location-wrap .location-city::before) {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--cyan);
}
.location-name {
    font-family: 'Helvetica';
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 6px;
}
.location-address {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 20px;
}
.location-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}
.location-detail {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, .45);
}
.location-detail-ico {
    width: 22px;
    text-align: center;
    flex-shrink: 0;
}
.location-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: gap .2s;
}
.location-card.is-open .location-cta {
    color: var(--blue-light);
}
.location-card.is-open .location-cta:hover {
    gap: 14px;
}
.location-cta.disabled {
    color: rgba(255, 255, 255, .2);
    cursor: default;
    pointer-events: none;
}
.location-pulse {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00d464;
    animation: locPulse 1.6s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes locPulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(0, 212, 100, .6)
    }
    50% {
        box-shadow: 0 0 0 7px rgba(0, 212, 100, 0)
    }
}
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.blog-card {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    background: var(--dark2);
    transition: all .4s;
}
.blog-card:hover {
    transform: translateY(-8px);
    border-color: rgba(27, 108, 242, .3);
    box-shadow: 0 24px 64px rgba(27, 108, 242, .12);
}
.blogCard-img {
    height: 196px;
    position: relative;
    overflow: hidden;
}
.blogCard-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s;
}
.blog-card:hover .blogCard-img img {
    transform: scale(1.08);
}
.blogCard-over {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, var(--dark2) 100%);
}
.blogCard-cat {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(27, 108, 242, .2);
    border: 1px solid rgba(77, 155, 255, .35);
    color: var(--blue-light);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 100px;
}
.blogCard-body {
    padding: 22px 24px 26px;
}
.blogCard-meta {
    font-size: 11px;
    color: rgba(255, 255, 255, .3);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.blogCard-title {
    font-family: 'Helvetica';
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.2;
}
.blogCard-excerpt {
    font-size: 13px !important;
    color: var(--muted) !important;
    line-height: 1.7 !important;
    margin-bottom: 18px;
}
.blogCard-link {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--blue-light);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap .2s;
}
.blogCard-link:hover {
    gap: 12px;
}
@media (max-width: 767px) {
    #cur,
    #cur-ring {
        display: none;
    }
    body {
        cursor: auto;
    }
    #hero {
        /*min-height: 100svh;*/
    }
    .hero-content {
        padding: 0 5%;
        max-width: 100%;
    }
    .banner-tag {
        width: auto !important;
        font-weight: 500 !important;
    }
    .banner-title {
        width: auto !important;
        font-size: clamp(48px, 14vw, 80px) !important;
    }
    .banner-subtitle {
        width: auto !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }
    span.btn-blue, .btn-ghost {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        padding: 10px 28px !important;
        font-size: 12px !important;
    }
    .story-feat .elementor-icon-box-wrapper {
        flex-direction: row !important;
        text-align: start !important;
    }
    .our-story-counters > .elementor-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .our-story-counters .elementor-inner-column > .elementor-widget-wrap,
    .victory-columns .elementor-inner-column > .elementor-widget-wrap {
        padding: 0;
    }
    .our-story-counters .elementor-inner-column:not(:last-child) {
        margin:0; 
    }
    .our-story-counters .elementor-counter-number-wrapper {
        font-size: 28px;
    }
    #main {
        width: 100%;
        max-width: 400px;
    }
    .victory-columns > .elementor-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2px;
    }
    .victory-columns .elementor-inner-column:not(.victory-columns .elementor-inner-column:last-child) {
        margin-right: 0px;
    }
    .victory-columns .elementor-inner-column {
        padding: 28px 20px;
    }
    .victory-columns .elementor-image-box-img {
        margin-inline: unset !important;
    }
    .how-header {
        margin-bottom: 40px;
    }
    .prizes-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .pc-icons .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row !important;
        text-align: start !important;
        align-items: center;
        gap: 15px;
    }
    .package-hlist {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-location .slick {
        margin: 0 8px;
    }
    .home-location .slick-prev {
        left: -30px !important;
    }
    .home-location .slick-next {
        right: -30px !important;
    }
    .home-location .slick-prev, .slick-next {
        width: 30px !important;
        height: 30px !important;
    }
    .home-location .slick-prev i, .slick-next i {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .blog-grid,
    .location-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* About Us page styles */
#whoWe > .elementor-container {
    align-items: center;
}
.who-imgs {
    position: relative;
    height: 660px;
}
.wi-main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.wi-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .5);
}
.who-vals {
    margin-top: 6px;
}
.who-vals .elementor-inner-column {
    background: rgba(255, 255, 255, .04);
    border: 1.5px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 20px;
    transition: all .3s;
    cursor: default;
}
.who-vals .elementor-inner-column:not(:last-child) {
    margin-right: 1em;
}
.who-vals .elementor-inner-column:hover {
    border-color: var(--blue-light);
    background: rgba(27, 108, 242, .1);
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(27, 108, 242, .2);
}
.who-vals .elementor-image-box-title  {
    font-size: 16px;
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 4px;
}
.who-vals .elementor-image-box-description {
    font-size: 14px;
    color: var(--muted);
    line-height: 1.6;
}
.numbers > .elementor-container {
    background: rgba(255, 255, 255, .05);
    overflow: hidden;
}
.num-item {
    padding: 52px 32px;
    text-align: center;
    background: rgba(255, 255, 255, .02);
    transition: background .3s;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.num-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s;
}
.num-item:hover {
    background: rgba(255, 255, 255, .04);
}
.num-item:hover::before {
    transform: scaleX(1);
}
.num-item:nth-child(1)::before {
    background: var(--blue-light);
}
.num-item:nth-child(2)::before {
    background: var(--violet);
}
.num-item:nth-child(3)::before {
    background: var(--gold);
}
.num-item .elementor-widget-counter {
    margin-bottom: 0 !important;
}
.num-item .elementor-counter-number-wrapper {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 6px;
}
.num-item:nth-child(1) .elementor-counter-number-wrapper {
    color: var(--blue-light);
}
.num-item:nth-child(2) .elementor-counter-number-wrapper {
    color: var(--violet);
}
.num-item:nth-child(3) .elementor-counter-number-wrapper {
    color: var(--gold);
}
.num-item .elementor-counter-title {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
}
.num-item .number-subtext,
.num-item .number-subtext p {
    font-size: 14px !important;
    color: rgba(255, 255, 255, .2) !important;
    margin: 0 !important;
}
/* our values */
.core-values .subtext {
    justify-content: center;
    color: var(--pink) !important;
}
.core-values .inner-section-heading .title span:last-child {
    background-image: linear-gradient(90deg, var(--pink), var(--gold));
}
.core-values .inner-para p {
    margin-bottom: 0 !important;
}
.vcard {
    background: rgba(255, 255, 255, .04);
    border: 1.5px solid var(--border);
    border-radius: 20px;
    padding: 36px 28px;
    transition: all .4s;
    cursor: default;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.vcard:not(:last-child) {
    margin-right: 20px;
}
.vcard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s;
}
.vcard:hover {
    transform: translateY(-8px);
}
.vcard:hover::before {
    transform: scaleX(1);
}
.values-grid .vcard:nth-child(1)::before {
    background: var(--blue);
}
.values-grid .vcard:nth-child(2)::before {
    background: var(--violet);
}
.values-grid .vcard:nth-child(3)::before {
    background: var(--pink);
}
.values-grid1 .vcard:nth-child(1)::before {
    background: var(--gold);
}
.values-grid1 .vcard:nth-child(2)::before {
    background: var(--emerald);
}
.values-grid1 .vcard:nth-child(3)::before {
    background: var(--cyan);
}
.values-grid .vcard:nth-child(1):hover {
    border-color: rgba(27, 108, 242, .4);
    box-shadow: 0 20px 56px rgba(27, 108, 242, .15);
}
.values-grid .vcard:nth-child(2):hover {
    border-color: rgba(124, 58, 237, .4);
    box-shadow: 0 20px 56px rgba(124, 58, 237, .15);
}
.values-grid .vcard:nth-child(3):hover {
    border-color: rgba(236, 72, 153, .4);
    box-shadow: 0 20px 56px rgba(236, 72, 153, .15);
}
.values-grid1 .vcard:nth-child(1):hover {
    border-color: rgba(255, 208, 91, .4);
    box-shadow: 0 20px 56px rgba(255, 208, 91, .15);
}
.values-grid1 .vcard:nth-child(2):hover {
    border-color: rgba(5, 150, 105, .4);
    box-shadow: 0 20px 56px rgba(5, 150, 105, .15);
}
.values-grid1 .vcard:nth-child(3):hover {
    border-color: rgba(0, 212, 255, .4);
    box-shadow: 0 20px 56px rgba(0, 212, 255, .15);
}
.vcard .elementor-image-box-img {
    width: 56px !important;
    height: 56px;
    border-radius: 14px;
    margin-bottom: 20px;
    transition: transform .35s;
    padding: 10px;
}
.vcard .elementor-image-box-img:hover {
    transform: scale(1.1) rotate(-5deg);
}
.values-grid .vcard:nth-child(1) .elementor-image-box-img {
    background: rgba(27, 108, 242, .15);
}
.values-grid .vcard:nth-child(2) .elementor-image-box-img {
    background: rgba(124, 58, 237, .15);
}
.values-grid .vcard:nth-child(3) .elementor-image-box-img {
    background: rgba(236,72,153,.15);
}
.values-grid1 .vcard:nth-child(1) .elementor-image-box-img {
    background: rgba(255,208,91,.12);
}
.values-grid1 .vcard:nth-child(2) .elementor-image-box-img {
    background: rgba(5,150,105,.15);
}
.values-grid1 .vcard:nth-child(3) .elementor-image-box-img {
    background: rgba(0,212,255,.12);
}
.vcard .elementor-image-box-title {
    font-size: 18px;
    font-weight: 800;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 10px;
}
.vcard .elementor-image-box-description{
    font-size: 15px;
    color: var(--muted);
    line-height: 1.7;
}
.about-pc .pc-icons .elementor-image-box-description {
    font-size: 12px;
}
.about-locations .subtext {
    justify-content: center;
    color: var(--cyan) !important;
}
.about-locations .inner-section-heading .title span:last-child {
    background-image: linear-gradient(90deg, var(--cyan), #34D399);
}
.about-locations .inner-para p {
    margin-bottom: 0 !important;
}
.about-locations .location-img {
    height: 200px;
    position: relative;
    overflow: hidden;
}
.about-locations .location-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s;
    display: block;
}
.about-locations .location-card:hover .location-img img {
    transform: scale(1.07);
}
.about-locations .location-img-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
}
.about-locations .location-status {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 100px;
    color: #fff;
}
.about-locations .location-open .location-status {
    background: #059669;
}
.about-locations .location-open:hover {
    border-color: rgba(5, 150, 105, .35);
    box-shadow: 0 20px 56px rgba(5, 150, 105, .12);
}
.about-locations .location-open .location-img-fade {
    background: linear-gradient(transparent, var(--dark2));
}
.about-locations .location-open .location-cta {
    color: #34D399;
}
.about-locations .location-coming .location-status {
    background: var(--violet);
}
.about-locations .location-coming:hover {
    border-color: rgba(124, 58, 237, .35);
    box-shadow: 0 20px 56px rgba(124, 58, 237, .12);
}
.about-locations .location-coming .location-img-fade {
    background: linear-gradient(transparent, var(--dark2));
}
.about-locations .location-coming .location-cta {
    color: #A78BFA;
}
.about-locations .location-body {
    padding: 22px 24px 26px;
}
.about-locations .lc-city {
    font-size: 28px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: 'Helvetica';
}
.about-locations .location-venue {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 16px;
    line-height: 1.5;
}
.about-locations .location-detail {
    margin-bottom: 8px;
}
.about-locations .location-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
}
.about-locations .location-detail-ico {
    flex-shrink: 0;
    margin-top: 1px;
    width: 15px;
}
.about-locations .location-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 18px;
    transition: gap .2s;
}
.cta-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://thistle.media/demo/claw-culture/wp-content/uploads/2026/05/faq-bg.jpg') center/cover no-repeat;
    opacity: .06;
    pointer-events: none;
}
.cta-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 30% 50%, rgba(27, 108, 242, .22), transparent 70%), radial-gradient(ellipse at 70% 50%, rgba(0, 212, 255, .12), transparent 70%);
    pointer-events: none;
}
.cta-banner > .elementor-container {
    z-index: 1;
}
.cta-banner .subtext {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(27, 108, 242, .15);
    border: 1px solid rgba(77, 155, 255, .25);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7) !important;
    margin-bottom: 22px;
}
.cta-banner .inner-section-heading .subtext::before {
    display: none;
}
.btn-white a {
    background-color: rgba(255, 255, 255, .1) !important;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    font-size: 13px;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 14px 36px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .3s;
    backdrop-filter: blur(10px);
}
.btn-white a:hover {
    background-color: var(--blue) !important;
    border-color: var(--blue);
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(27, 108, 242, .45);
}
.btn-ghost-w a {
    background-color: transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 13px 36px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .3s;
    border: 1px solid rgba(255, 255, 255, .2);
}
.btn-ghost-w a:hover {
    border-color: var(--cyan) !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, .2);
}
@media (max-width: 767px) {
    .vcard:not(:last-child) {
        margin-right: 0;
    }
}
/* contact us page styles */
.channel-item {
    padding: 36px 28px;
    background: rgba(255, 255, 255, .02);
    transition: background .3s;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.channel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s;
    z-index: 10;
}
.channel-item:hover {
    background: rgba(255, 255, 255, .04);
}
.channel-item:hover::before {
    transform: scaleX(1);
}
.channel-item:not(:last-child) {
    margin-right: 1px;
}
.channel-item:nth-child(1)::before {
    background: var(--blue-light);
}
.channel-item:nth-child(2)::before {
    background: var(--cyan);
}
.channel-item:nth-child(3)::before {
    background: #A78BFA;
}
.channel-item:nth-child(4)::before {
    background: #34D399;
}
.channel-icon {
    width: 52px !important;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .05);
    border: 1.5px solid var(--border);
    transition: transform .3s !important;
}
.channel-item:hover .channel-icon {
    transform: scale(1.1) rotate(-5deg);
}
.channel-text .elementskit-section-subtitle {
    font-size: 10px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .3) !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}
.channel-text .elementskit-section-title  {
    font-size: 16px;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, .85);
    line-height: 1.3;
    margin-bottom: 0 !important;
}
.channel-text .ekit-heading__description {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
}
.channel-text .ekit-heading__description p {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
    line-height: 1;
    margin: 0 !important;
}
/* ══ MAIN CONTACT LAYOUT ══ */
#contactForm label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .45);
    margin-bottom: 8px;
}
#contactForm .row > div:not(:last-child) {
    margin-bottom: 25px;
}
#contactForm input:not(#contactForm .wpcf7-submit),
#contactForm select,
#contactForm textarea {
    background: rgba(255, 255, 255, .05);
    border: 1.5px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 14px;
    color: #fff;
    outline: none;
    transition: border-color .25s, background .25s, box-shadow .25s;
    width: 100%;
}
#contactForm input::placeholder,
#contactForm textarea::placeholder {
    color: rgba(255, 255, 255, .25);
}
#contactForm input:focus,
#contactForm select:focus,
#contactForm textarea:focus {
    border-color: var(--cyan);
    background: rgba(0, 212, 255, .05);
    box-shadow: 0 0 0 3px rgba(0, 212, 255, .08);
}
#contactForm select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.35)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}
#contactForm select option {
    background: #0E1530;
    color: #fff;
}
#contactForm textarea {
    resize: vertical;
    min-height: 140px;
    line-height: 1.65;
}
/* radio/checkbox topic selector */
.query-topic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.query-topic .wpcf7-list-item {
    position: relative;
}
.query-topic input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.query-topic label {
    padding: 11px 14px;
    border: 1.5px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, .5) !important;
    cursor: pointer;
    transition: all .22s;
    background: rgba(255, 255, 255, .03);
}
.query-topic label:has(input:checked) {
    border-color: var(--cyan);
    color: rgba(255, 255, 255, .9) !important;
    background: rgba(0, 212, 255, .08);
}
.query-topic label:hover {
    border-color: rgba(0, 212, 255, .3);
    color: rgba(255, 255, 255, .75);
}
.query-topic .wpcf7-list-item-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.query-topic .wpcf7-list-item:first-child,
.query-topic .wpcf7-list-item:nth-child(4) {
    margin: 0;
}
.query-topic .wpcf7-list-item-label::before {
    font-size: 16px;    
}
/* General Query */
input[value="General Query"] + .wpcf7-list-item-label::before {
    content: "💬 ";
}
/* Group / Party */
input[value="Group / Party"] + .wpcf7-list-item-label::before {
    content: "🎂 ";
}
/* Power Card */
input[value="Power Card"] + .wpcf7-list-item-label::before {
    content: "💳 ";
}
/* Prizes & Wins */
input[value="Prizes & Wins"] + .wpcf7-list-item-label::before {
    content: "🏆 ";
}
/* Collab / Press */
input[value="Collab / Press"] + .wpcf7-list-item-label::before {
    content: "🤝 ";
}
/* Feedback */
input[value="Feedback"] + .wpcf7-list-item-label::before {
    content: "⭐ ";
}
/* submit */
#contactForm .submit-row {
    display: flex;
    align-items: center;
    /*gap: 16px;*/
    flex-wrap: wrap;
}
#contactForm .wpcf7-submit {
    background: linear-gradient(135deg, var(--blue), var(--blue-dark));
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 44px;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    transition: all .35s;
    box-shadow: 0 4px 20px rgba(27, 108, 242, .35);
}
#contactForm .wpcf7-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(27, 108, 242, .55);
}
.submit-note {
    font-size: 12px;
    color: rgba(255, 255, 255, .25);
    line-height: 1.6;
}
/* success state */
.form-success {
    display: none;
    text-align: center;
    padding: 60px 24px;
    background: rgba(5, 150, 105, .07);
    border: 1.5px solid rgba(52, 211, 153, .25);
    border-radius: 20px;
}
.form-success.show {
    display: block;
}
.fs-ic {
    font-size: 56px;
    margin-bottom: 16px;
}
.fs-h {
    font-size: 40px;
    color: #34D399;
    margin-bottom: 8px;
}
.fs-p {
    font-size: 15px;
    color: var(--muted);
    line-height: 1.7;
}
.contact-faq .subtext{
    justify-content: center;
    color: var(--violet) !important;
}
.contact-faq .inner-section-heading .title span:last-child {
    background-image: linear-gradient(90deg, #A78BFA, var(--pink));
}
.contact-cta .subtext {
    display: none !important;
}
@media (max-width: 767px) {
    .inner-banner,
    .page #content .elementor-top-section:not(.page #content .inner-banner):not(.home #content .elementor-top-section) {
        padding: 40px 30px;
    }
    .inner-para p {
        font-size: 16px !important;
    }
}
@media (min-width: 768px) {
    .contact-faq .elementskit-accordion {
        width: 760px;
        margin: auto;
    }
}
/* Location page styles */
.location-main {
    position: relative;
    z-index: 1;
}
.location-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.location-wrap .location-card {
    border: 1.5px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, .03);
    transition: all .35s;
    cursor: pointer;
    position: relative;
}
.location-wrap .location-card:hover {
    transform: translateY(-3px);    
    box-shadow: none;
}
.location-wrap .location-card.selected {
    border-color: var(--blue);
    box-shadow: 0 12px 48px rgba(27, 108, 242, .2);
    background: rgba(27, 108, 242, .07);
}
.location-wrap .location-inner {
    display: grid;
}
.location-wrap .location-card-img {
    position: relative;
    overflow: hidden;
    /*min-height: 190px;*/
}
.location-wrap .location-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s;
}
.location-wrap .location-card:hover .location-card-img img {
    transform: scale(1.05);
}
.location-wrap .location-open .location-card-img img {
    filter: saturate(.55) brightness(.8);
}
/* fade bleeds into dark card bg */
.location-wrap .location-img-fade {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background: linear-gradient(90deg, transparent, rgba(8, 13, 32, .95));
}
.location-wrap .location-card.selected .location-img-fade {
    background: linear-gradient(90deg, transparent, rgba(12, 20, 52, .95));
}
/* STATUS BADGE */
.location-wrap .status-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 100px;
    color: #fff;
    z-index: 2;
}
.location-wrap .status-badge .sdot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    flex-shrink: 0;
}
.location-wrap .location-open .status-badge {
    background: var(--emerald);
}
.location-wrap .location-coming .status-badge {
    background: var(--amber);
}
.location-wrap .location-body {
    padding: 22px 22px 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.location-wrap .location-city {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    margin-bottom: 2px;
}
.location-wrap .location-venue {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 14px;
}
.location-wrap .location-rows {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 16px;
}
.location-wrap .location-card-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .4);
}
.location-wrap .location-card-row a {
    color: rgba(255, 255, 255, .4);
}
.location-wrap .location-card-row img {
    width: 15px;
}
.location-wrap .location-card-chips {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.location-wrap .chip {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 11px;
    border-radius: 100px;
    border: 1px solid;
}
.location-wrap .location-open .chip {
    background: rgba(5, 150, 105, .15);
    border-color: rgba(52, 211, 153, .3);
    color: #34D399;
}
.location-wrap .location-coming .chip {
    background: rgba(245, 158, 11, .12);
    border-color: rgba(252, 211, 77, .3);
    color: #FCD34D;
}
.location-wrap .location-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: gap .2s;
    margin-top: auto;
}
.location-wrap .location-open .location-cta {
    color: #34D399;
}
.location-wrap .location-coming .location-cta {
    color: #FCD34D;
}
.location-wrap .location-card:hover .location-cta {
    gap: 10px;
}
/* MAP */
.map-wrap .elementor-widget-wrap {
    overflow: visible !important;
}
.map-wrap {
    position: sticky;
    top: 92px;
    align-self: flex-start;
}
.map-box {
    border-radius: 20px;
    overflow: hidden;
    border: 1.5px solid var(--border);
    box-shadow: 0 8px 40px rgba(0, 0, 0, .4);
}
#map {
    width: 100%;
    height: 500px;
}
.map-legend {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px 18px;
    border-top: 1px solid var(--border);
    background: rgba(8, 13, 32, .96);
}
.mleg {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: rgba(255, 255, 255, .4);
    font-weight: 600;
}
.mleg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.map-hint {
    margin-left: auto;
    font-size: 11px;
    color: rgba(255, 255, 255, .2);
}
/* Leaflet tooltip custom style */
.map-tooltip {
    background: #0E1530;
    border: 1.5px solid rgba(0, 212, 255, .25);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 13px;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
}
.map-tooltip::before {
    display: none;
}
/* Pin pulse animation */
@keyframes pr {
    0%,
    100% {
        transform: scale(1);
        opacity: .2
    }
    50% {
        transform: scale(1.6);
        opacity: 0
    }
}
/* NOTIFY STRIP */
#notify {
    background: var(--dark2);
    border-top: 1px solid var(--border);
    position: relative;
    z-index: 1;
}
.notify-form {
    display: flex;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.notify-form input:not(.notify-form input.consent-check):not(.notify-form .notify-btn) {
    min-width: 180px;
    background: rgba(255, 255, 255, .06) !important;
    border: 1.5px solid rgba(255, 255, 255, .12);
    border-radius: 100px;
    padding: 13px 20px;
    font-size: 13px;
    color: #fff;
    outline: none !important;
    transition: border-color .3s !important;
}
.notify-form .wpcf7-acceptance {
    font-size: 13px;
    color: #fff;
}
.notify-form form .row > div {
    margin-bottom: 15px !important;
}
.notify-form input::placeholder {
    color: rgba(255, 255, 255, .28) !important;
}
.notify-form input:focus {
    border-color: rgba(0, 212, 255, .5) !important;
}
.notify-form .notify-btn {
    background: var(--blue) !important;
    color: #fff;
    font-size: 11px;
    font-weight: 700 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 13px 26px !important;
    border-radius: 100px;
    border: none !important;
    cursor: pointer !important;
    transition: all .3s !important;
    white-space: nowrap !important;
}
.notify-form .notify-btn:hover {
    background: var(--blue-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(27, 108, 242, .45);
}
@media (min-width: 768px) {    
    .location-wrap .location-inner {
        grid-template-columns: 200px 1fr;
    }
}
/* Package listing style */
.package-main .subtext {
    justify-content: center;
    color: var(--cyan) !important; 
}
.package-main .subtext::after {
    content: '';
    width: 16px;
    height: 2px;
    background: var(--cyan);    
}
.package-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
/* BASE CARD */
.packages-card {
    border: 1.5px solid var(--border);
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    transition: all .35s;
    cursor: default;
    position: relative;
    background: rgba(255, 255, 255, .03);
}
.packages-card:hover {
    transform: translateY(-4px);
}
.package-inner {
    display: grid;
    grid-template-columns: 180px 1fr auto;
    align-items: center;
    gap: 0;
}
/* LEFT — price */
.package-price-col {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--border);
}
.package-label {
    font-size: 9px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}
.package-amount {
    font-size: 52px;
    line-height: 1;
    letter-spacing: -1px;
}
.package-rupee {
    font-size: 28px;
    vertical-align: super;
    line-height: 1;
}
/* MIDDLE */
.package-mid {
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}
.package-arrow-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    flex: 1;
}
.package-ppp-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 10px;
    min-width: 100px;
}
.package-ppp-val {
    font-size: 44px;
    line-height: 1;
}
.package-ppp-rp {
    font-size: 12px;
    vertical-align: super;
    line-height: 1;
}
.package-ppp-lbl {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .5;
    margin-top: 2px;
}
.package-arrow {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 12px;
}
.package-arrow svg {
    width: 100%;
    max-width: 80px;
}
/* RIGHT */
.package-right {
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-left: 1px solid var(--border);
}
.package-plays {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.package-plays-num {
    font-size: 26px;
    line-height: 1;
}
.package-plays-lbl {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2px;
    opacity: .7;
}
.package-discount-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-weight: 800;
    flex-shrink: 0;
}
.package-discount-badge .disc-pct {
    font-size: 26px;
    line-height: 1;
}
.package-discount-badge .disc-lbl {
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 1px;
}
/* BEST VALUE BANNER */
.package-banner {
    background: linear-gradient(90deg, rgba(0, 212, 255, .25), rgba(27, 108, 242, .3), rgba(124, 58, 237, .25));
    padding: 8px 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(0, 212, 255, .2);
}
.best-banner-text {
    font-size: 14px;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, .9);
}
.best-star {
    color: var(--gold);
    font-size: 12px;
}
/* ── COLOUR THEMES PER CARD (dark) ── */
/* ₹100 — neutral */
.pk-100 {
    border-color: rgba(255, 255, 255, .1);
}
.pk-100:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
    border-color: rgba(255, 255, 255, .2);
}
.pk-100 .package-price-col {
    background: rgba(255, 255, 255, .04);
}
.pk-100 .package-label {
    color: rgba(255, 255, 255, .4);
}
.pk-100 .package-amount {
    color: rgba(255, 255, 255, .6);
}
.pk-100 .package-ppp-box {
    background: rgba(255, 255, 255, .05);
    border: 1.5px solid rgba(255, 255, 255, .1);
}
.pk-100 .package-ppp-val {
    color: rgba(255, 255, 255, .55);
}
.pk-100 .package-plays-lbl {
    color: rgba(255, 255, 255, .35);
}
.pk-100 .package-plays-num {
    color: rgba(255, 255, 255, .55);
}
.pk-100 .package-discount-badge {
    display: none;
}
/* ₹1000 — blue */
.pk-1000 {
    border-color: rgba(27, 108, 242, .25);
}
.pk-1000:hover {
    box-shadow: 0 16px 48px rgba(27, 108, 242, .2);
    border-color: rgba(77, 155, 255, .5);
}
.pk-1000 .package-price-col {
    background: rgba(27, 108, 242, .12);
}
.pk-1000 .package-label {
    color: var(--blue-light);
}
.pk-1000 .package-amount {
    color: var(--blue-light);
}
.pk-1000 .package-ppp-box {
    background: rgba(27, 108, 242, .15);
    border: 1.5px solid rgba(77, 155, 255, .35);
}
.pk-1000 .package-ppp-val {
    color: var(--blue-light);
}
.pk-1000 .package-plays-lbl {
    color: rgba(77, 155, 255, .8);
}
.pk-1000 .package-plays-num {
    color: var(--blue-light);
}
.pk-1000 .package-discount-badge {
    background: linear-gradient(135deg, var(--blue), var(--blue-dark));
    color: #fff;
}
/* ₹1500 — cyan */
.pk-1500 {
    border-color: rgba(0, 212, 255, .2);
}
.pk-1500:hover {
    box-shadow: 0 16px 48px rgba(0, 212, 255, .15);
    border-color: rgba(0, 212, 255, .45);
}
.pk-1500 .package-price-col {
    background: rgba(0, 212, 255, .08);
}
.pk-1500 .package-label {
    color: var(--cyan);
}
.pk-1500 .package-amount {
    color: var(--cyan);
}
.pk-1500 .package-ppp-box {
    background: rgba(0, 212, 255, .1);
    border: 1.5px solid rgba(0, 212, 255, .3);
}
.pk-1500 .package-ppp-val {
    color: var(--cyan);
}
.pk-1500 .package-plays-lbl {
    color: rgba(0, 212, 255, .75);
}
.pk-1500 .package-plays-num {
    color: var(--cyan);
}
.pk-1500 .package-discount-badge {
    background: linear-gradient(135deg, #06B6D4, #0891B2);
    color: #fff;
}
/* ₹2500 — violet */
.pk-2500 {
    border-color: rgba(124, 58, 237, .25);
}
.pk-2500:hover {
    box-shadow: 0 16px 48px rgba(124, 58, 237, .2);
    border-color: rgba(167, 139, 250, .5);
}
.pk-2500 .package-price-col {
    background: rgba(124, 58, 237, .1);
}
.pk-2500 .package-label {
    color: #A78BFA;
}
.pk-2500 .package-amount {
    color: #A78BFA;
}
.pk-2500 .package-ppp-box {
    background: rgba(124, 58, 237, .12);
    border: 1.5px solid rgba(167, 139, 250, .3);
}
.pk-2500 .package-ppp-val {
    color: #A78BFA;
}
.pk-2500 .package-plays-lbl {
    color: rgba(167, 139, 250, .75);
}
.pk-2500 .package-plays-num {
    color: #A78BFA;
}
.pk-2500 .package-discount-badge {
    background: linear-gradient(135deg, var(--violet), #6D28D9);
    color: #fff;
}
/* ₹3500 — pink */
.pk-3500 {
    border-color: rgba(236, 72, 153, .2);
}
.pk-3500:hover {
    box-shadow: 0 16px 48px rgba(236, 72, 153, .18);
    border-color: rgba(249, 168, 212, .5);
}
.pk-3500 .package-price-col {
    background: rgba(236, 72, 153, .08);
}
.pk-3500 .package-label {
    color: #F9A8D4;
}
.pk-3500 .package-amount {
    color: #F9A8D4;
}
.pk-3500 .package-ppp-box {
    background: rgba(236, 72, 153, .1);
    border: 1.5px solid rgba(249, 168, 212, .3);
}
.pk-3500 .package-ppp-val {
    color: #F9A8D4;
}
.pk-3500 .package-plays-lbl {
    color: rgba(249, 168, 212, .75);
}
.pk-3500 .package-plays-num {
    color: #F9A8D4;
}
.pk-3500 .package-discount-badge {
    background: linear-gradient(135deg, var(--pink), #BE185D);
    color: #fff;
}
/* ₹5000 — emerald BEST VALUE */
.pk-5000 {
    border-color: rgba(5, 150, 105, .3);
    border-width: 2px;
    opacity: 1;
    transform: translateY(0);
}
.pk-5000:hover {
    box-shadow: 0 20px 60px rgba(5, 150, 105, .25);
    border-color: rgba(52, 211, 153, .6);
}
.pk-5000 .package-price-col {
    background: rgba(5, 150, 105, .12);
}
.pk-5000 .package-label {
    color: #34D399;
}
.pk-5000 .package-amount {
    color: #34D399;
}
.pk-5000 .package-ppp-box {
    background: rgba(5, 150, 105, .15);
    border: 1.5px solid rgba(52, 211, 153, .35);
}
.pk-5000 .package-ppp-val {
    color: #34D399;
}
.pk-5000 .package-plays-lbl {
    color: rgba(52, 211, 153, .75);
}
.pk-5000 .package-plays-num {
    color: #34D399;
}
.pk-5000 .package-discount-badge {
    background: linear-gradient(135deg, var(--emerald), #065F46);
    color: #fff;
}
/* Arrow SVG colours per card */
.pk-100 .arr-fill {
    fill: rgba(255, 255, 255, .15);
    stroke: rgba(255, 255, 255, .15);
}
.pk-1000 .arr-fill {
    fill: rgba(77, 155, 255, .5);
    stroke: rgba(77, 155, 255, .5);
}
.pk-1500 .arr-fill {
    fill: rgba(0, 212, 255, .5);
    stroke: rgba(0, 212, 255, .5);
}
.pk-2500 .arr-fill {
    fill: rgba(167, 139, 250, .5);
    stroke: rgba(167, 139, 250, .5);
}
.pk-3500 .arr-fill {
    fill: rgba(249, 168, 212, .5);
    stroke: rgba(249, 168, 212,.5);
}
.pk-5000 .arr-fill {
    fill: rgba(52, 211, 153, .5);
    stroke: rgba(52,211,153,.5);
}
.package-disclaimer p {
    font-size: 12px !important;
    line-height: 1.7 !important;
    color: rgba(255,255,255,.35) !important;
    margin-top: 28px;
}
#how-strip {
    background: var(--dark2);
    padding: 60px 5%;
    border-top: 1px solid var(--border);
    position: relative;
    z-index: 1;
}
#how-strip .subtext,
.package-faq .subtext {
    justify-content: center;
    color: var(--cyan) !important;
}
#how-strip .subtext::after,
.package-faq .subtext::after {
    content: '';
    width: 16px;
    height: 2px;
    background: var(--cyan);    
}
.how-columns {
    max-width: 960px;
    margin: 1em auto 0;
}
.how-columns > .elementor-container {
    gap: 20px;
}
.how-columns .elementor-inner-column {
    background: rgba(255, 255, 255, .03);
    border: 1.5px solid var(--border);
    border-radius: 16px;
    padding: 24px 20px;
    text-align: center;
    transition: all .3s;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.how-columns .elementor-inner-column::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s;
}
.how-columns .elementor-inner-column > .elementor-widget-wrap {
    padding: 0;
}
.how-columns .elementor-inner-column:hover {
    transform: translateY(-5px);
}
.how-columns .elementor-inner-column:hover::before {
    transform: scaleX(1);
}
.how-columns .elementor-inner-column:nth-child(1)::before {
    background: var(--blue-light);
}
.how-columns .elementor-inner-column:nth-child(2)::before {
    background: #A78BFA;
}
.how-columns .elementor-inner-column:nth-child(3)::before {
    background: #34D399;
}
.how-columns .elementor-inner-column:nth-child(4)::before {
    background: var(--gold);
}
.how-columns .elementor-inner-column:nth-child(1):hover {
    border-color: rgba(27, 108, 242, .35);
    box-shadow: 0 12px 36px rgba(27, 108, 242, .15);
}
.how-columns .elementor-inner-column:nth-child(2):hover {
    border-color: rgba(124, 58, 237, .35);
    box-shadow: 0 12px 36px rgba(124, 58, 237, .15);
}
.how-columns .elementor-inner-column:nth-child(3):hover {
    border-color: rgba(5, 150, 105, .35);
    box-shadow: 0 12px 36px rgba(5, 150, 105, .15);
}
.how-columns .elementor-inner-column:nth-child(4):hover {
    border-color: rgba(255, 208, 91, .35);
    box-shadow: 0 12px 36px rgba(255, 208, 91, .15);
}
.how-box-1::after {
    content: "01";
}
.how-box-2::after {
    content: "02";
}
.how-box-3::after {
    content: "03";
}
.how-box-4::after {
    content: "04";
}
.how-columns .elementor-inner-column::after {
    font-size: 48px;
    color: rgba(255, 255, 255, .04);
    position: absolute;
    bottom: 6px;
    right: 12px;
    line-height: 1;
}
.how-columns .elementor-image-box-img img {
    width: 32px;
    height: 32px;
    margin: auto;
}
.how-columns .elementor-image-box-title {
    font-size: 14px;
    font-weight: 800;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 6px;
}
.how-columns .elementor-image-box-description {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.65;
}
@media (max-width: 767px) {
    .packages-card {
        text-align: center;
    }
    .package-inner {
        grid-template-columns: unset;
    }
    .package-rupee {
        font-size: 20px;
    }
    .package-amount {
        font-size: 35px;
    }
    .package-arrow-wrap {
        display: block;
    }
    .package-ppp-box {
        width: fit-content;
        margin: auto;
    }
    .package-arrow {
        display: none;
    }
    .package-right {
        justify-content: center;
        border-left: none;
        border-top: 1px solid var(--border);
    }
}
@media (min-width: 768px) {
    .package-faq > .elementor-container {
        width: 760px;
        margin: auto;
    }
}
/* merchandise page style */
#merchandiseBanner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(0, 212, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 212, 255, .05) 1px, transparent 1px);
    background-size: 52px 52px;
}
.merchandise-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.merchandise-card {
    border: 1.5px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    transition: all .35s;
    cursor: default;
    position: relative;
    display: flex;
    flex-direction: column;
}
.merchandise-card:hover {
    transform: translateY(-6px);
}
.merchandise-card.hidden {
    display: none;
}
.merchandise-card-img {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
}
.merchandise-card-img-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    transition: transform .4s;
}
.merchandise-card:hover .merchandise-card-img-inner {
    transform: scale(1.08);
}
.merchandise-card-img-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 12px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .5));
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(255, 255, 255, .7);
}
.merchandise-card-cat-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 100px;
    color: #fff;
}
.merchandise-card-body {
    padding: 14px 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.merchandise-card-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--dark3);
    line-height: 1.35;
    flex: 1;
}
.merchandise-card-wins-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #E2E8F0;
}
.merchandise-card-wins {
    display: flex;
    align-items: center;
    gap: 6px;
}
.merchandise-card-wins-ic {
    font-size: 16px;
}
.merchandise-card-wins-num {
    font-size: 22px;
    line-height: 1;
}
.merchandise-card-wins-lbl {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #64748B;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 1px;
}
.cat-style .merchandise-card-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(124, 58, 237, .15), rgba(109, 40, 217, .1));
    z-index: 1;
    pointer-events: none;
}
.cat-style .merchandise-card-cat-badge {
    background: var(--violet);
}
.cat-style .merchandise-card-wins-num {
    color: #7C3AED;
}
.cat-style:hover {
    border-color: rgba(124, 58, 237, .4);
    box-shadow: 0 16px 48px rgba(124, 58, 237, .15);
}
/* Plush & Collectibles — pink */
.cat-plush .merchandise-card-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(236, 72, 153, .12), rgba(190, 24, 93, .08));
    z-index: 1;
    pointer-events: none;
}
.cat-plush .merchandise-card-cat-badge {
    background: var(--pink);
}
.cat-plush .merchandise-card-wins-num {
    color: #EC4899;
}
.cat-plush:hover {
    border-color: rgba(236, 72, 153, .4);
    box-shadow: 0 16px 48px rgba(236, 72, 153, .15);
}
/* Kids & Play — cyan */
.cat-kids .merchandise-card-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(8, 145, 178, .15), rgba(6, 182, 212, .08));
    z-index: 1;
    pointer-events: none;
}
.cat-kids .merchandise-card-cat-badge {
    background: #0891B2;
}
.cat-kids .merchandise-card-wins-num {
    color: #0891B2;
}
.cat-kids:hover {
    border-color: rgba(0, 212, 255, .35);
    box-shadow: 0 16px 48px rgba(0, 212, 255, .12);
}
/* Games & Fun — amber */
.cat-games .merchandise-card-img {
    background: linear-gradient(135deg, rgba(245, 158, 11, .12), rgba(217, 119, 6, .08));
}
.cat-games .merchandise-card-cat-badge {
    background: var(--amber);
}
.cat-games .merchandise-card-wins-num {
    color: #FCD34D;
}
.cat-games:hover {
    border-color: rgba(245, 158, 11, .4);
    box-shadow: 0 16px 48px rgba(245, 158, 11, .12);
}
.cat-games .merchandise-card-cta {
    background: rgba(245, 158, 11, .15);
    color: #FCD34D;
}
.cat-games:hover .merchandise-card-cta {
    background: var(--amber);
    color: #fff;
}
/* Sports & Action — emerald */
.cat-sports .merchandise-card-img {
    background: linear-gradient(135deg, rgba(5, 150, 105, .15), rgba(4, 120, 87, .08));
}
.cat-sports .merchandise-card-cat-badge {
    background: var(--emerald);
}
.cat-sports .merchandise-card-wins-num {
    color: #34D399;
}
.cat-sports:hover {
    border-color: rgba(5, 150, 105, .4);
    box-shadow: 0 16px 48px rgba(5, 150, 105, .12);
}
.cat-sports .merchandise-card-cta {
    background: rgba(5, 150, 105, .15);
    color: #34D399;
}
.cat-sports:hover .merchandise-card-cta {
    background: var(--emerald);
    color: #fff;
}
@media (max-width: 767px) {
    .merchandise-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* FAQ page */
.stat-item {
    padding: 44px 32px;
    text-align: center;
    background: rgba(255, 255, 255, .02);
    transition: background .3s !important;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.stat-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s;
    z-index: 10;
}
.stat-item:hover {
    background: rgba(255, 255, 255, .04);
}
.stat-item:hover::before {
    transform: scaleX(1);
}
.stat-item:nth-child(1)::before {
    background: var(--blue-light);
}
.stat-item:nth-child(2)::before {
    background: var(--violet);
}
.stat-item:nth-child(3)::before {
    background: var(--gold);
}
.stat-item:nth-child(4)::before {
    background: var(--emerald);
}
.stat-item .elementor-image-box-img img {
    width: 30px;
    height: 30px;
}
.stat-item .elementor-image-box-title {
    font-size: 18px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 4px;
}
.stat-item:hover .elementor-image-box-title {
    color: rgba(255, 255, 255, .85);    
}
.stat-item .elementor-image-box-description {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .35);
}
/* SIDEBAR */
.elementor-section#faq-main .elementor-container {
    align-items: flex-start;
}
.faq-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    align-self: flex-start;
}
.faq-sidebar-label {
    margin-bottom: 0 !important;
}
.faq-sidebar-label .ekit-heading--title  {
    font-size: 10px;
    font-weight: 700 !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .3);
    margin-bottom: 16px !important;
    padding-bottom: 12px;
    border-bottom: 1.5px solid var(--border);
}
.faq-sidebar-nav {
    margin-bottom: 0 !important;
}
.faq-sidebar-nav li a {
    padding: 10px 14px;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--muted);
    text-decoration: none;
    border-radius: 10px;
    border-left: 2px solid transparent;
    transition: all .22s;
}
.faq-sidebar-nav li a span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--muted) !important;
}
.faq-sidebar-nav li a:hover {
    color: #fff;
    background: rgba(27, 108, 242, .12);
    border-left-color: var(--blue);
}
.faq-sidebar-nav li a:hover span {
    color: #fff !important;
}
.faq-sidebar-nav li a.cur {
    color: var(--cyan);
    background: rgba(27, 108, 242, .12);
    border-left-color: var(--cyan);
}
.faq-sidebar-nav li a .sn {
    font-size: 12px;
    color: rgba(255, 255, 255, .2);
    letter-spacing: 1px;
    flex-shrink: 0;
    transition: color .22s;
}
.faq-sidebar-nav li a:hover .sn,
.faq-sidebar-nav li a.cur .sn {
    color: var(--blue-light);
}
.faq-contact {
    margin-top: 28px;
    background: rgba(255, 255, 255, .04);
    border: 1.5px solid var(--border);
    border-radius: 16px;
    padding: 20px;
    transition: all .3s;
}
.faq-contact:hover {
    border-color: rgba(27, 108, 242, .3);
    background: rgba(27, 108, 242, .08);
}
.faq-contact .infobox-content .title {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: rgba(255, 255, 255, .85) !important;
    margin-bottom: 6px !important;
}
.faq-contact .infobox-content p {
    font-size: 12px;
    color: var(--muted) !important;
    line-height: 1.6;
    margin-bottom: 12px;
}
.faq-contact .infobox-button a {
    background-color: transparent !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--cyan) !important;
    text-decoration: none;
    transition: gap .2s !important;
}
/* SECTIONS */
.faq-content-lists {
    margin-bottom: 60px;
}
.faq-content {
    scroll-margin-top: 94px;
}
.faq-content-heading {
    margin-bottom: 0 !important;
}
.faq-content-heading .ekit-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1.5px solid var(--border);
}
.faq-content-heading .elementskit-section-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--cyan) !important;
    background: rgba(0, 212, 255, .1);
    border: 1.5px solid rgba(0, 212, 255, .2);
    border-radius: 6px;
    padding: 3px 10px;
    flex-shrink: 0;
    margin-bottom: 0;
}
.faq-content-heading .ekit-heading--title {
    font-size: 34px;
    letter-spacing: .5px;
    font-weight: 600 !important;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}
/* ACCORDION */
.faq-item .elementskit-card {
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    overflow: hidden;
    transition: border-color .25s, box-shadow .25s !important;
    background-color: rgba(255, 255, 255, .02) !important;
}
.faq-item .elementskit-card:hover {
    border-color: rgba(27, 108, 242, .25) !important;
}
.faq-item .elementskit-card-header {
    border: none !important;
    overflow: hidden;
    background-color: transparent !important;
}
.faq-item .elementskit-card-header a {
    width: 100%;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px !important;
    background: none !important;
    border: none !important;
    cursor: none;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    color: rgba(255, 255, 255, .8) !important;
    line-height: 1.45;
    transition: color .2s;
}
.faq-item.open {
    border-color: rgba(0, 212, 255, .3);
    box-shadow: 0 4px 24px rgba(27, 108, 242, .12);
    background: rgba(27, 108, 242, .05);
}
.faq-item.open .faq-btn-q {
    color: var(--cyan);
}
.faq-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    border: 1.5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.faq-item.open .faq-icon {
    background: var(--blue);
    border-color: var(--blue);
    transform: rotate(45deg);
}
.faq-icon svg {
    width: 11px;
    height: 11px;
    stroke: rgba(255, 255, 255, .4);
    stroke-width: 2.5;
    fill: none;
    transition: stroke .2s;
}
.faq-item.open .faq-icon svg {
    stroke: #fff;
}
.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .38s ease;
}
.faq-item.open .faq-body {
    max-height: 500px;
}
.faq-body-inner {
    padding: 0 22px 20px;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.8;
    border-top: 1px solid var(--border);
}
.faq-body-inner p {
    padding-top: 16px;
}
.faq-help .inner-section-heading .subtext {
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px !important;
    color: var(--cyan) !important;
}
.faq-help .inner-section-heading .subtext::before {
    content: '';
    display: block;
    width: 24px;
    height: 1px;
    background: var(--cyan);
}
.faq-help .btn-blue a {
    padding: 16px 40px !important;
    border-radius: 100px !important;
}
.cta-help-right {
    gap: 14px;
}
.help-banner-card {
    background: rgba(255, 255, 255, .03);
    border: 1.5px solid var(--border);
    border-radius: 16px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all .35s;
    cursor: default;
}
.help-banner-card:hover {
    border-color: rgba(0, 212, 255, .3);
    background: rgba(27, 108, 242, .08);
    transform: translateX(8px);
    box-shadow: 0 4px 20px rgba(27, 108, 242, .15);
}
.help-banner-card img {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.help-banner-card .elementor-image-box-title {
    font-size: 15px;
    font-weight: 800;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 3px;
}
.help-banner-card:hover .elementor-image-box-title {
    color: rgba(255, 255, 255, .85);
}
.help-banner-card .elementor-image-box-description {
    font-size: 13px;
    line-height: 18px;
    color: var(--muted);
}
.help-banner-card .elementor-image-box-description a {
    color: var(--cyan);
    text-decoration: none;
    font-weight: 600;
}
.help-banner-card .elementor-image-box-description a:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .faq-content-heading .ekit-heading--title {
        font-size: 30px;
    }
    .faq-item .elementskit-card-header a {
        font-size: 14px;
    }
    .faq-sidebar {
        display: none;
    }
    .help-banner-card .elementor-image-box-wrapper {
        flex-direction: row;
        display: flex;
        gap: 15px;
        align-items: center;
    }
}
@media (min-width: 768px) {    
    .stat-item:not(:last-child) {
        margin-right: 1px;
    }
}