@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');
body{
    font-family: 'Fraunces', serif;
}
.back-colr{
    background: transparent !important;
    transition: .35s;
}
:root{
    --ink:#071F52;
    --ink-2:#0A2760;
    --emerald:#0A2F7A;
    --teal:#E11B2A;
    --gold:#E11B2A;
    --gold-deep:#0A2F7A;
    --gold-hover:#FF3B48;
    --emerald-text:#0A2F7A;
    --emerald-deep:#071F52;
    --mint-bright:#7FA3E8;
    --mint-chip:#E7EEFC;
    --mint-soft:#F0F4FD;
    --mist:#EEF3FC;
    --mist-dim:rgba(238,243,252,0.72);
    --line:rgba(238,243,252,0.14);
    --grad: #E11B2A;
    --main-font:"Mona Sans", sans-serif;
  }

.country-tag{

    background:var(--gold);

    color:#222;

}

i{

    color:var(--gold);

}

input:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(225,27,42,.18);

}

body{
    font-family:'Manrope',sans-serif;
      font-family: "Plus Jakarta Sans", sans-serif;
}

/*==========================
Section Heading
==========================*/

.section-title{

    color:var(--text);

}

.section-tag{

    color:var(--primary);

}

.section-subtitle{

    color:var(--paragraph);

}

.section-heading{

    margin-bottom:60px;

}

.section-heading h2{

    font-family:'Outfit',sans-serif;

    font-size:58px;

    font-weight:700;

    color:#111;

    line-height:1;

    margin-bottom:15px;

}

.section-heading .heading-style{

    font-family:'Cormorant Garamond',serif;

    font-size:70px;

    font-style:italic;

    font-weight:700;

    margin-right:10px;

    color:#111;

}

.section-heading p{

    font-family:'Outfit',sans-serif;

    font-size:18px;

    color:#666;

    margin:0;

}

/* Responsive */

@media(max-width:768px){

.section-heading h2{

font-size:38px;

}

.section-heading .heading-style{

font-size:48px;

}

.section-heading p{

font-size:16px;

}

}
/* ---------- NAV / LOGO ---------- */
  .site-header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding:14px clamp(20px,4vw,56px);
    background:#FFFFFF;
    border-bottom:1px solid rgba(10,47,122,0.08);
    transition:box-shadow .25s ease;
  }
  .site-header.scrolled{
    box-shadow:0 12px 30px rgba(10,28,70,0.12);
  }

  .brand{
    display:flex; align-items:center; gap:10px;
    flex-shrink:0;
  }
  .brand img{
    height:36px; width:auto; display:block;
  }

  /* main menu */
  .main-nav{ display:flex; align-items:center; gap:6px; }
  .nav-item{ position:relative; }
  .nav-item > strong{
    display:flex; align-items:center; gap:5px;
    color:var(--ink); text-decoration:none; font-size:14.5px; font-weight:600;
    letter-spacing:0.01em;
    padding:10px 14px; border-radius:10px;
    transition:background .2s, color .2s;
  }
  .nav-item > strong:hover{ background:rgba(10,47,122,0.06); color:var(--teal); }
  .nav-item .caret{
    width:8px; height:8px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
    transform:rotate(45deg); margin-top:-3px; opacity:0.7;
    transition:transform .2s;
  }
  .nav-item:hover .caret{ transform:rotate(225deg); margin-top:2px; }

  /* dropdown */
  .mega{
    position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(6px);
    min-width:250px;
    background:#FFFFFF;
    border:1px solid rgba(10,47,122,0.1);
    border-radius:16px;
    padding:10px;
    box-shadow:0 24px 50px rgba(10,28,70,0.18);
    opacity:0; visibility:hidden;
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
  }
  .nav-item:hover .mega{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
  .mega-eyebrow{
    display:flex; align-items:center; gap:7px;
    font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; font-weight:800;
    color:var(--teal);
    padding:8px 12px 10px;
  }
  .mega-eyebrow .dot{ width:5px; height:5px; border-radius:50%; background:var(--teal); }
  .mega a.mega-link{
    display:flex; align-items:center; justify-content:space-between;
    padding:9px 12px; border-radius:10px;
    color:var(--ink); text-decoration:none; font-size:14px; font-weight:600;
    border-left:2px solid transparent;
    transition:background .16s, color .16s, border-color .16s, padding-left .16s;
  }
  .mega a.mega-link:hover{
    background:rgba(225,27,42,0.08); color:var(--teal);
    border-left-color:var(--teal); padding-left:16px;
  }
  .mega a.mega-link .arrow{ opacity:0; transform:translateX(-4px); transition:opacity .16s, transform .16s; color:var(--teal); }
  .mega a.mega-link:hover .arrow{ opacity:1; transform:translateX(0); }

  .header-actions{ display:flex; align-items:center; gap:14px; flex-shrink:0; }
  .call-cta{
    display:flex; align-items:center; gap:9px;margin:0;
    color:#fff; background:var(--grad); border:none;
    padding:10px 20px 10px 16px; border-radius:100px; font-weight:700; font-size:14.5px;
    cursor:pointer; white-space:nowrap; text-decoration:none;
  }
  .call-cta .ico{
    width:18px; height:18px; flex-shrink:0;
  }
  .call-cta .lbl{ display:flex; flex-direction:column; line-height:1.1; text-align:left; }
  .call-cta .lbl small{ font-size:9.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; opacity:0.75; }
  .call-cta .lbl span{ font-size:14px; font-weight:800; }
  .burger{
    display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;
  }
  .burger span{ width:22px; height:2px; background:var(--ink); border-radius:2px; }

  @media (max-width:980px){
    .main-nav{ display:none; }
    .burger{ display:flex; }
  }
 
  /* mobile menu */
  .mobile-menu{
    position:fixed; inset:0; z-index:200;
    background:rgba(11,24,48,0.98);
    backdrop-filter:blur(10px);
    padding:22px;
    overflow-y:auto;
    transform:translateX(100%);
    transition:transform .3s ease;
  }
  .mobile-menu.open{ transform:translateX(0); }
  .mobile-menu-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
  .mobile-menu-top img{ height:28px; display:block; }
  .mobile-menu-top .brand{
    padding:8px 14px; background:#fff; border-radius:100px;
    box-shadow:0 6px 18px rgba(0,0,0,0.25);
  }
  .mobile-close{ background:none; border:1px solid var(--line); color:var(--mist); width:36px; height:36px; border-radius:50%; font-size:18px; cursor:pointer; }
  .m-group{ border-bottom:1px solid var(--line); }
  .m-group summary{
    list-style:none; cursor:pointer;
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 4px; color:var(--mist); font-weight:700; font-size:15.5px;
  }
  .m-group summary::-webkit-details-marker{ display:none; }
  .m-group summary::after{ content:"+"; color:var(--teal); font-size:20px; }
  .m-group[open] summary::after{ content:"–"; }
  .m-group a{ display:block; padding:10px 4px 10px 12px; color:var(--mist-dim); text-decoration:none; font-size:14.5px; border-left:2px solid var(--line); }
  .m-group a:hover{ color:var(--mist); border-left-color:var(--teal); }
  .m-cta{ display:block; text-align:center; margin-top:22px; padding:14px; border-radius:100px; background:var(--grad); color:#fff; font-weight:800; text-decoration:none; }


.main-second-ban {
    background-image: url(/resources/images/package/main-banner.webp?123);
    height: 650px;
    background-size: cover;
    background-position: 100% 88%;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.man-hedig{
    font-size: 70px;
}
.serch-frm {
    width: 37%;
    margin: auto;
    position: relative;
    background: #ffffff;
    color: #555555;
    border-radius: 31px;
    z-index: 9;
}
.serch-frm .srch-icn {
    position: absolute;
    left: 3%;
    top: 13px;
}

.srch-inpt{
    padding: 12px;
    padding-left: 53px;
    border-radius: 63px;
    border: none;
   
}
.srch-inpt::placeholder{
    color: #6F6F6F;
    font-size: 17px;
    font-weight: 300;
    display: flex;
    align-items: center ;
}
.main-para-hed{
    font-size: 20px;
}
.banr-botm {
    background-color: #071F52;
    color: white;
    padding: 14px;
}
.banr-botm-spac{
    width: 50%;
    margin: auto;
}

.high-1:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(5,30,22,0.22);
}
.high-1 {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px 0;
    color: white;
    height: 340px;
}
.high-1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000f2, #ffffff00 30%);
}
.low-1{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px 0;
    color: white;
    height: 215px;
}
.low-1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background:linear-gradient( 180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.05) 45%, rgba(0, 0, 0, 0.27) 65%, rgba(0, 0, 0, 0.52) 100% );
}
.loca-scon{
    position:absolute;
    inset:0;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    z-index:2;
    color:#fff;
}
.loca-scon h6{
    font-weight: 600;
    font-size: 29px;
}
.loca-scon p{
    font-size: 14px;
    margin-bottom: 10px !important;
}
.loca-scon12{
    position: absolute;
    bottom: 0;
    padding: 0 20px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}
.loca-scon12 h6{
    font-weight: 600;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.high-12 {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin: 10px 0;
    color: white;
    height: 450px;
}
.high-12::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000042 70.75%, rgb(0 0 0 / 48%) 87.16%, rgb(0 0 0 / 56%) 93.6%, rgb(0 0 0 / 62%)), linear-gradient(180deg, #00000000 58.13%, rgb(0 0 0 / 82%) 82.19%, rgb(0 0 0 / 81%) 90.78%, #000);
}
.high-12 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviwe{
    font-size: 12px;
}
.city-re{
    font-size: 12px;
    font-weight: 300;
    color: #ffffffc7;
}
.srat-frm{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    color: #ffffff7a;
}
.sar-parice{
    font-weight: 600;
    font-size: 23px;
}
.high-1 img,
.low-1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.featur-sec{
    background-color: #EFFFF9;
    padding: 35px 0;
}
.main-sec-hed{
    color: #3E3E3E;
    margin: 0;
    font-weight: 600;
}
.packge{
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-top: 17px;
    height: 255px;
}
.packge img{
    width: 100%;
    height: 215px;
    object-fit: cover;
}
.padng-20{
    padding: 35px 0;
}
.pack-1{
    height: 97%;
}
.pack-1 img{
    height: 92.5%;
    object-fit: cover;
}
.high-2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(171deg, #000000c4 0%, #ffffff00 50%);
}
.high-2 {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin: 14px 0;
    color: white;
    height: 486px;
}
.high-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.loca-scon1 {
    position: absolute;
    top: 0;
    padding: 13px;
    left: 0;
}
.loca-scon1 h6 {
    font-weight: 600;
    font-size: 24px;
}
.low-h{
    height: 236px !important;
}


.owl-carousel .owl-nav button.owl-prev {
    left: -16px !important; /* Adjust as needed */
}

.owl-carousel .owl-nav button.owl-next {
    right: -16px !important; /* Adjust as needed */
}

