:root {
  --white: white;
  --gray_5: #1f2d54;
  --blue: #449bf2;
  --gray_9: #23242e;
  --gray_4: #858ca2;
  --gray_6: #555974;
  --gray_3: #c2c6d0;
  --gray_1: #f5f5f7;
  --gray_2: #ebecef;
  --btn_hover: #287dd1;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
  overflow: visible;
}

.header_main {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding: 20px 0;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.link-block {
  background-image: url('../images/logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 120px;
  height: 100px;
}

.image {
  width: 60px;
  height: 60px;
  display: block;
}

.phone {
  color: var(--gray_5);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.main-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.vfl20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--gray_5);
  flex-flow: column;
  font-size: 68px;
  line-height: 120%;
  display: flex;
}

.head_info {
  color: var(--gray_4);
  text-align: left;
  width: 470px;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.head_info.right {
  text-align: right;
  width: 320px;
  font-size: 16px;
}

.head_info._2 {
  text-align: right;
  flex: 0 auto;
  align-self: stretch;
  width: auto;
}

.image-2 {
  z-index: -2;
  width: 1250px;
  height: 12500px;
  margin-top: 0;
  margin-left: 500px;
  position: absolute;
}

.bold-text {
  width: 1100px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 100px;
  line-height: 110%;
}

.section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
}

.vfr5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-end;
}

.gray_28 {
  color: var(--gray_6);
  align-self: stretch;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
}

.h1 {
  color: var(--gray_9);
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 46px;
  line-height: 110%;
}

.button {
  background-color: #3987d4;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-size: 22px;
  font-weight: 300;
  line-height: 120%;
  display: flex;
}

.button._2 {
  background-color: var(--gray_3);
}

.main_btn {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
}

.cards-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  width: auto;
  max-width: 1440px;
  margin-top: 40px;
  margin-bottom: -520px;
  overflow: visible;
}

.card {
  clear: none;
  aspect-ratio: auto;
  background-color: var(--gray_1);
  object-fit: fill;
  border-radius: 20px;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 280px;
  height: 220px;
  min-height: 220px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.hidden {
  flex: 0 auto;
  min-width: 340px;
}

.card.one {
  max-width: 280px;
}

.name_card {
  color: var(--gray_9);
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.gray_18 {
  color: var(--gray_6);
  font-size: 20px;
  line-height: 120%;
}

.image-3 {
  vertical-align: baseline;
  margin-top: 61px;
  margin-left: 106px;
  display: block;
  position: static;
  overflow: hidden;
}

.image-4 {
  aspect-ratio: auto;
  width: 50%;
  max-width: 100%;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-4.dop {
  margin-right: 15px;
}

.image-4.dop2, .image-4.dop3 {
  margin-right: 18px;
}

.image-4.docs {
  margin-right: 20px;
}

.image-4.souseimg.pdf {
  margin-bottom: 29px;
  margin-right: 17px;
}

.image-4.souseimg._40 {
  width: 50%;
  margin-right: 10px;
  padding-right: 0;
}

.btn_main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #449bf2;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  line-height: 110%;
}

.btn_main.second_btn {
  background-color: var(--white);
  border: 2px solid #449bf2;
  text-decoration: none;
}

.btn_main.whatsapp {
  background-color: #24d366;
  display: none;
  position: static;
  overflow: visible;
}

.btn_main.whatsapp.mobile {
  display: flex;
}

.btn_main.whatsapp.mobile.hidden {
  display: none;
}

.btn_main.telegram.mobile {
  display: flex;
}

.btn_main.telegram.mobile.hidden {
  display: none;
}

.btn_text {
  color: #fff;
  font-weight: 300;
  line-height: 120%;
}

.btn_text.btn_2 {
  color: #449bf2;
  text-decoration: none;
}

.text-block-3 {
  color: var(--gray_9);
  font-size: 30px;
  font-weight: 500;
  line-height: 110%;
}

.flex-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-decoration: none;
}

.vfr20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
}

.main_block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
}

