/* 
$breakpoint argument choices:
0 - 600px(37.5em): phone
600 - 900px(56.25em): tab-port
* - 1050px : laptop-L
900 - 1200px(75em): tab-land
1200 - 1800: normal styles apply(desktop first)
1800+(112.5em): big-desktop

order: base + typography => general layput + grid => page layout => component

*/
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
}

html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
}

@font-face {
  font-family: "Noah";
  src: url("../fonts/Noah/Commercial/WEB/Noah-Regular.eot");
  src: url("../fonts/Noah/Commercial/WEB/Noah-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Noah/Commercial/WEB/Noah-Regular.woff2") format("woff2"), url("../fonts/Noah/Commercial/WEB/Noah-Regular.woff") format("woff"), url("../fonts/Noah/Commercial/WEB/Noah-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noah";
  font-weight: 700;
  src: url("../fonts/Noah/Commercial/WEB/Noah-Bold.eot");
  src: url("../fonts/Noah/Commercial/WEB/Noah-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Noah/Commercial/WEB/Noah-Bold.woff2") format("woff2"), url("../fonts/Noah/Commercial/WEB/Noah-Bold.woff") format("woff"), url("../fonts/Noah/Commercial/WEB/Noah-Bold.ttf") format("truetype");
}
body {
  font-family: "Noah";
  color: #1e1e1f;
}

a {
  color: #1e1e1f;
}

.heading-primary {
  font-size: 84px;
  line-height: 1;
  font-weight: 500;
}
.heading-primary strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .heading-primary {
    font-size: 62px;
  }
}

.heading-secondary {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .heading-secondary {
    font-size: 42px;
  }
}

.heading-tertiary {
  font-size: 54px;
  line-height: 1.185;
  font-weight: 400;
}
.heading-tertiary strong {
  display: block;
  font-weight: 700;
}

.shell {
  max-width: 1312px;
  width: 100%;
  padding-inline: 20px;
  margin: 0 auto;
}

.section {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .section {
    margin-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  .desktop-hide {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .mobile-hide {
    display: none !important;
  }
}

@media (max-width: 834px) {
  .tablet-hide {
    display: none !important;
  }
}

.tablet-show {
  display: none;
}
@media (max-width: 834px) {
  .tablet-show {
    display: block !important;
  }
}

/*****************
    COMPONENTS
*****************/
.section-intro {
  position: relative;
}
@media (max-width: 1200px) {
  .section-intro .shell {
    padding: 0;
  }
}
.section-intro::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 38px;
  right: 0;
  z-index: -1;
  width: 52vw;
  height: calc(100% - 38px);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #F0F6FB;
}
@media (max-width: 1200px) {
  .section-intro::after {
    display: none;
  }
}
.section-intro .cols {
  margin-top: 66px;
  gap: 80px;
}
@media (max-width: 1200px) {
  .section-intro .cols {
    gap: 32px;
    margin-top: 0;
    padding-top: 30px;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .section-intro .cols {
    padding-top: 0;
  }
}
.section-intro .cols .col:first-of-type {
  align-self: flex-start;
}
.section-intro .cols .col:first-of-type p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
}
@media (max-width: 640px) {
  .section-intro .cols .col:first-of-type p {
    line-height: 1.33;
  }
}
.section-intro .cols .col:first-of-type p:not(:last-of-type) {
  margin-bottom: 21px;
}
@media (max-width: 1200px) {
  .section-intro .cols .col:first-of-type {
    order: 2;
    padding: 0 20px;
    max-width: 700px;
  }
}
.section-intro .cols .col:last-of-type {
  height: 100%;
  align-self: flex-end;
}
@media (max-width: 1200px) {
  .section-intro .cols .col:last-of-type {
    width: 100vw;
    background-color: #F0F6FB;
    margin-right: 0;
    margin-top: 35px;
  }
}
.section-intro h1 {
  font-size: 84px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 24px;
}
.section-intro h1 strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-intro h1 {
    font-size: 62px;
  }
}
.section-intro .section__actions {
  margin-top: 21px;
  display: flex;
  gap: 13px;
  justify-content: flex-start;
}
@media (max-width: 640px) {
  .section-intro .section__actions {
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    gap: 25px;
  }
  .section-intro .section__actions .btn {
    width: 100%;
  }
}
.section-intro .intro__media {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}
@media (max-width: 1200px) {
  .section-intro .intro__media {
    justify-content: center;
    padding: 0 100px;
    margin-bottom: -38px;
  }
}
.section-intro .section__image {
  position: relative;
  max-width: 540px;
  clip-path: inset(-200px -200px 38px -200px);
}
@media (max-width: 640px) {
  .section-intro .section__image {
    min-width: 260px;
  }
}
.section-intro .section__image img {
  width: 100%;
  height: auto;
  transform: rotate(14deg);
}
.section-intro .badge {
  top: 13%;
  left: -181px;
}
@media (max-width: 1200px) {
  .section-intro .badge {
    left: -80px;
  }
}
@media (max-width: 640px) {
  .section-intro .badge {
    left: -20px;
  }
}
.section-intro .fancy-star-intro-1 {
  position: absolute;
  top: 33%;
  left: -46px;
}
.section-intro .fancy-star-intro-2 {
  z-index: 80;
  position: absolute;
  top: -50px;
  right: 3%;
}
@media (max-width: 640px) {
  .section-intro .fancy-star-intro-2 {
    width: 31px;
    height: 31px;
    top: -26px;
    right: 15%;
  }
}

.section-intro-primary {
  max-width: 1440px;
  margin-inline: auto;
  background: url("../media/images/shoppageintro.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-intro-primary {
    background: url("../media/images/shoppageintro-mobile.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.section-intro-primary .section__content {
  position: relative;
  z-index: 110;
  padding: 40px 30px 0 15px;
}
@media (max-width: 1024px) {
  .section-intro-primary .section__content {
    margin-bottom: 30px;
  }
}
.section-intro-primary h1 {
  font-size: 84px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
  z-index: 100;
  position: relative;
}
.section-intro-primary h1 strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-intro-primary h1 {
    font-size: 62px;
  }
}
@media (max-width: 640px) {
  .section-intro-primary h1 {
    font-size: 53px;
    margin-bottom: 8px;
  }
}
.section-intro-primary p {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
}
.section-intro-primary p a {
  text-decoration: underline;
  font-weight: 700;
}
@media (max-width: 640px) {
  .section-intro-primary p {
    font-size: 16px;
    line-height: 1.25;
  }
}
.section-intro-primary .btn {
  margin-top: 24px;
  padding: 16px 64px !important;
}
@media (max-width: 834px) {
  .section-intro-primary .btn {
    margin-top: 15px;
    width: 100%;
  }
}
.section-intro-primary .btn svg {
  width: 24px;
  height: 24px;
}
.section-intro-primary .fancy-star-intro {
  position: absolute;
  width: 194px;
  height: 194px;
  top: -42px;
  left: 50%;
  transform: translateX(63%);
}
@media (max-width: 1024px) {
  .section-intro-primary .fancy-star-intro {
    width: 63px;
    height: 67px;
    top: 20px;
    transform: translateX(80%);
  }
}
.section-intro-primary .badge {
  z-index: 0;
  top: -19px;
  right: -3%;
}
@media (max-width: 1024px) {
  .section-intro-primary .badge {
    top: -51px;
    right: 10%;
  }
}
@media (max-width: 400px) {
  .section-intro-primary .badge {
    right: -30px;
  }
}
.section-intro-primary .section__media {
  padding: 250px;
}
@media (max-width: 640px) {
  .section-intro-primary .section__media {
    padding: 110px;
  }
}

@media (max-width: 1200px) {
  .section-aside-list {
    display: none;
  }
}

.section-features .cols {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 90px;
}
@media (max-width: 834px) {
  .section-features .cols {
    flex-direction: column;
  }
}
.section-features .col {
  text-align: center;
}
.section-features h2 {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 8px;
}
.section-features p {
  font-size: 16px;
  line-height: 1.375;
}

@media (max-width: 1200px) {
  .section-packages {
    display: none;
  }
}
.section-packages .section__header {
  text-align: center;
}
.section-packages .section__header h2 {
  font-size: 54px;
  line-height: 1.185;
  font-weight: 400;
}
.section-packages .package__wrapper {
  position: relative;
  background-image: url("../media/images/pricing-background.png");
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  min-height: 470px;
  border-radius: 30px;
  padding-top: 77px;
}
.section-packages .packages {
  padding-top: 48px;
  padding-inline: 100px;
}

.section-testimonials {
  background-color: #F0F6FB;
  position: relative;
  padding: 6rem 0 4rem;
}
@media (max-width: 640px) {
  .section-testimonials {
    padding: 20px 0;
  }
}
.section-testimonials .shell {
  padding: 0;
}
.section-testimonials .section__header {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 640px) {
  .section-testimonials .section__header {
    text-align: left;
    padding: 0 20px;
  }
}
.section-testimonials .section__header h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .section-testimonials .section__header h2 {
    font-size: 42px;
  }
}
.section-testimonials .testimonial-star-1 {
  width: 53px;
  height: 53px;
  position: absolute;
  top: 12.5rem;
  left: 4%;
}
@media (max-width: 834px) {
  .section-testimonials .testimonial-star-1 {
    display: none;
  }
}
.section-testimonials .testimonial-star-2 {
  width: 53px;
  height: 53px;
  position: absolute;
  bottom: 5rem;
  right: 9%;
}
@media (max-width: 834px) {
  .section-testimonials .testimonial-star-2 {
    display: none;
  }
}
.section-testimonials .testimonial-star-3 {
  z-index: 0;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 6.5rem;
  left: 16%;
}
@media (max-width: 834px) {
  .section-testimonials .testimonial-star-3 {
    display: none;
  }
}
.section-testimonials .slider-testimonials {
  position: relative;
}
@media (max-width: 640px) {
  .section-testimonials .slider-testimonials {
    padding-left: 20px;
  }
}
.section-testimonials .slider-testimonials > button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 35%;
  z-index: 1000;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(167, 167, 167, 0.231372549);
}
.section-testimonials .slider-testimonials > button:hover {
  border: 2px solid #ebeeff;
}
.section-testimonials .slider-testimonials > button:hover svg path {
  stroke: #627BFF;
}
.section-testimonials .slider-testimonials > button.slick-prev {
  left: 15px;
  transform: translateX(-50%);
}
.section-testimonials .slider-testimonials > button.slick-next {
  right: 15px;
  transform: translateX(50%);
}
.section-testimonials .slider-testimonials .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 48px;
}
.section-testimonials .slider-testimonials .slick-dots li button {
  display: none;
}
.section-testimonials .slider-testimonials .slick-dots li::before {
  content: "";
  display: block;
  background-color: #ebeeff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.section-testimonials .slider-testimonials .slick-dots li.slick-active::before {
  background-color: #627BFF;
}
.section-testimonials .slider-testimonials .testimonial {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 50px;
  margin-inline: 12px;
  padding: 0 25px 20px;
  width: 408px;
}
@media (max-width: 640px) {
  .section-testimonials .slider-testimonials .testimonial {
    width: 280px;
  }
}
.section-testimonials .slider-testimonials .testimonial .testimonial__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10px;
  position: relative;
  margin-top: -46px;
  margin-bottom: 32px;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__header .list-rating {
  justify-content: flex-end;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__header .testimonial-image {
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  overflow: hidden;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__header .testimonial-image img {
  width: 100%;
  height: auto;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__content .testimonial-review {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  margin-bottom: 32px;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__content .testimonial__author .author-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.14;
  margin-bottom: 4px;
}
.section-testimonials .slider-testimonials .testimonial .testimonial__content .testimonial__author .author-position {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16;
}

.section-faq .section__header {
  text-align: center;
  margin-bottom: 41px;
}
@media (max-width: 640px) {
  .section-faq .section__header {
    text-align: left;
    margin-bottom: 24px;
  }
}
.section-faq .section__header h5 {
  margin-bottom: 10px;
}
.section-faq .section__header h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .section-faq .section__header h2 {
    font-size: 42px;
  }
}
.section-faq .tabs__nav ul {
  justify-content: center;
  margin-bottom: 104px;
}
@media (max-width: 1024px) {
  .section-faq .tabs__nav ul {
    margin-bottom: 50px;
  }
}
@media (max-width: 640px) {
  .section-faq .tabs__nav ul {
    margin-bottom: 24px;
  }
}
.section-faq .faq-wrapper {
  max-width: 981px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 48px;
  row-gap: 60px;
  justify-items: center;
}
@media (max-width: 640px) {
  .section-faq .faq-wrapper {
    grid-template-columns: repeat(1, auto);
    grid-template-rows: auto;
    row-gap: 24px;
  }
}
.section-faq .faq-wrapper div {
  max-width: 440px;
  justify-self: start;
}
.section-faq .faq-wrapper div h3 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
}
.section-faq .faq-wrapper div p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.37;
}
.section-faq .faq-wrapper div p ~ p {
  margin-top: 16px;
}

