/* =========================================
   SKY TRAVELS - Modern Premium Theme
========================================= */

:root {

  --navy: #0f172a;
  --navy-light: #1e293b;

  --blue: #1d9bf0;
  --blue-light: #60a5fa;

  --gold: #c8a96b;

  --white: #ffffff;

  --soft-bg: #f8fafc;
  --section-bg: #f3f7fb;

  --text: #1e293b;
  --muted: #64748b;

  --border: #e2e8f0;

  --shadow: 0 10px 35px rgba(15,23,42,0.06);
  --shadow-dark: 0 24px 70px rgba(15,23,42,0.14);
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:"Segoe UI",Arial,sans-serif;
  background:var(--soft-bg);
  color:var(--text);
  line-height:1.6;
}

a{
  text-decoration:none;
}

/* ================= NAVBAR ================= */

.navbar{
  padding:14px 0;
  background:rgba(255,255,255,0.96)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 2px 18px rgba(15,23,42,0.04);
}

.navbar-brand img{
  max-height:65px;
}

.nav-link{
  font-weight:700;
  color:var(--text)!important;
  padding:8px 14px!important;
  transition:0.3s ease;
}

.nav-link:hover,
.nav-link.active{
  color:var(--blue)!important;
}

/* ================= BUTTONS ================= */

.btn-main{
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:50px;
  padding:12px 30px;
  font-weight:800;
  transition:0.3s ease;
  box-shadow:var(--shadow);
}

.btn-main:hover{
  background:var(--blue);
  color:#fff;
  transform:translateY(-2px);
}

.btn-gold{
  background:linear-gradient(
    135deg,
    #0f172a,
    #1d9bf0
  );

  color:#fff;
  border:none;
  border-radius:50px;
  padding:12px 30px;
  font-weight:800;
  transition:0.3s ease;
  box-shadow:0 10px 30px rgba(29,155,240,0.20);
}

.btn-gold:hover{
  transform:translateY(-2px);
  color:#fff;
}

/* ================= HERO ================= */

.hero-slider{
  overflow:hidden;
  color:#fff;
}

.hero-slide{
  min-height:650px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  position:relative;
}

.hero-slide::before{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    90deg,
    rgba(2,6,23,0.88),
    rgba(15,23,42,0.58),
    rgba(15,23,42,0.08)
  );

  z-index:1;
}

.hero-slide .container{
  position:relative;
  z-index:2;
}

.hero-content-box{
  max-width:650px;
}

.hero-badge{
  display:inline-block;

  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.22);

  color:#fff;

  padding:8px 18px;

  border-radius:50px;

  font-weight:700;

  letter-spacing:0.6px;

  margin-bottom:18px;

  font-size:13px;
}

.hero-content-box h1{
  font-size:62px;
  line-height:1.05;
  font-weight:900;
  margin-bottom:25px;
  text-shadow:0 8px 25px rgba(0,0,0,0.35);
}

.hero-content-box p{
  color:rgba(255,255,255,0.90);
  font-size:18px;
  max-width:580px;
}

/* ================= CONTACT BOX ================= */

.contact-box{
  background:rgba(255,255,255,0.96);

  border-radius:30px;

  padding:34px;

  box-shadow:var(--shadow-dark);

  border-top:5px solid var(--blue);

  color:var(--text);
}

.contact-box h3{
  color:var(--navy);
  font-weight:900;
}

.form-control,
.form-select{

  min-height:52px;

  border-radius:14px;

  border:1px solid var(--border);

  padding:12px 15px;

  font-size:15px;

  background:#fff;
}

.form-control:focus,
.form-select:focus{

  border-color:var(--blue);

  box-shadow:0 0 0 0.2rem rgba(29,155,240,0.15);
}

/* ================= SECTIONS ================= */

.section-padding{
  padding:90px 0;
}

.section-padding:nth-child(even){
  background:var(--section-bg);
}

.section-title{
  color:var(--blue);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.1px;
  margin-bottom:8px;
}

