@charset "UTF-8";
/* Gilroy - Thin */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100; /* Thin */
  font-style: normal;
}
/* Gilroy - UltraLight */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200; /* UltraLight */
  font-style: normal;
}
/* Gilroy - Light */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300; /* Light */
  font-style: normal;
}
/* Gilroy - Regular */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
  font-style: normal;
}
/* Gilroy - Medium */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
  font-style: normal;
}
/* Gilroy - Semibold */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600; /* Semibold */
  font-style: normal;
}
/* Gilroy - Bold */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
  font-style: normal;
}
/* Gilroy - Extrabold */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800; /* Extrabold */
  font-style: normal;
}
/* Gilroy - Heavy */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900; /* Heavy */
  font-style: normal;
}
/* Gilroy - Black */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 950; /* Black */
  font-style: normal;
}
body {
  font-family: "Gilroy", sans-serif;
}

main {
  background-color: #F5F5F5;
}
main h2 {
  font-size: 2.25em;
  font-weight: 600;
  margin-bottom: 3rem;
}
@media (max-width: 576px) {
  main section {
    font-size: 12px;
  }
  main section h2 {
    margin-bottom: 2rem;
  }
}
main .from--popup, main .referal--popup, main .user-data--popup {
  z-index: 99999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  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;
  top: 0;
  left: 0;
}
main .from--popup .content--popup, main .referal--popup .content--popup, main .user-data--popup .content--popup {
  max-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-radius: 1em;
  background-color: white;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  padding: 2em;
  padding-top: 5em;
}
main .from--popup .content--popup > h4, main .referal--popup .content--popup > h4, main .user-data--popup .content--popup > h4 {
  color: #1D1D1D;
  font-size: 1.5em;
  font-weight: 600;
}
main .from--popup .content--popup > p, main .referal--popup .content--popup > p, main .user-data--popup .content--popup > p {
  margin: 0;
}
main .from--popup .content--popup .close-popup-btn, main .referal--popup .content--popup .close-popup-btn, main .user-data--popup .content--popup .close-popup-btn {
  top: 2em;
  right: 2em;
  z-index: 2;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.25em;
  width: 12px;
  height: 12px;
  padding: 7px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
main .from--popup .btns {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
main .from--popup .btns button {
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #1D1D1D;
  white-space: nowrap;
  padding: 1em;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.5em;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
main .from--popup .btns button:hover {
  color: white;
  background-color: #1D1D1D;
}
main .referal--popup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main .referal--popup form input {
  margin: 2em 0;
  padding: 1em;
  border-radius: 0.5em;
  border: solid 1px #D8D8E5;
  line-height: 1;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
main .referal--popup form button {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #629B5A;
  color: white;
  padding: 1em;
  border-radius: 0.5em;
  font-weight: 600;
}
main .user-data--popup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main .user-data--popup form input[type=text], main .user-data--popup form input[type=tel] {
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 0.5em;
  border: solid 1px #D8D8E5;
  line-height: 1;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
main .user-data--popup form input[type=text]:first-of-type {
  margin-top: 2em;
}
main .user-data--popup form input[type=tel] {
  margin-bottom: 2em;
}
main .user-data--popup form label {
  font-weight: 500;
  margin-bottom: 0.75em;
}
main .user-data--popup form label input {
  margin-right: 0.5em;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
main .user-data--popup form button {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #629B5A;
  color: white;
  padding: 1em;
  border-radius: 0.5em;
  font-weight: 600;
}
main .opened-product--section {
  z-index: 999;
  bottom: 0;
  right: 0;
  position: fixed;
  height: 100vh;
  background-color: white;
  width: 608px;
  max-width: 100vw;
  color: #343434;
}
main .opened-product--section .slider {
  width: 100%;
  height: 460px;
}
main .opened-product--section .slider .swiper {
  width: 100%;
  height: 100%;
}
main .opened-product--section .slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  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;
  position: relative;
}
main .opened-product--section .slider .swiper-slide img {
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}
main .opened-product--section .slider .swiper-pagination-bullet {
  border: solid 1px black;
  background: none;
}
main .opened-product--section .slider .swiper-pagination-bullet-active {
  background-color: black;
}
main .opened-product--section .name {
  font-size: 2em;
  font-weight: 600;
  line-height: 1;
}
main .opened-product--section .price {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1;
}
main .opened-product--section .compound--block,
main .opened-product--section .usege--block {
  border-bottom: solid 1px #dcdcdc;
}
main .opened-product--section .compound--block h5,
main .opened-product--section .usege--block h5 {
  font-size: 1.25em;
  font-weight: 500;
  color: #1d1d1d;
}
main .opened-product--section .compound--block p,
main .opened-product--section .usege--block p {
  font-size: 0.875em;
}
main .opened-product--section .compound--block p span,
main .opened-product--section .usege--block p span {
  font-weight: 600;
}
main .opened-product--section .close-btn {
  z-index: 2;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.25em;
  width: 12px;
  height: 12px;
  padding: 7px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: white;
}
main .nav-wrapper {
  scrollbar-width: none; /* Для Firefox */
  -ms-overflow-style: none; /* Для IE и Edge */
}
main .nav-wrapper::-webkit-scrollbar {
  display: none; /* Скрывает скроллбар в WebKit-браузерах (Chrome, Safari) */
}
main .product__nav {
  padding: 2px;
}
main .product__nav button {
  color: #545454;
  border-radius: 100px;
  line-height: 1;
  padding: 0.75em 1em;
  text-wrap: nowrap;
  font-weight: 600;
}
main .product__nav button:hover {
  -webkit-box-shadow: 0 0 1px 0 black;
          box-shadow: 0 0 1px 0 black;
}
main .product__nav button.active {
  background-color: #1a1a1a;
  color: white;
}
main .product__nav button.active:hover {
  background-color: black;
}
main .product__products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
  gap: 2em;
}
@media (max-width: 576px) {
  main .product__products {
    grid-template-columns: repeat(auto-fit, minmax(160px, 320px));
    gap: 1.5em;
  }
}
main .product__card {
  background-color: white;
  border-radius: 1em;
  width: 100%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
main .product__card .img-wrapper {
  padding: 24px 28px;
  width: 233px;
  aspect-ratio: 233/296;
  max-width: 100%;
}
main .product__card .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .product__card p {
  line-height: 1;
}
main .product__card p.name {
  font-weight: 600;
  color: black;
}
main .product__card p.category {
  font-size: 0.875em;
  color: black;
}
main .product__card p.price {
  font-weight: 500;
  color: black;
}
main .product__card:hover {
  -webkit-box-shadow: 0 0 2px 0 black;
          box-shadow: 0 0 2px 0 black;
}
main .main__all-content {
  background-color: #F7F7F7;
  background-image: url("../image/shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
}
main .main__all-content .bg {
  background-image: url("../image/foliage.png");
  background-size: contain;
  background-repeat: no-repeat;
}
main .main {
  padding-top: 15vh;
}
main .main__main__slogan {
  font-size: 1.5em;
  font-family: "Cormorant", serif;
  font-style: italic;
}
main .main__main__btn {
  color: white;
  background-color: black;
  font-size: 1.5em;
  border-radius: 0.25rem;
}
main .main__products-preview {
  scrollbar-width: none; /* Для Firefox */
  -ms-overflow-style: none; /* Для IE и Edge */
}
main .main__products-preview::-webkit-scrollbar {
  display: none; /* Скрывает скроллбар в WebKit-браузерах (Chrome, Safari) */
}
main .main__advantages .advantage {
  width: 320px;
}
main .main__advantages .advantage h3 {
  font-size: 1.47em;
  font-weight: 600;
}
main .main__advantages .advantage img {
  border-radius: 1em 7em 1em 1em;
}
main .main__advantages .advantage:nth-child(2) img {
  border-radius: 1em 1em 1em 7em;
}
main .main__advantages .advantage:nth-child(3) img {
  border-radius: 1em 1em 7em 1em;
}
@media (max-width: 576px) {
  main .main__advantages .advantage {
    width: 100%;
  }
}
main .main .product-item-wrapper .product-item {
  width: 160px;
}
main .main .product-item-wrapper .product-item .product {
  z-index: 2;
  bottom: -35px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
main .main .product-item-wrapper .product-item .product.product-2 {
  bottom: -5px;
}
main .main .product-item-wrapper .product-item .product.product-4 {
  bottom: 35px;
}
main .main .product-item-wrapper .product-item:hover .bg-item {
  -webkit-filter: saturate(4);
          filter: saturate(4);
}
main .main .product-item-wrapper .product-item:hover .product {
  bottom: 0;
}
main .main .product-item-wrapper .product-item:hover .product.product-2 {
  bottom: 15px;
}
main .main .product-item-wrapper .product-item:hover .product.product-4 {
  bottom: 55px;
}
main .main .product-item-wrapper .product-item.two-imgs .product {
  bottom: -15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
main .main .product-item-wrapper .product-item.two-imgs .product:first-child {
  bottom: 35%;
  left: 30px;
}
main .main .product-item-wrapper .product-item.two-imgs:hover .bg-item {
  -webkit-filter: saturate(4);
          filter: saturate(4);
}
main .main .product-item-wrapper .product-item.two-imgs:hover .product {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  bottom: 60px;
}
main .main .product-item-wrapper .product-item.two-imgs:hover .product:first-child {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
  bottom: calc(35% + 90px);
}
main .main .product-item-wrapper .swiper-slide-prev .product {
  -webkit-transition: 2s;
  transition: 2s;
}
main .main .product-item-wrapper .swiper-slide-active .bg-item {
  -webkit-filter: saturate(4);
          filter: saturate(4);
}
main .main .product-item-wrapper .swiper-slide-active .product {
  bottom: 0;
  -webkit-transition: 2s !important;
  transition: 2s !important;
}
main .main .product-item-wrapper .swiper-slide-active .product.product-2 {
  bottom: 15px;
}
main .main .product-item-wrapper .swiper-slide-active .product.product-4 {
  bottom: 55px;
}
main .main .product-item-wrapper .swiper-slide-active.two-imgs .product {
  bottom: -15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
main .main .product-item-wrapper .swiper-slide-active.two-imgs .product:first-child {
  bottom: 35%;
  left: 30px;
}
main .main .product-item-wrapper .swiper-slide-active.two-imgs .bg-item {
  -webkit-filter: saturate(4);
          filter: saturate(4);
}
main .main .product-item-wrapper .swiper-slide-active.two-imgs .product {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  bottom: 60px;
}
main .main .product-item-wrapper .swiper-slide-active.two-imgs .product:first-child {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
  bottom: calc(35% + 90px);
}
main .cooperation--section {
  background-color: #FAFAFA;
  border-radius: 4em;
}
main .cooperation--section .cooperation__card, main .cooperation--section .cooperation__calculator, main .cooperation--section .cooperation__how-this-work {
  background-color: white;
  border-radius: 1em;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
main .cooperation--section .cooperation__card h4, main .cooperation--section .cooperation__calculator h4, main .cooperation--section .cooperation__how-this-work h4 {
  font-size: 1.5em;
  font-weight: 600;
}
main .cooperation--section .cooperation__calculator {
  border-radius: 1em 1em 6em 1em;
}
main .cooperation--section .cooperation__calculator__label .title {
  font-size: 0.75em;
  font-weight: 600;
}
main .cooperation--section .cooperation__calculator__label .value, main .cooperation--section .cooperation__calculator__label .cashback-value {
  font-size: 1.5em;
  font-weight: 600;
}
main .cooperation--section .cooperation__calculator__label .cashback-value {
  color: #D116A9;
}
main .cooperation--section .cooperation__calculator__cashback {
  color: white;
  background: -webkit-gradient(linear, left top, right top, from(#F6BEFF), to(#CF0CA4));
  background: linear-gradient(90deg, #F6BEFF 0%, #CF0CA4 100%);
  border-radius: 0.5em;
}
main .cooperation--section .cooperation__calculator__join-btn {
  background-color: #1D1D1D;
  color: white;
  border-radius: 100px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
main .cooperation--section .cooperation__calculator__join-btn img {
  margin-top: 3px;
}
main .cooperation--section .cooperation__calculator__join-btn:hover {
  background-color: #DF54C9;
}
main .cooperation--section .cooperation__how-this-work ul {
  padding: 0;
}
main .cooperation--section .cooperation__how-this-work .count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100%;
  border: dashed black 1px;
  line-height: 1;
  width: 1.5em;
  aspect-ratio: 1/1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  margin-bottom: 1em;
  color: #1D1D1D;
}
@media (max-width: 576px) {
  main .cooperation--section .cooperation__calculator {
    font-size: 12px;
  }
}
main .calculator-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  background-color: transparent;
  border: none;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ECE30C), to(#7AE3C3));
  background-image: linear-gradient(to right, #ECE30C 0%, #7AE3C3 100%);
}
main .calculator-range:hover {
  background-position: left;
}
main .calculator-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.10372%208.0801C9.10372%208.38938%208.853%208.6401%208.54372%208.6401C8.23444%208.6401%207.98372%208.38938%207.98372%208.0801C7.98372%207.77082%208.23444%207.5201%208.54372%207.5201C8.853%207.5201%209.10372%207.77082%209.10372%208.0801Z%22%20fill%3D%22%230E0E0E%22%20stroke%3D%22%230E0E0E%22%20stroke-width%3D%220.666667%22/%3E%3Cpath%20d%3D%22M9.10372%204.73342C9.10372%205.0427%208.853%205.29342%208.54372%205.29342C8.23444%205.29342%207.98372%205.0427%207.98372%204.73342C7.98372%204.42414%208.23444%204.17342%208.54372%204.17342C8.853%204.17342%209.10372%204.42414%209.10372%204.73342Z%22%20fill%3D%22%230E0E0E%22%20stroke%3D%22%230E0E0E%22%20stroke-width%3D%220.666667%22/%3E%3Cpath%20d%3D%22M9.10372%2011.4199C9.10372%2011.7292%208.853%2011.9799%208.54372%2011.9799C8.23444%2011.9799%207.98372%2011.7292%207.98372%2011.4199C7.98372%2011.1107%208.23444%2010.8599%208.54372%2010.8599C8.853%2010.8599%209.10372%2011.1107%209.10372%2011.4199Z%22%20fill%3D%22%230E0E0E%22%20stroke%3D%22%230E0E0E%22%20stroke-width%3D%220.666667%22/%3E%3C/svg%3E");
  background-size: contain;
  -webkit-filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15));
  border: 0px solid #f2622d;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin-top: -10px;
}
main .calculator-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #f2622d;
  border: 0px solid #f2622d;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  margin-top: -7px;
}
main .calculator-range::-webkit-slider-runnable-track {
  height: 4px;
}
main .referral-program--section h3 {
  font-size: 1.5em;
  font-weight: 600;
}
main .referral-program--section .referral__card {
  background-color: white;
  border-radius: 1em;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}
main .referral-program--section .referral__card h4 {
  font-size: 1.5em;
  font-weight: 600;
}
main .referral-program--section .referral__cashback-table__title span:nth-child(2) {
  background-color: #1D1D1D;
  color: white;
  border-radius: 0 0.25em 0.25em 0;
  padding-bottom: 2px;
}
main .referral-program--section .referral__cashback-table__row .value {
  width: 90px;
  text-align: end;
}
@media (max-width: 576px) {
  main .referral-program--section .referral__cashback-table__row .value {
    width: 69px;
  }
}
main .referral-program--section .referral__cashback-table__row .graf {
  border-radius: 4px;
}
main .referral-program--section .referral__cashback-table__row .graf__value {
  font-weight: 600;
  color: #1D1D1D;
  text-wrap: nowrap;
}
main .referral-program--section .referral__cashback-table__row:nth-child(2) .graf {
  width: 100%;
  background: #7AE3C3;
}
main .referral-program--section .referral__cashback-table__row:nth-child(3) .graf {
  width: 88.7%;
  background: #7BE3C2;
}
main .referral-program--section .referral__cashback-table__row:nth-child(4) .graf {
  width: 77.7%;
  background: #86E3B0;
}
main .referral-program--section .referral__cashback-table__row:nth-child(5) .graf {
  width: 67%;
  background: #8DE3A6;
}
main .referral-program--section .referral__cashback-table__row:nth-child(6) .graf {
  width: 56.6%;
  background: #97E396;
}
main .referral-program--section .referral__cashback-table__row:nth-child(7) .graf {
  width: 46.4%;
  background: #9AE390;
}
main .referral-program--section .referral__cashback-table__row:nth-child(8) .graf {
  width: 36%;
  background: #A5E37F;
}
main .referral-program--section .referral__cashback-table__row:nth-child(9) .graf {
  width: 26.1%;
  background: #ACE374;
}
main .referral-program--section .referral__cashback-table__row:nth-child(10) .graf {
  width: 16.3%;
  background: #B4E367;
}
main .referral-program--section .referral__cashback-table__row:nth-child(11) .graf {
  width: 7.1%;
  background: #BCE35B;
}
main .referral-program--section .referral__cashback-table__row:nth-child(12) .graf {
  width: 5.1%;
  background: #C2E351;
}
main .referral-program--section .referral__cashback-table__row:nth-child(13) .graf {
  width: 3.4%;
  background: #C9E345;
}
main .referral-program--section .referral__cashback-table__row:nth-child(14) .graf {
  width: 2%;
  background: #D0E339;
}
main .referral-program--section .referral__cashback-table__row:nth-child(15) .graf {
  width: 0.08%;
  background: #D3E335;
}
main .referral-program--section .referral__cashback-table__row:nth-child(16) .graf {
  width: 0.03%;
  background: #DCE327;
}
@media (max-width: 576px) {
  main .referral-program--section {
    font-size: 12px;
  }
}
main .faq--section .faq {
  border-radius: 3em;
  background-color: white;
}