/*!
/*!
   * Bootstrap  v5.3.1 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1.125rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(255, 255, 255, 0.75);
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-tertiary-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: #fff;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    
            .top-bar{
            background: #2d4542;
            
            padding: 0.75rem 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
	
	  .top-bar a{
	     color: #80808010;
           text-decoration: none;
            display: flex;
            align-items: center;
			color: #1e2a3a;
        }
	
	        .logo-area {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-weight: 600;
            font-size: 1.3rem;
            letter-spacing: -0.3px;
        }

        .logo-icon {
            background: #3b82f6;
            width: 32px;
            height: 32px;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }

  /* ----- MINIMALIST LANGUAGE SWITCHER (MACOS STYLE) ----- */
.lang-switch {
    display: flex;
    align-items: center;
    gap: 0;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    padding: 0.2rem;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
	  color: #1e2a3a;
}

.lang-option {
    font-weight: 500;
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    border-radius: 28px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: none;
    font-family: inherit;
}

.lang-option.active {
    background: rgba(255, 255, 255, 0.95);
    color: #1e2a3a;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lang-option:not(.active):hover {
    background: rgba(255, 255, 255, 0.12);
    color: white;
}


    body {
      font-family: 'Inter', sans-serif;
      background-color: #fafcfd;
      color: #1a2c3e;
      line-height: 1.5;
      overflow-x: hidden;
    }

    .no-scroll {
      overflow: hidden;
      height: 100%;
      position: fixed;
      width: 100%;
    }

    .container {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* Header */
    .header {
      background: white;
      box-shadow: 0 8px 20px rgba(0,0,0,0.03);
      position: sticky;
      top: 0;
      z-index: 110;
      border-bottom: 1px solid #e2edf2;
    }

    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 0;
      gap: 20px;
    }

    .logo-area {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* Desktop Navigation */
    .nav-links {
      display: flex;
      list-style: none;
      gap: 28px;
      align-items: center;
      margin-left: auto;
    }

    .nav-links li {
      position: relative;
    }

    .nav-links a {
      text-decoration: none;
      font-weight: 500;
      color: #1f4e6e;
      transition: 0.2s;
      font-size: 0.95rem;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .nav-links a:hover {
      color: #2d4542;
    }

    .header-cta {
      background: #0066a0;
      color: white !important;
      padding: 8px 18px;
      border-radius: 40px;
      gap: 8px;
    }
    .header-cta:hover {
      background: #004d7a;
    }

    /* Mega Menu */
    .mega-menu {
      position: absolute;
      top: 42px;
      left: -80px;
      background: white;
      width: 560px;
      display: flex;
      gap: 28px;
      padding: 28px 24px;
      border-radius: 24px;
      box-shadow: 0 25px 40px rgba(0,0,0,0.1);
      opacity: 0;
      visibility: hidden;
      transition: 0.2s ease;
      z-index: 200;
      border: 1px solid #dce9ef;
    }

    .nav-links li:hover .mega-menu {
      opacity: 1;
      visibility: visible;
    }

    .mega-column h4 {
      font-size: 0.85rem;
      letter-spacing: 1px;
      color: #2c7da0;
      margin-bottom: 14px;
    }

    .mega-column ul {
      list-style: none;
    }

    .mega-column li {
      margin-bottom: 10px;
    }

    .mega-column a {
      font-size: 0.85rem;
      font-weight: 500;
    }

    .menu-highlight {
      margin-top: 18px;
      background: #eef4fa;
      padding: 8px 12px;
      border-radius: 40px;
    }

    .dropdown-menu {
      position: absolute;
      top: 38px;
      left: 0;
      background: white;
      width: 240px;
      border-radius: 18px;
      box-shadow: 0 12px 28px rgba(0,0,0,0.08);
      padding: 12px 0;
      list-style: none;
      opacity: 0;
      visibility: hidden;
      transition: 0.2s;
      z-index: 200;
    }

    .nav-links li:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
    }

    .dropdown-menu li {
      padding: 8px 20px;
    }

    .mobile-menu-btn {
      background: none;
      border: none;
      font-size: 1.8rem;
      color: #1f4e6e;
      cursor: pointer;
      display: none;
      padding: 8px;
    }

    /* Mobile Drawer */
    .mobile-nav {
      position: fixed;
      top: 0;
      left: -100%;
      width: 85%;
      max-width: 380px;
      height: 100vh;
      background: #ffffff;
      z-index: 1000;
      box-shadow: 8px 0 32px rgba(0,0,0,0.2);
      transition: left 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
      overflow-y: auto;
      padding: 20px 20px 40px;
      display: flex;
      flex-direction: column;
    }

    .mobile-nav.open {
      left: 0;
    }

    .close-menu {
      background: #eef2f5;
      border: none;
      font-size: 1.5rem;
      width: 40px;
      height: 40px;
      border-radius: 40px;
      align-self: flex-end;
      margin-bottom: 16px;
      cursor: pointer;
    }

    .mobile-nav > ul {
      list-style: none;
      flex: 1;
    }

    .mobile-main-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 6px;
      font-weight: 600;
      color: #1a3b4f;
      font-size: 1rem;
      cursor: pointer;
    }

    .mobile-submenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
      background: #f9fbfd;
      border-radius: 16px;
      margin: 0 0 8px 12px;
    }

    .mobile-submenu.open {
      max-height: 800px;
    }

    .mobile-submenu a {
      display: block;
      padding: 10px 12px;
      text-decoration: none;
      font-size: 0.85rem;
      color: #1f4e6e;
    }

    .simple-link {
      display: block;
      padding: 14px 6px;
      text-decoration: none;
      font-weight: 600;
      color: #1a3b4f;
    }

    .mobile-cta {
      background: #0066a0;
      color: white !important;
      text-align: center;
      border-radius: 60px;
      padding: 14px 20px !important;
      margin-top: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none;
      font-weight: 600;
    }

    .overlay-backdrop {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 900;
      opacity: 0;
      visibility: hidden;
      transition: 0.25s;
    }

    .overlay-backdrop.active {
      opacity: 1;
      visibility: visible;
    }

    /* Hero Section */
    .hero {
      padding: 70px 0;
      background: linear-gradient(135deg, #0a2a3b 0%, #0f3b4f 50%, #1a5a6e 100%);
      background-image: url("images/hero-8.jpg");
      color: white;
      min-height: 550px;
    }
    .hero-title {
      font-size: 3rem;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 20px;
    }
    .hero-title span {
      color: #6dfe00;
    }
    .hero-desc {
      font-size: 1.1rem;
      opacity: 0.9;
      max-width: 550px;
    }
    .hero-badge {
      background: rgba(255,255,255,0.15);
      display: inline-block;
      padding: 6px 16px;
      border-radius: 60px;
      font-size: 0.8rem;
      margin-bottom: 24px;
    }
    .btn-primary, .btn-outline, .btn-light {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 28px;
      border-radius: 40px;
      font-weight: 600;
      cursor: pointer;
      border: none;
      font-size: 0.9rem;
      transition: 0.2s;
    }
    .btn-primary {
      background: #2d4542;
      color: white;
    }
    .btn-primary:hover {
      background: #005f8c;
      transform: translateY(-2px);
    }
    .btn-outline {
      background: transparent;
      border: 1.5px solid #6dfe00;
      color: white;
    }
    .btn-outline:hover {
      background: rgba(123,203,212,0.1);
    }
    .hero-buttons {
      margin-top: 28px;
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    }

    /* Vimeo Video Section - NEW */
    .video-showcase {
      padding: 70px 0;
      background: linear-gradient(145deg, #f0f5f8, #eef2f5);
    }
    .video-container {
      max-width: 1000px;
      margin: 0 auto;
      border-radius: 32px;
      overflow: hidden;
      box-shadow: 0 25px 45px -12px rgba(0,0,0,0.25);
      background: #000;
      transition: transform 0.3s ease;
    }
    .video-container:hover {
      transform: translateY(-5px);
    }
    .video-container iframe {
      width: 100%;
      aspect-ratio: 16 / 9;
      display: block;
      border: none;
    }
    .video-caption {
      text-align: center;
      margin-top: 24px;
      color: #4a627a;
      font-size: 0.9rem;
    }
    .video-caption i {
      color: #2d4542;
      margin-right: 8px;
    }

    /* Pillars */
    .pillars { padding: 70px 0; background: white; }
    .section-title { font-size: 2.2rem; text-align: center; margin-bottom: 16px; font-weight: 700; color: #0a2a3b; }
    .section-sub { text-align: center; color: #4a627a; max-width: 700px; margin: 0 auto 40px; }
    .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; }
    .product-card { background: #ffffff; border-radius: 28px; padding: 28px 24px; box-shadow: 0 15px 30px rgba(0,0,0,0.03); border: 1px solid #e2edf2; transition: 0.2s; }
    .product-card:hover { transform: translateY(-5px); box-shadow: 0 25px 35px rgba(0,0,0,0.08); }
    .card-icon { font-size: 2.5rem; color: #2d4542; margin-bottom: 20px; }
    .learn-link { color: #fff; text-decoration: none; font-weight: 600; margin-top: 16px; display: inline-block; background: #2d4542;
    padding: 12px 28px;
    border-radius: 40px;}
    
    /* Solutions Banner */
    .solutions-banner { background: #eef2f5; padding: 70px 0; }
    .solutions-flex { display: flex; gap: 50px; align-items: center; flex-wrap: wrap; }
    .solutions-text { flex: 1.2; }
    .feature-list { list-style: none; margin-top: 24px; }
    .feature-list li { margin: 14px 0; display: flex; align-items: center; gap: 10px; }
    
    /* Statistics */
    .precision-stats { padding: 70px 0; background: white; }
    .stats-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; text-align: center; }
    .stat-number { font-size: 2.8rem; font-weight: 800; color: #2d4542; }
    
    /* Final CTA */
    .final-cta { background: linear-gradient(135deg, #adb5a5, #080a05); color: white; text-align: center; padding: 70px 30px; border-radius: 40px; margin: 40px 20px; background-image: url("images/hero-20.jpg"); }
    .btn-light { background: white; color: #2d4542; }
    .btn-light:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
    
    /* Footer */
    .footer { background: #0c2d3b; color: #cbdbe0; padding: 50px 0 30px; margin-top: 40px; }
    .footer-grid { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; margin-bottom: 40px; }
    .footer-links { list-style: none; }
    .footer-links li { margin: 10px 0; }
    .footer-links a { color: #bdd4de; text-decoration: none; }
    .footer-links a:hover { color: white; }
    .copyright { text-align: center; padding-top: 20px; border-top: 1px solid #235b6e; font-size: 0.8rem; }
    
    @media (max-width: 980px) {
      .nav-links { display: none; }
      .mobile-menu-btn { display: block; }
      .hero-title { font-size: 2.2rem; }
    }
    @media (max-width: 680px) {
      .hero-title { font-size: 1.8rem; }
      .section-title { font-size: 1.6rem; }
      .stats-grid { justify-content: center; }
    }
    
    /* Image Gallery Styles */
    .image-gallery {
      padding: 60px 0;
      background: #f8fafc;
    }
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin-top: 30px;
    }
    .gallery-item {
      background: white;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;
    }
    .gallery-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 35px rgba(0,0,0,0.12);
    }
    .gallery-img {
      width: 100%;
      height: 220px;
      background: linear-gradient(135deg, #eef2f5, #e2edf2);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #2d4542;
      font-size: 4rem;
    }
    .gallery-caption {
      padding: 18px 20px;
      text-align: center;
    }
    .gallery-caption h4 {
      color: #0a2a3b;
      margin-bottom: 6px;
      font-size: 1.1rem;
    }
    .gallery-caption p {
      color: #4a627a;
      font-size: 0.85rem;
    }
    
    /* Lightbox Overlay */
    .lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.9);
      z-index: 2000;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
    .lightbox.active {
      display: flex;
    }
    .lightbox-content {
      max-width: 90%;
      max-height: 90%;
      background: white;
      border-radius: 20px;
      padding: 20px;
      text-align: center;
    }
    .lightbox-img {
      max-width: 100%;
      max-height: 70vh;
      border-radius: 12px;
    }
    .lightbox-caption {
      margin-top: 15px;
      color: #0a2a3b;
      font-weight: 500;
    }
    .close-lightbox {
      position: absolute;
      top: 25px;
      right: 35px;
      color: white;
      font-size: 2.5rem;
      cursor: pointer;
      transition: 0.2s;
    }
    .close-lightbox:hover {
      color: #2d4542;
    }
    
    /* WhatsApp Button */
    .btn-whatsapp {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #075e54;
      border: none;
      padding: 8px 18px;
      border-radius: 40px;
      font-weight: 600;
      cursor: pointer;
      color: white;
      transition: 0.2s;
      font-family: inherit;
    }
    .btn-whatsapp:hover {
      background: #128C7E;
      transform: scale(1.02);
    }
    
         /* Cookie popup styles */
        .cookie-consent {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background:#fff;
            color: #000000;
            padding: 1.25rem 2rem;
            font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            z-index: 9999;
            box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.2);
            transform: translateY(100%);
            transition: transform 0.4s ease-in-out;
            border-top: 2px solid #00a8ff;
        }

        .cookie-consent.show {
            transform: translateY(0);
        }

        .cookie-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }

        .cookie-text {
            flex: 3;
            min-width: 240px;
            font-size: 0.9rem;
            line-height: 1.5;
        }

        .cookie-text h3 {
            margin: 0 0 0.3rem 0;
            font-size: 1.1rem;
            font-weight: 600;
            color: #00a8ff;
        }

        .cookie-text p {
            margin: 0;
            opacity: 0.9;
        }

        .cookie-text a {
            color: #00a8ff;
            text-decoration: underline;
        }

        .cookie-text a:hover {
            color: #4fc3ff;
        }

        .cookie-buttons {
            flex: 1;
            display: flex;
            gap: 0.8rem;
            justify-content: flex-end;
            flex-wrap: wrap;
        }

        .cookie-btn {
            padding: 0.6rem 1.4rem;
            border: none;
            border-radius: 40px;
            font-size: 0.85rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: inherit;
        }

        .cookie-btn-accept {
            background-color: #00a8ff;
            color: #1a2a3a;
        }

        .cookie-btn-accept:hover {
            background-color: #33bbff;
            transform: scale(1.02);
        }

        .cookie-btn-decline {
            background-color: transparent;
            color: #dddddd;
            border: 1px solid #888;
        }

        .cookie-btn-decline:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: #cccccc;
        }

        .cookie-btn-settings {
            background-color: transparent;
            color: #00a8ff;
            border: 1px solid #00a8ff;
        }

        .cookie-btn-settings:hover {
            background-color: rgba(0, 168, 255, 0.1);
        }

        @media (max-width: 768px) {
            .cookie-consent {
                padding: 1rem;
            }
            .cookie-container {
                flex-direction: column;
                align-items: stretch;
            }
            .cookie-buttons {
                justify-content: center;
            }
            .cookie-btn {
                padding: 0.5rem 1rem;
            }
        }
	
	
	 /* Reviews Section Styles */
  .reviews-section {
    background: linear-gradient(145deg, #f8fafc, #ffffff);
    padding: 70px 0;
    border-top: 1px solid #e2edf2;
    border-bottom: 1px solid #e2edf2;
  }

  .rating-summary {
    margin-top: 20px;
    text-align: center;
  }
  .rating-summary .stars {
    display: inline-flex;
    gap: 4px;
    color: #ffc107;
    font-size: 1.2rem;
  }
  .rating-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0a2a3b;
    margin-left: 12px;
  }
  .review-count {
    display: block;
    font-size: 0.8rem;
    color: #6c8ea0;
    margin-top: 6px;
  }

  .reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 50px;
  }

  .review-card {
    background: white;
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #eef2f8;
    position: relative;
  }
  .review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.12);
  }
  .review-card-featured {
    background: linear-gradient(135deg, #ffffff 0%, #f0f7fb 100%);
    border-left: 4px solid #0077b6;
  }
  .review-badge {
    position: absolute;
    top: -12px;
    right: 24px;
    background: #0077b6;
    color: white;
    padding: 4px 14px;
    border-radius: 60px;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  .stars {
    display: flex;
    gap: 3px;
    color: #ffc107;
    font-size: 0.9rem;
  }
  .review-date {
    font-size: 0.75rem;
    color: #8ba5bc;
  }
  .review-quote {
    margin-bottom: 24px;
  }
  .review-quote i {
    color: #7bcbd4;
    font-size: 1.2rem;
    margin-right: 8px;
    opacity: 0.6;
  }
  .review-quote p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #1f445e;
    font-style: italic;
  }
  .reviewer {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid #eef2f5;
    padding-top: 18px;
  }
  .reviewer-avatar {
    width: 48px;
    height: 48px;
    background: #eef4fa;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #0077b6;
  }
  .reviewer-info h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0a2a3b;
    margin-bottom: 4px;
  }
  .reviewer-info p {
    font-size: 0.75rem;
    color: #6c8ea0;
  }
  .reviews-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
  }
  .btn-outline-reviews {
    background: transparent;
    border: 2px solid #0077b6;
    color: #0077b6;
    padding: 12px 28px;
    border-radius: 60px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  .btn-outline-reviews:hover {
    background: #0077b6;
    color: white;
    transform: translateY(-2px);
  }
  .btn-primary-reviews {
    background: #0077b6;
    border: none;
    color: white;
    padding: 12px 28px;
    border-radius: 60px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  .btn-primary-reviews:hover {
    background: #005f8c;
    transform: translateY(-2px);
  }

  @media (max-width: 680px) {
    .reviews-grid {
      grid-template-columns: 1fr;
    }
    .review-card {
      padding: 20px;
    }
  }
  
  
      /* Critical styles for banner appearance - minimal footprint */
        .cc-cookie-banner * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .cc-cookie-banner {
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 99999;
            background: rgba(0, 0, 0, 0.65);
            backdrop-filter: blur(6px);
            display: flex;
            justify-content: center;
            padding: 1rem;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.25s ease, visibility 0.25s;
            font-size: 14px;
            line-height: 1.5;
        }
        .cc-cookie-banner.cc-visible {
            opacity: 1;
            visibility: visible;
        }
        .cc-banner-card {
            max-width: 1200px;
            width: 100%;
            background: white;
            border-radius: 28px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25);
            overflow: hidden;
            transition: all 0.2s;
        }
        .cc-banner-inner {
            padding: 1.5rem 2rem;
        }
        .cc-banner-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }
        .cc-banner-header svg {
            flex-shrink: 0;
        }
        .cc-banner-header h3 {
            font-size: 1.35rem;
            font-weight: 600;
            color: #1a2c3e;
            letter-spacing: -0.2px;
        }
        .cc-description {
            color: #2c3e44;
            margin-bottom: 20px;
            font-weight: 400;
        }
        .cc-description p {
            margin-top: 6px;
        }
        .cc-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 20px;
            align-items: center;
        }
        .cc-btn {
            border: none;
            padding: 10px 22px;
            border-radius: 60px;
            font-weight: 600;
            font-size: 0.85rem;
            cursor: pointer;
            transition: 0.15s ease-in-out;
            font-family: inherit;
            background: transparent;
        }
        .cc-btn-primary {
            background: #1f6e43;
            color: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        .cc-btn-primary:hover {
            background: #0f5537;
            transform: scale(0.97);
        }
        .cc-btn-secondary {
            background: #eef2f5;
            color: #1a4b6e;
            border: 1px solid #cfdfe8;
        }
        .cc-btn-secondary:hover {
            background: #e2e9ef;
        }
        .cc-btn-settings {
            background: transparent;
            color: #2c6e9e;
            text-decoration: underline;
            padding: 10px 12px;
        }
        .cc-btn-settings:hover {
            color: #0f4468;
            background: #f0f4f7;
        }
        .cc-preferences-panel {
            background: #f8fafc;
            border-radius: 20px;
            padding: 16px 18px;
            margin-top: 12px;
            border: 1px solid #e2edf2;
            transition: all 0.2s;
        }
        .cc-pref-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 12px 0;
            border-bottom: 1px solid #e2edf2;
        }
        .cc-pref-item:last-child {
            border-bottom: none;
        }
        .cc-pref-info {
            flex: 1;
        }
        .cc-pref-info h4 {
            font-weight: 600;
            font-size: 1rem;
            margin-bottom: 4px;
            color: #1f3b4c;
        }
        .cc-pref-info p {
            font-size: 0.75rem;
            color: #4f6f7f;
        }
        .cc-toggle {
            position: relative;
            display: inline-block;
            width: 48px;
            height: 26px;
        }
        .cc-toggle input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        .cc-slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #cbdde6;
            transition: 0.2s;
            border-radius: 34px;
        }
        .cc-slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            transition: 0.2s;
            border-radius: 50%;
        }
        input:checked + .cc-slider {
            background-color: #1f6e43;
        }
        input:checked + .cc-slider:before {
            transform: translateX(22px);
        }
        input:disabled + .cc-slider {
            opacity: 0.7;
            cursor: not-allowed;
            background-color: #b9cfdd;
        }
        .cc-footer-links {
            font-size: 0.7rem;
            text-align: center;
            margin-top: 16px;
            color: #5e7e8c;
            border-top: 1px solid #e2edf2;
            padding-top: 16px;
        }
        .cc-footer-links a {
            color: #2c6e9e;
            text-decoration: none;
            margin: 0 8px;
        }
        .cc-footer-links a:hover {
            text-decoration: underline;
        }
        .cc-hidden {
            display: none;
        }
        @media (max-width: 640px) {
            .cc-banner-inner {
                padding: 1.2rem;
            }
            .cc-buttons {
                flex-direction: column;
                align-items: stretch;
            }
            .cc-btn {
                text-align: center;
                justify-content: center;
            }
            .cc-pref-item {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
        }
		
		
		/* Additional responsive fixes */
@media (max-width: 768px) {
  .solutions-flex {
    flex-direction: column;
    gap: 30px;
  }
  
  .stats-grid {
    flex-direction: column;
    align-items: center;
  }
  
  .footer-grid {
    flex-direction: column;
    text-align: center;
  }
  
  .hero-buttons {
    flex-direction: column;
    align-items: stretch;
  }
  
  .btn-primary, .btn-outline, .btn-light {
    text-align: center;
    justify-content: center;
  }
  
  /* Fix any overflow issues */
  body {
    overflow-x: hidden;
  }
  
  img, iframe, video {
    max-width: 100%;
    height: auto;
  }
}

/* For very small devices */
@media (max-width: 480px) {
  .top-bar {
    padding: 0.75rem 1rem;
  }
  
  .logo-area {
    font-size: 1rem;
  }
  
  .section-title {
    font-size: 1.4rem;
  }
  
  .gallery-grid {
    grid-template-columns: 1fr;
  }
}