@font-face {
    font-family: "TradeGothicLTPro";
    src: url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.eot");
    src: url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/f8548c3da7588aeaa91dd7661ceb4d2e.svg#TradeGothicLTPro")format("svg");
}

body {
    font-family: 'Inter' !important;
}



/* kp_footer */
.footer_top {
    background-image: url(../img/footer_top.jpg);
    height: 1130px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 50px 0 36px 0;
}

.footer_top .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_top h2 {
    font-size: 70px;
    color: #f8c050;
    font-weight: bold;
    text-align: center;
    font-family: "Inter";
    text-transform: uppercase;
    margin-bottom: 45px;
}

.enqueryform {
    background: #fff;
    width: 70%;
    padding: 30px;
    border-radius: 15px;
    margin: 0 auto;
}

form#enquiryForm p {
    font-weight: 600;
    padding: 30px 0 0px;
}

form#enquiryForm .option {
    margin-bottom: 10px;
}

form#enquiryForm .input_outer input {
    height: 50px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    width: 100%;
    padding: 15px 10px;
}

a.wonders {
        text-decoration: none;
    font-size: 15px;
    line-height: 1.6;
    color: #06761b;
    margin: 0;
}
a.wonders:hover{
    color: #f8c050;
}

p.more_links{
    display: block !important;
        margin-top: 20px !important;
}

form#enquiryForm select {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 15px 10px;
}

form#enquiryForm textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 15px 20px;
    height: 140px;
    margin-top: 25px;
}

button#submitBtn {
    width: 31%;
    background: #000;
    color: #f8c050;
    font-size: 18px;
    padding: 15px 0;
    text-transform: uppercase;
    border: none;
    display: block;
    margin: 25px auto 0;
}
div#statusMessage {
    color: #fff;
    text-align: center;
    display: block;
}

.input_outer {
    display: grid;
    gap: 18px;
    grid-template-columns: auto auto;
}

.footer_logos{
    display: flex;
    padding: 45px 0px 0;
    align-items: center;
}

.content_first h2 {
    font-size: 20px;
    font-family: "TradeGothicLTPro";
    font-weight: bold;
    display: flex;
    justify-content: right;
    color: #fff;
    padding-bottom: 3px;

}

.content_second {
    display: flex;
    gap: 20px;
    justify-content: right;
    align-items: center;
    color: #fff;
}
.footer_content p {
    font-family: "TradeGothicLTPro";
    font-size: 20px;
    color: #fff;
    text-align: right;
    margin: 0;
}
.footer_content ul {
    padding: 0;
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    gap: 8px;
    justify-content: end;
    position: relative;
}
.footer_content ul li{
    position: relative;
}
.footer_content ul li a {
    font-family: "TradeGothicLTPro";
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

/* .footer_content ul li a::after {
    content: '';
    border-left: 1px solid #fff;
}
.footer_content ul li:last-child a::after {
    display: none;
} */

.kp_footer {
    margin-top: 0;
    background-color: #000;
}

.footer_content {
    padding: 35px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* kp_footer */





/* kp_trip_section */
.kp_trip_section {
    background-image: url(../img/sectionbg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    padding: 110px 0 36px 0;
 
}

.explore_kp {
    background-image: url(../img/card13.png) !important;
    background-color: #000;
    background-size: contain !important;
    padding: 80px 0 0 !important;
    margin: 0 0 0 !important;
}

/* .across_kp {
    background-image: url(../img/back.jpg);
    margin: 0 0 0 0 !important;
    padding-bottom: 30px !important;
    background-color: #000;
     overflow: hidden;
 position: relative;
    z-index: 1;

}
.across_kp::before {
    content: "";
    position: absolute;
    inset: 0;

    /* top + bottom darkness + side vignette */
    /* background:
linear-gradient(to bottom, rgba(0,0,0,.85) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.85) 100%),
      radial-gradient(circle at center, rgba(0,0,0,0) 40%, rgba(0,0,0,.75) 100%);
    z-index: 1;
} */ 

.across_kp {
    background: #000 url(../img/back.jpg) center/cover no-repeat;
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

/* DARK BACKGROUND OVERLAY */
.across_kp::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(to bottom, rgba(0,0,0,.85) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.85) 100%),
        radial-gradient(circle at center, rgba(0,0,0,0) 40%, rgba(0,0,0,.75) 100%);

    z-index: 1;
    pointer-events: none;   /* buttons clickable rahenge */
}

/* ⭐ MOST IMPORTANT — CONTENT ABOVE OVERLAY */
.across_kp > * {
    position: relative;
    z-index: 2;
}
#kp_explore {
    background-image: url(../img/bg2.png);
    padding: 270px 0 290px;
}
#kp_extand_trip {
    background-image: url(../img/bg3.png);
    margin: -280px 0 0;
    padding: 350px 0 30px 0;
    background-size: cover;
}
section#kp_extend {
    padding-bottom: 200px;
    position: relative;
 
}
.kp_trips_top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 0 120px;
}

