@import 'header.css';
@import 'footer.css';
@import 'modal.css';

html { scroll-behavior: smooth; }
body {font-family: "Inter", sans-serif !important; font-weight: 400;}
a:hover{text-decoration: none !important;}
.main-color {color: #EB662B !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: rgba(0, 0, 0, 0.5) url('../images/banner-img.jpg') 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:43px; text-align: center; display: block; color: #fff}
.banner-prgh {font-size:20px; text-align: center; display: block; color: #fff;}
.banner-textarea {position: relative; z-index: 1;}

.wc-icon {width: 50px; height:50px; }
.wc-icon > img {width: 100%; height: 100%; object-fit: contain;}

.destination-img {width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin:0 auto 15px; display: table;}
.destination-img > img {width: 100%; height: 100%; object-fit: cover;}

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

/* 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 140px 0;}


/* 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(180deg, transparent, rgb(20 20 20 / 80%)); z-index: 1;}
.topdest-textarea {position: absolute; left: 0; bottom: 0; padding: 20px 20px 30px; width: 100%; z-index: 2; color: #fff;}
.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;}

/* 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:#EB662B;}
.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: #fff; text-decoration: none; border: 1px solid #EB662B; background: #EB662B; border-radius: 10px; padding: 12px 20px; margin-top: 10px; display: inline-block;}
.wrap-btn:hover {color: #fff; text-decoration: none;}

/*  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:#EB662B !important;}


.testimonial-bg {background: url('../images/testimonial-bg.jpg') no-repeat center; height: 400px; 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;}

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

/* 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;}


/* 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:#ff0e43; 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: '\f00c'; 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: 900;}

.contact-box {box-shadow: 0px 1px 16px 0px rgb(193 193 193 / 35%); min-height: 185px; padding: 20px 20px 20px; border-radius: 20px; background: #fff; margin-bottom: 15px;}
.contact-hding {font-size: 18px; font-weight: 700; display: block;}
.contact-img {width: 40px; height: 40px; margin: 0 auto 10px; display: table;}
.form-field {width: 100%; background: #f1f1ff; padding: 12px 20px; font-size: 14px; border-radius: 6px; border: 1px solid #ddd;}
.form-lbl {font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.form-btn {padding: 10px 20px; font-size: 14px; text-align: center; background: #ec1139; color: #fff; border: 1px solid #ec1139; border-radius: 6px; display: inline-block; transition: 0.3s all ease-in-out;}
.form-btn:hover {transition: 0.3s all ease-in-out; color: #fff;}
.form-group {margin-bottom: 15px;}

.img-radius {border-radius: 20px;}
.error {font-size: 10px; color: #d20000; font-weight: 600; margin: 0; padding: 5px 0; display: block;}
.error > span { display:block; }

/* About Us */
.about-bg1 {background: #f1f1f1; padding: 30px;}


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;}

@media only screen and (max-width:575px) {
    .offerimg {width: 80px; height: 80px;}
    .offer-title {font-size: 15px;}
    .offer-desc {font-size: 12px;}
    .offer-textarea {padding: 20px;}
    .offer-img {border-radius: 20px;}
    .offer-img-shape {display: none;}
}

@media only screen and (max-width:767px) {
    .wrap-hding { font-size: 22px; }
	.cntmsg_hding {padding: 30px 0px 30px 0px; font-size: 22px;}
	.cntgifhding { font-size:20px; }
	.cntaddres { margin-bottom: 0; }
	.filter-button { margin-bottom: 15px; }
    .eventdate { width: 100px; }
    .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;*}
	.product-modalhding { font-size: 16px; }
    .aboutushding { font-size: 24px; padding-top:30px; }
    .aboutus-bg { padding:0 0 20px; }
    .carousel-bakpos {padding-top: 40px;}
    .carousel.slide .carousel-item > img  {height: 600px; object-fit: cover;}
    .carousel.slide .carousel-item > img.breadcrumb-bg-img {height: 130px;}
}

@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;}
    .cruise-bg {padding: 60px 0;}
    .breadcrumb-hding {font-size: 26px;}
}

@media only screen and (max-width: 991px) {
.w-lg-50{ width: 100% !important;}
    .breadcrump-list { padding-left: 0; }
    .picmrgin-minus {margin-top:0px;}
    .contact_list li:first-child span { padding: 4px 10px; }
    .contact_list li:last-child span { padding: 4px 8px; }
    .contaclist_btn {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 4px;
    margin-top:15px;
    }
    .contact_list {
    padding: 17px 0 15px;
    }
    .contact_list li:first-child {
    margin-bottom: 15px;
    }
    .contact_list li {
    font-size: 14px;
    float: none;
    }
    .aboutimg-lr {height: 100%;}
    .banner-mt {margin-top: 0px;}
    .pageview-nav {overflow-x: auto; white-space: nowrap;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-category-img { width: 100%; height: 203px; }
    .serch-cartbtn-botpos {left: 8px; right: 15px;}
    .search-catview-btn, .search-catbook-btn {font-size: 13px;}
}    
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .search-category-img { width: 100%; height: 248px; }

}