/* Custom Styles */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap"); */
/* @import url('https://fonts.googleapis.com/css2?family=Epunda+Slab:ital,wght@0,300..900;1,300..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


* {
  box-sizing: border-box;
  /* user-select: none; */
  
}


body {
  /* font-family: "Cormorant Garamond", "Inter", sans-serif; */
  font-family: "Open Sans", "Inter", sans-serif;

}

/* Scroll to Top Button visible on scroll */
#scrollTopBtn.show {
  display: flex !important;
}
@keyframes bounce-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

@keyframes bounceTilt {
  0%,
  100% {
    transform: rotate(0deg) scale(1.05);
  }
  25% {
    transform: rotate(1deg) scale(1.07);
  }
  50% {
    transform: rotate(-1deg) scale(1.07);
  }
  75% {
    transform: rotate(0.5deg) scale(1.06);
  }
}

.hover\:animate-bounceTilt:hover {
  animation: bounceTilt 1s infinite ease-in-out;
}

/* From Uiverse.io by risabbir */ 
.warp-loader {
  position: relative;
  /* display: none; */
  width: 160px;
  height: 160px;
}

.ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle,
    rgba(0, 255, 255, 0.15) 30%,
    transparent 70%
  );
  animation: pulse 2.2s ease-out infinite;
  opacity: 0;
  box-shadow:
    0 0 12px #ffd90066,
    0 0 24px #e8f80533;
  border: 2px solid rgba(251, 255, 0, 0.2);
}

.ring:nth-child(1) {
  animation-delay: 0s;
}
.ring:nth-child(2) {
  animation-delay: 0.4s;
}
.ring:nth-child(3) {
  animation-delay: 0.8s;
}
.ring:nth-child(4) {
  animation-delay: 1.2s;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.3);
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.15;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
  }
}

.core-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px; /* Reduced size for the core glow */
  height: 24px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle at center, #fbff00, #ccc900);
  box-shadow:
    0 0 25px #e5ff00,
    0 0 60px #bbff0088,
    0 0 100px #c8ff0033;
  animation: corePulse 1.6s ease-in-out infinite;
}

@keyframes corePulse {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
}


@keyframes floaty {
  0%   { transform: translate(0, 0) scale(1); }
  25%  { transform: translate(90px, -80px) scale(1.1); }
  50%  { transform: translate(-40px, 20px) scale(0.9); }
  75%  { transform: translate(70px, 40px) scale(1.05); }
  100% { transform: translate(0, 0) scale(1); }
}

.animate-floaty {
  animation: floaty 12s ease-in-out infinite;
}
/* Custom scrollbar style */
.consult-scrollbar {
  width: 6px;
  background: rgba(48, 47, 47, 0.2);
}
.consult-scrollbar .swiper-scrollbar-drag {
  background: #8dbae4;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px; /* Change this value to make it thinner or thicker */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888; /* Scroll thumb color */
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent; /* Scrollbar track (behind the thumb) */
}

/* For Firefox */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}


/* Center pagination bullets */
.swiper-pagination {
  position: absolute !important;
  width: 50% !important;
  bottom: 0px !important; /* adjust spacing below slides */
  left: 27% !important;
  display: flex !important;
  justify-content: center !important;
  transform: none !important;
  margin: 0 auto;
  transform: translateX(-50%);
}
/* Style bullets */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgb(209, 210, 211);
  opacity: 0.5;
  border-radius: 9999px;
  margin: 0 4px; /* space each bullet */
  transition: all 0.3s ease;
}

/* Style active bullet */
.swiper-pagination-bullet-active {
  width: 12px;
  height: 14px;
  background-color: #ffffff;
  opacity: 1;
}



@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Tailwind-like utility for animation */
.animate-slide-in-left {
  animation: slideInFromLeft 0.5s ease forwards;
}

/* Base styles for semantic tags */
h1 {
  font-size: 2.25rem !important; /* Tailwind equivalent: text-4xl */
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
}

h2 {
  font-size: 1.875rem !important; /* text-3xl */
  font-weight: 600 !important;
  margin-bottom: 0.75rem !important;
}

h3 {
  font-size: 1.5rem !important; /* text-2xl */
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
}

h4 {
  font-size: 1.25rem !important; /* text-xl */
  font-weight: 500 !important;
  margin-bottom: 0.5rem !important;
}

ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1rem !important;
}

li {
  margin-bottom: 0.5rem !important;
}