@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* New Csutom CSS */
:root {
  --primary: 160 84% 39%; /* #10b77f */
}
/* .tracking-tight {
  letter-spacing: -.025em !important;
} */
html {
  scroll-behavior: smooth;
}


.swiper-index .swiper {--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius: 15px;}

.custom-card {
    transition: box-shadow 0.4s ease;
}

.custom-card:hover {
    animation: floatUp 0.5s ease forwards;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px 0px;
}

.custom-card:not(:hover) {
    animation: floatDown 0.4s ease forwards;
}

@keyframes floatUp {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

@keyframes floatDown {
    from {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0);
    }
}
/* ./ */
.scale-float {
  animation: scaleFloat 4s ease-in-out infinite;
  will-change: transform;
}

@keyframes scaleFloat {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-6px) scale(1.08);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

.padding-10{padding-top:10px !important}
header.sticky {background:#272e3f !important}
.mobile-app-container header.sticky {
  background: #fff !important;
  border-bottom: 1px solid transparent !important;
}

.mobile-app-view  .bg-gray-600 {
  background: #059669 !important;
  width: 30px !important;
}
.overflow-x-auto {overflow-x: hidden !important;}
.text-gradient{background: linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary)) 60%,hsl(var(--primary)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;}
.mobile-optimized .bg-gray-600 {
  background: #059669;
  width: 30px !important;
}
.mobile-optimized .bg-transparent:hover {
  background: #059669;
  border: 1px solid #059669;
}
.flex-1.py-3.text-sm.font-medium.relative.transition-all.text-primary{position: relative;}
.flex-1.py-3.text-sm.font-medium.relative.transition-all.text-primary::after{content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-image: linear-gradient( to right, hsl(var(--primary)), #a855f7 );
}

@media (min-width: 768px) {

.meet-section .-left-1{left:-.95rem !important;}
.meet-section .-right-1{right:-.95rem !important;}

}
  
/* ./New Custom CSS */




@media (min-width: 1400px) {
  .container {
    max-width: 1400px !important;
  }
}
@media (max-width: 1400px) {
 .container {
    max-width: 1400px !important;
  }


}

.bg-white\/95 {
  background-color: rgb(255 255 255/.95) !important;
}

.all-destination {
  position: relative;
  right: 100px;
  margin-top: 60px;
  float: right;
}

.swiper-thumbnailslider .swiper-slide .absolute.inset-0.transition-opacity{background: rgb(0 0 0 / 0.5);}
.swiper-thumbnailslider .swiper-slide.swiper-slide-thumb-active .absolute.inset-0.transition-opacity{background: hsl(var(--primary) / 0.3);}

.expert-journey-section .clickme .inline-flex{background-color: #1e293b;
  font-size: 16px;
  padding: 10px;
  font-weight: 500;}
 .expert-journey-section .clickme .inline-flex.text-primary {background-color: #1e293b;
  font-size: 16px;
  padding: 10px;
  font-weight: 500;}

.discover-city .owl-stage{
    left: -100px;
 }
 .testimonials-section .owl-stage {
    left: -100px;
 }
 .meet-section .owl-stage {
    left: -10px;
 } 
.featured-experts-section .owl-stage {
    left: -130px;
 }

 .travel-community-section .owl-stage{margin-bottom: 50px;}

 .foutHalfowlCarouselstyle .owl-stage{margin-bottom: 20px;}

 .featured-experts-section .p-3.md\:p-4{min-height: 280px;}

 .aspect-\[16\/9\] {
  aspect-ratio:16/9
}
.aspect-\[4\/3\] {
  aspect-ratio:4/3
}
.aspect-video {
  aspect-ratio:16 / 9;
}

.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.max-w-3xl{max-width: 48rem;}


.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.gap-2\.5 {
  gap: 0.625rem;
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.travel-community-section .travel-community-bg h3{font-size: 18px;}
.travel-community-section .travel-community-bg p{font-size: 14px;
  line-height: 1.7;}
.horizontal-navTabs .clickme  {background:#1e293b !important;}
.min-h-screen.bg-gradient-to-b.from-white.to-slate-50,
.min-h-screen.bg-white, body *{font-family: "Inter";letter-spacing: 0.50%
}
.activelink {color: hsl(var(--primary));background-color: hsl(var(--primary) / 0.1);}
.flex.w-full.border.bg-background.px-3.text-sm.ring-offset-background.file\:border-0.file\:bg-transparent.file\:text-sm.file\:font-medium.placeholder\:text-muted-foreground.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:cursor-not-allowed.disabled\:opacity-50.pl-10.pr-4.py-2.h-10.rounded-full.border-slate-200.focus\:border-primary.focus\:ring-1.focus\:ring-primary{background: #2b2a33;}
.active{
        display: block;
    }
  .hide{
      display: none;
  }
@keyframes dotMove {
  0%   { transform: translateY(0); opacity: 1; }
  50%  { transform: translateY(5px); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}

.animate-dotMove {
  animation: dotMove 2s infinite ease-in-out;
}


.to-primary\/10 {
  --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position);
}
.from-primary\/5 {
  --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.destinations-detail .data-\[state\=active\]\:bg-primary.activelink{
  background-color: hsl(var(--primary));
  color: #fff;
}
.relative.w-full.bg-\[\#0F172A\].py-10.md\:py-24.text-white.become-expert-section {
  padding-bottom: 141px;
}


.expoert-btn.bg-background {
  background-color: #020817;
}
.expoert-btn.bg-background:hover{color:#fff}
.expert-journey-section .clickme a{background-color: #1e293b;}
.expert-journey-section .clickme a {
  background-color: #1e293b;
  font-size: 18px;
  padding: 10px;
  font-weight: 500;
}
.expert-journey-section .clickme a.activelink {background-color: #1e413f;}
 .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none !important;
  }

  .community-section .program-btn{background-color: #020817;}
  .community-section .program-btn:hover{color:#fff}
  
header{background-color: #0e1528 !important;border-bottom: 1px solid #373737 !important;}


  .to-purple-600 {
  background-color: #9333ea !important;
}

.mob-menu{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 80px;}


.all-experts-section .space-y-6{width: 100%;}
.all-experts-section .space-y-6 .relative.overflow-hidden.rounded-xl.transition-all.duration-300.hover\:shadow-lg.bg-white.border.border-slate-100{display: flex;}
.all-experts-section .space-y-6 .relative.h-52.w-full.overflow-hidden{width: 25%;}
.all-experts-section .space-y-6 .p-4{width: 75%;display: flex;justify-content: space-between;}

.p-1\.5.bg-white.text-slate-500.bg-primary\/10.text-primary{background-color: hsl(var(--primary) / 0.1) !important;color: hsl(var(--primary)) !important;}


input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #3b82f6; 
    border-radius: 9999px;
    pointer-events: auto;
    position: relative;
    z-index: 10;
  }
  input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #3b82f6;
    border-radius: 9999px;
    pointer-events: auto;
    position: relative;
    z-index: 10;
  }

  .success-stories-owl .owl-stage{left: -50px;}
  .sidebar-profile .message-btn{background-color: #020817;}
  .sidebar-profile .message-btn:hover{color:#fff}

   .community-dtl-section .swiper-pagination-bullet{margin: 0px !important;}
  .community-dtl-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.5rem;
  height: 0.375rem;
  border-radius: 5px;
  background-color: hsl(var(--primary));
}

.thumbnailSwiper .absolute.inset-0.transition-opacity.bg-primary\/30{background:rgb(0 0 0 / 0.5)}
.thumbnailSwiper .swiper-slide-thumb-active .absolute.inset-0.transition-opacity.bg-primary\/30{background: hsl(var(--primary) / 0.3);}

@media (max-width:1199px) {
  .travel-community-section .travel-community-bg h3{font-size: 17px;}
}

@media (max-width: 767px) {
 .meet-section .snap-start.overflow-hidden.rounded-2xl.bg-gradient-to-br.from-primary\/20.via-primary\/10.to-primary\/5.border.border-primary\/20.flex.flex-col.items-center.justify-center.p-4.md\:p-8.text-center.hover-lift.relative{min-height: 215px;}
 .travel-community-section .owl-stage{left: -50px;}

}

@media (max-width: 600px) {
  .expert-journey-section .clickme a{font-size: 14px;}
  .discover-city .owl-stage{
    left: -50px;
 }

 .meet-section .owl-stage {
    left: 0px;
 } 

 .testimonials-section .owl-stage {
    left: 0px;
 }

 .featured-experts-section .owl-stage {
    left: 0px;
 }
 .success-stories-owl .owl-stage {
    left: 0px;
 }

 .swiper-thumbnailslider .swiper-horizontal .mt-3.rounded-lg.bg-black\/40.p-3.backdrop-blur-sm.md\:max-w-\[80\%\]{display: none;}  
.swiper-thumbnailslider .meetups-box{display: none;}
.swiper.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden.aspect-\[16\/9\]{aspect-ratio: 4/3 !important;}

}


@media (max-width: 575px) {
.mb-mobile{margin-bottom: 64px;}

}