body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji', 'Segoe UI Symbol';
  background:#0b1520;
}
.bg-black-opaque{background:rgba(0,0,0,0.75)!important;backdrop-filter:saturate(140%) blur(8px)}
.logo-circle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#28d87a,#0bb3a8);color:#001b12;font-weight:800}
.shadow-call{box-shadow:0 6px 20px rgba(40,216,122,.35)}

.hero-banner{position:relative;color:#fff}
.hero-bg{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;filter:saturate(110%) brightness(0.7)}
.hero-gradient{position:absolute;inset:0;
  /* background:linear-gradient(180deg,rgba(6,10,14,.2),#0b1520 70%) */
}

.card-glass{background:rgba(15,25,35,.7);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 24px rgba(0,0,0,.35)}
.card-gradient{background:radial-gradient(1200px 400px at 50% -10%, #1a4bff22, transparent),linear-gradient(180deg,#0e2136,#0b1520);border:1px solid rgba(255,255,255,.08)}

.pill{display:inline-grid;place-items:center;min-width:130px;padding:14px 18px;border-radius:14px;background:#0d1c2c;color:#d7e3f1;border:1px solid rgba(255,255,255,.08)}
.pill:nth-child(1){background:#0f2132}
.pill:nth-child(2){background:#13314c}
.pill:nth-child(3){background:#143b3a}

.airline-tile{display:flex;gap:12px;padding:10px;border-radius:14px;background:#ffffff;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#e8f3ff;transition:transform .15s ease,box-shadow .15s ease}
.airline-tile img{width:92px;height:62px;object-fit:cover;border-radius:10px}
.airline-tile:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.35)}

footer .logo-circle{width:28px;height:28px;border-radius:10px}

.floating-call{position:fixed;right:18px;bottom:18px;z-index:1030;box-shadow:0 10px 26px rgba(0,0,0,.45)}

@media (min-width: 992px){
  .hero-banner{min-height:520px}
}

.card-body{
  color: white !important;
}
.bg-dark {
  background-color: rgb(255, 255, 255) !important;
}
/* --------------------------------- */
.wapper_h1{
  color: white !important;
}

/* Full Width Carousel Styles */
#howItWorksCarousel {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#howItWorksCarousel .carousel-control-prev,
#howItWorksCarousel .carousel-control-next {
    width: 60px;
    height: 60px;
    background: rgba(40, 216, 122, 0.9);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 20px;
    opacity: 0;
    transition: all 0.3s ease;
}

#howItWorksCarousel:hover .carousel-control-prev,
#howItWorksCarousel:hover .carousel-control-next {
    opacity: 1;
}

#howItWorksCarousel .carousel-control-prev {
    left: 20px;
}

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

#howItWorksCarousel .carousel-control-prev-icon,
#howItWorksCarousel .carousel-control-next-icon {
    width: 24px;
    height: 24px;
    background-size: 100%;
    filter: brightness(0) invert(1);
}

/* Dark overlay for better text readability */
#howItWorksCarousel .carousel-item .bg-dark {
    background: linear-gradient(135deg, #0b1520 0%, #1a2b3c 100%) !important;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    #howItWorksCarousel .carousel-item .row > div {
        min-height: 400px;
    }
    
    #howItWorksCarousel .carousel-item img {
        height: 300px !important;
    }
    
    #howItWorksCarousel .carousel-control-prev,
    #howItWorksCarousel .carousel-control-next {
        width: 50px;
        height: 50px;
        opacity: 0.8;
    }
}

/* Add smooth transition for carousel items */
#howItWorksCarousel .carousel-item {
    transition: transform 0.6s ease-in-out;
}

/* Add hover effect on carousel items */
#howItWorksCarousel .carousel-item .btn {
    transition: all 0.3s ease;
}

#howItWorksCarousel .carousel-item .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 216, 122, 0.3);
}

/* 3 Column Cards Section */
.card-glass {
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    overflow: hidden;
}

.card-glass:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(40, 216, 122, 0.3) !important;
}

.card-glass .card-body {
    padding: 1.5rem;
}

.card-glass h4 {
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 600;
}

.card-glass .btn-outline-primary {
    color: #28d87a;
    border-color: #28d87a;
    transition: all 0.3s ease;
}

.card-glass .btn-outline-primary:hover {
    background-color: #28d87a;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 216, 122, 0.3);
}

/* Step Badge */
.position-absolute.bg-primary {
    background: linear-gradient(135deg, #28d87a, #1bb3a8) !important;
    border-bottom-right-radius: 4px;
    font-size: 0.9rem;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .card-glass {
        margin-bottom: 1.5rem;
    }
    
    .card-glass .card-body {
        padding: 1.25rem;
    }
}

/* Ensure consistent image height on all screens */
.position-relative.overflow-hidden {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* Remove default card styling */
.card {
    background: transparent;
    border: none;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgb(255 255 255) !important;
}

/* About Page Features */
.bg-darker {
  background-color: #acc5ff;
}

.feature-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  border-radius: 50%;
  /* background: rgba(40, 216, 122, 0.1); */
  transition: transform 0.3s ease;
}

.card-glass {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.card-glass:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  border-color: rgba(40, 216, 122, 0.3);
}

.card-glass .card-body {
  padding: 2rem 1.5rem;
}

.card-glass h5 {
  color: #fff;
  margin-bottom: 1rem;
  font-weight: 600;
}

.card-glass p {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .card-glass {
    margin-bottom: 1.5rem;
  }
  
  .feature-icon {
    width: 60px;
    height: 60px;
  }
  
  .card-glass .card-body {
    padding: 1.5rem 1rem;
  }
}

/* Footer Styles */
footer {
  background-color: #0a0e17; /* Dark blue-black background */
  color: #94a3b8; /* Light gray text for better readability */
  margin-top: 2rem;
}

footer a {
  color: #e2e8f0; /* Lighter color for links */
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: #28d87a; /* Brand green color on hover */
  text-decoration: none;
}

footer .border-secondary {
  border-color: rgba(255, 255, 255, 0.1) !important; /* Subtle border color */
}

footer .btn-success {
  background-color: #28d87a;
  border: none;
  padding: 0.5rem 1.5rem;
  font-weight: 500;
}

footer .btn-success:hover {
  background-color: #22c16b;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(40, 216, 122, 0.2);
}

/* Responsive adjustments for footer */
@media (max-width: 768px) {
  footer .d-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  
  footer .btn-success {
    width: 100%;
    margin-top: 1rem;
  }
}