body {
     font-family: 'Poppins', sans-serif;
     overflow-x: hidden;
 }


 [data-aos] {
     will-change: transform, opacity;
     backface-visibility: hidden;
 }

 [data-aos^="fade"][data-aos^="fade"][data-aos*="-right"],
 [data-aos^="fade"][data-aos^="fade"][data-aos*="-left"],
 [data-aos^="slide"][data-aos*="-right"],
 [data-aos^="slide"][data-aos*="-left"] {
     overflow-x: hidden;
 }

 section,
 .row {
     overflow: hidden;
 }


 .topbar {
     background-color: #1f3f85;
     color: white;
     font-size: 0.9rem;
     padding: 0.4rem 0;
 }

 .topbar a {
     color: white;
     text-decoration: none;
     margin-right: 1rem;
 }

 .navbar {
     padding: 0rem 0;
 }

 .navbar-nav {
     padding: 15px;
 }

 .nav-item {
     margin-right: 40px;
     font-weight: 500;
     font-size: 16px;

 }

 .nav-link {
     color: black;
 }

 .dropdown-menu {
     border-radius: 0px;
 }

 .dropdown-item {
     font-weight: 500;
 }

 .dropdown-menu li {
     margin-bottom: 10px;
 }

 .hover-dropdown:hover>.dropdown-menu {
     display: block;
     margin-top: 0;
     /* removes the delay space */
 }

 /* Prevent flicker on hover */
 .navbar-nav .dropdown-menu {
     display: none;
     transition: all 0.3s ease;
     position: absolute;
 }

 .carousel-caption {
     text-align: left;
     bottom: 20%;
 }

 .carousel-caption h1 {
     font-size: 50px;
     font-weight: 700;
     /* line-height: 65px; */
 }

 .carousel-caption p {
     font-size: 15px;
     max-width: 600px;
 }

 .btn-primary {
     background-color: white;
     color: #0042c9;
     border: none;
     border-radius: 30px;
     padding: 0.5rem 1.5rem;
     font-weight: 500;
 }

 .btn-success {

     border: none;
     border-radius: 30px;
     padding: 0.5rem 1.5rem;
     font-weight: 500;
 }

 .carousel-control-next,
 .carousel-control-prev {
     width: auto;
     bottom: 20px;
 }

 .carousel-control-next {
     margin-right: 20px;
 }



 .carousel-controls {
     position: absolute;
     bottom: 50px;
     right: 100px;
     z-index: 10;
 }

 .carousel-inner img {
     /*height: 600px;*/
     object-fit: cover;
     /*filter: brightness(60%);*/
 }

 @media (max-width: 768px) {
     .carousel-caption h1 {
         font-size: 1.8rem;
     }

     .carousel-caption p {
         font-size: 0.9rem;
     }

     .carousel-item img {
         height: auto;
         object-fit: contain;
         /* Slightly shorter for mobile */
     }
     
     .finance{
         display: ruby-text;
     }
     
     .contact-section{
         flex-direction: column;;
     }
     
     .contact-info{
         width: 100%;
     }
     
     .contact-form{
         width: 100%;
     }
     .topbar{
         display: none;
     }
     .nav-item{
         margin-right: 10px;
     }
     
 }
 
  @media (max-width: 1024px) {
      .nav-item{
         margin-right: 10px;
     }
  }


 .video-section {
     position: relative;
     text-align: center;
 }

 .video-section h2 {
     font-size: 34px;
 }

 .video-section img {
     width: 100%;
     height: auto;
     border-radius: 5px;
 }

 .video-wrapper {
     position: relative;
     width: 100%;
     max-width: 100%;
     aspect-ratio: 16 / 7;
     overflow: hidden;
 }

 .video-wrapper img,
 .video-wrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     cursor: pointer;
     z-index: 2;
 }

 .play-button i {
     font-size: 2rem;
     color: white;
 }

 /* .play-button:hover {
     background: #007bff;
 }

 .play-button:hover i {
     color: white;
 } */

 .features-section {
     padding: 60px 0;
 }

 .feature-box {
     position: relative;
     text-align: center;
     padding: 30px 20px;
     /* border: 1px solid #eee; */
     border-radius: 8px;
     overflow: hidden;
     transition: transform 0.3s ease;
     z-index: 1;
     height: 100%;
     color: white;
 }

 /* .feature-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     color: black;
 } */

 .bg-light-blue {
     background-color: #0094da;

 }

 .bg-dark-blue {
     background-color: #1f3f85;

 }

 /* Blue overlay animation */
 /* .feature-box::before {
     content: "";
     position: absolute;
     top: -100%;
     left: 0;
     width: 100%;
     height: 100%;
     background: #0042c9;
     z-index: -1;
     transition: top 0.4s ease;
 } */

 /* .feature-box:hover::before {
     top: 0;
 } */

 .feature-box i,
 .feature-box p {
     position: relative;
     z-index: 2;
     /* color: white; */
     transition: color 0.3s ease;
     font-size: 14px;
 }

 .feature-box h5 {
     color: black;
 }

 /* .feature-box:hover i,
 .feature-box:hover .feature-title,
 .feature-box:hover p {
     color: white;
 } */

 .feature-box i {
     font-size: 3.7rem;
     margin-bottom: 15px;
 }

 .feature-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .financial-services {
     background-color: #eaedfa;
 }

 /* .insurance-services {
     background-color: #eaedfa;
 } */

 .swiper-pagination-bullet {
     background: white;
     opacity: 0.5;
 }

 .swiper-pagination-bullet-active {
     opacity: 1;
 }

 .fs-card {
     transition: all 0.3s ease;
     background-color: white;
     /* border-radius: 10px; */
     height: 500px;
 }

 .fs-card img {
     margin: 0;
     padding: 0;
     display: block;
     height: 300px;

 }

 .fs-card:hover {
     /* transform: translateY(-5px); */
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }

 .card {
     border-radius: 0;
 }

 .icon-overlay-half {
     width: 60px;
     height: 60px;
     position: absolute;
     /* left: 50%; */
     top: 230px;
     /* Half the height to hang below */
     transform: translateX(-50%);
     background-color: #1f497b;
     border-radius: 50%;
     padding: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     z-index: 2;
 }


 .bg-lightgreen {
     background: center bottom / contain no-repeat, linear-gradient(135deg, #61afd3 0 30%, #0094da 70% 100%) !important;
     /* light mint green */
 }

 .btn-white {
     background-color: #6076ce;
 }

 /*.btn-white:hover {*/
 /*    background-color: #eaedfa;*/
 /*}*/

 .bg-primary {
     background-color: #2962ff !important;
 }

 section h1,
 section h2 {
     margin: 0;
 }

 img[alt="Assistant"] {
     /* max-width: 300px; */
     height: auto;
 }

 a.bg-success:hover {
     opacity: 0.9;
 }

 .bg-darkblue {
     background-color: #1f3f85;
     /* Adjust to match your design */
 }

 .card {
     /* border-radius: 1rem; */
     padding: 2rem;
     box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
 }



 .btn-custom {
     width: 100%;
     padding: 0.75rem;
     border-radius: 50px;
     /* margin-top: auto; */
     /* border: 1px solid #6076ce; */
     text-align: center;
     text-decoration: none;
 }

 .btn-custom:hover {
     background-color: #6076ce;
     color: white;
 }

 .checkmark {
     color: #4caf50;
     font-weight: bold;
 }

 .feature-list {
     list-style: none;
     padding-left: 0;
 }

 .feature-list li {
     margin-bottom: 16px;
 }

 .feature-list li::before {
     content: "✔";
     color: #4caf50;
     margin-right: 8px;
 }

 .feature-list-dark li::before {
     color: white;
 }

 .badge-popular {
     position: absolute;
     top: 70px;
     right: -20px;
     background: #f5478d;
     color: white;
     font-size: 12px;
     font-weight: 600;
     padding: 5px 40px;
     transform: rotate(45deg);
     transform-origin: top right;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }


 h2.display-5 {
     font-weight: 700;
     font-size: 2.5rem;
 }

 .accordion-button {
     font-weight: 500;
 }

 .accordion-body {
     color: #6c757d;
 }

 .accordion-button:focus {
     box-shadow: none;
 }

 .accordion-item {
     margin-bottom: 10px;
 }

 .carousel-wrapper {
     overflow: hidden;
     position: relative;
     /*max-width: 1000px;*/
     margin: auto;
 }

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

 .feature-box {
     flex: 0 0 25%;
     /* 4 cards per screen */
     padding: 15px;
     box-sizing: border-box;
 }

 #feature {
     margin-right: 100px;
 }

 .feature-box-inner {
     background: #fff;
     border-radius: 12px;
     text-align: center;
     padding: 20px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
 }

 .feature-box-inner img {
     width: 60px;
     height: 60px;
     margin-bottom: 15px;
 }

 .card-title {
     font-weight: 600;
     font-size: 1.1rem;
 }

 .card-text {
     font-size: 0.9rem;
     color: #666;
     margin-top: 10px;
 }

 /* .card-icon {
     font-size: 3rem;
     color: #0d6efd;
     margin-bottom: 1rem;
 } */


 .contact-section {
     margin: 50px auto;
     max-width: 1000px;
     background-color: #fff;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     display: flex;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid rgb(24, 79, 151);

 }

 .contact-info {

     color: white;
     padding: 40px;
     width: auto;
 }

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

 .contact-info p {
     margin: 10px 0;
 }

 .contact-info i {
     margin-right: 10px;
     color: white;
 }

 .contact-form {
     padding: 40px;
     width: auto;
 }

 .contact-form .form-control {
     border-radius: 0;
     margin-bottom: 20px;
 }

 .contact-form button {
     background-color: #09264c;
     ;
     color: white;
     border: none;
     border-radius: 0;
 }

 .contact-form button:hover {
     background-color: white;
     color: black;
     border: 1px solid black;
 }

 .approach-section {
     padding: 48px 20px;
 }

 .approach-section p {
     font-size: 16px;
 }

 .approach-section h2 {
     /*      */
     margin-bottom: 30px;
 }

 .approach-section ul {
     list-style-type: none;
     padding-left: 0;
 }

 .approach-section ul li {
     margin-bottom: 12px;
     padding-left: 25px;
     position: relative;
     background: #f8f9fa;
     padding: 10px 15px 10px 30px;
     border-left: 3px solid #0d6efd;
     border-radius: 4px;
     font-size: 16px;
 }

 .approach-section ul li::before {
     content: "•";
     position: absolute;
     left: 10px;
     color: #0d6efd;
     font-size: 20px;
     line-height: 1;
 }

 .approach-image {
     max-width: 100%;
     height: auto;
 }

 .section-title {
     text-align: center;
     font-size: 2rem;
     /* font-weight: 700; */
     margin-top: 50px;
 }

 .section-title span {
     font-weight: 400;
 }

 .btn-view-all {
     color: white;
     background-color: #1f3f85;
     border-radius: 25px;
     padding: 6px 30px;
     font-weight: 500;
     margin-top: 15px;
     transition: all 0.3s ease;
     border: none;
 }

 /* .btn-view-all:hover {
     background-color: #000;
     color: #fff;
 } */

 .video-card {
     border: 3px solid #3498db;
     border-radius: 12px;
     overflow: hidden;
     background-color: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     transition: transform 0.2s;
 }

 .video-card:hover {
     transform: scale(1.02);
 }

 .video-embed {
     width: 100%;
     aspect-ratio: 16 / 9;
 }

 .video-caption {
     padding: 10px;
     font-size: 1.1rem;
     font-weight: 500;
 }

 .swiper {
     width: 100%;
     padding: 40px 0;
 }

 /* .swiper-slide {
     border-radius: 20px;
     overflow: hidden;
     position: relative;
     height: 400px;
 }

 .swiper-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 } */

 .swiper-slide {
     height: auto !important;
 }

 .destination-label {
     position: absolute;
     bottom: 20px;
     left: 20px;
     background-color: #2ecc71;
     color: white;
     font-weight: bold;
     padding: 5px 15px;
     border-radius: 20px;
     font-size: 14px;
     z-index: 2;
 }

 .section-title {
     text-align: center;
     /* font-weight: 600; */
     font-size: 2rem;
     margin-top: 30px;
 }

 #card {
     background: #fff;
     border-radius: 16px;
     padding: 24px;
     margin-bottom: 30px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 #card h2 {
     font-size: 1.5rem;
     margin-bottom: 16px;
     color: #2b2d42;
 }
 
 
  .section-title {
     font-size: 2rem;
     margin-bottom: 40px;
     color: #1a1a1a;
 }

 table {
     width: 100%;
     border-collapse: collapse;
 }

 th,
 td {
     text-align: left;
     padding: 12px 16px;
     border-bottom: 1px solid #eee;
 }

 th {
     background-color: #eef2f7;
     font-weight: 600;
 }

 /*.download-btn {*/
 /*    background-color: #0052cc;*/
 /*    color: #fff;*/
 /*    padding: 8px 16px;*/
 /*    border: none;*/
 /*    border-radius: 8px;*/
 /*    text-decoration: none;*/
 /*    transition: background 0.3s;*/
 /*}*/

 /*.download-btn:hover {*/
 /*    background-color: #003d99;*/
 /*}*/
 

 @media (max-width: 600px) {
     .download-btn {
         display: block;
         margin: 8px 0;
         text-align: center;
     }
     .section-title{
         font-size: 1.2rem;
     }
 }


 .benefits-section h2 p {
     background-color: #f7f9fc;
     padding: 60px 20px;
     text-align: center;
 }



 .benefits-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 24px;
     max-width: 1200px;
     margin: auto;
 }

 .benefit-card {
     background: #ffffff;
     padding: 24px;
     border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     text-align: left;
     transition: transform 0.3s ease;
 }

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

 .benefit-card h3 {
     font-size: 1.2rem;
     margin-bottom: 16px;
     color: #003366;
 }

 .benefit-card ul {
     list-style-type: disc;
     padding-left: 20px;
 }

 .benefit-card ul li {
     margin-bottom: 8px;
     color: #333333;
     font-size: 0.95rem;
 }

 .slider-wrapper {
     overflow: hidden;
     position: relative;
     width: 100%;
     margin: 0 auto;
 }

 .slider-track {
     display: flex;
     transition: transform 0.5s ease;
     gap: 1.5rem;
     will-change: transform;
 }

 .slider-track .fs-card {
     flex: 0 0 calc(33.333% - 1rem);
     /* 3 cards */
     box-sizing: border-box;
 }





 .fs-card {
     min-width: 300px;
     /* Adjust based on your desired card width */
     margin-right: 24px;
     /* Matches the JS offset */
     flex-shrink: 0;

     border-radius: 10px;
     background: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-height: 380px;
 }

 .carousel-container {
     overflow: hidden;
     position: relative;
 }

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

 .card-item {
     flex: 0 0 33.3333%;
     padding: 15px;
 }

 .card-custom {
     border: 1px solid #ccc;
     border-radius: 15px;
     padding: 25px;
     min-height: 300px;
     height: 100%;
     background: #f5fafd;
 }

 .card-custom h5 {
     color: #4154f1;
     font-weight: 600;
     text-align: left;
 }

 .card-custom ul {
     padding-left: 0;
     list-style: none;
 }



 .card-custom ul li {
     position: relative;
     padding-left: 20px;
     margin-bottom: 10px;
     text-align: left;
 }

 .card-custom ul li::before {
     content: '';
     position: absolute;
     left: 0;
     top: 5px;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background-color: #fff;
     border: 1px solid #4154f1;
     box-shadow: 0 0 0 2px #4154f1 inset;
 }

 .carousel-dots {
     text-align: center;
     margin-top: 20px;
 }

 .carousel-dot {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 5px;
     border-radius: 50%;
     background-color: #bbb;
     cursor: pointer;
 }

 .carousel-dot.active {
     background-color: #0d6efd;
 }



 .financial-card {
     border: 1px solid #5d73cf;
     border-radius: 10px;
     padding: 25px;
     height: 100%;
     background-color: #fff;
     transition: box-shadow 0.3s;
     text-align: left;
 }

 .financial-card:hover {
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
     background-color: #eaedfa;
 }


 .financial-icon {
     background-color: #6076ce;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;

 }
 
 .financial-icon img{
     width: 60px;
     height: 60px;
 }

 .financial-icon i {
     color: white;
     font-size: 30px;
 }

 .swiper-nav {
     position: relative;
 }

 .swiper-button-prev,
 .swiper-button-next {
     top: 50%;
     /* transform: translateY(-50%); */
     color: #3e63dd;
 }

 .financial-card h6 {
     margin-bottom: 20px;
     font-size: 20px;
 }

 .financial-card p {
     font-size: 12px;
 }



 .swiper-button-prev {
     left: -5px;
 }

 .swiper-button-next {
     right: -5px;
 }

 .swiper-button-next::after,
 .swiper-button-prev::after {
     font-size: 18px;
 }

 .btn-blue {
     background-color: #1f3f85;
     color: white;
     border-radius: 20px;
     padding: 8px 20px;
     border: 1px solid #1f3f85;
 }

 .btn-white {

     color: white;
     border-radius: 20px;
     padding: 9px 20px;
     /* border: 1px solid #4a4a4a; */
 }

 .btn-outline {
     border: 1px solid #ccc;
     border-radius: 20px;
     padding: 8px 20px;
     color: #333;
     background: white;
 }

 .experience-section {
     background: url('../images/Group_243.png') no-repeat center/cover;
     padding: 140px 20px 20px;
     color: white;
 }

 .experience-content {
     max-width: 1200px;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .left,
 .right {
     flex: 1;
     min-width: 300px;
     text-align: left;
     padding: 20px;
 }

 .left h2,
 .right h2 {
     font-size: 24px;
     font-weight: 400;
 }

 .right h2 {
     text-align: center;
 }

 .right .buttons {
     text-align: center;
 }

 .left h2 span,
 .right h2 span {
     font-weight: 700;
 }

 .buttons {
     margin-top: 20px;
 }

 .buttons .btn {
     display: inline-block;
     background-color: white;
     color: #0044cc;
     padding: 12px 20px;
     margin: 10px;
     border-radius: 30px;
     font-weight: 500;
     text-decoration: none;
     transition: 0.3s;
 }

 .btn:hover {
     background-color: #e6e6e6;
 }

 .divider {
     width: 1px;
     height: 120px;
     background-color: rgba(255, 255, 255, 0.3);
     display: none;
 }



 @media (min-width: 768px) {
     .divider {
         display: block;
     }

     .left,
     .right {
         text-align: left;
     }

     .experience-content {
         flex-wrap: nowrap;
     }
     /*.left h2{*/
     /*    text-align: center;*/
     /*}*/
 }

 .why-section {
     padding: 48px 15px;
     background-color: #eaedfa;
 }

 .why-title {
     font-weight: semi-bold;
     text-align: center;
     margin-bottom: 10px;
 }

 .why-subtitle {
     text-align: center;
     color: #6c757d;
     margin-bottom: 50px;
     /*max-width: 800px;*/
     margin-left: auto;
     margin-right: auto;
 }

 .why-box {
     background-color: white;
     border-radius: 16px;
     padding: 20px;
     display: flex;
     align-items: flex-start;
     gap: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     background-color: transparent;
 }

 .why-icon {
     width: 100px;
     height: 100px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .why-icon img {
     width: 55px;
     height: 55px;
 }

 .why-text h5 {
     font-weight: 700;
     margin-bottom: 5px;
 }

 .why-text p {
     margin: 0;
     color: #5a5a5a;
 }

 .card-custom {
     border: 1px solid #5d73cf;
     border-radius: 12px;
     padding: 25px;
     text-align: center;
     transition: all 0.3s ease;
     background-color: #fff;
     display: flex;
     flex-direction: column;
 }

 .card-custom:hover {
     background-color: #eaedfa;
 }

 .card-highlight {
     background-color: #eef4ff;
 }

 .card-icon {
     width: 80px;
     height: 80px;
     margin: 20px 0;
     background-color: #6076ce;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: left;
 }

 .card-icon img {
     width: 50px;
     height: 50px;
 }

 .card-title {
     font-weight: 600;
     font-size: 20px;
     margin-bottom: 10px;
     text-align: start;
 }

 .card-text {
     font-size: 14px;
     color: #444;
     text-align: start;

 }

 .btn-outline-blue {
     border: 1px solid #0084ff;
     color: #0084ff;
     background: transparent;
     border-radius: 25px;
     padding: 6px 20px;
     font-size: 14px;
     transition: all 0.3s ease;
 }

 .btn-outline-blue:hover {
     background-color: #0084ff;
     color: #fff;
 }

 .btn-filled-blue {
     text-decoration: none;
     background-color: #0094da;
     color: #fff;
     border: none;
     border-radius: 25px;
     padding: 6px 20px;
     font-size: 14px;
     transition: all 0.3s ease;
 }

 /* .btn-filled-blue:hover {
     background-color: #0073dd;
 } */

 .card-buttons {
     margin-top: auto;
     padding-top: 20px;
     justify-content: space-between;
 }

 .card-business {
     overflow: hidden;
 }

 .card-startup:hover {
     transform: scale(1.1);
     transition: transform 0.6s ease;
 }

 .card-unlimited:hover {
     transform: scale(1.1);
     transition: transform 0.6s ease;
 }

 .card-business:hover {
     transform: scale(1.1);
     transition: transform 0.6s ease;
 }

 .nav-item.travel a {
     position: relative;
     color: #0094da;
     font-weight: bold;
     animation: pulse 1.5s infinite;
 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.5);
     }

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


 .changing-word {
     display: inline-block;
     white-space: nowrap;
     /* border-right: 2px solid black; */
     padding-right: 4px;
     animation: blink 0.7s step-start infinite;
     color: #0094da;
 }

 @keyframes blink {
     50% {
         border-color: transparent;
     }
 }


 .brochure-section {
     padding: 30px 20px;
 }

 .brochure-form input[type="email"] {
     border-radius: 8px;
     padding: 10px 20px;
     min-width: 180px; 
     border: none;
     outline: none;
 }

 .brochure-form button {
     border-radius: 8px;
     background-color: #304bb8;
     border: none;
     padding: 10px 25px;
     color: white;
     font-weight: 500;
 }

 /* .brochure-form button:hover {
     background-color: #0056b3;
 } */

 .price-wrapper {
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: center;

 }

 .original-price {
     text-decoration: line-through;
     color: #555;
     font-weight: 500;
     font-size: 1rem;
 }

 .activate-badge {
     background-color: #3b5bff;
     color: white;
     padding: 4px 12px;
     border-radius: 20px;
     font-size: 0.875rem;
     font-weight: 600;
 }

 .logo-wrapper {
     position: relative;
     width: 200px;
     height: 200px;
     margin: auto;
 }

 .logo-wrapper img {
     width: 150px;
     height: auto;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
 }

 .orbit-text svg {
     width: 100%;
     height: 100%;
     transform: rotate(0deg);
     animation: spin 10s linear infinite;
 }

 .orbit-text text {
     fill: #444;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 2px;
 }

 

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

     100% {
         transform: rotate(360deg);
     }
 }
 
 