.kp_trips h2 {
    font-size: 70px;
    color: #f8c050;
    font-weight: bold;
    text-align: center;
    font-family: "Inter";
    text-transform: uppercase;
    margin-bottom: 0px;
}

.kp_trips p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}
.tour-card-return .tour-content {
    padding: 30px 25px 30px 0;
}

/* CARD */
.tour-card {
    display: flex;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

/* CONTENT */
.tour-content{
    padding: 30px 0 30px 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tour-content h4 {
        text-transform: uppercase;
    font-size: 30px;
    letter-spacing: -1px;
    color: #000;
    margin: 0;
    font-family: "Inter";
    font-weight: bold;
    line-height: 27px;
}

.tour-content h2 {
    font-size: 20px;
    margin: 5px 0 15px;
    color: #06761b;
    text-align: left;
    text-transform: capitalize;
    letter-spacing: -1px;
    border-bottom: 1px solid #afafaf;
    padding-bottom: 18px;
    font-family: "Inter";
    font-weight: bold;
}

.tour-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    margin: 0;
}

/* PRICE */
.price_part {
    margin: 0 0 0;
    display: flex;
    align-items: end;
    gap: 0;
}

.price_part h3 {
    font-size: 50px;
    margin: 3px 0;
    color: #111;
}

.price_part small {
    font-size: 14px;
    color: #000;
    text-align: left;
    margin-left: 0;
    margin-bottom: 10px;
}
.price_part span {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 28px;
    padding-right: 5px;
    font-family: 'Inter';
}

/* BUTTON */
.kp_btn {
    border-radius: 0px;
    display: inline-block;
    padding: 12px 24px;
    background: #06761b;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* IMAGE */


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



.tour-card-return {
    flex-direction: row-reverse;
}




.menus {
    display: flex;
    align-items: center;
    padding-top: 3px;
    justify-content: right;
}

.logos {
    display: flex;
    gap: 18px;
    align-items: center;
}




.logokp img {
    width: 100px;
    padding-right: 16px;
}

.footlogo img {
    width: 116px;
    padding-right: 16px;
}

.logothh img {
    width: 50px;
}

a.nav-link {
    font-size: 20px;
    color: #143e34;
    font-weight: bold;
    font-family: "TradeGothicLTPro";
}

a.nav-link.btn_enquery {
    padding: 10px 40px !important;
    display: block;
    background: #153f36;
    color: #f8c050;
    line-height: normal;
    margin: 0 0 0 10px;
}

a.nav-link.btn_enquery:hover {
    background: #f8c050;
    color: #fff;
}

a.nav-link {
    font-size: 20px;
    color: #143e34;
    font-weight: bold;
    font-family: "TradeGothicLTPro";
    padding: 7px 12px !important;
}

a.nav-link:hover {
    color: #f8c050;
}



.logos {
    display: flex;
    align-items: center;
}

/* sab logo boxes */
.logos div {
    position: relative;
}

/* vertical divider */
.logos div::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 35px;
    border-right: 1px solid #cfcfcf;

}

/* last logo ke baad divider remove */
.logothh::after {
    display: none;
}

/* optional — logo size control */
.logos img {
    display: block;
    max-height: 50px;
    width: auto;
}


.header {
    padding: 30px 0px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
}

/* Kp_header */




/* banner_section */
.banner_btn_enquery {
    color: #000;
    font-size: 18px;
    background-color: #f8c050;
    padding: 10px 70px;
    align-items: center;
    border: none;
    text-decoration: none;
}


.banner_btn_enquery:hover {
    background-color: #003333;
    color: #f8c050;
}



span.kp_game_span {
    font-size: 50px;
    color: #f8c050;
    font-family: 'Inter';
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -2px;
}

h2.kp_game {
    font-size: 50px;
    text-transform: uppercase;
    font-family: 'Inter';
    color: #fff;
    font-weight: bold;
    letter-spacing: -2px;

}

h2.kp_wonder {
    font-size: 20px;
    font-family: 'Inter';
    margin: 15px 0px 24px 0px;
    color: #fff;

}


.kp_banner_scetion {
    padding: 50px 0px;
    padding-bottom: 509px;
    background-image: url(../img/bgtop.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
}

/* banner_section */

/* kp_package_sec*/

.kp_package_sec_content h2 {
    font-size: 70px;
    color: #f8c050;
    font-family: 'Inter';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    letter-spacing: -2px;
}

.kp_package_section {
    background-color: #000;
    margin-top: -100px;
    padding-bottom: 50px;

}


.packages {
    padding: 20px 20px;
}


.card{
    width:100%;
    background:#113d38;
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.4);
    display:flex;
    flex-direction:column;
}

.card-image {
    position: relative;
    overflow: hidden;
}


.card-image img{
    width:100%;
    height:409px;
    object-fit:cover;
    display:block;
}
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 2px 20px;
    background-color: #161e0fcf;
}