.section-contact {
  position: relative;
  background-image: url("../media/images/form-bg-big.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1024px) {
  .section-contact {
    background-position: 25% center;
  }
}
@media (max-width: 640px) {
  .section-contact {
    background-image: url("../media/images/form-bg-phone.png");
    background-position: left bottom;
    padding: 51px 0 65px;
  }
}
.section-contact h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .section-contact h2 {
    font-size: 42px;
  }
}
.section-contact .fancy-star-contact {
  position: absolute;
  left: 51%;
  bottom: 18%;
}
@media (max-width: 640px) {
  .section-contact .fancy-star-contact {
    bottom: 27%;
  }
}
.section-contact .shell {
  max-width: 900px;
  padding: 32px;
}
.section-contact .form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .section-contact .form-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    gap: 0;
    margin-bottom: 45px;
  }
}
@media (max-width: 640px) {
  .section-contact .form-wrapper {
    gap: 0;
    margin-bottom: 45px;
  }
}
.section-contact .form-wrapper textarea {
  grid-column: span 2;
  resize: none;
  min-height: 120px;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .section-contact .form-wrapper textarea {
    grid-column: span 1;
  }
}
.section-contact .form-wrapper input {
  border-radius: 30px;
}
@media (max-width: 1024px) {
  .section-contact .form-wrapper input:first-of-type {
    margin-bottom: 10px;
  }
  .section-contact .form-wrapper input:last-of-type {
    margin-bottom: 24px;
  }
}
.section-contact .form-wrapper input,
.section-contact .form-wrapper textarea {
  font-family: inherit;
  background-color: transparent;
  border: 2px solid #fff;
  padding: 12px 18px;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  transition: all 0.4s;
}
.section-contact .form-wrapper input::placeholder,
.section-contact .form-wrapper textarea::placeholder {
  color: #1e1e1f;
}
.section-contact .form-wrapper input:focus,
.section-contact .form-wrapper textarea:focus {
  outline: none;
  background-color: #fff;
  color: #1e1e1f;
}
.section-contact .form-wrapper input:focus::placeholder,
.section-contact .form-wrapper textarea:focus::placeholder {
  padding-left: 10px;
}
.section-contact .btn-wrapper {
  text-align: right;
}
@media (max-width: 640px) {
  .section-contact .btn-wrapper {
    text-align: center;
  }
  .section-contact .btn-wrapper .btn {
    width: 100%;
  }
}
.section-contact .btn-wrapper .btn {
  border: none;
}

.section-products .shell {
  padding: 0;
}
.section-products .products__head {
  padding-inline: 20px;
  margin-bottom: 98px;
}
@media (max-width: 1200px) {
  .section-products .products__head {
    margin-bottom: 0;
  }
  .section-products .products__head .cols {
    flex-direction: column;
  }
  .section-products .products__head .col:first-of-type {
    margin-bottom: 48px;
  }
}
@media (max-width: 640px) {
  .section-products .products__head {
    margin-inline: 0;
  }
}
.section-products .products__head .cols {
  align-items: flex-start;
}
.section-products .products__head h5 {
  margin-bottom: 0;
}
.section-products .products__head h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .section-products .products__head h2 {
    font-size: 42px;
  }
}
.section-products .products__head .tabs__nav ul {
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .section-products .products__head .tabs__nav ul {
    justify-content: center;
  }
}
.section-products .products-wrapper {
  padding: 0 20px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 7rem;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .section-products .products-wrapper {
    row-gap: 5rem;
  }
}
@media (max-width: 900px) {
  .section-products .products-wrapper {
    display: block;
    margin-bottom: 32px;
    padding: 0;
  }
  .section-products .products-wrapper .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
  }
  .section-products .products-wrapper .slick-dots li button {
    display: none;
  }
  .section-products .products-wrapper .slick-dots li::before {
    content: "";
    display: block;
    background-color: #ebeeff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  .section-products .products-wrapper .slick-dots li.slick-active::before {
    background-color: #627BFF;
  }
}
.section-products .product-cta {
  background-image: linear-gradient(21deg, rgb(233, 177, 199) 0%, rgba(255, 255, 255, 0) 60%), url("../media/images/Product-Banners.png");
  border-radius: 25px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px;
  margin-right: 30px;
}
@media (max-width: 900px) {
  .section-products .product-cta {
    display: block;
    padding: 23px;
    margin: 23px 12px 0;
    min-height: 579px !important;
    min-width: 280px;
    width: 280px !important;
    position: relative;
  }
}
@media (max-width: 400px) {
  .section-products .product-cta {
    min-height: 528px !important;
  }
}
.section-products .product-cta h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.14;
  color: #fff;
}
.section-products .product-cta .btn {
  font-size: 14px;
  padding: 16px 18px;
  gap: 12px;
}
@media (max-width: 900px) {
  .section-products .product-cta .btn {
    position: absolute;
    bottom: 23px;
    left: 23px;
  }
}
.section-products .section__actions {
  text-align: center;
}

.section-products-primary .cols {
  justify-content: center;
}
@media (max-width: 1200px) {
  .section-products-primary .cols .col:last-of-type .placeholder-img-desktop {
    display: none;
  }
  .section-products-primary .cols .col:last-of-type .placeholder-img-mobile {
    display: block !important;
  }
}
@media (max-width: 1200px) {
  .section-products-primary .cols .col-9of12 {
    flex-basis: 100%;
  }
}
.section-products-primary aside.col {
  align-self: flex-start;
}
.section-products-primary .products__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
  row-gap: 48px;
}
.section-products-primary .products__wrapper .product-primary {
  margin: 0;
}
@media (max-width: 900px) {
  .section-products-primary .products__wrapper {
    display: block;
    margin-bottom: 32px;
    margin-inline: -20px;
  }
}
.section-products-primary .products__wrapper .product-cta-primary {
  background-image: linear-gradient(135deg, rgb(34, 34, 34) 0%, rgba(255, 255, 255, 0) 80%), url("../media/images/cta-background-2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: relative;
  padding: 45px 28px 17px;
}
@media (max-width: 900px) {
  .section-products-primary .products__wrapper .product-cta-primary {
    display: block;
    padding: 23px;
    margin: 23px 12px 0;
    min-height: 537px !important;
    min-width: 280px;
    width: 280px !important;
    position: relative;
  }
}
@media (max-width: 400px) {
  .section-products-primary .products__wrapper .product-cta-primary {
    min-height: 528px !important;
  }
}
.section-products-primary .products__wrapper .product-cta-primary h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.14;
  color: #fff;
}
.section-products-primary .products__wrapper .product-cta-primary .btn {
  position: absolute;
  bottom: 17px;
  left: 20px;
  right: 20px;
  font-size: 14px;
}
.section-products-primary .section__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
}
.section-products-primary .section__actions .buttons-container {
  display: flex;
  gap: 28px;
  margin-bottom: 48px;
}
.section-products-primary .section__actions .buttons-container button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: 1px solid #d7deff;
  border-radius: 50%;
  background-color: #fff;
}
.section-products-primary .section__actions .buttons-container button svg path {
  stroke: #899cff;
}
.section-products-primary .section__actions .buttons-container button:hover {
  border: 2px solid #ebeeff;
}
.section-products-primary .section__actions .buttons-container button:hover svg path {
  stroke: #627BFF;
}

.section-subscribenow {
  position: relative;
}
@media (max-width: 1024px) {
  .section-subscribenow .cols {
    flex-direction: column-reverse;
  }
}
.section-subscribenow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #DBECDC;
  width: 100%;
  height: 524px;
}
@media (max-width: 1024px) {
  .section-subscribenow::before {
    height: 803px;
  }
}
@media (max-width: 834px) {
  .section-subscribenow::before {
    height: 563px;
  }
}
.section-subscribenow .section__header {
  margin: 78px 0 58px 58px;
  max-width: 592px;
}
@media (max-width: 1024px) {
  .section-subscribenow .section__header {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 834px) {
  .section-subscribenow .section__header {
    max-width: 325px;
  }
}
.section-subscribenow .section__header h2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .section-subscribenow .section__header h2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 834px) {
  .section-subscribenow .section__header h2 {
    font-size: 32px;
  }
}
.section-subscribenow .section__media {
  position: relative;
  margin-top: 113px;
}
@media (max-width: 1024px) {
  .section-subscribenow .section__media {
    margin-top: 44px;
  }
}
.section-subscribenow .section__media .badge-secondary {
  top: -32px;
  left: 50%;
  transform: translateX(-150%);
}
.section-subscribenow .section__media img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 345px;
}
@media (max-width: 834px) {
  .section-subscribenow .section__media img {
    max-width: 190px;
  }
}
@media (max-width: 1024px) {
  .section-subscribenow .packages {
    margin-bottom: 55px;
  }
  .section-subscribenow .packages .package,
  .section-subscribenow .packages .package.package--center {
    min-width: unset;
  }
}

.section-instagram .slider-instagram .post-instagram {
  max-width: 285px;
  height: 208px;
  margin: 0 5px;
}
.section-instagram .slider-instagram .post-instagram a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.section-instagram .slider-instagram .post-instagram a img {
  display: block;
  width: 100%;
  height: auto;
}
.section-instagram .slider-instagram .post-instagram a span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  padding: 7px 23px;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  white-space: nowrap;
  transform: translate(-50%, -200%);
  opacity: 0;
  transition: 0.4s all;
  will-change: transform;
}
.section-instagram .slider-instagram .post-instagram a:hover span {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.section-breadcrumbs {
  margin-bottom: 0;
  padding: 0 20px;
}
.section-breadcrumbs .shell {
  padding-inline: 0;
}
@media (max-width: 1200px) {
  .section-breadcrumbs .shell {
    padding-inline: 20px;
  }
}
@media (max-width: 640px) {
  .section-breadcrumbs {
    display: none;
  }
}

.section-boxes {
  position: relative;
}
.section-boxes .boxes {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.section-boxes .boxes__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .section-boxes::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #F0F6FB;
    width: 100%;
    height: 554px;
  }
}
.section-boxes .section__heading {
  position: relative;
  align-items: flex-end;
  padding-top: 48px;
  margin: 0 32px 48px 32px;
}
@media (max-width: 1200px) {
  .section-boxes .section__heading {
    margin: 0 0 48px 0;
    flex-direction: column;
  }
}
.section-boxes .section__heading h5 {
  margin-bottom: 0;
}
.section-boxes .section__heading h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  z-index: 0;
}
@media (max-width: 1200px) {
  .section-boxes .section__heading h2 {
    font-size: 42px;
  }
}
.section-boxes .section__heading p {
  margin-top: 24px;
}
.section-boxes .section__heading svg {
  width: 64px;
  height: 73px;
  display: none;
  position: absolute;
  top: 48px;
  right: 0px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .section-boxes .section__heading svg {
    display: block;
  }
}
.section-boxes .section__header {
  max-width: 562px;
  z-index: 20;
}
@media (max-width: 1200px) {
  .section-boxes .section__header {
    max-width: none;
  }
}
.section-boxes .tabs__nav ul {
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .section-boxes .tabs__nav ul {
    justify-content: center;
    align-items: center;
    margin-top: 48px;
  }
}
.section-boxes .tab__item .cols {
  align-items: flex-start;
}
.section-boxes .tab__item .cols .tabs__nav {
  display: flex;
  justify-content: flex-end;
}

