/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.ehf-header #masthead {
	z-index: 9999 !important;
}
/* Global Css */
.ast-single-post.ast-page-builder-template .site-main > article, .ast-page-builder-template .post-navigation {
	padding-top:0;
	padding-left: 40px;
	padding-right: 40px;
}
.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover {
	opacity: 1 !important;
}
/* 
HomepageHomes  */
.hm-parent .elementor-shortcode {
	font-family: "Roboto", Sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	color: #000;
}

/* Flight Pg--Flight Destinations-Sec */
.fd-wrapper, .fd-wrapper-2 {
  display: inline-block;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.fd-img,.fd-wrapper-2 .fd-img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(0);
  transition: transform 0.7s cubic-bezier(.2,.6,.2,1);
  will-change: transform;
  backface-visibility: hidden;
}
.fd-wrapper:hover {
	box-shadow: 0 26px 20px rgba(0, 0, 0, 0.05);
}
.fd-wrapper:hover .fd-img, .fd-wrapper-2:hover .fd-img {
  transform: rotate(4deg) scale(1.1);
}
/* FORM STYLES */
.xdat-field .ff-el-input--content input {
	background-color: transparent;
}
.xdat-field .ff-el-input--content{
	position: relative;
}
.xdat-field .ff-el-input--content{
	position:relative;
	z-index:1;
}
.xdat-field .ff-el-input--content::after {
	content: '';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/dat-icon.svg');
	position: absolute;
	width: 18px;
	height: 18px;
	background-size: contain;
	right: 11px;
	bottom: 11px;
	z-index: -1;
}
.e-loop__load-more{
	position: relative;
}
.e-loop__load-more::after {
	width: 100%;
	height: 1px;
	background-color: #4B4853;
	position: absolute;
	content: '';
	left: 50%;
	bottom: 50%;
	transform: translateX(-50%);
z-index: 2;
}
.e-loop__load-more .elementor-button-link::after {
	content: '';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/Group1.svg');
	width: 14px;
	height: 14px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.e-loop__load-more .elementor-button-link {
	z-index: 4;
}

/* Contact US Page */
.mc-acco .e-n-accordion-item-title-header {
	width: 100%;
}
.e-n-accordion-item-title-text{
	position:relative;
}
.e-n-accordion-item-title-text::before {
	content: '';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/chat-1.png');
	background-size: contain;
	position: absolute;
	width: 22px;
	height: 22px;
	left: -31px;
	top: 50%;
	transform: translateY(-50%);
}
/* Home Page Tabs Styles */
.e-n-tabs-heading {
	width: 80%;
	margin: 0 auto;
}
/*Destination Single Template */

/* Discont Auto Count */
.price-box {
	position: relative;
	background: #17438a;
	color: #fff;
	padding: 25px;
	overflow: hidden;
	border-bottom: 1px solid #DFE4E8;
}
.p-col-1 {
	width: 20%;
}
.p-col-2 {
	width: 80%;
	text-align: left;
}
.price-content {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 10px;
}
.p-col-2 ul {
	margin: 0;
	padding: 0;
}
.p-col-2 ul li {
	list-style: none;
}
.regular-price {
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	color: #658BD8;
	width: fit-content;
	position: relative;
}
.from-label {
	font-family: "Roboto", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 17px;
	color: #D8D8D8;
}
.regular-price::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgb(101, 139, 216);
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.sale-price,.reg-price-only  {
	font-family: "Roboto", Sans-serif;
	font-size: 29px;
	font-weight: 700;
	line-height: 29px;
	color: #fff;
}
.reg-price-only::after {
content:unset !important;
}
/* Ribbon */
.discount-ribbon {
	position: absolute;
	top: 60px;
	right: -68px;
	background: #E73A42;
	color: #fff;
	font-weight: bold;
	padding: 23px 53px 6px 50px;
	transform: rotate(45deg);
	transform-origin: top right;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	font-size: 20px;
	font-family: "Roboto", Sans-serif;
	width: 175px;
	text-align: center;
}
/* Slider */
/* Ensure slider takes full width and hides overflow */
.main-slider .swiper-slide img {
	width: 100;
	height: 560px !important;
	object-fit:cover;
}
/* Main slider */
.swiper-container.main-slider {
    width: 100%;
    overflow: hidden;
}
.swiper-container.main-slider .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
/* Thumbnail slider wrap */
.thumb-slider-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	position: relative;
	width: 785px;
	margin: 0 auto;
	padding: 8px 19px;
	background-color: #fff;
	box-shadow: 0 4px 4px #00000025;
	height: 95px;
	top: -49px;
	z-index: 9;
}
.swiper-thumbs {
	height: 78px;
}
.swiper-thumbs .swiper-slide {
	width: 127px !important;
	height: 28px !important;
	margin-right: 8px !important;
}

