@charset "UTF-8";

:root {
  --primary-color-rgb: 78,89,147;
  --white-color-rgb: 255,255,255;
}

.about-section__expertise-card .benefit-card__text .p--100,
.blockquote,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p,
.p--100,
.p--80,
.p--90 {
  margin: 0;
}

.h1 {
  font-size: 24px;
  line-height: 31px;
  font-weight: 800;
}

.h2 {
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
}

.h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.h4 {
  font-size: 18px;
  line-height: 23px;
}

.h5 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.h6 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.about-section__expertise-card .benefit-card__text .p--100,
.p,
.p--100,
.p--80,
.p--90 {
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
}

.p--r {
  font-weight: 400;
}

.p--m {
  font-weight: 500;
}

.p--b {
  font-weight: 700;
}

.p--u {
  font-weight: 400;
  text-decoration-line: underline;
}

.p--100 {
  line-height: 130%;
}

.about-section__expertise-card .benefit-card__text .p--100,
.p--90 {
  font-size: 13px;
  line-height: 130%;
}

.p--80 {
  font-size: 12px;
  line-height: 130%;
}

.btn-text,
.btn-text--L,
.btn-text--M,
.btn-text--S {
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}

.btn-text--L {
  font-size: 12px;
}

.btn-text--M {
  font-size: 11px;
}

.btn-text--S {
  font-size: 10px;
}

.color-text--g-100 {
  color: #0a0c0f;
}

.color-text--g-80 {
  color: #54565a;
}

.color-text--p-80 {
  color: #5f6db2;
}

.color-text--w-100 {
  color: rgb(var(--white-color-rgb));
}

.color-text--grey {
  color: #454545!important;
}

@media (min-width:992px) {
  .h1 {
    font-size: 48px;
    line-height: 62px;
  }

  .h2 {
    font-size: 44px;
    line-height: 57px;
  }

  .h3 {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
  }

  .h4 {
    font-size: 24px;
    line-height: 31px;
  }

  .h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
  }

  .h6 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
  }

  .about-section__expertise-card .benefit-card__text .p--100,
  .p,
  .p--100,
  .p--80,
  .p--90 {
    font-size: 16px;
    line-height: 21px;
  }

  .p--100 {
    line-height: 130%;
  }

  .about-section__expertise-card .benefit-card__text .p--100,
  .p--90 {
    font-size: 14px;
    line-height: 130%;
  }

  .p--80 {
    font-size: 12px;
    line-height: 130%;
  }

  .btn-text--L {
    font-size: 14px;
  }

  .btn-text--M {
    font-size: 12px;
  }

  .btn-text--S {
    line-height: 130%;
  }
}

.main-section {
  position: relative;
  width: 100%;
  min-height: 574px;
  border-radius: 0 0 24px 24px;
  margin-bottom: -24px;
  overflow: hidden;
  z-index: 2;
}

.main-section__slider-wrapper {
  height: 100%;
  background: #6376b1;
}

.main-section__slider {
  position: relative;
  z-index: 1;
  height: 100%;
}

.main-section__slider-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.main-section__slider-dots-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.main-section__slider-dots-item {
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}

.main-section__slider-dots-item:hover {
  background: #dcdfee;
}

.main-section__slider-dots-item::after {
  content: "";
  width: 8px;
  height: 8px;
  background: rgb(var(--white-color-rgb));
  border-radius: 100%;
}

.main-section__btn {
  --icon-color: #4e5993;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  padding: 12px 20px;
  outline: transparent solid 5px;
  border-radius: 16px;
  color: #4e5993;
  border: none;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  background-color: #fff;
  transition: outline .7s,background-color .3s,border-color .3s,color .3s;
}

@media (min-width:992px) {
  .main-section__btn {
    padding: 16px 20px;
    font-size: 14px;
  }
}

.main-section__btn--top-offset {
  margin-top: auto;
}

.main-section__btn:hover {
  background: rgba(255,255,255,.9);
}

.main-section__btn:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 6px rgba(255,255,255,.2);
}

.main-section__slide.swiper-slide {
  display: flex;
  height: auto;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

@media (min-width:1250px) {
  .main-section__slide {
    background-size: cover;
    background-position: center;
  }
}

.main-section__slide-content {
  margin-top: 146px;
  margin-bottom: 68px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
  max-width: 258px;
  color: rgb(var(--white-color-rgb));
  position: relative;
}

.main-section__slide-content-button {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  justify-content: unset;
  align-items: center;
  border-radius: 12px;
  gap: 8px;
  padding: 0 12px 1px 16px;
  height: 48px;
  max-width: 246px;
  align-items: center;
}

.main-section__slide-heading {
  --icon-color: rgb(var(--white-color-rgb));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.main-section__slide-heading>.icon {
  display: inline-block;
  --icon-width: 32px;
  --icon-height: 32px;
  position: absolute;
  left: 57.7%;
  top: 92px;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.main-section__slide-title {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 23px;
  font-weight: 800;
  line-height: 31px;
}

@media (min-width:576px) {
  .main-section__slide-title {
    font-size: 24px;
  }
}

.main-section__slide-description {
  max-width: calc(100% - 83px);
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

@media (min-width:576px) {
  .main-section__slide-description {
    max-width: 478px;
    font-size: 18px;
  }
}

.main-section__slide-list {
  margin: 0;
  padding: 0 0 0 20px;
  max-width: 478px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.main-section__slide-small-text {
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.main-section__slide-discount {
  display: inline-block;
  align-self: flex-start;
  border-radius: 20px;
  padding: 10px 20px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
}

.main-section__slide-indicator {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid rgb(var(--white-color-rgb));
  border-radius: 16px;
}

.main-section__slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width:992px) {
  .main-section__slide-bg {
    left: calc(50% - 183px);
    height: 100%;
    width: auto;
    aspect-ratio: 1143/876;
    background-size: cover;
    background-position: left bottom;
  }
}

@media (min-width:1370px) {
  .main-section__slide-bg {
    left: auto;
    right: 0;
  }
}

.main-section__slide-bg--desk {
  display: none;
}

@media (min-width:992px) {
  .main-section__slide-bg--desk {
    display: block;
  }

  .main-section__slide-bg--mob {
    display: none;
  }

  .main-section {
    height: 876px;
    border-radius: 0 0 40px 40px;
  }

  .main-section__slider-dots {
    bottom: 20px;
  }

  .main-section__slide-discount {
    font-size: 20px;
  }

  .main-section__slide-content {
    margin-top: 229px;
    max-width: 500px;
  }

  .main-section__slide-content-button {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 20px 20px 20px 24px;
    border-radius: 16px;
    gap: 8px;
    height: 56px;
    max-width: 293px;
    align-items: center;
  }

  .main-section__slide-heading {
    gap: 28px;
  }

  .main-section__slide-heading>.icon {
    --icon-width: 64px;
    --icon-height: 64px;
    top: 185px;
    left: 51.67%;
  }

  .main-section__slide-title {
    font-size: 48px;
    line-height: 62px;
  }

  .main-section__slide-description {
    font-size: 26px;
    line-height: 34px;
  }
}

.main-section__slide-content--item-1 {
  gap: 0;
  max-width: 100%;
  align-items: flex-start;
  margin-top: auto;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 68px;
}

.main-section__slide-content--item-2 {
  gap: 0;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 68px;
  padding-bottom: 47px;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

@media (min-width:992px) {
  .main-section__slide-content--item-2 {
    padding-top: 148px;
    padding-bottom: 147px;
  }
}

.main-section__slide-content--item-3 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-left: 14px;
  padding-top: 72px;
  padding-bottom: 65px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-3 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-3 {
    padding: 193px 0 96px;
  }
}

.main-section__slide-content--item-4 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 171px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-4 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-4 {
    padding: 193px 0 170px;
  }
}

.main-section__slide-content--item-5 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-5 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-5 {
    padding: 193px 0 71px;
  }
}

.main-section__slide-content--item-6 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-6 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-6 {
    padding: 193px 0 71px;
  }
}

.main-section__slide-content--item-7 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-7 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-7 {
    padding: 193px 0 71px;
  }
}

.main-section__slide-content--item-8 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 106px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-8 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-8 {
    padding: 193px 0 121px;
  }
}

.main-section__slide-content--item-9 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-9 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-9 {
    padding: 193px 0 71px;
  }
}

.main-section__slide-content--item-10 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 77px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-10 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-10 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-10 {
    padding-top: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-10 {
    padding-top: 132px;
  }
}

.main-section__slide-content--item-11 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 75px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-11 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-11 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-11 {
    padding-top: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-11 {
    padding-top: 159px;
    padding-bottom: 130px;
  }
}

.main-section__slide-content--item-12 {
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 75px;
  height: 100%;
  width: 100%;
  max-width: 330px;
}

