:root {
            --primary-dark: #0f172a;
            --primary-blue: #2563eb;
            --accent-gold: #f59e0b;
            --accent-emerald: #10b981;
            --accent-purple: #8b5cf6;
            --accent-rose: #f43f5e;
            --accent-cyan: #06b6d4;
            --glass-bg: rgba(255, 255, 255, 0.05);
            --glass-border: rgba(255, 255, 255, 0.1);
            --gold-gradient: linear-gradient(135deg, #f59e0b, #d97706, #fbbf24);
            --blue-gradient: linear-gradient(135deg, #2563eb, #1e40af, #3b82f6);
            --emerald-gradient: linear-gradient(135deg, #10b981, #059669, #34d399);
            --purple-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed, #a78bfa);
            --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
            --shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
            --text-muted: #64748b;
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: #f8fafc;
            color: #0f172a;
            overflow-x: hidden;
            line-height: 1.6;
        }

        /* ========================================
           LUXURY SLIDER CONTAINER — LIGHT THEME
        ======================================== */
        .luxury-slider {
            position: relative;
            height: auto;
            min-height: 680px;
            overflow: hidden;
            perspective: 1000px;
            background: #f8fafc;
        }

        /* Soft light background */
        .animated-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 15% 20%, rgba(245, 158, 11, 0.08) 0%, transparent 45%),
                radial-gradient(circle at 85% 75%, rgba(37, 99, 235, 0.06) 0%, transparent 45%),
                radial-gradient(circle at 50% 50%, rgba(255,255,255,0.9) 0%, #f1f5f9 100%);
        }

        /* Floating Particles — subtle on light */
        .particle-field {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .particle {
            position: absolute;
            background: radial-gradient(circle, rgba(15, 23, 42, 0.06) 0%, transparent 70%);
            border-radius: 50%;
            filter: blur(1px);
        }

        /* Slider Wrapper */
        .slider-wrapper {
            position: relative;
            width: 400%;
            height: 100%;
            display: flex;
            transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        }

        /* Slide Container */
        .slide-container {
            width: 25%;
            height: 100%;
            display: flex;
            position: relative;
        }

        /* Slide Content Layout */
        .slide-content {
            flex: 1;
            padding: 48px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            z-index: 2;
        }

        /* Glass Morphism — light card */
        .content-glass {
            background: #ffffff;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(15, 23, 42, 0.06);
            border-radius: 24px;
            padding: 36px 40px;
            margin: 1px;
            position: relative;
            overflow: hidden;
            box-shadow: 
                0 4px 6px rgba(15, 23, 42, 0.02),
                0 20px 48px rgba(15, 23, 42, 0.08);
        }

        .content-glass::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, transparent 30%, rgba(245, 158, 11, 0.03) 50%, transparent 70%);
            pointer-events: none;
        }

        /* Premium Badge */
        .premium-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 1px 6px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2px;
            border-radius: 50px;
            margin-bottom: 12px;
            text-transform: uppercase;
            position: relative;
            overflow: hidden;
            animation: badgePulse 3s infinite;
            border: 1px solid;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        }

        .slide-1 .premium-badge {
            background: linear-gradient(135deg, #fef3c7, #fde68a);
            color: #92400e;
            border-color: rgba(245, 158, 11, 0.35);
            -webkit-text-fill-color: #92400e;
        }

        .slide-2 .premium-badge {
            background: linear-gradient(135deg, #dbeafe, #bfdbfe);
            color: #1e40af;
            border-color: rgba(37, 99, 235, 0.3);
            -webkit-text-fill-color: #1e40af;
        }

        .slide-3 .premium-badge {
            background: linear-gradient(135deg, #d1fae5, #a7f3d0);
            color: #065f46;
            border-color: rgba(16, 185, 129, 0.3);
            -webkit-text-fill-color: #065f46;
        }

        .slide-4 .premium-badge {
            background: linear-gradient(135deg, #ede9fe, #ddd6fe);
            color: #5b21b6;
            border-color: rgba(139, 92, 246, 0.3);
            -webkit-text-fill-color: #5b21b6;
        }

        @keyframes badgePulse {
            0%, 100% { 
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
                           0 0 20px rgba(255, 255, 255, 0.1);
            }
            50% { 
                box-shadow: 0 0 0 10px rgba(255, 255, 255, 0),
                           0 0 30px rgba(255, 255, 255, 0.2);
            }
        }

        /* Animated Headline */
        .animated-headline {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 42px;
            font-weight: 700;
            line-height: 1.15;
            margin-bottom: 18px;
            position: relative;
            overflow: hidden;
            color: #0f172a;
        }

        .headline-gradient {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
            display: inline-block;
        }

        /* Premium Description */
        .premium-description {
            font-size: 15.5px;
            line-height: 1.65;
            color: #475569;
            margin-bottom: 12px;
            font-weight: 400;
            position: relative;
            padding-bottom: 8px;
        }

        .premium-description::before {
            content: '';
            display: none;
        }

        /* Feature Grid with 3D Cards */
        .feature-grid-3d {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-bottom: 11px;
            max-width: 550px;
            perspective: 1000px;
        }

        .feature-card-3d {
            background: #f8fafc;
            border: 1px solid rgba(15, 23, 42, 0.06);
            border-radius: 14px;
            padding: 10px 12px;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .feature-card-3d:hover {
            transform: translateY(-6px);
            border-color: rgba(245, 158, 11, 0.35);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
            background: #fff;
        }

        .feature-icon-3d {
            width: 40px;
            height: 40px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }

        .feature-card-3d:hover .feature-icon-3d {
            transform: rotateY(180deg) scale(1.1);
        }

        .slide-1 .feature-icon-3d {
            background: var(--gold-gradient);
            box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3);
        }

        .slide-2 .feature-icon-3d {
            background: var(--blue-gradient);
            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);
        }

        .slide-3 .feature-icon-3d {
            background: var(--emerald-gradient);
            box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);
        }

        .slide-4 .feature-icon-3d {
            background: var(--purple-gradient);
            box-shadow: 0 10px 30px rgba(139, 92, 246, 0.3);
        }

        .feature-text-3d {
            font-size: 13px;
            color: #334155;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }

        /* Luxury CTA Buttons */
        .luxury-cta-group {
            display: flex;
            gap: 25px;
            align-items: center;
            flex-wrap: wrap;
        }

        .luxury-primary-cta {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 12px 32px;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            color: #fff;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transform-style: preserve-3d;
        }

        .slide-1 .luxury-primary-cta {
            background: var(--gold-gradient);
            box-shadow: 
                0 10px 40px rgba(245, 158, 11, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .slide-2 .luxury-primary-cta {
            background: var(--blue-gradient);
            box-shadow: 
                0 10px 40px rgba(37, 99, 235, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .slide-3 .luxury-primary-cta {
            background: var(--emerald-gradient);
            box-shadow: 
                0 10px 40px rgba(16, 185, 129, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .slide-4 .luxury-primary-cta {
            background: var(--purple-gradient);
            box-shadow: 
                0 10px 40px rgba(139, 92, 246, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .luxury-primary-cta:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.4);
        }

        .luxury-secondary-cta {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 11px 28px;
            background: #fff;
            color: #0f172a;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 1.5px solid rgba(15, 23, 42, 0.12);
            position: relative;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
        }

        .luxury-secondary-cta:hover {
            border-color: #0f172a;
            transform: translateY(-3px);
            background: #f8fafc;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
        }

        /* Visual Section with 3D Elements */
        .slide-visual-3d {
            flex: 1;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            perspective: 1000px;
        }

        .visual-container-3d {
            width: 80%;
            height: 80%;
            position: relative;
            transform-style: preserve-3d;
        }

        .floating-element {
            position: absolute;
            border-radius: 20px;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.06);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            transform-style: preserve-3d;
            animation: float3D 6s ease-in-out infinite;
            box-shadow: 
                0 12px 40px rgba(15, 23, 42, 0.08),
                0 2px 6px rgba(15, 23, 42, 0.03);
        }

        @keyframes float3D {
            0%, 100% { 
                transform: translateY(0); 
            }
            50% { 
                transform: translateY(-20px); 
            }
        }

        .floating-element:nth-child(1) {
            width: 300px;
            height: 300px;
            top: 10%;
            left: 10%;
            animation-delay: 0s;
        }

        .floating-element:nth-child(2) {
            width: 250px;
            height: 250px;
            bottom: 15%;
            right: 10%;
            animation-delay: 1s;
        }

        .visual-icon-3d {
            width: 60px;
            height: 60px;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 41px;
            margin-bottom: 5px;
            transform-style: preserve-3d;
            animation: iconRotate 20s linear infinite;
        }

        @keyframes iconRotate {
            0% { transform: rotateY(0deg); }
            100% { transform: rotateY(360deg); }
        }

        .slide-1 .visual-icon-3d {
            background: var(--gold-gradient);
            box-shadow: 0 15px 40px rgba(245, 158, 11, 0.4);
        }

        .slide-2 .visual-icon-3d {
            background: var(--blue-gradient);
            box-shadow: 0 15px 40px rgba(37, 99, 235, 0.4);
        }

        .slide-3 .visual-icon-3d {
            background: var(--emerald-gradient);
            box-shadow: 0 15px 40px rgba(16, 185, 129, 0.4);
        }

        .slide-4 .visual-icon-3d {
            background: var(--purple-gradient);
            box-shadow: 0 15px 40px rgba(139, 92, 246, 0.4);
        }

        .visual-headline-3d {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 8px;
            text-align: center;
            color: #0f172a;
            background: none;
            -webkit-text-fill-color: #0f172a;
        }

        /* Stats Counter */
        .stats-counter-3d {
            display: flex;
            gap: 49px;
            margin-top: 0px;
        }

        .stat-item-3d {
            text-align: center;
            position: relative;
        }

        .stat-number-3d {
            font-size: 33px;
            font-weight: 800;
            line-height: 1;
            font-family: 'Plus Jakarta Sans', sans-serif;
            position: relative;
            display: inline-block;
        }

        .slide-1 .stat-number-3d {
            background: var(--gold-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #b16200;
        }

        .slide-2 .stat-number-3d {
            background: var(--blue-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #ffffff;
        }

        .slide-3 .stat-number-3d {
            background: var(--emerald-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #ffffff;
        }

        .slide-4 .stat-number-3d {
            background: var(--purple-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #ffffff;
        }

        .stat-label-3d {
            font-size: 10px;
            opacity: 0.8;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 1px;
            font-weight: 500;
        }

        /* Navigation Controls */
        .luxury-nav-controls {
            position: absolute;
            bottom: 36px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            display: flex;
            align-items: center;
            gap: 28px;
        }

        .nav-arrow-3d {
            width: 52px;
            height: 52px;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #0f172a;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
        }

        .nav-arrow-3d:hover {
            background: #0f172a;
            color: #fff;
            transform: translateY(-4px);
            border-color: transparent;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.15);
        }

        .nav-dots-3d {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .nav-dot-3d {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(15, 23, 42, 0.18);
            border: none;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            padding: 0;
        }

        .nav-dot-3d.active {
            width: 28px;
            border-radius: 6px;
        }

        .nav-dot-3d:nth-child(1).active {
            background: var(--gold-gradient);
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.5);
        }

        .nav-dot-3d:nth-child(2).active {
            background: var(--blue-gradient);
            box-shadow: 0 0 20px rgba(37, 99, 235, 0.5);
        }

        .nav-dot-3d:nth-child(3).active {
            background: var(--emerald-gradient);
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.5);
        }

        .nav-dot-3d:nth-child(4).active {
            background: var(--purple-gradient);
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.5);
        }

        /* Progress Indicator */
        .progress-indicator {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: rgba(15, 23, 42, 0.06);
            z-index: 100;
        }

        .progress-bar-3d {
            height: 100%;
            width: 25%;
            transition: width 0.3s linear;
            position: relative;
            overflow: hidden;
        }

        .slide-1 .progress-bar-3d {
            background: var(--gold-gradient);
        }

        .slide-2 .progress-bar-3d {
            background: var(--blue-gradient);
        }

        .slide-3 .progress-bar-3d {
            background: var(--emerald-gradient);
        }

        .slide-4 .progress-bar-3d {
            background: var(--purple-gradient);
        }

        /* Slide Counter */
        .slide-counter-luxury {
            position: absolute;
            top: 40px;
            right: 50px;
            z-index: 100;
            display: flex;
            align-items: center;
            gap: 6px;
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-weight: 700;
            font-size: 1rem;
            color: #94a3b8;
        }

        .current-slide-luxury {
            font-size: 2.2rem;
            font-weight: 800;
            position: relative;
            color: #0f172a;
        }

        .slide-1 .current-slide-luxury {
            background: var(--gold-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .slide-2 .current-slide-luxury {
            background: var(--blue-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .slide-3 .current-slide-luxury {
            background: var(--emerald-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .slide-4 .current-slide-luxury {
            background: var(--purple-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Responsive Design */
        @media (max-width: 1400px) {
            .animated-headline {
                font-size: 3.2rem;
            }
            
            .content-glass {
                padding: 40px;
            }
            
            .floating-element:nth-child(1),
            .floating-element:nth-child(2) {
                width: 250px;
                height: 250px;
            }
        }

        @media (max-width: 1200px) {
            .animated-headline {
                font-size: 2.8rem;
            }
            
            .visual-headline-3d {
                font-size: 2rem;
            }
            
            .feature-grid-3d {
                grid-template-columns: 1fr;
            }
            
            .stats-counter-3d {
                gap: 30px;
            }
        }

        @media (max-width: 992px) {
            .luxury-slider {
                min-height: auto;
                height: auto;
            }
            
            .slide-container {
                flex-direction: column;
                min-height: 100vh;
            }
            
            .slide-content, .slide-visual-3d {
                flex: none;
                min-height: 50vh;
            }
            
            .content-glass {
                margin: 20px 10px;
            }
            
            .luxury-nav-controls {
                bottom: 30px;
            }
        }

        @media (max-width: 768px) {
            .slide-content {
                padding: 40px 20px;
            }
            
            .animated-headline {
                font-size: 2.2rem;
            }
            
            .content-glass {
                padding: 30px 20px;
                border-radius: 20px;
            }
            
            .luxury-cta-group {
                flex-direction: column;
                align-items: stretch;
            }
            
            .nav-arrow-3d {
                width: 50px;
                height: 50px;
            }
            
            .slide-counter-luxury {
                top: 30px;
                right: 30px;
            }
            
            .nav-dot-3d.active {
                width: 30px;
            }
            
            .floating-element:nth-child(1),
            .floating-element:nth-child(2) {
                position: relative;
                width: 200px;
                height: 200px;
                top: auto;
                left: auto;
                bottom: auto;
                right: auto;
                margin: 0 auto;
            }
            
            .floating-element:nth-child(2) {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .slide-content {
                padding: 30px 15px;
            }
            
            .animated-headline {
                font-size: 1.8rem;
            }
            
            .premium-description {
                font-size: 1rem;
            }
            
            .stat-number-3d {
                font-size: 2.5rem;
            }
            
            .visual-icon-3d {
                width: 80px;
                height: 80px;
                font-size: 2rem;
            }
            
            .luxury-nav-controls {
                gap: 15px;
            }
        }    
        
        
        
            /* ========================================
           SECTION 2: FINANCIAL PRODUCTS
        ======================================== */
        .products-section {
            padding: 33px 10px;
            background: #ffffff;
            position: relative;
            overflow: hidden;
        }

        .products-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 20% 50%, rgba(245, 158, 11, 0.1) 0%, transparent 50%),
                        radial-gradient(circle at 80% 80%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);
            pointer-events: none;
        }

        .section-title {
            /* font-family: 'Playfair Display', serif; */
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: normal;
            text-align: center;
            margin-bottom: 0px;
            background: #9c9143;
            -webkit-background-clip: text;
            /* -webkit-text-fill-color: transparent; */
            background-clip: text;
            color: #4a4a4a;
            padding-bottom: 0px;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.2rem;
            color: #505964;
            margin-bottom: 19px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .product-card {
         
            backdrop-filter: blur(10px);
            border: 1px solid #1c4878;
            border-radius: 24px;
            padding: 2.5rem;
            text-align: center;
            transition: all 0.5s var(--transition-smooth);
            height: 100%;
            opacity: 1;
            transform: translateY(40px);
        }

        .product-card.animate {
            animation: fadeInUp 0.8s var(--transition-smooth) forwards;
        }

        .product-card:hover {
            transform: translateY(-12px);
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(245, 158, 11, 0.5);
            box-shadow: 0 20px 60px rgba(245, 158, 11, 0.2);
        }
     
        .product-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 1.5rem;
            /* background: linear-gradient(180deg, #9c7222 0%, #a98138 100%); */
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
            color: #ffffff;
            transition: all 0.4s var(--transition-smooth);
        }

        .product-card:hover .product-icon {
            transform: scale(1.15) rotate(5deg);
          
        }

        .product-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #1c4878;
        }

        .product-description {
            color: #4a4a4a;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* ========================================
           SECTION 3: ABOUT US
        ======================================== */
        .about-section {
            padding: 0px 0;
            background: #ffffff;
            position: relative;
        }

        .about-content {
            /* max-width: 805px; */
            margin: 0 auto 13px;
            text-align: center;
            opacity: 0;
            transform: translateY(40px);
        }

        .about-content.animate {
            animation: fadeInUp 1s var(--transition-smooth) forwards;
        }

        .about-text {
            font-size: 1.15rem;
            line-height: 22px;
            color: var(--text-muted);
            margin-bottom: 3rem;
        }

        .highlight-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
        }

        .highlight-card {
            /* background: linear-gradient(180deg, #4b4b8c 0%, #5b5bbb 100%); */
            /* backdrop-filter: blur(10px); */
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 2rem;
            text-align: center;
            transition: all 0.5s var(--transition-smooth);
            opacity: 1;
            transform: scale(0.8);
        }

        .highlight-card.animate {
            animation: scaleIn 0.6s var(--transition-smooth) forwards;
        }

        .highlight-card:hover {
            transform: translateY(-8px) scale(1.02);
            background: linear-gradient(135deg, #9b9045 0%, #c3b557 100%);
            border-color: rgba(5, 150, 105, 0.5);
            box-shadow: 0 16px 48px rgba(5, 150, 105, 0.2);
        }
.highlight-card:hover .highlight-icon
{
         transform: scale(1.15) rotate(5deg);
}
        .highlight-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 1rem;
            /* background: linear-gradient(135deg, #9b9045 0%, #c3b557 100%); */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            color: #9f7628;
        }

        .highlight-title {
            font-size: 30px;
            font-weight: normal;
            margin-bottom: 0.5rem;
            color: #ffffff;
        }

        .highlight-text {
            color: #64748b !important;
            font-size: 0.95rem;
        }

        /* ========================================
           SECTION 4: BLOGS
        ======================================== */
        .blog-section {
            padding: 34px 0;
            background: #ffffff;
        }

        .blog-card {
            /* background: #cac4c4; */
            backdrop-filter: blur(10px);
            border: 2px solid #e1e1e1;
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.5s var(--transition-smooth);
            height: 100%;
            opacity: 0;
            transform: translateY(40px);
        }

        .blog-card.animate {
            animation: fadeInUp 0.8s var(--transition-smooth) forwards;
        }

        .blog-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
            border-color: rgba(6, 182, 212, 0.5);
        }

        .blog-image {
            width: 100%;
            height: 250px;
            overflow: hidden;
            position: relative;
        }

        .blog-image img {
            width: 100%;
          
            object-fit: cover;
            transition: transform 0.6s var(--transition-smooth);
        }

        .blog-card:hover .blog-image img {
            transform: scale(1.1);
        }

        .blog-content {
            padding: 2rem;
        }

        .blog-category {
            display: inline-block;
            padding: 0.4rem 1rem;
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(6, 182, 212, 0.2));
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--accent-gold);
            margin-bottom: 1rem;
        }

        .blog-title {
            font-size: 19px;
            font-weight: 600;
            margin-bottom: 6px;
            color: #245081;
            line-height: 24px;
        }

        .blog-excerpt {
            color: #212121;
            font-size: 14px;
            line-height: 21px;
            margin-bottom: 6px;
        }

        .blog-meta {
            display: flex;
            align-items: center;
            gap: 1rem;
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        .read-more-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--accent-gold);
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s var(--transition-smooth);
        }

        .read-more-btn:hover {
            color: var(--accent-cyan);
            gap: 1rem;
        }

       
        /* ========================================
           RESPONSIVE DESIGN
        ======================================== */
        @media (max-width: 768px) {
            .products-section,
            .about-section,
            .blog-section,
            .testimonials-section,
            .contact-section {
                padding: 4rem 0;
            }

            .slider-nav {
                bottom: 2rem;
            }

            .product-card,
            .highlight-card,
            .blog-card,
            .testimonial-card {
                margin-bottom: 1.5rem;
            }

           
        }
          @media (max-width:600px) 
          {
          .displaynone
          {
              display:none;
          }
              .slide-content {
        padding: 0px 1px;
    }
          }

        /* ========================================
           UTILITY CLASSES
        ======================================== */
        .stagger-1 { animation-delay: 0.1s !important; }
        .stagger-2 { animation-delay: 0.2s !important; }
        .stagger-3 { animation-delay: 0.3s !important; }
        .stagger-4 { animation-delay: 0.4s !important; }
        .stagger-5 { animation-delay: 0.5s !important; }
        .stagger-6 { animation-delay: 0.6s !important; }

        .pt-100 {
            padding-top: 57px;
        }
        
          /* Service Cards */
        .service-card {
            background: white;
            border-radius: 20px;
            padding: 35px 30px;
            height: 100%;
            transition: var(--transition-smooth);
            border: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: var(--shadow-sm);
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            /* background: linear-gradient(135deg, #0052FF 0%, #00C6FF 100%); */
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }
        
        .service-card:hover::before {
            transform: scaleX(1);
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow:  0 10px 40px rgba(0, 82, 255, 0.15);
        }
        
        .service-icon {
            width: 80px;
            height: 80px;
            /* background:linear-gradient(135deg, #9b9045 0%, #c3b557 100%); */
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            color: #9c7222;
            font-size: 2rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .service-card:hover .service-icon {
            transform: rotate(15deg) scale(1.1);
        }
        
        .service-title {
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 20px;
            color: #1A1D21;
        }
        
        .service-list {
            list-style: none;
            padding: 0;
            margin-bottom: 25px;
            height: 208px;
        }
        
        .service-list li {
            padding: 2px 0;
            color:#6C757D;
            position: relative;
            padding-left: 25px;
            text-align: left;
            line-height: 19px;
            margin-bottom: 13px;
        }
        
        .service-list li::before {
            content: "00c";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            color: #c89b3c !important;
        }
        
   .btn-primaryy {
    background: linear-gradient(180deg, #696995 0%, #5b5bbb 100%);
    border: none;
    padding: 9px;
    font-size: 17px;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 2px;
    width: 100% !important;
    border-radius: 0px;
}
        
        /* Animation Classes */
        .fade-in-up {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .zoom-in-out {
            animation: zoomInOut 3s ease-in-out infinite;
        }
        
        @keyframes zoomInOut {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.02);
            }
        }
        
        .float-animation {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-15px);
            }
        }
        
        
        /********custom css start here ***/
        
        .slice-badge1
        {
            background:#485c95;
            color: #fff;
        }
        .feature1  .feature-icon
        {
             background:#485c95;
            color: #fff;
        }
        .cta1
       {
             background:#485c95;
            color: #fff;
        }
        .element1
        {
            color:#5e5517;
        }
        .feature1 .feature-text
         {
            color:#5e5517;
        }
        
        /***************custom css end ************/

/* ========================================
   LEGACY / TRUST SECTION (Forty years)
======================================== */
.rr-legacy {
  padding: 80px 0 90px;
  background: #f8f5f0;
  position: relative;
  overflow: hidden;
}

.rr-legacy-inner {
  /* max-width: 1200px; */
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}

.rr-legacy-eyebrow {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #b45309;
  font-weight: 500;
  margin-bottom: 18px;
}

.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif;
  font-size: clamp(2.1rem, 4vw, 3.15rem);
  font-weight: 700;
  line-height: 1.15;
  color: #0f172a;
  margin: 0 0 22px;
  letter-spacing: -0.02em;
}

.rr-legacy-desc {
  font-size: 1.05rem;
  line-height: 1.75;
  color: #475569;
  max-width: 520px;
  margin: 0 0 32px;
}

.rr-legacy-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 48px;
}

.rr-btn-dark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  background: #0f172a;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border: none;
  transition: all 0.35s ease;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);
}

.rr-btn-dark:hover {
  background: #1e293b;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
  color: #fff;
}

.rr-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #fff;
  color: #0f172a;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border: 1.5px solid rgba(15, 23, 42, 0.12);
  transition: all 0.35s ease;
}

.rr-btn-outline:hover {
  border-color: #0f172a;
  background: #f8fafc;
  transform: translateY(-2px);
  color: #0f172a;
}

.rr-legacy-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding-top: 28px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.rr-stat {
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 16px;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.02),
    0 8px 20px rgba(15, 23, 42, 0.04);
  position: relative;
  overflow: hidden;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.35s ease;
  opacity: 0;
  transform: translateY(28px) scale(0.94);
}

.rr-stat::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(180, 83, 9, 0.06), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.rr-stat:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow:
    0 8px 16px rgba(15, 23, 42, 0.06),
    0 20px 40px rgba(15, 23, 42, 0.1);
  border-color: rgba(180, 83, 9, 0.25);
}

.rr-stat:hover::before { opacity: 1; }

.rr-stats-visible .rr-stat {
  animation: rrStatIn 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.rr-stats-visible .rr-stat:nth-child(1) { animation-delay: 0.05s; }
.rr-stats-visible .rr-stat:nth-child(2) { animation-delay: 0.15s; }
.rr-stats-visible .rr-stat:nth-child(3) { animation-delay: 0.25s; }
.rr-stats-visible .rr-stat:nth-child(4) { animation-delay: 0.35s; }

@keyframes rrStatIn {
  0% { opacity: 0; transform: translateY(28px) scale(0.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

.rr-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  background: linear-gradient(145deg, #fff7ed, #ffedd5);
  color: #b45309;
  box-shadow: 0 4px 12px rgba(180, 83, 9, 0.15);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.rr-stat:nth-child(2) .rr-stat-icon {
  background: linear-gradient(145deg, #eff6ff, #dbeafe);
  color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}
.rr-stat:nth-child(3) .rr-stat-icon {
  background: linear-gradient(145deg, #ecfdf5, #d1fae5);
  color: #059669;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.15);
}
.rr-stat:nth-child(4) .rr-stat-icon {
  background: linear-gradient(145deg, #faf5ff, #ede9fe);
  color: #7c3aed;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
}

.rr-stat:hover .rr-stat-icon {
  transform: scale(1.12) rotate(-6deg);
}

.rr-stat-body { min-width: 0; }

.rr-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.15;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #b45309 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rr-stat-label {
  font-size: 0.72rem;
  color: #64748b;
  margin-top: 3px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Chart card */
.rr-chart-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 28px 22px;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.02),
    0 24px 48px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.04);
}

.rr-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.rr-chart-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #334155;
}

.rr-chart-range {
  font-size: 0.85rem;
  color: #b45309;
  font-weight: 500;
}

.rr-chart-svg {
  width: 100%;
  height: 180px;
  display: block;
}

.rr-chart-note {
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.5;
  margin-top: 14px;
  text-align: left;
}

@media (max-width: 900px) {
  .rr-legacy-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .rr-legacy-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .rr-legacy {
    padding: 56px 0 64px;
  }
}

@media (max-width: 480px) {
  .rr-legacy-stats {
    grid-template-columns: 1fr 1fr;
  }
  .rr-stat-num {
    font-size: 1.4rem;
  }
}

/* ======================================================================
   RR PRODUCT POSTER SHOWCASE v4 — namespaced under .rr-showcase
====================================================================== */
.rr-showcase{
  padding: 70px 0 90px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 40%, #eef2f7 100%);
  position: relative;
  overflow: hidden;
}
.rr-showcase::before,
.rr-showcase::after{
  content:'';
  position:absolute;
  border-radius:50%;
  filter: blur(80px);
  pointer-events:none;
  z-index:0;
}
.rr-showcase::before{
  width:420px; height:420px;
  background: radial-gradient(circle, rgba(245,158,11,0.12) 0%, transparent 70%);
  top:-120px; left:-80px;
}
.rr-showcase::after{
  width:380px; height:380px;
  background: radial-gradient(circle, rgba(59,130,246,0.1) 0%, transparent 70%);
  bottom:-100px; right:-60px;
}
.rr-showcase-inner{
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index:1;
}
.rr-showcase-head{
  text-align:center;
  margin-bottom: 48px;
}
.rr-showcase-head h2{
  font-family:'Plus Jakarta Sans', sans-serif;
  font-size: clamp(1.9rem, 3.8vw, 3rem);
  font-weight: 800;
  color:#0f172a;
  margin:0 0 10px;
  letter-spacing: -0.02em;
}
.rr-showcase-head h2 span{
  background: linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.rr-showcase-head p{
  color:#64748b;
  font-size: 1.08rem;
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.6;
}
.rr-carousel{ position: relative; }
.rr-track-viewport{
  overflow: hidden;
  margin: 0 -6px;
  padding: 14px 6px 36px;
  perspective: 1400px;
}
.rr-track{
  display:flex;
  gap: 22px;
  will-change: transform;
  transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card{
  flex: 0 0 calc(33.333% - 15px);
  min-height: 200px;
  border-radius: 18px;
  position:relative;
  overflow:hidden;
  background: var(--rr-bg);
  color: var(--rr-text);
  padding: 22px 20px 20px;
  display:flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  text-align: left;
  box-shadow:
    0 2px 4px rgba(15,23,42,0.03),
    0 12px 32px rgba(15,23,42,0.1),
    0 0 0 1px rgba(255,255,255,0.1) inset;
  opacity:0;
  transform: translateY(36px) scale(0.96);
  transition:
    transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.5s ease,
    border-color 0.35s ease;
  border: 1px solid transparent;
  transform-style: preserve-3d;
  cursor: default;
}
.rr-card.rr-in{
  animation: rrPremiumIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes rrPremiumIn{
  0%{ opacity:0; transform: translateY(36px) scale(0.96); filter: blur(4px); }
  60%{ filter: blur(0); }
  100%{ opacity:1; transform: translateY(0) scale(1); filter: blur(0); }
}
.rr-card.rr-reactive{
  transition:
    transform 0.12s ease-out,
    box-shadow 0.45s ease;
}
.rr-card:hover{
  box-shadow:
    0 6px 14px rgba(15,23,42,0.07),
    0 28px 56px rgba(15,23,42,0.2),
    0 0 0 1px var(--rr-ring-border);
  z-index: 5;
}
.rr-card::before{
  content:'';
  position:absolute;
  width: 220px; height: 220px;
  border-radius:50%;
  background: var(--rr-glow);
  filter: blur(44px);
  top: 50%; right: -60px;
  transform: translateY(-50%);
  opacity:.55;
  pointer-events:none;
  transition: opacity 0.55s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card:hover::before{
  opacity: 0.95;
  transform: translateY(-50%) scale(1.2);
}
.rr-card::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255,255,255,0.22) 46%,
    rgba(255,255,255,0.1) 54%,
    transparent 70%
  );
  transform: translateX(-150%) skewX(-14deg);
  transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events:none;
  z-index:1;
}
.rr-card:hover::after{
  transform: translateX(150%) skewX(-14deg);
}
.rr-card-body{
  position: relative;
  z-index: 3;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.rr-visual-ring{
  position:relative;
  z-index:3;
  flex-shrink: 0;
  width: 78px; height:78px;
  display:flex; align-items:center; justify-content:center;
  animation: rrFloat 5s ease-in-out infinite;
  transform-style: preserve-3d;
}
@keyframes rrFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-7px); }
}
.rr-visual-ring::before{
  content:'';
  position:absolute; inset:0;
  border-radius:50%;
  background: var(--rr-medallion);
  box-shadow:
    0 12px 28px var(--rr-medallion-shadow),
    0 0 0 1px rgba(255,255,255,0.28) inset;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
}
.rr-card:hover .rr-visual-ring::before{
  transform: scale(1.1);
  box-shadow:
    0 18px 40px var(--rr-medallion-shadow),
    0 0 0 1px rgba(255,255,255,0.4) inset;
}
.rr-visual-ring::after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border: 1.5px solid var(--rr-ring-border);
  animation: rrPulseRing 2.6s ease-out infinite;
}
@keyframes rrPulseRing{
  0%{ transform: scale(0.9); opacity:0.9; }
  100%{ transform: scale(1.5); opacity:0; }
}
.rr-visual-ring i{
  position:relative; z-index:2;
  font-size: 1.7rem;
  color: var(--rr-icon-color);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card:hover .rr-visual-ring i{
  transform: scale(1.12) rotate(-6deg);
}
.rr-card-tag{
  position:relative; z-index:3;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size: 9.5px;
  font-weight:700;
  letter-spacing: 1px;
  padding: 3px 10px;
  border-radius: 16px;
  margin-bottom: 8px;
  background: var(--rr-tag-bg);
  color: var(--rr-tag-text);
  backdrop-filter: blur(8px);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card:hover .rr-card-tag{
  transform: translateY(-1px);
}
.rr-card-tag i{ font-size: 4.5px; }
.rr-card-headline{
  position:relative; z-index:3;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.28;
  margin: 0 0 6px;
  letter-spacing: -0.015em;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card:hover .rr-card-headline{
  transform: translateY(-1px);
}
.rr-card-sub{
  position:relative; z-index:3;
  font-size: .8rem;
  line-height:1.45;
  color: var(--rr-sub);
  margin: 0 0 14px;
  transition: opacity 0.35s ease;
}
.rr-card-cta{
  position:relative; z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  font-weight:700;
  text-decoration:none;
  padding: 9px 18px 9px 16px;
  border-radius: 50px;
  background: var(--rr-cta-bg);
  color: var(--rr-cta-text);
  box-shadow:
    0 4px 12px var(--rr-cta-shadow),
    0 0 0 1px rgba(255,255,255,0.12) inset;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s ease,
    filter 0.3s ease,
    padding 0.35s ease;
  overflow: hidden;
}
.rr-card-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.32) 50%, transparent 80%);
  transform: translateX(-120%) skewX(-18deg);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card-cta:hover::before{
  transform: translateX(120%) skewX(-18deg);
}
.rr-card-cta .rr-cta-icon{
  width: 22px; height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease;
}
.rr-card-cta i{
  font-size:.65rem;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-card-cta:hover{
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    0 10px 28px var(--rr-cta-shadow),
    0 0 0 1px rgba(255,255,255,0.2) inset;
  filter: brightness(1.08);
  padding-right: 14px;
}
.rr-card-cta:hover .rr-cta-icon{
  background: rgba(255,255,255,0.32);
  transform: translateX(2px);
}
.rr-card-cta:hover i{
  transform: translateX(2px);
}
.rr-nav{
  display:flex; align-items:center; justify-content:center;
  gap: 28px;
  margin-top: 6px;
}
.rr-arrow{
  width: 52px; height:52px;
  border-radius: 50%;
  border: 1px solid rgba(15,23,42,0.1);
  background:#fff;
  color:#0f172a;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  font-size:1.05rem;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 6px 18px rgba(15,23,42,0.08);
}
.rr-arrow:hover{
  background: linear-gradient(145deg,#0f172a,#1e293b);
  color:#fff;
  transform: translateY(-4px) scale(1.05);
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(15,23,42,0.2);
}
.rr-arrow:active{
  transform: translateY(-1px) scale(0.98);
}
.rr-dots{ display:flex; gap:9px; align-items:center; }
.rr-dot{
  width:9px; height:9px; border-radius:50%;
  background: rgba(15,23,42,0.16);
  border:none; cursor:pointer;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  padding:0;
}
.rr-dot.active{
  width: 28px;
  border-radius: 6px;
  background: linear-gradient(135deg,#f59e0b,#d97706);
  box-shadow: 0 4px 12px rgba(245,158,11,0.4);
}
.rr-dot:hover:not(.active){
  background: rgba(15,23,42,0.3);
  transform: scale(1.2);
}
@media (max-width: 980px){
  .rr-card{ flex-basis: calc(50% - 11px); min-height: 190px; }
}
@media (max-width: 640px){
  .rr-card{
    flex-basis: 90%;
    min-height: 180px;
    padding: 18px 16px 16px;
    border-radius: 16px;
    gap: 12px;
  }
  .rr-visual-ring{ width: 68px; height: 68px; }
  .rr-visual-ring i{ font-size: 1.45rem; }
  .rr-card-headline{ font-size:1rem; }
  .rr-showcase{ padding: 48px 0 64px; }
}
@media (prefers-reduced-motion: reduce){
  .rr-track{ transition:none; }
  .rr-card, .rr-visual-ring, .rr-visual-ring::after{ animation:none !important; opacity:1; transform:none; }
  .rr-card.rr-reactive{ transition: none; }
}


@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ==== HIDE TOP SLIDER ==== */
.luxury-slider {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   PREMIUM LEGACY SECTION — high-class finish + animation
============================================================ */
.rr-legacy {
  padding: 96px 0 100px !important;
  background: #f7f4ef !important;
  position: relative;
  overflow: hidden;
}
.rr-legacy::before {
  content: '';
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(180, 83, 9, 0.07) 0%, transparent 70%);
  top: -160px;
  right: -80px;
  pointer-events: none;
}
.rr-legacy-inner {
  /* max-width: 1180px !important; */
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 52px !important;
  align-items: center !important;
}
.rr-legacy-content {
  opacity: 0;
  transform: translateY(24px);
  animation: rrLegacyIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.08s forwards;
}
@keyframes rrLegacyIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-legacy-eyebrow {
  font-size: 12.5px !important;
  letter-spacing: 0.08em !important;
  color: #b45309 !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.2rem, 4vw, 3.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: #0f172a !important;
  margin: 0 0 20px !important;
  letter-spacing: -0.025em !important;
}
.rr-legacy-desc {
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
  color: #64748b !important;
  max-width: 500px !important;
  margin: 0 0 30px !important;
}
.rr-legacy-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 44px !important;
}
.rr-btn-dark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #0f172a !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  border: none !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18) !important;
}
.rr-btn-dark:hover {
  background: #1e293b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22) !important;
  color: #fff !important;
}
.rr-btn-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: #fff !important;
  color: #0f172a !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  transition: all 0.35s ease !important;
}
.rr-btn-outline:hover {
  border-color: #0f172a !important;
  transform: translateY(-2px) !important;
  color: #0f172a !important;
}
.rr-legacy-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.rr-stat {
  text-align: left;
  opacity: 0;
  transform: translateY(12px);
  animation: rrLegacyIn 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.rr-stat:nth-child(1) { animation-delay: 0.3s; }
.rr-stat:nth-child(2) { animation-delay: 0.4s; }
.rr-stat:nth-child(3) { animation-delay: 0.5s; }
.rr-stat:nth-child(4) { animation-delay: 0.6s; }
.rr-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}
.rr-stat-label {
  font-size: 0.8rem !important;
  color: #94a3b8 !important;
  margin-top: 3px !important;
  font-weight: 500 !important;
}
.rr-chart-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 28px 30px 22px !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.02), 0 22px 48px rgba(15,23,42,0.08) !important;
  opacity: 0;
  transform: translateY(20px);
  animation: rrChartIn 0.95s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}
@keyframes rrChartIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-chart-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}
.rr-chart-title {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}
.rr-chart-range {
  font-size: 0.82rem !important;
  color: #b45309 !important;
  font-weight: 500 !important;
}
.rr-chart-svg {
  width: 100% !important;
  height: 185px !important;
  display: block !important;
}
.rr-chart-svg .rr-line {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: rrDrawLine 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s forwards;
}
@keyframes rrDrawLine {
  to { stroke-dashoffset: 0; }
}
.rr-chart-svg .rr-dot-pt {
  opacity: 0;
  animation: rrDotIn 0.35s ease forwards;
}
.rr-chart-svg circle.rr-dot-pt:nth-child(6) { animation-delay: 0.85s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(7) { animation-delay: 1.1s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(8) { animation-delay: 1.35s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(9) { animation-delay: 1.55s; }
@keyframes rrDotIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.rr-chart-note {
  font-size: 0.76rem !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
  margin-top: 14px !important;
}
@media (max-width: 900px) {
  .rr-legacy-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .rr-legacy-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .rr-legacy { padding: 60px 0 68px !important; }
}
@media (max-width: 480px) {
  .rr-stat-num { font-size: 1.4rem !important; }
  .rr-legacy-cta { flex-direction: column !important; }
  .rr-btn-dark, .rr-btn-outline { justify-content: center !important; width: 100% !important; }
}

/* ==== HIDE TOP SLIDER ==== */
.luxury-slider {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   PREMIUM LEGACY — high-class finish + animation
============================================================ */
.rr-legacy {
  padding: 96px 0 100px !important;
  background: #f7f4ef !important;
  position: relative;
  overflow: hidden;
}
.rr-legacy::before {
  content: '';
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(180, 83, 9, 0.07) 0%, transparent 70%);
  top: -160px;
  right: -80px;
  pointer-events: none;
}
.rr-legacy-inner {
  /* max-width: 1180px !important; */
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 52px !important;
  align-items: center !important;
}
.rr-legacy-content {
  opacity: 0;
  transform: translateY(24px);
  animation: rrLegacyIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.08s forwards;
}
@keyframes rrLegacyIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-legacy-eyebrow {
  font-size: 12.5px !important;
  letter-spacing: 0.08em !important;
  color: #b45309 !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.2rem, 4vw, 3.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: #0f172a !important;
  margin: 0 0 20px !important;
  letter-spacing: -0.025em !important;
}
.rr-legacy-desc {
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
  color: #64748b !important;
  max-width: 500px !important;
  margin: 0 0 30px !important;
}
.rr-legacy-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 44px !important;
}
.rr-btn-dark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #0f172a !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  border: none !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18) !important;
}
.rr-btn-dark:hover {
  background: #1e293b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22) !important;
  color: #fff !important;
}
.rr-btn-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: #fff !important;
  color: #0f172a !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  transition: all 0.35s ease !important;
}
.rr-btn-outline:hover {
  border-color: #0f172a !important;
  transform: translateY(-2px) !important;
  color: #0f172a !important;
}
.rr-legacy-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.rr-stat {
  text-align: left;
  opacity: 0;
  transform: translateY(12px);
  animation: rrLegacyIn 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.rr-stat:nth-child(1) { animation-delay: 0.3s; }
.rr-stat:nth-child(2) { animation-delay: 0.4s; }
.rr-stat:nth-child(3) { animation-delay: 0.5s; }
.rr-stat:nth-child(4) { animation-delay: 0.6s; }
.rr-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}
.rr-stat-label {
  font-size: 0.8rem !important;
  color: #94a3b8 !important;
  margin-top: 3px !important;
  font-weight: 500 !important;
}
.rr-chart-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 28px 30px 22px !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.02), 0 22px 48px rgba(15,23,42,0.08) !important;
  opacity: 0;
  transform: translateY(20px);
  animation: rrChartIn 0.95s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}
@keyframes rrChartIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-chart-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}
.rr-chart-title {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}
.rr-chart-range {
  font-size: 0.82rem !important;
  color: #b45309 !important;
  font-weight: 500 !important;
}
.rr-chart-svg {
  width: 100% !important;
  height: 185px !important;
  display: block !important;
}
.rr-chart-svg .rr-line {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: rrDrawLine 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s forwards;
}
@keyframes rrDrawLine {
  to { stroke-dashoffset: 0; }
}
.rr-chart-svg .rr-dot-pt {
  opacity: 0;
  animation: rrDotIn 0.35s ease forwards;
}
.rr-chart-svg circle.rr-dot-pt:nth-child(6) { animation-delay: 0.85s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(7) { animation-delay: 1.1s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(8) { animation-delay: 1.35s; }
.rr-chart-svg circle.rr-dot-pt:nth-child(9) { animation-delay: 1.55s; }
@keyframes rrDotIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.rr-chart-note {
  font-size: 0.76rem !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
  margin-top: 14px !important;
}
@media (max-width: 900px) {
  .rr-legacy-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .rr-legacy-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .rr-legacy { padding: 60px 0 68px !important; }
}
@media (max-width: 480px) {
  .rr-stat-num { font-size: 1.4rem !important; }
  .rr-legacy-cta { flex-direction: column !important; }
  .rr-btn-dark, .rr-btn-outline { justify-content: center !important; width: 100% !important; }
}
/* ============================================================
   FORCE ALL REQUESTED CHANGES — HIGH PRIORITY
============================================================ */

/* 1) HIDE TOP SLIDER */
.luxury-slider {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
}

/* 2) RUNNING TICKER */
.rr-ticker {
  background: #142652 !important;
  color: #d5e3f5 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 3px 0 !important;
  border-bottom: 1px solid rgba(245, 158, 11, 0.35) !important;
  margin-top: 68px;
}
.rr-ticker-track {
  display: inline-block !important;
  animation: rrTicker 36s linear infinite !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  /* font-weight: 500 !important; */
  letter-spacing: 0.04em !important;
}
.rr-ticker-track span { display: inline-block; padding: 0 4px; }
.rr-ticker-sep {color: #f59e0b !important;padding: 0 11px !important;}
@keyframes rrTicker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.rr-ticker:hover .rr-ticker-track { animation-play-state: paused; }

/* 3) LEGACY SECTION — premium matching image */
.rr-legacy {
  padding: 29px 0 70px !important;
  background: #f7f4ef !important;
  position: relative !important;
  overflow: hidden !important;
}
.rr-legacy::before {
  content: '' !important;
  position: absolute !important;
  width: 480px !important;
  height: 480px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(180, 83, 9, 0.07) 0%, transparent 70%) !important;
  top: -160px !important;
  right: -80px !important;
  pointer-events: none !important;
}
.rr-legacy-inner {
  /* max-width: 1180px !important; */
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 48px !important;
  align-items: center !important;
}
.rr-legacy-content {
  opacity: 0;
  transform: translateY(24px);
  animation: rrLegacyIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.08s forwards !important;
}
@keyframes rrLegacyIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-legacy-eyebrow {
  font-size: 12.5px !important;
  letter-spacing: 0.08em !important;
  color: #b45309 !important;
  font-weight: 500 !important;
  margin-bottom: 1px !important;
}
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.15rem, 3.8vw, 3.05rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: #0f172a !important;
  margin: 0 0 18px !important;
  letter-spacing: -0.025em !important;
}
.rr-legacy-desc {
  font-size: 1rem !important;
  line-height: 1.75 !important;
  color: #64748b !important;
  max-width: 500px !important;
  margin: 0 0 28px !important;
}
.rr-legacy-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 40px !important;
}
.rr-btn-dark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #0f172a !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  border: none !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18) !important;
}
.rr-btn-dark:hover {
  background: #1e293b !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}
.rr-btn-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: #fff !important;
  color: #0f172a !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  transition: all 0.35s ease !important;
}
.rr-btn-outline:hover {
  border-color: #0f172a !important;
  transform: translateY(-2px) !important;
  color: #0f172a !important;
}
.rr-legacy-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  padding-top: 28px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}
.rr-stat {
  /* premium card styles from base; only ensure visible after class */
}
.rr-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}
.rr-stat-label {
  font-size: 0.72rem !important;
  color: #64748b !important;
  margin-top: 3px !important;
  font-weight: 600 !important;
}
.rr-chart-card {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 26px 28px 20px !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.02), 0 20px 48px rgba(15,23,42,0.08) !important;
  opacity: 0;
  transform: translateY(20px);
  animation: rrChartIn 0.95s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards !important;
}
@keyframes rrChartIn {
  to { opacity: 1; transform: translateY(0); }
}
.rr-chart-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}
.rr-chart-title {
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}
.rr-chart-range {
  font-size: 0.8rem !important;
  color: #b45309 !important;
  font-weight: 500 !important;
}
.rr-chart-svg {
  width: 100% !important;
  height: 180px !important;
  display: block !important;
}
.rr-chart-svg .rr-line {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: rrDrawLine 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards !important;
}
@keyframes rrDrawLine {
  to { stroke-dashoffset: 0; }
}
.rr-chart-svg .rr-dot-pt {
  opacity: 0;
  animation: rrDotIn 0.35s ease forwards !important;
}
.rr-chart-svg circle.rr-dot-pt:nth-child(6) { animation-delay: 0.8s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-child(7) { animation-delay: 1.05s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-child(8) { animation-delay: 1.3s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-child(9) { animation-delay: 1.5s !important; }
@keyframes rrDotIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.rr-chart-note {
  font-size: 0.74rem !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
  margin-top: 12px !important;
}
@media (max-width: 900px) {
  .rr-legacy-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .rr-legacy-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .rr-legacy { padding: 56px 0 64px !important; }
}
@media (max-width: 480px) {
  .rr-stat-num { font-size: 1.35rem !important; }
  .rr-legacy-cta { flex-direction: column !important; }
  .rr-btn-dark, .rr-btn-outline { justify-content: center !important; width: 100% !important; }
}

/* 4) SECTION HEADERS — smaller, attractive, consistent */
.section-title,
h2.section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  background: none !important;
  -webkit-text-fill-color: #0f172a !important;
  margin-bottom: 8px !important;
  text-align: center !important;
  padding-bottom: 0 !important;
}
.section-title span,
.section-title .text-gradient {
  background: linear-gradient(135deg, #b45309, #d97706) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.section-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.98rem !important;
  color: #64748b !important;
  margin-bottom: 22px !important;
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

/* 5) BLOG SECTION — smaller, professional */
.blog-section {
  padding: 0px 0 56px !important;
  background: #ffffff !important;
}
.blog-card {
  border-radius: 16px !important;
  border: 1px solid #e8e8e8 !important;
  overflow: hidden !important;
  height: 100% !important;
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  opacity: 1 !important;
  transform: none !important;
}
.blog-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
  border-color: rgba(180, 83, 9, 0.25) !important;
}
.blog-image {
  height: 160px !important;
  overflow: hidden !important;
}
.blog-image img {
  width: 100% !important;
 
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}
.blog-card:hover .blog-image img {
  transform: scale(1.06) !important;
}
.blog-content {
  padding: 1.15rem 1.25rem 1.35rem !important;
}
.blog-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: #1e3a5f !important;
  line-height: 1.4 !important;
}
.blog-excerpt {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #64748b !important;
  margin-bottom: 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.blog-meta {
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin-bottom: 8px !important;
}
.read-more-btn {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #b45309 !important;
  text-decoration: none !important;
}
.read-more-btn:hover {
  color: #92400e !important;
  gap: 0.75rem !important;
}

/* 6) PRODUCT SHOWCASE — lighter already via JS; polish spacing */
.rr-showcase {
  padding: 56px 0 70px !important;
  background: linear-gradient(180deg, #fafbfc 0%, #f4f6f9 100%) !important;
}
.rr-showcase-head {
  margin-bottom: 36px !important;
}
.rr-showcase-head h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.02em !important;
}
.rr-showcase-head h2 span {
  background: linear-gradient(135deg, #b45309, #d97706) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.rr-showcase-head p {
  color: #64748b !important;
  font-size: 0.98rem !important;
  max-width: 520px !important;
  margin: 0 auto !important;
}
.rr-card {
  min-height: 175px !important;
  border-radius: 16px !important;
  padding: 18px 16px !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.03), 0 10px 28px rgba(15,23,42,0.06) !important;
}

/* 7) SERVICES / PRODUCTS / ABOUT — consistent polish */
.section.bg-gradient-light {
  padding: 48px 0 56px !important;
  background: #ffffff !important;
}
.products-section {
  padding: 40px 10px 48px !important;
  background: #ffffff !important;
}
.about-section {
  padding: 40px 0 48px !important;
  background: #ffffff !important;
}
.service-card {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  padding: 3px 18px !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
.service-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
}
.service-title {
  font-size: 1.25rem !important;
  color: #0f172a !important;
}
.service-icon {
  width: 64px !important;
  height: 64px !important;
  font-size: 1.5rem !important;
  margin-bottom: 18px !important;
}
.product-card {
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  padding: 1.75rem !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
.product-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
  border-color: rgba(180, 83, 9, 0.3) !important;
  background: #fff !important;
}
.product-title {
  font-size: 1.2rem !important;
  color: #1c4878 !important;
  font-weight: bold;
}
.product-icon {
  width: 64px !important;
  height: 64px !important;
  font-size: 1.75rem !important;
  color: #9c7222;
  margin-bottom: 1rem !important;
}
.product-description {
  font-size: 0.9rem !important;
  color: #64748b !important;
}
.highlight-card {
  border-radius: 16px !important;
  padding: 1.5rem !important;
  transition: transform 0.35s ease !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}
.highlight-title {
  font-size: 1.25rem !important;
  color: #1c4878 !important;
  font-weight: bold;
}
.highlight-text {
  font-size: 0.9rem !important;
}
.about-text {
  font-size: 1.02rem !important;
  color: #64748b !important;
  /* max-width: 720px !important; */
  margin-left: auto !important;
  margin-right: auto !important;
}
.pt-100 {
  padding-top: 40px !important;
}
.container {
  /* max-width: 1140px !important; */
}

/* Ensure scaleIn exists */
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1); }
}