.card-title .small {
    color: #ffc551;
    font-weight: bold;
    font-size: 30px;
    display: block;
}

.card-title h2 {
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: left;
    color: #fff;
    font-family: 'Inter';
}


.card-body {
    background: #174d45;
    display:flex;
    flex-direction:column;
    flex:1;
    padding-bottom:20px;
}

.swiper-pagination.package-swip.packagepgi{
    bottom: -40px !important;
}

.kp_package_sec_content{
    position: relative;
}
.details{
    list-style:none;
    padding:0;
    margin:0 0 20px;
    flex:1;
}

.details{
    list-style:none;
    padding:0;
    margin:0 0 20px;
    flex:1;
}


.details li {
    display: flex;
    justify-content: left;
    gap: 5px;
    padding: 6px 0;
    font-family: 'Inter';
    color: #fff;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.details strong {
    color: #ffc551;
    min-width: 130px;
}


.price{
    text-align:center;
    margin-top:auto;
}
.price span {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 28px;
    padding-right: 5px;
    font-family: 'Inter';
}

.swiper-pagination.kp_pagis.swiper-pagination-clickable {

    bottom: -35px;
} 
.kp_package_section{
    position: relative !important;
}

.price h3 {
    font-size: 50px;
    margin: 5px 0;
    color: #ffc551;
    font-weight: bold;
    font-family: 'Inter';
}

.price p {
    font-size: 14px;
    opacity: .8;
    font-family: 'Inter';
}

.view_package {
    display: block;
    text-align: center;
    padding: 14px;
    background: #000;
    color: #ffc551;
    text-decoration: none;
    letter-spacing: .5px;
    transition: .3s;
    font-size: 18px;
    font-family: 'Inter';
}

.view_package:hover {
    background: #ffc551;
    color: #000;
}

.card_first .details li {
    padding: 8px 0 !important;
    font-family: 'Inter';
}

li.last_li {
    border: none;
}

/* ===== AUTO STRETCH PACKAGE CARDS ===== */