/* Thumbnail slider */
.swiper-container.thumb-slider {
    flex: 1;
    overflow: hidden;
}
.swiper-container.thumb-slider .swiper-slide img {
	width: 100%;
	height: 78px;
	object-fit: cover;
	cursor: pointer;
}
/* Arrows inside thumbnail row */
.thumb-slider-wrap .swiper-button-prev,
.thumb-slider-wrap .swiper-button-next {
    position: relative;
    top: auto;
    transform: none;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    color: #000; /* change color if needed */
}
.swiper-button-prev::after {
	content: '' !important;
	width: 14px;
	height: 20px;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/prev-p.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.swiper-button-next::after {
	content: '' !important;
	width: 14px;
	height: 20px;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/next-p1.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.swiper-button-next {
	right:-6px !important;
}
.swiper-button-prev {
	left:-6px !important;
}
/* Slider */
.des-para p{
	margin-bottom: 0;
}
 .overview ul, .highlights ul {
  margin: 0; 
}
.highlights ul li {
	padding-top: 18px;
	padding-bottom: 18px;
}
.highlights ul li span {
	position: relative;
	line-height: 14px;
}
.highlights ul li:last-child {
	padding-bottom: 0px;
	border: none;
}
.excluded ul li:first-child {
	padding-top: 16px;
	border-top: 1px solid #CACACA;
	margin-top: 14px;
}
.excluded ul li:last-child {
	padding-bottom: 14px;
	margin-bottom: -14px;
}
.excluded ul li {
	opacity: 0.4;
}
.overview ul li:last-child{
    border: none;
}
.overview ul li {
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #CACACA;
	list-style: none;
	padding-left: 20px;
}
.overview ul li span {
	position: relative;
}
.overview ul li span::before {
	content: '';
	width: 4px;
	height: 4px;
	background-color: #252424;
	position: absolute;
	border-radius: 100px;
	left: -20px;
	top: 6px;
}
.highlights ul li {
	border-bottom: 1px solid #CACACA;
	list-style: none;
	padding-left: 30px;
}
.highlights ul li span::before {
	content: '';
	width: 18px;
	height: 16px;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/09/check-mark-1.png');
	position: absolute;
	left: -30px;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
}
.excluded  ul li::before {
	content: '';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/09/close-1.png');
}
/* Pricing */
.re-price h3 {
	width: fit-content;
	position: relative;
}
.re-price h3::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #658bd8;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
/* Iternary  */
.accordion-item.active .accordion-header {
	padding: 64px 23px 27px 47px;
}
.accordion-item {
	margin-bottom: 10px;
}
.accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 23px 16px 50px;
	cursor: pointer;
	background: #F7FAFC;
	border: 1px solid #E5E5E5;
	height: 60px;
	-webkit-box-shadow: 0px 4px 100px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 100px 0px rgba(0,0,0,0.1);
}
.accordion-item.active {
	border: 1px solid #E5E5E5;
	background-color: #F7FAFC;
}
.accordion-item.active .accordion-header {
	border: unset;
	box-shadow: none;
}
.accordion-header h3, .faq-header h4 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	font-family: "Roboto", Sans-serif;
	letter-spacing: 0.5px;
	color: #1A408B;
	text-transform: capitalize;
}
.accordion-col-right h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 19px;
	color:#212224;
	font-family: "Roboto", Sans-serif;
}
.accordion-col-right p,.faq-content p {
	text-align: left;
	font-family: "Roboto", Sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	color: #1B1B1B;
	margin-bottom: 0;
}
.accordion-toggle {
	transition: transform 0.3s;
	height: 5px;
	position: relative;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/Vector-2.svg');
	width: 10px;
	background-size: contain;
	background-repeat: no-repeat;
}
.accordion-item.active .accordion-toggle {
	transform: rotate(180deg);
}
.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.accordion-inner {
	display: flex;
	gap: 30px;
	padding: 0 47px 47px 50px;
}
.accordion-col {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.accordion-col img {
    max-width: 100%;
}
/* Destinatin FAQ section */
.faq-accordion {
	margin-left: 33px;
}
.faq-item {
    border-bottom: 1px solid #ddd;
}
.faq-item:last-child {
	border: none;
}
.faq-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.faq-toggle {
	transition: transform 0.3s;
	transition: transform 0.3s;
	height: 5px;
	position: relative;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/Vector-2.svg');
	width: 10px;
	background-size: contain;
	background-repeat: no-repeat;
}
.faq-item.active .faq-toggle {
	transform: rotate(180deg);
}
.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.faq-header h4 span {
	position: relative;
}
.faq-header h4 {
	padding: 15px 15px 15px 0;
}
.faq-header h4 span::before {
	content: '';
	width: 25px;
	height: 25px;
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/chat-11.png');
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	left: -34px;
	top: 9px;
	transform: translateY(-50%);
}
.faq-content {
	padding: 14px 15px 14px 0px;
	border-top: 1px solid #ddd;
}
.error.text-danger {
	position: absolute;
}
/* Map */
#acf-leaflet-map {
	border: 1px solid #E5E5E5;
}
.ym-slider-title h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 250px;
}
.des-btn {
	width: 110px;
	height: 35px;
	border: 1px solid #483C34;
	cursor:pointer;
}
.des-btn:hover {
	background-color: #e73a42;
	border-color: #e73a42;
}
.des-btn:hover .elementor-heading-title{
	color: #fff !important;
}

