@media only screen and (width < 1024px) {
  .medium\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.pt-32 {
  padding-block-start: 32px;
}

.step {
  display: grid;
  grid-template-columns: 480px 576px;
  grid-template-rows: 48px 300px 48px;
  gap: 64px 96px;
  grid-auto-flow: row;
  align-items: center;
  grid-template-areas: "img ." "img content" "img .";
}
@media only screen and (width < 1440px) {
  .step {
    grid-template-columns: 480px 432px;
    grid-template-rows: 48px 300px 48px;
    gap: 64px 48px;
  }
}
@media only screen and (width < 1024px) {
  .step {
    grid-template-columns: 672px;
    grid-template-rows: 524px 64px 224px 48px;
    gap: 32px 0;
    grid-template-areas: "img" "." "content" ".";
  }
}
@media only screen and (width < 768px) {
  .step {
    grid-template-columns: 100%;
    grid-template-rows: 256px 69px 264px 48px;
  }
}

.step-img {
  border-radius: 16px;
  background: var(--main-bg);
  grid-area: img;
}

.step-content {
  grid-area: content;
}
@media only screen and (width < 768px) {
  .step-content .font-lead {
    font-size: 24px;
  }
}

.page-number {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  cursor: pointer;
  color: var(--main-bg, #FFF);
  text-align: center;
  font-family: Jost, sans-serif;
  font-size: var(--base);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 152%;
}
.page-number:active, .page-number:hover, .page-number-active {
  background: var(--main-accent, #B9431C);
}

.swiper-pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 576px;
  left: auto !important;
  margin: 0;
  z-index: 1;
}
@media only screen and (width < 1440px) {
  .swiper-pagination {
    width: 432px;
  }
}
@media only screen and (width < 1024px) {
  .swiper-pagination {
    right: auto;
  }
}

.swiper-buttons {
  position: absolute;
  top: 0;
  right: 0;
  width: 576px;
  left: auto !important;
  margin: 0;
  z-index: 2;
}
@media only screen and (width < 1440px) {
  .swiper-buttons {
    width: 432px;
  }
}
@media only screen and (width < 1024px) {
  .swiper-buttons {
    top: 59%;
    right: auto;
  }
}
@media only screen and (width < 768px) {
  .swiper-buttons {
    top: 42%;
  }
}

.knowledge-link-list-small .knowledge-link-list__links {
  grid-template-columns: 1fr;
  gap: 24px;
}

.promo-card-container {
  display: flex;
  justify-content: end;
}

.promo-card-cyber {
  background-image: url("/themes/firstdedic/images/pages/backup/dark-md.png");
  width: 100%;
}
.promo-card-cyber .btn {
  width: 125px;
}
@media only screen and (width < 1440px) {
  .promo-card-cyber {
    width: 100%;
  }
}
@media only screen and (width < 1024px) {
  .promo-card-cyber {
    background-image: url("/themes/firstdedic/images/pages/backup/dark-md.png");
  }
}
@media only screen and (width < 768px) {
  .promo-card-cyber {
    background-image: none;
  }
  .promo-card-cyber .btn {
    width: 100%;
  }
}

@media only screen and (width < 1024px) {
  .promo-card-cyber__text {
    width: 324px;
  }
}
@media only screen and (width < 768px) {
  .promo-card-cyber__text {
    width: 100%;
  }
  .promo-card-cyber__text br {
    display: none;
  }
}

.max-w-832 {
  max-width: 832px;
}

.knowledge-link-list-small .knowledge-link-list__links {
  grid-template-rows: repeat(2, 1fr);
}

#vue-root--cyber-backup {
  min-height: 380px;
}
@media only screen and (width < 1024px) {
  #vue-root--cyber-backup {
    min-height: 398px;
  }
}
@media only screen and (width < 768px) {
  #vue-root--cyber-backup {
    min-height: 730px;
  }
}
@media only screen and (width < 380px) {
  #vue-root--cyber-backup {
    min-height: 800px;
  }
}
#vue-root--cyber-backup .service-configurator__parameter .switcher-tab {
  flex-wrap: nowrap;
}
#vue-root--cyber-backup .service-configurator__parameter .switcher-tab .switch__header {
  white-space: nowrap;
}

/*# sourceMappingURL=cyber-backup.css.map */