/* ============================================================
   TYPEWRITER HEADLINE — infinite typing animation
============================================================ */
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.15rem, 3.8vw, 3.05rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  min-height: 2.5em !important;
  margin: 0 0 18px !important;
}

.rr-typewriter {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 45%, #b45309 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline !important;
}

.rr-cursor {
  display: inline-block !important;
  width: 3px !important;
  height: 0.95em !important;
  background: linear-gradient(180deg, #b45309, #f59e0b) !important;
  margin-left: 3px !important;
  vertical-align: -0.08em !important;
  border-radius: 2px !important;
  animation: rrBlink 0.85s steps(1) infinite !important;
  -webkit-text-fill-color: initial !important;
}

@keyframes rrBlink {
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

/* soft gold underline accent under title area */
.rr-legacy-content .rr-legacy-title {
  position: relative !important;
}

/* Typewriter — image-matched colors */
.rr-typewriter {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
}
.rr-cursor {
  background: #b45309 !important;
  box-shadow: 0 0 8px rgba(180, 83, 9, 0.45) !important;
}

/* ============================================================
   TWO-LINE TITLE COLORS + BUTTON ANIMATION + GRAPH DRAW
============================================================ */

/* Line 1: dark navy | Line 2: gold gradient (like Explore All Our Products) */
.rr-tw-line1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}
.rr-tw-line2 {
  background: linear-gradient(135deg, #9d7323 0%, #d97706 50%, #b45309 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.rr-typewriter {
  background: none !important;
  -webkit-text-fill-color: inherit !important;
  color: inherit !important;
}
.rr-cursor {
  background: linear-gradient(180deg, #a07629, #b45309) !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.5) !important;
  animation: rrBlink 0.8s steps(1) infinite !important;
}

/* Primary button — high animation */
.rr-btn-dark {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
  background-size: 200% 100% !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.22) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
  animation: rrBtnPulse 2.8s ease-in-out infinite !important;
}
.rr-btn-dark::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(105deg, transparent 30%, rgba(245, 158, 11, 0.35) 50%, transparent 70%) !important;
  transform: translateX(-120%) !important;
  transition: transform 0.7s ease !important;
}
.rr-btn-dark:hover::before {
  transform: translateX(120%) !important;
}
.rr-btn-dark:hover {
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.3), 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
  color: #fff !important;
  animation: none !important;
}
.rr-btn-dark .rr-btn-arrow {
  display: inline-block !important;
  transition: transform 0.35s ease !important;
  margin-left: 6px !important;
}
.rr-btn-dark:hover .rr-btn-arrow {
  transform: translateX(5px) !important;
}
@keyframes rrBtnPulse {
  0%, 100% { box-shadow: 0 6px 20px rgba(15, 23, 42, 0.22); }
  50% { box-shadow: 0 6px 24px rgba(15, 23, 42, 0.28), 0 0 0 4px rgba(245, 158, 11, 0.12); }
}

