body {
      font-family: 'Plus Jakarta Sans', sans-serif;
    }

 :root {
    --brand-dark: #0b2240;
    --brand-blue: #1555A3;
  }
/* Alignment and premium theme custom definitions */
  .bg-brand-dark { background-color: #0b2240; }
  .text-brand-dark { color: #0b2240; }
  .bg-brand-blue { background-color: #1555A3; }
  .text-brand-blue { color: #1555A3; }
  .hover-scale { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
  .hover-scale:hover { transform: translateY(-6px); }

    /* Smooth slider animation track */
    .slider-track {
      display: flex;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .slide {
      flex: 0 0 100%;
    }
    /* Sub-navigation item state matches */
    .nav-tab-trigger[data-state="open"] {
      color: #2563eb !important; /* text-primary-600 */
    }
    .dropdown-panel {
      display: none;
    }
    .dropdown-wrapper:hover .dropdown-panel {
      display: block;
    }


    @media (min-width: 1024px) {
    /* Hide dropdown panels by default on desktop */
    .dropdown-panel {
      display: none;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.2s ease;
    }
    
    /* Show dropdown panels when hovering over the wrapper item */
    .dropdown-wrapper:hover .dropdown-panel {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    /* Optional change: change tab text color on parent hover */
    .dropdown-wrapper:hover .nav-tab-trigger {
      color: #1e60dc !important;
    }
  }

  .no-scrollbar::-webkit-scrollbar {
      display: none; /* Webkit (Safari/Chrome) */
    }
    .no-scrollbar {
      -ms-overflow-style: none;  /* IE/Edge */
      scrollbar-width: none;  /* Firefox */
    }
    /* Smooth transitions for the custom active pagination dots */
    .slider-dot {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }



    .slider-wrapper { position: relative; display: flex; align-items: center; }
    .slider-container {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-x;
      gap: 1.25rem;
      padding: 1rem 0;
      scrollbar-width: none;
      width: 100%;
    }
    .slider-container::-webkit-scrollbar { display: none; }
    
    /* Responsive grid-basis fallback to show exactly 4 items on desktop */
    .card { 
      min-width: 270px; 
      flex: 1 0 calc(25% - 0.95rem); /* Dynamically forces 4 items to fit perfectly per row on desktop */
      height: 285px; 
      border: 1px solid #e5e7eb; 
      border-radius: 1rem; 
      padding: 1.25rem; 
      display: flex; 
      flex-direction: column; 
      justify-content: space-between; 
      background: #white;
      box-sizing: border-box;
    }
    
    /* Fallback width rules specifically for smaller breakpoints to handle smooth swiping */
    @media (max-width: 1024px) {
      .card {
        flex: 0 0 280px;
      }
    }

    .tab-panel { display: none; }
    .tab-panel.active { display: flex; }
    
    /* Navigation Buttons positioned perfectly on the outer boundary card lines */
    .nav-btn { background: white; border: 1px solid #e5e7eb; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; z-index: 10; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); transition: all 0.2s ease; }
    .nav-btn:hover { background-color: #f9fafb; transform: scale(1.05); }
    .nav-left { left: -20px; }
    .nav-right { right: -20px; }


/* Custom clip path to match the unique star background curve from image_943a9e.jpg */
  .star-badge-curve {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  }
  
  /* Make pagination dots match your teal brand color */
  .swiper-pagination-bullet-active {
    background: #00a896 !important;
    width: 24px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
  }

  /* CRITICAL FIX: Allows the floating profile badges to show completely without cutting off */
  .swiper-container-allow-overflow {
    overflow: visible !important;
  }

   /* Custom modern accordion styling */
  .faq-accordion::-webkit-details-marker {
    display: none; /* Hide default browser arrow */
  }
  
  .faq-accordion {
    list-style: none;
  }

  /* When the accordion is opened, change icon color and rotate cleanly */
  details[open] summary .faq-icon {
    transform: rotate(45deg);
    background-color: #1555A3;
    color: white;
  }

  /* Active/open border highlight effect */
  details[open] {
    border-color: #1555A3;
    box-shadow: 0 4px 20px -2px rgba(21, 85, 163, 0.08);
  }



/* Luxury Custom Animation Utilities */
  .premium-transition {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .focus-ring-premium:focus {
    outline: none;
    border-color: #1555A3;
    box-shadow: 0 0 0 4px rgba(21, 85, 163, 0.12);
  }