/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
/*--------commom css------------*/
a.slider-btn.btn,section#destinations button.owl-prev,section#destinations button.owl-next,h6.packn-title a,h6.packn-title-rit a,h6.packn-title-rit,section#packages button.owl-prev,section#packages button.owl-next,section#testimonialbutton.owl-prev,section#testimonial button.owl-next,.blog-n-author span, .blog-n-author span a,.date-box1 span,p.exot-locatn i.map-icn,.find-form input::placeholder {
    color: #4083E6 ;  
}
.desti-content,section#destinations button.owl-prev:hover,section#destinations button.owl-next:hover,i.servc-icon,section#packages button.owl-prev:hover,section#packages button.owl-next:hover,.tr-tips_head,section#testimonial button.owl-prev:hover,section#testimonial button.owl-next:hover,h6.find-head,.map-icn-stay i,.peopl-icn-stay i {
    background: #4083E6; 
}
h2.slide-main-head,p.slid-txt,h3.slide-review-no,p.slid-rev-hd,h6.slide-trvl-hd,p.slid-trvl-txt,.slid-socail-info a i,h3.abt-img1-hd,h3.abt-img2-hd,h3.abt-img3-hd,a.abt-btn.btn,h6.destin-title a,h6.destin-title,h6.desti-title-hidden a,h6.desti-title-hidden,p.desti-days,i.desti-map,i.desti-clock,p.desti-inn-txt,section#destinations button.owl-prev:hover,section#destinations button.owl-next:hover,i.servc-icon,section#packages button.owl-prev:hover,section#packages button.owl-next:hover,h3.discrn-title,h3.discrn-title a,a.disc-btn-inn i,a.disc-btn i,h6.discr-inn-hd,h3.discr-inn-txt,h6.tips-inn-hd,section#testimonial button.owl-prev:hover,section#testimonial button.owl-next:hover,h2.partnr-main-head,h6.find-head,.map-icn-stay i,.date-icon-stay i,.peopl-icn-stay i{
  color: #ffffff;
}
body.home.page-template {
    background: #132E41;
}
/* --------- SLIDER--------- */
section#slider-banner,.slider-banner-image,.star-pos,.soco-bg-box,span.star-icon i {
    position: relative;
}
section#slider-banner .carousel-caption {
    position: absolute;
    transform: translateY(-50%);
    top: 52%;
    left: 15%;
    text-align: justify;
    width: 30%;
}
h2.slide-main-head {
    font-size: 60px;
    font-weight: 400;
    line-height: 62px;
    margin-bottom: 20px;
}
p.slid-txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
a.slider-btn.btn {
    font-size: 10px;
    font-weight: 600;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 25px;
    transition: all 0.35s;
  box-sizing: border-box;
  color: #132E41 !important;
}
a.slider-btn.btn:hover {
    background: #ffffff;
    color: #fff !important;
}
.slider-banner-image:before {
    content: '';
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
h3.slide-review-no {
    font-size: 20px;
    font-weight: 400;
}
p.slid-rev-hd,h6.slide-trvl-hd {
    font-size: 16px;
}
.slrevew-img-box img {
    width: 70px;
    height: 69px;
}
img.rev2,img.rev3,img.rev4 {
    margin-left: -25px;
}
span.star-icon {
    position: absolute;
    color: #ffffff;
    font-size: 50px;
    right: -30px;
    top: -45px;
}
.review-box {
    border-radius: 10px;
    position: absolute;
    top: 8%;
    background: #132E41; 
    left: 15%;
    right: 64%;
}
.slid-travl-box {
    background: rgba(255, 255, 255, 0.11);
    border-radius: 10px;
}
.slid-socail-info {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
}
.slide-soco-box {
    position: absolute;
    top: 12%;
    right: 15%;
    left: 63%;
}
p.slid-trvl-txt,p.tr-tipslist-item,p.test-inn-txt,p.abt-para,p.abt-para2  {
    line-height: 18px;
}


.slid-socail-info a i {
    font-size: 24px;
     padding: 11px 0px;
}
.socialbox a {
    display: block;
   
}
.slid-socail-info a i:hover{
    color: #132E41;
}
.soco-bg-box:before {
    position: absolute;
    content: '';
    background: #4083E6;
    width: 210px;
    height: 315px;
    border-radius: 0px 100px;
    right: -13%;
    top: -22%;
}
.slider-banner-image img {
    width: 100%;
}
.date-icon-stay i{
    background: #132E41;
}
.slid-travl-box {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
}


/* --- SLIDE-IN FOR MAIN HEADLINE --- */
h2.slide-main-head {
  opacity: 0;
  transform: translateY(30px);
  animation: slideFadeUp 1s ease-out forwards;
  animation-delay: 0.4s;
}

/* --- FADE-IN FOR PARAGRAPH AND BUTTON --- */
p.slid-txt,
a.slider-btn.btn {
  opacity: 0;
  transform: translateY(30px);
  animation: slideFadeUp 1s ease-out forwards;
  animation-delay: 0.7s;
}

/* --- GLOW EFFECT FOR BUTTON ON HOVER --- */
a.slider-btn.btn:hover {
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.8);
  transform: scale(1.05);
}

