<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <!-- SEO Meta Tags -->
    <title>@yield('title', 'LECL - London Education and Consulting LTD | Study Abroad Experts')</title>
    <meta name="description" content="@yield('description', 'LECL - Opening Doors to Global Education. Leading International Student Recruitment Agency with offices across UK, South Asia, Africa, and Europe. Expert guidance for studying abroad.')">
    <meta name="keywords" content="@yield('keywords', 'study abroad, international education, student recruitment, UK universities, global education, educational consultancy, LECL, student visa, university admission, overseas education')">
    <meta name="author" content="LECL - London Education and Consulting LTD">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">

    <!-- Canonical URL -->
    <link rel="canonical" href="{{ url()->current() }}">

    <!-- Sitemap Reference -->
    <link rel="sitemap" type="application/xml" href="{{ asset('sitemap.xml') }}">

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/lecl.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/lecl.png') }}">
    <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('img/lecl.png') }}">
    <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('img/lecl.png') }}">

    <!-- Microsoft Tiles -->
    <meta name="msapplication-TileColor" content="#1e3a8a">
    <meta name="msapplication-TileImage" content="{{ asset('img/lecl.png') }}">
    <meta name="theme-color" content="#1e3a8a">

    <!-- Open Graph Meta Tags -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="@yield('og_title', 'LECL - London Education and Consulting LTD | Study Abroad Experts')">
    <meta property="og:description" content="@yield('og_description', 'LECL - Opening Doors to Global Education. Leading International Student Recruitment Agency with offices across UK, South Asia, Africa, and Europe. Expert guidance for studying abroad.')">
    <meta property="og:url" content="{{ url()->current() }}">
    <meta property="og:site_name" content="LECL - London Education and Consulting LTD">
    <meta property="og:image" content="{{ asset('img/lecl.png') }}">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="LECL - London Education and Consulting LTD Logo">
    <meta property="og:locale" content="en_GB">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="@yield('twitter_title', 'LECL - London Education and Consulting LTD | Study Abroad Experts')">
    <meta name="twitter:description" content="@yield('twitter_description', 'LECL - Opening Doors to Global Education. Leading International Student Recruitment Agency with offices across UK, South Asia, Africa, and Europe.')">
    <meta name="twitter:image" content="{{ asset('img/lecl.png') }}">
    <meta name="twitter:image:alt" content="LECL - London Education and Consulting LTD Logo">
    <meta name="twitter:site" content="@LECL_Official">
    <meta name="twitter:creator" content="@LECL_Official">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
        crossorigin="anonymous" referrerpolicy="no-referrer">
    <!-- Font Awesome Fallback -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.1/css/all.css" crossorigin="anonymous">

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "LECL - London Education and Consulting LTD",
        "alternateName": "LECL",
        "url": "{{ url('/') }}",
        "logo": "{{ asset('img/lecl.png') }}",
        "description": "Leading International Student Recruitment Agency with offices across UK, South Asia, Africa, and Europe. Expert guidance for studying abroad.",
        "foundingDate": "2010",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "London",
            "addressCountry": "GB"
        },
        "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "availableLanguage": ["English"]
        },
        "sameAs": [
            "https://www.facebook.com/profile.php?id=61579411509397",
            "https://www.twitter.com/LECL_Official",
            "https://www.linkedin.com/company/lecl",
            "https://www.instagram.com/lecl_official"
        ],
        "serviceType": "Educational Consultancy",
        "areaServed": ["United Kingdom", "South Asia", "Africa", "Europe"],
        "knowsAbout": ["International Education", "Student Recruitment", "University Admissions", "Student Visa Services", "Study Abroad Programs"]
    }
    </script>

    <!-- Website Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "LECL - London Education and Consulting LTD",
        "url": "{{ url('/') }}",
        "description": "Opening Doors to Global Education. Leading International Student Recruitment Agency.",
        "publisher": {
            "@type": "Organization",
            "name": "LECL - London Education and Consulting LTD",
            "logo": "{{ asset('img/lecl.png') }}"
        },
        "potentialAction": {
            "@type": "SearchAction",
            "target": "{{ url('/') }}?search={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>

    <!-- Styles -->
    @vite(['resources/css/app.css', 'resources/js/app.js'])

    @stack('styles')

    <!-- Animation and Loading Styles -->
    <style>
        /* CSS Custom Properties - Brand Colors */
        :root {
            --primary-navy: #1e3a8a;
            --primary-blue: #3b82f6;
            --secondary-light-blue: #60a5fa;
            --accent-gold: #f59e0b;
            --neutral-dark: #1f2937;
            --neutral-medium: #6b7280;
            --neutral-light: #f8fafc;
            --white: #ffffff;
            --gradient-primary: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue) 100%);
            --gradient-secondary: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-light-blue) 100%);
            --shadow-primary: 0 10px 25px rgba(30, 58, 138, 0.15);
            --shadow-hover: 0 20px 40px rgba(30, 58, 138, 0.2);
        }

        /* Loading Screen */
        .loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--gradient-primary);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s ease-out;
        }

        .loading-screen.fade-out {
            opacity: 0;
            pointer-events: none;
        }

        .loader-logo {
            margin-bottom: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @keyframes pulse {

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

            50% {
                opacity: 0.7;
                transform: scale(1.05);
            }
        }

        .loader-spinner {
            width: 60px;
            height: 60px;
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-top: 4px solid white;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-bottom: 1rem;
        }

        .loader-text {
            color: white;
            font-size: 1.1rem;
            font-weight: 500;
            animation: fadeInOut 2s infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes pulse {

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

            50% {
                transform: scale(1.05);
            }
        }

        @keyframes fadeInOut {

            0%,
            100% {
                opacity: 0.7;
            }

            50% {
                opacity: 1;
            }
        }

        /* Scroll Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .slide-up {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.6s ease-out;
        }

        .slide-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .slide-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s ease-out;
        }

        .slide-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .slide-right {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s ease-out;
        }

        .slide-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Hover Effects */
        .card-hover {
            transition: all 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
        }

        .btn-hover {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .btn-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .btn-hover::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.5s;
        }

        .btn-hover:hover::before {
            left: 100%;
        }

        /* Enhanced Professional Navigation */
        .professional-nav {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            border-bottom: 1px solid rgba(30, 58, 138, 0.1);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        .professional-nav.scrolled {
            background-color: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(20px);
            box-shadow: 0 8px 32px rgba(30, 58, 138, 0.12) !important;
            border-bottom: 1px solid rgba(30, 58, 138, 0.08);
        }

        /* Enhanced Brand */
        .brand-enhanced {
            transition: all 0.3s ease;
            text-decoration: none !important;
        }

        .brand-enhanced:hover {
            transform: scale(1.02);
        }

        .brand-logo {
            height: 100px;
            width: auto;
            margin-right: 15px;
            transition: all 0.3s ease;
            filter: drop-shadow(0 2px 4px rgba(30, 58, 138, 0.1));
        }

        .brand-text {
            display: flex;
            flex-direction: column;
        }

        .brand-name {
            color: var(--primary-navy);
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 1;
            letter-spacing: -0.02em;
        }

        .brand-tagline {
            color: var(--neutral-medium);
            font-size: 0.75rem;
            font-weight: 500;
            line-height: 1;
            margin-top: 2px;
            opacity: 0.8;
        }

        /* Custom Mobile Toggler */
        .custom-toggler {
            border: none;
            padding: 8px 12px;
            background: transparent;
            position: relative;
            width: 40px;
            height: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .custom-toggler:hover {
            background-color: rgba(30, 58, 138, 0.05);
        }

        .custom-toggler:focus {
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
            outline: none;
        }

        .toggler-line {
            width: 22px;
            height: 2px;
            background-color: var(--primary-navy);
            margin: 2px 0;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 2px;
        }

        .custom-toggler[aria-expanded="true"] .toggler-line:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .custom-toggler[aria-expanded="true"] .toggler-line:nth-child(2) {
            opacity: 0;
        }

        .custom-toggler[aria-expanded="true"] .toggler-line:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -6px);
        }

        /* Enhanced Navigation Links */
        .enhanced-link {
            position: relative;
            color: var(--neutral-dark) !important;
            font-weight: 600;
            font-size: 0.95rem;
            padding: 12px 12px !important;
            /* margin: 0 4px; */
            border-radius: 8px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            text-decoration: none;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .enhanced-link i {
            font-size: 0.9rem;
            opacity: 0.8;
            transition: all 0.3s ease;
            font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
            font-weight: 900 !important;
            display: inline-block !important;
            font-style: normal !important;
            font-variant: normal !important;
            text-rendering: auto !important;
            -webkit-font-smoothing: antialiased !important;
        }

        .enhanced-link:hover {
            color: var(--primary-blue) !important;
            background-color: rgba(59, 130, 246, 0.08);
            transform: translateY(-1px);
        }

        .enhanced-link:hover i {
            opacity: 1;
            transform: scale(1.1);
        }

        .enhanced-link.active {
            color: var(--primary-blue) !important;
            background-color: rgba(59, 130, 246, 0.12);
            font-weight: 700;
        }

        .enhanced-link.active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 3px;
            background: linear-gradient(180deg, var(--primary-blue), var(--secondary-light-blue));
            border-radius: 0 2px 2px 0;
        }

        .enhanced-link.active i {
            opacity: 1;
            color: var(--primary-blue);
        }

        /* CTA Button */
        .btn-cta {
            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-light-blue)) !important;
            color: white !important;
            font-weight: 600;
            border-radius: 25px !important;
            padding: 10px 20px !important;
            margin-left: 8px;
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
            border: none;
            position: relative;
            overflow: hidden;
        }

        .btn-cta:hover {
            background: linear-gradient(135deg, var(--primary-navy), var(--primary-blue)) !important;
            color: white !important;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
        }

        .btn-cta::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.5s;
        }

        .btn-cta:hover::before {
            left: 100%;
        }

        /* Enhanced Dropdowns */
        .enhanced-dropdown {
            border: none;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
            margin-top: 8px;
            backdrop-filter: blur(20px);
            background-color: rgba(255, 255, 255, 0.95);
        }

        .enhanced-dropdown-item {
            padding: 12px 20px;
            font-weight: 500;
            color: var(--neutral-dark);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            border-radius: 8px;
            margin: 2px 8px;
        }

        .enhanced-dropdown-item:hover {
            background-color: rgba(59, 130, 246, 0.08);
            color: var(--primary-blue);
            transform: translateX(4px);
        }

        .enhanced-dropdown-item i {
            opacity: 0.7;
            transition: all 0.3s ease;
            font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
            font-weight: 900 !important;
            display: inline-block !important;
            font-style: normal !important;
            font-variant: normal !important;
            text-rendering: auto !important;
            -webkit-font-smoothing: antialiased !important;
        }

        .enhanced-dropdown-item:hover i {
            opacity: 1;
            transform: scale(1.1);
        }

        /* Mobile-First Responsive Design */
        /* Base styles for mobile devices */
        html,
        body {
            overflow-x: hidden;
            width: 100%;
            max-width: 100%;
        }

        .container {
            padding-left: 15px;
            padding-right: 15px;
            width: 100%;
            max-width: 100%;
        }

        .navbar {
            width: 100%;
            max-width: 100%;
        }

        .navbar .container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
        }

        .navbar-brand {
            flex-shrink: 0;
        }

        .navbar-toggler {
            border: none;
            outline: none;
        }

        /* Enhanced Mobile Navigation */
        @media (max-width: 991.98px) {
            .professional-nav {
                padding: 8px 0;
                width: 100%;
                left: 0;
                right: 0;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }

            .professional-nav .container {
                padding-left: 15px;
                padding-right: 15px;
                width: 100%;
                max-width: 100%;
            }

            .navbar-brand {
                margin-right: auto;
            }

            .brand-logo {
                height: 45px;
                margin-right: 12px;
            }

            .brand-name {
                font-size: 1.2rem;
            }

            .brand-tagline {
                font-size: 0.7rem;
            }

            .custom-toggler {
                width: 48px;
                height: 48px;
                padding: 12px;
                border-radius: 12px;
                background: rgba(30, 58, 138, 0.1);
                backdrop-filter: blur(15px);
                border: 2px solid rgba(30, 58, 138, 0.2);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
            }

            .custom-toggler::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
                opacity: 0;
                transition: opacity 0.3s ease;
            }

            .custom-toggler:hover {
                background: rgba(30, 58, 138, 0.2);
                transform: scale(1.05);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                border-color: rgba(30, 58, 138, 0.3);
            }

            .custom-toggler:hover::before {
                opacity: 1;
            }

            .custom-toggler:focus {
                outline: none;
                box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
            }

            .custom-toggler:active {
                transform: scale(0.95);
            }

            .toggler-line {
                width: 24px;
                height: 3px;
                margin: 3px 0;
                background: var(--primary-navy);
                border-radius: 2px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .custom-toggler.collapsed .toggler-line:nth-child(1) {
                transform: rotate(45deg) translate(6px, 6px);
            }

            .custom-toggler.collapsed .toggler-line:nth-child(2) {
                opacity: 0;
            }

            .custom-toggler.collapsed .toggler-line:nth-child(3) {
                transform: rotate(-45deg) translate(6px, -6px);
            }

            .navbar-collapse {
                background-color: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(25px);
                border-radius: 20px;
                margin-top: 20px;
                padding: 30px;
                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
                border: 1px solid rgba(255, 255, 255, 0.2);
                animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            }

            @keyframes slideDown {
                from {
                    opacity: 0;
                    transform: translateY(-30px) scale(0.95);
                }

                to {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                }
            }

            .enhanced-link {
                margin: 8px 0;
                padding: 20px 28px !important;
                border-radius: 16px;
                font-size: 1.1rem;
                font-weight: 600;
                min-height: 60px;
                display: flex;
                align-items: center;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
                background: rgba(255, 255, 255, 0.5);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.2);
            }

            .enhanced-link::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
                transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                z-index: -1;
            }

            .enhanced-link:hover {
                transform: translateX(12px) translateY(-2px);
                color: white !important;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
                border-color: rgba(255, 255, 255, 0.3);
            }

            .enhanced-link:hover::before {
                left: 0;
            }

            .enhanced-link:active {
                transform: translateX(6px) translateY(0) scale(0.98);
            }

            .enhanced-link.active {
                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
                color: white !important;
                box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
            }

            .enhanced-link.active::before {
                left: 0;
            }

            .enhanced-link i {
                font-size: 1.2rem;
                margin-right: 15px;
                width: 24px;
                text-align: center;
                transition: all 0.3s ease;
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
                font-weight: 900 !important;
                display: inline-block !important;
                font-style: normal !important;
                font-variant: normal !important;
                text-rendering: auto !important;
                -webkit-font-smoothing: antialiased !important;
            }

            .enhanced-link:hover i {
                transform: scale(1.1) rotate(5deg);
            }

            .btn-cta {
                margin: 20px 0 10px 0;
                text-align: center;
                justify-content: center;
                padding: 18px 32px !important;
                font-size: 1.1rem;
                font-weight: 700;
                min-height: 60px;
                border-radius: 30px !important;
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
                border: none;
                color: white;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
            }

            .btn-cta::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.6s ease;
            }

            .btn-cta:hover {
                transform: translateY(-3px) scale(1.02);
                box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);
                color: white;
            }

            .btn-cta:hover::before {
                left: 100%;
            }

            .btn-cta:active {
                transform: translateY(-1px) scale(0.98);
            }

            .enhanced-dropdown {
                position: static !important;
                transform: none !important;
                box-shadow: none;
                background: transparent;
                border-radius: 0;
                padding: 0;
                margin: 12px 0 0 0;
            }

            .enhanced-dropdown-item {
                padding: 18px 32px;
                margin: 6px 0;
                background: rgba(255, 255, 255, 0.6);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 14px;
                font-size: 1rem;
                font-weight: 500;
                min-height: 56px;
                display: flex;
                align-items: center;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
            }

            .enhanced-dropdown-item::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
                transition: left 0.4s ease;
                z-index: -1;
            }

            .enhanced-dropdown-item:hover {
                color: white;
                transform: translateX(10px) translateY(-2px);
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
                border-color: rgba(255, 255, 255, 0.3);
            }

            .enhanced-dropdown-item:hover::before {
                left: 0;
            }

            .enhanced-dropdown-item:active {
                transform: translateX(5px) translateY(0) scale(0.98);
            }
        }

        /* Small Mobile Devices */
        @media (max-width: 576px) {
            * {
                box-sizing: border-box;
            }

            html,
            body {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
            }

            .container {
                padding-left: 12px;
                padding-right: 12px;
                width: 100%;
                max-width: 100%;
                margin: 0 auto;
            }

            .professional-nav {
                padding: 6px 0;
                width: 100%;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 1030;
            }

            .professional-nav .container {
                padding-left: 12px;
                padding-right: 12px;
                width: 100%;
                max-width: 100%;
            }

            .brand-logo {
                height: 38px;
                margin-right: 10px;
            }

            .brand-name {
                font-size: 1.1rem;
            }

            .brand-tagline {
                display: none;
            }

            .custom-toggler {
                width: 40px;
                height: 40px;
                padding: 8px;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                z-index: 1050;
            }

            .toggler-line {
                width: 20px;
                height: 2px;
                margin: 2px 0;
            }

            .navbar-collapse {
                margin-top: 15px;
                padding: 20px;
                border-radius: 12px;
            }

            .enhanced-link {
                font-size: 1rem;
                padding: 16px 20px !important;
                margin: 4px 0;
                min-height: 52px;
            }

            .enhanced-link i {
                font-size: 1rem;
                margin-right: 10px;
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
                font-weight: 900 !important;
                display: inline-block !important;
                font-style: normal !important;
                font-variant: normal !important;
                text-rendering: auto !important;
                -webkit-font-smoothing: antialiased !important;
            }

            .btn-cta {
                padding: 14px 20px !important;
                font-size: 1rem;
                min-height: 52px;
                margin: 12px 0 0 0;
            }

            .enhanced-dropdown-item {
                padding: 14px 24px;
                font-size: 0.95rem;
                min-height: 48px;
            }
        }

        /* Extra Small Devices */
        @media (max-width: 480px) {
            .container {
                padding-left: 10px;
                padding-right: 10px;
                width: 100%;
                max-width: 100%;
            }

            .professional-nav .container {
                padding-left: 10px;
                padding-right: 10px;
                width: 100%;
                max-width: 100%;
            }

            .navbar-brand img {
                max-height: 35px;
            }

            .brand-logo {
                height: 35px;
                margin-right: 8px;
            }

            .brand-name {
                font-size: 1rem;
            }

            .navbar-collapse {
                padding: 18px;
            }

            .enhanced-link {
                font-size: 0.95rem;
                padding: 14px 18px !important;
                min-height: 48px;
            }

            .btn-cta {
                padding: 12px 18px !important;
                font-size: 0.95rem;
                min-height: 48px;
            }
        }

        /* Desktop and Large Screen Styles */
        @media (min-width: 992px) {

            /* Full-width backgrounds */
            .hero-section,
            .stats-section,
            .section,
            footer {
                width: 100vw;
                margin-left: calc(-50vw + 50%);
                padding-left: 0;
                padding-right: 0;
            }

            /* Content containers with proper padding */
            .container {
                padding-left: 40px;
                padding-right: 40px;
                max-width: 1200px;
                margin: 0 auto;
                width: 100%;
            }

            .navbar .container {
                padding-left: 40px;
                padding-right: 40px;
                max-width: 1200px;
            }

            /* Content inside full-width sections */
            .hero-section .container,
            .stats-section .container,
            .section .container {
                padding-left: 40px;
                padding-right: 40px;
                max-width: 1200px;
                margin: 0 auto;
            }

            .footer-main-content {
                padding-left: 40px;
                padding-right: 40px;
                max-width: 1200px;
                margin: 0 auto;
            }
        }

        @media (min-width: 1200px) {
            .container {
                padding-left: 60px;
                padding-right: 60px;
                max-width: 1320px;
            }

            .navbar .container {
                padding-left: 60px;
                padding-right: 60px;
                max-width: 1320px;
            }

            .hero-section .container,
            .stats-section .container,
            .section .container {
                padding-left: 60px;
                padding-right: 60px;
                max-width: 1320px;
            }

            .footer-main-content {
                padding-left: 60px;
                padding-right: 60px;
                max-width: 1320px;
            }
        }

        @media (min-width: 1400px) {
            .container {
                padding-left: 80px;
                padding-right: 80px;
                max-width: 1500px;
            }

            .navbar .container {
                padding-left: 80px;
                padding-right: 80px;
                max-width: 1500px;
            }

            .hero-section .container,
            .stats-section .container,
            .section .container {
                padding-left: 80px;
                padding-right: 80px;
                max-width: 1500px;
            }

            .footer-main-content {
                padding-left: 80px;
                padding-right: 80px;
                max-width: 1500px;
            }
        }

        /* Ultra-wide screens */
        @media (min-width: 1920px) {
            .container {
                padding-left: 120px;
                padding-right: 120px;
                max-width: 1800px;
            }

            .navbar .container {
                padding-left: 120px;
                padding-right: 120px;
                max-width: 1800px;
            }

            .hero-section .container,
            .stats-section .container,
            .section .container {
                padding-left: 120px;
                padding-right: 120px;
                max-width: 1800px;
            }

            .footer-main-content {
                padding-left: 120px;
                padding-right: 120px;
                max-width: 1800px;
            }
        }

        /* Counter Animation */
        .counter {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--white);
        }

        /* Typing Effect */
        .typing-text {
            overflow: hidden;
            border-right: 3px solid white;
            white-space: nowrap;
            animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
        }

        @keyframes typing {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        @keyframes blink-caret {

            from,
            to {
                border-color: transparent;
            }

            50% {
                border-color: white;
            }
        }

        /* Footer Styles */
        .social-link:hover {
            color: var(--accent-gold) !important;
            transform: translateY(-3px);
        }

        .footer-link {
            transition: all 0.3s ease;
        }

        .footer-link:hover {
            color: var(--accent-gold) !important;
            padding-left: 5px;
        }

        /* Floating Animation */
        .floating {
            animation: floating 3s ease-in-out infinite;
        }

        @keyframes floating {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-20px);
            }
        }

        /* Premium Footer Styles */
        .premium-footer {
            background: linear-gradient(135deg,
                    rgba(13, 27, 42, 0.98) 0%,
                    rgba(27, 38, 59, 0.95) 50%,
                    rgba(13, 27, 42, 0.98) 100%);
            backdrop-filter: blur(20px);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            margin-top: 80px;
        }

        .footer-background-pattern {
            background-image:
                radial-gradient(circle at 20% 50%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(255, 215, 0, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 40% 80%, rgba(255, 215, 0, 0.06) 0%, transparent 50%);
            background-size: 800px 800px, 600px 600px, 400px 400px;
            animation: patternFloat 20s ease-in-out infinite;
        }

        @keyframes patternFloat {

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

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

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

        .footer-main-content {
            padding: 80px 0 60px;
            z-index: 2;
        }

        /* Footer Brand Section */
        .footer-brand-section {
            animation: slideInUp 0.8s ease-out;
        }

        .footer-logo-wrapper {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .logo-container {
            position: relative;
            flex-shrink: 0;
        }

        .footer-logo {
            height: 60px;
            width: auto;
            filter: drop-shadow(0 4px 20px rgba(255, 215, 0, 0.3));
            transition: all 0.3s ease;
        }

        .logo-glow {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background: radial-gradient(circle, rgba(255, 215, 0, 0.2) 0%, transparent 70%);
            border-radius: 50%;
            animation: logoGlow 3s ease-in-out infinite;
        }

        @keyframes logoGlow {

            0%,
            100% {
                opacity: 0.5;
                transform: translate(-50%, -50%) scale(1);
            }

            50% {
                opacity: 0.8;
                transform: translate(-50%, -50%) scale(1.1);
            }
        }

        .brand-text {
            flex: 1;
        }

        .brand-title {
            color: #ffffff;
            font-weight: 700;
            font-size: 1.4rem;
            background: linear-gradient(135deg, #ffffff 0%, #ffd700 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 8px;
        }

        .brand-tagline {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.95rem;
            font-weight: 400;
        }

        .footer-description {
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.7;
            font-size: 1rem;
        }

        /* Premium Social Links */
        .premium-social-links {
            margin-top: 30px;
        }

        .social-title {
            color: #ffffff;
            font-weight: 600;
            font-size: 1.1rem;
            margin-bottom: 20px;
        }

        .social-icons-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: 15px;
        }

        .premium-social-link {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 16px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .premium-social-link:hover {
            transform: translateY(-3px);
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 215, 0, 0.3);
            box-shadow: 0 8px 25px rgba(255, 215, 0, 0.2);
        }

        .social-icon-wrapper {
            position: relative;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }

        .social-icon-wrapper i {
            font-size: 1.2rem;
            color: #ffffff;
            transition: all 0.3s ease;
        }

        .social-ripple {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            background: rgba(255, 215, 0, 0.3);
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .premium-social-link:hover .social-ripple {
            width: 60px;
            height: 60px;
        }

        .social-label {
            color: rgba(255, 255, 255, 0.9);
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.3s ease;
        }

        .premium-social-link:hover .social-label {
            color: #ffd700;
        }

        /* Platform-specific colors */
        .premium-social-link.facebook:hover .social-icon-wrapper {
            background: rgba(24, 119, 242, 0.2);
        }

        .premium-social-link.twitter:hover .social-icon-wrapper {
            background: rgba(29, 161, 242, 0.2);
        }

        .premium-social-link.linkedin:hover .social-icon-wrapper {
            background: rgba(0, 119, 181, 0.2);
        }

        .premium-social-link.instagram:hover .social-icon-wrapper {
            background: rgba(225, 48, 108, 0.2);
        }

        .premium-social-link.youtube:hover .social-icon-wrapper {
            background: rgba(255, 0, 0, 0.2);
        }

        /* Footer Links Sections */
        .footer-links-section {
            animation: slideInUp 0.8s ease-out 0.2s both;
        }

        .footer-section-title {
            color: #ffffff;
            font-weight: 700;
            font-size: 1.2rem;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, #ffd700 0%, rgba(255, 215, 0, 0.3) 100%);
            border-radius: 2px;
        }

        .footer-links-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-links-list li {
            margin-bottom: 12px;
        }

        .premium-footer-link {
            display: flex;
            align-items: center;
            gap: 10px;
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            font-weight: 400;
            transition: all 0.3s ease;
            padding: 8px 0;
            position: relative;
        }

        .premium-footer-link i {
            font-size: 0.8rem;
            transition: all 0.3s ease;
            opacity: 0.6;
        }

        .premium-footer-link:hover {
            color: #ffd700;
            transform: translateX(8px);
        }

        .premium-footer-link:hover i {
            opacity: 1;
            transform: translateX(3px);
        }

        /* Contact Section */
        .footer-contact-section {
            animation: slideInUp 0.8s ease-out 0.4s both;
        }

        .contact-info-wrapper {
            margin-bottom: 30px;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            padding: 15px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .contact-item:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 215, 0, 0.2);
            transform: translateY(-2px);
        }

        .contact-icon-wrapper {
            position: relative;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 215, 0, 0.1);
            border-radius: 10px;
            flex-shrink: 0;
        }

        .contact-icon-wrapper i {
            font-size: 1.2rem;
            color: #ffd700;
        }

        .icon-glow {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: radial-gradient(circle, rgba(255, 215, 0, 0.2) 0%, transparent 70%);
            border-radius: 50%;
            animation: iconPulse 2s ease-in-out infinite;
        }

        @keyframes iconPulse {

            0%,
            100% {
                opacity: 0.5;
                transform: translate(-50%, -50%) scale(1);
            }

            50% {
                opacity: 0.8;
                transform: translate(-50%, -50%) scale(1.1);
            }
        }

        .contact-details {
            flex: 1;
        }

        .contact-label {
            display: block;
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.85rem;
            font-weight: 500;
            margin-bottom: 4px;
        }

        .contact-value {
            color: #ffffff;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .contact-value:hover {
            color: #ffd700;
        }

        /* Newsletter Section */
        .newsletter-section {
            padding: 25px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            backdrop-filter: blur(10px);
        }

        .newsletter-title {
            color: #ffffff;
            font-weight: 700;
            font-size: 1.1rem;
            margin-bottom: 10px;
        }

        .newsletter-description {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.9rem;
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .newsletter-input {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border-radius: 10px 0 0 10px;
            padding: 12px 15px;
            font-size: 0.95rem;
        }

        .newsletter-input::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .newsletter-input:focus {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 215, 0, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25);
            color: #ffffff;
        }

        .newsletter-btn {
            background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
            border: none;
            color: #1a1a1a;
            font-weight: 600;
            padding: 12px 20px;
            border-radius: 0 10px 10px 0;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .newsletter-btn:hover {
            background: linear-gradient(135deg, #ffed4e 0%, #ffd700 100%);
            transform: translateY(-1px);
            box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4);
        }

        .newsletter-btn i {
            font-size: 1rem;
        }

        /* Footer Bottom */
        .footer-bottom {
            background: rgba(0, 0, 0, 0.3);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding: 25px 0;
        }

        .footer-bottom-content {
            animation: slideInUp 0.8s ease-out 0.6s both;
        }

        .copyright-text p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.9rem;
            margin: 0;
        }

        .brand-highlight {
            color: #ffd700;
            font-weight: 700;
        }

        .footer-bottom-links {
            display: flex;
            justify-content: flex-end;
            gap: 25px;
        }

        .bottom-link {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            position: relative;
        }

        .bottom-link:hover {
            color: #ffd700;
        }

        .bottom-link::after {
            content: '';
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 0;
            height: 2px;
            background: #ffd700;
            transition: width 0.3s ease;
        }

        .bottom-link:hover::after {
            width: 100%;
        }

        /* Scroll to Top Button */
        .scroll-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 55px;
            height: 55px;
            background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
            box-shadow: 0 4px 20px rgba(255, 215, 0, 0.3);
        }

        .scroll-to-top.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .scroll-to-top:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(255, 215, 0, 0.5);
        }

        .scroll-icon-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .scroll-icon-wrapper i {
            font-size: 1.3rem;
            color: #1a1a1a;
            font-weight: bold;
        }

        .scroll-ripple {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .scroll-to-top:hover .scroll-ripple {
            width: 70px;
            height: 70px;
        }

        /* Mobile-First Typography and Layout */
        @media (max-width: 1200px) {
            .display-1 {
                font-size: 3rem;
            }

            .display-2 {
                font-size: 2.5rem;
            }

            .display-3 {
                font-size: 2rem;
            }

            .display-4 {
                font-size: 1.75rem;
            }
        }

        /* Tablet Responsive Design */
        @media (max-width: 992px) {
            .hero-section {
                min-height: 80vh;
                padding: 100px 0 60px;
            }

            .display-1 {
                font-size: 2.5rem;
            }

            .display-2 {
                font-size: 2rem;
            }

            .display-3 {
                font-size: 1.75rem;
            }

            .display-4 {
                font-size: 1.5rem;
            }

            .lead {
                font-size: 1.2rem;
            }

            .card {
                margin-bottom: 20px;
            }

            .section-title {
                font-size: 2rem;
                margin-bottom: 30px;
            }

            .btn-lg {
                padding: 12px 30px;
                font-size: 1rem;
            }
        }

        /* Mobile Responsive Design */
        @media (max-width: 768px) {
            .hero-section {
                min-height: 70vh;
                padding: 80px 0 40px;
                text-align: center;
            }

            .display-1 {
                font-size: 2rem;
                line-height: 1.2;
            }

            .display-2 {
                font-size: 1.75rem;
                line-height: 1.2;
            }

            .display-3 {
                font-size: 1.5rem;
                line-height: 1.3;
            }

            .display-4 {
                font-size: 1.25rem;
                line-height: 1.3;
            }

            .lead {
                font-size: 1.1rem;
                line-height: 1.5;
            }

            .section-title {
                font-size: 1.75rem;
                margin-bottom: 25px;
            }

            .btn-lg {
                padding: 14px 28px;
                font-size: 1rem;
                width: 100%;
                margin-bottom: 10px;
            }

            .card {
                margin-bottom: 25px;
                border-radius: 15px;
            }

            .card-body {
                padding: 20px;
            }

            .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .col,
            .col-1,
            .col-2,
            .col-3,
            .col-4,
            .col-5,
            .col-6,
            .col-7,
            .col-8,
            .col-9,
            .col-10,
            .col-11,
            .col-12,
            .col-auto,
            .col-sm,
            .col-sm-1,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12,
            .col-sm-auto,
            .col-md,
            .col-md-1,
            .col-md-2,
            .col-md-3,
            .col-md-4,
            .col-md-5,
            .col-md-6,
            .col-md-7,
            .col-md-8,
            .col-md-9,
            .col-md-10,
            .col-md-11,
            .col-md-12,
            .col-md-auto,
            .col-lg,
            .col-lg-1,
            .col-lg-2,
            .col-lg-3,
            .col-lg-4,
            .col-lg-5,
            .col-lg-6,
            .col-lg-7,
            .col-lg-8,
            .col-lg-9,
            .col-lg-10,
            .col-lg-11,
            .col-lg-12,
            .col-lg-auto,
            .col-xl,
            .col-xl-1,
            .col-xl-2,
            .col-xl-3,
            .col-xl-4,
            .col-xl-5,
            .col-xl-6,
            .col-xl-7,
            .col-xl-8,
            .col-xl-9,
            .col-xl-10,
            .col-xl-11,
            .col-xl-12,
            .col-xl-auto {
                padding-left: 10px;
                padding-right: 10px;
            }

            /* Footer Mobile Styles */
            .footer-main-content {
                padding: 60px 0 40px;
            }

            .footer-logo-wrapper {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }

            .brand-title {
                font-size: 1.2rem;
            }

            .social-icons-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

            .premium-social-link {
                padding: 10px 12px;
                gap: 8px;
            }

            .footer-bottom-links {
                justify-content: center;
                margin-top: 15px;
                gap: 15px;
            }

            .scroll-to-top {
                bottom: 20px;
                right: 20px;
                width: 50px;
                height: 50px;
            }

            .contact-item {
                padding: 12px;
            }

            .newsletter-section {
                padding: 20px;
            }
        }

        /* Small Mobile Devices */
        @media (max-width: 576px) {
            .hero-section {
                min-height: 60vh;
                padding: 70px 0 30px;
            }

            .display-1 {
                font-size: 1.75rem;
                line-height: 1.2;
            }

            .display-2 {
                font-size: 1.5rem;
                line-height: 1.2;
            }

            .display-3 {
                font-size: 1.25rem;
                line-height: 1.3;
            }

            .display-4 {
                font-size: 1.1rem;
                line-height: 1.3;
            }

            .lead {
                font-size: 1rem;
                line-height: 1.5;
            }

            .section-title {
                font-size: 1.5rem;
                margin-bottom: 20px;
            }

            .btn-lg {
                padding: 12px 24px;
                font-size: 0.95rem;
            }

            .card-body {
                padding: 15px;
            }

            .social-icons-grid {
                grid-template-columns: 1fr;
            }

            .footer-bottom-links {
                flex-direction: column;
                gap: 10px;
                text-align: center;
            }

            .floating-enhanced {
                display: none;
            }

            .parallax-element {
                display: none;
            }
        }

        /* Extra Small Devices */
        @media (max-width: 480px) {
            .hero-section {
                min-height: 55vh;
                padding: 60px 0 25px;
            }

            .display-1 {
                font-size: 1.5rem;
            }

            .display-2 {
                font-size: 1.35rem;
            }

            .display-3 {
                font-size: 1.2rem;
            }

            .display-4 {
                font-size: 1rem;
            }

            .lead {
                font-size: 0.95rem;
            }

            .section-title {
                font-size: 1.35rem;
            }

            .btn-lg {
                padding: 10px 20px;
                font-size: 0.9rem;
            }

            .card-body {
                padding: 12px;
            }

            .bubble {
                display: none;
            }
        }

        /* Animation Keyframes */
        @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Stagger Animation */
        .stagger-1 {
            animation-delay: 0.1s;
        }

        .stagger-2 {
            animation-delay: 0.2s;
        }

        .stagger-3 {
            animation-delay: 0.3s;
        }

        .stagger-4 {
            animation-delay: 0.4s;
        }

        .stagger-5 {
            animation-delay: 0.5s;
        }

        /* Bubble Animations */
        .bubbles-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            pointer-events: none;
        }

        .bubble {
            position: absolute;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            animation: bubbleFloat 15s infinite linear;
        }

        .bubble-1 {
            width: 40px;
            height: 40px;
            left: 10%;
            animation-delay: 0s;
            animation-duration: 12s;
        }

        .bubble-2 {
            width: 20px;
            height: 20px;
            left: 20%;
            animation-delay: 2s;
            animation-duration: 10s;
        }

        .bubble-3 {
            width: 60px;
            height: 60px;
            left: 35%;
            animation-delay: 4s;
            animation-duration: 14s;
        }

        .bubble-4 {
            width: 30px;
            height: 30px;
            left: 50%;
            animation-delay: 0s;
            animation-duration: 11s;
        }

        .bubble-5 {
            width: 25px;
            height: 25px;
            left: 70%;
            animation-delay: 3s;
            animation-duration: 13s;
        }

        .bubble-6 {
            width: 45px;
            height: 45px;
            left: 80%;
            animation-delay: 5s;
            animation-duration: 9s;
        }

        .bubble-7 {
            width: 35px;
            height: 35px;
            left: 90%;
            animation-delay: 1s;
            animation-duration: 15s;
        }

        .bubble-8 {
            width: 15px;
            height: 15px;
            left: 5%;
            animation-delay: 6s;
            animation-duration: 8s;
        }

        @keyframes bubbleFloat {
            0% {
                transform: translateY(100vh) scale(0);
                opacity: 0;
            }

            10% {
                opacity: 1;
            }

            90% {
                opacity: 1;
            }

            100% {
                transform: translateY(-100px) scale(1);
                opacity: 0;
            }
        }

        /* Enhanced Professional Styling */
        .card {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: none;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        }

        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        /* Professional Section Enhancements */
        .section-title {
            position: relative;
            display: inline-block;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-blue), var(--accent-gold));
            border-radius: 2px;
        }

        /* Enhanced Statistics Section */
        .stats-section {
            background: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue) 100%);
            position: relative;
            overflow: hidden;
        }

        .stats-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;
            pointer-events: none;
        }

        /* Enhanced Service Cards */
        .service-card {
            background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        /* Professional Hero Animations */
        .hero-section {
            position: relative;
            overflow: hidden;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
            animation: heroGlow 8s ease-in-out infinite alternate;
            pointer-events: none;
        }

        @keyframes heroGlow {
            0% {
                opacity: 0.3;
                transform: scale(1);
            }

            100% {
                opacity: 0.6;
                transform: scale(1.1);
            }
        }

        .hero-title {
            background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: titleShine 3s ease-in-out infinite;
        }

        @keyframes titleShine {

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

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

        /* Advanced Parallax Effects */
        .parallax-element {
            transform: translateZ(0);
            will-change: transform;
        }

        /* Enhanced Floating Elements */
        .floating-enhanced {
            animation: floatingEnhanced 6s ease-in-out infinite;
        }

        @keyframes floatingEnhanced {

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

            25% {
                transform: translateY(-15px) rotate(2deg);
                opacity: 0.25;
            }

            50% {
                transform: translateY(-25px) rotate(0deg);
                opacity: 0.2;
            }

            75% {
                transform: translateY(-10px) rotate(-2deg);
                opacity: 0.18;
            }
        }

        /* Professional Card Animations */
        .card-professional {
            position: relative;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
        }

        .card-professional::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transition: left 0.6s ease;
        }

        .card-professional:hover::before {
            left: 100%;
        }

        .card-professional:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
        }

        /* Destination Card Enhancements */
        .destination-card {
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        .destination-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .destination-card:hover::after {
            opacity: 1;
        }

        /* Testimonial Card Animations */
        .testimonial-card {
            position: relative;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .testimonial-card:hover {
            transform: translateY(-8px) rotateY(5deg);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        }

        /* Partner Logo Animations */
        .partner-logo {
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .partner-logo::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
            transition: all 0.4s ease;
            transform: translate(-50%, -50%);
            border-radius: 50%;
        }

        .partner-logo:hover::before {
            width: 200px;
            height: 200px;
        }

        .partner-logo:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        /* Advanced Scroll Animations */
        .parallax-bg {
            transform: translateZ(0);
            will-change: transform;
        }

        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .reveal-on-scroll.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        /* Enhanced Button Micro-interactions */
        .btn-enhanced {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            transform: translateZ(0);
        }

        .btn-enhanced::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.5s;
        }

        .btn-enhanced:hover::before {
            left: 100%;
        }

        .btn-enhanced:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        /* Magnetic Effect for Interactive Elements */
        .magnetic {
            transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* Section Entrance Animations */
        .section-animate {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .section-animate.in-view {
            opacity: 1;
            transform: translateY(0);
        }

        /* Enhanced Stats Counter Animation */
        .stats-enhanced {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .stats-enhanced::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
            transform: translateX(-100%);
            transition: transform 0.6s;
        }

        .stats-enhanced:hover::before {
            transform: translateX(100%);
        }

        .stats-enhanced:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .stats-enhanced:hover .display-4 {
            color: var(--primary-blue);
            text-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
        }

        /* Professional Testimonials Slider */
        /* Professional Testimonials */
        /* Simple Professional Testimonials Slider */
        .testimonials-slider {
            max-width: 900px;
            margin: 0 auto;
            position: relative;
            padding: 40px 20px;
        }

        .testimonials-container {
            position: relative;
            min-height: 300px;
            overflow: hidden;
        }

        .testimonial-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transform: translateX(50px);
            transition: all 0.5s ease;
        }

        .testimonial-slide.active {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

        .testimonial-content {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            padding: 40px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(10px);
        }

        .quote-icon {
            font-size: 2rem;
            color: #007bff;
            margin-bottom: 20px;
        }

        .testimonial-quote {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #333;
            margin-bottom: 30px;
            font-style: italic;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }

        .author-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #007bff, #0056b3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 1.2rem;
        }

        .author-info {
            text-align: left;
        }

        .author-info h5 {
            margin: 0;
            color: #333;
            font-weight: 600;
        }

        .author-info p {
            margin: 5px 0 0;
            color: #666;
            font-size: 0.9rem;
        }
        }

        .testimonial-card.active .testimonial-inner {
            animation: cardFloat 6s ease-in-out infinite;
        }

        @keyframes cardFloat {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-8px);
            }
        }

        .testimonial-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 40px;
        }

        .quote-mark {
            color: #e2e8f0;
            opacity: 0.6;
            transform: rotate(180deg);
        }

        .rating-stars {
            display: flex;
            gap: 4px;
        }

        .rating-stars .star {
            color: #fbbf24;
            font-size: 18px;
            transition: all 0.3s ease;
            animation: starGlow 3s ease-in-out infinite;
            animation-delay: calc(var(--i) * 0.2s);
        }

        .rating-stars .star:nth-child(1) {
            --i: 0;
        }

        .rating-stars .star:nth-child(2) {
            --i: 1;
        }

        .rating-stars .star:nth-child(3) {
            --i: 2;
        }

        .rating-stars .star:nth-child(4) {
            --i: 3;
        }

        .rating-stars .star:nth-child(5) {
            --i: 4;
        }

        @keyframes starGlow {

            0%,
            100% {
                opacity: 1;
                text-shadow: 0 0 8px rgba(251, 191, 36, 0.3);
            }

            50% {
                opacity: 0.8;
                text-shadow: 0 0 12px rgba(251, 191, 36, 0.5);
            }
        }

        .testimonial-body {
            margin: 40px 0;
        }

        .testimonial-text {
            font-size: 22px;
            line-height: 1.8;
            color: #1a202c;
            font-weight: 400;
            font-style: italic;
            margin: 0;
            position: relative;
            font-family: 'Georgia', serif;
            letter-spacing: 0.3px;
        }

        .testimonial-footer {
            margin-top: 50px;
        }

        .author-profile {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 24px;
        }

        .author-image {
            position: relative;
        }

        .image-placeholder {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow:
                0 12px 24px rgba(0, 0, 0, 0.15),
                0 4px 8px rgba(0, 0, 0, 0.1);
            border: 3px solid rgba(255, 255, 255, 0.8);
            position: relative;
            overflow: hidden;
        }

        .image-placeholder::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
            border-radius: 50%;
        }

        .initials {
            color: white;
            font-size: 18px;
            font-weight: 700;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            z-index: 1;
            position: relative;
        }

        .testimonial-card.active .image-placeholder {
            animation: avatarPulse 4s ease-in-out infinite;
        }

        @keyframes avatarPulse {

            0%,
            100% {
                transform: scale(1);
                box-shadow:
                    0 12px 24px rgba(0, 0, 0, 0.15),
                    0 4px 8px rgba(0, 0, 0, 0.1);
            }

            50% {
                transform: scale(1.05);
                box-shadow:
                    0 16px 32px rgba(0, 0, 0, 0.2),
                    0 8px 16px rgba(0, 0, 0, 0.15);
            }
        }

        .author-details {
            text-align: left;
        }

        .author-name {
            font-size: 20px;
            font-weight: 700;
            color: #1a202c;
            margin: 0 0 6px 0;
            letter-spacing: -0.3px;
        }

        .author-role {
            font-size: 15px;
            color: #4a5568;
            margin: 0 0 4px 0;
            font-weight: 500;
        }

        .author-location {
            font-size: 13px;
            color: #718096;
            margin: 0;
            font-weight: 400;
        }

        /* Responsive Design for Elite Testimonials */
        @media (max-width: 768px) {
            .elite-testimonials-container {
                padding: 40px 15px 50px;
                margin: 0 15px;
            }

            .testimonial-inner {
                padding: 40px 30px;
            }

            .testimonial-text {
                font-size: 18px;
                line-height: 1.6;
            }

            .author-profile {
                flex-direction: column;
                gap: 16px;
                text-align: center;
            }

            .author-details {
                text-align: center;
            }

            .testimonials-showcase {
                min-height: 400px;
            }

            .testimonial-card {
                padding: 0 20px;
            }

            .testimonials-controls {
                bottom: 20px;
                gap: 30px;
                padding: 10px 20px;
            }

            .control-btn {
                width: 44px;
                height: 44px;
            }

            .progress-indicators {
                gap: 12px;
            }
        }

        @media (max-width: 480px) {
            .elite-testimonials-container {
                padding: 30px 10px 40px;
                margin: 0 10px;
            }

            .testimonial-inner {
                padding: 30px 20px;
            }

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

            .author-name {
                font-size: 18px;
            }

            .testimonial-header {
                margin-bottom: 30px;
            }

            .testimonial-footer {
                margin-top: 40px;
            }

            .image-placeholder {
                width: 60px;
                height: 60px;
            }

            .initials {
                font-size: 16px;
            }
        }

        /* Simple Slider Navigation */
        .slider-navigation {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            margin-top: 30px;
        }

        .nav-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #007bff;
            font-size: 14px;
        }

        .nav-btn i {
            pointer-events: none;
        }

        .nav-btn:hover {
            background: #007bff;
            color: white;
            transform: scale(1.1);
        }

        .slider-dots {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dot.active {
            background: white;
            transform: scale(1.2);
        }

        .dot:hover {
            background: rgba(255, 255, 255, 0.8);
            transform: scale(1.1);
        }

        /* Enhanced Testimonial Cards */
        .testimonial-card {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92));
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 24px;
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            min-height: 350px;
            position: relative;
            overflow: hidden;
        }

        .testimonial-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #2563eb, #7c3aed, #db2777);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .testimonial-card:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.1);
        }

        .testimonial-card:hover::before {
            opacity: 1;
        }

        .testimonial-card .card-body {
            padding: 3rem;
        }

        .testimonial-card h5 {
            font-weight: 700;
            font-size: 1.5rem;
            color: #1e293b;
            margin-bottom: 1rem;
            letter-spacing: -0.025em;
        }

        .testimonial-card p {
            font-size: 1.125rem;
            line-height: 1.8;
            color: #475569;
            font-style: italic;
            position: relative;
            padding: 0 1rem;
        }

        .testimonial-card p::before {
            content: '"';
            position: absolute;
            left: -0.5rem;
            top: -0.5rem;
            font-size: 3rem;
            color: #e2e8f0;
            font-family: serif;
            line-height: 1;
        }

        .testimonial-card p::after {
            content: '"';
            position: absolute;
            right: -0.5rem;
            bottom: -1rem;
            font-size: 3rem;
            color: #e2e8f0;
            font-family: serif;
            line-height: 1;
        }

        .testimonial-card img {
            border: 4px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
            transition: all 0.4s ease;
        }

        .testimonial-card:hover img {
            transform: scale(1.1);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
        }

        .testimonial-card .bi-star-fill {
            color: #fbbf24;
            filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.3));
            margin: 0 2px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .testimonials-slider {
                padding: 40px 20px;
            }

            .testimonials-container {
                height: auto;
                min-height: 400px;
            }

            .testimonial-content {
                padding: 30px 20px;
            }

            .testimonial-quote {
                font-size: 1rem;
                line-height: 1.6;
            }

            .author-avatar {
                width: 50px;
                height: 50px;
            }

            .nav-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .slider-dots {
                gap: 8px;
            }

            .dot {
                width: 8px;
                height: 8px;
            }
        }

        @media (max-width: 480px) {
            .testimonials-slider {
                padding: 30px 15px;
            }

            .testimonial-content {
                padding: 25px 15px;
            }

            .testimonial-quote {
                font-size: 0.9rem;
            }

            .author-info h4 {
                font-size: 1rem;
            }

            .author-info p {
                font-size: 0.8rem;
            }

            .nav-btn {
                width: 35px;
                height: 35px;
                font-size: 14px;
            }
        }

        /* Performance Optimizations */
        .card-professional,
        .destination-card,
        .testimonial-card,
        .partner-logo,
        .btn-enhanced,
        .magnetic,
        .stats-enhanced {
            will-change: transform;
            backface-visibility: hidden;
            perspective: 1000px;
        }

        /* Reduce motion for users who prefer it */
        @media (prefers-reduced-motion: reduce) {

            *,
            *::before,
            *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
                scroll-behavior: auto !important;
            }

            .floating-enhanced,
            .parallax-element,
            .parallax-bg {
                animation: none !important;
                transform: none !important;
            }
        }

        /* GPU acceleration for smooth animations */
        .fade-in,
        .slide-up,
        .slide-left,
        .slide-right,
        .reveal-on-scroll,
        .section-animate {
            transform: translateZ(0);
            will-change: transform, opacity;
        }

        /* Optimize bubble animations for performance */
        .bubble {
            will-change: transform;
            contain: layout style paint;
        }
        }

        .service-card:hover {
            background: linear-gradient(145deg, #ffffff 0%, #f1f3f4 100%);
            border-color: var(--primary-blue);
        }

        /* Enhanced Testimonials */
        .testimonial-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        /* Destination Cards Enhancement */
        .destination-card {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
        }

        .destination-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1;
        }

        .destination-card:hover::before {
            opacity: 1;
        }

        /* Enhanced Button Styles */
        .btn-professional {
            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-navy) 100%);
            border: none;
            color: white;
            padding: 12px 30px;
            border-radius: 50px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .btn-professional::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.5s ease;
        }

        .btn-professional:hover::before {
            left: 100%;
        }

        .btn-professional:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        /* Reduced Motion */
        /* About Page Animations */
        .slide-in-left {
            opacity: 0;
            transform: translateX(-50px);
            animation: slideInLeft 0.8s ease-out forwards;
        }

        .slide-in-right {
            opacity: 0;
            transform: translateX(50px);
            animation: slideInRight 0.8s ease-out forwards;
        }

        .slide-up {
            opacity: 0;
            transform: translateY(30px);
            animation: slideUp 0.6s ease-out forwards;
        }

        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .hover-lift:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
        }

        @keyframes slideInLeft {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-20px);
            }
        }

        /* Enhanced button hover effects */
        .btn-enhanced:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(255, 193, 7, 0.4) !important;
        }

        .btn-outline-light:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 1) !important;
            transform: translateY(-2px);
        }

        /* Intersection Observer Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease-out;
        }

        .fade-in.stagger-1 {
            transition-delay: 0.1s;
        }

        .fade-in.stagger-2 {
            transition-delay: 0.2s;
        }

        .fade-in.stagger-3 {
            transition-delay: 0.3s;
        }

        .slide-up[style*="animation-delay: 0.1s"] {
            animation-delay: 0.1s;
        }

        .slide-up[style*="animation-delay: 0.2s"] {
            animation-delay: 0.2s;
        }

        .slide-up[style*="animation-delay: 0.3s"] {
            animation-delay: 0.3s;
        }

        .slide-up[style*="animation-delay: 0.4s"] {
            animation-delay: 0.4s;
        }

        .slide-up[style*="animation-delay: 0.5s"] {
            animation-delay: 0.5s;
        }

        .slide-up[style*="animation-delay: 0.6s"] {
            animation-delay: 0.6s;
        }

        @media (prefers-reduced-motion: reduce) {

            *,
            *::before,
            *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* Custom Dropdown Menu Styles */
        .dropdown-menu-custom {
            background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
            border: 1px solid rgba(59, 130, 246, 0.15);
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), 0 4px 20px rgba(59, 130, 246, 0.1);
            padding: 8px 0;
            margin-top: 8px;
            min-width: 250px;
            backdrop-filter: blur(10px);
            animation: dropdownFadeIn 0.3s ease-out;
        }

        .dropdown-menu-custom .dropdown-item {
            padding: 12px 20px;
            color: #374151;
            font-weight: 500;
            transition: all 0.3s ease;
            border-radius: 8px;
            margin: 2px 8px;
            display: flex;
            align-items: center;
        }

        .dropdown-menu-custom .dropdown-item:hover {
            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
            color: white;
            transform: translateX(5px);
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
        }

        .dropdown-menu-custom .dropdown-item.active {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
            color: white;
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
        }

        .dropdown-menu-custom .dropdown-item i {
            width: 20px;
            text-align: center;
            transition: all 0.3s ease;
            font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
            font-weight: 900 !important;
            display: inline-block !important;
            font-style: normal !important;
            font-variant: normal !important;
            text-rendering: auto !important;
            -webkit-font-smoothing: antialiased !important;
        }

        .dropdown-menu-custom .dropdown-item:hover i {
            transform: scale(1.1);
        }

        .nav-item.dropdown .nav-link.dropdown-toggle::after {
            border: none;
            content: '\f107';
            font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free';
            font-weight: 900;
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .nav-item.dropdown.show .nav-link.dropdown-toggle::after {
            transform: rotate(180deg);
        }

        @keyframes dropdownFadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px) scale(0.95);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Mobile Dropdown Adjustments */
        @media (max-width: 768px) {
            .dropdown-menu-custom {
                min-width: 200px;
                margin-top: 5px;
            }

            .dropdown-menu-custom .dropdown-item {
                padding: 10px 16px;
                font-size: 14px;
            }
        }
    </style>
