@charset "UTF-8";
/*!
 * Icecro css + :root
 * Copyright 2022 Yadmin dev @Jekadog
 */

:root {
    --icecro-body-font-family: 'Montserrat', sans-serif;
    --icecro-body-bg-color: #F6F1EB;
    --icecro-sections-bg-color: #F6F1EB;
    --icecro-main-block-bg-color: #00AEC7;
    --icecro-container-max-width: 1650px;
}
body{
    /*overflow: hidden;
    color: #000;*/
    background: var(--icecro-body-bg-color);
    font-family: var(--icecro-body-font-family);
    font-weight: 500;
    font-size: 0.9375rem;
}
*{
    outline: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
pre {
    background-color: #fff;
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: 1px;
    border-radius: var(--bs-border-radius);
    border: 1px solid #103D4B;
}
p,li,b{color: #103D4B;}
a{text-decoration: none;transition: all 1s ease 0s;}
a:hover{color: #046246;text-decoration: none;}
.container {
    max-width: var(--icecro-container-max-width);
}
.accordion-item:last-of-type {
    border-bottom: 0;
}
/* nav-bar start*/
.header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
}

.header__nav {
  position: relative;
  width: 100%;
}

.header__list {
  padding: 0 0 0 20px;
  margin: 0;
  list-style: none;
  min-height: 50px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: white;
  justify-content: space-between;
}

.header__item {
  display: flex;
  align-items: center;
}

.header__item-navigation {
  display: none;
}

.header__item-logo {
  overflow: hidden;
  min-height: 50px;
  position: relative;
  align-items: flex-end;
  max-width: 150px;
  width: 100%;
}

.header__item-logo-first {
  transition: all 0.3s ease 0s;
}

.header__item-logo-second {
  transition: all 0.3s ease 0s;
  position: absolute;
  bottom: -24px;
  left: 0;
} 

.header__item-basket {
  gap: 17px;
  justify-content: space-between;
  width: 100%;
  max-width: 114px;
}

.header__item-basket > a {
  color: white;
  position: relative;
}

.header__cart-count {
  width: 20px;
  height: 21px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  position: absolute;
  top: -10px;
  right: -10px;
}

.header__burger-menu-btn {
  width: 50px;
  height: 50px;
  background-color: #103D4B;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.header__burger-menu-btn-close {
  display: none;
}

@media (min-width: 768px) {
  .header__nav {
    width: 100%;
    max-width: 1650px;
    padding: 0 69px;
  }

  .header__list {
    min-height: 80px;
  }

  .header__item-logo {
    min-height: 80px;
    max-width: 380px;
  }

  .header__item-logo-first {
    width: 130px;
    height: 44px;
  }
  
  .header__item-logo-second {
    width: 224px;
    height: 46px;
    bottom: -50px;
  }

  .header__item-basket {
    max-width: 187px;
    gap: 30px;
  }
  
  .header__item-basket > div > a {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 77px;
  }

  .header__item-basket > div > a > svg {
    width: 34px;
    height: 23px;
  }

  .header__cart-count {
    width: 40px;
    height: 41px;
    position: relative;
    top: 0;
    right: 0;
  }

  .header__burger-menu-btn {
    width: 80px;
    height: 80px;
  }

  .header__burger-menu-btn > svg {
    width: 28px;
    height: 21px;
  }
}

@media (min-width: 1280px) {
  .header__nav {
    padding: 0 50px;
    margin: 0 auto;
  }

  .header__list {
    min-height: 88px;
    padding: 0;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0;
  }

  .header__item-logo {
    min-height: 88px;
    max-width: 180px;
  }

  .header__cart:hover {
    text-decoration: none;
  }

  .header__cart:hover span{
    background-color:#4CACC4;
    /* background-color: #00AEC7; */
  }
  
  .header__item-logo-first {
    width: 130px;
    height: 54px;
    transform: translate(23px, 5px);
  }
  
  .header__item-logo-second {
    width: 143px;
    height: 30px;
    bottom: -60px;
    left: 18px;
  }

  .header__burger-menu-btn {
    display: none;
  }

  .header__item-basket {
    max-width: 77px;
    margin-right: 20px;
  }

  .header__item-navigation {
    display: flex;
    flex: 1 1 0;
    width: 100%;
    flex-wrap: nowrap;
    gap: 20px;
  }

  .header__item-navigation-link {
    color: #103D4B;
    /* padding: 0 40px; */
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
  }

  .header__item-navigation-link:hover {
    text-decoration: none;
    color: #4CACC4;
  }

  .header__item-navigation--menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    min-height: 88px;
    background-color: #00AEC7;
    padding: 0 42px;
    position: relative;
  }

  .header__item-navigation--menu-link::after {
    content: '';
    display: block;
    position: absolute;
    right: 30px;
    width: 7px;
    height: 5px;
    background-image: url(/images/main-img/triangle.svg);
    background-repeat: no-repeat;
    background-position: center;
  }

  .header__item-navigation--menu-link:hover {
    color: #103D4B;
  }
}

@media (min-width: 1440px) {
  .header__nav {
    padding: 0 40px;
  }

  .header__item-logo {
    max-width: 200px;
  }

  .header__item-logo-first {
    width: 148px;
    height: 61px;
    transform: translate(25px, 5px);
  }
  
  .header__item-logo-second {
    width: 166px;
    height: 35px;
    bottom: -60px;
    left: 18px;
  }
  
  .header__item-basket {
    margin-right: 40px;
  }

  .header__item-navigation {
    gap: 40px;
  }
}

@media (min-width: 1650px) {
  .header__nav {
    padding: 0;
  }
}

@media (min-width: 1650px) {
  .header__item-logo {
    max-width: 350px;
  }

  .header__item-logo-first {
    width: 176px;
    height: 73px;
    transform: translate(50%, 7px);
  }
  
  .header__item-logo-second {
    width: 274px;
    height: 57px;
    bottom: -60px;
    left: 40px;
  }
}

.stop-scroll {
  position: fixed;
  overflow: hidden;
}

.header-menu {
  background-color: white;
  position: fixed;
  display: none;
  top: 95px;
  height: 100vh;
  width: 100vw;
  padding-bottom: 20vh;
  z-index: 99;
  overflow: scroll;
}

.header-menu::-webkit-scrollbar {
  display: none;
}

.header-menu--open {
  display: block;
}

.header-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.header-menu__heading {
  color: #103D4B;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  margin: 12px 0 10px;
  line-height: 24px;
}

.header-menu__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  min-width: 93px;
  max-width: 93px;
}

.header-menu__text {
  color: #103D4B;
  text-align: center; 
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin: 8px 0 0;
}

.header-menu__wrapper {
  display: flex;
  flex-direction: column;
}

.header-menu__nav-list {
  margin: 20px 0 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
}

.header-menu__nav-list a {
  color: #103D4B;
  display: flex;
  flex-direction: row;
  max-width: none;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.header-menu__icecream {
  display: flex;
  flex-direction: column;
  border-top: /*1px solid #00AEC7*/ 1px solid rgba(0, 174, 199, .3); 
  padding-bottom: 12px;
  
}

.header-menu__icecream-item-img {
  margin: 8px 0 0;
}

.header-menu__flex-box {
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  border-top: 1px solid rgba(0, 174, 199, .3);
}

.header-menu__milk-product,
.header-menu__desserts,
.header-menu__brends {
  border-top: 1px solid rgba(0, 174, 199, .3);
  margin-top: 12px;
}

.header-menu__brends-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
}

@media (min-width: 768px) {
  .header-menu {
    top: 0;
    padding-top: 122px;
  }

  .header-menu__nav-list {
    flex-direction: row;
    margin: 34px 0 20px;
  }

  .header-menu__nav-list a {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }

  .header-menu__heading {
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    margin: 20px 0 15px;
  }

  .header-menu__list {
    gap: 20px;
  }

  .header-menu__link {
    max-width: 110px;
    min-width: 109px;
  }

  .header-menu__text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
  }

  .header-menu__icecream {
    padding-bottom: 20px;
  }

  .header-menu__flex-box {
    padding-bottom: 20px;
  }
  
  .header-menu__milk-product,
  .header-menu__desserts,
  .header-menu__brends {
    margin-top: 20px;
  }

  .header-menu__brends-list svg {
    width: 84px;
    height: 42px;
  }
}

@media (min-width: 1280px) {
  .header-menu {
    padding: 0;
    top: 132px;
    width: 100%;
    /* max-width: 1650px; */
    height: auto;
    background-color: transparent;
    overflow: auto;
  }

  .header-menu__nav-list {
    display: none;
  }

  .header-menu__list {
    gap: 10px;
  }

  .header-menu__wrapper {
    width: 100%;
    max-width: 1650px;
    padding: 0 30px;
    background-color: white;
  }

  .header-menu__icecream {
    border: none;
  }
  
  .header-menu__milk-product,
  .header-menu__desserts,
  .header-menu__brends {
    border: none;
    margin: 0;
  }

  .header-menu__flex-box {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .header-menu__vegan-product {
    /*margin-right: 132px;*/
    margin-right: 62px;
  }

  .header-menu__drinks {
    margin-right: 96px;
  }

  .header-menu__desserts {
    margin-right: 86px;
  }

  .header-menu__brends {
    max-width: 200px;
  }
}

@media (min-width: 1650px) {
  .header-menu__brends {
    max-width: none;
  }
}
/* nav-bar end*/

/* shipping - pament start */
.shipping-page__list {
    max-width: 1200px;
}
.shipping-page__item {
  margin: 0 auto 4.5rem;
  position: relative;
  padding-left: 3.25rem;
  max-width: 615px;
}

@media (max-width: 599px) {
  .shipping-page__item {
    margin-bottom: 1.75rem;
    padding-left: 1.875rem;
  }
}

.shipping-page__item:last-of-type {
  margin-bottom: 0;
}

.shipping-page__item:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0a9 9 0 01-9 9v1a9 9 0 019 9h1a9 9 0 019-9V9a9 9 0 01-9-9H9z' fill='%23103D4B'/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
}

@media (max-width: 599px) {
  .shipping-page__item:before {
    width: 10px;
    height: 10px;
    top: 8px;
  }
}

.shipping-page__item-title {
  color: #000;
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}

@media (max-width: 599px) {
  .shipping-page__item-title {
    font-size: 1rem;
  }
}

.shipping-page__item-description {
  color: #7c7a78;
}

.shipping-page__payment-systems {
  margin-top: 2.25rem;
}

@media (max-width: 599px) {
  .shipping-page__payment-systems {
    margin-top: 1.875rem;
  }
}

.shipping-page__contact-us {
  padding: 5.625rem 0;
}

@media (max-width: 599px) {
  .shipping-page__contact-us {
    padding: 3.375rem 0;
  }
}

.payment-systems__list {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 490px;
  gap: 0.625rem;
}

@media (max-width: 599px) {
  .payment-systems__list {
    max-width: 218px;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
}

.payment-systems__item {
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.625rem;
}

.payment-systems__item-img {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin-bottom: 0.625rem;
}

@media (max-width: 599px) {
  .payment-systems__item-img {
    height: 45px;
    margin-bottom: 0.375rem;
  }
}

.payment-systems__item-img img,
.payment-systems__item-img svg {
  width: 80%;
  height: auto;
  max-height: 70%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 599px) {

  .payment-systems__item-img img,
  .payment-systems__item-img svg {
    max-height: 60%;
  }
}
/* shipping - pament end */

/* contact-us container start */
.contact-us__container {
    max-width: 1100px;
    margin: auto;
}
/* contact-us container end */

/* icecream croco start */

.icecream {
  padding-bottom: 50px;
}

.icecream__anim-wrapper {
  position: relative;
  min-height: 146px;
  max-width: 1650px;
  margin: 0 auto 0;
  max-width: 1650px;
  -webkit-transition: all 1.5s ease 0s;
  -o-transition: all 1.5s ease 0s;
  transition: all 1.5s ease 0s;
}

.croco-icecream {
  -webkit-transition: all 5s ease 0s;
  -o-transition: all 5s ease 0s;
  transition: all 5s ease 0s;
  background-color: transparent;
  width: 20000px; 
  height: 160px;
  position: absolute;
  top: -3px;
  left: 0;
  -webkit-transform: translate(-305px, 0);
      -ms-transform: translate(-305px, 0);
          transform: translate(-305px, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.croco-icecream > img {
  z-index: 1;
}

.croco-icecream > div {
  width: calc(100vw + 305px);
  height: 100%;
  margin-left: -176px;
  background-color: #F6F1EB;
}

@media (min-width: 768px) {
  .croco-icecream {
    -webkit-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
  }

  .croco-icecream > img {
    width: 323px;
    height: 233px;
  }
}

@media (min-width: 1280px) {
  .croco-icecream {
    -webkit-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
    transform: translate(-750px, 0); 
    top: -118px;
    height: 327px;
    width: 5000px;
  }

  .croco-icecream > img {
    width: 607px;
    height: 437px;
  }

  .croco-icecream > div {
    margin-left: -380px;
  }
}

@media (min-width: 1440px) {
  .croco-icecream {
    -webkit-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
    -webkit-transform: translate(-800px, 0);
        -ms-transform: translate(-800px, 0);
            transform: translate(-800px, 0);
    top: -138px;
    height: 333px;
    width: 5000px;
  }

  .croco-icecream > img {
    width: 643px;
    height: 463px;
  }
}

@media (min-width: 1920px) {
  .croco-icecream {
    -webkit-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
    -webkit-transform: translate(-800px, 0);
        -ms-transform: translate(-800px, 0);
            transform: translate(-800px, 0);
    top: -175px;
    height: 327px;
    width: 5000px;
  }

  .croco-icecream > img {
    width: 724px;
    height: 522px;
  }

  .croco-icecream > div {
    margin-left: -500px;
  }
}

/* end croco */

/* vegan start */
.vegan {
  padding-bottom: 50px;
}

.vegan-anim-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.croco-vegan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  height: 120px;
  top: 34px;
  -webkit-transition: all 5s ease 0s;
  -o-transition: all 5s ease 0s;
  transition: all 5s ease 0s;
}

.croco-vegan > div {
  background-color: #F6F1EB;
  height: 100%;
  margin-top: 18px;
  margin-right: -223px;
  width: calc(100vw + 223px);
}

.vegan__heading {
  margin: 10px 0 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: #103D4B;
  max-width: 430px;
}

@media (min-width: 768px) {
  .vegan-anim-wrapper > img {
    width: 108px;
    height: 62px;
  }

  .croco-vegan {
    top: -68px;
    -webkit-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
  }

  .croco-vegan > div {
    height: 272px;
    margin-top: 64px;
    margin-right: -520px;
    width: calc(100vw + 520px);
  }

  .vegan__heading {
    font-size: 46px;
    line-height: 52px;
    max-width: 630px;
    margin: 11px 0 40px;
  }
}

@media (min-width: 1280px) {
  .vegan-anim-wrapper > img {
    width: 125px;
    height: 72px;
  }

  .vegan__heading {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -2px;
    max-width: 1180px;
    margin: 11px 80px 60px;
  }

  .croco-vegan {
    top: -131px;
  }

  .croco-vegan > div {
    height: 315px;
    margin-top: 94px;
  }
  
  .vegan__heading br:last-child {
    display: none;
  }
}

@media (min-width: 1440px) {
  .vegan__heading {
    margin: 11px 0 80px;
  }

  .croco-vegan {
    top: -110px;
  }
  
  .croco-vegan > div {
    margin-right: -283px;
  }
}

@media (min-width: 1920px) {
  .vegan__heading {
    margin: 11px 0 90px;
    font-size: 80px;
    line-height: 80px;
    max-width: none;
  }

  .croco-vegan > div {
    margin-right: -279px;
  }
}

.vegan__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-transition: all 2.5s ease 0s;
  -o-transition: all 2.5s ease 0s;
  transition: all 2.5s ease 0s;
  opacity: 0;
  -webkit-transform: translate(0px, 500px);
      -ms-transform: translate(0px, 500px);
          transform: translate(0px, 500px);
}

.vegan__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0 30px 30px;
  min-height: 450px;
}

.vegan__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.vegan__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.vegan__item-content > h3 {
  font-family: StingerWide;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #103D4B;
}

.vegan__item-content > p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 20px;
  max-width: 420px;
  text-align: center;
  color: #103D4B;
}

.vegan__item-white {
  color: white !important;
}

.vegan__item-img {
  padding: 0 0 0 20px;
  margin: 22px 0 8px;
}

.vegan__item-img-milk {
  margin: 35px 0 20px;
}



.open-product-link--blue {
  color: white;
  background-color: #00AEC7;
}

.open-product-link--blue:hover {
  color: #D2E8F4;
}

.open-product-link--white {
  background-color: white;
  color: #103D4B;
}

