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

    body{
      font-family:'Outfit',sans-serif;
      background:#fafafe;
      overflow-x:hidden;
    }

    a{
      text-decoration:none;
    }

    img{
      max-width:100%;
      display:block;
    }
.btp-preloader{
    position:fixed;
    inset:0;
    background:linear-gradient(135deg,#04142e,#08295c,#0d6efd);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
    transition:0.6s;
}

.travel-loader{
    text-align:center;
}
.globe{
    position:relative;
    width:220px;
    height:220px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

.globe img{
    width:120px;
    height:auto;
    object-fit:contain;
    display:block;
    z-index:2;
    position:relative;
}

.globe::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border:2px dashed rgba(255,255,255,.25);
    border-radius:50%;
}

.plane{
    position:absolute;
    width:180px;
    height:180px;
    animation:orbit 4s linear infinite;
}

.plane i{
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    color:#fff;
    font-size:16px;
}


.travel-loader h3{
    color:#fff;
    margin-top:25px;
    font-size:24px;
    font-weight:700;
}

.travel-loader p{
    color:rgba(255,255,255,.8);
    font-size:15px;
}

/* Logo Pulse */
@keyframes logoPulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

/* Plane Orbit */
@keyframes orbit{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}


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

.bt-navbar{
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(12px);
    box-shadow:0 2px 20px rgba(0,0,0,0.05);
}

.navbar-brand img{
    width:100px;
}

/* NAV LINKS */
.nav-link{
    color:#072a78 !important;
    font-weight:600;
    margin:0 10px;
    position:relative;
}

.nav-link:hover{
    color:white !important;
    background:#072a78;
       border-radius:8px;
}



/* DROPDOWN */
.dropdown-menu{
    border-radius:12px;
    padding:10px;
}

.dropdown-item{
    padding:10px 16px;
    font-weight:500;
    color:#072a78;
    border-radius:8px;
    transition:.3s;
}

.dropdown-item:hover{
    background:#246ec6;
    color:#fff;
}

/* ADMIN BUTTON */
.bt-admin-btn{
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f7ff;
    color:#072a78;
    text-decoration:none;
    transition:.3s;
}

.bt-admin-btn:hover{
    background:#072a78;
    color:#fff;
}

/* BOOK NOW BUTTON */
.bt-book-btn{
    background:linear-gradient(135deg,#072a78,#246ec6);
    color:#fff;
    padding:10px 22px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

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

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

    .bt-hero{
      position:relative;
      min-height:100vh;

      padding-top:140px;

      overflow:hidden;

      display:flex;
      align-items:center;

      background:
      radial-gradient(circle at top left,#a4bdda40,transparent 35%),
      radial-gradient(circle at bottom right,#246ec620,transparent 35%),
      #fafafe;
    }

    .container{
      width:100%;
      max-width:1320px;
      margin:auto;
      padding:0 60px;
    }

    .bt-wrapper{
      display:grid;
      grid-template-columns:1fr 1fr;
      align-items:center;
      gap:40px;
    }

    /* LEFT */

    .bt-left{
      position:relative;
      z-index:10;
    }

    .bt-mini-tag{
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding:14px 24px;
      border-radius:50px;
      background:#fff;
      border:1px solid #d8e3ff;
      color:#246ec6;
      font-size:15px;
      font-weight:600;
      box-shadow:0 10px 30px rgba(0,0,0,.05);
      margin-bottom:28px;
    }

    .bt-mini-tag span{
      width:10px;
      height:10px;
      border-radius:50%;
      background:#246ec6;
    }

    .bt-left h1{
      font-size:65px;
      line-height:1.05;
      color:#072a78;
      font-weight:800;
      letter-spacing:-2px;
      margin-bottom:25px;
    }

    .bt-left h1 span{
      color:#246ec6;
    }

    .bt-left p{
      max-width:560px;
      color:#606b8e;
      font-size:18px;
      line-height:1.9;
      margin-bottom:42px;
      text-align: justify;
    }

    /* BUTTONS */

    .bt-btns{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .bt-btn{
      height:60px;
      padding:0 34px;
      border-radius:60px;
      display:inline-flex;
      align-items:center;
      gap:12px;
      font-size:16px;
      font-weight:600;
      transition:.4s;
    }

    .bt-primary{
      background:linear-gradient(135deg,#072a78,#246ec6);
      color:#fff;
      box-shadow:0 18px 35px rgba(36,110,198,.25);
    }

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

    .bt-outline{
      border:2px solid #d8e3ff;
      color:#072a78;
      background:#fff;
    }

    .bt-outline:hover{
      background:#072a78;
      border-color:#072a78;
      color:#fff;
    }

    /* BOTTOM */

    .bt-bottom{
      margin-top:55px;
      display:flex;
      align-items:center;
      gap:22px;
      flex-wrap:wrap;
    }

    .bt-users{
      display:flex;
      align-items:center;
    }

    .bt-users img{
      width:56px;
      height:56px;
      object-fit:cover;
      border-radius:50%;
      border:4px solid #fff;
      margin-left:-15px;
    }

    .bt-users img:first-child{
      margin-left:0;
    }

    .bt-review h4{
      font-size:22px;
      color:#072a78;
      margin-bottom:4px;
    }

    .bt-review p{
      margin:0;
      font-size:15px;
      color:#606b8e;
    }

    /* RIGHT */

    .bt-right{
      position:relative;
      height:760px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .bt-circle{
      position:absolute;
      width:620px;
      height:620px;
      border-radius:50%;
      background:
      linear-gradient(135deg,#072a78,#246ec6);
      opacity:.10;
    }

    .bt-image{
      position:relative;
      z-index:5;
      width:620px;
      animation:float 4s ease-in-out infinite;
    }

    .bt-image img{
      filter:drop-shadow(0 35px 60px rgba(0,0,0,.15));
    }

    /* FLOATING CARDS */

    .bt-card{
      position:absolute;
      z-index:10;
      background:#fff;
      border-radius:24px;
      padding:20px;
      display:flex;
      align-items:center;
      gap:15px;
      box-shadow:0 18px 40px rgba(0,0,0,.08);
      backdrop-filter:blur(10px);
    }

    .bt-card .icon{
      width:58px;
      height:58px;
      border-radius:18px;
      background:linear-gradient(135deg,#072a78,#246ec6);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:22px;
    }

    .bt-card h5{
      color:#072a78;
      font-size:18px;
      margin-bottom:5px;
    }

    .bt-card p{
      color:#606b8e;
      font-size:14px;
    }

    .card1{
      top:120px;
      left:0;
    }

    .card2{
      bottom:120px;
      right:20px;
    }

    /* SHAPES */

    .bt-shape{
      position:absolute;
      z-index:1;
      animation:move 6s ease-in-out infinite;
    }

    .shape1{
      top:190px;
      left:20px;
    }

    .shape2{
      top:210px;
      right:90px;
    }

    .shape3{
      bottom:80px;
      left:90px;
    }

    .shape4{
      top:45%;
      left:48%;
    }

    .shape5{
      bottom:100px;
      right:120px;
    }

    /* ANIMATION */

    @keyframes move{

      0%{
        transform:translateY(0px);
      }

      50%{
        transform:translateY(-18px);
      }

      100%{
        transform:translateY(0px);
      }

    }

    @keyframes float{

      0%{
        transform:translateY(0px);
      }

      50%{
        transform:translateY(-18px);
      }

      100%{
        transform:translateY(0px);
      }

    }

    /* RESPONSIVE */

    @media(max-width:1100px){

      .bt-menu{
        display:none;
      }

      .bt-mobile-btn{
        display:flex;
        align-items:center;
        justify-content:center;
      }

      .bt-wrapper{
        grid-template-columns:1fr;
      }

      .bt-left{
        text-align:center;
      }

      .bt-left p{
        margin:auto auto 40px;
      }

      .bt-btns,
      .bt-bottom{
        justify-content:center;
      }

      .bt-right{
        height:auto;
        margin-top:-40px;
      }

      .bt-shape{
        display:none;
      }

    }

    @media(max-width:768px){

     
      .container{
        padding:0 20px;
      }

      .bt-logo img{
        width:145px;
      }

      .bt-search-btn{
        display:none;
      }

      .bt-hero{
        padding-top:110px;
      }

      .bt-left h1{
        font-size:38px;
        letter-spacing:-1px;
      }

      .bt-left p{
        font-size:16px;
        line-height:1.7;
      }

      .bt-right{
        height:420px;
      }

      .bt-circle{
        width:320px;
        height:320px;
      }

      .bt-image{
        width:320px;
      }

      .bt-card{
        transform:scale(.75);
      }

      .card1{
        left:-15px;
        top:150px;
      }

      .card2{
        right:-15px;
        bottom:70px;
      }

    }

    

/* =========================
    DESTINATION SECTION
========================== */

.destination-section{
  padding:10px 0;
  background:
  linear-gradient(to bottom,#f7faff,#eef4ff);
  position:relative;
  overflow:hidden;
}

/* BLUE GLOW */

.destination-section::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  border-radius:50%;

  background:
  radial-gradient(circle,#246ec620,transparent 70%);

  top:-180px;
  left:-150px;
}

.destination-section::after{
  content:"";
  position:absolute;
  width:450px;
  height:450px;
  border-radius:50%;

  background:
  radial-gradient(circle,#072a7815,transparent 70%);

  bottom:-200px;
  right:-150px;
}

/* MINI TITLE */

.mini-title{
  color:#246ec6;
  font-size:30px;
  /* font-family:'Caveat',cursive; */
  text-align:center;
  display:block;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

/* MAIN TITLE */

.main-title{
  text-align:center;
  font-size:30px;
  font-weight:800;
  line-height:1.2;
  color:#072a78;
  margin-bottom:75px;
  position:relative;
  z-index:2;
}


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

.destination-card{
  position:relative;
  width:100%;
  max-width:310px;
  height:430px;
  margin:auto;

  border-radius:180px;

  overflow:hidden;

  transition:.5s;

  box-shadow:
  0 20px 40px rgba(7,42,120,.08);

  border:4px solid rgba(255,255,255,.7);

  backdrop-filter:blur(10px);
}

.destination-card:hover{
  transform:translateY(-12px);
  box-shadow:
  0 30px 60px rgba(36,110,198,.20);
}

/* IMAGE */

.destination-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.6s;
}

.destination-card:hover img{
  transform:scale(1.1);
}

/* OVERLAY */

.destination-card::before{
  content:"";
  position:absolute;
  inset:0;

  background:
  linear-gradient(to top,
  rgba(7,42,120,.80),
  rgba(7,42,120,.05));

  z-index:1;
}

/* =========================
    CONTENT
========================= */

.destination-content{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  width:88%;

  background:
  rgba(255,255,255,.92);

  backdrop-filter:blur(12px);

  border-radius:0 0 120px 120px;

  text-align:center;

  padding:28px 20px 35px;

  z-index:2;

  box-shadow:
  0 10px 30px rgba(0,0,0,.08);
}

/* TOUR COUNT */

.tour-count{
  background:
  linear-gradient(135deg,#072a78,#246ec6);

  color:#fff;

  display:inline-block;

  padding:11px 24px;

  border-radius:50px;

  font-size:18px;
  font-weight:600;

  margin-bottom:18px;

  box-shadow:
  0 12px 25px rgba(36,110,198,.30);
}

/* TITLE */

.destination-content h3{
  font-size:23px;
  font-weight:700;
  color:#072a78;
  margin:0;
}

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

@media(max-width:1200px){

  .main-title{
    font-size:58px;
  }

}

@media(max-width:991px){

  .main-title{
    font-size:46px;
  }

  .destination-card{
    margin-bottom:40px;
  }

}

@media(max-width:576px){

  .destination-section{
    padding:70px 0;
  }

  .main-title{
    font-size:27px;
  }

  .mini-title{
    font-size:24px;
  }

  .destination-card{
    min-height:380px;
  }

  .destination-content h3{
    font-size:28px;
  }

  .tour-count{
    font-size:15px;
    padding:10px 20px;
  }

}



/* =========================
    SECTION
========================= */

.travel-section{
    max-width:1400px;
    margin:10px auto;
    padding:10px;

}

.travel-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:35px;
}

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

.travel-card{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(7,42,120,0.08);
    transition:0.4s;
    position:relative;
    border:1px solid #e4edff;
}

.travel-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(36,110,198,0.14);
}

/* =========================
    IMAGE
========================= */

.travel-img{
    height:320px;
    overflow:hidden;
}

.travel-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s;
}

.travel-card:hover .travel-img img{
    transform:scale(1.08);
}

/* =========================
    CONTENT
========================= */

.travel-content{
    padding:28px;
}

/* =========================
    TOP INFO
========================= */

.travel-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    padding-bottom:22px;
    border-bottom:1px solid #dbe7ff;
}

.travel-info{
    display:flex;
    align-items:center;
    gap:8px;
    color:#606b8e;
    font-size:16px;
    font-weight:600;
}

.travel-info i{
    color:#246ec6;
}



/* =========================
    TITLE
========================= */

.travel-title{
    font-size:25px;
    line-height:1.3;
    margin:28px 0 18px;
    font-family:Georgia, serif;
    font-weight:700;
    color:#072a78;
}

/* =========================
    LOCATION
========================= */

.location{
    display:flex;
    align-items:center;
    gap:12px;
    color:#606b8e;
    font-size:17px;
    font-weight:600;
    margin-bottom:28px;
}

.location i{
    color:#246ec6;
    font-size:22px;
}

/* =========================
    BOTTOM
========================= */

.travel-bottom{
    border-top:1px solid #dbe7ff;
    padding-top:22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* =========================
    PRICE
========================= */

.price{
    display:flex;
    align-items:end;
    gap:10px;
    flex-wrap:wrap;
}

.price span{
    color:#606b8e;
    font-size:18px;
    font-weight:700;
}

.old-price{
    color:#246ec6;
    text-decoration:line-through;
    font-size:22px;
    font-weight:700;
}

.new-price{
    font-size:26px;
    font-weight:800;
    color:#072a78;
}

/* =========================
    BUTTON
========================= */

.arrow-btn{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    text-decoration:none;
    transition:0.4s;

    background:linear-gradient(135deg,#072a78,#246ec6);

    box-shadow:0 10px 25px rgba(36,110,198,0.25);
}

.arrow-btn:hover{
    transform:rotate(-45deg);
}

/* =========================
    FLOAT BUTTON
========================= */

.scroll-btn{
    position:fixed;
    right:35px;
    bottom:35px;
    width: 50px;
    height:50px;
    background:#246ec6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:23px;
    border:3px dashed #246ec6;
    outline:5px solid rgba(36,110,198,0.15);
    cursor:pointer;
}

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

@media(max-width:768px){

    .travel-title{
        font-size:22px;
    }

  

    .travel-img{
        height:260px;
    }

}





/* =========================
   SECTION BASE
========================= */

.bt-destination-v2{
    padding:80px 20px;
    background:linear-gradient(180deg,#f8fbff,#eef5ff);
    overflow:hidden;
}

/* WRAPPER */

.bt-destination-v2-wrapper{
    max-width:1300px;
    margin:auto;
    display:flex;
    gap:60px;
    align-items:flex-start;
}

/* LEFT */

.bt-destination-v2-left{
    flex:1;
    position:sticky;
    top:100px;
}

.bt-destination-v2-left small{
    color:#246ec6;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:20px;
}

.bt-destination-v2-left h2{
    font-size:38px;
    font-weight:900;
    color:#0d1b3e;
    line-height:1.1;
    margin-bottom:20px;
}

.bt-destination-v2-left h2 span{
    color:#246ec6;
}

.bt-destination-v2-left p{
    color:#6a748b;
    line-height:1.8;
    margin-bottom:30px;
    max-width:420px;
      text-align: justify;
}

.bt-destination-v2-btn{
    display:inline-flex;
    gap:10px;
    align-items:center;
    padding:16px 28px;
    border-radius:50px;
    background:linear-gradient(135deg,#0d6efd,#246ec6);
    color:#fff;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.bt-destination-v2-btn:hover{
    transform:translateY(-5px);
}

/* RIGHT */

.bt-destination-v2-right{
    flex:1.5;
    overflow:hidden;
}

/* SLIDER TRACK */

.bt-slider-track{
    display:flex;
    gap:20px;
    width:max-content;
    animation:scrollLeft 18s linear infinite;
}

/* PAUSE ON HOVER */

.bt-destination-v2-right:hover .bt-slider-track{
    animation-play-state:paused;
}

/* ANIMATION */

@keyframes scrollLeft{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}

/* CARD */

.bt-destination-v2-card{
   width:300px;
    height:420px;
    border-radius:24px;
    overflow:hidden;
    position:relative;
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
    cursor:pointer;
    transition:.4s;
}

.bt-destination-v2-card:hover{
    transform:translateY(-10px);
}

.bt-destination-v2-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.bt-destination-v2-card:hover img{
    transform:scale(1.1);
}

/* OVERLAY */

.bt-destination-v2-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0.2),transparent);
}

/* CONTENT */

.bt-destination-v2-content{
    position:absolute;
    bottom:25px;
    left:20px;
    color:#fff;
    z-index:2;
}

.bt-destination-v2-content span{
    display:inline-block;
    padding:6px 14px;
    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(6px);
    border-radius:20px;
    font-size:12px;
    margin-bottom:10px;
}

.bt-destination-v2-content h3{
    font-size:26px;
    font-weight:800;
    margin-bottom:5px;
}

.bt-destination-v2-content p{
    font-size:14px;
      text-align: justify;
    opacity:.85;
}

/* RESPONSIVE */

@media(max-width:900px){
    .bt-destination-v2-wrapper{
        flex-direction:column;
    }

    .bt-destination-v2-left{
        position:static;
    }

    .bt-destination-v2-left h2{
        font-size:38px;
    }
}

@media (max-width: 768px){

    /* WRAPPER STACK */
    .bt-destination-v2-wrapper{
        flex-direction: column;
        gap: 40px;
    }

    /* LEFT SECTION */
    .bt-destination-v2-left{
        position: static;
        text-align: center;
    }

    .bt-destination-v2-left small{
        font-size: 16px;
    }

    .bt-destination-v2-left h2{
        font-size: 25px;
        line-height: 1.2;
    }

    .bt-destination-v2-left p{
        max-width: 100%;
        font-size: 15px;
        text-align: justify;
    }

    .bt-destination-v2-btn{
        justify-content: center;
    }

    /* RIGHT SLIDER */
    .bt-destination-v2-right{
        width: 100%;
    }

    .bt-slider-track{
        gap: 15px;
    }

    /* CARD SIZE ADJUST */
    .bt-destination-v2-card{
        min-width: 240px;
        height: 360px;
    }

    .bt-destination-v2-content h3{
        font-size: 22px;
    }

    .bt-destination-v2-content p{
        font-size: 13px;
    }
}



/* =========================
   COLORS
========================= */

:root{
    --main-color:#072a78;
    --card-bg:#e8f0e6;
    --orange:#f6a021;
}

/* =========================
   SECTION TITLE
========================= */

.activities-section{
    padding:80px 20px;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title span{
    color:var(--orange);
    font-size:22px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title h1{
text-align: center;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    color: #072a78;
}

/* =========================
   MAIN LAYOUT
========================= */

.activit .container{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:40px;
    align-items:flex-start;
}

/* =========================
   LEFT SIDE GRID
========================= */

.activities{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

/* CARD */
.activity-card{
    background:var(--card-bg);
    border-radius:20px;
    padding:25px 20px;
    display:flex;
    align-items:center;
    gap:15px;
    min-height:140px;
    transition:0.3s;
}

.activity-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* ICON */
.icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:var(--orange);
    flex-shrink:0;
}

/* TEXT */
.activity-card h3{
    font-size:18px;
    color:var(--main-color);
    font-weight:700;
    line-height:1.4;
}

/* =========================
   RIGHT SIDE IMAGE
========================= */

.gallery{
    flex:1;
}

.gallery img{
    width:100%;
    /* height:500px; */
    object-fit:cover;
    /* border-radius:35px; */
}

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

@media(max-width:1200px){
    .activit .container{
        flex-direction:column;
    }

   
}

@media(max-width:768px){

    .activities{
        grid-template-columns:1fr;
    }

    .gallery img{
        height:300px;
    }
    .activities-section {
    padding: 0px;
}

}




/* =========================
   BLUE TRIP OFFER SECTION
========================= */

.bt-offer-section{
  width:100%;
  max-width:1900px;
  margin:auto;
  background:linear-gradient(90deg,#061a3a 0%, #0d2f6f 45%, #0a1f4a 100%);
  border-radius:24px;
  overflow:hidden;
  position:relative;
  min-height:560px;
  padding:60px 80px;
}

/* TEXTURE BACKGROUND */
.bt-offer-section::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-30px;
  width:58%;
  height:60%;
  background:url('https://www.transparenttextures.com/patterns/asfalt-light.png');
  opacity:.08;
  pointer-events:none;
}

/* WRAPPER */
.bt-offer-wrapper{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:40px;
  position:relative;
  z-index:2;
}

/* LEFT CONTENT */
.bt-offer-contents{
  max-width:760px;
  padding-left:120px;
}

.bt-offer-contents h1{
  color:#fff;
  font-size:46px;
  line-height:1.15;
  font-weight:700;
  margin-bottom:30px;
  letter-spacing:-1px;
}

.bt-offer-contents p{
  color:rgba(255,255,255,0.82);
  font-size:22px;
  line-height:1.8;
  margin-bottom:40px;
}

/* BUTTON */
.bt-booking-btn{
  display:inline-flex;
  align-items:center;
  gap:25px;
  background:linear-gradient(135deg,#0d6efd,#2b8cff);
  padding:12px 12px 12px 34px;
  border-radius:60px;
  text-decoration:none;
  color:#fff;
  font-size:22px;
  font-weight:600;
  transition:.3s ease;
  box-shadow:0 15px 35px rgba(13,110,253,0.25);
}

.bt-booking-btn:hover{
  transform:translateY(-3px);
}

.bt-booking-btn .bt-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0d6efd;
  font-size:26px;
}

/* RIGHT IMAGE AREA */
.bt-offer-image{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  max-height:500px;
}

/* SHAPES */
.bt-shape-top,
.bt-shape-bottom{
  position:absolute;
  width:520px;
  height:260px;
  background:linear-gradient(135deg,#0d6efd,#1e4ed8);
  border-radius:260px 260px 0 0;
  left:50%;
  transform:translateX(-50%);
  opacity:0.9;
}

.bt-shape-top{ top:40px; }
.bt-shape-bottom{ bottom:40px; }

/* IMAGE */
.bt-offer-image img{
  position:relative;
  z-index:2;
  max-height:620px;
  object-fit:contain;
}

/* DECOR */
.bt-left-doodle,
.bt-right-doodle{
  position:absolute;
  width:150px;
  opacity:.8;
  filter:hue-rotate(200deg);
}

.bt-left-doodle{
  top:70px;
  left:55px;
}

.bt-right-doodle{
  top:85px;
  right:45px;
}

/* RESPONSIVE */

@media(max-width:1400px){

  .bt-offer-contents{
    padding-left:80px;
  }

  .bt-offer-contents h1{
    font-size:38px;
  }

  .bt-offer-contents p{
    font-size:20px;
  }

  .bt-offer-section{
    padding:60px;
  }
}

@media(max-width:1100px){

  .bt-offer-wrapper{
    grid-template-columns:1fr;
  }

  .bt-offer-contents{
    padding-left:0;
  }

  .bt-offer-contents h1{
    font-size:42px;
  }

  .bt-offer-contents p{
    font-size:18px;
  }

  .bt-shape-top,
  .bt-shape-bottom{
    width:420px;
    height:210px;
  }
}

@media(max-width:768px){

  .bt-offer-section{
    padding:50px 25px;
  }

  .bt-offer-contents h1{
    font-size:26px;
  }

  .bt-offer-contents p{
    font-size:16px;
  }

  .bt-booking-btn{
    font-size:18px;
    gap:15px;
    padding-left:22px;
  }

  .bt-booking-btn .bt-icon{
    width:48px;
    height:48px;
    font-size:20px;
  }

  .bt-shape-top,
  .bt-shape-bottom{
  display:none;
  }

  .bt-left-doodle,
  .bt-right-doodle{
    display:none;
  }
}

/* ================= SECTION ================= */

.testimonial-section{
    position:relative;
    width:100%;
    min-height:100vh;
    background:#ffffff; /* changed to white */
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 20px;
}

/* REMOVE GRASS (optional cleaner look) */
.testimonial-section::before{
    display:none;
}

/* TITLE */
.title{
    font-size:40px;
    color:#072a78; /* dark blue instead of white */
    font-family:'Playfair Display',serif;
    font-style:italic;
    font-weight:600;
    margin-bottom:10px;
}

/* AIRPLANE */
.airplane{
    width:280px;
    display:block;
    margin:0 auto 20px;
    animation:fly 4s ease-in-out infinite;
}

@keyframes fly{
    0%{transform:translateY(0px);}
    50%{transform:translateY(-12px);}
    100%{transform:translateY(0px);}
}

/* REVIEW BOX */
.review-box{
    background:#0b1220;
    border-radius:14px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* HEADER */
.review-header{
    text-align:left;
    color:#fff;
    margin-bottom:30px;
}

.review-header h2{
    font-size:28px;
    margin-bottom:10px;
}

.review-header p{
    color:#b0b0b0;
    font-size:15px;
}

/* CARDS */
.cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* CARD */
.card{
    background:#ffffff;
    border-radius:12px;
    padding:20px;
    text-align:left;
    transition:0.3s;
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

/* STARS */
.stars{
    color:#00b67a;
    font-size:18px;
    margin-bottom:10px;
}

/* TEXT */
.card h3{
    font-size:18px;
    margin-bottom:10px;
    color:#111;
}

.card p{
    color:#555;
    font-size:14px;
    line-height:1.6;
    margin-bottom:15px;
}

.brand{
    font-weight:700;
    color:#072a78;
}

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

@media(max-width:992px){

    .cards{
        grid-template-columns:repeat(2,1fr);
    }

    .title{
        font-size:60px;
    }
}

@media(max-width:600px){

    .cards{
        grid-template-columns:1fr;
    }

    .title{
        font-size:42px;
    }

    .airplane{
        width:200px;
    }

    .review-box{
        padding:25px;
    }

    .review-header h2{
        font-size:20px;
    }
}

 

.bt-carousel-section{
  padding:20px;
  background:#f3f6ff;
}

.bt-carousel-viewport{
  max-width:1200px;
  margin:auto;
  overflow:hidden;
  border-radius:18px;
}

.bt-carousel-track{
  display:flex;
  gap:15px;
  transition:transform 0.6s ease;
}

.bt-carousel-item{
  min-width:180px;
  height:140px;
  flex-shrink:0;
  border-radius:14px;
  overflow:hidden;
}

.bt-carousel-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s;
}

.bt-carousel-item:hover img{
  transform:scale(1.1);
}


    
.footer{
  background:linear-gradient(135deg,#071c3c,#0b2f63);
  color:#fff;
  padding:90px 0 25px;
  position:relative;
  overflow:hidden;
}

/* TOP LINE */

.footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(
    90deg,
    #2d8cff,
    #69b4ff,
    #2d8cff
  );
}

/* LOGO */

.footer-logo{
  margin-bottom:25px;
}

.footer-logo-img{
  width:190px;
  object-fit:contain;
}

/* FOOTER TEXT */

.footer-text{
  color:rgba(255,255,255,0.75);
  line-height:1.9;
  font-size:16px;
  margin-bottom:28px;
  max-width:330px;
}

/* TITLES */

.footer-title{
  font-size:24px;
  font-weight:700;
  margin-bottom:28px;
  color:#fff;
  position:relative;
  padding-bottom:14px;
}

.footer-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:55px;
  height:3px;
  border-radius:10px;
  background:#2d8cff;
}

/* LINKS */

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}

.footer-links li i{
  min-width:22px;
  color:#fff;
  font-size:18px;
  margin-top:5px;
  transition:0.3s;
}

.footer-links a{
  color:rgba(255,255,255,0.78);
  text-decoration:none;
  transition:0.35s;
  font-size:16px;
  line-height:1.8;
  display:inline-block;
}

/* HOVER */

.footer-links li:hover i{
  transform:translateX(5px);
  color:#ffffff;
}

.footer-links a:hover{
  color:#69b4ff;
  transform:translateX(6px);
}

/* =========================
      SOCIAL ICONS
========================== */

.social-icons{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:25px;
}

.social-icons a{
  position:relative;
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  color:#ffffff;
  font-size:19px;
  overflow:hidden;
  transition:0.4s ease;
  backdrop-filter:blur(8px);
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.social-icons a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    #2d8cff,
    #69b4ff
  );
  opacity:0;
  transition:0.4s;
  z-index:0;
}

.social-icons a i{
  position:relative;
  z-index:2;
}

.social-icons a:hover{
  transform:translateY(-8px) rotate(-6deg);
  border-color:transparent;
  box-shadow:0 18px 35px rgba(45,140,255,0.35);
}

.social-icons a:hover::before{
  opacity:1;
}

/* INDIVIDUAL HOVER */

.social-icons a:nth-child(1):hover{
  box-shadow:0 18px 35px rgba(24,119,242,0.45);
}

.social-icons a:nth-child(2):hover{
  box-shadow:0 18px 35px rgba(225,48,108,0.45);
}

.social-icons a:nth-child(3):hover{
  box-shadow:0 18px 35px rgba(29,161,242,0.45);
}

.social-icons a:nth-child(4):hover{
  box-shadow:0 18px 35px rgba(255,0,0,0.40);
}

/* BOTTOM */

.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.12);
  margin-top:65px;
  padding-top:25px;
  text-align:center;
  color:rgba(255,255,255,0.7);
  font-size:15px;
  letter-spacing:.5px;
}

.footer-bottom a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    margin-left:5px;
}

.footer-bottom a:hover{
    text-decoration:underline;
}
/* RESPONSIVE */

@media(max-width:991px){

  .footer{
    padding:70px 0 20px;
  }

  .footer-logo-img{
    width:170px;
  }

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

}

@media(max-width:576px){

  .footer{
    text-align:center;
  }
.footer-title{
  text-align:left;
}
  .footer-title::after{
    left:10%;
    transform:translateX(-50%);
  }

  .footer-text{
    margin-left:auto;
    margin-right:auto;
  }

  .social-icons{
    justify-content:center;
  }

  .footer-links li{
    /* justify-content:center; */
    text-align:left;
  }

  .footer-links a:hover{
    transform:none;
  }

  .footer-logo-img{
    width:150px;
  }

}








/* =========================
   SECTION WRAPPER
========================= */

.bt-contact-form-section {
  padding: 80px 0;
  background: #f5f8ff;
}

/* =========================
   LAYOUT
========================= */

.bt-contact-wrapper {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: center;
}

/* =========================
   LEFT IMAGE
========================= */

.bt-contact-image {
  flex: 1;
  position: relative;
}

.bt-main-contact-img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 25px;
  box-shadow: 0 15px 40px rgba(7, 42, 120, 0.25);
  transition: 0.4s ease;
}

.bt-main-contact-img:hover {
  transform: scale(1.03);
}

/* FLOATING BADGE */
.bt-image-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #072a78;
  color: #fff;
  padding: 12px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  box-shadow: 0 10px 25px rgba(7, 42, 120, 0.3);
}

.bt-image-badge i {
  color: #ffd700;
}

/* =========================
   FORM CARD
========================= */

.bt-contact-form {
  flex: 1;
  background: #ffffff;
  padding: 35px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(7, 42, 120, 0.15);
  border-top: 4px solid #072a78;
}

.bt-contact-form h2 {
  font-size: 32px;
  color: #072a78;
  margin-bottom: 10px;
}

.bt-contact-form h2 span {
  color: #f6a021;
}

.bt-contact-form p {
  color: #666;
  margin-bottom: 25px;
}

/* =========================
   FORM ROW
========================= */

.bt-form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

/* =========================
   INPUT GROUP (FLOAT LABEL)
========================= */

/* INPUT GROUP */
.bt-input-group {
  position: relative;
  flex: 1;
}

/* ICON INSIDE INPUT */
.bt-input-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #072a78;
  font-size: 16px;
}

/* INPUT FIELD */
.bt-input-group input {
  width: 100%;
  padding: 14px 14px 14px 40px;
  border: 2px solid #e6ecff;
  border-radius: 12px;
  outline: none;
  transition: 0.3s;
}

/* TEXTAREA */
.bt-input-group textarea {
  width: 100%;
  padding: 14px 14px 14px 40px;
  border: 2px solid #e6ecff;
  border-radius: 12px;
  min-height: 120px;
  resize: none;
}

/* LABEL FLOAT */
.bt-input-group label {
  position: absolute;
  top: 14px;
  left: 40px;
  color: #999;
  transition: 0.3s;
  pointer-events: none;
  background: #fff;
  padding: 0 5px;
}

/* FLOAT EFFECT */
.bt-input-group input:focus + label,
.bt-input-group input:valid + label,
.bt-input-group textarea:focus + label,
.bt-input-group textarea:valid + label {
  top: -10px;
  left: 35px;
  font-size: 12px;
  color: #072a78;
}

/* FOCUS BORDER */
.bt-input-group input:focus,
.bt-input-group textarea:focus {
  border-color: #072a78;
  box-shadow: 0 0 10px rgba(7, 42, 120, 0.2);
}

/* TEXTAREA ICON POSITION */
.textarea-icon {
  top: 20px;
  transform: none;
}

/* =========================
   BUTTON
========================= */

.bt-submit-btn {
  /* width: 100%; */
  padding: 14px;
  background: #072a78;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0 10px 25px rgba(7, 42, 120, 0.25);
}

.bt-submit-btn i {
  margin-left: 8px;
}

.bt-submit-btn:hover {
  background: #051d55;
  transform: translateY(-2px);
}

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

@media (max-width: 768px) {

  .bt-contact-wrapper {
    flex-direction: column;
  }

  .bt-main-contact-img {
    height: 350px;
  }
  .bt-form-row{
      flex-direction:column;
  }

}


        /* =========================
           POPUP OVERLAY
        ========================= */

        .bt-popup-overlay{
            position:fixed;
            inset:0;
            background:rgba(0,0,0,.75);
            display:flex;
            justify-content:center;
            align-items:center;
            z-index:99999;
            opacity:0;
            visibility:hidden;
            transition:.4s;
            padding:20px;
        }

        .bt-popup-overlay.active{
            opacity:1;
            visibility:visible;
        }

        /* =========================
           POPUP BOX
        ========================= */

        .bt-popup{
            width:100%;
            max-width:950px;
            background:#fff;
            border-radius:25px;
            overflow:hidden;
            display:grid;
            grid-template-columns:1fr 1fr;
            animation:popupZoom .4s ease;
        }

        @keyframes popupZoom{
            from{
                transform:scale(.8);
                opacity:0;
            }
            to{
                transform:scale(1);
                opacity:1;
            }
        }

        /* =========================
           IMAGE SECTION
        ========================= */

        .bt-popup-image{
            position:relative;
        }

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

        .image-overlay{
            position:absolute;
            inset:0;
            background:linear-gradient(
                to top,
                rgba(0,0,0,.75),
                rgba(0,0,0,.2)
            );
            display:flex;
            align-items:end;
            padding:35px;
        }

        .image-content h2{
            color:#fff;
            font-size:34px;
            margin-bottom:10px;
        }

        .image-content p{
            color:#fff;
            line-height:1.8;
        }

        /* =========================
           FORM SECTION
        ========================= */

        .bt-popup-content{
            padding:40px;
        }

        .mini-title{
            color:#0d6efd;
            font-size:14px;
            font-weight:600;
            text-transform:uppercase;
            letter-spacing:1px;
        }

        .bt-popup-content h3{
            font-size:32px;
            color:#222;
            margin-top:8px;
            margin-bottom:12px;
        }

        .bt-popup-content p{
            color:#666;
            margin-bottom:25px;
            line-height:1.7;
        }

        .bt-form{
            display:flex;
            flex-direction:column;
            gap:15px;
        }

        .bt-form input,
        .bt-form textarea,
        .bt-form select{
            width:100%;
            padding:14px 16px;
            border:1px solid #ddd;
            border-radius:12px;
            outline:none;
            font-size:15px;
            transition:.3s;
        }

        .bt-form input:focus,
        .bt-form textarea:focus,
        .bt-form select:focus{
            border-color:#0d6efd;
        }

        /* REMOVE SELECT ARROW */

        .bt-form select{
            appearance:none;
            -webkit-appearance:none;
            -moz-appearance:none;
            background-image:none;
        }

        .bt-form textarea{
            height:100px;
            resize:none;
        }

        .bt-btn{
            border:none;
            background:#0d6efd;
            color:#fff;
            padding:15px;
            border-radius:12px;
            cursor:pointer;
            font-size:16px;
            font-weight:600;
            transition:.3s;
        }

        .bt-btn:hover{
            background:#084298;
        }

        /* =========================
           MOBILE
        ========================= */

        @media(max-width:768px){

            .hero h1{
                font-size:38px;
            }

            .bt-popup{
                grid-template-columns:1fr;
                max-height:90vh;
                overflow-y:auto;
            }

            .bt-popup-image{
                height:250px;
            }

            .bt-popup-content{
                padding:25px;
            }

            .bt-popup-content h3{
                font-size:26px;
            }
        }
        .bt-close{
    position:absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:100;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    transition:.3s;
}

.bt-close:hover{
    transform:rotate(90deg);
    background:#0d6efd;
    color:#fff;
}

.bt-close i{
    font-size:18px;
}