/* Destination Offers Slider */

/* Wrapper with background image */
.hf-slider-wrapper {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  box-sizing: border-box;
}
.h-offer::after {
	width: 18px !important;
	height: 33px !important;
}
/* Main container with max width */
.mc-container {
	max-width: 1260px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 643px;
}

/* Column setup */
.col-1 {
	flex: 0 0 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 121px;
}

.col-2 {
  flex: 0 0 40%;
  /* Example if you want background image or image inside */
  display: flex;
  justify-content: center;
  align-items: center;
}
.ff-message-success  {
	padding: 10px !important;
	margin-bottom: 10px !important;
	margin-top: -10px;
	background-color: #1a408b;
}
.ff-message-success p {
	margin-bottom: 0;
	font-size: 13px;
	color: #fff;
	text-align: center;
}
#fluentform_2_success {
	position: absolute !important;
	top: 24px;
	z-index: 99;
}
/* Content styles */
.slider-title h2 {
	font-family: "Roboto", Sans-serif;
	font-size: 80px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 60px;
	color: var( --e-global-color-72f99e1 );
	padding-bottom: 25px;
}

.slider-title .caption {
font-family: "Roboto", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  line-height: 30px;
  color: var( --e-global-color-text );

}

.price-booking {
font-family: "Roboto", Sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 35px;
  color: #5DEFFF;
}
.offer-presentage {
	font-family: "Roboto", Sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 60px;
	text-shadow: 3px 3px 0 #008FDB, -3px -3px 0 #008FDB, 3px -3px 0 #008FDB, -3px 3px 0 #008FDB, 3px 0 0 #008FDB, -3px 0 0 #008FDB, 0 3px 0 #008FDB, 0 -3px 0 #008FDB;
}
.page-link {
	background-color: var( --e-global-color-00155ba );
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 10px 10px 10px 10px;
	padding: 15px 29px 15px 29px;
	transition: background 0.3s ease;
	color: #fff;
}

