@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: 30 92% 50%; /* #10b77f */
}
/* .tracking-tight {
  letter-spacing: -.025em !important;
} */
 
.animate-header{background-color: #0e1e2d !important;position: fixed !important;top: 0;width: 100%;}




html {
  scroll-behavior: smooth;
}
.text-primary\/40 {
  color: hsl(var(--primary)/.4);
}


/* Modal */

.reveal-on-scroll {
  opacity:0;
  transform:translateY(30px);
  transition:opacity .6s ease-out,transform .6s ease-out
}
.reveal-on-scroll.revealed {
  opacity:1;
  transform:translateY(0)
}
@keyframes fadeIn {
  0% {
    opacity:0;
    transform:translateY(20px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.animate-fade-in,
.fade-in {
  animation:fadeIn .6s ease-out
}
@keyframes slideInLeft {
  0% {
    opacity:0;
    transform:translateX(-30px)
  }
  to {
    opacity:1;
    transform:translateX(0)
  }
}
@keyframes slideInRight {
  0% {
    opacity:0;
    transform:translateX(30px)
  }
  to {
    opacity:1;
    transform:translateX(0)
  }
}
.animate-slide-in-left,
.slide-in-left {
  animation:slideInLeft .6s ease-out
}
.animate-slide-in-right,
.slide-in-right {
  animation:slideInRight .6s ease-out
}
@keyframes slideIn {
  0% {
    transform:translateX(-100%)
  }
  to {
    transform:translateX(0)
  }
}
.slide-in {
  animation:slideIn .5s ease-out
}
.hover-lift {
  transition:transform .3s ease,box-shadow .3s ease
}
.hover-lift:hover {
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,.15)
}
.hover-scale {
  transition:transform .3s ease
}
.hover-scale:hover {
  transform:scale(1.05)
}
@keyframes spin {
  to {
    transform:rotate(1turn)
  }
}
.animate-spin {
  animation:spin 1s linear infinite
}
@keyframes pulse {
  0%,
  to {
    opacity:1
  }
  50% {
    opacity:.5
  }
}
.animate-pulse,
.animate-pulse-slow {
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    transform:translateZ(0)
  }
  40%,
  43% {
    transform:translate3d(0,-30px,0)
  }
  70% {
    transform:translate3d(0,-15px,0)
  }
  90% {
    transform:translate3d(0,-4px,0)
  }
}
.animate-bounce {
  animation:bounce 1s infinite
}
.animate-bounce-custom {
  animation:bounce 2s infinite
}
/* ./Modal */

.mob-icon svg{width: .75rem !important;height: .75rem !important;}



.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary)/.8);
}
.custom-scroll{overflow-x: auto;}
.scrollbar-custom{scrollbar-width: none;
    overflow-x: auto;}

.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;
}

.community-list button.from-primary{background: #0d9488;
  border-radius: 50px;
  min-height: 10px !important;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  height: 29.6px;}

.community-list button.px-4.py-2.rounded-lg.text-sm.font-medium.bg-slate-100.text-slate-700.hover\:bg-slate-200 {
  border-radius: 50px;
  min-height: 10px !important;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem !important;
  line-height: 1rem;
  height: 29.6px;
  background: #fff;
  border: 1px solid #e2e8f0;
}

@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 );
}

.category-btn button:hover{background-color: #10b77f;}


#group-meet .owl-stage-outer {
  left:-5px;
}

#group-meet  .customPrevBtnMeet  {
  left:2px !important;
}
#group-meet  .customNextBtnMeet {  right:1px !important;}


.mobile-app-view {
  --app-padding:16px;
  --card-radius:16px;
  --section-spacing:24px;
}
.mobile-app-view .mobile-card {
  border-radius:var(--card-radius);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  background:white;
  border:1px solid rgba(0,0,0,.05);
  transition:all .2s ease-in-out
}
.mobile-app-view .mobile-card:hover {
  transform:translateY(-2px);
  box-shadow:0 4px 20px rgba(0,0,0,.1)
}