.landing-modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(90, 92, 94, 0.2823529412);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.landing-modal.landing-modal-open {
  opacity: 1;
  visibility: visible;
}
.landing-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-modal .close-modal {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-modal#landing-packages .modal-content {
  background: url("../media/images/landingPopUpBackground.png");
  background-size: cover;
  padding: 55px 108px;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 1350px) {
  .landing-modal#landing-packages .modal-content {
    padding: 35px;
  }
}
@media (max-width: 1200px) {
  .landing-modal#landing-packages .modal-content {
    background: #fff;
  }
}
@media (max-width: 640px) {
  .landing-modal#landing-packages .modal-content {
    padding: 20px 0;
  }
}
.landing-modal#landing-packages .modal-content h2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
  text-align: center;
  margin-bottom: 37px;
}
@media (max-width: 1024px) {
  .landing-modal#landing-packages .modal-content h2 {
    font-size: 28px;
  }
}
.landing-modal#landing-packages .modal-content .package .close-modal {
  top: 4px;
  display: none;
}
@media (max-width: 1200px) {
  .landing-modal#landing-packages .modal-content .package .close-modal {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .landing-modal#landing-packages .modal-content .package {
    padding: 15px 25px;
    min-width: unset;
  }
  .landing-modal#landing-packages .modal-content .package ul li {
    white-space: nowrap;
  }
}
@media (max-width: 1200px) {
  .landing-modal#landing-packages .modal-content .package {
    min-width: 276px;
  }
  .landing-modal#landing-packages .modal-content .package:hover {
    border: 1px solid #627BFF;
    box-shadow: 2px 2px 15px #d2d7db;
  }
  .landing-modal#landing-packages .modal-content .package .list-checked,
  .landing-modal#landing-packages .modal-content .package h5 {
    display: none;
  }
  .landing-modal#landing-packages .modal-content .package h3 {
    font-size: 20PX;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 12px;
  }
  .landing-modal#landing-packages .modal-content .package h3 strong {
    display: inline-block;
  }
  .landing-modal#landing-packages .modal-content .package p:not(.discount) {
    margin-bottom: 12px;
  }
  .landing-modal#landing-packages .modal-content .package .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    max-height: 100%;
    opacity: 0;
  }
  .landing-modal#landing-packages .modal-content .package .discount {
    position: absolute;
    top: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -30%);
    font-size: 15px;
  }
}
.landing-modal #landing-packages-mobile {
  display: none;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 42px 22px 22px;
  white-space: nowrap;
}
.landing-modal #landing-packages-mobile h2 {
  font-size: 28px;
  line-height: 1.14;
  font-weight: 700;
  text-align: center;
  margin-bottom: 37px;
}
.landing-modal #landing-packages-mobile div:not(:last-of-type) {
  margin-bottom: 22px;
}
.landing-modal #landing-packages-mobile a {
  display: block;
  text-align: center;
  border: 1px solid #d2d7db;
  border-radius: 10px;
  padding: 32px 37px 18px;
  position: relative;
}
.landing-modal #landing-packages-mobile a:hover {
  border: 1px solid #627BFF;
  box-shadow: 2px 2px 15px #d2d7db;
}
.landing-modal #landing-packages-mobile a .discount {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.landing-modal #landing-packages-mobile a h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.landing-modal #landing-packages-mobile a h3 + p {
  font-size: 20px;
  font-weight: 400;
}
.landing-modal #landing-packages-mobile a h3 + p strong {
  font-weight: 700;
}
.landing-modal#landing-subscription {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.landing-modal#landing-subscription.landing-modal-open {
  opacity: 1;
  visibility: visible;
}
.landing-modal#landing-subscription .ladning-box {
  position: relative;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 80px 27px 32px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box {
    padding: 11px 29px 32px;
  }
}
.landing-modal#landing-subscription .ladning-box .close-modal {
  top: 20px;
  right: 27px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .close-modal {
    top: 2px;
    right: 9px;
  }
}
.landing-modal#landing-subscription .ladning-box .cols {
  gap: 57px;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .cols {
    gap: 24px;
  }
}
.landing-modal#landing-subscription .ladning-box .box__media {
  position: relative;
  text-align: center;
}
.landing-modal#landing-subscription .ladning-box .box__media .discount {
  position: relative;
  bottom: -16px;
  display: none;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__media .discount {
    display: inline-block;
  }
}
.landing-modal#landing-subscription .ladning-box .box__media img {
  border-radius: 20px;
  overflow: hidden;
  width: auto;
  height: 100%;
}
.landing-modal#landing-subscription .ladning-box .box__media img.image-primary {
  display: block;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__media img.image-primary {
    display: none;
  }
}
.landing-modal#landing-subscription .ladning-box .box__media img.image-secondary {
  width: 100%;
  display: none;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__media img.image-secondary {
    display: block;
  }
}
.landing-modal#landing-subscription .ladning-box .box__media .ladning-box-star {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
}
.landing-modal#landing-subscription .ladning-box .box__content {
  margin-top: 42px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__content {
    margin-top: 0;
  }
}
.landing-modal#landing-subscription .ladning-box .box__content h2 {
  font-size: 42px;
  line-height: 1.14;
  margin-bottom: 18px;
}
@media (max-width: 640px) {
  .landing-modal#landing-subscription .ladning-box .box__content h2 {
    font-size: 28px;
    margin-bottom: 12px;
    text-align: center;
  }
}
.landing-modal#landing-subscription .ladning-box .box__content > p {
  display: none;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.landing-modal#landing-subscription .ladning-box .box__content > p strong {
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__content > p {
    display: block;
  }
}
.landing-modal#landing-subscription .ladning-box .box__content ul {
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__content ul {
    margin-bottom: 24px;
  }
}
.landing-modal#landing-subscription .ladning-box .box__content ul::before {
  content: "";
  display: none;
  max-width: 248px;
  width: 100%;
  height: 1px;
  background-color: #d2d7db;
  margin: 22px auto 20px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__content ul::before {
    display: block;
  }
}
.landing-modal#landing-subscription .ladning-box .box__content ul li {
  text-align: left;
  font-size: 18px;
}
@media (max-width: 640px) {
  .landing-modal#landing-subscription .ladning-box .box__content ul li {
    font-size: 14px;
    white-space: nowrap;
  }
}
.landing-modal#landing-subscription .ladning-box .box__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__actions {
    position: relative;
    flex-direction: column;
    left: 0;
  }
}
.landing-modal#landing-subscription .ladning-box .box__actions p {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__actions p {
    display: none;
  }
}
.landing-modal#landing-subscription .ladning-box .box__actions del {
  display: inline-block;
  margin-left: 5px;
  font-size: 18px;
  line-height: 1.11;
  font-weight: 400;
  text-decoration: line-through;
}
.landing-modal#landing-subscription .ladning-box .box__actions ins {
  font-size: 32px;
  display: inline-block;
  margin-left: 25px;
}
.landing-modal#landing-subscription .ladning-box .box__actions .btn {
  margin-left: 24px;
  font-size: 14px;
  padding: 16px 67px;
}
@media (max-width: 1200px) {
  .landing-modal#landing-subscription .ladning-box .box__actions .btn {
    font-size: 16px;
    font-weight: 700;
    margin-left: 0;
    padding: 8px 47px;
  }
}

.discount {
  display: inline-block;
  background-color: #627BFF;
  color: #fff;
  padding: 6px 8px;
  border-radius: 30px;
  font-size: 18px;
  line-height: 1.14;
  font-weight: bold;
}

.section-posts {
  margin-bottom: 140px;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .section-posts {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .section-posts {
    margin-bottom: 32px;
  }
}
.section-posts .shell {
  padding: 0;
}
@media (max-width: 1024px) {
  .section-posts .shell {
    padding-inline: 20px;
  }
}
.section-posts .shell .cols {
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1200px) {
  .section-posts .shell .cols {
    flex-direction: row;
  }
}
@media (max-width: 1024px) {
  .section-posts .shell .cols .col {
    flex-basis: 50%;
  }
}
@media (max-width: 834px) {
  .section-posts .shell .cols {
    gap: 32px;
    flex-direction: column;
  }
}
.section-posts h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.14;
  margin: 29px auto 24px;
  text-align: left;
}
.section-posts h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  color: #475467;
  margin-bottom: 22px;
  text-align: left;
}
@media (max-width: 1024px) {
  .section-posts h2 {
    font-size: 28px;
  }
}
@media (max-width: 900px) {
  .section-posts .slider-posts-primary {
    display: block;
    margin-right: -20px;
  }
  .section-posts .slider-posts-primary .slick-list {
    margin-bottom: 32px;
  }
  .section-posts .slider-posts-primary .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
  }
  .section-posts .slider-posts-primary .slick-dots li button {
    display: none;
  }
  .section-posts .slider-posts-primary .slick-dots li::before {
    content: "";
    display: block;
    background-color: #ebeeff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  .section-posts .slider-posts-primary .slick-dots li.slick-active::before {
    background-color: #627BFF;
  }
}

.section-posts-primary {
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .section-posts-primary {
    padding: 0;
  }
}
.section-posts-primary .cols {
  align-items: flex-start;
}
.section-posts-primary h2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
  margin-bottom: 24px;
}
@media (max-width: 834px) {
  .section-posts-primary h2 {
    font-size: 24px;
  }
}
.section-posts-primary .posts-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 60px;
}
@media (max-width: 900px) {
  .section-posts-primary .posts-wrapper {
    display: block;
    margin-right: -20px;
  }
}
.section-posts-primary .buttons-container {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin-top: 24px;
  margin-bottom: 48px;
}
.section-posts-primary .buttons-container button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: 1px solid #d7deff;
  border-radius: 50%;
  background-color: #fff;
}
.section-posts-primary .buttons-container button svg path {
  stroke: #899cff;
}
.section-posts-primary .buttons-container button:hover {
  border: 2px solid #ebeeff;
}
.section-posts-primary .buttons-container button:hover svg path {
  stroke: #627BFF;
}
.section-posts-primary aside .cta {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 64px;
}
@media (max-width: 1024px) {
  .section-posts-primary aside .cta {
    margin-right: 28px;
  }
}
.section-posts-primary aside .cta .cta__content {
  padding: 111px 31px 25px 33px;
}
.section-posts-primary aside .cta .cta__content h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.14;
  color: #fff;
  margin-bottom: 21px;
}
.section-posts-primary aside .blog-instagram .instagram__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 64px;
}
.section-posts-primary aside .blog-instagram .instagram__wrapper div {
  border-radius: 10px;
  overflow: hidden;
}
.section-posts-primary aside .blog-instagram .instagram__wrapper div img {
  width: 100%;
  height: auto;
}
.section-posts-primary aside .tags__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.section-posts-categories {
  margin-bottom: 64px;
}
.section-posts-categories h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 22px;
}
.section-posts-categories ul li {
  border-bottom: 1px dashed #F0F6FB;
}
.section-posts-categories ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
.section-posts-categories ul li a {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  padding-bottom: 5px;
  transition: color 0.3s;
}
.section-posts-categories ul li a:hover {
  color: #627BFF;
}

.section-blog-instagram {
  margin-bottom: 64px;
}
.section-blog-instagram h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 22px;
}
.section-blog-instagram .instagram__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.section-blog-instagram .instagram__wrapper div {
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s, opacity 0.3s;
}
.section-blog-instagram .instagram__wrapper div:hover {
  transform: translateY(-3px);
  opacity: 0.9;
}
.section-blog-instagram .instagram__wrapper div img {
  width: 100%;
  height: auto;
}

.section-posts-tags {
  margin-bottom: 64px;
}
.section-posts-tags h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 22px;
}
.section-posts-tags .tags__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.section-tags {
  margin-left: 20px;
}
.section-tags .tags__wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 9px;
  overflow-x: auto;
  padding-bottom: 10px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.section-tags .tags__wrapper::-webkit-scrollbar {
  height: 3px;
}
.section-tags .tags__wrapper::-webkit-scrollbar-track {
  background: #F0F6FB;
  height: 1px;
}
.section-tags .tags__wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
  height: 1px;
}
.section-tags .tags__wrapper::-webkit-scrollbar-thumb:hover {
  background: #627BFF;
}

.section-intro-secondary .shell {
  padding: 0;
}
.section-intro-secondary .intro__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 71px;
}
@media (max-width: 1200px) {
  .section-intro-secondary .intro__wrapper {
    gap: 10px;
  }
}
@media (max-width: 1024px) {
  .section-intro-secondary .intro__wrapper {
    flex-direction: column-reverse;
    gap: 56px;
  }
}
.section-intro-secondary .intro__content {
  padding-left: 20px;
  flex-basis: 50%;
  position: relative;
}
@media (max-width: 1024px) {
  .section-intro-secondary .intro__content {
    width: 100%;
    padding-inline: 20px;
  }
}
.section-intro-secondary h1 {
  font-size: 84px;
  line-height: 1;
  font-weight: 500;
  margin: 0 auto 80px;
  text-align: left;
}
.section-intro-secondary h1 strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-intro-secondary h1 {
    font-size: 62px;
  }
}
@media (max-width: 1024px) {
  .section-intro-secondary h1 {
    font-size: 42px;
    margin: 0 auto 20px;
  }
}
.section-intro-secondary ul {
  overflow: auto;
  align-items: center;
}
.section-intro-secondary ul::-webkit-scrollbar {
  display: none;
}
.section-intro-secondary ul li {
  font-size: 18px;
  align-items: center;
}
@media (max-width: 834px) {
  .section-intro-secondary ul li {
    font-size: 12px;
  }
}
.section-intro-secondary ul li div {
  width: 26px;
  height: 26px;
  margin-bottom: 0;
}
.section-intro-secondary ul li svg {
  width: 17px;
  height: 17px;
}
.section-intro-secondary .fancy-star-intro-1 {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 16px;
  bottom: 55px;
}
@media (max-width: 1024px) {
  .section-intro-secondary .fancy-star-intro-1 {
    width: 58px;
    height: 58px;
    bottom: unset;
    top: -31px;
    right: 8%;
  }
}
.section-intro-secondary .intro__media {
  flex-basis: 73%;
  max-height: 510px;
  margin-right: -80px;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-intro-secondary .intro__media {
    width: 100%;
    margin-top: -20px;
    margin-right: 0;
    border-radius: 0 0 30px 30px;
  }
}
.section-intro-secondary .intro__media img {
  width: 100%;
  height: auto;
  transform: scale(1.1);
}

.section-blogpost .cols {
  align-items: flex-start;
}
.section-blogpost p {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.28;
}
.section-blogpost p:not(:last-of-type) {
  margin-bottom: 9px;
}
@media (max-width: 834px) {
  .section-blogpost p {
    font-size: 18px;
  }
}
.section-blogpost .blogpost__media {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  margin: 24px 0;
}
@media (max-width: 1024px) {
  .section-blogpost .blogpost__media {
    max-width: 500px;
  }
}
.section-blogpost .blogpost__media img {
  width: 100%;
  height: 100%;
}

.section-posts-secondary {
  margin-top: 87px;
}
@media (max-width: 834px) {
  .section-posts-secondary {
    margin-top: 76px;
    margin-bottom: 0;
  }
}
.section-posts-secondary h2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
  margin-bottom: 24px;
}
@media (max-width: 834px) {
  .section-posts-secondary h2 {
    font-size: 24px;
  }
}
.section-posts-secondary .posts-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
}
@media (max-width: 900px) {
  .section-posts-secondary .posts-wrapper {
    display: block;
    margin-right: -20px;
  }
}
.section-posts-secondary .buttons-container {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin-top: 24px;
  margin-bottom: 48px;
}
.section-posts-secondary .buttons-container button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: 1px solid #d7deff;
  border-radius: 50%;
  background-color: #fff;
}
.section-posts-secondary .buttons-container button svg path {
  stroke: #899cff;
}
.section-posts-secondary .buttons-container button:hover {
  border: 2px solid #ebeeff;
}
.section-posts-secondary .buttons-container button:hover svg path {
  stroke: #627BFF;
}

