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

      body {
        font-family: 'Segoe UI', sans-serif;
      }

      header {
        z-index: 9999;

      }

      /* Top bar */
      .top-bar {
        background: #000;
        color: #fff;
        padding: 10px 60px 10px 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
      }

      .top-bar .left,
      .top-bar .right {
        display: flex;
        align-items: center;
        gap: 20px;
      }

      .top-bar i {
        margin-right: 5px;
        color: red;
      }

      .top-bar img {
        width: 20px;
        height: 14px;
        border-radius: 50%;
      }

      header {
        position: sticky;
      }

      /* Main nav */
      .navbar {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding-left: 60px;
        padding-right: 60px;
      }



      .logo {
        font-size: 20px;
        font-weight: bold;
        color: #000;
      }

      .logo span {
        color: red;
      }

      .nav-links {
        display: flex;
        align-items: center;
        gap: 30px;
      }

      .nav-links a {
        text-decoration: none;
        color: #333;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 5px;
      }

      .nav-links i {
        color: red;
      }

      .menu-btn {
        display: none;
        font-size: 24px;
        cursor: pointer;
      }



      .logo {
        height: 40px;
        width: 120px;
        object-fit: contain;
      }

      /* Dropdown container */
      .dropdown {
        position: relative;
      }

      .dropbtn {
        display: flex;
        align-items: center;
        gap: 5px;
        /* background: red; */
        color: white;
        /* padding: 10px 15px; */
        text-decoration: none;
        font-weight: 500;
        border-radius: 4px;
      }

      /* 
      .dropbtn:hover{
                background: red;

      } */
      /* Hidden dropdown content */
      .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        min-width: 220px;
        z-index: 1000;
        border-top: 3px solid red;
      }

      /* Show on hover */
      .dropdown:hover .dropdown-menu {
        display: block;
      }

      /* Dropdown item styling */
      .dropdown-menu a {
        display: block;
        padding: 8px 20px;
        color: #333;
        text-decoration: none;
        font-weight: 500;
      }

      .dropdown-menu a:hover {
        background: #f7f7f7;
        color: red;
      }



      .hero {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
      }

      .carousel {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #000;
      }

      .carousel img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation: slide 20s infinite;
        opacity: 0.5;

      }


      .content {
        position: relative;
        z-index: 10;
        text-align: center;
        color: white;
        padding-top: 30vh;
        padding-left: 20px;
        padding-right: 20px;
      }

      .content h1 {
        font-size: 2.8rem;
        font-weight: bold;
      }

      .content p {
        font-size: 1.2rem;
        margin-top: 10px;
      }

      .tabs {
        margin: 30px auto;
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;

      }

      .tab {
        background: white;
        color: black;
        padding: 10px 20px;
        border-radius: 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        font-weight: 500;
        border: 2px solid #00000059;
      }

      .search-box {
        max-width: 1000px;
        margin: 0 auto;
        background: white;
        padding: 20px;
        border-radius: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
      }

      .search-box input,
      .search-box select {
        flex: 1 1 200px;
        margin: 5px;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #ddd;
        font-size: 1rem;
      }

      .search-box button {
        background: #ff1f3d;
        color: white;
        padding: 15px 30px;
        border: none;
        border-radius: 15px;
        font-size: 1.2rem;
        cursor: pointer;
        flex: 1 1 200px;
        margin: 10px;
      }


      .welcome {
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
      }

      .hey {
        padding: 0px 60px 0px 60px !important;
      }

      .scroller-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
      }

      .country-scroller {
        display: flex;
        gap: 20px;
        overflow-x: auto;
        scroll-behavior: smooth;
        padding: 20px 40px;
      }

      .country-scroller::-webkit-scrollbar {
        display: none;
      }

      .country-card {
        flex: 0 0 auto;
        width: 120px;
        text-align: center;
      }

      .country-card img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #ddd;
        transition: transform 0.3s;
      }

      .country-card img:hover {
        transform: scale(1.05);
      }

      .country-card h4 {
        margin: 10px 0 5px;
        font-size: 16px;
      }

      .country-card p {
        margin: 0;
        font-size: 14px;
        color: #555;
      }

      .scroll-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgb(255, 229, 229);
        border: 2px solid rgba(0, 0, 0, 0.416) !important;
        border: none;
        font-size: 24px;
        cursor: pointer;
        padding: 10px 15px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        z-index: 10;
        border-radius: 12px;
      }

      .scroll-btn.left {
        left: 0;
      }

      .scroll-btn.right {
        right: 0;
      }

      .scroll-btn:focus {
        outline: none;
      }


      .heading {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 20px 20px 20px;
      }






      .category-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 24px;
        justify-content: center;
      }

      .category-buttons button {
        padding: 10px 20px;
        border: none;
        border-radius: 20px;
        background-color: #ffdada;
        color: #333;
        font-weight: 600;
        cursor: pointer;
        width: 180px;
        border: 2px solid rgba(0, 0, 0, 0.175);
      }

      .category-buttons .active {
        background-color: #f5393d;
        color: white;
      }

      .cards-container {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
      }

      .card {
        background-color: #ffeaea;
        border-radius: 16px;
        overflow: hidden;
        width: 320px;
        height: 340px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        border: 2px solid #0000002b;
      }

      .card img {
        width: 100%;
        height: 180px;
        object-fit: cover;
      }

      .card-body {
        padding: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
        gap: 20px;
      }

      .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .card-title {
        font-size: 18px;
        font-weight: 600;
      }

      .rating {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #333;
      }

      .rating i {
        color: gold;
        margin-right: 5px;
      }

      .info {
        font-size: 14px;
        color: #444;
        margin-bottom: 8px;
      }

      .info i {
        margin-right: 6px;
        color: #f5393d;
      }

      .price-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: auto;
      }

      .price {
        color: green;
        font-weight: 700;
        font-size: 18px;
      }

      .know-more {
        background: white;
        border-radius: 30px;
        padding: 6px 16px;
        font-weight: 500;
        cursor: pointer;
        border: none;
        border: 2px solid rgba(0, 0, 0, 0.195);
      }



      .view {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 40px 0px 0px 0px;
      }

      /* From Uiverse.io by cssbuttons-io */
      .viewall {
        font-size: 17px;
        padding: 1em 2.7em;
        font-weight: 500;
        background: #1f2937;
        color: white;
        border: none;
        position: relative;
        overflow: hidden;
        border-radius: 0.6em;
        cursor: pointer;
        width: 250px;
      }

      .gradient {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0.6em;
        margin-top: -0.25em;
        background-image: linear-gradient(rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.3));
      }

      .label {
        position: relative;
        top: -1px;
      }

      .transition {
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transition-duration: 500ms;
        background-color: #eb222a;
        border-radius: 9999px;
        width: 0;
        height: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

      }

      .viewall:hover .transition {
        width: 250px;
        height: 14em;
      }

      .viewall:active {
        transform: scale(0.97);
      }

      .banner-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
      }

      .banner-card {
        width: 408px;
        height: 200px;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        flex-shrink: 0;
      }

      .banner-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }




      .Certificate {
        padding: 40px 0px 20px 0px;
      }

      .certificates-container {
        display: flex;
        flex-wrap: wrap;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        background-color: #FFF2F2;
        max-width: 90%;
        margin: auto;
        border: 2px solid rgba(0, 0, 0, 0.196);
      }

      .certificates-text {
        flex: 1;
        padding: 24px;
        background-color: #FFF2F2;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .certificates-text h2 {
        color: #d52128;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 12px;
      }

      .certificates-text p {
        font-size: 16px;
        color: #333;
        line-height: 1.6;
        font-weight: 600;
      }

      .certificates-image {
        flex: 1;
      }

      .certificates-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }


      .month-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-bottom: 30px;
      }

      .month-buttons button {
        padding: 10px 20px;
        border: 2px solid #00000042;
        background: #ffefef;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.2s ease;
      }

      .month-buttons button.active {
        background: #e82929;
        color: #fff;
        border-color: #e82929;
      }

      .card-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
      }

      .carddd {
        width: 300px;
        height: 300px;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
        object-fit: contain;
        border: 2px solid #00000054;
      }

      .carddd:hover {
        transform: translateY(-5px);
      }

      .carddd img {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
        display: block;
      }

      .country-name {
        position: absolute;
        bottom: 0;
        background: rgba(255, 255, 255, 0.85);
        width: 100%;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        color: #e82929;
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      .carddd:hover .country-name {
        opacity: 1;
      }


      .visa-wrapper {
        /* max-width: 1200px; */
        margin: 0 auto;
        padding-top: 40px;
      }

      .visa-title {
        text-align: center;
        margin-bottom: 30px;
        font-weight: 600;
        font-size: 28px;
        padding-top: 60px;
        color: white;
      }

      .visaaa {
        padding-top: 50px;
      }

      .visa-tabs {
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        margin-bottom: 40px;
      }

      .visa-tab-button {
        padding: 10px 25px;
        border-radius: 12px;
        border: 2px solid #ccc;
        background: white;
        cursor: pointer;
        font-weight: 600;
        font-size: 16px;
        transition: all 0.3s ease;
      }

      .visa-tab-button.active {
        background: #e82929;
        color: white;
        border-color: #e82929;
      }

      .visa-card-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
      }

      .visa-card {
        background: white;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        width: 300px;
        transition: transform 0.3s ease;
      }

      .visa-card-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
      }

      .visa-card-body {
        padding: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .visa-card-title {
        font-weight: 600;
        font-size: 16px;
      }

      .visa-card-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .visa-price {
        background: #0b6623;
        color: white;
        padding: 6px 14px;
        border-radius: 6px;
        font-size: 14px;
      }

      .visa-arrow {
        background: #f9d6d6;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #e82929;
        font-size: 18px;
        cursor: pointer;
      }



      .carouselll {
        position: absolute;
        width: 100%;

        z-index: -1;
        background-color: #000;
        height: 600px;
      }

      .carouselll img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation: slide 20s infinite;
        opacity: 0.5;
        height: 600px;


      }

      .visa-viewall {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
      }


      /* ===== Horizontal scroll for category buttons on mobile ===== */

      @media (max-width: 1280px) {
        .banner-card {
          width: calc(50% - 20px);
        }
      }

      @media (max-width: 768px) {
        .nav-links {
          display: none;
          flex-direction: column;
          position: absolute;
          top: 70px;
          left: 0;
          width: 100%;
          background: #fff;
          padding: 20px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          align-items: start;
        }

        .nav-links.active {
          display: flex;
        }

        .menu-btn {
          display: block;
        }

        .top-bar .left,
        .top-bar .right {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-direction: column;
        }

        .top-bar {
          padding: 0px 8px 0px 8px;
          font-size: 12px;
        }

        .welcome {
          font-size: 18px !important;
          padding: 10px;
        }

        .ptag {
          font-size: 14px !important;
        }

        .navbar {
          padding-left: 20px;
          padding-right: 20px;
        }

        .scroll-btn {
          display: none;
        }

        .hey {
          padding: 0px 20px 0px 20px !important;
        }

        .country-scroller {
          gap: 5px;

        }

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

        .search-box {
          /* flex-direction: column; */
          padding: 15px;
        }

        .search-box input,
        .search-box select,
        .search-box button {
          flex: 1 1 100%;
        }

        .content {
          position: relative;
          z-index: 10;
          text-align: center;
          color: white;
          padding-top: 18vh;
        }

        .card {
          width: calc(50% - 20px);
        }

        .banner-card {
          width: 100%;
        }

        .certificates-container {
          flex-direction: column;
        }

        .certificates-text,
        .certificates-image {
          flex: unset;
          width: 100%;
        }

        .card {
          width: 90%;
          height: 340px;
        }

        .visa-card {
          width: 90%;
        }

        .visa-tab-button {
          font-size: 14px;
          padding: 8px 18px;
        }

        .carouselll {
          height: 1200px;
        }

        .carouselll img {
          height: 1200px;
        }

        .stats-bg {
          height: 580px !important;
        }

        .stats-bg img {
          height: 580px !important;
        }



        .tabs {
          display: block !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 8px !important;
        }

        .tabs .tab {
          display: inline-block !important;
          padding: 10px 16px !important;
          margin-right: 6px !important;
          white-space: nowrap !important;
        }

        .category-buttons {
          display: block !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 8px !important;
          padding-left: 10px;
        }

        .category-buttons button {
          display: inline-block !important;
          margin-right: 2px !important;
          white-space: nowrap !important;
        }



        /* Month buttons row */
        #monthButtons,
        .month-buttons {
          /* cover both id & class usage */
          display: block !important;
          overflow-x: auto !important;
          /* enable sideways scroll */
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 8px !important;
          /* space for scrollbar */
        }

        #monthButtons button,
        .month-buttons button {
          display: inline-block !important;
          /* line up horizontally */
          margin-right: 12px !important;
          white-space: nowrap !important;
        }

        /* Month cards container */
        #cardContainer {
          display: block !important;
          /* override any grid/flex */
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 10px !important;
          padding-left: 20px;
        }

        #cardContainer .carddd {
          display: inline-block !important;
          /* arrange cards side by side */
          width: 80% !important;
          /* adjust as needed */
          margin-right: 16px !important;
          vertical-align: top !important;
        }


        #visaTabs {
          display: block !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 8px !important;
        }

        #visaTabs .visa-tab-button {
          display: inline-block !important;
          margin-right: 12px !important;
          white-space: nowrap !important;
        }

        #visaCards {
          display: block !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
          padding-bottom: 10px !important;
          padding-left: 10px;
        }

        #visaCards .visa-card {
          display: inline-block !important;
          width: 80% !important;
          margin-right: 16px !important;
          vertical-align: top !important;
        }

        .visa-title {
          padding-top: 10px;
        }

        .visa-tabs {
          margin-bottom: 0px;
        }

        .visa-wrapper {
          height: 480px !important;
        }

        .carouselll {
          height: 480px !important;
        }

        .carouselll img {
          height: 480px !important;
        }

        .whatsapp-float {
          display: none !important;
        }
      }

      @media (max-width: 480px) {
        .card {
          width: 100%;
        }

        .carouselll {
          height: 1300px;
        }

        .carouselll img {
          height: 1300px;
        }

        .category-buttons button {
          width: 120px;
        }

        .cards-container {
          padding: 0px 20px 0px 20px;
        }

        .banner-row {
          padding: 0px 20px 0px 20px;
        }

        .custom-footer-top {
          display: block;
        }
      }

      .stats-section {
        background-image: url('/mnt/data/183035cd-b1b8-4af9-af2c-136f1ae6d409.png');
        background-size: cover;
        background-position: center;
        /* padding: 80px 20px; */
        color: white;
        text-align: center;
        border-radius: 25px;
        max-width: 1200px;
        margin: 60px auto;
        position: relative;
        padding-top: 40px;
      }

      .stats-container {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 40px;
        align-items: center;
        padding-top: 40px;
      }

      .stat-item {
        flex: 1 1 200px;
        border-right: 1px solid rgba(255, 255, 255, 0.4);
        padding: 10px 20px;
      }

      .stat-item:last-child {
        border-right: none;
      }

      .stat-number {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 10px;
      }

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

      @media (max-width: 768px) {
        .stats-container {
          flex-direction: column;
          align-items: center;
        }

        .stat-item {
          border: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          width: 100%;
          max-width: 200px;
          height: 100px !important;
        }

        .stat-item:last-child {
          border-bottom: none;
        }

        .stat-item {
          flex: 1 1 120px;

        }
      }

      .stats-bg {
        position: absolute;
        width: 100%;

        z-index: -1;
        background-color: #000;
        height: 200px;
        border-radius: 16px;
      }

      .stats-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation: slide 20s infinite;
        opacity: 0.5;
        height: 200px;
        border-radius: 16px;


      }

      .flag-carousel-container {
        overflow: hidden;
        white-space: nowrap;
        padding: 20px 0;
        position: relative;
        background: #f4faff;
      }

      .flag-carousel {
        display: inline-block;
        animation: scrollFlags 10s linear infinite;
      }

      .flag-carousel img {
        height: 30px;
        margin: 0 15px;
        vertical-align: middle;
        border-radius: 4px;
      }

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

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

      @media (max-width: 768px) {
        .flag-carousel img {
          height: 32px;
          margin: 0 10px;
        }
      }

      .testimonial-container {
        max-width: 1200px;
        margin: auto;
        overflow: hidden;
        position: relative;
        padding-bottom: 40px;
      }

      .testimonial-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
      }

      .testimonial-card {
        flex: 0 0 33.3333%;
        box-sizing: border-box;
        padding: 20px;
      }

      .testimonial-box {
        background: #faeaea;
        border-radius: 15px;
        display: flex;
        gap: 15px;
        padding: 20px;
        align-items: flex-start;
        height: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        min-height: 240px;
        border: 2px solid rgba(0, 0, 0, 0.155);

      }

      .testimonial-img {
        width: 70px;
        height: 70px;
        border-radius: 12px;
        object-fit: cover;
      }

      .testimonial-content h4 {
        margin: 0;
        font-size: 18px;
      }

      .testimonial-stars {
        color: #f4b400;
        font-size: 16px;
        margin: 5px 0;
      }

      .testimonial-text {
        font-size: 15px;
        color: #333;
      }

      /* Dots */
      .testimonial-dots {
        text-align: center;
        margin-top: 20px;
      }

      .testimonial-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 6px;
        background-color: #ccc;
        border-radius: 50%;
        transition: background-color 0.3s ease;
        cursor: pointer;
      }

      .testimonial-dot.active {
        background-color: #333;
      }

      @media (max-width: 1024px) {
        .testimonial-card {
          flex: 0 0 50%;
        }
      }

      @media (max-width: 768px) {
        .testimonial-card {
          flex: 0 0 100%;
        }

        .hero-section {
          height: 750px;
        }

        .hero {
          height: 750px;
        }
      }

      .custom-footer {
        background-color: #1c2331;
        border-radius: 40px 40px 0px 0px;
        /* font-family: Arial, sans-serif; */
      }

      .custom-footer-top {
        background-color: #eb222a;
        border-radius: 40px 40px 0px 0px;

        padding: 20px;
        text-align: center;
        display: flex;
        justify-content: space-between;
      }

      .custom-footer-connect {
        margin: 0;
        font-size: 16px;
        color: white;
      }

      .custom-social-icons a {
        color: white;
        margin: 0 10px;
        font-size: 20px;
        transition: 0.3s ease;
      }

      .custom-social-icons a:hover {
        color: #ddd;
      }

      .custom-footer-main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 10px 20px;
        background-color: #111;
        color: white;
      }

      header {
        position: fixed;
        width: 100%;
      }

      .footer-box {
        flex: 1 1 220px;
        margin: 10px;
      }

      .footer-title {
        font-weight: bold;
        margin-bottom: 15px;
        border-bottom: 2px solid #eb222944;
        padding-bottom: 15px;
      }

      .footer-logo {
        max-width: 160px;
        height: auto;
        margin-bottom: 15px;
      }

      .footer-box ul {
        list-style: none;
        padding: 0;
      }

      .footer-box ul li {
        margin-bottom: 10px;
      }

      .footer-box ul li a {
        color: #ccc;
        text-decoration: none;
        transition: 0.3s;
      }

      .footer-box ul li a:hover {
        color: white;
        text-decoration: underline;
      }

      .footer-Contact li {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .footer-Contact i {
        width: 18px;
      }

      .custom-footer-bottom {
        background-color: #0d0d0d;
        text-align: center;
        padding: 15px;
        font-size: 14px;
      }

      .custom-footer-bottom a {
        color: #ffffff;
        text-decoration: none;
      }

      .custom-footer-bottom a:hover {
        text-decoration: underline;
      }

      .custom-footer-bottom p {
        color: #ffffff;
      }


      .know-more {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 8px;
        background-color: #fff;
        border: 2px solid #6865652e;
        border-radius: 25px;
        color: #575555;
        font-weight: bold;
        text-decoration: none;
        /* ✅ removes underline */
        cursor: pointer;
        transition: all 0.3s ease;
        height: 34px;
      }

      .know-more:hover {
        background-color: #eb222a;
        color: #fff;
      }

      .visa-card {
        display: block;
        /* makes the link behave like a card */
        text-decoration: none;
        /* ✅ removes underline */
        color: inherit;
        /* ✅ keeps text color normal */
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
      }

      .visa-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
      }




      .whatsapp-float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 20px;
        right: 20px;
        background-color: #25d366;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
      }

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

      .whatsapp-float img {
        width: 35px;
        height: 35px;
      }




      /* Back to top button */
      #backToTop {
        position: fixed;
        bottom: 20px;
        left: 20px;
        /* Left side */
        background: #333;
        color: #fff;
        border: none;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        font-size: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        z-index: 1000;
      }

      #backToTop.show {
        opacity: 1;
        pointer-events: auto;
      }




      .carousel {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      .carousel-container {
        position: absolute;
        width: 100%;
        height: 100%;
      }

      .carousel-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
      }

      .carousel-slide.active {
        opacity: 1;
      }

      .carousel-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: brightness(0.9) contrast(1.2);
      }

      .carousel-slide::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        pointer-events: none;
      }

      .carousel-slide.very-dark img {
        filter: brightness(0.1) contrast(1.5);
      }

      .carousel-slide.black-overlay::after {
        background: rgba(0, 0, 0, 0.9);
      }


      .country-card {
        cursor: pointer;
      }

      .country-card {
        display: block;
        text-decoration: none;
        color: inherit;
      }

      



      @media (max-width: 768px) {
        #cardGrid {
          display: block !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch !important;
        }

        #cardGrid .card {
          display: inline-block !important;
          width: 80% !important;
          margin-right: 16px !important;
          vertical-align: top !important;
        }

        .heading h1 {
          font-size: 18px;
        }

        .heading {
          padding-top: 10px;
        }
      }



      @media (max-width: 768px) {
        .help-container {
          display: block;
          position: relative;
        }

        .help-btn {
          width: 100%;
          background: #0074aa00;
          color: #fff;
          padding: 10px;
          border: none;
          text-align: left;
          font-size: 14px;
          cursor: pointer;
          display: flex !important;

        }

        .help-dropdown {
          display: none;
          background: #f9f9f9;
          border: 1px solid #ddd;
          padding: 10px;
        }

        .help-dropdown span {
          display: block;
          margin: 5px 0;
          font-size: 14px;
          color: #000;
        }

        .help-container.active .help-dropdown {
          display: block;
        }


        .carousel-slide {
          height: 100%;
        }

        .stats-section {
          margin: 0px auto;
        }
      }

      .help-btn {
        display: none;
      }


      @media (max-width: 768px) {

        .content {
          padding-top: 20vh;
        }

        .visaaa {
          padding-top: 0px;
          height: 650px;
        }

        .stats-container {
          gap: 10px;

          padding-top: 20px;
        }
      }



      .certificate {
        padding: 50px 20px;
        background: #fff;
      }

      .certificates-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
      }

      .certificates-text {
        flex: 1 1 40%;
        min-width: 280px;
      }

      .certificates-text h2 {
        color: red;
        font-size: 28px;
        margin-bottom: 10px;
      }

      .certificates-text p {
        font-size: 16px;
        line-height: 1.6;
      }

      .certificates-scroll {
        flex: 1 1 55%;
        overflow: hidden;
        position: relative;
        min-width: 280px;
      }

      .scroll-track {
        display: flex;
        gap: 20px;
        animation: scroll-left 25s linear infinite;
      }

      .scroll-track img {
        height: 120px;
        width: auto;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }

      @keyframes scroll-left {
        0% {
          transform: translateX(0);
        }

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

      /* Responsive */
      @media (max-width: 768px) {
        .certificates-container {
          flex-direction: column;
          align-items: start;
          text-align: center;
        }

        .certificates-text {
          flex: 1 1 100%;
        }

        .certificates-scroll {
          flex: 1 1 100%;
          margin-top: 20px;
        }

        .scroll-track img {
          height: 80px;
        }
      }











      /* Pills container */
      .month-pills {
        display: flex;
        gap: 8px;
        padding: 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* smooth scrolling on iOS */
        scrollbar-width: thin;
        align-items: center;
      }

      /* Pill buttons */
      .month-pill {
        flex: 0 0 auto;
        border: none;
        background: #f1f1f1;
        padding: 8px 14px;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        white-space: nowrap;
        cursor: pointer;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        transition: transform .12s ease, background .12s ease;
      }

      .month-pill:active {
        transform: scale(.98);
      }

      .month-pill:focus {
        outline: 3px solid rgba(0, 123, 255, 0.18);
        outline-offset: 2px;
      }

      /* Active state */
      .month-pill.active {
        background: #e84335;
        /* change to your brand color */
        color: #fff;
      }

      /* Layout for package cards (simple example) */
      .packages {
        padding: 12px;
        display: grid;
        gap: 10px;
      }

      .package-card {
        padding: 12px;
        background: #fff;
        border-radius: 8px;
        border: 1px solid #ececec;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
      }

      /* Show the selector only on mobile screens */
      @media (max-width: 768px) {
        .mobile-month-selector {
          display: block;
          background: #fff;
          border-bottom: 1px solid #eee;
        }
      }




      /* Hide by default */
      .mobile-bottom-nav {
        display: none;
      }

      /* Show only on mobile */
      @media (max-width: 768px) {
        .mobile-bottom-nav {
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.85);
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 8px 0;
          z-index: 9999;
          border-radius: 12px 12px 0 0;
        }

        .mobile-bottom-nav .nav-item {
          color: #fff;
          text-align: center;
          flex: 1;
          text-decoration: none;
          font-family: sans-serif;
        }

        .mobile-bottom-nav .nav-item i {
          font-size: 20px;
          display: block;
          margin-bottom: 4px;
        }

        .mobile-bottom-nav .nav-item span {
          font-size: 14px;
        }
      }


      @media (max-width: 768px) {
        .footer-box ul {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columns per row */
          gap: 8px 16px;
          /* row & column gaps */
          padding: 0;
          margin: 0;
          list-style: none;
        }

        .footer-box ul li {
          margin: 0;
          /* remove default list spacing */
          text-align: start;
          padding-bottom: 2px;
          /* optional: center the link text */
        }

        .footer-Contact {
          display: block !important;
          gap: 10px !important;
        }

        .footer-boxss {
          display: flex;
          gap: 10px;
          align-items: center;
        }

        .footer-logo {
          width: 100px;
        }

        .footer-boxss img h2 {
          font-size: 12px !important;
        }

        .font-awesome {
          font-size: 14px !important;
        }
      }

      .footer-boxss {
        padding-top: 20px;
        padding-right: 20px;
      }


      /* Trigger style */
      .right span {
        cursor: pointer;
        color: #ffffff;
        /* background: #ffffff; */
        padding: 8px 16px;
        border-radius: 6px;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 22px;
      }

      /* Modal overlay */
      .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
        z-index: 1000;
      }

      /* Modal box */
      .modal-content {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        width: 90%;
        max-width: 400px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      }

      /* Close button */
      .close {
        float: right;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
      }

      /* Inputs */
      .modal-content form {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .modal-content input {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
      }

      .modal-content button {
        background: #eb222a;
        color: white;
        padding: 10px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
      }

      .modal-content button:hover {
        background: #850707;
      }

      /* Responsive tweaks */
      @media (max-width: 480px) {
        .modal-content {
          padding: 15px;
          font-size: 14px;
        }
      }

      .text-colour {
        color: #000;
      }

      .display-flex {
        display: flex;
        justify-content: space-between;
      }

      .close {
        color: #000;
      }