.elementor-7 .elementor-element.elementor-element-09bad05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-7db4285{margin:-87px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-5a31555{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-05ce4dc{margin:-17px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-7 .elementor-element.elementor-element-136574e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-dfeacde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-23aacfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-7db4285{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-05ce4dc{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-7db4285 *//* JALWA HERO */
.jw-wrap { font-family: 'Segoe UI', sans-serif; background: #0d0d1a; color: #fff; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; overflow-x: hidden !important; }
.jw-hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: radial-gradient(ellipse at center, #1a1a3e 0%, #0d0d1a 70%); }
.jw-hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, rgba(108,99,255,0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(245,87,108,0.1) 0%, transparent 50%); }
.jw-particles { position: absolute; inset: 0; pointer-events: none; }
.jw-particle { position: absolute; background: rgba(108,99,255,0.6); border-radius: 50%; animation: jwFloat linear infinite; }
@keyframes jwFloat { 0%,100%{transform:translateY(0) scale(1);opacity:0.6} 50%{transform:translateY(-30px) scale(1.2);opacity:1} }
@keyframes jwFadeIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
.jw-hero-content { position: relative; text-align: center; padding: 40px; z-index: 10; width: 95%; max-width: 1100px; animation: jwFadeIn 1s ease; }
.jw-tagline { font-size: 12px; letter-spacing: 4px; color: rgba(255,255,255,0.5); margin-bottom: 16px; }
.jw-title { font-size: 56px; font-weight: 900; line-height: 1.15; margin-bottom: 20px; white-space: nowrap; }
.jw-gradient { background: linear-gradient(135deg, #6c63ff, #f5576c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.jw-subtitle { font-size: 17px; color: rgba(255,255,255,0.6); margin-bottom: 36px; line-height: 1.6; max-width: 580px; margin-left: auto; margin-right: auto; }
.jw-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.jw-btn-primary { background: linear-gradient(135deg, #6c63ff, #f5576c); color: #fff; padding: 16px 40px; border-radius: 50px; font-size: 15px; font-weight: 700; text-decoration: none; letter-spacing: 1px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 24px rgba(108,99,255,0.4); }
.jw-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(108,99,255,0.6); color: #fff; }
.jw-btn-secondary { background: rgba(255,255,255,0.1); color: #fff; padding: 16px 40px; border-radius: 50px; font-size: 15px; font-weight: 700; text-decoration: none; letter-spacing: 1px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.2s; }
.jw-btn-secondary:hover { background: rgba(255,255,255,0.2); color: #fff; transform: translateY(-3px); }
.jw-stats { display: flex; gap: 60px; justify-content: center; flex-wrap: wrap; padding: 0 20px; }
.jw-stat { text-align: center; }
.jw-stat span:first-child { font-size: 36px; font-weight: 900; background: linear-gradient(135deg, #6c63ff, #f5576c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.jw-stat span:last-of-type { font-size: 28px; font-weight: 900; color: #6c63ff; }
.jw-stat p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 4px 0 0; letter-spacing: 1px; }

/* RESPONSIVE */
@media (max-width: 1100px) { .jw-title { font-size: 44px; } }
@media (max-width: 768px) { .jw-title { font-size: 28px !important; white-space: normal !important; } .jw-gradient { display: block !important; } .jw-stats { gap: 20px; } .jw-stat span:first-child { font-size: 24px; } .jw-btns { flex-direction: column; align-items: center; } .jw-btn-primary, .jw-btn-secondary { width: 80%; text-align: center; } }
@media (max-width: 480px) { .jw-title { font-size: 22px !important; } .jw-stats { gap: 12px; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05ce4dc *//* Hero Style Background */
.info-hero-section {
    background: radial-gradient(circle at center, #1a0b2e 0%, #080312 100%);
    min-height: 100vh;
    padding: 50px 20px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

/* Header Banner - Gold Style */
.header-banner {
    background: linear-gradient(90deg, #b08d48, #d4af37);
    color: #000;
    text-align: center;
    padding: 15px;
    max-width: 900px;
    margin: 0 auto 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.header-banner h2 {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Content Container */
.content-wrapper {
    max-width: 850px;
    margin: 0 auto;
}

.toc-box {
    border: 1px solid rgba(255,255,255,0.2);
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255,255,255,0.05);
    margin-bottom: 30px;
    border-radius: 5px;
}

.toggle { color: #d4af37; cursor: pointer; }

/* Text & Visibility */
.text-block p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #e0e0e0; /* Off-white for better reading */
}

.gold-text {
    color: #d4af37;
    font-weight: bold;
}

/* Register Card Area */
.register-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(212, 175, 55, 0.3);
    padding: 30px;
    border-radius: 15px;
    margin-top: 50px;
}

.steps-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.steps-list li {
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.steps-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #d4af37;
}

/* Gold Button */
.btn-gold {
    display: inline-block;
    background: #b08d48;
    color: white;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
    transition: 0.3s;
}

.btn-gold:hover {
    background: #d4af37;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
}/* Hero Page Inspired Background */
.premium-info {
    background: radial-gradient(circle at center, #1a0b2e 0%, #080312 100%);
    min-height: 100vh;
    padding: 60px 20px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.main-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Header Bar - Solid & Clear */
.header-bar {
    background: linear-gradient(90deg, #7b61ff, #ff61d8); /* Hero Text Colors */
    padding: 15px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(123, 97, 255, 0.3);
}

.header-bar h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
}

/* Text Readability Fix */
.content-box p {
    font-size: 18px;
    line-height: 1.8;
    color: #cbd5e1; /* Crystal clear grey-white */
    margin-bottom: 25px;
}

.highlight-gold {
    color: #ff61d8; /* Matching the Hero Gradient */
    font-weight: 700;
}

.toc {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.show-btn { color: #7b61ff; cursor: pointer; }

/* Signup Card with Glassmorphism */
.signup-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(123, 97, 255, 0.2);
    padding: 40px;
    border-radius: 20px;
    margin-top: 50px;
    backdrop-filter: blur(10px);
}

.card-title {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
}

.check-list {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.check-list li {
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
    font-size: 17px;
    color: #e2e8f0;
}

.check-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #7b61ff;
    font-weight: bold;
    font-size: 20px;
}

/* Hero Style Button */
.hero-btn {
    display: inline-block;
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white;
    padding: 16px 45px;
    text-decoration: none;
    font-weight: 800;
    border-radius: 12px;
    text-transform: uppercase;
    box-shadow: 0 5px 20px rgba(99, 102, 241, 0.4);
    transition: 0.3s;
}

.hero-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(168, 85, 247, 0.6);
}/* --- Mobile Fixes Start --- */

@media (max-width: 768px) {
    /* Background padding kam karna taaki space bache */
    .premium-info, .info-hero-section {
        padding: 40px 15px;
    }

    /* Heading font size chota karna */
    .header-bar h2 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    /* Text block ki readability mobile ke liye */
    .content-box p, .text-block p {
        font-size: 16px;
        line-height: 1.6;
        text-align: left; /* Mobile par left align zyada saaf dikhta hai */
    }

    /* Signup Card ki padding kam karna */
    .signup-card, .register-card {
        padding: 20px;
        margin-top: 30px;
    }

    /* Buttons ko full width karna taaki click karne mein aasani ho */
    .hero-btn, .btn-gold {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        font-size: 16px;
        box-sizing: border-box;
    }

    /* List items ka font mobile ke liye adjust karna */
    .check-list li, .steps-list li {
        font-size: 15px;
        padding-left: 30px;
    }

    /* TOC box ko mobile par pura dikhana */
    .toc, .toc-box {
        width: 100%;
        display: block;
        text-align: center;
        box-sizing: border-box;
    }
}

/* Chote phones (iPhone SE etc) ke liye extra fix */
@media (max-width: 480px) {
    .header-bar h2 {
        font-size: 16px;
    }
    
    .card-title {
        font-size: 18px;
    }
}

/* --- Mobile Fixes End --- *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcc90ea *//* Premium Hero-Style Background */
.login-info-section {
    background: radial-gradient(circle at center, #12042a 0%, #05010f 100%);
    min-height: 100vh;
    padding: 60px 20px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

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

/* Gradient Header Banner */
.banner-header {
    background: linear-gradient(90deg, #7c6cff, #ff4fd8);
    color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.banner-header h2 {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.intro-text {
    font-size: 18px;
    color: #cbd5e1;
    margin-bottom: 30px;
    line-height: 1.6;
}

.brand-name {
    color: #ff4fd8;
    font-weight: bold;
}

/* Login Card with Glass Effect */
.login-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 79, 216, 0.3);
    padding: 40px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
    margin-bottom: 40px;
    box-shadow: 0 0 25px rgba(124,108,255,0.15);
}

/* Steps List */
.step-items {
    list-style: none;
    padding: 0;
}

.step-items li {
    margin-bottom: 18px;
    padding-left: 35px;
    position: relative;
    font-size: 17px;
    color: #e2e8f0;
    transition: 0.3s;
}

.step-items li::before {
    content: "➜";
    position: absolute;
    left: 0;
    color: #ff4fd8;
}

/* Hover effect */
.step-items li:hover {
    color: #ff4fd8;
    transform: translateX(6px);
}

.link-gold {
    color: #7c6cff;
    text-decoration: underline;
}

/* Action Button */
.action-area {
    text-align: center;
    margin-top: 30px;
}

.login-btn {
    display: inline-block;
    background: linear-gradient(90deg,#7c6cff,#ff4fd8);
    color: #fff;
    padding: 14px 40px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 30px;
    text-transform: uppercase;
    transition: 0.3s;
}

.login-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(255,79,216,0.6);
}

/* Note Section */
.note-box {
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    border-left: 4px solid #ff4fd8;
    font-size: 16px;
    line-height: 1.7;
}

/* --- MOBILE PREVIEW FIX --- */
@media (max-width: 768px) {

    .login-info-section {
        padding: 30px 15px;
    }

    .banner-header h2 {
        font-size: 18px;
    }

    .intro-text {
        font-size: 16px;
    }

    .login-card {
        padding: 20px;
    }

    .step-items li {
        font-size: 15px;
    }

    .login-btn {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Extra small screens */
@media (max-width: 380px) {

    .banner-header h2 {
        font-size: 16px;
    }

    .brand-name {
        display: inline-block;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-846d15b */.refer-section{
padding:60px 20px;
background:linear-gradient(180deg,#07031a,#0f062c);
color:white;
font-family:sans-serif;
}

.container{
max-width:800px;
margin:auto;
background:rgba(255,255,255,0.03);
padding:30px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.08);
backdrop-filter:blur(10px);
}

/* TITLE */

.title{
text-align:center;
font-size:22px;
padding:12px;
border-radius:10px;
margin-bottom:25px;

background:linear-gradient(90deg,#7c6cff,#ff4fd8);
color:white;
}

/* TEXT */

.refer-section p{
color:#cfcfcf;
font-size:15px;
line-height:1.6;
margin-bottom:15px;
}

/* SUBTITLE */

.sub-title{
margin-top:25px;
margin-bottom:10px;
color:#ff4fd8;
}

/* LIST */

.steps{
padding-left:20px;
}

.steps li{
margin-bottom:10px;
color:#e2e2e2;
transition:0.3s;
}

/* HOVER EFFECT */

.steps li:hover{
color:#ff4fd8;
transform:translateX(5px);
}

/* MOBILE */

@media(max-width:600px){

.container{
padding:20px;
}

.title{
font-size:18px;
}

.refer-section p{
font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0fc22c1 */.deposit-section{
padding:60px 20px;
background:radial-gradient(circle at center,#12042a,#05010f);
color:white;
}

.highlight-link{
color:#ff4fd8;
text-decoration:none;
font-weight:600;
}

.highlight-link:hover{
color:#7c6cff;
text-decoration:underline;
}/* End custom CSS */