.logo {
  padding: 24px 0;
}


.header {
  padding: 25px 0;
  border-radius: 0px 0px 20px 20px;
  /* background: #F2DDDE; */
}

.headerInner {
  display: flex;
  gap: 24px;
}

.headerMain {
  max-width: 601px;
  border-radius: 20px;
  background: #F8F8F8;

  box-shadow: 0px 3.612px 36.275px 0px rgba(19, 16, 30, 0.19);
  padding: 20px;
}

.headerFree {
  padding: 8px 12px;
  display: flex;
  gap: 10px;
  border-radius: 11px;
  background: #fff;
  align-items: center;
  width: fit-content;
}

.headerFree svg {
  width: 30px;
  height: 30px;
}

.headerFreeText {
  color: #151617;

  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24.889px;
}

.headerTitle {
  color: #151617;
  margin-top: 16px;
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 54.833px;
}

.headerTitle span {
  color: #ff4085;
}

.headerPrank {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  gap: 16px;
}

.headerPrankButt {
  border-radius: 7.264px;
  background: #ff4085;
  height: 27.24px;
  padding: 4px 9.08px;
  color: #fff;
  font-size: 18.16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18.16px */
  letter-spacing: 0.363px;
}

.headerPrankDescr {
  color: #151617;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 28.8px */
}

.headerList {
  margin-top: 16px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.headerList>li {
  list-style-type: none;
}

.headerListPoint {
  display: flex;
  gap: 10px;
}

.headerListPoint svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.headerListPointText {
  color: #151617;

  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.889px;
}

.headerButton {
  margin-top: 20px;
  border-radius: 16px;
  background: #ff4085;
  box-shadow: 0px 0px 30px 0px #ff4085;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  width: 100%;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  letter-spacing: 0.4px;
}

.headerSlider {
  max-width: 601px;
  position: relative;
}

.swiper-slide img {
  max-width: 601px;
}

.s-button-prev {
  position: absolute;
  left: 10px;
  top: 42%;
  z-index: 2;
  cursor: pointer;
}

.s-button-next {
  position: absolute;
  right: 10px;
  top: 42%;
  z-index: 2;
  cursor: pointer;
}

.headerSliderText {
  margin-top: 35px;
  padding: 16px 20px;
  width: 100%;
  border-radius: 16px;
  background: #fff;
  color: #000;
  display: none;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.32px;
}

@media (max-width: 1244px) {
  .headerInner {
    flex-direction: column;
    align-items: center;
  }

  .headerMain {
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
}

@media (max-width: 645px) {

  .logoBox {
    display: flex;
    justify-content: center;
  }

  .preHeaderDateCounter {
    font-size: 14px;
  }

  .headerFreeText {
    font-size: 12px;
  }



  .headerFree {
    padding: 8px 8px;
  }

  .headerTitle {
    margin-top: 15px;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }

  .headerList {
    margin-top: 16px;
    gap: 12px;
  }

  .headerButton {
    margin-top: 20px;
    padding: 18px 0;
    font-size: 16px;
  }

  .headerSlider {
    width: 100%;
  }

  .swiper-slide img {
    width: 100%;
  }

  .headerListPointText {
    font-size: 14px;
  }

  .headerListPoint svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .headerInner {
    gap: 20px;
  }

  .s-button-prev svg,
  .s-button-next svg {
    width: 35.95px;
    height: 35.95px;
  }

  .headerSliderText {
    font-size: 14px;
    margin-top: 8px;
  }

  .header {
    padding: 10px 0 15px 0;
  }

  .headerPrankButt {
    border-radius: 8.267px;
    height: 31px;
    font-size: 20.667px;
  }

  .headerPrankDescr {
    font-size: 16px;
  }

  .headerMain {
    padding: 16px;
  }

  .headerFree svg {
    width: 25px;
    height: 25px;
  }
}