:root {
  --light-blue: #4c93fd;
  --light-black: #000b33;
  --dark-black: #12141d;
  --dark-blue: #2b59ff;
  --blue-2673F0: #2673f0;
  --official: #076baa, #0099bd;
  --lighter: #ffffffcc;
  --light-fdfdfd: #fdfdfd;
  --color-fbfcff: #fbfcff;
  --color-f5f8ff: #f5f8ff;
  --color-e5f5f8: #e5f5f8;
  --color-f2e9ff: #f2e9ff;
  --color-eef5ff: #eef5ff;
  --color-009bbd: #009bbd;
}
.font-inter {
  font-family: "Inter", sans-serif;
}
.font-space-grotesk {
  font-family: "Space Grotesk", sans-serif;
}
.font-manrope {
  font-family: "Manrope", sans-serif;
}
.font-roboto-slab {
  font-family: "Roboto Slab", serif;
}
html,
body {
  font-family: "Lato", sans-serif;
}
.bg-official {
  background: linear-gradient(90deg, var(--official));
}
.border {
  border: 2px solid #eeeeee !important;
}
.bg-official-card {
  background: linear-gradient(90deg, var(--official));
  /* box-shadow: 11px -12px 15px 0px rgb(0 0 0 / 10%); */
  border-radius: 16px;
}
.bg-dark-black {
  background-color: var(--dark-black);
}
.bg-fbfcff {
  background-color: var(--color-fbfcff);
}
.bg-f5f8ff {
  background-color: var(--color-f5f8ff);
}
.bg-e5f5f8 {
  background-color: var(--color-e5f5f8);
}
.bg-f2e9ff {
  background-color: var(--color-f2e9ff);
}
.bg-eef5ff {
  background-color: var(--color-eef5ff);
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.font-800 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}
.font-14px {
  font-size: 14px;
}
.font-20px {
  font-size: 20px;
}
.line-height-26px {
  line-height: 26px;
}
.line-height-21px {
  line-height: 21px;
}
.line-height-24px {
  line-height: 24px;
}
.text-light-black {
  color: var(--light-black);
}
.border-light-black {
  border-color: var(--light-black) !important;
}
.border-solid {
  border-style: solid;
}
.text-333333 {
  color: #333333;
}
.text-33333380 {
  color: #33333380;
}
.text-009bbd {
  color: var(--color-009bbd);
}
.text-lighter {
  color: var(--lighter);
}
.text-blue-2673F0 {
  color: var(--blue-2673F0);
}
.opacity-0\.1 {
  opacity: 0.1;
}
.opacity-0\.7 {
  opacity: 0.7;
}
.opacity-0\.8 {
  opacity: 0.8;
}
.opacity-0\.9 {
  opacity: 0.9;
}
.-ls-0\.5px {
  letter-spacing: -0.5px;
}
.-ls-2px {
  letter-spacing: -2px;
}
.contact-btn {
  background-color: var(--light-blue);
  color: #ffffff;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 13px 33px;
  width: 180px;
  height: 45px;
  font-weight: 600;
}
.padding-13-33 {
  padding: 13px 33px;
}
.nav-link {
  color: var(--light-black);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.nav-link:hover {
  text-decoration: underline;
  text-underline-position: under;
  color: var(--light-black);
}
.nav-link-active {
  text-decoration: underline;
  text-underline-position: under;
}
.bg-dark-blue {
  background-color: var(--dark-blue);
}
.bg-light-blue {
  background-color: var(--light-blue);
}
.bg-light-fdfdfd {
  background-color: var(--light-fdfdfd);
}
.border-light-blue {
  border-color: var(--light-blue) !important;
}
.z-10 {
  z-index: 10;
}
.w-max {
  width: max-content;
}
.w-fit {
  width: fit-content;
}
.text-dark-blue {
  color: var(--dark-blue);
}
.cardbox {
  box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
  border-radius: 10px;
}
.bg-dark-blue-50::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.02;
  background-color: #2b59ff;
  z-index: -1;
}
.-z-10 {
  z-index: -10;
}
.font-size-2xl {
  font-size: 3.5em;
  /* or
    56px */
}
.font-15px {
  font-size: 15px;
  /* or
    16px */
}
.font-16px {
  font-size: 1em;
  /* or
    16px */
}
.font-18px {
  font-size: 18px;
}
.font-2 {
  font-size: 2em;
}
.font-2\.5 {
  font-size: 2.5em;
}
.font-3 {
  font-size: 3em;
}
.font-4 {
  font-size: 4em;
}
.font-5 {
  font-size: 5em;
}
.font-6 {
  font-size: 6em;
}
.top-25 {
  top: 25%;
}
.shadow-1 {
  box-shadow: -6px 6px 60px rgba(0, 0, 0, 0.08);
}
.start-5 {
  left: 5%;
}
.cursor-pointer {
  cursor: pointer;
}
.padding-y-10 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.-margin-12px {
  margin-top: -12px;
}
@media only screen and (max-width: 768px) {
  .font-2\.5 {
    font-size: calc(2.5em / 2);
  }
  .font-3 {
    font-size: calc(3em / 3);
  }
  .font-5 {
    font-size: calc(5em / 2);
  }
  .padding-y-10 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .svg-filter {
    filter: blur(10px) brightness(0.5);
  }
  .font-size-2xl {
    font-size: calc(1.8rem + 1.5vw) !important;
  }
  .shadow-1 {
    box-shadow: -1px -5px 20px rgb(0 0 0 / 8%);
  }
  .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .opacity-0\.1-sm {
    opacity: 0.1;
  }
}
.input-box {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: rgba(51, 51, 51, 0.5);
  opacity: 0.7;
  background: #ffffff;
  border: 1px solid #dadada;
  border-radius: 6px;
  padding: 0.5em 1em;
  width: 100%;
}
.rounded-6px {
  border-radius: 6px;
}
.rounded-10px {
  border-radius: 10px;
}
.list-none {
  list-style-type: none;
}
.list-outside {
  list-style-position: outside;
}
.text-justify {
  text-align: justify;
}
.outline-0 {
  outline: 0;
}

.input-placeholder::placeholder {
  color: var(--light-black);
}
.section-3 .nav-link {
  color: var(--light-blue);
  font-weight: 400;
  transition: 400ms;
}
.section-3 .nav-link:hover {
  color: var(--light-black);
  text-decoration-color: var(--light-black);
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 4px;
}
.section-3 .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--light-black);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 4px;
  --webkit-text-decoration-thickness: 4px;
  text-decoration-color: var(--light-black);
}
.dropmenu {
  transform: rotateX(90deg);
  transform-origin: top;
  transition: 250ms;
}
.rotatex-0 {
  transform: rotateX(0deg);
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Pagination Styles */
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.page-item {
  list-style: none;
  margin: 0 5px;
}

.page-link {
  text-decoration: none;
  color: #333;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s;
}

.page-link:hover {
  background-color: #f0f0f0;
}

.page-link:focus {
  outline: none;
}

/* Animation */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-item {
  animation: slideIn 0.5s ease-in-out;
}