/* Outline button — gold accent on hover */
.rr-btn-outline {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 999px !important;
  padding: 13px 26px !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.rr-btn-outline::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(180, 83, 9, 0.08)) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}
.rr-btn-outline:hover::before {
  opacity: 1 !important;
}
.rr-btn-outline:hover {
  border-color: #b45309 !important;
  color: #b45309 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(180, 83, 9, 0.15) !important;
}
.rr-btn-outline .rr-btn-text {
  position: relative !important;
  z-index: 1 !important;
}

/* Graph line — strong draw on load */
.rr-chart-svg .rr-line {
  stroke: #c2410c !important;
  stroke-width: 2.75 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 800 !important;
  stroke-dashoffset: 800 !important;
  animation: rrDrawLine 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards !important;
}
@keyframes rrDrawLine {
  0% { stroke-dashoffset: 800; }
  100% { stroke-dashoffset: 0; }
}
.rr-chart-svg .rr-dot-pt {
  opacity: 0 !important;
  animation: rrDotIn 0.4s ease forwards !important;
}
.rr-chart-svg circle.rr-dot-pt:nth-of-type(1),
.rr-chart-svg .rr-dot-pt:nth-child(6) { animation-delay: 0.7s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-of-type(2),
.rr-chart-svg .rr-dot-pt:nth-child(7) { animation-delay: 1.05s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-of-type(3),
.rr-chart-svg .rr-dot-pt:nth-child(8) { animation-delay: 1.4s !important; }
.rr-chart-svg circle.rr-dot-pt:nth-of-type(4),
.rr-chart-svg .rr-dot-pt:nth-child(9) { animation-delay: 1.75s !important; }
@keyframes rrDotIn {
  from { opacity: 0; transform: scale(0); }
  to { opacity: 1; transform: scale(1); }
}
.rr-chart-card {
  animation: rrChartIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards !important;
}

/* ============================================================
   FINAL FIX — title colors, premium buttons, visible graph
============================================================ */

/* Title — line1 navy, line2 gold (Explore All Our Products style) */
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.15rem, 3.8vw, 3.05rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 18px !important;
  min-height: auto !important;
}
.rr-tw-line1 {
  display: inline !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}
.rr-tw-line2 {
  display: inline !important;
  background: linear-gradient(135deg, #b45309 0%, #d97706 45%, #f59e0b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: rrGoldShimmer 3.5s ease-in-out infinite !important;
}
@keyframes rrGoldShimmer {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.15); }
}