.section-intro-tertiary {
  text-align: center;
  background-color: #F0F6FB;
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .section-intro-tertiary {
    margin-top: 42px;
  }
}
.section-intro-tertiary .section__header {
  position: relative;
  max-width: 944px;
  margin: 0 auto;
  padding: 80px 0;
}
@media (max-width: 640px) {
  .section-intro-tertiary .section__header {
    padding: 30px 0;
  }
}
.section-intro-tertiary .section__header p {
  font-size: 16px;
}
.section-intro-tertiary .section__header .fancy-star-intro {
  display: none;
  position: absolute;
  right: 5%;
  top: 14px;
  width: 50px;
  height: 50px;
}
@media (max-width: 834px) {
  .section-intro-tertiary .section__header .fancy-star-intro {
    display: block;
  }
}
.section-intro-tertiary h5 {
  margin-bottom: 10px;
}
.section-intro-tertiary h1 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  margin-bottom: 18px;
}
@media (max-width: 1200px) {
  .section-intro-tertiary h1 {
    font-size: 42px;
  }
}

.section__header h5 {
  color: #627BFF;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 2px;
}
.section__header p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  margin-top: 16px;
}

.badge {
  position: absolute;
  z-index: 100;
  width: 165px;
  height: 165px;
}
.badge svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 640px) {
  .badge {
    width: 63px;
    height: 63px;
  }
}
.badge .badge__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(13deg);
  text-align: center;
}
.badge .badge__text p {
  font-size: 11px;
  line-height: 2.1;
  letter-spacing: 3px;
}
@media (max-width: 640px) {
  .badge .badge__text p {
    font-size: 4px;
    letter-spacing: 2px;
  }
}
.badge .badge__text strong {
  font-size: 44px;
  line-height: 1.14;
  font-weight: 300;
}
@media (max-width: 640px) {
  .badge .badge__text strong {
    font-size: 16px;
  }
}
.badge.badge--red {
  color: #fff;
}
.badge.badge--red svg path {
  stroke: orange;
  fill: #f5656f;
}
.badge.badge--red .badge__text {
  transform: translate(-50%, -50%) rotate(0);
}
.badge.badge-size--s {
  width: 185px;
  height: 185px;
}
.badge.badge-size--s .badge__text p {
  font-size: 12px;
  line-height: 1.28;
  letter-spacing: 5px;
}
.badge.badge-size--s .badge__text strong {
  font-size: 51px;
  line-height: 1.14;
  font-weight: 300;
}
.badge.badge-size--m {
  width: 215px;
  height: 215px;
}
.badge.badge-size--m .badge__text p {
  font-size: 14px;
  line-height: 1.28;
  letter-spacing: 5px;
}
.badge.badge-size--m .badge__text strong {
  font-size: 57px;
  line-height: 1.14;
  font-weight: 300;
}
.badge.badge-size--xl {
  width: 241px;
  height: 241px;
}
@media (max-width: 1024px) {
  .badge.badge-size--xl {
    width: 168px;
    height: 168px;
  }
}
.badge.badge-size--xl .badge__text p {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 6px;
}
@media (max-width: 1024px) {
  .badge.badge-size--xl .badge__text p {
    font-size: 12px;
    letter-spacing: 4px;
  }
}
.badge.badge-size--xl .badge__text strong {
  font-size: 64px;
  line-height: 1.3;
  font-weight: 300;
}
@media (max-width: 1024px) {
  .badge.badge-size--xl .badge__text strong {
    font-size: 42px;
  }
}

.badge-secondary {
  position: absolute;
  width: 169px;
  height: 169px;
  padding-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-weight: 100;
  font-size: 57px;
  line-height: 0.9;
  background-color: #a8b78d;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 834px) {
  .badge-secondary {
    width: 97px;
    height: 97px;
    font-size: 31px;
  }
}

.btn, .btn:link, .btn:visited {
  font-family: "Noah";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  border-radius: 30px;
  color: #1e1e1f;
  transition: color 0.3s, background-color 0.3s, transform 0.3s, border 0.3s;
}
.btn svg {
  flex-shrink: 0;
}
.btn:hover {
  transform: translateY(-3px);
}
.btn:active {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 0.3rem rgba(150, 153, 156, 0.3);
}
.btn.btn-size--m {
  padding: 1rem 2.5rem;
  max-height: 40px;
}
.btn.btn-size--xl {
  padding: 1.5rem 2.5rem;
  max-height: 56px;
}
.btn.disabled {
  background-color: #ebeeff;
  color: #B9C4FF;
}
.btn.disabled svg path {
  stroke: currentColor;
}
.btn.btn--yellow {
  background-color: #ffce47;
  color: #1e1e1f;
}
.btn.btn--yellow svg path {
  stroke: currentColor;
}
.btn.btn--blue {
  color: #fff;
  background-color: #627BFF;
}
.btn.btn--blue svg path {
  stroke: currentColor;
}
.btn.btn--yellow:hover, .btn.btn--blue:hover {
  color: #fff;
  background-color: #1e1e1f;
}
.btn.btn--yellow:hover svg path, .btn.btn--blue:hover svg path {
  stroke: currentColor;
}
.btn.btn--blue-transparent {
  border: 2px solid #627BFF;
  color: #627BFF;
}
.btn.btn--blue-transparent svg path {
  stroke: currentColor;
}
.btn.btn--blue-transparent:hover {
  border-color: #1e1e1f;
  color: #1e1e1f;
}
.btn.btn--underlined-blue {
  display: inline-flex;
  gap: 8px;
  padding: 4px 0;
  color: #627BFF;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}
.btn.btn--underlined-blue svg path {
  stroke: currentColor;
}
.btn.btn--underlined-blue:hover {
  color: #1e1e1f;
}
.btn.btn--underlined-blue:hover svg path {
  stroke: currentColor;
}

#burger-btn {
  display: block;
  position: relative;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background-color: #F0F6FB;
}
#burger-btn span {
  display: block;
  width: calc(100% - 17px);
  height: 0;
  border: 1px solid #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  transition: all 0.3s;
}
#burger-btn span:first-of-type {
  top: 15px;
}
#burger-btn span:last-of-type {
  top: 26px;
}
#burger-btn.active span:first-of-type {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
}
#burger-btn.active span:last-of-type {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
}

.packages .cols {
  justify-content: center;
  gap: 20px;
}
.packages .package {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ebeeff;
  box-shadow: 0 0 8px rgba(156, 173, 255, 0.2588235294);
  border-radius: 25px;
  padding: 20px 0;
  min-width: 300px;
}
.packages .package.package--center {
  padding: 30px 29px 30px 29px;
  min-width: 408px;
}
.packages .package .discount {
  margin-bottom: 24px;
}
.packages .package.package--center h3 {
  margin-bottom: 24px;
}
.packages .package h3 {
  font-size: 28px;
  line-height: 1.14;
  font-weight: 400;
  margin-bottom: 12px;
}
.packages .package h3 strong {
  display: block;
}
.packages .package p:not(.discount) {
  font-size: 14px;
  line-height: 1.14;
  font-weight: 400;
  margin-bottom: 24px;
}
.packages .package p:not(.discount) strong {
  font-size: 18px;
}
.packages .package ul {
  margin-bottom: 24px;
}
.packages .package ul li:first-of-type {
  padding-top: 12px;
}
.packages .package ul::before {
  content: "";
  display: block;
  max-width: 248px;
  width: 100%;
  height: 1px;
  background-color: #F0F6FB;
  margin: 0 auto;
}
.packages .package h5 {
  font-size: 16px;
  letter-spacing: 6px;
  font-weight: 400;
  color: #627BFF;
  margin-bottom: 8px;
}

.product {
  display: flex;
  gap: 24px;
  margin-right: 30px;
}
@media (max-width: 900px) {
  .product {
    width: 280px;
    padding: 23px 12px;
    margin: 0;
  }
}
@media (max-width: 400px) {
  .product {
    width: 280px;
  }
}
.product .product__media {
  flex-basis: 50%;
  position: relative;
  max-height: 278px;
  background-color: #F0F6FB;
  border-radius: 20px;
  padding: 79px 66px 0 43px;
}
@media (max-width: 1200px) {
  .product .product__media {
    max-height: unset;
    padding: 35px 15px 0;
  }
}
@media (max-width: 900px) {
  .product .product__media {
    max-height: 222px;
    margin-bottom: 30px;
    padding: 25px 15px 0;
  }
}
.product .product__media p {
  position: absolute;
  top: 13px;
  left: 11px;
}
.product .product__media img {
  position: relative;
  bottom: -10px;
  display: inline-block;
  width: 100%;
  height: auto;
  z-index: 0;
  transition: transform 0.3s;
}
.product .product__media img:hover {
  transform: scale(1.1);
}
@media (max-width: 900px) {
  .product .product__media img {
    display: block;
    max-height: 197px;
    width: auto;
    margin: 0 auto;
  }
}
.product .product__content {
  flex-basis: 50%;
}
.product .product__content .product-category {
  margin-bottom: 10px;
}
.product .product__content h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 12px;
}
.product .product__content h2 a {
  transition: color 0.3s;
}
.product .product__content h2 a:hover {
  color: #627BFF;
}
@media (max-width: 400px) {
  .product .product__content h2 {
    margin-bottom: 24px;
  }
}
.product .product__content .product-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  margin-bottom: 12px;
}
@media (max-width: 400px) {
  .product .product__content .product-description {
    display: none;
  }
}
.product .product__content .product__actions p {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 12px;
}
@media (max-width: 400px) {
  .product .product__content .product__actions p {
    text-align: center;
  }
}
.product .product__content .product__actions .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-primary {
  margin: 0 12px;
}
@media (max-width: 900px) {
  .product-primary {
    width: 321px;
    padding: 0 12px;
    margin: 0;
  }
}
.product-primary .product__media {
  background-color: #F0F6FB;
  border-radius: 20px;
  position: relative;
  padding-top: 36px;
  margin-bottom: 24px;
}
.product-primary .product__media .sale-label {
  position: absolute;
  top: 20px;
  left: 18.5px;
}
.product-primary .product__media img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  transition: transform 0.3s;
}
.product-primary .product__media img:hover {
  transform: scale(1.1);
}
.product-primary .product__content .product-category {
  margin-bottom: 8px;
}
.product-primary .product__content h2 {
  font-size: 24px;
  line-height: 1.333;
  font-weight: 700;
  margin-bottom: 24px;
}
.product-primary .product__content h2 a {
  transition: color 0.3s;
}
.product-primary .product__content h2 a:hover {
  color: #627BFF;
}
.product-primary .product__content .product__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.product-primary .product__content .product__actions p {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.333;
  white-space: nowrap;
}
.product-primary .product__content .product__actions .btn {
  padding: 8px 40px;
}
@media (max-width: 900px) {
  .product-primary .product__content .product__actions .btn {
    padding: 8px 30px;
  }
}

.tabs .tabs__nav ul {
  display: flex;
  gap: 12px;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .tabs .tabs__nav ul {
    justify-content: center;
    gap: 15px;
  }
}
.tabs .tabs__nav ul.ul--gap-xl {
  gap: 42px;
}
@media (max-width: 1200px) {
  .tabs .tabs__nav ul.ul--gap-xl {
    gap: 15px;
  }
}
@media (max-width: 640px) {
  .tabs .tabs__nav ul.ul--gap-xl {
    gap: 22px;
  }
}
.tabs .tabs__nav ul.ul--gap-xl li:not(:first-of-type) {
  padding-left: 42px;
}
@media (max-width: 1200px) {
  .tabs .tabs__nav ul.ul--gap-xl li:not(:first-of-type) {
    padding-left: 15px;
  }
}
@media (max-width: 640px) {
  .tabs .tabs__nav ul.ul--gap-xl li:not(:first-of-type) {
    padding-left: 22px;
  }
}
.tabs .tabs__nav ul li {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}
.tabs .tabs__nav ul li a:hover {
  color: #627BFF;
}
.tabs .tabs__nav ul li:not(:first-of-type) {
  padding-left: 20px;
  border-left: 1px solid #000;
}
@media (max-width: 1200px) {
  .tabs .tabs__nav ul li:not(:first-of-type) {
    padding-left: 15px;
  }
}
.tabs .tab__btn--active {
  color: #627BFF;
}
.tabs .tab__item {
  display: none;
  position: relative;
}
.tabs .tab__item--active {
  display: block;
}

.boxes {
  display: flex;
  flex-direction: column;
}

