/* ==========================================================================
   INDIAN RISING TRADING ACADEMY - MASTER THEME DESIGN
   Inspired by Premium Corporate Aura | Fully Responsive & Cross-Browser Valid
   ========================================================================== */

/* IMPORT PREMIUM SPEED FONTS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* --- GLOBAL CORE RESETS --- */
:root {
    --bg-dark-navy: #0b1528;     /* Base Luxury Theme Color (ISM Inspired Heavy Tone) */
    --brand-gold: #ff9f0d;       /* High-Intent Vibrant Trading Gold */
    --brand-gold-hover: #e08700; /* Darker Gold patch for active actions */
    --text-main: #1e293b;        /* Crisp Slate color for clear readability */
    --text-muted: #64748b;       /* Secondary details subtitle color */
    --surface-white: #ffffff;
    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

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

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--text-main);
    background-color: #f8fafc; /* Subtle grey-blue light backdrop */
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    transition: var(--transition-smooth);
}

/* ==========================================================================
   NAVBAR ARCHITECTURE & ALIGNMENT (100% RESPONSIVE)
   ========================================================================== */

.main-navbar {
    background-color: var(--surface-white) !important;
    padding: 20px 0;
    transition: var(--transition-smooth);
    border-bottom: 1px solid #e2e8f0;
    z-index: 1050;
}

/* Dynamic State: When Javascript applies scroll tracking reduction */
.main-navbar.scrolled-header {
    padding: 12px 0;
    box-shadow: 0 10px 35px rgba(11, 21, 40, 0.08) !important;
    border-bottom-color: transparent;
}

/* --- LOGO SIZING --- */
.brand-logo-img {
    height: 52px;
    width: auto;
    object-fit: contain;
    transition: var(--transition-smooth);
}

.main-navbar.scrolled-header .brand-logo-img {
    height: 44px;
}

/* --- NAVIGATION CENTER MENUS & LINKS --- */
.main-navbar .navbar-nav {
    gap: 8px; /* Desktop link spacing configuration */
}

.main-navbar .nav-link {
    color: var(--bg-dark-navy) !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.1px;
    padding: 8px 16px !important;
    position: relative;
    border-radius: 6px;
    transition: var(--transition-smooth);
}

/* Hover & Active Status Dynamics */
.main-navbar .nav-link:hover, 
.main-navbar .nav-link.active {
    color: var(--brand-gold) !important;
    background-color: rgba(255, 159, 13, 0.04); /* Elegant gold overlay background splash */
}

/* ISM Style Underline Tracker System */
.main-navbar .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -2px;
    left: 16px;
    background-color: var(--brand-gold);
    transition: var(--transition-smooth);
    border-radius: 10px;
}

.main-navbar .nav-link.active::after,
.main-navbar .nav-link:hover::after {
    width: calc(100% - 32px);
}

/* ==========================================================================
   RIGHT SIDE COMPONENT: PREMIUM ACTION BUTTON (CTA)
   ========================================================================== */

.btn-consultancy {
    background-color: var(--bg-dark-navy);
    color: var(--surface-white) !important;
    border: 2px solid var(--bg-dark-navy);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    padding: 10px 24px !important;
    transition: var(--transition-smooth);
    box-shadow: 0 4px 12px rgba(11, 21, 40, 0.15);
}

.btn-consultancy:hover {
    background-color: var(--brand-gold);
    border-color: var(--brand-gold);
    color: var(--bg-dark-navy) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 159, 13, 0.3);
}

.btn-consultancy:active {
    transform: translateY(0);
}

/* ==========================================================================
   STRICT BREAKPOINTS LOGIC FOR MOBILE SCREENS
   ========================================================================== */

@media (max-width: 991.98px) {
    .main-navbar {
        padding: 14px 0;
    }
    
    .brand-logo-img {
        height: 42px; /* Responsive safe image downscaling for tablets/phones */
    }

    /* Disable Desktop line underlines inside mobile dropdown list toggles */
    .main-navbar .nav-link::after {
        display: none !important;
    }

    .main-navbar .navbar-collapse {
        background-color: var(--surface-white);
        margin-top: 15px;
        padding: 20px;
        border-top: 1px solid #f1f5f9;
        border-radius: 12px;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
    }

    .main-navbar .nav-link {
        padding: 12px 20px !important;
        text-align: left;
        border-bottom: 1px solid #f8fafc;
    }

    .main-navbar .nav-link.active,
    .main-navbar .nav-link:hover {
        background-color: rgba(255, 159, 13, 0.07);
        padding-left: 25px !important; /* Elegant modern micro-shifting movement on tap */
    }

    .main-navbar .navbar-nav {
        gap: 4px;
        margin-bottom: 15px !important;
    }

    /* Target direct center button matching screen adjustments */
    .btn-consultancy {
        width: 100%;
        display: block;
        padding: 12px 0 !important;
        text-align: center;
    }
}














/* ==========================================================================
   INDIAN RISING TRADING ACADEMY - FINAL UNIFIED STYLE MASTER
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --bg-navy-core: #0f1a34;     /* Top Text & Brand Dark Color */
    --bull-green: #00c805;       /* Header Highlight / Active Green */
    --footer-dark: #0a0f1d;      /* Solid Dark Background for Footer */
    --accent-gold: #ff9f0d;      /* Footer Icons / Bullet Gold */
    --surface-white: #ffffff;
    --text-main: #1e293b;
    --transition-smooth: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

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

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--text-main);
    background-color: #f8fafc;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Page Layout Stretch */
main, .main-body-wrapper {
    flex: 1 0 auto;
    padding-top: 20px;
}

/* ==========================================================================
   HEADER / NAVBAR STYLING (WHITE BASE + GREEN HOVERS)
   ========================================================================== */
.main-navbar {
    background-color: var(--surface-white) !important;
    padding: 18px 0;
    transition: var(--transition-smooth);
    border-bottom: 1px solid #e2e8f0;
}

.main-navbar.scrolled-header {
    padding: 12px 0;
    box-shadow: 0 10px 30px rgba(15, 26, 52, 0.05) !important;
}

.brand-logo-img {
    height: 48px;
    width: auto;
    object-fit: contain;
}

.main-navbar .nav-link {
    color: var(--bg-navy-core) !important;
    font-size: 0.98rem;
    font-weight: 600;
    padding: 8px 16px !important;
    position: relative;
    transition: var(--transition-smooth);
}

.main-navbar .nav-link:hover, 
.main-navbar .nav-link.active {
    color: var(--bull-green) !important;
}

.main-navbar .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -2px;
    left: 16px;
    background-color: var(--bull-green);
    transition: var(--transition-smooth);
    border-radius: 10px;
}

.main-navbar .nav-link.active::after,
.main-navbar .nav-link:hover::after {
    width: calc(100% - 32px);
}

.btn-consultancy {
    background-color: var(--bg-navy-core);
    color: var(--surface-white) !important;
    border: 2px solid var(--bg-navy-core);
    font-size: 0.95rem;
    font-weight: 700;
    padding: 10px 24px !important;
    transition: var(--transition-smooth);
}

.btn-consultancy:hover {
    background-color: var(--bull-green);
    border-color: var(--bull-green);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 200, 5, 0.2);
}

/* ==========================================================================
   FOOTER STYLING (SOLID DARK SLATE + EQUAL HEIGHTS + BIG 46px ICONS)
   ========================================================================== */

/* Equal Height Column Row (Desktop Layer) */
.row-equal-height {
    display: flex;
    flex-wrap: wrap;
}
.row-equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.st-flex-grow {
    flex-grow: 1;
}

.main-footer {
    background-color: var(--footer-dark) !important; 
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.92rem;
    border-top: 4px solid var(--bull-green);
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

.footer-brand-img {
    height: 52px;
    width: auto;
    object-fit: contain;
}

.footer-desc {
    font-size: 0.88rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.6);
    text-align: justify;
}

.footer-heading {
    color: var(--surface-white) !important;
    font-size: 1.15rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
}

.footer-heading::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 3px;
    background-color: var(--accent-gold);
    bottom: 0;
    left: 0;
}

.footer-links-list li { 
    margin-bottom: 12px; 
}
.footer-links-list a {
    color: rgba(255, 255, 255, 0.65) !important;
    display: inline-block;
    transition: var(--transition-smooth);
    text-decoration: none;
}
.footer-links-list a:hover {
    color: var(--accent-gold) !important;
    transform: translateX(5px);
}

/* Large Social Custom Channels Wrapper */
.footer-social-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.footer-social-wrapper a {
    width: 46px; 
    height: 46px;
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--surface-white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.25rem; 
    transition: all 0.2s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.03);
    text-decoration: none;
}