/* Chart card — always visible, premium */
.rr-chart-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 28px 30px 22px !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.03),
    0 20px 50px rgba(15, 23, 42, 0.09) !important;
  border: 1px solid rgba(15, 23, 42, 0.04) !important;
  width: 100% !important;
  max-width: 100% !important;
}
.rr-chart-svg {
  display: block !important;
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.rr-chart-svg .rr-line {
  fill: none !important;
  stroke: #c2410c !important;
  stroke-width: 2.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  /* JS sets dasharray; fallback show full line */
  opacity: 1 !important;
  visibility: visible !important;
}
.rr-chart-svg .rr-dot-pt {
  fill: #c2410c !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.rr-legacy-inner {
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 48px !important;
  align-items: center !important;
  /* max-width: 1180px !important; */
  margin: 0 auto !important;
  padding: 0 28px !important;
}
@media (max-width: 900px) {
  .rr-legacy-inner {
    grid-template-columns: 1fr !important;
  }
}

/* Premium buttons */
.rr-btn-dark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 30px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
  animation: none !important;
}
.rr-btn-dark::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent) !important;
  transition: left 0.55s ease !important;
}
.rr-btn-dark:hover::before {
  left: 120% !important;
}
.rr-btn-dark:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.32), 0 0 0 3px rgba(245, 158, 11, 0.25) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}
.rr-btn-dark .rr-btn-arrow {
  display: inline-block !important;
  transition: transform 0.3s ease !important;
  color: #fbbf24 !important;
  font-weight: 700 !important;
}
.rr-btn-dark:hover .rr-btn-arrow {
  transform: translateX(6px) !important;
}
.rr-btn-dark .rr-btn-text {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

.rr-btn-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 28px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.rr-btn-outline:hover {
  border-color: #b45309 !important;
  color: #b45309 !important;
  background: #fffbeb !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 28px rgba(180, 83, 9, 0.15) !important;
}
.rr-btn-outline .rr-btn-text {
  position: relative;
  z-index: 1;
  color: inherit !important;
}

.rr-legacy-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-bottom: 40px !important;
  align-items: center !important;
}