/* --- STAR ICON PULSE --- */
span.star-icon {
  animation: pulse 2s infinite;
}

/* --- REVIEW BOX SLIDE IN + 3D TILT ON HOVER --- */
.review-box {
    opacity: 0;
    transform: translateX(-50px);
    animation: slideInX 1s ease forwards;
    animation-delay: 1.5s; /* keep as is */
    perspective: 500px;
    transition: transform 0.4s ease;
  }
  .review-box:hover {
    transform: translateX(0) rotateY(15deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 15px 25px rgba(0,0,0,0.3);
  }
  
  /* --- SOCIAL BOX SLIDE UP + ROTATE ICONS ON HOVER --- */
  .slide-soco-box {
    opacity: 0;
    transform: translateY(40px);
    animation: slideUp 1s ease forwards;
    animation-delay: 1.2s; /* reduced delay for earlier appearance */
  }
  
  .slid-socail-info a i {
    transition: transform 0.4s ease, color 0.3s ease;
  }
  
  .slid-socail-info a i:hover {
    transform: rotate(360deg) scale(1.2);
    color: #4083E6 !important;
  }


/* -------- KEYFRAMES -------- */
@keyframes slideFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
@keyframes bounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.3); }
  60% { transform: scale(0.9); }
  100% { transform: scale(1); }
}




  
  /* --- SUBTEXT FLOAT AND FADE IN --- */
  p.slid-txt {
    opacity: 0;
    animation: fadeFloatIn 1s ease forwards;
    animation-delay: 1.5s;
    transition: transform 0.4s ease;
  }
  p.slid-txt:hover {
    transform: translateY(-5px) rotate(-2deg);
  }
  

  
  /* --- STAR ICON SPIN + GLOW --- */
  span.star-icon {
    animation: spinGlow 3s linear infinite;
  }
  
  @keyframes spinGlow {
    0% { transform: rotate(0deg); text-shadow: 0 0 0px #fff; }
    50% { transform: rotate(180deg); text-shadow: 0 0 20px #007bff; }
    100% { transform: rotate(360deg); text-shadow: 0 0 0 #fff; }
  }
  
  /* --- REVIEW BOX SLIDE IN + 3D TILT ON HOVER --- */
  .review-box {
    opacity: 0;
    transform: translateX(-50px);
    animation: slideInX 1s ease forwards;
    animation-delay: 1.5s;
    perspective: 500px;
    transition: transform 0.4s ease;
  }
  .review-box:hover {
    transform: translateX(0) rotateY(15deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 15px 25px rgba(0,0,0,0.3);
  }
  
  /* --- SOCIAL BOX SLIDE UP --- */
.slide-soco-box {
    opacity: 0;
    transform: translateY(40px);
    animation: slideUp 1s ease forwards;
    animation-delay: 1.2s;
    will-change: transform, opacity; /* Optimizes animation */
  }
  
  /* --- Ensure the link doesn't move when icon scales --- */
  .slid-socail-info a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px; /* fixed width to prevent layout shift */
    height: 50px;
    transition: background 0.3s ease;
  }
  
  /* --- Icon hover: isolated transform --- */
  .slid-socail-info a i {
    transition: transform 0.4s ease, color 0.3s ease;
    display: inline-block; /* ensures smooth transform */
  }
  
  .slid-socail-info a:hover i {
    transform: rotate(360deg) scale(1.2);
    color: #132E41 !important;
  }
  
  
  /* -------- KEYFRAMES -------- */
  @keyframes fadeFloatIn {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes slideInX {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes slideUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  



/*----------about--*/
a.abt-btn.btn:hover {
    border: 2px solid #4083E6;
    border-radius: 50px;
}
hr.abt-line{
    color: #ffffff;
}
h2.abt-main-head,.abt-img1,.abt-img2,.abt-img3 {
    position: relative;
}
hr.abt-line,hr.desti-line,hr.serv-line,hr.pack-line,hr.stry-line,hr.tips-line,hr.testi-line,hr.blog-line,hr.gall-line,hr.exot-line {
    width: 5%;
    color: #232C5F;
    opacity: 1;
    margin: 0px;
}
h3.abt-img1-hd,h3.abt-img2-hd,h3.abt-img3-hd {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.abt-img1:before,.abt-img2:before,.abt-img3:before {
    content: '';
    position: absolute;
    background: rgba(19, 46, 65, 0.53);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 80px;
}
img.img-1-abt,img.img-2-abt,img.img-3-abt {
    border-radius: 80px;
}
span.abt-bold-word {
    font-weight: 600;
    color: #ffffff;
}
p.abt-para,p.abt-para2  {
    color: #A3A1A1;
}
h3.count-plus {
    font-size: 30px;
}
a.abt-btn.btn {
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
span.abt-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
}
span.countr-num.count-no4:after {
    content: 'Lacs';
}
.counter-hd-box{
    position: relative;
}
.counter-hd-box:after{
    content: '';
    border-right: 1px solid #fff;
    position: absolute;
    top: 20px;
    right: 0;
    height: 42px;
    width: 100%;
}
.counter-hd-box.count-line4:after {
    border: none;
}
.counter-hd-box.count-line1 {
    text-align: start !important;
}


/* Animate About images on hover */
.abt-img1:hover img,
.abt-img2:hover img,
.abt-img3:hover img {
  transform: scale(1.05);
  transition: transform 0.4s ease;
}

.abt-img1 img,
.abt-img2 img,
.abt-img3 img {
  transition: transform 0.4s ease;
}

/* Animate headings on scroll (fade-up) */
h3.abt-img1-hd,
h3.abt-img2-hd,
h3.abt-img3-hd {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}

/* When visible, animate headings */
.animate-visible h3.abt-img1-hd,
.animate-visible h3.abt-img2-hd,
.animate-visible h3.abt-img3-hd {
  opacity: 1;
  transform: translateY(0);
}

/* Button glow effect on hover */
a.abt-btn.btn:hover {
  box-shadow: 0 0 12px #4083E6;
  transition: all 0.3s ease;
}

/* Optional: Zoom effect on slide image */
@keyframes zoomBg {
    0% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  } 
.abt-left-img {
animation: zoomBg 5s ease-in-out infinite alternate;
}


/*-destination--------*/

p.desti-inn-txt{
    font-size: 12px;
    text-align: justify;
    line-height: 17.07px;
}
.desti-img {
    position: relative;
}
h6.destin-title a,h6.destin-title {
    position: absolute;
    bottom: 8px;
    left: 15px;
}
.desti-img img,img.packn-img,img.packn-img-rit,img.stry-plce-img,img.blog-image,section#gallery img {
    border-radius: 10px;
}
h6.desti-title-hidden a,h6.desti-title-hidden {
    font-size: 16px;
}
.desti-box:hover .desti-content {
    display: block;
    margin-top: -10rem;
    position: relative;
 transform: translateY(0px);
}
.grow {
  transition: transform .5s ease-in-out;
  -moz-transition: transform .5s ease-in-out;
  -webkit-transition: transform .5s ease-in-out;
}

.grow:hover {
  -webkit-transform: scale3d(1.05, 1.2, 1);
  -ms-transform: scale3d(1.05, 1.2, 1);
  transform: scale3d(1.05, 1.2, 1);
  z-index: 99999;
    position: relative;
}
.desti-content {
    display: none;
}
.desti-box:hover .desti-content {
    transform: scale3d(1, 0.89, 0.8);
}
section#destinations .owl-stage {
    margin: 8% 0%;
}
section#destinations .owl-nav.disabled,section#packages .owl-nav.disabled{
    display:  block;
}
section#destinations .owl-nav,section#packages .owl-nav,section#testimonial .owl-nav{
    text-align: center;
}
section#packages .owl-nav{
    margin: 5% 0px;
}
section#testimonial .owl-nav{
    margin: 3% 0px;
}
section#destinations button.owl-prev,section#destinations button.owl-next,section#packages button.owl-prev,section#packages button.owl-next,section#testimonial button.owl-prev,section#testimonial button.owl-next {
    background: #ffffff;
    border: none;
    font-size: 30px;
    width: 43px;
    height: 43px;
    border-radius: 5px;
    margin: 0px 10px;
}

