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

html { scroll-behavior: smooth; }
body {font-family: "Poppins", sans-serif !important; font-weight: 400;}
/*h1,h2,h3,h4,h5,h6 {font-family: "Quicksand", sans-serif;}*/

.parallex-banner {background: url('../images/banner-img.jpg') no-repeat center; background-size: cover; background-position: bottom; background-attachment: fixed; min-height: 450px; overflow: hidden; position: relative;}
.parallex-banner:before {content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-image: linear-gradient(7deg, #000, transparent); opacity: 0.7;}
.banner-hding {font-size: 60px; font-weight: 700;}
.banner-hding > span { color:#ff9f3a; }
.wrap-btn {font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #ff9f3a; color: #fff; border-radius: 40px; padding: 12px 30px; text-decoration: none;}
.wrap-btn:hover {color: #fff;}

.wrap-btn-white {font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #fff; color: #000; border-radius: 40px; padding: 12px 30px; text-decoration: none;}
.wrap-btn-white:hover {color: #000;}

.wrap-title {font-size: 18px; text-transform: uppercase; color:#ff9f3a; font-style: italic;}
.wrap-hding {font-size: 34px; font-weight: 700; color: #043964;}
.wrap-prgh {font-size: 14px; color: #000; font-weight: 300;}
.wrap-subhding {font-size:22px; font-weight: 600;}

.why-chooseus-bg {background: #0f1552; padding:0px 0; }
.why-choose-leftbg-sec {position: relative; width: 100%; height: 100%;}
.why-choose-leftbg-sec:before {content: ''; position: absolute; left: calc(20% - 100%); top:0; width: 100%; height: 100%; background:#070c3f;}
.why-choose-leftbg {background: #070c3f; width: 100%; height: 100%; position: relative; padding: 30px 0; color: #fff;}
.why-choose-hding {font-size: 18px; font-weight: 600;}

.about-bg {background: #f7f7f7; padding: 60px; margin: 40px 0;}

.section-py {padding:50px 0;}
.img-radius { border-radius:5px; }

.package-box {background: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1); margin-bottom:15px; border-radius: 15px; }
.package-img-area {border-radius: 15px 15px 0 0; height: 250px; overflow: hidden;}
.package-img-area > img {width: 100%; height: 100%; object-fit: cover;}
.package-textarea {padding: 20px;}
.package-hding {font-size:20px; font-weight: 700; }

.box-shadow {box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1); background: #fff; padding: 15px; border-radius: 15px;}

.travel-offer {position: relative; margin-bottom: 30px; height: 450px; background: url('../images/airplane-side-view-flying.jpg') no-repeat; background-position: center; background-attachment: fixed; background-size: cover; overflow: hidden; border-radius: 0px;}
.offer-hding {font-size:50px; font-weight: 700;}

.feature-icon {width: 50px; height: 50px; background: #ffe3e9; border-radius: 50%; padding: 10px 15px; display:flex; justify-content:center; align-items:center; }
.feature-icon > i {color: #ff9f3a;}
.feature-hding {font-size:16px; font-weight: 700; display: block; padding-top:0px;}
.feature-content {width: 77%;}
.counter-right-border {border-right: 1px solid #ccc;}

/* desination */
.lg-blog-box {width: 100%; height: 400px; border-radius: 10px; overflow: hidden; position: relative; }
.lg-blog-box > img {width: 100%; height: 100%; border-radius: 10px; object-fit: cover; transform: scale(1); transition: all 0.3s ease-in-out;}
.lg-blog-box:hover > img {transform: scale(1.09); transition: all 0.3s ease-in-out;}
.lg-blog-box:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 10px; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); z-index: 1;}
.blog-textarea {position: absolute; left: 0; right: 0; bottom: 0; padding:40px; z-index: 2;}
.blog-hding {font-size: 24px; font-weight: 700; margin: 0; padding-bottom: 10px; color: #fff; text-align: center;}
.blog-box {width: 100%; height: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 12px 0px #ccc; position: relative; }
.blog-box> img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transform: scale(1); transition: all 0.3s ease-in-out;}
.blog-box:hover > img {transform: scale(1.09); transition: all 0.3s ease-in-out;}
.blog-box:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 10px; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); z-index: 1;}
.destination-tours {position: absolute; padding: 10px 20px; font-size: 14px; color: #fff; background: #ff9f3a; right:20px; top:20px; z-index: 2;}

/* vacation offer */
.vacation-offer {background: #ff9f3a; width: 100%; height: 100%; padding:80px 30px 0; border-radius: 10px 0 0 10px;}
.vacation-img {border-radius: 0px 10px 10px 0;}


.primary-color {color: #ff9f3a;}


/* Breadcrumb */
.fl-breadcrumb-bg {background: #f0d5b9; padding: 30px 0; position: relative;}
.breadcrumb-hding {display: none; font-size:42px; color:#fff; font-weight: 700; position: relative;}
.breadcrumb-ullist {margin: 0; padding: 0; display: flex; }
.breadcrumb-ullist li {list-style: none; font-size:14px; color:#000; 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: #000; transform: rotate(23deg);}
.breadcrumb-ullist li:first-child {padding-left: 0px;}
.breadcrumb-ullist li a {color:#bb6000; text-decoration: none;}

.object-fit-cover {object-fit: cover;}

.ullist {margin: 20px 0 20px 20px; padding:0px; display: block;}
.ullist li {list-style: none; text-transform: capitalize; font-size: 14px;  margin-bottom: 10px; padding-left: 30px; position: relative;}
.ullist li:before {content: ''; width: 18px; height: 18px; position: absolute; left:0; top:0px; background: url("../images/check.png") no-repeat; background-size: contain;}

.hide-watermark {position: absolute; left: 0; right: 0; bottom: -47px; background: #fff; width: 100%; height: 45px;}

@media (max-width: 767px) {
	.about-bg {padding: 20px;}
	.banner-hding {font-size: 34px;}
	.wrap-hding {font-size: 28px;}
	.wrap-title {font-size: 16px;}
	.breadcrumb-hding {font-size: 24px;}
	.travel-offer {background-position: inherit;}
	.vacation-offer {padding:40px 30px; border-radius: 10px 10px 0 0;}
	.vacation-img {border-radius: 0 0 10px 10px;}
}