:root {
           --primary: #e63946;
           --primary-dark: #c1121f;
           --primary-light: #fee2e2;
           --secondary: #1d3557;
           --dark: #0d1b2a;
           --accent: #f4a261;
           --teal: #2ec4b6;
           --light: #f8f9fa;
           --white: #ffffff;
           --gray: #64748b;
           --gray-light: #f1f5f9;
           --text: #1e293b;
           --text-light: #94a3b8;
           --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
           --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
           --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);
           --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);
           --radius: 12px;
           --radius-lg: 20px;
           --radius-xl: 28px;
       }

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

       body {
           font-family: 'Inter', sans-serif;
           line-height: 1.7;
           color: var(--text);
           overflow-x: hidden;
           -webkit-font-smoothing: antialiased;
       }

       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
           font-family: 'Plus Jakarta Sans', sans-serif;
           font-weight: 700;
       }

       /* ===== PAGE LOADER ===== */
       .page-loader {
           position: fixed;
           inset: 0;
           background: var(--dark);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           z-index: 99999;
           transition: opacity 0.5s ease, visibility 0.5s ease;
       }

       .page-loader.loaded {
           opacity: 0;
           visibility: hidden;
           pointer-events: none;
       }

       .loader-icon {
           width: 80px;
           height: 80px;
           border-radius: 50%;
           background: linear-gradient(135deg, var(--primary), var(--primary-dark));
           display: flex;
           align-items: center;
           justify-content: center;
           margin-bottom: 24px;
           animation: loaderPulse 1.5s ease-in-out infinite;
       }

       .loader-icon img {
          max-width: 87px;
          max-height: 87px;
           /* color: white; */
       }

       .loader-brand {
           color: white;
           font-family: 'Plus Jakarta Sans', sans-serif;
           font-size: 28px;
           font-weight: 800;
           letter-spacing: -0.5px;
           margin-bottom: 24px;
       }

       .loader-brand span {
           color: var(--primary);
       }

       .loader-progress {
           width: 180px;
           height: 3px;
           background: rgba(255, 255, 255, 0.1);
           border-radius: 3px;
           overflow: hidden;
       }

       .loader-progress-bar {
           height: 100%;
           background: var(--light);
           border-radius: 3px;
           animation: loadBar 1.8s ease forwards;
       }

       @keyframes loaderPulse {

           0%,
           100% {
               transform: scale(1);
               box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
           }

           50% {
               transform: scale(1.05);
               box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
           }
       }

       @keyframes loadBar {
           0% {
               width: 0;
           }

           40% {
               width: 60%;
           }

           100% {
               width: 100%;
           }
       }

       /* ===== TOP BAR ===== */
       .top-bar {
           background: var(--gray-light);
           color: white;
           padding: 8px 0;
           font-size: 13px;
           border-bottom: 1px solid rgba(255, 255, 255, 0.06);
       }

       .top-bar a {
           color: var(--dark);
           text-decoration: none;
           transition: color 0.3s;
       }

       .top-bar a:hover {
           color: var(--primary);
       }

       .top-bar i {
           color: var(--primary);
           margin-right: 6px;
       }

       .top-bar-links {
           display: flex;
           align-items: center;
           gap: 20px;
           flex-wrap: wrap;
       }

       .top-bar-social {
           display: flex;
           gap: 14px;
           justify-content: flex-end;
           align-items: center;
       }

       .top-bar-social a {
           font-size: 14px;
       }

       /* ===== NAVBAR ===== */
       .navbar {
           background: var(--light);
           padding: 14px 0;
           box-shadow: var(--shadow-sm);
           position: sticky;
           top: 0;
           z-index: 1000;
           transition: all 0.3s ease;
       }

       .navbar.scrolled {
           padding: 8px 0;
           box-shadow: var(--shadow);
       }

       .navbar-brand {
           font-family: 'Plus Jakarta Sans', sans-serif;
           font-size: 24px;
           font-weight: 800;
           color: var(--secondary) !important;
           display: flex;
           align-items: center;
           gap: 10px;
           text-decoration: none;
       }

       .logo-icon {
      width: 300px;
    height: 61px;
    /* border-radius: 12px; */
    /* overflow: hidden; */
    transition: all 0.3s ease;
}
.logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}


       .brand-icon {
           width: 42px;
           height: 42px;
           background: linear-gradient(135deg, var(--primary), var(--primary-dark));
           border-radius: 10px;
           display: flex;
           align-items: center;
           justify-content: center;
           color: white;
           font-size: 18px;
       }

       .navbar-brand .brand-red {
           color: var(--primary);
       }

       .navbar-toggler {
           border: 2px solid var(--primary);
           padding: 4px 8px;
           font-size: 20px;
           color: var(--primary);
       }

       .navbar-toggler:focus {
           box-shadow: none;
       }

       .nav-link {
           font-weight: 500;
           color: var(--dark) !important;
           padding: 8px 14px !important;
           font-size: 14px;
           transition: color 0.3s;
           position: relative;
       }

       .nav-link:hover, .nav-link.active {
           color: var(--primary) !important;
       }

       .btn-cta-nav {
           background: linear-gradient(135deg, var(--primary), var(--primary-dark));
           color: white !important;
           padding: 10px 24px !important;
           border-radius: 50px;
           font-weight: 600;
           font-size: 13px;
           transition: all 0.3s;
           border: none;
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 6px;
       }
        .btn-Whatsapp-nav{
    background: linear-gradient(135deg, #25D366, #128C7E);
           color: white !important;
           padding: 10px 24px !important;
           border-radius: 50px;
           font-weight: 600;
           font-size: 13px;
           transition: all 0.3s;
           border: none;
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 6px;
        }
         .btn-Whatsapp-nav:hover {
            transform: translateY(-2px);
           box-shadow: 0 8px 20px rgba(18, 140,  0, 0.35);
           color: white !important;
        }

       .btn-cta-nav:hover {
           transform: translateY(-2px);
           box-shadow: 0 8px 20px rgba(230, 57, 70, 0.35);
           color: white !important;
       }

       /* ===== SERVICES DROPDOWN ===== */
       .dropdown-services {
           position: relative;
       }

       .dropdown-services .nav-link .fa-chevron-down {
           font-size: 10px;
           margin-left: 4px;
           transition: transform 0.3s;
       }

       .services-mega-menu {
           position: absolute;
           top: calc(100% + 10px);
           left: 50%;
           transform: translateX(-50%) translateY(8px);
           background: var(--white);
           border-radius: var(--radius-lg);
           box-shadow: var(--shadow-xl);
           padding: 24px;
           min-width: 720px;
           opacity: 0;
           visibility: hidden;
           transition: all 0.3s ease;
           z-index: 1001;
           border: 1px solid rgba(0, 0, 0, 0.06);
       }

       .dropdown-services:hover .services-mega-menu {
           opacity: 1;
           visibility: visible;
           transform: translateX(-50%) translateY(0);
       }

       .dropdown-services:hover .fa-chevron-down {
           transform: rotate(180deg);
       }

       .mega-menu-header {
           text-align: center;
           padding-bottom: 14px;
           margin-bottom: 14px;
           border-bottom: 1px solid var(--gray-light);
       }

       .mega-menu-header h6 {
           font-weight: 700;
           color: var(--secondary);
           margin: 0;
           font-size: 15px;
       }

       .mega-menu-header p {
           font-size: 12px;
           color: var(--gray);
           margin: 2px 0 0;
       }

       .mega-menu-grid {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           gap: 3px;
       }

       .mega-menu-item {
           display: flex;
           align-items: center;
           gap: 10px;
           padding: 9px 12px;
           border-radius: 8px;
           text-decoration: none;
           color: var(--text);
           font-size: 12.5px;
           font-weight: 500;
           transition: all 0.2s;
       }

       .mega-menu-item:hover {
           background: var(--primary-light);
           color: var(--primary);
           text-decoration: none;
       }

       .mega-menu-item i {
           color: var(--primary);
           width: 18px;
           text-align: center;
           font-size: 13px;
           flex-shrink: 0;
       }

       /* ===== HERO ===== */
        /* Neon border and rounded corners for hero slider */
        .neon-slider-border {
            position: relative;
            padding: 0px;
            border-radius: 10px;
            /* background: linear-gradient(270deg, #00fff0, #ff00ea, #00fff0, #ffea00, #00fff0); */
            background-size: 800% 800%;
            animation: neon-move 6s linear infinite;
            /* box-shadow: 0 0 24px 4px #00fff0, 0 0 48px 8px #ff00ea; */
            margin-bottom: 0.5rem;
        }
        .neon-slider-radius {
            border-radius: var(--radius-lg) !important;
            overflow: hidden;
        }
       /* === HERO CAR BRAND LIST === */
.main-car-brands{
    display: flex;
    gap: 18px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 18px 0;
}
.main-car-brands .hero-top-badge{
        font-size: 25px;
}
.carbrandlist {
   display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 15px 0 18px 0;
}
.carbrandlist li {
    display: flex;
    align-items: center;
        justify-content: center;
}
.carbrandlist img {
      /* max-height: 140px; */
    transition: transform 0.2s, box-shadow 0.2s;
    background: rgb(255 255 255);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-lg);
    padding: 26px 20px;
    text-align: center;
    transition: all 0.4s;
    position: relative;
    overflow: hidden;
}
.carbrandlist img:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
       .hero {
        min-height: 86vh;
    background: linear-gradient(160deg, rgba(13, 27, 42, 0.92) 0%, rgb(29 53 87 / 22%) 100%), url(../img/Main_Hero.jpeg) center / cover no-repeat;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 0px 0 0px;
       }

       .hero::before {
           content: '';
           position: absolute;
           width: 500px;
           height: 500px;
           background: radial-gradient(circle, rgba(230, 57, 70, 0.15), transparent 70%);
           top: -10%;
           right: -5%;
           border-radius: 50%;
           pointer-events: none;
       }

       .hero::after {
           content: '';
           position: absolute;
           width: 300px;
           height: 300px;
           background: radial-gradient(circle, rgba(46, 196, 182, 0.08), transparent 70%);
           bottom: 10%;
           left: -5%;
           border-radius: 50%;
           pointer-events: none;
       }

       .hero-content {
           position: relative;
           z-index: 2;
       }

       .hero-badge {
           display: inline-flex;
           align-items: center;
           gap: 8px;
           background: rgba(230, 57, 70, 0.12);
           border: 1px solid rgba(230, 57, 70, 0.25);
           padding: 6px 18px;
           border-radius: 50px;
           font-size: 12px;
           font-weight: 600;
           color: #fca5a5;
           margin-bottom: 24px;
           backdrop-filter: blur(8px);
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .hero-badge i {
           color: var(--accent);
       }

       .hero h1 {
           font-size: 54px;
           font-weight: 900;
           line-height: 1.1;
           margin-bottom: 20px;
           letter-spacing: -1px;
       }

       .hero h1 .highlight {
           background: linear-gradient(135deg, var(--primary), var(--accent));
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           background-clip: text;
       }

       .hero-desc {
           font-size: 17px;
           line-height: 1.7;
           opacity: 0.85;
           margin-bottom: 36px;
           max-width: 500px;
       }

       .hero-btns {
           display: flex;
           gap: 14px;
           flex-wrap: wrap;
           margin-bottom: 50px;
       }

       .btn-hero-primary {
           background: linear-gradient(135deg, var(--primary), var(--primary-dark));
           color: white;
           padding: 14px 32px;
           border-radius: 50px;
           font-weight: 600;
           font-size: 14px;
           border: none;
           cursor: pointer;
           transition: all 0.3s;
           display: inline-flex;
           align-items: center;
           gap: 8px;
           text-decoration: none;
       }

       .btn-hero-primary:hover {
           transform: translateY(-3px);
           box-shadow: 0 12px 30px rgba(230, 57, 70, 0.4);
           color: white;
       }

       .btn-hero-secondary {
           background: rgba(255, 255, 255, 0.08);
           color: white;
           padding: 14px 32px;
           border-radius: 50px;
           font-weight: 600;
           font-size: 14px;
           border: 1.5px solid rgba(255, 255, 255, 0.25);
           cursor: pointer;
           transition: all 0.3s;
           display: inline-flex;
           align-items: center;
           gap: 8px;
           backdrop-filter: blur(8px);
           text-decoration: none;
       }

       .btn-hero-secondary:hover {
           background: white;
           color: var(--primary);
           border-color: white;
       }

       /* Hero Stats Cards */
       .hero-stats {
           display: grid;
           grid-template-columns: repeat(2, 1fr);
           gap: 16px;
       }

       .hero-stat-card {
           background: rgba(255, 255, 255, 0.06);
           backdrop-filter: blur(16px);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: var(--radius-lg);
           padding: 26px 20px;
           text-align: center;
           transition: all 0.4s;
           position: relative;
           overflow: hidden;
       }

       .hero-stat-card:hover {
           background: rgba(255, 255, 255, 0.12);
           transform: translateY(-4px);
           border-color: rgba(230, 57, 70, 0.3);
       }

       .stat-icon {
           width: 50px;
           height: 50px;
           background: linear-gradient(135deg, rgba(230, 57, 70, 0.15), rgba(230, 57, 70, 0.05));
           border-radius: 14px;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 12px;
       }

       .stat-icon i {
           font-size: 22px;
           color: var(--primary);
       }

       .stat-number {
           font-size: 30px;
           font-weight: 800;
           color: white;
           line-height: 1;
           margin-bottom: 4px;
           font-family: 'Plus Jakarta Sans', sans-serif;
       }

       .stat-label {
           font-size: 11px;
           color: rgba(255, 255, 255, 0.55);
           text-transform: uppercase;
           letter-spacing: 1px;
           font-weight: 500;
       }

       .hero-trust {
           display: flex;
           gap: 24px;
           align-items: center;
           padding-top: 24px;
           margin-top: 10px;
           border-top: 1px solid rgba(255, 255, 255, 0.08);
           flex-wrap: wrap;
       }

       .trust-badge {
           display: flex;
           align-items: center;
           gap: 6px;
           font-size: 12px;
           color: rgba(255, 255, 255, 0.6);
           font-weight: 500;
       }

       .trust-badge i {
           color: var(--teal);
           font-size: 14px;
       }

       /* ===== SECTIONS ===== */
       .section-hero-pad,.section-pad,.section-contect-pad {
           scroll-margin-top: 200px;
       }
       .section-pad {
           padding: 35px 0;
          overflow: hidden;
       }

       .section-header {
           text-align: center;
           margin-bottom: 50px;
       }

       .section-header .badge-label {
           display: inline-block;
           background: var(--primary-light);
           color: var(--primary);
           padding: 6px 16px;
           border-radius: 50px;
           font-size: 13px;
           font-weight: 600;
           text-transform: uppercase;
           letter-spacing: 0.5px;
           margin-bottom: 14px;
       }

       .section-header h2 {
           font-size: 38px;
           font-weight: 800;
           color: var(--secondary);
           margin-bottom: 12px;
           letter-spacing: -0.5px;
       }

       .section-header p {
           font-size: 16px;
           color: var(--gray);
           max-width: 550px;
           margin: 0 auto;
       }

       /* ===== ABOUT ===== */
       .about-section {
           background: var(--white);
       }

       .about-img-wrap {
           position: relative;
           border-radius: var(--radius-lg);
           overflow: hidden;
       }

       .about-img-wrap img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           transition: transform 0.5s;
       }

       .about-img-wrap:hover img {
           transform: scale(1.04);
       }

       .about-exp-badge {
           position: absolute;
           bottom: 20px;
           left: 20px;
           background: var(--primary);
           color: white;
           padding: 16px 22px;
           border-radius: var(--radius);
           text-align: center;
           box-shadow: var(--shadow-lg);
       }

       .about-exp-badge .num {
           font-size: 32px;
           font-weight: 800;
           line-height: 1;
       }

       .about-exp-badge .txt {
           font-size: 11px;
           text-transform: uppercase;
           letter-spacing: 1px;
           font-weight: 600;
       }

       .about-text h2 {
           font-size: 34px;
           font-weight: 800;
           color: var(--secondary);
           margin-bottom: 16px;
           letter-spacing: -0.5px;
       }

       .about-text p {
           color: var(--gray);
           font-size: 15px;
           margin-bottom: 12px;
           line-height: 1.8;
       }

       .about-features {
           margin-top: 24px;
           display: flex;
           flex-direction: column;
           gap: 12px;
       }

       .about-feature {
           display: flex;
           align-items: center;
           gap: 12px;
           padding: 10px 14px;
           background: var(--gray-light);
           border-radius: 10px;
           font-size: 14px;
           font-weight: 500;
           transition: all 0.3s;
       }

       .about-feature:hover {
           background: var(--primary-light);
       }

       .about-feature i {
           color: var(--primary);
           font-size: 18px;
           width: 24px;
           text-align: center;
           flex-shrink: 0;
       }

       /* ===== SERVICES ===== */
       .services-section {
           background: var(--gray-light);
       }

       .services-grid {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 18px;
       }

       .service-card {
           background: var(--white);
           border-radius: var(--radius);
           padding: 28px 16px;
           text-align: center;
           border: 1px solid #e2e8f0;
           transition: all 0.35s;
           cursor: pointer;
           position: relative;
           overflow: hidden;
       }

       .service-card::after {
           content: '';
           position: absolute;
           bottom: 0;
           left: 0;
           right: 0;
           height: 3px;
           background: linear-gradient(90deg, var(--primary), var(--accent));
           transform: scaleX(0);
           transition: transform 0.3s;
       }

       .service-card:hover::after {
           transform: scaleX(1);
       }

       .service-card:hover {
           transform: translateY(-6px);
           box-shadow: var(--shadow-lg);
           border-color: transparent;
       }

       .service-icon {
           width: 56px;
           height: 56px;
           background: var(--primary-light);
           border-radius: 14px;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 14px;
           transition: all 0.3s;
       }

       .service-card:hover .service-icon {
           background: var(--primary);
       }

       .service-icon i {
           font-size: 24px;
           color: var(--primary);
           transition: color 0.3s;
       }

       .service-card:hover .service-icon i {
           color: white;
       }

       .service-card h3 {
           font-size: 13px;
           font-weight: 600;
           color: var(--secondary);
           margin: 0;
           line-height: 1.4;
       }

       /* ===== WHY CHOOSE US ===== */
       .why-section {
           background: var(--white);
       }

       .why-card {
           background: var(--white);
           border: 1px solid #e2e8f0;
           border-radius: var(--radius-lg);
           padding: 32px 24px;
           text-align: center;
           transition: all 0.35s;
           height: 100%;
       }

       .why-card:hover {
           transform: translateY(-6px);
           box-shadow: var(--shadow-lg);
           border-color: transparent;
       }

       .why-icon {
           width: 64px;
           height: 64px;
           background: linear-gradient(135deg, var(--primary-light), #fef2f2);
           border-radius: 16px;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 18px;
       }

       .why-icon i {
           font-size: 28px;
           color: var(--primary);
       }

       .why-card h4 {
           font-size: 17px;
           font-weight: 700;
           color: var(--secondary);
           margin-bottom: 10px;
       }

       .why-card p {
           font-size: 13px;
           color: var(--gray);
           line-height: 1.7;
           margin: 0;
       }

       /* ===== INSURANCE ===== */
       .insurance-section {
           background: var(--gray-light);
       }

       .insurance-text h2 {
           font-size: 34px;
           font-weight: 800;
           color: var(--secondary);
           margin-bottom: 16px;
           letter-spacing: -0.5px;
       }

       .insurance-text p {
           font-size: 15px;
           color: var(--gray);
           line-height: 1.8;
           margin-bottom: 16px;
       }

       .insurance-benefits {
           display: flex;
           flex-direction: column;
           gap: 10px;
           margin: 20px 0;
       }

       .benefit-item {
           display: flex;
           align-items: center;
           gap: 12px;
           padding: 13px 16px;
           background: var(--white);
           border-radius: 10px;
           border-left: 3px solid var(--primary);
           box-shadow: var(--shadow-sm);
           transition: all 0.3s;
           font-size: 14px;
       }

       .benefit-item:hover {
           transform: translateX(4px);
           box-shadow: var(--shadow);
       }

       .benefit-item i {
           color: var(--teal);
           font-size: 16px;
           flex-shrink: 0;
       }

       .insurance-img-wrap {
           border-radius: var(--radius-lg);
           overflow: hidden;
           box-shadow: var(--shadow-lg);
       }

       .insurance-img-wrap img {
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       /* ===== CTA BANNER ===== */
       .cta-banner {
           background: linear-gradient(135deg, var(--secondary) 0%, var(--dark) 100%);
           padding: 60px 0;
           color: white;
           text-align: center;
           position: relative;
           overflow: hidden;
       }

       .cta-banner::before {
           content: '';
           position: absolute;
           width: 300px;
           height: 300px;
           background: radial-gradient(circle, rgba(230, 57, 70, 0.15), transparent);
           top: -50%;
           right: 10%;
           border-radius: 50%;
       }

       .cta-banner h2 {
           font-size: 34px;
           font-weight: 800;
           margin-bottom: 14px;
           position: relative;
       }

       .cta-banner p {
           font-size: 16px;
           opacity: 0.8;
           margin-bottom: 28px;
           position: relative;
       }

       .cta-banner .btn-hero-primary {
           position: relative;
       }

       /* ===== BRANDS MARQUEE ===== */
       .brands-section {
           background: var(--white);
           padding: 40px 0;
           border-top: 1px solid #e2e8f0;
           border-bottom: 1px solid #e2e8f0;
           overflow: hidden;
       }

       .brands-section .section-header {
           margin-bottom: 25px;
       }

       .brands-track {
           display: flex;
           gap: 50px;
           animation: marquee 25s linear infinite;
           width: max-content;
       }

       .brand-item {
           font-size: 22px;
           font-weight: 800;
           color: #cbd5e1;
           white-space: nowrap;
           font-family: 'Plus Jakarta Sans', sans-serif;
           letter-spacing: 1px;
           text-transform: uppercase;
       }

       @keyframes marquee {
           0% {
               transform: translateX(0);
           }

           100% {
               transform: translateX(-50%);
           }
       }

       /* ===== CONTACT ===== */
       .contact-section {
           background: var(--dark);
           padding: 80px 0;
           color: white;
       }

       .contact-info h2 {
           font-size: 34px;
           font-weight: 800;
           margin-bottom: 10px;
       }

       .contact-info .subtitle {
           color: rgba(255, 255, 255, 0.6);
           margin-bottom: 30px;
           font-size: 15px;
       }

       .contact-item {
           display: flex;
           gap: 16px;
           margin-bottom: 22px;
       }

       .contact-icon {
           width: 46px;
           height: 46px;
           background: rgba(230, 57, 70, 0.12);
           border-radius: 12px;
           display: flex;
           align-items: center;
           justify-content: center;
           flex-shrink: 0;
       }

       .contact-icon i {
           color: var(--primary);
           font-size: 18px;
       }

       .contact-item h4 {
           font-size: 15px;
           font-weight: 600;
           margin-bottom: 3px;
       }

       .contact-item p {
           color: rgba(255, 255, 255, 0.6);
           font-size: 13px;
           margin: 0;
           line-height: 1.6;
       }

       .contact-form-wrap {
           background: rgba(255, 255, 255, 0.04);
           border: 1px solid rgba(255, 255, 255, 0.08);
           border-radius: var(--radius-lg);
           padding: 32px;
           backdrop-filter: blur(10px);
       }

       .contact-form-wrap h3 {
           font-size: 20px;
           margin-bottom: 20px;
       }

       .form-field {
           width: 100%;
           padding: 13px 16px;
           background: rgba(255, 255, 255, 0.06);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 10px;
           color: white;
           font-family: 'Inter', sans-serif;
           font-size: 14px;
           margin-bottom: 12px;
           transition: all 0.3s;
       }

       .form-field::placeholder {
           color: rgba(255, 255, 255, 0.35);
       }

       .form-field:focus {
           outline: none;
           border-color: var(--primary);
           box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.15);
           background: rgba(255, 255, 255, 0.08);
       }

       textarea.form-field {
           resize: vertical;
           min-height: 100px;
       }

       .btn-submit {
           width: 100%;
           background: linear-gradient(135deg, var(--primary), var(--primary-dark));
           color: white;
           padding: 14px;
           border: none;
           border-radius: 10px;
           font-weight: 600;
           font-size: 15px;
           font-family: 'Inter', sans-serif;
           cursor: pointer;
           transition: all 0.3s;
       }

       .btn-submit:hover {
           transform: translateY(-2px);
           box-shadow: 0 8px 25px rgba(230, 57, 70, 0.35);
       }

       .social-row {
           display: flex;
           gap: 10px;
           margin-top: 24px;
       }

       .social-circle {
           width: 40px;
           height: 40px;
           background: rgba(255, 255, 255, 0.06);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 50%;
           display: flex !important;
           align-items: center;
           justify-content: center;
           color: white;
           text-decoration: none;
           transition: all 0.3s;
           font-size: 15px;
       }

       .social-circle:hover {
           background: var(--primary);
           border-color: var(--primary);
           color: white !important;
           transform: translateY(-3px);
           padding: 0 !important;
       }

       /* ===== MAP ===== */
       .map-section iframe {
           width: 100%;
           height: 350px;
           border: none;
           display: block;
       }

       /* ===== FOOTER ===== */
       .footer {
           background: #060c18;
           color: rgba(255, 255, 255, 0.6);
           padding: 50px 0 20px;
       }

       .footer h5 {
           color: white;
           font-weight: 700;
           font-size: 16px;
           margin-bottom: 18px;
       }

       .footer p {
           font-size: 13px;
           line-height: 1.8;
       }

       .footer a {
           color: rgba(255, 255, 255, 0.5);
           text-decoration: none;
           display: block;
           margin-bottom: 8px;
           font-size: 13px;
           transition: all 0.3s;
       }

       .footer a:hover {
           color: var(--primary);
           padding-left: 4px;
       }

       .footer-bottom {
           border-top: 1px solid rgba(255, 255, 255, 0.06);
           padding-top: 20px;
           text-align: center;
           font-size: 12px;
           margin-top: 30px;
       }

       /* ===== FLOATING BTNS ===== */
       .whatsapp-float {
           position: fixed;
           bottom: 24px;
           left: 24px;
           width: 54px;
           height: 54px;
           background: #25d366;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           color: white;
           font-size: 26px;
           text-decoration: none;
           box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
           z-index: 900;
           transition: all 0.3s;
           animation: waPulse 2s infinite;
       }
       .Call-float{
             position: fixed;
    bottom: 155px;
    left: 24px;
              width: 54px;
              height: 54px;
              background: #128c7e;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              color: white;
              font-size: 26px;
              text-decoration: none;
              box-shadow: 0 4px 15px rgba(18, 140, 126, 0.4);
              z-index: 900;
              transition: all 0.3s;
              animation: waPulse 2s infinite;
       }

       .Call-float:hover {
           transform: scale(1.1);
           color: white;
       }

       .whatsapp-float:hover {
           transform: scale(1.1);
           color: white;
       }

       @keyframes waPulse {

           0%,
           100% {
               box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
           }

           50% {
               box-shadow: 0 4px 25px rgba(37, 211, 102, 0.6);
           }
       }

       .scroll-top {
           position: fixed;
           bottom: 24px;
           right: 24px;
           width: 46px;
           height: 46px;
           background: var(--primary);
           color: white;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           cursor: pointer;
           opacity: 0;
           transform: translateY(10px);
           transition: all 0.3s;
           z-index: 900;
           border: none;
           box-shadow: 0 4px 12px rgba(230, 57, 70, 0.3);
           font-size: 16px;
       }

       .scroll-top.show {
           opacity: 1;
           transform: translateY(0);
       }

       .scroll-top:hover {
           background: var(--primary-dark);
           transform: translateY(-3px);
       }

          .legal-content blockquote {
           border-left: 4px solid #e63946;
           padding-left: 16px;
           color: #e63946;
           background: #f8f9fa;
           border-radius: 8px;
           margin-bottom: 24px;
           font-size: 15px;
       }

       .legal-content hr {
           border: none;
           border-top: 1.5px solid #fee2e2;
           margin: 32px 0;
       }

       .legal-content .highlight {
           color: #1d3557;
           font-weight: 600;
       }

       .legal-content .legal-intro {
           font-size: 16px;
           color: #1d3557;
           font-weight: 500;
           margin-bottom: 24px;
       }

       /* ===== RESPONSIVE ===== */
       @media (max-width: 1200px) {
         .logo-icon{
            width: 250px;
         }
           .services-grid {
               grid-template-columns: repeat(3, 1fr);
           }

           .services-mega-menu {
               min-width: 600px;
           }
           .nav-link{
            font-size: 12px;
           }
           .btn-cta-nav,.btn-Whatsapp-nav{
            font-size: 10px;
           }

       }

       @media (max-width: 992px) {
        .carbrandlist{
            display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
        }
           .hero {
               min-height: auto;
              padding: 25px 0 50px;
           }

           .hero h1 {
               font-size: 38px;
           }

           .hero-desc {
               font-size: 15px;
           }

           .hero-stats {
               max-width: 380px;
               margin: 0 auto;
           }

           .hero-content .row {
               text-align: center;
           }

           .hero-btns {
               justify-content: center;
           }

           .hero-trust {
               justify-content: center;
           }

           .hero-desc {
               margin-left: auto;
               margin-right: auto;
           }

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

           .services-mega-menu {
               position: static;
               transform: none;
               min-width: 100%;
               box-shadow: none;
               display: none;
               opacity: 1;
               visibility: visible;
               border: 1px solid #eee;
               margin-top: 8px;
               border-radius: 10px;
               padding: 16px;
           }

           .dropdown-services.show-mobile .services-mega-menu {
               display: block;
           }

           .mega-menu-grid {
               grid-template-columns: 1fr 1fr;
           }

           .section-header h2 {
               font-size: 30px;
           }
       }

       @media (max-width: 768px) {
         
        .hero-desc{
                margin-bottom: 20px;
        }
        .hero-btns,.hero-badge{
            margin-bottom: 15px;
        }

        .hero-trust{
                padding-top: 10px;
    margin-top: 10px;
        }

        .whatsapp-float,.scroll-top{
            bottom: 90px;
        }
            .hero {
        padding: 15px 0 40px;
    }
           .hero h1 {
               font-size: 30px;
           }

           .section-pad {
               padding: 30px 0;
           }

           .about-text h2,
           .insurance-text h2 {
               font-size: 28px;
           }

           .services-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 12px;
           }

           .service-card {
               padding: 22px 12px;
           }

           .service-icon {
               width: 48px;
               height: 48px;
           }

           .service-icon i {
               font-size: 20px;
           }

           .service-card h3 {
               font-size: 12px;
           }

           .stat-number {
               font-size: 24px;
           }

           .top-bar-links,
           .top-bar-social {
               justify-content: center;
           }

           .mega-menu-grid {
               grid-template-columns: 1fr;
           }

           .cta-banner h2 {
               font-size: 26px;
           }
       }

       @media (max-width: 576px) {
        .carbrandlist {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
           .hero h1 {
               font-size: 40px;
           }

           .hero-badge {
               font-size: 10px;
           }

           .hero-btns {
               flex-direction: column;
               align-items: stretch;
           }

           .btn-hero-primary,
           .btn-hero-secondary {
               justify-content: center;
           }

           .hero-stats {
               grid-template-columns: 1fr 1fr;
               gap: 10px;
           }

           .hero-stat-card {
               padding: 18px 12px;
           }

           .stat-number {
               font-size: 22px;
           }

           .stat-label {
               font-size: 9px;
           }

           .services-grid {
               grid-template-columns: 1fr 1fr;
               gap: 10px;
           }

           .section-header h2 {
               font-size: 26px;
           }

           .contact-form-wrap {
               padding: 20px;
           }

           .footer .row>div {
               text-align: center;
           }

           .social-row {
               justify-content: center;
           }
       }