.hero {
  min-height: 584px;
  background:
    url("/img/sec-bg.png") no-repeat center right,
    linear-gradient(#ec3c6a, #ec3c6a);
}
h1 {
  margin-top: 80px;
  font-family: Oswald;
  font-size: 80px;
  font-weight: 700;
}

.start-block {
  padding-block: 100px;
}

.collections {
  padding-top: 100px;
  padding-bottom: 150px;
}

.collections h2 {
  text-align: left;
}

.collections h3 {
  color: #bcbcbc;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  max-width: 750px;
}

.start-block {
  background: #151515;
}

.about-block {
  display: flex;
  flex-direction: column;
}

.about-block-info {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.about-block-info .text p {
  color: #bcbcbc;
  font-size: 18px;
  line-height: 150%;
}

.about-block-info .text {
  margin-top: 0px;
}

.about-block-info .purple-button {
  padding: 24px;
}

.about-block-info .text h3 {
  color: #bcbcbc;
  font-family: Oswald;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 26px;
}

.dt {
  display: block;
}

.mob {
  display: none;
}

.start-list {
  color: #bcbcbc;
  font-size: 18px;
  font-style: normal;
  line-height: 150%;
}

.start-block .text {
  max-width: 630px;
}

.start-block p {
  color: #bcbcbc;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 10px;
}

.start-list li {
  margin-left: 20px;
  margin-bottom: 10px;
}

.start-list li:last-of-type {
  margin-bottom: 50px;
}

.buy-block .subtitle {
  color: #bcbcbc;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.collection-item-title {
  color: #fc275d;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
}

.collection-item-text {
  color: #818181;
  text-align: center;
  max-width: 355px;
  font-size: 18px;
  font-style: italic;
  line-height: 150%;
  margin-bottom: 26px;
}

.collection-item-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #bcbcbc;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 10px;
}

.our-aproach {
  background: #4747474d;
}

.our-aproach h2 {
  text-align: left;
}

.why-choose-item {
  border: 1px solid #fc275d !important;
  background: #151515;
  box-shadow: 0 4px 37px 0 rgba(0, 0, 0, 0.51);
}

.plank,
.buy-block-item:nth-of-type(2) {
  position: relative;
}

.plank:before,
.buy-block-item:nth-of-type(2)::before {
  content: "Most Popular";
  position: absolute;
  text-align: center;
  color: #000;
  text-align: center;
  font-size: 18px;
  top: -24px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 40px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  width: 100%;
  border-radius: 32px;
  border: 1px solid #fc275d;
  background: linear-gradient(90deg, #ff0f4c 0%, #ee436e 100%);
}

.collection-item-list li:last-of-type {
  margin-bottom: 44px;
}

.collection-item-list li img {
  max-width: 15px;
  width: 100%;
}

@media (max-width: 1300px) {
  .about-block-info {
    flex-direction: column;
  }

  .dt {
    display: none;
  }

  .mob {
    display: block;
  }
}

@media (max-width: 900px) {
  h1 {
    margin-top: 90px;
  }
  .start-block {
    padding-block: 80px;
  }

  .collections {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}

@media (max-width: 500px) {
  h1 {
    margin-top: 60px;
  }
  .start-block {
    padding-block: 60px;
  }

  .collections {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .hero {
    background: linear-gradient(
      270deg,
      #ec3f6c 0%,
      #bc2048 39.03%,
      #70001d 100%
    );
    padding-bottom: 130px;
  }
}

/* SWIPER */
.buy-block {
  margin-block: 110px;
}
.buy-block-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 80px;
}
.swiperPrice {
  margin-top: 80px;
}
.buy-block-item {
  border: 1px solid #a61237;
  background: #151515;
  box-shadow: 0 4px 37px 0 rgba(0, 0, 0, 0.51);

  img {
    width: 100%;
  }
  .buy-block-item-bottom {
    padding-inline: 24px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .price {
    color: #004b39;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: block;
  }
  .buy-item-interactive {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-top: 20px;
  }
}
.swiperPrice {
  display: none !important;
}
@media (max-width: 1080px) {
  .swiperPrice {
    display: block !important;
    overflow: visible !important;
    margin-bottom: 44px;
  }
  .swiper-wrapper {
    align-items: stretch !important;
  }
  .swiper-slide {
    height: auto !important;
  }
  .swiper-button-prev,
  .swiper-button-next {
    top: 105% !important;
    bottom: -40px !important;
    height: 58px !important;
    width: 58px !important;
  }
  .buy-block {
    overflow: hidden;
  }
  .buy-block-list {
    display: none;
  }
  .buy-block-item {
    height: stretch;
  }
}

@media (max-width: 900px) {
  .buy-block {
    margin-block: 80px;
  }
}
@media (max-width: 700px) {
  .swiperPrice {
    margin-top: 40px;
  }
}
@media (max-width: 500px) {
  .buy-block {
    margin-block: 60px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: 103% !important;
  }
}