.page-link:hover {
  background:#fff;
  color: #1A408B;
}
/* Container for navigation buttons */
.slider-nav-container {
	width: 1380px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	z-index: 10;
	left: 50%;
	transform: translate(-50%,-50%);
}
.slider-nav-container .swiper-button-prev::after {
	content:'';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/09/path81884.svg') !important;
	opacity:0.6;
}
.slider-nav-container .swiper-button-next::after {
	content:'';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/09/path8188.svg') !important;
	opacity:0.6;
}
.slider-nav-container:hover .swiper-button-next::after,.slider-nav-container:hover .swiper-button-prev::after{
	opacity:1;
}
/* Optional: style buttons if needed */
.swiper-button-prev,
.swiper-button-next {
    color: #008FDB; /* change color of arrows */
}
/* Destination Filter */
.hf-row {
	width: 100%;
	border: none;
	padding: 0;
}
#holiday-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 20px;
	background-color: #F7FAFC;
	border: 1px solid #DFE4E8;
	padding-bottom: 70px;
}
.hf-apply, .hf-reset {
	background-color: #1A408B;
	color: #ffffff !important;
	border-radius: 5px 5px 5px 5px;
	padding: 8px 8px 8px 8px;
	font-family: "Roboto", Sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.5;
}
.hf-row.hf-actions {
	gap: 14px;
}
.fm-title {
	font-family: "Roboto", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 16px;
	width: 100%;
}
.hf-row.hf-categories label {
	margin-left: 15px;
	margin-bottom: 12px;
	color: #252525;
	cursor: pointer;
}
.hf-row.hf-categories label input {
	width: 12px;
	height: 12px;
}
.hf-row.hf-categories label:last-child {
	margin-bottom: 0px;
}
.hf-apply:hover, .hf-reset:hover {
	background-color:#E73A42;
}

/* About Page */
.about-content p {
	height: 110px;
}

/* Responsive */
@media (max-width: 992px) {
  .mc-container {
    flex-direction: column;
  }
  .col-1,
  .col-2 {
    flex: 0 0 100%;
  }
}
/* Travel Dates Section */
.hf-dates {
    display: flex;
    flex-direction: column;
}
.hf-dates input[type="date"] {
	padding: 8px 10px;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	background: transparent;
	outline: none;
	width: 100%;
	box-sizing: border-box;
	color: #333;
	z-index: 99;
	position: relative;
	text-transform: unset !important;
}
.hf-dates input[type="date"]::placeholder {
    color: #888;
    font-size: 13px;
}
/* Price Range Section */
.hf-price-range {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
#hf-price-slider {
    margin: 10px 0;
}
/* Travel Dates */
.hf-row.hf-dates {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* Price Slider */
.hf-price-range {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 8px;
}
#hf-price-slider {
	margin: 0 8px;
	height: 4px;
	background: #ddd;
	border-radius: 3px;
	position: relative;
	width: 100%;
	max-width: 242px;
}
#hf-price-slider .ui-slider-range {
    background: #1976d2; /* blue line */
    border-radius: 3px;
}
#hf-price-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	background: #1976d2;
	border-radius: 50%;
	top: -5px;
	cursor: pointer;
	box-shadow: unset;
	border: none;
}
.hf-apply {
	display: none;
}
.hf-row.hf-categories .fm-title {
	padding-bottom: 12px;
}
/* General style */
.hf-date {
    width: 100%;
    padding: 10px 40px 10px 12px;   /* space for calendar icon */
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #fff url('your-calendar-icon.svg') no-repeat right 12px center;
    background-size: 18px 18px; /* custom calendar icon */
    box-sizing: border-box;
}
/* Hide the native calendar icon (Chrome/Edge/Safari) */
.hf-date::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
}
/* Placeholder text */
.hf-date::placeholder {
    color: #999;
    font-style: italic;
}
/* Optional hover/focus states */
.hf-date:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 4px rgba(0,115,170,0.5);
}
.hf-dates label {
	width: 100%;
}
#hf-destination, .hf-row.hf-dates input[type="date"] {
	border: none;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px solid #1E1E1E;
	font-size: 12.8px;
	font-family: "Roboto", Sans-serif;
	color: #252525;
	text-transform: capitalize;
	width: 252px;
}
.hf-price-display span {
	font-size: 13px;
	font-weight: 400;
	color: #252525;
}
.hf-price-display {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin-top: 11px;
}
.hf-price-display .p-tag {
	line-height: 15px;
	font-size: 13px;
}
.return-date {
	margin-top: 15px;
	position: relative;
}
#hf-load-more-wrapper {
	text-align: center;
	margin-top: 28px;
	width: 100%;
	position:relative;
}
#hf-destination {
	padding: 8px 0 8px 0 !important;
}
#hf-load-more-wrapper::after {
	width: 100%;
	height: 1px;
	background-color: #4B4853;
	position: absolute;
	content: '';
	left: 50%;
	bottom: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