.footer-social-wrapper a:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.footer-social-wrapper a.ico-fb:hover { background-color: #1877f2 !important; }
.footer-social-wrapper a.ico-insta:hover { background-color: #e1306c !important; }
.footer-social-wrapper a.ico-yt:hover { background-color: #ff0000 !important; }
.footer-social-wrapper a.ico-tg:hover { background-color: #0088cc !important; }

/* Contact Specific Layout */
.footer-contact-list a {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600;
    text-decoration: none;
}
.contact-icon {
    width: 34px;
    height: 34px;
    background-color: rgba(255, 159, 13, 0.15);
    color: var(--accent-gold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.contact-icon.icon-wa { background-color: rgba(0, 200, 5, 0.15); color: var(--bull-green); }
.contact-icon.icon-email { background-color: rgba(0, 136, 204, 0.15); color: #0088cc; }

.footer-divider { border-color: rgba(255, 255, 255, 0.08); }
.copyright-text { font-size: 0.85rem; color: rgba(255, 255, 255, 0.4); }
.text-gold { color: var(--accent-gold); }
.footer-map-container { border: 1px solid rgba(255, 255, 255, 0.06); }

/* ==========================================================================
   STRICT BREAKPOINTS LOGIC FOR MOBILE SCREENS (ONE BY ONE STACK)
   ========================================================================== */
@media (max-width: 991.98px) {
    .main-navbar .nav-link::after { display: none !important; }
    .main-navbar .navbar-collapse {
        background-color: var(--surface-white);
        padding: 20px;
        margin-top: 10px;
        border-radius: 8px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }
    .main-navbar .nav-link { text-align: left; padding: 12px !important; }
    .btn-consultancy { width: 100%; text-align: center; margin-top: 10px; }
    
    /* Strict One-by-One Stacking Engine for Footer on Mobile */
    .row-equal-height {
        display: block !important; 
    }
    .row-equal-height > [class*='col-'] { 
        width: 100% !important;   
        display: block !important; 
        margin-bottom: 35px;      /* Clear visual gap between mobile components */
    }
    
    .footer-heading { text-align: center; margin-top: 10px; }
    .footer-heading::after { left: 50%; transform: translateX(-50%); }
    .footer-social-wrapper { justify-content: center; }
    .footer-desc { text-align: center; }
    .footer-brand-img { display: block; margin: 0 auto; }
    
    .footer-links-list { text-align: center; }
    .footer-contact-list { display: flex; flex-direction: column; align-items: center; padding-left: 0; }
}












/* ==========================================================================
   PREMIUM HAMBURGER TO "X" CLOSE ANIMATION (FIXED SELECTORS)
   ========================================================================== */

/* 1. Default State: Strict 3 Lines Configuration */
.navbar-toggler {
    padding: 0;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px; /* Teeno lines ke beech ka premium gap */
    width: 24px;
    height: 24px;
}

/* Base custom line generation */
.navbar-toggler-icon {
    background-image: none !important; /* Bootstrap internal template structure removed */
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--bg-navy-core) !important;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Top line (Before) and Bottom line (After) creation */
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: var(--bg-navy-core);
    left: 0;
    transition: all 0.3s ease-in-out;
}

/* 3 Lines placement vector */
.navbar-toggler-icon::before { top: -6px; }  /* Top row line placement */
.navbar-toggler-icon::after { top: 6px; }    /* Bottom row line placement */


/* ==========================================================================
   2. Active Trigger Logic: Turn to "X" ONLY when menu opens
   ========================================================================== */
/* Jab button par .collapsed class NA HO (yaani menu khula hua hai) */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-color: transparent !important; /* Middle bar clear framework */
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
    background-color: var(--bull-green); /* Active close becomes dynamic green */
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
    background-color: var(--bull-green);
}














/* ==========================================================================
   CINEMATIC IMMERSIVE CYBERPUNK HERO INTERFACE
   ========================================================================== */

.hero-premium-dark {
    background-color: #050811; /* Deep Institutional Dark Blue/Black */
    min-height: calc(100vh - 80px);
    color: #ffffff;
}

/* 1. Background Matrix Grid Pattern & Glowing Orbs */
.matrix-grid-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 1;
}

.neon-glow-bull {
    position: absolute;
    top: -10%; right: 10%; width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(46, 204, 113, 0.08) 0%, transparent 70%);
    filter: blur(60px);
    z-index: 2;
}

.neon-glow-bear {
    position: absolute;
    bottom: -10%; left: -5%; width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(231, 76, 60, 0.05) 0%, transparent 70%);
    filter: blur(50px);
    z-index: 2;
}

/* 2. Left Column Elements Custom Styles */
.market-status-badge {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.ticker-pulse-green {
    width: 8px; height: 8px;
    background-color: #2ECC71;
    border-radius: 50%;
    box-shadow: 0 0 10px #2ECC71;
    animation: pulseGlow 1.5s infinite;
}
.ticker-text {
    font-size: 11px; color: #cbd5e1; letter-spacing: 1px;
}

.premium-hero-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    line-height: 1.1;
    letter-spacing: -1px;
}
.neon-text-green {
    color: #2ECC71;
    text-shadow: 0 0 20px rgba(46, 204, 113, 0.4);
}
.premium-hero-subtitle {
    color: #94a3b8;
    font-size: 1.15rem;
    line-height: 1.6;
}
.text-muted-custom {
    color: #64748b;
    font-size: 12px;
}

/* 3. High Conversion Call-To-Action System */
.btn-neon-primary {
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
    color: #ffffff !important;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(46, 204, 113, 0.3);
}
.btn-neon-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(46, 204, 113, 0.5);
}

.btn-neon-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}
.btn-neon-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #2ECC71;
    transform: translateY(-3px);
}