@media (min-width:576px) {
  .main-section__slide-content--item-12 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-12 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-12 {
    padding-top: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-12 {
    padding-top: 159px;
    padding-bottom: 92px;
  }
}

.main-section__slide-content--item-13 {
  position: relative;
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 83px;
  height: 100%;
  width: 100%;
  max-width: none;
}

@media (min-width:576px) {
  .main-section__slide-content--item-13 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-13 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-13 {
    padding-top: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-13 {
    padding-top: 159px;
    padding-bottom: 137px;
  }
}

.main-section__slide-content--item-14 {
  position: relative;
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 83px;
  height: 100%;
  width: 100%;
  max-width: none;
}

@media (min-width:576px) {
  .main-section__slide-content--item-14 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-14 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-14 {
    padding-top: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-14 {
    padding-top: 159px;
    padding-bottom: 137px;
  }
}

.main-section__slide-content--item-15 {
  position: relative;
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 72px;
  height: 100%;
  width: 100%;
  max-width: none;
}

@media (min-width:576px) {
  .main-section__slide-content--item-15 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-15 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-15 {
    padding-top: 170px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-15 {
    padding-top: 159px;
    padding-bottom: 91px;
  }
}

.main-section__slide-content--item-16 {
  position: relative;
  gap: 0;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 85px;
  padding-bottom: 72px;
  height: 100%;
  width: 100%;
  max-width: none;
}

@media (min-width:576px) {
  .main-section__slide-content--item-16 {
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .main-section__slide-content--item-16 {
    padding: 132px 0 90px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-content--item-16 {
    padding-top: 170px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-content--item-16 {
    padding-top: 159px;
    padding-bottom: 91px;
  }
}

.main-section__slide-1-big-text {
  font-weight: 800;
  font-size: 108px;
  line-height: .76;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-1-big-text {
    font-size: 210px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-1-big-text {
    font-size: 255px;
  }
}

.main-section__slide-1-undertitle {
  margin-bottom: 23px;
  font-weight: 800;
  font-size: 17px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-1-undertitle {
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 1.1;
  }
}

.main-section__slide-1-text {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-1-text {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 1.2;
  }
}

.main-section__slide-1-item-date {
  margin-bottom: 30px;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 6px 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(8.6999998093px);
  backdrop-filter: blur(8.6999998093px);
  background: rgba(255,255,255,.42);
}

@media (min-width:768px) {
  .main-section__slide-1-item-date {
    margin-bottom: 60px;
    border-radius: 16px;
    padding: 11px 15px;
    font-size: 25px;
  }
}

.main-section__slide-2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: linear-gradient(294deg,#e7a200 0,#f0a903 100%);
}

.main-section__slide-2::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 31.5%;
  width: 200%;
  height: 100%;
  background: linear-gradient(to right,#bb5e36 0,#a13f10 100%);
  transform: translateX(-50%) rotate(7.7deg);
}

.main-section__slide-2-container {
  width: 100%;
}

.main-section__slide-2-big-text {
  font-weight: 800;
  font-size: 108px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-2-big-text {
    font-size: 205px;
  }
}

.main-section__slide-2-undertitle {
  margin-top: -9px;
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-2-undertitle {
    margin-top: -21px;
    margin-bottom: 47px;
    font-size: 36px;
  }
}

.main-section__slide-2-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .54px solid #fff;
  border-radius: 9px;
  padding: 2px 21px;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.6639170647px);
  backdrop-filter: blur(4.6639170647px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-2-img {
  position: absolute;
  bottom: 55px;
  left: calc(50% - 160px);
  width: 295px;
  aspect-ratio: 642/440;
}

@media (min-width:768px) {
  .main-section__slide-2-img {
    width: 420px;
  }
}

@media (min-width:992px) {
  .main-section__slide-2-item-date {
    margin-bottom: 0;
    border: 1.31px solid #fff;
    border-radius: 21px;
    padding: 11px 37px;
    font-size: 41px;
    -webkit-backdrop-filter: blur(11.3972864151px);
    backdrop-filter: blur(11.3972864151px);
    background: rgba(255,255,255,.09);
  }

  .main-section__slide-2-content-button {
    margin-top: auto;
  }

  .main-section__slide-2-img {
    top: 371px;
    left: auto;
    right: calc(50% - 573px);
    bottom: auto;
    width: 642px;
  }
}

.main-section__slide-3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-3-container {
  width: 100%;
}

.main-section__slide-3-big-text {
  margin-bottom: 15px;
  max-width: 323px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-3-big-text {
    margin-bottom: 7px;
    max-width: 623px;
    font-size: 60px;
  }
}

.main-section__slide-3-text {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.05;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-3-text {
    margin-bottom: 31px;
    font-size: 30px;
    line-height: 1.15;
  }

  .main-section__slide-3-text b,
  .main-section__slide-3-text-bigger {
    font-size: 40px;
  }
}

.main-section__slide-3-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 6px 13px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(8.6999998093px);
  backdrop-filter: blur(8.6999998093px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-3-content-button {
  margin-top: auto;
  margin-bottom: 6px;
}

.main-section__slide-3-img {
  position: absolute;
  bottom: 108px;
  right: 40%;
  z-index: -1;
  width: 221px;
  aspect-ratio: 291/312;
  transform: translateX(50%);
}

@media (min-width:576px) {
  .main-section__slide-3-img {
    right: auto;
    left: calc(50% + 16px);
    width: 291px;
    transform: none;
  }
}

@media (min-width:768px) {
  .main-section__slide-3-img {
    bottom: 0;
    width: 349px;
    aspect-ratio: 649/857;
  }
}

@media (min-width:992px) {
  .main-section__slide-3-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 11px 13px;
    font-size: 25px;
  }

  .main-section__slide-3-content-button {
    margin-bottom: 30px;
  }

  .main-section__slide-3-img {
    width: 549px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-3-img {
    width: 649px;
    left: calc(50% + 6px);
  }
}

.main-section__slide-3-no-summ {
  font-weight: 400;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-3-no-summ {
    font-size: 20px;
  }
}

.main-section__slide-4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-4-container {
  width: 100%;
}

.main-section__slide-4-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-4-bg--desk {
  display: none;
}

.main-section__slide-4-big-text {
  margin-bottom: 28px;
  max-width: 323px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-4-big-text {
    margin-bottom: 7px;
    max-width: unset;
    font-size: 50px;
  }
}

.main-section__slide-4-text {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-4-text {
    margin-bottom: 31px;
    font-size: 30px;
    line-height: 1.1;
  }
}

.main-section__slide-4-content-button {
  margin-top: auto;
  border-radius: 14px;
}

@media (min-width:768px) {
  .main-section__slide-4-bg {
    background-position: center center;
  }

  .main-section__slide-4-bg--mob {
    display: none;
  }

  .main-section__slide-4-bg--desk {
    display: block;
  }

  .main-section__slide-4-content-button {
    border-radius: 16px;
  }

  .main-section__slide-4-content-button--mob {
    display: none;
  }
}

.main-section__slide-4-content-button--desk {
  display: none;
}

.main-section__slide-5 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-5-container {
  width: 100%;
}

.main-section__slide-5-big-text {
  margin-bottom: 22px;
  max-width: 270px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-4-content-button--desk {
    display: inline-flex;
  }

  .main-section__slide-5-big-text {
    max-width: unset;
  }
}

@media (min-width:992px) {
  .main-section__slide-5-big-text {
    margin-bottom: 45px;
    font-size: 50px;
  }
}

.main-section__slide-5-text {
  max-width: 215px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.05;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-5-text {
    max-width: unset;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1.15;
  }
}

.main-section__slide-5-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-5-content-button {
  margin-top: auto;
  margin-bottom: 10px;
}

.main-section__slide-5-img {
  position: absolute;
  bottom: 24px;
  right: 15%;
  z-index: -1;
  width: 223px;
  aspect-ratio: 223/545;
  transform: translateX(50%);
}

@media (min-width:768px) {
  .main-section__slide-5-img {
    bottom: 20px;
    width: 549px;
    aspect-ratio: 807/579;
  }
}

@media (min-width:992px) {
  .main-section__slide-5-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-5-content-button {
    margin-bottom: 10px;
  }

  .main-section__slide-5-img {
    width: 549px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-5-img {
    bottom: 57px;
    width: 807px;
  }
}

.main-section__slide-5-no-summ {
  max-width: 180px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-5-no-summ {
    max-width: unset;
    font-size: 20px;
  }
}

.main-section__slide-6 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: linear-gradient(86deg,#e7a200 0,#f0a903 100%);
}

.main-section__slide-6::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  bottom: 33.8%;
  width: 200%;
  height: 100%;
  background: linear-gradient(293deg,#bb5e36 0,#a13f10 100%);
  transform-origin: center;
  transform: translateX(-50%) rotate(7.6deg);
}

.main-section__slide-6-container {
  width: 100%;
}

.main-section__slide-6-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-6-big-text {
    max-width: unset;
  }
}

@media (min-width:992px) {
  .main-section__slide-6-big-text {
    margin-bottom: 45px;
    font-size: 50px;
  }
}

.main-section__slide-6-text {
  max-width: 215px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.05;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-6-text {
    max-width: unset;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1.15;
  }
}

.main-section__slide-6-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-6-content-button {
  margin-top: auto;
  margin-bottom: 10px;
}

.main-section__slide-6-img {
  position: absolute;
  bottom: 118px;
  right: 34.8%;
  z-index: -1;
  width: 277px;
  aspect-ratio: 745/676;
  transform: translateX(50%);
}

@media (min-width:768px) {
  .main-section__slide-6-img {
    bottom: 20px;
    width: 545px;
  }
}

@media (min-width:992px) {
  .main-section__slide-6-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-6-content-button {
    margin-bottom: 10px;
  }

  .main-section__slide-6-img {
    bottom: 28px;
    width: 649px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-6-img {
    bottom: 24px;
    width: 745px;
  }
}

.main-section__slide-6-no-summ {
  max-width: 233px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-6-no-summ {
    max-width: 364px;
    font-size: 20px;
  }
}

.main-section__slide-7 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-banner-20--mob.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-7-container {
  width: 100%;
}

.main-section__slide-7-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-7 {
    background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-banner-20.jpg");
  }

  .main-section__slide-7-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-7-big-text {
    margin-bottom: 45px;
    max-width: 570px;
    font-size: 50px;
  }
}

.main-section__slide-7-text {
  max-width: 285px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-7-text {
    max-width: 572px;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-7-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-7-content-button {
  margin-top: auto;
  margin-bottom: 10px;
}

.main-section__slide-7-img {
  position: absolute;
  bottom: 45px;
  right: 18.8%;
  z-index: -1;
  width: 167px;
  aspect-ratio: 167/451;
  transform: translateX(50%);
}

@media (min-width:768px) {
  .main-section__slide-7-img {
    bottom: 20px;
    width: 425px;
    right: 30%;
    aspect-ratio: 743/876;
  }
}

@media (min-width:992px) {
  .main-section__slide-7-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-7-content-button {
    margin-bottom: 10px;
  }

  .main-section__slide-7-img {
    right: 31.8%;
    bottom: 0;
    width: 658px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-7-img {
    width: 743px;
  }
}

.main-section__slide-7-img--desk {
  display: none;
}

.main-section__slide-7-no-summ {
  max-width: 233px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-7-no-summ {
    max-width: 364px;
    font-size: 20px;
  }
}

.main-section__slide-8 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
}

.main-section__slide-8-container {
  width: 100%;
}

.main-section__slide-8-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 627px;
  min-width: 100%;
  height: 100%;
  z-index: -1;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width:768px) {
  .main-section__slide-7-img--desk {
    display: block;
  }

  .main-section__slide-7-img--mob {
    display: none;
  }

  .main-section__slide-8-bg {
    background-position: center center;
    background-size: cover;
  }

  .main-section__slide-8-bg--mob {
    display: none;
  }
}

.main-section__slide-8-bg--desk {
  display: none;
}

.main-section__slide-8-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-8-bg--desk {
    display: block;
  }

  .main-section__slide-8-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-8-big-text {
    margin-bottom: 45px;
    max-width: 570px;
    font-size: 50px;
  }
}

.main-section__slide-8-text {
  max-width: 285px;
  margin-bottom: auto;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-8-text {
    max-width: 572px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-9 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
}

.main-section__slide-9-container {
  width: 100%;
}

.main-section__slide-9-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 764px;
  min-width: 100%;
  height: 100%;
  z-index: -1;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-9-bg--desk {
  display: none;
}

.main-section__slide-9-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-9-bg {
    background-position: center center;
    background-size: cover;
  }

  .main-section__slide-9-bg--mob {
    display: none;
  }

  .main-section__slide-9-bg--desk {
    display: block;
  }

  .main-section__slide-9-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-9-big-text {
    margin-bottom: 45px;
    max-width: 570px;
    font-size: 50px;
  }
}

.main-section__slide-9-text {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-9-text {
    max-width: 285px;
  }
}

@media (min-width:992px) {
  .main-section__slide-9-text {
    max-width: 572px;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-9-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-9-content-button {
  margin-top: auto;
  margin-bottom: 10px;
}

@media (min-width:992px) {
  .main-section__slide-9-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-9-content-button {
    margin-bottom: 10px;
  }
}

.main-section__slide-9-no-summ {
  max-width: 233px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-9-no-summ {
    max-width: 364px;
    font-size: 20px;
  }
}

.main-section__slide-10 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-10-container {
  width: 100%;
}

.main-section__slide-10-mega-text {
  margin-bottom: -15px;
  font-weight: 700;
  font-size: 100px;
  line-height: 100px;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-10 {
    background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
  }

  .main-section__slide-10-mega-text {
    margin-bottom: -20px;
    font-size: 140px;
    line-height: 140px;
  }
}

@media (min-width:992px) {
  .main-section__slide-10-mega-text {
    margin-bottom: -20px;
    font-size: 180px;
    line-height: 180px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-10-mega-text {
    margin-bottom: -30px;
    font-size: 210px;
    line-height: 210px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-10-mega-text {
    margin-bottom: -45px;
    font-size: 300px;
    line-height: 300px;
  }
}

.main-section__slide-10-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.21;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-10-big-text {
    margin-bottom: 21px;
    font-size: 32px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-10-big-text {
    max-width: 560px;
    font-size: 44px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-10-big-text {
    max-width: 570px;
    font-size: 50px;
  }
}

.main-section__slide-10-text {
  max-width: 285px;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-10-text {
    margin-bottom: 32px;
  }
}

@media (min-width:992px) {
  .main-section__slide-10-text {
    max-width: 500px;
    margin-bottom: 36px;
    font-size: 30px;
    line-height: 1;
  }
}

@media (min-width:1370px) {
  .main-section__slide-10-text {
    max-width: 575px;
  }
}

.main-section__slide-10-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-10-content-button {
  margin-top: auto;
  margin-bottom: 10px;
}

.main-section__slide-10-img {
  position: absolute;
  bottom: 155px;
  left: calc(50% - 39px);
  z-index: -1;
  width: 78%;
  aspect-ratio: 832/651;
}

@media (min-width:576px) {
  .main-section__slide-10-img {
    bottom: 55px;
  }
}

@media (min-width:768px) {
  .main-section__slide-10-img {
    left: calc(50% - 3px);
    width: 425px;
  }
}

@media (min-width:992px) {
  .main-section__slide-10-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-10-content-button {
    margin-bottom: 7px;
  }

  .main-section__slide-10-img {
    bottom: 89px;
    width: 658px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-10-img {
    width: 742px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-10-img {
    width: 832px;
  }
}

.main-section__slide-10-no-summ {
  max-width: 233px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-10-no-summ {
    max-width: 364px;
    font-size: 20px;
  }
}

.main-section__slide-11 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
}

.main-section__slide-11-container {
  width: 100%;
}

.main-section__slide-11-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-11-bg--desk {
  display: none;
}

.main-section__slide-11-big-text {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-11-bg {
    background-position: center center;
    background-size: cover;
  }

  .main-section__slide-11-bg--mob {
    display: none;
  }

  .main-section__slide-11-bg--desk {
    display: block;
  }

  .main-section__slide-11-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-11-big-text {
    margin-bottom: 45px;
    max-width: 520px;
    font-size: 50px;
  }
}

.main-section__slide-11-text {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-11-text {
    max-width: 285px;
  }
}

@media (min-width:992px) {
  .main-section__slide-11-text {
    max-width: 572px;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-11-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-11-content-button {
  margin-top: auto;
}

.main-section__slide-12 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
}

.main-section__slide-12-container {
  width: 100%;
}

.main-section__slide-12-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-12-bg--desk {
  display: none;
}

.main-section__slide-12-big-text {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-12-bg {
    background-position: center center;
    background-size: cover;
  }

  .main-section__slide-12-bg--mob {
    display: none;
  }

  .main-section__slide-12-bg--desk {
    display: block;
  }

  .main-section__slide-12-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-11-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-12-big-text {
    margin-bottom: 38px;
    max-width: 572px;
    font-size: 50px;
  }
}

.main-section__slide-12-text {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width:576px) {
  .main-section__slide-12-text {
    max-width: 285px;
  }
}

@media (min-width:992px) {
  .main-section__slide-12-text {
    max-width: 572px;
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 1.4;
  }
}

.main-section__slide-12-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

@media (min-width:992px) {
  .main-section__slide-12-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }
}

.main-section__slide-12-content-button {
  margin-top: auto;
  margin-bottom: 5px;
}

.main-section__slide-12-no-summ {
  max-width: 260px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-12-no-summ {
    max-width: 391px;
    font-size: 20px;
  }
}

.main-section__slide-13 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-color: #0778d2;
}

.main-section__slide-13-container {
  width: 100%;
}

.main-section__slide-13-big-text {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-13-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-13-big-text {
    margin-bottom: 46px;
    max-width: 572px;
    font-size: 50px;
  }
}

.main-section__slide-13-text {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}

.main-section__slide-13-img {
  position: absolute;
  bottom: 132px;
  right: 28px;
  z-index: -1;
  width: 211px;
  aspect-ratio: 211/187;
}

@media (min-width:576px) {
  .main-section__slide-13-text {
    max-width: 285px;
  }

  .main-section__slide-13-img {
    width: 291px;
  }
}

@media (min-width:768px) {
  .main-section__slide-13-img {
    width: 425px;
    right: 0;
    aspect-ratio: 609/583;
  }
}

@media (min-width:992px) {
  .main-section__slide-13-text {
    max-width: 482px;
    margin-bottom: 51px;
    font-size: 25px;
    line-height: 1.2;
  }

  .main-section__slide-13-img {
    right: -6px;
    bottom: 123px;
    width: 518px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-13-img {
    right: -3px;
    bottom: 142px;
    width: 610px;
    aspect-ratio: 610/591;
  }
}

.main-section__slide-13-img--desk {
  display: none;
}

.main-section__slide-13-content-button {
  margin-top: auto;
}

.main-section__slide-14 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-14-container {
  width: 100%;
}

.main-section__slide-14-big-text {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

.main-section__slide-14-img {
  position: absolute;
  bottom: 70px;
  right: 0;
  z-index: -1;
  width: 343px;
  aspect-ratio: 343/241;
}

@media (min-width:576px) {
  .main-section__slide-14-img {
    width: 291px;
  }
}

@media (min-width:768px) {
  .main-section__slide-13-img--desk {
    display: block;
  }

  .main-section__slide-13-img--mob {
    display: none;
  }

  .main-section__slide-14-big-text {
    max-width: 340px;
  }

  .main-section__slide-14-img {
    width: 525px;
    right: 0;
    aspect-ratio: 1181/622;
  }
}

@media (min-width:992px) {
  .main-section__slide-14-big-text {
    margin-bottom: 46px;
    max-width: 786px;
    font-size: 50px;
  }

  .main-section__slide-14-img {
    right: -6px;
    bottom: 123px;
    width: 818px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-14-img {
    right: -255px;
    bottom: 40px;
    width: 918px;
  }
}

@media (min-width:1500px) {
  .main-section__slide-14-img {
    width: 1181px;
  }
}

.main-section__slide-14-img--desk {
  display: none;
}

@media (min-width:768px) {
  .main-section__slide-14-img--desk {
    display: block;
  }

  .main-section__slide-14-img--mob {
    display: none;
  }
}

.main-section__slide-14-content-button {
  margin-top: auto;
}

.main-section__slide-15 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.main-section__slide-15-container {
  width: 100%;
}

.main-section__slide-15-img {
  position: absolute;
  bottom: 98px;
  right: 6px;
  z-index: -1;
  width: 208px;
  aspect-ratio: 664/821;
}

@media (min-width:576px) {
  .main-section__slide-15-img {
    width: 291px;
  }
}

@media (min-width:992px) {
  .main-section__slide-15-img {
    width: 441px;
  }
}

.main-section__slide-15-img--desk {
  display: none;
}

.main-section__slide-15-big-text {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-15-img--desk {
    display: block;
  }

  .main-section__slide-15-img--mob {
    display: none;
  }

  .main-section__slide-15-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-15-big-text {
    margin-bottom: 44px;
    max-width: 682px;
    font-size: 50px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-15-img {
    right: -55px;
    bottom: 7px;
    width: 664px;
  }

  .main-section__slide-15-big-text {
    max-width: 572px;
  }
}

.main-section__slide-15-text {
  margin-bottom: 27px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #fff;
}

@media (min-width:576px) {
  .main-section__slide-15-text {
    max-width: 285px;
  }
}

@media (min-width:992px) {
  .main-section__slide-15-text {
    max-width: 572px;
    margin-bottom: 56px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-15-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 9px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-15-content-button {
  margin-top: auto;
  margin-bottom: 9px;
}

@media (min-width:992px) {
  .main-section__slide-15-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-15-content-button {
    margin-bottom: 5px;
  }
}

.main-section__slide-15-no-summ {
  max-width: 260px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

.main-section__slide-16 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/main-banner-item-29--bg-mob.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-16-container {
  width: 100%;
}

.main-section__slide-16-img {
  position: absolute;
  bottom: 98px;
  right: 6px;
  z-index: -1;
  width: 263px;
  aspect-ratio: 293/335;
}

@media (min-width:576px) {
  .main-section__slide-16-img {
    width: 293px;
  }
}

@media (min-width:768px) {
  .main-section__slide-16 {
    background-image: url("/local/templates/geltek2024/frontend/img/upload/main-banner-item-29--bg.jpg");
  }

  .main-section__slide-16-img {
    width: 373px;
  }
}

@media (min-width:992px) {
  .main-section__slide-15-no-summ {
    max-width: 391px;
    font-size: 20px;
  }

  .main-section__slide-16-img {
    aspect-ratio: 836/876;
    width: 541px;
  }
}

.main-section__slide-16-img--desk {
  display: none;
}

.main-section__slide-16-big-text {
  margin-bottom: 19px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .main-section__slide-16-img--desk {
    display: block;
  }

  .main-section__slide-16-img--mob {
    display: none;
  }

  .main-section__slide-16-big-text {
    max-width: 340px;
  }
}

@media (min-width:992px) {
  .main-section__slide-16-big-text {
    margin-bottom: 44px;
    max-width: 682px;
    font-size: 50px;
  }
}

@media (min-width:1250px) {
  .main-section__slide-16-img {
    right: -120px;
    bottom: 0;
    width: 836px;
  }

  .main-section__slide-16-big-text {
    max-width: 572px;
  }
}

.main-section__slide-16-text {
  margin-bottom: 27px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

@media (min-width:576px) {
  .main-section__slide-16-text {
    max-width: 285px;
  }
}

@media (min-width:992px) {
  .main-section__slide-16-text {
    max-width: 572px;
    margin-bottom: 56px;
    font-size: 30px;
    line-height: 1;
  }
}

.main-section__slide-16-item-date {
  display: inline-block;
  margin-bottom: 30px;
  border: .51px solid #fff;
  border-radius: 8px;
  padding: 5px 9px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
  -webkit-backdrop-filter: blur(4.4239931107px);
  backdrop-filter: blur(4.4239931107px);
  background: rgba(255,255,255,.42);
}

.main-section__slide-16-content-button {
  margin-top: auto;
  margin-bottom: 9px;
}

@media (min-width:992px) {
  .main-section__slide-16-item-date {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 30px;
    -webkit-backdrop-filter: blur(8.6999998093px);
    backdrop-filter: blur(8.6999998093px);
  }

  .main-section__slide-16-content-button {
    margin-bottom: 5px;
  }
}

.main-section__slide-16-no-summ {
  max-width: 260px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

@media (min-width:992px) {
  .main-section__slide-16-no-summ {
    max-width: 391px;
    font-size: 20px;
  }
}

.main-section .main-section__slide-17 {
  position: relative;
  overflow: hidden;
}

.main-section .main-section__slide-17 .container {
  position: relative;
  width: 100%;
  max-width: 540px;
  align-self: center;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  z-index: 2;
}

.main-section .main-section__slide-17-picture {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}

.main-section .main-section__slide-17-big-text {
  font-family: Geometria,sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: #5d6dc0;
  margin-top: 94px;
}

.main-section .main-section__slide-17-big-text span {
  display: block;
  font-weight: 400;
  font-size: 30px;
  margin-top: 4px;
}

.main-section .main-section__slide-17-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: rgba(131,146,219,.5);
  margin-top: 16px;
  max-width: 343px;
  margin-right: auto;
}

.main-section .main-section__slide-17-time-frame {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main-section .main-section__slide-17-time-frame div[class*=-time-frame-] {
  display: flex;
  align-items: center;
  gap: 20px;
}

.main-section .main-section__slide-17-time-frame div[class*=-time-frame-] .main-section__slide-17-time-text {
  font-family: Geometria,sans-serif;
  font-weight: 700;
  font-size: 72px;
  color: #0a0d21;
  padding: 0 4px;
  -webkit-text-stroke: 2px #5d6dc0;
  text-shadow: 0 1.54px 7.23px #5f6db2;
}

.main-section .main-section__slide-17-time-frame div[class*=-time-frame-] .main-section__slide-17-vector img {
  display: block;
  width: 34px;
  height: 34px;
}

.main-section .main-section__slide-17-time-frame div[class*=-time-frame-]:nth-child(1) .main-section__slide-17-time-text:last-child {
  font-weight: 400;
  font-size: 30px;
  color: #5d6dc0;
  -webkit-text-stroke: 0 #5d6dc0;
  text-shadow: 0 0 0 #030823;
}

.main-section .main-section__slide-17-time-frame div[class*=-time-frame-]:nth-child(2) .main-section__slide-17-time-text:last-child,
.main-section .main-section__slide-17-time-frame div[class*=-time-frame-]:nth-child(3) .main-section__slide-17-time-text:last-child,
.main-section .main-section__slide-17-time-frame div[class*=-time-frame-]:nth-child(4) .main-section__slide-17-time-text:last-child {
  font-weight: 400;
  font-size: 30px;
  color: #5f6db2;
  -webkit-text-stroke: 0 #5d6dc0;
  text-shadow: 0 0 0 #030823;
}

.main-section .main-section__slide-17-img {
  -o-object-position: left;
  object-position: left;
  display: block;
  margin-top: 32px;
  height: 100%;
  width: calc(100% + 300px);
}

.main-section .main-section__slide-17-button {
  position: relative;
  margin: 32px auto 0;
  align-items: center;
  width: 136px;
  height: 56px;
  background: rgba(95,109,178,.12);
  border: 1px solid rgba(95,109,178,.4);
  border-radius: 16px;
  box-shadow: 0 0 15.8px rgba(95,109,178,.96),inset 0 4px 7.1px rgba(95,109,178,.79);
}

.main-section .main-section__slide-17-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  height: 100%;
}

.main-section .main-section__slide-17-button-label-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-section .main-section__slide-17-button-label {
  font-family: Geometria,sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #5d6dc0;
}

.main-section .main-section__slide-17-button-arrow-left,
.main-section .main-section__slide-17-button-arrow-right {
  background: #5d6dc0;
}

@media (max-width:767px) {
  .main-section .main-section__slide-17 .container {
    max-width: 100%!important;
    margin: 0 auto 0 0!important;
    padding: 16px!important;
    text-align: center!important;
    position: relative!important;
    z-index: 2!important;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-big-text {
    font-size: 20px;
    margin-top: 31%;
    margin-bottom: 71%;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-big-text span {
    font-size: 20px;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-time-frame {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px 12px;
    justify-items: center;
    font-size: 28px;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-time-frame div[class*=time-frame] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-time-frame .main-section__slide-17-time-text:first-child {
    font-size: 26px!important;
    -webkit-text-stroke: .5px #5d6dc0!important;
    text-shadow: 0 1.54px 5.23px #5f6db2!important;
    color: #0a142d;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-time-frame .main-section__slide-17-time-text:last-child {
    font-size: 12px!important;
    width: -moz-max-content;
    width: max-content;
    -webkit-text-stroke: 0 #5d6dc0;
    text-shadow: 0 0 0 #030823;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-time-frame .main-section__slide-17-vector img {
    width: 13px!important;
    height: 13px!important;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-button {
    width: 136px;
    height: 46px;
    margin-top: 24px;
    margin-right: 100%;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-button-label {
    font-size: 12px;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-description {
    font-size: 13px;
    text-align: center;
    max-width: 343px;
    margin: 16px auto 50px;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
  }

  .main-section .main-section__slide-17 .main-section__slide-17-picture {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
}

.main-section__slide-18 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-18-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-18-container {
  width: 100%;
}

.main-section__slide-18-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-18 .main-section__slide-content {
  margin-top: 160px;
}

.main-section .banner-18__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:767px) {
  .main-section .banner-18__content {
    width: auto;
    height: auto;
  }
}

.main-section .banner-18__big-text {
  padding-bottom: 30px;
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width:767px) {
  .main-section .banner-18__big-text {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 1.2;
    width: 100%;
    max-width: none;
    word-wrap: break-word;
  }
}

.main-section .banner-18__bold {
  font-weight: 700;
}

.main-section .banner-18__additional-image {
  display: none;
}

.main-section .banner-18__text {
  width: 100%;
  font-family: Geometria;
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: #fff;
}

@media (max-width:767px) {
  .main-section .banner-18__text {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.2;
    width: 100%;
    max-width: none;
    word-wrap: break-word;
  }

  .main-section .banner-18__button {
    margin-top: calc(-9% - 30px);
  }

  .main-section .banner-18__button .main-section__btn {
    width: 136px;
  }

  .main-section .banner-18 .banner-18__additional-image {
    margin-left: 56%;
    display: block;
  }

  .main-section .banner-18 .container {
    width: 100%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-18 .container div[style*="display: flex"] {
    width: 100%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-18 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 100%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-18 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 100%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-18 .main-section__btn {
    width: 136px;
  }

  .main-section .banner-18 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-18 .btn-bnr-18 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-19 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-19 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-19-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  margin-top: 5px;
  max-width: 500px;
  margin-right: auto;
}

@media (max-width:989px) {
  .main-section .banner-19 .main-section__slide-content {
    margin-top: 100px!important;
  }

  .main-section__slide-19-description {
    font-size: 10px;
    max-width: 360px;
  }
}

.main-section__slide-19-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-19-container {
  width: 100%;
}

.main-section__slide-19-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-19__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-19__content {
    width: auto;
    height: auto;
  }
}

.main-section .banner-19__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-19__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-19__border {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
}

.main-section .banner-19__large-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 300px;
  line-height: .7;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-19__large-text {
    font-size: 100px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
  }
}

.main-section .banner-19__bold {
  font-weight: 700;
}

.main-section .banner-19__text {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

.main-section .banner-19__button {
  margin-top: 15%;
}

@media (max-width:989px) {
  .main-section .banner-19__text {
    font-size: 20px;
    line-height: 1.2;
    word-wrap: break-word;
  }

  .main-section .banner-19__button .main-section__btn {
    width: 152px;
    margin-top: 25%;
  }

  .main-section .banner-19 .container {
    width: 80%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-19 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-19 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-19 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-19 .main-section__btn {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-19 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-19 .btn-bnr-19 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-30 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-30 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-30-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  margin-top: 24%;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 500px;
  margin-right: auto;
}

.main-section__slide-30-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-30 .main-section__slide-content {
    margin-top: 65px!important;
  }

  .main-section__slide-30-description {
    font-size: 10px;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-30-description-mob {
    font-size: 7.87px;
    font-weight: 400;
    max-width: 360px;
    margin-top: 15px;
    height: 55px;
    align-content: center;
    line-height: 1.14;
    display: block;
  }
}

.main-section__slide-30-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-30-container {
  width: 100%;
}

.main-section__slide-30-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-30__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-30__content {
    width: 330px;
    height: auto;
  }
}

.main-section .banner-30__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-30__meta {
    width: auto;
  }
}

.main-section .banner-30__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-30__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-30__border {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
}

.main-section .banner-30__large-text {
  width: 542px;
  font-family: Geometria;
  font-weight: 500;
  font-size: 61.4px;
  line-height: .9;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-30__large-text {
    font-size: 28px;
    line-height: .9;
    width: auto;
    max-width: none;
    word-wrap: break-word;
  }
}

.main-section .banner-30__bold {
  font-weight: 700;
}

.main-section .banner-30__text {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

.main-section .banner-30__button {
  margin-top: 15%;
}

.main-section .banner-30__button .main-section__btn {
  width: 193px;
  height: 64px;
  color: #000;
  margin-top: 25%;
  justify-content: center;
}

@media (max-width:989px) {
  .main-section .banner-30__text {
    font-size: 14px;
    line-height: 1;
    word-wrap: break-word;
  }

  .main-section .banner-30__button {
    margin-top: 0;
  }

  .main-section .banner-30__button .main-section__btn {
    width: 155px;
    height: 54px;
    margin-top: 15px;
    justify-content: center;
  }

  .main-section .banner-30 .container {
    width: 80%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-30 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-30 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-30 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-30 .main-section__30 {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-30 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-30 .btn-bnr-30 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-31 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-31 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-31-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #fff;
  margin-top: 24%;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 500px;
  margin-right: auto;
}

.main-section__slide-31-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-31 .main-section__slide-content {
    margin-top: 65px!important;
  }

  .main-section__slide-31-description {
    font-size: 10px;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-31-description-mob {
    font-size: 8px;
    font-weight: 400;
    max-width: 360px;
    margin-top: 15px;
    height: 55px;
    color: #fff;
    align-content: center;
    line-height: 1;
    display: block;
  }
}

.main-section__slide-31-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-31-container {
  width: 100%;
}

.main-section__slide-31-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-31__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-31__content {
    width: 330px;
    height: auto;
  }
}

.main-section .banner-31__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 600px;
}

@media (max-width:989px) {
  .main-section .banner-31__meta {
    width: auto;
  }
}

.main-section .banner-31__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-31__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-31__border {
  border: 1px solid #fff;
  background-color: rgba(222,54,126,.4196078431);
  border-radius: 16px;
  padding: 10px;
}

.main-section .banner-31__large-text {
  width: 679px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 64px;
  line-height: 1.1;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-31__large-text {
    font-size: 33px;
    width: 347px;
    line-height: 1.1;
    word-wrap: break-word;
  }
}

.main-section .banner-31__bold {
  font-weight: 700;
}

.main-section .banner-31__text {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

@media (max-width:989px) {
  .main-section .banner-31__text {
    font-size: 16px;
    line-height: 1.2;
    word-wrap: break-word;
    padding-top: 0;
    padding-bottom: 5px;
  }
}

.main-section .banner-31__text-border {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

.main-section .banner-31__button {
  margin-top: 15%;
}

.main-section .banner-31__button .main-section__btn {
  width: 196px;
  height: 56px;
  color: #5b5b5b;
  margin-top: 25%;
  border: 1px solid #5b5b5b;
}

@media (max-width:989px) {
  .main-section .banner-31__text-border {
    font-size: 14px;
    line-height: 1;
    word-wrap: break-word;
  }

  .main-section .banner-31__button {
    margin-top: 0;
  }

  .main-section .banner-31__button .main-section__btn {
    font-weight: 400;
    width: 176px;
    height: 56px;
    margin-top: 15px;
  }

  .main-section .banner-31 .container {
    width: 80%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-31 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-31 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-31 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-31 .main-section__31 {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-31 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-31 .btn-bnr-31 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-32 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-32 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-32-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  margin-top: 20px;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 500px;
  margin-right: auto;
}

.main-section__slide-32-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-32 .main-section__slide-content {
    margin-top: 65px!important;
  }

  .main-section__slide-32-description {
    font-size: 12px;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-32-description-mob {
    font-size: 8.98px;
    font-weight: 400;
    max-width: 360px;
    margin-top: 15px;
    height: 55px;
    align-content: center;
    line-height: 1.14;
    display: block;
  }
}

.main-section__slide-32-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-32-container {
  width: 100%;
}

.main-section__slide-32-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-32__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-32__content {
    width: 330px;
    height: auto;
  }
}

.main-section .banner-32__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-32__meta {
    width: auto;
  }
}

.main-section .banner-32__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-32__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-32__border-pc {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
  display: block;
}

@media (max-width:989px) {
  .main-section .banner-32__border-pc {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 10px;
    display: none;
  }
}

.main-section .banner-32__border-mob {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-32__border-mob {
    align-content: center;
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 10px;
    display: block;
    width: 173px;
    height: 42px;
  }
}

.main-section .banner-32__large-text {
  width: 542px;
  font-family: Geometria;
  font-weight: 800;
  font-size: 56px;
  line-height: 1.13;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-32__large-text {
    font-size: 34px;
    margin-top: 10px;
    line-height: 1;
    width: auto;
    max-width: none;
    word-wrap: break-word;
  }

  .main-section .banner-32__text-pc {
    display: none;
  }
}

.main-section .banner-32__bold {
  font-weight: 700;
}

.main-section .banner-32__text-pc {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 29.96px;
  line-height: 1;
  color: #572d19;
  padding-top: 16px;
  padding-bottom: 37px;
}

.main-section .banner-32__text-mob {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 29.96px;
  line-height: 1;
  color: #572d19;
  padding-top: 16px;
  padding-bottom: 37px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-32__text-mob {
    display: block;
    font-size: 18.8px;
    line-height: 1;
    word-wrap: break-word;
    padding-top: 10px;
    padding-bottom: 24px;
  }
}

.main-section .banner-32__text {
  width: 150px;
  height: 23.47px;
  font-family: Geometria;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
  align-content: center;
  font-size: 19px;
}

.main-section .banner-32__button {
  margin-top: 34%;
}

.main-section .banner-32__button .main-section__btn {
  width: 193px;
  height: 64px;
  color: #000;
  margin-top: 25%;
  justify-content: center;
}

@media (max-width:989px) {
  .main-section .banner-32__text {
    width: auto;
    height: auto;
    font-size: 18.47px;
    line-height: 1;
    word-wrap: break-word;
    text-align: -webkit-center;
  }

  .main-section .banner-32__button {
    margin-top: 0;
  }

  .main-section .banner-32__button .main-section__btn {
    width: 158px;
    height: 42px;
    font-size: 15px;
    margin-top: 0;
    justify-content: center;
  }

  .main-section .banner-32 .container {
    width: 80%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-32 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-32 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-32 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-32 .main-section__32 {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-32 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-32 .btn-bnr-32 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-33 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-33 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-33-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  margin-top: 20px;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 500px;
  margin-right: auto;
}

.main-section__slide-33-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-33 .main-section__slide-content {
    margin-top: 65px!important;
  }

  .main-section__slide-33-description {
    font-size: 12px;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-33-description-mob {
    font-size: 10px;
    font-weight: 400;
    max-width: 360px;
    margin-top: 3px;
    height: 55px;
    align-content: center;
    line-height: 1.14;
    display: block;
  }
}

.main-section__slide-33-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-33-container {
  width: 100%;
}

.main-section__slide-33-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-33__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-33__content {
    width: 100%;
    height: auto;
  }
}

.main-section .banner-33__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-33__meta {
    width: auto;
  }
}

@media (max-width:359px) {
  .main-section .banner-33__meta {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
  }
}

.main-section .banner-33__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-33__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-33__border-pc {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
  display: block;
  width: 220px;
}

@media (max-width:989px) {
  .main-section .banner-33__border-pc {
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 10px;
    display: none;
  }
}

.main-section .banner-33__border-mob {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-33__border-mob {
    align-content: center;
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 10px;
    display: block;
    width: 173px;
    height: 42px;
  }
}

.main-section .banner-33__large-text {
  width: 697px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 42.56px;
  line-height: 1.12;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-33__large-text {
    font-size: 22px;
    margin-top: 10px;
    line-height: 1.04;
    width: 105%;
    word-wrap: break-word;
  }

  .main-section .banner-33__text-pc {
    display: none;
  }
}

.main-section .banner-33__bold {
  font-weight: 700;
}

.main-section .banner-33__text-pc {
  width: 697px;
  font-family: Geometria;
  font-weight: 400;
  font-size: 28.86px;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
}

.main-section .banner-33__text-mob {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 18.8px;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-33__text-mob {
    display: block;
    font-size: 18.8px;
    line-height: 1;
    word-wrap: break-word;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
}

.main-section .banner-33__text {
  width: 186px;
  height: 24px;
  font-family: Geometria;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
  align-content: center;
  font-size: 23.47px;
}

.main-section .banner-33__button {
  margin-top: 34%;
}

.main-section .banner-33__button .main-section__btn {
  width: 193px;
  height: 64px;
  color: #000;
  margin-top: 25%;
  justify-content: center;
}

@media (max-width:989px) {
  .main-section .banner-33__text {
    width: auto;
    height: auto;
    font-size: 18.47px;
    line-height: 1;
    word-wrap: break-word;
    text-align: -webkit-center;
  }

  .main-section .banner-33__button {
    margin-top: 0;
  }

  .main-section .banner-33__button .main-section__btn {
    width: 158px;
    height: 42px;
    font-size: 15px;
    margin-top: 0;
    justify-content: center;
  }

  .main-section .banner-33 .container {
    width: 100%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-33 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-33 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-33 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-33 .main-section__33 {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-33 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-33 .btn-bnr-33 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-37 .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-37.swiper-slide {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-37-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #75a8d9;
  margin-top: 20px;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 500px;
  margin-right: auto;
}

.main-section__slide-37-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-37 .main-section__slide-content {
    margin-top: 65px!important;
  }

  .main-section__slide-37-description {
    font-size: 12px;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-37-description-mob {
    font-size: 10px;
    font-weight: 400;
    max-width: 360px;
    margin-top: 3px;
    height: 55px;
    align-content: center;
    line-height: 1.14;
    display: block;
  }
}

.main-section__slide-37-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-37-container {
  width: 100%;
}

.main-section__slide-37-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-37__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-37__content {
    width: 100%;
    height: auto;
  }
}

.main-section .banner-37__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-37__meta {
    width: auto;
  }
}

@media (max-width:359px) {
  .main-section .banner-37__meta {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
  }
}

.main-section .banner-37__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-37__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-37__border-pc {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 16px 7px 8px 20px;
  display: block;
  background-color: rgba(255,255,255,.8980392157);
  margin-top: 16px;
  margin-bottom: 37px;
  width: 423px;
  height: 147px;
}

.main-section .banner-37__border-mob {
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-37__border-pc {
    display: none;
  }

  .main-section .banner-37__border-mob {
    align-content: center;
    border: 1px solid #5e97ce;
    background-color: #5e97ce;
    border-radius: 16px;
    padding: 10px;
    display: block;
    width: 169px;
    height: 42px;
  }
}

.main-section .banner-37__large-text {
  width: 767px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 42.56px;
  line-height: 1.12;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-37__large-text {
    font-size: 22px;
    margin-top: 10px;
    line-height: 1.04;
    width: 105%;
    word-wrap: break-word;
  }

  .main-section .banner-37__text-pc {
    display: none;
  }
}

.main-section .banner-37__bold {
  font-weight: 700;
}

.main-section .banner-37__text-pc {
  width: 697px;
  font-family: Geometria;
  font-weight: 400;
  font-size: 28.86px;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
}

.main-section .banner-37__text-mob {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 18.8px;
  line-height: 1;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 37px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-37__text-mob {
    display: block;
    font-size: 18.8px;
    line-height: 1;
    word-wrap: break-word;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
}

.main-section .banner-37__text {
  width: 375px;
  font-family: Geometria;
  font-weight: 500;
  line-height: 1;
  color: #5e97ce;
  padding-bottom: 8px;
  align-content: center;
  font-size: 23.47px;
}

@media (max-width:989px) {
  .main-section .banner-37__text {
    width: auto;
    height: auto;
    font-size: 18.47px;
    line-height: 1;
    word-wrap: break-word;
    text-align: -webkit-center;
  }

  .main-section .banner-37__text-border {
    display: none;
  }
}

.main-section .banner-37__text-border {
  font-weight: 700;
  font-size: 23.47px;
  line-height: 100%;
  letter-spacing: -3%;
}

.main-section .banner-37__text-border-mob {
  display: none;
}

.main-section .banner-37__button {
  margin-top: 6%;
}

.main-section .banner-37__button .main-section__btn {
  width: 218px;
  height: 64px;
  color: #000;
  margin-top: 25%;
  justify-content: center;
}

@media (max-width:989px) {
  .main-section .banner-37__text-border-mob {
    font-weight: 400;
    font-size: 19.47px;
    line-height: 100%;
    letter-spacing: -3%;
    display: block;
  }

  .main-section .banner-37__button {
    margin-top: 0;
  }

  .main-section .banner-37__button .main-section__btn {
    width: 169px;
    height: 42px;
    font-size: 15px;
    margin-top: 0;
    justify-content: center;
  }

  .main-section .banner-37 .container {
    width: 100%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-37 .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-37 .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-37 .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-37 .main-section__37 {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-37 .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-37 .btn-bnr-37 {
    margin-top: calc(65% - 30px);
  }
}

.main-section .banner-main .main-section__slide-content {
  margin-top: 175px!important;
}

.main-section__slide-main {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-section__slide-main-description {
  font-family: Geometria,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  margin-top: 4%;
  height: 64px;
  align-content: center;
  margin-left: 5px;
  max-width: 419px;
  margin-right: auto;
}

.main-section__slide-main-description-mob {
  font-size: 10px;
  max-width: 360px;
  display: none;
}

@media (max-width:989px) {
  .main-section .banner-main .main-section__slide-content {
    margin-top: 70px!important;
  }

  .main-section__slide-main-description {
    font-size: 12px;
    font-weight: 400;
    max-width: 360px;
    display: none;
  }

  .main-section__slide-main-description-mob {
    font-size: 7.87px;
    font-weight: 400;
    max-width: 251px;
    height: 55px;
    align-content: center;
    line-height: 1.14;
    display: block;
  }
}

.main-section__slide-main-image {
  width: 100%;
  height: 100%;
}

.main-section__slide-main-container {
  width: 100%;
}

.main-section__slide-main-content {
  max-width: 100%;
  height: 100%;
}

.main-section .banner-main__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  height: 316px;
}

@media (max-width:989px) {
  .main-section .banner-main__content {
    width: 330px;
    height: auto;
  }
}

.main-section .banner-main__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-main__meta {
    width: auto;
    display: none;
  }
}

.main-section .banner-main__meta-mob {
  display: none;
  align-items: center;
  gap: 12px;
  width: 541px;
}

@media (max-width:989px) {
  .main-section .banner-main__meta-mob {
    width: auto;
    display: flex;
    padding-bottom: 0;
    padding-top: 0;
  }
}

.main-section .banner-main__big-text {
  width: 572px;
  font-family: Geometria;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  padding-top: 15px;
}

@media (max-width:989px) {
  .main-section .banner-main__big-text {
    font-size: 16px;
    line-height: 1.2;
    width: auto;
    max-width: none;
    word-wrap: break-word;
    padding-top: 0;
    margin-top: -10px;
  }
}

.main-section .banner-main__border {
  border: 1px solid #fff;
  padding: 10px 16px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
}

.main-section .banner-main__border-mob {
  border: .4px solid #fff;
  padding: 10px 16px;
  border-radius: 16px;
  display: none;
}

.main-section .banner-main__large-text {
  width: 628px;
  font-family: Geometria;
  font-weight: 300;
  font-size: 59px;
  line-height: 1.05;
  color: #fff;
}

@media (max-width:989px) {
  .main-section .banner-main__border {
    display: none;
  }

  .main-section .banner-main__border-mob {
    display: inline-flex;
    align-items: center;
    border-radius: 14px;
    padding: 11.17px 11.97px;
    margin-top: 0;
  }

  .main-section .banner-main__large-text {
    font-size: 28px;
    line-height: .9;
    width: auto;
    max-width: none;
    word-wrap: break-word;
  }
}

.main-section .banner-main__bold {
  font-weight: 700;
}

.main-section .banner-main__text {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

@media (max-width:989px) {
  .main-section .banner-main__text {
    font-size: 16px;
    max-width: 315px;
    padding-bottom: 12px;
    line-height: 1;
    word-wrap: break-word;
  }
}

.main-section .banner-main__border-text {
  font-family: Geometria;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  padding: 0;
}

@media (max-width:989px) {
  .main-section .banner-main__border-text {
    display: none;
    font-size: 14px;
    max-width: 206px;
    padding-bottom: 0;
    line-height: 1;
    word-wrap: break-word;
  }
}

.main-section .banner-main__border-text-mob {
  width: 100%;
  font-family: Geometria;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
  display: none;
}

.main-section .banner-main__button {
  margin-top: 15%;
}

.main-section .banner-main__button .main-section__btn {
  width: 193px;
  height: 64px;
  color: #fff;
  margin-top: 25%;
  justify-content: center;
}

@media (max-width:989px) {
  .main-section .banner-main__border-text-mob {
    font-size: 18.55px;
    line-height: 1;
    color: #fff;
    display: block;
    white-space: nowrap;
    padding: 0;
    font-weight: 300;
  }

  .main-section .banner-main__button {
    margin-top: 0;
  }

  .main-section .banner-main__button .main-section__btn {
    width: 158px;
    height: 42px;
    margin-top: 0;
    justify-content: center;
  }

  .main-section .banner-main .container {
    width: 80%!important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-section .banner-main .container div[style*="display: flex"] {
    width: 60%!important;
    gap: 12px!important;
    flex-direction: column;
    align-items: flex-start!important;
    text-align: center!important;
  }

  .main-section .banner-main .container div[style*="display: flex"]>div:nth-child(1) {
    width: 60%!important;
    max-width: none!important;
    font-size: 25px!important;
    line-height: 120%!important;
    word-wrap: break-word;
    height: auto!important;
  }

  .main-section .banner-main .container div[style*="display: flex"]>div:nth-child(2) {
    width: 60%!important;
    max-width: none!important;
    font-size: 20px!important;
    line-height: 120%!important;
    word-wrap: break-word;
  }

  .main-section .banner-main .main-section__main {
    width: 156px;
    height: 49px;
    margin-top: 90%;
  }

  .main-section .banner-main .main-section__slide-content {
    max-width: 100%;
    height: 100%;
    margin-top: 90px;
  }

  .main-section .banner-main .btn-bnr-main {
    margin-top: calc(65% - 30px);
  }
}

.block-day-night {
  margin: -10% 0 0;
}

.title-day-night {
  margin: 0 10vw 0 0;
  font-family: font-family/display;
  font-weight: 300;
  font-style: Light;
  font-size: 61px;
  leading-trim: NONE;
  line-height: 59px;
  letter-spacing: -3%;
  vertical-align: middle;
  color: #354764;
}

.text-day-night {
  font-family: font-family/display;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0;
  color: #354764;
}

.day-night-btn {
  width: 193px!important;
  height: 64px!important;
  color: #fff;
  background-color: #354764;
  margin-top: 40%;
  justify-content: center;
}

@media (max-width:987px) {
  .block-day-night {
    margin-top: -38%;
  }

  .day-night-btn {
    width: 155px!important;
    height: 54px!important;
    color: #fff;
    background-color: #354764;
    margin-top: 0;
    margin-bottom: 25px;
  }

  .title-day-night {
    margin-right: -50vw;
    font-family: font-family/display;
    font-weight: 300;
    font-style: Light;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 107%;
    letter-spacing: -3%;
    vertical-align: middle;
  }

  .text-day-night {
    font-family: font-family/display;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    margin-right: -50vw;
  }
}

.our-products {
  position: relative;
  padding: 56px 0 48px;
  z-index: 1;
  border-radius: 24px;
  background-color: rgb(var(--white-color-rgb));
}

.our-products__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.our-products__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.our-products__heading-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  color: #0a0c0f;
}

.our-products__heading-description {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #54565a;
}

@media (min-width:992px) {
  .our-products {
    border-radius: 0 0 40px 40px;
    padding: 96px 0 144px;
  }

  .our-products__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0;
    height: 108px;
  }

  .our-products__heading-title {
    max-width: 568px;
    flex-shrink: 0;
    font-size: 44px;
    line-height: 57px;
  }

  .our-products__heading-description {
    margin: 12px 0;
    max-width: 568px;
    font-size: 16px;
    line-height: 21px;
  }

  .our-products__heading-description .break {
    display: none;
  }
}

.our-products__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 0;
}

.our-products__card-background {
  position: relative;
  background-color: #edeefd;
  border-radius: 16px;
  height: 240px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.our-products__card-background-polygon,
.our-products__card-background-product {
  position: absolute;
}

.our-products__card-background-product {
  width: 417px;
  transform: translateX(12px);
}

@media (min-width:992px) {
  .our-products__card {
    flex-direction: row;
    height: 447px;
    gap: 0;
    overflow: hidden;
  }

  .our-products__card.card {
    --card-bg: #edeefd;
  }

  .our-products__card-background {
    max-width: 591px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .our-products__card-background-polygon {
    scale: 1.193;
    rotate: .05deg;
    top: -24px;
    left: -160px;
  }

  .our-products__card-background-product {
    width: auto;
    height: 520px;
    top: -9px;
    left: -40px;
  }
}

.our-products__categories {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}

.our-products__categories-title {
  display: none;
}

.our-products__categories .swiper {
  width: 100%;
}

.our-products__categories-button {
  width: 100%;
  max-height: 36px;
  font-size: 11px;
  line-height: 11px;
  justify-content: center;
  border-radius: 12px;
}

@media (min-width:992px) {
  .our-products__categories {
    gap: 32px;
    max-width: 521px;
  }

  .our-products__categories-title {
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
  }

  .our-products__categories-button {
    width: 155px;
    gap: 8px;
    padding: 18px 16px;
    max-height: 48px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
  }
}

.our-products__cetegory-list {
  width: 100%;
}

.our-products__cetegory-list-item {
  padding: 8px 12px 8px 8px;
  height: 48px;
  flex-shrink: 0;
  justify-self: stretch;
  --chip-bg: transparent;
  border: 1px solid #edeef6;
  --chip-text-color: #141313;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  border-radius: 12px;
}

.our-products__cetegory-list-item .chip-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  box-sizing: border-box;
}

.choose-cosmetics {
  background-color: #f7f7f8;
  z-index: 0;
  padding: 36px 0;
}

.choose-cosmetics__container--mt {
  margin-top: 36px;
}

@media (min-width:992px) {
  .our-products__cetegory-list {
    flex-wrap: wrap;
    overflow: initial;
    display: flex;
    gap: 12px;
  }

  .our-products__cetegory-list-item.chip {
    --chip-bg: rgb(var(--white-color-rgb));
    font-size: 14px;
    padding: 8px 16px 8px 8px;
  }

  .our-products__cetegory-list-item.chip .chip-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }

  .choose-cosmetics__container--mt {
    margin-top: 72px;
  }
}

.choose-cosmetics__test-card.card {
  --card-bg: #7783bd!important;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  box-sizing: border-box;
  color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

.choose-cosmetics__test-card-background {
  position: absolute;
  height: 212px;
  top: 0;
  right: -130px;
  z-index: -1;
}

.choose-cosmetics__test-card-background--clinic {
  right: -78px;
  top: auto;
  bottom: 0;
  height: 100%;
  min-height: 100px;
  min-width: 100px;
}

.choose-cosmetics__test-card--dark-blue.card {
  background-color: #0421a1;
}

.choose-cosmetics__test-card--soft-blue.card {
  background-color: #a6b7fd;
}

.choose-cosmetics__test-content {
  max-width: 569px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.choose-cosmetics__test-content-button {
  font-size: 10px;
  line-height: 10px;
  border-radius: 8px;
  font-weight: 500;
  padding: 8px 12px;
  width: 85px;
  height: 28px;
  justify-content: center;
  text-decoration: none;
}

.choose-cosmetics__test-headings {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 83px;
}

.choose-cosmetics__test-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.about-section__expertise-card .benefit-card__text .choose-cosmetics__test-description.p--100,
.choose-cosmetics__test-description.p,
.choose-cosmetics__test-description.p--100,
.choose-cosmetics__test-description.p--80,
.choose-cosmetics__test-description.p--90 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: rgba(var(--white-color-rgb),.8);
}

.choose-cosmetics__product {
  padding-right: 0;
  margin-top: 36px;
}

@media (min-width:992px) {
  .choose-cosmetics {
    padding: 72px 0;
  }

  .choose-cosmetics__test-card.card {
    padding: 32px 32px 44px;
    border-radius: 24px;
  }

  .choose-cosmetics__test-card-background {
    right: 0;
    height: 304px;
  }

  .choose-cosmetics__test-content {
    gap: 20px;
  }

  .choose-cosmetics__test-content-button {
    line-height: 13px;
    border-radius: 12px;
    width: 93px;
    height: 36px;
  }

  .choose-cosmetics__test-headings {
    padding-right: 0;
    width: 569px;
    gap: 12px;
  }

  .choose-cosmetics__test-title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
  }

  .choose-cosmetics__test-description {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .choose-cosmetics__product {
    margin-top: 72px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .choose-cosmetics__product {
    padding: 0 calc(50% - 580px);
  }
}

.diagnostic-centers {
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  padding: 84px 0;
}

.diagnostic-centers__heading {
  max-width: 450px;
}

.diagnostic-centers__heading-title {
  margin: 0;
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
}

.diagnostic-centers__heading-description {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #54565a;
}

.diagnostic-centers__heading-more {
  --text-color: #5f6db2;
  margin-top: 4px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  gap: 8px;
  padding: 12px 4px 12px 5px;
  border-radius: 12px;
  align-items: center;
  height: 48px;
}

.diagnostic-centers__heading-more:hover {
  background-color: transparent;
  --text-color: #4e5993;
}

.diagnostic-centers__heading-more-text {
  margin-bottom: .5px;
}

.diagnostic-centers__map {
  position: relative;
  width: 100%;
  height: 255px;
  margin-top: 6px;
}

.diagnostic-centers__map-image {
  pointer-events: none;
  width: 626.79px;
  height: 358px;
  position: absolute;
  top: -95px;
  -o-object-fit: cover;
  object-fit: cover;
}

.diagnostic-centers__map-pin {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  gap: 5px;
}

.diagnostic-centers__map-pin:active,
.diagnostic-centers__map-pin:focus,
.diagnostic-centers__map-pin:target {
  overflow: unset;
  outline: 0;
}

.diagnostic-centers__map-pin-image {
  width: 100%;
  height: auto;
}

.diagnostic-centers__map-pin-image:hover {
  filter: drop-shadow(0 0 15px #dcdfee);
}

.diagnostic-centers__map-pin.active {
  z-index: 3;
}

.diagnostic-centers__map-pin.active .diagnostic-centers__map-pin-image {
  opacity: 0;
}

.diagnostic-centers__map-pin.active .diagnostic-centers__map-pin-description {
  display: block;
}

.diagnostic-centers__map-pin.active .diagnostic-centers__map-pin-title {
  opacity: 1;
}

.diagnostic-centers__map-pin-description {
  position: absolute;
  font-size: 12px;
  line-height: 18px;
  transform: translateY(-58%);
  display: none;
  font-weight: 400;
  padding: 10px;
  color: #54565a;
  min-width: 182px;
  min-height: 50px;
  background: #5f6db2;
  border-radius: 17px;
  z-index: 3;
}

.diagnostic-centers__map-pin-description-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

.diagnostic-centers__map-pin-description-text .link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #556fb9;
  padding: 4px 0;
}

.diagnostic-centers__map-pin-description-text .link:not(:last-child) {
  border-bottom: 1px solid rgba(85,111,185,.3);
}

.diagnostic-centers__map-pin-description-text .link::before {
  content: "";
  flex: 0 0 14px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background: url("/local/templates/geltek2024/frontend/img/icons/map-pin.svg") center/contain no-repeat;
}

.diagnostic-centers__map-pin-description-text .link:hover {
  background-color: rgba(85,111,185,.06);
}

.diagnostic-centers__map-pin-description-background {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 17px;
  z-index: 1;
}

.diagnostic-centers__map-pin-description-background::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: calc(50% - 0px);
  transform: translateX(-50%);
  width: 108px;
  height: 18px;
  background: #fff;
  clip-path: path("M.894531 1L28.1409 1C33.7228 1 39.0486 3.33313 42.8347 7.43477L51.2209 16.5198C53.2007 18.6646 56.5892 18.6646 58.569 16.5198L66.9555 7.43442C70.7416 3.33277 76.0696 1 81.6516 1L108.898 1.00001");
}

.diagnostic-centers__map-pin-description::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 108px;
  height: 17px;
  background: #5f6db2;
  padding: 10px;
  outline: #00f solid 1px;
  clip-path: path("M.894531 1L28.1409 1C33.7228 1 39.0486 3.33313 42.8347 7.43477L51.2209 16.5198C53.2007 18.6646 56.5892 18.6646 58.569 16.5198L66.9555 7.43442C70.7416 3.33277 76.0696 1 81.6516 1L108.898 1.00001");
}

.diagnostic-centers__map-pin-title {
  position: relative;
  color: #0a0c0f;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  background-color: #edeef6;
  border-radius: 12px;
  padding: 2px 8px;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  transition: opacity .3s ease-in-out;
  display: flex;
  align-items: center;
  display: flex;
  max-width: 200px;
  gap: 5px;
  opacity: 0;
  margin: 0!important;
}

@media (min-width:992px) {
  .diagnostic-centers__map-pin-title {
    align-items: flex-start;
  }

  .diagnostic-centers__map-pin-title .icon {
    --icon-width: 14px;
    --icon-height: 14px;
  }
}

.diagnostic-centers__map-pin-title .icon {
  --icon-width: 10px;
  --icon-height: 10px;
  flex-shrink: 0;
}

.diagnostic-centers__map-pin-title--wrap {
  flex-wrap: wrap;
}

.diagnostic-centers__map-pin-metro {
  display: flex;
  align-items: flex-start;
}

.diagnostic-centers__map-pin:nth-child(1) {
  top: 36px;
  left: 17px;
}

.diagnostic-centers__map-pin:nth-child(1) .diagnostic-centers__map-pin-description {
  bottom: -27px;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(1) .diagnostic-centers__map-pin-description {
    left: -14px;
  }

  .diagnostic-centers__map-pin:nth-child(1) .diagnostic-centers__map-pin-description::after {
    bottom: -14px;
    left: 16%;
  }

  .diagnostic-centers__map-pin:nth-child(1) .diagnostic-centers__map-pin-description-background::after {
    bottom: -11px;
    left: calc(15% + 1px);
  }
}

.diagnostic-centers__map-pin:nth-child(2) {
  top: 103px;
  left: 77px;
}

.diagnostic-centers__map-pin:nth-child(2) .diagnostic-centers__map-pin-description {
  bottom: -75px;
}

.diagnostic-centers__map-pin:nth-child(3) {
  top: 54px;
  left: 87px;
  gap: 0;
}

.diagnostic-centers__map-pin:nth-child(3) .diagnostic-centers__map-pin-description {
  bottom: -39px;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(3) .diagnostic-centers__map-pin-description {
    bottom: -32px;
  }
}

.diagnostic-centers__map-pin:nth-child(4) {
  top: 133px;
  left: 141px;
}

.diagnostic-centers__map-pin:nth-child(4) .diagnostic-centers__map-pin-description {
  bottom: -21px;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(4) .diagnostic-centers__map-pin-description {
    bottom: -19px;
  }
}

.diagnostic-centers__map-pin:nth-child(5) {
  top: 146px;
  left: 177px;
}

.diagnostic-centers__map-pin:nth-child(5) .diagnostic-centers__map-pin-description {
  bottom: -24px;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(5) .diagnostic-centers__map-pin-description {
    bottom: -18px;
  }
}

.diagnostic-centers__map-pin:nth-child(6) {
  top: 185px;
  left: 267px;
}

.diagnostic-centers__map-pin:nth-child(6) .diagnostic-centers__map-pin-description {
  bottom: -26px;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(6) .diagnostic-centers__map-pin-description {
    right: -17px;
    bottom: -29px;
  }

  .diagnostic-centers__map-pin:nth-child(6) .diagnostic-centers__map-pin-description::after {
    bottom: -14px;
    right: -43%;
    left: unset;
  }

  .diagnostic-centers__map-pin:nth-child(6) .diagnostic-centers__map-pin-description-background::after {
    bottom: -11px;
    right: calc(-43% - 3px);
    left: unset;
  }
}

.diagnostic-centers__map-pin:nth-child(7) {
  top: 119px;
  left: 113px;
}

.diagnostic-centers__map-pin:nth-child(7) .diagnostic-centers__map-pin-description {
  bottom: -30px;
}

.diagnostic-centers__map-pin:nth-child(9) {
  top: 60px;
  left: 92px;
  gap: 0;
}

.diagnostic-centers__map-pin:nth-child(10) {
  top: 114px;
  left: 77px;
  gap: 0;
}

.diagnostic-centers__map-pin:hover {
  z-index: 3;
}

.diagnostic-centers__map-pin:hover .diagnostic-centers__map-pin-title {
  opacity: 1;
}

.diagnostic-centers__map2 {
  position: relative;
  width: 100%;
  height: 255px;
  margin-top: 6px;
}

.diagnostic-centers__map2-image {
  pointer-events: none;
  width: 626.79px;
  height: 358px;
  position: absolute;
  top: -95px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width:992px) {
  .diagnostic-centers__map-pin:nth-child(7) .diagnostic-centers__map-pin-description {
    bottom: -27px;
  }
}

.diagnostic-centers__map2-pin {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  gap: 5px;
}

.diagnostic-centers__map2-pin:active,
.diagnostic-centers__map2-pin:focus,
.diagnostic-centers__map2-pin:target {
  overflow: unset;
  outline: 0;
}

.diagnostic-centers__map2-pin-image {
  width: 100%;
  height: auto;
}

.diagnostic-centers__map2-pin-image:hover {
  filter: drop-shadow(0 0 15px #dcdfee);
}

.diagnostic-centers__map2-pin.active {
  z-index: 3;
}

.diagnostic-centers__map2-pin.active .diagnostic-centers__map-pin-image {
  opacity: 0;
}

.diagnostic-centers__map2-pin.active .diagnostic-centers__map-pin-description {
  display: block;
}

.diagnostic-centers__map2-pin.active .diagnostic-centers__map-pin-title {
  opacity: 1;
}

.diagnostic-centers__map2-pin-description {
  position: absolute;
  font-size: 12px;
  line-height: 18px;
  transform: translateY(-58%);
  display: none;
  font-weight: 400;
  padding: 10px;
  color: #54565a;
  min-width: 182px;
  min-height: 50px;
  background: #5f6db2;
  border-radius: 17px;
  z-index: 3;
}

.diagnostic-centers__map2-pin-description-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

.diagnostic-centers__map2-pin-description-text .link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #556fb9;
  padding: 4px 0;
}

.diagnostic-centers__map2-pin-description-text .link:not(:last-child) {
  border-bottom: 1px solid rgba(85,111,185,.3);
}

.diagnostic-centers__map2-pin-description-text .link::before {
  content: "";
  flex: 0 0 14px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background: url("/local/templates/geltek2024/frontend/img/icons/map-pin.svg") center/contain no-repeat;
}

.diagnostic-centers__map2-pin-description-text .link:hover {
  background-color: rgba(85,111,185,.06);
}

.diagnostic-centers__map2-pin-description-background {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 17px;
  z-index: 1;
}

.diagnostic-centers__map2-pin-description-background::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: calc(50% - 0px);
  transform: translateX(-50%);
  width: 108px;
  height: 18px;
  background: #fff;
  clip-path: path("M.894531 1L28.1409 1C33.7228 1 39.0486 3.33313 42.8347 7.43477L51.2209 16.5198C53.2007 18.6646 56.5892 18.6646 58.569 16.5198L66.9555 7.43442C70.7416 3.33277 76.0696 1 81.6516 1L108.898 1.00001");
}

.diagnostic-centers__map2-pin-description::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 108px;
  height: 17px;
  background: #5f6db2;
  padding: 10px;
  outline: #00f solid 1px;
  clip-path: path("M.894531 1L28.1409 1C33.7228 1 39.0486 3.33313 42.8347 7.43477L51.2209 16.5198C53.2007 18.6646 56.5892 18.6646 58.569 16.5198L66.9555 7.43442C70.7416 3.33277 76.0696 1 81.6516 1L108.898 1.00001");
}

.diagnostic-centers__map2-pin-title {
  position: relative;
  color: #0a0c0f;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  background-color: #edeef6;
  border-radius: 12px;
  padding: 2px 8px;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  transition: opacity .3s ease-in-out;
  display: flex;
  align-items: center;
  display: flex;
  max-width: 200px;
  gap: 5px;
  opacity: 0;
  margin: 0!important;
}

@media (min-width:992px) {
  .diagnostic-centers__map2-pin-title {
    align-items: flex-start;
  }

  .diagnostic-centers__map2-pin-title .icon {
    --icon-width: 14px;
    --icon-height: 14px;
  }
}

.diagnostic-centers__map2-pin-title .icon {
  --icon-width: 10px;
  --icon-height: 10px;
  flex-shrink: 0;
}

.diagnostic-centers__map2-pin-title--wrap {
  flex-wrap: wrap;
}

.diagnostic-centers__map2-pin-metro {
  display: flex;
  align-items: flex-start;
}

.diagnostic-centers__map2-pin:nth-child(1) {
  top: 160px;
  left: 50px;
}

.diagnostic-centers__map2-pin:nth-child(1) .diagnostic-centers__map-pin-description {
  bottom: -27px;
}

@media (max-width:992px) {
  .diagnostic-centers__map2-pin:nth-child(1) .diagnostic-centers__map-pin-description {
    left: -14px;
  }

  .diagnostic-centers__map2-pin:nth-child(1) .diagnostic-centers__map-pin-description::after {
    bottom: -14px;
    left: 16%;
  }

  .diagnostic-centers__map2-pin:nth-child(1) .diagnostic-centers__map-pin-description-background::after {
    bottom: -11px;
    left: calc(15% + 1px);
  }
}

.diagnostic-centers__map2-pin:hover {
  z-index: 3;
}

.diagnostic-centers__map2-pin:hover .diagnostic-centers__map-pin-title {
  opacity: 1;
}

.diagnostic-centers__record-cards {
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 477px;
}

@media (max-width:767px) {
  .diagnostic-centers__record-cards {
    height: 235px;
  }
}

.diagnostic-centers__record-cards-card {
  position: relative;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  overflow: hidden;
  max-height: 215px;
  box-sizing: border-box;
  width: 100%;
  min-height: 215px;
}

.diagnostic-centers__record-cards-card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.diagnostic-centers__consultations-title {
  margin: 48px 0 20px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}

.diagnostic-centers__consultations-tiles {
  --icon-color: #5f6db2;
  --icon-width: 64px;
  --icon-height: 64px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.diagnostic-centers__consultations-tiles-tile {
  width: 163.5px;
  flex: calc(50% - 16px);
}

.diagnostic-centers__consultations-tiles-tile:nth-child(3),
.diagnostic-centers__consultations-tiles-tile:nth-child(4) {
  margin-top: 4px;
}

@media (min-width:992px) {
  .diagnostic-centers__consultations-tiles {
    gap: 24px;
  }

  .diagnostic-centers__consultations-tiles-tile {
    width: 272px;
  }

  .diagnostic-centers__consultations-tiles-tile:nth-child(3),
  .diagnostic-centers__consultations-tiles-tile:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width:576px) {
  .choose-cosmetics__test-card-background--clinic {
    right: 0;
  }

  .diagnostic-centers__record-cards {
    margin-top: 52px;
  }

  .diagnostic-centers__record-cards-card {
    width: 100%;
    height: auto;
    aspect-ratio: 9/4;
    max-height: none;
  }
}

@media (min-width:768px) {
  .diagnostic-centers__middle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .diagnostic-centers__record-cards-card {
    width: 343px;
  }
}

@media (min-width:992px) {
  .diagnostic-centers {
    border-radius: 40px;
    padding: 72px 0;
  }

  .diagnostic-centers__middle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .diagnostic-centers__heading {
    max-width: 1030px;
  }

  .diagnostic-centers__heading-title {
    margin: 0;
    font-size: 44px;
    line-height: 57px;
  }

  .diagnostic-centers__heading-description {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 21px;
  }

  .diagnostic-centers__heading-more {
    --text-color: #5f6db2;
    font-size: 14px;
    line-height: 14px;
    border-radius: 16px;
    padding: 16px 3px 16px 5px;
    margin-top: 4px;
    height: 56px;
  }

  .diagnostic-centers__heading-more-text {
    margin-bottom: 0;
  }

  .diagnostic-centers__map {
    margin-top: 0;
    height: 265px;
  }

  .diagnostic-centers__map-pin {
    width: 32px;
    height: 32px;
  }

  .diagnostic-centers__map-pin-title {
    padding: 5px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .diagnostic-centers__map-pin-image {
    height: auto;
  }

  .diagnostic-centers__map-pin:nth-child(1) {
    top: 9px;
    left: 80px;
  }

  .diagnostic-centers__map-pin:nth-child(2) {
    top: 95px;
    left: 158px;
  }

  .diagnostic-centers__map-pin:nth-child(3) {
    top: 21px;
    left: 171px;
    gap: 5px;
  }

  .diagnostic-centers__map-pin:nth-child(4) {
    top: 134px;
    left: 235px;
  }

  .diagnostic-centers__map-pin:nth-child(5) {
    top: 157px;
    left: 282px;
  }

  .diagnostic-centers__map-pin:nth-child(6) {
    top: 210px;
    left: 411px;
  }

  .diagnostic-centers__map-pin:nth-child(7) {
    top: 116px;
    left: 198px;
  }

  .diagnostic-centers__map-pin:nth-child(9) {
    top: 31px;
    left: 181px;
    gap: 2px;
  }

  .diagnostic-centers__map-pin:nth-child(10) {
    top: 95px;
    left: 158px;
    gap: 2px;
  }

  .diagnostic-centers__map-image {
    top: -172px;
    left: -56px;
    width: 1077px;
    height: 485px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .diagnostic-centers__map2 {
    margin-top: 0;
    height: 371px;
  }

  .diagnostic-centers__map2-pin {
    width: 32px;
    height: 32px;
  }

  .diagnostic-centers__map2-pin-title {
    padding: 5px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .diagnostic-centers__map2-pin-image {
    height: auto;
  }

  .diagnostic-centers__map2-pin:nth-child(1) {
    top: 168px;
    left: 131px;
  }

  .diagnostic-centers__map2-image {
    top: -172px;
    left: -56px;
    width: 1077px;
    height: 485px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .diagnostic-centers__record-cards {
    margin-top: 24px;
  }

  .diagnostic-centers__record-cards-card {
    width: 371px;
    min-height: 500px;
    border-radius: 24px;
  }

  .diagnostic-centers__record-cards-card-title {
    background-size: unset;
    gap: 16px;
  }

  .diagnostic-centers__consultations-title {
    margin: 60px 0 32px;
    font-size: 24px;
    line-height: 31px;
  }

  .diagnostic-centers__consultations-tiles {
    gap: 24px;
    flex-wrap: nowrap;
  }

  .diagnostic-centers__consultations-tiles-tile {
    margin: 0;
  }
}

@media (min-width:1250px) {
  .diagnostic-centers__map {
    height: 330px;
  }

  .diagnostic-centers__map-pin {
    width: 47px;
    height: 47px;
    gap: 10px;
  }

  .diagnostic-centers__map-pin-title {
    font-size: 12px;
    line-height: 16px;
  }

  .diagnostic-centers__map-pin-image {
    height: auto;
  }

  .diagnostic-centers__map-pin:nth-child(1) {
    top: 30px;
    left: 100px;
  }

  .diagnostic-centers__map-pin:nth-child(2) {
    top: 165px;
    left: 226px;
  }

  .diagnostic-centers__map-pin:nth-child(3) {
    top: 41px;
    left: 247px;
    gap: 10px;
  }

  .diagnostic-centers__map-pin:nth-child(4) {
    top: 226px;
    left: 340px;
  }

  .diagnostic-centers__map-pin:nth-child(5) {
    top: 268px;
    left: 433px;
  }

  .diagnostic-centers__map-pin:nth-child(6) {
    top: 356px;
    left: 646px;
  }

  .diagnostic-centers__map-pin:nth-child(7) {
    top: 199px;
    left: 288px;
  }

  .diagnostic-centers__map-pin:nth-child(9) {
    top: 51px;
    left: 255px;
    gap: 10px;
  }

  .diagnostic-centers__map-pin:nth-child(10) {
    top: 180px;
    left: 231px;
    gap: 10px;
  }

  .diagnostic-centers__map-image {
    top: -272px;
    left: 56px;
    width: 1377px;
    height: 785px;
  }

  .diagnostic-centers__map2 {
    height: 330px;
  }

  .diagnostic-centers__map2-pin {
    width: 47px;
    height: 47px;
    gap: 10px;
  }

  .diagnostic-centers__map2-pin-title {
    font-size: 12px;
    line-height: 16px;
  }

  .diagnostic-centers__map2-pin-image {
    height: auto;
  }

  .diagnostic-centers__map2-pin:nth-child(1) {
    top: 287px;
    left: 167px;
  }

  .diagnostic-centers__map2-image {
    top: -272px;
    left: 56px;
    width: 1377px;
    height: 785px;
  }
}

.map-btn {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
  width: auto;
  height: 36px;
  color: #737373;
  background: #f5f5f8;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: .2s;
  flex: none;
  order: 0;
  flex: 1;
}

@media (max-width:767px) {
  .map-btn {
    white-space: normal;
    max-width: 50%;
    max-height: 36px;
    font-size: 11px;
  }
}

.title-map {
  font-weight: 500;
  color: #000;
  width: 477.34px;
  min-height: 50px;
  font-family: Geometria;
  font-style: normal;
  font-size: 40px;
  line-height: 100%;
  margin-bottom: 8px;
}

@media (max-width:767px) {
  .title-map {
    width: auto;
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 0;
  }
}

.grey-text {
  width: 477.34px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: #737373;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

@media (max-width:767px) {
  .grey-text {
    width: auto;
  }
}

.subtitle-map {
  margin-bottom: 8px;
  width: -moz-fit-content;
  width: fit-content;
  height: 18px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  display: flex;
  align-items: center;
  letter-spacing: -.03em;
  color: #000;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.list-element-map {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 24px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

@media (width:767px) {
  .list-element-map {
    width: 94%;
  }
}

.list-element-map-img {
  width: 24px;
  height: 24px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.list-element-map-text {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  word-break: break-word;
  overflow-wrap: break-word;
  height: 20px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: #000;
  order: 1;
  flex-grow: 0;
}

.list-elements-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  gap: 12px;
  padding-top: 50px;
  width: 398px;
  height: 64px;
  flex: none;
  order: 2;
  flex-grow: 0;
}

@media (max-width:767px) {
  .list-elements-btns {
    flex-direction: column;
    width: 100%;
    padding-top: 30px;
  }
}

.list-element-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 22px;
  font-weight: 500;
  gap: 8px;
  width: 183px;
  height: 64px;
  border-radius: 12px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.list-element-btn__fill {
  background: #5f6db2;
  color: #edeefd;
}

.list-element-btn__empty {
  background: #edeefd;
  color: #5f6db2;
}

@media (max-width:767px) {
  .list-element-btn {
    width: 100%;
    height: 48px;
  }
}

.list-element-btn__fill:hover {
  color: #fff!important;
}

.btns-header-map {
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
  gap: 12px;
  height: 44px;
  background: #f5f5f8;
  border-radius: 16px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.cities-map {
  width: auto;
  min-height: 142px;
}

.cities-map-info {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  width: auto;
  min-height: 142px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

@media (max-width:767px) {
  .cities-map-info {
    min-height: 182px;
  }
}

.city-map-info {
  display: flex!important;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 8px;
  min-height: 162px;
  background: #f5f5f8;
  border-radius: 20px;
  order: 0;
}

@media (max-width:1249px) {
  .city-map-info .city-map-info {
    flex: 0 0 0;
    max-width: 100%;
    min-height: 183px;
    gap: 15px;
  }
}

.city-map-name {
  width: auto;
  height: auto;
  padding-left: 40px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -.03em;
  color: #000;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

@media (max-width:767px) {
  .city-map-info {
    min-height: 182px;
  }

  .city-map-name {
    padding-left: 0;
  }
}

.city-map-address {
  width: auto;
  height: auto;
  padding-left: 40px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: #000;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

@media (max-width:767px) {
  .city-map-address {
    padding-left: 0;
  }
}

.city-map-work-hours {
  width: auto;
  height: auto;
  padding-left: 40px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: #737373;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

@media (max-width:767px) {
  .city-map-work-hours {
    padding-left: 0;
  }
}

.city-map-number {
  width: auto;
  height: auto;
  padding-left: 40px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
}

.top-row-map {
  display: flex;
  gap: 20px;
}

.record-pc {
  display: block;
}

.record-mob {
  display: none;
}

@media (max-width:767px) {
  .city-map-number {
    padding-left: 0;
  }

  .record-pc {
    display: none;
  }

  .record-mob {
    display: block;
    margin-bottom: 100px;
  }
}

@media (max-width:519px) {
  .record-mob {
    display: block;
    margin-bottom: 30px;
  }
}

.container-map {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
}

.map-btn.active,
.map-btn:hover:not(.active) {
  color: #000;
  background: #fff;
}

.slider-navigation-map {
  display: flex;
}

@media (max-width:767px) {
  .slider-navigation-map {
    display: none;
  }
}

.our-lines {
  background: #f7f7f8;
  z-index: 0;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 0;
  box-sizing: border-box;
}

.our-lines__heading {
  padding-bottom: 0;
}

.our-lines__heading-wrapper {
  padding-right: 16px;
}

.our-lines__heading-title {
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
}

.our-lines__heading-description {
  color: #54565a;
  margin: 16px 0 24px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.our-lines__cards {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px;
}

.our-lines__cards-slider {
  width: 100%;
}

.our-lines__cards-slider-list-arrows {
  position: absolute;
  z-index: 2;
}

.our-lines__cards-slider-card-wrapper {
  min-width: 163.5px;
}

@media (min-width:992px) {
  .our-lines__cards-slider-card-wrapper {
    min-width: unset;
    width: 272px;
    height: 272px;
  }

  .our-lines {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-right: 16px;
  }

  .our-lines__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0;
  }

  .our-lines__heading-wrapper {
    padding-right: 0;
  }

  .our-lines__heading-title {
    font-size: 44px;
    line-height: 57px;
  }

  .our-lines__heading-description {
    margin: 0;
    font-size: 16px;
    line-height: 21px;
    padding: 12px 0;
  }

  .our-lines__cards-slider {
    overflow: hidden;
  }
}

@media (min-width:1250px) {
  .our-lines {
    padding-right: calc(50% - 580px);
  }

  .our-lines__cards-slider-list-arrows.slider-navigation {
    width: 104%;
    left: -2%;
  }
}

.about {
  border-radius: 24px;
  background: rgb(var(--white-color-rgb));
  box-sizing: border-box;
  z-index: 1;
  padding: 48px 0;
}

.about__info-heading-title {
  margin: 0;
}

.about__info-heading-quote.blockquote {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.about__info-heading-quote.blockquote>.blockquote__text {
  margin: 0;
}

.about__info-heading-quote.blockquote>.blockquote__text::after {
  top: 10px;
}

.about__info-ceo {
  position: relative;
  display: flex;
  align-items: center;
  height: 189px;
  margin: 16px 0;
  max-width: 343px;
}

.about__info-ceo-image {
  position: relative;
  top: 2px;
  left: -31px;
  width: 233px;
  height: auto;
}

.about__info-ceo-bubble {
  position: absolute;
  top: 46px;
  right: 0;
  width: 199px;
  height: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 0 0 0 34px;
  box-sizing: border-box;
}

.about__info-ceo-bubble::before {
  content: "";
  background-image: url("/local/templates/geltek2024/frontend/img/icons/bubble-mobile.svg");
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 15px #dcdfee);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: .85;
}

.about__info-ceo-bubble-description,
.about__info-ceo-bubble-title {
  margin: 0;
  z-index: 1;
}

.about__info-ceo-bubble-description {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #54565a;
}

.about__precious {
  padding-left: 16px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about__precious-title {
  margin: 0;
}

.about__precious-benefits {
  width: 100%;
  padding-right: 16px;
  box-sizing: border-box;
}

.about__precious-benefits-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.about__precious-benefits-list-item {
  min-width: 240px;
  max-height: 340px;
}

.about__precious-benefits-list-item>.benefit__icon {
  min-width: 64px;
  min-height: 64px;
}

@media (min-width:992px) {
  .about {
    border-radius: 40px;
    padding: 72px 0;
  }

  .about__info {
    margin-top: 72px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 24px;
    grid-row-gap: 0;
    max-height: 506px;
  }

  .about__info-heading {
    grid-area: 1/2/2/3;
    height: -moz-fit-content;
    height: fit-content;
  }

  .about__info-heading-quote.blockquote {
    margin-top: 24px;
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
  }

  .about__info-heading-quote.blockquote>.blockquote__text {
    margin: 0;
  }

  .about__info-heading-quote.blockquote>.blockquote__text::before {
    top: -6px;
  }

  .about__info-infoblock {
    max-height: 200px;
  }

  .about__info-ceo {
    grid-area: 1/1/3/2;
    height: 506px;
    margin: 0;
    max-width: 569px;
    scale: .8;
  }

  .about__info-ceo-bubble {
    width: 264px;
    height: 127px;
    top: 273px;
    right: -28px;
    padding: 0 0 2px 48px;
  }

  .about__info-ceo-bubble::before {
    background-image: url("/local/templates/geltek2024/frontend/img/icons/bubble.svg");
  }

  .about__info-ceo-bubble-description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }

  .about__info-ceo-image {
    position: absolute;
    top: -166px;
    width: 761px;
    scale: .9;
    height: 744.61px;
    left: -135px;
  }

  .about__precious {
    padding: 0 16px;
  }

  .about__precious-benefits {
    padding-right: 0;
  }

  .about__precious-benefits-list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 261px 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .about__precious-benefits-list-item {
    min-width: unset;
    max-height: unset;
  }

  .about__precious-benefits-list-item:nth-child(1) {
    grid-area: 1/1/2/3;
  }

  .about__precious-benefits-list-item:nth-child(2) {
    grid-area: 1/3/2/5;
  }
}

@media (min-width:1250px) {
  .about {
    top: -215px;
  }

  .about__info-ceo,
  .about__info-ceo-image {
    scale: 1;
  }

  .about__info-ceo-bubble {
    top: 259px;
    right: -25px;
    padding-left: 49px;
    padding-bottom: 3px;
  }

  .about__precious {
    padding: 0 calc(50% - 580px);
  }
}

.learning-block {
  position: relative;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
  overflow-x: clip;
  gap: 12px;
  z-index: 1;
  padding: 48px 0;
}

.learning-block__info {
  position: relative;
}

.learning-block__info-heading {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.learning-block__info-heading-quote .blockquote__text::after {
  top: 9px;
  left: 1px;
}

.learning-block__info-student {
  width: 232px;
  height: 233px;
  position: absolute;
  right: 0;
  bottom: 83px;
  pointer-events: none;
}

.learning-block__info-student-image {
  width: 100%;
  height: 100%;
}

.learning-block__info-infoblock {
  margin-top: 115.5px;
}

.learning-block__events {
  margin-top: 38px;
  padding-left: 16px;
}

.learning-block__events-item:nth-child(3) {
  display: none;
}

.learning-block__events-category-name-list {
  width: 324px;
}

.learning-block__events-categories {
  padding: 0;
  margin: 24px 0 0;
}

@media (min-width:992px) {
  .learning-block__info-heading-quote .blockquote__text::after {
    top: 13px;
    left: -1px;
  }

  .learning-block {
    padding-top: 150px;
    padding-bottom: 72px;
    border-radius: 40px;
  }

  .learning-block__info {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 1fr 158px;
    grid-column-gap: 0;
    grid-row-gap: 36px;
  }

  .learning-block__info-heading {
    max-width: calc(100% - 30px);
    grid-area: 1/1/2/2;
    gap: 28px;
  }

  .learning-block__info-heading-quote {
    max-width: 569px;
  }

  .learning-block__info-student {
    grid-area: 1/2/3/3;
    width: 701px;
    height: 701px;
    top: -180px;
    right: -225px;
  }

  .learning-block__info-infoblock {
    margin-top: 0;
    grid-area: 2/1/3/2;
    max-width: 569px;
    width: -moz-max-content;
    width: max-content;
  }

  .learning-block__info-infoblock .infoblock__button {
    width: 215px;
  }

  .learning-block__events {
    margin-top: 24px;
    padding-right: 16px;
  }

  .learning-block__events .tabs__tab-list-item:nth-child(1) {
    width: 250px;
  }

  .learning-block__events .tabs__tab-list-item:nth-child(2) {
    width: 188px;
  }

  .learning-block__events-category-name-list {
    width: 458px;
  }

  .learning-block__events-item {
    width: 370.67px;
  }

  .learning-block__events-item:nth-child(3) {
    display: flex;
  }

  .learning-block__events-list-wrapper {
    gap: 24px;
  }

  .learning-block__events-categories {
    padding: 0;
    margin: 24px 0 0;
  }
}

@media (min-width:1250px) {
  .learning-block__info {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 255px 158px;
    grid-column-gap: 0;
    grid-row-gap: 36px;
  }

  .learning-block__info-heading {
    max-width: 636px;
  }

  .learning-block__info-heading-quote {
    max-width: 569px;
  }

  .learning-block__info-student {
    width: 761px;
    height: 761px;
    top: -238px;
    right: -205px;
  }

  .learning-block__events {
    padding: 0 calc(50% - 580px);
  }
}

.main-popular {
  margin-bottom: 36px;
}

.check-your-skin {
  z-index: 0;
}

.check-your-skin_block {
  padding: 36px 0;
  background: #f7f7f8;
}

.check-your-skin__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.check-your-skin__heading-description,
.check-your-skin__heading-title {
  margin: 0;
}

.check-your-skin__heading-description {
  color: #54565a;
}

.check-your-skin__services {
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 672px;
}

@media (min-width:768px) {
  .check-your-skin__heading {
    flex-direction: row;
    gap: 24px;
  }

  .check-your-skin__heading-description,
  .check-your-skin__heading-title {
    flex: calc(50% - 24px);
  }

  .check-your-skin__services {
    flex-direction: row;
    gap: 24px;
  }

  .check-your-skin__services-item {
    flex: calc(50% - 24px);
  }
}

.section-about {
  --bg-color: $white-color-100;
}

.section-about--no-bg {
  --bg-color: transparent;
}

.section-about>.container {
  background: var(--bg-color);
}

.section-about__content,
.section-about__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .check-your-skin_block {
    padding: 72px 0;
  }

  .check-your-skin {
    position: relative;
  }

  .check-your-skin__heading-description {
    margin-top: 12px;
  }

  .check-your-skin__services {
    margin-top: 40px;
  }

  .section-about__content {
    flex-direction: row;
    justify-content: space-between;
  }

  .section-about__content .card {
    width: 50%;
    flex-shrink: 0;
  }
}

.section-about__text {
  display: flex;
  flex-direction: column;
  max-width: 568px;
  gap: 12px;
}

@media (min-width:992px) {
  .section-about__text {
    gap: 16px;
  }
}

.geltek-journal {
  background: #f7f7f8;
  padding: 36px 0;
  box-sizing: border-box;
}

.geltek-journal__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.geltek-journal__heading-button {
  height: 36px;
  border: none;
  outline: #5f6db2 solid 2px;
  outline-offset: -1px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 11px 11px 11px 14px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 500;
  gap: 8px;
}

.geltek-journal__heading-description {
  color: #54565a;
}

.geltek-journal__news {
  padding-right: 0;
  margin-top: 28px;
}

.geltek-journal__news-categories {
  padding: 0;
  margin: 0;
}

.geltek-journal__news-list {
  margin-top: 28px;
  padding: 0;
  box-sizing: border-box;
}

.geltek-journal__news-list::-webkit-scrollbar {
  display: none;
}

.geltek-journal__news-list-item {
  box-sizing: border-box;
}

@media (min-width:992px) {
  .geltek-journal {
    padding: 72px 0;
  }

  .geltek-journal__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 57px 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .geltek-journal__heading-description {
    margin-top: 12px;
  }

  .geltek-journal__heading-button {
    width: 176px;
    height: 48px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 12px;
  }

  .geltek-journal__news {
    margin-top: 48px;
    padding-right: 16px;
    height: 100%;
  }

  .geltek-journal__news-list {
    margin-top: 48px;
    height: 100%;
    width: 100%;
  }

  .geltek-journal__news-list-wrapper.swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: 1fr 304px;
    grid-column-gap: 24px;
    grid-row-gap: 48px;
  }

  .geltek-journal__news-list-item {
    height: initial;
  }

  .geltek-journal__news-list-item:nth-child(1),
  .geltek-journal__news-list-item:nth-child(2) {
    display: flex;
  }

  .geltek-journal__news-list-item:nth-child(1) {
    grid-area: 1/1/2/8;
  }

  .geltek-journal__news-list-item:nth-child(2) {
    grid-area: 1/8/2/13;
  }

  .geltek-journal__news-list-item:nth-child(3) {
    grid-area: 2/1/3/5;
  }

  .geltek-journal__news-list-item:nth-child(4) {
    grid-area: 2/5/3/9;
  }

  .geltek-journal__news-list-item:nth-child(5) {
    grid-area: 2/9/3/13;
  }

  .about-section__about-wrapper {
    padding-top: 24px;
  }
}

@media (min-width:1250px) {
  .geltek-journal__news {
    padding-right: calc(50% - 580px);
  }
}

.about-section__directions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .about-section__directions-wrapper {
    gap: 40px;
  }
}

.about-section__directions-title {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  gap: 16px;
  z-index: 1;
}

.about-section__directions-title>p {
  padding-block: 0;
}

.about-section__mission>.container {
  background: rgb(var(--white-color-rgb));
}

.about-section__mission-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (min-width:992px) {
  .about-section__directions-title {
    grid-template-columns: 1fr 1fr;
  }

  .about-section__directions-title>p {
    padding-block: 12px;
  }

  .about-section__mission-wrapper {
    gap: 72px;
  }

  .about-section__mission-goal {
    max-height: 510px;
  }
}

.about-section__mission-goal {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  flex-direction: column-reverse;
  align-items: center;
  gap: 16px;
}

.about-section__mission-goal>img {
  width: 100%;
}

@media (min-width:576px) {
  .about-section__mission-goal {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    justify-content: space-between;
    gap: 25px;
  }

  .about-section__mission-goal>img {
    width: 100%;
    max-width: 537px;
    -o-object-fit: contain;
    object-fit: contain;
    grid-row: 1;
  }
}

.about-section__mission-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  z-index: 1;
  grid-row: 1;
}

.about-section__mission-title>blockquote>p>strong {
  color: #5f6db2;
}

@media (min-width:992px) {
  .about-section__mission-title {
    gap: 32px;
  }

  .about-section__mission-title>blockquote {
    padding-left: 24px;
  }

  .about-section__mission-title>blockquote>p {
    min-height: 300px;
    display: block;
  }
}

.about-section__mission-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-section__benefits {
  margin-top: 3px;
}

@media (max-width:576px) {
  .about-section__benefits {
    margin-top: 0;
  }

  .about-section__benefits>.container {
    padding: 0 0 0 16px;
  }

  .about-section-history .section-history__wrapper {
    min-height: 455px;
  }

  .about-section-history .section-history__wrapper>picture:nth-child(2)>img {
    height: 360px;
  }
}

.about-section__benefits-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-section__benefits-list {
  display: flex;
  width: 100%;
  gap: 24px;
  overflow-x: auto;
}

.about-section__benefits-list::-webkit-scrollbar {
  height: 0;
}

.about-section__benefits-card {
  max-width: 240px;
  min-height: 340px;
}

@media (min-width:576px) {
  .about-section__benefits-list {
    display: grid;
    grid-template-columns: auto auto;
  }

  .about-section__benefits-card {
    width: 100%;
    max-width: 100%;
    min-height: unset;
  }
}

.about-section__overview-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-section__factory>.container {
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .about-section__benefits-list {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto auto;
  }

  .about-section__benefits-card:nth-child(1),
  .about-section__benefits-card:nth-child(2) {
    grid-column: span 2;
  }

  .about-section__overview-wrapper {
    gap: 24px;
  }

  .about-section__factory>.container {
    background: 0 0;
  }
}

.about-section__factory-wrapper {
  display: flex;
  flex-direction: column;
  padding-block: 16px;
  gap: 10px;
}

@media (min-width:992px) {
  .about-section__factory-wrapper {
    padding-block: 0;
    gap: 24px;
  }
}

.about-section__factory-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width:576px) {
  .about-section__factory-content {
    background: rgb(var(--white-color-rgb));
    grid-template-columns: auto 1fr;
    padding: 24px;
    border-radius: 24px;
    overflow: hidden;
    gap: 40px;
  }
}

.about-section__factory-video {
  position: relative;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
  max-height: 187px;
  border-radius: 8px;
  scrollbar-gutter: unset;
}

.about-section__factory-video>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 20%;
  object-position: 20%;
}

@media (min-width:992px) {
  .about-section__factory-video {
    max-height: unset;
  }

  .about-section__factory-video>img {
    -o-object-position: center;
    object-position: center;
    width: 100%;
    max-width: 592px;
    border-radius: 24px;
  }
}

.about-section__factory-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 40px;
  background: rgba(95,109,178,.5);
}

.about-section__factory-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.about-section__factory-text>p {
  max-width: 457px;
}

.about-section__expertise {
  padding-top: 8px;
}

.about-section__expertise>.container {
  background: rgb(var(--white-color-rgb));
}

.about-section__expertise-wrapper {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

@media (min-width:992px) {
  .about-section__expertise {
    padding-top: 0;
  }

  .about-section__expertise-wrapper {
    gap: 40px;
  }
}

.about-section__expertise-title {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width:992px) {
  .about-section__expertise-title {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-title>p {
    padding-block: 11px;
  }
}

.about-section__expertise-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-section__expertise-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  scrollbar-gutter: unset;
  max-height: 270px;
}

.about-section__expertise-img>picture>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

@media (min-width:576px) {
  .about-section__expertise-img {
    border-radius: 24px;
    max-height: 350px;
  }

  .about-section__expertise-img>picture>img {
    -o-object-position: bottom;
    object-position: bottom;
  }
}

@media (min-width:992px) {
  .about-section__expertise-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-img {
    max-height: 614px;
  }
}

.about-section__expertise-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.about-section__expertise-card {
  padding: 15px;
}

.modal-certificates {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s,visibility .3s;
}

.modal-certificates__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
}

.modal-certificates__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  aspect-ratio: 1;
  --icon-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .modal-certificates__close {
    top: 20px;
    right: 20px;
    width: 48px;
  }
}

.modal-certificates.is-open {
  opacity: 1;
  visibility: visible;
}

.modal-certificates__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(.8);
  transition: transform .3s;
}

.modal-certificates.is-open .modal-certificates__content {
  transform: scale(1);
}

.modal-certificates__swiper {
  width: 100%;
  height: 90%;
}

.modal-certificates__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-certificates__swiper .swiper-slide img {
  cursor: grab;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal-certificates__swiper .swiper-slide img:active {
  cursor: grabbing;
}

.modal-certificates__pagination {
  position: absolute;
  top: 20px;
  left: 40px;
  transform: translateX(-50%);
  color: #888;
  font-size: 18px;
  z-index: 1010;
}

.modal-certificates__button {
  position: absolute;
  top: 50%;
  border-radius: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #272727;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1010;
  color: #fff;
}

.modal-certificates__button--prev {
  left: 20px;
}

.modal-certificates__button--next {
  right: 20px;
}

.modal-certificates__button,
.modal-certificates__pagination {
  opacity: 0;
  transition: opacity .3s;
}

.modal-certificates.show-controls .modal-certificates__button,
.modal-certificates.show-controls .modal-certificates__pagination {
  opacity: 1;
}

.about-section__invite {
  margin-top: 2px;
}

.about-section__invite-card {
  min-height: 210px;
}

.about-section__invite-card .h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.about-section__invite-card p {
  max-width: 183px;
}

.about-section__invite-card .direction-card__background {
  min-width: 141px;
}

.about-section__invite-card .direction-card__button {
  padding: 6px;
}

@media (min-width:576px) {
  .about-section__expertise-list {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-card {
    padding: 31px 23px;
  }

  .about-section__invite-card .direction-card__button {
    padding: 12px 16px 12px 20px;
    border-radius: 16px;
  }
}

.about-section__invite-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

@media (min-width:992px) {
  .about-section__invite-card {
    height: 100%;
    max-height: 238px;
  }

  .about-section__invite-card .h4 {
    font-size: 24px;
  }

  .about-section__invite-card p {
    max-width: 370px;
    min-height: 48px;
  }

  .about-section__invite-card .direction-card__background {
    min-width: unset;
  }

  .about-section__invite-list {
    flex-direction: row;
  }
}

.about-section-history .section-history__wrapper {
  overflow: hidden;
}

@media (max-width:374px) {
  .about-section__mission .blockquote__text::before {
    left: -8px;
  }

  .about-section__invite-card .direction-card__background {
    max-width: 90px;
    min-width: 90px;
  }

  .about-section-history .section-history__wrapper {
    min-height: 455px;
  }

  .about-section-history .section-history__wrapper>picture:nth-child(2)>img {
    height: 400px;
  }
}