.text-right{text-align: right;}
.homeSliders .swiper-button-prev:after,   .homeSliders .swiper-button-next:after {display:none;}
.homeSliders { position:relative;  }
.homeSliders .sliderContent{position:absolute;bottom:170px;left:0;width:100%;z-index:999;padding:10px 20px;color:#fff;text-align:center;font-size:18px}
.booking-section{color:#fff;position:absolute;bottom:50px;z-index:1;text-align:left;left:27px;right:50px}
.stats-container{display:flex;justify-content:space-between;text-align:center;gap:20px}
.stat{width:32%;border-right:1px solid #cac5c5;padding-right:10px}
.stat h2{letter-spacing:0;color:#FFF;opacity:1;font-size:48px;line-height:56px;text-align:left}
.stat p{letter-spacing:0;font-size:15px;line-height:19px;margin-top:15px;color:#01ecd5;text-transform:uppercase;margin:0;text-align:left;opacity:1; font-weight: 500;}
.stat:last-child{border:none;padding:0}
.homeSliders .swiper-button-next,.homeSliders .swiper-button-prev{width:40px;height:40px;object-fit:contain}
.right-box h1{font-size:52px;line-height:70px;font-family:"Anton",sans-serif;letter-spacing:0;opacity:1;text-align:left;font-weight:700;color:#0D0D0D;margin-top:80px;margin-bottom:50px}
.right-box h1 b{color:#09AD9D}.right-box h1 span{color:#014386}
.booking-com{height:360px;border-radius:8px;box-shadow:0 3px 16px #0000001C;border:1px solid #E2E2E2;background:#FFF;padding:20px 10px}
.homeSliders .mySwiper img{width:100%}
.pad-80 {padding:40px 0;}
.topTitleFirst{display:flex;align-items:center;margin:0 0 15px}
.topTitleFirst h2{border-right:1px solid #848383;padding-right:27px;font-size:32px;line-height:40px;letter-spacing:0;color:#000;text-align:left;font-weight:500;margin-top:4px}
.topTitleFirst h2 span{display:block;color:#09AD9D;font-size:18px;line-height:24px;letter-spacing:0;opacity:1;font-weight:600}
.topTitleFirst .stay-check{padding-left:30px;font-size:14px;color:#555}
.Worldwide{display:flex;flex-wrap:wrap;gap:2%}
.Worldwide .card{width:23.5%;background:#fff;border:1px solid #f2f2f2;border-radius:10px;box-shadow:0 0 12px rgb(0 0 0 / .06);display:flex;flex-direction:column;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;margin:0 0 30px}
.travel-card-image{width:100%;height:190px}
.travel-card-image img{width:100%;height:190px;border-radius:10px;object-fit:cover}
.Worldwide .card-content{padding:15px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.Worldwide .card-content h3{font-size:18px;font-weight:600;margin-bottom:6px}
.Worldwide .card-content p{min-height:40px;font-size:14px;color:#666;margin-bottom:12px}
.Worldwide .card-content .info{padding:5px 0;margin-bottom:20px;border:1px solid #E5E5E5;border-left:none;border-right:none}
.Worldwide .card-content .info span{letter-spacing:0;opacity:1;text-align:left;display:flex;margin:3px 0;justify-content:space-between;font-size:13px;font-weight:500}
.Worldwide .card-content .info span strong{font-weight:400;color:#5A5A5A}
.Worldwide .card-content .actions{display:flex;justify-content:space-between}
.Worldwide .card-content .actions a{font-size:14px;font-weight:600;color:teal;text-decoration:none;transition:color 0.3s}
.Worldwide .card-content .actions a:hover{color:#014386;}
.Worldwide .card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgb(0 0 0 / .1)}
.center-text .highlight{color:teal;font-weight:600;font-size:14px;margin-bottom:10px}
.main-title{border-right:1px solid #848383;padding-right:27px;font-size:32px;line-height:40px;letter-spacing:0;color:#000;text-align:left;font-weight:500;margin-top:4px}
.center-text .desc{font-size:14px;color:#555;margin-bottom:15px;line-height:1.6}
.center-text .sub-highlight{color:#009688;font-weight:600;font-size:15px;margin-top:20px;margin-bottom:6px}
.historical_swap{background:#09AD9D;padding:20px 30px;border-radius:15px;position:relative;margin-bottom:90px}
.historical-card-image{width:100%;height:190px}
.hestoricalLandmarks  .swiper-slide .card-swap{width:100%}
.historical-card-image img{width:100% !important;height:100%;border-radius:10px;object-fit:cover}
.hestoricalLandmarks  .card-swap span{font-size:12px;line-height:18px;letter-spacing:0;color:#5A5A5A;width:100%;text-align:left;display:flex;margin:10px 0;gap:7px;font-weight:medium;opacity:1}
.hestoricalLandmarks   .card-swap span a{color:#014386}
.hestoricalLandmarks  .item{background:#fff;padding:10px;border-radius:8px}
.hestoricalLandmarks  .card-swap .card-content{text-align:left;padding:0}
.hestoricalLandmarks  .card-content h3{font-size:18px;font-weight:600;margin-bottom:6px}
.hestoricalLandmarks   .card-swap .card-content p{color:#09AD9D;margin:0}
.hestoricalLandmarks  .card-content .actions{display:flex;justify-content:space-between}
.hestoricalLandmarks  .card-content .actions a{font-size:14px;font-weight:600;color:teal;text-decoration:none;transition:color 0.3s}
.hestoricalLandmarks .card-swap:hover .card-content .actions a {color:#014386;}
.hestoricalLandmarks  .card-content .info{padding:5px 0;margin:14px 0;border:1px solid #E5E5E5;border-left:none;border-right:none}
.hestoricalLandmarks   .card-swap span{font-size:12px;line-height:18px;letter-spacing:0;justify-content:space-between; color:#5A5A5A;width:100%;text-align:left;display:flex;margin:10px 0;gap:7px;opacity:1}
.adventure  .swiper-button-next::after, .adventure  .swiper-button-prev::after {display:none!important;}
.adventure  .swiper-button-next, .adventure  .swiper-button-prev { width: 40px; }
.wonderful .commonBox{width:295px;}.wonderful .wond .subtitle{color:#09AD9D;font-size:18px;line-height:24px;letter-spacing:0;opacity:1;font-weight:600}
.wonderful{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.wondBox {position:relative;}
.wondBox a{position:absolute;bottom:20px;right:16px;z-index:1;color:#fff;border:1px solid #f000;padding:5px 17px;border-radius:21px;background:#fff0;transition:all 0.3s ease; font-weight: 500;}
.wondBox p{position:absolute;bottom:20px;margin:0;z-index:1;color:#FFF;left:15px}
.wondBox img{width:100%;height:100%}
.txt{margin:10px 0 0; font-size:17px;}
.h100{height: 100%;}
.slide-box {margin-top: 30px;}
.b6f682f7ac {margin-bottom: 10px !important;}
.summer .container{background-size: cover;background-image:url(../images/BG.png);background-repeat:no-repeat;height:376px;padding:10px;background-repeat:no-repeat}
.tarvel{margin-top:30px;width:100%;padding:0 20px}
#custom_tab ul{display:flex;justify-content:end;}
.travel-deals ul li a{font-size:14px;color:#FAFAFA;line-height:24px;letter-spacing:0;border-bottom:4px solid #fff0;padding-bottom:10px}
.travel-deals ul li a:hover{border-bottom:4px solid teal}
.travel-deals ul li a.active{border-bottom:4px solid teal}
.customSection{gap:20px;padding: 50px 0 0;}
#custom_tab .swap-travel{position:relative;}
.Worldwide .card-content a {
  font-size: 14px;
  font-weight: 600;
  color: teal;
  text-decoration: none;
  transition: color 0.3s;
}

.Worldwide .card-content a {
  font-size: 14px;
  font-weight: 600;
  color: teal;
  text-decoration: none;
  transition: color 0.3s;
}
.Worldwide .card-content a:hover, 
.read-more:hover,  
.activityText .actions a:hover { 
  color: #014386;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.mySwiper4{padding:0 20px}.swiper{width:100%;height:100%}
.vdSection .container{background:#09AD9D;background:linear-gradient(125deg,rgb(9 173 157) 0%,rgb(0 45 90) 100%);border-radius:13px;padding:20px 20px}
.slide-content{position:relative;width:100%;overflow:hidden}
.play-overlay{position:absolute;top:50%;left:50%;cursor:pointer;transition:0.3s ease; transform: translateX(-50%) ;z-index:2}
.vdSection .swiper-button-next1{position:absolute;right:0;top:160px;z-index:111}
.vdSection .swiper-button-prev1{position:absolute;left:0;top:160px;z-index:111}
.slide-content video{display:block;width:100%;border-radius:20px;border:8px solid #fff;height:360px;object-fit:cover}
.video-title{color:#FFF;padding:12px 12px 0;letter-spacing:0;font-weight:400;font-size:16px}
.vdSection .short{letter-spacing:0;color:#FAFAFA;opacity:1;font-size:38px;font-weight:600;line-height:49px;margin-bottom:10px}
.vdSection p{letter-spacing:0;padding-right: 20px;color:#FAFAFA;opacity:1;font-size:16px;line-height:20px;margin-bottom:2px;font-weight:300}
.upload-container{position:relative}
.upload-container{margin-top:25px;bottom:0;top:0;left:0;right:0}
.upload-label{letter-spacing:0;color:#0DAC9D;text-transform:capitalize;box-shadow:0 3px 16px #0000000F;text-align:center;border-radius:20px;background-color:#ff7a00;color:#fff;padding:12px 24px;font-size:14px;line-height:24px;border-radius:30px;font-weight:700;cursor:pointer}
.runing-text h2{font-size:38px;letter-spacing:0;line-height:49px;color:#FAFAFA;opacity:1}
.runing-text p{letter-spacing:0;color:#FAFAFA;opacity:1;font-size:14px;line-height:24px}
.summerSlider .item img{width: 100% !important;border-radius: 10px;height:190px;object-fit:cover}
.hero-section{position:relative;background:url(../images/GlampingDestination.png) no-repeat center center/cover;color:#fff;display:flex;align-items:center;border-radius:12px;height:460px;margin-top:90px}
.hero-overlay{align-items:end;display:flex;position:absolute;top:160px;width:100%;justify-content:space-between;padding:34px}
.percft-lay{width:680px}
.hero-overlay h1{font-size:60px;line-height:66px;letter-spacing:0;margin-bottom:20px;text-transform:capitalize;font-weight:600;text-align:left;opacity:1}
.hero-overlay h1 span{color:#f5b640}
.hero-overlay p{max-width:600px;font-size:1rem;color:#ccc;line-height:1.6}
.top-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}
.title-section .subtitle{color:#09AD9D;font-size:18px;line-height:24px;letter-spacing:0;opacity:1;font-weight:600}
.stay-check{font-size:14px;color:#555}
.stay-check a{font-weight:600;color:#021B5F;margin-left:4px}
.adventureTabs.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.adventureTabs.tabs .tab{padding:10px 18px;background-color:#FFF;border-radius:5px;cursor:pointer;transition:0.3s;font-size:14px;box-shadow:0 3px 16px #0000000A;border:1px solid #EAEBEE}
.adventureTabs.tabs .tab.active{box-shadow:0 3px 16px #0000000A;border-radius:5px;background-color:#09AD9D;color:#fff}
.adventureTabs.tabs .tab:hover{background:#e2e2ee;color:#000!important;}
.place ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0}
.place ul li{flex:1 1 calc(25% - 20px);max-width:calc(25% - 20px);position:relative;overflow:hidden;border-radius:12px;min-height:360px;border: none;  margin: 0 0 20px;}
.place ul li img{width:100%;height:100%;object-fit:cover;vertical-align:middle;border-radius:12px;transition:transform 0.3s ease}
.place ul li span{position:absolute;bottom:0;left:0;right:0;padding:50px 20px;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);display:flex;flex-direction:column;justify-content:flex-end;height:100%;box-sizing:border-box;border-radius:12px;font-size:14px;color:#e0e0e0}
.customSection  .swiper-button-next:after, .customSection  .swiper-button-prev:after {display:none!important;}
.action-link{position:absolute;z-index:11111;bottom:15px;left:17px;justify-content:space-between;display:flex;width:89%;right:134px;color:#fff;font-size:14px;line-height:24px;letter-spacing:.14px}
.action-link a {  color: #09AD9D;}
.swiper-button-prev, .swiper-button-next {width: 50px;}
.vdSection .short h2{font-size:38px;font-weight:600;margin:0 0 15px}
.hero-overlay .btn{background-color:#09AD9D;color:#fff;padding:8px 58px;border:none;border-radius:30px;font-size:1rem;cursor:pointer;text-decoration:none;transition:background-color 0.3s ease;border:1px solid #09AD9D}
.hero-overlay .btn:hover{color:#fff;border:1px solid #D0D0D0;background-color:#000}
.adventureTabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;border:none;box-shadow:inherit!important;margin-top:25px}
.adventureTabs .nav-link{padding:10px 18px;background-color:#FFF;border-radius:5px;cursor:pointer;transition:0.3s;color:#000;font-size:14px;box-shadow:0 3px 16px #0000000A;border:1px solid #EAEBEE}
.adventureTabs .nav-link.active{box-shadow:0 3px 16px #0000000A;border-radius:5px;background-color:#09AD9D;color:#fff}
.adventureTabs .nav-link:hover{background:#e2e2ee;color:#000!important}
#nav-tabContent .card{margin:0 0 20px}
.activityText{position:absolute;left:0;width:100%;bottom:5px;padding:10px 20px}
.activityText h3{color:#fff;font-size:16px;margin:0 0 4px}.activityTabs{height:470px;position:relative}
.activityTabs img{height:100%;width:100%;object-fit:cover}
.activityTabs:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}
.activityText p{color:#fff;font-size:13px}
.activityText .actions a svg{color:#fff;filter:invert(1)}
.activityText .actions a{display:block;position:relative;color:#09AD9D;letter-spacing:.14px;font-size:14px;line-height:24px;font-weight:600;text-decoration:none;height:100%}
.blog-section{border-radius:13px;padding:40px 20px;background:#EFF7F6}.blog-list{list-style:none;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0;margin:0 auto}
.blog-card{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .05);transition:transform 0.3s ease}
.blog-image{position:relative;width:100%;height:200px;overflow:hidden}
.blog-image img{width:100%;height:200px; border-radius: 9px;}
.blog-image .logo{width:130px;position:absolute;top:10px;left:10px;height:30px;background:#fff;padding:3px 8px;border-radius:6px}
.blog-content{padding:20px}.blog-content h3{font-size:16px;margin-bottom:10px;color:#222;line-height:1.4;max-height:70px;margin-bottom:10px}
.blog-content .meta{border-top:1px solid #D9D9D9;font-size:13px;color:#888;border-bottom:1px solid #D9D9D9;padding:6px 0;margin-bottom:10px}
.read-more{letter-spacing:.14px;color:#00c29e;text-decoration:none;font-weight:600;line-height:24px;font-size:14px}
.view-all{font-size:14px;color:#09AD9D;border:1px solid #D0D0D0;padding:5px 25px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transition:background 0.4s ease,box-shadow 0.4s ease,color 0.4s ease}
.view-all{font-size:14px;color:#09AD9D;font-weight:600}
.view-all::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,transparent 30%,rgb(255 255 255 / .5) 50%,transparent 70%);transform:rotate(25deg) translateX(-100%);transition:transform 0.6s ease}
.view-all::after{content:"";position:absolute;inset:0;border-radius:50px;border:2px solid #fff0;transition:border-color 0.4s ease}
.view-all:hover{background:linear-gradient(125deg,rgb(9 173 157) 0%,rgb(0 45 90) 100%);color:#fff;border-color:#fff0;box-shadow:0 8px 24px rgb(9 173 157 / .3)}
.view-all:hover::before{transform:rotate(25deg) translateX(100%)}
.view-all:hover::after{border-color:#fff}
.blog-card:hover{transform:translateY(-5px)}
#accordionExample .accordion-button{background:inherit;border:none;box-shadow:inherit!important;align-items:center;font-weight:500;font-size:18px;line-height:24px;color:#0F0F0F;cursor:pointer;display:flex;justify-content:space-between}
#accordionExample .accordion-item{background-color:#F7F7F7;margin:0 0 12px;padding:10px;border-radius:8px;box-shadow:rgb(149 157 165 / .2) 0 8px 24px;border:1px solid #F7F7F7}
.accordion-item.active{border:1px solid #2B5D36!important;background:#fff!important}
#uploadModal.modal{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .6);justify-content:center;align-items:center;z-index:9999999}
#uploadModal.modal .modal-cont{position:relative;background:#09AD9D;padding:20px;border-radius:10px;width:500px;box-shadow:0 5px 15px rgb(0 0 0 / .3)}
.close-btn{color:#fff;position:absolute;float:right;font-size:24px;cursor:pointer;right:-2px;top:-1px;border:1px solid #04453f;width:30px;border-radius:50px;text-align:center;aspect-ratio:1 / 1;background:#04453f;height:30px;display:flex;align-items:center;justify-content:center}
.uploadForm-box{background-color:#fff;border-radius:10px;padding:0 10px}
.uploadForm-box label {  color: #09AD9D;  font-size: 14px;  margin:10px 0 0; line-height: 20px;  padding: 0;}
.uploadForm-box input {
  height:38px;
  background-color: #F2F2F2;
  color: #000;
  border-radius: 5px;
  border: 1px solid #F2F2F2;
  padding: 1px 10px;
  width: 100%;
  font-size: 12px;
  outline: 0;
  padding: 4px 8px 0;
  line-height: 25px;
}
#dropArea{border:2px dashed #00bfa6;padding:0 10px;text-align:center;margin:15px 0!important;border-radius:8px;background:#f9f9f9;cursor:pointer}
.slider-section p{letter-spacing:0;color:#FAFAFA;opacity:1;font-size:14px;line-height:24px;margin-bottom:30px}
.slider-section p{letter-spacing:0;color:#FAFAFA;opacity:1;font-size:14px;line-height:24px;margin-bottom:30px}
#videoInput{display:none}
.slider-section p{letter-spacing:0;color:#FAFAFA;opacity:1;font-size:14px;line-height:24px;margin-bottom:30px}
.custom-upload-btn {
  display: inline-block;
  padding: 10px 20px !important;
  background-color: #000;
  color: white !important;
  border-radius: 50px;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 10px !important;
}
#uploadModal .view.view-all{width:200px;height:40px;line-height:30px;text-transform:uppercase;margin:auto;display:table}
#home_page_modal_form .invalid-feedback{font-size:12px;margin:-10px 0 0}

  #travel_shorts_modal_data div {
  margin: 0;
  padding: 0;
}
#travel_shorts_modal_data {
  margin: 0;
  display: flex !important;
  padding: 10px 0 20px;
}
  #homeCarousel .owl-prev{
  position: absolute;
  top: 45%;
  left: -9px;
  background: url(/images/leftArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}


  #homeCarousel .owl-next{
  position: absolute;
  top:45%;
  right: -9px;
  background: url(../images/rightArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}


 .hestoricalLandmarks  .owl-prev{
  position: absolute;
  top: 50%;
  left: -20px;
  background: url(../images/leftArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}


  .hestoricalLandmarks  .owl-next{
  position: absolute;
  top: 50%;
  right: -20px;
  background: url(../images/rightArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}
 .summerSlider   .owl-prev{
  position: absolute;
  top: 50%;
  left: -20px;
  background: url(../images/leftArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}


  .summerSlider   .owl-next{
  position: absolute;
  top: 50%;
  right: -20px;
  background: url(../images/rightArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}
 .videoSlider   .owl-prev{
  position: absolute;
  top: 50%;
  left: -20px;
  background: url(../images/leftArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}


  .videoSlider   .owl-next{
  position: absolute;
  top: 50%;
  right: -20px;
  background: url(../images/rightArrow.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  font-size: 0;
  transform: translateY(-50%);
}

#custom_tab ul { 
  border: none;
  margin: 0 0 30px;
}
 #custom_tab ul li .nav-link {
  background: inherit;
  border: none;
  font-size: 14px;
  color: #FAFAFA;
  line-height: 24px;
  letter-spacing: 0;
  border-bottom: 4px solid #fff0;
  padding-bottom: 10px;
}
 
 #custom_tab ul li .nav-link.active {
  border-bottom: 4px solid teal;
}

.adventureTags ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.adventureTags ul li {
  background-color: #e2695d;
  color: #fff;
  border: 1px solid #e2695d;
  border-radius: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 22px;
}


.adventureTags ul li a{ 
  color: #fff; 
}


   .actions {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.travel-shorts-fields {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}


#home_page_modal_form .invalid-feedback {
  position: absolute;
  top: 42px;
  right: 10px;
  left: inherit;
  text-align: right;
  font-size: 7px;
}
 
  #home_page_modal_form #videoTitleContainer .invalid-feedback {
  top: 0;
}
.action-link a:first-child {color:#fff!important;} 


@media only screen and (min-width:993px)
{
.homeSliders{position:relative;margin-top:-58px!important; margin-left: 20px;}

}


@media only screen and (max-width:992px)
{
.Worldwide{gap:2%;overflow-x:scroll;flex-wrap:nowrap}
.Worldwide .card{min-width:280px}
.wonderful .commonBox{width:47%;margin:0 0 14px}
.runing-text h2 {font-size: 28px;line-height: 34px;}
.action-link {left: 0;width: 100%;padding: 0 10px;font-size: 11px;line-height: 24px;letter-spacing: .14px;}
nav.adventureTabsNav{position:static!important;opacity:1;visibility:visible;padding:0;background:inherit;border:none;overflow:inherit}
.grid-content .list-item-entry:nth-child(2n+1) {
        clear: both;
    }
        .grid-content .list-item-entry:nth-child(3n+1) {
        clear: none;
    }
}

@media only screen and (max-width:766px)
{
.topTitleFirst{display:flex;align-items:center;margin:0 0 20px;flex-wrap:wrap}
.topTitleFirst .stay-check{flex-wrap: wrap;padding-left:0;font-size:14px;color:#555;margin:10px 0 0;display:flex;align-items:baseline;gap:5px}
.booking-section{color:#fff;position:absolute;bottom:50px;z-index:1;left:0px; right: 0px;}
.topTitleFirst h2{border-right:none;padding-right:27px;font-size:28px;line-height:40px;letter-spacing:0}
.wonderful .commonBox{width:100%;margin:0 0 14px}
#custom_tab .runing-text{padding:0 0 12px}
.stay-check a{margin-left:20px}
.vdSection p{padding:0;margin:9px 0 0}
.summer .container{height:auto;padding:10px;background-repeat:no-repeat;background-size:cover; border-radius: 30px;}
.runing-text h2{font-size:28px;letter-spacing:0;line-height:35px;color:#FAFAFA;opacity:1;margin:20px 0 3px}
#custom_tab .swap-travel{position:relative;width:100%}
.travel-deals ul li a{font-size:14px;color:#FAFAFA;line-height:24px;letter-spacing:0;border-bottom:4px solid #fff0;padding-bottom:10px;text-align:center;display:flex}
.customSection{gap:20px;padding:20px 0 0}
.vdSection .short h2{font-size:38px;font-weight:600;margin:0}
.upload-container{margin:10px 0 30px}
.hero-overlay{position:absolute;top:0;width:100%;left:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;height:100%}
.hero-overlay h1{font-size:31px;line-height:40px;letter-spacing:0;margin:0 0 13px;text-align:center}
.hero-overlay p{max-width:100%;padding:0 21px;font-size:16px;text-align:center}
.percft-lay{width:100%}
.now-explore{text-align:center;padding:0 10px}

}


@media only screen and (max-width:1100px)
{
.activityTabs{height:280px;position:relative}	
	
}


@media only screen and (min-width:768px)
{
.now-explore{text-align:right;margin:-30px 0 0}
	
}

@media only screen and (max-width:600px)
{
.main-title{font-size:24px;padding: 0;line-height:33px}
.pad-80 {padding: 20px 0;}
.topTitleFirst h2 {padding-right: 0;line-height: 30px;font-size: 22px;}
.topTitleFirst .stay-check input {position: relative;top: 3px;}
.center-text .desc {line-height: 23px;} 
#custom_tab ul .nav-item  {
  list-style: none;
  width: 33%;
}
  #summerSlider {
  margin: 0 0 30px;
}
.slide-box {margin-top:0px;}
.topTitleFirst .stay-check {
flex-wrap: initial;}
    .grid-content .list-item-entry {
        margin-bottom: -15px;
    }
        .lightbox .lb-image {
        width: 100% !important;
    }
    .lightbox {
        width: 94% !important;
        margin: 0 3%;
    }
    .list-header {
    margin-bottom: 0;
}
.padd-top-10 {
    padding-top: 20px;
}
.list-header .list-sort h5 {font-size: 15px;}  
} 


@media only screen and (max-width:500px)
{
.historical_swap{padding:20px 10px 0}
.topTitleFirst h2{font-size:19px}
.wonderful .wond .subtitle{line-height:6px}
.main-title{font-size:22px;line-height:33px;padding:0 0 10px}
   .hotel-item.style-9 .title.hotel-middle {
        width: 100%;
        padding: 0px 15px;
    }
        .grid-content .list-item-entry {
        width: 100%;
    }
} 

  .grid-content .list-item-entry {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.grid-content .hotel-item {
    margin-bottom: 30px;
}
.grid-content .list-item-entry {
    float: left;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.hotel-item.style-9 {
    border: 1px solid #ddd;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
    cursor: auto;
    padding-bottom: 0px;
    border-radius: 1px 1px 1px 1px;
}
.table-view {
    width: 100%;
    display: flex;
    gap: 10px;
}
.list-header {
    margin-bottom: 29px;
}
.list-header .list-sort {
    display: inline-block;
    width: auto;
    min-width: 170px;
    margin-right: 30px;
}
.list-header .list-sort h3 {
    font-size: 18px;
    letter-spacing: 0px;
    padding-bottom: 0px;
    margin: -10px 0;
}
.padd-top-10 {
    padding-top: 10px;
}
.list-header .list-view-change {
    float: right;
}
.color-sabgreen {
    color: #014386;
}
.hotel-item.style-9:hover {
    border: 1px solid #014386;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 28%);
}

.grid-content .cell-view {
    display: inline-block;
    width: 28%;
    padding: 10px 10px 9px;
}
.radius-top {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.cell-view {
    display: table-cell;
    vertical-align: middle;
}
.radius-top img {
    width: 100%;
    border-radius: 0;
    height: 160px;
    object-fit: cover;
}
.radius-top a span.watermark {
    position: absolute;
    left: 14px;
    bottom: 10px;
    text-align: left;
    width: 100%;
    color: #fff;
    font-size: 32px;
    opacity: 0.5;
    display: none;
}
.pics-icon {
    font-size: 14px;
    background: rgba(0, 0, 0, 0.6);
    padding: 8px;
    color: #f8f8f8;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 45px;
    border-radius: 5px;
}
.pics-icon a {    color: #f8f8f8;}
.pics-icon a.f_news-img {
    display: inline-flex
;
    margin-right: 7px;
}
.hide {
    display: none !important;
}
.pics-icon a.f_news-img img {
    height: auto !important;
}
.pics-icon a.f_news-img img {
    margin-right: 4px;
}
.hotel-item.style-9 .title.hotel-middle
 {
    width: 72%;
}
.hotel-item.style-9 .title {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
}
.hotel-item.style-9 .tour-info {
    margin-right: 15px;
    top: 0px;
}
.tour-info {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    padding-bottom: 15px;
}
.fl {
    float: left;
}
.hotel-item.style-9 h4 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 18px;
    margin: 15px 0 0 !important;
}
.hotel-item .title p {
    color: #202020;
    padding: 8px 5px 27px 0px;
    font-size: 14px;
    line-height: 24px;
    margin: 5px 0 10px;
}