/* 4. Terminal Simulation Core Engine (Right Side CSS Viewport) */
.terminal-container {
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}
.dot-win {
    width: 10px; height: 10px; border-radius: 50%; display: inline-block;
}
.dot-win.red { background-color: #ff5f56; }
.dot-win.yellow { background-color: #ffbd2e; }
.dot-win.green { background-color: #27c93f; }

.chart-viewport {
    height: 260px;
    background: #070a0f !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.chart-grid-overlay {
    position: absolute; top:0; left:0; width:100%; height:100%;
    background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 100% 30px;
    pointer-events: none;
}

/* Creating CSS Candlesticks */
.chart-bar {
    width: 12%;
    position: relative;
    border-radius: 2px;
}
.bar-up { background-color: rgba(46, 204, 113, 0.85); box-shadow: 0 0 15px rgba(46, 204, 113, 0.3); }
.bar-down { background-color: rgba(231, 76, 60, 0.85); box-shadow: 0 0 15px rgba(231, 76, 60, 0.3); }

/* Wicks for candles */
.chart-bar::before {
    content: ''; position: absolute; left: 50%; width: 2px; background: inherit;
    transform: translateX(-50%);
}
.bar-up::before { top: -15px; bottom: -10px; }
.bar-down::before { top: -10px; bottom: -15px; }

/* Floating Elements Inside Terminal Diagram */
.order-floating-card {
    top: 20%; left: 15%;
    z-index: 10;
    backdrop-filter: blur(5px);
    background: rgba(13, 17, 23, 0.85) !important;
}

/* Animations Elements framework */
@keyframes pulseGlow {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}
@keyframes blinkUi {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}
.animate-blink { animation: blinkUi 1.5s infinite; }

@keyframes floatUiEngine {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.animate-float-ui { animation: floatUiEngine 5s ease-in-out infinite; }

/* Mobile Adaptability Fixing */
@media (max-width: 991.98px) {
    .hero-premium-dark { min-height: auto; padding-top: 2rem; }
    .premium-hero-title { font-size: 2.3rem; }
    .chart-viewport { height: 200px; }
}
















/* ==========================================================================
     INFINITE MOVING TICKER TAPE STYLING
     ========================================================================== */
.market-ticker-tape {
    background-color: #0A1128; /* Professional Deep Navy Blue background */
    border-color: rgba(255, 255, 255, 0.1) !important;
    z-index: 10;
}

/* The track holding the items */
.ticker-track {
    display: flex;
    width: max-content;
    animation: infiniteScrollTicker 25s linear infinite;
}

/* Individual data block */
.ticker-item {
    padding: 0 20px;
    white-space: nowrap;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.ticker-name {
    color: #FFFFFF;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.ticker-value {
    color: #CBD5E1;
    font-size: 13px;
}

/* Smooth Infinite Loop Animation CSS Keyframes */
@keyframes infiniteScrollTicker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Moves exactly half way for seamless continuous loop */
    }
}

/* Pause animation on hover so users can look closely if they want */
.market-ticker-tape:hover .ticker-track {
    animation-play-state: paused;
}












/* ==========================================================================
     HIGH-IMPACT TRUST METRICS BANNER STYLING
     ========================================================================== */
.trust-metrics-banner {
    z-index: 9;
}

/* Custom layout helper to align 5 columns beautifully on large screens */
@media (min-width: 992px) {
    .col-lg-2-custom {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.metric-card {
    background: #FFFFFF;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.metric-card:hover {
    transform: translateY(-5px);
}

.metric-icon-box {
    opacity: 0.85;
}

.metric-number {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    color: #0A1128 !important; /* Professional Dark Navy */
    line-height: 1.1;
}

.metric-number span {
    font-weight: 500;
}

.metric-label {
    font-size: 11px !important;
    letter-spacing: 0.5px;
    color: #64748B !important;
}

/* Responsive alignment fixes for mobile viewports */
@media (max-width: 767.98px) {
    .metric-number {
        font-size: 1.6rem;
    }
    .metric-card {
        border: 1px solid #F1F5F9; /* Adds clean boundaries on mobile grid grid layout */
    }
}













/* ==========================================================================
   ULTRA-PREMIUM DARK SPACE LEARNING ECOSYSTEM (6-CARD SYNC)
   ========================================================================== */
.premium-ecosystem-section {
    background-color: #050B1A; /* Deep Space Pitch Black Accent */
    padding: 100px 0;
}

/* Ambient Glow Maps */
.glow-orb {
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.12;
    z-index: 1;
    pointer-events: none;
}
.orb-1 { width: 400px; height: 400px; background: #00B074; top: -10%; left: -10%; }
.orb-2 { width: 500px; height: 500px; background: #3B82F6; bottom: -15%; right: -10%; }

.style-layer-top { z-index: 3; }

/* Header Elements */
.eco-badge {
    background: rgba(0, 176, 116, 0.1);
    font-size: 11px;
    letter-spacing: 2px;
    border: 1px solid rgba(0, 176, 116, 0.25);
}
.eco-badge-mini {
    font-size: 9px;
    letter-spacing: 1px;
    padding: 6px 12px;
}
.eco-main-title {
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.2;
}
.eco-desc {
    max-width: 680px;
    font-size: 1.05rem;
    color: #94A3B8 !important;
}

/* Premium Futuristic Card Systems */
.eco-premium-card {
    background: rgba(15, 23, 42, 0.6); /* Translucent obsidian background */
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    animation: cardEntranceScale 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Dynamic Radial Glow Map overlay */
.card-glow-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.04), transparent 70%);
    opacity: 1;
    transition: opacity 0.5s ease;
}

/* Iconic Container Elements */
.eco-icon-box {
    width: 55px;
    height: 55px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 1.5rem;
    transition: all 0.4s ease;
}

.eco-card-title {
    font-size: 1.3rem;
    letter-spacing: -0.3px;
}
.eco-card-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #94A3B8 !important;
}
.border-dark-subtle {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Special Elite Target Accent Highlight Card */
.active-accent {
    border-color: rgba(0, 176, 116, 0.3);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.7) 0%, rgba(5, 15, 30, 0.8) 100%);
}

/* ====== HOVER STATES & KEYFRAME ANIMATIONS ====== */
.eco-premium-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(59, 130, 246, 0.1);
}
.eco-premium-card:hover .eco-icon-box {
    transform: rotateY(180deg);
    background: #FFFFFF;
    color: #050B1A !important;
}

/* Entry Animation Sequence */
@keyframes cardEntranceScale {
    0% { opacity: 0; transform: translateY(30px) scale(0.98); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Staggered load delays for 6 cards cascade layout */
.class-grid-container > div:nth-child(1) .eco-premium-card { animation-delay: 0.05s; }
.class-grid-container > div:nth-child(2) .eco-premium-card { animation-delay: 0.1s; }
.class-grid-container > div:nth-child(3) .eco-premium-card { animation-delay: 0.15s; }
.class-grid-container > div:nth-child(4) .eco-premium-card { animation-delay: 0.2s; }
.class-grid-container > div:nth-child(5) .eco-premium-card { animation-delay: 0.25s; }
.col-lg-4:nth-child(6) .eco-premium-card { animation-delay: 0.3s; }

.animate-pulse {
    animation: iconPulse 2s infinite ease-in-out;
}
@keyframes iconPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* Responsive Overrides (Desktop 3-column / Mobile 1-by-1 stacked) */
@media (max-width: 991.98px) {
    .premium-ecosystem-section { padding: 60px 0; }
    .eco-premium-card { text-align: center; align-items: center !important; }
    .eco-icon-box { margin: 0 auto 15px !important; }
}















/* ==========================================================================
   LUXURY BLACK & GOLD VIP OFFERED COURSES MATRIX
   ========================================================================== */
.royal-vip-courses {
    background-color: #070A13; /* Premium Velvet Obsidian Black */
    padding: 90px 0;
}

/* Ambient Royal Background Lights */
.royal-glow-orb {
    border-radius: 50%;
    filter: blur(130px);
    opacity: 0.15;
    pointer-events: none;
    z-index: 1;
}
.gold-orb { width: 350px; height: 350px; background: #D4AF37; top: 10%; right: -5%; }
.emerald-orb { width: 400px; height: 400px; background: #00F5A0; bottom: -5%; left: -5%; }

/* Header Formatting */
.royal-vip-badge {
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.25);
}
.text-gold { color: #D4AF37 !important; }

.text-gradient-gold {
    background: linear-gradient(135deg, #FFF 30%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.vip-main-title { font-size: clamp(1.9rem, 4vw, 2.7rem); line-height: 1.25; }
.vip-desc { max-width: 650px; font-size: 1rem; color: #94A3B8 !important; line-height: 1.6; }

/* Royal Obsidian Cards Engine */
.vip-course-card {
    background: linear-gradient(145deg, #0E1322 0%, #090D16 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Internal Dynamic Card Mask Glow */
.vip-card-glow {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.06), transparent 60%);
    transition: all 0.4s ease;
}

/* Icons & Tags Matrix */
.vip-icon-container {
    width: 52px; height: 52px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.02));
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #D4AF37;
    font-size: 1.3rem;
    transition: all 0.4s ease;
}

.vip-card-title { font-size: 1.25rem; letter-spacing: -0.3px; }

.vip-tag-badge {
    font-size: 9px; letter-spacing: 1px;
    background: rgba(212, 175, 55, 0.1);
    color: #D4AF37;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 4px;
}
.vip-tag-badge.accent-green {
    background: rgba(0, 245, 160, 0.08);
    color: #00F5A0;
    border-color: rgba(0, 245, 160, 0.2);
}

.vip-card-text { font-size: 0.92rem; line-height: 1.6; color: #94A3B8 !important; }
.vip-action-footer { border-top: 1px solid rgba(255, 255, 255, 0.06) !important; }

.vip-link {
    color: #D4AF37 !important;
    font-size: 0.88rem;
    transition: transform 0.2s ease;
}

/* ====== PREMIUM HOVER DYNAMICS ====== */
.vip-course-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.35);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(212, 175, 55, 0.05);
}
.vip-course-card:hover .vip-icon-container {
    background: #D4AF37;
    color: #070A13;
    transform: scale(1.05);
}
.vip-course-card:hover .vip-link {
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

/* Crown Pulse Effect */
@keyframes crownGlow {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.7; }
}
.gold-pulse { animation: crownGlow 2s infinite ease-in-out; }

/* Responsive Grid Adaptation */
@media (max-width: 991.98px) {
    .vip-course-card { text-align: left; }
}


















/* ==========================================================================
   THE TRADING EDGE - COGNITIVE PROOF GRID SYSTEM
   ========================================================================== */
.vip-proof-section {
    background-color: #05070F !important; /* Slightly darker than courses for deep stratification */
    padding: 80px 0;
}

/* Header Badges & Colors */
.proof-mini-tag {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
}
.pulse-red-dot {
    width: 6px; height: 6px; background-color: #EF4444; border-radius: 50%;
    display: inline-block; animation: redPulse 1.8s infinite ease-in-out;
}
@keyframes redPulse {
    0% { transform: scale(0.9); opacity: 0.4; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.4; }
}

.text-gradient-emerald {
    background: linear-gradient(135deg, #FFF 20%, #00F5A0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.proof-title { font-size: clamp(1.8rem, 3.8vw, 2.5rem); line-height: 1.3; }
.proof-subtitle { max-width: 620px; font-size: 0.98rem; }

/* Trap & Edge Split Architecture */
.trap-card {
    background: rgba(14, 19, 34, 0.4);
    border: 1px solid rgba(239, 68, 68, 0.15);
}
.edge-card {
    background: linear-gradient(145deg, #0D1426 0%, #080C16 100%);
    border: 1px solid rgba(0, 245, 160, 0.15);
    overflow: hidden;
}
.edge-card-glow {
    position: absolute; top: 0; right: 0; width: 150px; height: 150px;
    background: radial-gradient(circle, rgba(0, 245, 160, 0.08) 0%, transparent 75%);
    pointer-events: none;
}

/* VS Counter Badge */
.vs-circle {
    width: 44px; height: 44px; border-radius: 50%;
    background: #0E1322; border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; letter-spacing: 0.5px;
}

/* Terminal Board Structure */
.proof-terminal-box {
    background: #090E1A;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 40px 70px -15px rgba(0,0,0,0.7);
}
.terminal-bar { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.terminal-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.dot-1 { background-color: #FF5F56; }
.dot-2 { background-color: #FFBD2E; }
.dot-3 { background-color: #27C93F; }

.border-end-custom { border-right: 1px solid rgba(255, 255, 255, 0.06); }

/* Responsive Adaptations */
@media (max-width: 767.98px) {
    .border-end-custom {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .border-end-custom:last-child { border-bottom: none !important; padding-bottom: 0; }
    .vs-circle { margin: 10px auto; }
    .proof-terminal-box { text-align: left !important; }
    .style-desc { font-size: 11px !important; }
}





















/* ==========================================================================
     LUXURY BLACK & GOLD "WHY CHOOSE US" SYSTEM (IRTA MATRIX)
     ========================================================================== */
.premium-why-irta {
    background-color: #05070F; /* Pure Deep Space Velvet Black */
    padding: 95px 0;
}

/* Ambient Backlighting Maps */
.irta-glow-orb {
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.12;
    pointer-events: none;
    z-index: 1;
}
.orb-gold { width: 400px; height: 400px; background: #D4AF37; top: -10%; left: -5%; }
.orb-mint { width: 350px; height: 350px; background: #00F5A0; bottom: -10%; right: -5%; }

/* Header Formatting */
.irta-vip-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.25);
}

.text-gold-gradient {
    background: linear-gradient(135deg, #FFFFFF 20%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.irta-vip-title {
    font-size: clamp(1.9rem, 3.8vw, 2.6rem);
    line-height: 1.25;
}

.irta-vip-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #94A3B8 !important;
    max-width: 530px;
}

/* Luxury Card Core Structure */
.irta-luxury-card {
    background: linear-gradient(145deg, #0E1322 0%, #080C16 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-radial-mask {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.05), transparent 60%);
    pointer-events: none;
}

/* Icons Box Engine (100% High Visibility) */
.luxury-icon-box {
    width: 52px; height: 52px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.25);
    font-size: 1.3rem;
    transition: all 0.4s ease;
}

.luxury-card-title {
    font-size: 1.2rem;
    letter-spacing: -0.2px;
}

.luxury-card-text {
    font-size: 0.92rem;
    line-height: 1.65;
    color: #94A3B8 !important;
}

/* Premium Highlight Center Card (6 Months Mentor) */
.active-vip-highlight {
    border-color: rgba(212, 175, 55, 0.3) !important;
    background: linear-gradient(145deg, #131A2E 0%, #080C16 100%);
}
.luxury-mini-tag {
    background: #D4AF37;
    color: #05070F !important;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-uppercase: uppercase;
    font-weight: 800;
}

/* ====== HOVER INTERACTION ====== */
.irta-luxury-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 35px 60px rgba(0, 0, 0, 0.7), 0 0 25px rgba(212, 175, 55, 0.05);
}
.irta-luxury-card:hover .luxury-icon-box {
    background: #D4AF37 !important;
    transform: scale(1.05);
}
.irta-luxury-card:hover .luxury-icon-box i {
    color: #05070F !important; /* Inverts color seamlessly on hover */
}

/* Animation Micro Loops */
@keyframes miniCrownPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.15); opacity: 0.8; }
}
.gold-pulse-mini { animation: miniCrownPulse 2s infinite ease-in-out; }

/* Responsive Grid Adapters */
@media (max-width: 991.98px) {
    .premium-why-irta { text-align: left !important; }
    .irta-vip-desc { margin-top: 15px !important; }
}






/* ==========================================================================
     STICKY DOCK ENGINE - LUXURY COMM DESK WITH PULSE OVERLAYS
     ========================================================================== */
.luxury-communication-desk {
    bottom: 30px;
    right: 25px;
    z-index: 999999; /* Pure page par sabse upar float karega */
    pointer-events: auto;
}

/* Base Trigger Mechanics */
.comm-trigger {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    color: #FFFFFF !important;
    font-size: 1.4rem;
    text-decoration: none !important;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Call Button - Premium Electric Dark Theme */
.call-trigger {
    background: linear-gradient(135deg, #1E40AF 0%, #0B132B 100%);
    box-shadow: 0 15px 30px -5px rgba(30, 64, 175, 0.4);
}

/* WhatsApp Button - Premium Emerald Green */
.whatsapp-trigger {
    background: linear-gradient(135deg, #10B981 0%, #047857 100%);
    box-shadow: 0 15px 30px -5px rgba(16, 185, 129, 0.4);
}

/* Kinetic Waves Engine */
.radial-waves, .radial-waves-green {
    position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 50%; pointer-events: none; opacity: 0;
}
.radial-waves {
    border: 2px solid #1E40AF;
    animation: luxuryPulse 2.2s infinite cubic-bezier(0.25, 0, 0, 1);
}
.radial-waves-green {
    border: 2px solid #10B981;
    animation: luxuryPulse 2.2s infinite cubic-bezier(0.25, 0, 0, 1);
    animation-delay: 0.4s;
}

@keyframes luxuryPulse {
    0% { transform: scale(0.95); opacity: 0.8; }
    100% { transform: scale(1.4); opacity: 0; }
}

/* Hover States with Custom Scaling */
.comm-trigger:hover {
    transform: translateY(-5px) scale(1.08);
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
}
.comm-trigger:hover i {
    animation: iconShake 0.5s ease-in-out infinite alternate;
}
@keyframes iconShake {
    0% { transform: rotate(-8deg); }
    100% { transform: rotate(8deg); }
}

/* Mobile Screen Breakpoints */
@media (max-width: 575.98px) {
    .luxury-communication-desk {
        bottom: 20px;
        right: 15px;
        gap: 10px !important;
    }
    .comm-trigger {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }
}















/* ==========================================================================
     ROYAL "OUR STORY" HERO DESIGN ENGINE
   ========================================================================== */
.about-story-hero {
    background-color: #05070F !important; /* Premium Matte Velvet Black Core */
    min-height: 80vh;
    padding: 130px 0 90px 0;
}

/* Ambient Subtle Glow behind text and image */
.story-matrix-orb {
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
    top: 10%; right: -10%; border-radius: 50%; pointer-events: none; z-index: 1;
}

/* Badge & Headings Grid */
.story-elite-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

.story-hero-title {
    font-size: clamp(2.2rem, 4.8vw, 3.4rem);
    line-height: 1.18;
    letter-spacing: -0.8px;
}
.gold-text-gradient {
    background: linear-gradient(135deg, #FFFFFF 30%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.story-narrative-block p {
    font-size: 1.02rem;
    line-height: 1.7;
}

/* Milestone Cards */
.milestone-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ==========================================================================
     RIGHT PILLAR: CINEMATIC IMAGE CORNER FRAME
   ========================================================================== */
.story-image-wrapper {
    background: linear-gradient(145deg, #0E1322 0%, #070A12 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.7);
    transition: transform 0.4s ease;
}
.story-image-wrapper:hover {
    transform: translateY(-5px);
}

.story-image-holder {
    height: 380px;
}
.cinematic-image {
    transition: transform 6s ease;
}
.story-image-wrapper:hover .cinematic-image {
    transform: scale(1.05);
}

/* Floating Terminal Micro-Badge */
.floating-terminal-badge {
    background: rgba(5, 7, 15, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    bottom: 25px;
    left: -20px;
}
.pulse-dot-green {
    width: 7px; height: 7px; background-color: #27C93F; border-radius: 50%;
    animation: simplePulse 1.8s infinite ease-in-out;
}
@keyframes simplePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.2); }
}

/* Responsive Fitting Adapters */
@media (max-width: 991.98px) {
    .about-story-hero { text-align: center; padding-top: 110px; }
    .story-narrative-block pe-xl-4 { padding-right: 0 !important; }
    .story-image-wrapper { max-width: 440px; margin: 35px auto 0 auto; }
    .story-image-holder { height: 300px; }
    .floating-terminal-badge { left: 20px; bottom: -15px; }
}











/* ==========================================================================
     OBSIDIAN VISION & MISSION DUAL-PANEL SYSTEM
   ========================================================================== */
.about-purpose-grid {
    background-color: #05070F !important; /* Continuous Flat Matte Premium Dark */
    position: relative;
    z-index: 5;
}

/* Backlit Structural Orbs */
.purpose-glow-orb-left {
    width: 450px; height: 450px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.04) 0%, transparent 70%);
    bottom: -20%; left: -10%; border-radius: 50%; pointer-events: none; z-index: 1;
}
.purpose-glow-orb-right {
    width: 450px; height: 450px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.02) 0%, transparent 70%);
    top: -20%; right: -10%; border-radius: 50%; pointer-events: none; z-index: 1;
}

/* The Core Glassmorphic Card Frame */
.purpose-premium-card {
    background: linear-gradient(135deg, rgba(14, 19, 34, 0.6) 0%, rgba(7, 10, 18, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(12px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 2;
}

/* Hover Physics */
.purpose-premium-card:hover {
    transform: translateY(-6px);
    border-color: rgba(212, 175, 55, 0.25);
    box-shadow: 0 40px 80px -20px rgba(212, 175, 55, 0.06);
}

/* Background Watermark Big Numbers */
.purpose-index-watermark {
    font-size: 11rem;
    font-weight: 900;
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1;
    bottom: -15px;
    right: 20px;
    color: rgba(255, 255, 255, 0.015);
    z-index: 1;
    transition: all 0.4s ease;
}
.purpose-premium-card:hover .purpose-index-watermark {
    color: rgba(212, 175, 55, 0.035);
    transform: scale(1.03) translateY(-5px);
}

/* Icon Box Systems */
.purpose-icon-box {
    width: 52px;
    height: 52px;
    transition: all 0.3s ease;
}
.vision-box {
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.2);
}
.mission-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Interactive hover effects on internal elements */
.purpose-premium-card:hover .vision-box {
    background: #D4AF37;
}
.purpose-premium-card:hover .vision-box i {
    color: #05070F !important;
}
.purpose-premium-card:hover .mission-box {
    background: #FFFFFF;
}
.purpose-premium-card:hover .mission-box i {
    color: #05070F !important;
}

/* Content Aesthetics */
.purpose-text {
    font-size: 0.98rem;
    line-height: 1.7;
    text-align: justify;
}

.border-white-5 {
    border-color: rgba(255, 255, 255, 0.05) !important;
}
.text-white-30 { color: rgba(255, 255, 255, 0.3) !important; }
.text-gold-40 { color: rgba(212, 175, 55, 0.4) !important; }
.text-white-20 { color: rgba(255, 255, 255, 0.2) !important; }

/* Grid Spacing Controls for Bootstrap */
.g-4.5 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

/* Mobile Responsiveness Fine-Tuning */
@media (max-width: 767.98px) {
    .purpose-premium-card {
        padding: 2rem !important;
    }
    .purpose-index-watermark {
        font-size: 8rem;
        bottom: -10px;
        right: 10px;
    }
}
















/* ==========================================================================
     FOUNDER SECURE DESK DESIGN MODULE
   ========================================================================== */
.about-founder-desk {
    background-color: #05070F !important; /* Flat Continuous Matte Black */
    position: relative;
    z-index: 6;
}

/* Subtle Golden Backdrop Glow */
.founder-glow-matrix {
    width: 550px; height: 550px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 75%);
    bottom: -10%; left: -10%; border-radius: 50%; pointer-events: none; z-index: 1;
}

/* Founder Badge System */
.founder-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

.founder-section-title {
    font-size: clamp(2rem, 4.5vw, 3rem);
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.founder-letter-block p {
    font-size: 1.02rem;
    line-height: 1.75;
    text-align: justify;
}
.quotation-lead {
    position: relative;
}
.italic-emphasis {
    font-style: italic;
    border-left: 3px solid #D4AF37;
    padding-left: 15px;
}

/* ==========================================================================
     FOUNDER PORTRAIT FRAME ENGINE
   ========================================================================== */
.founder-image-container {
    background: linear-gradient(145deg, #0E1322 0%, #070A12 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 40px 90px -20px rgba(0, 0, 0, 0.8);
    transition: transform 0.4s ease;
    z-index: 2;
}
.founder-image-container:hover {
    transform: translateY(-5px);
}

/* Box Size Setup for Formal Portrait Dimensions */
.founder-image-mask {
    height: 440px;
    position: relative;
}
.founder-core-img {
    transition: transform 7s ease;
}
.founder-image-container:hover .founder-core-img {
    transform: scale(1.04);
}

/* Floating Identity Badge Card */
.founder-floating-card {
    background: rgba(5, 7, 15, 0.9);
    border: 1px solid rgba(212, 175, 55, 0.25);
    backdrop-filter: blur(12px);
    bottom: 30px;
    right: -25px;
    z-index: 3;
    transition: all 0.4s ease;
}
.founder-image-container:hover .founder-floating-card {
    right: -15px;
    border-color: #D4AF37;
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.1);
}

/* Typography Overrides */
.text-white-80 { color: rgba(255, 255, 255, 0.8) !important; }
.text-white-40 { color: rgba(255, 255, 255, 0.4) !important; }

/* Responsive Grid Fitting Rules */
@media (max-width: 991.98px) {
    .about-founder-desk { padding: 40px 0 !important; }
    .founder-letter-block pe-xl-3 { padding-right: 0 !important; }
    .founder-image-container { max-width: 420px; margin: 0 auto; }
    .founder-image-mask { height: 360px; }
    .founder-floating-card { right: 20px; bottom: -20px; }
    .founder-image-container:hover .founder-floating-card { right: 20px; }
}









/* ==========================================================================
     CORE VALUES QUAD-CARD GRID SYSTEM
   ========================================================================== */
.about-values-grid {
    background-color: #05070F !important; /* Continuous Obsidian Dark Frame */
    position: relative;
    z-index: 7;
}

/* Subtle Backlight Sphere Filter */
.values-matrix-glow {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.04) 0%, transparent 75%);
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    border-radius: 50%; pointer-events: none; z-index: 1;
}

.values-elite-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

/* The Core Value Premium Card */
.value-premium-card {
    background: linear-gradient(145deg, rgba(14, 19, 34, 0.6) 0%, rgba(7, 10, 18, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-premium-card:hover {
    transform: translateY(-5px);
    border-color: rgba(212, 175, 55, 0.2);
    box-shadow: 0 35px 70px -20px rgba(212, 175, 55, 0.05);
}

/* Icon Containers Inside Cards */
.value-icon-circle {
    width: 48px; height: 48px;
    transition: all 0.3s ease;
}
.gold-glow-box {
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.15);
}
.white-glow-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Hover Elements Color Transitions */
.value-premium-card:hover .gold-glow-box { background: #D4AF37; }
.value-premium-card:hover .gold-glow-box i { color: #05070F !important; }
.value-premium-card:hover .white-glow-box { background: #FFFFFF; }
.value-premium-card:hover .white-glow-box i { color: #05070F !important; }

/* Micro Bottom Accent Lines inside card */
.value-card-accent-line {
    height: 2px; width: 30px;
    background: rgba(255, 255, 255, 0.08);
    transition: all 0.4s ease;
}
.value-premium-card:hover .value-card-accent-line {
    width: 100%;
    background: linear-gradient(90deg, #D4AF37, transparent);
}

/* ==========================================================================
     RESPONSIVE CONTROLS - DESKTOP ONE LINE TO MOBILE STACK
   ========================================================================== */
@media (min-width: 992px) {
    .layout-desktop-line {
        flex-wrap: nowrap !important; /* Force single line on desktop */
    }
}

@media (max-width: 991.98px) {
    .layout-desktop-line {
        flex-wrap: wrap !important; /* Break into standard vertical rows on responsive mobile screens */
    }
    .value-premium-card {
        padding: 1.5rem !important;
    }
}













/* ==========================================================================
     WHY STUDENTS CHOOSE US MODULE
   ========================================================================== */
.about-choose-system {
    background-color: #05070F !important; /* Premium Obsidian Matte Base */
    position: relative;
    z-index: 8;
}

/* Atmospheric Glow Background */
.choose-matrix-glow {
    width: 700px; height: 700px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.03) 0%, transparent 75%);
    bottom: -10%; right: -15%; border-radius: 50%; pointer-events: none; z-index: 1;
}

.choose-elite-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

/* Premium Panel Layout Engine (Horizontal Flex Architecture) */
.choose-premium-panel {
    background: linear-gradient(135deg, rgba(14, 19, 34, 0.5) 0%, rgba(7, 10, 18, 0.7) 100%);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.choose-premium-panel:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, 0.2);
    box-shadow: 0 30px 60px -15px rgba(212, 175, 55, 0.04);
}

/* Side Icon Frame Setup */
.choose-icon-wrapper {
    width: 44px; height: 44px;
    transition: all 0.3s ease;
}
.gold-edge-box {
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.15);
}
.white-edge-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Interactive Color Inverse on Hover */
.choose-premium-panel:hover .gold-edge-box { background: #D4AF37; }
.choose-premium-panel:hover .gold-edge-box i { color: #05070F !important; }
.choose-premium-panel:hover .white-edge-box { background: #FFFFFF; }
.choose-premium-panel:hover .white-edge-box i { color: #05070F !important; }

/* Strict CSS Line-Clamp Framework for Clean 2-Line Execution */
.card-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    text-align: justify;
}

/* Fine-tuning Responsive Views */
@media (max-width: 767.98px) {
    .choose-premium-panel {
        padding: 1.25rem !important;
    }
}







/* ==========================================================================
     ISM DELHI INSPIRED HERO STRUCTURE
   ========================================================================== */
.ism-courses-hero {
    background-color: #05070F !important; /* Premium Slate Dark Background */
    padding-top: 130px !important;
    position: relative;
    z-index: 5;
}

/* Check Icons Styling (ISM Pattern) */
.pointer-check-icon {
    width: 22px;
    height: 22px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
}

/* Media Box Frame Rules */
.ism-media-container {
    max-width: 480px;
}
.ism-image-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #0A0E1A;
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6);
}
.ism-hero-img {
    height: 380px;
    display: block;
}

/* Spacing Helpers */
.mb-4.5 {
    margin-bottom: 2.2rem !important;
}

/* Responsive Scaling For Smaller Devices */
@media (max-width: 991.98px) {
    .ism-courses-hero {
        padding-top: 110px !important;
    }
    .ism-media-container {
        max-width: 380px;
        margin-bottom: 20px;
    }
    .ism-hero-img {
        height: 280px;
    }
}










/* ==========================================================================
     HIGH-PERFORMANCE INFINITE LIVE TICKER SYSTEM
   ========================================================================== */
.ism-live-ticker-ribbon {
    background: #090E1A !important; /* Premium Dark Navy Slate */
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    padding: 12px 0;
    width: 100%;
    z-index: 10;
}

/* Engine Wrapper for Seamless Translation */
.ticker-wrap-engine {
    width: max-content;
    flex-wrap: nowrap;
}

/* The Moving Text Blocks */
.ticker-stream-data {
    white-space: nowrap;
    padding-right: 3rem; /* Dynamic gap spacing between loops */
    animation: smoothTickerGlide 25s linear infinite;
}

/* Text & Icon Fine Tuning */
.ticker-item {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--bs-font-monospace), monospace;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-uppercase: uppercase;
}

.ticker-item i {
    margin-right: 8px;
    font-size: 12px;
}

.ticker-divider {
    color: rgba(212, 175, 55, 0.4);
    font-size: 14px;
    font-weight: 900;
}

/* Hardware Accelerated Hardware Transform Animation */
@keyframes smoothTickerGlide {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Pause On Hover Feature - Direct User UX Control */
.ism-live-ticker-ribbon:hover .ticker-stream-data {
    animation-play-state: paused;
}







/* ==========================================================================
     CORE PROGRAM SHOWCASE ARCHITECTURE
   ========================================================================== */
.ism-course-showcase-section {
    background-color: #030509 !important; /* Continuous Pitch Premium Dark */
    position: relative;
    z-index: 5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

/* Image Wrapper System rules */
.showcase-media-frame {
    background: linear-gradient(145deg, #0A0E1A 0%, #05070F 100%);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.showcase-image-mask {
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.showcase-display-img {
    height: 340px;
    display: block;
}

/* Custom Bullet Structure */
.showcase-bullet-item {
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.03);
    padding: 10px 14px;
    border-radius: 4px;
}

/* Button Call-To-Action Frameworks */
.showcase-action-btn {
    background: #D4AF37;
    color: #030509 !important;
    border: none;
    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.1);
    transition: all 0.3s ease;
}
.showcase-action-btn:hover {
    transform: translateY(-2px);
    background: #FAdf7a;
    box-shadow: 0 15px 25px rgba(212, 175, 55, 0.2);
}

.showcase-secondary-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    transition: all 0.3s ease;
}
.showcase-secondary-btn:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

/* Utilities Custom Remaps */
.mb-2.5 { margin-bottom: 0.8rem !important; }
.text-white-80 { color: rgba(255, 255, 255, 0.8) !important; }

/* Responsive Adaptation Controllers */
@media (max-width: 991.98px) {
    .showcase-display-img {
        height: 260px;
    }
    .showcase-media-frame {
        max-width: 440px;
        margin: 0 auto;
    }
}









/* ==========================================================================
     FOREX INTERACTIVE 3D FLIP ARCHITECTURE
   ========================================================================== */
.forex-flip-card-container {
    perspective: 1500px; /* Gives the depth of 3D rotation space */
    width: 100%;
    max-width: 400px;
    height: 380px;
    cursor: pointer;
}

/* Engine Wrapper that holds the state of translation */
.forex-card-inner-engine {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Flipped Action Trigger Condition (Triggers on Hover & JS Click Toggle) */
.forex-flip-card-container:hover .forex-card-inner-engine,
.forex-flip-card-container.flipped .forex-card-inner-engine {
    transform: rotateY(180deg);
}

/* Face Shared Defaults */
.forex-card-front, .forex-card-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Front Structural Rules */
.forex-card-front {
    background: linear-gradient(145deg, #0A0E1A 0%, #05070F 100%);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    z-index: 2;
    transform: rotateY(0deg);
}

/* Hint badge on Front Face image */
.click-hint-badge {
    background: rgba(3, 5, 9, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    bottom: 15px;
    right: 15px;
    font-size: 10px;
    backdrop-filter: blur(5px);
}

/* Back Structural Premium Setup */
.forex-card-back {
    background: linear-gradient(135deg, #090E1A 0%, #04060B 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 25px 50px -12px rgba(212, 175, 55, 0.05);
    transform: rotateY(180deg);
    z-index: 1;
}

/* Tiny Utilities inside card */
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.bg-white-5 { background: rgba(255, 255, 255, 0.02) !important; }
.border-white-5 { border-color: rgba(255, 255, 255, 0.05) !important; }

/* Bounce motion script emulation */
@keyframes bounceTiny {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}
.animate-bounce {
    animation: bounceTiny 1.2s infinite ease-in-out;
}

/* Responsive Adaptation */
@media (max-width: 991.98px) {
    .forex-flip-card-container {
        height: 320px;
        max-width: 360px;
        margin-bottom: 30px;
    }
}

















/* ==========================================================================
     CRYPTO MARKET MAC UI SCREENSHOT FRAME SYSTEM
   ========================================================================== */
.crypto-screenshot-wrapper {
    background: #0A0E1A;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.7);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.crypto-screenshot-wrapper:hover {
    transform: translateY(-5px) scale(1.01);
    border-color: rgba(212, 175, 55, 0.2);
}

/* Mac Application Header Bar */
.mac-window-header {
    background: #0D1322;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Control Dots */
.mac-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}
.mac-close { background-color: #FF5F56; }
.mac-minimize { background-color: #FFBD2E; }
.mac-expand { background-color: #27C93F; }

.mac-window-title {
    font-size: 10px;
    letter-spacing: 0.5px;
    transform: translateX(-15px); /* Centers balancing the dots */
}

/* Image Matrix Rules */
.crypto-img-display {
    height: 330px;
    display: block;
}

/* Subtle Screen Reflection Filter */
.screenshot-glass-overlay {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 60%);
    pointer-events: none;
}

/* Text Overrides Helper */
.text-white-40 { color: rgba(255, 255, 255, 0.4) !important; }

/* Responsive Grid Adapters */
@media (max-width: 991.98px) {
    .crypto-screenshot-wrapper {
        max-width: 440px;
        margin: 0 auto 15px auto;
    }
    .crypto-img-display {
        height: 250px;
    }
}












/* ==========================================================================
     SPECIALIZED INTRADAY DASHBOARD GRID MODULE
   ========================================================================== */
.intraday-terminal-board {
    background: linear-gradient(135deg, #0A0F1E 0%, #04060C 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 40px 80px -25px rgba(0, 0, 0, 0.8);
    transition: border-color 0.4s ease, box-shadow 0.4s ease;
}

.intraday-terminal-board:hover {
    border-color: rgba(212, 175, 55, 0.2);
    box-shadow: 0 50px 100px -30px rgba(212, 175, 55, 0.03);
}

.board-glass-layer {
    background-image: radial-gradient(circle at top right, rgba(212, 175, 55, 0.02) 0%, transparent 60%);
    pointer-events: none;
}

/* Red Pulsing Dot Indicators */
.terminal-badge-mini {
    background: rgba(255, 95, 86, 0.05);
    border: 1px solid rgba(255, 95, 86, 0.15);
}
.live-pulse-red {
    width: 6px; height: 6px; background-color: #FF5F56; border-radius: 50%;
    box-shadow: 0 0 8px #FF5F56; animation: redConsolePulse 1.6s infinite ease-in-out;
}
@keyframes redConsolePulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.3; }
}

/* Custom Micro Chips for Intraday keywords */
.intraday-chip {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 6px 14px;
    border-radius: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    font-family: var(--bs-font-monospace), monospace;
    font-weight: 600;
}

/* Right Side Matrix Console Box */
.intraday-data-console {
    background: rgba(3, 5, 9, 0.6);
    backdrop-filter: blur(8px);
}
.console-footer-pill {
    background: rgba(39, 201, 63, 0.05);
    border: 1px solid rgba(39, 201, 63, 0.15);
}

/* Internal helpers modifications */
.p-3.5 { padding: 1.25rem !important; }
.mb-3.5 { margin-bottom: 1.1rem !important; }

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .intraday-terminal-board {
        padding: 1.75rem !important;
    }
    .intraday-data-console {
        margin-top: 15px;
    }
}












/* ==========================================================================
     THE CORE PILLARS 3X2 INTERACTIVE MATRIX SYSTEM
   ========================================================================== */
.ism-pillars-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    position: relative;
    z-index: 5;
}

/* Individual Card Blocks Framework */
.pillar-interactive-card {
    background: linear-gradient(145deg, #0A0E1A 0%, #050810 100%);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.5);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.4s ease, 
                box-shadow 0.4s ease;
}

/* HIGH PERFORMANCE SCALE UP ANIMATION ENGINE */
.pillar-interactive-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(212, 175, 55, 0.25);
    box-shadow: 0 30px 60px -15px rgba(212, 175, 55, 0.04);
}

/* The Micro-Image Graphic Slot Wrapper */
.pillar-mini-graphic-slot {
    width: 100%;
    height: 110px; /* Small, thin compact height for placeholder pictures */
    background: rgba(3, 5, 9, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: border-color 0.4s ease;
}
.pillar-interactive-card:hover .pillar-mini-graphic-slot {
    border-color: rgba(212, 175, 55, 0.15);
}

/* Minor Helper Tweaks */
.mb-3.5 {
    margin-bottom: 1.1rem !important;
}

/* Responsive Grid Adapters for tablet and phones */
@media (max-width: 991.98px) {
    .pillar-mini-graphic-slot {
        height: 130px;
    }
}








/* ==========================================================================
     EXPERT COUNSELLING FORM TERMINAL LAYOUT
   ========================================================================== */
.ism-counselling-section {
    background-color: #030509 !important;
    position: relative;
    z-index: 10;
}

.counselling-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.15);
}

.counselling-form-card {
    background: linear-gradient(145deg, #0A0E1A 0%, #04060A 100%);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Custom Input Groups Inside Form */
.input-group-terminal {
    position: relative;
    display: flex;
    align-items: center;
}
.input-group-terminal .field-icon {
    position: absolute;
    left: 16px;
    color: rgba(212, 175, 55, 0.6);
    font-size: 13px;
    z-index: 5;
}

/* Hardened Form Inputs Modifications */
.terminal-input {
    background-color: rgba(3, 5, 9, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 12px 16px 12px 42px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.terminal-input:focus {
    border-color: rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.03) !important;
    outline: none !important;
}
.terminal-input::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* Fix Dropdown Arrow Style in Dark Theme */
select.terminal-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28212, 175, 55, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 12px !important;
    background-position: right 16px center !important;
    background-repeat: no-repeat !important;
}
select.terminal-input option {
    background-color: #0A0E1A !important;
    color: #ffffff !important;
}

/* Action Submit Trigger Button Override */
.whatsapp-submit-execution-btn {
    background: linear-gradient(135deg, #128C7E 0%, #075E54 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    letter-spacing: 0.5px;
    font-size: 12px;
    box-shadow: 0 15px 30px -10px rgba(18, 140, 126, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.whatsapp-submit-execution-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 35px -8px rgba(18, 140, 126, 0.45);
    color: #ffffff !important;
}
















/* ==========================================================================
     ISM-STYLE PREMIUM ADMISSION HERO SYSTEM
   ========================================================================== */
.ism-admission-hero {
    background-color: #05070F !important; /* Premium Slate Dark Background */
    padding-top: 140px !important;
    position: relative;
    z-index: 5;
}

/* Status Pulsing Indicators */
.admission-status-badge {
    background: rgba(212, 175, 55, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.15);
}
.admission-pulse-dot {
    width: 6px; height: 6px; background-color: #27C93F; border-radius: 50%;
    box-shadow: 0 0 8px #27C93F; animation: admissionGreenPulse 1.6s infinite ease-in-out;
}
@keyframes admissionGreenPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.4; }
}

/* Trust List Component */
.trust-pill {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* Premium Fee Structures Container Card */
.admission-fee-card {
    background: linear-gradient(145deg, #0A0E1A 0%, #04060C 100%);
    box-shadow: 0 50px 100px -25px rgba(0, 0, 0, 0.8);
}
.card-ambient-glow {
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.03) 0%, transparent 60%);
    pointer-events: none;
}

/* Inner Pricing Visual Core Box */
.fee-display-box {
    background: rgba(3, 5, 9, 0.5);
    backdrop-filter: blur(5px);
}
.bg-success-20 {
    background: rgba(39, 201, 63, 0.08) !important;
    border: 1px solid rgba(39, 201, 63, 0.2);
}
.text-white-30 { color: rgba(255, 255, 255, 0.3) !important; }

/* Main CTA Trigger Action Button Setup */
.admission-action-trigger-btn {
    background: #D4AF37 !important;
    border: none !important;
    color: #030509 !important;
    letter-spacing: 0.5px;
    font-size: 12px;
    box-shadow: 0 15px 30px -10px rgba(212, 175, 55, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.admission-action-trigger-btn:hover {
    transform: translateY(-2px);
    background: #FAdf7a !important;
    box-shadow: 0 20px 35px -8px rgba(212, 175, 55, 0.4);
    color: #030509 !important;
}

/* Micro Helpers */
.text-white-80 { color: rgba(255,255,255,0.8) !important; }

/* Responsive Adaptation rules */
@media (max-width: 991.98px) {
    .ism-admission-hero {
        padding-top: 110px !important;
    }
    .admission-fee-card {
        max-width: 440px;
        margin: 20px auto 0 auto;
    }
}











/* ==========================================================================
     ADMISSION PROCESS TIMELINE PIPELINE (4-CARDS MATRIX WITH ANIMATION)
   ========================================================================== */
.ism-process-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    position: relative;
    z-index: 5;
}

/* Individual Card Blocks Framework */
.process-step-card {
    background: linear-gradient(145deg, #0A0E1A 0%, #050810 100%);
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.5);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.4s ease, 
                box-shadow 0.4s ease;
}

/* HIGH-PERFORMANCE DESKTOP HOVER SCALE-UP ANIMATION ENGINE */
.process-step-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 30px 60px -15px rgba(212, 175, 55, 0.04);
}

/* THE ORANGE INTERACTIVE CARD OVERRIDE SPECIFICATIONS */
.process-step-card.step-highlight-orange {
    background: linear-gradient(145deg, #161011 0%, #0E0704 100%) !important;
    border: 1px solid rgba(255, 102, 0, 0.25) !important;
    box-shadow: 0 20px 45px -12px rgba(255, 102, 0, 0.05);
}
.process-step-card.step-highlight-orange:hover {
    border-color: rgba(255, 102, 0, 0.5) !important;
    box-shadow: 0 30px 60px -10px rgba(255, 102, 0, 0.1);
}

/* Fixed Box Wrapping Layout Elements */
.step-icon-wrap {
    width: 44px;
    height: 44px;
}

/* Massive Minimalistic Watermark Background Numbers */
.step-number-watermark {
    font-size: 6.5rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.012);
    bottom: -35px;
    right: 5px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}
.text-orange-20 {
    color: rgba(255, 102, 0, 0.02) !important;
}

/* Minor Helper Margins Modification */
.mb-3.5 { margin-bottom: 1.15rem !important; }
.text-white-60 { color: rgba(255, 255, 255, 0.6) !important; }















/* ==========================================================================
     SCREENSHOT REFERENCE MATRIX THEME (MATCHED DESIGN DEFINITION)
   ========================================================================== */
.ism-inquiry-screenshot-section {
    background-color: #0E131F !important; /* Specific Deep Dark Blue Tint From Screenshot */
    position: relative;
    z-index: 10;
}

/* Form Container Blueprint */
.screenshot-form-wrapper {
    background-color: #171E2E !important; /* Distinct Inner Card Blue-Grey */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Sidebar Box Container Match */
.screenshot-sidebar-card {
    background-color: #171E2E !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Flat Form Inputs Override */
.screenshot-input {
    background-color: #20293A !important; /* Flat dark field panels */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}
.screenshot-input:focus {
    border-color: #F5B316 !important;
    box-shadow: none !important;
    outline: none !important;
}
.screenshot-input::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* Dropdown native arrow fix */
select.screenshot-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 10px !important;
    background-position: right 14px center !important;
    background-repeat: no-repeat !important;
}

/* Flat Gold-Orange Submit Button Overrides */
.screenshot-submit-btn {
    background: #E5A30A !important; /* Rich Mustard/Orange Gold Flat look */
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    color: #0c101a !important;
    text-transform: none !important;
    transition: background 0.3s ease !important;
}
.screenshot-submit-btn:hover {
    background: #F5B316 !important;
    color: #0c101a !important;
}

/* Blue Gradient Sidebar Button Match */
.screenshot-blue-cta-btn {
    background: linear-gradient(90deg, #3886FF 0%, #00C2FF 100%) !important;
    border: none !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    transition: opacity 0.3s ease !important;
}
.screenshot-blue-cta-btn:hover {
    opacity: 0.9;
    color: #ffffff !important;
}

/* Sidebar List Elements Utilities */
.sidebar-icon-circle {
    font-size: 15px;
    width: 20px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.text-white-80 { color: rgba(255, 255, 255, 0.85) !important; }
.mb-3.5 { margin-bottom: 1.15rem !important; }
.gap-3.5 { gap: 1.15rem !important; }



















/* ==========================================================================
     FLEXIBLE PAYMENT OPTIONS GRID DESIGN STYLING
   ========================================================================== */
.ism-payment-screenshot-section {
    background-color: #0E131F !important; /* Specific Deep Dark Blue Tint */
    position: relative;
    z-index: 10;
}

/* Outer Card Container Match */
.payment-screenshot-card {
    background-color: #121824 !important; /* Inner dark card shade */
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    min-height: 340px;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.4s ease !important;
}

/* Smooth Premium Lift Animation On Hover */
.payment-screenshot-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(245, 179, 22, 0.3) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Exact Yellow Round Card Icon Matrix */
.payment-icon-circle {
    width: 54px;
    height: 54px;
    background-color: #F5B316 !important;
    color: #0E131F !important;
    border-radius: 50% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px; /* Balanced icon sizing */
}

/* Subtext Graying Match */
.card-desc-text {
    color: rgba(255, 255, 255, 0.48) !important;
    font-size: 0.98rem;
    line-height: 1.6;
}

/* Bottom Bronze Alert Strip Styling */
.payment-alert-badge {
    background-color: #2F2E1B !important; /* Specific dark bronze-yellow alert block from screenshot */
    color: #F5B316 !important; /* High contrast yellow text */
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    border: 1px solid rgba(245, 179, 22, 0.05) !important;
}
















/* ==========================================================================
     PREMIUM FAQ ACCORDION MATRIX STYLING
   ========================================================================== */
.ism-faq-screenshot-section {
    background-color: #0E131F !important; /* Continuous Flat Dark Theme */
    position: relative;
    z-index: 10;
}

/* Outer Accordion Wrapper Box */
.custom-faq-accordion {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-border-color: transparent !important;
}

/* Individual FAQ Row Card Layout */
.faq-card {
    background-color: #171E2E !important; /* Inner Deep Blue Shield Box */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    overflow: hidden;
    transition: border-color 0.3s ease !important;
}
.faq-card:hover {
    border-color: rgba(245, 179, 22, 0.25) !important; /* Subtle Gold Hint on Hover */
}

/* Accordion Trigger/Question Bar Setup */
.faq-trigger {
    background-color: #171E2E !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    padding: 20px 24px !important;
    box-shadow: none !important;
    border: none !important;
    transition: color 0.3s ease !important;
}

/* Active/Opened Question Highlight state */
.faq-trigger:not(.collapsed) {
    background-color: #171E2E !important;
    color: #F5B316 !important; /* Question turns yellow when active */
    box-shadow: none !important;
}

/* Custom CSS Native Dropdown Arrow Rotation styling */
.faq-trigger::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 14px !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.faq-trigger:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F5B316' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    transform: rotate(-180deg) !important;
}

/* Dropdown Hidden Answer Box text panel */
.faq-answer-text {
    background-color: #121824 !important; /* Slightly darker zone for readability */
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 1rem;
    line-height: 1.6;
    padding: 20px 24px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}











/* ==========================================================================
     SHANDAR BLOG HERO SECTION IMMERSIVE ARCHITECTURE STYLING
   ========================================================================== */
.blog-hero-immersive-section {
    background-color: #0A0D14 !important; /* Richer Premium Cinematic Slate Dark */
    padding-top: 100px !important;
    padding-bottom: 80px !important;
}

/* Z-Index Overrides for layout safety */
.z-index-2 { z-index: 2; }
.text-white-30 { color: rgba(255, 255, 255, 0.3) !important; }
.text-white-40 { color: rgba(255, 255, 255, 0.4) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

/* 1. Subtle Cyber/Grid Background Layers */
.tech-grid-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 40px 40px;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    z-index: 1;
}

/* Ambient Glowing Orbs behind heading */
.ambient-glow-circle {
    position: absolute;
    width: 350px; height: 350px;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.12;
    z-index: 1;
    pointer-events: none;
}
.left-glow { top: -10%; left: 10%; background: #00C2FF; }
.right-glow { bottom: -10%; right: 10%; background: #F5B316; }

/* 2. Top Pill Badge with Pulse Animation */
.blog-badge-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 6px 16px;
    border-radius: 30px;
}
.pulse-dot {
    width: 6px; height: 6px;
    background-color: #27C93F;
    border-radius: 50%;
    box-shadow: 0 0 8px #27C93F;
    animation: pulseGlowEffect 1.8s infinite ease-in-out;
}

/* 3. High Impact Custom Typography Mapping */
.main-hero-title {
    font-size: clamp(2.4rem, 6vw, 3.8rem) !important;
    letter-spacing: -1.5px !important;
}
.premium-gradient-text {
    background: linear-gradient(135deg, #FFC72C 0%, #F5B316 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.hero-sub-paragraph {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    font-weight: 300;
}

/* 4. Luxury Embedded Input Search Engine Panel */
.search-engine-wrapper {
    background-color: #131926 !important;
    max-width: 680px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.search-engine-wrapper:focus-within {
    border-color: rgba(245, 179, 22, 0.4) !important;
    box-shadow: 0 20px 40px rgba(245, 179, 22, 0.05) !important;
}
.search-input-field {
    box-shadow: none !important;
    font-size: 15px !important;
}
.search-input-field::placeholder {
    color: rgba(255,255,255,0.25) !important;
}
.search-action-btn {
    background: #E5A30A !important;
    color: #0A0D14 !important;
    font-size: 14px !important;
    transition: background 0.3s ease !important;
}
.search-action-btn:hover {
    background: #F5B316 !important;
    color: #0A0D14 !important;
}

/* 5. Modern Filter Hashtag Pills layout */
.filter-tag-pill {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.5) !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.filter-tag-pill:hover, .filter-tag-pill.active-tag {
    background: rgba(245, 179, 22, 0.1) !important;
    border-color: #F5B316 !important;
    color: #F5B316 !important;
}

/* KEYFRAMES FOR PULSE */
@keyframes pulseGlowEffect {
    0% { opacity: 0.4; }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.4; }
}

















/* ==========================================================================
     BLOG DYNAMIC CARD GRID ARCHITECTURE
   ========================================================================== */
.blog-grid-production-section {
    background-color: #0A0D14 !important; /* Premium Cinematic Slate Dark Match */
    position: relative;
    z-index: 10;
}

/* Elite Base Card Wrap Blueprint */
.premium-blog-card {
    background-color: #131926 !important; /* Inner Dark Blue Panel */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.4s ease !important;
}

/* Card Lift & Border Glow Effect on Hover */
.premium-blog-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(245, 179, 22, 0.3) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

/* Image Container Frame Matrix */
.blog-img-wrapper {
    overflow: hidden;
    background-color: #1C2333;
    aspect-ratio: 16 / 10; /* Clean cinematic look */
}

/* Image Slow Zoom Animation Trigger */
.blog-main-thumbnail {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.premium-blog-card:hover .blog-main-thumbnail {
    transform: scale(1.06) !important; /* Elegant focus scale down-in */
}

/* Yellow Badge Match directly from screenshot layout */
.blog-screenshot-badge {
    top: 15px;
    left: 15px;
    background-color: #F5B316 !important; /* Flat Mustard Yellow */
    color: #0A0D14 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    letter-spacing: 0.2px;
}

/* Title and typography specs */
.dynamic-card-title {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.3px;
    transition: color 0.3s ease;
}
.premium-blog-card:hover .dynamic-card-title {
    color: #F5B316 !important; /* Title shifts to yellow on container hover */
}

.blog-card-excerpt {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 0.92rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Clips description safely at 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer elements of individual card */
.blog-read-time {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 13px;
}
.border-white-5 {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Read more typography link trigger styling */
.premium-readmore-btn {
    color: #F5B316 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    transition: color 0.3s ease !important;
}
.premium-readmore-btn i {
    transition: transform 0.3s ease;
}
.premium-blog-card:hover .premium-readmore-btn i {
    transform: translateX(4px); /* Arrow glides forward */
}










/* ==========================================================================
     PREMIUM NEWSLETTER HUB ARCHITECTURE STYLING
   ========================================================================== */
.blog-newsletter-section {
    background-color: #0A0D14 !important; /* Continuous Cinematic Dark Sync */
    position: relative;
}

/* Ambient Radial Light Behind the Box */
.ambient-glow-center {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 450px; height: 300px;
    background: radial-gradient(circle, rgba(245, 179, 22, 0.06) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* Glassmorphism Inner Container Card Design */
.newsletter-glass-panel {
    background: linear-gradient(145deg, #111724 0%, #0E131F 100%) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(10px);
}

/* Rounded Icon Frame Wrapper */
.newsletter-icon-wrap {
    width: 60px;
    height: 60px;
    background: rgba(245, 179, 22, 0.08);
    border: 1px solid rgba(245, 179, 22, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Inline Dynamic Form Field Box */
.newsletter-form-container {
    background-color: #07090F !important;
}
.newsletter-input {
    box-shadow: none !important;
    font-size: 14px !important;
}
.newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.22) !important;
}

/* Call to action bright yellow pill button */
.newsletter-submit-btn {
    background: #F5B316 !important;
    color: #0A0D14 !important;
    font-size: 14px !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease !important;
}
.newsletter-submit-btn:hover {
    background: #FFC72C !important;
    transform: scale(1.02) !important;
}

/* Micro Utility Helper Sub-Classes */
.bg-dark-slate { background-color: #07090F !important; }
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.xsmall { font-size: 12px; }















/* ==========================================================================
     HIGH-CONVERTING BLOG CONVERSION HUB ARCHITECTURE STYLING
   ========================================================================== */
.blog-conversion-section {
    background-color: #0A0D14 !important; /* Matches Core Grid Theme */
}

/* Premium Dark Card with Matte Border and Subtle Radial Metallic Shimmer */
.conversion-gradient-card {
    background: linear-gradient(135deg, #121927 0%, #0A0F1A 100%) !important;
    border: 1px solid rgba(245, 179, 22, 0.15) !important; /* Gold perimeter tint */
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5) !important;
}

/* Subtle Candlestick Chart graphic vector overlay using simple mask */
.candle-chart-bg {
    position: absolute;
    top: 0; right: 0; width: 150px; height: 100%;
    opacity: 0.04;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, rgba(255,255,255,0.4) 15px, rgba(255,255,255,0.4) 17px);
    pointer-events: none;
    z-index: 1;
}

/* Live Alert Tracker Badge Setup */
.live-indicator-badge {
    background: rgba(245, 179, 22, 0.06);
    border: 1px solid rgba(245, 179, 22, 0.12);
    padding: 6px 14px;
    border-radius: 30px;
}
.live-ping-dot {
    width: 7px; height: 7px;
    background-color: #FF3B30; /* High energy red alert ping */
    border-radius: 50%;
    box-shadow: 0 0 10px #FF3B30;
    animation: livePulseRadar 1.5s infinite ease-in-out;
}

/* Core Conversion Action Button with subtle hover slide glow */
.ultimate-conversion-btn {
    background: linear-gradient(135deg, #F5B316 0%, #E5A30A 100%) !important;
    color: #0A0D14 !important;
    font-size: 16px !important;
    letter-spacing: -0.2px;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ultimate-conversion-btn:hover {
    background: linear-gradient(135deg, #FFC72C 0%, #F5B316 100%) !important;
    transform: translateY(-3px) scale(1.01) !important;
    box-shadow: 0 15px 30px rgba(245, 179, 22, 0.2) !important;
}
.ultimate-conversion-btn:hover .transition-arrow {
    transform: translateX(4px);
}

/* Secondary Matte Border Button for direct WhatsApp consulting link */
.secondary-whatsapp-trigger {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.secondary-whatsapp-trigger:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Component Level Utilities */
.max-w-sm { max-width: 320px; }
.text-white-70 { color: rgba(255, 255, 255, 0.7) !important; }
.text-white-80 { color: rgba(255, 255, 255, 0.8) !important; }

/* KEYFRAMES FOR ALIVE ALERTS */
@keyframes livePulseRadar {
    0% { transform: scale(0.9); opacity: 0.6; }
    50% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.6; }
}













/* ==========================================================================
     CINEMATIC CONTACT HERO - ULTRA TYPOGRAPHY & SVG MATRIX
   ========================================================================== */
.contact-hero-immersive-section {
    background-color: #07090F !important; /* Rich Luxury Black Background */
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}

.z-index-3 { z-index: 3; }
.border-white-5 { border-color: rgba(255, 255, 255, 0.05) !important; }

/* Cyber Network Grid Layer */
.contact-grid-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(245, 179, 22, 0.01) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(245, 179, 22, 0.01) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(circle at center, black 25%, transparent 80%);
    -webkit-mask-image: radial-gradient(circle at center, black 25%, transparent 80%);
    z-index: 1;
}

/* Metallic Ambient Lighting Filters */
.contact-ambient-glow {
    position: absolute;
    width: 450px; height: 450px;
    border-radius: 50%;
    filter: blur(160px);
    opacity: 0.14;
    z-index: 1;
    pointer-events: none;
}
.left-aurora { top: -20%; left: -5%; background: #F5B316; }
.right-aurora { bottom: -10%; right: -5%; background: #0055FF; }

/* --------------------------------------------------------------------------
     PREMIUM TYPOGRAPHY TUNING SYSTEMS
   -------------------------------------------------------------------------- */
.badge-text-premium {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important; /* Wide elite tracking */
}

/* Sharp, Aggressive & Bold Cinematic Title */
.contact-hero-title {
    font-size: clamp(2.5rem, 6.5vw, 4.2rem) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -2px !important; /* Ultra tight corporate tracking */
}

.contact-gradient-text {
    background: linear-gradient(135deg, #FFF194 0%, #F5B316 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* Light & Highly Readable Descriptive Typography */
.contact-sub-paragraph {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 1.25rem !important;
    line-height: 1.7 !important;
    font-weight: 300 !important; /* Clean light look */
    letter-spacing: -0.2px !important;
}

/* Card Heading Specifications */
.contact-card-heading {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
    transition: color 0.3s ease;
}

.contact-card-desc {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.4;
}

/* Interactive Link Typography */
.contact-card-link {
    color: #F5B316 !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    transition: opacity 0.2s ease;
}

/* --------------------------------------------------------------------------
     COMPONENTS & CONTAINER EFFECTS
   -------------------------------------------------------------------------- */
.contact-badge-pill {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 6px 18px;
    border-radius: 30px;
}
.contact-pulse-dot {
    width: 6px; height: 6px;
    background-color: #F5B316;
    border-radius: 50%;
    box-shadow: 0 0 10px #F5B316;
    animation: contactRadarPing 2s infinite ease-in-out;
}

/* Trust Grid Layout Box */
.contact-trust-card {
    background: rgba(19, 25, 38, 0.5) !important;
    backdrop-filter: blur(15px);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.4s ease !important;
    z-index: 2;
    position: relative;
    max-width: 400px;
}
.contact-trust-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(245, 179, 22, 0.3) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5) !important;
}
.contact-trust-card:hover .contact-card-heading {
    color: #F5B316 !important;
}

/* Native SVG Icon Container Frame */
.contact-icon-frame {
    width: 50px; height: 50px;
    background: rgba(245, 179, 22, 0.06);
    border: 1px solid rgba(245, 179, 22, 0.12);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.svg-icon-color {
    color: #F5B316 !important;
    transition: color 0.3s ease;
}

/* Hover Physics for SVG and Frames */
.contact-trust-card:hover .contact-icon-frame {
    background: #F5B316 !important;
    border-color: #F5B316 !important;
    transform: rotate(6deg) scale(1.05);
}
.contact-trust-card:hover .svg-icon-color {
    color: #07090F !important; /* Turns dark vector on hover instantly */
}

@keyframes contactRadarPing {
    0% { opacity: 0.3; transform: scale(0.95); }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.3; transform: scale(0.95); }
}


















/* ==========================================================================
     LEAD MATRIX FORM & WHATSAPP TERMINAL STYLE BLUEPRINT
   ========================================================================== */
.contact-form-matrix-section {
    background-color: #07090F !important; /* Continuous Dark Canvas Match */
}

/* Glassmorphism Panel Shield for inputs form layout */
.premium-form-glass-panel {
    background: linear-gradient(145deg, #121826 0%, #0D121F 100%) !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}

/* Custom premium labels */
.premium-input-label {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}

/* Custom Matte Dark Interactive Inputs Box */
.premium-form-input {
    background-color: #080A10 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Remove default selection dropdown white style arrow behavior */
select.premium-form-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/\3e%3c/svg%3e") !important;
}

/* Input Focus Glow Blueprint */
.premium-form-input:focus {
    border-color: rgba(245, 179, 22, 0.4) !important;
    background-color: #0A0D15 !important;
}

/* High Contrast Glowing Form Button Trigger */
.premium-form-submit-btn {
    background: linear-gradient(135deg, #F5B316 0%, #E5A30A 100%) !important;
    color: #07090F !important;
    font-size: 15px !important;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.premium-form-submit-btn:hover {
    background: linear-gradient(135deg, #FFC72C 0%, #F5B316 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(245, 179, 22, 0.25) !important;
}
.premium-form-submit-btn svg {
    transition: transform 0.3s ease;
}
.premium-form-submit-btn:hover svg {
    transform: translate(3px, -2px) scale(1.05); /* Paper plane flies slightly on hover */
}

/* --------------------------------------------------------------------------
     MAP & COORDINATES FLEX WRAP MATRIX
   -------------------------------------------------------------------------- */
.map-coordinates-panel {
    background-color: #121826 !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}
.text-white-40 { color: rgba(255, 255, 255, 0.4) !important; }














/* ==========================================================================
     FAQ ACCORDION MATTE DARK ARCHITECTURE STYLING
   ========================================================================== */
.contact-faq-section {
    background-color: #07090F !important; /* Continuous Cinematic Theme */
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

/* Accordion Component Resets */
.premium-dark-accordion .accordion-item {
    background-color: #121826 !important; /* Slate Dark Match */
}

/* Accordion Trigger Buttons Styling with Typography tuning */
.premium-faq-btn {
    background-color: #121826 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 18px 24px !important;
    border: none !important;
    transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* When the accordion is opened/expanded */
.premium-faq-btn:not(.collapsed) {
    background-color: #161F32 !important;
    color: #F5B316 !important; /* Highlights header text in corporate yellow */
}

/* Custom indicator arrow color to white/yellow using filter matrix */
.premium-faq-btn::after {
    filter: invert(1) brightness(2);
    transition: transform 0.2s ease;
}
.premium-faq-btn:not(.collapsed)::after {
    filter: invert(72%) sepia(87%) saturate(478%) hue-rotate(354deg) brightness(98%) contrast(95%); /* Matches #F5B316 exactly */
}

/* Accordion Text Inner Body Box */
.premium-faq-body {
    background-color: #0D121F !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 20px 24px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.03) !important;
}

/* Smooth Item Hover Border Glow */
.premium-faq-item {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.premium-faq-item:hover {
    border-color: rgba(245, 179, 22, 0.2) !important;
}