@media (min-width: 768px) {
  .vegan__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 0 60px 50px;
    min-height: 370px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .vegan__item-img-icecrogurt {
    margin-top: 62px;
  }
  
  .vegan__item-img-milk {
    margin: 40px 0 0 0;
    padding: 0 0 0 20px;
  }

  .vegan__item-content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .vegan__item-content > h3 {
    text-align: left;
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    margin-top: 62px;
  }

  .vegan__item-content > p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }

  .vegan__item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
  .vegan__item-two-content img {
      margin-top: 25px;
  }
}

@media (min-width: 1280px) {
  .vegan__item {
    min-height: 586px;
    padding: 0 0 0 103px;
  }

  .vegan__item-content > h3 {
    font-size: 56px;
    line-height: 60px;
    margin-top: 72px;
  }

  .vegan__item-content > p {
    font-size: 25px;
    line-height: 36px;
    max-width: none;
    margin: 30px 0 40px;
  }

  .open-product-link {
    max-width: 397px;
    min-height: 96px;
    font-size: 30px;
    line-height: 56px;
  }

  .vegan__item-img-icecrogurt {
    margin-top: 15px;
  }

  .vegan__item-img-milk {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .vegan__item {
    min-height: 676px;
    padding: 0 0 0 113px;
  }

  .vegan__item-content > h3 {
    margin-top: 112px;
  }

  .vegan__item-content > p {
    font-size: 25px;
    line-height: 36px;
    max-width: 530px;
    margin: 30px 0 50px;
  }
}

@media (min-width: 1920px) {
  .vegan__item {
    min-height: 820px;
    padding: 0 0 0 140px;
  }
  
  .vegan__item-content > h3 {
    margin-top: 199px;
    max-width: 530px;
  }

  .vegan__item-img-milk {
    padding: 0;
  }
}

.vegan__list-two {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-transition: all 2.5s ease 0s;
  -o-transition: all 2.5s ease 0s;
  transition: all 2.5s ease 0s;
  opacity: 0;
  -webkit-transform: translate(0px, 500px);
      -ms-transform: translate(0px, 500px);
          transform: translate(0px, 500px);
}

.vegan__item-two {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 140px;
  max-width: 300px;
  min-height: 200px;
}

@media (min-width: 504px) {
  .vegan__item-two {
    min-width: 212px;
    max-width: 700px;
  }
}

@media (min-width: 727px) {
  .vegan__item-two {
    min-width: 312px;
    max-width: 800px;
  }
}

.vegan__item-two-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 0px 15px;
}

.vegan__item-two-content > h3 {
  font-family: StingerWide;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  line-height: 24px;
  margin: 12px 0 5px;
}

.vegan__item-two-content > h4 {
  font-family: var(--icecro-body-font-family);
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #103D4B !important;
}

.vegan__item-two-content > p {
  display: none;
}

.vegan__item-two-content > a {
  display: none;
}


@media (min-width: 1024px) {
  .vegan__item-two {
    min-width: 410px;
  }
}

@media (min-width: 1280px) {
  .vegan__list-two {
    margin: 20px 0 0 0;
    gap: 20px;
  }
  
  .vegan__item-two {
    min-width: 550px;
  }
  
  .vegan__item-two-content {
    min-height: 875px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 30px 50px;
  }
  
  .vegan__item-two-content > h3 {
    font-size: 56px;
    line-height: 60px;
    margin: 10px 0;
  }
  
  .vegan__item-two-content > h4 {
    font-size: 40px;
    line-height: 60px;
  }

  .vegan__item-two-content > h4 > br {
    display: none;
  }

  .vegan__item-two-content > p {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0 40px;
    min-height: 140px;
    max-width: none;
  }
}

@media (min-width: 1440px) {
  .vegan__list-two {
    margin: 20px 0 0 0;
  }

  .vegan__item-two {
    min-width: 640px;
    max-width: none;
  }
  
  .vegan__item-two-content {
    min-height: 1011px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 70px 60px;
  }
  
  .vegan__item-two-content > h3 {
    margin: 30px 0 10px;
  }

  .vegan__item-two-content > p {
    margin: 10px 0 50px;
    max-width: 530px;
  }
}

@media (min-width: 1920px) {
  .vegan__list-two {
    margin: 30px 0 0 0;
    gap: 30px;
  }
  
  .vegan__item-two-content {
    min-height: 1222px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 140px 100px;
  }
  
  .vegan__item-two-content > h3 {
    margin: 94px 0 10px;
  }
}
@media (max-width: 767.98px) {
    .vegan__item-img {
        padding: 0;
    }
}

/* vegan end */

/* classic-yogurt start */
.classic-yogurt {
  padding-bottom: 50px;
  opacity: 0;
  -webkit-transform: translate(0, 200px);
      -ms-transform: translate(0, 200px);
          transform: translate(0, 200px);
  -webkit-transition: all 2.5s ease 0s;
  -o-transition: all 2.5s ease 0s;
  transition: all 2.5s ease 0s;
}

.classic-yogurt__flex-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.croco-anim-wrapper {
  position: absolute;
  min-height: 181px;
  top: -43px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  transform: translate(-368px, 0);
  transition: all 5s ease 0s;
}

.croco-anim-wrapper img {
  width: 368px;
  height: 181px;
  z-index: 1;
}

.croco-anim-wrapper div {
  height: 141px;
  width: 1200px;
  background-color: #F6F1EB;
  transform: translate(-157px, 0);
}

@media (min-width: 768px) {
  .croco-anim-wrapper {
    min-height: 207px;
    top: -28px;
    transform: translate(-422px, 0);
    transition: all 5s ease 0s;
  }
  
  .croco-anim-wrapper img {
    width: 422px;
    height: 207px;
    z-index: 1;
  }
  
  .croco-anim-wrapper div {
    height: 180px;
    width: 2200px;
    transform: translate(-157px, 0);
  }
}

@media (min-width: 1280px) {
  .croco-anim-wrapper {
    min-height: 207px;
    top: -58px;
    transform: translate(-422px, 0);
    transition: all 10s ease 0s;
  }
  
  .croco-anim-wrapper img {
    width: 564px;
    height: 277px;
    z-index: 1;
  }
  
  .croco-anim-wrapper div {
    height: 217px;
    width: 3200px;
    transform: translate(-207px, 0);
  }
}

@media (min-width: 1440px) {
  .croco-anim-wrapper {
    min-height: 207px;
    top: -58px;
    transform: translate(-422px, 0);
    transition: all 10s ease 0s;
  }
  
  .croco-anim-wrapper img {
    width: 615px;
    height: 302px;
    z-index: 1;
  }
  
  .croco-anim-wrapper div {
    height: 247px;
    width: 3200px;
    transform: translate(-207px, 0);
  }
}

@media (min-width: 1920px) {
  .croco-anim-wrapper {
    min-height: 247px;
    top: -58px;
    transform: translate(-422px, 0);
    transition: all 10s ease 0s;
  }
  
  .croco-anim-wrapper img {
    width: 702px;
    height: 345px;
    z-index: 1;
  }
  
  .croco-anim-wrapper div {
    height: 287px;
    width: 3200px;
    transform: translate(-207px, 0);
  }
}

.classic-yogurt__heading {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: #103D4B;
  margin: 10px 0 20px;
}

.classic-yogurt__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.classic-yogurt__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
  /* padding-bottom: 30px; */
}

.classic-yogurt__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.classic-yogurt__item-content {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0; */
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: center;
          flex: 1 1 0;
          padding: 0 0 30px;
}

.classic-yogurt__item-content > h3 {
  font-family: StingerWide;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #103D4B;
  margin: 0;
  text-align: center;
  width: 100%;
  max-width: 160px;
}

.classic-yogurt__item-content > p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #103D4B;
  padding: 0 30px;
  margin: 10px 0 20px;
  max-width: 350px;
}

.classic-yogurt__item-content-white {
  color: white !important;
}

.classic-yogurt__item-greek {
  background-color: #FFD9D9;
  background-image: url("../img/main-img/classic-yogurt__backgr-greek-mob.png");
}

.classic-yogurt__item-im {
  margin: 40px 0 23px;
}

.classic-yogurt__item-drink {
  background-color: #103D4B;
  background-image: url("../img/main-img/classic-yogurt__backgr-drink-mob.png");

}

.classic-yogurt__item-img-drink {
  margin: 24px 0 16px;
}

@media (min-width: 768px) {
  .classic-yogurt {
    padding-bottom: 100px;
  }

  .classic-yogurt__flex-box > img {
    width: 108px;
    height: 62px;
  }

  .classic-yogurt__heading {
    font-size: 46px;
    line-height: 52px;
    margin: 10px 0 40px;
  }

  .classic-yogurt__list {
    gap: 30px;
  }

  .classic-yogurt__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 0 0 50px;
    min-height: 370px;
  }

  .classic-yogurt__item div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }

  .classic-yogurt__item-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
            justify-content: flex-start;
  }

  .classic-yogurt__item-content > h3 {
    margin: 74px 0 0;
    font-size: 32px;
    line-height: 34px;
    text-align: left;
    max-width: 300px;
  }

  .classic-yogurt__item-content > p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 10px 0 20px;
    max-width: 300px;
  }

  .classic-yogurt__item-img {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 1280px) {
  .classic-yogurt__flex-box > img {
    width: 125px;
    height: 72px;
  }

  .classic-yogurt__heading {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -2px;
    margin: 1px 0 60px;
  }

  .classic-yogurt__list {
    gap: 20px;
  }

  .classic-yogurt__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 0 0 100px;
    min-height: 586px;
  }

  .classic-yogurt__item-content {
    max-width: 400px;
  }

  .classic-yogurt__item-content > h3 {
    margin: 107px 0 0;
    font-size: 46px;
    line-height: 52px;
    max-width: none;
  }

  .classic-yogurt__item-content > p {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0 40px;
    max-width: none;
  }
  
  .classic-yogurt__item-greek {
    background-image: url("../img/main-img/classic-yogurt__backgr-greek-desk.png");
  }

  .classic-yogurt__item-drink {
    background-image: url("../img/main-img/classic-yogurt__backgr-drink-desk.png");
  }
}

@media (min-width: 1440px) {
  .classic-yogurt__heading {
    margin: 1px 0 80px;
  }

  .classic-yogurt__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 0 0 110px;
    min-height: 676px;
  }

  .classic-yogurt__item-content {
    max-width: 530px;
  }

  .classic-yogurt__item-content > h3 {
    margin: 118px 0 0;
    font-size: 56px;
    line-height: 60px;
    max-width: 500px;
  }

  .classic-yogurt__item-content > p {
    font-size: 25px;
    line-height: 36px;
    margin: 30px 0 50px;
  }
}

@media (min-width: 1920px) {
  .classic-yogurt__heading {
    margin: 1px 0 90px;
  }

  .classic-yogurt__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 0 0 140px;
    min-height: 820px;
  }

  .classic-yogurt__item-content {
    max-width: 530px;
  }

  .classic-yogurt__item-content > h3 {
    margin: 200px 0 0;
    max-width: 500px;
  }
}
/* classic-yogurt end */

/* classic-drink start */
  .classic-drink {
    padding-bottom: 50px;
    opacity: 0;
    -webkit-transform: translate(0, 200px);
        -ms-transform: translate(0, 200px);
            transform: translate(0, 200px);
    -webkit-transition: all 2.5s ease 0s;
    -o-transition: all 2.5s ease 0s;
    transition: all 2.5s ease 0s;
  }

  .classic-drink__flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .classic-drink__heading {
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #103D4B;
    margin: 10px 0 20px;
  }

  .classic-drink__croco-anim-wrapper {
    position: absolute;
    min-height: 124px;
    top: -32px;
    right: -180px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: flex-end;
    transform: translate(0, 0);
    transition: all 5s ease 0s;
  }

  .classic-drink__croco-anim-wrapper img {
    width: 180px;
    height: 124px;
    z-index: 1;
  }

  .classic-drink__croco-anim-wrapper div {
    height: 114px;
    width: 1000px;
    background-color: #F6F1EB;
    transform: translate(66px, 0);
  }

  @media (min-width: 768px) {
    .classic-drink__croco-anim-wrapper {
      min-height: 124px;
      top: -32px;
      right: -180px;
      transition: all 6s ease 0s;
    }
  
    .classic-drink__croco-anim-wrapper img {
      width: 320px;
      height: 220px;
    }
  
    .classic-drink__croco-anim-wrapper div {
      height: 200px;
      width: 1000px;
      transform: translate(96px, 0);
    }
  }

  @media (min-width: 1280px) {
    .classic-drink__croco-anim-wrapper {
      min-height: 124px;
      top: -32px;
      right: -180px;
      transition: all 10s ease 0s;
    }
  
    .classic-drink__croco-anim-wrapper img {
      width: 474px;
      height: 326px;
    }
  
    .classic-drink__croco-anim-wrapper div {
      height: 205px;
      width: 2000px;
      transform: translate(166px, -92px);
    }
  }
  
  @media (min-width: 1440px) {
    .classic-drink__croco-anim-wrapper {
      min-height: 124px;
      top: -32px;
      right: -180px;
      transition: all 10s ease 0s;
    }
  
    .classic-drink__croco-anim-wrapper img {
      width: 568px;
      height: 391px;
    }
  
    .classic-drink__croco-anim-wrapper div {
      height: 266px;
      width: 2000px;
      transform: translate(170px, -92px);
    }
  }
  
  @media (min-width: 1920px) {
    .classic-drink__croco-anim-wrapper {
      min-height: 124px;
      top: -32px;
      right: -180px;
      transition: all 10s ease 0s;
    }
  
    .classic-drink__croco-anim-wrapper img {
      width: 643px;
      height: 443px;
    }
  
    .classic-drink__croco-anim-wrapper div {
      height: 320px;
      width: 2000px;
      transform: translate(200px, -92px);
    }
  }

  .classic-drink__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }

  .classic-drink__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 140px;
    max-width: 300px;
    background-repeat: no-repeat;
    background-size: cover;
  }

  @media (min-width: 680px) {
    .classic-drink__item {
      min-width: 300px;
      max-width: 500px;
    }
  }

  .classic-drink__item-premix {
    min-width: 300px;
    max-width: 710px;
  }

  .classic-drink__item-tea > a, .classic-drink__item-tea-escimo > a,
  .classic-drink__item-tea > p, .classic-drink__item-tea-escimo > p {
    display: none;
  }

  .classic-drink__item-tea,
  .classic-drink__item-tea-escimo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 21px;
  }
  
  .classic-drink__item-tea > h3, 
  .classic-drink__item-tea-escimo > h3 {
    font-family: StingerWide;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #103D4B;
    margin: 17px 10px 15px;
  }

  .classic-drink__item-tea {
    background-color: #F4E79E;
    background-image: url("../img/main-img/classic-drink__backgr-tea-mob.png");
  }

  .classic-drink__item-tea-escimo {
    background-color: #E0DDED;
    background-image: url("../img/main-img/classic-drink__backgr-tea-escimo-mob.png");
  }

  .classic-drink__item-premix {
    min-height: 500px;
    background-size: cover;
    background-color: #1C5F48;
    background-image: url("../img/main-img/classic-drink__backgr-premix-mob.png");
    padding-bottom: 30px;
  }

  .classic-drink__item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 26px 0 20px;
  }

  .classic-drink__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .classic-drink__item-content > h3 {
    font-family: StingerWide;
    font-style: normal;
    font-weight: 400;
    padding: 0 30px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    max-width: 390px;
    margin: 0;
  }

  .classic-drink__item-content > p {
    margin: 10px 0 20px;
    width: 100%;
    max-width: 465px;
    padding: 0 30px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: white;
  }

  @media (min-width: 768px) {
    .classic-drink {
      padding-bottom: 62px;
    }

    .classic-drink__flex-box > img {
      width: 108px;
      height: 62px;
    }

    .classic-drink__heading {
      font-size: 46px;
      line-height: 52px;
      margin: 11px 0 40px;
    }

    .classic-drink__list {
      gap: 30px;
    }

    .classic-drink__item-tea, 
    .classic-drink__item-tea-escimo {
      min-height: 575px;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 0 45px 30px;
    }
    
    .classic-drink__item-tea > h3, 
    .classic-drink__item-tea-escimo > h3 {
      font-size: 32px;
      line-height: 34px;
      margin: 33px 0 0 0;
    }
    
    .classic-drink__item-tea > p, 
    .classic-drink__item-tea-escimo > p {
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      color: #103D4B;
      margin: 10px 0 20px;
      min-height: 108px;
    }

    .classic-drink__item > p {
      display: block;
    }
    
    .classic-drink__item > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

    .classic-drink__item-premix {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 0 0 0 50px;
      min-height: 370px;
      max-width: none;
    }

    .classic-drink__item-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
    }

    .classic-drink__item-content > h3 {
      font-size: 32px;
      line-height: 34px;
      text-align: left;
      padding: 0;
      margin: 34px 0 0;
    }

    .classic-drink__item-content > p {
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      padding: 0;
      margin: 10px 0 20px;
      max-width: 381px;
    }

    .classic-drink__item-img {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }

  @media (min-width: 1024px) {
    .classic-drink__item {
      max-width: none;
    }

    .classic-drink__item-premix {
      min-width: 860px;
    }
  }

  @media (min-width: 1280px) {
    .classic-drink {
      padding-bottom: 80px;
    }

    .classic-drink__flex-box > img {
      width: 125px;
      height: 72px;
    }

    .classic-drink__heading {
      font-size: 70px;
      line-height: 70px;
      letter-spacing: -2px;
      margin: 1px 0 60px;
    }

    .classic-drink__list {
      gap: 30px;
    }

    .classic-drink__item-tea, 
    .classic-drink__item-tea-escimo {
      min-height: 875px;
      padding: 0 30px 50px;
    }
    
    .classic-drink__item-tea > h3, 
    .classic-drink__item-tea-escimo > h3 {
      font-size: 46px;
      line-height: 52px;
      margin: 26px 0 0 0;
    }
    
    .classic-drink__item-tea > p, 
    .classic-drink__item-tea-escimo > p {
      font-size: 18px;
      line-height: 28px;
      margin: 16px 0 40px;
      min-height: 112px;
    }

    .classic-drink__item-premix {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 0 0 0 100px;
      min-height: 586px;
      max-width: none;
      background-image: url("/assets/css/../img/main-img/classic-drink__backgr-premix-desk.png")
    }

    .classic-drink__item-content > h3 {
      font-size: 46px;
      line-height: 52px;
      margin: 53px 0 0;
    }

    .classic-drink__item-content > p {
      font-size: 18px;
      line-height: 28px;
      margin: 20px 0 40px;
      max-width: none;
    }
  }
  
  @media (min-width: 1440px) {
    .classic-drink {
      padding-bottom: 140px;
    }

    .classic-drink__heading {
      margin: 1px 0 80px;
    }

    .classic-drink__list {
      gap: 20px;
    }

    .classic-drink__item-tea, 
    .classic-drink__item-tea-escimo {
      min-height: 1011px;
      padding: 0 70px 60px;
    }
    
    .classic-drink__item-tea > h3, 
    .classic-drink__item-tea-escimo > h3 {
      font-size: 56px;
      line-height: 60px;
      margin: 23px 0 0 0;
    }
    
    .classic-drink__item-tea > p, 
    .classic-drink__item-tea-escimo > p {
      font-size: 18px;
      line-height: 28px;
      margin: 10px 0 50px;
      min-height: 112px;
    }

    .classic-drink__item-premix {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 0 0 0 115px;
      min-height: 676px;
    }

    .classic-drink__item-content > h3 {
      font-size: 56px;
      line-height: 60px;
      margin: 76px 0 0;
    }

    .classic-drink__item-content > p {
      font-size: 18px;
      line-height: 28px;
      margin: 30px 0 50px;
      max-width: none;
    }
  }

  @media (min-width: 1500px) {
    .classic-drink__item-premix {
      min-width: 1200px;
    }
  }
  
  @media (min-width: 1920px) {
    .classic-drink {
      padding-bottom: 226px;
    }

    .classic-drink__heading {
      font-size: 80px;
      line-height: 80px;
      margin: 1px 0 90px;
    }

    .classic-drink__list {
      gap: 30px;
    }

    .classic-drink__item-tea, 
    .classic-drink__item-tea-escimo {
      min-height: 1222px;
      padding: 0 100px 140px;
    }
    
    .classic-drink__item-tea > h3, 
    .classic-drink__item-tea-escimo > h3 {
      margin: 88px 0 0 0;
    }
    
    .classic-drink__item-tea > p, 
    .classic-drink__item-tea-escimo > p {
      margin: 10px 0 50px;
    }

    .classic-drink__item-premix {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 0 0 0 140px;
      min-height: 820px;
    }

    .classic-drink__item-content > h3 {
      margin: 163px 0 0;
    }

    .classic-drink__item-content > p {
      max-width: 530px;
    }
  }