.section-padding h2{
  font-size:42px;
  font-weight:900;
  color:var(--navy);
  margin-bottom:16px;
}

.section-padding p{
  color:var(--muted);
}

/* ================= SERVICE CARD ================= */

.service-card{

  background:#fff;

  border-radius:28px;

  border:1px solid var(--border);

  box-shadow:var(--shadow);

  transition:0.3s ease;

  overflow:hidden;

  height:100%;
}

.service-card:hover{

  transform:translateY(-8px);

  border-bottom:5px solid var(--blue);
}

.icon-box{

  width:72px;
  height:72px;

  border-radius:22px;

  background:linear-gradient(
    135deg,
    #eff7ff,
    #ffffff
  );

  color:var(--blue);

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:30px;

  margin-bottom:20px;
}

.service-card h5{
  color:var(--navy);
  font-weight:800;
}

.service-card p{
  color:var(--muted);
}

/* ================= PACKAGE CARD ================= */

.package-card{

  background:#fff;

  border-radius:28px;

  overflow:hidden;

  border:1px solid var(--border);

  box-shadow:var(--shadow);

  transition:0.3s ease;

  height:100%;
}

.package-card:hover{

  transform:translateY(-8px);

  box-shadow:0 24px 65px rgba(15,23,42,0.12);
}

.package-img{

  height:220px;

  background-size:cover;
  background-position:center;
}

.package-body{
  padding:26px;
}

.package-tag{

  display:inline-block;

  background:#eef6ff;

  color:#2563eb;

  padding:6px 14px;

  border-radius:50px;

  font-size:12px;

  font-weight:800;

  margin-bottom:14px;
}

.package-body h4{

  color:var(--navy);

  font-weight:900;

  font-size:22px;

  margin-bottom:12px;
}

.package-body p{

  color:var(--muted);

  font-size:15px;

  margin-bottom:20px;
}

/* ================= FEATURE BOX ================= */

.feature-box{

  background:#fff;

  border-radius:18px;

  padding:16px 18px;

  margin-bottom:14px;

  font-weight:700;

  color:var(--navy);

  box-shadow:var(--shadow);

  border-left:4px solid var(--blue);
}

.feature-box i{
  margin-right:8px;
  color:var(--blue);
}

/* ================= WHY US ================= */

.green-box{

  background:linear-gradient(
    135deg,
    #ffffff,
    #f8fbff
  );

  border-radius:32px;

  padding:42px;

  border:1px solid var(--border);

  box-shadow:var(--shadow);
}

.green-box h3{

  color:var(--navy);

  font-weight:900;

  margin-bottom:25px;
}

.green-box p{
  margin-bottom:15px;
}

.green-box i{
  color:var(--blue);
  margin-right:8px;
}

/* ================= FOOTER ================= */

footer{

  background:linear-gradient(
    135deg,
    var(--navy),
    #020617
  );

  color:rgba(255,255,255,0.75);
}

