/* Ribbob */


.wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
}

.wrap:before,
.wrap:after {
  content: "";
  position: absolute;
}

.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4d6530;
  border-radius: 8px 8px 0px 0px;
}

.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4d6530;
  border-radius: 0px 8px 8px 0px;
}

.ribbon6 {
  width: 200px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px dashed;
  box-shadow: 0 0 0 3px #57dd43, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);
  background: #57dd43;
  text-align: center;
}

@media (min-width: 500px) {
  .ribbons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ribbon {
    width: 48%;
  }
}
/* Sidebar */
.main-price {
  color: #f7921d;
}
.aside-price {
  background-color: #f3f8f6;
}
.aside-contact {
  background-color: #f3f8f6;
}
.contact-number{
    color: #63AB45;
}
.destination-grid{
    margin-top: 100px !important;
}
.availability-btn .gotur-btn {
    padding: 17.5px 18px 17.5px 20px;
}
.connect-with-team .gotur-btn{
    padding: 17.5px 28px 17.5px 20px;
}

/* Review */
.review-icon i{
    color: #f7921d;
}
.page-header{
  margin-top: 102px;
}
/* Aside Sticky */
.bookingbar {
  position: relative;
  top: 0px;
  max-width: 390px;
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 10px;
}

.bookingbar::-webkit-scrollbar {
  display: none;
}

/* Apply sticky only on desktops (screen wider than 1000px) */
@media only screen and (min-width: 1001px) {
  .fixed-bookingbar {
    position: fixed;
    top: 30px;
    right: 90px;
    width: 100%;
    /* Add other fixed styles as needed */
  }
}

/* Fallback for mobile */
@media only screen and (max-width: 1000px) {
  .fixed-bookingbar {
    position: relative;
    top: 10px;
  }

  .bookingbar {
    max-width: 100%;
    margin-bottom: 40px;
  }
}


/* Terms and conditions */
.termsandcondition{
  margin-top: 102px;
  padding: 40px 20px;
}

/*heros */
.main-slider-onee{
   overflow: hidden;
  }
 .main-slider-one__destinations-majetro {
 position: relative;
   width: 100%;
   z-index:4;
 }
 @media (max-width: 1500px) {
   .main-slider-one__destinations-majetro {
     max-width: 900px;
     width: 100%;
   }
 }
 @media (max-width: 1199px) {
   .main-slider-one__destinations-majetro {
     display: none;
   }
 }
 .main-slider-one__destinations-majetro .destinations-card-two__thumb {
   border-radius: 100px;
 }
 .main-slider-one__destinations-majetro .destinations-card-two__hover img {
   object-fit: cover;
   width: auto;
 }
 .main-slider-one__destinations-majetro__hover {
   position: absolute;
   left: -150px;
   top: -40px;
   z-index: 1;
 }
 .main-slider-one__bottom__nav button {
   border: 1px solid white;
 }
 .main-slider-one__bottom__nav button span{
   color: black;
   font-size: 16px;
 }
 .main-slider-one__bottom__nav button:hover{
   color: white;
 }
 @media (max-width: 1500px) {
   .main-slider-one__destinations-majetro__hover {
     position: absolute;
     left: -70px;
     top: -11px;
     z-index: 1;
     width: 100%;
     max-width: 470px;
   }
   .main-slider-one__destinations-majetro__hover img {
     object-fit: cover;
     width: 100%;
   }
 }
 .owl-stage{
   padding-bottom: 20px;
 }
 /* sdfsdfsedkfjsdkfjskdfjskdjfskdjfskdjfskd */
 .mountain-banner {
  position: relative;
}
.overlayy{
  top: 100px !important;
}
.overlay-1 {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.overlay-2 {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 250.625em;
  height: 23.8em;

  -webkit-animation: cloudLoop 80s linear infinite;
  animation: cloudLoop 20s linear infinite;
  z-index: 2;
  pointer-events: none;
  height: 43.75em;

}

.overlay-3{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250em;
  height: 53.75em;

  opacity: 0.2; /* Add more cloud density */
  animation: cloudLoop 15s linear infinite reverse; 
  z-index: 1;
  pointer-events: none;
}
.hero-bg{
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100vw;   
  background: url(https://i.ibb.co/zWrjkBTd/9.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0.6;
  z-index: 1;
  pointer-events: none;
}
@-webkit-keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

 li a:hover {
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: scale(1.1); /* Slightly enlarges the link on hover */
}


/* home package */


.tab-btn {
    background-color: #eee;
    color: white;
    border: 1px solid #ddd;
    padding: 8px 16px;
    margin: 5px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-btn.active {
    background-color: #F7921E;
    color: #fff;
    border-color: #F7921E;
}


.tab-btn:hover:not(.active) {
    background-color: #e0e0e0;

}

.sub-menuu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.sub-menuu li {
    margin-bottom: 8px;
}
.sub-menuu li a:hover {
    color:#F7921E !important;
}