/* classic-drink end */

/* desserts start */
  .desserts {
    padding-bottom: 30px;
  }

  .desserts__anim-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }

  .croco-desserts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: absolute;
    top: -28px;
    -webkit-transition: all 5s ease 0s;
    -o-transition: all 5s ease 0s;
    transition: all 5s ease 0s;
    height: 134px;
    z-index: 1;
  }

  .croco-desserts > div {
    width: calc(100vw + 300px);
    height: 100%;
    background-color: #F6F1EB;
    margin-right: -150px;
  }

  @media (min-width: 768px) {
    .croco-desserts {
      -webkit-transition: all 10s ease 0s;
      -o-transition: all 10s ease 0s;
      transition: all 10s ease 0s;
    }
  }

  @media (min-width: 1280px) {
    .croco-desserts {
      height: 243px;
      top: -54px;
    }

    .croco-desserts > div {
      margin-right: -220px;
    }
  }
  
  @media (min-width: 1440px) {
    .croco-desserts {
      height: 243px;
      top: -76px;
    }

    .croco-desserts > div {
      margin-right: -220px;
      width: calc(100vw + 735px);
      margin-right: -240px;
    }
  }
  
  @media (min-width: 1920px) {
    .croco-desserts {
      height: 243px;
      top: -143px;
    }

    .croco-desserts > div {
      margin-right: -220px;
      width: calc(100vw + 900px);
      margin-right: -332px;
      margin-top: 85px;
    }
  }

  .desserts__heading {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #103D4B;
    margin: 10px 0 20px;
  }

  .desserts__product-block {
    -webkit-transition: all 2.5s ease 0s;
    -o-transition: all 2.5s ease 0s;
    transition: all 2.5s ease 0s;
    background-color: #EEE0CB;
    background-image: url("../img/main-img/backgr-desserts-mob.png");
    background-repeat: no-repeat;
    background-size: cover;
    -o-object-fit: cover;
       object-fit: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-transform: translate(0, 500px);
        -ms-transform: translate(0, 500px);
            transform: translate(0, 500px);
    opacity: 0;
  }

  .desserts__product-block-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 37px 0 2px;
  }

  .desserts__product-block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 30px;
  }

  .desserts__product-block-content > h3 {
    font-family: StingerWide;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #103D4B;
    margin: 0;
    padding: 0 20px;
  }

  .desserts__product-block-content > p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #103D4B;
    padding: 0 30px;
    margin: 10px 0 20px;
  }

  @media (min-width: 768px) {
    .desserts {
      padding-bottom: 60px;
    }

    .desserts__anim-wrapper > img {
      width: 108px;
      height: 62px;
    }

    .desserts__heading {
      font-size: 32px;
      line-height: 34px;
      margin: 11px 0 40px ;
    }

    .desserts__product-block {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      min-height: 370px;
    }

    .desserts__product-block div {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
    }

    .desserts__product-block-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 0 0 50px 50px;
      max-width: 401px;
    }

    .desserts__product-block-content > h3 {
      font-size: 32px;
      line-height: 34px;
      padding: 0;
      text-align: left;
      margin: 50px 0 0 0;
    }
    
    .desserts__product-block-content > p {
      font-size: 14px;
      line-height: 20px;
      padding: 0;
      text-align: left;
      margin: 10px 0 20px;
    }
  }

  @media (min-width: 1280px) {
    .desserts {
      padding-bottom: 60px;
    }

    .desserts__anim-wrapper > img {
      width: 125px;
      height: 72px;
    }

    .desserts__heading {
      font-size: 70px;
      line-height: 70px;
      letter-spacing: -2px;
      margin: 1px 0 60px;
    }

    .desserts__product-block {
      min-height: 586px;
    }

    .desserts__product-block-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0 50px 100px;
      max-width: 500px;
    }

    .desserts__product-block-content > h3 {
      font-size: 46px;
      line-height: 52px;
      margin: 52px 0 0 0;
    }
    
    .desserts__product-block-content > p {
      font-size: 18px;
      line-height: 28px;
      margin: 30px 0 64px;
    }
  }
  
  @media (min-width: 1440px) {
    .desserts {
      padding-bottom: 60px;
    }
    
    .desserts__heading {
      margin: 1px 0 80px;
    }

    .desserts__product-block {
      min-height: 676px;
    }

    .desserts__product-block-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0 76px 115px;
      max-width: 560px;
    }

    .desserts__product-block-content > h3 {
      font-size: 56px;
      line-height: 60px;
      margin: 76px 0 0 0;
    }
    
    .desserts__product-block-content > p {
      font-size: 25px;
      line-height: 36px;
      margin: 30px 0 50px;
    }
  }
  
  @media (min-width: 1920px) {
    .desserts {
      padding-bottom: 60px;
    }

    .desserts__heading {
      font-size: 80px;
      line-height: 80px;
      margin: 1px 0 90px;
    }

    .desserts__product-block {
      min-height: 820px;
    }

    .desserts__product-block-content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0 158px 140px;
      max-width: 720px;
    }

    .desserts__product-block-content > h3 {
      margin: 138px 0 0 0;
    }
  }
/* desserts end */ 




/* about-ingidients start */
  .about-ingidients {
    background-color: #00AEC7;
    min-height: 158px;
    background-image: url(/images/circles.svg);
    background-repeat: no-repeat;
    background-position: center 30px;
  }

  .about-ingidients__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    -webkit-transition: all 4s ease 0s;
    -o-transition: all 4s ease 0s;
    transition: all 4s ease 0s;
    padding: 52px 0 0 0;
  }

  .about-ingidients__link:hover .about-ingidients__heading{
    text-decoration: underline;
  }

  .about-ingidients__heading {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: white;
    margin: 0;
  }

  .about-ingidients__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: white;
    max-width: 300px;
    margin: 4px 0 0 0;
  }

  @media (min-width: 768px) {
    .about-ingidients {
      min-height: 280px;
      background-size: 630px 157px;
      background-position: center 60px;
    }

    .about-ingidients__heading {
      font-size: 56px;
      line-height: 60px;
    }

    .about-ingidients__link {
      padding: 91px 0 0 0;
    }

    .about-ingidients__text {
      max-width: 364px;
      font-size: 18px;
      line-height: 28px;
      margin: 10px 0 0;
    }
  }
  
  @media (min-width: 1280px) {
    .about-ingidients {
      min-height: 400px;
      background-size: 784px 196px;
      background-position: center 102px;
    }

    .about-ingidients__heading {
      font-size: 70px;
      line-height: 70px;
      letter-spacing: -2px;
    }

    .about-ingidients__link {
      padding: 133px 0 0 0;
    }

    .about-ingidients__text {
      margin: 20px 0 0 0;
    }
  }
   
  @media (min-width: 1440px) {
    .about-ingidients {
      min-height: 400px;
      background-size: 784px 196px;
      background-position: center 102px;
    }

    .about-ingidients__heading {
      font-size: 70px;
      line-height: 70px;
      letter-spacing: -2px;
    }

    .about-ingidients__link {
      padding: 133px 0 0 0;
    }
  }
/* about-ingidients end */

