@import 'header.css';
@import 'footer.css';
@import 'gsap.css';
@import 'flight-search-form.css';

html { scroll-behavior: smooth; }
body {font-family: "Inter", sans-serif !important; font-weight: 400;}
a:hover{text-decoration: none !important;}
.main-color {color: #ffad36 !important;}
.btn:focus, .btn.focus{ box-shadow: none!important;}
.box-design {box-shadow: 0 0rem 1rem 4px rgb(0 0 0 / 10%) !important; border-radius: 20px; position: relative; margin-bottom: 15px;}

.banner-bg {background: url('../images/header.png') no-repeat; background-size: cover; background-position: center;  position: relative; padding:120px 0;}
/*.banner-bg:before {content: ''; background: url('../images/banner-shape.png') no-repeat; background-position: bottom; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; z-index: 1;}*/
/*.banner-bg:after {content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-image: linear-gradient(180deg, transparent, rgb(20 20 20 / 80%)); }*/
.banner-hding {font-size:56px; font-weight: 700;  display: block; color: #000}
.banner-hding > span {position: relative; display: inline-block;}
.banner-hding > span:before {content: ''; position: absolute; right: 0; bottom: -24px; width: 100%; height: 24px; background: url('../images/svg/brush.svg') no-repeat; }
.banner-prgh {font-size:20px; display: block; color: #000;}
.banner-textarea {position: relative; z-index: 1;}

.vr-radius-img1 {height:350px; width: 100%; border-radius: 300px 300px 15px 15px;}
.vr-radius-img1 > img {width: 100%; height: 100%; border-radius: 300px 300px 15px 15px; object-fit: cover;}
.vr-radius-img2 {height:250px; width: 100%; border-radius: 15px 15px 300px 300px; margin-top:15px;}
.vr-radius-img2 > img {width: 100%; height: 100%; border-radius: 15px 15px 300px 300px; object-fit: cover;}
.vr-radius-img3 {height:100%; width: 100%; border-radius: 300px; margin-top:0px;}
.vr-radius-img3 > img {width: 100%; height: 100%; border-radius: 300px; object-fit: cover;}

.wc-bg {background: #f1e9e9; position: relative;}
.wc-box {border-radius: 20px; background: #fff; box-shadow: 0px 0px 18px 4px #e8e2e2; padding: 20px; margin-bottom: 20px;}
.wc-icon {width: 50px; height:50px; }
.wc-icon > img {width: 100%; height: 100%; object-fit: contain;}
.destination-bg {background: #ededed; padding: 15px; border-radius: 15px; margin-bottom: 15px;}
.destination-img {width: 100%; height: 130px; border-radius: 15px; overflow: hidden; margin:0 auto 15px; display: table;}
.destination-img > img {width: 100%; height: 100%; object-fit: cover;}
/*.wc-lg-img {width: 100%; height: 100%; border-radius: 20px; background: #fff6ea; padding: 15px; }*/
.wc-lg-img {width: 47%; height: 100%; border-radius: 0; padding: 0; position: absolute; left: 0; margin-bottom: 15px; object-fit: cover;}

/* Top Tour */
.top-tour {border-radius: 15px; background: #ffd9a2; border:1px solid #ddd; margin-bottom:20px; position:relative; }
.top-tour-img {position: relative; overflow: hidden; height: 200px; border-radius: 15px 15px 0 0; margin-bottom: 0px; display: block;}
.top-tour-img > img {object-fit: cover; width: 100%; height: 100%; border-radius: 15px 15px 0 0; transform: scale(1); transition: all 0.3s ease-in-out;}
.top-tour-img:hover > img {filter: brightness(1.1); transform: scale(1.1);}
.top-tour-textarea {padding: 15px; background: #ffd9a2; border-radius: 15px 15px 0 0; position: relative; top:-12px;}
.tour-pkg-pos {position: absolute; top:0; left: 0; right: 0; padding:15px;}
.tour-price {font-size:12px; padding: 5px 12px; border-radius: 20px; text-align: center; margin-bottom: 0;background: #fff;}
.tour-price > span { font-weight: 700; color: #EB662B;}
.tour-duration {background: #ffb54a; font-size: 12px; padding: 5px 12px; border-radius: 20px; margin: 0;}

/* offer section */
.offer-bg {background: url('../images/offer-bg.jpg'); border-radius: 20px;}
.offer-img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 20px 20px 0;}
.offer-img-shape {width: 100%; height: 100%; position: absolute; left: 0; top:0; bottom: 0; background: url('../images/offer-shape.png') no-repeat; background-size: contain; background-position: left;}
.offer-textarea {padding:0px 90px 0;}

/* offer card */
.offer-card {position: relative; margin-bottom: 20px;}
.offer-card-textarea {position: absolute; left: 0; top:0; right: 0; bottom: 0;padding: 65px 180px 0 50px;}
.offer-card-title {font-size:14px; color: #fff; margin-bottom: 0; padding: 0 0 5px;}
.offer-card-hding {font-size: 24px; font-weight: 700; color: #fff; margin: 0; padding: 0 0 5px;}

/* Popular things */
.topdest-area {position: relative; overflow: hidden; height: 275px; border-radius: 20px;}
.topdest-area > img {object-fit: cover; width: 100%; height: 100%; border-radius: 20px; transform: scale(1); transition: all 0.3s ease-in-out;}
.topdest-area:hover > img {filter: brightness(1.1); transform: scale(1.1);}
.topdest-area:before {content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-image: linear-gradient(360deg, transparent, rgb(26 30 123 / 80%)); z-index: 1;}
.topdest-textarea {position: absolute; left: 0; top: 0; padding: 40px 20px 30px; width: 100%; z-index: 2; color: #fff;}
.topdest-btn-pos {position: absolute; left: 0; bottom: 0; padding: 20px 20px 30px; width: 100%; z-index: 2;}
.topdest-name {font-size: 22px; font-weight: 500; text-transform: capitalize; padding-top: 10px; margin: 0; display: block;}

.light-bg {background: #f5f5f5; padding: 50px 0;}

.parallax-sec { width:100%; height:350px; background:url('../images/banner-2.png'); background-attachment:fixed; background-size:cover; background-position:center; padding:100px 0;  position: relative;}
.parallax-sec:before{content: ""; position: absolute; left: 0; top:0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}

/* About us */
.aboutus-bg { background: url("../images/paralax-img.jpg") no-repeat center; padding: 50px 0; }
.rugcol-bg { background: url("../images/rugcol-bg.jpg") no-repeat center; padding: 50px 0; }
.aboutushding { font-size: 45px; padding-top: 50px; color: #fff;  }
.aboutusprgh { font-size: 16px; color:#fff; line-height: 1.5; }
.mtm-bg { margin-top: -50px; background: #fff; }
.picmrgin-minus {margin-top:-30px;}

.whybook-hding {font-size: 16px; font-weight: 700;}
.whybook-prgh {font-size:13px; font-weight: 400; color: #999}
.whybook-icon {font-size: 28px; color: #f03f60; margin-bottom: 5px;}

/*wraper */

.wrap-hding { font-size: 30px; color: #000; font-weight: 700;  padding-top: 10px; margin: 0; }
.wrap-hding > span {color:#ff9700;}
.wrap-title { font-size: 16px; color: #000; font-weight: 500;  margin:0; }
.wrap-subhding { font-size: 18px; color: #222; font-weight: 700;   margin:0; padding-top: 10px; }
.wrap-prgh { font-size: 14px;  color: #000; margin-bottom: 0; }
.wrap-btn {font-size: 14px; font-weight: 400; color: #000; text-decoration: none; border: 1px solid #ffd9a2; background: #ffd9a2; border-radius: 10px; padding: 12px 20px; margin-top: 10px; display: inline-block; transition: all 0.3s ease-in-out;}
.wrap-btn:hover {color: #000; background: #dcb071; text-decoration: none; transition: all 0.3s ease-in-out;}

/*  carousel button */
.owl-carousel .owl-nav { position: absolute; top: 30%; right: 0; left: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: flex; outline: none; color: #fff; background: #fff !important; border-radius: 50%; border:1px solid #ddd !important;   font-size: 50px; position: absolute; bottom: 0px; top:-14px; width:45px; height: 45px; justify-content: center; align-items: center;  }
.owl-carousel .owl-nav button.owl-next > span, .owl-carousel .owl-nav button.owl-prev > span { outline: none; display: block; color:#000; padding: 0px 15px;  font-size: 30px;  border-radius: 50%; transform: translate(0, -1px);  }
.owl-carousel .owl-nav button.owl-next { right:-20px; }
.owl-carousel .owl-nav button.owl-prev {  left: -20px; }
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block!important; }*/
.owl-theme .owl-nav [class*=owl-]:hover {color:#ff9700 !important;}


.owl-dots {text-align: center; margin-top: 15px; display: flex; gap: 10px; justify-content: center; cursor: pointer; /* Makes it clear it's clickable */ }
.owl-dot img {width: 50px; height: 50px; border-radius: 50%; opacity: 0.5; transition: opacity 0.3s ease; }
.owl-dot.active img {opacity: 1; border: 2px solid #333; }

/*.testimonial-bg {background: url('../images/testimonial-bg.jpg') no-repeat center; height: 400px; background-size: cover;}*/
.testimonial-bg {background: url('../images/testimonial-bg.jpg') no-repeat center; background-attachment: fixed; background-size: cover;}
.testimonial-textarea {padding: 20px 40px; }
.testimonial-img {width: 80px !important; height: 80px; border-radius: 50%; margin:20px auto 15px; display: table; object-fit: cover;}
.quote-img {width: 40px; height: 40px; margin: 0px auto 20px; display: table; object-fit: contain;}

.box-shadow {box-shadow: 0 0rem 1rem 4px rgb(0 0 0 / 10%) }


/* article */
.article-box {position: relative;}
.article-box-img {width: 100%; height: 200px; border-radius: 10px 10px 0 0;}
.article-box-img > img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0;}
.article-box-textarea {padding: 20px 0px;}
.article-details {display: flex; gap: 15px; margin:0; padding:0px;}
.article-details li {list-style: none; font-size: 12px; color: #999; display: flex; gap: 10px;}




/* faq collapse */
.ac {margin: 10px 0px 0; display: block; position: relative; }
.ac > .card-header {border-bottom: none !important; padding: 0px !important; background-color: transparent !important;}
.ac .card-header button {width: 100%; font-size: 16px; font-weight: 600; padding:10px 0 !important; text-align: left !important; color: #000 !important; background: none !important; border-bottom: 1px solid rgb(153 153 153 / 40%); border-radius: 1px !important; text-decoration: none; }
.ac button:before {color: #ec1139;}
.ac button[aria-expanded="true"]:before, .ac button[aria-expanded="false"]:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 4px;}
/* Minus sign */
.ac button[aria-expanded="true"]:before { content: '\f068';  } 
/* Plus sign */
.ac button[aria-expanded="false"]:before {content: '\f067';}
.ac button[aria-expanded="false"]:before, [aria-expanded="true"]:before {display: inline-block; float: right;}
.ac .card-body {color: #000; font-size: 14px; font-weight: 400; line-height: 22px; padding:15px 0 !important;}
.ac button:focus {box-shadow: none !important;}

.accordion .accordion-item button {font-size:14px !important;}

/* Breadcrumb */
.gwres-breadcrumb-bg {background: #272727; padding: 30px 0; position: relative;}
.breadcrumb-hding {font-size:42px; color:#fff; font-weight: 700; display: block;  position: relative;}
.breadcrumb-ullist {margin: 0; padding: 0; display: flex; }
.breadcrumb-ullist li {list-style: none; font-size:14px; color:#fff; font-weight: 500; padding:0px 10px; position:relative; }
.breadcrumb-ullist li:not(:last-child):before {content: ''; position: absolute; right: 0; top:4px; width: 1px; height: 16px; background: #fff; transform: rotate(23deg);}
.breadcrumb-ullist li:first-child {padding-left: 0px;}
.breadcrumb-ullist li a {color:#ffd9a2; text-decoration: none;}


.ullist {margin: 15px 0 0 0px; padding: 0px 0 0 0px; position: relative;}
.ullist li {list-style: none; margin-bottom: 10px; padding: 0px 0 0 25px; font-size: 14px; position: relative;}
.ullist li:before {content: '\f058'; position: absolute; left: 0; top: 2px; font-size: 10px; color: #ec1139; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 5 Free'; font-weight: 400;}

/* Contact Us */
.contact-address-box {width: 100%; height: 400px; background: #fff; position: relative; right:-100px; padding:30px; box-shadow: 0px 0px 20px 8px #e6e5e5; border-radius: 10px;}
.contact-form-box {width: 100%; height: 500px; background: #f1f1f1; box-shadow: 0px 0px 12px 8px #e0dfdf; border-radius: 10px;}
.contact-form-box > iframe {border-radius: 10px;}


div > a > img[alt="powered_by"], .tp_powered_by {display: none !important;}
.poweredby-hide {width: 100%; height: 45px; background: #fff; margin-top:-20px; position: relative; z-index: 1;}

#tp-cascoon-component-8f2f3d26-6128-45ac-9042-cde49458c6c0 .tp_powered_by {display: none;}

/* Package List */
.package-filter-box {border:1px solid #E7E6E6; background: #fff; border-radius: 20px; padding-bottom: 40px; position: relative;}
.pfb_search_box {background: #ffae38; padding: 30px; border-radius: 20px 20px 0 0;}
.pfb_padding {padding:20px;}
.search-filter {width: 100%; padding: 10px 16px; font-size: 14px; margin-top:10px; border-radius: 10px; border:none;}
.pfb_checklist {margin: 15px 0 0; padding: 0;}
.pfb_checklist li {list-style: none; display: flex; align-items: center ; gap: 15px; padding:5px 0;}
.pfb_checklist li .pfb_checkbox {width: 16px; height: 16px; cursor: pointer;}
.pfb_checklist li > label {font-size:14px; font-weight: 500;  cursor: pointer;}
.package_box {border:1px solid #E7E6E6; border-radius: 20px; padding:20px;  margin-bottom: 20px;}
.package_destination_img {width: 100%; height: 165px; border-radius: 20px; position: relative; overflow: hidden;}
.package_destination_img > img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transform: scale(1.0); transition: ease-in-out 0.3s;}
.package_destination_img:hover > img { transform: scale(1.07); transition: ease-in-out 0.3s;}
.package_discount {background: #ffae38; padding: 4px 12px; font-size: 11px; border-radius: 4px; position: absolute; left: 20px; top: 20px;}
.package-title {font-size:12px; color: #999; margin-bottom: 0; padding-bottom: 5px;}
.package-hding {font-size:18px; font-weight: 600;}
.package_vrline {width: 1px; height: 100%; background: #E7E6E6;}
.package-price-area {position: relative; height: 100%; border-left: 1px solid #E7E6E6; margin-right: -6px;}
.package-price-pos {position: absolute; bottom: 0px; left:0; right:0;}
.package-price-btn {font-size: 14px; font-weight: 400; color: #000; text-decoration: none; border: 1px solid #ffd9a2; background: #ffd9a2; border-radius: 10px; padding: 6px 20px; margin: 10px auto 0; display: table;}
.strike-color {color:#c3c3c3;}
.package-star-review {margin: 0; padding: 0; display: flex;  gap:5px;}
.package-star-review li {font-size:10px; color:#ffae38;}

.tour-detail-img {border-radius: 20px;}
.tour-detail-short-img {width: 100%; height: 180px; order: hidden }
.tour-detail-short-img > img {width: 100%; height: 180px; object-fit: cover;}


/* Top Destination */
.destination-box {background: #fff; box-shadow: 0px 0px 12px 0px #e4e4e4; margin-bottom:15px; position:relative; border-radius:10px;}
.destination-img {width: 100%; height: 100%; border-radius: 10px 0 0 10px;}
.destination-img > img {width: 100%; height: 100%; border-radius: 10px 0 0 10px; object-fit: cover;}
.destination-price {font-size:22px; font-weight: 700; padding-top:10px;}
.destination-price > span {font-size:12px; font-weight: 400;}

.destination-route {display: flex; justify-content: space-between; align-items: center; margin-top:15px; margin-bottom: 10px; padding: 0 0 8px; border-bottom: 1px solid #ccc;}
.destination-route li {list-style: none; position: relative;}
.destination-route li .dest-title {font-size:12px; font-weight: 400; margin-bottom: 0;}
.destination-route li .dest-name {font-size: 15px; text-transform: uppercase; font-weight: 700; margin:0;}
.destination-route li .destination-process {width:60px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }
.destination-route li .destination-process > span  {font-size:14px; color: #999; position: absolute; left: 0; right: 0; top: -9px; margin: auto; display: block; text-align: center;}
.destination-route li .dest-time {font-size: 11px; text-align: center; display: block; margin: 0; padding: 0;}
.desination-class {font-size: 13px; font-weight: 700; color: #ffb54a; padding-bottom: 0px; margin: 0;}
.destination-date {font-size:12px; font-weight: 500; color: #000; margin: 0; padding-bottom: 8px;}

.note {font-size:11px; background: #f7f7f7; padding: 3px 10px;}

.passenger-table {font-size:13px;}
.traveller-form-lbl {font-size:13px; display: block; padding-bottom: 5px;}
.passenger-table .traveller-form-field {width: 100%; border-radius: 4px; padding:6px 15px; font-size: 13px; border:1px solid #999;}
.add-traveller-btn, .remove-traveller-tr {width: 30px; height: 30px; font-size:10px; color:#fff; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; border:none;}
.add-traveller-btn {background: green; margin-right: 9px;}
.remove-traveller-tr { background: #ff3300; margin-top:22px;}

#traveller-table tr td:first-child {font-weight: 700;}
#traveller-table {
    counter-reset: rowNumber;
}
#traveller-table tr {
    counter-increment: rowNumber;
}
#traveller-table tr td:first-child::before {
    content: counter(rowNumber);
}
#traveller-table tr:first-child {
    counter-reset: none; /* Prevent header from being counted */
}

.form-lbl {font-size: 12px; font-weight: 600; display: block; padding-bottom: 5px;}
.form-field {width: 100%; border-radius: 4px; padding:6px 15px; font-size: 13px !important; border:1px solid #999;}
.submit-btn {border-radius: 4px; padding:6px 15px; font-size: 13px; background: #f9c16f; border:1px solid #f9c16f;}

@media only screen and (max-width:575px) {
    .offerimg {width: 80px; height: 80px;}
    .offer-title {font-size: 15px;}
    .offer-desc {font-size: 12px;}
   
}

@media only screen and (max-width:767px) {
    .wrap-hding { font-size: 22px; }
	.banner-hding {font-size:30px}
    .banner-hding span:before {background-size: contain;}
    .box {display: none;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top:25px; }
    .owl-carousel .owl-nav button.owl-prev {left: 0;}
    .owl-carousel .owl-nav button.owl-next {right: 0;*}
    .offer-card-textarea {padding: 45px 140px 0 35px;}
    .banner-bg {padding:120px 0 60px 0;}
    .vr-radius-img1 {height: 250px;}
    .vr-radius-img2 {height: 150px;}
    
	
}

@media only screen and (max-width:768px) {
    .card-textarea {padding: 53px 35px 40px 110px;}
    .upto-txt {font-size: 24px;}
    .discount-hding {font-size:110px;}
    .off-hding {font-size:32px;}
    .off-hding > span {font-size: 55px;}
    .offer-btn-1 {font-size: 16px; padding: 8px 25px; margin: 15px 15px 0;}
    .festive-hding {font-size: 36px;}
    .festive-prgh {font-size: 16px;  padding-bottom: 15px;}
    .offer-btn-2 {font-size: 16px; padding: 8px 25px;}
    .top-dest-bg {min-height: auto; background-size: cover; padding: 0px 35px 30px;}
    .left-text {padding: 30px 0px 0 0;}
    .hp-area  {height: auto;}
    .hp-area > img {object-fit: cover; }
    .wlwmark-hide {top:515px;}
    .breadcrumb-hding {font-size: 26px;}

     .offer-textarea {padding: 20px;}
    .offer-img {border-radius: 20px;}
    .offer-img-shape {display: none;}
    .wc-lg-img {width: 100%; position: relative; transform: scale(1.08);}
}

@media only screen and (max-width: 991px) {
    .breadcrump-list { padding-left: 0; }
    .contact-address-box {right:0; height: auto; border-radius: 10px 10px 0 0;}
    .contact-form-box, .contact-form-box > iframe { height: 400px; border-radius: 0 0 10px 10px;}

}