.box {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  border: 2px solid #F0F6FB;
  border-radius: 30px;
  padding: 40px;
  margin-bottom: 24px;
}
@media (max-width: 834px) {
  .box {
    border: none;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .box {
    padding: 0;
    align-items: flex-start;
  }
}
.box .stock-label {
  position: absolute;
  transform: translateY(-50%) translateX(-12px);
}
.box .box__media {
  flex-basis: 33.333%;
  max-width: 400px;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .box .box__media {
    width: 100%;
    max-width: unset;
  }
}
@media (max-width: 834px) {
  .box .box__media p {
    display: none;
  }
}
.box .box__media img {
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.box .box__media img:hover {
  transform: scale(1.1);
}
.box .box__content {
  flex-basis: 66.666%;
  position: relative;
  min-height: 388px;
  height: 100%;
  padding-left: 40px;
  width: 100%;
}
@media (max-width: 834px) {
  .box .box__content {
    padding-left: 0;
  }
}
.box .box__content h2 {
  font-size: 42px;
  line-height: 1.14;
  padding-top: 42px;
  margin-bottom: 18px;
}
.box .box__content h2 a {
  transition: color 0.3s;
}
.box .box__content h2 a:hover {
  color: #627BFF;
}
@media (max-width: 640px) {
  .box .box__content h2 {
    font-size: 32px;
    line-height: 1.25;
    padding-top: 27px;
    margin-bottom: 24px;
  }
}
.box .box__content ul {
  padding-left: 10px;
  margin-bottom: 48px;
}
.box .box__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 834px) {
  .box .box__actions {
    position: relative;
    flex-direction: column;
    left: 0;
  }
}
.box .box__actions p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .box .box__actions p {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 32px;
  }
}
@media (max-width: 640px) {
  .box .box__actions p {
    margin-bottom: 27px;
  }
}
.box .box__actions del {
  display: inline-block;
  margin-left: 5px;
  font-size: 18px;
  line-height: 1.11;
  font-weight: 400;
  text-decoration: line-through;
}
.box .box__actions ins {
  font-size: 32px;
  display: inline-block;
  margin-left: 25px;
}
.box .box__actions .btn {
  margin-left: 24px;
  font-size: 14px;
  padding-inline: 76px;
}
@media (max-width: 1200px) {
  .box .box__actions .btn {
    width: 100%;
    margin-left: 0;
  }
}

.box-primary {
  max-width: 321px;
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.box-primary__media {
  width: 100%;
  height: auto;
  border-radius: 25px;
  overflow: hidden;
}
.box-primary__media img {
  width: 100%;
  height: auto;
}
.box-primary__content {
  padding-top: 20px;
}
.box-primary__content h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.14;
}
.box-primary__content ul {
  margin-bottom: 16px;
}
.box-primary__content ul li {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
}
.box-primary__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-primary__actions p {
  font-size: 28px;
  font-weight: 400;
}

.product-category {
  display: inline-block;
  padding: 11px 16px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.3s;
}
.product-category:hover {
  transform: translateY(-3px);
}
.product-category.product-category--purple {
  background-color: #ebeeff;
  color: #627BFF;
}
.product-category.product-category--pink {
  background-color: rgba(255, 102, 160, 0.1019607843);
  color: #FF66A0;
}
.product-category.product-category--yellow {
  background-color: #FFF8E4;
  color: #D27200;
}
.product-category.product-category--green {
  background-color: #e3f6f2;
  color: #23BA99;
}

.post-category {
  display: inline-block;
  padding: 11px 16px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.3s;
}
.post-category:hover {
  transform: translateY(-3px);
}
@media (max-width: 1024px) {
  .post-category {
    padding: 3px 12px;
  }
}
.post-category.post-category-size--m {
  font-size: 12px;
  padding: 3px 12px;
}
.post-category.post-category-size--xl {
  font-size: 16px;
  padding: 3px 16px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .post-category.post-category-size--xl {
    font-size: 12px;
    padding: 3px 12px;
  }
}
.post-category.post-category--purple {
  background-color: #ebeeff;
  color: #627BFF;
}
.post-category.post-category--pink {
  background-color: rgba(255, 102, 160, 0.1019607843);
  color: #FF66A0;
}
.post-category.post-category--yellow {
  background-color: #FFF8E4;
  color: #D27200;
}
.post-category.post-category--green {
  background-color: #e3f6f2;
  color: #23BA99;
}

.sale-label {
  z-index: 10;
  display: inline-block;
  font-size: 18px;
  background-color: #627BFF;
  color: #fff;
  padding: 5px 8px;
  border-radius: 30px;
}

.post-tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  padding: 10px 20px;
  background-color: #fff;
  color: #627BFF;
  border: 1px solid #627BFF;
  border-radius: 3px;
  transition: background-color 0.3s, color 0.3s;
}
.post-tag:hover {
  background-color: #627BFF;
  color: #fff;
}
@media (max-width: 834px) {
  .post-tag {
    padding: 2px 20px;
  }
}

.post-primary {
  max-width: 839px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
.post-primary:not(:last-of-type) {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .post-primary {
    flex-direction: column;
    max-width: unset;
    align-items: stretch;
  }
}
.post-primary .post__media {
  flex-basis: 50%;
  max-width: 408px;
}
@media (max-width: 1024px) {
  .post-primary .post__media {
    max-width: unset;
  }
}
.post-primary .post__media img {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
.post-primary .post__media a {
  opacity: 1;
  transition: opacity 0.3s;
}
.post-primary .post__media a:hover {
  opacity: 0.8;
}
.post-primary .post__content {
  flex-basis: 50%;
}
.post-primary .post__content .post-category {
  margin-bottom: 12px;
}
.post-primary .post__content h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .post-primary .post__content h3 {
    line-height: 1;
  }
}
.post-primary .post__content h3 a {
  transition: color 0.3s;
}
.post-primary .post__content h3 a:hover {
  color: #627BFF;
}
.post-primary .post__content ul {
  margin-bottom: 12px;
}
@media (max-width: 834px) {
  .post-primary .post__content ul li, .post-primary .post__content ul a {
    align-items: center !important;
  }
}
.post-primary .post__content ul li svg, .post-primary .post__content ul a svg {
  margin: 0;
  align-self: center;
}
.post-primary .post__content p:last-of-type {
  font-size: 18px;
  line-height: 1.555;
  font-weight: 400;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .post-primary .post__content p:last-of-type {
    font-size: 16px;
  }
}

.post-secondary {
  display: flex;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 834px) {
  .post-secondary {
    width: 224px;
    margin: 0 9px;
  }
}
.post-secondary:not(:last-of-type) {
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .post-secondary:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.post-secondary .post__media {
  flex-basis: 33.333%;
  max-width: 109px;
  overflow: hidden;
  border-radius: 15px;
}
@media (max-width: 834px) {
  .post-secondary .post__media {
    max-width: unset;
    margin-bottom: 12px;
  }
}
.post-secondary .post__media img {
  border-radius: 15px;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.post-secondary .post__media img:hover {
  transform: scale(1.1);
}
.post-secondary .post__content {
  flex-basis: 66.666%;
}
.post-secondary .post__content .post-category {
  margin-bottom: 8px;
}
.post-secondary .post__content h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.22;
  margin-bottom: 8px;
}
.post-secondary .post__content h3 a {
  transition: color 0.3s;
}
.post-secondary .post__content h3 a:hover {
  color: #627BFF;
}
@media (max-width: 834px) {
  .post-secondary .post__content ul {
    flex-direction: column;
  }
}
.post-secondary .post__content ul li {
  align-items: center;
}
@media (max-width: 1024px) {
  .post-secondary .post__content ul li::after {
    display: none;
  }
}
.post-secondary .post__content ul li svg {
  margin: 0;
  align-self: center;
}

.post-tertiary {
  max-width: 407px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 900px) {
  .post-tertiary {
    width: 280px;
    margin: 0 12px;
  }
}
.post-tertiary .post__media {
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 900px) {
  .post-tertiary .post__media {
    margin-bottom: 18px;
  }
}
.post-tertiary .post__media img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.post-tertiary .post__media img:hover {
  transform: scale(1.1);
}
.post-tertiary .post__content .post-category {
  margin-bottom: 8px;
}
.post-tertiary .post__content h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 8px;
}
.post-tertiary .post__content h3 a {
  transition: color 0.3s;
}
.post-tertiary .post__content h3 a:hover {
  color: #627BFF;
}
@media (max-width: 900px) {
  .post-tertiary .post__content h3 {
    margin-bottom: 6px;
  }
}
.post-tertiary .post__content p:last-of-type {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  margin-bottom: 24px;
}
@media (max-width: 900px) {
  .post-tertiary .post__content p:last-of-type {
    margin-bottom: 6px;
  }
}
.post-tertiary .post__content ul {
  flex-wrap: wrap;
}
.post-tertiary .post__content ul li, .post-tertiary .post__content ul a {
  align-items: center !important;
}
@media (max-width: 900px) {
  .post-tertiary .post__content ul li::after, .post-tertiary .post__content ul a::after {
    display: none;
  }
}
.post-tertiary .post__content ul li:nth-child(2)::after, .post-tertiary .post__content ul a:nth-child(2)::after {
  margin-left: 20px;
}
.post-tertiary .post__content ul li svg, .post-tertiary .post__content ul a svg {
  align-self: center;
  margin: 0;
}

.section-intro-404 {
  margin-top: 112px;
}
@media (max-width: 834px) {
  .section-intro-404 {
    margin-top: 60px;
  }
}
.section-intro-404 .section__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 174px;
  align-items: center;
}
@media (max-width: 1024px) {
  .section-intro-404 .section__wrapper {
    flex-direction: column-reverse;
    gap: 68px;
  }
}
.section-intro-404 .section__wrapper .section__content {
  text-align: left;
}
@media (max-width: 1024px) {
  .section-intro-404 .section__wrapper .section__content {
    text-align: center;
  }
}
.section-intro-404 .section__wrapper .section__content h1 {
  font-size: 120px;
  font-weight: 700;
  line-height: 0.7;
  margin-bottom: 11px;
}
@media (max-width: 1024px) {
  .section-intro-404 .section__wrapper .section__content h1 {
    font-size: 84px;
  }
}
.section-intro-404 .section__wrapper .section__content p {
  font-size: 42px;
  line-height: 1.19;
  margin-bottom: 50px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .section-intro-404 .section__wrapper .section__content p {
    font-size: 20px;
    font-weight: 700;
  }
}
@media (max-width: 1024px) {
  .section-intro-404 .section__wrapper .section__media {
    max-width: 270px;
  }
}
.section-intro-404 .section__wrapper .section__media img {
  width: 100%;
  height: auto;
}

.section-intro-quaternary {
  margin: 69px auto 79px;
}
.section-intro-quaternary .section__header {
  position: relative;
}
.section-intro-quaternary h5 {
  margin-bottom: 8px;
}
.section-intro-quaternary h1 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .section-intro-quaternary h1 {
    font-size: 42px;
  }
}
.section-intro-quaternary .fancy-star-intro {
  position: absolute;
  width: 63px;
  height: 63px;
  right: 90px;
  bottom: 60px;
}

.section-terms {
  margin-bottom: 130px;
}
@media (max-width: 834px) {
  .section-terms {
    margin-bottom: 70px;
  }
}
.section-terms h2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
  margin-bottom: 42px;
}
@media (max-width: 834px) {
  .section-terms h2 {
    font-size: 32px;
  }
}
.section-terms .terms__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 240px;
  row-gap: 48px;
}
@media (max-width: 1024px) {
  .section-terms .terms__wrapper {
    column-gap: 100px;
  }
}
@media (max-width: 834px) {
  .section-terms .terms__wrapper {
    grid-template-columns: 1fr;
  }
}

.term .term__header h3 {
  max-width: 419px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.14;
  transition: all 0.5s;
}
@media (max-width: 834px) {
  .term .term__header h3 {
    font-size: 24px;
  }
}
.term .term__header span {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #c4cdff;
  transition: all 0.5s;
}
.term .term__header span svg {
  transition: all 0.3s;
}
.term .term__header span svg path {
  stroke: #c4cdff;
}
.term .term__header.active h3 {
  font-weight: 700;
}
.term .term__header.active span {
  border-color: #627BFF;
}
.term .term__header.active span svg {
  transform: rotate(180deg);
}
.term .term__header.active span svg path {
  stroke: #627BFF;
}
.term .term__header a {
  display: flex;
  justify-content: space-between;
}
.term .term__content {
  max-width: 419px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (max-width: 640px) {
  .term .term__content {
    max-width: 259px;
  }
}
.term .term__content p {
  font-size: 18px;
  line-height: 1.44;
}
@media (max-width: 834px) {
  .term .term__content p {
    font-size: 16px;
  }
}

.section-intro-quinary .shell {
  padding: 0;
}
.section-intro-quinary .intro__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 132px;
}
@media (max-width: 1200px) {
  .section-intro-quinary .intro__wrapper {
    gap: 50px;
  }
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__wrapper {
    flex-direction: column;
    gap: 48px;
  }
}
.section-intro-quinary .intro__content {
  flex-basis: 50%;
  position: relative;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__content {
    width: 100%;
    padding-inline: 20px;
  }
}
.section-intro-quinary .intro__content .product-category {
  margin-bottom: 18px;
}
.section-intro-quinary .intro__content h1 {
  font-size: 62px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 18px;
  text-align: left;
}
.section-intro-quinary .intro__content h1 strong {
  font-weight: 700;
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__content h1 {
    font-size: 42px;
    margin: 0 auto 20px;
  }
  .section-intro-quinary .intro__content h1 strong {
    font-weight: 400;
  }
}
.section-intro-quinary .intro__content .product-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  margin-bottom: 4px;
}
.section-intro-quinary .intro__content .product-number {
  color: #787b7d;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
}
.section-intro-quinary .intro__content .product__gallery {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 18px;
}
.section-intro-quinary .intro__content .product__gallery::-webkit-scrollbar {
  display: none;
}
.section-intro-quinary .intro__content .product__gallery div {
  flex-shrink: 0;
  width: 152px;
  height: 152px;
  border: 2px solid transparent;
  border-radius: 25px;
  overflow: hidden;
  background-color: #F0F6FB;
}
.section-intro-quinary .intro__content .product__gallery div:hover, .section-intro-quinary .intro__content .product__gallery div.active {
  border: 2px solid #FFC82D;
}
.section-intro-quinary .intro__content .product__gallery div img {
  width: 100%;
  height: auto;
}
.section-intro-quinary .intro__content p:last-of-type {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__content p:last-of-type {
    justify-content: flex-start;
  }
}
.section-intro-quinary .intro__content p:last-of-type del {
  font-size: 20px;
  line-height: 1.4;
  text-decoration: line-through;
  margin: 6px 16px 6px 0;
  color: #b4b8bc;
}
.section-intro-quinary .intro__content p:last-of-type ins {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
}
.section-intro-quinary .intro__content form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 640px) {
  .section-intro-quinary .intro__content form {
    flex-direction: column;
  }
}
.section-intro-quinary .intro__content form .input__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 16px 14px;
  max-width: 187px;
  border: 1px solid #000;
  border-radius: 100px;
  position: relative;
}
@media (max-width: 640px) {
  .section-intro-quinary .intro__content form .input__group {
    max-width: unset;
    width: 100%;
  }
}
.section-intro-quinary .intro__content form .input__group input {
  font-size: 20px;
  max-width: 63px;
  border: none;
  text-align: center;
}
.section-intro-quinary .intro__content form .input__group input::-webkit-outer-spin-button, .section-intro-quinary .intro__content form .input__group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section-intro-quinary .intro__content form .input__group input:focus {
  border: none;
  outline: none;
}
.section-intro-quinary .intro__content form .input__group button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.section-intro-quinary .intro__content form .input__group button:hover {
  border: 1px solid #627BFF;
}
.section-intro-quinary .intro__content form .input__group button:hover svg path {
  transition: all 0.2s;
  stroke: #627BFF;
}
.section-intro-quinary .intro__content form .btn {
  padding: 16px 105px;
  outline: none;
  border: none;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__content form .btn {
    max-width: unset;
    width: 100%;
  }
}
.section-intro-quinary .intro__media {
  flex-basis: 73%;
  max-height: 510px;
  margin-left: -42px;
  border-radius: 0 30px 30px 0;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-intro-quinary .intro__media {
    width: 100%;
    margin-top: -20px;
    margin-left: 0;
    border-radius: 0 0 30px 30px;
  }
}
.section-intro-quinary .intro__media img {
  width: 100%;
  height: auto;
  transform: scale(1.1);
}

