/* ===================================
   HERO SECTION - COMPLETE FIX
   Priority: CRITICAL
   =================================== */

/* Remove Smart Slider completely and use custom hero */
/* Remove Smart Slider completely and use custom hero */
/* .n2-section-smartslider,
.n2-ss-slider,
.n2-ss-slider-wrapper,
div[data-ss],
[class*="smartslider"] {
    display: none !important;
} */


/* Custom Hero Section Styling */
.rtc-hero-premium {
    min-height: 100vh !important;
    background: linear-gradient(135deg, rgba(30, 56, 239, 0.95) 0%, rgba(13, 45, 181, 0.92) 100%),
        url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1920&q=80') center/cover !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 120px 20px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.3) !important;
}

/* Animated Background Elements */
.rtc-hero-premium::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(248, 187, 47, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    top: -100px;
    left: -100px;
    animation: floatGlow 20s infinite ease-in-out;
}

.rtc-hero-premium::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 214, 10, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    bottom: -50px;
    right: 10%;
    animation: floatGlow 15s infinite ease-in-out reverse;
}

@keyframes floatGlow {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }

    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}

/* Hero Content Container */
.rtc-hero-premium>div {
    max-width: 1200px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 10 !important;
    text-align: center !important;
}

/* Premium Badge */
.rtc-hero-premium .hero-badge,
.rtc-hero-premium>div>div:first-child {
    display: inline-block !important;
    background: rgba(248, 187, 47, 0.15) !important;
    padding: 12px 35px !important;
    border-radius: 50px !important;
    border: 3px solid var(--neon-gold) !important;
    margin-bottom: 30px !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: 0 0 25px rgba(248, 187, 47, 0.5),
        inset 0 0 20px rgba(248, 187, 47, 0.1) !important;
    animation: badgePulse 3s ease-in-out infinite !important;
}

@keyframes badgePulse {

    0%,
    100% {
        box-shadow: 0 0 25px rgba(248, 187, 47, 0.5),
            inset 0 0 20px rgba(248, 187, 47, 0.1);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 35px rgba(248, 187, 47, 0.8),
            inset 0 0 30px rgba(248, 187, 47, 0.2);
        transform: scale(1.02);
    }
}

.rtc-hero-premium .hero-badge span,
.rtc-hero-premium>div>div:first-child span {
    color: var(--neon-gold) !important;
    font-weight: 900 !important;
    font-size: 1rem !important;
    letter-spacing: 3px !important;
    text-shadow: 0 0 15px rgba(248, 187, 47, 0.8),
        0 2px 5px rgba(0, 0, 0, 0.5) !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* Hero Main Heading */
.rtc-hero-premium h1 {
    font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
    color: var(--text-white) !important;
    font-weight: 900 !important;
    margin-bottom: 25px !important;
    line-height: 1.1 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Hero Heading Gradient Span */
.rtc-hero-premium h1 span {
    background: linear-gradient(135deg, var(--neon-gold), #ffd60a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(248, 187, 47, 0.5)) !important;
    display: inline-block !important;
    animation: textPulse 3s ease-in-out infinite !important;
}

@keyframes textPulse {

    0%,
    100% {
        filter: drop-shadow(0 2px 10px rgba(248, 187, 47, 0.5));
    }

    50% {
        filter: drop-shadow(0 4px 20px rgba(248, 187, 47, 0.8));
    }
}

/* Hero Description */
.rtc-hero-premium p {
    font-size: 1.3rem !important;
    color: rgba(255, 255, 255, 0.95) !important;
    max-width: 850px !important;
    margin: 0 auto 45px !important;
    line-height: 1.8 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.rtc-hero-premium p strong {
    color: var(--neon-gold) !important;
    font-weight: 700 !important;
}

/* Hero CTA Buttons */
.rtc-hero-premium .hero-buttons {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.rtc-hero-premium a {
    padding: 20px 50px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Primary CTA Button */
.rtc-hero-premium a:first-of-type {
    background: linear-gradient(135deg, var(--neon-gold), #ffd60a) !important;
    color: #212529 !important;
    box-shadow: 0 15px 40px rgba(248, 187, 47, 0.4),
        0 0 30px rgba(248, 187, 47, 0.6) !important;
}

.rtc-hero-premium a:first-of-type:hover {
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 20px 50px rgba(248, 187, 47, 0.6),
        0 0 40px rgba(248, 187, 47, 0.8) !important;
}

/* Secondary CTA Button */
.rtc-hero-premium a:last-of-type {
    border: 3px solid var(--text-white) !important;
    color: var(--text-white) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}

.rtc-hero-premium a:last-of-type:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: var(--neon-gold) !important;
    color: var(--neon-gold) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .rtc-hero-premium {
        min-height: 80vh !important;
        padding: 80px 15px !important;
    }

    .rtc-hero-premium h1 {
        font-size: 2rem !important;
    }

    .rtc-hero-premium p {
        font-size: 1.1rem !important;
    }

    .rtc-hero-premium a {
        padding: 15px 35px !important;
        font-size: 1rem !important;
    }

    .rtc-hero-premium .hero-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

@media (max-width: 480px) {
    .rtc-hero-premium h1 {
        font-size: 1.75rem !important;
    }

    .rtc-hero-premium .hero-badge span {
        font-size: 0.8rem !important;
    }
}