:root {
  --color-divider: #2f2f39;
  --color-primary: #13b1de;
  --color-bg:      #11111a;
  --bs-body-font-family: IBM Plex Sans;
  --bs-accordion-border-color: red !important;
  
  --swiper-pagination-color: var(--color-primary);
  --swiper-pagination-bullet-inactive-color: var(--color-divider);

  --swiper-scrollbar-bg-color: #1a1a25;
  --swiper-scrollbar-drag-bg-color: var(--color-primary);
  
  --header-height: 80px;
  --header-height-md: 128px;
  --logo-size: 48px;
  --logo-size-md: 64px;
}

.color-primary {
  color: #13b1de;
}

.color-secondary {
  color: #d2d2df;
}

.color-mute {
  color: #6c6c77;
}

.hr-divider-lg {
  background-color: var(--color-divider);
  margin-top: 128px;
  margin-bottom: 128px;
  height: 2px;
  border: none;
}
.hr-divider-md {
  background-color: var(--color-divider);
  margin-top: 64px;
  margin-bottom: 64px;
  height: 2px;
  border: none;
}
.hr-divider-md-transparent {
  background-color: transparent;
  margin-top: 32px;
  margin-bottom: 32px;
  height: 1px;
  border: none;
}
.p-24 {
  padding: 24px;
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pt-24 {
  padding-top: 24px;
}
.pb-24 {
  padding-bottom: 24px;
}
.display-1,
.display-2,
.display-3,
.display-4,
.display-5 {
  font-weight: 400;
}

.fz-12 {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .hr-divider-lg {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .hr-divider-md {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .hr-divider-md-transparent {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .display-5 {
    font-size: 24px;
  }
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1280px;
  }
}
.color-secondary {
  color: #d2d2df;
}
.display-3 {
  font-weight: 400;
}
.mw-320 {
  max-width: 320px;
}
.mw-720 {
  max-width: 720px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5em;
}
.text-h5 {
  font-size: 24px;
  line-height: 1.5em;
}

.mw-620 {
  max-width: 620px;
}
.mw-900 {
  max-width: 900px;
}
.fz-16 {
  font-size: 16px;
}
.fz-32 {
  font-size: 32px;
}
.fz-36 {
  font-size: 36px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pb-64 {
  padding-bottom: 64px;
}

.lh-125 {
  line-height: 1.25em;
}

.header-spaicing {
  margin-top: 75px;
}

.hr-divider-sm-transparent {
  background-color: transparent;
  margin-top: 32px;
  margin-bottom: 32px;
  height: 1px;
  border: none;
}
.hr-divider-lg-transparent {
  background-color: transparent;
  margin-top: 128px;
  margin-bottom: 128px;
  height: 1px;
  border: none;
}

.pt-64 {
  padding-top: 64px;
}
.pb-40 {
  padding-bottom: 40px;
}

.lh-1 {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .pt-sm-32 {
    padding-top: 32px;
  }
  .fz-sm-20 {
    font-size: 20px;
  }
  .fz-sm-18 {
    font-size: 18px;
  }
  .fz-sm-24 {
    font-size: 24px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .hr-divider-sm-transparent {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.decoration-none {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .fz-md-24 {
    font-size: 24px;
  }
}