/* Enhanced Color Palette */

        :root {

            --dark-blue: #0a1a3a;

            --gold: #d4af37;

            --bronze: #cd7f32;

            --black: #111111;

            --metallic: #c0c0c0;

            --metallic-dark: #8a8a8a;

            --teal: #00A6A6;

            --orange: #FF6B00;

            --light-bg: #f8f9fa;

            --white: #FFFFFF;

            --dark-gray: #666;

            --gradient-1: linear-gradient(135deg, var(--dark-blue) 0%, var(--teal) 100%);

            --gradient-2: linear-gradient(135deg, var(--gold) 0%, var(--orange) 100%);

            --gradient-3: linear-gradient(135deg, var(--metallic) 0%, var(--white) 100%);

            --flame: #FF4500;

            --kuwait-red: #CE1126;

        }

        

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Montserrat', sans-serif;

        }

        

        body {

            color: var(--black);

            line-height: 1.6;

            overflow-x: hidden;

            background-color: var(--white);

        }

        

        /* Container fix */

        .container {

            max-width: 1400px;

            margin: 0 auto;

            padding: 0 30px;

            width: 100%;

        }

        

        /* Animated Particle Background */

        .particles {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            z-index: -1;

            pointer-events: none;

        }

        

        .particle {

            position: absolute;

            border-radius: 50%;

            background: radial-gradient(circle, var(--gold), transparent);

            animation: float 20s infinite linear;

        }

        

        @keyframes float {

            0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; }

            50% { transform: translateY(-100px) rotate(180deg); opacity: 0.6; }

        }

        

        /* Text Split Animation */

        [text-split] { opacity: 0; }

        .word, .char { display: inline-block; transform-origin: center; }

        

        /* Custom Q8-MS Logo with Flame Animation */

        .logo-container {

            display: flex;

            align-items: center;

            gap: 15px;

        }

        

        .logo-animated {

            position: relative;

            width: 70px;

            height: 70px;

        }

        

        .logo-q {

            font-family: 'Oswald', sans-serif;

            font-size: 4rem;

            font-weight: 800;

            color: var(--dark-blue);

            position: relative;

            z-index: 2;

            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);

        }

        

        .logo-ms {

            font-family: 'Oswald', sans-serif;

            font-size: 2rem;

            font-weight: 600;

            color: var(--gold);

            align-self: flex-end;

            margin-bottom: 0.3rem;

            position: relative;

        }

        

        .flame-animation {

            position: absolute;

            top: -10px;

            left: 50%;

            transform: translateX(-50%);

            width: 40px;

            height: 60px;

            z-index: 1;

        }

        

        .flame {

            position: absolute;

            width: 100%;

            height: 100%;

            background: linear-gradient(to top, var(--flame), orange, yellow);

            border-radius: 50% 50% 20% 20%;

            animation: flicker 0.5s infinite alternate;

            filter: blur(2px);

            opacity: 0.8;

        }

        

        @keyframes flicker {

            0% { height: 60px; opacity: 0.7; transform: scaleY(0.9); }

            100% { height: 70px; opacity: 1; transform: scaleY(1.1); }

        }

        

        .flame-base {

            position: absolute;

            bottom: -5px;

            left: 50%;

            transform: translateX(-50%);

            width: 20px;

            height: 10px;

            background: var(--orange);

            border-radius: 50%;

        }

        .language-switcher {
            position: fixed; top: 70px; right: 70px; z-index: 1001;
            background: rgba(255,255,255,0.95); padding: 8px 14px; border-radius: 40px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08); backdrop-filter: blur(8px);
            display: flex; gap: 5px; flex-wrap: wrap; max-width: 80vw; max-height: 54px;
            overflow-x: auto; transition: max-height 0.3s ease;
        }
        .language-switcher:hover { max-height: 200px; overflow-y: auto; }
        .lang-btn {
            padding: 6px 14px; border: none; border-radius: 30px; background: transparent;
            color: #0f3460; font-weight: 600; cursor: pointer; font-size: 0.8rem;
            transition: all 0.2s; white-space: nowrap;
        }
        .lang-btn.active, .lang-btn:hover { background: #0f3460; color: white; }
        .music-player {
            position: fixed; top: 80px; left: 30px; z-index: 1001;
            background: rgba(255,255,255,0.9); padding: 10px; border-radius: 50%;
            box-shadow: 0 6px 18px rgba(0,0,0,0.1);
        } 

        /* Enhanced Header */

        header {

            background: linear-gradient(135deg, rgba(10, 26, 58, 0.95) 0%, rgba(10, 26, 58, 0.98) 100%);

            position: fixed;

            width: 100%;

            z-index: 1000;

            padding: 20px 0;

            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

            backdrop-filter: blur(10px);

            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);

        }

        

        header.scrolled {

            padding: 15px 0;

            background: rgba(10, 26, 58, 0.98);

            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);

        }

        

        .header-container {

            display: flex;

            justify-content: space-between;

            align-items: center;

            max-width: 1400px;

            margin: 0 auto;

            padding: 0 30px;

        }

        

        /* Navigation */

        nav ul {

            display: flex;

            list-style: none;

            gap: 35px;

        }

        

        nav ul li {

            position: relative;

        }

        

        nav ul li a {

            color: var(--white);

            text-decoration: none;

            font-weight: 600;

            font-size: 1.1rem;

            padding: 8px 0;

            position: relative;

            transition: all 0.3s ease;

            opacity: 0.9;

        }

        

        nav ul li a::before {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 0;

            height: 3px;

            background: var(--gradient-2);

            border-radius: 2px;

            transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);

        }

        

        nav ul li a:hover {

            color: var(--gold);

            opacity: 1;

            transform: translateY(-2px);

        }

        

        nav ul li a:hover::before {

            width: 100%;

        }

        

        /* Mobile Navigation Toggle */

        .nav-toggle {

            display: none;

            background: transparent;

            border: none;

            color: var(--white);

            font-size: 1.5rem;

            cursor: pointer;

        }

        

        /* Enhanced Hero Section */

        .hero {

            height: 100vh;

            position: relative;

            display: flex;

            align-items: center;

            padding: 0 30px;

            padding-top: 100px;

            background: linear-gradient(135deg, rgba(10, 26, 58, 0.9) 0%, rgba(10, 26, 58, 0.95) 100%);

            overflow: hidden;

        }

        

        .hero-container {

            max-width: 1400px;

            margin: 0 auto;

            width: 100%;

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 60px;

            align-items: center;

        }

        

        .hero-content {

            color: var(--white);

        }

        

        .hero h1 {

            font-size: 4rem;

            margin-bottom: 25px;

            line-height: 1.1;

            background: linear-gradient(to right, #ffffff, var(--gold));

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

            font-family: 'Oswald', sans-serif;

        }

        

        .hero-subtitle {

            font-size: 1.3rem;

            margin-bottom: 40px;

            line-height: 1.8;

            opacity: 0.9;

            max-width: 600px;

        }

        

        /* Hero Video */

        .hero-video-container {

            position: relative;

            border-radius: 20px;

            overflow: hidden;

            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);

            height: 400px;

        }

        

        .hero-video-container video {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

        }

        

        .video-overlay {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: linear-gradient(45deg, rgba(10, 26, 58, 0.2), transparent);

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        .play-button {

            width: 80px;

            height: 80px;

            background: rgba(212, 175, 55, 0.9);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: var(--dark-blue);

            font-size: 30px;

            cursor: pointer;

            transition: all 0.3s ease;

            border: none;

        }

        

        .play-button:hover {

            transform: scale(1.1);

            background: var(--gold);

        }

        

        /* Enhanced Buttons */

        .btn {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            background: var(--gradient-2);

            color: var(--dark-blue);

            padding: 16px 35px;

            border: none;

            border-radius: 50px;

            cursor: pointer;

            text-decoration: none;

            font-weight: bold;

            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

            position: relative;

            overflow: hidden;

            font-size: 1.1rem;

            letter-spacing: 0.5px;

            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);

        }

        

        .btn::before {

            content: '';

            position: absolute;

            top: 0;

            left: -100%;

            width: 100%;

            height: 100%;

            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);

            transition: left 0.7s;

        }

        

        .btn:hover::before {

            left: 100%;

        }

        

        .btn:hover {

            transform: translateY(-5px) scale(1.05);

            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);

        }

        

        .btn-outline {

            background: transparent;

            border: 2px solid var(--gold);

            color: var(--gold);

        }

        

        .btn-outline:hover {

            background: var(--gold);

            color: var(--dark-blue);

        }

        

        .btn-primary {

            background: var(--gradient-1);

            color: var(--white);

        }

        

        .hero-btns {

            display: flex;

            gap: 25px;

            flex-wrap: wrap;

        }

        

        /* Section Styles */

        section {

            padding: 100px 30px;

        }

        

        .section-container {

            max-width: 1400px;

            margin: 0 auto;

        }

        

        .section-title {

            text-align: center;

            margin-bottom: 60px;

        }

        

        .section-title h2 {

            font-size: 3rem;

            margin-bottom: 20px;

            position: relative;

            display: inline-block;

            font-family: 'Oswald', sans-serif;

            background: var(--gradient-1);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

        }

        

        .section-title h2::after {

            content: '';

            position: absolute;

            width: 100px;

            height: 4px;

            background: var(--gradient-2);

            bottom: -15px;

            left: 50%;

            transform: translateX(-50%);

            border-radius: 2px;

        }

        

        .section-subtitle {

            text-align: center;

            color: var(--dark-gray);

            font-size: 1.2rem;

            max-width: 800px;

            margin: 0 auto;

        }

        

        /* Services Grid */

        .services-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 40px;

        }

        

        .service-card {

            background: var(--white);

            border-radius: 20px;

            padding: 40px;

            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);

            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

            position: relative;

            overflow: hidden;

            border: 1px solid rgba(212, 175, 55, 0.1);

        }

        

        .service-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 5px;

            background: var(--gradient-2);

            transform: scaleX(0);

            transform-origin: left;

            transition: transform 0.4s ease;

        }

        

        .service-card:hover {

            transform: translateY(-20px) scale(1.02);

            box-shadow: 0 30px 60px rgba(212, 175, 55, 0.15);

        }

        

        .service-card:hover::before {

            transform: scaleX(1);

        }

        

        .service-icon {

            font-size: 3rem;

            margin-bottom: 25px;

            background: var(--gradient-2);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

            transition: all 0.4s ease;

        }

        

        .service-card:hover .service-icon {

            transform: scale(1.2) rotate(10deg);

        }

        

        .service-price {

            font-size: 2rem;

            font-weight: 700;

            color: var(--dark-blue);

            margin: 20px 0;

            font-family: 'Oswald', sans-serif;

        }

        

        /* Chart Container */

        .chart-section {

            background: linear-gradient(135deg, var(--light-bg) 0%, #ffffff 100%);

            position: relative;

            overflow: hidden;

        }

        

        .chart-container {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 60px;

            align-items: center;

            margin-top: 60px;

        }

        

        .chart-box {

            background: var(--white);

            border-radius: 20px;

            padding: 40px;

            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);

            border: 1px solid rgba(212, 175, 55, 0.1);

        }

        

        .chart-title {

            font-size: 1.5rem;

            margin-bottom: 30px;

            color: var(--dark-blue);

            font-family: 'Oswald', sans-serif;

            text-align: center;

        }

        

        .chart-canvas {

            width: 100%;

            height: 300px;

        }

        

        /* Market Statistics Section */

        .market-stats {

            background: linear-gradient(135deg, var(--dark-blue) 0%, #0f2450 100%);

            color: var(--white);

            padding: 80px 30px;

            text-align: center;

            position: relative;

            overflow: hidden;

        }

        

        .market-stats::before {

            content: '';

            position: absolute;

            width: 300px;

            height: 300px;

            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);

            top: -150px;

            right: -150px;

            border-radius: 50%;

            animation: pulse 8s ease-in-out infinite;

        }

        

        @keyframes pulse {

            0%, 100% { transform: scale(1); opacity: 0.3; }

            50% { transform: scale(1.2); opacity: 0.5; }

        }

        

        .stats-title {

            font-size: 3rem;

            margin-bottom: 60px;

            color: var(--white);

            font-family: 'Oswald', sans-serif;

            position: relative;

            z-index: 2;

        }

        

        .stats-grid {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 40px;

            position: relative;

            z-index: 2;

        }

        

        .stat-item {

            position: relative;

            padding: 30px;

            background: rgba(255, 255, 255, 0.1);

            border-radius: 15px;

            backdrop-filter: blur(10px);

            border: 1px solid rgba(255, 255, 255, 0.2);

        }

        

        .stat-item h3 {

            font-size: 3.5rem;

            margin-bottom: 10px;

            font-weight: 800;

            background: linear-gradient(to right, var(--gold), var(--orange));

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

            font-family: 'Oswald', sans-serif;

        }

        

        .stat-item p {

            font-size: 1.1rem;

            opacity: 0.9;

            text-transform: uppercase;

            letter-spacing: 1px;

        }

        

        .stat-icon {

            font-size: 2.5rem;

            margin-bottom: 15px;

            color: var(--gold);

        }

        

         /* Animated Banner Styles */

        .banner-section {

            padding: 60px 0;

        }



        .banner-section .section-title {

            margin-bottom: 40px;

        }



        .banners-container {

            display: grid;

            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

            gap: 25px;

            margin-bottom: 50px;

        }



        .banner {

            border-radius: 10px;

            overflow: hidden;

            position: relative;

            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

            transition: transform 0.5s ease, box-shadow 0.5s ease;

            height: 200px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            padding: 25px;

            color: var(--white);

        }



        .banner:hover {

            transform: translateY(-10px);

            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);

        }



        .banner h3 {

            font-size: 22px;

            margin-bottom: 10px;

            color: inherit;

            z-index: 2;

            position: relative;

        }



        .banner p {

            font-size: 14px;

            opacity: 0.9;

            z-index: 2;

            position: relative;

        }



        .banner::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, 0.4);

            z-index: 1;

        }



        .banner-1 {

            background: var(--gradient-1);

            animation: pulse 4s infinite;

        }



        .banner-2 {

            background: var(--gradient-2);

            animation: colorShift 5s infinite alternate;

        }



        .banner-3 {

            background: linear-gradient(135deg, var(--kuwait-red) 0%, var(--orange) 100%);

            animation: slideInRight 6s infinite alternate;

        }



        @keyframes colorShift {

            0% { filter: hue-rotate(0deg); }

            100% { filter: hue-rotate(20deg); }

        }



        @keyframes slideInRight {

            0% { background-position: 0% 50%; }

            100% { background-position: 100% 50%; }

        }



        /* Featured Sections */

        .featured-sections {

            padding: 60px 0;

            background-color: var(--light-bg);

        }



        .featured-grid {

            display: grid;

            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));

            gap: 30px;

        }



        .featured-card {

            background-color: var(--white);

            border-radius: 10px;

            overflow: hidden;

            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

            transition: transform 0.3s ease;

            height: 100%;

        }



        .featured-card:hover {

            transform: translateY(-10px);

        }



        .card-header {

            padding: 20px;

            background: var(--gradient-1);

            color: var(--white);

        }



        .card-header h3 {

            color: var(--white);

            font-size: 20px;

            margin: 0;

        }



        .card-body {

            padding: 25px;

        }



        .card-body p {

            margin-bottom: 15px;

            color: #555;

        }



        .card-footer {

            padding: 0 25px 25px;

        }



        .tag {

            display: inline-block;

            padding: 5px 10px;

            background-color: rgba(212, 175, 55, 0.1);

            color: var(--gold);

            border-radius: 4px;

            font-size: 12px;

            font-weight: 600;

            margin-right: 10px;

            margin-bottom: 10px;

        }

        

        /* Articles Section */

        .articles-section {

            padding: 80px 30px;

            background: var(--light-bg);

        }

        

        .articles-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

            margin-top: 40px;

        }

        

        .article-card {

            background: var(--white);

            border-radius: 15px;

            overflow: hidden;

            box-shadow: 0 10px 30px rgba(0,0,0,0.1);

            transition: transform 0.3s ease;

        }

        

        .article-card:hover {

            transform: translateY(-10px);

        }

        

        .article-image {

            height: 200px;

            position: relative;

            background-size: cover;

        }

        

        .article-content {

            padding: 25px;

        }

        

        .article-content h4 {

            font-size: 1.3rem;

            margin-bottom: 15px;

            color: var(--dark-blue);

        }

        

        .article-meta {

            display: flex;

            justify-content: space-between;

            margin-top: 15px;

            font-size: 0.9rem;

            color: var(--dark-gray);

        }

        

        /* Main Content Container Styles */

        .section {

            margin-bottom: 80px;

        }

        

        .section-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 20px;

        }

        

        .section-header h2 {

            font-size: 2.5rem;

            background: var(--gradient-1);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

            font-family: 'Oswald', sans-serif;

        }

        

        .view-all {

            color: var(--gold);

            text-decoration: none;

            font-weight: 600;

        }

        

        .section-intro {

            color: var(--dark-gray);

            margin-bottom: 40px;

            font-size: 1.1rem;

            line-height: 1.7;

        }

        

        .cards-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

        }

        

        .card {

            background: var(--white);

            border-radius: 15px;

            overflow: hidden;

            box-shadow: 0 10px 30px rgba(0,0,0,0.1);

        }

        

        .card-img {

            height: 200px;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        .card-content {

            padding: 25px;

        }

        

        .card-category {

            color: var(--gold);

            font-weight: 600;

            text-transform: uppercase;

            font-size: 0.9rem;

            letter-spacing: 1px;

        }

        

        .card-title {

            margin: 15px 0;

            font-size: 1.3rem;

            color: var(--dark-blue);

        }

        

        .card-desc {

            color: var(--dark-gray);

            margin-bottom: 20px;

            line-height: 1.6;

        }

        

        .card-link {

            color: var(--gold);

            text-decoration: none;

            font-weight: 600;

        }

        

        /* Podcast Section */

        .podcast-card {

            background: var(--white);

            border-radius: 15px;

            overflow: hidden;

            box-shadow: 0 10px 30px rgba(0,0,0,0.1);

            display: grid;

            grid-template-columns: 300px 1fr;

        }

        

        .podcast-img {

            height: 300px;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        .podcast-content {

            padding: 40px;

        }

        

        .podcast-title {

            font-size: 2rem;

            margin-bottom: 10px;

            color: var(--dark-blue);

            font-family: 'Oswald', sans-serif;

        }

        

        .podcast-host {

            color: var(--gold);

            font-weight: 600;

            margin-bottom: 20px;

        }

        

        .podcast-desc {

            color: var(--dark-gray);

            line-height: 1.7;

            margin-bottom: 30px;

        }

        

        .play-btn {

            background: var(--gradient-1);

            color: var(--white);

            border: none;

            padding: 15px 30px;

            border-radius: 50px;

            cursor: pointer;

            font-weight: 600;

            font-size: 1rem;

            transition: all 0.3s ease;

        }

        

        .play-btn:hover {

            transform: translateY(-3px);

            box-shadow: 0 10px 20px rgba(10, 26, 58, 0.3);

        }

        

        /* Opportunities Section */

        .opportunities-section {

            background: linear-gradient(135deg, var(--dark-blue) 0%, #0f2450 100%);

            color: var(--white);

        }

        

        .opportunities-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

            gap: 40px;

        }

        

        .opportunity-card {

            background: rgba(255, 255, 255, 0.1);

            border-radius: 20px;

            padding: 40px;

            backdrop-filter: blur(10px);

            border: 1px solid rgba(212, 175, 55, 0.2);

            transition: all 0.3s ease;

        }

        

        .opportunity-card:hover {

            transform: translateY(-10px);

            border-color: var(--gold);

            background: rgba(255, 255, 255, 0.15);

        }

        

        .opportunity-icon {

            font-size: 2.5rem;

            margin-bottom: 20px;

            color: var(--gold);

        }

        

        /* Partners Section */

        .partners-section {

            background: linear-gradient(135deg, var(--gold) 0%, var(--orange) 100%);

            text-align: center;

        }

        

        .partners-container {

            max-width: 900px;

            margin: 0 auto;

        }

        

        .partners-title {

            font-size: 2.5rem;

            margin-bottom: 25px;

            color: var(--dark-blue);

            font-family: 'Oswald', sans-serif;

        }

        

        .partners-description {

            font-size: 1.2rem;

            margin-bottom: 40px;

            color: var(--dark-blue);

            opacity: 0.9;

        }

        

        .benefits-grid {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 30px;

            margin: 50px 0;

        }

        

        .benefit-card {

            background: rgba(255, 255, 255, 0.9);

            padding: 30px;

            border-radius: 15px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

        }

        

        /* Contact Form */

        .contact-form {

            background: var(--white);

            border-radius: 20px;

            padding: 50px;

            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);

            max-width: 800px;

            margin: 0 auto;

        }

        

        .form-grid {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 25px;

            margin-bottom: 25px;

        }

        

        .form-group {

            margin-bottom: 30px;

        }

        

        .form-group label {

            display: block;

            margin-bottom: 10px;

            font-weight: 600;

            color: var(--dark-blue);

            font-size: 1.1rem;

        }

        

        .form-group input, .form-group select {

            width: 100%;

            padding: 16px 20px;

            background: rgba(192, 192, 192, 0.1);

            border: 1px solid rgba(192, 192, 192, 0.5);

            border-radius: 10px;

            font-size: 1rem;

            color: var(--black);

            transition: all 0.3s ease;

        }

        

        .form-group input:focus, .form-group select:focus {

            outline: none;

            border-color: var(--gold);

            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);

        }

        

        .form-submit {

            background: var(--gradient-1);

            color: var(--white);

            width: 100%;

            padding: 18px;

            font-size: 1.2rem;

            border-radius: 10px;

            border: none;

            cursor: pointer;

            transition: all 0.3s ease;

            margin-top: 20px;

            font-weight: 600;

        }

        

        .form-submit:hover {

            transform: translateY(-3px);

            box-shadow: 0 10px 20px rgba(10, 26, 58, 0.3);

        }

        

        /* Enhanced Footer */

        footer {

            background: linear-gradient(135deg, var(--dark-blue) 0%, #0a1a3a 100%);

            color: var(--white);

            padding: 80px 30px 40px;

        }

        

        .footer-container {

            max-width: 1400px;

            margin: 0 auto;

        }

        

        .footer-content {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 50px;

            margin-bottom: 50px;

        }

        

        .footer-column h3 {

            font-size: 1.4rem;

            margin-bottom: 25px;

            background: var(--gradient-2);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

            padding-bottom: 10px;

            border-bottom: 2px solid var(--gold);

            font-family: 'Oswald', sans-serif;

        }

        

        .footer-column p {

            color: #ccc;

            line-height: 1.8;

            margin-bottom: 20px;

        }

        

        .footer-column ul {

            list-style: none;

        }

        

        .footer-column ul li {

            margin-bottom: 12px;

        }

        

        .footer-column ul li a {

            color: #ccc;

            text-decoration: none;

            transition: all 0.3s ease;

            display: inline-block;

            padding: 5px 0;

            position: relative;

        }

        

        .footer-column ul li a::before {

            content: '→';

            position: absolute;

            left: -20px;

            opacity: 0;

            transition: all 0.3s ease;

            color: var(--gold);

        }

        

        .footer-column ul li a:hover {

            color: var(--gold);

            transform: translateX(10px);

        }

        

        .footer-column ul li a:hover::before {

            opacity: 1;

            left: -15px;

        }

        

        .contact-info li {

            display: flex;

            align-items: center;

            gap: 10px;

            margin-bottom: 15px;

        }

        

        .contact-info i {

            color: var(--gold);

            width: 20px;

        }

        

        .social-links {

            display: flex;

            gap: 20px;

            margin-top: 20px;

        }

        

        .social-links a {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            width: 45px;

            height: 45px;

            background: rgba(255, 255, 255, 0.1);

            border-radius: 50%;

            color: var(--white);

            text-decoration: none;

            transition: all 0.3s ease;

            font-size: 1.2rem;

        }

        

        .social-links a:hover {

            background: var(--gold);

            transform: translateY(-5px) rotate(360deg);

            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);

        }

        

        .footer-bottom {

            text-align: center;

            padding-top: 30px;

            border-top: 1px solid rgba(255, 255, 255, 0.1);

            color: #aaa;

            font-size: 0.9rem;

        }

        

        .footer-bottom a {

            color: var(--gold);

            text-decoration: none;

            transition: color 0.3s ease;

        }

        

        .footer-bottom a:hover {

            color: var(--orange);

        }

        

        .footer-logo {

            display: flex;

            align-items: center;

            gap: 15px;

            margin-bottom: 20px;

        }

        

        /* Floating Contact Button */

        .floating-contact {

            position: fixed;

            bottom: 30px;

            right: 30px;

            z-index: 1000;

        }

        

        .contact-btn {

            width: 60px;

            height: 60px;

            background: var(--gradient-2);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: var(--dark-blue);

            font-size: 1.5rem;

            text-decoration: none;

            box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);

            transition: all 0.3s ease;

            animation: pulseBtn 2s infinite;

        }

        

        @keyframes pulseBtn {

            0%, 100% { transform: scale(1); }

            50% { transform: scale(1.1); }

        }

        

        .contact-btn:hover {

            transform: scale(1.1) rotate(45deg);

        }

        

        /* Form Messages */

        .form-message {

            text-align: center;

            margin-top: 20px;

            padding: 15px;

            border-radius: 10px;

            display: none;

        }

        

        .form-message.success {

            background-color: rgba(46, 204, 113, 0.1);

            color: #27ae60;

            border: 1px solid #27ae60;

        }

        

        .form-message.error {

            background-color: rgba(231, 76, 60, 0.1);

            color: #c0392b;

            border: 1px solid #c0392b;

        }

        

        /* Responsive Design */

        @media (max-width: 1200px) {

            .hero-container, .chart-container, .footer-content, .podcast-card {

                grid-template-columns: 1fr;

            }

            

            .hero-video-container {

                height: 400px;

            }

            

            .stats-grid {

                grid-template-columns: repeat(2, 1fr);

            }

            

            .podcast-img {

                height: 200px;

            }

        }

        

        @media (max-width: 992px) {

            .hero h1 { font-size: 3rem; }

            .section-title h2 { font-size: 2.5rem; }

            .benefits-grid, .stats-grid { grid-template-columns: 1fr; }

            .form-grid { grid-template-columns: 1fr; }

            .footer-content { grid-template-columns: repeat(2, 1fr); }

            .nav-toggle { display: block; }

            

            nav ul {

                position: fixed;

                top: 100px;

                left: 0;

                width: 100%;

                background: var(--dark-blue);

                flex-direction: column;

                padding: 30px;

                gap: 20px;

                transform: translateY(-100%);

                opacity: 0;

                visibility: hidden;

                transition: all 0.3s ease;

                box-shadow: 0 10px 30px rgba(0,0,0,0.3);

            }

            

            nav ul.active {

                transform: translateY(0);

                opacity: 1;

                visibility: visible;

            }

        }

        

        @media (max-width: 768px) {

            .hero h1 { font-size: 2.5rem; }

            .hero-subtitle { font-size: 1.1rem; }

            .hero-btns { flex-direction: column; }

            .btn { width: 100%; justify-content: center; }

            section { padding: 80px 20px; }

            .stats-title { font-size: 2.5rem; }

            .footer-content { grid-template-columns: 1fr; }

            .stats-grid { grid-template-columns: 1fr; }

            .contact-form { padding: 30px; }

            .chart-container { grid-template-columns: 1fr; }

            .cards-grid { grid-template-columns: 1fr; }

        }

        

        @media (max-width: 480px) {

            .hero h1 { font-size: 2rem; }

            .hero-subtitle { font-size: 1rem; }

            .section-title h2 { font-size: 2rem; }

            .service-card, .opportunity-card { padding: 25px; }

            .benefits-grid { grid-template-columns: 1fr; }

        }