.packages-wrapper {
    max-width: 1100px;
    margin: auto;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.swiper-pagination .packagepgi{
 display: none !important;

}




.tour_contyent_h{
    font-size: 20px;
    margin: 5px 0 15px !important;
    text-align: left;
    text-transform: capitalize;
    letter-spacing: -1px;
    border-bottom: 1px solid #afafaf;
    padding-bottom: 18px;
    font-family: "Inter";
    font-weight: bold;
}

.kp_btn:hover {
    background: #ffc551;
    color: #000;
}
button#submitBtn:hover{
      background: #ffc551;
    color: #000;
}
img.usa {
    width: 150px;
}

.footer_content ul li::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    border-right: 2px solid #cfcfcf;
}

.footer_content ul li a {
    padding-right: 9px;
}

ul li.last_footer_li:after{
    border: none !important;

}
.kp_three_card .card-title .small {
    font-size: 26px;
}
.kp_three_card .card-title h2 {
    font-size: 24px;
}
p.kp_wonder {
    color: #fff;
    padding-bottom: 12px;
}

ul li.last_footer_li a{
    padding-right: 0 !important;
}

.footer_content ul li a:hover{
   color: #f8c050;
}
.card-title {
    margin-bottom: 0px !important;

}
.card.swiper-slide {
    border: none;
}

.price p {
    color: #fff;
}

.header button.btn-close {
    display: none;
}


/* Desktop normal layout */
@media (min-width: 769px) {
  .kpExploreSwiper .swiper-wrapper {
    display: block;
  }

  .kpExploreSwiper .swiper-slide {
    width: 100% !important;
  }

  .kpExploreSwiper .swiper-pagination {
    display: none;
  }
  .kpExtandSwiper .swiper-wrapper {
    display: block;
  }

  .kpExtandSwiper .swiper-slide {
    width: 100% !important;
  }

  .kpExtandSwiper .swiper-pagination {
    display: none;
  }
  .kpnaturalSwiper .swiper-wrapper {
    display: block;
  }

  .kpnaturalSwiper .swiper-slide {
    width: 100% !important;
  }

  .kpnaturalSwiper .swiper-pagination {
    display: none;
  }
  .kppackageSwiper .swiper-wrapper {
    display: block;
  }

  .kppackageSwiper .swiper-slide {
    width: 100% !important;
  }

  .kppackageSwiper .swiper-pagination {
    display: none;
  }
}

/* Mobile layout */
@media (max-width: 768px) {
  .kpExploreSwiper .row {
    flex-direction: column;
  }

  .kpExploreSwiper .col-md-4,
  .kpExploreSwiper .col-md-8 {
    width: 100%;
    max-width: 100%;
  }
  .kpExtandSwiper .row {
    flex-direction: column;
  }

  .kpExtandSwiper .col-md-4,
  .kpExtandSwiper .col-md-8 {
    width: 100%;
    max-width: 100%;
  }
  .kpnaturalSwiper .row {
    flex-direction: column;
  }

  .kpnaturalSwiper .col-md-4,
  .kpnaturalSwiper .col-md-8 {
    width: 100%;
    max-width: 100%;
  }
  .kppackageSwiper .row {
    flex-direction: column;
  }

  .kppackageSwiper .col-md-4,
  .kppackageSwiper .col-md-8 {
    width: 100%;
    max-width: 100%;
  }
}

/* default swiper styling */
.kppackageSwiper .swiper-wrapper {
  align-items: stretch;
}

/* Desktop grid mode */
@media (min-width: 769px) {

  .kppackageSwiper.package-grid {
    overflow: visible;
  }

  .kppackageSwiper.package-grid .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* 4 column */
    grid-template-rows: repeat(2, auto);   /* 2 rows */
    gap: 25px;
    transform: none !important;
  }
  .kp_three_card .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .kppackageSwiper.package-grid .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
  }

  /* hide pagination desktop */
  .packagepagi {
    display: none !important;
  }



}