#hf-load-more {
	background-color:#fff;
	color: #4B4853;
	box-shadow: none;
	font-family: "Roboto", Sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	padding: 12px 24px;
	z-index:10;
}
#hf-load-more::after {
	content: '';
	background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/08/Group1.svg');
	width: 14px;
	height: 14px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.hf-form-title {
	display: flex;
	gap: 8px;
	margin-bottom: 6px;
}
.hf-form-title h3 {
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 20px;
	color: #1A408B;
}
.hf-form-title img {
	width: 20px;
	height: 20px;
}
.return-date::after, .travel-date::after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	background-size: contain;
	top: 46%;
	transform: translateY(-50%);
	z-index: 1;
	background-repeat: no-repeat;
	font-size: 12.8px;
}
.travel-date{
	position:relative;
}
.travel-date::after {
content: 'Departure Date:';
}
.return-date::after {
content: 'Return Date:';
}
.travel-date input {
	padding-left: 93px !important;
}
.return-date input {
	padding-left: 73px !important;
}


/* Wrap hidden categories inside a container */
.hf-hidden-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.5s ease;
}
.hf-toggle-cats {
	margin-top: -25px;
}
/* When expanded */
.hf-hidden-wrap.expanded {
    max-height: 1000px; /* enough to fit all */
	    transition: max-height 1.5s ease;
}
.hf-more-btn {
	padding: 0;
	background-color: transparent;
	font-family: "Roboto", Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1a408b !important;
	text-transform: uppercase;
	text-decoration: underline !important;
	margin-left: 17px;
}
/* Optional: keep labels inline */
.hf-categories label {
    display: inline-block;
	margin: 3px 6px 3px 0;}

/* Destination Page */

/* Destination LIST */
/* Wrapper for 4 equal columns */
.destination-list {
    display: flex;
    gap: 20px;
}
/* Each column */
.destination-list .d-column {
    flex: 1;
}
/* Reset list styling */
.destination-list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 33px;
}
/* Parent category */
.destination-list .parent-term {
	line-height: 14px;
	margin-bottom: 15px;
}
.destination-list .parent-term a {
	font-family: "Roboto", Sans-serif;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 14px;
	color: #fff;
}
/* Children */
.destination-group li:last-child {
	margin-bottom: 0;
}
.destination-list .child-term {
	list-style: none;
	line-height: 13px;
	margin-bottom: 6px;
}
.destination-list .child-term a {
	font-family: "Roboto", Sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #9DA9CA;
	line-height: 15px;
}
.map-container {
  position: relative;
  max-width: 1024px; /* matches image width */
  margin: auto;
}
.map-image {
  width: 100%;
  height: auto;
  display: block;
}
.map-pin {
	position: absolute;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.95);
	padding: 2px 16px;
	border-radius: 50px;
	font-size: 13px;
	white-space: nowrap;
	cursor: pointer;
	transition: 0.3s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	border: 1px solid black;
	border-style: dotted;
}
.map-pin::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 30px;
  background-image: url('https://travelp.tecdev2.com/wp-content/uploads/2025/09/map-pin.svg');
  background-repeat: no-repeat;
  background-size: contain;
  left: -26px;
  top: -14px;
  transition: transform 0.3s ease;
}
/* Hover Animation */
.map-pin:hover::before {
  animation: upDown 1s ease-in-out infinite;
}

@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* adjust distance up */
  }
}
.map-pin:hover {
	background: #E73A42;
	color: #fff;
}
/* Highlight style for destination groups */
.destination-group.highlight {
	background: #ffffff12;
	border-radius: 6px;
	transition: background 0.3s, border 0.3s;
	padding: 6px;
	width: fit-content;
}

