@import url('header-menu.css');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@font-face {
  font-family: 'Oakes Grotesk';
  src: url('../fonts/OakesGrotesk-Medium.woff2') format('woff2'),
      url('../fonts/OakesGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oakes Grotesk';
  src: url('../fonts/OakesGrotesk-Bold.woff2') format('woff2'),
      url('../fonts/OakesGrotesk-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oakes Grotesk';
  src: url('../fonts/OakesGrotesk-Light.woff2') format('woff2'),
      url('../fonts/OakesGrotesk-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oakes Grotesk';
  src: url('../fonts/OakesGrotesk-Regular.woff2') format('woff2'),
      url('../fonts/OakesGrotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oakes Grotesk';
  src: url('../fonts/OakesGrotesk-SemiBold.woff2') format('woff2'),
      url('../fonts/OakesGrotesk-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Garnett */
@font-face {
  font-family: 'Garnett';
  src: url('../fonts/GarnettBlack-Regular.woff2') format('woff2'),
      url('../fonts/GarnettBlack-Regular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garnett';
  src: url('../fonts/Garnett-Bold.woff2') format('woff2'),
      url('../fonts/Garnett-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garnett';
  src: url('../fonts/GarnettLight-Regular.woff2') format('woff2'),
      url('../fonts/GarnettLight-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garnett';
  src: url('../fonts/GarnettMedium-Regular.woff2') format('woff2'),
      url('../fonts/GarnettMedium-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Garnett';
  src: url('../fonts/GarnettRegular-Regular.woff2') format('woff2'),
      url('../fonts/GarnettRegular-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garnett';
  src: url('../fonts/GarnettSemibold-Regular.woff2') format('woff2'),
      url('../fonts/GarnettSemibold-Regular.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-a-color: #333333; 
  --primary-a-hover-color: #6D69D6; 
  --primary-color: ;
  --secondary-color: ;
  --text-color: #333333;
  --text-link-color: #000000; 
  --text-link-hover-color: #6D69D6;
  --text-sub-menu-link: #474287;
  --primary-btn-color: #F9F9F9; 
  --dark-btn-bg: #000000; 
  --dark-btn-color: #FFFFFF; 
  --dark-btn-hover-bg: #6D69D6;
  --dark-btn-hover-text: #FFFFFF;
  --dark-btn-hover-color: #000000; 
  --secondary-btn-bg: #006935;
  --secondary-btn-hover-bg: #FFFFFF;
  --secondary-btn-color: #FFFFFF;
  --secondary-btn-hover-color: #000000;
  --btn-dark-secondary-bg: #FF9F31;
  --btn-dark-secondary-color: #FFFFFF;
  --btn-dark-secondary-hover-bg: #000000;
  --light-btn-bg: #E9E9E9;
  --light-btn-color: #000000;
  --light-btn-hover-bg: #000000;
  --light-btn-hover-color: #FFFFFF;
}


*{ margin: 0;padding: 0;box-sizing: border-box;} 

/*Global Css*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width:1500px; }
main {max-width: 1920px; margin: auto;}
.main-bg{ background-color:#F6EFE6; }
.home-page.main-bg{ background-color:inherit; }
ul { padding: 0; list-style: none }
h1,h2,h3,h4,h4,h6 { color: #000000; font-weight: 500; font-family:'Garnett';} 
h3{ font-size:26px; line-height: 34px; font-weight: 500; }
h1 { font-size: 48px; line-height: 58px;  font-weight: 600;}

h2{font-size: 48px; font-weight: 600;line-height: 50px;text-align: center;color: #000; } 
a { color: var(--primary-a-colo); text-decoration: none; outline: none; }
a:hover {color: var(--primary-a-hover-color); }
p {font-size: 16px; font-weight: 500; line-height: 27px; text-align: justify; }  
input { outline: none !important }
button, button:focus { outline: none }
img { border: 0; max-width: 100%; }
.btn { font-size: 18px; font-weight: 600; line-height: 27px; }   
.btn-dark { padding: 12px 30px; color: var(--dark-btn-color); background-color: var(--dark-btn-bg); border: none; transition: all 0.3s ease-in-out; } 
.btn-dark:hover, .btn-dark:active, .btn-dark:disabled { color: var(--dark-btn-hover-text); background-color: var(--dark-btn-hover-bg) !important; border-color: var(--dark-btn-hover-bg) !important; opacity:1; }
.btn-dark:hover svg path { fill: var(--dark-btn-hover-text); transition: 0.3s ease-in-out; }
.btn-dark i { padding-left: 8px;  position: relative;  margin-top:5px; }

.secondary-btn { padding: 10px; background: var(--secondary-btn-bg); color: var(--secondary-btn-color); min-width: 160px; text-align: center; border: none;}
.secondary-btn:hover, .secondary-btn:active, .secondary-btn:disabled { background:var(--secondary-btn-hover-bg) !important; color: var(--secondary-btn-hover-color); transition: all 0.3s ease-in-out; opacity: 1;}

.btn-dark-secondary { background-color: var(--btn-dark-secondary-bg); padding: 12px 0px; color: var(--btn-dark-secondary-color); border: none; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; } 
.btn-dark-secondary:hover, .btn-dark-secondary:active { background-color: var(--btn-dark-secondary-hover-bg) !important; color: var(--btn-dark-secondary-color) !important; transition: all 0.3s ease-in-out; }

.light-btn{ background-color:var(--light-btn-bg); color:var(--light-btn-color); transition: all 0.3s ease-in-out; border:none; }
.light-btn:hover, .light-btn:active { background-color:var( --light-btn-hover-bg) !important; color:var(--light-btn-hover-color) !important; transition: all 0.3s ease-in-out;}


/*Header Style*/ 
.single-page > .container {padding: 30px 0;}

/*Heor Slider*/
.slider-search-box .hero-owl-carousel {border: 6px solid #FFFFFF; border-radius: 7px;}
.slider-search-box .hero-owl-carousel img {border-radius: 5px;}
.hero-slider { background-repeat: no-repeat; background-size: cover; background-position: center; height: calc(100vh - 111px); max-height: 600px; display:flex; align-items:center; justify-content:center;    }
.hero-caaption { text-align: center;}
.hero-caaption h1, .hero-caaption h2, .banner-caption h1 { font-size: 56px; line-height: 69px; color: #FFFFFF; font-weight: 700; text-shadow: 1px 1px 0 rgb(0 0 0), -1px -1px 0 rgba(0, 0, 0, 1); }
.hero-caaption h2  { font-size: 55px; line-height: 69px;} 
.hero-caaption p { font-size: 24px; text-align: center; font-weight: 600; color: #FFFFFF; text-shadow: 1px 1px 0 rgb(0 0 0), -1px -1px 0 rgba(0, 0, 0, 1); }
.banner-caption .banner-paragraph p { font-size: 20px; color: #FFF; font-weight: 500; }

.home-page .slider-search-box { margin: 0 0 50px;}
.slider-search-box { position: relative; } 
.slider-search-box .filter-search {position: absolute;bottom: 20px;z-index: 33;left: 0;right: 0;width: 100%;padding: 0;margin: 0;} 
.filter-search form { background: #FFFFFF; padding: 7px; border-radius: 8px; width:95%; margin: auto; }
.search-area { position: relative;width: 100%; } 
.search-area input[type=search] {position: absolute; top: -1px; left: 0; width: 100%; height: 100%; border: none; opacity: 0; }
.search-field-box .form-control, .search-field-box .form-select{ background: #FFFFFF; color: #6C6C6C; border: none; box-shadow: inherit; outline: none; padding: 0; font-size:12px; line-height:19px; }

.search-area input[type=search]:focus { opacity: 1; }
.filter-search .border-box { display: flex; gap: 10px; align-items: center; border: 1px solid #0A29439C; border-radius: 8px; padding: 9px; height: 54px; } 
.search-field-box span { font-family: Oakes Grotesk; font-size: 15px; font-weight: 400; line-height: 15px; text-align: left; color: #6C6C6C; display: block; } 
.search-field-box h5 { font-family: Oakes Grotesk; font-size: 15px; font-weight: 400; line-height: 16px; text-align: left; color: #6C6C6C; margin: 9px 0 0;} 
.search-field-box label { font-size:12px; line-height:24px; color: #000000; font-weight: 500;}
.filter-search .border-box i, .filter-search .border-box svg { flex: 0 0 22px; font-size: 22px; text-align: center; }
.double-value .form-control:last-child{ text-align:center; }

.search-form-row .search-item:nth-of-type(5) .border-box { gap: 0; } 
.search-form-row .search-item:nth-of-type(5) .search-field-box label { padding-left: 10px; } 
.search-form-row .search-item:nth-of-type(5) .search-field-box .form-select {padding: 0 10px;}

.search-item .btn  { padding: 14px 0; font-size: 19px; font-weight: 500; line-height: 22.99px; text-align: center; display: inline-flex; align-items: center; gap: 10px; border-radius: 8px; width: 100%; justify-content: center; height: 100%; }
.filter-search .dropdown-wrapper{position: relative;}
.dropdown-box { display: none; position: absolute; top: 100%; left: 0; width: 340px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff; z-index: 24; padding: 20px; border-radius: 8px;} 
.dropdown-box h4 {font-size: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;} 
.close-btn { background: transparent; border: none; }
.dropdownBtn{cursor: pointer;}

.search-form-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; } 
.search-form-row .search-item { flex: 0 0 calc(17% - 4px); } 
.search-form-row .search-item:last-child { flex: 0 0 90px; }

/*Remove this*/ 
.search-form-row .search-item:nth-of-type(1) { flex: 0 0 22%; } 


/* Range */
.ui-widget.ui-widget-content { height: 5px; background-color: #b5b4dd; border-radius: 25px; border: none; } 
span.ui-slider-handle.ui-corner-all.ui-state-default { top: -5px; height: 15px; width: 15px; border-radius: 50%; background: #FFF; border-color: #16acab; } 
.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min { background: #96dad9; }
.rangeVal { border-radius: 4px; background: transparent; text-align: center; padding: 7px; line-height: normal; max-width: 100px; color: #000000 !important; display: block; margin-left: auto; border: 1px solid #ccc !important; font-size: 16px; min-width: 170px; height: 43px; }
.range-label label { text-align: left;  }
.dropdown-body .range-label { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; }
.ranges li{margin-bottom: 20px;}
.actionBnt { text-align: left; } 
.apply-btn { font-size: 15px; font-weight: 500; color: #FFFFFF; line-height: 30px; background: #4C4B8B; display: inline-block; padding: 4px 20px; border-radius: 4px; border: none; }

.dept-date-box .row { margin-bottom: 20px; } 
.dept-date-box select { height: 50px; font-size: 16px; }
.headeing { text-align: center; margin: 0 0 30px; } 
.headeing p { font-family: Oakes Grotesk; font-size: 19px; font-weight: 600; line-height: 30px; letter-spacing: 0.01em; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; } 

.load-more-btn { text-align: center;    margin: 25px 0 0px;}
.load-more-btn .tourLoadMoreBtn  {min-width:250px;}

/*Tile Box Style*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding: 0 20px;}
.tour-sec { padding: 50px 0; }  
.tour-sec .tile-slider .item { overflow: hidden; border-radius: 8px; } 
.tour-sec .tile-slider .item:hover .border-white {border-color: #FF3D3D !important; transition: 0.3s ease-in-out;}  
.tour-grid {height: 500px;  position: relative; border: 6px solid #FFFFFF;color: #FFFFFF; border-radius: 8px; box-shadow: 0px 0 4px 0px #00000040; } 
.tour-grid:hover { border-color:#008000; transition: 0.3s ease-in-out; }  
.tour-grid-features {width: 100%; margin: 15px 0px;}
.tour-grid-features li {color: #000000;font-size: 18px;line-height: 40px;font-weight: 600;position: relative; text-align: left; padding-left: 40px;}
.tour-grid-features li:before {content: '';position: absolute;background-image: url(../img/feature-tour-icon.png-01.svg); background-repeat: no-repeat; background-size: contain; left: 0px; top: 3px; width: 30px;height: 30px;}
.tour-grid-overlay { position: absolute; top: 0; left: 0; width: 100%; text-align: center; background: #FFFFFF94; height: 100%; z-index: 0; display: none; flex-direction: column; justify-content: center; padding: 15px; height: 100%; }
.tour-grid:hover .tour-grid-head {  animation: tour-grid-head 0.6s ease-in-out; visibility: hidden;}

@keyframes tour-grid-head {
  0% { top: 328px; visibility: visible; opacity: 1; } 100% {top: 100%;visibility: hidden;  opacity: 0;}
} 
.tour-grid .tour-grid-head { z-index: 22; } 
.tour-grid { overflow: hidden; } 
.tour-grid .tour-grid-overlay h3 {font-size: 24px; font-weight: bold; line-height: 40px; color: #000; }

.tour-grid .tour-grid-overlay h2 {font-size: 24px; font-weight: bold; line-height: 29px; color: #000; } 
.tour-grid .tour-grid-highlights strong{ font-size:18px; font-weight: 700;}
.tour-grid .tour-grid-highlights {font-size: 16px;font-weight: 600;line-height: 25px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;max-height: 54px;margin: 0px;padding: 0;}
.tour-grid .overlay-btn { margin-top: 15px;} 
.tour-grid:hover .tour-grid-overlay { display: flex; animation: overlay 0.5s ease-in-out; } 
@keyframes overlay{ 0%{top: -50%;} 100%{top: 0%} } 
 
.tour-grid .overlay-btn .btn { font-size: 17px; padding: 13px 15px; line-height: 100%; min-width: 120px; letter-spacing:0.03em; }
.tour-grid > img { height: 100%; width: 100%; object-fit: cover; }
.tour-grid > a > img { height: 100%; object-fit: cover; }
.tour-grid-head { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 18px 5px; background-color: rgba(10, 41, 67, 0.61);} 
.tour-grid-head h2 {font-size: 24px;font-weight: 500;line-height: 29px;text-align: center; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; max-height: 3em; color: #FFFFFF;}

.tour-grid-head a { font-family: 'Garnett'; color: #FFFFFF; letter-spacing: 0.02em; }
.tour-grid-head a:hover {color: var(--primary-a-hover-color);  transition: 0.3s ease-in-out; }
.tour-grid-price-box { display: flex; align-items: center; justify-content: space-between;  font-size: 17px; font-weight: 500; line-height: 29px; padding: 7px 0px; } 
.tour-grid-duration { margin: 0; }   
.tour-grid-price del {  color: #D9D9D9; font-weight: 400;}
.tour-grid-price .tour-price-prefix , .tour-grid-price .tour-price-postfix {font-weight: 400;font-size: 16px;}

/*Rating And Offer*/
.tour-grid-rating { position: absolute; right: 12px; top: 6px; font-size: 18px; font-weight: 500; font-family:"Dancing Script", cursive; } 
.tour-grid-offer { position: absolute; top: 10px;left: 38px;}
.tour-grid:hover .tour-grid-offer, .tour-grid:hover .tour-grid-rating { display: none; }

/*Tour Detail Rating*/
.tour-grid-detail-rating { font-size: 18px; font-weight: bold; color: #000000; text-align: end;} 
.tour-grid-detail-rating span { font-family: "Dancing Script", cursive; }

.tour-grid-offer .tour-discount { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 600; color: #ff0000; } 
.tour-grid-offer .tour-cat-name { position: absolute; bottom: 26px; font-size: 12px; letter-spacing: 0.02rem; font-weight: 500; text-align: center; left: 50%; transform: translateX(-50%); }
.tour-grid-offer .tour-cat-post-fixed { position: absolute; bottom: 12px; font-size: 8px; color: #000000; font-weight: 600; left: 50%; transform: translateX(-50%); }

#tourListingBox .tour-grid-offer, .owl-stage .owl-item .tour-grid-offer { background-image:url(../img/touring-offer.svg) !important; background-repeat:no-repeat; background-size:contain; background-position:center; width: 128px; height:72px; left:10px; }

/* Call To Action */
.call-to-action-box { display: block; margin: auto; background: #FFFFFFB8; padding: 25px 25px 20px; border-radius: 8px; } 
.b-call-to-a .call-ation-title h2 { font-size: 60px; font-weight: 700; line-height: normal; color: #000000; font-family: "Dancing Script", cursive;} 
.call-ation-title p { font-family: Oakes Grotesk; font-size: 20px; font-weight: 400; line-height: 27px; margin: 0; text-align: center;}
.call-to-action-box .call-btn { flex: 0 0 228.36px; }

/*Popup Box*/
.modal.show .modal-dialog {top: 111px; max-width: 700px; margin: auto;} 
.modal-backdrop.show { opacity: 0.5 !important; pointer-events:none; }
.modal-dialog .btn-close { position: absolute;  right: 12px; top: 6px;background-image: inherit;  font-size: 30px; color: red;box-shadow: inherit; outline: inherit;}
.modal-dialog .btn-close:hover, .modal-dialog .btn-close:active{ box-shadow:inherit; }
.modal-dialog .modal-header { padding: 0; border: 0; } 
.modal-body h3 { font-size: 17px; font-weight: 600; text-align: center; margin-bottom: 30px; } .modal-body { padding: 0; border-width: 0; }
.modal-dialog .form-main-box h2 { margin: 0 auto 0; line-height: 44px; }


/*Footer Style*/
footer{padding: 60px 0;}
footer .social-icon a { font-size: 20px; width: 40px; height: 40px; background: #000; border-radius: 50%; color: #FFF; display: inline-flex; align-items: center; justify-content: center; position:relative; overflow: hidden;} 
footer .social-icon a:not(:last-child) { margin-right: 20px; } 
footer .social-icon { margin: 30px 0 24px; }
footer .footer-address p { font-size: 16px; font-weight: 600; line-height: 32px; color: var(--text-link-color); }
footer .footer-left { max-width: 290px; }
footer .footer-middle-link ul li a { font-size: 16px; font-weight: 600; line-height: 35px; color: var(--text-link-color); }
footer .footer-middle-link ul li a:hover { color:var(--text-link-hover-color); transition: 0.3s ease-in-out; }
footer .footer-middle-link h3 { margin-bottom: 25px;}
footer .footer-right .travel-logo:first-child {margin-right: 24px; }
footer .footer-right h3 { margin: 40px 0 10px; }

/*Animation*/
footer .social-icon a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 0;  transition: .5s; } 
footer .social-icon a:hover:before { top: 0; }
footer .social-icon a:hover i { position: relative; z-index: 1; transition: 0.3s linear; transform: rotateY(3600deg); }
footer .social-icon a:nth-child(1)::before {background-color: #37589b;}
footer .social-icon a:nth-child(2)::before { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
footer .social-icon a:nth-child(3)::before {background-color: #46d4fe;}


/*Banner*/
.banner-box {position: relative;}
.banner-image { height: 500px;  position:relative; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; }
.banner { background: url(../img/dummy/banner-img-01.jpg) no-repeat center/cover; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF;}
.banner .banner-caption { padding: 134px 0; text-align: center; } 

/**/
.banner-image > img { width: 100%; max-height: 500px; object-fit: cover; object-position: bottom; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; }
.banner-image .banner-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.concierge-information { bottom: 15px; display: flex; align-items: center; gap: 20px; } 
.concierge-information img { width: 86px; height: 86px; border-radius: 50%; padding: 1px;} 
.concierge-info h5 { font-size: 19px; font-weight: 500; line-height: 27px; color: #FFFFFF; margin-bottom: 5px; } 
.concierge-info p { font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: 0.02em; color: #FFFFFF; margin: 0; word-wrap: break-word; white-space: break-spaces;  text-align: justify;}
.concierge-information-bg {position: absolute;background: #3C3C3C80;padding: 12px 0;bottom: 6px; width: 100%;}

/*Form Style*/
input::-webkit-input-placeholder {color: #6C6C6C;}
input::-moz-placeholder {color: #6C6C6C;}
input:-ms-input-placeholder {color: #6C6C6C;}
input::-ms-input-placeholder {color: #6C6C6C;}
.select2-container{ display: inline; }
.select2-container .select2-search--inline .select2-search__field{ color: #6C6C6C; font-weight: 500; margin-top:12px; font-size:14px; }
.select2-container--default .select2-selection--multiple{ border-width:0;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border:inherit; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 4px 12px; }
/*.select2-container--open .select2-dropdown{top:-30px;}*/

.sp-travel-form { padding: 0 0 50px; }
.form-main-box input[type="file"]::file-selector-button{ background-color: #DBDBDB; height: 50px;  padding: 6px 12px;}
.form-main-box .upload-documents .form-control[type=file]:after { content: 'Upload Supporting Documents'; background-color: #FFFFFF; opacity: 1; position: absolute; left: 106px; padding: 0  5px; word-wrap: break-word; white-space: nowrap; font-size: 14px; color: #6C6C6C; }
.form-main-box .upload-logo .form-control[type=file]:after {content: 'Logo W:90-120px & H:90px';background-color: #FFFFFF;opacity: 1;position: absolute;left: 106px;padding: 0  5px;word-wrap: break-word;white-space: nowrap;font-size: 14px;color: #6C6C6C;width: 100%;top: 50%;transform: translateY(-50%);}
.form-main-box .upload-logo .form-control[type="file"]:focus::after { opacity: 0;}
.form-main-box .upload-documents .form-control[type="file"]:focus::after { opacity: 0;}

.form-main-box input[type="date"] { position: relative; } 
.form-main-box input[type="date"]:before { padding: 0 12px; content: 'Start Date'; position: absolute; background-color: #FFFFFF; width: 80%; left: 0; top: 50%; transform: translateY(-50%);}
.form-main-box input[type="date"]:focus-within::before { opacity: 0; background-color: transparent;}

.form-main-box .form-control[type=file] { position: relative; border-radius:4px; }
.form-main-box { background-color: #FFD85B; box-shadow: 4px 4px 8px 4px #6D69D61C; border-radius: 4px; padding: 30px 25px 30px; } 
.form-main-box h2 { font-size: 34.83px; font-weight: 700; line-height: 60.08px; text-align: center; margin: 0 auto 20px;} 
.form-main-box label { font-size: 14px; font-weight: 600; line-height: 21px; } 
.form-main-box .form-control, .form-main-box .form-select { outline: none; box-shadow: none; border-bottom: 4px; padding: 6px 12px; border-width: 0; height: 50px; font-size: 14px; color: #6C6C6C; line-height: 21px; font-weight: 400;}
.form-main-box textarea.form-control { padding: 16px 12px}
.counter-input .minus, .counter-input .plus { background: #FFFFFF; display: flex; align-items: center; font-size: 24px; color: #3B3B3B; }
.counter-input .minus { border-right: 1px solid #E9E9E9; }
.counter-input .plus {border-left: 1px solid #E9E9E9;}
.counter-input small { position: absolute; bottom: -25px; white-space: nowrap;}
.choose-white-label { background-color: #FFFFFF; border-radius: 4px; padding-left: 12px; height: 50px; } 
.choose-white-label .form-control { border-width: 0; padding-left: 0; } 
.choose-white-label span { color: #6C6C6C; font-size: 16px; font-weight: 500;}

.counter-input .minus:active, .counter-input .plus:active { background: #ffffff; border-color: #E9E9E9; }
.form-main-box h4 { font-size: 14px; font-weight: 600; line-height: 24px; margin: 10px 0 10px; }
.form-main-box .destination-list{ border-radius: 4px; border: 2px solid #FFFFFF; padding: 22px 8px 5px; margin-bottom: 25px; position:relative; }
.form-main-box .form-check-input {margin: 0;margin-right: 8px;background-color: inherit;border-radius: 0; padding: 10px; border-color: #000000 !important;box-shadow: none;}
.form-check-label { font-size: 14px; font-weight: 600; }
#travel-destination-list{ padding: 0 12px; }
.form-main-box .destination-form-btn {margin-top: 10px;}
.add-new-btn { font-size: 14px; font-weight: 600; line-height: 24px; background: #FFFFFF; border-radius: 4px; }
.add-new-btn:hover{ background-color:var(--dark-btn-hover-bg); color: var(--dark-btn-hover-text); transition: 0.3s ease-in-out;}
.ajaxBox .remove-destination-box {position: absolute;top: -15px;right: -15px;display: inline-block;width: 32px;padding: 0;} 
.ajaxBox .borderListItem .close-icon{ display: none; position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; }  
.ajaxBox .borderListItem:not(:only-child) .close-icon { display: inline-block;}
.form-main-box .form-check-input:checked[type=checkbox]{ background-image:url(../img/check-icon.svg) }
.hide { display:none; }
.destination-disciption { max-width: 1100px; margin: auto; padding-bottom: 40px; } 
.destination-disciption p { font-size: 19px; text-align: center; margin: 0;  color: #000000; font-weight: 500; line-height: 36px;}



/* Login Form */
.consultantDetail > .row { margin: 10px 0 15px; }

/**/
.bottom-contact-destination p { text-align: center; color: #000000; font-weight: 500; margin-bottom:0;} 
.bottom-contact-destination { border-top: 1px solid #000; padding: 30px 0 0; max-width: 720px; margin: 50px auto 0; text-align: center; font-weight: 500;}

/*Breadcrumb*/
.breadcrumb-box { padding: 15px 0 10px;}
.breadcrumb-box .breadcrumb .breadcrumb-item  { font-size: 15px; font-weight: 500; line-height: 20px; color: #000000; }
.breadcrumb-box .breadcrumb-item+.breadcrumb-item::before{ content:'\f054'; font-family: 'FontAwesome'; font-size: 10px;}

/*Tour Details Style*/
.tour-details-page .row.tour-detail-content-box { margin-top: 44px; } 
.tour-highlights h1 { font-size: 30px; font-weight: 700; line-height: 34px; letter-spacing: 0.02em; } 
.invite-your-friend h2 { font-size: 18px; font-weight: 600; line-height: 30px; text-align: end;}

#tourMainGallery { border-radius: 12px 0 0 12px; overflow: hidden; max-width: 100%; height: 400px; } 
#tourMainGallery .owl-item img{ max-width: 100%; height:400px; object-fit:cover; }
#tourThumbnailGallery{ border-radius: 0 12px 12px 0; overflow: hidden; height: 400px; }
#tourThumbnailGallery .owl-stage{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; overflow: hidden; width: 100% !important; height: auto; transform: inherit !important;}
#tourThumbnailGallery .owl-stage .owl-item { position: relative;  height:100%; width:100% !important; display: none !important;}
#tourThumbnailGallery .owl-stage .owl-item.active { display: block !important; height: 200px; }
#tourThumbnailGallery .owl-stage .owl-item img{ height:100%; width:100%; object-fit:cover; object-position:center; }
#tourThumbnailGallery .owl-item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; background: transparent; transition: background 0.3s ease; } 
#tourThumbnailGallery .owl-item:hover:after { background: #0000001f; }

/*Carousel  Owl Nav*/
.tour-image-row .owl-theme .owl-nav  {width: 100%; margin: 0; visibility: hidden;}
#tourMainGallery:hover .owl-nav  {visibility: visible; }
.tour-image-row .owl-theme .owl-nav .owl-prev, .tour-image-row .owl-theme .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); }
.tour-image-row .owl-theme .owl-nav .owl-prev{ left: 0; }
.owl-theme .owl-nav .owl-next{ right: 0; }
.tour-image-row .owl-theme .owl-nav button svg {width: 40px; height: 40px; background-color: #ffffff63; padding: 8px;}
.tour-image-row .owl-theme .owl-nav button { margin:0 }

.tour-detail-content .tour-detail-tab-detail { margin-top: 30px;padding-top: 30px;border-top: 1px solid #cccccc; color: #000000} 
#tour-detail-Overview { margin-top: -4px; }
.tour-detail-content .tour-detail-tab-detail p { text-align: inherit; color:#000000}
.tour-detail-content .tour-detail-tab-detail h3{ font-size:20px; line-height:27px; }

.tour-details-page .tour-image-row { margin-top: 15px; }
.tour-trip-highlights {  font-weight: 500; margin-bottom:15px; }
.tour-trip-highlights p { font-size: 18px; line-height: 27px; margin-bottom: 0; } 
.tour-trip-highlights h3 { margin-bottom: 15px; font-size:24px; font-weight: 600;} 
.bottom-tour-listing .headeing h2 { font-size: 28px; line-height: 35px; }
.invite-your-friend h2:after { animation: indicate 2s linear infinite alternate; content: '\f25a'; font-family: 'FontAwesome'; transform: rotate(90deg); display: inline-block; margin-left: 10px; color: #000000; }
@keyframes indicate {
    0%{ transform: rotate(90deg)}
    100%{ transform: rotate(180deg)}
}

/*Asia*/
.country-page-sec .asia-main-box { padding-bottom: 60px;}
.country-page-sec .asia-main-box .tour-grid-head h2 { font-size: 30px; min-height: inherit; } 
.country-page-sec .asia-main-box .tour-grid-head { display: flex; align-items: center; justify-content: center; }

/*Invite Your Friend*/
.invite-your-friend .social-share { display: flex; align-items: center; gap: 25px; padding-bottom: 25px; }
.invite-your-friend .dropdown-box { width: 260px; left: inherit; right: 0; } .invite-your-friend .dropdown-box h4 { margin-bottom: 30px; }

/*Tabs*/
.tab-listing .nav-tabs .nav-item a { font-family: Oakes Grotesk; font-size: 20px; font-weight: 700; line-height: 27px; color: #000000; border-radius: 0; border-width: 0; padding: 15px; } 
.tab-listing .nav-tabs {  background: #FFFFFF; border-width: 0; :; margin-bottom: 30px; justify-content: space-between; position: sticky; top: 111px; z-index: 9} 
.tab-listing .nav-tabs .nav-item:not(:last-child) {border-right: 2px solid #FAFBEA;} 
.tab-listing .nav-tabs .nav-item { background: white; } 
.tab-listing .nav-tabs .nav-item a.active { background-color: #000000; color: #FFFFFF; }


.tour-detail-content .accordion-item .accordion-button { font-family: Oakes Grotesk; font-size: 16px; font-weight: 600; line-height: 24px; background-color: #FFFFFF !important; padding:0 16px 0 0; color: #000000; box-shadow: inherit; border-bottom: 1px solid #ECECEC;} 
.tour-detail-content .accordion-item { border-width: 0; margin-bottom: 15px; } 
.tour-detail-content .accordion-body p { font-weight: 400; text-align: inherit;}
.tour-detail-content .accordion-body{ color:#000000; padding:12px; }
.accordion-item .accordion-header strong:first-child { padding: 12px; background-color: #F2FFF5; font-size: 18px; font-weight: 600; line-height: 26px; margin-right: 12px; }
.accordion-item .accordion-header strong{ font-weight:500; }
.tour-detail-content .tour-package-box { background-color: #FFFFFF; border-radius: 4px; padding: 15px 0; text-align: center;} 
.tour-detail-content .tour-package-box .tour-package-name { font-size: 15px; font-weight: 500; line-height: 25px; color: #ffffff; display: inline-block; margin-bottom: 30px; background: linear-gradient(    to right, #C41E2D 0%, #E81B26 47%, #E81B26 47%, #C31F2B 100%, #C31F2B 100% ); border-radius: 7px; padding: 7px 15px; position: relative; letter-spacing:0.03em; }
.tour-detail-content .tour-package-box .tour-package-name:before { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 16px 17px 0 0; border-color: #E71B26 transparent transparent; }


.tour-package-list .periodic-date { font-size: 14px; font-weight: 600; line-height:28px; } 
.tour-package-box .tour-package-prices { font-size: 12px; font-weight: 500; line-height: 21px; } 
.tour-package-list .display-price { font-weight: 700; }
.tour-package-list del  .display-price{ font-weight: 500; }
.tour-package-status span { font-size: 12px; font-weight: 600; line-height: 19px; letter-spacing: 0.03em; text-align: center; color: #0E8D4E; border: 1px solid #0E8D4E; border-radius: 4px; padding: 5px 15px; display: inline-block; margin: 8px 0 12px; text-transform: uppercase; cursor:pointer; }


/**/
.booking-enquiry-box .tour-price {display: block;}
.booking-enquiry-box, .private-touring-detail-guide { background-color: #FFFFFF; border-radius: 12px; padding: 35px 30px; margin-left: 20px;font-size:18px; font-weight:600; } 
.booking-enquiry-box .btn { display: block; } 
.booking-enquiry-box .btn:not(:last-child) { margin-bottom: 15px; } 
.booking-enquiry-box .tour-detail-price { margin-bottom: 25px; }
.booking-enquiry-box .tour-discount-price { margin-bottom: 0; display: block; }
.booking-enquiry-box .tour-discoun-price { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0.02em; color: #6C6C6C; } 
.booking-enquiry-box .tour-discount-price{ font-size: 16px; color: #6C6C6C; line-height: 24px;  margin-bottom: 8px;}
.booking-enquiry-box .tour-price-prefix { font-weight: 700; color: #000; font-size: 16px;} 
.booking-enquiry-box .tour-price .display-price { font-size: 20px;} 
.booking-enquiry-box .tour-discount-perc { color: #FF0000; }

.private-touring-detail-guide .tour-grid-features { margin: 8px 0; } 
.private-touring-detail-guide .tour-grid-features li:before { width: 24px; height: 24px; } 
.private-touring-detail-guide .tour-grid-features li { padding-left: 30px; font-size: 16px; line-height: 34px; }
.right-grid-box p { text-align: center;}

/**/
.private-touring-detail-guide h3 {margin-bottom: 10px;font-weight: 600;font-size: 22px; text-align: center;} 

/*Country Destinations */
.sp-destination-continent .country-main-box { background-size: cover; background-position: center; background-attachment: fixed; }
.country-bg-box { background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative;}

/*.country-bg-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgb(255 255 255 / 80%), rgb(255 255 255 / 60%)); }
.country-bg-box .container-fluid{ position:relative; z-index:9; }*/

.county-desc p { color: #000000; font-size: 19px; font-weight: 500; line-height: 37px; } 
.country-bg-box .county-desc { padding: 10px 0 0; }
.country-search-form > form > .row { max-width: 720px; margin: 20px auto 40px; }
.country-search-form .form-select { box-shadow: none; outline: none; padding: 12px 15px; font-size: 16px; font-weight: 500; border: 1px solid #00000066; } 
.country-bg-box { padding: 0 0 40px; }
.country-main-box { padding: 20px 0 36px; }
.country-search-form { max-width: 500px; margin: auto;}

/*Country Meta Tab*/
.country-bg-box .country-meta-tab .nav-tabs {justify-content: center;border-width: 0;gap: 20px;} 
.country-bg-box .country-meta-tab .nav-tabs a { font-family: Oakes Grotesk; font-size: 20px; font-weight: 600; line-height: 38px; color: #FFFFFF; background-color: #000000; border-width: 0; border-radius: 4px; } 
.country-bg-box .country-meta-tab .nav-tabs a.active { background-color: #6D69D6; color: #FFFFFF; } 
.country-bg-box .country-meta-tab .nav-tabs .nav-item { border-width: 0; width: 190px; text-align: center; } 
.country-bg-box .country-meta-info .country-meta-tab { padding: 25px 0 18px; }
.country-bg-box .country-meta-content p { font-weight: 500; } 
.country-bg-box .country-meta-content div { font-size: 18px; font-weight: 600; }
.country-bg-box .country-meta-content .hd3{ margin-bottom:5px; }

.tour-detail-content-box .tour-detail-tabs ul li a.active {color: var(--text-link-hover-color);border-bottom: 2px solid var(--text-link-hover-color);} 
.tour-detail-content-box .tour-detail-tabs ul li a { font-size: 18px; font-weight: 600; line-height: 27px; padding: 12px; height: 50px; display: inline-block; letter-spacing: 0.02em;} 
.tour-detail-content-box .tour-detail-tabs ul li { height: 50px; }
.tour-detail-tabs{ position: sticky; top: 0; z-index: 9; background: #FFFFFF; }
.tour-detail-tabs > ul{ justify-content: space-between; padding: 0 12px;}
.detailSticky .tour-detail-tabs { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } 
.detailSticky .booking-enquiry-box { position: sticky; top: 0; z-index: 9; }

/* Best Quality */
.best-quality h2 { font-family: 'Oakes Grotesk'; font-size: 20px; font-weight: 700; line-height: 27px; text-align: left; }
.best-quality h3 {font-size: 18px; line-height: normal;} 
.best-quality .checklist li { font-size: 17px; font-weight: 500; line-height: 24px; position: relative; display: inline-flex; }
.best-quality .checklist li:before { content: '✔'; padding-right: 7px; } 
.best-quality .checklist { margin: 20px 0 70px; } 
.best-quality .checklist li:not(:last-child) { margin-bottom: 12px; }
.testimonial svg { margin-bottom: 25px; } 
.testi-carousel .testi-item p { text-align: left; font-size: 20px; font-weight: 500; line-height: 34px; }
.testi-item .address { font-size: 17px; font-weight: 600; line-height: 27px; } 
.testi-item .address span { font-weight: 400; margin-top: 10px; display: block; }
.testi-owl-carousel .owl-dots button span { background: #6C6C6C !important;}
.testi-owl-carousel .owl-dots button.active span { background: #000000 !important;}
.testimonial .testi-owl-carousel .owl-dots{ margin-top: 30px !important; }
.bottom-contact-info { text-align: center; } 
.bottom-contact-info { text-align: center; margin-top: 70px; border-top: 1px solid #000000; padding-top: 40px; font-weight: 500; } 
.bottom-contact-info p { text-align: center; font-weight: 500; margin: 0; }
.bottom-contact-info span { font-weight: 600;}
.sp-travel-form > div > .right-padding > .col-lg-8 { padding-right: 28px; }

/*Sign Up*/
.agencyTagLine{ background: #fff; width: 120px; padding: 0px 5px; height: 90px; display: flex; align-items: center; text-align: center; }
.signup-page .sp-travel-form { padding-top: 40px;}
.sp-travel-form .AddBankDeatilList, .sp-travel-form #addConsultantList { padding: 0 12px; }
.ms-width .form-main-box { max-width: 400px; margin: 0 auto; }
.ms-width { padding: 40px 0;}
.ms-width .form-main-box h2 { margin-bottom: 15px;}
.ms-width .form-main-box { padding: 20px 15px; }
.fix_dep{  background: #fff; margin-bottom:24px; -webkit-box-shadow: -2px -2px 10px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: -2px -2px 10px 0px rgba(0,0,0,0.20); box-shadow: -2px -2px 10px 0px rgba(0,0,0,0.20);}
.fix_dep:hover{ box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);}
  
.fix_dep p{ font-size: 16px; line-height: 20px; color: #4e4d4d; }
.fix_text{ padding:10px; text-align: center;  overflow: hidden;}
.fix_text h3{ font-size:20px; line-height:27px; }

/*Destination*/
.sp-destination-continent .destinationListing .col-lg-4:not(:last-child) { margin-bottom: 24px; }
.destination-continent:not(:last-child) { margin-bottom: 25px;}
.destination-continent a h2 {top: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 32px; line-height: 40px; color: #FFFFFF;}  
.destination-continent .destination-left-image { display: inline-block; height: 100%; width: 100%; position: relative; }
.destination-continent { background-color: #FFD85B; border: none; border-radius: 12px; overflow: hidden; padding: 20px;} 
.destination-continent .destination-continent-grid{ padding: 0;}
.destination-continent .destination-continent-gridimg { width: 50px; height: 40px; object-fit: cover; display: block; margin: 0 auto 5px; } 
.destination-continent .destination-continent-grid a { font-size: 15px; color: #000000; background-color: #fff; padding: 6px 12px; border-radius: 7px; border-bottom: 2px solid #352801; display: inline-block;}
.destination-continent .destination-continent-grid a:hover { border-color: var(--text-link-hover-color); color: var(--text-link-hover-color); transition: 0.3s linear; }
.destination-continent .destination-continent-grid ul li { text-align: center; }
.destination-left-image img { border-radius: 8px;height: 290px; width: 100%; object-fit: cover;}
.explore-continents-destinations h1 { text-align: center; margin-bottom: 30px;}

/*Destination Country*/
.destination-grid { border-radius: 12px 12px 0 0; overflow: hidden; border: none; background:#ffffff; } 
.destination-grid-head { padding: 20px; text-align: center; width: 100%; } 
.destination-grid h2 {font-size: 24px;font-weight: 600; margin-bottom: 15px; line-height: 30px;}
.destination-grid img { width: 100%; height: 201px; object-fit: cover; }
.destination-grid button {display: block; width: 100%;}

/*Tour*/
.sp-destinations { padding: 0 0 60px;}
.tours-list .filter-search form{ width:100%; }
.tours-list .filter-search .border-box { background-color: #FFFFFF;}
.search-form-row .more-filter h5 { margin: 0; }
.tours-list .search-form-row { justify-content: center; } 
.tours-list .filter-search {margin-bottom: 40px;} 
.tours-list .search-form { background-color: inherit; padding: 0} 
.dropdown-box .form-control { font-size: 15px; color: #6C6C6C; box-shadow: inherit; outline: none; border-radius: 4px; height: 48px; } 
.tours-list .tourListingData .col-lg-4:not(:last-child) { margin-bottom: 25px; } 
.travel-spot-search .container-fluid { padding: 0;}

/*About Us*/
.sp-about-us, .sp-career, .sp-contact-us, .sp-terms-and-conditions, .sp-privacy-policy{ padding: 0 0 50px;}
.sp-left-content { padding-right: 60px; } 
.sp-left-content blockquote:not([class]) { margin: 0px 0;padding: 15px 0 25px 0;}
.sp-left-content blockquote:not([class]) p{ border-left: 5px solid #6D69D6;  padding-left: 20px; }
.sp-left-content ul{ padding-left: 20px; }
.sp-left-content ul li { font-weight: 500; }
.sidebar-bullets { padding-left: 60px; height: 100%; border-left: 1px solid #ECE5DD; }
.sidebar-bullets ul li:not(last-child) {padding-bottom: 8px;} 
.sidebar-bullets ul li { list-style: inside; } 
.sidebar-bullets ul li a{ font-weight:500; }
.sidebar-bullets h3 { margin-bottom: 20px; }
.sp-terms-and-conditions, .sp-privacy-policy{ border-top:6px solid #FFFFFF; }

/*Thank You Page*/
.thank-you-page{ padding: 120px 0; }
.thank-you-page h2 { font-size:32px; line-height:normal; font-weight:600; text-align:center; margin-bottom:20px }
.thank-you-page p{ font-size:18px; text-align:center; }

/*Map*/
.map-location iframe { width: 100%; max-height: 300px; display: block; margin: auto; } 
.sp-contact-us .map-location { padding: 30px 0 0; }

/*Responsive Style*/
.AjaxRespond.alert-danger {color: #FF0000;}

@media( max-width: 1400px){ 
  h2 { font-size: 42px; line-height: 52px; }
  footer .footer-right .travel-logo img { max-width: 150px; }

   
  .hero-caaption h1, .banner-caption h1 { font-size: 48px; line-height: 60px; } 
  .hero-caaption h2 { font-size: 46px; line-height: 58px; } 

  .b-call-to-a .call-ation-title h2 { font-size: 42px; line-height: 47px; text-align: left;}
  .form-main-box label{ font-size:13px; }
  .booking-enquiry-box, .private-touring-detail-guide { padding: 25px 20px; margin-left: 10px; }
  .search-form-row .search-item:last-child{ flex: 0 0 58px; }
 
   /*Tours Search Form*/
  .tours-list .search-field-box span { font-size: 12px; } 
  .tours-list .search-field-box h5 { font-size: 13px; margin: 4px 0 0; } 
}


@media( max-width: 1320px){
   .tour-grid-head h3 { font-size: 16px; line-height: 27px; font-weight: 600; } 
   .tour-grid-head ul li h4 { font-size: 16px; line-height: 27px; font-weight: 600; } 
   .priceBox { font-size: 16px; line-height: 27px; font-weight: 500; }

   .call-to-action-box {padding: 20px 40px;}

   footer .footer-right .travel-logo:first-child { margin-right: 10px; } 
   footer .footer-right .travel-logo img { max-width: 120px; } 
   footer .footer-right h3 { font-size: 24px; line-height: 30px; }
}

@media( max-width: 1199px){ 
 
  .hero-slider { max-height: 500px;}
  .banner-image { height: 400px; }
  .search-field-box span { font-size: 12px; } 
  .search-field-box h5 { font-size: 13px; margin: 4px 0 0; } 

  .concierge-info p { font-size: 16px; line-height: 24px; font-weight: 400; } 
  .concierge-info h5 { font-size: 18px; font-weight: 500; }

  .tour-highlights h1 { font-size: 26px; } 
  .tour-trip-highlights h3 { font-size: 22px; }
  .sp-left-content { padding-right: 30px; } 
  .sidebar-bullets { padding-left: 30px;}
  .explore-continents-destinations h1 { font-size:36px; line-height: 42px }
  .destination-left-image img{ height:250px; }

}

@media(max-width: 991px){ 
  h2{ font-size:36px; line-height: 42px;}
  .hero-slider { max-height: 400px;}
  .banner-image { height: 350px; }
  .search-form-row { gap: 8px; }
  .search-form-row .search-item:first-child { flex: 0 0 calc(50% - 4px); } 
  .search-form-row .search-item:nth-of-type(2) { flex: 0 0 calc(50% - 4px); }
  .search-form-row .search-item { flex: 0 0 calc(50% - 4px); }  
  .slider-search-box .filter-search {position: inherit;padding: 30px 0 0; bottom: 0;}

  .filter-search form { width: 100%; }
  .b-call-to-a .call-ation-title h2 { margin-bottom: 15px; } 
  .call-ation-title p { font-size: 18px; }
  .call-to-action-box { padding: 20px 25px;}
  .concierge-info p br { display: none;}
  .county-desc p { font-size: 16px; line-height: 24px; font-weight: 400; }
  .country-bg-box .county-desc { padding: 0;}
  .booking-enquiry-box{ margin: 25px auto 0; }
  .private-touring-detail-guide { margin: 60px auto 0; }

  .tour-details-page .row.tour-detail-content-box{ margin-top:25px; }
  #tourMainGallery { border-radius: 0;} 
  #tourThumbnailGallery { margin-top: 12px; height: inherit; border-radius: 0; display: none;} 
  #tourThumbnailGallery .owl-stage { display: flex; }
  .detailSticky .booking-enquiry-box { position: inherit;}
  .booking-enquiry-box, .private-touring-detail-guide{ max-width: 320px;}
  .best-quality { margin-top: 40px;}
  .sp-travel-form > div > .right-padding > .col-lg-8 { padding-right: 12px;}
  .testi-owl-carousel .testi-item { max-width: 416px; } 
  .best-quality .checklist { margin: 20px 0 50px; } 
  .bottom-contact-info { margin-top: 50px; }
  .search-form-row .search-item:last-child{ flex: 0 0 calc(50% - 4px) }

  .tours-list .filter-search { margin-bottom: 30px; padding-top: 8px; }

  .sp-contact-us .map-location{ padding-top:14px; }
  .sp-left-content { padding-right: 0px; } 
  .sidebar-bullets { padding-left: 0px; border-left: inherit; margin-top: 30px;}
  .destination-left-image img{ height:200px; }
  .sp-about-us, .sp-career, .sp-contact-us, .sp-terms-and-conditions, .sp-privacy-policy{ padding:0; }

}

@media( min-width: 768px){ 

}

@media( max-width: 768px){ 
  h1{ font-size: 32px; line-height: 39px; }
  h2{ font-size:28px; line-height: 37px; font-weight: 600; }
  h3{ font-size:24px; line-height: 30px; font-weight: 500; }

  .hero-slider{ height:300px; }
  .banner-image { height: 300px; }
  .hero-caaption h1, .banner-caption h1 { font-size: 32px; line-height: 39px; } 
  .hero-caaption h2 { font-size: 32px; line-height: 39px; } 
  .hero-caaption p{ font-size:20px; margin: 0;}
  
  .call-to-action-box .call-flex-box { display: inherit !important; text-align: center; } 
  .b-call-to-a .call-ation-title h2, .b-call-to-a .call-ation-title p {text-align: center !important;}
  .call-flex-box .call-btn { margin-top: 15px; }
  .tour-grid-head h2 { font-size: 18px; line-height: 27px;}

  footer .footer-middle-link h3 { margin-bottom: 15px; } 
  footer .footer-left { margin-bottom: 20px; } 
  footer .footer-middle-link { margin-bottom: 30px; }
  footer .footer-right h3 { margin: 25px 0 20px; font-size: 20px; line-height: 27px;}

  /* Tours List  Filter  */
  .filter-search form { background-color: inherit; padding: 0; border-radius: 0; } 
  .search-field-box h5 { font-size: 12px; font-weight: 500; } 
  .filter-search .border-box { padding: 6px 10px; background-color: #FFFFFF; }

  /*Form*/
  .form-main-box .form-control[type=file]{ padding:0 12px; }
  .banner .banner-caption { padding: 60px 0; } 
  .destination-disciption p { font-size: 17px; line-height: 27px; } 
  .destination-disciption { padding-bottom: 30px; } 
  .form-main-box { padding: 20px 12px 25px; } 
  .form-main-box .destination-list { padding: 20px 0 5px; margin-bottom: 25px;}
  .form-main-box .destination-list:last-child { margin-bottom: 15px; }
  .form-main-box label{ margin: 0;}
  .remove-destination-box .close-icon { width: 25px; height: 25px; right: -8px; top: -14px; }

  .form-main-box h2 { font-size: 24px; line-height: 37px; margin-bottom: 20px; } 
  .form-main-box .form-control, .form-main-box .form-select { height: 44px; line-height: normal; } 
  .numberOfTravellerBox{ height:44px; line-height:34px; }
  .bottom-contact-destination { margin: 30px auto 0; padding: 15px 0 0; }
  .form-main-box .form-control[type=file]{ line-height:44px; }
   
  .banner-image > img {height: 250px;}
  .country-bg-box{ background-image:inherit !important; }
  .country-page-sec .breadcrumb-box .breadcrumb { border-bottom: 2px solid #c8c8c8; padding-bottom: 5px;}
  .country-bg-box .country-meta-content h3 { font-size: 22px; line-height: 30px; } 
  .country-bg-box .country-meta-content h4 { font-size: 18px; }
  .country-bg-box { margin-top: 0; } 
  .concierge-information-bg { position: relative; background:#000000;  bottom: 0; }

   /*  */
  .country-bg-box .country-meta-info{ padding:0; }
  .country-bg-box .country-meta-info .country-meta-tab { padding: 15px 2px 20px;}
  .country-bg-box .country-meta-tab .nav-tabs { gap: 10px; } 
  .country-bg-box .country-meta-tab .nav-tabs a {padding: 7px 12px;font-size: 18px;font-weight: 500; line-height: 27px;} 
  .country-bg-box .country-meta-tab .nav-tabs .nav-item { width: 150px; }
  .tour-details-page .tour-image-row { margin-top: 0; } 
  .tour-details-page .row.tour-detail-content-box { margin-top: 25px; }
/*  .tour-trip-highlights p { margin-bottom: 15px; }*/
  .tour-highlights h1 { font-size: 20px; font-weight: 600; line-height: 27px;}
  .tour-trip-highlights p { font-size: 16px; font-weight: 500; } 
  .tour-trip-highlights h3 { font-size: 20px; margin-bottom: 10px;} 
  .invite-your-friend h2{ font-size: 14px; font-weight:500;}
  .breadcrumb-box .breadcrumb .breadcrumb-item { font-size:12px; }
  .invite-your-friend{ margin-top:0; }

  .tour-detail-content-box .tour-detail-tabs ul li a { font-size: 16px; font-weight: 500; height: 40px; line-height: 18px;  white-space: nowrap;} 
  .tour-detail-content-box .tour-detail-tabs ul li { height: 40px; }
  .tour-detail-content .tour-detail-tab-detail { margin-top: 25px; padding-top: 25px; }

  .private-touring-detail-guide h3 { font-size: 20px;}
  .booking-enquiry-box .btn:not(:last-child) { margin-bottom: 10px;}
  .accordion-item .accordion-header strong:first-child { font-size: 16px; line-height: 24px; } 
  .tour-detail-content .accordion-item .accordion-button { font-weight: 300; font-size: 15px; line-height: 21px;}

  .destination-continent{ padding:0; }
  .destination-continent .destination-continent-grid{ padding: 0 12px 20px;}
  .destination-left-image img{ margin-bottom: 20px; border-radius: 8px 8px 0 0;}
  .explore-continents-destinations h1{ font-size:28px; line-height:35px; }
  
  /*Tours Search Form*/
  .tours-list .price-range .dropdown-box, .tours-list .Departure-date .dropdown-box{ left: inherit; right: 0;}
  #tourMainGallery .owl-item img { height:300px; } 
  #tourMainGallery { height: 300px; }

} 
@media( max-width: 575px){ 
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ padding:0 12px; }
   footer .footer-right .travel-logo img{ max-width: 140px; }
   footer .footer-right .travel-logo:first-child{ margin-right: 16px; }
   footer .social-icon { margin: 25px 0 16px; }
   footer{ padding:50px 0 40px; }
  .btn { font-size: 16px; font-weight: 400; }
  .search-item .btn{  font-weight: 400;  }
  .tour-grid > img{ height:inherit; }
  .tour-sec{ padding: 40px 0; }
  .home-page .slider-search-box{  margin: 0 0 40px; }

  
 /*Breadcrumb*/
 .breadcrumb-box .breadcrumb-item+.breadcrumb-item::before { font-size: 12px; }
 .detailSticky .tour-detail-tabs ul { overflow-x: scroll; scrollbar-width: none;} 
 #tour-detail-DatePricing .row .col-md-4:not(:last-child) { margin-bottom: 20px; }
 .tour-detail-content .accordion-item { margin-bottom: 10px;}

 .concierge-information {display: inherit; text-align: center;} 
 .concierge-information img { margin: 0 0 10px; } 
 .concierge-info p, .concierge-info h5 { text-align: center; }
 .country-search-form .form-select { font-size: 14px; padding: 12px 12px; }

 .country-bg-box .country-meta-tab .nav-tabs a.active { background-color: inherit; color: #6D69D6; border-bottom: 2px solid #6D69D6; border-radius: 0; }
 .country-bg-box .country-meta-tab .nav-tabs a { padding: 0; background-color: inherit; color: #000; } 
 .country-bg-box .country-meta-tab .nav-tabs .nav-item { width: inherit; } 
 .country-bg-box .country-meta-tab .nav-tabs { justify-content: space-between; }

 .bottom-contact-info { margin-top: 30px; padding-top: 20px; } 
 .testimonial .testi-owl-carousel .owl-dots { margin-top: 15px !important;} 
 .testimonial svg{ margin-bottom: 20px; }
 #tourMainGallery .owl-item img { height:250px; } 
 #tourMainGallery { height: 250px; }

 .private-touring-detail-guide{ margin:40px auto 0; }
 .sp-travel-form{ padding: 0 0 0; }

 /* Form */
 .counter-input .minus, .counter-input .plus { padding: 5px; font-size: 20px; }
 .form-main-box .form-control, .form-main-box .form-select { font-size: 12px; padding: 0 10px; }
 .counter-input small { bottom: -18px; font-size: 12px;}
 .form-main-box .text-danger{ font-size: 12px; }

 .search-form-row .search-item:first-child { flex: 0 0 100%; } 
 .search-form-row .search-item:nth-of-type(2) { flex: 0 0 100%; } 
 .search-form-row .search-item { flex: 0 0 calc(50% - 4px); }

 /*Tours Search Form*/
 .dropdown-box { width: 300px; }
 .rangeVal{ min-width: 120px; }
 .tours-list .search-field-box h5 {font-size: 12px;}
 .tour-grid-head h2 { -webkit-box-orient: inherit ; max-height: inherit; display: inherit;}
 .tour-grid-price-box{ font-size:16px;}
 .tour-grid-price .tour-price-prefix, .tour-grid-price .tour-price-postfix{ font-size:14px; }
 .form-main-box .upload-logo .form-control[type=file]:after{ left:97px; }
 .choose-white-label span { font-size: 14px; }


}