.ul-div li:nth-child(1) button{background-image: linear-gradient(to right,#397ff5 ,#2766ec )}
.ul-div li:nth-child(2) button{background-image: linear-gradient(to right,#ed4141 ,#de2929 )}
.ul-div li:nth-child(3) button{background-image: linear-gradient(to right,#22c45e ,#17a54b )}
.ul-div li:nth-child(4) button{background-image: linear-gradient(to right,#a651f6 ,#9536eb )}
.ul-div li:nth-child(5) button{background-image: linear-gradient(to right,#f87115 ,#eb5a0d )}
.ul-div li:nth-child(6) button{background-image: linear-gradient(to right,#e9b208 ,#ca8a04 )}
.ul-div li:nth-child(7) button{background-image: linear-gradient(to right,#ea4596 ,#dc2979 )}
.ul-div li:nth-child(8) button{background-image: linear-gradient(to right,#13b5a3 ,#0d978a )}
.ul-div li:nth-child(9) button{background-image: linear-gradient(to right,#6264f0 ,#5048e6 )}
.ul-div li:nth-child(10) button{background-image: linear-gradient(to right,#06b4d2 ,#0894b4 )}
.ul-div li:nth-child(11) button{background-image: linear-gradient(to right,#f39c0b ,#db7a06 )}
.ul-div li:nth-child(12) button{background-image: linear-gradient(to right,#8a5af5 ,#7d3dee )}
.ul-div li:nth-child(13) button{background-image: linear-gradient(to right,#6264f0 ,#5149e6 )}
.ul-div li:nth-child(14) button{background-image: linear-gradient(to right,#06b4d2 ,#0894b5)}
.ul-div li:nth-child(15) button{background-image: linear-gradient(to right,#ea4596 ,#dc2979 )}

.ul-div li:nth-child(16) button{background-image: linear-gradient(to right,#397ff5 ,#2766ec )}
.ul-div li:nth-child(17) button{background-image: linear-gradient(to right,#ed4141 ,#de2929 )}
.ul-div li:nth-child(18) button{background-image: linear-gradient(to right,#22c45e ,#17a54b )}
.ul-div li:nth-child(19) button{background-image: linear-gradient(to right,#a651f6 ,#9536eb )}
.ul-div li:nth-child(20) button{background-image: linear-gradient(to right,#f87115 ,#eb5a0d )}
.ul-div li:nth-child(21) button{background-image: linear-gradient(to right,#e9b208 ,#ca8a04 )}
.ul-div li:nth-child(22) button{background-image: linear-gradient(to right,#ea4596 ,#dc2979 )}
.ul-div li:nth-child(23) button{background-image: linear-gradient(to right,#13b5a3 ,#0d978a )}
.ul-div li:nth-child(24) button{background-image: linear-gradient(to right,#6264f0 ,#5048e6 )}
.ul-div li:nth-child(25) button{background-image: linear-gradient(to right,#06b4d2 ,#0894b4 )}
.ul-div li:nth-child(26) button{background-image: linear-gradient(to right,#f39c0b ,#db7a06 )}
.ul-div li:nth-child(27) button{background-image: linear-gradient(to right,#8a5af5 ,#7d3dee )}
.ul-div li:nth-child(28) button{background-image: linear-gradient(to right,#6264f0 ,#5149e6 )}
.ul-div li:nth-child(29) button{background-image: linear-gradient(to right,#06b4d2 ,#0894b5)}
.ul-div li:nth-child(30) button{background-image: linear-gradient(to right,#ea4596 ,#dc2979 )}



@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;}

 /*.mobile-meals{display: none !important;}*/

}

@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;}







/* new mobile modal */

.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-all {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-opacity {
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-shadow {
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-transform {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.delay-200 {
  transition-delay:.2s
}
.delay-300 {
  transition-delay:.3s
}
.duration-1000 {
  transition-duration:1s
}
.duration-150 {
  transition-duration:.15s
}
.duration-200 {
  transition-duration:.2s
}
.duration-300 {
  transition-duration:.3s
}
.duration-500 {
  transition-duration:.5s
}
.duration-700 {
  transition-duration:.7s
}
.ease-in-out {
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out {
  transition-timing-function:cubic-bezier(0,0,.2,1)
}
@keyframes enter {
  0% {
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
  }
}
@keyframes exit {
  to {
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
  }
}
.animate-in {
  animation-name:enter;
  animation-duration:.15s;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial
}
.fade-in,
.fade-in-0 {
  --tw-enter-opacity:0
}
.zoom-in-95 {
  --tw-enter-scale:.95
}
.slide-in-from-bottom {
  --tw-enter-translate-y:100%
}
.duration-1000 {
  animation-duration:1s
}
.duration-150 {
  animation-duration:.15s
}
.duration-200 {
  animation-duration:.2s
}
.duration-300 {
  animation-duration:.3s
}
.duration-500 {
  animation-duration:.5s
}
.duration-700 {
  animation-duration:.7s
}
.delay-200 {
  animation-delay:.2s
}
.delay-300 {
  animation-delay:.3s
}
.ease-in-out {
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out {
  animation-timing-function:cubic-bezier(0,0,.2,1)
}
.\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  text-shadow:0 1px 2px rgba(0,0,0,.8)
}
.\[text-shadow\:0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  text-shadow:0 1px 3px rgba(0,0,0,.8)
}
.\[text-shadow\:0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  text-shadow:0 1px 4px rgba(0,0,0,.8)
}
.\[text-shadow\:0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  text-shadow:0 2px 4px rgba(0,0,0,.9)
}
.\[text-shadow\:0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  text-shadow:0 2px 8px rgba(0,0,0,.9)
}
.\[text-shadow\:_0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  text-shadow:0 1px 3px rgba(0,0,0,.7)
}
.\[text-shadow\:_0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  text-shadow:0 2px 4px rgba(0,0,0,.8)
}
/* ./New Mobile modal */

}


@media (max-width: 575px) {
.mb-mobile{margin-bottom: 64px;}
.sticky.top-\[79px\]{top: 0px !important;}
.flex.items-center.justify-start.gap-1.overflow-x-auto.scrollbar-hide{overflow-x: auto !important;}

}

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

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}