/* Individual pin positions */
#north-america { top: 28%; left: 22%; }
#south-america { top: 69%; left: 18%;}
#south-america::before { left: 126px!important; top: -14px;}
#caribbean { top: 45%; left: 27%;}
#europe { top: 18%; left: 59%;}
#africa { top: 50%; left: 54%;}
#middle-east {top: 38%; left: 65%;}
#the-indian-ocean { top: 66%; left: 69%;}
#the-indian-ocean::before { left: 56px !important; top: -36px !important;}
#far-east-asia { top: 27%; left: 87%;}
#south-east-asia { top: 60%; left: 90%;}
#australia {top: 77%; left: 93%;}
#antarctica {top: 97%; left: 56%;}

.gateway-img {
  transition: transform 0.6s ease;
}
/* Hover Effect */
.gate-wrap:hover .gateway-img {
  transform: scale(1.08); /* zoom effect */
  transition: transform 0.6s ease;
}
.d-column {
    overflow: hidden; /* default: no scroll */
}
/* Applied when JS detects > 600px height */
.d-column.scrollable {
	max-height: 572px;
	overflow-y: auto;
	overflow-x: hidden;
}
/* ===== Custom Scrollbar Styles ===== */

/* Chrome, Edge, Safari */
.scroll-wrapper {
  position: relative;
  overflow: hidden; /* hide default scrollbar */
}

/* WebKit custom scrollbar */

/* Show scrollbar on hover (Firefox) */
.d-column.scrollable:hover {
  scrollbar-color: #888 #f1f1f117; /* thumb color / track color */
}

/* WebKit browsers */
.d-column.scrollable::-webkit-scrollbar {
  width: 3px;
  background: transparent; /* hide by default */
}

.d-column.scrollable::-webkit-scrollbar-thumb {
  background-color: transparent; /* hide by default */
  border-radius: 10px;
  transition: background-color 0.3s;
}

/* Show on hover */
.d-column.scrollable:hover::-webkit-scrollbar-thumb {
  background-color: #888;
}

.d-column.scrollable:hover::-webkit-scrollbar-track {
  background: #f1f1f117;
}

/* pryvacy Policy Pages */
.custom-font p {
	margin-bottom: 20px !important;
}
.custom-font h2,.custom-font h3 {
	color: #1A408B;
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 10px;
}
.custom-font a {
	color: #1a408b;
	font-weight: 500;
}
ol[start] {
  font-size: 20px;
  font-weight: 700;
  color: #1a408b;
}
.custom-font ol {
  margin: 0;
  margin-left: 34px;
  margin-bottom: 20px;
}
.custom-font h3 {
	font-size: 15px;
}
.custom-font table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.5em;
  width: 65%;
  font-weight: 500;
}
.custom-font table, .custom-font td, .custom-font th {
  border: 1px solid #555;
}
.slider-title h2,.slider-title .caption {
    line-height: 70px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

/* Mobile Responsive statrs here.... */
@media (max-width: 767px) {
	
.e-n-accordion-item-title-text::before {
	width: 18px;
	height: 18px;
	left: -31px;
	top: 12px;
}	
.mc-container {
	max-width: 100%;
	min-height: 0;
	padding: 30px 20px;
	background-color: #00000073;
	gap: 0;
	height: 250px;
}
#mobbtn-sub::before {
	left: 14px;
}	
.slider-title {
	margin-bottom: 0px;
	margin-top: 0;
}
.slider-title h2 {
	font-size: 20px;
	padding-bottom: 15px;
	line-height: 25px !important;
	text-align: center;
}
.slider-title .caption {
	font-size: 16px;
	line-height: 23px;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight: 600;
}	
.offer-presentage {
	margin-bottom: 14px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding-left: 0;
	padding-right: 0;
}
.slider-content-2 {
	text-align: center;
}
.page-link {
	padding: 7px 12px;
	font-size: 13px;
	width: 100%;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	max-width: 164px;
}
.col-1 {
	gap: 20px;
}
	
/* Destination Page */
/* .map-pin-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(5, auto);
	gap: 18px 42px;
	margin: 0 auto;
	padding: 0 20px;
} */
/* .map-pin {
	position: relative;
	top: 0 !important;
	left: 0 !important;
	transform: unset;
} */
/* .map-pin::before {
	width: 20px;
	height: 22px;
	left: -21px;
	top: -6px;
}	 */
/* #the-indian-ocean::before,#south-america::before {
	left: -21px !important;
	top: -6px !important;
}	 */
#south-america {
	top: 82%;
	left: 26%;
}	
#north-america {
	top: 22%;
	left: 28%;
}	
#the-indian-ocean::before {
	left: 52px !important;
	top: -28px !important;
}	
 #the-indian-ocean {
    top: 70%;
    left: 64%;
  }
  #australia {
    top: 93%;
    left: 87%;
  }
 #south-east-asia {
    top: 50%;
    left: 87%;
  }
