/* ---------------------------- [ Font Families ] --------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");


/* ----------------------------- [ Global CSS ] ----------------------------- */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-decoration: none;
  font-family: "Manrope", sans-serif;
}

::before,
::after {
  box-sizing: border-box;
}

*>img {
  user-select: none;
  pointer-events: none;
  display: inline-block;
}

*,
*:focus,
*:active {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
  display: inline-block;
}

li {
  list-style: none;
}

.legal-content ul {
  padding-left: 0;
}

.legal-content li {
  display: flex;
  align-items: flex-start;
}

.legal-content li::before {
  content: "•"; /* Custom bullet */
  padding-right: 8px; /* Space between bullet and text */
}


body {
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

/* Hide scrollbar */
.hide-scrollbar {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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


/* Scrollbar */
.scroll_style::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F1F1F1;
}

.scroll_style::-webkit-scrollbar {
  width: 6px;
  height: 12px;
  background-color: transparent;
}

.scroll_style::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #C1C1C1;
}

/* Hide the default Swiper Navigation buton */
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
}

/* ----------------------- [ Pages & Components CSS ] ----------------------- */


/* ------------------- [ Tailwind Utility Styles Classes ] ------------------ */

/* ----- Buttons ----- */

/* .btn_primary {
    @apply flex justify-center items-center text-[16px] sm:text-[20px] lg:text-[22px] font-opensans-semibold italic text-primary hover:text-white sm:text-white sm:hover:text-primary bg-white hover:bg-transparent sm:bg-transparent sm:hover:bg-white border-2 border-white rounded-[28px] py-[8px] sm:py-[12px] lg:py-[14px] px-[30px] transition duration-300 ease-in-out;
}

.btn_secondary {
    @apply flex justify-center items-center text-[16px] sm:text-[20px] lg:text-[22px] font-opensans-bold italic text-primary hover:text-white bg-transparent hover:bg-secondary border-2 border-secondary rounded-[28px] py-[8px] sm:py-[12px] lg:py-[14px] px-[30px] transition duration-300 ease-in-out;
}

.btn_secondary_alt {
    @apply flex justify-center items-center text-[16px] sm:text-[20px] lg:text-[22px] font-opensans-semibold italic text-secondary hover:text-white bg-white hover:bg-secondary border-2 border-secondary rounded-[28px] py-[8px] sm:py-[12px] lg:py-[14px] px-[30px] transition duration-300 ease-in-out;
}

.btn_tertiary {
    @apply flex justify-center items-center text-[20px] font-opensans-semibold italic text-primary hover:text-secondary transition duration-300 ease-in-out;
} */


/* ----- Text Shadow ----- */

/* .text-shadow {
    text-shadow: 3px 3px 13px rgba(0, 0, 0, .5);
} */


/* ----- Heads ----- */
/* ----- Flex box ----- */

/* ---------------------------- [ Custom Styles ] --------------------------- */