.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    background: #ffffff !important;
    z-index: 9999999;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 52px;
    position: absolute;
    top: 50%;
    transform: translate(0, -14px);
    width: 35px;
    height: 35px;
}
.slide3 .owl-item img {
    width: inherit !important;
}
.higt{
    height: 450px !important;
}
.ref-tfn{
    font-weight: 600;
    font-size: 35px;
    color: #003526;
}
.four-0box {
    margin-bottom: 10px;
}
.ref-para{
    color: #585858;
    width: 67%;
    margin: 12px auto 20px;
}
.four-0box h6 {
    margin: 0;
    color: #144F3D;
    font-weight: 700;
    font-size: 19px;
}
.four-0box img{
   margin-right: 5px;
   object-fit: cover;
}
.smal-ref-para{
    color: #585858;
 }
 .one-liner {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #0E2C23;
}
.gradit-clr{
    background: linear-gradient(270deg, #003526 50%, #ffffff 50%);
    padding: 25px 0;
}
.pad-right{
    padding-right: 46px;
}
.right-mai-div{
    font-weight: 700;
    font-size: 42px;
    color: #216E57;
}
.right-dsecn{
    font-size: 40px;
    font-weight: 600;
    color: #3E3E3E;
}
.right-para-div{
    color: #585858;
    font-size: 18px;
    margin: 0;
}
.form-para1{
    font-weight: 700;
}
.form-para2{
    color: #CFCFCF;
}
.form-para3{
    width: 40%;
    font-size: 18px;
}
.form-inut{
    font-weight: 600;
    color: #767676;
    height: 50px;
    border-radius: 4px;
}
.from-btnid {
    height: 50px;
    border-radius: 4px;
    background: #216E57;
    border: none;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 23px;
    width: 100%;
}
.from-btnid:hover {
    color: #216e57;
    background-color: #ffffff;
}

.form-para4{
    color: #CFCFCF;
    text-align: center;
}
.pad-lefgt{
    padding-left: 25px;
}
.testi-shrt-hed{
    font-size: 18px;
    color: #3E3E3E;
    font-weight: 500;
}
.testi-main{
    color: #0E2C23;
    font-size: 30px;
    font-weight: 600;
    align-items: center;
}
.revi-test{
    font-size: 20px;
    align-items: center;
    background: #216E57;
    color: white;
    justify-content: center;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: 3px;
}
.main-test-para{
    color: #585858;
}
.nam-test{
    color: #3E3E3E;
    font-weight: 600;
    font-size: 17px;
}
.narf{
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    width: 60px;
    height: 60px;
}
.loca-testi{
    font-size: 12px;
    color: #3E3E3E;
}
.testi-icn{
    color: #3E3E3E;
}


  /* ---------- FOOTER ---------- */
  .site-footer{
    background:var(--ink);
    color:rgba(245,247,251,0.75);
    padding:30px clamp(20px,4vw,64px) 0;
  }
  .footer-top{
    max-width:1320px; margin:0 auto;
    display:grid; grid-template-columns:1.3fr 1fr 1fr 1.2fr; gap:20px;
    padding-bottom:15px; border-bottom:1px solid rgba(245,247,251,0.1);
  }
  .footer-brand .brand{
    display:inline-flex; margin-bottom:16px;
    background:#fff; padding:8px 16px; border-radius:100px;
  }
  .footer-brand .brand img{ height:26px; }
  .footer-tagline{
    font-size:11.5px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase;
    color:rgba(245,247,251,0.55); margin-bottom:18px;
  }
  .footer-desc{ font-size:14px; line-height:1.7; max-width:280px; color:rgba(245,247,251,0.65); }
  .footer-social{ display:flex; gap:10px; margin-top:22px; }
  .footer-social span{
    width:36px; height:36px; border-radius:50%; border:1px solid rgba(245,247,251,0.18);
    display:flex; align-items:center; justify-content:center; color:rgba(245,247,251,0.8);
    transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .footer-social span:hover{ background:var(--teal); border-color:transparent; color:#fff; }

  .footer-col h4{
    font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:15.5px; margin-bottom:18px;
  }
  .footer-col a{
    display:block; color:rgba(245,247,251,0.65); text-decoration:none; font-size:14px;
    margin-bottom:12px; transition:color .2s ease;
  }
  .footer-col a:hover{ color:#fff; }.footer-col span{
    display:block; color:rgba(245,247,251,0.65); text-decoration:none; font-size:14px;
    margin-bottom:12px; transition:color .2s ease;cursor:pointer;
  }
  .footer-col span:hover{ color:#fff; }
  .footer-contact-item{ display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; font-size:14px; color:rgba(245,247,251,0.7); }
  .footer-contact-item svg{ flex-shrink:0; margin-top:2px; color:#fff; }
  .footer-contact-item a{ color:inherit; text-decoration:none; }
  .footer-contact-item a:hover{ color:#fff; }

  .footer-bottom{
    max-width:1320px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
    padding:24px 0 28px;
    font-size:12.5px; color:rgba(245,247,251,0.5);
  }
  .footer-bottom-links{ display:flex; gap:22px; flex-wrap:wrap; }
  .footer-bottom-links a{ color:rgba(245,247,251,0.5); text-decoration:none; }
  .footer-bottom-links a:hover{ color:#fff; }

  @media (max-width:900px){
    .footer-top{ grid-template-columns:1fr 1fr; }
    .footer-brand{ grid-column:1 / -1; }
  }
  @media (max-width:560px){
    .footer-top{ grid-template-columns:1fr; }
  }

/* Footer Text */

.ul-fot-link li:hover a{
    color: #fff !important;
}
.font-link-sec a,
.font-link-sec p,
.font-link-sec li,
.font-link-sec span,
.font-link-sec h6 {
    color: #bfbfbf;
    transition: color .3s ease;
}

/* Hover */
.font-link-sec a:hover,
.font-link-sec p:hover,
.font-link-sec li:hover,
.font-link-sec span:hover,
.font-link-sec h6:hover {
    color: #fff;
}
.font-link-sec{
    background: rgba(6,22,17,0.92);
    color: white;
    padding: 25px 0;
    border-top: 0.5px solid rgba(255, 255, 255, 0.61);
}
.for-link {
    font-size: 20px;
    font-weight: 600;
}
.ul-fot-link {
    padding: 0;
    margin: 0;
}
.ul-fot-link li {
    list-style: none;
}
.ul-fot-link li a {
    color: #CDCDCD !important;
    text-decoration: none;
}
.ul-fot-link li a.active-fot {
    color: white !important;
}
.font-r-part {
    border: 1px solid white;
    border-radius: 4px;
    padding: 4px;
    margin-right: 20px;
}
.hde-loc-mar{
    font-weight: 700;
    margin-right: 6px;
    color: #3E3E3E;
}
.para-hed-o{
    font-size: 14px;
    color: #3E3E3E;
}
.pric-mal{
    font-weight: 600;
    font-size: 17px;
    color: #484848;
}
.navbar-toggler {
    padding: 0;
    border: none;
}
.navbar-toggler-icon {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}
.destina-search {
    border-top: 1px solid #97969687;
    padding: 20px 0;
    text-align: left;
    position: absolute;
    background: white;
    width: 100%;
    border-radius: 0 0 20px 20px;
    height: 297px;
    overflow-y: scroll;
    scrollbar-width: thin;
    display: none;
}
.form-control:focus{
   box-shadow: none;
}
.hover-row{
    width: 100%;
    margin: auto; 
}
.serahc-imga{
    border-radius: 32px;
    width: 40px;
    height: 40px;
}
.search-name{
    font-size: 18px;
}
.hover-row:hover{
    background-color: #e5e5e5;
}
.sharpd{
    border-radius: 20px 20px 0 0 !important;
}
.rela{
    position: relative;
}
.top-23 {
    position: absolute;
    top: 0;
    background: white;
    color: #3c3c3c;
    font-size: 11px;
    margin: 15px 20px;
    padding: 3px 5px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 15px;
    font-weight: 700;
}
.day-night{
    margin: 0;
}
.reviwe p:first-child {
    border-right: 1px solid #ffffffad;
}
.cont-space li {
    margin-bottom: 10px;
}
.mor-social {
    margin-bottom: 10px;
    margin-top: 10px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.offcanvas{
    background-color: #003526;
    z-index: 9999999999999;
}
.offcanvas-header {
    border-bottom: 1px solid #ffffff59;
    padding: 26px;
}
.offcanvas-header .btn-close {
    opacity: inherit;
    background-color: #ffffff00 !important;
    border-radius: 20px;
    width: 8px;
    height: 8px;
    padding: 11px;
    background-size: 14px 14px;
    border: 1px solid white;
    filter: brightness(0) invert(1);
}


.offcanvas-body{
    padding: 0;
}
.e3rdwre{
    color: #3B3B3B;
    font-weight: 700;
    font-size: 23px !important;
}
.jhfg{
    background: #F2FFFB;
    padding: 5px 15px;
    border-radius: 5px;
    color: #585858;
    font-size: 13px;
}
.srfsr{
    font-weight: 600;
    color: #323232;
}
.sirhrt {
    border: none;
    background: #D0E8D6;
    width: 100%;
    border-radius: 4px;
    padding: 6px;
    margin: 15px 0;
    font-weight: 600;
    color: #2D2D2D;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sriht{
    color: #323232;
    font-weight: 600;
    font-size: 15px;
}
.srtst {
    border: 1px solid #A9A9A9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 8px;
    border-radius: 6px;
    background-color: white;
    width: 100%;
}
.dftgre{
    color: #585858;
    font-size: 16px;
    font-weight: 600;
}
.wree3w {
    font-size: 13px;
    color: #585858;
    font-weight: 600;
}
.edtedt {
    border: 1px solid #A9A9A9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    padding: 8px;
    margin-top: 16px;
    color: #4b4b4b;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    background-color: white;
}
.srtst .first-slide {
    background-color: red; /* first slide background color */
}
.modal-dialog-scrollable .modal-content{
    height: 100%;
}
.wqreqq {
    background: #23745B;
    color: white;
    border: none;
    padding: 10px 54px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}
.edtedt:hover,
.srtst:hover {
    background: #f3f3f3;
    border: 1px solid #A9A9A9;
}
.aqery {
    background: #D0E8D6;
    border: 1px solid #D0E8D6;
    color: black;
}
.aqery p{
    color: black;
}
.awrssr{
    color: #585858;
    font-size: 14px;
    font-weight: 500;
}
.form-check-input:checked {
    background-color: #23745b;
    border-color: #23745b;
}
.form-check-input:focus {
    border-color: #23745b;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(35 116 91 / 25%);
}
.wrfwrr .form-control {
    border: 1px solid #A9A9A9;
}
.wrfwrr .form-floating>label{
    color: #767676;
    font-weight: 500;
}
.itrth{
    color: #585858;
    font-weight: 500;
}
.stije23{
    color: #3F3F3F;
    font-weight: 600;
}
.powrj3 {
    color: #585858;
    font-weight: 500;
}
.swrfsr{
    border: none;
    background: none;
    font-weight: 600;
    font-size: 18px;
    color: #23745b;
}
.swrfsr:hover {
    background: #23745b4d;
    border-radius: 6px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    background: #ffffff !important;
    z-index: 9999999;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 52px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    margin: 0 5px;
}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 882px;
    }
}
.dfgdgedf {
    background: #216E57;
    padding: 40px;
}
.et54r6{
    position: absolute;
    opacity: 0.1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sre3fe {
    display: flex;
    width: 68%;
    margin: auto;
}
.dfhy {
    text-align: center;
    background: #15513F;
    position: relative;
    border: 1px solid #ffffff75;
    border-radius: 10px;
    color: white;
    padding: 20px;
}
.lkjsfk {
    margin-bottom: 1.5em !important;
    width: 18px;
    height: 18px;
    margin: auto;
    color: #b0ef8f;
    border: 3px solid #b0ef8f;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.lkjsfk::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #b0ef8f;
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear infinite;
}
.lkjsfk::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #b0ef8f;
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite;
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(2.75);
        transform: scale(2.75);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}
.form-control:focus {
    border-color: #216e57;
}
.mdtot4{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
}
.srfj{
    font-size: 13px;
    color: #E0E0E0;
    font-weight: 400;
}
.wrsdw {
    display: flex;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 10px;
    border: 2px solid #15513f;
    border-radius: 50%;
    padding: 6px;
    opacity: 1;
}
.wrsdw2 {
    display: flex;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #15513f;
    border-radius: 50%;
    padding: 7px;
    opacity: 1;
}
.dgdg34{
    font-weight: 700;
    color: #313131;
}
.ast34g {
    background: #216E57;
    border: none;
    border-radius: 11px;
    padding: 13px;
    font-size: 20px;
    font-weight: 500;
    color: white;
    width: 100%;
}
.wrw3wa .modal-content{
    border-radius: 22px;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-content {
    height: 90%;
}
.werara .modal-content {
    border-radius: 22px;
}
.dtfry4{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.floating-cta-section {
    background: #15513f;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 8px 0 0 8px;
    z-index: 99;
    overflow: hidden;
}
.floating-cta-section a {
    text-align: center;
    display: block;
    padding: 13px 10px;
    text-decoration: none;
}
.floating-cta-section a img {
    width: 34px;
    height: 34px;
    display: block;
    object-fit: cover;
    margin: 0 auto 5px;
}
.floating-cta-section a span {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    width: 50px;
    display: block;
}
.floating-cta-section a:hover {
    background: var(--grad);
}
.floating-cta-section a+a {
    border-top: 1px solid #216E57;
}
.mof-swrh {
    position: fixed;
    bottom:90px;
    right: 12px;
    z-index: 999999;
}
.mof-swrh button {
    background: #003526;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    border: 1px solid white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    display: none;
}
.ugr {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #00000091;
    z-index: 999999;
    top: 0;
    left: 0;
    display: none;
}
.ieti5{
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.hsdr {
    display: flex;
    align-items: center;
    color: white;
    justify-content: end;
}
.hsdr a{display:flex;   }
.hsdr p{
    margin: 0;
    font-weight: 600;
}
.hsdr img{
    margin-left: 10px;
    width:34px;
}
.mof-swrh button img{
    filter: brightness(0) invert(1);
    margin-right: 4px;
}
.wsrw4 {
    background: #003526;
    width: fit-content;
    margin-left: auto;
    padding: 12px;
    border-radius: 53px;
    margin-top: 45px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border: 1px solid white;
}
.ihrf {
    margin: 0 !important;
    filter: brightness(0) invert(1);
    width: 18px;
    height: 18px;
}
@media only screen and (min-width:321px) and (max-width:1024px){
    .man-hedig {
        font-size: 48px;
    }
    .main-para-hed {
        font-size: 14px;
    }
    .serch-frm {
        width: 60%;
    }
    .serch-frm .srch-icn {
        left: 4%;
    }
    .main-second-ban {
        height: 332px;
    }
    .banr-botm-spac {
        width: 77%;
    }
    .both-2-side{
        display: flex;
    }
    .mar-lef-sec{
        margin-right: 26px;
    }
    .high-2 {
        height: 410px;
    }
    .smal-ref-para {
        margin-bottom: 20px !important;
    }
    .pack-1 img {
        height: 88%;
    }
    .gradit-clr {
        background: white;
    }
    .pad-lefgt {
        background: #003526;
        padding: 16px !important;
    }
    .right-mai-div {
        font-weight: 700;
        font-size: 38px;
        color: #216E57;
    }
    .right-para-div { 
        font-size: 15px;
        margin: 0 0 15px;
    }
    .right-dsecn {
        font-size: 34px;
    }
}

@media only screen and (max-width: 600px){
    .log-with {
        width: 64%;
    }
    .logo-wid {
        width: 68%;
    }
    .main-second-ban {
        height: 600px;
        background-size: 650% 100%;
        background-position: 100% 100%;
    }
    .banr-botm {
        background-color: #00352600;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .man-hedig {
        font-size: 43px;
    }
    .main-para-hed {
        display: none;
    }
    .serch-frm {
        width: 90%;
    }
    .serch-frm .srch-icn {
        left: 4%;
        width: 20px;
    }
    .srch-inpt {
        padding: 9px;
        padding-left: 45px;
    }
    .srch-inpt::placeholder{
        font-size: 18px;
    }
    .drok{
        margin: 7px;
    }
    .banr-botm-spac {
        width: 100%;
        margin: auto;
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .banr-botm-spac p {
        font-size: 15px;
    }
    .banr-botm-spac img {
        width: 17px;
        margin-right: 2px;
    }
    .feaetur .high-1,
    .feaetur .low-1 {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .feaetur .loca-scon h6 {
        font-size: 15px;
        color: #272727;
        text-align: center;
        margin-top: 6px;
    }
    .feaetur .loca-scon {
        position: relative;
        padding: 0 ;
    }
    .feaetur .par-loc-dv {
        display: none;
    }
    .feaetur .high-1::before,
    .feaetur .low-1::before {
        width: 94px;
        height: 94px;
        border-radius: 20px;
    }
    .feaetur .high-1 img, 
    .feaetur .low-1 img {
        width: 94px;
        height: 94px;
        border-radius: 20px; 
    }
    .packge {
        height: 198px;
    }
    .pack-1 {
        display: none;
    }
    .packge img {
        height: 144px;
    }
    .locat {
        display: block !important;
        padding: 6px 12px !important;
    }
    .hde-loc-mar {
        font-size: 17px !important;
    }
    .para-hed-o {
        font-size: 11px;
    }
    .pric-mal {
        font-size: 15px;
    }
    .high-2 {
        height: 235px !important; 
        margin-bottom: 12px;
    }
    .loca-scon1 h6 {
        font-size: 16px;
    }
    .loca-scon1 p {
        font-size: 11px;
    }
    .both-2-side{
        display: flex;
    }
    .mar-lef-sec{
        margin-right: 26px;
    }
    .higt {
        height: 365px !important;
        margin: 14px 0px 50px;
        border-radius: 25px;
    }
    .loca-scon p {
        font-size: 13px;
        margin-top:10px;
        margin-bottom: 16px !important;
    }
    .loca-scon{
        text-align: left;
    }
    .loca-scon h6 {
        font-weight: 600;
        font-size: 30px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        top: 96% !important;
        left: 35% !important;
    }
    .owl-carousel .owl-nav button.owl-next {
        top: 96% !important;
        right: 35% !important;
    }
     .slide3 .owl-nav button.owl-prev{
        top: 50% !important;
        left: -6px !important;
    }
     .slide3 .owl-nav button.owl-next{
        top: 50% !important;
        right: -6px !important;
    }
    .ref-tfn {
        font-size: 22px;
    }
    .ref-para {
        font-size: 13px;
        width:100%; 
        margin: 0;
        margin-bottom: 30px;
    }
    .smal-ref-para {
        margin-bottom: 20px !important;
        margin-top: 10px;
    }
    .gradit-clr {
        background: white;
    }
    .pad-lefgt {
        background: #003526;
        padding: 16px !important;
    }
    .form-para3 {
        width: 100%;
    }
    .from-btnid {
        font-size: 14px;
        padding: 10px 10px;
    }
    .main-test-para {
        font-size: 13px;
        padding: 20px;
    }

    .one-liner {
        font-size: 13px;
    }
    .right-mai-div {
        font-size: 30px;
    }
    .right-para-div { 
        font-size: 13px;
        margin: 0 0 10px;
    }
    .right-dsecn {
        font-size: 28px; 
    }
    .ul-fot-link li a {
        font-size: 14px;
    }
    .loca-scon img{
        position: relative;  
        padding: 0;
    }
    .main-set-par{
        display: none;
    }
    .main-sec-hed{
        margin-bottom:12px;
    }
    .mai-head-clr{
        position: absolute;
    }
    .back-colr {
        background-color: #00352600 !important;
    }
    .high-12 {
        border-radius: 22px;
        margin: 10px 0 50px;
    }
    
    /**nav-expand for footer with head and ul**/
    .nav-folderized .nav h4 { 
        cursor: pointer;
        font-size: 17px;
        font-weight: 500; 
    }
    .nav-folderized ul { 
        max-height: 0; 
        overflow:hidden; 
        transition: max-height 1s ease-out; 
    }
    .nav-folderized .nav h4:after { 
        content: "+"; 
        float: right; 
    }
    .nav-folderized .nav.open h4:after { 
        content: "-"; 
    }
    .nav-folderized .nav.open ul { 
        height:auto; 
        max-height: 500px; 
        transition: max-height 1s ease-in !important; 
    }
    /**nav-expand for footer with head and ul**/
    .fot-log{
        width: 153px;
    }
    .mor-social img{
        border: 1px solid white;
        border-radius: 8px;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .copy-righ{
        font-size: 12px;
    }
    .all-clr-men{
        width: 100%;
    }
    .all-clr-men li a {
        padding: 16px !important;
        border-bottom: 1px solid #ffffff59;
        display: flex;
        align-items: center;
        justify-content: space-between; 
    }
    .werara .owl-carousel .owl-nav button.owl-prev {
        top: 50% !important;
        left: -18px !important;
    }
    .werara .owl-carousel .owl-nav button.owl-next {
        top: 50% !important;
        right: -18px !important;
    }
    .e3rdwre {
        font-size: 19px !important;
    }
    .dfgdgedf {
        padding: 13px !important;
    }
    .wrsdw {
        position: absolute;
        top: 0;
        right: 0;
        filter: brightness(0) invert(1);
        opacity: 1;
    }
    .sdrur {
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
    }
   
    .dfhy {
        padding: 15px !important;
    }
    .stije23 {
        font-size: 16px;
    }
    .itrth,
    .powrj3 {
        font-size: 13px;
    }
    .srfj{
        display: none;
    }
    .lkjsfk {
        margin: 20px 20px 20px 10px !important;
    }
    .mdtot4 {
        font-size: 18px;
    }
    .menu-btun{
        border-color: #ffffff00;
    }
    .featur-sec {
        background-color: #feeddcbf;
    }
    .werara {
        margin-top: 27px;
    }    
    .floating-cta-section{
        display: none;
    }
    .mof-swrh button{
        display: block;
    }
    }

    .calendar{
        margin-bottom:200px;
      }
      .class-link{
        color:#333333;
        text-decoration:none;
      }
      
      .class-link:hover{
       color:#ffbb00; 
      }
      
      /* From here you can start to copy */
      
      .calendar {
        padding:8px;
        background: #ffffff;
        border-radius: 4px;
        font-size:18px;
        border: 1px solid #333333;
        box-shadow: 0px 20px 40px rgba(59,60,56,0.05);
      }
      .ui-datepicker {
        background: #ffffff;
        border-radius: 15px;
      }
      .ui-datepicker-header {
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        background: #216e57;
        margin-bottom: 10px;
      }
      .ui-datepicker-prev,
      .ui-datepicker-next {
        width: 20px;
        height: 20px;
        text-indent: 9999px;
        border-radius: 100%;
        cursor: pointer;
        overflow: hidden;
        margin-top: 12px;
      }
      .ui-datepicker-prev {
        float: left;
        margin-left: 12px;
      }
      .ui-datepicker-prev:after {
        transform: rotate(45deg);
        margin: -43px 0px 0px 8px;
      }
      .ui-datepicker-next {
        float: right;
        margin-right: 12px;
      }
      .ui-datepicker-next:after {
        transform: rotate(-135deg);
        margin: -43px 0px 0px 6px;
      }
      .ui-datepicker-prev:after,
      .ui-datepicker-next:after {
        content: '';
        position: absolute;
        display: block;
        width: 8px;
        height: 8px;
        border-left: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
      }
      .ui-datepicker-prev:hover,
      .ui-datepicker-next:hover,
      .ui-datepicker-prev:hover:after,
      .ui-datepicker-next:hover:after {
        border-color: #ffffff;
      }
      .ui-datepicker-title {
        text-align: center;
        font-size:25px;
      }
      .ui-datepicker-calendar {
        width: 100%;
        text-align: center;
      }
      .ui-datepicker-calendar thead tr th span {
        display: block;
        width: 40px;
        color: #216e57;
        margin-bottom: 5px;
        font-size: 18px;
      }
      .ui-state-default {
        display: block;
        text-decoration: none;
        color: #333333;
        line-height: 40px;
        font-size: 16px;
      }
      .ui-state-default:hover {
        background:var(--primary-hover);
        background:var(--primary);
        color:#fff;
        border-radius:50px;
        transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
      }
      .ui-state-highlight {
        color: #ffffff;
        background-color:#216e57;
        border-radius:50px;
      }
      .ui-state-active {
        color: #ffffff;
        background-color:#216e57;
        border-radius:50px;
      }
      .ui-datepicker-unselectable .ui-state-default {
        color: #eee;
        border: 2px solid transparent;
      }
      
          /*.icon {
              margin-left: -30px;
              margin-top: -26px;
              position: relative;
              color: #216e57;
              font-size:20px;
          }*/
      .from-btnid:focus-visible {
        color: var(--bs-btn-hover-color);
        background-color: #216e57;
        border-color: #216e57;
        outline: 0;
        box-shadow: none;
    }

.menu-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px;
    border-bottom:1px solid #eee;
}

.menu-top h4{
    margin:0;
    font-size:30px;
    font-weight:500;
}

.menu-top button{
    border:none;
    background:none;
    font-size:22px;
    cursor:pointer;
}

.menu-item{
    border-bottom:1px solid #f2f2f2;
}

.menu-item>a,
.menu-item>button,
.accordion-btn{
    width:100%;
    padding:18px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    border:none;
    color:#222;
    text-decoration:none;
    font-size:18px;
    cursor:pointer;
}

.submenu{
    display:none;
    background:#fafafa;
}

.submenu a{
    display:block;
    padding:14px 40px;
    color:#666;
    text-decoration:none;
    border-bottom:1px solid #eee;
}

.submenu.show{
    display:block;
}

.accordion-btn i{
    transition:.3s;
}

.accordion-btn.active i{
    transform:rotate(180deg);
}

.menu-social{
    display:flex;
    gap:12px;
    padding:25px 24px;
    border-bottom:1px solid #ececec;
}

.menu-social a{
    width:46px;
    height:46px;
    border:1px solid #dcdcdc;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#216E57;
    font-size:18px;
    transition:.35s;
}

.menu-social a:hover{
    background:var(--primary);
    background:var(--primary-hover);
    color:#fff;
    border-color:#216E57;
    transform:translateY(-3px);
}












.privacy-section{
    background:#f8fbfa;
    padding-top: 3rem !important;
}

.privacy-wrapper{
    max-width:900px;
    margin:auto;
}

.page-tag{
    display:inline-block;
    background:#E6F4EF;
    color:#216E57;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.privacy-title{
    font-size:48px;
    font-weight:700;
    color:#163B30;
    margin-bottom:20px;
}

.privacy-intro{
    color:#666;
    font-size:18px;
    line-height:1.9;
    margin-bottom:18px;
}

.privacy-card{
    background:#fff;
    border-radius:18px;
    padding:40px;
    margin-top:40px;
    margin-bottom:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.privacy-card h3{
    font-size:30px;
    font-weight:700;
    color:#163B30;
    margin-bottom:18px;
}

.privacy-card p{
    color:#666;
    line-height:1.9;
}

.privacy-list{
    margin:30px 0 0;
    padding:0;
    list-style:none;
}

.privacy-list li{
    position:relative;
    padding:0 0 0 34px;
    margin-bottom:28px;
    color:#666;
    line-height:1.8;
}

.privacy-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:2px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--primary);
    background:var(--primary-hover);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

.privacy-list strong{
    display:block;
    color:#222;
    font-size:18px;
    margin-bottom:6px;
}

@media(max-width:768px){

    .privacy-title{
        font-size:34px;
    }

    .privacy-card{
        padding:25px;
    }

    .privacy-intro{
        font-size:16px;
    }

}

.inner-banner{
    height:320px;
    background:
    linear-gradient(rgba(15,45,35,.60),rgba(15,45,35,.60)),
    url("/resources/images/package/privacy-banner.png");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
}

.inner-banner-content h1{
    font-size:54px;
    font-weight:700;
    margin-bottom:12px;
}

.inner-banner-content p{
    font-size:18px;
    opacity:.9;
    margin:0;
}

@media(max-width:768px){

.inner-banner{
    height:240px;
}

.inner-banner-content h1{
    font-size:36px;
}

.inner-banner-content p{
    font-size:16px;
}

}





/* contact page css */
.contact-banner{
    height:420px;
    display:flex;
    align-items:center;
    background:
    linear-gradient(rgba(15,45,35,.60),rgba(15,45,35,.60)),
    url("/resources/images/package/contact-banner.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
}

.contact-banner-content{
    max-width:650px;
}

.banner-tag{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    border-radius:30px;
    margin-bottom:20px;
    font-weight:600;
}

.contact-banner h1{
    font-size:58px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:20px;
    margin-top:60px;
}

.contact-banner p{
    font-size:18px;
    line-height:1.8;
    color:#f2f2f2;
    max-width:560px;
}

@media(max-width:991px){

.contact-banner{
height:340px;
}

.contact-banner h1{
font-size:42px;
}

}

@media(max-width:576px){

.contact-banner{
height:300px;
text-align:center;
}

.contact-banner h1{
font-size:32px;
}

.contact-banner p{
font-size:16px;
}

}

.contact-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    height:100%;

    transition:.35s;

    border:1px solid #eef2f1;

}

.contact-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.contact-icon{

    width:65px;

    height:65px;

    background:#EAF6F1;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.contact-icon i{

    font-size:28px;

    color:#216E57;

}

.contact-card h4{

    font-size:24px;

    margin-bottom:15px;

    color:#222;

}

.contact-card p{

    margin:0;

    color:#666;

    line-height:1.8;

}

.contact-card a{

    display:block;

    color:#216E57;

    text-decoration:none;

    font-size:20px;

    font-weight:600;

    margin-bottom:8px;

}

.contact-card span{

    color:#777;

    font-size:15px;

}

/*==========================
CONTACT FORM
==========================*/

.contact-form-section{
    background:#F8FBFA;
}

.form-box{
    background:#fff;
    padding:45px;
    border-radius:22px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.section-heading span{
    display:inline-block;
    background:#EAF6F1;
    color:#216E57;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:18px;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    color:#163B30;
    margin-bottom:15px;
}

.section-heading p{
    color:#666;
    line-height:1.8;
    margin-bottom:35px;
}

.form-box label{
    font-weight:600;
    margin-bottom:10px;
    color:#333;
    display:block;
}

.form-box .form-control{
    height:58px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:15px 18px;
    font-size:16px;
    box-shadow:none;
    transition:.3s;
}

.form-box textarea.form-control{
    height:180px;
    resize:none;
    padding-top:18px;
}

.form-box .form-control:focus{
    border-color:#216E57;
    box-shadow:0 0 0 .15rem rgba(33,110,87,.12);
}

.send-btn{
    background:var(--primary-hover);
    background:var(--primary);
    color:#fff;
    border:none;
    border-radius:12px;
    padding:16px 35px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.send-btn i{
    margin-right:8px;
}

.send-btn:hover{
    background:#184B3B;
    transform:translateY(-2px);
}


/*==========================
SIDEBAR
==========================*/

.contact-sidebar{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.sidebar-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.sidebar-card h4{
    font-size:24px;
    margin-bottom:15px;
    color:#163B30;
}

.sidebar-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:15px;
}


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

.social-icons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.social-icons a{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#EAF6F1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#216E57;
    text-decoration:none;
    font-size:18px;
    transition:.3s;
}

.social-icons a:hover{
    background:var(--primary);
    background:var(--primary-hover);
    color:#fff;
    transform:translateY(-4px);
}


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

.call-card{
    background:linear-gradient(135deg,#216E57,#184B3B);
    color:#fff;
}

.call-card h4,
.call-card p{
    color:#fff;
}

.call-btn2{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
    background:#fff;
    color:#216E57;
    text-decoration:none;
    padding:14px 28px;
    border-radius:12px;
    font-weight:600;
    transition:.3s;
}

.call-btn2:hover{
    background:#F3F3F3;
    color:#184B3B;
}


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

@media(max-width:991px){

.form-box{
padding:30px;
}

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

.contact-sidebar{
margin-top:10px;
}

}

@media(max-width:767px){
      .trip-planner{margin-top: 22px!important;}.packages , .trip-types{padding:26px clamp(20px,4vw,64px) 28px !important;}
.form-box{
padding:25px;
}

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

.send-btn{
width:100%;
}

.sidebar-card{
padding:25px;
}

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

}

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

.office-section{

    background:#fff;

}

.section-tag{

    display:inline-block;

    padding:8px 18px;

    background:#EAF6F1;

    color:#216E57;

    border-radius:30px;

    font-weight:600;

    margin-bottom:18px;

}

.office-title{

    font-size:42px;

    font-weight:700;

    color:#163B30;

    margin-bottom:18px;

}

.office-desc{

    color:#666;

    line-height:1.8;

    margin-bottom:35px;

}

.office-info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.office-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

}

.office-icon{

    width:60px;

    height:60px;

    background:#EAF6F1;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#216E57;

    font-size:24px;

    flex-shrink:0;

}

.office-item h5{

    margin-bottom:8px;

    color:#163B30;

}

.office-item p{

    margin:0;

    color:#666;

    line-height:1.8;

}

.office-item a{

    color:#216E57;

    text-decoration:none;

    font-weight:600;

}

.map-box{

    overflow:hidden;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.map-box iframe{

    width:100%;

    height:520px;

    border:0;

}

@media(max-width:991px){

.office-title{

font-size:34px;

}

.map-box iframe{

height:400px;

}

}

@media(max-width:576px){

.office-title{

font-size:28px;

}

.map-box iframe{

height:320px;

}

.office-item{

align-items:flex-start;

}

}




/* about us page css */


.about-banner{

height:500px;

display:flex;

align-items:center;

background:
linear-gradient(rgba(16,44,34,.60),rgba(16,44,34,.60)),
url("/resources/images/package/about-banner.jpg");

background-size:cover;

background-position:center;

color:#fff;

}

.banner-content{

max-width:650px;

}

.banner-tag{

display:inline-block;

padding:8px 18px;

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

backdrop-filter:blur(12px);

border-radius:30px;

margin-bottom:20px;

font-weight:600;

}

.about-banner h1{

font-size:64px;

font-weight:700;

line-height:1.1;

margin-bottom:20px;

margin-top:60px;

}

.about-banner p{

font-size:18px;

line-height:1.8;

margin-bottom:35px;

color:#f2f2f2;

}

@media(max-width:768px){

.about-banner{

height:400px;

text-align:center;

}

.about-banner h1{

font-size:42px;

}

}


.about-story{

    background:#fff;

}

.story-image{

    overflow:hidden;

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.story-image img{

    width:100%;

    transition:.5s;

}

.story-image:hover img{

    transform:scale(1.05);

}

.section-tag{

    display:inline-block;

    background:#EAF6F1;

    color:#216E57;

    padding:8px 18px;

    border-radius:30px;

    font-weight:600;

    margin-bottom:18px;

}

.about-story h2{

    font-size:44px;

    font-weight:700;

    color:#163B30;

    line-height:1.3;

    margin-bottom:22px;

}

.about-story p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

.feature-box{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:#fff;

    padding:20px;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    transition:.35s;

    height:100%;

}

.feature-box:hover{

    transform:translateY(-6px);

}

.feature-box i{

    width:55px;

    height:55px;

    background:#EAF6F1;

    color:#216E57;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.feature-box h5{

    margin-bottom:6px;

    color:#163B30;

    font-size:20px;

}

.feature-box p{

    margin:0;

    font-size:15px;

}

@media(max-width:991px){

.about-story h2{

font-size:34px;

}

}

@media(max-width:576px){

.about-story h2{

font-size:28px;

}

.feature-box{

padding:18px;

}

}


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

.why-us{

    background:#F8FBFA;

}

.section-title{

    font-size:46px;

    font-weight:700;

    color:#163B30;

    margin-top:15px;

    margin-bottom:15px;

}

.section-subtitle{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:1.8;

}

.why-card{

    background:#fff;

    border-radius:22px;

    padding:35px 28px;

    text-align:center;

    height:100%;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

    border:1px solid #eef2f1;

    overflow:hidden;

    position:relative;

}

.why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--primary);
    background:var(--primary-hover);

    transform:scaleX(0);

    transition:.35s;

}

.why-card:hover::before{

    transform:scaleX(1);

}

.why-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.why-icon{

    width:80px;

    height:80px;

    border-radius:20px;

    background:#EAF6F1;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 25px;

    transition:.35s;

}

.why-card:hover .why-icon{

    background:var(--primary);
background:var(--primary-hover);

}

.why-icon i{

    font-size:34px;

    color:#216E57;

    transition:.35s;

}

.why-card:hover .why-icon i{

    color:#fff;

}

.why-card h4{

    font-size:24px;

    font-weight:700;

    color:#163B30;

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

@media(max-width:991px){

.section-title{

font-size:38px;

}

}

@media(max-width:576px){

.section-title{

font-size:30px;

}

.section-subtitle{

font-size:15px;

}

.why-card{

padding:30px 22px;

}

}

/*==================================
EXPLORE DESTINATIONS
==================================*/

.explore-section{

    background:#F8FBFA;

}

.destination-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.destination-image img{

    width:100%;

    height:580px;

    object-fit:cover;

    transition:.6s ease;

}

.destination-image:hover img{

    transform:scale(1.08);

}

.destination-title{

    font-size:42px;

    font-weight:700;

    color:#163B30;

    margin:18px 0;

    line-height:1.3;

}

.explore-section p{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:30px;

}

.destination-list{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:35px;

}

.destination-list span{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:12px 20px;

    background:#fff;

    border-radius:50px;

    border:1px solid #E6ECEA;

    color:#163B30;

    font-weight:600;

    transition:.35s;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.destination-list span::before{

    content:"✓";

    width:22px;

    height:22px;

    border-radius:50%;

    background:var(--primary);
background:var(--primary-hover);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;

    font-weight:700;

}

.destination-list span:hover{

    background:var(--primary);
background:var(--primary-hover);

    color:#fff;

    transform:translateY(-4px);

}

.destination-list span:hover::before{

    background:#fff;

    color:#216E57;

}

.explore-section .call-btn{

    padding:15px 35px;

    border-radius:50px;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.explore-section .call-btn:hover{

    transform:translateY(-4px);

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.destination-image{

margin-bottom:20px;

}

.destination-image img{

height:420px;

}

.destination-title{

font-size:34px;

}

}

@media(max-width:767px){

.destination-image img{

height:300px;

}

.destination-title{

font-size:28px;

}

.explore-section p{

font-size:15px;

}

.destination-list{

gap:10px;

}

.destination-list span{

padding:10px 16px;

font-size:14px;

}

.explore-section .call-btn{

display:inline-block;

width:100%;

text-align:center;

}

}


/*==================================
OUR PURPOSE
==================================*/

.purpose-section{
    background:#fff;
    position:relative;
}

.purpose-row{
    display:flex;
    align-items:center;
    gap:40px;
    margin-bottom:70px;
    padding:40px;
    border-radius:24px;
    background:#F8FBFA;
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.purpose-row:last-child{
    margin-bottom:0;
}

.purpose-row:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.purpose-row::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:var(--primary);
background:var(--primary-hover);
}

.purpose-row.reverse{
    flex-direction:row-reverse;
}

.purpose-icon{
    width:120px;
    height:120px;
    min-width:120px;
    border-radius:50%;
    background:#EAF6F1;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.purpose-row:hover .purpose-icon{
    background:var(--primary);
background:var(--primary-hover);
}

.purpose-icon i{
    font-size:48px;
    color:#216E57;
    transition:.35s;
}

.purpose-row:hover .purpose-icon i{
    color:#fff;
}

.purpose-content{
    flex:1;
}

.purpose-content span{
    display:inline-block;
    color:#216E57;
    font-weight:600;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
}

.purpose-content h3{
    font-size:36px;
    color:#163B30;
    margin-bottom:18px;
    font-weight:700;
}

.purpose-content p{
    color:#666;
    line-height:1.9;
    margin:0;
    max-width:700px;
}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.purpose-row,
.purpose-row.reverse{

    flex-direction:column;

    text-align:center;

    padding:35px;

}

.purpose-content h3{

    font-size:30px;

}

.purpose-content p{

    max-width:100%;

}

}

@media(max-width:576px){

.purpose-row{

    padding:25px;

    gap:25px;

}

.purpose-icon{

    width:90px;
    height:90px;
    min-width:90px;

}

.purpose-icon i{

    font-size:36px;

}

.purpose-content h3{

    font-size:24px;

}

.purpose-content p{

    font-size:15px;
    line-height:1.8;

}

}


/*==========================
ABOUT CTA
==========================*/

.about-cta{
position: relative;
  overflow: hidden;
  background: var(--teal);
  padding: 80px clamp(20px, 4vw, 64px);
  text-align: center;

}

.cta-box{

    color:#fff;

}

.cta-box h2{

    font-size:52px;

    font-weight:700;

    margin:20px 0;

    line-height:1.2;

}

.cta-box p{

    max-width:700px;

    color:#f2f2f2;

    line-height:1.9;

}

.cta-btn{

    display:inline-block;

    background:var(--primary);
background:var(--primary-hover);

    color:#fff;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    margin-right:15px;

    transition:.35s;

}

.cta-btn:hover{

    background:#184B3B;

    color:#fff;

    transform:translateY(-4px);

}

.cta-btn-outline{

    display:inline-block;

    border:2px solid #fff;

    color:#fff;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.cta-btn-outline:hover{

    background:#fff;

    color:#216E57;

}

@media(max-width:991px){

.about-cta{

text-align:center;

background-attachment:scroll;

}

.cta-box h2{

font-size:38px;

}

.cta-btn,

.cta-btn-outline{

display:block;

margin:15px auto 0;

width:250px;

}

}

@media(max-width:576px){

.cta-box h2{

font-size:30px;

}

.cta-box p{

font-size:15px;

}

}

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

.counter-section{

    background:#F8FBFA;

}

.counter-box{

    background:#fff;

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

    border:1px solid #edf1ef;

}

.counter-box:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(0,0,0,.10);

}

.counter-box h2{

    font-size:58px;

    font-weight:700;

    color:#216E57;

    margin-bottom:12px;

}

.counter-box h5{

    font-size:22px;

    color:#163B30;

    margin-bottom:15px;

    font-weight:600;

}

.counter-box p{

    color:#666;

    line-height:1.8;

    margin:0;

}

@media(max-width:991px){

.counter-box h2{

font-size:46px;

}

}

@media(max-width:576px){

.counter-box{

padding:30px 20px;

}

.counter-box h2{

font-size:40px;

}

.counter-box h5{

font-size:20px;

}

}

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

.testimonial-section{

    background:#fff;

}

.testimonial-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

    height:100%;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    border:1px solid #edf1ef;

    transition:.35s;

    position:relative;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.stars{

    margin-bottom:25px;

}

.stars i{

    color:#FFC107;

    font-size:18px;

    margin-right:4px;

}

.testimonial-card p{

    color:#666;

    line-height:1.9;

    font-size:16px;

    margin-bottom:30px;

    min-height:120px;

}

.client-info{

    display:flex;

    align-items:center;

    gap:18px;

}

.client-info img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #EAF6F1;

}

.client-info h5{

    margin:0;

    font-size:20px;

    color:#163B30;

    font-weight:700;

}

.client-info span{

    color:#777;

    font-size:15px;

}

@media(max-width:991px){

.testimonial-card{

padding:30px;

}

.testimonial-card p{

min-height:auto;

}

}

@media(max-width:576px){

.testimonial-card{

padding:25px;

}

.client-info img{

width:60px;

height:60px;

}

.client-info h5{

font-size:18px;

}

.stars i{

font-size:16px;

}

}


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

.hero-section{
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2;
}

.hero-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.hero-overlay{
    position: absolute;
    inset: 0;
    z-index: -1;
}

.hero-content{
    color: #fff;
    padding-top: 60px;
    padding-bottom: 80px;
}

.hero-badge{

    display:inline-flex;
    align-items:center;

    padding:10px 24px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.15);

    font-size:15px;

    margin-bottom:30px;

}

.hero-content h1{

    font-size:48px;

    font-weight:600;

    line-height:1.1;

    margin-bottom:25px;

}

.hero-content p{

    max-width:720px;

    margin:auto;

    font-size:20px;

    color:#f3f3f3;

    line-height:1.8;

}

/*=====================
AI Planner
======================*/

.planner-input button{
    width:54px;
    height:54px;
    border:none;
    border-radius:50%;
    background:#216E57;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s ease;
}

.planner-input button i{
    font-size:18px;
}

.planner-input button:hover{
    background:#184d3c;
}

@media (max-width:767px){

    .planner-input{
        display:flex;
        align-items:center;
        gap:10px;
        padding:8px;
        border-radius:50px;
    }

    .planner-input input{
        flex:1;
        min-width:0;
        font-size:14px;
    }

    .planner-input button{
        width:46px;
        height:46px;
        min-width:46px;
        border-radius:50%;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .planner-input button i{
        font-size:16px;
    }

}

.trip-planner{

    margin-top:50px;

}

.planner-input{

    background:fff;

    border:1px solid rgba(255,255,255,.15);

    border-radius:70px;

    display:flex;

    align-items:center;

    padding:2px;

    max-width:582px;

    margin:auto;

}

.planner-input i{

    color:#fff;

    font-size:22px;

    margin-left:20px;

    margin-right:15px;

}

.planner-input input{

    flex:1;

    border:none;

    background:none;

    color:#fff;

    font-size:17px;

    outline:none;

    box-shadow:none;

}

.planner-input input::placeholder{

    color:rgba(255,255,255,.75);

}

.planner-input button{

    border:none;

    background:var(--primary);
background:var(--grad);

    color:#fff;

    padding:16px 30px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.planner-input button:hover{

    background:#184d3d;

}

/*==================
Trending
===================*/

.trending-searches{

    margin-top:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.trending-searches span{

    color:#ddd;

    font-weight:600;

}

.trending-searches a{

    color:#fff;

    text-decoration:none;

    padding:8px 18px;

    border-radius:30px;

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

    transition:.35s;

}

.trending-searches a:hover{

    background:var(--primary);
background:var(--primary-hover);

}


/*==================
Buttons
===================*/

.hero-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

}

.hero-outline-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 36px;

    border-radius:50px;

    color:#fff;

    border:2px solid rgba(255,255,255,.6);

    text-decoration:none;

    transition:.35s;

}

.hero-outline-btn:hover{

    background:#fff;

    color:#216E57;

}


/*==================
Responsive
===================*/

@media(max-width:991px){

.hero-content{
    padding-top:10px;

padding-bottom:220px;

}

.hero-content h1{

font-size:35px;

}

.hero-content p{

font-size:17px;

}

.planner-input{

flex-direction:column;

border-radius:25px;

padding:20px;

gap:15px;

}

.planner-input i{


}

.planner-input input{

width:100%;

text-align:center;

}

.planner-input button{

width:100%;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons a{

width:100%;

}

.hero-bottom{

position:relative;

left:auto;

bottom:auto;

transform:none;

width:100%;

margin-top:50px;

}

}

@media(max-width:576px){

.hero-content h1{

font-size:36px;

}

.hero-badge{

font-size:13px;

padding:8px 16px;

}

.hero-content p{

font-size:15px;

}

.hero-bottom h3{

font-size:28px;

}

.trending-searches{

justify-content:center;

}

.trending-searches a{

font-size:13px;

padding:7px 14px;

}

}

/*==================================
FEATURED DESTINATION
==================================*/

.featured-destination{
    background:#F8FBFA;
}

.featured-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    height:580px;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

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

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

.featured-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(10,20,18,.85),
    rgba(10,20,18,.25),
    transparent);
}

.featured-overlay{
    position:absolute;
    left:50px;
    bottom:50px;
    color:#fff;
    max-width:520px;
    z-index:2;
}

.country-tag{

    display:inline-block;

    padding:8px 18px;

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

    backdrop-filter:blur(12px);

    border-radius:50px;

    margin-bottom:20px;

    font-size:13px;

    letter-spacing:1px;

}

.featured-overlay h2{

    font-size:60px;

    font-weight:700;

    margin-bottom:15px;

}

.featured-overlay p{

    color:#eee;

    line-height:1.8;

    margin-bottom:25px;

}

.destination-info{

    display:flex;

    gap:30px;

    margin-bottom:30px;

    flex-wrap:wrap;

}

.destination-info span{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.destination-info i{

    color:#FFD54F;

}

/*=====================
Small Cards
=====================*/

.destination-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    height:320px;

    cursor:pointer;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.destination-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.destination-card:hover img{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(30,200,154,.18);



}

.destination-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.15));

}

.card-overlay{

    position:absolute;

    left:25px;

    bottom:25px;

    color:#fff;

    z-index:2;

}

.card-overlay h4{

    font-size:28px;

    margin-bottom:8px;

}

.card-overlay span{

    display:inline-block;

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

    backdrop-filter:blur(12px);

    padding:8px 16px;

    border-radius:30px;

    font-size:14px;

}

/* Hover */

.destination-card:hover .card-overlay{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(30,200,154,.18);


}

/*==================
Responsive
==================*/

@media(max-width:991px){

.featured-card{

height:480px;

}

.featured-overlay{

left:30px;

bottom:30px;

}

.featured-overlay h2{

font-size:42px;

}

.destination-card{

height:260px;

}

}

@media(max-width:767px){

.featured-card{

height:400px;

}

.featured-overlay{

left:20px;

right:20px;

bottom:20px;

}

.featured-overlay h2{

font-size:32px;

}

.featured-overlay p{

font-size:15px;

}

.destination-info{

gap:15px;

}

.destination-card{

height:240px;

}

.card-overlay h4{

font-size:22px;

}

}

/*=====================================
Travel Categories
======================================*/

.travel-category{
    padding:100px 0;
    background:#F8FCFB;
}

/* Card */

.category-card{

    position:relative;

    height:420px;

    overflow:hidden;

    border-radius:28px;

    cursor:pointer;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.category-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}

.category-card:hover img{

    transform:scale(1.08);

}

/* Overlay */

.category-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(11,95,74,.88),
        rgba(11,95,74,.25),
        transparent
    );

    transition:.4s;

}

.category-card:hover::before{

    background:linear-gradient(
        to top,
        rgba(11,95,74,.95),
        rgba(11,95,74,.45),
        transparent
    );

}

/* Content */

.category-overlay{

    position:absolute;

    left:30px;

    bottom:30px;

    color:#fff;

    z-index:5;

}

/* Icon */

.category-icon{

    width:65px;

    height:65px;

    border-radius:50%;

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

    backdrop-filter:blur(15px);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

    transition:.35s;

}

.category-icon i{

    color:#F7D86A;

    font-size:26px;

}

.category-card:hover .category-icon{

    transform:translateY(-8px);

    background:#1EC89A;

}

.category-card:hover .category-icon i{

    color:#fff;

}

/* Heading */

.category-overlay h4{

    font-size:30px;

    font-weight:700;

    margin-bottom:8px;

}

/* Package Count */

.category-overlay p{

    margin:0;

    font-size:16px;

    color:#F4F4F4;

}

/* Hover Animation */

.category-overlay{

    transition:.35s;

}

.category-card:hover .category-overlay{

    transform:translateY(-8px);

}

/* Optional Arrow */

.category-card::after{

    content:"\f061";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:28px;

    bottom:28px;

    width:58px;

    height:58px;

    border-radius:50%;

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

    backdrop-filter:blur(12px);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    transition:.35s;

}

.category-card:hover::after{

    background:#1EC89A;

    transform:rotate(-45deg);

}

/*========================
Responsive
========================*/

@media(max-width:991px){

.category-card{

height:340px;

}

.category-overlay h4{

font-size:24px;

}

}

@media(max-width:767px){

.travel-category{

padding:70px 0;

}

.category-card{

height:300px;

}

.category-overlay{

left:20px;

bottom:20px;

}

.category-icon{

width:55px;

height:55px;

}

.category-icon i{

font-size:22px;

}

.category-overlay h4{

font-size:22px;

}

.category-overlay p{

font-size:14px;

}

}

/*=========================================
Best Selling Packages
=========================================*/

.contact-icon{
    font-size:17px;
    color:#fff;
}

.best-packages{
    padding:100px 0;
    background:#ffffff;
}

/* Card */

.package-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.package-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(30,200,154,.18);
}

/* Image */

.package-image{
    position:relative;
    overflow:hidden;
    height:280px;
}

.package-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}

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

/* Package Tag */

.package-tag{
    position:absolute;
    top:20px;
    left:20px;
    background:linear-gradient(135deg,#1EC89A,#0B5F4A);
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
}

/* Wishlist */

.wishlist-btn{
    position:absolute;
    top:20px;
    right:20px;
    width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(12px);
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    transition:.35s;
}

.wishlist-btn:hover{
    background:#1EC89A;
    color:#fff;
}

/* Content */

.package-content{
    padding:28px;
}

.package-meta{
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
    font-size:14px;
    color:#6b7280;
}

.package-meta span{
    display:flex;
    align-items:center;
    gap:6px;
}

.package-meta i{
    color:#1EC89A;
}

.package-content h3{
    font-size:28px;
    color:#122B26;
    margin-bottom:12px;
    font-weight:700;
}

.package-content p{
    color:#6b7280;
    line-height:1.8;
    margin-bottom:22px;
}

/* Info */

.package-info{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    padding:18px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.package-info span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#444;
    font-size:15px;
}

.package-info i{
    color:#1EC89A;
}

/* Footer */

.package-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:25px;
}

.package-footer small{
    color:#888;
    display:block;
    margin-bottom:5px;
}

.package-footer h4{
    margin:0;
    font-size:30px;
    color:#0B5F4A;
    font-weight:700;
}

/* Button */

.package-btn{
    background:linear-gradient(135deg,#1EC89A,#0B5F4A);
    color:#fff;
    text-decoration:none;
    padding:14px 24px;
    border-radius:50px;
    transition:.35s;
    font-weight:600;
}

.package-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(30,200,154,.35);
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.package-image{
    height:240px;
}

.package-content h3{
    font-size:24px;
}

.package-footer{
    /*flex-direction:column;*/
    align-items:flex-start;
    gap:20px;
}

.package-btn{
    width:100%;
    text-align:center;
}

}

@media(max-width:767px){

.best-packages{
    padding:70px 0;
}

.package-image{
    height:220px;
}

.package-content{
    padding:22px;
}

.package-content h3{
    font-size:22px;
}

.package-info{
    flex-direction:column;
}

.package-footer h4{
    font-size:26px;
}

}

/*=====================================
HOLIDAY PLANNER
======================================*/

.holiday-planner{
    padding:100px 0;
    background:#F8FCFB;
}

.planner-wrapper{

    background:linear-gradient(135deg,#0B5F4A,#1EC89A);

    border-radius:35px;

    padding:70px;

    overflow:hidden;

    position:relative;

}

.planner-wrapper::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

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

    border-radius:50%;

    top:-180px;

    left:-120px;

}

.planner-wrapper::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

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

    border-radius:50%;

    bottom:-120px;

    right:-80px;

}

/* Left */

.planner-content{

    position:relative;

    z-index:2;

}

.planner-content .section-tag{

    color:#F7D86A;

}

.planner-content .section-title{

    color:#fff;

    margin:20px 0;

}

.planner-content .section-subtitle{

    color:rgba(255,255,255,.82);

    margin-bottom:40px;

}

/* Features */

.planner-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.planner-item{

    display:flex;

    align-items:center;

    gap:15px;

    color:#fff;

    font-weight:500;

}

.planner-item i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#F7D86A;

    color:#0B5F4A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

}

/* Form */

.planner-form{

    background:#fff;

    border-radius:28px;

    padding:35px;

    box-shadow:0 25px 70px rgba(0,0,0,.15);

    position:relative;

    z-index:2;

}

.planner-form h4{

    font-size:30px;

    margin-bottom:30px;

    color:#122B26;

    font-weight:700;

}

/* Inputs */

.planner-form .form-control,
.planner-form .form-select{

    height:56px;

    border-radius:14px;

    border:1px solid #E5E7EB;

    box-shadow:none;

    padding:0 18px;

    transition:.35s;

}

.planner-form textarea.form-control{

    height:auto;

    padding:15px 18px;

}

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

    border-color:#1EC89A;

    box-shadow:0 0 0 4px rgba(30,200,154,.15);

}

/* Button */

.planner-form .call-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:14px;

    background:linear-gradient(135deg,#1EC89A,#0B5F4A);

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.planner-form .call-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(30,200,154,.30);

}

/* Responsive */

@media(max-width:991px){

.planner-wrapper{

padding:45px 30px;

}

.planner-content{

margin-bottom:40px;

}

.planner-features{

grid-template-columns:1fr;

}

}

@media(max-width:767px){

.holiday-planner{

padding:70px 0;

}

.planner-wrapper{

padding:30px 20px;

border-radius:22px;

}

.planner-form{

padding:25px;

}

.planner-form h4{

font-size:24px;

}

.planner-content .section-title{

font-size:32px;

}

}

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

.why-us{
    padding:100px 0;
    background:#ffffff;
}

.why-card{

    background:#fff;

    padding:35px 30px;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    border:1px solid #eef2f3;

    position:relative;

    overflow:hidden;

}

.why-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(30,200,154,.08);

    top:-90px;

    right:-90px;

    transition:.4s;

}

.why-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(30,200,154,.18);

}

.why-card:hover::before{

    transform:scale(1.4);

}

/* Icon */

.why-icon{

    width:70px;

    height:70px;

    border-radius:20px;

    background:linear-gradient(135deg,#1EC89A,#0B5F4A);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.why-icon i{

    color:#fff;

    font-size:28px;

}

.why-card:hover .why-icon{

    transform:rotate(-8deg) scale(1.08);

}

/* Heading */

.why-card h4{

    font-size:26px;

    font-weight:700;

    color:#122B26;

    margin-bottom:15px;

}

/* Text */

.why-card p{

    color:#6B7280;

    line-height:1.8;

    margin:0;

}

/* CTA */

.why-us .call-btn{

    margin-top:35px;

}

/* Responsive */

@media(max-width:991px){

.why-us{

padding:80px 0;

}

.mt-lg-5{

margin-top:0!important;

}

.why-card{

padding:30px;

}

}

@media(max-width:767px){

.why-us{

padding:70px 0;

}

.why-card{

padding:25px;

}

.why-icon{

width:60px;

height:60px;

border-radius:18px;

}

.why-icon i{

font-size:24px;

}

.why-card h4{

font-size:22px;

}

}

/*=====================================
TESTIMONIALS
======================================*/

.testimonials{
    padding:100px 0;
    background:#F8FCFB;
}

/* Rating Box */

.rating-box{

    display:inline-block;

    background:#fff;

    padding:25px 35px;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    text-align:center;

}

.rating-box h3{

    font-size:52px;

    font-weight:700;

    color:#0B5F4A;

    margin-bottom:8px;

}

.stars{

    margin-bottom:12px;

}

.stars i{

    color:#F7D86A;

    margin:0 2px;

    font-size:18px;

}

.rating-box span{

    color:#6B7280;

    font-size:15px;

}

/* Testimonial Card */

.testimonial-card{

    background:#fff;

    padding:35px;

    border-radius:28px;

    position:relative;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    border:1px solid #edf1f2;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(30,200,154,.18);

}

/* Highlight Card */

.testimonial-card.active{

    background:linear-gradient(135deg,#1EC89A,#0B5F4A);

}

.testimonial-card.active p,
.testimonial-card.active h5,
.testimonial-card.active span{

    color:#fff;

}

/* Quote */

.quote-icon{

    width:70px;

    height:70px;

    border-radius:20px;

    background:linear-gradient(135deg,#1EC89A,#0B5F4A);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.quote-icon i{

    color:#fff;

    font-size:28px;

}

.testimonial-card.active .quote-icon{

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

    backdrop-filter:blur(12px);

}

/* Review */

.testimonial-card p{

    color:#6B7280;

    line-height:1.9;

    margin-bottom:35px;

    font-size:16px;

}

/* Client */

.client-info{

    display:flex;

    align-items:center;

    gap:15px;

}

.client-info img{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

}

.client-info h5{

    margin:0;

    font-size:20px;

    color:#122B26;

    font-weight:700;

}

.client-info span{

    color:#6B7280;
}

/* ===== Navigation ===== */

.main-nav ul{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-nav ul li{
    position:relative;
}

.main-nav ul li>a{
    display:flex;
    align-items:center;
    gap:6px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    padding:30px 0;
}

/* Sticky Header */

.main-header.sticky .main-nav ul li>a{
    color:#fff;
}

/* ===== Dropdown ===== */
.mega-menu a{
    position: relative;
    display: block;
    padding: 10px 18px 10px 32px;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease;
}

.mega-menu a::before{
    content: "\f061"; /* Font Awesome right arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .3s ease;
    color: #FFD166; /* theme color */
}

.mega-menu a:hover::before{
    opacity: 1;
    left: 16px;
}

.mega-menu a:hover{
    padding-left: 40px;
    color: #FFD166;
}

.mega-menu a::before{
    content: "➜";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .3s;
}

.mega-menu a:hover::before{
    opacity: 1;
    left: 16px;
}

.mega-menu{


    position:absolute;

    top:100%;
    left:0;

    width:280px;

    background:rgba(6,22,17,0.92);

    border-radius:18px;

    padding:18px 0;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.35s ease;

    box-shadow:0 20px 40px rgba(0,0,0,.25);

    z-index:999;
}

.main-nav ul li:hover .mega-menu{

    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.mega-menu a{

    display:block;

    color:#fff;

    text-decoration:none;

    padding:12px 22px;

    font-size:15px;

    transition:.3s;
}

.mega-menu a:hover{

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

    color: var(--gold);
}


/* ---------- FEATURED DESTINATIONS ---------- */
  .destinations{
    position:relative;
    background:
      radial-gradient(60% 50% at 15% 0%, rgba(16,169,122,0.06) 0%, rgba(16,169,122,0) 60%),
      #F3FBF8;
    padding:65px clamp(20px,4vw,64px) 65px;
  }
  .dest-head{ max-width:640px; margin:0 auto 52px; text-align:center; }
  .dest-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12px; letter-spacing:0.16em; text-transform:uppercase; font-weight:800;
    color:var(--emerald-text);
    background:rgba(16,169,122,0.09);
    border:1px solid rgba(16,169,122,0.25);
    padding:7px 16px; border-radius:100px;
    margin-bottom:20px;
  }
  .dest-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--emerald-text); }
  .dest-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#071C15;
    font-size:clamp(2rem, 4vw, 2.9rem); line-height:1.1; letter-spacing:-0.01em;
  }
  .dest-head p{
    margin-top:14px; color:#4A5C54; font-size:16.5px; font-weight:500; line-height:1.6;
  }

  .destinations-grid{
    max-width:1320px; margin:0 auto;
    display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
  }



  .dest-card{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    aspect-ratio:4/3.3;
    cursor:pointer;
    box-shadow:0 14px 32px rgba(5,30,22,0.14);
    transition:transform .35s ease, box-shadow .35s ease;
  }
  .dest-card:hover{ transform:translateY(-6px); box-shadow:0 24px 50px rgba(5,30,22,0.22); }
  .dest-card svg.dest-art{
    position:absolute; inset:0; width:100%; height:100%; display:block;
    transition:transform .5s ease;
  }
  .dest-card:hover svg.dest-art{ transform:scale(1.06); }
  .dest-scrim{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(4,16,12,0.5) 0%, rgba(4,16,12,0) 28%, rgba(4,16,12,0) 55%, rgba(3,10,8,0.85) 100%);
  }
  .dest-ring{
    position:absolute; inset:0; border-radius:20px;
    box-shadow:inset 0 0 0 0px transparent;
    transition:box-shadow .3s ease;
    pointer-events:none;
  }
  .dest-card:hover .dest-ring{ box-shadow:inset 0 0 0 2.5px rgba(232,194,74,0.7); }

  .dest-body{ position:absolute; inset:0; z-index:5; padding:16px 18px; display:flex; flex-direction:column; justify-content:space-between; }
  .dest-top-group{ display:flex; flex-direction:column; gap:12px; }
  .dest-top-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }

  .dest-badge{
    display:inline-flex; align-items:center; gap:5px;
    font-size:9.5px; font-weight:800; letter-spacing:0.03em;
    padding:5px 11px; border-radius:100px; white-space:nowrap;
  }
  .dest-badge.recommended{ background:var(--mint-chip); color:var(--emerald-deep); }
  .dest-badge.trending{ background:var(--gold); color:#fff; }
  .dest-rating{
    display:flex; align-items:center; gap:4px;
    font-size:10px; font-weight:700; color:#fff;
    background:rgba(4,16,12,0.4);
    backdrop-filter:blur(6px);
    padding:5px 10px; border-radius:100px; white-space:nowrap;
  }

  .dest-title{
    font-family:'Fraunces', serif; font-weight:600; color:#fff;
    font-size:clamp(1.1rem, 1.5vw, 1.4rem); line-height:1.05; letter-spacing:-0.01em;
  }

  .dest-bottom-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
  .dest-price-label{ font-size:9.5px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.75); }
  .dest-price-value{ font-size:17px; font-weight:800; color:#fff; margin-top:2px; }

  @media (max-width:980px){ .destinations-grid{ grid-template-columns:repeat(2, 1fr); } }
  @media (max-width:560px){ .destinations-grid{ grid-template-columns:repeat(2, 1fr); gap:12px; } }


  /* ---------- BEST SELLING PACKAGES ---------- */
  .packages{
    background:#FFFFFF;
    padding:64px clamp(20px,4vw,64px) 64px;
    border-top:1px solid rgba(5,30,22,0.06);
  }
  .package-head{
    max-width:1320px; margin:0 auto 40px;
    display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .package-head .dest-eyebrow{ margin-bottom:16px; }
  .package-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#071C15;
    font-size:clamp(1.8rem, 3.4vw, 2.6rem); line-height:1.1; letter-spacing:-0.01em;
  }
  .package-head p{ margin-top:12px; color:#4A5C54; font-size:15.5px; font-weight:500; max-width:480px; }
  .package-view-all{
    display:flex; align-items:center; gap:7px;
    color:var(--emerald-deep); font-weight:700; font-size:14.5px; text-decoration:none;
    padding:12px 4px; white-space:nowrap;
  }
  .package-view-all svg{ transition:transform .2s; }
  .package-view-all:hover svg{ transform:translateX(4px); }

  .packages-grid{
    max-width:1320px; margin:0 auto;
    display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;
  }
  .package-card{
    background:#fff; border-radius:20px; overflow:hidden;
    border:1px solid rgba(5,30,22,0.07);
    box-shadow:0 14px 34px rgba(5,30,22,0.09);
    display:flex; flex-direction:column;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .package-card:hover{ transform:translateY(-6px); box-shadow:0 26px 54px rgba(5,30,22,0.16); }
  .package-media{ position:relative; aspect-ratio:4/3; overflow:hidden; }
  .package-media svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .package-card:hover .package-media svg{ transform:scale(1.08); }

  .package-loc-badge{
    position:absolute; top:12px; left:12px; right:64px; z-index:3;
    display:flex; align-items:center; gap:6px;
    background:rgba(255,255,255,0.94); backdrop-filter:blur(6px);
    padding:6px 12px 6px 8px; border-radius:100px;
    font-size:10.8px; font-weight:700; color:var(--emerald-deep);
  }
  .package-loc-badge svg{ position:static; width:13px; height:13px; flex-shrink:0; }
  .package-loc-badge span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  .package-duration-badge{
    position:absolute; top:12px; right:12px; z-index:3;
    display:flex; align-items:center; gap:5px;
    background:rgba(5,17,13,0.6); backdrop-filter:blur(6px); color:#fff;
    padding:6px 11px; border-radius:100px; font-size:10.8px; font-weight:700; white-space:nowrap;
  }

  .package-body{ padding:18px 18px 20px; display:flex; flex-direction:column; flex:1; }
  .package-title{
    font-family:'Fraunces', serif; font-weight:600; font-size:16.5px; color:#0B1E17; line-height:1.32;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.65em;
  }
  .package-price-row{ display:flex; align-items:baseline; gap:8px; margin-top:14px; flex-wrap:wrap; }
  .package-price-old{ font-size:12.5px; color:#555; text-decoration:line-through; font-weight:600; }
  .package-price-new{ font-size:21px; font-weight:800; color:var(--emerald-text); }
  .package-price-unit{ font-size:10.5px; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; }
  .package-dates{ display:flex; align-items:center; gap:6px; margin-top:9px; font-size:12px; color:#5C6D64; font-weight:600; }
  .package-dates svg{ flex-shrink:0; opacity:0.7; }

  .package-footer{ display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:16px; }
  .package-call-btn{
    width:42px; height:42px; border-radius:50%; flex-shrink:0;
    border:1.5px solid rgba(16,169,122,0.32);
    display:flex; align-items:center; justify-content:center; color:var(--emerald-text);
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .package-call-btn:hover{ background:var(--grad); color:#fff; border-color:transparent; }
  .package-cta-btn{
    flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
    background:var(--mint-soft); color:var(--emerald-deep); font-weight:700; font-size:13px;
    padding:12px 14px; border-radius:100px; border:none; cursor:pointer;
    transition:background .2s ease, color .2s ease;
  }
  .package-cta-btn:hover{ background:var(--grad); color:#fff; }

  @media (max-width:980px){ .packages-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .packages-grid{ grid-template-columns:1fr; } }

  /* ---------- PACKAGES BY TRIP TYPE ---------- */
  .trip-types{
    background:#F3FBF8;
    padding:60px clamp(20px,4vw,64px) 60px;
  }
  .cat-module{
    max-width:1320px; margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr 0.9fr 1.05fr;
    grid-template-rows:230px 230px;
    grid-template-areas:
      "couple family adventure"
      "couple friends adventure";
    gap:22px;
  }
  .cat-couple{ grid-area:couple; }
  .cat-family{ grid-area:family; }
  .cat-friends{ grid-area:friends; }
  .cat-adventure{ grid-area:adventure; }

  .cat-card{
    position:relative; border-radius:22px; overflow:hidden; cursor:pointer;
    box-shadow:0 18px 40px rgba(5,30,22,0.14);
    transition:transform .35s ease, box-shadow .35s ease;
  }
  .cat-card:hover{ transform:translateY(-6px); box-shadow:0 28px 60px rgba(5,30,22,0.22); }
  .cat-card svg.cat-art{
    position:absolute; inset:0; width:100%; height:100%; display:block;
    transition:transform .5s ease;
  }
  .cat-card:hover svg.cat-art{ transform:scale(1.06); }
  .cat-scrim{
    position:absolute; inset:0;
    background:linear-gradient(160deg, rgba(4,16,12,0.72) 0%, rgba(4,16,12,0.3) 32%, rgba(4,16,12,0) 58%);
  }
  .cat-ring{
    position:absolute; inset:0; border-radius:22px;
    box-shadow:inset 0 0 0 0px transparent;
    transition:box-shadow .3s ease; pointer-events:none;
  }
  .cat-card:hover .cat-ring{ box-shadow:inset 0 0 0 2.5px rgba(232,194,74,0.7); }

  .cat-body{ position:absolute; top:0; left:0; right:0; z-index:5; padding:22px; }
  .cat-title{ font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:clamp(1.2rem, 1.8vw, 1.6rem); letter-spacing:-0.01em; }
  .cat-card--lg .cat-title{ font-size:clamp(1.7rem, 2.6vw, 2.2rem); }
  .cat-sub{ margin-top:5px; color:rgba(255,255,255,0.82); font-size:13px; font-weight:600; }

  @media (max-width:980px){
    .cat-module{
      grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:250px;
      grid-template-areas:
        "couple"
        "family"
        "friends"
        "adventure";
    }
  }

  /* ---------- FLOATING CALL / QUOTE SIDEBAR ---------- */
  .floating-actions{
    position:fixed; right:22px; top:62%; transform:translateY(-50%); z-index:150;
    display:flex; flex-direction:column; gap:12px;
  }
  .floating-btn{
    width:78px; padding:14px 8px 12px; border-radius:18px;
    background:linear-gradient(160deg, var(--emerald-deep), var(--emerald-text));
    display:flex; flex-direction:column; align-items:center; gap:7px;
    text-decoration:none; border:none; cursor:pointer;
    box-shadow:0 14px 28px rgba(5,30,22,0.3);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .floating-btn:hover{ transform:translateY(-3px); box-shadow:0 20px 36px rgba(5,30,22,0.38); }
  .floating-btn .icon-circle{
    width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.16);
    display:flex; align-items:center; justify-content:center; color:#fff;
  }
  .floating-btn .lbl{ color:#fff; font-size:11px; font-weight:700; text-align:center; line-height:1.2; }

  @media (max-width:760px){ .floating-actions{ display:none; } }

  /* ---------- SOUTH EAST ASIAN REGION STRIP ---------- */
  .region{
    position:relative;
    background:#FFFFFF;
    padding:64px clamp(20px,4vw,64px) 64px;
    overflow:hidden;
  }
  .region-watermark{
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(rgba(16,169,122,0.16) 1.6px, transparent 1.8px);
    background-size:22px 22px;
    -webkit-mask-image:radial-gradient(60% 55% at 50% 45%, #000 0%, transparent 72%);
    mask-image:radial-gradient(60% 55% at 50% 45%, #000 0%, transparent 72%);
  }
  .region-head{ position:relative; z-index:1; text-align:center; margin-bottom:48px; }
  .region-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1E17;
    font-size:clamp(2rem, 4.2vw, 3rem); letter-spacing:-0.01em;
  }
  .region-head h2 em{ font-style:italic; font-weight:500; color:var(--emerald-text); }

  .region-grid{
    position:relative; z-index:1;
    max-width:1320px; margin:0 auto;
    display:grid; grid-template-columns:repeat(5, 1fr); gap:22px;
  }
  .region-card{ text-align:center; cursor:pointer; }
  .region-media{
    position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/3.1;
    box-shadow:0 14px 32px rgba(5,30,22,0.12);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .region-card:hover .region-media{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(5,30,22,0.2); }
  .region-media svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .region-card:hover .region-media svg{ transform:scale(1.07); }
  .region-name{ margin-top:16px; font-family:'Fraunces', serif; font-weight:600; font-size:19px; color:#0B1E17; }
  .region-price{ margin-top:5px; font-size:11.5px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#5C6D64; }
  .region-price span{ color:var(--emerald-text); }

  .region-cta-wrap{ position:relative; z-index:1; text-align:center; margin-top:44px; }
  .explore-all-btn{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--emerald-deep); color:#fff; font-weight:700; font-size:14.5px;
    padding:15px 32px; border-radius:100px; border:none; cursor:pointer;
    transition:background .2s ease, transform .2s ease;
  }
  .explore-all-btn:hover{ background:var(--emerald-text); transform:translateY(-2px); }

  @media (max-width:980px){ .region-grid{ grid-template-columns:repeat(3, 1fr); } }
  @media (max-width:560px){ .region-grid{ grid-template-columns:repeat(2, 1fr); } }

  /* ---------- TOP TRENDING TRIPS CAROUSEL ---------- */
.wa-badge i{
    color:#fff;
    font-size:24px;
}
  .trendingSlider .trend-slide{
    display:block !important;
    position:relative;
    overflow:hidden;
    border-radius:24px;
}

.trendingSlider .trend-slide img,
.trendingSlider .trend-slide svg{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.trendingSlider .owl-nav,
.trendingSlider .owl-dots{

    display:none;

}
  .trending{
    position:relative;
    background:var(--mist);
    
    overflow:hidden;
  }
  .trending-head{ position:relative; z-index:1; text-align:center; margin-bottom:44px; }
  .trending-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:var(--emerald-deep);
    font-size:clamp(1.8rem, 3.6vw, 2.7rem); letter-spacing:-0.01em;
  }
  .trending-head h2 .accent{ color:var(--gold-deep); }
  .trending-head p{ margin-top:12px; color:#4A5C54; font-size:15.5px; font-weight:500; }

  .trending-stage{
    position:relative; z-index:1;
    max-width:1200px; margin:0 auto;
  }
  .trending-slides{ position:relative; border-radius:24px; overflow:hidden; box-shadow:0 30px 60px rgba(5,30,22,0.18); }
  .trend-slide{
    position:relative; display:none;
    aspect-ratio:16/7;
  }
  .trend-slide.active{ display:block; }
  .trend-slide svg{ position:absolute; inset:0; width:100%; height:100%; display:block; }
  .trend-scrim{
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(4,16,12,0.82) 0%, rgba(4,16,12,0.55) 35%, rgba(4,16,12,0.05) 68%, rgba(4,16,12,0) 100%);
  }
  .trend-content{
    position:absolute; left:0; top:0; bottom:0; z-index:5;
    display:flex; flex-direction:column; justify-content:center;
    padding:0 6% 0 5%;
    max-width:520px;
  }
  .trend-tagline{ font-family:'Caveat', cursive; font-weight:700; font-size:clamp(1.4rem, 2.6vw, 1.9rem); color:var(--gold); }
  .trend-title{ font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:clamp(1.6rem, 3.2vw, 2.5rem); margin-top:2px; letter-spacing:-0.01em; }
  .trend-price{ margin-top:16px; font-size:14.5px; color:rgba(255,255,255,0.85); font-weight:600; }
  .trend-price strong{ font-family:'Caveat', cursive; font-size:1.6em; color:#fff; margin-left:6px; font-weight:700; }
  .trend-cta{
    margin-top:22px; display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
    background:var(--gold); color:#fff; font-weight:800; font-size:14px;
    padding:14px 24px; border-radius:100px; border:none; cursor:pointer; text-decoration:none;
    transition:background .2s ease, transform .2s ease;
  }
  .trend-cta:hover{ background:var(--gold-hover); transform:translateY(-2px); }
  .trend-cta .wa-badge{
    flex-shrink:0; width:22px; height:22px; border-radius:50%;
    background:#25D366; display:flex; align-items:center; justify-content:center;
  }
  .trend-cta .wa-badge svg{ width:13px; height:13px; }

  .trend-arrow{
    position:absolute; top:50%; transform:translateY(-50%); z-index:8;
    width:44px; height:44px; border-radius:50%;
    background:var(--gold); color:var(--ink); border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 22px rgba(5,30,22,0.3);
    transition:background .2s ease, transform .2s ease;
  }
  .trend-arrow:hover{ background:var(--gold-hover); transform:translateY(-50%) scale(1.06); }
  .trend-arrow.prev{ left:18px; }
  .trend-arrow.next{ right:18px; }

  .trend-arrow{
    display:none;
}

/* ===========================
   Trending Owl Slider
=========================== */

.slideTrending .trend-slide{
    display:block !important;
    position:relative;
    overflow:hidden;
    border-radius:24px;
    aspect-ratio:16/7;
}

.slideTrending .trend-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.slideTrending .owl-nav{
    display:none;
}

.slideTrending .owl-dots{
    display:none;
}

@media(max-width:768px){

    .slideTrending .trend-slide{
        aspect-ratio:4/5;
    }

}

  @media (max-width:760px){
    .trend-slide{ aspect-ratio:4/5; }
    .trend-content{ max-width:100%; padding:0 24px; align-items:flex-start; }
    .trend-scrim{ background:linear-gradient(180deg, rgba(4,16,12,0.2) 0%, rgba(4,16,12,0.85) 60%, rgba(4,16,12,0.92) 100%); }
    .trend-content{ justify-content:flex-end; padding-bottom:36px; }
  }

  .trend-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:22px;
}

.trend-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#c8d0cc;
    cursor:pointer;
    transition:.3s;
}

.trend-dot.active{
    width:34px;
    border-radius:30px;
    background:var(--gold);
}

@media(max-width:768px){

.trend-dots{
    margin-top:18px;
}

.trend-dot{
    width:10px;
    height:10px;
}

.trend-dot.active{
    width:28px;
}

}

.trend-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    inset:0;
}

.trend-slide{
    display:none;
}

.trend-slide.active{
    display:block;
}

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


  /* ---------- VISA ON ARRIVAL ---------- */
  .visa{
    position:relative;
    background:#FFFFFF;
    padding:60px clamp(20px,4vw,64px) 60px;
    overflow:hidden;
  }
  .visa-head{ position:relative; z-index:1; text-align:center; margin-bottom:44px; }
  .visa-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1E17;
    font-size:clamp(2rem, 4.2vw, 3rem); line-height:1.12; letter-spacing:-0.01em;
  }
  .visa-head h2 em{ font-style:italic; font-weight:500; }
  .visa-head p{ margin-top:14px; color:#4A5C54; font-size:15.5px; font-weight:500; }

  .visa-module{
    position:relative; z-index:1;
    max-width:1320px; margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.1fr 1fr;
    grid-template-rows:230px 230px;
    grid-template-areas:
      "v1 vmid v3"
      "v2 vmid v4";
    gap:22px;
  }
  .v-area1{ grid-area:v1; } .v-area2{ grid-area:v2; }
  .v-area3{ grid-area:v3; } .v-area4{ grid-area:v4; }
  .v-mid{ grid-area:vmid; }

  .visa-card{
    position:relative; border-radius:20px; overflow:hidden; cursor:pointer;
    box-shadow:0 16px 36px rgba(5,30,22,0.14);
    transition:transform .35s ease, box-shadow .35s ease;
  }
  .visa-card:hover{ transform:translateY(-6px); box-shadow:0 26px 54px rgba(5,30,22,0.22); }
  .visa-card svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .visa-card:hover svg{ transform:scale(1.06); }
  .visa-scrim{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(4,16,12,0) 45%, rgba(3,10,8,0.88) 100%);
  }
  .visa-ring{
    position:absolute; inset:0; border-radius:20px;
    box-shadow:inset 0 0 0 0px transparent; transition:box-shadow .3s ease; pointer-events:none;
  }
  .visa-card:hover .visa-ring{ box-shadow:inset 0 0 0 2.5px rgba(232,194,74,0.7); }
  .visa-body{ position:absolute; left:0; right:0; bottom:0; z-index:5; padding:18px 20px 20px; }
  .visa-name{ font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:clamp(1.15rem, 1.7vw, 1.5rem); letter-spacing:-0.01em; }
  .v-mid .visa-name{ font-size:clamp(1.35rem, 2vw, 1.75rem); }
  .visa-price{ margin-top:6px; font-size:10.5px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.75); }
  .visa-price strong{ display:block; font-size:16px; font-weight:800; color:#fff; letter-spacing:0; text-transform:none; margin-top:2px; }

  @media (max-width:980px){
    .visa-module{
      grid-template-columns:1fr 1fr; grid-template-rows:none; grid-auto-rows:220px;
      grid-template-areas:
        "v1 v3"
        "v2 v4"
        "vmid vmid";
    }
  }
  @media (max-width:560px){
    .visa-module{
      grid-template-columns:1fr; grid-auto-rows:230px;
      grid-template-areas:
        "vmid"
        "v1"
        "v2"
        "v3"
        "v4";
    }
  }

  /* ===============================
   Featured Destinations Mobile
================================ */

@media (max-width: 767px){

    .destinations{
        padding:60px 0;
    }

    .dest-head{
        text-align:center;
        margin-bottom:30px;
    }

    .dest-head h2{
        font-size:32px;
    }

    .dest-head p{
        font-size:15px;
    }

    .destinations .row{
        --bs-gutter-x:16px;
        --bs-gutter-y:16px;
    }

    .high-1,
    .low-1{
        height:180px;
        margin-bottom:0;
        border-radius:20px;
    }

    .high-1 img,
    .low-1 img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .loca-scon{
        padding:18px;
    }

    .loca-scon h6{
        font-size:18px;
    }

    .par-loc-dv{
        font-size:13px;
    }

}


  /* ---------- SHARED SCROLL CAROUSEL ---------- */
  .carousel-wrap{ position:relative; max-width:1320px; margin:0 auto; }
  .carousel-track{
    display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; -ms-overflow-style:none; padding:4px 2px 8px;
  }
  .carousel-track::-webkit-scrollbar{ display:none; }
  .carousel-track > *{ scroll-snap-align:start; flex:0 0 calc(25% - 15px); min-width:220px; }
  @media (max-width:980px){ .carousel-track > *{ flex:0 0 calc(50% - 10px); min-width:0; } }
  @media (max-width:560px){ .carousel-track > *{ flex:0 0 78%; } }

  .carousel-arrow{
    width:44px; height:44px; border-radius:50%; flex-shrink:0;
    background:#fff; border:1px solid rgba(5,30,22,0.12);
    box-shadow:0 10px 24px rgba(5,30,22,0.15);
    display:flex; align-items:center; justify-content:center;
    color:var(--emerald-text); cursor:pointer;
    transition:background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
  }
  .carousel-arrow:hover{ background:var(--grad); color:var(--ink); border-color:transparent; transform:scale(1.06); }

  .carousel-arrow-side{
    position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  }
  .carousel-arrow-side.prev{ left:-22px; }
  .carousel-arrow-side.next{ right:-22px; }
  @media (max-width:1360px){ .carousel-arrow-side.prev{ left:6px; } .carousel-arrow-side.next{ right:6px; } }
  .carousel-arrow-side:hover{ transform:translateY(-50%) scale(1.06); }

  /* ---------- POPULAR DOMESTIC DESTINATIONS ---------- */
  /* =========================
   Domestic Slider
========================= */

.domesticSlider .owl-nav button.owl-prev,
.domesticSlider .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.domesticSlider .owl-nav button.owl-prev{
    left: -20px;
}

.domesticSlider .owl-nav button.owl-next{
    right: -20px;
}

.domesticSlider .owl-nav i{
    color: #000;
    font-size: 16px;
}

.domesticSlider .item{
    padding:12px;
}

.domesticSlider .domestic-card{
    position:relative;
    border-radius:22px;
    overflow:hidden;
}

.domesticSlider .domestic-card img,
.domesticSlider .domestic-card svg{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.domesticSlider .owl-nav,
.domesticSlider .owl-dots{
    display:none;
}
  .domestic{ background:var(--mist); padding:50px clamp(20px,4vw,64px) 50px; }
  .domestic-head{ max-width:1320px; margin:0 auto 36px; }
  .domestic-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1E17;
    font-size:clamp(1.8rem, 3.4vw, 2.5rem); letter-spacing:-0.01em;
  }
  .domestic-head p{ margin-top:10px; color:#4A5C54; font-size:15px; font-weight:500; }

  .domestic-card{
    position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/5.1;
    box-shadow:0 14px 30px rgba(5,30,22,0.12);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .domestic-card:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(5,30,22,0.2); }
  .domestic-card svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .domestic-card:hover svg{ transform:scale(1.06); }
  .domestic-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(4,16,12,0) 45%, rgba(3,10,8,0.85) 100%); }
  .domestic-info{ position:absolute; left:0; right:0; bottom:0; z-index:5; padding:16px 18px 18px; }
  .domestic-name{ font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:clamp(1.2rem, 2vw, 1.6rem); }
  .domestic-price{ margin-top:5px; font-size:12.5px; color:rgba(255,255,255,0.85); font-weight:600; }

  /* ---------- EXPLORE FAR AWAY ---------- */

  /* =========================
   Far Away Owl Slider
========================= */

.owl-nav .fa-chevron-left,
.owl-nav .fa-chevron-right{
    color: #216E57 !important;
}

.farawaySlider .faraway-card{
    height:100%;
}

.farawaySlider .faraway-media{
    overflow:hidden;
    border-radius:20px;
}

.farawaySlider .faraway-media img,
.farawaySlider .faraway-media svg{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.farawaySlider .owl-nav,
.farawaySlider .owl-dots{
    display:none;
}
  .faraway{ background:var(--mist); padding:50px clamp(20px,4vw,64px) 50px; }
  .faraway-head{
    max-width:1320px; margin:0 auto 36px;
    display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;
  }
  .faraway-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1E17;
    font-size:clamp(1.8rem, 3.4vw, 2.5rem); letter-spacing:-0.01em;
  }
  .faraway-head h2 em{ font-style:italic; font-weight:500; }
  .faraway-head p{ margin-top:10px; color:#4A5C54; font-size:15px; font-weight:500; }
  .faraway-arrows{ display:flex; gap:10px; }

  .faraway-media{
    position:relative; border-radius:16px; overflow:hidden; aspect-ratio:4/5.2;
    box-shadow:0 14px 30px rgba(5,30,22,0.12);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .faraway-card:hover .faraway-media{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(5,30,22,0.2); }
  .faraway-media svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .faraway-card:hover .faraway-media svg{ transform:scale(1.06); }
  .faraway-name{ margin-top:14px; text-align:center; font-family:'Fraunces', serif; font-weight:600; font-size:19px; color:#0B1E17; }
  .faraway-price{ margin-top:4px; text-align:center; font-size:11px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#5C6D64; }
  .faraway-price span{ color:var(--emerald-text); }

  .farawaySlider .owl-nav{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

.farawaySlider .owl-prev,
.farawaySlider .owl-next{
    position: static !important;
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    transition: .3s;
}

.farawaySlider .owl-prev:hover,
.farawaySlider .owl-next:hover{
    background: #f4b400 !important; /* Theme color */
}

.farawaySlider .owl-prev img,
.farawaySlider .owl-next img{
    width: 16px;
    height: 16px;
}

  /* ---------- Honeymoon packages ---------- */
  .duration{ background:#FFFFFF; padding:50px clamp(20px,4vw,64px) 50px; }
  .duration-head{ max-width:1320px; margin:0 auto 20px; }
  .duration-head h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1E17;
    font-size:clamp(1.7rem, 3.2vw, 2.3rem); letter-spacing:-0.01em;
  }
  .duration-tabs{ max-width:1320px; margin:0 auto 34px; display:flex; gap:10px; flex-wrap:wrap; }
  .duration-tab{
    padding:10px 22px; border-radius:100px; border:1px solid rgba(5,30,22,0.15);
    background:#fff; color:#0B1E17; font-weight:700; font-size:13.5px; cursor:pointer;
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .duration-tab.active{ background:var(--emerald-deep); color:#fff; border-color:transparent; }
  .duration-tab:hover:not(.active){ border-color:var(--emerald-text); color:var(--emerald-text); }


  

  .duration-card{
    position:relative; border-radius:18px; overflow:hidden; cursor:pointer;
    box-shadow:0 14px 30px rgba(5,30,22,0.14);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .duration-card:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(5,30,22,0.2); }
  .duration-card svg{ position:absolute; inset:0; width:100%; height:100%; display:block; transition:transform .5s ease; }
  .duration-card:hover svg{ transform:scale(1.06); }
  .duration-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(4,16,12,0) 45%, rgba(3,10,8,0.82) 100%); }
  .duration-info{ position:absolute; left:0; right:0; bottom:0; z-index:5; padding:16px 18px; }
  .duration-name{ font-family:'Fraunces', serif; font-weight:600; color:#fff; font-size:clamp(1.1rem, 1.8vw, 1.4rem); }
  .dur-singapore .duration-name, .dur-thailand .duration-name{ font-size:clamp(1.25rem, 2.2vw, 1.7rem); }
  .duration-price{ margin-top:4px; font-size:12px; color:rgba(255,255,255,0.85); font-weight:600; }

 .duration-module{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-template-rows:220px 220px;
    gap:20px;
}

/* Thailand */
.dur-thailand{
    grid-column:1 / 5;
    grid-row:1;
}

/* Maldives */
.dur-maldives{
    grid-column:1 / 3;
    grid-row:2;
}

/* Sri Lanka */
.dur-srilanka{
    grid-column:3 / 5;
    grid-row:2;
}

/* Singapore (Tall) */
.dur-singapore{
    grid-column:5 / 9;
    grid-row:1 / 3;
}

/* Bali */
.dur-bali{
    grid-column:9 / 13;
    grid-row:1;
}

/* Mauritius */
.dur-mauritius{
    grid-column:9 / 13;
    grid-row:2;
}

.duration-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    cursor:pointer;
}

.duration-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

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

@media (max-width:991px){

    .duration-module{
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:auto;
        gap:16px;
    }

    .dur-thailand,
    .dur-singapore,
    .dur-bali,
    .dur-maldives,
    .dur-srilanka,
    .dur-mauritius{
        grid-column:auto;
        grid-row:auto;
        min-height:220px;
    }

    .dur-singapore{
        min-height:460px;
    }
}

@media (max-width:576px){

    .duration-module{
        grid-template-columns:1fr;
    }

    .dur-singapore{
        min-height:320px;
    }

    .duration-card{
        min-height:220px;
    }
}

/* =========================
   TESTIMONIAL
========================= */

.testimonial-sec{
    padding:50px 0 50px;
    background:#fff;
}


.testimonial-head {
    max-width: 1320px;
    margin: 0 auto 36px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.testimonial-head h2{
    font-family:'Fraunces',serif;
    font-size:clamp(1.7rem,3.2vw,2.3rem);
    font-weight:600;
    color:#0B1E17;
    margin-bottom:16px;
}

.testimonial-head p{
    font-size:16px;
    color:#6b7280;
    line-height:1.8;
}

.testimonial-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.testimonial-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(0,0,0,.10);
}

.testimonial-stars{
    color:#F5B301;
    font-size:20px;
    letter-spacing:2px;
    margin-bottom:18px;
}

.testimonial-text{
    color:#4b5563;
    font-size:15px;
    line-height:1.9;
    margin-bottom:28px;
}

.testimonial-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.testimonial-user img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

.testimonial-user h5{
    margin:0;
    font-size:18px;
    color:#0B1E17;
    font-weight:600;
}

.testimonial-user span{
    color:#6b7280;
    font-size:14px;
}

@media(max-width:991px){

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

}

@media(max-width:767px){

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

    .testimonial-card{
        padding:28px;
    }

}

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



.faq-head{
    max-width:700px;
    margin:0 auto 50px;
    text-align:center;
}

.faq-head h2{
    font-family:'Fraunces',serif;
    font-size:clamp(1.7rem,3.2vw,2.3rem);
    font-weight:600;
    color:#0B1E17;
    margin-bottom:15px;
}

.faq-head p{
    font-size:16px;
    color:#6b7280;
    line-height:1.8;
}

.faq-wrapper{
    max-width:900px;
    margin:0 auto;
}

.faq-item{
    background:#fff;
    border:1px solid rgba(11,30,23,.10);
    border-radius:16px;
    margin-bottom:18px;
    overflow:hidden;
    transition:.3s;
}

.faq-item:hover{
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:22px 28px;
    font-size:18px;
    font-weight:600;
    color:#0B1E17;
    position:relative;
    padding-right:60px;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:25px;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border-radius:50%;
    background:#F4F7F5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:500;
    color:#0B1E17;
    transition:.3s;
}

.faq-item[open] summary::after{
    content:"−";
    background:var(--emerald-deep);
    color:#fff;
}

.faq-item p{
    padding:0 28px 24px;
    color:#6b7280;
    font-size:15px;
    line-height:1.9;
}

@media(max-width:767px){

    .faq-sec{
        padding:70px 0;
    }

    .faq-item summary{
        font-size:16px;
        padding:18px 20px;
        padding-right:55px;
    }

    .faq-item p{
        padding:0 20px 20px;
    }

}

/* ===== Footer Fix ===== */

.cont-space li a{
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
}

.cont-space li a img{
    width: 18px;
    flex-shrink: 0;
    margin-top: 3px;
}

.copy-righ,
.made-india{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.made-india img{
    width: 16px;
    height: 16px;
}


/* ===========================
   GYT QUOTE POPUP - ENHANCED
=========================== */

.gyt-quote-popup {
    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
     background:#EEF1F7;
  
}

.gyt-quote-popup.active {
    display: flex;
}

.gyt-quote-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

.gyt-quote-box {
    position: relative;
    width: 90%;
    max-width: 900px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
    max-height: 90vh;
    overflow-y: auto;
}

.gyt-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    font-size: 28px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gyt-popup-close:hover {
    background: #fff;
    transform: rotate(90deg);
}

.gyt-quote-container {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    min-height: 650px;
}

/* Left Side - Blue Section */
.gyt-quote-left {
    background: linear-gradient(135deg, #071F52 0%, #0A2F7A 100%);
    padding: 40px 30px;
    color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.gyt-quote-left::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.3;
}

.gyt-logo {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.gyt-logo-img {
    height: 45px;
    object-fit: contain;
}

.gyt-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: auto;
    position: relative;
    z-index: 1;
}

.gyt-feature {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.12);
    padding: 14px 20px;
    border-radius: 50px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: transform 0.3s ease, background 0.3s ease;
}

.gyt-feature:hover {
    transform: translateX(8px);
    background: rgba(255, 255, 255, 0.22);
}

.gyt-feature-icon {
    width: 40px;
    height: 40px;
    background: #E11B2A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 14px rgba(225, 27, 42, 0.4);
}

.gyt-feature span {
    font-size: 14.5px;
    font-weight: 600;
}

.gyt-reviews {
    text-align: center;
    margin: 24px 0 10px;
    position: relative;
    z-index: 1;
}

.gyt-reviews-text {
    font-size: 14px;
    margin-bottom: 10px;
    opacity: 0.95;
    font-weight: 600;
}

.gyt-review-avatars {
    display: flex;
    justify-content: center;
    gap: -10px;
}

.gyt-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2.5px solid #0A2F7A;
    margin-left: -10px;
    object-fit: cover;
}

.gyt-avatar:first-child {
    margin-left: 0;
}

.gyt-callback-btn {
    background: #E11B2A;
    color: white;
    border: none;
    padding: 16px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    margin-top: 16px;
    box-shadow: 0 8px 20px rgba(225, 27, 42, 0.4);
}

.gyt-callback-btn:hover {
    transform: translateY(-2px);
    background: #C4151B;
    box-shadow: 0 12px 25px rgba(225, 27, 42, 0.55);
}

/* Right Side - Form Section */
.gyt-quote-right {
    padding: 36px 40px;
    background: #fff;
    overflow-y: auto;
}

.gyt-form-title {
    font-size: 22px;
    font-weight: 700;
    color: #071F52;
    margin-bottom: 24px;
}

.gyt-quote-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gyt-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gyt-label {
    font-size: 13.5px;
    font-weight: 700;
    color: #071F52;
}

.gyt-input {
    padding: 11px 15px;
    border: 1.5px solid #E2E8F0;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
    font-family: inherit;
    background: #FAFBFF;
}

.gyt-input:focus {
    outline: none;
    border-color: #0A2F7A;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(10, 47, 122, 0.1);
}

.gyt-phone-input {
    display: flex;
    gap: 10px;
}

.gyt-country-code {
    padding: 11px;
    border: 1.5px solid #E2E8F0;
    border-radius: 10px;
    background: #f8f9fa;
    font-size: 14px;
    cursor: pointer;
    min-width: 80px;
    font-weight: 600;
}

.gyt-select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23071F52' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.gyt-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.gyt-textarea {
    resize: vertical;
    min-height: 70px;
}

.gyt-submit-btn {
    background: #E11B2A;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15.5px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(225, 27, 42, 0.35);
}

.gyt-submit-btn:hover {
    background: #C4151B;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(225, 27, 42, 0.5);
}
    gap: 10px;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.gyt-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 107, 107, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .gyt-quote-container {
        grid-template-columns: 1fr;
    }
    
    .gyt-quote-left {
        padding: 30px 20px;
    }
    
    .gyt-quote-right {
        padding: 30px 20px;
    }
    
    .gyt-form-row {
        grid-template-columns: 1fr;
    }
    
    .gyt-form-title {
        font-size: 20px;
    }
    
    .gyt-feature {
        padding: 12px 15px;
    }
    
    .gyt-feature span {
        font-size: 14px;
    }
}

/* Animation */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gyt-quote-box {
    animation: slideIn 0.4s ease;
}


     
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 16% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #ff7605 transparent #ff7605 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 99999999;
    opacity: 1;
    transition: all 0.5s;
}



@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.animate {
    position: relative;
    color: transparent;
    background: #dddedf;
    background-image: -webkit-gradient(linear, left top, right top, from(#dddedf), color-stop(20%, #c4c5c6), color-stop(40%, #dddedf), to(#dddedf));
    background-image: linear-gradient(90deg, #dddedf 0, #c4c5c6 20%, #dddedf 40%, #dddedf);
    background-repeat: no-repeat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border-radius: 12px;
    display: flex;
    box-shadow: 2.3px 1.9px 8px 0 rgb(0 0 0 / 11%);
    border: 1px solid #fff;
    margin: 20px;

}

.itin-body h3 {
    font-size: 12px;
    font-weight: 700;
    color: var(--blue-900);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 12px 0 8px;
}
#overview h3 {
    font-size: 18px;
    margin-bottom: 14px;
	margin-top: 26px;
}









.gyt-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(10,16,28,.7);
    z-index:1050;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .gyt-overlay.active{ display:flex; }
 .gyt-quote-popup.active ~ .gyt-overlay{display:block;}
  .gyt-popup{
    width:100%;
    max-width:920px;
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 40px 90px rgba(0,0,0,.45);
    position:relative;
  }
 
  /* ---------- left: illustrated scene ---------- */
  .gyt-visual{
    position:relative;
    overflow:hidden;
    min-height:640px;
  }
  .gyt-visual svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding: 10px;
  border-radius: 27px;
  }
 
  /* ---------- right: form panel ---------- */
  .gyt-form-wrap{
   padding: 0px 39px 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  .gyt-close{
    position:absolute;
    top:22px; right:22px;
    background:none;
    border:none;
    color:#16233F;
    padding:4px;
  }
  .gyt-close:hover{ color:#F2600C; }
 
  .gyt-form-title{
   font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 26px;
  color: #000;
  margin-bottom: 0px;
  }
  .gyt-form-sub{
    font-size:.92rem;
    color:#64748B;
    margin-bottom:26px;
  }
 
  .gyt-field{
    display:flex;
    align-items:center;
    background:#F5F7FB;
    border:1.5px solid #E7EAF3;
    border-radius:14px;
    padding:0 16px;
    margin-bottom:22px;
    height:56px;
    position:relative;
    transition:border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
  }
  /*.gyt-field:focus-within{
    border-color:#F2600C;
    background:#fff;
    box-shadow:0 0 0 4px rgba(242,96,12,.10);
  }*/

  .gyt-field input:focus{box-shadow:unset!important;}
  .gyt-field .icon{
    color:#33415C;
    display:flex;
    align-items:center;
    flex-shrink:0;
  }
  .gyt-field .divider{
    width:1px;
    height:22px;
    background:#DCE1EC;
    margin:0 12px;
    flex-shrink:0;
  }
  .gyt-field input,
  .gyt-field select{
    border:none;
    background:transparent;
    outline:none;
    width:100%;
    font-size:.92rem;
    color:#16233F;
    font-family:'Inter', sans-serif;
    appearance:none;
    height:100%;
  }
  .gyt-field input::placeholder{ color:transparent; }
  .gyt-field select{ color:#16233F; }
  .gyt-field .chev{
    color:#33415C;
    flex-shrink:0;
    margin-left:8px;
  }
 
  /* floating labels */
  .gyt-field label{
    position:absolute;
    left:48px;
    top:50%;
    transform:translateY(-50%);
    font-size:.92rem;
    color:#94A3B8;
    pointer-events:none;
    transition:top .22s cubic-bezier(0.4,0,0.2,1), font-size .22s cubic-bezier(0.4,0,0.2,1), color .22s ease, background-color .22s ease;
    background:transparent;
    padding:0 4px;
    transform-origin:left center;
  }
  .gyt-field input:focus + label,
  .gyt-field input:not(:placeholder-shown) + label,
  .gyt-field select:focus + label,
  .gyt-field select.has-value + label,
  .gyt-field textarea:focus + label,
  .gyt-field textarea:not(:placeholder-shown) + label{
    top:0;
    transform:translateY(-50%);
    font-size:.68rem;
    font-weight:600;
    color:#F2600C;
    background:#fff;
    border-radius:4px;
  }
 
  .gyt-field.textarea-field{
    height:auto;
    align-items:flex-start;
    padding:14px 16px;
  }
  .gyt-field.textarea-field .icon{ margin-top:2px; }
  .gyt-field.textarea-field label{ top:26px; }
  .gyt-field.textarea-field textarea:focus + label,
  .gyt-field.textarea-field textarea:not(:placeholder-shown) + label{ top:0; }
  .gyt-field textarea{
    border:none;
    background:transparent;
    outline:none;
    resize:none;
    width:100%;
    font-size:.92rem;
    color:#16233F;
    font-family:'Inter', sans-serif;
    min-height:52px;
  }
  .gyt-field textarea::placeholder{ color:transparent; }
 
  .gyt-phone-row{ display:flex; gap:12px; margin-bottom:22px; }
  .gyt-code{
    display:flex;
    align-items:center;
    background:#F5F7FB;
    border:1.5px solid #E7EAF3;
    border-radius:14px;
    padding:0 14px;
    height:56px;
    font-weight:700;
    color:#16233F;
    font-size:.92rem;
    flex-shrink:0;
    width:80px;
    outline:none;
    appearance:none;
    font-family:'Inter', sans-serif;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%2333415C" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>');
    background-repeat:no-repeat;
    background-position:right 12px center;
  }
  .gyt-code:focus{ border-color:#F2600C; background-color:#fff; }
  .gyt-phone-row .gyt-field{ flex:1; margin-bottom:0; }
 
  .gyt-submit{
    width:100%;
    background:#F2600C;
    color:#fff;
    font-family:'Poppins', sans-serif;
    font-weight:700;
    font-size:.98rem;
    border:none;
    border-radius:14px;
    padding:16px;
    margin-top:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    box-shadow:0 18px 34px rgba(242,96,12,.38);
  }
  .gyt-submit:hover{ background:#d9540a; }
 
  @media (max-width: 780px){
    .gyt-visual{ min-height:220px; }
   
    .gyt-form-title{ font-size:1.35rem; }
  }








    .hero {position: relative;width: 100%;height: 100vh;min-height: 640px;overflow: hidden;display: flex;flex-direction: column;}
    .hero-bg {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(120% 70% at 50% -10%, #14224F 0%, #0B1830 55%),
        linear-gradient(180deg, #0B1830 0%, #101C36 60%, #0B1830 100%);
    }

    .hero-glow {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(38% 45% at 18% 22%, rgba(10, 47, 122, 0.35) 0%, rgba(10, 47, 122, 0) 60%),
        radial-gradient(32% 40% at 85% 15%, rgba(225, 27, 42, 0.28) 0%, rgba(225, 27, 42, 0) 60%),
        radial-gradient(50% 35% at 50% 100%, rgba(225, 27, 42, 0.10) 0%, rgba(225, 27, 42, 0) 60%);
    }
    .hero-dotgrid img{width:100%; object-fit:cover;}
    /*.hero-dotgrid {
      position: absolute;
      inset: 0;
      opacity: 0.5;
      background-image: radial-gradient(rgba(245, 247, 251, 0.14) 1px, transparent 1.4px);
      background-size: 26px 26px;
      -webkit-mask-image: radial-gradient(70% 60% at 50% 35%, #000 0%, transparent 75%);
      mask-image: radial-gradient(70% 60% at 50% 35%, #000 0%, transparent 75%);
    }*/

    .hero-skyline {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 42%;
    }

    .overlay-grade {
      position: absolute;
      inset: 0;
      background: radial-gradient(120% 60% at 50% 100%, rgba(11, 24, 48, 0.6) 0%, rgba(11, 24, 48, 0) 60%);
      z-index: 2;
    }

    .grain {
      position: absolute;
      inset: 0;
      z-index: 4;
      opacity: 0.05;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }

 
    .flightpath {
      position: absolute;
      inset: 0;
      z-index: 6;
      pointer-events: none;
    }

    .flightpath path {
      fill: none;
      stroke: url(#pathGrad);
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-dasharray: 6 14;
      animation: dash 5.5s linear infinite;
      opacity: 0.85;
    }

    @keyframes dash {
      to {
        stroke-dashoffset: -400;
      }
    }

    .plane-dot {
      filter: drop-shadow(0 0 6px rgba(225, 27, 42, 0.9));
    }

   


    

    /* ================= CONTACT PAGE ================= */


    /* Hero */
    .contact-hero {
      position: relative;
      overflow: hidden;
      padding: 150px clamp(20px, 4vw, 64px) 90px;
      text-align: center;
    }

    .contact-hero-content {
      position: relative;
      z-index: 5;
      max-width: 640px;
      margin: 0 auto;
    }

    .contact-hero .eyebrow {
      margin: 0 auto 20px;display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #E11B2A;
 
  background: rgba(225, 27, 42, 0.08);
  border: 1px solid rgba(225, 27, 42, 0.28);
  padding: 7px 16px;
  border-radius: 100px;
    }

    .contact-hero h1 {
      font-family: 'Fraunces', serif;
      font-weight: 600;
      color: #fff;
      font-size: clamp(2.1rem, 5vw, 3.2rem);
      line-height: 1.1;
      letter-spacing: -0.01em;
    }

    .contact-hero p {
      margin-top: 16px;
      color: rgba(238, 243, 252, 0.72);
      font-size: 16px;
      line-height: 1.6;
    }
    .m-field label {
        display: block;
        font-size: 13px;    
        font-weight: 700;
        color:#071F52;
        margin-bottom: 6px;
      }
    .m-field input, .m-field select, .m-field textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(10, 47, 122, 0.16);
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  color: var(--ink);
  background: #fff;
  outline: none;
  transition: border-color .2s ease;
}
    .m-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
    .m-field {margin-bottom: 16px;}

    .modal-submit { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--teal); color: #fff; font-weight: 800; font-size: 15px; padding: 15px; border-radius: 12px; border: none; cursor: pointer; transition: background .2s ease, transform .2s ease; }
    .modal-submit { color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; }
    .modal-submit:hover { background:#FF3B48; transform: translateY(-1px); }
    .modal-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 40px 10px; }
    .modal-success .s-ico { width: 64px; height: 64px; border-radius: 50%; background: var(--mint-chip); color: var(--teal); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
    .modal-success h4 { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.3rem; color: var(--ink); }
    .modal-success p { margin-top: 8px; color: #5C6D64; font-size: 14px; max-width: 320px; }
    .contact-icon-row {
      position: relative;
      z-index: 5;
      margin: 34px auto 0;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.16);
      backdrop-filter: blur(10px);
      padding: 12px 20px;
      border-radius: 100px;
    }

    .contact-icon-row .ic {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .2s ease, color .2s ease;
    }

    .contact-icon-row .ic:hover {
      background: #E11B2A;
    }

    /* Info cards */
    .contact-info {
      background: #EEF3FC;
      padding: 0 clamp(20px, 4vw, 64px);
      margin-top: -56px;
      position: relative;
      z-index: 6;
      padding-top:2rem;
    }

    .contact-info-grid {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .info-card {
      background: #fff;
      border-radius: 18px;
      padding: 24px 26px;
      box-shadow: 0 20px 44px rgba(10, 28, 70, 0.12);
    }

    .info-ico {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      background: #E7EEFC;
      color: #E11B2A;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
    }

    .info-card h3 {
      font-family: 'Fraunces', serif;
      font-weight: 600;
      color: #071F52;
      font-size: 17px;
      margin-bottom: 8px;
    }

    .info-card p {
      color: #5C6D74;
      font-size: 14px;
      line-height: 1.6;
    }

    .info-card p.dim {
      color: #93A0AC;
      font-size: 12.5px;
      margin-top: 4px;
    }

    /* Form + connect */
    .contact-main {
      background: #EEF3FC;
      padding: 80px clamp(20px, 4vw, 64px) 110px;
    }

    .contact-main-grid {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 26px;
      align-items: start;
    }

    .contact-form-card,
    .contact-connect-card {
      background: #fff;
      border-radius: 20px;
      padding: 32px 30px;
      box-shadow: 0 16px 36px rgba(10, 28, 70, 0.08);
    }

    .contact-form-card h3,
    .contact-connect-card h3 {
      font-family: 'Fraunces', serif;
      font-weight: 600;
      color: #071F52;
      font-size: 19px;
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 22px;
    }

    .contact-form-card h3 svg,
    .contact-connect-card h3 svg {
      color: #E11B2A;
    }

    .connect-social {
      display: flex;
      gap: 10px;
      
    }

    .connect-social a {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 1px solid rgba(10, 47, 122, 0.14);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #071F52;
      transition: background .2s ease, color .2s ease, border-color .2s ease;
    }

    .connect-social a:hover {
      background: #E11B2A;
      border-color: transparent;
      color: #fff;
    }

    .connect-hours {
      border-top: 1px solid rgba(10, 47, 122, 0.08);
      padding-top: 20px;
      margin-top: 6px;
    }

    .connect-hours-row {
      display: flex;
      justify-content: space-between;
      font-size: 13.8px;
      color: #4A5C74;
      padding: 6px 0;
    }

    .connect-hours-row span:last-child {
      font-weight: 700;
      color: #071F52;
    }

    .connect-map {
      margin-top: 24px;
      border-radius: 14px;
      overflow: hidden;
      position: relative;
      aspect-ratio: 4/3;
      background: #071F52;
    }

    .connect-map .pin {
    position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -60%);
  z-index: 2;
  width: 101%;
  height: 100%;
  border-radius: 50% 50% 50% 0;
  background: #E11B2A;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
    }

  
    @media (max-width:980px) {
      .contact-info-grid {
        grid-template-columns: 1fr;
      }

      .contact-main-grid {
        grid-template-columns: 1fr;
      }

      .contact-info {
        margin-top: -40px;
      }
    }
    @media (max-width: 768px) {
      body { padding-top: 72px !important; }.contact-hero , .about-hero{padding:34px clamp(20px, 4vw, 64px) 77px!important;}
      .contact-main { padding: 40px 16px !important; }
      .contact-form-card, .contact-connect-card { padding: 20px 16px !important; border-radius: 16px !important; }
      .m-row { flex-direction: column !important; gap: 14px !important; }
    }










.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #E11B2A;
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  padding: 14px 26px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}

.btn-primary:hover {
  background: #FF3B48;
  transform: translateY(-2px);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  padding: 13px 25px;
  border-radius: 100px;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}

.about-hero {
  position: relative;
  overflow: hidden;
  padding: 150px clamp(20px, 4vw, 64px) 110px;
}

.about-hero-content {
  position: relative;
  z-index: 5;
  max-width: 680px;
}

.about-hero h1 {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #fff;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.about-hero h1 .grad-word {
  background: #E11B2A;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.about-hero p {
  margin-top: 20px;
  color: rgba(238, 243, 252, 0.72);
  font-size: 16.5px;
  line-height: 1.65;
  max-width: 560px;
}

.about-hero-ctas {
  margin-top: 32px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.story {
  background: #EEF3FC;
  padding: 100px clamp(20px, 4vw, 64px);
}

.story-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.story-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 800;
  color: #E11B2A;
  background: #E7EEFC;
  border: 1px solid rgba(225, 27, 42, 0.2);
  padding: 7px 16px;
  border-radius: 100px;
  margin-bottom: 22px;
}

.story h2 {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #071F52;
  font-size: clamp(1.9rem, 3.6vw, 2.7rem);
  line-height: 1.14;
  letter-spacing: -0.01em;
}

.story p {
  margin-top: 18px;
  color: #4A5C74;
  font-size: 15.5px;
  line-height: 1.75;
  max-width: 520px;
}

.story-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.story-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14.5px;
  color: #071F52;
  font-weight: 600;
}

.story-list-item .check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #E7EEFC;
  color: #E11B2A;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.story-art {
  position: relative;
  aspect-ratio: 1/1;
}

.story-art-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;

  box-shadow: 0 30px 60px rgba(10, 28, 70, 0.25);
}

.story-art-badge {
  position: absolute;
  z-index: 5;
  background: #fff;
  border-radius: 16px;
  padding: 14px 18px;
  box-shadow: 0 16px 34px rgba(10, 28, 70, 0.25);
  display: flex;
  align-items: center;
  gap: 12px;
}

.story-art-badge .n {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #E11B2A;
}

.story-art-badge .l {
  font-size: 11.5px;
  color: #5C6D74;
  font-weight: 700;
  line-height: 1.3;
}

.story-art-badge.top {
  top: 8%;
  left: -6%;
}

.story-art-badge.bottom {
  bottom: 10%;
  right: -8%;
}

.stats-band {
  background: #071F52;
  padding: 64px clamp(20px, 4vw, 64px);
}

.stats-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.stat-item {
  text-align: center;
  padding: 0 16px;
  position: relative;
}

.stat-item+.stat-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: rgba(255, 255, 255, 0.12);
}

.stat-num {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #fff;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
}

.stat-label {

  font-size:.75rem;
  color: rgba(238, 243, 252, 0.72);
  font-weight: 600;
  letter-spacing: 0.02em;
}

@media (max-width:760px) {
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px 0;
  }

  .stat-item:nth-child(3)::before {
    display: none;
  }
}

.values {
  background: #fff;
  padding: 100px clamp(20px, 4vw, 64px);
}

.values-head {
  max-width: 640px;
  margin: 0 auto 52px;
  text-align: center;
}

.values-head h2 {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #071F52;
  font-size: clamp(1.9rem, 3.6vw, 2.6rem);
}

.values-head p {
  margin-top: 14px;
  color: #4A5C74;
  font-size: 15.5px;
}

.values-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.value-card {
  background: #EEF3FC;
  border-radius: 20px;
  padding: 30px 24px;
  transition: transform .3s ease, box-shadow .3s ease;
}

.value-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(10, 28, 70, 0.12);
}

.value-ico {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #071F52;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.value-card h3 {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #071F52;
  font-size: 17px;
}

.value-card p {
  margin-top: 8px;
  color: #5C6D74;
  font-size: 13.8px;
  line-height: 1.6;
}

@media (max-width:980px) {
  .values-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:560px) {
  .values-grid {
    grid-template-columns: 1fr;
  }
}


.about-cta h2 {
  font-family: "Fraunces", serif;
  font-weight: 600;
  color: #fff;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  position: relative;
  z-index: 2;
}

.about-cta p {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 15.5px;
  position: relative;
  z-index: 2;
}

.about-cta-ctas {
  margin-top: 28px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.about-cta .btn-primary {
  background: #fff;
  color: #E11B2A;
}

.about-cta .btn-primary:hover {
  background: #071F52;
  color: #fff;
}

@media (max-width:900px) {
  .story-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .story-art {
    max-width: 420px;
    margin: 0 auto;
  }
}
.privacy-hero{background: linear-gradient(135deg, #071F52 0%, #0A2F7A 100%);
  color: #fff;
  padding:120px 0 60px;
  text-align: center;}
.privacy-hero h1 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.privacy-hero p {
  font-size: 16px;
  color: #CBD5E1;
  margin: 0;
}

.privacy-section {
        padding: 50px 0;
        background: #F8FAFC;
    }

    .privacy-wrapper {
        max-width: 960px;
        margin: 0 auto;
    }

    .privacy-card {
        background: #fff;
        border-radius: 16px;
        border: 1px solid #E2E8F0;
        padding: 30px;
        margin-bottom: 24px;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    }

    .privacy-card p,
    .privacy-card li {
        color: #475569;
        font-size: 14.5px;
        line-height: 1.7;
    }

    .privacy-card strong {
        color: #071F52;
    }

    .privacy-card h3 {
        color: #071F52;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 16px;
        border-left: 4px solid #E11B2A;
        padding-left: 12px;
    }

    .privacy-list {
        padding-left: 20px;
        margin-bottom: 0;
    }

    .privacy-list li {
        margin-bottom: 10px;
    }


    /* ---------- RESPONSIVE ---------- */

    @media (max-width: 768px) {

        .privacy-section {
            padding: 30px 16px !important;
        }

        .privacy-wrapper {
            max-width: 100%;
        }

        .privacy-card {
            padding: 20px 16px !important;
            border-radius: 12px !important;
        }

        .privacy-card h3 {
            font-size: 18px !important;
        }

        .privacy-card p,
        .privacy-card li {
            font-size: 14px;
            line-height: 1.65;
        }

        .privacy-list {
            padding-left: 18px;
        }
    }
















































  /*popup*/
.new_popup_main{background:#fff;max-width:580px;transform:translate(-50% , -50%);left:50%;top:50%;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 40px 90px rgba(10,28,70,0.22);position:absolute; font-family:var(--main-font) !important;height:580px;
  overflow-y: scroll;}
.qf-topbar {height: 6px;background:#0A2F7A;}
.qf-body {
  padding:25px 32px 16px;
}
 .qf-logo{ display:flex; justify-content:center; margin-bottom:12px; }
  .qf-logo img{ width:130px;}

  .qf-body h2{
    font-family:'Fraunces', serif; font-weight:600; color:#0B1830;
    font-size:clamp(1.35rem, 3vw, 1.65rem); line-height:1.3; text-align:center;
    letter-spacing:-0.01em; margin-bottom:30px;
  }

  .qf-row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }

  .qf-field{ position:relative; margin-top:14px; }
  .qf-field label{
    position:absolute; top:0; left:14px; transform:translateY(-50%);
    background:#fff; padding:0 7px; font-size:12px; font-weight:700; color:#0A2F7A;
    letter-spacing:0.01em; z-index:2; white-space:nowrap;
  }
  .qf-field label .req{ color:#E11B2A; }
  .qf-field:focus-within label{ color:#E11B2A }

  .qf-field input, .qf-field select{
    width:100%; border:1.6px solid #DCE2ED; border-radius:10px;
    padding:16px 14px 12px; font-family:'Manrope', sans-serif; font-size:14.5px; color:#0B1830;
    background:#fff; outline:none; transition:border-color .2s ease, box-shadow .2s ease;
  }
  .qf-field select{ cursor:pointer; }
  .qf-field input:focus, .qf-field select:focus{
    border-color:#E11B2A; box-shadow:0 0 0 3px rgba(225,27,42,0.1);
  }
  .qf-field input::placeholder{ color:#AAB4C4; }

  .qf-phone-row{ display:grid; grid-template-columns:92px 1fr; gap:10px; }
  .qf-isd{ position:relative; }
  .qf-isd select{
    width:100%; border:1.6px solid #DCE2ED; border-radius:10px;
    padding:16px 10px 12px; font-family:'Manrope', sans-serif; font-size:14.5px; color:#0B1830;
    background:#fff; outline:none; cursor:pointer; appearance:none;
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .qf-isd select:focus{ border-color:#E11B2A; box-shadow:0 0 0 3px rgba(225,27,42,0.1); }
  .qf-isd::after{
    content:unset; position:absolute; right:10px; top:52%; transform:translateY(-50%);
    color:#6B7A90; font-size:11px; pointer-events:none;
  }

  .qf-stepper{
    display:flex; align-items:center; justify-content:space-between;
    border:1.6px solid #DCE2ED; border-radius:10px; padding:9px 9px 9px 14px;
  }
  .qf-stepper .st-label{ font-size:14.5px; color:#0B1830;; font-weight:600; }
  .qf-stepper .st-controls{ display:flex; align-items:center; gap:2px; }
  .qf-stepper .st-btn{
    width:32px; height:32px; border-radius:8px; border:none; background:#F2F4F8; color:#0B1830;;
    font-size:17px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:background .2s ease, color .2s ease;
  }
  .qf-stepper .st-btn:hover{ background:#E11B2A; color:#fff; }
  .qf-stepper .st-btn:disabled{ opacity:0.4; cursor:not-allowed; }
  .qf-stepper .st-btn:disabled:hover{ background:#F2F4F8; color:#0B1830;; }
  .qf-stepper .st-count{ width:32px; text-align:center; font-size:15px; font-weight:800; color:#0B1830;; }

  .qf-submit{
    width:100%; margin-top:26px;
    display:flex; align-items:center; justify-content:center; gap:9px;
    background:#E11B2A; color:#fff; font-weight:800; font-size:15px;
    padding:16px; border-radius:12px; border:none; cursor:pointer;
    transition:background .2s ease, transform .2s ease;
  }
  .qf-submit:hover{ background:#063E95; transform:translateY(-2px); }

  .qf-note{ margin-top:16px; text-align:center; font-size:12px; color:#6B7A90; }

  @media (max-width:480px){
    body{ padding:0; align-items:stretch; }
    .qf-card{ max-width:100%; border-radius:0; min-height:100vh; display:flex; flex-direction:column; box-shadow:none; }
    .qf-body{ padding:16px 18px 14px; flex:1; }
    .qf-logo{ margin-bottom:13px; }
    
    .qf-body h2{ font-size:1.3rem; margin-bottom:12px; line-height:1.25; }
    .qf-row2{ grid-template-columns:1fr 1fr; gap:10px; }
    .qf-field{ margin-top:14px; }
    .qf-field label{ font-size:11px; left:11px; padding:0 5px; }
    .qf-field input, .qf-field select{ padding:10px 10px 10px; font-size:13.8px; border-radius:6px; }
    .qf-phone-row{ gap:8px; }
    .qf-isd select{ padding:9px 8px 6px; font-size:12.8px; }
    .qf-stepper{ padding:8px 8px 8px 10px; border-radius:6px; }
    .qf-stepper .st-label{ font-size:12px; }
    .qf-stepper .st-btn{ width:30px; height:30px; font-size:14px; border-radius:4px; }
    .qf-stepper .st-count{ width:24px; font-size:13.5px; }
    .qf-submit{ margin-top:12px; padding:11px; font-size:13.5px; }
    .qf-note{ margin-top:8px; font-size:10px; }
  }

.new_popup_top{background:url(/resources/images/package/head-bg.webp) no-repeat center/cover;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;padding:15px;position:relative;}
.new_popup_top:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border-radius:15px 15px 0 0;}
.new_popup_top_left{position:relative;z-index:1;}
.new_popup_top_left h2{font-size:26px;font-weight:700;color:#fff;margin:0;padding:0;margin-bottom:5px;}
.new_popup_top_left span{font-size:14px;font-weight:300;color:#f7f7f7;letter-spacing:.3px;display:inline-block;padding-bottom:8px;}
.new_popup_top_left p{font-size:14px;color:#D8E2EE;font-weight:300;margin:0;padding:0;}
.new_popup_box{padding:10px 20px 20px;}
.new_popup_input input{width:100%;height:44px;padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;}
.new_popup_input input:focus, .phone-group select:focus, textarea:focus{outline:none;border-color:#E4262C;box-shadow:0 0 0 2px rgba(228,38,44,.15);}
.new_popup_input label , .phone-group label{font-size:13px;font-weight:400;color:#333;margin-left:6px;}
.new_popup_input{margin-bottom:4px;}
.phone-group select{width:100%;height:44px;padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;}
.stepper{display:flex;align-items:center;border:1.3px solid #D9DDE3;border-radius:6px;overflow:hidden;width:100%;justify-content:space-between;}
.stepper button{border:none;background:#1657C9;width:40px;height:44px;font-size:20px;color:#fff;cursor:pointer;transition:background .15s;font-weight:800;}
.stepper button:hover{background:#1249aa;color:#fff;}
.stepper input{border:none;width:38px;text-align:center; font-weight:bold; font-size:1rem;color:#000;}
.stepper input:focus{outline:none;}
.new_popup_btn button{width:100%;background:#1657C9;border-radius:8px;color:#fff;padding:10px;display:flex;align-items:center;text-align:center;justify-content:center;gap:12px;border:0;font-weight:600;transition:background .15s;}
.new_popup_btn button:hover{background:#c31e23;}
.new_popup_top_right{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#f7f7f7;cursor:pointer;z-index:1;position:absolute;right: 14px;top: 16px;}
.new_popup_top_right svg{stroke:#0B2B4C;}
.form-control.height-140{height:110px !important; font-weight:normal;}
.number_cu{padding-left:71px!important;}
.number_cu1{border-top-left-radius: 0 !important;  border-bottom-left-radius: 0 !important;border-left:0!important;}
.phone-group .iti--allow-dropdown input{padding-right:10px}
.new_bottom_call a {justify-content:center;padding: 10px 14px 10px 8px;background: #103d6b;border-radius: 55px;box-shadow: 0 12px 35px rgba(0, 0, 0, .22);transform: translateX(-50%);left: 50%;position: absolute;border:2px solid #fff;
    bottom: 10px;width:420px;display: flex;align-items: center;gap:15px;}.call_icon{margin-left:15px;}

.call_icon span{position: relative;
    width:40px;
    height:40px;
    min-width:40px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ed1b2f;
    color: #fff;
    font-size: 23px;
    box-shadow: 0 7px 18px rgba(237, 27, 47, .35);
    animation: callPulse 2.2s infinite;}
@keyframes callPulse {

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

    50% {
        transform: scale(1.06);
    }

}


@keyframes callRing {

    0% {
        transform: scale(.9);
        opacity: .7;
    }

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

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

}
.call_icon span svg{stroke:#fff;width:20px;height:20px;animation: ring 2.2s ease-in-out infinite;}
    .new_bottom_call {
    padding: 10px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display:none;

    /* hidden by default, slides in on scroll */
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.45s cubic-bezier(.22,1,.36,1), opacity 0.35s ease, visibility 0.45s;
}
    @media (max-width: 768px) {
    .new_bottom_call {
        display: block; /* sirf mobile/tablet pe show */
    }
}

.new_bottom_call.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.bottom_call_main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bottom_call_left {
margin-right:10px;
   width:45px;
    height:45px;
    position: relative;
}

.bottom_call_left::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right:2px;
    bottom: 2px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 5;
}

.bottom_call_left img {
    width: 100%;
    height:100%;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 50%;
    border:2px solid #0A2F7A;

    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
  
}
.bottom_call_right strong {
   display: block;
  margin-bottom:7px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
}

.bottom_call_right p {display: flex;align-items: center;gap: 8px;color: #fff;font-size: 16px;line-height: 1.2;font-weight: 800;margin:3px 0;padding:0;}


.bottom_call_right p span {
    color: #fff;
    font-weight: 600;
}

.bottom_call_right svg {
width:26px;height:26px;stroke:#fff;
    
}

@keyframes ring {
    0%, 100% { transform: rotate(0); }
    5%  { transform: rotate(15deg); }
    10% { transform: rotate(-12deg); }
    15% { transform: rotate(8deg); }
    20% { transform: rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
    .new_bottom_call, .bottom_call_right svg { animation: none; transition: none; }
}

@media (max-width:580px) {.new_popup_main{width:95%;}.new_popup_top_left h2{font-size:18px;margin-bottom:4px;}.new_popup_top_left span{font-size:13px;color:#f7f7f7;font-weight:300;}
.new_popup_top_left p{font-size:13px;}.new_popup_top{padding:9px 14px;}.new_popup_top_right{width:28px;height:28px;padding:4px;}
.form-control.height-140{height:80px!important;}.new_popup_input{margin-bottom:0;}.new_popup_btn button{margin-top:12px;}.new_popup_box{padding:10px 12px 20px;}
}
@media (max-width:430px) {
    .col-6.full_width{width:100%!important;}.col-4.h_wight{width:50%!important;}.col-6.new_pr{padding-left: .25rem !important;margin-bottom:8px;}.col-8.new_pl{padding-right:0.62rem !important}
}
@media (max-width:380px) {.new_popup_top_left h2{font-size:17px;}.new_popup_top{padding:9px;}
}


.err-msg {
    color: #dc3545;
    font-size: 13px;
    margin-top: 4px;
}

.has-error input,
.has-error select,
.has-error textarea {
    border-color: #dc3545 !important;
}
#tyConfetti{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;}

#tyConfetti span{display:block;position:absolute;top:-15px;border-radius:2px;animation:tyConfettiFall linear forwards;}

@keyframes tyConfettiFall{
    0%{transform:translateY(0) rotate(0deg);opacity:1;}
    100%{transform:translateY(600px) rotate(360deg);opacity:0;}
}
@keyframes ty-fall{
    0%{transform:translateY(0) rotate(0deg);opacity:1;}
    100%{transform:translateY(560px) rotate(340deg);opacity:0;}
}
.Thanks_popup{width:100%;height:100vh;position:fixed;z-index:9999999;left:0;top:0;background:rgba(0,0,0,0.8);display:none;}
.Thanks_popup_sub{position:absolute;width:450px;padding:2rem 1.5rem;transform:translate(-50% , -50%);left:50%;top:50%;background-color:#fff;border-radius:6px;text-align:center;}
.done_icon img{width:50px;}
.done_icon{margin-bottom:15px;margin-left: 40%;}
.Thanks_popup_sub h2{font-size:24px;font-weight:600;color:#000;}
.Thanks_popup_sub p{font-size:14px;color:#555;}
.popup_call_btn a{background-color:#e11b2a;width:95%;padding:8px;display:inline-block;border-radius:8px;color:#fff;font-weight:600;text-decoration:none;}
.close_btn{width:30px;height:30px;border-radius:100%;background-color:#f1f1f1;position:absolute;right:4px;top:2px;line-height:28px;cursor:pointer;}
.close_btn svg{width:18px;height:18px;}
#quoteError,#quoteError1{    text-align: center;}
#quoteErrorMsg,#quoteErrorMsg1{font-size: 12px;
    color: red;
    font-weight: 600;
    text-align: center;}

.new_wrap img{width: 100%;height: 100%;object-fit: cover;}
.new_wrap{padding-top: 71px!important;position: relative;height: 640px;overflow: hidden;}
.new_wrap .ribbon-badge{top: 66px !important;}
.new_hero_content{
  position: absolute;
left: clamp(29px, 10vw, 87px);
  right: clamp(20px, 4vw, 40px);
  bottom: 28px;
  color: #fff;
  z-index: 2;
}
.hero-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 10, 9, .65) 0%, rgba(6, 10, 9, .05) 28%, rgba(6, 10, 9, 0) 55%);
}

@media (max-width:480px) {.Thanks_popup_sub{width:95%;}.ty-check{width:55px;height:55px;}.ty-check-wrap{width:55px;height:55px;}.Thanks_popup_sub h2{font-size:20px;}.Thanks_popup_sub p{font-size:13px;margin-bottom:10px;}
}





/*packages index*/



h1,h2,h3,h4 {font-family: 'Poppins', sans-serif;}
a {text-decoration: none;color: inherit;}
img {width: 100%;display: block;object-fit:cover;}
.wrap {max-width: 1240px;  margin: 0 auto;  padding: 0 1rem;}
/* ================= TITLE ================= */
.titleblock {padding-top: 24px;padding-bottom: 20px;}
.crumbs {display: flex;align-items: center;gap: 8px;font-size: 13px;color: #64748B;margin-bottom: 16px;}
.crumbs a {color:#54607A;font-weight: 600;}
h1.pagetitle{font-size:25px;line-height: 1.2;letter-spacing: -0.01em;max-width: 720px;font-weight:600;}
.crumbs a:hover {color: #0A2F7A;}
section.block {
  background:#fff;
  border: 1px solid #E4E9F5;
  border-radius:14px;
  padding: 28px 30px;
  margin-bottom: 24px;
  box-shadow:0 10px 30px -12px rgba(14,33,89,0.18);
}
.sep {
    color: #94A3B8;
}

.cur {
    color: #071F52;
    font-weight: 700;
}

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

.pagetitle {
    margin: 0 0 10px;
    font-size: 34px;
    line-height: 1.2;
    color: #071F52;
    font-weight: 800;
}

.duration-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background:#EAF0FF;
    color:#1B3FA0;
    font-size: 13px;
    font-weight: 700;
}


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

.layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 30px;
    align-items: start;
}
.wrap.layout{   grid-template-columns: minmax(0, 1fr) 420px;padding:0;}
.block {
    margin-bottom: 34px;
}

.block .eyebrow {

  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color:#E31E24;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
h2.h2 {
  font-size:20px;
  margin-bottom:10px;font-weight:600;
}
.h2 {
    margin: 0 0 16px;
    color: #071F52;
    font-size: 24px;
    font-weight: 800;
}
p.copy {
  color: #374057;
  font-size:14px;
}



.highlights {
    list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

.highlights li {
   display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size:11.5px;
  color: #2C3550;
  font-weight:400;

}

.highlights svg {
   flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin-top: 1px;
}
.block h3{font-size:17px;color:#333;font-weight:500;}

/* ================= INCLUDES ================= */

.includes-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  margin-top: 16px;
}

.inc-card {
   border: 1px solid #E4E9F5;
  border-radius: 12px;
  padding: 20px 14px;
  text-align: center;
  background: linear-gradient(180deg,#F8FAFF 0%,#fff 100%);
  transition: .2s;
}

.inc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(7, 31, 82, .08);border: 1px solid #2C55C7;
}

.inc-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inc-icon svg {
    width: 23px;
    height: 23px;
}

.inc-icon.blue {
    background: #1B3FA0;
}

.inc-icon.red {
    background: #E11B2A;
}

.inc-icon.gold {
    background: #F2A93B;
}

.inc-label {
    color: ##0E2159;
    font-size: 13px;
    font-weight: 700;
}


/* ================= ITINERARY ================= */

.itin-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.new_itin_list{position: relative !important;
  margin-bottom: 10px;
}
.itin-day {
    overflow: hidden;

    border-radius: 14px;
    background: #fff;
}

.itin-head {
   display: flex;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  padding: 6px 6px 6px 0;
  border-radius: 10px;
  transition: background .2s;
}
.itin-head .itin-num{position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(14,33,89,.35);}

.itin-headtext {
    flex: 1;
  padding-top: 4px;
}

.itin-daylabel {
   display: block;
  font-family:'IBM Plex Mono',monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  color: #54607A;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.itin-title {
   font-family:'Sora',sans-serif;
  font-weight: 700;
  font-size: 16px;
  color:#0E2159;
}

.itin-chevron {
    flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid #E4E9F5;
  background: #fff;
  color:#1B3FA0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s;
  margin-top: 6px;
}
.itin-chevron svg{width:24px;stroke-width:1.2;stroke:#333;}
.itin-day:nth-child(2n+1) .itin-num {
  background:#E31E24;
}
 .itin-day:nth-child(2n) .itin-num {
  background:#1B3FA0;
}
.itin-day.open .itin-chevron {
    transform: rotate(180deg);
    border-color:#2C55C7;
}
.itin-body p {
  font-size: 13.5px;
  color: #4A5573;
  margin: 0 0 10px;
}

.itin-body {
    display: none;
    padding: 0 20px 18px 68px;
    color: #64748B;
    font-size: 13.5px;
    line-height: 1.7;
}

.itin-day.open .itin-body {
    display: block;
}

.itin-hl-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 16px;
}
.itin-hl-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E31E24;
  flex-shrink: 0;
}
.itin-hl-list li {
    font-size: 13px;
  color: #374057;
  display: flex;
  gap: 8px;
  align-items: center;
}

.new_itin_list::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 26px;
  left: 23px;
  width: 2px;
  background: #E4E9F5;
  z-index:0;
}


.tabs-head {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E2E8F0;
}
.hero-single-container{padding: 28px 0 12px;margin-top:5rem;}
.tab-btn {
    font-family:'Sora',sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 22px;
  background: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  cursor: pointer;
  color:#54607A;
  position: relative;
  top: 2px;
}


.tab-btn.active {
    color:#1B3FA0!important;
    border-bottom:3px solid #E31E24!important;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;animation: fade .25s ease;
}

.tab-panel p {
    margin: 0 0 12px;
    color: #64748B;
    font-size: 13.5px;
    line-height: 1.7;
}

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

.tab-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 11px;
    color: #334155;
    font-size: 13.5px;
    line-height: 1.6;
}

.tab-list svg {
    width: 17px;
    height: 17px;
    flex: none;
    margin-top: 2px;
}


/* ================= SIDEBAR ================= */

.sidebar {
   position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.price-card {
   background: linear-gradient(135deg,#0E2159 0%,#1B3FA0 100%);
  border-radius: 20px;
  padding: 28px 28px 24px;
  color: #fff;
  box-shadow: 0 20px 40px rgba(14,33,89,0.22);
  border: 1px solid rgba(255,255,255,0.1);position:relative;width:100%;
}

.price-label {
    font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #AFC0EE;
  font-weight: 700;
}
.price-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 8px;
}
.price-main {
    color: #fff;
    font-size: 28px;
    font-weight:700;
}

.price-sub {
font-size: 13px;
  color: #C9D3EE;
  margin-top: 2px;
}

.divider-line {height: 2px;background: rgba(255,255,255,.18);margin: 18px 0;}

.btn-enquiry {width: 100%;background:#E31E24;color: #fff;border: none;padding: 14px;border-radius: 12px;font-weight: 800;font-size: 15px;cursor: pointer;transition: transform .2s, box-shadow .2s;}

.btn-enquiry:hover {
    background: #C4151B;
    transform: translateY(-2px);
}


/* ================= ENQUIRY FORM ================= */

#enquiryForm.form-card {padding:28px;box-shadow: 0 14px 34px rgba(10,20,17,.10);border-radius: 20px;background: #fff;color: #fff;}
#enquiryForm.form-card h3 {font-size: 18px;margin-bottom: 4px;font-weight: 700;color:#0E2159;}

#enquiryForm.form-card .sub {
  font-size: 13px;
  color:#54607A;
  margin-bottom: 16px;
}

#enquiryForm .field {
    margin-bottom: 13px;
}

#enquiryForm .field label {
    display: block;
    margin-bottom: 5px;
    color:#0E2159;
    font-size: 12px;
    font-weight: 600;
}

#enquiryForm .field input,
.field textarea {
   width: 100%;
  border: 1.5px solid #E4E9F5;
  border-radius: 9px;
  padding: 10px 12px;
  font-family:'Inter',sans-serif;
  font-size: 13.5px;
  color:#0B1526;
  background: #FAFBFF;
}

.field input::placeholder,
.field textarea::placeholder {
    color: #94A3B8;
}

.field input:focus,
.field textarea:focus {
    border-color: #E11B2A;
}

.field textarea {
    min-height: 90px;
    resize: vertical;
}

.submit-btn {
  width: 100%;
  background:#1B3FA0;
  color: #fff;
  border: none;
  padding: 13px;
  border-radius: 10px;
  font-family:'Sora',sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  cursor: pointer;
  margin-top: 4px;
}

.submit-btn:hover {
    background:#2C55C7;
}


/* ================= SIMILAR PACKAGES ================= */

.similar-section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.similar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.similar-head h2 {
    margin: 0;
    color: #071F52;
    font-size: 22px;
}

.similar-nav {
    display: flex;
    gap: 7px;
}

.similar-nav .nav-btn {
    width: 34px;
    height: 34px;
    border:1px solid #1A3E9C;
    border-radius: 50%;
    background: #fff;
    color: #071F52;
    cursor: pointer;display:flex;align-items:center;justify-content:center;
}
.similar-nav .nav-btn svg{width:20px;height:20px;stroke-width:1.5;stroke:#333;}
.nav-btn:hover {
    background: #E11B2A;
    color: #fff;
}
.similar-nav .nav-btn:hover svg{stroke:#fff;}

.similar-track {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.similar-track::-webkit-scrollbar {
    display: none;
}

.sim-card {
    min-width: 290px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(7,31,82,.07);
}

.sim-thumb {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.sim-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sim-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 999px;
    background: #E11B2A;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.sim-body {
    padding: 16px;
}
.sim-card:hover .sim-thumb img{transform:scale(1.2)}
.sim-card .sim-thumb img{transition:0.9s;}
.sim-btn:hover{background:#084093;}
.sim-title {
    margin-bottom: 6px;
    color: #071F52;
    font-size: 15px;
    font-weight:700;
}

.sim-loc {
    margin-bottom: 10px;
    color: #64748B;
    font-size: 12px;
}

.sim-checks {
    padding: 0;
    margin: 0 0 14px;
    list-style: none;
}

.sim-checks li {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: #475569;
    font-size: 12px;
}

.sim-checks svg {
    width: 15px;
    height: 15px;
    stroke: #1B3FA0;
}

.sim-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 13px;
    border-top: 1px solid #E2E8F0;
}

.sim-price b {
    color: #E11B2A;
    font-size: 17px;
}

.sim-price span {
    color: #64748B;
    font-size: 10px;
}

.sim-btn {
 padding: 8px 20px;
  border-radius: 8px;
  background: #1B3FA0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.sim-btn:hover{background:#2C55C7;}

/* ================= REVIEWS ================= */

.reviews-section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.reviews-head {
    margin-bottom: 20px;
}

.reviews-head h2 {
    margin: 0 0 5px;
    color: #071F52;
    font-size: 22px;
}

.reviews-sub {
    color: #64748B;
    font-size: 13px;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.review-card {
    padding: 20px;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    background: #fff;
}

.review-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-avatar {
    width: 42px;
    height: 42px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1B3FA0;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.review-name {
    color: #071F52;
    font-size: 13px;
    font-weight: 800;
}

.review-trip {
    margin-top: 2px;
    color: #64748B;
    font-size: 11px;
}

.review-stars {
    margin: 14px 0 8px;
    color: #F2A93B;
    font-size: 14px;
}

.review-text {
    color: #475569;
    font-size: 13px;
    line-height: 1.65;
}


/* ================= FAQ ================= */

.faq-section {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 32px;
}

.faq-head h2 {
    margin: 0 0 20px;
    color: #071F52;
    font-size: 22px;
}

.faq-item {
    border-bottom: 1px solid #E2E8F0;
}

.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 0;
    color: #071F52;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.faq-chevron {
    color: #1B3FA0;
    font-size: 18px;
    transition: transform .25s ease;
}

.faq-item.open .faq-chevron {
    transform: rotate(180deg);
}

.faq-a {
    display: none;
    padding: 0 30px 16px 0;
    color: #64748B;
    font-size: 13.5px;
    line-height: 1.7;
}

.faq-item.open .faq-a {
    display: block;
}.new_prices_sec{display:none;}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {body { padding-top: 63px !important; }
      .hero-section { height: 380px !important; }
      .packages-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .hero-single-container{margin:0;}.new_wrap{padding:0!important;}.new_wrap .ribbon-badge{top:25px !important;}
    .layout {
        grid-template-columns: 1fr;
    }
    .wrap.layout{  grid-template-columns: 1fr;gap:8px;}
    .sidebar {
        position: static;
    }

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

    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 978px) {.new_wrap .ribbon-badge {
    top: 3px !important;
  }
}
@media (max-width: 768px) { .is-scrollin .new_package_dec{left: 18px !important;}   .sidebar {
        position: absolute;
    }
    .hero-content {
    padding-top: 10px;
    padding-bottom:80px;
  }  .new_wrap .ribbon-badge {
    top: -1px !important;
  }.new_wrap img {  height: 500px;}.new_wrap{height:500px;}.hero-wrap.new_wrap{height:500px;}.hero-wrap.new_wrap h1{font-size:30px;}.intro{width:90%;}
      h1.pagetitle {
    font-size: 18px !important;
  } .includes-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
     section.block {
    padding: 20px 16px !important;
    border-radius: 14px !important;
  }
    .wrap {
        padding: 10px 16px 0;
    }

    .pagetitle {
        font-size: 28px;
    }

    .hero-image-box {
        height: 360px !important;
    }

    .includes-grid,
    .reviews-grid {
        grid-template-columns: 1fr;
    }

  

    .faq-section {
        padding: 0 16px;
    }
}

@media (max-width: 576px) {
      .hero-section { height: 320px !important; }
      .packages-grid { grid-template-columns: 1fr !important; }
      .package-card { border-radius: 16px !important; }
    .hero-image-box {
        height: 300px !important;
    }

    .titlerow {
        display: block;
    }

    .pagetitle {
        font-size: 24px;
    }

    .similar-head h2,
    .reviews-head h2,
    .faq-head h2 {
        font-size: 19px;
    }

    .sim-card {
        min-width: 270px;
    }
}
@media (max-width:480px) {details.m-group.new_menu{padding: 4px 12px !important;}
    .brand img{height:33px;}.site-header{padding:14px 9px}.header-actions{gap:5px;}.call-cta{padding:6px 12px;}.call-cta .lbl span{font-size:13px;}.burger{padding:2px;}
}

.errorClass {
    border: 1px solid red !important;
    /* animation: animate1 1s linear forwards; */
}


.show-more-text {
    display: none;
}

.read-more,
.read-less {
    color: #1689f5;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.read-more:hover,
.read-less:hover {
    text-decoration: underline;
}

.read-less-wrap {
    width: 100%;
    text-align: right;
    margin-top: 15px;
    padding-top: 5px;
}
@media (max-width:767px) {.stats-right{display:none;}.stats-left{width:100%;justify-content:space-between;}.new_hero_content{  left: clamp(29px, 4vw, 87px);}
.stats-bar-inner{padding:1rem 2rem;}
}

.new_banner{margin:2rem auto;}

    .assistance-box {position: relative;background:#A4BCFF0F;border-radius: 15px;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 30px 40px;}
        .assistance-side {position: absolute;top: 50%;transform: translateY(-50%);width:121px;}
       .assistance-side.left {left:166px;}
       .assistance-side.right {right:166px;}
       .person {position: absolute;width: 48px;height: 48px;border-radius: 50%;overflow: hidden;background: #fff;border: 2px solid #f2c400;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.18);}
        .person.small-two {width: 40px;height: 40px;top: 69px;left: 65px;}
        .assistance-content {text-align: center;max-width: 440px;position: relative;z-index: 5;padding: 0 8px;}
        .top-profile {display: flex;justify-content: center;margin-bottom:6px;}
        .top-profile img {width:90px;object-fit: cover;}
        .top-profile img + img {margin-left: -7px;}
        .assistance-title {margin: 0 0 6px;color: #000;font-size: 21px;font-weight:600;line-height: 1.2;}
        .assistance-description {margin: 0 auto 15px;color: #61708d;font-size: 13px;line-height: 1.5;max-width: 430px;}
         .assistance-btn {display: inline-flex;align-items: center;justify-content: center;padding:8px 24px;border: 0;border-radius: 8px;background: #102f72;color: #fff;font-size:15px;font-weight:600;text-decoration: none;box-shadow: 0 8px 18px rgba(16, 47, 114, .25);transition: all .3s ease;}
        .assistance-btn:hover {background:#e11b2a;color: #fff;transform: translateY(-2px);}
        /* =================================================
           MOBILE
        ================================================= */
@media (max-width:992px) {.assistance-side.right{right: 59px;}.assistance-side.left{left:59px;}
}
        @media (max-width: 767.98px) {
            .assistance-section {padding: 16px 0;}
            .assistance-box {border-radius: 12px;padding: 22px 10px;}
            .assistance-side {display: none;}
            .assistance-content {width: 100%;max-width: 100%;}
            .top-profile {margin-bottom:10px;}
         .top-profile img{width:85px;}
            .assistance-title {color: #000;font-size:18px;font-weight:600;margin-bottom:8px;}
            .assistance-description {color: #000;font-size:14px;line-height: 1.45;max-width: 100%;margin-bottom:15px;}
            .assistance-btn {border-radius:6px;font-size:13px;font-weight: 500;box-shadow: none;padding:8px 22px;}
            .assistance-btn:hover {background:#e11b2a;transform: none;}
        }
        @media (max-width: 768px) {

    .price-card {
        position: fixed !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0!important;

        width: 100%;
        z-index: 99999;

        background: #fff;

        padding: 10px 12px;

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

        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15);

        border-radius: 0;
    }

    .price-label {
        font-size: 9px;
        letter-spacing: 1px;
        color: #777;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .price-main {
        font-size: 22px;
        font-weight: 800;
        color: #111;
        line-height: 1.1;
    }

    .price-sub {
        font-size: 9px;
        color: #777;
    }

    .price-row {
        margin: 0;
    }

    .divider-line {
        display: none;
    }

    .btn-enquiry {
        width: auto;
        min-width: 135px;
        height: 48px;

        padding: 0 20px;

        border: 0;
        border-radius: 14px;

        background: #000;
        color: #fff;

        font-size: 15px;
        font-weight: 700;
    }

}
        /* =========================================
   DESKTOP - 768px AND ABOVE
========================================= */

.sidebar {
    width: 100%;
}

#enquiryForm {
    display: block;
}
 .new_close{display:none;}
@media (max-width: 767px) {.contact-hero{padding:25px clamp(20px, 4vw, 64px) 90px !important;}

    .new_enquiryForm{  position: fixed;top: 0;left:0;width: 100%;height: 100vh;height: 100dvh;z-index: 999999;background: rgba(0, 0, 0, 0.65);padding: 50px 20px 30px;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;display: flex;justify-content: center;
    align-items: flex-start;-webkit-overflow-scrolling: touch;display:none;}
    .new_close{position:absolute;right:10px;width:45px;height:45px;border-radius:100%;background:#f7f7f7;display:flex;justify-content:center;align-items:center;cursor:pointer;}
     .new_close svg{stroke:#000;stroke-width:1.8;}
     .new_close:hover{background:#E11B2A;}
     .new_close:hover svg{stroke:#fff;}

    /* Bottom price bar */
    .price-card {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 9999;

        background: #fff;
        padding: 10px 12px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;

        box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.15);

        border-radius: 0;
    }

 #enquiryForm {
    display: block;

    width: 600px;
    max-width: calc(100vw - 40px);

    max-height: calc(100vh - 40px);

    overflow-y: auto;
    overflow-x: hidden;

    position: fixed;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 99999;

    box-sizing: border-box;

    transition:
        max-height 0.5s ease,
        opacity 0.35s ease,
        transform 0.5s ease,
        margin 0.5s ease;
}


    /* Form open */
    /*#enquiryForm.show-mobile-form {
        position:absolute;transform:translate(-50% , -50%);left:50%;top:50%;
        opacity: 1;
        visibility: visible;
        max-height:800px;
        z-index:99;
        pointer-events: auto;width:95%;
    }*/

    h2.h2{font-size:18px;}p.copy{font-size:13px;}
    /* Price card */

    .price-label {
        font-size: 9px;
        letter-spacing: 1px;
        margin-bottom: 2px;
    }

    .price-main {
        font-size: 22px;
        line-height: 1.1;
    }

    .price-sub {
        font-size: 9px;
    }

    .price-row {
        margin: 0;
    }

    .divider-line {
        display: none;
    }


    /* Enquiry button */

    .btn-enquiry {
        flex-shrink: 0;

        min-width: 135px;
        height: 48px;

        border: 0;
        border-radius: 14px;

        background:#0f5eb2;
        color: #fff;

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

        cursor: pointer;
    }

}
@media (max-width: 640px) { #enquiryForm {width:95%;}
}
.new_close{height:35px;width:35px;top:8px;}
 .assist-card{
    background:#0f1b32;
    border-radius:16px;padding:26px;margin-bottom:22px;color:#fff;position:relative;overflow:hidden;margin-top:12px;
  }
  .assist-card::before{
    content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;border-radius:50%;
    background:radial-gradient(circle,rgba(0,184,151,.35),transparent 70%);
  }
  .assist-card h3{margin:0 0 8px;font-size:15.5px;position:relative;}
  .assist-card p{color:#AFC3BC;font-size:13.3px;margin:0 0 18px;line-height:1.55;position:relative;}
  .call-btn{
    display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;
    font-weight:700;font-size:13.5px;padding:10px 20px;border-radius:9px;position:relative;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }
  .call-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(0,184,151,.35);
    filter:brightness(1.06);
  }.new_contact{}
  .new_contact span{color: #000;  font-size: 13px;  font-weight: 600;display: inline-flex;align-items: center;  gap: 6px; background: #fff0bb; backdrop-filter: blur(10px);
  padding: 6px .875rem;
  border-radius: 999px;
  border: 1px solid #e5e7eb;display:inline-block;margin-bottom:10px;}
  .new_contact h2{color:#000;font-size:30px;font-weight:600;margin-bottom:15px;font-family: 'Fraunces', serif;}
  .new_contact p{font-size: 14.5px;line-height: 1.6;margin: 0 0 26px;color:#5B6B66;}
   .new_contact .dot{    width:38px;height:38px;border-radius: 10px;background:#0f1b32;flex: none;display: flex;align-items: center;justify-content: center;transition: transform .25s ease;}
   .new_contact .meet-item{display:flex;gap:18px;align-items:center;margin-bottom:18px;}
   .new_contact .meet-item h4{margin: 0 0 3px;font-size: 14.5px;color:#10201B;font-family: 'Fraunces', serif;}
   .new_contact .meet-item p{margin: 0;font-size: 13.3px;color:#5B6B66;}
   .new_contact .map-wrap{width:100%;height:100%;}
    .new_contact iframe{width:100% !important;}

    .connect-card_heading span{font-size: 13.3px;color:#5B6B66;line-height: 1.25;display:inline-block;}
    .new_card .info-card p{margin-bottom:0.2rem;    }


    /*popup*/


.demo-trigger{display:inline-flex;align-items:center;gap:9px;background:#E11B2A;color:#FFFFFF;font-weight:700;font-size:14.5px;padding:14px 28px;border-radius:100px;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.demo-trigger:hover{background:#FF3B48;transform:translateY(-2px);}

.ty-overlay{position:fixed;inset:0;z-index:200;background:rgba(6,12,28,0.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s ease;}
.ty-overlay.show{opacity:1;pointer-events:auto;}

.ty-card{position:relative;overflow:hidden;width:100%;max-width:440px;background:#FFFFFF;border-radius:24px;box-shadow:0 50px 100px rgba(6,12,28,0.4);padding:44px 34px 34px;text-align:center;transform:translateY(30px) scale(0.94);opacity:0;transition:transform .4s cubic-bezier(.2,1.2,.4,1),opacity .4s ease;}
.ty-overlay.show .ty-card{transform:translateY(0) scale(1);opacity:1;}

.ty-close{position:absolute;top:18px;right:18px;z-index:5;width:32px;height:32px;border-radius:50%;border:none;background:#F3F5F8;color:#6B7A90;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;}
.ty-close:hover{background:#E11B2A;color:#FFFFFF;}

.ty-confetti{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.ty-confetti span{position:absolute;top:-12%;border-radius:2px;animation:ty-fall linear infinite;}

@keyframes ty-fall{0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(560px) rotate(340deg);opacity:0;}}

.ty-check-wrap{position:relative;z-index:2;width:71px;height:71px;margin:10px auto 26px;}

.ty-check-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(225,27,42,0.25);animation:ty-ring 1.8s ease-out infinite;}

@keyframes ty-ring{0%{transform:scale(0.9);opacity:1;}100%{transform:scale(1.5);opacity:0;}}

.ty-check{position:relative;z-index:2;width:71px;height:71px;border-radius:50%;background:#E11B2A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px rgba(225,27,42,0.35);animation:ty-pop .5s .1s cubic-bezier(.2,1.4,.4,1) both;}

@keyframes ty-pop{0%{transform:scale(0.3);opacity:0;}100%{transform:scale(1);opacity:1;}}

.ty-logo{position:relative;z-index:2;display:flex;justify-content:center;margin-bottom:18px;}
.ty-logo img{display:block;width:140px;}

.ty-card h2{position:relative;z-index:2;font-family:'Fraunces',serif;font-weight:600;color:#0B1830;font-size:1.55rem;line-height:1.25;letter-spacing:-0.01em;margin-bottom:12px;}

.ty-card p{position:relative;z-index:2;color:#6B7A90;font-size:14.5px;line-height:1.65;max-width:340px;margin:0 auto;}

.ty-ref{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;margin-top:18px;background:#F3F5F8;border:1px solid #DCE2ED;color:#0B1830;font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:100px;}

.ty-ref span{color:#E11B2A;}

.ty-mini-steps{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:26px;padding-top:22px;border-top:1px solid #DCE2ED;text-align:left;gap:10px;}

.ty-mini-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;}

.ty-mini-step .ico{width:34px;height:34px;border-radius:10px;background:#F3F5F8;color:#0A2F7A;display:flex;align-items:center;justify-content:center;}

.ty-mini-step span{font-size:11px;font-weight:700;color:#0B1830;line-height:1.3;}

.ty-ctas{position:relative;z-index:2;margin-top:28px;display:flex;flex-direction:column;gap:10px;}

.ty-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#E11B2A;color:#FFFFFF;font-weight:800;font-size:14.5px;padding:15px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease;}

.ty-btn-primary:hover{background:#FF3B48;transform:translateY(-2px);}

.ty-btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#EAFBF1;color:#1C9950;font-weight:700;font-size:14px;padding:13px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:background .2s ease;}

.ty-btn-wa:hover{background:#D8F5E4;}

@media(max-width:480px){
.ty-card{padding:38px 24px 28px;border-radius:20px;}
.ty-mini-steps{gap:6px;}
.ty-mini-step span{font-size:10px;}
}
 

/*new popup*/
.new_popup {
    position: fixed;
    background: #000000c2;
    padding: 40px 20px;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
    height: 100vh;

    overflow-y: auto;
    overflow-x: hidden;

    display: none;
    align-items: flex-start;
    justify-content: center;
}

.new_popup.active {
    display: flex;
}

.qf-card {
    position: relative;
    width: 100%;
    max-width: 480px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 40px 90px rgba(10, 28, 70, 0.22);

    /* ye remove karo */
    transform: none;
    left: auto;
    top: auto;

    margin: auto 0;
    flex-shrink: 0;
}

.qf-topbar {
    height: 6px;
    background: #0A2F7A;
}
.qf-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #F2F4F8;
    color: #6B7A90;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.qf-close:hover {
    background: #E11B2A;
    color: #fff;
}

.qf-body {
    padding: 38px 32px 34px;
}

.qf-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.qf-logo img {
    height: 26px;
    display: block;
}

.qf-body h2 {
    font-family: 'Fraunces', serif;
    font-weight: 600;
    color: #0B1830;
    font-size: clamp(1.35rem, 3vw, 1.65rem);
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
}

.qf-row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.qf-field {
    position: relative;
    margin-top: 14px;
}

.qf-field label {
    position: absolute;
    top: 0;
    left: 14px;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 7px;
    font-size: 12px;
    font-weight: 700;
    color: #0A2F7A;
    letter-spacing: 0.01em;
    z-index: 2;
    white-space: nowrap;
}

.qf-field label .req {
    color: #E11B2A;
}

.qf-field:focus-within label {
    color: #E11B2A;
}

.qf-field input,
.qf-field select {
    width: 100%;
    border: 1.6px solid #DCE2ED;
    border-radius: 10px;
    padding: 16px 14px 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    color: #0B1830;
    background: #fff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.qf-field select {
    cursor: pointer;
}

.qf-field input:focus,
.qf-field select:focus {
    border-color: #E11B2A;
    box-shadow: 0 0 0 3px rgba(225, 27, 42, 0.1);
}

.qf-field input::placeholder {
    color: #AAB4C4;
}

.qf-phone-row {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 10px;
}

.qf-isd {
    position: relative;
}

.qf-isd select {
    width: 100%;
    border: 1.6px solid #DCE2ED;
    border-radius: 10px;
    padding: 16px 10px 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    color: #0B1830;
    background: #fff;
    outline: none;
    cursor: pointer;
    appearance: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.qf-isd select:focus {
    border-color: #E11B2A;
    box-shadow: 0 0 0 3px rgba(225, 27, 42, 0.1);
}

.qf-isd::after {
    content: unset;
    position: absolute;
    right: 10px;
    top: 52%;
    transform: translateY(-50%);
    color: #6B7A90;
    font-size: 11px;
    pointer-events: none;
}

.qf-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1.6px solid #DCE2ED;
    border-radius: 10px;
    padding: 9px 9px 9px 14px;
}

.qf-stepper .st-label {
    font-size: 14.5px;
    color: #0B1830;
    font-weight: 600;
}

.qf-stepper .st-controls {
    display: flex;
    align-items: center;
    gap: 2px;
}

.qf-stepper .st-btn {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: #F2F4F8;
    color: #0B1830;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease;
}

.qf-stepper .st-btn:hover {
    background: #E11B2A;
    color: #fff;
}

.qf-stepper .st-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.qf-stepper .st-btn:disabled:hover {
    background: #F2F4F8;
    color: #0B1830;
}

.qf-stepper .st-count {
    width: 32px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    color: #0B1830;
}

.qf-submit {
    width: 100%;
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #E11B2A;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    padding: 16px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.qf-submit:hover {
    background: #FF3B48;
    transform: translateY(-2px);
}

.qf-note {
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    color: #6B7A90;
}


/* Mobile */
@media (max-width: 480px) {
    .iti--separate-dial-code .iti__selected-dial-code{font-size:14px;margin-right:5px;}.iti__flag{width:17px;}.qf-close{top: 10px;right: 11px;}
   .new_popup{padding:0;}

    .qf-card {
        max-width: 100%;
        border-radius: 0;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        box-shadow: none;
    }

    .qf-body {
        padding: 16px 18px 14px;
        flex: 1;
    }

    .qf-logo {
       margin-bottom: 17px;
    margin-top: 15px;
    }

    .qf-logo img {
        height:auto;
    }

    .qf-body h2 {
        font-size: 1rem;
        margin-bottom: 12px;
        line-height: 1.25;
    }
    .qf-row2.new_qf{  grid-template-columns: 1fr!important;}
    .qf-row2 {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .qf-field {
        margin-top:15px;
    }

    .qf-field label {
        font-size: 12px;
        left: 11px;
        padding: 0 5px;
    }

    .qf-field input,
    .qf-field select {
        padding:10px 10px 10px;
        font-size: 13.8px;
        border-radius: 8px;
    }

    .qf-phone-row {
        gap: 8px;
    }

    .qf-isd select {
        padding: 9px 8px 6px;
        font-size: 12.8px;
    }

    .qf-stepper {
        padding:10px 5px 10px 10px;
        border-radius: 8px;
    }

    .qf-stepper .st-label {
        font-size:13px;
    }

    .qf-stepper .st-btn {
        width: 25px;
        height: 25px;
        font-size: 13px;
        border-radius: 6px;
    }

    .qf-stepper .st-count {
        width: 24px;
        font-size: 12.5px;
    }

    .qf-submit {
        margin-top: 12px;
        padding: 11px;
        font-size: 13.5px;
    }

    .qf-note {
        margin-top:13px;
        font-size: 10px;
    }
}


.review-preview {
    position: relative;
    margin-top: 12px;
    line-height: 1.55;
    font-size: 16px;
    color: #071b3a;

    /* Exactly 2 lines */
    max-height: 3.1em;
    overflow: hidden;

    padding-right: 0;
}

/* Read more */
.review-preview .read-more {
    position: absolute;
    right: 0;
    bottom: 0;

    background: #fff;
    padding-left: 5px;

    color: #071b3a;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

/* Small fade before Read more */
.review-preview .read-more::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;

    width: 35px;
    height: 100%;

    background: linear-gradient(
        to right,
        transparent,
        #fff
    );
}

.titleblock.packages_top_sec{padding:1rem 0!important;}
.packages_top_sec .crumbs{margin-bottom:8px;}
.packages_top_sec h1.pagetitle{font-size:24px;}
.packages_center section.block{padding: 16px 20px;}.packages_center .block .eyebrow{margin-bottom:4px;}
.packages_center h2.h2{font-size:18px;margin-bottom:12px;}
.packages_center p.copy{font-size:13px;}
.packages_center #overview h3{font-size:16px;margin-bottom:2px;margin-top:14px;}


.get-free-quote {
    position: relative;
    overflow: hidden;

    animation: quotePulse 2s infinite;
}


@keyframes quotePulse {

    0% {
        box-shadow: 0 0 0 0 rgba(237, 28, 45, 0.45);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(237, 28, 45, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(237, 28, 45, 0);
    }

}


.get-free-quote::after {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,0.45),
        transparent
    );

    transform: skewX(-20deg);

    animation: quoteShine 3s infinite;

    pointer-events: none;
}


@keyframes quoteShine {

    0% {
        left: -120%;
    }

    35% {
        left: 130%;
    }

    100% {
        left: 130%;
    }

}
.contact_form_heading h3{margin-bottom:8px;font-size:26px;}
.contact_form_heading h3 svg{width:25px;height:25px;}.connect-card_heading h3{margin-bottom:8px;}
.connect-card_heading p{font-size: 13.3px;color:#5B6B66;margin: 0 0 16px;line-height: 1.55;}
.Message_text{color:#5B6B66;font-size: 14.5px;margin: 0 0 26px;}
@media (max-width:1250px) {.wrap.layout{width:95% !important;max-width:95% !important;}.wrap.titleblock.packages_top_sec{width:95%;}
}
@media (max-width:767px) {.packages_new_banner{padding:6px 0 12px!important;}.packages_center h2.h2{font-size:16px;line-height:1.4;}
.sim-price b{font-size:16px;}.sim-price span{font-size:9px;}.sim-btn{padding: 6px 15px;font-size: 12px;}
}

@media (max-width:480px) {.packages_new_banner{padding:0px 0 3px !important;}.packages_top_sec h1.pagetitle{font-size:16px;}.duration-pill{font-weight:600;font-size:11px;padding: 4px 11px;}.packages_center section.block{padding:11px 14px;border-radius:10px;}.block .eyebrow{font-size:9px;}.packages_center h2.h2{font-size:15px;}
.highlights{grid-template-columns:1fr;}.itin-head .itin-num{width:35px;height:35px;}.itin-chevron{width:25px;height:25px;}.itin-chevron svg{width:18px;}.itin-daylabel{font-size:10px;}.itin-body p{font-size:12px;}.block h3{font-size:14px;}.itin-hl-list{grid-template-columns:1fr}.tab-list li{font-size:12px;}.new_banner{margin:1rem 0;}
.about-hero h1{font-size:28px;}.about-hero p{margin-top:13px;font-size:14px;}.about-hero-ctas{margin-top:22px;}.about-hero-ctas .btn-primary{}.story h2{font-size:22px;}.story p{margin-top:12px;font-size:13.5px;}.story-eyebrow{font-size:10px;padding: 7px 16px;}.new_Singapore{display:none!important;}

}
@media (max-width:480px) {.new_bottom_call a{width:95%;}.bottom_call_right p{font-size:14px;}.bottom_call_right strong{font-size:13px;}.bottom_call_left{width:40px;height:40px;}.call_icon span{}
}
/* =====================================================
   REVIEWS SECTION
===================================================== */

.reviews-section {
    width: 100%;
    padding: 40px 0;
}


.reviews-section .container {
    width: 100%;
    max-width: 900px;

    margin: 0 auto;

    padding: 0 20px;

    box-sizing: border-box;
}


.reviews-section .container > h3 {
    margin: 0 0 30px;

    font-size: 28px;
    line-height: 1.3;

    color: #071b3a;

    font-weight: 700;
}


.review-item {
    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 16px;

    margin-bottom: 30px;
}

.review-avatar,
.review-avatar-fallback {

    width: 52px;
    height: 52px;

    min-width: 52px;

    border-radius: 50%;

    object-fit: cover;
}


.review-avatar-fallback {

    display: flex;

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

    background: #0A2F7A;

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;
}


/* =====================================================
   REVIEW BODY
===================================================== */

.review-body {

    flex: 1;

    min-width: 0;
}


.review-body h5 {

    margin: 0 0 6px;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 700;

    color: #071b3a;
}


/* =====================================================
   REVIEW META
===================================================== */

.review-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    font-size: 13px;

    color: #606a78;
}


.stars {

    color: #ffbd3d;

    font-size: 18px;

    line-height: 1;

    letter-spacing: 1px;
}


/* =====================================================
   REVIEW TEXT BOX
===================================================== */

.review-text-box {

    position: relative;

    width: 100%;

    margin-top: 10px;

    height: 50px;

    overflow: hidden;

    box-sizing: border-box;
}


/* =====================================================
   REVIEW TEXT - ONLY 2 LINES
===================================================== */

.review-short-text {

    margin: 0;

    padding: 0;

    font-size: 16px;

    line-height: 25px;

    color: #071b3a;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    padding-right: 0;
}


/* =====================================================
   READ MORE
===================================================== */

.review-read-more {

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 5;

    display: block;

    padding: 0 0 0 8px;

    margin: 0;

    background: #ffffff;

    color: #071b3a !important;

    font-size: 16px;

    line-height: 25px;

    font-weight: 700;

    text-decoration: none !important;

    white-space: nowrap;

    cursor: pointer;
}


/* White fade before Read more */

.review-read-more::before {

    content: "";

    position: absolute;

    right: 100%;

    bottom: 0;

    width: 40px;

    height: 25px;

    background: linear-gradient(
        to right,
        rgba(255,255,255,0),
        #ffffff
    );

    pointer-events: none;
}


/* =====================================================
   SEE MORE REVIEWS
===================================================== */

.btn-seemore {

    display: block;

    margin: 35px auto 0;

    padding: 12px 24px;

    border: 1px solid #0A2F7A;

    border-radius: 7px;

    background: #ffffff;

    color: #0A2F7A;

    font-size: 15px;

    font-weight: 600;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease;
}


.btn-seemore:hover {

    background: #0A2F7A;

    color: #ffffff;
}


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

.review-popup {

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;
    height: 100dvh;

    z-index: 999999999;

    display: none;

    align-items: center;

    justify-content: center;

    padding: 30px 20px;

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.65);

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;
}


/* OPEN */

.review-popup.show {

    display: flex;
}


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

.review-popup-card {

    position: relative;

    width: 100%;

    max-width: 520px;

    margin: auto;

    flex-shrink: 0;

    background: #ffffff;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .30);

    animation:
        reviewPopupAnimation .25s ease;
}


@keyframes reviewPopupAnimation {

    from {

        opacity: 0;

        transform: scale(.92);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}


/* =====================================================
   POPUP TOP
===================================================== */

.review-popup-top {

    width: 100%;

    height: 5px;

    background: #0A2F7A;
}


/* =====================================================
   POPUP HEADER
===================================================== */

.review-popup-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 15px 18px;

    border-bottom: 1px solid #e5e7eb;

    box-sizing: border-box;
}


.review-popup-header h3 {

    margin: 0;

    font-size: 16px;

    line-height: 1.3;

    font-weight: 600;

    color: #18202c;
}


/* =====================================================
   CLOSE
===================================================== */

.review-popup-close {

    width: 32px;

    height: 32px;

    min-width: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    outline: 0;

    background: transparent;

    color: #222222;

    font-family: Arial, sans-serif;

    font-size: 28px;

    line-height: 1;

    cursor: pointer;

    transition: color .2s ease;
}


.review-popup-close:hover {

    color: #0A2F7A;
}


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

.review-popup-content {

    padding: 20px;

    box-sizing: border-box;
}


/* =====================================================
   POPUP USER
===================================================== */

.review-popup-user {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}


.review-popup-avatar {

    width: 50px;

    height: 50px;

    min-width: 50px;

    border-radius: 50%;

    object-fit: cover;
}


.review-popup-user-details {

    min-width: 0;
}


.review-popup-user h4 {

    margin: 0 0 5px;

    font-size: 15px;

    line-height: 1.3;

    font-weight: 600;

    color: #20242a;
}


/* =====================================================
   POPUP META
===================================================== */

.review-popup-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    font-size: 12px;

    line-height: 1.3;

    color: #555555;
}


.review-popup-stars {

    color: #ffb629;

    font-size: 15px;

    line-height: 1;

    letter-spacing: 1px;
}


/* =====================================================
   FULL REVIEW
===================================================== */

.review-popup-full-text {

    margin: 0;

    padding: 0;

    font-size: 14px;

    line-height: 1.65;

    color: #454b55;

    word-break: break-word;

    overflow-wrap: anywhere;
}


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

@media (max-width: 600px) {


    .reviews-section {

        padding: 30px 0;

    }


    .reviews-section .container {

        padding: 0 15px;

    }


    .reviews-section .container > h3 {

        font-size: 23px;

        margin-bottom: 25px;

    }


    .review-item {

        gap: 12px;

        margin-bottom: 25px;

    }


    .review-avatar,
    .review-avatar-fallback {

        width: 45px;

        height: 45px;

        min-width: 45px;

    }


    .review-body h5 {

        font-size: 16px;

    }


    .review-meta {

        font-size: 11px;

        gap: 5px;

    }


    .stars {

        font-size: 16px;

    }


    .review-text-box {

        height: 45px;

    }


    .review-short-text {

        font-size: 14px;

        line-height: 22px;

    }


    .review-read-more {

        font-size: 14px;

        line-height: 22px;

    }


    .review-read-more::before {

        height: 22px;

    }


    /* Popup */

    .review-popup {

        padding: 20px 14px;

        align-items: center;

    }


    .review-popup-card {

        max-width: 100%;

        border-radius: 12px;

    }


    .review-popup-content {

        padding: 16px;

    }


    .review-popup-full-text {

        font-size: 13px;

        line-height: 1.6;

    }

}

.footer-social a{
    width:36px; height:36px; border-radius:50%; border:1px solid rgba(245,247,251,0.18);
    display:flex; align-items:center; justify-content:center; color:rgba(245,247,251,0.8);
    transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .footer-social a svg{stroke:#fff;}
  .footer-social a:hover{ background:var(--teal); border-color:transparent; color:#fff; }