.section-product-description .cols {
  gap: 132px;
}
.section-product-description .section__header {
  margin: 32px auto 42px;
}
@media (max-width: 834px) {
  .section-product-description .section__header {
    margin: 39px auto 48px;
  }
}
.section-product-description .section__header h5 {
  margin-bottom: 8px;
}
.section-product-description .section__header h2 {
  font-size: 54px;
  line-height: 1.185;
  font-weight: 400;
}
@media (max-width: 834px) {
  .section-product-description .section__header h2 {
    font-size: 32px;
  }
}
.section-product-description .terms__wrapper .term {
  max-width: unset;
  padding-bottom: 29px;
  border-bottom: 1px solid #d2d7db;
}
.section-product-description .terms__wrapper .term:not(:last-of-type) {
  margin-bottom: 21px;
}
@media (max-width: 640px) {
  .section-product-description .terms__wrapper .term a {
    align-items: center;
    gap: 48px;
  }
}
.section-product-description .product-info__list li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 26px;
}
.section-product-description .product-info__list li .list__media {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #F0F6FB;
  border-radius: 50%;
}
.section-product-description .product-info__list li .list__media svg path {
  stroke: #627BFF;
}
.section-product-description .product-info__list li div:last-of-type {
  max-width: 326px;
}
.section-product-description .product-info__list li h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.section-product-description .product-info__list li p {
  font-size: 18px;
  font-weight: 400;
}
.section-product-description h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}
.section-product-description .product-tags__wrapper {
  max-width: 296px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.product-tag {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 24px;
  background-color: #F0F6FB;
  font-size: 14px;
  color: #1e1e1f;
  font-weight: 700;
  line-height: 1.428;
}

.section-newsletter .newsletter__container {
  position: relative;
  /*background-image: url("../media/images/Newsletter-background.png");*/
  /*background-size: cover;*/
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .section-newsletter .newsletter__container {
    /*background-image: url("../media/images/Newsletter-background-mobile.png");*/
    /*            background-position: center ;
                background-size: cover;*/
    border-radius: 56px;
    justify-content: center;
  }
}
.section-newsletter .newsletter__container img {
  width: 100%;
}
@media (max-width: 834px) {
  .section-newsletter .newsletter__container img {
    padding-bottom: 20vw;
  }
}
.section-newsletter .section__content {
  padding: 10px 31px 10px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background: linear-gradient(270deg, rgb(219, 236, 220) 67%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 834px) {
  .section-newsletter .section__content {
    justify-content: flex-end;
    background: linear-gradient(0deg, rgb(219, 236, 220) 34%, rgba(255, 255, 255, 0) 81%);
    width: 100%;
    padding: 31px;
  }
}
.section-newsletter .section__content h5 {
  margin-bottom: 8px;
}
.section-newsletter .section__content h2 {
  max-width: 451px;
  margin-bottom: 24px;
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-newsletter .section__content h2 {
    font-size: 28px;
  }
}
.section-newsletter .section__content .btn {
  font-size: 14px;
  padding: 16px 43px;
}

.section-products-secondary .cols {
  align-items: flex-end;
  flex-direction: row;
}
.section-products-secondary h5 {
  margin-bottom: 10px;
}
.section-products-secondary h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  margin-bottom: 42px;
}
@media (max-width: 1200px) {
  .section-products-secondary h2 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .section-products-secondary .products__wrapper {
    margin-right: -20px;
  }
}
.section-products-secondary .products__wrapper .product-primary {
  max-width: 299px;
}
@media (max-width: 834px) {
  .section-products-secondary .products__wrapper .product-primary {
    max-width: unset;
    width: 321px;
  }
}
.section-products-secondary .buttons-container--desktop {
  justify-content: flex-end;
}
.section-products-secondary .buttons-container--mobile {
  margin-top: 48px;
  justify-content: center;
}
.section-products-secondary .buttons-container {
  display: flex;
  gap: 28px;
  margin-bottom: 48px;
}
.section-products-secondary .buttons-container button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: 1px solid #d7deff;
  border-radius: 50%;
  background-color: #fff;
}
.section-products-secondary .buttons-container button svg path {
  stroke: #899cff;
}
.section-products-secondary .buttons-container button:hover {
  border: 2px solid #ebeeff;
}
.section-products-secondary .buttons-container button:hover svg path {
  stroke: #627BFF;
}

.section-intro-senary {
  max-width: 1440px;
  margin-inline: auto;
  background: url("../media/images/intro-senary-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-intro-senary {
    background: url("../media/images/intro-senary-background-mobile.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.section-intro-senary .section__content {
  position: relative;
  z-index: 110;
  padding: 140px 0 137px 15px;
}
@media (max-width: 1024px) {
  .section-intro-senary .section__content {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 834px) {
  .section-intro-senary .section__content {
    padding-bottom: 0;
  }
}
.section-intro-senary h1 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  margin-bottom: 21px;
}
.section-intro-senary h1 strong {
  font-weight: 700;
}
@media (max-width: 834px) {
  .section-intro-senary h1 strong {
    font-size: 54px;
  }
}
.section-intro-senary p {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
}
@media (max-width: 640px) {
  .section-intro-senary p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.section-intro-senary .badge {
  z-index: 0;
  top: 43px;
  left: -40%;
  transform: rotate(15deg);
}
@media (max-width: 640px) {
  .section-intro-senary .badge {
    top: -51px;
  }
}
.section-intro-senary .section__media {
  padding: 250px;
}
@media (max-width: 1200px) {
  .section-intro-senary .section__media {
    padding: 110px;
  }
}

.stock-label {
  display: inline-block;
  padding: 4px 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
  border-radius: 100px;
}
.stock-label.stock-label--green {
  background-color: #23BA99;
}
.stock-label.stock-label--red {
  background-color: #F2323F;
}

.section-boxes-secondary {
  position: relative;
  padding-top: 121px;
}
.section-boxes-secondary::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 1596px;
  width: 100%;
  background-color: #F0F6FB;
}
.section-boxes-secondary .shell {
  position: relative;
  z-index: 1;
}
.section-boxes-secondary .section__header {
  text-align: center;
  margin-bottom: 48px;
}
.section-boxes-secondary .section__header h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
.section-boxes-secondary .section__header h2 strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-boxes-secondary .section__header h2 {
    font-size: 42px;
  }
}
.section-boxes-secondary .tabs__nav ul {
  justify-content: center;
  margin-bottom: 40px;
}
.section-boxes-secondary .tabs__content {
  margin-bottom: 40px;
}
.section-boxes-secondary .boxes__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
  .section-boxes-secondary .boxes__wrapper {
    gap: 12px;
  }
}
.section-boxes-secondary .boxes__wrapper .boxes-cta {
  background-size: cover;
  background-repeat: no-repeat;
  grid-column: span 2;
  padding: 69px 132px 38px 46px;
  border-radius: 30px;
  overflow: hidden;
}
.section-boxes-secondary .boxes__wrapper .boxes-cta h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.14;
  color: #fff;
  margin-bottom: 83px;
}
.section-boxes-secondary .buttons__container {
  display: flex;
  justify-content: center;
  gap: 28px;
}
.section-boxes-secondary .buttons__container a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: 1px solid #d7deff;
  border-radius: 50%;
  background-color: #fff;
}
.section-boxes-secondary .buttons__container a svg path {
  stroke: #899cff;
}
.section-boxes-secondary .buttons__container a:hover {
  border: 2px solid #ebeeff;
}
.section-boxes-secondary .buttons__container a:hover svg path {
  stroke: #627BFF;
}

.box-secondary {
  position: relative;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
}
.box-secondary .box__media {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.box-secondary .box__media p {
  position: absolute;
  transform: translate(-10px, -20%);
}
.box-secondary .box__media img {
  width: 100%;
  height: auto;
}
.box-secondary .box__content h3 {
  text-align: left;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 700;
  margin-bottom: 16px;
}
.box-secondary .box__content .box__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .box-secondary .box__content .box__actions {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.box-secondary .box__content .box__actions p {
  white-space: nowrap;
  font-size: 28px;
  font-weight: 400;
}

.box-discount {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  border-radius: 25px;
  padding: 5px 8px;
}
.box-discount.box-discount--pink {
  color: #fff;
  background-color: #FF66A0;
}
.box-discount.box-discount--yellow {
  color: #000;
  background-color: #FFC82D;
}
.box-discount.box-discount--blue {
  color: #fff;
  background-color: #627BFF;
}
.box-discount.box-discount--green {
  color: #fff;
  background-color: #23BA99;
}

.section-features-primary {
  position: relative;
  padding-top: 61px;
}
@media (max-width: 1024px) {
  .section-features-primary {
    padding-top: 0;
  }
}
.section-features-primary::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 541px;
  width: 100%;
  background-color: #F0F6FB;
}
@media (max-width: 1024px) {
  .section-features-primary::before {
    top: 157px;
    height: calc(100% - 157px);
  }
}
.section-features-primary .cols {
  align-items: flex-start;
}
.section-features-primary .fancy-star {
  position: absolute;
  z-index: 100;
  top: 7%;
  right: 3.5%;
  width: 85px;
  height: 82px;
}
.section-features-primary .fancy-star path {
  fill: #627BFF;
}
.section-features-primary .fancy-star-double {
  position: absolute;
  z-index: 100;
  top: 37%;
  left: 4%;
  width: 95px;
  height: 85px;
}
.section-features-primary .section__media {
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-features-primary .section__media {
    max-width: 550px;
    border-radius: 40px;
    margin: 0 auto;
  }
}
.section-features-primary .section__media img {
  width: 100%;
  height: 100%;
}
.section-features-primary .section__header {
  margin-bottom: 52px;
}
.section-features-primary .section__content {
  text-align: left;
  margin-left: 79px;
  margin-top: 13px;
}
@media (max-width: 1024px) {
  .section-features-primary .section__content {
    text-align: center;
    margin: 44px 0 72px;
  }
}
.section-features-primary .section__content h5 {
  font-size: 14px;
}
.section-features-primary .section__content h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
.section-features-primary .section__content h2 strong {
  font-weight: 700;
}
@media (max-width: 1200px) {
  .section-features-primary .section__content h2 {
    font-size: 40px;
  }
}
@media (max-width: 834px) {
  .section-features-primary .section__content h2 {
    font-size: 32px;
  }
}
.section-features-primary .section__content ol {
  list-style: none;
  counter-reset: feature-counter;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .section-features-primary .section__content ol {
    align-items: center;
  }
}
.section-features-primary .section__content ol li {
  counter-increment: feature-counter;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  font-size: 18px;
}
.section-features-primary .section__content ol li:not(:last-of-type) {
  margin-bottom: 20px;
}
@media (max-width: 834px) {
  .section-features-primary .section__content ol li {
    flex-direction: column;
    max-width: 238px;
  }
}
.section-features-primary .section__content ol li::before {
  flex-shrink: 0;
  content: counter(feature-counter) ".";
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #627BFF;
  line-height: 1.22;
  font-weight: 700;
  border-radius: 50%;
}

.section-intro-septenary {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 834px) {
  .section-intro-septenary {
    border-radius: 0 0 30px 30px;
    background-position: left top;
  }
}
.section-intro-septenary .section__container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 78px 20px 0;
}
.section-intro-septenary .section__media {
  position: relative;
  max-width: 525px;
  clip-path: inset(-200px -200px 50px -200px);
  margin-bottom: -50px;
}
.section-intro-septenary .section__media img {
  width: 100%;
  transform: rotate(-15deg);
}
.section-intro-septenary .badge {
  top: -34px;
  right: -85px;
}