/* ingidients Page start */
.ingredients-page__hero {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMzQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGQUY2RjIiIGQ9Ik0wIDBoMTYwMHYxMzQwSDB6Ii8+PG1hc2sgaWQ9ImEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjEzNDAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTYwMHYxMzQwSDB6Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGQ9Ik0xMTUxLjk2IDExNC40M2MtMjAuNjMtNDQuODE0LTQuNDEtOTcuNDczIDM2LjA3LTEyNS42NSA1OS4xNi00MS4xNzcgMTQ4LjIxLTcuOTMgMTQ2Ljk2IDY5LjgwOS0xLjMyIDgxLjI5LTE0My43NCAxNDEuMjE4LTE4My4wMyA1NS44NDEiIHN0cm9rZT0iIzdENUM5QiIvPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2YpIj48Y2lyY2xlIHI9IjIzOCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTY5MSA0NzIpIiBmaWxsPSIjNjMzQzhDIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2YpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU2LjQyNS0zMjkuNTk2YzguNjY0IDkuMzUzIDE1LjgxMiAyMC4zNzkgMjUuOTkgMjguMDU5IDE3LjY2OSAxMy4zMjkgNDUuNTkyLTIuNTkzIDYwLjg2OS03Ljk2MiAzNC4yODEtMTIuMDQ4IDc5LjM2My0xMC4zNzggMTE0LjQxLTYuNDk1IDI5LjI0MSAzLjIzOSA3MS40OSAxOS44OTMgODYuMDE4IDQ1LjgwMSA2LjMxMyAxMS4yNTggOC43MTkgMjQuNTg3IDE1Ljk0IDM1LjI4NyAyMC4yMSAyOS45NDYgNTcuODUgNTkuODQzIDg0Ljg3IDgxLjA0MiAyNC4xMzIgMTguOTMzLjc3NC0zLjkwOCAyNy4xNjkgMTEuMzQgMjcuNTgxIDE1LjkzNCA3NC4xNjUgNDEuMDEyIDc4LjYxMyA3OC4zNjguMzI0IDIuNzE4IDUuNzU0IDU1LjAxOCAxLjY5OCA3My4yNjQtNS41OTYgMjUuMTgtMTUuMzEgNTMuODI3LTI2LjI5NiA3Ni45NzctNi40NzkgMTMuNjUzLTEzLjcxOSAyNi45OTMtMjEuOTIxIDM5LjY4OC0xNy4yNDMgMjYuNjg5LTY2LjUwNSAyMS43OS05MC44ODMgMTEuMTI2LTUxLjk2Ny0yMi43MzUtMTM0LjU2NC05OS42NDgtMTk3LjYyOC03NS4xNTktNDQuNzcxIDE3LjM4Ni0xMDguODQgNzMuNDIzLTEzMC43NzggODcuOTk2LTQ2LjA0NSAzMC41ODctMTM3LjA1OSA0Ny41MjUtMTkwLjM3NyA1NC4wNTQtMjcuOTIzIDMuNDE5LTY1LjY4OC4zMzItODguNzI1LTE4Ljg4OS0xOC4yNjEtMTUuMjM1LTI4LjM0Ni0zOC42MTMtMzcuMDgyLTU5LjczOS0yMS43NzUtNTIuNjYzLTY3LjIxNC0xMjcuMDQtMzEuNjY1LTE4NS45MSAxNy4xNzgtMjguNDQ5IDQ5LjMyMy01OS40NzkgNjUuMDYtOTEuNDM1IDEzLjM4My0yNy4xNzcgNjYuNTItMTczLjYzNCAxMDcuNTg3LTE5OS4xNTlDLTU2LjkxLTM3Mi4zNDktMy40NS0zOTEuODczIDMyLjkyOC00MDIuMDhjNTIuODg2LTE0LjgzOSA5NS4yOTUgMzAuMzkxIDEzNS4xMDggNTYuNjA2IDIxLjYyIDE0LjIzNiA0NC4wMjYgMjcuMjQzIDY2LjAzOSA0MC44NjUiIGZpbGw9IiNGREZDODMiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfZikiPjxjaXJjbGUgcj0iMzMwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtMzAgODM3KSIgZmlsbD0iIzVCRUNFOCIvPjwvZz48cGF0aCBkPSJNMjQ3LjE3NCA1NzcuMTQzYzM0LjAxLTMwLjQ3NSA1NC4xMzYtNzYuMDM5IDUzLjgyMi0xMjEuODQ3LS4zMzQtNDguODE1LTE5LjI3Ni0xMDEuNzE4LTYyLjIwMS0xMjguMTQtMzkuNjU1LTI0LjQxLTk1LjIyLTE5LjM1OC0xMzcuOTE3LTUuOTMxLTYxLjUwOSAxOS4zNDItODguNjM2IDc3Ljk0NS05My45MDIgMTM4LjgzOS0yLjIzNCAyNS44MzYtMS4yMjUgNTIuNzE5IDkuMzU2IDc2LjM2OSA5Ljg2IDIyLjA0MyAyNy4zMDcgMzkuNzAzIDQ1LjU3NSA1NS40MSA1Mi41MjEgNDUuMTU4IDEzNS43NTcgMjkuNjYzIDE4NS4yNjctMTQuN20tNDA0LjU0OCAzNy4wMjRjNC42NTMgMTguNTkxIDEyLjYxMyAzNS4yMzMgMjQuMTA4IDUwLjUzMiA5LjIzMyAxMi4yNzYgMjAuODEgMjIuMDAzIDMwLjY4OCAzMy43NDcgNS41NDEgNi41ODUgMTMuNzkyIDExLjA0OCAyMC44MzMgMTUuOTc0IDkuMTA3IDYuMzc3IDE4LjY4IDEzLjU5MiAyOS41MyAxNS45OTFDMTAuMTQxIDc0NC4xNzggNzguODYzIDcyNi4xMDkgMTMwIDY4Ny43MTlhNjc5OTMyLjQ4NyA2Nzk5MzIuNDg3IDAgMDAtMzAuMDY4LTMyLjEyMmMtMi44MDItMi45OTUtNS43My02LjA3LTkuNTM4LTcuNTUxLTUuNjU4LTIuMjA5LTExLjk4LS40NjgtMTguMDUyLS4yNzhhMzYuODQ2IDM2Ljg0NiAwIDAxLTguMDU2LS42NTljLTExLjU5NC0yLjE5Mi0yMi4xOTItOS40NTMtMzEuNzEyLTE2Ljg1OWE0NDEuNjk3IDQ0MS42OTcgMCAwMS02OC43MDQtNjYuNTYxYy04Ljk0NS0xMC43Ny0yMS4zMDMtMTcuOTc3LTI5LjkwNy0yOS4wMjctNC45OTMtNi40MjMtOS45ODctMTIuODQ2LTE0Ljk4LTE5LjI1OS0uMDU0LS4wNzMtLjEwOC0uMTM1LS4xNy0uMjA3LTYuNTkzLTguNDctMTQuOS0xNy42OS0yNS41Ny0xNy4xNzUtNC44MTQuMjI1LTguNjMxIDMuOTI0LTExLjg5MSA3LjQ5Ni0xNC40NDEgMTUuODQ5LTI5LjgyOSAzNC4zMTQtMzguMTM5IDU0LjExMy01Ljc0NiAxMy42OTctNS4yOTMgMzUuNzc0LS41ODcgNTQuNTM3IiBzdHJva2U9IiM3RDVDOUIiLz48cGF0aCBkPSJNMzA4IDM4OGMtNC4zODMgNzQuMjA3LTUxLjQ0NiAxNDQuMjk5LTExOC4xMzcgMTc1Ljk0OC01Ljk0OCAyLjgyMi0xMi4zMDEgNS40MDktMTguODYzIDUuMDExTTI1OCA0MDljLTMuOSAzMC41MzMtMTkuNTQ4IDU5LjQyMS00My4wMDYgNzkuMzktNi4xNTUgNS4yMzktMTMuMDcgOS45OTMtMjAuOTk0IDExLjYxTTcwLjk2NyA2NjIuMDAxQzM2LjQ0IDY3Ni4zNy0xNC45ODkgNjkyLjcxMi02Mi4zMDggNjQwLjM4MmMtMjYuNzgzLTI5LjYxOS0zOS4zMzQtNzEuMzI5LTI3LjI4Ni0xMDkuMTUxTTc5IDQyNWMxLjQ2NS0xMS4wNDkgNi40MDktMjEuNjQyIDE0LTMwbTEwLTE0YzQuNDE4LTQuMjk1IDE0LjM2MS0xMy4yMTggMjAtMTZtLTIxIDcxYTc4LjUwMiA3OC41MDIgMCAwMTExLTI3bTE2IDIyYTkxLjQ5IDkxLjQ5IDAgMDExNC0yMG0tMTQtMjZjOS40OC0xMi42MzggMjAuMjM4LTE5LjYxOSAzMC0yNW0tMTggNDFhMTM5Ljg0IDEzOS44NCAwIDAxMjAtMThtLTk4IDljMy45NzgtOS41MzkgMTAuMTg3LTE4LjE2MSAxOC0yNW0xNC0xMWM0LjUwNS00Ljc3OSA5Ljk5Ny04LjU1NCAxNi0xMW0yMSA0YzQuNDE3LTQuNjY5IDkuOTExLTguNDQ1IDE2LTExbTEzMjcuNDQgMjA4LjI2N2ExNzUuMDIgMTc1LjAyIDAgMDEtMTAuMjMgMS44NzljMTEuOTEgMTEuMDUxIDIxLjYyIDI1LjE1NCAyNC42OCA0MS4xNjIgOS4zOSA0OS4wNjMtMzMuNjkgOTguMzcxLTcxLjMzIDEyMi43NzUtMzQuNDkgMjIuMzU4LTc2LjcgNDIuMTctMTE2LjA4IDUzLjc1Mi0xMi42OSAzLjc0LTI2Ljk4IDguMzExLTM5LjYyIDIuMTI3LTE3Ljk3LTguNzk4LTE5Ljg4LTMxLjI5NC0yMy42MS00OC42NzctOS43MS00NS4xOTYtMzAuOTYtOTYuNTExLTI2LjIzLTE0My4xMjcgMy4xMi0zMC42NjkgMTMuNTItNjMuMzU2IDM4LjUyLTgzLjAxMiAxMS42LTkuMTA5IDI0LjQ4LTEzLjc2NCAzNy44Ny0xNS4zNTgtMTQuNTEtMzAuNTA2LTIzLjI0LTU1LjM1Ny0xNS4zNC01OC41NjQgNS44Ni0yLjM3NCAxLjk5IDkuODYgMjcuNSAyNS4yOSAxOC4yMSAxMS4wMTYgMjcuMzUgMjguMTQyIDMzLjYzIDMyLjE5Mi0zLjgxLTE2LjIzOC02LjE2LTMzLjg5NS0yLjY3LTQ1Ljg5MSAzLjEtMTAuNjQ3IDUuODUtMjEuMzg4IDguOS0zMi4wNDUgMS42Ny01Ljg1NSAzLjI1LTE1LjQxMyA3Ljg2LTE5Ljg0OCA0Ljc4LTQuNiAxMS40NCAxNC4zMjIgMTIuNDUgMTcuMTkxIDkuODYgMjguMDA0IDE3LjY5IDU2LjUwMiAyMi42NCA4NS45ODIuMyAxLjcwNC41OCAzLjQxOC44NSA1LjEzMSAxNi43Ni0zMS43ODggMzUuMTctODUuOTczIDM0Ljk2LTEwNC40NzQtLjA4LTcuMzAzLS44OC0xNC43OS43My0yMS45ODMuNzgtMy41MTkgMi4xNi02Ljk0NiA0LjU3LTkuNjY4IDEuNzYtMS45ODggNy44OS03LjM3NiAxMC4xNi00LjAzMSA1Ljg5IDguNjc3IDUuODYgMjIuMzEyIDYuMDMgMzIuNDExLjMyIDE3Ljk2MS0zLjMgMzUuODM5LTguNSA1Mi45MzhhMzc4LjM4OCAzNzguMzg4IDAgMDEtOC4xNSAyMy44OGMtMS41OSA0LjIxNi0zLjMgOC4zOTQtNS4xNSAxMi41MTgtMS4xOSAyLjY3NS0zLjQ2IDEwLjY2Ni01LjkzIDEyLjE3OCAyMy43Ni0xNC41MjUgNDIuODItMzcuNTg5IDY5Ljg5LTQ2LjQ0MSA5LjYzLTMuMTQzIDUuNzMgOS4zNzQgMy42MyAxMy45Mi01LjUgMTEuOTIxLTEzLjYxIDIyLjA4NC0yMS4zMyAzMi41NTctNi4yNiA4LjQ3Ni0xMi45MyAxNi40MzEtMjEuNyAyMi40MjMtMS42OSAxLjE0Ni0xMy40OCA3LjkwOS0xNS4yOSA3LjM3OCAxMy4xMiAzLjg2NiAyNi40NyAxMC43OTQgNDAuNiAxMS4yNjEgMTQuOS40ODcgMjctMTEuMjk4IDQxLjY3LTEwLjU1NSAxMS44NS42MDMtMTAuNzkgMjkuMzY5LTM1Ljk4IDM0LjcyOSIgc3Ryb2tlPSIjN0Q1QzlCIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZiIgeD0iMTMxNy4wOSIgeT0iOTguMDg2IiB3aWR0aD0iNzQ3LjgyOCIgaGVpZ2h0PSI3NDcuODI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2Ny45NTciIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1ciIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZiIgeD0iLTM4Ny45NSIgeT0iLTUxNi40NSIgd2lkdGg9IjEwNTIuOSIgaGVpZ2h0PSI4MzIuODk5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1NS43MjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1ciIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImZpbHRlcjJfZiIgeD0iLTQ5NS45MTQiIHk9IjM3MS4wODYiIHdpZHRoPSI5MzEuODI4IiBoZWlnaHQ9IjkzMS44MjgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjY3Ljk1NyIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==);
  background-size: cover;
}

@media (max-width: 599px) {
  .ingredients-page__hero {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYwIiBoZWlnaHQ9IjUzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRkFGNkYyIiBkPSJNMzYwLTFIMHY1NDBoMzYweiIvPjxtYXNrIGlkPSJhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSItMSIgd2lkdGg9IjM2MCIgaGVpZ2h0PSI1NDAiPjxwYXRoIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDM2MCAtMSkiIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMzYwdjU0MEgweiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mKSI+PGVsbGlwc2Ugcng9IjE0Ny41IiByeT0iMTQ4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtMTAzLjUgMzg3KSIgZmlsbD0iI0VDNjc1QiIvPjwvZz48cGF0aCBvcGFjaXR5PSIuMiIgZD0iTTI3NC4xMDcgMjMyLjM5NWMxLjcyNi4zNjYgMy40NzkuNjk0IDUuMjQ2Ljk2MS02LjEwOCA1LjY1LTExLjA4NCAxMi44NjEtMTIuNjU1IDIxLjA0Ni00LjgxMiAyNS4wODUgMTcuMjcyIDUwLjI5NiAzNi41NzIgNjIuNzc0IDE3LjY4NiAxMS40MzEgMzkuMzI3IDIxLjU2MSA1OS41MTMgMjcuNDgzIDYuNTEgMS45MTIgMTMuODM1IDQuMjQ5IDIwLjMxNyAxLjA4NyA5LjIxNC00LjQ5OCAxMC4xOTMtMTYgMTIuMTA1LTI0Ljg4OCA0Ljk3Ni0yMy4xMDggMTUuODczLTQ5LjM0NSAxMy40NDgtNzMuMTgtMS42LTE1LjY4MS02LjkzNS0zMi4zOTMtMTkuNzUzLTQyLjQ0My01Ljk0NS00LjY1Ny0xMi41NDgtNy4wMzgtMTkuNDE2LTcuODUzIDcuNDQyLTE1LjU5NyAxMS45MTgtMjguMzAzIDcuODY2LTI5Ljk0My0zLjAwMy0xLjIxNC0xLjAyMSA1LjA0MS0xNC4wOTYgMTIuOTMxLTkuMzQgNS42MzItMTQuMDI2IDE0LjM4OC0xNy4yNDQgMTYuNDU5IDEuOTU0LTguMzAyIDMuMTU4LTE3LjMzIDEuMzY3LTIzLjQ2My0xLjU4NS01LjQ0NC0yLjk5OS0xMC45MzYtNC41NjEtMTYuMzg1LS44NTgtMi45OTQtMS42NjktNy44ODEtNC4wMjktMTAuMTQ4LTIuNDUyLTIuMzUyLTUuODY2IDcuMzIzLTYuMzgzIDguNzg5LTUuMDU1IDE0LjMxOS05LjA3IDI4Ljg5LTExLjYxMSA0My45NjMtLjE0OS44NzEtLjI5NCAxLjc0Ny0uNDMzIDIuNjIzLTguNTk0LTE2LjI1My0xOC4wMzItNDMuOTU3LTE3LjkyNS01My40MTcuMDQyLTMuNzM0LjQ1Mi03LjU2Mi0uMzczLTExLjI0LS40MDEtMS43OTktMS4xMS0zLjU1MS0yLjM0NS00Ljk0My0uOS0xLjAxNi00LjA0My0zLjc3MS01LjIwOS0yLjA2MS0zLjAyMiA0LjQzNy0zLjAwMyAxMS40MDgtMy4wOTIgMTYuNTcyLS4xNjMgOS4xODMgMS42OTMgMTguMzI0IDQuMzYxIDI3LjA2N2ExOTAuNDIyIDE5MC40MjIgMCAwMDQuMTc4IDEyLjIwOSAxMTUuNzE4IDExNS43MTggMCAwMDIuNjM4IDYuNDAxYy42MTEgMS4zNjcgMS43NzcgNS40NTMgMy4wNDEgNi4yMjYtMTIuMTgtNy40MjYtMjEuOTUzLTE5LjIxOS0zNS44MzEtMjMuNzQ1LTQuOTM4LTEuNjA3LTIuOTM3IDQuNzkzLTEuODYgNy4xMTcgMi44MTcgNi4wOTYgNi45NzUgMTEuMjkyIDEwLjkzNCAxNi42NDYgMy4yMDkgNC4zMzQgNi42MzEgOC40MDEgMTEuMTI3IDExLjQ2NS44NjYuNTg2IDYuOTEgNC4wNDQgNy44MzggMy43NzItNi43MjggMS45NzctMTMuNTc0IDUuNTE5LTIwLjgxNSA1Ljc1OC03LjY0My4yNDktMTMuODQ1LTUuNzc3LTIxLjM2Ni01LjM5Ny02LjA3Ni4zMDkgNS41MyAxNS4wMTcgMTguNDQ2IDE3Ljc1NyIgc3Ryb2tlPSIjNjc0MjhGIi8+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZikiPjxlbGxpcHNlIHJ4PSIxMTMuNSIgcnk9IjExMi45OTYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDQxNy4wOSAxMzUuNTQ4KSIgZmlsbD0iIzYzM0M4QyIvPjwvZz48ZyBmaWx0ZXI9InVybCgjZmlsdGVyMl9mKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTMuNjk0LTk3LjcyNWMyLjgzOSAzLjA2NiA1LjE4MSA2LjY4MSA4LjUxNyA5LjE5OSA1Ljc5IDQuMzcgMTQuOTQxLS44NSAxOS45NDctMi42MSAxMS4yMzQtMy45NSAyNi4wMDgtMy40MDMgMzcuNDk0LTIuMTMgOS41ODIgMS4wNjIgMjMuNDI3IDYuNTIyIDI4LjE4OSAxNS4wMTcgMi4wNjggMy42OTEgMi44NTcgOC4wNjEgNS4yMjMgMTEuNTcgNi42MjMgOS44MTggMTguOTU4IDE5LjYyIDI3LjgxMyAyNi41NyA3LjkwOCA2LjIwOC4yNTQtMS4yOCA4LjkwNCAzLjcxOCA5LjAzOCA1LjIyNSAyNC4zMDQgMTMuNDQ3IDI1Ljc2MiAyNS42OTUuMTA2Ljg5MSAxLjg4NSAxOC4wMzguNTU3IDI0LjAyLTEuODM0IDguMjU3LTUuMDE4IDE3LjY1LTguNjE4IDI1LjI0LTIuMTIzIDQuNDc2LTQuNDk2IDguODUtNy4xODQgMTMuMDEyLTUuNjUxIDguNzUtMjEuNzk0IDcuMTQ0LTI5Ljc4MyAzLjY0OC0xNy4wMy03LjQ1NC00NC4wOTgtMzIuNjcyLTY0Ljc2NS0yNC42NDMtMTQuNjcyIDUuNy0zNS42NjggMjQuMDczLTQyLjg1NyAyOC44NTEtMTUuMDkgMTAuMDI5LTQ0LjkxNiAxNS41ODItNjIuMzg5IDE3LjcyMy05LjE1MSAxLjEyMS0yMS41MjcuMTA5LTI5LjA3Ni02LjE5My01Ljk4NC00Ljk5NS05LjI4OS0xMi42Ni0xMi4xNTItMTkuNTg3LTcuMTM2LTE3LjI2Ni0yMi4wMjctNDEuNjUyLTEwLjM3Ny02MC45NTQgNS42MjktOS4zMjcgMTYuMTY0LTE5LjUwMSAyMS4zMjEtMjkuOTc4IDQuMzg2LTguOTExIDIxLjc5OS01Ni45MyAzNS4yNTctNjUuMjk5IDExLjA3NS02Ljg4NyAyOC41OTUtMTMuMjg4IDQwLjUxNi0xNi42MzUgMTcuMzMyLTQuODY1IDMxLjIyOSA5Ljk2NCA0NC4yNzYgMTguNTU5IDcuMDg2IDQuNjY4IDE0LjQyOCA4LjkzMyAyMS42NDIgMTMuMzk5IiBmaWxsPSIjRjlGRjcyIi8+PC9nPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2YiIHg9Ii0zODYuOTE0IiB5PSIxMDMuMDg2IiB3aWR0aD0iNTY2LjgyOCIgaGVpZ2h0PSI1NjcuODI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2Ny45NTciIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1ciIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZiIgeD0iMTY3LjY3NiIgeT0iLTExMy4zNjIiIHdpZHRoPSI0OTguODI4IiBoZWlnaHQ9IjQ5Ny44MjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjY3Ljk1NyIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZmlsdGVyMl9mIiB4PSIzMy4xNDEiIHk9Ii0yMzMuODk4IiB3aWR0aD0iNDk0Ljg5OSIgaGVpZ2h0PSI0MjIuODk5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1NS43MjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);
  }
}

.ingredients-page__hero .hero__container {
  padding-bottom: 50vw;
}

@media (max-width: 599px) {
  .ingredients-page__hero .hero__container {
    padding-bottom: 11.875rem;
  }
}

.ingredients-page__hero .hero__heading {
  text-align: center;
  margin-bottom: 2.875rem;
}