.flex-block-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.logos-without-title {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.clients-wrapper-three {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: -10px;
  display: flex;
}

.clients-image-three {
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.about {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.product {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  flex: 1;
  align-self: stretch;
}

.products {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-self: stretch;
}

.link {
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.about_info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  max-width: 900px;
}

.paragraph, .h2 {
  align-self: stretch;
}

.logos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
}

.div-block-5 {
  flex: 1;
  align-self: stretch;
}

.link-maslo, .link-mazik, .link-fish, .link-fruit, .link-milk, .link-tomat, .link-sahar {
  flex: 1;
  text-decoration: none;
}

.link-sahar.hidden {
  opacity: 0;
  pointer-events: none;
}

.link-meat {
  flex: 1;
  text-decoration: none;
}

.link-meat.hidden {
  opacity: 0;
  pointer-events: none;
}

.link-block-4 {
  flex: 1;
  text-decoration: none;
}

.div-block-9 {
  flex: 1;
}

.downloadpdf {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
}

.link-block-5 {
  text-decoration: none;
}

.line_1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
}

.milk_1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--gray_1);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  min-width: 380px;
  max-width: 310px;
  min-height: 270px;
  padding: 20px;
  display: flex;
}

.body-2 {
  flex-flow: column;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.inside_milk {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
}

.text_card {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.heading-4 {
  font-size: 24px;
  line-height: 120%;
  display: flex;
}

.image-16.ketchap {
  width: 40%;
}

.image-16.ketchap.sahar, .image-16.ketchap.sir {
  width: 50%;
}

.black_32 {
  color: var(--gray_9);
  font-size: 28px;
  font-weight: 600;
  line-height: 130%;
}

.image-17.tpasta {
  width: 40%;
}

.image-17.tpasta.posh {
  width: 60%;
}

.image-18.uksus {
  width: 40%;
}

.image-18.uksus.gol {
  width: 60%;
}

.image-18.uksus.ros, .image-18.uksus.black {
  width: 45%;
}

.image-18.uksus.leo {
  width: 49%;
}

.image-18.uksus.tilz {
  width: 67%;
}

.image-18.uksus.milk {
  width: 45%;
}

.image-18.uksus.golnew {
  width: 63%;
}

.image-18.uksus.gost {
  width: 56%;
}

.image-18.uksus.tiz {
  width: 66%;
}

.image-18.uksus.tiz.moz {
  width: 56%;
}

.image-20 {
  width: 120px;
}

.point {
  margin-top: 6px;
}

.logotype.w--current {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  order: 0;
  text-decoration: none;
  display: flex;
}

.sklad_img {
  border-radius: 20px;
  max-width: 400px;
}

.image-22 {
  width: 140px;
  height: 100px;
}

.ooo {
  color: var(--gray_9);
  font-size: 28px;
  font-weight: 500;
  line-height: 110%;
}

.vh5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-start;
}

.hfl40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
}

.gray_16 {
  color: var(--gray_4);
  margin-bottom: 0;
}

.flex_v_15 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.black_16 {
  color: var(--gray_9);
}

.flex_h_10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.vfl5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-start;
}

.footer {
  background-color: var(--gray_1);
  color: var(--gray_9);
  text-align: center;
  border-radius: 16px;
  align-self: stretch;
  margin-bottom: 40px;
  padding: 16px;
}

.telegram_link, .whatsapp_link {
  text-decoration: none;
}

.body-3, .body-4, .body-5, .body-6, .body-7, .body-8, .body-9, .body-10 {
  flex-flow: column;
  display: flex;
}

.flex-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  max-width: 570px;
  padding: 15px 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.flex-block-24:hover {
  background-color: var(--btn_hover);
}

.heading-5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-5.tgroup {
  font-weight: 300;
}

.image-23 {
  width: 40px;
  height: 40px;
  position: static;
  inset: auto 0% 0% auto;
}

.flex-block-25 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: flex-end;
}

.gor {
  color: var(--gray_9);
  margin-bottom: 0;
  font-size: 16px;
}

.body-11 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.mobile_banner {
  display: block;
}

.desktop_banner {
  vertical-align: baseline;
  display: block;
}

.banner_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.link-block-6 {
  display: none;
}

.link-block-7 {
  display: flex;
}