/* .popup {*/
/*  display: none;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-color: rgba(0,0,0,0.5);*/
/*  z-index: 999;*/
/*}*/

/*.popup-content {*/
/*  background: white;*/
/*  padding: 30px;*/
/*  border-radius: 8px;*/
/*  text-align: center;*/
/*  width: 300px;*/
/*  margin: 15% auto;*/
/*}*/


 .modal {
     display: none;
     position: fixed;
     z-index: 999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     animation: fadeIn 0.3s ease;
 }

 .modal-content {
     background-color: #eaedfa;
     margin: 15% auto;
     padding: 30px;
     border-radius: 12px;
     width: 90%;
     max-width: 400px;
     text-align: center;
     color: #333;
     position: relative;
     animation: slideUp 0.5s ease;
 }

 .modal-content h2 {
     margin: 0 0 10px;
 }

 .modal-content .timing {
     font-size: 14px;
     color: #555;
     margin-top: 15px;
 }

 .close {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 24px;
     font-weight: bold;
     color: #333;
     cursor: pointer;
 }

 /* Animations */
 @keyframes fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes slideUp {
     from {
         transform: translateY(-150px);
         opacity: 0
     }

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


 .main-wrapper {
     /* min-height: 100vh; */
     display: flex;
 }

 .sidebar {
     background-color: #0094da;
     color: white;
     padding: 30px 20px;
     width: 260px;
 }

 .sidebar .logo-area {
     text-align: center;
     margin-bottom: 30px;
 }

 .sidebar .logo-area img {
     width: 60px;
 }

 .sidebar .logo-area h5 {
     margin-top: 10px;
 }

 .side nav a {
     display: block;
     padding: 10px 15px;
     margin-bottom: 10px;
     font-size: 14px;
     border-radius: 6px;
     color: white;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .sidebar nav a:hover {
     background-color: #0078d4;
 }

 .side nav a.active {
     background-color: white;
     color: #008cfc;
     font-weight: 600;
     /* border-left: 4px solid #0066cc; */
 }

 .content-area {
     flex-grow: 1;
     padding: 50px;
     background-color: #f8f9fc;
 }

 .form-section {
     background-color: white;
     padding: 40px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 }

 .form-control {
     border-radius: 10px;
     /*height: 45px;*/
 }

 .save-btn {
     background-color: #008cfc;
     color: white;
     padding: 10px 30px;
     border: none;
     border-radius: 8px;
 }

 .save-btn:hover {
     background-color: #0078d4;
 }

 .form-section h5 {
     font-weight: 600;
 }

 .status-card {

     /* Green Gradient */
     color: white;
     border-radius: 7px;
     padding: 20px;
     width: 300px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }

 .status-card h6 {
     margin: 0;
     font-weight: 600;
 }

 .status-card p {
     margin: 5px 0 0;
     font-size: 1.1rem;
 }

 @media (max-width: 800px) {
     .experience-section {
         background: linear-gradient(#34c8f5, #0572DB);
         padding: 20px;
     }

     .cont {
         display: none;
     }

     .buttons {
         text-align: center;
     }
 }
 
 @media (min-width: 550px) and (max-width: 992px){
      .travel {
         text-align: center;
     }
 }
 
 

 @media (max-width: 500px) {
     .carousel-control-next img{
         padding-right: 150px;
     }
     
     .carousel-control-prev img{
          padding-left: 50px;
     }
     
     .play-button svg {
         width: 60px;
         height: 60px;
     }

     .why-text h5 {
         font-size: 15px;
     }

     .why-text p {
         font-size: 13px;
     }

     .travel {
         text-align: center;
     }

     .carousel-item {
         object-fit: contain;
     }

     /* .carousel-caption {
         bottom: 20px;
         padding: 0 35px;
         text-align: left;
     } */
     
     .video-title{
         font-size: 18px;
     }
 }

 .carousel-item img {
     width: 100%;
     /* height: 100vh; */
     /* Full viewport height */
     /* object-fit: cover; */
     /* Ensures the image covers the area */
     object-position: center;
 }



 @media (max-width: 500px) {
     .navbar-brand img {
         height: 50px;
         width: 120px;

     }

     .save-btn{
        width:-webkit-fill-available;
     }

     .form-section{
        padding: 10px;
     }


     .features-section h2 {
         font-size: 21px;
     }
     
     .changing{
         font-size: 21px;
     }
 }

 @media (min-width: 800px) {
     .login {
         display: none;
     }
 }
 
     .offer-price {
      font-weight: bold;
    }
    .coupon-table th,
    .coupon-table td {
      vertical-align: middle;
      text-align: center;
    }
    .coupon-table th {
      white-space: nowrap;
    }
    .coupon-table td:first-child {
      text-align: left;
    }
    
    
    
    
 .whatsapp-float {
     position: fixed;
     bottom: 20px;
     right: 20px;
     z-index: 999;
     background-color: #25d366;
     border-radius: 50%;
     padding: 12px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.2s ease;
 }

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

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

 .whatsapp-ripple {
     position: absolute;
     width: 60px;
     height: 60px;
     background-color: rgba(37, 211, 102, 0.4);
     border-radius: 50%;
     animation: ripple 1.5s infinite ease-out;
     z-index: 1;
 }

 @keyframes ripple {
     0% {
         transform: scale(1);
         opacity: 0.8;
     }

     70% {
         transform: scale(2.2);
         opacity: 0;
     }

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


 .zendesk-section {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding: 60px 5%;
     background-color: #fff;
     flex-wrap: wrap;
 }

 .zendesk-text {
     flex: 1;
     padding-left: 40px;
     min-width: 300px;
 }

 .zendesk-text h3 {
     font-size: 38px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .zendesk-text p {
     font-size: 16px;
     line-height: 1.6;
     color: #222;
     margin-bottom: 20px;
 }

 .zendesk-image {
     flex: 1;
     min-width: 300px;
     max-width: 750px;
     
 }

 .zendesk-image img {
     width: 100%;
     border-radius: 25px;
     display: block;
     
 }

 @media (max-width: 992px) {
     .zendesk-section {
         flex-direction: column;
         text-align: center;
         padding: 20px 20px;
     }

     .zendesk-text {
         padding-left: 0;
         margin-top: 30px;
     }
     
     
 }
 
@media (min-width: 765px) and (max-width: 992px) {
    .zendesk-image {
        min-width: 730px;
    }
}
 
 
 
        .filter-btn {
            border-radius: 8px;
            margin-right: 10px;
        }

        .filter-btn.active {
            background-color: #006eff;
            color: #fff;
        }

        .dropdown-toggle::after {
            display: none;
        }

        .dropdown-menu {
            font-size: 14px;
        }

        .filter-section {
            display: none;
            margin-top: 20px;
        }

        .filter-section.active {
            display: block;
        }

        .search-box {
            max-width: 300px;
        }

        /* .filter-btn {
            margin-right: 10px;
        }

        /* .section {
            display: none;
        } 
        .section.active {
            display: block;
        }

       

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

        .download-btn {
            background-color: #007bff;
            color: white;
            border-radius: 8px;
            padding: 6px 16px;
            font-size: 14px;
            border: none;
        } */

        .table-container {
            background-color: #edf0fa;
            padding: 20px;
            border-radius: 10px;
        }

        .table {
            background-color: transparent !important;
        }

        .table thead,
        .table tbody,
        .table tr,
        .table td,
        .table th {
            background-color: transparent !important;
        }

        .table th {
            font-weight: 600;
            color: #333;
        }

        .table tbody tr {
            border-top: 1px solid #ddd;
        }

        .table td {
            vertical-align: middle;
        }

        .pdf-icon {
            width: 24px;
            height: 24px;
            margin-right: 10px;
        }

        .download-btn {
            background-color: #006aff;
            color: #fff;
            font-weight: 500;
            border-radius: 8px;
            padding: 6px 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
        }

        .download-btn i {
            margin: 0 4px;
        }

        .download-btn:hover {
            background-color: #0051cc;
            color: #fff;
        }

        h3 {
            font-weight: 600;
            margin-bottom: 20px;
            color: #000;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            padding: 0;
        }

        .section-header h2 {
            margin: 0;
            font-size: 24px;
        }

        .swiper-button-custom {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            margin-left: 8px;
            transition: all 0.3s ease;
        }

        .swiper-button-custom:hover {
            background-color: #007bff;
            color: #fff;
        }

        .swiper {
            padding-top: 10px;
        }

        .resource-box {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            padding-bottom: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .resource {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .book-title {
            font-weight: 600;
            margin: 10px 0;
            font-size: 16px;
        }

        .download-btn {
            background-color: #007bff;
            color: #fff;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 14px;
            margin-top: 5px;
        }
        
        
/*        .experience-content {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    color: #fff;*/
/*    padding: 40px 20px;*/
/*}*/

/*.experience-content .divider {*/
/*    width: 2px;*/
/*    background: rgba(255,255,255,0.3);*/
/*    margin: 0 30px;*/
/*}*/

/*.title {*/
/*    font-size: 28px;*/
/*    font-weight: 700;*/
/*    letter-spacing: 2px;*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    text-transform: uppercase;*/
/*    background: linear-gradient(90deg, #00c6ff, #0072ff);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    font-family: 'Poppins', sans-serif;*/
/*}*/

/*.title span {*/
/*    color: #fff;*/
/*    background: #ff416c;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    font-style: italic;*/
/*    position: relative;*/
/*}*/

/*.title span::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -6px;*/
/*    width: 100%;*/
/*    height: 3px;*/
/*    background: linear-gradient(90deg, #ff416c, #ff4b2b);*/
/*    border-radius: 2px;*/
/*    animation: underline 2s infinite alternate;*/
/*}*/

/*@keyframes underline {*/
/*    from { width: 40%; }*/
/*    to { width: 100%; }*/
/*}*/


.experience-content h2 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Pacifico', cursive;  /* Stylish serif font */
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.experience-content span {
    font-family: 'Pacifico', cursive; /* Different font for highlighted word */
    color: #ffeb3b; /* Yellow highlight */
}