/* ============================================================
   FINTECH FINISH — ambient bg, typewriter, chart, headings
============================================================ */

/* Ambient floating orbs on legacy bg */
.rr-legacy {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
}
.rr-legacy::before {
  content: '' !important;
  position: absolute !important;
  width: 420px !important;
  height: 420px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(180, 83, 9, 0.09) 0%, transparent 70%) !important;
  top: -120px !important;
  right: -60px !important;
  animation: rrOrbFloat 12s ease-in-out infinite !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.rr-legacy::after {
  content: '' !important;
  position: absolute !important;
  width: 320px !important;
  height: 320px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.06) 0%, transparent 70%) !important;
  bottom: -80px !important;
  left: -40px !important;
  animation: rrOrbFloat 14s ease-in-out infinite reverse !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
@keyframes rrOrbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(30px, -24px) scale(1.08); }
}
.rr-legacy-inner {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: 48px !important;
  align-items: center !important;
  /* max-width: 1180px !important; */
  margin: 0 auto !important;
  padding: 0 55px !important;
}

/* Typewriter colors */
.rr-legacy-title {
  font-family: 'Plus Jakarta Sans', Georgia, serif !important;
  font-size: clamp(2.15rem, 3.8vw, 3.05rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 18px !important;
  min-height: 2.4em !important;
}
.rr-tw-line1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}
.rr-tw-line2 {
  background: linear-gradient(135deg, #b45309, #d97706, #f59e0b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.rr-cursor {
  display: inline-block !important;
  width: 3px !important;
  height: 0.92em !important;
  background: #b45309 !important;
  margin-left: 3px !important;
  vertical-align: -0.1em !important;
  border-radius: 2px !important;
  animation: rrBlink 0.8s steps(1) infinite !important;
  box-shadow: 0 0 8px rgba(180, 83, 9, 0.45) !important;
}
@keyframes rrBlink {
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

/* Chart — solid visible + premium */
.rr-chart-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: #fff !important;
  border-radius: 20px !important;
  padding: 26px 28px 20px !important;
  box-shadow: 0 4px 6px rgba(15,23,42,0.03), 0 22px 50px rgba(15,23,42,0.1) !important;
  border: 1px solid rgba(15, 23, 42, 0.05) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
.rr-chart-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 12px rgba(15,23,42,0.04), 0 28px 56px rgba(15,23,42,0.12) !important;
}
.rr-chart-svg {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  overflow: visible !important;
}
.rr-chart-svg .rr-line {
  fill: none !important;
  stroke-width: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.rr-chart-svg .rr-area {
  opacity: 0;
}
.rr-chart-svg .rr-dot-pt {
  opacity: 1 !important;
  transform-origin: center !important;
  transform-box: fill-box !important;
}

/* ALL main headings — half black, half gold */
.section-title,
h2.section-title,
.rr-showcase-head h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.55rem, 2.8vw, 2.15rem) !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}
.section-title .text-gradient,
.section-title span,
.rr-showcase-head h2 span {
  background: linear-gradient(135deg, #9f7527 0%, #b78931 50%, #9f7628 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* On-load fade for content blocks */
.rr-legacy-content {
  animation: rrFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both !important;
}
.rr-chart-card {
  animation: rrFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both !important;
}
.rr-stat {
  animation: rrFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}
.rr-stat:nth-child(1) { animation-delay: 0.35s !important; }
.rr-stat:nth-child(2) { animation-delay: 0.45s !important; }
.rr-stat:nth-child(3) { animation-delay: 0.55s !important; }
.rr-stat:nth-child(4) { animation-delay: 0.65s !important; }
@keyframes rrFadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .rr-legacy-inner { grid-template-columns: 1fr !important; }
  .rr-chart-svg { height: 180px !important; min-height: 180px !important; }
}




/* Showcase section visibility (layout uses original .rr-card CSS above) */
.rr-showcase {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.rr-track {
  display: flex !important;
}
.rr-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}


/* ============================================================
   PREMIUM PAGE LOAD + SCROLL REVEAL + PARALLAX
============================================================ */
html.rr-page-ready body {
  opacity: 1;
}
body {
  opacity: 0;
  transition: opacity 0.55s ease;
}
body.rr-loaded {
  opacity: 1;
}

.rr-reveal {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-reveal.rr-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger children inside revealed blocks */
.rr-revealed .product-card,
.rr-revealed .service-card,
.rr-revealed .blog-card,
.rr-revealed .highlight-card {
  animation: rrFadeUpSoft 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes rrFadeUpSoft {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Mouse parallax orbs on legacy / showcase */
.rr-legacy,
.rr-showcase {
  --mx: 0px;
  --my: 0px;
}
.rr-legacy::before,
.rr-legacy::after,
.rr-showcase::before,
.rr-showcase::after {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.rr-legacy:hover::before,
.rr-showcase:hover::before {
  transform: translate(var(--mx), var(--my)) scale(1.05);
}
.rr-legacy:hover::after,
.rr-showcase:hover::after {
  transform: translate(calc(var(--mx) * -0.6), calc(var(--my) * -0.6)) scale(1.08);
}

/* Premium stats responsive */
@media (max-width: 900px) {
  .rr-legacy-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}
@media (max-width: 480px) {
  .rr-stat {
    padding: 12px 12px;
    gap: 10px;
  }
  .rr-stat-icon {
    width: 38px;
    height: 38px;
    font-size: 0.95rem;
  }
  .rr-stat-num {
    font-size: 1.25rem !important;
  }
  .rr-stat-label {
    font-size: 0.65rem !important;
  }
}

/* ============================================================
   MAIN HEADING (.section-title) — LEFT/RIGHT SPLIT SCROLL REVEAL
   The heading itself no longer fades up as one block; instead its
   two halves fly in from opposite sides and meet in the middle.
============================================================ */
h2.section-title.rr-reveal {
  opacity: 1;
  transform: none;
}

.section-title .rr-split-left,
.section-title .rr-split-right {
  display: inline-block;
  opacity: 0;
  will-change: transform, opacity;
  transition:
    opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.section-title .rr-split-left {
  transform: translateX(-90px);
  transition-delay: 0.05s;
}
.section-title .rr-split-right {
  transform: translateX(90px);
  transition-delay: 0.18s;
}

h2.section-title.rr-revealed .rr-split-left,
h2.section-title.rr-revealed .rr-split-right {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 600px) {
  .section-title .rr-split-left { transform: translateX(-40px); }
  .section-title .rr-split-right { transform: translateX(40px); }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .rr-reveal,
  .rr-stat,
  body {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
  .section-title .rr-split-left,
  .section-title .rr-split-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ============================================================
   FINAL PREMIUM STATS FORCE (wins over earlier overrides)
============================================================ */
.rr-legacy-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  padding-top: 19px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}
.rr-stat {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 9px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.02), 0 8px 20px rgba(15,23,42,0.04) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: left !important;
  opacity: 0;
  transform: translateY(28px) scale(0.94);
}
.rr-stats-visible .rr-stat {
  animation: rrStatIn 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
.rr-stats-visible .rr-stat:nth-child(1) { animation-delay: 0.05s !important; }
.rr-stats-visible .rr-stat:nth-child(2) { animation-delay: 0.15s !important; }
.rr-stats-visible .rr-stat:nth-child(3) { animation-delay: 0.25s !important; }
.rr-stats-visible .rr-stat:nth-child(4) { animation-delay: 0.35s !important; }
.rr-stat:hover {
  transform: translateY(-6px) scale(1.02) !important;
  box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 20px 40px rgba(15,23,42,0.1) !important;
  border-color: rgba(180, 83, 9, 0.25) !important;
}
.rr-stat-icon {
  flex-shrink: 0 !important;
  width: 35px !important;
  height: 36px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.05rem !important;
  background: linear-gradient(145deg, #fff7ed, #ffedd5) !important;
  color: #b45309 !important;
  box-shadow: 0 4px 12px rgba(180, 83, 9, 0.15) !important;
}
.rr-stat:nth-child(2) .rr-stat-icon {
  background: linear-gradient(145deg, #eff6ff, #dbeafe) !important;
  color: #2563eb !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
}
.rr-stat:nth-child(3) .rr-stat-icon {
  background: linear-gradient(145deg, #ecfdf5, #d1fae5) !important;
  color: #059669 !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.15) !important;
}
.rr-stat:nth-child(4) .rr-stat-icon {
  background: linear-gradient(145deg, #faf5ff, #ede9fe) !important;
  color: #7c3aed !important;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15) !important;
}
.rr-stat:hover .rr-stat-icon {
  transform: scale(1.12) rotate(-6deg) !important;
}
.rr-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #b45309 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.rr-stat-label {
  font-size: 0.72rem !important;
  color: #64748b !important;
  margin-top: 3px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}
@media (max-width: 900px) {
  .rr-legacy-stats { grid-template-columns: repeat(2, 1fr) !important; }
}

.rr-stat1{ display:none !important;}
/* ============================================================
   PRODUCT SHOWCASE ONLY — Image-matched clean cards
   Hero / luxury-slider UNCHANGED (original homepage1 styles)
============================================================ */
.rr-showcase {
  padding: 72px 0 80px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e4e8f0 !important;
  overflow: hidden !important;
}
.rr-showcase-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.rr-showcase-head {
  text-align: center !important;
  margin-bottom: 40px !important;
}
.rr-showcase-head h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.75rem, 1.2rem + 2vw, 2.35rem) !important;
  font-weight: 800 !important;
  color: #0b1b3a !important;
  -webkit-text-fill-color: #0b1b3a !important;
  background: none !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}
.rr-showcase-head h2 span {
  color: #b5862c !important;
  -webkit-text-fill-color: #b5862c !important;
  background: none !important;
  background-clip: initial !important;
}
.rr-showcase-head p {
  font-size: 1rem !important;
  color: #6b7794 !important;
  max-width: 52ch !important;
  margin: 0 auto !important;
  line-height: 1.65 !important;
}

.rr-carousel { position: relative !important; }
.rr-track-viewport {
  overflow: hidden !important;
  margin: 0 -4px !important;
  padding: 8px 4px 16px !important;
}
.rr-track {
  display: flex !important;
  gap: 22px !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Clean white cards — match screenshot */
.rr-card {
  flex: 0 0 calc((100% - 44px) / 3) !important;
  min-width: 0 !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf2 !important;
  border-radius: 16px !important;
  padding: 22px 22px 20px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04), 0 12px 32px -16px rgba(15, 23, 42, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
  /* Kill colorful JS theme backgrounds */
  --rr-bg: #ffffff !important;
  --rr-text: #0b1b3a !important;
  --rr-sub: #6b7794 !important;
  --rr-glow: none !important;
  --rr-tag-bg: #f5f7fb !important;
  --rr-tag-text: #414f6b !important;
  --rr-cta-bg: #0b1b3a !important;
  --rr-cta-text: #ffffff !important;
  --rr-cta-shadow: rgba(11, 27, 58, 0.2) !important;
  --rr-medallion: #fbf5e8 !important;
  --rr-medallion-shadow: transparent !important;
  --rr-ring-border: transparent !important;
  --rr-icon-color: #b5862c !important;
}
.rr-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 16px !important;
  right: 16px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #c89b3c, #ffbd29, transparent) !important;
  border-radius: 0 0 2px 2px !important;
  opacity: 0.85 !important;
  z-index: 2 !important;
}
.rr-card:hover {
  border-color: rgba(200, 155, 60, 0.45) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 20px 48px -20px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-4px) !important;
  background: #ffffff !important;
}

.rr-card-body {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-right: 12px !important;
  z-index: 1 !important;
}
.rr-card-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: #f5f7fb !important;
  border: 1px solid #e4e8f0 !important;
  color: #414f6b !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 4px !important;
}
.rr-card-tag i {
  font-size: 6px !important;
  color: #c89b3c !important;
}
.rr-card-headline {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #0b1b3a !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.rr-card-sub {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #6b7794 !important;
  margin: 0 0 8px !important;
  flex: 1 !important;
}
.rr-card-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  margin-top: auto !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  background: #0b1b3a !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(11, 27, 58, 0.18) !important;
  transition: background 0.22s ease, transform 0.22s ease !important;
}
.rr-card-cta:hover {
  background: #12274f !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
.rr-cta-icon {
  display: inline-flex !important;
  font-size: 0.75rem !important;
}

/* Icon — soft gold square like screenshot */
.rr-visual-ring {
  flex-shrink: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  background: #fbf5e8 !important;
  border: 1px solid #f0dcb0 !important;
  display: grid !important;
  place-items: center !important;
  color: #b5862c !important;
  font-size: 1.25rem !important;
  box-shadow: none !important;
  align-self: flex-start !important;
  margin-top: 4px !important;
  animation: none !important;
}
.rr-visual-ring i {
  color: #b5862c !important;
}

/* Nav arrows / dots */
.rr-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 28px !important;
}
.rr-arrow {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 1px solid #d6dce8 !important;
  background: #fff !important;
  color: #0b1b3a !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(11, 27, 58, 0.05) !important;
  transition: all 0.22s ease !important;
}
.rr-arrow:hover {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
  color: #ffbd29 !important;
}
.rr-dots { display: flex !important; gap: 6px !important; align-items: center !important; }
.rr-dot {
  width: 7px !important;
  height: 7px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #d6dce8 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: width 0.3s ease, background 0.3s ease !important;
}
.rr-dot.active {
  width: 22px !important;
  background: #c89b3c !important;
}

@media (max-width: 980px) {
  .rr-card { flex: 0 0 calc((100% - 22px) / 2) !important; }
}
@media (max-width: 640px) {
  .rr-card {
    flex: 0 0 100% !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
  }
  .rr-showcase { padding: 48px 0 56px !important; }
  .rr-visual-ring { width: 44px !important; height: 44px !important; font-size: 1.1rem !important; }
}

/* ============================================================
   SPLIT HEADING ANIMATION — left from left, right from right
   Re-plays every time user scrolls up or down into view
============================================================ */
.rr-split-heading,
h2.section-title.rr-split-heading,
.rr-showcase-head h2.rr-split-heading {
  overflow: visible !important;
}

.rr-split-heading .rr-split-left,
.rr-split-heading .rr-split-right,
.section-title .rr-split-left,
.section-title .rr-split-right,
.rr-showcase-head .rr-split-left,
.rr-showcase-head .rr-split-right {
  display: inline-block !important;
  opacity: 0 !important;
  will-change: transform, opacity;
  transition:
    opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.rr-split-heading .rr-split-left,
.section-title .rr-split-left,
.rr-showcase-head .rr-split-left {
  transform: translateX(-80px) !important;
  transition-delay: 0.05s !important;
}

.rr-split-heading .rr-split-right,
.section-title .rr-split-right,
.rr-showcase-head .rr-split-right {
  transform: translateX(80px) !important;
  transition-delay: 0.15s !important;
}

/* When in view */
.rr-revealed.rr-split-heading .rr-split-left,
.rr-revealed.rr-split-heading .rr-split-right,
.rr-revealed .rr-split-left,
.rr-revealed .rr-split-right,
h2.section-title.rr-revealed .rr-split-left,
h2.section-title.rr-revealed .rr-split-right,
.rr-showcase-head.rr-revealed .rr-split-left,
.rr-showcase-head.rr-revealed .rr-split-right {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* Showcase head itself shouldn't fade as a block if using split */
.rr-showcase-head.rr-reveal {
  opacity: 1 !important;
  transform: none !important;
}
h2.section-title.rr-reveal.rr-split-heading {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 600px) {
  .rr-split-heading .rr-split-left,
  .section-title .rr-split-left,
  .rr-showcase-head .rr-split-left {
    transform: translateX(-36px) !important;
  }
  .rr-split-heading .rr-split-right,
  .section-title .rr-split-right,
  .rr-showcase-head .rr-split-right {
    transform: translateX(36px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rr-split-left,
  .rr-split-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ============================================================
   LOWER SECTIONS — Screenshot / Default2 clean design
   (Hero + Explore Products carousel UNCHANGED)
============================================================ */

/* Shared section title underline (gold hairline) */
.section .section-subtitle::after,
.section-subtitle::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 2px !important;
  margin: 18px auto 0 !important;
  background: #c89b3c !important;
  border-radius: 2px !important;
}

/* ---------- Financial Services cards ---------- */
.section.bg-gradient-light {
  background: #ffffff !important;
  padding: 72px 0 !important;
}

.service-card {
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf2 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}
.service-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: #c89b3c !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.service-card:hover::before { transform: scaleX(1) !important; }
.service-card:hover {
  border-color: #d6dce8 !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-4px) !important;
  background: #ffffff !important;
}
.service-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #0b1b3a !important;
  color: #ffbd29 !important;
  font-size: 1.15rem !important;
  margin-bottom: 18px !important;
  box-shadow: none !important;
  transition: background 0.28s ease !important;
}
.service-card:hover .service-icon {
  background: #12274f !important;
  transform: none !important;
}
.service-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #0b1b3a !important;
  margin: 0 0 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e8ecf2 !important;
}
.service-list {
  list-style: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
}
.service-list li {
  position: relative !important;
  padding: 5px 0 5px 22px !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: #414f6b !important;
}
.service-list li::before {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  color: #c89b3c !important;
  font-size: 0.8rem !important;
}

/* Navy CTA buttons */
.btn-primaryy,
.btn.btn-primary.btn-primaryy,
.service-card .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 18px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  background: #0b1b3a !important;
  border: 1px solid #0b1b3a !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
  text-decoration: none !important;
}
.btn-primaryy:hover,
.btn.btn-primary.btn-primaryy:hover,
.service-card .btn:hover {
  background: #12274f !important;
  border-color: #b5862c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(11, 27, 58, 0.2) !important;
}
.btn-primaryy i { color: #ffbd29 !important; }

/* ---------- Premium Financial Products ---------- */
.products-section {
  position: relative !important;
  padding: 72px 0 !important;
  background: #f5f7fb !important;
  border-bottom: 1px solid #e8ecf2 !important;
  overflow: hidden !important;
}
.product-card {
  position: relative !important;
  height: 100% !important;
  padding: 42px 22px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf2 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}
.product-card:hover {
  border-color: rgba(200, 155, 60, 0.5) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-4px) !important;
  background: #ffffff !important;
}
.product-icon {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #fbf5e8 !important;
  border: 1px solid #f0dcb0 !important;
  color: #9a6f1f !important;
  font-size: 1.15rem !important;
  margin-bottom: 16px !important;
  transition: all 0.28s ease !important;
}
.product-card:hover .product-icon {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
  color: #ffbd29 !important;
  transform: none !important;
}
.product-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  color: #0b1b3a !important;
  margin: 0 0 8px !important;
}
.product-description {
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  color: #6b7794 !important;
  margin: 0 !important;
}

/* ---------- Why Choose / About ---------- */
.about-section {
  padding: 72px 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecf2 !important;
}
.about-content {
  max-width: 780px !important;
  margin: 0 auto 48px !important;
  padding: 28px 32px !important;
  background: #faf7f1 !important;
  border: 1px solid #e8ecf2 !important;
  border-left: 3px solid #c89b3c !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.about-text {
  font-size: 0.98rem !important;
  line-height: 1.8 !important;
  color: #414f6b !important;
  margin: 0 !important;
  text-align: left !important;
}
.highlight-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.highlight-card {
  padding: 24px 20px !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf2 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  text-align: left !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}
.highlight-card:hover {
  border-color: rgba(200, 155, 60, 0.5) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-4px) !important;
}
.highlight-icon {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #0b1b3a !important;
  color: #ffbd29 !important;
  font-size: 1.05rem !important;
  margin-bottom: 14px !important;
  box-shadow: none !important;
}
.highlight-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  color: #0b1b3a !important;
  margin: 0 0 6px !important;
}
.highlight-text {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: #6b7794 !important;
  margin: 0 !important;
}

/* ---------- Blog / Insights ---------- */
.blog-section {
  padding: 72px 0 !important;
  background: #f5f7fb !important;
  border-bottom: 1px solid #e8ecf2 !important;
}
.blog-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf2 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}
.blog-card:hover {
  border-color: #d6dce8 !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-4px) !important;
}
.blog-image {
  position: relative !important;
  height: 180px !important;
  overflow: hidden !important;
  background: #eef2f8 !important;
  border-bottom: 1px solid #e8ecf2 !important;
}
.blog-image img {
  width: 100% !important;
 
  object-fit: cover !important;
  transition: transform 0.55s ease !important;
}
.blog-card:hover .blog-image img { transform: scale(1.05) !important; }
.blog-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 16px 16px !important;
}
.blog-category {
  display: inline-block !important;
  align-self: flex-start !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #fbf5e8 !important;
  border: 1px solid #f0dcb0 !important;
  color: #9a6f1f !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}
.blog-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #0b1b3a !important;
  margin: 0 0 8px !important;
}
.blog-excerpt {
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  color: #6b7794 !important;
  margin: 0 0 10px !important;
}
.blog-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid #e8ecf2 !important;
  font-size: 0.75rem !important;
  color: #8d97ad !important;
}
.blog-meta i { color: #b5862c !important; padding-right: 10px;
}
.read-more-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #0b1b3a !important;
  border-bottom: 1px solid #c89b3c !important;
  padding-bottom: 1px !important;
  text-decoration: none !important;
  transition: color 0.22s ease !important;
}
.read-more-btn:hover {
  color: #9a6f1f !important;
  border-color: #9a6f1f !important;
}
.read-more-btn:hover i { transform: translateX(3px); }

@media (max-width: 992px) {
  .highlight-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 576px) {
  .highlight-cards { grid-template-columns: 1fr !important; }
}