@media (max-width: 599px) {
  .ingredients-page__hero .hero__heading {
    text-align: left;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 599px) {
  .ingredients-page__hero .hero__subheading {
    text-align: left;
  }
}

.ingredients-page__ingredients-block {
  background-repeat: no-repeat;
  position: relative;
}

.ingredients-page__ingredients-block:after {
  content: "";
  border-bottom: 10px solid #faf6f2;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Jekadog
.ingredients-page__ingredients-block--first {
  margin-top: -47vw;
}

@media (min-width: 1700px) {
  .ingredients-page__ingredients-block--first {
    margin-top: -44vw;
  }
}

@media (min-width: 2000px) {
  .ingredients-page__ingredients-block--first {
    margin-top: -40vw;
  }
}

@media (max-width: 1024px) {
  .ingredients-page__ingredients-block--first {
    margin-top: -61vw;
  }
}

@media (max-width: 599px) {
  .ingredients-page__ingredients-block--first {
    margin-top: -9.375rem;
  }
}*/


.ingredients-block__container {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
  background-color: #fff;
  background-repeat: no-repeat;
}

@media (max-width: 599px) {
  .ingredients-block__container {
    padding-top: 13.75rem;
    padding-bottom: 5rem;
  }
}

.ingredients-block__container--pistachio {
  background-image: url(/assets/img/bg/pistachio-bg.14fb4d.png);
  background-size: 520px 650px;
  background-position: 0 0;
}

@media (max-width: 1024px) {
  .ingredients-block__container--pistachio {
    background-position: -140px top;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--pistachio {
    background-image: url(/assets/img/bg/pistachio-bg-sm.ece4c3.png);
    background-size: 285px 200px;
    background-position: top;
  }
}

.ingredients-block__container--cocoa {
  background-image: url(/assets/img/bg/cocoa-bg.4aec31.png);
  background-size: 690px 770px;
  background-position: 100% 0;
}

@media (max-width: 1024px) {
  .ingredients-block__container--cocoa {
    background-position: calc(100% + 140px) top;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--cocoa {
    background-image: url(/assets/img/bg/cocoa-bg-sm.3261a8.png);
    background-size: 340px 200px;
    background-position: 100% 0;
  }
}

.ingredients-block__container--mango {
  background-image: url(/assets/img/bg/mango-bg.ac8ec8.png),
    url("data:image/svg+xml;charset=utf-8,%3Csvg width='312' height='1301' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-172.507 1045.24c6.493-17.83 11.849-38.86 19.478-53.498 13.24-25.413 34.165 4.943 45.614 15.178 25.69 22.97 59.474 19.79 85.739 12.39 21.913-6.18 53.574-37.932 64.461-87.327 4.732-21.465 6.534-46.877 11.946-67.277 15.145-57.094 43.352-114.095 63.601-154.512 18.084-36.095.58 7.452 20.36-21.619 20.67-30.379 55.579-78.191 58.913-149.414.243-5.182 4.312-104.894 1.273-139.681-4.194-48.008-11.474-102.625-19.707-146.762-4.855-26.03-10.281-51.464-16.427-75.668-12.922-50.883-49.839-41.544-68.108-21.211C55.692 199.183-6.206 345.822-53.465 299.133c-33.552-33.146-81.565-139.985-98.005-167.769-34.507-58.316-102.712-90.609-142.669-103.057-20.925-6.519-49.226-.633-66.49 36.013-13.684 29.047-21.242 73.618-27.789 113.896-16.318 100.404-50.37 242.207-23.73 354.448 12.874 54.239 36.963 113.4 48.756 174.325 10.03 51.816 49.85 331.041 80.626 379.711 25.326 40.05 65.389 77.27 92.651 96.73 39.632 28.29 71.413-57.94 101.249-107.92 16.202-27.14 32.993-51.94 49.49-77.911' fill='%23E7FE63'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-533.45' y='-85.45' width='844.899' height='1385.9' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55.725' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 535px 600px, 317px 1300px;
  background-position: 0 0, 0 0;
}

@media (max-width: 1024px) {
  .ingredients-block__container--mango {
    background-position: -140px top, 0 0;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--mango {
    background-image: url(/assets/img/bg/mango-bg-sm.587cc1.png),
      url("data:image/svg+xml;charset=utf-8,%3Csvg width='340' height='371' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M301.529 191.735c4.958-5.366 9.049-11.693 14.875-16.099 10.111-7.648 26.091 1.488 34.834 4.569 19.619 6.912 45.418 5.954 65.476 3.726 16.734-1.858 40.912-11.414 49.227-26.279 3.613-6.46 4.989-14.108 9.122-20.247 11.566-17.182 33.107-34.336 48.57-46.5 13.81-10.862.443 2.243 15.548-6.506 15.785-9.142 42.444-23.531 44.99-44.965.185-1.56 3.293-31.568.972-42.037-3.203-14.447-8.762-30.884-15.049-44.167-3.708-7.834-7.851-15.488-12.545-22.772-9.869-15.313-38.06-12.502-52.011-6.384-29.741 13.045-77.01 57.175-113.101 43.124-25.622-9.975-62.288-42.128-74.843-50.49-26.351-17.549-78.437-27.268-108.951-31.014-15.98-1.961-37.592-.19-50.776 10.838-10.45 8.742-16.222 22.155-21.221 34.277C124.184-38.975 98.18 3.7 118.524 37.479c9.831 16.322 28.227 34.127 37.233 52.462 7.659 15.594 38.069 99.626 61.571 114.272 19.341 12.053 49.935 23.255 70.754 29.112 30.266 8.514 54.537-17.438 77.321-32.479 12.373-8.168 25.196-15.632 37.793-23.447' fill='%23FEFFBB'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-24.914' y='-250.914' width='746.828' height='621.828' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='67.957' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"),
      url("data:image/svg+xml;charset=utf-8,%3Csvg width='172' height='985' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-312.507 1131.24c6.493-17.83 11.849-38.86 19.478-53.5 13.24-25.41 34.165 4.95 45.614 15.18 25.69 22.97 59.474 19.79 85.739 12.39 21.913-6.18 53.574-37.93 64.461-87.33 4.731-21.462 6.534-46.874 11.946-67.274 15.145-57.094 43.352-114.095 63.601-154.512 18.084-36.095.58 7.452 20.36-21.619 20.67-30.379 55.58-78.191 58.913-149.414.243-5.182 4.312-104.894 1.273-139.681-4.194-48.008-11.474-102.625-19.707-146.762-4.855-26.03-10.28-51.464-16.427-75.668-12.922-50.883-49.839-41.544-68.108-21.211-38.944 43.344-100.842 189.983-148.102 143.294-33.551-33.146-81.564-139.985-98.004-167.769-34.507-58.316-102.712-90.609-142.669-103.057-20.925-6.519-49.226-.633-66.49 36.013-13.684 29.047-21.242 73.618-27.789 113.896-16.318 100.404-50.37 242.207-23.73 354.448 12.874 54.239 36.963 113.4 48.756 174.325 10.03 51.816 49.85 331.041 80.626 379.711 25.326 40.05 65.389 77.27 92.651 96.73 39.632 28.29 71.413-57.94 101.249-107.92 16.202-27.14 32.993-51.94 49.49-77.91' fill='%23E7FE63'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-673.45' y='.55' width='844.899' height='1385.9' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55.725' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: 340px 290px, 340px 290px, 120px 1100px;
    background-position: 100% 0, top, 0;
  }
}

.ingredients-block__container--coconut {
  background-image: url(/assets/img/bg/coconut-bg.c2a0bb.png),
    url("data:image/svg+xml;charset=utf-8,%3Csvg width='419' height='743' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.615' filter='url(%23filter0_f)'%3E%3Ccircle cx='371.5' cy='371.5' r='235.5' fill='%23C0FD6F'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='.086' y='.086' width='742.828' height='742.828' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='67.957' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 570px 780px, 471px 471px;
  background-position: 100% 0, right 140px;
}

@media (max-width: 1024px) {
  .ingredients-block__container--coconut {
    background-position: calc(100% + 140px) top, 0 0;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--coconut {
    background-image: url(/assets/img/bg/coconut-bg-sm.73d34d.png),
      url("data:image/svg+xml;charset=utf-8,%3Csvg width='340' height='171' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.615' filter='url(%23filter0_f)'%3E%3Ccircle cx='186.5' cy='-30.5' r='133.5' fill='%23C0FD6F'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-14.957' y='-231.957' width='402.914' height='402.914' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='33.978' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: 340px 160px;
    background-position: top;
  }
}

.ingredients-block__container--banana {
  background-image: url(/assets/img/bg/banana-bg.2f313a.png),
    url("data:image/svg+xml;charset=utf-8,%3Csvg width='735' height='646' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.615' filter='url(%23filter0_f)'%3E%3Ccircle cx='250.5' cy='161.5' r='348.5' fill='%23FEF771'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-233.914' y='-322.914' width='968.828' height='968.828' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='67.957' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 490px 890px, 700px 700px;
  background-position: 0 0;
}

@media (max-width: 1024px) {
  .ingredients-block__container--banana {
    background-position: -140px top;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--banana {
    background-image: url(/assets/img/bg/banana-bg-sm.fead5d.png),
      url("data:image/svg+xml;charset=utf-8,%3Csvg width='340' height='138' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.615' filter='url(%23filter0_f)'%3E%3Cellipse rx='157.5' ry='88.5' transform='matrix(-1 0 0 1 187.161 1.5)' fill='%23FEF771'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-17.909' y='-134.57' width='410.14' height='272.14' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='23.785' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: 230px 180px;
    background-position: top, 100% 0;
  }
}

.ingredients-block__container--berries {
  background-image: url(/assets/img/bg/berries-bg.6d3109.png);
  background-size: 690px 1145px;
  background-position: 100% 0;
}

@media (max-width: 1024px) {
  .ingredients-block__container--berries {
    background-position: calc(100% + 140px) top;
  }
}

@media (max-width: 599px) {
  .ingredients-block__container--berries {
    background-image: url(/assets/img/bg/berries-bg-sm.f3359b.png);
    background-size: 340px 265px;
    background-position: top;
  }
}

.ingredients-block__wrap {
  width: 650px;
}

@media (max-width: 599px) {
  .ingredients-block__wrap {
    width: 100%;
  }
}

.ingredients-block__wrap--big {
  width: 850px;
}

@media (max-width: 599px) {
  .ingredients-block__wrap--big {
    width: 100%;
  }
}

.ingredients-block__wrap--medium {
  width: 750px;
}

@media (max-width: 599px) {
  .ingredients-block__wrap--medium {
    width: 100%;
  }
}

.ingredients-block__wrap--right {
  margin-left: auto;
}

.ingredients-block__heading {
  text-align: center;
  font-size: 3.125rem;
  line-height: 100%;
  margin-bottom: 1rem;
}

@media (max-width: 599px) {
  .ingredients-block__heading {
    font-size: 1.875rem;
  }
}

.ingredients-block__description {
  text-align: center;
  max-width: 450px;
  margin: auto;
}

.ingredients-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 4.0625rem;
  margin: 0 -1.5625rem;
}

.ingredients-block__content:last-of-type {
  border-bottom: none;
}

@media (max-width: 599px) {
  .ingredients-block__content {
    padding-top: 1.25rem;
    margin: 0 -1.25rem;
    border-bottom: 10px solid #f2f2f2;
  }
}

.ingredients-block__content--small .ingredients-block__cat-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 300px;
  padding: 0 1.5625rem;
}

@media (max-width: 599px) {
  .ingredients-block__content--small .ingredients-block__cat-item {
    padding: 0 0.625rem;
    max-width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

.ingredients-block__content--small .ingredients-block__cat-item .cat-item__img {
  height: 250px;
}

@media (max-width: 599px) {
  .ingredients-block__content--small .ingredients-block__cat-item .cat-item__img {
    height: 140px;
  }
}

.ingredients-block__content--medium-small .ingredients-block__cat-item {
  padding: 0 1.5625rem;
  max-width: 300px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33%;
  flex: 0 1 33%;
}

.ingredients-block__content--medium-small .ingredients-block__cat-item .cat-item__img {
  height: 250px;
}

@media (max-width: 599px) {
  .ingredients-block__content--medium-small .ingredients-block__cat-item .cat-item__img {
    height: 140px;
  }
}

@media (max-width: 599px) {
  .ingredients-block__content--medium-small .ingredients-block__cat-item {
    padding: 0 0.625rem;
    max-width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

.ingredients-block__content--medium-small .ingredients-block__cat-item:first-of-type,
.ingredients-block__content--medium-small .ingredients-block__cat-item:nth-of-type(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 350px;
}

@media (max-width: 599px) {

  .ingredients-block__content--medium-small .ingredients-block__cat-item:first-of-type,
  .ingredients-block__content--medium-small .ingredients-block__cat-item:nth-of-type(2) {
    padding: 0 0.625rem;
    max-width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

.ingredients-block__content--medium-small .ingredients-block__cat-item:first-of-type .cat-item__img,
.ingredients-block__content--medium-small .ingredients-block__cat-item:nth-of-type(2) .cat-item__img {
  height: 300px;
}

@media (max-width: 599px) {

  .ingredients-block__content--medium-small .ingredients-block__cat-item:first-of-type .cat-item__img,
  .ingredients-block__content--medium-small .ingredients-block__cat-item:nth-of-type(2) .cat-item__img {
    height: 140px;
  }
}

.ingredients-block__content--medium .ingredients-block__cat-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 350px;
  padding: 0 1.5625rem;
}

@media (max-width: 599px) {
  .ingredients-block__content--medium .ingredients-block__cat-item {
    padding: 0 0.625rem;
    max-width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

.ingredients-block__content--medium .ingredients-block__cat-item .cat-item__img {
  height: 300px;
}

@media (max-width: 599px) {
  .ingredients-block__content--medium .ingredients-block__cat-item .cat-item__img {
    height: 140px;
  }
}

.ingredients-block__content--large .category-block__cat-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 35%;
  flex: 0 1 35%;
  max-width: 400px;
  padding: 0 1.5625rem;
}

@media (max-width: 599px) {
  .ingredients-block__content--large .category-block__cat-item {
    padding: 0 0.625rem;
    max-width: 260px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

.ingredients-block__content--large .category-block__cat-item .cat-item__img {
  height: 350px;
}

@media (max-width: 599px) {
  .ingredients-block__content--large .category-block__cat-item .cat-item__img {
    height: 240px;
  }
}

.ingredients-block__cat-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
  margin-bottom: 3rem;
  display: block;
}

@media (max-width: 599px) {
  .ingredients-block__cat-item {
    margin-bottom: 1.75rem;
  }
}

.ingredients-block__inner-container {
    max-width: 1100px;
    margin: auto;
}

/* ingidients END */

/* Cat links start */
ul.cat-links__list {
    padding: 0;
}
.cat-links__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33.33%;
  flex: 1 1 33.33%;
  /* max-width: 33.33%; */

  /* cache */

  overflow: hidden;
}

@media (max-width: 599px) {
  .cat-links__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}

.cat-links__item--full-width {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.cat-links__item--vegan .cat-links__cat-link {
  /* background-color:#103D4B; */
  background-color: #faf6f2;
  /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='318' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M74.673 318c45.848-39.834 74.47-96.336 74.47-159S120.521 39.834 74.673 0C28.824 39.834.203 96.336.203 159s28.622 119.166 74.47 159z'/%3E%3C/mask%3E%3Cpath d='M74.673 318l-.656.755.656.57.656-.57-.656-.755zm0-318l.656-.755-.656-.57-.656.57.656.755zm73.47 159c0 62.348-28.475 118.583-74.126 158.245l1.312 1.51c46.046-40.006 74.814-96.775 74.814-159.755h-2zM74.017.755C119.668 40.417 148.143 96.652 148.143 159h2c0-62.98-28.768-119.749-74.814-159.755L74.017.755zM1.203 159C1.203 96.652 29.678 40.417 75.33.755l-1.312-1.51C27.971 39.251-.797 96.02-.797 159h2zM75.33 317.245C29.679 277.583 1.203 221.348 1.203 159h-2c0 62.98 28.768 119.749 74.814 159.755l1.312-1.51z' fill='%237ECBCF' mask='url(%23a)'/%3E%3C/svg%3E"); */
  /* background-size: 150px 320px; */
}

.cat-links__item--vegan .cat-links__cat-link .cat-link__title {
  display: none;
}

.cat-links__item--vegan .cat-link__description {
  color: #01573D;
  font-family: StingerWide;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
}

.cat-links__item--vegan img {
  margin-bottom: 30px;
}

@media (max-width: 599px) {
  .cat-links__item--vegan {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .cat-links__item--vegan .cat-links__cat-link {
    background-size: 90px 190px;
  }
}

.cat-links__item--sport .cat-links__cat-link .cat-link__description {
  color: #01573D;
  font-family: StingerWide;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
}

.cat-links__item--sport .cat-links__cat-link {
  /* background-color: #ec675b; */
  /* background-size: 350px 320px; */
  background-color: #faf6f2;
}

.cat-links__item--sport .cat-links__cat-link img {
  margin-bottom: 22px;
}

.cat-links__item--sport .cat-links__cat-link .cat-link__title {
  display: none;
}

@media (max-width: 599px) {
  .cat-links__item--sport {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .cat-links__item--sport .cat-links__cat-link {
    background-size: 220px 200px;
  }
}

.cat-links__item--ingredients .cat-links__cat-link {
  background-color: #fdfc83;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='784' height='196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='98' cy='98' r='97' stroke='%23FC0' stroke-width='2'/%3E%3Ccircle cx='490' cy='98' r='97' stroke='%23FC0' stroke-width='2'/%3E%3Ccircle cx='294' cy='98' r='97' stroke='%23FC0' stroke-width='2'/%3E%3Ccircle cx='686' cy='98' r='97' stroke='%23FC0' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 785px 195px;
}

@media (max-width: 599px) {
  .cat-links__item--ingredients {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .cat-links__item--ingredients .cat-links__cat-link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='260' height='130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='65' cy='65' r='64.5' stroke='%23FC0'/%3E%3Ccircle cx='195' cy='65' r='64.5' stroke='%23FC0'/%3E%3C/svg%3E");
    background-size: 260px 130px;
  }
}

.cat-links__item--ingredients .cat-link__description,
.cat-links__item--ingredients .cat-link__title {
  color:#103D4B;
}

.cat-links__item--proud {
  padding: 3.75rem 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='367' height='324' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.294 140.536l-.488.107v.001l.488-.108zM35.71 35.95l.282.413-.282-.413zm125.794 287.007l-.329.377.658.575.163-.858-.492-.094zm.064-.335l.5-.011-.992-.082.492.093zm.003.159l-.5.011.02.883.747-.471-.267-.423zm176.399-136.56l-.421-.27.421.27zm26.517-103.325l.495-.07-.495.07zM299.153 3.461l.12-.486-.12.486zM192.444 55.902l-.412-.283h-.001l.413.283zm-16.888 47.801l-.471.168.598 1.674.363-1.74-.49-.102zm-46.922-64.355l-.28.414.28-.414zM4.782 140.43c-8.231-37.535-.677-82.274 31.209-104.066l-.564-.826C3.057 57.661-4.467 102.92 3.806 140.643l.976-.214zm156.721 182.528c.33-.376.329-.377.328-.378l-.005-.004-.02-.017a60.856 60.856 0 01-.078-.069l-.31-.272c-.275-.242-.682-.6-1.214-1.071a980.844 980.844 0 01-4.617-4.115c-3.984-3.572-9.69-8.738-16.577-15.111-13.772-12.746-32.263-30.32-51.137-49.634-18.875-19.315-38.127-40.361-53.426-60.053-15.315-19.713-26.613-37.999-29.665-51.805l-.976.216c3.104 14.046 14.535 32.489 29.851 52.202 15.332 19.735 34.613 40.812 53.501 60.139 18.889 19.329 37.393 36.916 51.173 49.669a1432.995 1432.995 0 0016.589 15.122 929.205 929.205 0 005.837 5.191l.312.274a4.11 4.11 0 00.099.087l.005.004c.001.001.001.002.33-.375zm-.428-.428a16.571 16.571 0 01-.062.33l-.001.004v.001l.491.093.492.094v-.001-.001l.001-.004a1.017 1.017 0 01.015-.079l.047-.252-.983-.185zm.495.252l.5-.011v-.001-.002-.007l-.001-.03-.002-.119-1 .021.002.119.001.03v.011l.5-.011zm175.978-136.83c-6.756 10.534-21.125 24.329-38.939 39.121-17.799 14.78-38.987 30.516-59.332 44.931-20.343 14.414-39.837 27.503-54.246 36.989a1896.813 1896.813 0 01-17.268 11.24 1240.775 1240.775 0 01-6.032 3.855l-.32.203a2.637 2.637 0 00-.081.051l-.02.013-.005.003c-.001 0-.002.001.265.424s.268.422.269.421l.005-.003.02-.013.082-.051.321-.203 1.254-.797c1.1-.7 2.716-1.733 4.783-3.061 4.134-2.658 10.07-6.502 17.277-11.247 14.415-9.49 33.919-22.586 54.274-37.008 20.355-14.422 41.566-30.174 59.392-44.977 17.812-14.79 32.294-28.672 39.143-39.351l-.842-.54zm26.443-102.984c5.151 36.075-7.032 72.717-26.443 102.984l.842.54c19.494-30.397 31.786-67.281 26.591-103.665l-.99.14zM299.034 3.946c34.56 8.505 59.805 42.942 64.957 79.02l.99-.14C359.786 46.45 334.324 11.6 299.273 2.975l-.239.971zm-106.178 52.24c24.017-34.973 65.368-62.282 106.178-52.24l.239-.971c-41.4-10.187-83.119 17.52-107.241 52.644l.824.566zm-16.81 47.619c4.252-20.437 9.746-37.299 16.811-47.62l-.826-.565c-7.183 10.495-12.707 27.524-16.964 47.981l.979.204zm-47.692-64.043c22.345 15.123 37.608 38.585 46.731 64.109l.942-.336c-9.173-25.664-24.544-49.326-47.112-64.6l-.561.827zm-92.363-3.4c27.001-18.455 65.358-14.88 92.363 3.4l.561-.828c-27.268-18.457-66.077-22.133-93.488-3.397l.564.826z' fill='%23ACCAC2'/%3E%3C/svg%3E");
  background-size: 365px 325px;
  background-color: #faf6f2;
  background-repeat: no-repeat;
  background-position: 20%;
}

@media (max-width: 599px) {
  .cat-links__item--proud {
    background-size: 230px 200px;
    background-position: 0 12%;
  }
}

.cat-links__item--proud .cat-link__title {
  color: #31836d;
}

@media (max-width: 599px) {
  .cat-links__item--proud .cat-link__title {
    color:#103D4B;
  }
}

.cat-links__item--proud .cat-link__description {
  color: #000;
  font-size: 1.5rem;
  max-width: 900px;
}

@media (max-width: 599px) {
  .cat-links__item--proud .cat-link__description {
    font-size: 1rem;
  }
}

.cat-links__cat-link {
  min-height: 400px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
}

.cat-links__cat-link:hover {
  text-decoration: none;
}

.cat-link__title {
  font-size: 5rem;
  color: #fff;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

@media (max-width: 599px) {
  .cat-link__title {
    font-size: 1.875rem;
  }
}

.cat-link__description {
  color: #fff;
  line-height: 167%;
  max-width: 310px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 599px) {
  .cat-link__description {
    max-width: 210px;
  }
}

.socials__list {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.25rem;
}

@media (max-width: 599px) {
  .socials__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.875rem;
  }
}

.socials__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem;
  color: #fff;
}

.socials__link:hover {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 599px) {
  .socials__link {
    font-size: 1rem;
  }
}

.socials__link img,
.socials__link svg {
  margin-right: 1.375rem;
}

@media (max-width: 599px) {

  .socials__link img,
  .socials__link svg {
    width: 30px;
    height: 30px;
    margin-right: 0.6875rem;
  }
}
/* cat links End */


/* partnership */
.partnership {
    background-color: #1C5F48;
    width: 100%;
}

.partnership__content {
    background-image: url(/images/all-brends.svg);
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 145px;
}

.partnership__btn {
    position: relative;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    width: 100%;
    max-width: 187px;
    min-height: 44px;
    background-color: white;
    color: #103D4B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'StingerWide';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px; 
}

.partnership__btn::after {
    width: 86px;
    height: 35px;
    content: "";
    position: absolute;
    display: block;
    background-image: url(/images/partner-croco.svg);
    background-repeat: no-repeat;
    background-size: 86px 35px;
    transform: translate(0px, -38px);
    pointer-events: none;
    transition: all 0.5s ease-out;
}

@media (min-width: 768px) {
  .partnership__content {
    background-image: url(/images/all-brends-table.svg);
  }

  .partnership__btn {
    max-width: 187px;
  }

  .partnership__btn::after {
    width: 116px;
    height: 48px;
    background-size: 116px 48px;
    transform: translate(0px, -45px);
  }
}

@media (min-width: 1280px) {
  .partnership__content {
    min-height: 245px;
  }

  .partnership__btn {
    max-width: 355px;
    min-height: 96px;
    font-size: 30px;
    line-height: 56px;
  }

  .partnership__btn::after {
    transform: translate(0px, -71px);
  }

  /* .partnership__btn:hover:after {
    transform: translate(0px, -71px);
    opacity: 1;
    z-index: 1;
  } */
}

@media (min-width: 1650px) {
  .partnership__content {
    max-width: 1650px;
    margin: 0 auto;
  }

  .partnership__btn {
    max-width: 355px;
    min-height: 96px;
    font-size: 30px;
    line-height: 56px;
  }

  .partnership__btn::after {
    transform: translate(0px, -71px);
  }
}
/* partnership end */
/* partnership-popup start */
.partnership-popup {
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  z-index: 999999;
  padding: 0 30px;
  display: none;
}

.partnership-popup--open {
  display: flex;
}

.partnership-popup__wrapper {
  background-color: white;
  position: relative;
  width: 100%;
  max-width: 810px;
}

.partnership-popup__close {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2B2B2B;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 1050;
  opacity: .95;
}

.partnership-popup__wrapper h2 {
  color: #103D4B;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 20px 0 0 0;
  padding: 0 20px;
}

.partnership-popup__wrapper p {
  color: black;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  padding: 0 20px;
}

.partnership-popup__input-wrapper {
  padding: 0 20px;
  width: 100%;
  margin-bottom: 10px;
}

.partnership-popup__input-wrapper input {
  width: 100%;
  min-height: 49px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  padding: 0 0 0 20px;
  border: 1px solid rgba(0, 174, 199, 0.3);
}

.partnership-popup__input-wrapper input::-webkit-input-placeholder,
.partnership-popup__input-wrapper textarea::-webkit-input-placeholder  {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px; 
  opacity: 0.4;
}
.partnership-popup__input-wrapper input:-moz-placeholder,
.partnership-popup__input-wrapper textarea:-moz-placeholder {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px; 
  opacity: 0.4;
}
.partnership-popup__input-wrapper input:-ms-input-placeholder,
.partnership-popup__input-wrapper textarea:-ms-input-placeholder {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px; 
  opacity: 0.4;
}

.partnership-popup__input-wrapper textarea {
  width: 100%;
  min-height: 102px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  padding: 10px 0 0 20px;
  border: 1px solid rgba(0, 174, 199, 0.3);
  resize: none;
}

.partnership-popup__submit-btn {
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: #00AEC7;
  width: 100%;
  min-height: 80px;
  margin-top: 30px;
  color: white;
  font-family: 'StingerWide';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.partnership-popup__submit-btn:hover {
  color: #D2E8F4;
}

@media (min-width: 768px) {
  .partnership-popup__close {
    width: 80px;
    height: 80px;
    top: -40px;
  }

  .partnership-popup__wrapper h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    margin: 60px 0 0;
    padding: 0 140px;
  }

  .partnership-popup__wrapper p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0;
    padding: 0 140px;
  }

  .partnership-popup__input-wrapper {
    padding: 0 140px;
  }

  .partnership-popup__submit-btn {
    min-height: 140px;
    font-weight: 400;
    font-size: 30px;
    line-height: 56px;
  }
}
/* partnership-popup end */

/* head-page-content */
.head-page-content {
  padding: 134px 0 150px;
  background-color: #00AEC7;
  background-image: url('/images/main-img/stick.svg'),url('/images/main-img/strawberry.svg');
  background-repeat: no-repeat;
  background-position: bottom right, bottom left;
}

/*.catalog-main__heading {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 34px;
  color: white;
  text-align: center;
  padding: 0 45px;
  margin: 0;
}*/

@media (min-width: 768px) {

  .head-page-content {
    padding: /*143px*/155px 0 348px;
    background-size: 247px 348px, 231px 325px;
  }

  .catalog-main__heading {
    font-size: 56px;
    line-height: 60px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .head-page-content {
    /*min-height: 810px;*/
    max-height: 669px;
    background-size: 310px 437px, 279px 393px;
    background-position: right 165px, left 276px;
    padding: 174px 0 520px;
  }

  .catalog-main__heading {
    font-size: 80px;
    line-height: 80px;
    padding: 0 200px;
  }
}
@media (min-width: 1440px) {
  .catalog-main__heading {
    padding: 0 300px;
  }
}


main .page-content, .cart__wrap, .error_404, .howto-page, .faq-page__content, .contacts-page__content, .shipping-page__content {
    margin-top: -300px;
    padding-top: 0;
}
@media (max-width: 768px) {
    main .cart__wrap, .error_404, .howto-page, .faq-page__content, .contacts-page__content, .shipping-page__content {
        margin-top: -100px;
    }
}

/* Error 404 */
.vegan-page__hero {
    background-size: cover;
    /*background-image: url('/images/main-img/bg_404.jpg');*/
}

/* shipping-page__content */
.shipping-page__container {
    background-color: #fff;
}

/* Howto */
.map-page__city-select {
  position: relative;
  z-index: 9;
  margin-bottom: 2.5rem;
}

@media (max-width: 599px) {
  .map-page__city-select {
    margin-bottom: 1.875rem;
  }
}

.map-page__city-select .choices {
  max-width: 650px;
}

.map-page__city-select .choices__inner {
  padding: 1.375rem 2rem;
  padding-bottom: 1.375rem !important;
  font-size: 1.25rem;
}

@media (max-width: 599px) {
  .map-page__city-select .choices__inner {
    padding: 0.875rem 1.25rem;
    padding-bottom: 0.875rem !important;
    font-size: 0.8125rem;
  }
}

.map-page__city-select .choices[data-type*="select-one"]:after {
  right: 2rem;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}


/* banners home page start */

.title-block {
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #103D4B;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.icecream__item-heading {
    font-family: StingerWide;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #103D4B;
    text-align: center;
    margin: 12px 0 5px;
    min-height: 48px;
}
.icecream__item-text {
    color: #103D4B;
    font-size: 12px;
    margin: 0;
}
@media (min-width: 768px) {
    .icecream__item-heading {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        margin: 20px 0 10px;
        min-height: 52px;
        max-width: 260px;
    }
    .icecream__item-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
    }
}

.icecream__item-content {
    width: 100%;
    min-height: 180px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 20px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*margin-top: -15px;*/
    overflow: hidden;
}

.vegan__item-two-content {
   /*min-height: 1011px;*/
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 40px 60px;
}
.vegan h3,
.vegan h4{
    color: #103D4B;
}
.vegan__item-two-content > h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    margin: 12px 0 5px;
}
.vegan__item-two-content > p {
    display: none;
}
.vegan__item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
.vegan__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
.vegan__item-content > p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 20px;
    max-width: 420px;
    text-align: center;
    color: #103D4B;
}
.vegan__item-content > h3 {
    font-family: StingerWide;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #103D4B;
}
.vegan__item-two-content > a {
    display: none;
}

.icecream__item-content img {
    max-height: 180px;
    transition: all 1s ease 0s;
}
.classic-yogurt__item img {
    margin: 40px 0 23px;
    width: 100%;
    height: auto;
    max-width: 366px;
    transition: all 1s ease 0s;
}


.vegan__item-two-content img {
    transition: all 1s ease 0s;
}
img.product-line {
    width: 115px;
    height: 54px;
    margin-top: -25px;
    z-index: 3;
}


.product-img {}


@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
    .classic-yogurt__item img {
        max-width: 260px;
    }
}
@media (max-width: 991.98px) {
    .classic-yogurt__item img {
        max-width: 200px;
    }
}
@media (max-width: 767.98px) {
    .classic-yogurt__item img {
        max-width: 150px;
    }
    img.product-line {
        width: 52px;
        height: 30px;
        margin-top: -25px;
    }
    .vegan__item-two-content img {
        /*padding: 0 70px 20px;*/
        margin-top: 40px;
    }
}
@media (max-width: 519.98px) {
    .classic-yogurt__item img {
        max-width: 147px;
    }
    
}
.vegan__item-two-content > a.img-mob {display: block;}


/* Buttons */
.open-product-link {
    font-family: 'StingerWide';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    max-width: 209px;
    text-align: center;
}
.open-product-link--blue {
    color: white;
    background-color: #00AEC7;
}
.open-product-link--white {
    background-color: white;
    color: #103D4B;
}
.open-product-link--blue:hover {
    color: #D2E8F4;
}

.desserts {
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .title-block {
        font-size: 46px;
        line-height: 52px;
        max-width: 586px;
    }
    .vegan__item-two-content > h3 {
        font-weight: 400;
        font-size: 32px;
        line-height: 34px;
        margin: 33px 0 10px;
    }
    .vegan__item-two-content > p {
        display: block;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #103D4B;
        margin: 10px 0 20px;
        min-height: 144px;
        max-width: 290px;
    }
    .vegan__item-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .vegan__item-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }
    .vegan__item {
        min-height: 450px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0 0 /*60px*/0 50px;
        min-height: 370px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .vegan__item-content > p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }
    .vegan__item-content > h3 {
        text-align: left;
        font-weight: 400;
        font-size: 32px;
        line-height: 34px;
        margin-top: 62px;
    }
    .vegan__item-two-content > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .desserts {
        padding-bottom: 60px;
    }
}
@media (min-width: 1280px) {
    .title-block {
        font-size: 70px;
        line-height: 70px;
        letter-spacing: -2px;
        max-width: 800px;
    }
    .icecream__item-content {
        padding: 50px 2px 25px;
        margin-top: -25px;
    }
    .open-product-link {
        max-width: 397px;
        min-height: 96px;
        font-size: 30px;
        line-height: 56px;
    }
    .vegan__item-two-content > h3 {
        font-size: 56px;
        line-height: normal;
        margin: 10px 0;
    }
    .vegan__item-two-content > p {
        font-size: 18px;
        line-height: normal;
        margin: 10px 0 40px;
        min-height: 140px;
        max-width: none;
    }
    .vegan__item {
        min-height: 586px;
        padding: 0 0 0 103px;
    }
    .vegan__item-content > p {
        font-size: 25px;
        line-height: 36px;
        max-width: none;
        margin: 30px 0 40px;
    }
    .vegan__item-content > h3 {
        font-size: 56px;
        line-height: 60px;
        margin-top: 72px;
    }
    .open-product-link {
        max-width: 397px;
        min-height: 96px;
        font-size: 30px;
        line-height: 56px;
    }
    .desserts {
        padding-bottom: 60px;
    }
}
@media (min-width: 1440px) {
    .vegan__item-two-content > p {
        margin: 10px 0 50px;
        max-width: 530px;
    }
    .vegan__item {
        min-height: 676px;
        padding: 0 0 0 113px;
    }
    .vegan__item-content > p {
        font-size: 25px;
        line-height: 36px;
        max-width: 530px;
        margin: 30px 0 50px;
    }
    .vegan__item-content > h3 {
        margin-top: 112px;
    }
    .desserts {
        padding-bottom: 60px;
    }
}
@media (min-width: 504px) {
    .vegan__item-two {
        /*min-width: auto;*/
        max-width: 700px;
    }
}
/* Jekadog */
@media (max-width: 600px) {
    .vegan__item-two-content {
        padding: 10px 40px;
    }
    .vegan__item-two-content img {
        margin-top: 10px;
    }
}
/* vegan end */


/* banners home page end */

/* contacts */
.head-page-content h1 {
    /*padding-top: 1vw;
    padding-bottom: 3.125rem;*/
    margin: 0;
    color: #ffffff;
}
.contacts-page__btn {
    background-color:#103D4B;
    padding: 4.75rem 1.875rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 3.125rem;
    font-family: 'StingerWide';
    margin-top: 0.625rem;
    line-height: 1;
    /*-webkit-transition: 0.35s;
    transition: 0.35s;*/
}
.contacts-page__btn:hover {
    background-color: #046246;
    -webkit-transition: 0.35s;
    /*transition: 0.35s;*/
    color: #fff;
}
.contacts-page__btn-notice {
    font-family: var(--icecro-body-font-family);
    font-size: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    /*-webkit-transition: 0.35s;
    transition: 0.35s;*/
    max-width: 320px;
    line-height: 1.55;
}
.contacts-page__list {
    list-style: none;
    padding: 3.4375rem 6.25rem;
    margin-bottom: 0.625rem;
    background-color: #fff;
}
.contacts-page__item-title {
    color: #7c7a78;
    margin-bottom: 0.375rem;
    max-width: 275px;
}
.contacts-page__item-link {
    line-height: 1;
    color:#103D4B;
    font-family: 'StingerWide';
}
.contacts-page__item-link--small {
    font-size: 0.9375rem;
    text-decoration: underline;
}
.pp-lr {
    padding: 0 6.25rem;
    background-color: #fff;
}
.accordion-button {padding-left:0;padding-right:0;}



/* Footer styles */
.footer {
  background-color: #243F46; 
  display: flex;
  flex-direction: column;
}

.footer__top-wrapper {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
}  

.footer__logo-wrapper {
  display: block;
  width: 220px;
  height: 31px;
  margin: 30px 0 20px;
}

.footer__logo-wrapper > svg {
  width: 100%;
  height: 100%;
}

.footer__top-list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__top-list-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer__top-list-item > a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: block;
  color: white;
}

.footer__top-list-item > a:hover, 
.footer__top-list-item > a:focus, 
.footer__top-list-item > a.selected {
    text-decoration: none;
    color: #00AEC7;
}


.footer__mid-flex-box {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}

.footer__heading {
    font-family: var(--icecro-body-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: white;
    margin: 30px 0 0;
}

.footer__group-1, .footer__group-2,
.footer__group-3, .footer__group-4 {
  display: flex;
  flex-direction: column;
}

.footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer__list a {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: white;
  display: block;
}

.footer__list a:hover {
  color: #00AEC7;
  text-decoration: none;
}

.footer__contact-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer__email-link,
.footer__tel-link {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: white;
}

.footer__email-link:hover,
.footer__tel-link:hover {
  color: #00AEC7;
  text-decoration: none;
}

.footer__bottom-wrapper {
  background-color: #1D3136;
  padding: 20px 0;
}

.footer__bottom-flex-box {
  display: flex;
  flex-direction: column;
}

.footer__bottom-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.footer__bottom-list a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: white;
  display: block;
}

.footer__bottom-list a:hover {
  color: #00AEC7;
  text-decoration: none;
}

.developed {
  display: flex;
  align-items: flex-end;
  margin: 0 0 20px 0;
  gap: 12px;
}
  
.developed > span {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.4;
  color: white;
}

.footer__copyright {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.4;
  color: white;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .footer__top-list {
    gap: 30px;
  }
  
  .footer__top-list-item {
    display: flex;
    flex-direction: row;
    gap: 29px;
  }
  
  .footer__mid-flex-box {
    display: flex;
    flex-direction: row;
    padding-bottom: 50px;
    gap: 30px;
    flex-wrap: wrap;
  }
  
  .footer__group-1, .footer__group-2,
  .footer__group-3, .footer__group-4 {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    width: 40%;
  }
  
  .footer__bottom-wrapper {
    padding: 20px 0 25px;
  }
  
  .footer__bottom-flex-box {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 74px;
  }
  
  .developed {
    display: flex;
    align-items: flex-end;
    margin: 0;
    gap: 8px;
  }
    
  .developed > span {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    opacity: 0.4;
    color: white;
  }
  
  .footer__copyright {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    opacity: 0.4;
    color: white;
    /* width: 100%; */
  }
}

@media (min-width: 1280px) {
  .footer__top-wrapper {
    padding-bottom: 0;
  }  

  .footer__top-wrapper > .container {
    display: flex;
    flex-direction: row;
    min-height: 112px;
    align-items: center;
  }
  
  .footer__logo-wrapper {
    width: 279px;
    height: 39px;
    margin: 0 21px 0 0;
  }

  .footer__logo-wrapper:hover > svg {
    fill: #00AEC7 !important;
  }
  
  .footer__top-list {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer__top-list-item {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }
  
  .footer__top-list-item > a {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
  }
  
  .footer__mid-flex-box {
    gap: 14px;
    justify-content: space-between;
    padding-bottom: 60px;
  }
  
  .footer__heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin: 40px 0 0;
  }
  
  .footer__group-1, .footer__group-2,
  .footer__group-3, .footer__group-4 {
    min-height: 452px;
    min-width: 270px;
    max-width: 280px;
    width: 100%;
    justify-content: flex-start;
  }
  
  .footer__list {
    gap: 20px;
  }
  
  .footer__list a {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
  }
  
  .footer__contact-list {
    margin: 40px 0 0;
    gap: 22px;
  }
  
  .footer__email-link,
  .footer__tel-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
  }
  
  .footer__bottom-wrapper {
    padding: 34px 0 35px;
  }
  
  .footer__bottom-flex-box {
    gap: 10px;
    justify-content: space-between;
  }

  .footer__bottom-list {
    margin: 60px 0 0 0;
  }
  
  .footer__bottom-list a {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
  }
  
  .developed {
    display: flex;
    align-items: flex-end;
    margin: 0;
    gap: 12px;
  }
    
  .developed > span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
  
  .footer__copyright {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1440px) {
  .footer__logo-wrapper {
    margin: 0 56px 0 0;
    width: 289px;
    height: 40px;
  }

  .footer__top-list {
    gap: 60px;
  }

  .footer__top-list-item {
    gap: 60px;
  }

  .footer__mid-flex-box {
    gap: 14px;
  }

  .footer__group-1, .footer__group-2,
  .footer__group-3, .footer__group-4 {
    min-height: 398px;
    max-width: 325px;
  }
}

@media (min-width: 1650px) {
  .footer__logo-wrapper {
    margin: 0 95px 0 0;
    width: 325px;
    height: 45px;
  }

  .footer__top-list {
    gap: 70px;
  }

  .footer__top-list-item {
    gap: 70px;
  }

  .footer__top-list-item > a {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
  }

  .footer__mid-flex-box {
    gap: 20px;
    justify-content: space-between;
  }

  .footer__group-1, .footer__group-2,
  .footer__group-3, .footer__group-4 {
    min-height: 402px;
    max-width: 370px;
  }

  .footer__heading {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
  }

  .footer__list a {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
  }

  .footer__email-link, .footer__tel-link {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
  }
}
.footer-bottom-wrapper {
    background-color: #1D3136;
    font-style: normal;
    font-weight: 500;
    font-size: .887rem;
    line-height: normal;
    color: #fff;
}


/*!
 * @media styles for Icecro
 */
/* min-width */
@media (min-width: 576px) {}
@media (min-width: 768px) {
    .container {
        padding: 0 50px;
    }
    .footer-bottom-wrapper {
        padding: 20px 0 25px;
    }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1280px) {
    .footer-bottom-wrapper {
        padding: 34px 0 35px;
    }
}
@media (min-width: 1400px) {}

/* max-width */

@media (max-width: 575.98px) {
    .page__list, .pp-lr {
        padding: 3.44rem 2rem;
    }
    .contacts-page__list {
        padding: 3.44rem 2rem;
    }
}
@media (max-width: 375px) {
    /*.page__list, .pp-lr {
        padding: 3.44rem 2rem;
    }*/
    .contacts-page__list {
        padding: 3.44rem 1.2rem;
    }
}
@media (max-width: 320px) {
    .contacts-page__list a {
        font-size: 1.2rem;
    }
}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}

/* START @mrk_mikhail 12.12.22 */
/* START КОРЗИНА */

.head-page-content.hide-bg {
  background: none;
}

.head-page-content.hide-bg h1 {
  color: #103D4B;
}

.header__cart {
  position: relative;
}

body .cart-item__info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

body .cart-item__info {
  padding: 0 32px 0 0;
}

body .cart__wrap .rec {
  height: auto;
}

body .cart__wrap .rec_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

body .cart__wrap .rec_item{
  float: none
}

body .cart-item__price {
  white-space: nowrap;
}

@media (max-width: 1280px) {
  body .cart__wrap {
    width: 100%;
  }

  body .cart__products-list {
    /*padding: 0 10px;*/
  }
}

@media (max-width: 991px) {
  body .cart__cart-item {
    padding: 2rem 3rem 2rem 3rem;
  }

  .cart-totals__wrap {
    padding: 2rem 3rem 2rem 3rem;
  }
}

@media (max-width: 768px) {
  body .cart__cart-item {
    align-items: flex-start;
  }

  body .cart-item__info-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  body .cart-item__info {
    flex: 0 1 100%;
    padding: 0;
    margin: 0 0 24px;
  }

  body .cart-item__info-wrap .basket-item-actions-remove {
    position: absolute;
    top: 2rem;
    right: 3rem;
  }

  body .cart__wrap .rec_item {
    width: 50%;
    margin: 0 0 20px;
  }

  body .checkout-form__block-container {
    display: block;
  }

  body .checkout-form__block-container:first-child{
    gap: 3.5rem;
    display: grid;
  }
}

@media (max-width: 600px) {
  body .cart__cart-item {
    padding: 1.875rem 1.25rem;
  }

  body .cart-item__img {
    min-width: 1px;
    height: auto
  }

  body .cart-item__img-link {
    margin: 0 1.25rem 0 0;
    flex: 0 1 40%;
    padding: 0;
    max-width: 132px;
  }

  body .cart-item__info-wrap {
    width: auto;
    flex: 0 1 auto;
    display: block;
  }

  body .cart-item__price {
    margin: 16px 0 0;
  }

  body .cart-item__qty {
    margin: 0;
  }

  body .cart-item__info-wrap .basket-item-amount-btn-minus,
  body .cart-item__info-wrap .basket-item-amount-btn-plus {
    width: 40px;
    height: 40px;
  }

  body .cart-item__info {
    margin: 0;
  }

  body .cart-item__info-wrap .basket-item-actions-remove {
    top: .5rem;
    right: .5rem;
  }
}

/* END КОРЗИНА */

/* START GRID */

.catalog-section {
  margin: -24px 0 0;
}

main .page-content {
  /* margin: -420px 0 0; */
}

main.icecro-line-contant-block .page-content {
    margin: 180px 0 0;
}

@media (max-width: 1279.98px) {
  main .page-content {
    margin: -300px 0 0;
  }

    main.icecro-line-contant-block .page-content {
        margin: 230px 0 0;
    }
    main.icecro-line-contant-block .head-page-content {
        padding-top: 123px;
    }
}

@media (max-width: 991px) {
  main .page-content {
    margin: -310px 0 0;
  }
}

/* @media (max-width: 768px) { Заменил Jekadog yf 767.98*/
@media (max-width: 767.98px) {
  main .page-content {
    margin: -110px 0 0;
  }
  main.icecro-line-contant-block .page-content {
        /*margin: 230px 0 0;*/
    }
  main.icecro-line-contant-block .head-page-content {
        padding-top: 73px;
    }
}

/* END GRID */

/* START SELECT CITIES */

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select-custom {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 76px;
}

.select-styled {
  color:#103D4B;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f6f1eb;
  padding: 1.375rem 2rem;
  border-radius: 6px;
  border: 1px solid#103D4B;
  display: flex;
  align-items: center;
}

.select-styled:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 5L7 0H0l3.5 5z' fill='%23409178'/%3E%3C/svg%3E") no-repeat center / contain;
  width: 12px;
  height: 12px;
  min-width: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
}

.select-styled.active {
  border-radius: 6px 6px 0 0;
}

.select-styled.active:after {
  transform: rotate(180deg);
}

.select-options {
  display: none;
  position: absolute;
  top: 75px;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid#103D4B;
  max-height: 300px;
  overflow: auto;
  border-radius: 0 0 6px 6px;
}

.select-options li {
  color: rgba(0, 0, 0, .5);
  font-size: 14px;
  margin: 0;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  transition: .2s ease-in-out;
}

.select-options li:hover, .select-options li.is-selected {
  color: #000;
}

.select-options li[rel="hide"] {
  display: none;
}

.map-page__city-select .choices__inner {
  padding: 0 !important;
  overflow: visible;
  height: 76px;
  background: transparent;
  border: none;
}

@media (max-width: 600px) {
  .map-page__city-select .choices__inner {
    height: 60px;
  }

  .select-styled {
    font-size: .8125rem;
    padding: 0.875rem 1.25rem;
    height: 60px;
  }

  .select-options {
    top: 59px;
  }
}

/* END SELECT CITIES */

/* END @mrk_mikhail 12.12.22 */

/*
    Subtitle lines block start
*/
.icecro-line-contant-block .head-page-content {
    max-height: 560px;
    padding: 130px 0 389px;
}
.icecro-line-contant-block .head-page-content h1 {
    margin-bottom: 50px;
}

/* Classic line start */
.classic .subtitle-lines-block {
    background-color: #fff;
    height: 314px;
    background-image: url('/products-line/classic/right_img.png'),url('/products-line/classic/left_img.png');
    background-repeat: no-repeat;
    background-position: right 0, left 0;

}

@media (max-width: 1440px) {
    .classic .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 1280px) {
    .classic .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 768px) {
    .classic .subtitle-lines-block {
        background-position: top 0px right -250px, left 315px;
        text-align: left;
    }
}
@media (max-width: 414px) {
    .classic .subtitle-lines-block {
        background-position: top -360px right 0px, left 315px;
    }
}
/* Classic line end*/

/* Vegan line start */
.vegan .subtitle-lines-block {
    background-color: #fff;
    min-height: 314px;
    background-image: url('/products-line/vegan/right_img.png'),url('/products-line/vegan/left_img.png');
    background-repeat: no-repeat;
    background-position: right 0, left 0;

}

@media (max-width: 1440px) {
    .vegan .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 1280px) {
    .vegan .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 768px) {
    .vegan .subtitle-lines-block {
        background-position: top 0px right -250px, left 315px;
        text-align: left;
    }
}
@media (max-width: 414px) {
    .vegan .subtitle-lines-block {
        background-position: top -360px right 0px, left 315px;
    }
}
/* Vegan line end*/

/* Sport line start */
.sport .subtitle-lines-block {
    background-color: #fff;
    height: 334px;
    background-image: url('/products-line/sport/right_img.png'),url('/products-line/sport/left_img.png');
    background-repeat: no-repeat;
    background-position: right 0, left 0;

}

@media (min-width: 1439.98px) {
    .sport .subtitle-lines-block {
        background-position: top 20px right -170px, left -190px top 20px;
    }
}
@media (max-width: 1440px) {
    .sport .subtitle-lines-block {
        background-position: top 20px right -170px, left -190px top 20px;
    }
}
@media (max-width: 1280px) {
    .sport .subtitle-lines-block {
        background-position: top 20px right -170px, left -190px top 20px;
    }
}
@media (max-width: 768px) {
    .sport .subtitle-lines-block {
        background-position: top 20px right -250px, left 315px;
        text-align: left;
    }
}
@media (max-width: 414px) {
    .sport .subtitle-lines-block {
        background-position: top -360px right 0px, left 315px;
    }
}
/* Sport line end*/

/* Vita line start */
.vita .subtitle-lines-block {
    background-color: #fff;
    height: 314px;
    background-image: url('/products-line/vita/right_img.png'),url('/products-line/vita/left_img.png');
    background-repeat: no-repeat;
    background-position: right 0, left 0;

}

@media (max-width: 1440px) {
    .vita .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 1280px) {
    .vita .subtitle-lines-block {
        background-position: top 0px right -170px, left -190px top 0
    }
}
@media (max-width: 768px) {
    .vita .subtitle-lines-block {
        background-position: top 0px right -250px, left 315px;
        text-align: left;
    }
}
@media (max-width: 414px) {
    .vita .subtitle-lines-block {
        background-position: top -360px right 0px, left 315px;
    }
}
/* Vita line end*/

.subtitle-lines-block-content {
    max-width: 530px;
    margin: 0 auto;
    padding: 0 15px;
    font-weight: 400;
}
.subtitle-lines-block-content .subtitle {
    margin-bottom: 20px;
    color: #103D4B;
    font-family: var(--icecro-body-font-family);
    font-size: 22px;
    font-weight: 500;
}

.line-footer-container {
    padding-bottom: 20px;
}
.line-footer-container .shipping-page__item {
    margin-bottom: 40px;
    font-weight: 400;
}
.line-footer-header {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-top: 60px;
    max-width: 615px;
    text-align: center;
}
.lines-footer-text {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-left: 15px;
    max-width: 615px;
    font-weight: 400;
}
@media (max-width: 768px) {
    .line-footer-header {
        text-align: left;
    }
}

/*
    End Subtitle lines block
*/

/*
  Abot Us Page Start  
*/
.about-block-title {
    margin-bottom: 60px;
    padding-top: 60px;
}
.about-1-block {
    padding: 60px;
    max-height: 796px;
    background-color: #1C5F48;
    background-image: url(/images/about/first_block_bg.png);
    background-size: cover;
    background-position: center top;
}
    .about-1-block .about-header-text, 
    .about-fourth-block-container, 
    .max-width-block {
        max-width: 807px;
    }
    
.about-2-block {
    padding: 60px;
    color: #103D4B;
}
    .about-block-title-2 {
        margin-bottom: 70px;
        font-size: 2.8rem;
    }
    .about-2-block p {
        font-weight: 400;
        font-size: 1.125rem;
    }
    
    
.about-3-block {
    padding: 60px;
    color: #103D4B;
}
    .about-block-title-3, 
    .about-block-title-8 {
        
    }
    .about-croco {
        margin-top: -140px;
        
    }
    
.about-4-block {
    min-height: 361px;
    padding: 60px;
}
    .about-4-block.bg-mission {
        background-color: #00AEC7;
        background-image: url('/images/about/stick_r.png'),url('/images/about/stick_l.png');
        background-repeat: no-repeat;
        background-position: right 70px top 0, left 70px;
    }
    .about-mission-text {
        font-size: 1.5677rem;
        font-weight: 400;
    }

.about-5-block {
    padding: 60px;
    background-image: url('/images/about/b5_bg_r.png'),url('/images/about/b5_bg_l.png');
    background-repeat: no-repeat;
    background-position: right 0 top 0, left 0 bottom 0;
}
    .bg-mindal {
        background-color: #EEE0CB;
    }
    .about-page-list .about-page-item {
        position: relative;
    }
    .about-page-list .about-page-item:before {
        content: " ";
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0a9 9 0 01-9 9v1a9 9 0 019 9h1a9 9 0 019-9V9a9 9 0 01-9-9H9z' fill='%23103D4B'/%3E%3C/svg%3E");
        position: absolute;
        left: -31px;
        top: 2px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
    }

.about-6-block {
    padding: 20px 60px;
}
    .bg-seladon {
        background-color: #C6E9CD;
    }

.about-7-block {
    padding: 60px;
}
    .about-text-block-7 {
        max-width: 400px;
    }
    .about-7-block .about-lines .col-6, 
    .about-8-block .about-links-list-item {
        position: relative;
    }
    .about-7-block .about-line-link, 
    .about-8-block .about-links-list-link {
        position: absolute;
        bottom: 10px;
        height: 0;
    }
    .icecro-today {
        margin-top: -109px;
    }

.about-8-block {
    padding: 60px 60px 30px;
}

@media (max-width: 1440px) {
    .about-4-block.bg-mission {
        background-position: top 0px right 0px, left 0px top 70px;
    }
}
@media (max-width: 1280px) {
    .about-4-block.bg-mission {
        background-position: top 0px right 0px, left -100px top 90px;
    }
}
@media (max-width: 768px) {
    .about-4-block.bg-mission {
        background-position: top 0px right -70px, left 400px;
        text-align: left;
    }
    .about-mission-text {
        font-size: 1.1rem;
    }
    .about-croco {
        margin-top: 0;
    }
    .icecro-today {
        margin-top: 0;
    }
}
@media (max-width: 600px) {
    .about-1-block,
    .about-2-block, 
    .about-3-block, 
    .about-5-block, 
    .about-6-block, 
    .about-7-block, 
    .about-8-block {
        padding: 15px;
    }
    .about-4-block.bg-mission {
        padding: 15px;
    }
    .about-block-title-6, 
    .about-block-title-3, 
    .mission-title {
        margin-bottom: 2rem!important;
        margin-top: 1rem;
    }
}
@media (max-width: 414px) {
    .about-4-block.bg-mission {
        background-position: top -360px right 0px, left 0px top -400px;
        padding: 15px;
    }
}
/*
  End Abot Us Page  
*/

/*
  Start Distributors Page  
*/
.distributors-1-block {
    padding: 60px;
}
    .distributors-1-block-container {
        max-width: 670px
    }

.bg-pale-yellow {
    background-color: #F4E79E;
}
/*
  End Distributors Page  
*/

/*
  Start Privacy Policy Page  
*/

.privacy_policy ul li:before{
	content:"—";
	position:relative;
	left:-5px;
}
/*
  End Privacy Policy Page  
*/

.seo-block {
  padding-bottom: 12px;
}

.seo-block__inner {
  padding: 30px 25px;
  background: #FFFFFF;
}

.seo-block__title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

.seo-block__list {
  padding: 0;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.seo-block__list li {
  margin-bottom: 12px;
  padding-left: 26px;
  position: relative;
}

.seo-block__list li::before {
  content: '';
  background: url(./images/seo-icon.svg) center no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-size: contain;
}

.seo-block__list li:last-child {
  margin-bottom: 0;
}

.seo-block__text {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .seo-block {
    padding-bottom: 100px;
  }

  .seo-block__inner {
    padding: 60px 80px 85px 60px;
  }

  .seo-block__title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 20px;
  }

  .seo-block__list {
    margin-bottom: 20px;
  }

  .seo-block__list li {
    margin-bottom: 20px;
    padding-left: 41px;
  }

  .seo-block__list li::before {
    width: 21px;
    height: 21px;
  }
}

@media (min-width: 1280px) {
  .seo-block {
    padding-bottom: 100px;
  }

  .seo-block__inner {
    padding: 60px 185px;
  }

  .seo-block__title {
    font-size: 46px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 40px;
  }

  .seo-block__list {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
  }

  .seo-block__list li {
    margin-bottom: 40px;
    padding-left: 75px;
  }

  .seo-block__list li::before {
    width: 35px;
    height: 35px;
  }

  .seo-block__text {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 28px;
  }
}
.pagen_container {
  margin-bottom: 25px;
}

.icecro-blog-content-block .head-page-content {
  max-height: 560px;
  padding: 144px 0 389px;
}

main.icecro-blog-content-block .page-content {
  margin-top: -215px;
}

.page-filter {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 18px;
  margin-bottom: 20px;
}

.page-filter__item {
  padding: 10px 20px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  transition: 0.3s;
  color: var(--white, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.page-filter__item.is-active {
  color: #404040;
  background: var(--white, #FFF);
}

.blog-page {
  padding-bottom: 60px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.blog-grid-item {
  position: relative;
  grid-row: span 1;
  grid-column: span 1;
  display: flex;
  min-height: 390px;
}

.blog-grid-item__label {
  color: var(--text, #103D4B);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 4px;
  background: var(--white, #FFF);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

.blog-grid-item__image {
  display: flex;
  width: 51.3%;
  min-width: 51.3%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.blog-grid-item__image img {
  position: absolute;
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-grid-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  background: #FFF;
}

.blog-grid-item__date {
  color: var(--text, #103D4B);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}

.blog-grid-item__title {
  color: var(--text, #103D4B);
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 30px;
}

.blog-grid-item__link {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--blue, #00AEC7);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  margin-top: auto;
  transition: 0.3s;
}

.blog-grid-item__link svg path {
  transition: 0.3s;
}

.blog-grid-item:hover .blog-grid-item__link {
  color: #103D4B;

}

.blog-grid-item:hover .blog-grid-item__link svg path {
  fill: #103D4B;
}

.blog-item-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: var(--white, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 60px;
}

.blog-item__date {
  color: var(--white, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 30px;
}

.blog-grid-item__label--static {
  position: static;
  display: inline-flex;
}

main.icecro-blog-item-content-block .page-content {
  margin-top: -135px;
}

h1.blog-item-title {
  line-height: 80px;
  margin-bottom: 30px;
}

.blog-item-section {
  margin-bottom: 30px;
  background: var(--white, #FFF);
}

.blog-item-section__content {
  max-width: 670px;
  margin: 0 auto;
}

.blog-item__images-row {
  display: flex;
  height: 676px;
  margin-bottom: 30px;
  gap: 30px;
}

.blog-item__image {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.blog-item__image img {
  position: absolute;
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-item-seo-block {
  padding-bottom: 30px;
}

.blog-item-seo-block .container {
  padding: 0;
}

.seo-block__text {
  margin-bottom: 40px;
}

.seo-block__text:last-child {
  margin-bottom: 0;
}

.seo-block__quote {
  position: relative;
}

.seo-block__quote::before {
  content: '';
  background: url(./images/seo-quote.svg) center no-repeat;
  position: absolute;
  left: -70px;
  top: 0;
  width: 40px;
  height: 23px;
  background-size: contain;
}

.seo-block-person {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.seo-block-person__img {
  display: flex;
  width: 78px;
  min-width: 78px;
  height: 78px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}

.seo-block-person__img img {
  position: absolute;
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.seo-block-person__name {
  color: var(--text, #103D4B);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 10px;
}

.seo-block-person__text {
  color: var(--text, #103D4B);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}

.blog-item-more__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.blog-item-more__title {
  color: var(--text, #103D4B);
  font-size: 46px;
  font-weight: 400;
  line-height: 52px;
  margin: 0;
}

.blog-item-more__arrows {
  display: flex;
  align-items: center;
  gap: 54px;
}

.blog-item-more-arrow {
  display: flex;
  cursor: pointer;
}

.blog-item-more-arrow g {
  transition: 0.3s;
}

.blog-item-more-arrow:hover g {
  opacity: 1;
}

.blog-item-more-next-arrow {
  transform: rotate(180deg);
}

.blog-item-more__slider .blog-grid-item__image {
  height: auto;
}

.blog-item-more {
  padding-top: 30px;
  padding-bottom: 60px;
}

.blog-item-more__slider .swiper-wrapper {
  height: auto;
}

@media (max-width: 1280px) {
  .icecro-blog-content-block .head-page-content {
    max-height: 560px;
    padding: 119px 0 211px;
  }

  main.icecro-blog-content-block .page-content {
    margin-top: -171px;
  }

  .page-filter {
    padding-top: 0;
    margin-bottom: 37px;
  }

  .blog-page-title {
    font-size: 80px;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: -2px;
  }

  .blog-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
  }

  .blog-grid-item {
    min-height: unset;
    flex-direction: column;
  }

  .blog-grid-item__image {
    width: 100%;
    min-width: 100%;
    height: 400px;
  }

  .blog-grid-item__date {
    font-size: 12px;
    line-height: 18px;
  }

  .blog-page {
    padding-bottom: 100px;
  }

  h1.blog-item-title {
    font-size: 80px;
  }

  .blog-item-back {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 40px;
    gap: 7px;
  }

  .blog-item-back svg {
    width: 22px;
    height: 12px;
  }

  .icecro-blog-item-content-block .head-page-content {
    padding: 141px 0 180px;
  }

  main.icecro-blog-item-content-block .page-content {
    margin-top: -141px;
  }

  .blog-item__images-row {
    height: auto;
    flex-direction: column;
  }

  .blog-item__image {
    height: 400px;
  }

  .blog-item-seo-block .seo-block__inner {
    padding: 60px 80px;
  }

  .seo-block__quote::before {
    left: -60px;
  }

  .seo-block-person__name {
    font-size: 14px;
    line-height: 22px;
  }

  .seo-block-person__text {
    font-size: 12px;
    line-height: 16px;
  }

  .blog-item-more__title {
    font-size: 32px;
    line-height: 34px;
  }

  .blog-item-more__slider .blog-grid-item__image {
    height: 400px;
  }

  .blog-grid-item__title {
    font-size: 18px;
    line-height: 26px;
  }

  .blog-item-more {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .icecro-blog-content-block .head-page-content {
    max-height: 560px;
    padding: 81px 0 171px;
  }

  .page-filter__item {
    padding: 10px 12px;
    font-size: 12px;
    line-height: 16px;
  }

  .blog-page-title {
    font-size: 32px;
    line-height: 34px;
  }

  .page-filter {
    margin-bottom: 26px;
  }

  main.icecro-blog-content-block .page-content {
    margin-top: -143px;
  }

  .blog-grid-item__label {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px;
    border-radius: 2px;
    top: 30px;
    left: 30px;
  }

  .blog-grid-item__image {
    height: 300px;
  }

  .blog-grid-item__title {
    font-size: 18px;
    line-height: 26px;
  }

  .blog-grid-item__link {
    gap: 8px;
    font-size: 12px;
  }

  .blog-grid-item__link svg {
    width: 22px;
    height: 12px;
  }

  .blog-grid {
    gap: 30px;
  }

  .blog-page {
    padding-bottom: 60px;
  }

  .icecro-blog-item-content-block .head-page-content {
    padding: 91px 0 124px;
  }

  .blog-item-back {
    margin-bottom: 20px;
  }

  h1.blog-item-title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 20px;
  }

  .blog-item__date {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  main.icecro-blog-item-content-block .page-content {
    margin-top: -95px;
  }

  .blog-item-seo-block .seo-block__inner {
    padding: 30px 25px;
  }

  .blog-item__image {
    height: 300px;
  }

  .seo-block__text {
    margin-bottom: 10px;
  }

  .seo-block__quote {
    padding-top: 30px;
  }

  .seo-block__quote::before {
    left: 0;
    top: 0;
    width: 30px;
    height: 18px;
  }

  .blog-item-more__top {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .blog-item-more__title {
    font-size: 28px;
    line-height: 34px;
  }

  .blog-item-more__slider .blog-grid-item__image {
    height: 300px;
  }

  .blog-item-more {
    padding-bottom: 72px;
  }
}

.marquee {
  display: flex;
  align-items: center;
  gap: 40px;
}

.marquee.is-animated {
  animation: scroll 10s linear infinite;
}

.marquee-line {
  height: 44px;
  background: var(--text, #103D4B);
  display: flex;
  align-items: center;
  position: relative;
}

.marquee-line__inner {
  display: flex;
  align-items: center;
  gap: 40px;
  position: absolute;
  transform: translateX(100%);
}

.marquee-line__inner:nth-child(2) {
  animation-delay: 5s;
}

.marquee-line__item {
  color: var(--white, #FFF);
  font-family: 'StingerWide';
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  padding-right: 40px;
  position: relative;
}

.marquee-line__item::before {
  content: '';
  width: 24px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../../images/marquee-icon.svg);
}

:root {
  --scroll-animation-width: 0;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--scroll-animation-width));
  }
}