:root {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716;
  --dsl-submenu-bg: rgba(0, 0, 0, 0.8); }

.scheme-white {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-dark {
  --dsl-color-bg: #171716;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-blue {
  --dsl-color-bg: #e2eaf2;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-green {
  --dsl-color-bg: #d5e1b5;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-yellow {
  --dsl-color-bg: #fbf59b;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-gray {
  --dsl-color-bg: #cacac8;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-pink {
  --dsl-color-bg: #ff8c91;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-white-alpha {
  --dsl-color-bg: rgba(255, 255, 255, 0.95);
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-black-alpha {
  --dsl-color-bg: rgba(0, 0, 0, 0.95);
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

:root {
  --dsl-font-size-h1: 2.5rem;
  --dsl-font-size-h1-big: 5rem;
  --dsl-font-size-h2: 2.5rem;
  --dsl-font-size-h2-big: 5rem;
  --dsl-font-size-h3: 2rem;
  --dsl-font-size-base: 1rem; }

@media (max-width: 991.98px) {
  :root {
    --dsl-font-size-h1: 1.125rem;
    --dsl-font-size-h1-big: 1.875rem;
    --dsl-font-size-h2: 1.125rem;
    --dsl-font-size-h2-big: 1.875rem;
    --dsl-font-size-h3: 1.375rem;
    --dsl-font-size-base: 1rem; } }

:root {
  --dsl-box-padding-x: 3.5vw;
  --dsl-box-padding-y: 1rem; }
  @media (min-width: 567px) {
    :root {
      --dsl-box-padding-x: 2.5vw;
      --dsl-box-padding-y: 2rem; } }
  @media (min-width: 1024px) {
    :root {
      --dsl-box-padding-y: 3rem; } }

.page-main .swiper-wrapper {
  padding-left: 0; }

.swiper-container {
  width: 100%;
  height: calc(100vh - 5rem) !important; }
  @media (min-width: 992px) {
    .swiper-container {
      height: calc(100vh - 4.375rem) !important; } }

.swiper-slide {
  margin-bottom: 0; }

.swiper-pagination-bullet {
  width: 1.25rem;
  height: 0.625rem;
  background: #fff;
  opacity: .3;
  border-radius: 0; }
  @media (min-width: 768px) {
    .swiper-pagination-bullet {
      width: 3.125rem; } }
  @media (min-width: 992px) {
    .swiper-pagination-bullet {
      width: 5.625rem; } }
  .swiper-pagination-bullet-active {
    opacity: 1; }
  .swiper-pagination-bullets {
    height: 0.625rem;
    line-height: 0.625rem; }
    .swiper-container-horizontal .swiper-pagination-bullets {
      bottom: 1.875rem; }