.test-inn-txt{
    line-height: 25px;
}
/*-----service-------*/
h6.service-title a,h6.service-title {
    font-size: 16px;
    color: #2C2C2C;
}
i.servc-icon {
    width: 52px;
    height: 52px;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    border-radius: 7px;
}
.serv-shift-icon {
    margin-top: -25px;
}
/*------packages------*/
h6.packn-title {
    font-size: 16px;
}
h6.packn-title{
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    left: 32px;
    right: 32px;
    padding: 15px 10px;
}
.pack-img {
    position: relative;
}
h6.packn-title-rit{
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    left: 90px;
    right: 90px;
    padding: 10px;
}
img.packn-img {
    width: 100%;
    height: 670px;
}
.pack-box {
    width: 100%;
    height: 690px;
}

.pack-img-rit,.pack-box{
    overflow: hidden;
}
.pack-img-rit img.packn-img-rit,.pack-img img.packn-img  {
    transition: transform 0.4s ease;
}
.pack-img-rit:hover img.packn-img-rit,
.pack-img:hover img.packn-img {
    transform: scale(1.05) rotate(1deg);
}
.packn-title-rit ,.packn-title{
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.pack-img-rit:hover .packn-title-rit,.pack-img:hover .packn-title {
    transform: translateY(-20px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.packn-title-rit a ,.packn-title a {
    transition: all 0.5s ease;
}
.packn-title-rit a:hover ,.packn-title a:hover {
    background-color: #f0f0f0;
    transform: scale(1.05);
}
.pack-img-rit:hover .packn-title-rit,.pack-img:hover .packn-title {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.9);
}

/*-----------discover-------*/
h3.discrn-title a,h3.discrn-title {
    font-size: 18px;
}
a.disc-btn i,a.disc-btn-inn i {
    font-size: 30px;
}
.discr-hd-box{
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
}
.discr-content {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 15%;
    right: 15%;
    z-index: 99;
    display: none;
}
h6.discr-inn-hd {
    font-size: 30px;
    font-weight: 600;
}
h3.discr-inn-txt {
    font-size: 25px;
}
.discr-img,.discr-box{
    position: relative;
}
.discr-img:before{
    content: '';
    background-image: url('../images/discover/discr-bg.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
    opacity: 0;
}
.discr-box:hover .discr-img:before {
    opacity: 1;
}
.discr-box:hover .discr-content{
    display: block;
}
img.discrn-img {
    width: 100%;
}

.discr-img:before {
    transition: opacity 0.5s ease;
}
.discr-box:hover .discr-content {
    display: block;
    opacity: 1;
}
.discr-img img.discrn-img {
    transition: transform 0.5s ease;
}
  

  

/*------stories-------*/
a.stort-btn.btn {
    font-size: 14px;
    font-weight: 600;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    z-index: 9999;
}
.story-info {
    position: relative;
}
.stories-btn-box {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}
.stories-custm-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 66%;
}

.story-info {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 1;
}

.story-info:hover {
    transform: translateY(-8px);
}

.story-info:hover .stry-plce-img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}

.story-info:hover .stry-cutomr-img {
    transform: translateY(-20px) scale(1.05);
    opacity: 1;
    transition: all 0.5s ease;
}
  

  
------------travel-tips------
ul.tr-tips-list {
    list-style: auto;
}
.tr-tips-inner-info {
    background: #ffffff;
    border-radius: 0px 0px 10px 10px;
}
.tr-tips_head {
    border-radius: 10px 10px 0px 0px;
}
h6.tips-inn-hd{
    font-size: 15px;
}
.row.equal-height-row {
    display: flex;
}
.row.equal-height-row .rew-box{
    display: flex;
    flex-direction: column;
}
.row.equal-height-row .review-data{
    flex: 1;
    align-content: baseline;
}
.inner-tr-tips-box {
    display: contents;
}
li.tip-list::marker {
    color: #787878;
}
/*dashed-border*/
.dashed-border {
    position: relative;
    margin: 10px auto;
    padding: 20px;
    border: 0;
    background: linear-gradient(to right, #8a8a8a 60%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 15px 1px;
    background-repeat: repeat-x;
}
.dashed-border::before,
.dashed-border::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #4083E6;
}
.dashed-border::before {
    top: -8px;
    left: 11%;
}
.dashed-border::after {
    top: -8px;
    left: 86%;
}
.dashed-border span.dot-1,.dashed-border span.dot-2 {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #4083E6;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}
.dashed-border span.dot-1 {
    left: 36%;
}
.dashed-border span.dot-2 {
    left: 61%;
}
/*---testimonial-------*/
.test-txt-box {
    position: relative;
}
i.testi-quote1 {
    font-size: 40px;
    color: #000;
}
.testimonial-data{
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
}
p.test-inn-txt {
    line-height: 25px;
}


/* --- TESTIMONIAL HOVER ANIMATIONS --- */

/* Card container effect */
  .testimonial-data {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    will-change: transform;
  }
  .testimonial-data:hover {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
  }
  
  /* Quote icon animation */
  .test-quate-icon1 i.testi-quote1 {
    transition: transform 0.4s ease, color 0.3s ease;
  }
  .testimonial-data:hover .test-quate-icon1 i.testi-quote1 {
    transform: rotate(-10deg) scale(1.2);
    color: #4083E6;
  }
  
  /* Testimonial image hover pulse */
  .testi-img img {
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    border-radius: 50%;
  }
  .testimonial-data:hover .testi-img img {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }
  
  /* Subtext slight float effect */
  p.test-inn-txt {
    transition: transform 0.3s ease;
  }
  .testimonial-data:hover p.test-inn-txt {
    transform: translateY(-2px);
  }

  .testimonial-data:hover {
    background: linear-gradient(145deg, #007bff91, #88888857);
  }
  
  .testimonial-data:hover p.test-inn-txt ,.testimonial-data:hover .testi-title a ,.testimonial-data:hover p {
    color: #fff;
  }
  .testimonial-data p,
  .testimonial-data .testi-title a {
    transition: color 0.3s ease;
  }

  .testimonial-data::after {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    transition: none;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit; /* Match the card's rounding */
  }
  
  .testimonial-data:hover::after {
    animation: shimmer 1.2s ease-in-out;
  }
  
  @keyframes shimmer {
    0% {
      left: -75%;
    }
    100% {
      left: 125%;
    }
  }


/*----------blog------*/
h6.news-inner-head,h6.news-inner-head a {
    color: #2C2C2C;
    font-size: 16px;
}
.blog-n-categories span, .blog-n-categories span a {
    font-size: 12px;
    font-weight: 400;
    color: #6D6D6D;
}
.blog-n-author span, .blog-n-author span a,.date-box1 span {
    font-size: 12px;
    font-weight: 600;
}
.blog-info-box {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
/*--------partner------*/
.partnr-main-head{
    position: relative;
}
.partnr-main-head:before{
    content: '';
    background-image: url('../images/partner/partner-zig.png');
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 8%;
    height: 10px;
    margin: auto;
}

.partnr-img-box:hover img { 
    filter: brightness(0%);
}


/*-------gallery----*/
/* img.gallery-img6,img.gallery-img5 {
    height: 255px;
} */
/* .gals img{
    width: 100%;
} */

/*-------exotic-locales--------*/
.swiper-container {
  position: relative;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  display: none; /* Hide all slides */
}

.swiper-slide-active {
  display: block !important; /* Only show the active slide */
}
.swiper-slide {
    opacity: 0;
}
.swiper-slide-active{
    opacity: 1;
}
h6.exotic-name,p.exot-locatn,h6.exot-rate,h6.exotic-name a {
    color: #2C2C2C;
}
p.exot-days {
    font-size: 13px;
    color: #6D6D6D;
}
p.exot-locatn {
    font-size: 13px;
}
h6.exot-rate {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Helvetica';
}
h6.exot-rate i {
    color: #F0955E;
}
h6.prod-price {
    font-size: 13px;
    font-weight: 500;
    color: #132E41;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 14px !important;
    color: #ffffff;
    font-weight: bold;
    background: rgba(170, 170, 170, 0.5); /* slightly transparent */
    backdrop-filter: blur(6px); /* ✅ blur effect */
    -webkit-backdrop-filter: blur(10px); /* ✅ for Safari */
    border-radius: 50%;
    padding: 8px 9px;
    width: 30px;
    height: 30px;
    display: none;
    align-items: center;
    justify-content: center;
}

.exot-inn-detail:hover .swiper-button-prev:after,
.exot-inn-detail:hover .swiper-button-next:after {
    display: flex;
}

.exot-inn-detail img {
    width: 100%;
    border-radius: 15px;
}
h6.exotic-name,h6.exotic-name a{
    color: #000000;
    font-size: 13px;
}




/* Card base structure - prevent flicker */
.exot-inn-detail {
    position: relative;
    overflow: hidden; /* always on to avoid flicker */
    border-radius: 15px; /* always on for smoother visuals */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }
  
  /* Hover visual elevation */
  .exot-inn-detail:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  }
  
  /* Image zoom */
  .exot-info img {
    transition: transform 0.5s ease;
  }
  .exot-inn-detail:hover .exot-info img {
    transform: scale(1.05);
  }
  
  /* Gradient overlay */
  .exot-info {
    position: relative;
  }
  .exot-info::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; /* avoids flicker on hover */
  }
  .exot-inn-detail:hover .exot-info::before {
    opacity: 1;
  }
  
  /* Bottom content box stays structured */
  .exotic-detail-box {
    position: relative;
    z-index: 2;
    padding: 10px 8px 13px;
  }

  .exot-inn-detail:hover .exotic-detail-box {
    background: #fff; /* always white to avoid layout jump */
  }
  
  /* Text elements with hover-only enhancements */
  .exotic-name a {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  .exotic-name a:hover {
    color: #007bff;
  }
  
  .exot-locatn,
  .exot-days {
    font-size: 12px;
    color: #666;
    margin: 2px 0;
  }
  
  .exot-rate {
    font-size: 14px;
    color: #F0955E;
    font-weight: bold;
  }
  
  .prod-price {
    font-size: 14px;
    font-weight: 600;
    color: #132E41;
  }
  



/*---------------find stay-----------*/

@media screen and (max-width: 3000px) and (min-width: 1200px) {
  .find-shift .container{
    max-width: 1100px;
  }
}

h6.find-head {
    font-size: 16px;
    width: 360px;
    border-radius: 10px 10px 0px 0px;
    border:1px solid #ffffff;
    transition: all 1s;
}
.map-icn-stay i,.date-icon-stay i,.peopl-icn-stay i {
    font-size: 25px;
    width: 67px;
    height: 67px;
    padding: 20px 10px;
    border-radius: 10px;
    background: #132E41; 
    transition: all 1s;
}

.find-shift:hover h6.find-head{
    background: #132E41;
}
.form-group:hover .map-icn-stay i,.form-group:hover .date-icon-stay i,.form-group:hover .peopl-icn-stay i {
    background: #000; 
}

button.btn.stay-btn {
    background: #4083E6;
    color: #ffff;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 55px;
    border-radius: 10px;
}
.find-form input[type="text"], select#location {
  font-size: 14px;
  font-weight: 600;
  border: none;
  background: transparent;
  padding: 0;
}
.find-form input[type="text"]::placeholder {
    color: #000000;
}
.find-form .form-control{
  border: none;
  background: transparent;
}
.find-form .form-control::placeholder{
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #132E41 !important;
}
.find-form {
    background: rgba(255, 255, 255, 0.67);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    backdrop-filter: blur(4px);
    padding: 50px 60px;
}
section#find_stay {
    position: relative;
}
.find-shift{
    position: absolute;
    bottom: 32%;
    left: 0;
    right: 0;
}
.stay-chc-in {
    border-right: 1px solid #000000;
}
.stay-chc-in {
    border-right: 1px solid #000000;
}

h2.exotic-main-head,h2.serv-main-head,h2.story-main-head,h2.testi-main-hd{
    color: #000000;
}


/*----button-----*/
.btn11{
    display: inline-block;
    cursor: hand;
    text-align: center;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
}


.btn11:hover{
    border: 1px solid #ffffff;
      color: #ffffff !important;
     font-size: 14px !important;
}
.btn11::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #ffffff;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.btn11::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #4083E6;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn11:hover::before, .btn11:hover::before{
    opacity:1;
    -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
              transform: translateX(100%);
}
.btn11:hover::after, .btn11:hover::after{
    opacity:1;
    -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%);
}
/*button2*/
.b2:hover {
    transform: translateY(-3px);
    
}

.b2:active {
    transform: translateY(-1px);
    
}

.btn-white {
    background-color: #fff;
    color: #000 !important;
    
}

.b2::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .9s;
}

.btn-white::after {
    background-color: #fff;
}

.b2:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
button.btn.stay-btn:hover {
    background: transparent;
    border: 2px solid #4083E6;
    color: #4083E6;
}


.form-control {
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid #fff;
  font-size: 16px;
}

.flatpickr-calendar {
  font-family: 'Segoe UI', sans-serif;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.flatpickr-months .flatpickr-month{
  /* background: #132E41; */
}
.flatpickr-day.today {
  background: #132E41;
  color: white;
}

.flatpickr-day.selected {
  background: #132E41;
  color: white;
}