footer p,
footer small{
  color:rgba(255,255,255,0.75);
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

  .hero-slide{
    min-height:auto;
    padding:90px 0;
  }

  .hero-content-box h1{
    font-size:46px;
  }

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

@media(max-width:767px){

  .hero-slide{
    padding:75px 0 95px;
    text-align:center;
  }

  .hero-content-box h1{
    font-size:34px;
  }

  .hero-content-box p{
    font-size:16px;
  }

  .btn-main,
  .btn-gold,
  .btn-outline-light{
    width:100%;
    margin-bottom:10px;
  }

  .section-padding{
    padding:65px 0;
  }

  .section-padding h2{
    font-size:28px;
  }

  .contact-box{
    padding:24px;
  }

  .green-box{
    padding:28px;
  }
}

.about-image-wrap {
  position: relative;
}

.about-img {
  border-radius: 30px;
  box-shadow: 0 25px 70px rgba(15,23,42,0.14);
  width: 100%;
  height: 520px;
  object-fit: cover;
}

.about-badge {
  position: absolute;
  right: 28px;
  bottom: -28px;
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 32px;
  min-width: 170px;
  text-align: center;
  box-shadow: 0 18px 45px rgba(15,23,42,0.14);
  border: 1px solid var(--border);
}

.about-badge h3 {
  margin: 0;
  font-size: 38px;
  font-weight: 900;
  color: var(--navy);
}

.about-badge p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

.about-text {
  font-size: 16px;
  line-height: 1.9;
  color: var(--muted);
  margin-bottom: 18px;
}

.cta-box {
  background: linear-gradient(135deg, var(--navy), #020617);
  border-radius: 34px;
  padding: 70px 30px;
  color: #ffffff;
  box-shadow: var(--shadow-dark);
}

.cta-box h2 {
  color: #ffffff;
  font-size: 42px;
  font-weight: 900;
  margin-bottom: 16px;
}

.cta-box p {
  color: rgba(255,255,255,0.78);
  max-width: 650px;
  margin: 0 auto 28px;
}

@media(max-width:767px) {
  .about-img {
    height: 360px;
  }

  .about-badge {
    right: 20px;
    bottom: -22px;
    padding: 18px 24px;
  }

  .cta-box {
    padding: 50px 24px;
  }

  .cta-box h2 {
    font-size: 30px;
  }
}

/* ================= ABOUT HERO ================= */

.about-hero{
  position:relative;

  padding:140px 0;

  background-image:url("images/about-banner.jpg");

  background-size:cover;
  background-position:center;

  overflow:hidden;
}

.hero-overlay{
  position:absolute;
  inset:0;

  background:linear-gradient(
    90deg,
    rgba(2,6,23,0.88),
    rgba(15,23,42,0.55),
    rgba(15,23,42,0.20)
  );
}

.about-title{
  font-size:72px;

  font-weight:900;

  color:#fff;

  margin-bottom:20px;

  letter-spacing:-1px;

  text-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.about-subtitle{
  max-width:760px;

  margin:auto;

  color:rgba(255,255,255,0.88);

  font-size:20px;

  line-height:1.8;
}

.hero-badge{
  display:inline-block;

  background:rgba(255,255,255,0.10);

  border:1px solid rgba(255,255,255,0.22);

  backdrop-filter:blur(10px);

  color:#fff;

  padding:10px 22px;

  border-radius:50px;

  font-size:13px;

  font-weight:700;

  letter-spacing:1px;

  text-transform:uppercase;

  margin-bottom:24px;
}

/* Mobile */

@media(max-width:767px){

  .about-hero{
    padding:100px 0;
  }

  .about-title{
    font-size:42px;
  }

  .about-subtitle{
    font-size:16px;
  }
}

/* ================= FOOTER ================= */

/* ================= FOOTER ================= */

.footer-area{

  background:linear-gradient(
    135deg,
    #020617,
    #0f172a
  );

  padding-top:90px;

  color:rgba(255,255,255,0.75);

  position:relative;

  overflow:hidden;
}

.footer-area::before{

  content:"";

  position:absolute;

  width:450px;
  height:450px;

  border-radius:50%;

  background:rgba(29,155,240,0.08);

  top:-180px;
  right:-180px;
}

.footer-logo{
  height:70px;
}

.footer-text{

  color:rgba(255,255,255,0.72);

  line-height:1.9;

  font-size:15px;
}

.footer-title{

  color:#ffffff;

  font-size:20px;

  font-weight:800;

  margin-bottom:28px;

  position:relative;
}

.footer-title::after{

  content:"";

  position:absolute;

  left:0;
  bottom:-10px;

  width:50px;
  height:3px;

  background:var(--blue);

  border-radius:10px;
}

.footer-links{

  list-style:none;

  padding:0;
  margin:0;
}

.footer-links li{
  margin-bottom:14px;
}

.footer-links a{

  color:rgba(255,255,255,0.72);

  transition:0.3s ease;

  font-size:15px;
}

.footer-links a:hover{

  color:#ffffff;

  padding-left:6px;
}

.footer-contact p{

  color:rgba(255,255,255,0.72);

  margin-bottom:18px;

  line-height:1.8;

  font-size:15px;
}

.footer-contact i{

  color:var(--blue);

  margin-right:10px;
}

.footer-social a{

  width:42px;
  height:42px;

  border-radius:50%;

  background:rgba(255,255,255,0.08);

  display:flex;

  align-items:center;
  justify-content:center;

  color:#ffffff;

  transition:0.3s ease;
}

.footer-social a:hover{

  background:var(--blue);

  transform:translateY(-3px);
}

.footer-bottom{

  border-top:1px solid rgba(255,255,255,0.08);

  margin-top:70px;

  padding:28px 0;
}

.copyright-text,
.footer-credit{

  margin:0;

  color:rgba(255,255,255,0.55);

  font-size:14px;
}

/* MOBILE */

@media(max-width:767px){

  .footer-area{
    padding-top:70px;
  }

  .footer-bottom{
    text-align:center;
  }

  .footer-credit{
    margin-top:10px;
  }
}

/* ================= FLOATING CONTACT ================= */

.floating-contact-wrap{

  position:fixed;

  right:22px;
  bottom:24px;

  z-index:9999;

  display:flex;

  flex-direction:column;

  align-items:flex-end;

  gap:14px;
}

/* CALL BUTTON */

.call-floating-btn{

  width:58px;
  height:58px;

  border-radius:50%;

  background:var(--blue);

  display:flex;

  align-items:center;
  justify-content:center;

  color:#ffffff;

  font-size:24px;

  box-shadow:0 14px 35px rgba(15,23,42,0.22);

  transition:0.3s ease;
}

.call-floating-btn:hover{

  transform:translateY(-4px);

  color:#ffffff;
}

/* WHATSAPP BUTTON */

.wa-chat-toggle{

  width:58px;
  height:58px;

  border:none;

  border-radius:50%;

  background:#25D366;

  color:#ffffff;

  font-size:30px;

  box-shadow:0 14px 35px rgba(15,23,42,0.22);

  transition:0.3s ease;
}

.wa-chat-toggle:hover{

  transform:translateY(-4px);
}

/* CHAT BOX */

.wa-chat-box{

  position:absolute;

  right:0;
  bottom:75px;

  width:320px;

  background:#ffffff;

  border-radius:24px;

  overflow:hidden;

  box-shadow:0 20px 60px rgba(15,23,42,0.22);

  display:none;
}

.wa-chat-box.active{
  display:block;
}

/* HEADER */

.wa-chat-header{

  background:#075E54;

  color:#ffffff;

  padding:18px;

  display:flex;

  justify-content:space-between;

  align-items:flex-start;
}

.wa-chat-header h5{

  margin:0;

  font-weight:800;
}

.wa-chat-header p{

  margin:4px 0 0;

  font-size:13px;

  color:rgba(255,255,255,0.82);
}

.wa-chat-header button{

  border:none;

  background:transparent;

  color:#ffffff;

  font-size:28px;

  line-height:1;

  cursor:pointer;
}

/* BODY */

.wa-chat-body{

  padding:18px;
}

.wa-chat-body a{

  display:block;

  background:#f8fafc;

  color:#0f172a;

  padding:14px 16px;

  border-radius:14px;

  margin-bottom:12px;

  font-weight:700;

  border:1px solid #e2e8f0;

  transition:0.3s ease;
}

.wa-chat-body a:hover{

  background:#eef6ff;

  color:#1d9bf0;

  transform:translateX(4px);
}

/* MOBILE */

@media(max-width:767px){

  .wa-chat-box{

    width:290px;
  }

  .floating-contact-wrap{

    right:16px;
    bottom:18px;
  }
}

.hidden-field{
  display:none;
}