body {
  background-color: #f9f9fc;
}
.t-bg-primary {
  background-color: #e00000;
}
.t-bg-primary-light {
  background-color: #ffdad4;
}

.t-bg-primary-light87 {
  background-color: #ffcfc7;
}
.t-bg-dark-red {
  background-color: #900000;
}
.t-bg-charcoal-grey {
  background-color: #303c46;
}
.t-bg-dark {
  background-color: #1f2327;
}
.t-bg-light {
  background-color: #edeef1;
}
.t-card-blog {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 24px 3px rgba(0, 0, 0, 0.08);
}
.swiper-blog {
  overflow: unset !important;
}

.swiper-pagination-blog {
  bottom: -20px !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #e00000 !important;
  border-radius: 24px !important;
  height: 8px !important;
  transition: 0.5sease;
  width: 26px !important;
}

.calc-808 {
  width: calc(808 / 1128 * 100%);
}
.calc-320 {
  width: calc(320 / 1128 * 100%);
}

.cta-popup {
  max-width: 560px;
  border-radius: 24px;
}
.f-button.is-close-btn {
  display: none;
}

.slider-step-how-to {
  padding-bottom: 40px !important;
}
@media (max-width: 480px) {
  .calc-808 {
    width: calc(250 / 390 * 100%);
  }
  .calc-320 {
    width: calc(140 / 390 * 100%);
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
}