@media (max-width: 1024px) {
  .section-product-description-primary {
    margin-top: 24px;
  }
}
.section-product-description-primary .cols {
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1024px) {
  .section-product-description-primary .cols {
    gap: 0;
  }
  .section-product-description-primary .cols .col {
    align-self: stretch;
  }
}
.section-product-description-primary h1, .section-product-description-primary h2 {
  font-size: 62px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 18px;
  text-align: left;
}
.section-product-description-primary h1 strong, .section-product-description-primary h2 strong {
  font-weight: 700;
}
@media (max-width: 1024px) {
  .section-product-description-primary h1, .section-product-description-primary h2 {
    font-size: 42px;
    margin: 0 auto 20px;
  }
  .section-product-description-primary h1 strong, .section-product-description-primary h2 strong {
    font-weight: 700;
  }
}
.section-product-description-primary p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  margin-bottom: 18px;
}
.section-product-description-primary .product__gallery {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 31px;
  padding-bottom: 10px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (max-width: 1024px) {
  .section-product-description-primary .product__gallery {
    margin-bottom: 18px;
  }
}
.section-product-description-primary .product__gallery::-webkit-scrollbar {
  height: 3px;
}
.section-product-description-primary .product__gallery::-webkit-scrollbar-track {
  background: #F0F6FB;
  height: 1px;
}
.section-product-description-primary .product__gallery::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
  height: 1px;
}
.section-product-description-primary .product__gallery::-webkit-scrollbar-thumb:hover {
  background: #627BFF;
}
.section-product-description-primary .product__gallery div {
  flex-shrink: 0;
  width: 152px;
  height: 152px;
  border: 2px solid transparent;
  border-radius: 25px;
  overflow: hidden;
  background-color: #F0F6FB;
}
.section-product-description-primary .product__gallery div:hover, .section-product-description-primary .product__gallery div.active {
  border: 2px solid #FFC82D;
}
.section-product-description-primary .product__gallery div img {
  width: 100%;
  height: auto;
}
.section-product-description-primary .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 834px) {
  .section-product-description-primary .product-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-product-description-primary .product-info p:first-of-type {
  color: #787b7d;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
}
.section-product-description-primary .product-info p:last-of-type {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 22px;
}
.section-product-description-primary .product-info p:last-of-type del {
  font-size: 20px;
  line-height: 1.4;
  text-decoration: line-through;
  margin: 6px 16px 6px 0;
  color: #b4b8bc;
}
.section-product-description-primary .product-info p:last-of-type ins {
  font-size: 32px;
  line-height: 1.25;
}
.section-product-description-primary form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 640px) {
  .section-product-description-primary form {
    flex-direction: column;
  }
}
.section-product-description-primary form .input__group {
  flex-basis: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 16px 14px;
  border: 1px solid #000;
  border-radius: 100px;
  position: relative;
}
@media (max-width: 640px) {
  .section-product-description-primary form .input__group {
    max-width: unset;
    width: 100%;
  }
}
.section-product-description-primary form .input__group input {
  font-size: 20px;
  max-width: 63px;
  border: none;
  text-align: center;
}
.section-product-description-primary form .input__group input::-webkit-outer-spin-button, .section-product-description-primary form .input__group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section-product-description-primary form .input__group input:focus {
  border: none;
  outline: none;
}
.section-product-description-primary form .input__group button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.section-product-description-primary form .input__group button:hover {
  border: 1px solid #627BFF;
}
.section-product-description-primary form .input__group button:hover svg path {
  transition: all 0.2s;
  stroke: #627BFF;
}
.section-product-description-primary form .btn {
  flex-basis: 50%;
  padding: 16px 75px;
  outline: none;
  border: none;
  font-size: 14px;
}
@media (max-width: 640px) {
  .section-product-description-primary form .btn {
    max-width: unset;
    width: 100%;
  }
}

.section-order {
  padding: 0 20px;
}
.section-order .shell {
  background-color: #fff1ca;
  border-radius: 40px;
  padding: 77px 108px 70px;
}
@media (max-width: 1024px) {
  .section-order .shell {
    padding: 32px 14px;
  }
}
.section-order h2 {
  font-size: 28px;
  line-height: 1.14;
  font-weight: 400;
  text-align: center;
  margin-bottom: 42px;
}
@media (max-width: 834px) {
  .section-order h2 {
    margin-bottom: 24px;
  }
}
.section-order h2 strong {
  font-weight: 700;
}
.section-order .input-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 10px;
  margin-bottom: 28px;
}
@media (max-width: 834px) {
  .section-order .input-group {
    grid-template-columns: 1fr;
  }
}
.section-order .input-group input {
  font-family: inherit;
  background-color: transparent;
  border: 2px solid #FFC82D;
  border-radius: 90px;
  padding: 12px 18px;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  transition: all 0.4s;
}
.section-order .input-group input::placeholder {
  color: #1e1e1f;
}
.section-order .input-group input:focus {
  outline: none;
  background-color: #fff;
  border: 2px solid #fff;
  color: #1e1e1f;
}
.section-order .input-group input:focus::placeholder {
  padding-left: 10px;
}
.section-order .form__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 0 8px;
}
@media (max-width: 834px) {
  .section-order .form__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}
.section-order .form__actions > div {
  display: flex;
  flex-basis: 50%;
  gap: 16px;
  align-items: center;
}
.section-order .form__actions .checkbox {
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.section-order .form__actions .checkbox:hover input ~ .checkmark {
  border-color: #ffdc7b;
}
.section-order .form__actions .checkbox input:checked ~ .checkmark::after {
  display: block;
}
.section-order .form__actions .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.section-order .form__actions .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: transparent;
  border: 2px solid #FFC82D;
}
.section-order .form__actions .checkbox .checkmark::after {
  content: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 11.6514L10.125 16.5264L18.375 8.27637" stroke="%231E1E1F" stroke-width="1.5" stroke-linecap="round" /></svg>');
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-44%, -29%) scale(2);
}
.section-order .form__actions label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.section-order .form__actions label a {
  font-weight: 700;
  text-decoration: underline;
}
.section-order .form__actions button {
  flex-basis: 50%;
  font-family: inherit;
  border: none;
}

.section-boxcontents .section__header {
  text-align: left;
  margin-bottom: 40px;
}
.section-boxcontents h5 {
  margin-bottom: 10px;
}
.section-boxcontents h2 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
}
@media (max-width: 640px) {
  .section-boxcontents h2 {
    font-size: 32px;
    font-weight: 700;
  }
}
.section-boxcontents .section__wrapper {
  display: flex;
  flex-direction: column;
}
.section-boxcontents .section__wrapper .product-secondary:not(:last-of-type) {
  margin-bottom: 24px;
}
.section-boxcontents .section__wrapper .product-secondary:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .section-boxcontents .section__wrapper .product-secondary {
    flex-direction: column !important;
  }
}

.product-secondary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  border: 2px solid #F0F6FB;
  border-radius: 30px;
  padding: 40px;
}
@media (max-width: 834px) {
  .product-secondary {
    border: none;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .product-secondary {
    padding: 0;
    align-items: flex-start;
  }
}
.product-secondary .product__media {
  position: relative;
  flex-basis: 33.333%;
  max-width: 400px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #F0F6FB;
}
@media (max-width: 1200px) {
  .product-secondary .product__media {
    max-width: unset;
  }
}
.product-secondary .product__media img {
  display: block;
  padding-top: 41px;
  max-width: 253px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.product-secondary .product__media .badge-tertiary {
  top: 16px;
  left: 29px;
}
.product-secondary.product-secondary--fullimage .product__media {
  position: relative;
  flex-basis: 33.333%;
  max-width: 400px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: transparent;
}
@media (max-width: 1200px) {
  .product-secondary.product-secondary--fullimage .product__media {
    max-width: 400px;
  }
}
.product-secondary.product-secondary--fullimage .product__media img {
  display: inline;
  padding-top: 0;
  max-width: unset;
  width: 100%;
  height: auto;
  margin: 0;
}
.product-secondary .product__content {
  flex-basis: 66.666%;
  position: relative;
}
.product-secondary .product__content p:first-of-type {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
  padding: 5px 8px;
  border-radius: 100px;
  background-color: #FFC82D;
  margin-bottom: 8px;
}
.product-secondary .product__content h3 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}
@media (max-width: 640px) {
  .product-secondary .product__content h3 {
    font-size: 32px;
  }
}
.product-secondary .product__content h3 ~ p {
  font-size: 18px;
  line-height: 1.444;
  margin-bottom: 24px;
}

.badge-tertiary {
  position: absolute;
  z-index: 100;
  width: 122px;
  height: 122px;
}
.badge-tertiary svg {
  width: 100%;
  height: 100%;
}
.badge-tertiary .badge__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.badge-tertiary .badge__text p {
  max-width: 88px;
  font-size: 9px;
  line-height: 1.247;
  letter-spacing: 3px;
}
.badge-tertiary .badge__text strong {
  font-size: 35px;
  line-height: 1.2;
  font-weight: 300;
}
.badge-tertiary .badge__text strong span {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 3px;
}

.section-box {
  max-width: 1440px;
  margin-inline: auto;
}
.section-box .section__header {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 44px;
}
.section-box .section__media {
  flex-basis: 73%;
  max-width: 700px;
  max-height: 485px;
  margin-left: -84px;
  border-radius: 0 30px 30px 0;
  overflow: hidden;
}
.section-box .section__media img {
  width: 100%;
  height: auto;
  transform: scale(1.1);
}
.section-box .section__content {
  margin-top: 112px;
  max-width: 694px;
  position: relative;
}
.section-box .section__content h2 {
  font-size: 54px;
  line-height: 1.18;
  font-weight: 400;
  margin-bottom: 24px;
}
.section-box .section__content h2 strong {
  font-weight: 700;
}
.section-box .section__content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.444;
}
.section-box .section__content .fancy-star {
  position: absolute;
  top: -82px;
  right: 0%;
  width: 64px;
  height: 73px;
}
.section-box .slider-box {
  margin-left: 180px;
  margin-top: -79px;
  margin-bottom: 48px;
}
@media (max-width: 1300px) {
  .section-box .slider-box {
    margin-top: 0;
  }
}
.section-box .slider-box .slick-slide {
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  background-color: #fff;
  margin: 0 12px;
}
.section-box .slider-box .slick-slide img {
  width: 100%;
  height: auto;
}
.section-box .slider-box > button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 60%;
  z-index: 1000;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
}
.section-box .slider-box > button:hover {
  border: 2px solid #ebeeff;
}
.section-box .slider-box > button:hover svg path {
  stroke: #627BFF;
}
.section-box .slider-box > button.slick-prev {
  left: -55px;
  transform: translate(-50%, -50%);
}
.section-box .slider-box > button.slick-next {
  right: 33px;
  transform: translate(50%, -50%);
}
.section-box .section__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.section-box .section__actions .btn {
  padding: 16px 68px;
}