</head>

<body>
    <!-- Loading Screen -->
    <div class="loading-screen" id="loadingScreen">
        <div class="loader-logo">
            <img src="{{ asset('img/lecl.png') }}" alt="LECL Logo"
                style="height: 80px; width: auto; animation: pulse 2s infinite;">
        </div>
        <div class="loader-spinner"></div>
        <div class="loader-text">Opening Doors to Global Education...</div>
    </div>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm fixed-top professional-nav"
        style="box-shadow: var(--shadow-primary) !important;">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center brand-enhanced" href="{{ url('/') }}">
                <img src="{{ asset('img/lecl.png') }}" alt="LECL Logo" class="brand-logo">
            </a>

            <button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="toggler-line"></span>
                <span class="toggler-line"></span>
                <span class="toggler-line"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link enhanced-link {{ request()->routeIs('welcome') ? 'active' : '' }}"
                            href="{{ url('/') }}">
                            <i class="fas fa-home me-1"></i>
                            <span>Home</span>
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link enhanced-link {{ request()->routeIs('eu-uk-financial-aids') ? 'active' : '' }}"
                            href="{{ route('eu-uk-financial-aids') }}">
                            <i class="fas fa-globe-europe me-1"></i>
                            <span>EU/UK</span>
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link enhanced-link {{ request()->routeIs('international') ? 'active' : '' }}"
                            href="{{ route('international') }}">
                            <i class="fas fa-globe-americas me-1"></i>
                            <span>International</span>
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link enhanced-link dropdown-toggle {{ request()->routeIs('universities*') || request()->routeIs('top-universities-uk') ? 'active' : '' }}"
                            href="#" id="universitiesDropdown" role="button" data-bs-toggle="dropdown"
                            aria-expanded="false">
                            <i class="fas fa-university me-1"></i>
                            <span>Universities</span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-custom" aria-labelledby="universitiesDropdown">
                            <li>
                                <a class="dropdown-item {{ request()->routeIs('universities') ? 'active' : '' }}"
                                    href="{{ route('universities') }}">
                                    <i class="fas fa-search me-2"></i>
                                    <span>Find a University</span>
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item {{ request()->routeIs('top-universities-uk') ? 'active' : '' }}"
                                    href="{{ route('top-universities-uk') }}">
                                    <i class="fas fa-crown me-2"></i>
                                    <span>Top Universities in the UK</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link enhanced-link {{ request()->routeIs('pathway') ? 'active' : '' }}"
                            href="{{ route('pathway') }}">
                            <i class="fas fa-route me-1"></i>
                            <span>Pathway</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link enhanced-link {{ request()->routeIs('about') ? 'active' : '' }}"
                            href="{{ route('about') }}">
                            <i class="fas fa-users me-1"></i>
                            <span>About Us</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link enhanced-link {{ request()->routeIs('contact') ? 'active' : '' }}"
                            href="{{ route('contact') }}">
                            <i class="fas fa-envelope me-1"></i>
                            <span>Contact Us</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link btn-cta" href="{{ route('contact') }}">
                            <i class="fas fa-calendar-check me-1"></i>
                            <span>Free Consultation</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <main>
        @yield('content')
    </main>

    <!-- Premium Footer -->
    <footer class="premium-footer position-relative overflow-hidden">
        <!-- Premium Background Pattern -->
        <div class="footer-background-pattern position-absolute top-0 start-0 w-100 h-100"></div>

        <!-- Main Footer Content -->
        <div class="footer-main-content position-relative">
            <div class="container">
                <div class="row g-4">
                    <!-- Company Info Section -->
                    <div class="col-lg-6 col-md-6">
                        <div class="footer-brand-section">
                            <div class="footer-logo-wrapper mb-4">
                                <div class="logo-container">
                                    <img src="{{ asset('img/lecl.png') }}" alt="LECL Logo" class="footer-logo">
                                    <div class="logo-glow"></div>
                                </div>
                            </div>
                            <p class="footer-description mb-4">With offices across the UK, South Asia, Africa, and
                                Europe — we bring global education closer to you. Your trusted partner in achieving
                                academic excellence worldwide.</p>

                            <!-- Premium Social Links -->
                            <div class="premium-social-links">
                                <h6 class="social-title mb-3">Connect With Us</h6>
                                <div class="social-icons-grid">
                                    <a href="https://www.facebook.com/profile.php?id=61579411509397" target="_blank"
                                        class="premium-social-link facebook">
                                        <div class="social-icon-wrapper">
                                            <i class="bi bi-facebook"></i>
                                            <div class="social-ripple"></div>
                                        </div>
                                        <span class="social-label">Facebook</span>
                                    </a>
                                    {{-- <a href="#" target="_blank" class="premium-social-link twitter">
                                        <div class="social-icon-wrapper">
                                            <i class="bi bi-twitter"></i>
                                            <div class="social-ripple"></div>
                                        </div>
                                        <span class="social-label">Twitter</span>
                                    </a>
                                    <a href="#" target="_blank" class="premium-social-link linkedin">
                                        <div class="social-icon-wrapper">
                                            <i class="bi bi-linkedin"></i>
                                            <div class="social-ripple"></div>
                                        </div>
                                        <span class="social-label">LinkedIn</span>
                                    </a>
                                    <a href="#" target="_blank" class="premium-social-link instagram">
                                        <div class="social-icon-wrapper">
                                            <i class="bi bi-instagram"></i>
                                            <div class="social-ripple"></div>
                                        </div>
                                        <span class="social-label">Instagram</span>
                                    </a>
                                    <a href="#" target="_blank" class="premium-social-link youtube">
                                        <div class="social-icon-wrapper">
                                            <i class="bi bi-youtube"></i>
                                            <div class="social-ripple"></div>
                                        </div>
                                        <span class="social-label">YouTube</span>
                                    </a> --}}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Quick Links Section -->
                    <div class="col-lg-1 col-md-6"></div>
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-links-section">
                            <h6 class="footer-section-title">Quick Links</h6>
                            <div class="footer-links-wrapper">
                                <ul class="footer-links-list">
                                    <li><a href="{{ route('eu-uk-financial-aids') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>EU/UK</a></li>
                                    <li><a href="{{ route('international') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>International</a></li>
                                    <li><a href="{{ route('universities') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Find A University</a></li>
                                    <li><a href="{{ route('top-universities-uk') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Top Universities in the UK</a></li>
                                    <li><a href="{{ route('pathway') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Pathway</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6">
                        <div class="footer-links-section">
                            <h6 class="footer-section-title">Quick Links</h6>
                            <div class="footer-links-wrapper">
                                <ul class="footer-links-list">
                                    <li><a href="{{ route('about') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>About Us</a></li>
                                    <li><a href="{{ route('contact') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Contact Us</a></li>
                                    <li><a href="{{ route('contact') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Free Consultation</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- Services Section -->
                    {{-- <div class="col-lg-2 col-md-6">
                        <div class="footer-links-section">
                            <h6 class="footer-section-title">Our Services</h6>
                            <div class="footer-links-wrapper">
                                <ul class="footer-links-list">
                                    <li><a href="#" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>University Applications</a></li>
                                    <li><a href="#" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Visa Assistance</a></li>
                                    <li><a href="{{ route('eu-uk-financial-aids') }}" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Financial Aid</a></li>
                                    <li><a href="#" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Career Guidance</a></li>
                                    <li><a href="#" class="premium-footer-link"><i
                                                class="bi bi-arrow-right"></i>Student Support</a></li>
                                </ul>
                            </div>
                        </div>
                    </div> --}}

                    <!-- Contact Info Section -->
                    {{-- <div class="col-lg-4 col-md-6">
                        <div class="footer-contact-section">
                            <h6 class="footer-section-title">Get In Touch</h6>
                            <div class="newsletter-section mt-4">
                                <h6 class="newsletter-title">Stay Updated</h6>
                                <p class="newsletter-description">Subscribe to our newsletter for the latest updates
                                    and educational opportunities.</p>
                                <div class="newsletter-form">
                                    <div class="input-group">
                                        <input type="email" class="form-control newsletter-input"
                                            placeholder="Enter your email">
                                        <button class="btn newsletter-btn" type="button">
                                            <i class="bi bi-send"></i>
                                            <span class="btn-text">Subscribe</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>

        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="container">
                <div class="footer-bottom-content">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="copyright-text">
                                <p class="mb-0">&copy; {{ date('Y') }} <span
                                        class="brand-highlight">LECL</span> - London Education and Consulting LTD.
                                    All rights reserved.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="footer-bottom-links">
                                <a href="{{ route('privacy.policy') }}" class="bottom-link">Privacy Policy</a>
                                <a href="{{ route('terms.service') }}" class="bottom-link">Terms of Service</a>
                                <a href="{{ route('cookie.policy') }}" class="bottom-link">Cookie Policy</a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr>
                            <div class="copyright-text">
                                <p class="mb-0 text-center">Designed &amp; Developed By <a
                                        href="https://techtoss.co.uk/" style="text-decoration:none"
                                        target="_blank"><span class="brand-highlight"
                                            style="color: white !important;">TechToss</span></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Scroll to Top Button -->
        <div class="scroll-to-top" id="scrollToTop">
            <div class="scroll-icon-wrapper">
                <i class="bi bi-arrow-up"></i>
                <div class="scroll-ripple"></div>
            </div>
        </div>
    </footer>

    @stack('scripts')

    <!-- Animation Scripts -->
    <script>
        // Loading Screen
        window.addEventListener('load', function() {
            setTimeout(function() {
                const loadingScreen = document.getElementById('loadingScreen');
                loadingScreen.classList.add('fade-out');
                setTimeout(function() {
                    loadingScreen.style.display = 'none';
                }, 500);
            }, 1500);
        });

        // Scroll Animations
        function isElementInViewport(el) {
            const rect = el.getBoundingClientRect();
            return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            );
        }

        function isElementPartiallyInViewport(el) {
            const rect = el.getBoundingClientRect();
            return (
                rect.top < (window.innerHeight || document.documentElement.clientHeight) &&
                rect.bottom > 0
            );
        }

        function handleScrollAnimations() {
            const elements = document.querySelectorAll('.fade-in, .slide-up, .slide-left, .slide-right');
            elements.forEach(function(element) {
                if (isElementPartiallyInViewport(element)) {
                    element.classList.add('visible');
                }
            });
        }

        // Counter Animation
        function animateCounter(element, target) {
            let current = 0;
            const increment = target / 100;
            const timer = setInterval(function() {
                current += increment;
                if (current >= target) {
                    current = target;
                    clearInterval(timer);
                }
                element.textContent = Math.floor(current).toLocaleString();
            }, 20);
        }

        function handleCounters() {
            const counters = document.querySelectorAll('.counter');
            counters.forEach(function(counter) {
                if (isElementPartiallyInViewport(counter) && !counter.classList.contains('animated')) {
                    counter.classList.add('animated');
                    const target = parseInt(counter.getAttribute('data-target'));
                    animateCounter(counter, target);
                }
            });
        }

        // Enhanced Navbar Scroll Effect
        function handleNavbarScroll() {
            const navbar = document.querySelector('.professional-nav');
            if (window.scrollY > 50) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        }

        // Mobile Menu Toggle Animation
        function initMobileMenu() {
            const toggler = document.querySelector('.custom-toggler');
            const navCollapse = document.querySelector('#navbarNav');

            if (toggler && navCollapse) {
                navCollapse.addEventListener('show.bs.collapse', function() {
                    toggler.setAttribute('aria-expanded', 'true');
                });

                navCollapse.addEventListener('hide.bs.collapse', function() {
                    toggler.setAttribute('aria-expanded', 'false');
                });
            }
        }

        // Enhanced Navigation Link Interactions
        function initNavInteractions() {
            const navLinks = document.querySelectorAll('.enhanced-link');

            navLinks.forEach(link => {
                link.addEventListener('mouseenter', function() {
                    this.style.transform = 'translateY(-1px)';
                });

                link.addEventListener('mouseleave', function() {
                    if (!this.classList.contains('active')) {
                        this.style.transform = 'translateY(0)';
                    }
                });
            });
        }

        // Smooth Scrolling for Navigation Links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Event Listeners
        window.addEventListener('scroll', function() {
            handleScrollAnimations();
            handleCounters();
            handleNavbarScroll();
        });

        // Simple Testimonials Slider
        let currentSlide = 0;
        const totalSlides = document.querySelectorAll('.testimonial-slide').length;
        let autoSlideInterval;

        function showSlide(index) {
            const slides = document.querySelectorAll('.testimonial-slide');
            const dots = document.querySelectorAll('.dot');

            // Remove active classes
            slides.forEach(slide => slide.classList.remove('active'));
            dots.forEach(dot => dot.classList.remove('active'));

            // Add active class to current slide
            if (slides[index]) {
                slides[index].classList.add('active');
            }
            if (dots[index]) {
                dots[index].classList.add('active');
            }
        }

        function nextSlide() {
            currentSlide = (currentSlide + 1) % totalSlides;
            showSlide(currentSlide);
        }

        function prevSlide() {
            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
            showSlide(currentSlide);
        }

        function goToSlide(index) {
            currentSlide = index;
            showSlide(currentSlide);
        }

        function startAutoSlide() {
            autoSlideInterval = setInterval(nextSlide, 5000);
        }

        function stopAutoSlide() {
            clearInterval(autoSlideInterval);
        }

        function initTestimonialsSlider() {
            // Initialize navigation buttons
            const prevBtn = document.getElementById('prevBtn');
            const nextBtn = document.getElementById('nextBtn');
            const dots = document.querySelectorAll('.dot');

            if (prevBtn) {
                prevBtn.addEventListener('click', prevSlide);
            }

            if (nextBtn) {
                nextBtn.addEventListener('click', nextSlide);
            }

            // Initialize dot navigation
            dots.forEach((dot, index) => {
                dot.addEventListener('click', () => goToSlide(index));
            });

            // Pause auto-slide on hover
            const slider = document.querySelector('.testimonials-slider');
            if (slider) {
                slider.addEventListener('mouseenter', stopAutoSlide);
                slider.addEventListener('mouseleave', startAutoSlide);
            }

            // Show first slide and start auto-slide
            showSlide(0);
            startAutoSlide();
        }

        // About Page Animations
        function initAboutPageAnimations() {
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };

            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        if (entry.target.classList.contains('fade-in')) {
                            entry.target.style.opacity = '1';
                            entry.target.style.transform = 'translateY(0)';
                        }
                        if (entry.target.classList.contains('slide-in-left')) {
                            entry.target.style.animation = 'slideInLeft 0.8s ease-out forwards';
                        }
                        if (entry.target.classList.contains('slide-in-right')) {
                            entry.target.style.animation = 'slideInRight 0.8s ease-out forwards';
                        }
                        if (entry.target.classList.contains('slide-up')) {
                            entry.target.style.animation = 'slideUp 0.6s ease-out forwards';
                        }
                    }
                });
            }, observerOptions);

            // Observe elements for animations
            document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .slide-up').forEach(el => {
                observer.observe(el);
            });
        }

        // Initial load
        document.addEventListener('DOMContentLoaded', function() {
            handleScrollAnimations();
            handleCounters();
            initAdvancedAnimations();
            initMagneticEffect();
            initTestimonialsSlider();
            initAboutPageAnimations();

            // Initialize enhanced navigation
            initMobileMenu();
            initNavInteractions();
        });

        // Advanced scroll animations
        function initAdvancedAnimations() {
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };

            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('revealed', 'in-view');
                    }
                });
            }, observerOptions);

            // Observe elements for reveal animations
            document.querySelectorAll('.reveal-on-scroll, .section-animate').forEach(el => {
                observer.observe(el);
            });

            // Optimized parallax effect with throttling
            let ticking = false;

            function updateParallax() {
                const scrolled = window.pageYOffset;
                const parallaxElements = document.querySelectorAll('.parallax-bg');

                parallaxElements.forEach(element => {
                    const speed = 0.5;
                    element.style.transform = `translate3d(0, ${scrolled * speed}px, 0)`;
                });

                ticking = false;
            }

            window.addEventListener('scroll', () => {
                if (!ticking) {
                    requestAnimationFrame(updateParallax);
                    ticking = true;
                }
            }, {
                passive: true
            });
        }

        // Magnetic effect for interactive elements
        function initMagneticEffect() {
            document.querySelectorAll('.magnetic').forEach(element => {
                element.addEventListener('mousemove', (e) => {
                    const rect = element.getBoundingClientRect();
                    const x = e.clientX - rect.left - rect.width / 2;
                    const y = e.clientY - rect.top - rect.height / 2;

                    element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px)`;
                });

                element.addEventListener('mouseleave', () => {
                    element.style.transform = 'translate(0px, 0px)';
                });
            });
        }

        // Premium Footer Functionality
        function initializePremiumFooter() {
            // Scroll to Top Button
            const scrollToTopBtn = document.getElementById('scrollToTop');

            if (scrollToTopBtn) {
                // Show/hide scroll to top button based on scroll position
                window.addEventListener('scroll', () => {
                    if (window.pageYOffset > 300) {
                        scrollToTopBtn.classList.add('visible');
                    } else {
                        scrollToTopBtn.classList.remove('visible');
                    }
                });

                // Smooth scroll to top when clicked
                scrollToTopBtn.addEventListener('click', () => {
                    window.scrollTo({
                        top: 0,
                        behavior: 'smooth'
                    });
                });
            }

            // Newsletter form functionality
            const newsletterForm = document.querySelector('.newsletter-form');
            const newsletterBtn = document.querySelector('.newsletter-btn');
            const newsletterInput = document.querySelector('.newsletter-input');

            if (newsletterForm && newsletterBtn && newsletterInput) {
                newsletterBtn.addEventListener('click', (e) => {
                    e.preventDefault();
                    const email = newsletterInput.value.trim();

                    if (email && isValidEmail(email)) {
                        // Add loading state
                        newsletterBtn.innerHTML =
                            '<i class="bi bi-hourglass-split"></i><span class="btn-text">Subscribing...</span>';
                        newsletterBtn.disabled = true;

                        // Simulate subscription process
                        setTimeout(() => {
                            newsletterBtn.innerHTML =
                                '<i class="bi bi-check-circle"></i><span class="btn-text">Subscribed!</span>';
                            newsletterInput.value = '';

                            // Reset button after 3 seconds
                            setTimeout(() => {
                                newsletterBtn.innerHTML =
                                    '<i class="bi bi-send"></i><span class="btn-text">Subscribe</span>';
                                newsletterBtn.disabled = false;
                            }, 3000);
                        }, 2000);
                    } else {
                        // Show error state
                        newsletterInput.style.borderColor = '#ff6b6b';
                        newsletterInput.placeholder = 'Please enter a valid email';

                        setTimeout(() => {
                            newsletterInput.style.borderColor = '';
                            newsletterInput.placeholder = 'Enter your email';
                        }, 3000);
                    }
                });

                // Enter key support for newsletter
                newsletterInput.addEventListener('keypress', (e) => {
                    if (e.key === 'Enter') {
                        newsletterBtn.click();
                    }
                });
            }

            // Enhanced social link interactions
            const socialLinks = document.querySelectorAll('.premium-social-link');
            socialLinks.forEach(link => {
                link.addEventListener('mouseenter', () => {
                    const ripple = link.querySelector('.social-ripple');
                    if (ripple) {
                        ripple.style.animation = 'none';
                        ripple.offsetHeight; // Trigger reflow
                        ripple.style.animation = 'socialRipple 0.6s ease-out';
                    }
                });
            });

            // Contact item hover effects
            const contactItems = document.querySelectorAll('.contact-item');
            contactItems.forEach(item => {
                item.addEventListener('mouseenter', () => {
                    const iconGlow = item.querySelector('.icon-glow');
                    if (iconGlow) {
                        iconGlow.style.animation = 'none';
                        iconGlow.offsetHeight; // Trigger reflow
                        iconGlow.style.animation = 'iconPulse 1s ease-out';
                    }
                });
            });

            // Footer links enhanced hover effects
            const footerLinks = document.querySelectorAll('.premium-footer-link');
            footerLinks.forEach(link => {
                link.addEventListener('mouseenter', () => {
                    const icon = link.querySelector('i');
                    if (icon) {
                        icon.style.transform = 'translateX(3px) scale(1.1)';
                    }
                });

                link.addEventListener('mouseleave', () => {
                    const icon = link.querySelector('i');
                    if (icon) {
                        icon.style.transform = 'translateX(0) scale(1)';
                    }
                });
            });

            // Intersection Observer for footer animations
            const footerSections = document.querySelectorAll(
                '.footer-brand-section, .footer-links-section, .footer-contact-section');

            const footerObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.animationPlayState = 'running';
                    }
                });
            }, {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            });

            footerSections.forEach(section => {
                section.style.animationPlayState = 'paused';
                footerObserver.observe(section);
            });
        }

        // Email validation helper
        function isValidEmail(email) {
            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            return emailRegex.test(email);
        }

        // Add CSS for additional animations
        const additionalFooterStyles = `
            @keyframes socialRipple {
                0% {
                    width: 0;
                    height: 0;
                    opacity: 0.8;
                }
                50% {
                    width: 60px;
                    height: 60px;
                    opacity: 0.4;
                }
                100% {
                    width: 80px;
                    height: 80px;
                    opacity: 0;
                }
            }

            .newsletter-btn:disabled {
                opacity: 0.7;
                cursor: not-allowed;
            }

            .premium-footer-link i {
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
        `;

        // Inject additional styles
        const styleSheet = document.createElement('style');
        styleSheet.textContent = additionalFooterStyles;
        document.head.appendChild(styleSheet);

        // Typing Effect for Hero Text - DISABLED to prevent text scrambling
        // function typeWriter(element, text, speed = 100) {
        //     let i = 0;
        //     element.innerHTML = '';

        //     function type() {
        //         if (i < text.length) {
        //             element.innerHTML += text.charAt(i);
        //             i++;
        //             setTimeout(type, speed);
        //         }
        //     }
        //     type();
        // }

        // Initialize typing effect when hero section is visible - DISABLED
        // setTimeout(function() {
        //     const heroTitle = document.querySelector('.hero-title');
        //     if (heroTitle) {
        //         typeWriter(heroTitle, heroTitle.textContent, 80);
        //     }
        // }, 2000);

        // Initialize premium footer functionality
        initializePremiumFooter();
    </script>
</body>

</html>
