.main {
  align-items: center;
  position: relative;
}
.main__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  width: 100%;
}
.main-background {
  z-index: -1;
  top: 0;
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  height: 100%;
}
.main-background__hexagon-nhs {
  position: absolute;
  background-image: url(../assets/images/nhs/hexagon-nhs.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 1870px;
  height: 1655px;
  top: -1031px;
}
.main-background__hexagon-white {
  background-image: url(../assets/images/nhs/hexagon-white.svg);
  width: 1870px;
  height: 1655px;
  bottom: 1110px;
  position: absolute;
  z-index: 1;
  filter: brightness(0) invert(1);
}
.main-background__white {
  position: absolute;
  height: 2855px;
  background-color: white;
}
.main-background__blue {
  position: absolute;
  background-color: #E6F7FD;
  width: 100%;
  height: 2000px;
  top: 2564px;
}
.main-background__hexagon-white_second {
  bottom: -63px;
  height: 590px;
}

.filter-wrapper {
  position: relative;
}

.button_nsh-filter-fixed {
  position: fixed;
  z-index: 2;
  right: 16px;
  bottom: 20px;
  background-color: var(--dark-blue);
  color: white;
  border: none;
  gap: 15px;
  font-family: "Inter", sans-serif;
  opacity: 0;
  /* transition: opacity 0.3s; */
  transition: all .2s ease;
}
.button_nsh-filter-fixed .button__icon {
  background-image: url(../assets/icons/nhs/sliders-white.svg);
}

.button_nsh-filter-fixed:hover {
  background-color: var(--water-blue);
  color: white;
}

.button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}
.button__icon {
  width: 24px;
  height: 24px;
  background-image: url(../assets/icons/nhs/sliders-blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.button_nhs-about {
  display: none;
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.button_nhs-about:hover {
  border-color: var(--dark-blue);
  color: var(--dark-blue);
}

.button_nhs-filter {
  gap: 15px;
  border: none;
  font-family: "Inter", sans-serif;
  transition: all .2s ease;
}

.button_nhs-filter:hover {
  background-color: var(--dark-blue);
  color: white;
}
.button_nhs-filter:hover .button__icon {
  background-image: url(../assets/icons/nhs/sliders-white.svg);
}

.underline__highlighter {
  background-color: var(--azure-blue);
}

.nhs {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 59px 181px 200px 189px;
  width: 100%;
}
.nhs__title {
  font-size: 5.6rem;
  line-height: 53px;
  font-weight: 700;
  color: white;
  max-width: 860px;
  width: 100%;
}
.nhs__subtitle-wrapper {
  margin-top: 28px;
  line-height: 28px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.nhs__subtitle {
  font-size: 2rem;
  font-weight: 400;
  color: white;
}
.nhs__buttons {
  max-width: 500px;
  z-index: 1;
  margin-top: 35px;
  display: flex;
  gap: 18px;
}
.nhs__span-title {
  display: block;
  color: var(--deep-blue);
  line-height: 65px;
}
.nhs__plates {
  position: absolute;
  inset: 0;
  width: 100%;
}
.nhs__plates-wrapper {
  position: relative;
  width: 642px;
  height: 376px;
  margin: 257px 0 0 auto;
  transform: translateX(-40px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.nhs__plate-first, .nhs__plate-second, .nhs__plate-divider {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: clip-path 0.07s;
  background-size: contain;
}
.nhs__plate-first {
  background-image: url("../assets/images/nhs/plate-first.webp");
  clip-path: inset(0 48% 0 0);
  z-index: 1;
}
.nhs__plate-second {
  background-image: url("../assets/images/nhs/plate-second.webp");
  z-index: -1;
}
.nhs__plate-divider {
  background-image: url("../assets/images/nhs/plate-divider.webp");
  clip-path: inset(0 47% 0 52%);
  z-index: 0;
  cursor: ew-resize;
}
.nhs__plate-shadow {
  background-color: rgba(0, 58, 75, 0.6);
  width: 375px;
  height: 375px;
  border-radius: 50%;
  filter: blur(59px);
  z-index: -2;
  position: absolute;
  left: 160px;
  top: 71px;
}

.brands {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 39px 0 90px 0;
  width: 100%;
}
.brands__title {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: var(--deep-blue);
  margin-bottom: 29px;
}
.brands__list {
  margin-top: 68px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.brands__list-row {
  display: flex;
  justify-content: center;
  gap: 18px;
}
.brands__list-item {
  background-color: var(--glass-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 216px;
  width: 216px;
  border-radius: 50%;
}
.brands-item {
  transition: transform 0.3s, box-shadow 0.3s;
}
.brands-item__image_alfare {
  background-image: url(../assets/images/nhs/alfare.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 112px;
}
.brands-item__image_isosource {
  background-image: url(../assets/images/nhs/isosource.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 161px;
}
.brands-item__image_modulen {
  background-image: url(../assets/images/nhs/modulen.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 143px;
}
.brands-item__image_novasource {
  background-image: url(../assets/images/nhs/novasource.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 156px;
}
.brands-item__image_optifast {
  background-image: url(../assets/images/nhs/optifast.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 138px;
}
.brands-item__image_peptamen {
  background-image: url(../assets/images/nhs/peptamen.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 148px;
  margin-left: -7px;
}
.brands-item__image_peptamen-junior {
  background-image: url(../assets/images/nhs/peptamen-junior.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 168px;
}
.brands-item__image_resource {
  background-image: url(../assets/images/nhs/resource.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 43px;
  width: 141px;
}
.brands-item__image_resource-junior {
  background-image: url(../assets/images/nhs/resource-junior.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 60px;
  width: 133px;
}
.brands-item:hover {
  transform: scale(1.47);
  box-shadow: 0px 4px 250px 0px #a4c6d8;
  background-color: white;
}

.slides {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 40px 45px 40px;
}
.slides__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1360px;
  width: 100%;
}
.slides__buttons {
  display: flex;
  width: 100%;
  height: 100%;
}
.slides .splide {
  overflow-x: hidden;
}
.slides .splide__slide {
  display: flex;
  justify-content: center;
}
.slides .splide__slide-content {
  width: 94.5%;
}
.slides .splide__track {
  width: 100%;
}
.slides .splide__list {
  width: 100%;
}
.slides .splide-slide__content {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  overflow: hidden;
  width: 1360px;
  aspect-ratio: 120/53;
  border-radius: 80px;
  display: flex;
  justify-content: center;
}
.slides__arrows {
  pointer-events: none;
  position: absolute;
  display: flex;
  top: 45.2%;
  width: 94.2%;
  justify-content: space-between;
}
.slides__arrow {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(102, 190, 215, 0.2);
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all .1s ease;
}
.slides__arrow-image {
  background-image: url(../assets/icons/nhs/slides-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 24px;
  width: 24px;
}
.slides .arrow_right {
  transform: rotate(180deg);
}
.slides__arrow:hover {
  background-color: rgba(102, 190, 215, 0.3019607843);
}
.slides .button_buy {
  height: 4vw;
  max-height: 56px;
  width: 9.76vw;
  max-width: 141px;
  padding: 0;
  font-size: clamp(1.4rem, 1.26vw, 1.8rem);
}
.slides .button_more {
  height: 4vw;
  max-height: 56px;
  width: 15.45vw;
  max-width: 223px;
  padding: 0;
  font-size: clamp(1.4rem, 1.26vw, 1.8rem);
}
.slides .button__resource-j-buy {
  background-color: var(--orange);
  color: white;
}
.slides .button__resource-j-more {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.slides .button__resource-j-buy:hover {
  background-color: #F0860A;
}
.slides .button__resource-j-more:hover {
  border-color: #F0860A;
  color: #F0860A;
}
.slides .button__optifast-buy {
  max-height: 64px;
  height: 3.7vw;
  color: white;
  background-color: var(--persian-green);
}
.slides .button__optifast-more {
  max-height: 64px;
  height: 3.7vw;
  color: var(--persian-green);
  border: 1px solid var(--persian-green);
}
.slides .button__optifast-buy:hover {
  background-color: var(--deep-blue);
}
.slides .button__optifast-more:hover {
  border-color: var(--deep-blue);
  color: var(--deep-blue);
}
.slides .button__optifibre-buy {
  max-height: 64px;
  height: 3.7vw;
  color: #004B99;
  background-color: white;
}
.slides .button__optifibre-more {
  max-height: 64px;
  height: 3.7vw;
  color: white;
  background-color: transparent;
  border: 1px solid white;
}
.slides .button__optifibre-buy:hover {
  background-color: #004B99;
  color: white;
}
.slides .button__optifibre-more:hover {
  border-color: #004B99;
  color: #004B99;
}
.slides .button__resource-buy {
  background-color: #2F2F85;
  color: white;
}
.slides .button__resource-more {
  background-color: transparent;
  border: 1px solid #2F2F85;
  color: #2F2F85;
}
.slides .button__resource-buy:hover {
  background-color: #F89C24;
}
.slides .button__resource-more:hover {
  border-color: #F89C24;
  color: #F89C24;
}
.slides .button__modulen-buy {
  background-color: white;
  color: #00BAD7;
}
.slides .button__modulen-more {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.slides .button__modulen-buy:hover {
  background-color: #004B99;
  color: white;
}
.slides .button__modulen-more:hover {
  border-color: #004B99;
  color: #004B99;
}
.slides .button__alfare-buy {
  background-color: white;
  color: #E064B4;
}
.slides .button__alfare-more {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.slides .button__alfare-buy:hover {
  background-color: #F0AC31;
  color: white;
}
.slides .button__alfare-more:hover {
  border-color: #F0AC31;
  color: #F0AC31;
}
.slides .button__peptamen-buy {
  background-color: #0099E1;
  color: white;
}
.slides .button__peptamen-more {
  background-color: transparent;
  border: 1px solid #0099E1;
  color: #0099E1;
}
.slides .button__peptamen-buy:hover {
  background-color: #16226D;
  color: white;
}
.slides .button__peptamen-more:hover {
  border-color: #16226D;
  color: #16226D;
}
.slides .button__source-buy {
  background-color: #14377D;
  color: white;
}
.slides .button__source-more {
  background-color: transparent;
  border: 1px solid #14377D;
  color: #14377D;
}
.slides .button__source-buy:hover {
  background-color: #EA6852;
  color: white;
}
.slides .button__source-more:hover {
  border-color: #EA6852;
  color: #EA6852;
}
.slides-resource-j {
  background-image: url(../assets/images/nhs/resource-j-desktop.webp);
}
.slides-resource-j__buttons {
  margin: 20% 0 0 9.4%;
  gap: 8px;
}
.slides-optifast {
  background-image: url(../assets/images/nhs/optifast-desktop.webp);
}
.slides-optifast__buttons {
  margin: 29.7% 0 0 11.26%;
  gap: 16px;
}
.slides-optifibre {
  background-image: url(../assets/images/nhs/optifibre-desktop.webp);
}
.slides-optifibre__buttons {
  margin: 20.45% 0 0 9.4%;
  gap: 16px;
}
.slides-resource {
  background-image: url(../assets/images/nhs/resource-desktop.webp);
}
.slides-resource__buttons {
  margin: 25.95% 0 0 9.4%;
  gap: 8px;
  flex-direction: column;
}
.slides-modulen {
  background-image: url(../assets/images/nhs/modulen-desktop.webp);
}
.slides-modulen__buttons {
  margin: 30.6% 0 0 36.29%;
  gap: 8px;
}
.slides-alfare {
  background-image: url(../assets/images/nhs/alfare-desktop.webp);
}
.slides-alfare__buttons {
  margin: 22.35% 0 0 9.39%;
  gap: 8px;
  flex-direction: column;
}
.slides-peptamen {
  background-image: url(../assets/images/nhs/peptamen-desktop.webp);
}
.slides-peptamen__buttons {
  margin: 32.4% 0 0 16.7%;
  gap: 9px;
}
.slides-source {
  background-image: url(../assets/images/nhs/source-desktop.webp);
}
.slides-source__buttons {
  margin: 30.43% 0 0 36.32%;
  gap: 8px;
}

.nestle {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 40px 55px 40px;
  width: 100%;
}
.nestle__title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--deep-blue);
  text-align: center;
}
.nestle__subtitle {
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--water-blue);
  text-align: center;
  max-width: 860px;
  margin-bottom: 29px;
  margin-top: 5px;
}
.nestle-about {
  display: flex;
  margin-top: 53px;
  align-items: center;
}
.nestle-about__image {
  background-image: url(../assets/images/nhs/family.webp);
  background-repeat: no-repeat;
  background-position: center center;
  width: 460px;
  height: 404.8px;
  flex-shrink: 0;
}
.nestle-about__text-wrapper {
  max-width: 820px;
  padding: 0 0px 0px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nestle-about__text {
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--graphite-black);
  line-height: 29px;
}

.facts {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 0 55px 0;
  width: 100%;
}
.facts__title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--deep-blue);
  text-align: center;
}
.facts__span-title {
  display: block;
  color: var(--water-blue);
  line-height: 56px;
}
.facts__subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: black;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 28px;
}
.facts-info {
  display: flex;
  align-items: center;
  gap: 79px;
  margin-top: 114px;
}
.facts-info__image {
  background: url(../assets/images/nhs/heart.webp) center no-repeat;
  width: 415px;
  height: 365px;
  flex-shrink: 0;
}
.facts-info__text-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 664px;
  gap: 32px;
}
.facts-info__text-line {
  display: flex;
  gap: 24px;
  line-height: 29px;
}
.facts-info__text-highlight {
  min-width: 4px;
  border-radius: 0 15px 15px 0;
}
.facts-info__text-highlight_blue {
  background-color: var(--azure-blue);
}
.facts-info__text-highlight_yellow {
  background-color: var(--light-orange);
}
.facts-info__text-highlight_green {
  background-color: var(--light-green);
}
.facts-info__text {
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--graphite-black);
  padding: 13px 0px;
}

.purchase {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 87px 0 55px 0;
  width: 100%;
}
.purchase__title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--deep-blue);
  text-align: center;
  line-height: 53px;
  margin-bottom: 20px;
}
.purchase__span-block {
  display: block;
}
.purchase__span-blue {
  display: block;
  color: var(--water-blue);
}
.purchase__content {
  margin-top: 29px;
}
.purchase__content .button_purchase {
  background-color: #0092BC;
  color: white;
  padding: 21px 33px;
  transition: all .2s ease;
}
.purchase__content .button_purchase:hover {
  background-color: var(--dark-blue);
}

.stars {
  font-size: 1.3rem;
  font-weight: 400;
  color: #34778A;
  padding: 51px 44px 33px 44px;
  line-height: 22px;
  width: 100%;
}/*# sourceMappingURL=nhs.css.map */