.section-intro-octonary {
  max-width: 1440px;
  margin-inline: auto;
  background: url("../media/images/intro-octonary.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section-intro-octonary {
    background: url("../media/images/intro-octonary-mobile.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 0 30px 30px;
  }
}
.section-intro-octonary .cols .col:last-of-type {
  display: flex;
  justify-content: flex-end;
}
.section-intro-octonary .section__content {
  justify-self: flex-end;
  position: relative;
  z-index: 110;
  padding: 169px 0 171px 15px;
  color: #fff;
  max-width: 515px;
}
@media (max-width: 1024px) {
  .section-intro-octonary .section__content {
    display: none;
  }
}
.section-intro-octonary h1 {
  font-size: 62px;
  line-height: 1.03;
  font-weight: 400;
  margin-bottom: 21px;
}
.section-intro-octonary h1 strong {
  font-weight: 700;
}
.section-intro-octonary p {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
}
.section-intro-octonary .section__media {
  padding: 250px;
}
@media (max-width: 1200px) {
  .section-intro-octonary .section__media {
    padding: 200px;
  }
}
@media (max-width: 640px) {
  .section-intro-octonary .section__media {
    padding: 135px;
  }
}

.list-icons {
  display: flex;
  justify-content: center;
  gap: 32px;
}
.list-icons li a svg {
  width: 32px;
  height: 32px;
}

.list-socials {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.list-socials li {
  transition: transform 0.3s;
}
.list-socials li:hover {
  transform: translateY(-3px);
}
.list-socials li:nth-child(1):hover svg path,
.list-socials li:nth-child(2):hover svg path,
.list-socials li:nth-child(5):hover svg path {
  fill: #627BFF;
}
.list-socials li:hover svg circle {
  fill: #627BFF;
}
.list-socials li a {
  padding: 10px;
}

.list-checked li {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
}
.list-checked li::before {
  position: relative;
  content: url('data:image/svg+xml,<svg transform="scale(0.7) translate(0, 10)" transform-origin="center" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 11.6514L10.125 16.5264L18.375 8.27637" stroke="%231E1E1F" stroke-width="1.5"/></svg>');
}
.list-checked li:not(:last-child) {
  margin-bottom: 4px;
}

.list-rating {
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-circles li {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  padding-left: 12px;
}
@media (max-width: 1200px) {
  .list-circles li {
    margin-bottom: 12px;
  }
}
.list-circles li a {
  text-decoration: underline;
}
.list-circles li strong {
  font-weight: 700;
}
.list-circles li::before {
  content: "";
  position: relative;
  left: -10px;
  vertical-align: middle;
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: black;
}

.list-breadcrumbs {
  padding: 24px 0;
  display: flex;
}
.list-breadcrumbs li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-breadcrumbs li a {
  font-size: 18px;
  line-height: 1.44;
  padding-right: 24px;
  transition: 0.3s all;
}
.list-breadcrumbs li a:hover {
  color: #627BFF;
}
.list-breadcrumbs li:not(:last-of-type)::after {
  position: relative;
  width: 24px;
  height: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8L20 16L12 24" stroke="%231E1E1F" stroke-width="1.8"/></svg>');
}
.list-breadcrumbs li:not(:last-of-type) {
  margin-right: 24px;
}

.list-postinfo {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
}
.list-postinfo li, .list-postinfo li a {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  font-size: 14px;
  white-space: nowrap;
  line-height: 1;
}
.list-postinfo li:not(:last-of-type)::after {
  align-self: center;
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #999999;
  margin-left: 7px;
}
.list-postinfo li svg {
  align-self: flex-start;
  margin-top: 4px;
  width: 12px;
  height: 12px;
}
.list-postinfo li div {
  align-self: flex-start;
  margin-bottom: 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.list-postinfo li div img {
  width: 100%;
}

/**
 * Infinite Marquee 1.0.12
 * Infinite Horizontal & Vertical Marquee animation based on CSS and controlled with JS
 *
 * Copyright 2024 Vahan Baghdasaryan
 *
 * Released under the MIT License
 *
 * Released on: August 6, 2024
 */
.horizontal-marquee {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: var(--_gap);
  max-width: 100%;
}
.horizontal-marquee.smooth {
  -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}
.horizontal-marquee-inner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  gap: var(--_gap);
  white-space: nowrap;
}
.horizontal-marquee.paused .horizontal-marquee-inner {
  animation-play-state: paused;
}
.horizontal-marquee.full .horizontal-marquee-inner {
  min-width: var(--_containerWidth);
}
[data-animate=true] .horizontal-marquee-inner {
  animation: horizontal-marquee var(--_speed) linear infinite var(--_direction);
}

@keyframes horizontal-marquee {
  0% {
    transform: translate(calc(var(--_gap) * -1));
  }
  100% {
    transform: translate(calc(-100% - var(--_gap) * 2));
  }
}
.vertical-marquee {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-bottom: var(--_gap);
  max-height: 100%;
  flex-direction: column;
  height: calc((var(--_containerSize) - var(--_vGap)) / 1.2);
}
.vertical-marquee.smooth {
  -webkit-mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
  mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
}
.vertical-marquee-inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  margin-bottom: var(--_vGap);
}
.vertical-marquee.paused .vertical-marquee-inner {
  animation-play-state: paused;
}
[data-animate=true] .vertical-marquee-inner {
  animation: vertical-marquee var(--_speed) linear infinite var(--_direction);
}
.vertical-marquee-inner > *:not(:last-child) {
  margin-right: var(--_hGap);
}

@keyframes vertical-marquee {
  0% {
    transform: translateY(calc(var(--_vGap) * -1));
  }
  100% {
    transform: translateY(calc(-100% - var(--_vGap) * 2));
  }
}
.section-marquee {
  background-color: #F0F6FB;
  padding: 30px 0;
}
.section-marquee .marquee-image {
  padding: 0 20px;
}

body.header-modal-open:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(91, 91, 91, 0.3);
  top: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
}

.header {
  position: relative;
  z-index: 120;
  background-color: #fff;
}
.header.header-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.header.header-fixed + .main {
  padding-top: 112px;
}
.header .header-wrapper {
  position: relative;
  z-index: 110;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 18px;
}
@media (max-width: 1024px) {
  .header .header-wrapper {
    padding-block: 13px;
  }
}
.header .header__burger {
  display: block;
}
.header .logo svg {
  max-width: 148px;
}
@media (max-width: 640px) {
  .header .logo svg {
    max-width: 119px;
  }
}
.header .nav {
  flex-grow: 10;
  padding: 0 99px;
}
@media (max-width: 1200px) {
  .header .nav {
    padding: 0 20px;
  }
}
.header .nav ul {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.header .nav li {
  white-space: nowrap;
}
.header .nav a {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
}
.header .nav a.active, .header .nav a:hover {
  color: #627BFF;
}
.header .header__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1200px) {
  .header .header__actions {
    gap: 20px;
  }
}
.header .header__actions ul a {
  transition: color 0.3s;
  border-radius: 50%;
  background: transparent;
  transition: background 0.3s;
  display: inline-block;
}
.header .header__actions ul a svg {
  transform: scale(1);
  transition: transform 0.3s;
}
.header .header__actions ul a:hover {
  background: #F0F6FB;
}
.header .header__actions ul a:hover path {
  transition: stroke 0.3s;
  stroke: #627BFF;
}
.header .header__actions ul a:hover svg {
  transform: scale(0.9);
}

.header-modal {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  /* opacity: 0;
      visibility: hidden;
  */
}
.header-modal .shell {
  padding: 0;
}
.header-modal .modal-content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, top 0.3s;
  position: relative;
  top: -20px;
  position: absolute;
  background-color: #F0F6FB;
  margin: 0 auto 0;
  padding: 72px 54px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
  z-index: 500;
}
.header-modal .modal-content.modal-open {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.header-modal .modal-content .cols {
  gap: 61px;
}
.header-modal .modal-content .cols .col-3of12 .btn {
  width: 100%;
}
.header-modal .modal-content .close-modal {
  position: absolute;
  top: 20px;
  right: 31px;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
}
.header-modal .modal-content .close-modal:hover {
  background-color: #ebeeff;
}
.header-modal .modal-content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
}
.header-modal .modal-content ul {
  margin-bottom: 33px;
}
.header-modal .modal-content ul li {
  margin-bottom: 12px;
}
.header-modal .modal-content ul li a {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 0;
}
.header-modal .modal-content ul li a.active, .header-modal .modal-content ul li a:hover {
  color: #627BFF;
}
.header-modal .modal-content ul li a.active svg path, .header-modal .modal-content ul li a:hover svg path {
  stroke: currentColor;
}
.header-modal .modal-content .modal-tab {
  display: none;
}
.header-modal .modal-content .wrapper {
  display: flex;
  gap: 24px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header-modal .modal-content .modal-box {
  display: block;
  flex-basis: 33.333%;
  padding: 20px;
  border-radius: 15px;
  background-color: #fff;
  position: relative;
}
.header-modal .modal-content .modal-box .modal-box__media {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
}
.header-modal .modal-content .modal-box .modal-box__media img {
  width: 100%;
  height: auto;
}
.header-modal .modal-content .modal-box .modal-box__media p {
  position: absolute;
  transform: translate(-10px, -20%);
}
.header-modal .modal-content .modal-box .modal-box__content {
  display: flex;
  justify-content: space-between;
}
.header-modal .modal-content .modal-box .modal-box__content p {
  font-size: 28px;
  font-weight: 400;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .header-modal .modal-content .modal-box .modal-box__content p {
    font-size: 22px;
    font-weight: 400;
  }
}
.header-modal .modal-content img {
  max-width: 266px;
}

.side-menu {
  z-index: 2000;
  display: none;
  margin-top: 101px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transform: translateX(-100%);
  background-color: #F0F6FB;
  transition: 0.3s all;
  will-change: transition;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  .side-menu {
    display: block;
  }
}
.side-menu__wrapper {
  width: 100%;
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.side-menu.side-menu-open {
  transform: translateX(0);
}
.side-menu.side-menu-open + .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.side-menu .form-search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 500px;
  border: 2px solid #627BFF;
  border-radius: 30px;
  overflow: hidden;
  padding: 4px;
  margin-bottom: 66px;
}
.side-menu .form-search input {
  padding: 8px 8px 8px 16px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  font-size: 16px;
}
.side-menu .form-search input:focus {
  border: none;
  outline: none;
  background-color: transparent;
}
.side-menu .form-search button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  border: none;
  border-radius: 30px;
  background-color: #627BFF;
  cursor: pointer;
}
.side-menu .form-search button:hover {
  background-color: #758bff;
}
.side-menu .form-search button svg path {
  stroke: #fff;
}
.side-menu .nav-mobile {
  max-width: 190px;
  margin-bottom: 66px;
}
@media (max-width: 376px) {
  .side-menu .nav-mobile {
    margin-bottom: 16px;
  }
}
.side-menu .nav-mobile li:not(:last-of-type) {
  margin-bottom: 22px;
}
.side-menu .nav-mobile a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  font-size: 20px;
  line-height: 1.4;
  transition: color 0.3s, font-weight 0.3s;
  font-weight: 700;
}
.side-menu .nav-mobile a:hover {
  color: #627BFF;
}
.side-menu .nav-mobile a:hover svg path {
  stroke: currentColor;
}
.side-menu .btn {
  min-width: 237px;
}
.side-menu .btn:not(:last-of-type) {
  margin-bottom: 20px;
}
.side-menu .side-menu-star {
  width: 63px;
  height: 64px;
  position: absolute;
  right: 10%;
  top: 35%;
  z-index: -1;
}
.side-menu .list-socials {
  margin-top: 66px;
}

.cols {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .cols {
    flex-direction: column;
  }
}
.cols .col {
  position: relative;
}
@media (max-width: 1024px) {
  .cols .col {
    width: 100%;
  }
}
.cols .col-1of12 {
  flex-basis: 8.333%;
}
.cols .col-2of12 {
  flex-basis: 16.666%;
}
.cols .col-3of12 {
  flex-basis: 25%;
}
.cols .col-4of12 {
  flex-basis: 33.333%;
}
.cols .col-5of12 {
  flex-basis: 41.666%;
}
.cols .col-6of12 {
  flex-basis: 50%;
}
.cols .col-7of12 {
  flex-basis: 58.333%;
}
.cols .col-8of12 {
  flex-basis: 66.666%;
}
.cols .col-9of12 {
  flex-basis: 75%;
}
.cols .col-10of12 {
  flex-basis: 83.333%;
}
.cols .col-11of12 {
  flex-basis: 91.666%;
}
.cols .col-12of12 {
  flex-basis: 100%;
}

.footer .footer__cta {
  background-color: #d7deff;
  padding: 24px 0;
}
@media (max-width: 1024px) {
  .footer .footer__cta {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .footer .footer__cta .cols {
    flex-direction: column;
  }
}
.footer .footer__cta h3 {
  font-size: 32px;
  line-height: 1.12;
  margin-bottom: 16px;
}
.footer .footer__cta p {
  font-size: 18px;
  line-height: 1.44;
}
.footer .cols {
  gap: 10px;
}
.footer .cta-form {
  display: flex;
  gap: 14px;
}
@media (max-width: 1200px) {
  .footer .cta-form {
    flex-direction: column;
  }
}
.footer .cta-form input {
  width: 100%;
  min-width: 200px;
  max-width: 448px;
  padding: 15px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  border: none;
  border-radius: 30px;
}
.footer .cta-form input:focus {
  outline: none;
}
.footer .cta-form input::placeholder {
  font-family: inherit;
  color: #1e1e1f;
}
@media (max-width: 1200px) {
  .footer .cta-form input {
    max-width: unset;
  }
}
.footer .cta-form button {
  border: none;
  font-weight: 400;
}
.footer .cta-form button svg {
  width: 22px;
}
.footer .footer__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  background-color: #F0F6FB;
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 640px) {
  .footer .footer__nav {
    padding-top: 48px;
    padding-bottom: 10px;
  }
}
.footer .footer__nav .cols {
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .footer .footer__nav .cols {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.footer .footer__nav .col {
  max-width: 260px;
}
@media (max-width: 1200px) {
  .footer .footer__nav .col {
    margin-bottom: 32px;
  }
}
.footer .footer__nav .col:first-child svg {
  width: 122px;
  height: 60px;
  margin-bottom: 24px;
}
.footer .footer__nav .col:first-child p {
  font-size: 18px;
  line-height: 1.44;
}
.footer .footer__nav .col h5 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 8px;
}
.footer .footer__nav .col ul li {
  font-size: 18px;
  text-align: left;
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .footer .footer__nav .col ul li {
    justify-content: center;
  }
}
.footer .footer__nav .col ul li:not(:last-child) {
  margin-bottom: 8px;
}
.footer .footer__nav .col ul li a {
  color: #1e1e1f;
  transition: 0.3s all;
}
.footer .footer__nav .col ul li a:hover {
  color: #627BFF;
}
.footer .footer__bar {
  padding-top: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer .footer__bar {
    flex-direction: column-reverse;
    gap: 24px;
    padding-top: 0;
    padding-bottom: 32px;
  }
}
.footer .footer__bar p {
  font-size: 14px;
}

.shoppage .section-marquee {
  margin-bottom: 0;
}

.faqpage {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .faqpage {
    margin-top: 42px;
  }
}

.aboutus .section-contact {
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .aboutus .section-features {
    margin-bottom: 42px;
  }
}

.page404 .header .header-wrapper {
  margin-top: 82px;
  justify-content: center;
}
@media (max-width: 1024px) {
  .page404 .header .header-wrapper {
    margin-top: 0;
    justify-content: space-between;
  }
}

/*# sourceMappingURL=style.css.map */