/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}

.hero-border-radious {
  border-radius: 0px 0px 250px 0px;
}

@media (max-width:768px) {
  .hero-border-radious {
    border-radius: 0px 0px 200px 0px;
  }

}

.cards-border-radious {
  border-radius: 20px 0px 20px 0px;
}

.cards-second-border-radious {
  border-radius: 0px 40px 0px 40px;
}


.cards-border-radious-two {
  border-radius: 50px 0px 50px 0px;
}

.cards-border-radious-three {
  border-radius: 0px 50px 0px 50px;
}

.cards-second-border-four {
  border-radius: 50px 0px 50px 0px;
  
}

.SHIC-cards-border-radious {
  border-radius: 0px 20px 0px 20px;
}


.dropdown::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  height: 24px;
}

.glide__bullet--active {
  background-color: #8C3061 !important;
  /* Tailwind's red-500 */
}

/* Hide scrollbar but keep scroll */
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.hide-scrollbar {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}

.my-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
}



.swiper-pagination-bullet {
  background-color: #9ca3af; /* gray-400 */
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #4b5563; /* gray-700 */
}



@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-up {
  animation: slideUp 0.9s ease-out forwards;
}

.hero-tab.active {
    color: white !important;
    border-color: white !important;
  }