@media screen and (min-width: 1280px) {
  .body {
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .header_main {
    align-self: stretch;
  }

  .phone {
    color: var(--gray_9);
  }

  .phone:hover {
    color: var(--blue);
  }

  .main-block {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
  }

  .vfl20 {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 900px;
    display: flex;
  }

  .head_info._2 {
    align-self: stretch;
    width: 250px;
  }

  .section {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    min-width: 1280px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vfr5 {
    align-self: auto;
  }

  .gray_28 {
    align-self: stretch;
    font-size: 28px;
    font-weight: 400;
    display: block;
  }

  .h1 {
    align-self: center;
    font-size: 55px;
  }

  .card {
    background-color: var(--gray_1);
    opacity: 1;
    min-width: 295px;
    height: 190px;
    min-height: 190px;
    padding-bottom: 0;
    text-decoration: none;
  }

  .card.hidden {
    opacity: 0;
    flex: 1;
    min-width: 280px;
  }

  .card.hidden.catallog {
    flex: 1;
    min-width: 280px;
  }

  .name_card {
    color: var(--gray_9);
    font-size: 20px;
    line-height: 130%;
  }

  .gray_18 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 18px;
    display: block;
  }

  .gray_18.unik {
    margin-bottom: 0;
  }

  .image-4 {
    width: 50%;
    position: static;
  }

  .image-4.dop {
    width: 57%;
    margin-right: 0;
  }

  .image-4.dop2 {
    margin-right: 0;
  }

  .image-4.dop3 {
    width: 60%;
    margin-right: 0;
  }

  .image-4.docs {
    margin-right: 0;
  }

  .image-4.milkimg {
    width: 60%;
  }

  .image-4.milkimg._5j5j {
    width: 53%;
  }

  .image-4.souseimg {
    width: 52%;
  }

  .image-4.souseimg.pdf {
    width: 46%;
  }

  .image-4.skumbimg {
    width: 59%;
  }

  .image-4.oil {
    width: 55%;
  }

  .btn_main.second_btn, .btn_text.btn_2, .flex-block-4 {
    text-decoration: none;
  }

  .vfr20 {
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
    width: 260px;
  }

  .main_block {
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .flex-block-7 {
    flex: 1;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
  }

  .about {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
  }

  .product {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .products {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-self: stretch;
  }

  .about_info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
  }

  .paragraph {
    margin-bottom: 0;
  }

  .partners {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-self: stretch;
  }

  .logos {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .div-block-5 {
    background-image: url('../images/image-2.png');
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    flex: 1;
    align-self: stretch;
    max-width: 400px;
  }

  .div-block-6 {
    flex: 1;
    align-self: stretch;
    min-width: 280px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-7 {
    flex: 1;
    min-width: 280px;
  }

  .link-maslo, .link-mazik, .link-fish, .link-fruit, .link-milk, .link-tomat, .link-sahar {
    flex: 1;
    text-decoration: none;
  }

  .link-sahar.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .link-meat {
    flex: 1;
    text-decoration: none;
  }

  .link-meat.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .link-block-3, .link-block-4 {
    flex: 1;
    text-decoration: none;
  }

  .flex-block-9, .flex-block-10, .flex-block-11, .flex-block-12, .flex-block-13, .flex-block-14, .flex-block-15, .flex-block-16, .flex-block-18 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .div-block-9 {
    color: var(--gray_1);
    flex: 1;
    align-self: stretch;
  }

  .flex-block-19 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .downloadpdf {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 130px;
    margin-bottom: 20px;
  }

  .image-15 {
    display: block;
  }

  .link-block-5 {
    text-decoration: none;
  }

  .line_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
  }

  .milk_1 {
    background-color: var(--gray_1);
    border-radius: 20px;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    min-width: 400px;
    max-width: 320px;
    min-height: 310px;
    padding: 20px;
    display: flex;
  }

  .milk_1.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .milk_1.higs {
    padding: 20px;
  }

  .body-2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .inside_milk {
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
  }

  .heading-4 {
    line-height: 130%;
  }

  .image-16 {
    width: 160px;
  }

  .black_32 {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
  }

  .image-17, .image-18 {
    width: 160px;
  }

  .image-19 {
    width: 180px;
  }

  .image-20 {
    width: 190px;
  }

  .point {
    margin-top: 3px;
  }

  .logotype.w--current {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-decoration: none;
    display: flex;
  }

  .sklad_img {
    border-radius: 20px;
    max-width: 400px;
  }

  .main_block_milk {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    align-self: stretch;
  }

  .gray_16 {
    color: var(--gray_4);
    margin-bottom: 0;
    font-size: 16px;
  }

  .flex_v_15 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: flex-start;
  }

  .black_16 {
    color: var(--gray_9);
    margin-bottom: 0;
    font-size: 16px;
    line-height: 130%;
  }

  .vfl5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: center;
    align-items: flex-start;
  }

  .gray_18r {
    color: var(--gray_4);
    text-align: right;
    font-size: 18px;
  }

  .flex-block-24 {
    align-self: stretch;
  }
}

@media screen and (min-width: 1440px) {
  .body {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .header_main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-self: stretch;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .link-block.w--current {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-image: none;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    text-decoration: none;
    display: flex;
  }

  .phone:hover {
    color: var(--blue);
    text-decoration: underline;
  }

  .main-block {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .head_info {
    align-self: stretch;
    width: auto;
  }

  .section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 1280px;
    min-width: 1440px;
    display: flex;
  }

  .flex-block, .vfr5 {
    flex: 1;
  }

  .cards-block {
    flex-flow: row;
    flex: 0 auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .card {
    background-color: var(--gray_1);
    border-radius: 16px;
    flex: 0 auto;
    align-self: stretch;
    min-width: 280px;
    height: 200px;
    min-height: 200px;
    padding-bottom: 0;
  }

  .card:hover {
    background-color: var(--gray_2);
    color: var(--gray_9);
  }

  .card.hidden {
    flex: 1;
  }

  .name_card {
    color: var(--gray_9);
    align-self: stretch;
    font-size: 20px;
    font-weight: 400;
  }

  .gray_18 {
    margin-bottom: 20px;
  }

  .image-4 {
    position: static;
  }

  .image-4.dop, .image-4.dop2, .image-4.dop3 {
    margin-right: 0;
  }

  .image-4.docs {
    width: 40%;
  }

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

  .btn_main:hover {
    background-color: var(--btn_hover);
  }

  .btn_main.second_btn:hover {
    background-color: var(--gray_1);
  }

  .btn_main.whatsapp:hover {
    background-color: #18b151;
  }

  .btn_main.whatsapp.mobile, .btn_main.telegram.mobile {
    display: flex;
  }

  .text-block-3 {
    align-self: stretch;
  }

  .flex-block-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
  }

  .main_block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .about {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .flex-block-8 {
    flex: 0 auto;
  }

  .product {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .products {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-self: stretch;
    margin-top: 40px;
  }

  .link {
    text-decoration: none;
  }

  .about_info {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex: 1;
    max-width: 900px;
    margin-top: 20px;
  }

  .image-5 {
    flex: 1;
    align-self: stretch;
    width: auto;
    height: auto;
  }

  .paragraph {
    color: var(--gray_9);
    align-self: stretch;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 120%;
  }

  .h2 {
    color: var(--gray_9);
    margin-top: 0;
    margin-bottom: 0;
  }

  .partners {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-self: stretch;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .logos {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    height: 100px;
  }

  .image-6, .image-7 {
    flex: 1;
    height: 100%;
  }

  .image-8 {
    flex: 1;
    height: 50%;
  }

  .image-9 {
    flex: 1;
    height: 70%;
  }

  .image-10 {
    flex: 1;
    height: 80px;
  }

  .image-11 {
    flex: 0 auto;
  }

  .image-12, .image-13 {
    align-self: center;
  }

  .image-14 {
    background-image: url('../images/image-2.png');
    background-position: 0 0;
    background-size: auto;
    flex: 1;
    order: 1;
    align-self: stretch;
    height: 100%;
    max-height: 200px;
  }

  .div-block-5 {
    background-image: url('../images/image-2.png');
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    flex: 1;
    align-self: stretch;
    min-width: 400px;
    max-width: 500px;
  }

  .div-block-6 {
    flex: 1;
    padding-bottom: 0;
    padding-right: 0;
  }

  .link-maslo {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .link-block-2, .link-mazik, .link-fish, .link-fruit, .link-milk {
    flex: 1;
    text-decoration: none;
  }

  .link-tomat {
    text-decoration: none;
  }

  .link-sahar {
    flex: 1;
    text-decoration: none;
  }

  .link-sahar.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .link-meat {
    flex: 1;
    text-decoration: none;
  }

  .link-meat.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .link-block-3 {
    flex: 0 auto;
    min-width: auto;
    text-decoration: none;
  }

  .link-block-4 {
    flex: 1;
    text-decoration: none;
  }

  .flex-block-9, .flex-block-10, .flex-block-11, .flex-block-12, .flex-block-13, .flex-block-14, .flex-block-15, .flex-block-16, .flex-block-17 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .flex-block-18 {
    flex: 1;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-end;
  }

  .div-block-8 {
    flex: 1;
    min-width: 690px;
  }

  .div-block-9 {
    background-color: var(--white);
  }

  .link-block-5 {
    text-decoration: none;
  }

  .line_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .milk_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    min-width: 450px;
    max-width: 340px;
    padding: 20px;
    display: flex;
  }

  .milk_1.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .milk_1.higs {
    align-self: stretch;
  }

  .body-2 {
    flex-flow: column;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    display: flex;
  }

  .inside_milk {
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
  }

  .i {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .info_text {
    color: var(--gray_4);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .info_text.susb {
    color: var(--gray_9);
  }

  .text_card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .heading-4 {
    align-self: stretch;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 24px;
    line-height: 110%;
  }

  .image-16 {
    width: 180px;
  }

  .black_32 {
    color: var(--gray_9);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
  }

  .image-17, .image-18 {
    width: 180px;
  }

  .image-18.uksus.gost {
    width: 47%;
  }

  .line {
    background-color: var(--gray_6);
    align-self: stretch;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .image-19, .image-20 {
    width: 200px;
  }

  .seo_block_info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .point {
    padding-top: 0;
  }

  .logo {
    text-decoration: none;
  }

  .flex-block-23 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .logotype {
    text-decoration: none;
  }

  .sklad_img {
    border-radius: 16px;
    flex: 1;
    align-self: stretch;
    max-width: 500px;
    margin-top: 0;
  }

  .flex_v_15 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .i-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer {
    background-color: var(--gray_1);
    text-align: center;
    border-radius: 16px;
    align-self: stretch;
    margin-bottom: 40px;
    padding: 16px;
  }

  .text-block-4 {
    text-align: center;
    padding: 16px;
  }

  .body-3 {
    flex-flow: column;
    display: flex;
  }

  .body-11 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .link-2 {
    pointer-events: auto;
    color: var(--blue);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--blue);
    text-decoration-color: var(--blue);
    mix-blend-mode: normal;
    font-style: normal;
  }
}

@media screen and (max-width: 991px) {
  .body {
    max-width: 1440px;
    margin-bottom: 40px;
  }

  .header_main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    align-self: stretch;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .phone {
    font-size: 21px;
  }

  .main-block {
    align-self: stretch;
    width: auto;
  }

  .vfl20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
  }

  .head_info {
    align-self: auto;
    width: auto;
    font-size: 13px;
  }

  .head_info.right {
    width: auto;
  }

  .section {
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .h1 {
    align-self: stretch;
    width: 100%;
    font-size: 40px;
  }

  .main_btn {
    margin-top: 0;
  }

  .btn_main.whatsapp.mobile, .btn_main.telegram.mobile {
    padding: 16px 24px;
    display: flex;
  }

  .container {
    max-width: 728px;
  }

  .clients-image-three {
    margin-bottom: 30px;
  }

  .about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .about_info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .h2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .logos {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .link-sahar.hidden {
    display: none;
  }

  .milk_1 {
    min-width: 280px;
    max-width: 350px;
  }

  .text_card {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-self: stretch;
  }

  .heading-4 {
    font-size: 23px;
    line-height: 120%;
  }

  .img_animate {
    height: 180px;
  }

  .ooo {
    font-size: 23px;
  }

  .hfl40 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gray_16 {
    text-align: right;
    margin-bottom: 0;
  }

  .flex_v_15 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}

@media screen and (max-width: 767px) {
  .vfl20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .h1 {
    font-size: 30px;
  }

  .main_btn {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .image-4, .image-4.dop {
    width: 200px;
  }

  .image-4.skumbimg {
    width: 230px;
  }

  .image-4.oil {
    width: 200px;
  }

  .btn_main.whatsapp {
    display: none;
  }

  .btn_main.whatsapp.mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .btn_main.telegram, .btn_main.telegram.mobile {
    display: flex;
  }

  .vfr20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
  }

  .main_block {
    flex-flow: column;
  }

  .logos-without-title {
    padding: 60px 15px;
  }

  .clients-wrapper-three {
    margin-bottom: -30px;
  }

  .clients-image-three {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .about_info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .logos {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .link-sahar.hidden {
    display: none;
  }

  .line_1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .milk_1 {
    max-width: 540px;
    padding: 16px;
  }

  .text_card {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-self: stretch;
  }

  .heading-4 {
    font-size: 24px;
    line-height: 120%;
  }

  .image-16 {
    width: 170px;
  }

  .image-16.ketchap {
    width: 40%;
  }

  .image-17 {
    width: 170px;
  }

  .image-17.tpasta {
    width: 40%;
  }

  .image-18 {
    width: 170px;
  }

  .image-18.uksus {
    width: 40%;
  }

  .image-19, .image-20 {
    width: 180px;
  }

  .img_animate {
    height: auto;
  }

  .flex_v_15, .flex_h_10 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .vfl5.hidden {
    display: none;
  }

  .gray_18r {
    text-align: center;
    order: 1;
  }
}

@media screen and (max-width: 479px) {
  .body {
    margin-top: 0;
  }

  .header_main {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
  }

  .phone {
    text-align: right;
    font-size: 17px;
    display: block;
  }

  .vfl20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    margin-top: 0;
  }

  .head_info {
    align-self: stretch;
    width: 100%;
    font-size: 12px;
  }

  .head_info.right {
    text-align: right;
    align-self: stretch;
    font-size: 12px;
  }

  .head_info._2 {
    text-align: center;
    order: 1;
    font-size: 14px;
  }

  .section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
  }

  .vfr5 {
    order: 0;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .gray_28 {
    margin-top: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .h1 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 7vw;
  }

  .main_btn {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    margin-top: 0;
  }

  .gray_18 {
    font-size: 18px;
  }

  .image-4 {
    width: 150px;
  }

  .image-4.dop {
    width: 140px;
    margin-right: 0;
  }

  .image-4.dop2 {
    margin-right: 0;
  }

  .image-4.dop3 {
    width: 160px;
    margin-right: 0;
  }

  .image-4.milkimg, .image-4.skumbimg {
    width: 160px;
  }

  .image-4.oil {
    width: 130px;
  }

  .btn_main {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn_main.second_btn {
    justify-content: space-between;
    align-items: center;
  }

  .btn_main.whatsapp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .btn_main.whatsapp.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-height: 55px;
    padding: 16px;
  }

  .btn_main.telegram {
    display: flex;
  }

  .btn_main.telegram.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-height: 55px;
    padding: 16px;
  }

  .btn_text {
    font-size: 16px;
  }

  .text-block-3 {
    font-size: 18px;
  }

  .flex-block-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-self: center;
    display: none;
  }

  .vfr20 {
    justify-content: space-between;
    align-items: center;
  }

  .main_block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .container {
    max-width: none;
  }

  .clients-wrapper-three {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  .clients-image-three {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product {
    flex-flow: column;
  }

  .about_info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .paragraph {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .h2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .partners {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .logos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .link-maslo, .link-mazik, .link-fish, .link-fruit, .link-milk, .link-tomat, .link-sahar {
    align-self: stretch;
  }

  .link-sahar.hidden {
    display: none;
  }

  .link-meat {
    align-self: stretch;
  }

  .link-meat.hidden {
    display: none;
  }

  .flex-block-12 {
    flex-flow: row;
    align-self: stretch;
  }

  .downloadpdf {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
  }

  .link-block-5 {
    align-self: stretch;
  }

  .line_1 {
    flex-flow: column;
  }

  .milk_1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 200px;
    padding: 16px;
  }

  .body-2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .text_card {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-self: stretch;
  }

  .heading-4 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 120%;
  }

  .image-16 {
    width: 42%;
  }

  .black_32 {
    font-size: 26px;
  }

  .image-17, .image-18 {
    width: 42%;
  }

  .image-18.uksus.tilz {
    width: 64%;
  }

  .image-19 {
    width: 42%;
  }

  .image-20 {
    width: 50%;
  }

  .logotype.w--current {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    width: 100px;
  }

  .sklad_img {
    align-self: stretch;
    width: 100%;
    max-width: 500px;
  }

  .image-22 {
    flex: 0 auto;
    align-self: stretch;
    height: auto;
    text-decoration: none;
  }

  .img_animate {
    width: 60%;
  }

  .vh5 {
    display: none;
  }

  .gray_16 {
    text-align: right;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    line-height: 120%;
  }

  .flex_v_15 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .black_16 {
    margin-bottom: 0;
    line-height: 120%;
  }

  .flex_h_10 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .gray_18r {
    text-align: center;
    order: 1;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .telegram_link, .whatsapp_link {
    align-self: stretch;
  }

  .flex-block-25 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .gor {
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .body-11 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .mobile_banner, .link-block-6 {
    display: block;
  }

  .link-block-7 {
    display: none;
  }
}