#south-east-asia::before {
	content: '';
	left: 26px;
	top: 12px;
}	
#middle-east {
	top: 39%;
	left: 70%;
}	
#europe {
	top: 6%;
	left: 53%;
}
#australia::before {
	content: '';
	left: 22px;
	top: -30px;
}	
.map-pin::before {
	width: 16px;
	height: 17px;
	left: -12px;
	top: -13px;
}	
#europe::before {
	content: '';
	left: 17px;
	top: 13px;
}	
.map-pin {
	padding:2px 5px;
	font-size: 10px;
	line-height: 10px;
}	
#south-america::before {
	left: 26px !important;
	top: -26px;
}	
/* Holiday Page */
	#holiday-filter {
	padding-bottom: 20px;
    width: 320px;
    margin: 0 auto;	
}
#mobbtn-sub img {
	width: 30px;
	margin-right: 10px;
}
/* Holiday Single Page	 */
.main-slider .swiper-slide img {
	height: 200px !important;
}	
.thumb-slider-wrap {
	padding: 8px;
	top: 0;
	width:100%;
}	
.swiper-container.thumb-slider .swiper-slide img {
	height: 78px !important;
}
.des-para p {margin-bottom:15px;}	
.overview ul li::before {left: 0;}	
.des-para p:last-child {margin-bottom: 0;}	
.overview ul li {padding-left: 12px;}		
.accordion-inner {padding-top: 0 !important;}	
.accordion-inner {display: block; gap: 30px;}	
.accordion-item.active .accordion-header {padding: 15px;}	
.accordion-inner {padding: 15px !important;}
.accordion-col.accordion-col-left {padding-bottom: 15px;}	
.accordion-col.accordion-col-left, .accordion-col.accordion-col-right {width: 100%;}	
.overview ul li span::before {left: -12px;}
.highlights ul li {padding-left: 25px;}
.highlights ul li span::before {left: -25px;}	
.faq-header h4 span::before {
	width: 20px;
	height: 20px;
	top: 9px;
	transform: translateY(-50%);
}	
.mob-form {
  overflow: hidden;
  max-height: 0;
  transition: max-height 2s ease;
}
.mob-form.active {
  max-height: 1200px; /* set big enough to fit your form */
}
#mobbtn-sub {
	background-color: var( --e-global-color-00155ba );
	color: #ffffff !important;
	padding: 12px 8px;
	font-family: "Roboto", Sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	width: 100%;
}
.destination-list {
	display: flex;
	gap: 8px;
}
.destination-list .parent-term a {
	font-size: 12px;
	padding-right: 10px;}	
.destination-list .child-term a {font-size: 11px;}	
.accordion-col-right p, .faq-content p, .faq-content body {;line-height: 24px;}	
.accordion-body {max-height: 100% !important;}	
.accordion-item.active .accordion-inner {padding-top: 0 !important;}	
	
#hf-destination, .hf-row.hf-dates input[type="date"] {width: 278px !important;}	
#hf-price-slider {max-width: 98%;}	
.hf-row {width: 278px;}	
.custom-font h2, .custom-font h3 {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}
.custom-font table {width: 100%;}	
ol[start] {font-size: 15px;}	
/* end of the defance */}