@charset "UTF-8";
.u-text-balance {
  text-wrap: balance;
}

.u-ratio-cover {
  position: relative;
  overflow: hidden;
}
.u-ratio-cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.u-ratio-4x3 {
  aspect-ratio: 4/3;
}

@media (max-width: 991px) {
  .u-br-desktop {
    display: none;
  }
}

.u-float {
  animation: u-float 3.6s ease-in-out infinite;
}
.u-float--slow {
  animation-duration: 5s;
}
.u-float--d1 {
  animation-delay: -0.8s;
}
.u-float--d2 {
  animation-delay: -1.6s;
}
.u-float--d3 {
  animation-delay: -2.4s;
}
@media (prefers-reduced-motion: reduce) {
  .u-float {
    animation: none;
  }
}

@keyframes u-float {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -10px;
  }
}
html {
  font-size: 16px;
}

@media (min-width: 992px) {
  html {
    font-size: clamp(9.4476190476px, 0.9523809524vw, 18.2857142857px);
  }
}
body {
  overflow-x: clip;
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
  background-color: #fbefef;
  -webkit-font-smoothing: antialiased;
}
body.is-menu-open {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
a:hover {
  color: #c8102e;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #1f2a44;
}

.c-heading {
  margin-bottom: 1.5rem;
  font-size: 3rem;
}
@media (max-width: 991px) {
  .c-heading {
    margin-bottom: 16px;
    font-size: 30px;
  }
}

.c-subheading {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c8102e;
}

.l-header {
  position: relative;
  z-index: 100;
  color: #fff;
}

.l-header__top {
  display: flex;
  align-items: center;
  height: 4.5rem;
  padding-left: 3rem;
  background-color: #e20021;
}
@media (max-width: 991px) {
  .l-header__top {
    height: 64px;
    padding: 0 16px;
    justify-content: space-between;
  }
}

.l-header__logo img {
  display: block;
  width: auto;
  height: 2.375rem;
}
@media (max-width: 991px) {
  .l-header__logo img {
    height: 36px;
  }
}

.c-search {
  display: flex;
  width: 37.5rem;
  height: 2.5rem;
  margin-left: 4.5rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.25rem;
}
@media (max-width: 991px) {
  .c-search {
    display: none;
  }
}

.c-search__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #222;
  background: none;
  border: 0;
  outline: 0;
}
.c-search__input::placeholder {
  color: #9a9a9a;
}

.c-search__btn {
  display: grid;
  flex: 0 0 2.625rem;
  place-items: center;
  padding: 0;
  color: #333;
  background-color: #ffc66f;
  border: 0;
}
.c-search__btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

.l-header__bar {
  display: flex;
  align-items: flex-end;
  height: 2.875rem;
  padding-left: 4rem;
  background-color: #b7000e;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
@media (max-width: 991px) {
  .l-header__bar {
    height: auto;
    padding: 0;
    border: 0;
  }
}

.l-header__nav {
  align-self: center;
}
@media (max-width: 991px) {
  .l-header__nav {
    position: absolute;
    inset: 64px 0 auto;
    display: none;
    padding: 8px 16px 16px;
    background-color: #b7000e;
  }
  .l-header__nav.is-open {
    display: block;
  }
}

.l-header__menu {
  display: flex;
  gap: 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-header__menu > li {
  position: relative;
}
.l-header__menu a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: #fff;
  transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.l-header__menu a:hover {
  color: #fff;
  opacity: 0.8;
}
@media (max-width: 991px) {
  .l-header__menu {
    flex-direction: column;
    gap: 0;
  }
  .l-header__menu a {
    padding: 12px 0;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
}

.l-header__menu .menu-item-has-children > a::after {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  margin: -0.25rem 0 0 0.25rem;
  border-right: 0.125rem solid currentColor;
  border-bottom: 0.125rem solid currentColor;
  transform: rotate(45deg);
}

.l-header__menu .sub-menu {
  position: absolute;
  top: calc(100% + 1.0625rem);
  left: 0;
  min-width: 13.75rem;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background-color: #b7000e;
  opacity: 0;
  visibility: hidden;
  transition: opacity, visibility 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.l-header__menu .sub-menu a {
  padding: 0.5rem 1.25rem;
  font-size: 0.9375rem;
}
@media (max-width: 991px) {
  .l-header__menu .sub-menu {
    position: static;
    display: none;
    padding: 0 0 0 16px;
    opacity: 1;
    visibility: visible;
  }
}

.l-header__menu .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.l-header__menu .menu-item-has-children.is-open > .sub-menu {
  display: block;
}

.c-brands {
  display: flex;
  align-items: flex-end;
  margin-left: auto;
  padding-right: 2.75rem;
}
@media (max-width: 991px) {
  .c-brands {
    display: none;
  }
}

.c-brands__nav {
  display: flex;
  gap: 1.15625rem;
  align-self: center;
  margin-right: 0.71875rem;
}
.c-brands__nav button {
  width: 0.6875rem;
  height: 1.125rem;
  padding: 0;
  background: none;
  border: 0;
}
.c-brands__nav button::before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-left: 0.15rem solid #fff;
  border-bottom: 0.15rem solid #fff;
  transform: translateX(0.125rem) rotate(45deg);
}
.c-brands__nav .btn_next::before {
  transform: translateX(-0.125rem) rotate(-135deg);
}

.c-brands__list {
  display: flex;
  gap: 0.9rem;
}

.c-brands__item {
  display: grid;
  place-items: center;
  width: 7rem;
  height: 2.625rem;
  background-color: #ea0019;
  border-radius: 1.3125rem;
  transition: filter 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-brands__item:hover {
  filter: brightness(1.08);
}
.c-brands__item img {
  width: auto;
  height: 1.4375rem;
}
.c-brands__item--fresh-mart img {
  height: 1.8125rem;
}

.c-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 40px;
  height: 40px;
  padding: 8px;
  background: none;
  border: 0;
}
.c-hamburger span {
  display: block;
  height: 2px;
  background-color: #fff;
  transition: transform, opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-hamburger.is-open span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.c-hamburger.is-open span:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is-open span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
@media (max-width: 991px) {
  .c-hamburger {
    display: flex;
  }
}

.l-footer {
  position: relative;
  padding: 4.625rem 0 0.2875rem;
  font-family: "Nunito", sans-serif;
  color: #fff;
  background-color: #ce142c;
}
.l-footer a {
  color: inherit;
}
.l-footer a:hover {
  color: #fcc37a;
}
@media (max-width: 991px) {
  .l-footer {
    padding-top: 40px;
  }
}

.l-footer__inner {
  display: grid;
  grid-template-columns: 32rem 21.5625rem 21.625rem 1fr;
  min-height: 53.625rem;
  padding-left: 7.0375rem;
}
@media (max-width: 991px) {
  .l-footer__inner {
    grid-template-columns: 1fr;
    gap: 32px;
    min-height: 0;
    padding: 0 16px 40px;
  }
}

.l-footer__logo img {
  display: block;
  width: auto;
  height: 3.1875rem;
  margin-top: 1.15625rem;
}
@media (max-width: 991px) {
  .l-footer__logo img {
    height: 40px;
    margin-top: 0;
  }
}

.l-footer__contact {
  margin: 3rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 1.25rem;
  line-height: 2.0375;
}
.l-footer__contact > li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.l-footer__contact > li + li {
  margin-top: 0.4375rem;
}
.l-footer__contact img {
  flex: 0 0 auto;
  width: 1.53125rem;
  height: auto;
  margin-top: 0.5rem;
  object-fit: contain;
}
.l-footer__contact strong {
  font-weight: 600;
}
@media (max-width: 991px) {
  .l-footer__contact {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.8;
  }
  .l-footer__contact img {
    width: 18px;
    margin-top: 4px;
  }
}

.l-footer__address {
  margin: 0;
  font-style: normal;
}
.l-footer__address p {
  margin: 0;
}
.l-footer__address b {
  font-weight: 600;
}

.l-footer .l-footer__accent {
  color: #fcc37a;
}

.l-footer__social {
  display: flex;
  gap: 1.15625rem;
  margin: 2.25rem 0 0;
  padding: 0;
  list-style: none;
}
.l-footer__social img {
  display: block;
  width: 2.96875rem;
  height: 2.96875rem;
}
@media (max-width: 991px) {
  .l-footer__social {
    margin-top: 24px;
  }
  .l-footer__social img {
    width: 40px;
    height: 40px;
  }
}

.l-footer__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
  font-family: "Nunito", sans-serif;
  font-size: 1.40625rem;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}
.l-footer__title img {
  width: 1.71875rem;
  height: auto;
}
@media (max-width: 991px) {
  .l-footer__title {
    margin-bottom: 12px;
    font-size: 17px;
  }
}

.l-footer__toggle {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: inherit;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  text-transform: inherit;
  background: none;
  border: 0;
  cursor: default;
}
@media (max-width: 991px) {
  .l-footer__toggle {
    cursor: pointer;
  }
  .l-footer__toggle::after {
    content: "+";
    margin-left: auto;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
  }
  .l-footer__toggle[aria-expanded=true]::after {
    content: "−";
  }
}

@media (max-width: 991px) {
  .l-footer__col--collapse .l-footer__links {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .l-footer__col--collapse.is-open .l-footer__links {
    max-height: 600px;
  }
}
.l-footer__links {
  margin: 0;
  padding: 0 0 0 1.9375rem;
  list-style: none;
  font-size: 1.28125rem;
  line-height: 2.06;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 991px) {
  .l-footer__links {
    padding-left: 0;
    font-size: 15px;
    line-height: 2;
  }
}

.l-footer__certs {
  display: grid;
  grid-template-columns: repeat(3, 5.34375rem);
  gap: 0.8125rem 0.71875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-footer__certs img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .l-footer__certs {
    grid-template-columns: repeat(3, 80px);
  }
}

.l-footer__top {
  position: absolute;
  top: 48.11875rem;
  left: 94.85625rem;
  display: grid;
  place-items: center;
  align-content: center;
  width: 5rem;
  height: 5rem;
  padding: 0;
  font-family: "Nunito", sans-serif;
  font-size: 1.203125rem;
  font-weight: 800;
  line-height: 1;
  color: #ce142c;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
}
.l-footer__top svg {
  width: 1.125rem;
  height: 1.25rem;
  margin-bottom: 0.125rem;
}
@media (max-width: 991px) {
  .l-footer__top {
    top: auto;
    right: 16px;
    bottom: 80px;
    left: auto;
    width: 56px;
    height: 56px;
    font-size: 14px;
  }
}

.l-footer__bottom {
  height: 4.05rem;
  background-color: #b71127;
}
@media (max-width: 991px) {
  .l-footer__bottom {
    height: 40px;
  }
}

.l-section {
  padding: 7.5rem 0;
}
.l-section--light {
  background-color: #f7f3ee;
}
@media (max-width: 991px) {
  .l-section {
    padding: 56px 0;
  }
}

.l-section__head {
  max-width: 47.5rem;
  margin: 0 auto 3.5rem;
  text-align: center;
}
@media (max-width: 991px) {
  .l-section__head {
    margin-bottom: 32px;
  }
}

.btn-at {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-height: 3.25rem;
  padding: 0 2rem;
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  color: #c8102e;
  background-color: transparent;
  border: 1px solid #c8102e;
  border-radius: 6.25rem;
  cursor: pointer;
  transition: color, background-color, border-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn-at:hover {
  color: #fff;
  background-color: #c8102e;
}
.btn-at--fill {
  color: #fff;
  background-color: #c8102e;
}
.btn-at--fill:hover {
  background-color: #9c0c24;
  border-color: #9c0c24;
}
@media (max-width: 991px) {
  .btn-at {
    min-height: 46px;
    padding: 0 24px;
    font-size: 14px;
  }
}

.c-product {
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.75rem;
  transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-product:hover {
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.08);
}

.c-product__thumb {
  aspect-ratio: 4/3;
}

.c-product__thumb img {
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c-product:hover .c-product__thumb img {
  transform: scale(1.05);
}

.c-product__body {
  padding: 1.5rem;
}
@media (max-width: 991px) {
  .c-product__body {
    padding: 16px;
  }
}

.c-product__title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-product__title {
    font-size: 18px;
  }
}

.c-product__desc {
  margin: 0;
  color: #6b6b6b;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slider_product {
  margin: 0 -0.75rem;
}
.slider_product .slick-slide {
  height: auto;
  padding: 0 0.75rem;
}
.slider_product .slick-track {
  display: flex;
}

.nav-product {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2.5rem;
}
.nav-product button {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  color: #c8102e;
  background: none;
  border: 1px solid #c8102e;
  border-radius: 50%;
  transition: color, background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.nav-product button:hover {
  color: #fff;
  background-color: #c8102e;
}
@media (max-width: 991px) {
  .nav-product {
    margin-top: 24px;
  }
  .nav-product button {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }
}

.c-stat {
  text-align: center;
}

.c-stat__number {
  display: block;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #c8102e;
}
@media (max-width: 991px) {
  .c-stat__number {
    font-size: 36px;
  }
}

.c-stat__label {
  margin: 0.5rem 0 0;
  color: #6b6b6b;
}

.form-at .form-group {
  margin-bottom: 1.25rem;
}
.form-at .form-label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.form-at .wpcf7-form-control-wrap {
  display: block;
}
.form-at .form-control {
  min-height: 3.25rem;
  padding: 0.75rem 1.125rem;
  font-size: 0.9375rem;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 0.375rem;
}
.form-at textarea.form-control {
  min-height: 8.75rem;
}
.form-at .wpcf7-not-valid,
.form-at .wpcf7-not-valid:focus {
  border-color: #dc3545;
}
.form-at .wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  color: #dc3545;
}
.form-at .wpcf7-response-output {
  margin-top: 1.25rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}
.form-at .wpcf7-response-output[aria-hidden=true] {
  display: none;
}
.form-at.invalid .wpcf7-response-output, .form-at.failed .wpcf7-response-output {
  color: #dc3545;
  border-color: #dc3545;
}
.form-at.sent .wpcf7-response-output {
  color: #198754;
  border-color: #198754;
}
.form-at.submitting .wpcf7-submit {
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 991px) {
  .form-at .form-control {
    min-height: 46px;
    font-size: 16px;
  }
}

.c-farm-intro {
  display: flex;
  justify-content: space-between;
  margin-top: 5.25rem;
  padding-left: 7.5rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-farm-intro {
    margin-top: 0;
    flex-direction: column;
    padding: 48px 16px 0;
  }
}

.c-farm-intro__content {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 1.1875rem;
}
@media (max-width: 991px) {
  .c-farm-intro__content {
    padding-top: 0;
  }
}

.c-farm-intro__lockup {
  position: relative;
  width: 48.25em;
  height: 28.125em;
  font-size: 0.85rem;
}
@media (max-width: 991px) {
  .c-farm-intro__lockup {
    font-size: min(16px, (100vw - 32px) * 0.020725);
  }
}

.c-farm-intro__title {
  margin: 0;
  font-size: inherit;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.c-farm-intro__word {
  position: absolute;
  font-size: 9.03125em;
  white-space: nowrap;
  color: #da4a5b;
}
.c-farm-intro__word--small {
  font-size: 4.3125em;
  color: #0e864e;
}
.c-farm-intro__word--tu {
  top: 0;
  left: 0.43%;
}
.c-farm-intro__word--trang {
  top: 10.64%;
  left: 0;
}
.c-farm-intro__word--trai {
  top: 35.98%;
  left: 0;
}
.c-farm-intro__word--den {
  top: 46.54%;
  left: 43.06%;
}
.c-farm-intro__word--bep {
  top: 35.98%;
  left: 62.96%;
}
.c-farm-intro__word--nha {
  top: 61.59%;
  left: 62.96%;
}

.c-farm-intro__pig {
  position: absolute;
  top: 68.34%;
  left: 42.1%;
  width: 17%;
  height: auto;
}

.c-farm-intro__subtitle {
  margin: 4rem 0 1.25rem;
  font-size: 1.625rem;
  font-weight: 800;
  line-height: 1.387;
  color: #008d3d;
}
@media (max-width: 991px) {
  .c-farm-intro__subtitle {
    margin: 32px 0 16px;
    font-size: 22px;
  }
}

.c-farm-intro__desc {
  max-width: 35rem;
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.654;
  color: #000;
}
.c-farm-intro__desc strong {
  font-weight: 700;
}
@media (max-width: 991px) {
  .c-farm-intro__desc {
    font-size: 17px;
  }
}

.c-farm-intro__media {
  flex: 0 0 55.625rem;
}
.c-farm-intro__media img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .c-farm-intro__media {
    flex-basis: auto;
    order: -1;
    margin: -24px -16px 8px;
  }
}

.is-hero-pending .c-farm-intro .js-hero-word,
.is-hero-pending .c-farm-intro .js-hero-pig,
.is-hero-pending .c-farm-intro .js-hero-sub,
.is-hero-pending .c-farm-intro .js-hero-desc,
.is-hero-pending .c-farm-intro .js-hero-media {
  visibility: hidden;
}

.c-levels {
  position: relative;
  min-height: 67.9375rem;
  margin-top: 3.25rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-levels {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 40px;
    padding: 48px 16px 0;
    background-color: #b6dba5;
  }
}

.c-levels__wave {
  position: absolute;
  max-width: none;
}
.c-levels__wave--back {
  top: 0;
  left: 6.591875rem;
  width: 99.97625rem;
  height: 40.440625rem;
}
.c-levels__wave--front {
  top: 6.89rem;
  left: -5.765625rem;
  width: 113.556875rem;
  height: 55.329375rem;
}
@media (max-width: 991px) {
  .c-levels__wave {
    display: none;
  }
}

.c-levels__photo {
  position: absolute;
  top: 9.21125rem;
  left: -10.9375rem;
  width: 122.108125rem;
  height: 68.7225rem;
  -webkit-mask: url("../images/level-photo-mask.svg") no-repeat;
  mask: url("../images/level-photo-mask.svg") no-repeat;
  -webkit-mask-size: 106.7625rem 38.138125rem;
  mask-size: 106.7625rem 38.138125rem;
  -webkit-mask-position: 10.320625rem 20.5775rem;
  mask-position: 10.320625rem 20.5775rem;
}
.c-levels__photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
@media (max-width: 991px) {
  .c-levels__photo {
    position: static;
    width: auto;
    height: 240px;
    order: 1;
    margin: 48px -16px 0;
    -webkit-mask: none;
    mask: none;
  }
}

.c-levels__list {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-start;
  gap: 3.8125rem;
  padding: 11.526875rem 0 0 4.214375rem;
}
@media (max-width: 991px) {
  .c-levels__list {
    flex-direction: column;
    align-items: stretch;
    gap: 36px;
    padding: 0;
  }
}

.c-levels__card {
  --card-bg: #f6d1d4;
  --card-color: #da4a5b;
  position: relative;
  display: flex;
  flex: 0 0 29.501875rem;
  flex-direction: column;
  height: 21.965rem;
  padding: 2.1875rem 2.28125rem 3.25rem;
  color: var(--card-color);
  background-color: var(--card-bg);
  border-radius: 1.92625rem;
}
.c-levels__card--production {
  --card-bg: #008d3d;
  --card-color: #fff5d8;
  height: 21.776875rem;
  margin-top: 0.1875rem;
}
.c-levels__card--supplier {
  --card-bg: #fff7de;
  --card-color: #008d3d;
}
@media (max-width: 991px) {
  .c-levels__card {
    flex-basis: auto;
    height: auto;
    min-height: 220px;
    padding: 24px 20px 44px;
    border-radius: 20px;
  }
  .c-levels__card--production {
    margin-top: 0;
  }
  .c-levels__card--supplier {
    margin-top: 64px;
  }
}

.c-levels__title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 1.127;
  color: inherit;
}
@media (max-width: 991px) {
  .c-levels__title {
    font-size: 26px;
  }
}

.c-levels__desc {
  position: relative;
  z-index: 1;
  margin: auto 0 0 0.1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4615;
}
@media (max-width: 991px) {
  .c-levels__desc {
    margin-top: 20px;
    font-size: 13px;
  }
}

.c-levels__card--health .c-levels__desc {
  max-width: 18.125rem;
}

.c-levels__card--production .c-levels__desc {
  max-width: 22.5rem;
}

.c-levels__card--supplier .c-levels__desc {
  max-width: 15.625rem;
}

@media (max-width: 991px) {
  .c-levels__card .c-levels__desc {
    max-width: 58%;
  }
}
.c-levels__badge {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 8.25rem;
  height: 2.75rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: var(--card-bg);
  border: 0.1875rem solid var(--card-color);
  border-radius: 1.375rem;
  transform: translateX(-50%);
}

.c-levels__art {
  position: absolute;
  max-width: none;
  height: auto;
}
.c-levels__art--ground {
  top: 14.608125rem;
  right: 0.98rem;
  width: 7.651875rem;
}
.c-levels__art--person-1 {
  top: 8.48625rem;
  right: 4.80625rem;
  width: 3.60125rem;
}
.c-levels__art--person-2 {
  top: 6.764375rem;
  right: 1.471875rem;
  width: 3.125rem;
}
.c-levels__art--truck {
  top: 5.9625rem;
  right: 1.985625rem;
  width: 9.875rem;
}
.c-levels__art--handshake {
  top: 10.251875rem;
  right: 1.085625rem;
  width: 6.875rem;
}
.c-levels__art--pig {
  top: -8.69375rem;
  right: 4.111875rem;
  z-index: -1;
  width: 10.5rem;
}
.c-levels__art--pig-hand {
  top: -0.79625rem;
  right: 4.88375rem;
  z-index: 4;
  width: 3.125rem;
}

@media (max-width: 991px) {
  .c-levels__badge {
    bottom: -16px;
    width: 112px;
    height: 36px;
    font-size: 18px;
    border-width: 3px;
    border-radius: 18px;
  }
  .c-levels__art--ground {
    top: auto;
    bottom: 16px;
    right: 12px;
    width: 96px;
  }
  .c-levels__art--person-1 {
    top: auto;
    bottom: 46px;
    right: 58px;
    width: 45px;
  }
  .c-levels__art--person-2 {
    top: auto;
    bottom: 66px;
    right: 18px;
    width: 39px;
  }
  .c-levels__art--truck {
    top: 24px;
    right: 16px;
    width: 120px;
  }
  .c-levels__art--handshake {
    top: auto;
    bottom: 20px;
    right: 14px;
    width: 88px;
  }
  .c-levels__art--pig {
    top: -84px;
    right: 40px;
    width: 104px;
  }
  .c-levels__art--pig-hand {
    top: -8px;
    right: 48px;
    width: 32px;
  }
}
.c-level-heading {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (max-width: 991px) {
  .c-level-heading {
    gap: 16px;
    align-items: center;
  }
}

.c-level-heading__shield {
  flex: 0 0 auto;
  width: 6.25rem;
  height: auto;
}
@media (max-width: 991px) {
  .c-level-heading__shield {
    width: 72px;
  }
}

.c-level-heading__title {
  margin: 1rem 0 0;
  font-size: 2.8125rem;
  font-weight: 800;
  line-height: 1.124;
  color: #008d3d;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .c-level-heading__title {
    margin: 0;
    font-size: 28px;
  }
}

.c-level-heading--lg {
  gap: 1.5rem;
}
.c-level-heading--lg .c-level-heading__shield {
  width: 6.25rem;
}
.c-level-heading--lg .c-level-heading__title {
  margin-top: 1rem;
  font-size: 2.8125rem;
  line-height: 1.127;
  color: #138e50;
}
@media (max-width: 991px) {
  .c-level-heading--lg {
    gap: 16px;
  }
  .c-level-heading--lg .c-level-heading__shield {
    width: 72px;
  }
  .c-level-heading--lg .c-level-heading__title {
    margin-top: 0;
    font-size: 28px;
  }
}

.c-steps {
  display: flex;
  flex-direction: column;
  gap: 2.715rem;
  width: 35.88125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .c-steps {
    width: auto;
    gap: 24px;
  }
}

.c-steps__item {
  --step-bg: #deefd0;
  --step-color: #008d3d;
  --step-num-bg: #428858;
  --step-num-color: #fff5d8;
  position: relative;
  padding-left: 2.633125rem;
}
.c-steps__item--2 {
  --step-bg: #b7ddac;
  --step-num-bg: #55aa6d;
}
.c-steps__item--3 {
  --step-bg: #55aa6d;
  --step-color: #fff;
  --step-num-bg: #b7ddac;
  --step-num-color: #008d3d;
}
.c-steps__item--4 {
  --step-bg: #428858;
  --step-color: #fff;
  --step-num-bg: #ddead3;
  --step-num-color: #008d3d;
}
@media (max-width: 991px) {
  .c-steps__item {
    padding-left: 0;
  }
}

.c-steps__card {
  position: relative;
  height: 16.77875rem;
  padding: 2.454375rem 1.0625rem 0 4.621875rem;
  color: var(--step-color);
  background-color: var(--step-bg);
  border-radius: 1.6375rem;
}
@media (max-width: 991px) {
  .c-steps__card {
    height: auto;
    min-height: 220px;
    padding: 24px 110px 28px 72px;
    border-radius: 20px;
  }
}

.c-steps__title {
  margin: 0;
  font-size: 1.80625rem;
  font-weight: 800;
  line-height: 1.275;
  color: inherit;
}
@media (max-width: 991px) {
  .c-steps__title {
    font-size: 22px;
  }
}

.c-steps__desc {
  margin: 1.821875rem 0 0 0.10625rem;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5;
}
.c-steps__item--1 .c-steps__desc {
  max-width: 15.9375rem;
}
.c-steps__item--2 .c-steps__desc {
  max-width: 18.0625rem;
  margin-top: 1.195rem;
}
.c-steps__item--3 .c-steps__desc {
  max-width: 16.575rem;
}
.c-steps__item--4 .c-steps__desc {
  max-width: 18.328125rem;
}
@media (max-width: 991px) {
  .c-steps__desc {
    margin-top: 12px;
    font-size: 14px;
  }
}

.c-steps__num {
  position: absolute;
  top: 6.4375rem;
  left: 0.521875rem;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1;
  color: var(--step-num-color);
  background-color: var(--step-num-bg);
  border: 0.375rem solid #f9c0c8;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .c-steps__num {
    top: 24px;
    left: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-width: 4px;
  }
}

.c-steps__icon {
  position: absolute;
  height: auto;
}
.c-steps__item--1 .c-steps__icon {
  top: 6.860625rem;
  right: 1.673125rem;
  width: 8.2625rem;
}
.c-steps__item--2 .c-steps__icon {
  top: 8.09125rem;
  right: 1.554375rem;
  width: 7.01125rem;
}
.c-steps__item--3 .c-steps__icon {
  top: 7.15625rem;
  right: 1.53625rem;
  width: 7.89875rem;
}
.c-steps__item--4 .c-steps__icon {
  top: 6.89rem;
  right: 1.889375rem;
  width: 6.035rem;
}
@media (max-width: 991px) {
  .c-steps__item .c-steps__icon {
    top: auto;
    right: 16px;
    bottom: 20px;
    width: 80px;
  }
}

.c-steps__arrow {
  position: absolute;
  top: 14.128125rem;
  left: 0.19625rem;
  width: 1.303125rem;
  height: 9.00125rem;
}
@media (max-width: 991px) {
  .c-steps__arrow {
    display: none;
  }
}

.c-gallery {
  position: relative;
  width: 78.75375rem;
  min-height: 45.675rem;
  margin-left: 12.76rem;
  padding: 0 7.55875rem 0 7.148125rem;
}
@media (max-width: 991px) {
  .c-gallery {
    width: auto;
    min-height: 0;
    margin-left: 0;
    padding: 0 16px;
  }
}

.c-gallery__track {
  width: 64.046875rem;
}
.c-gallery__track .slick-list {
  padding-bottom: 0.5625rem;
}
.c-gallery__track .slick-slide {
  padding: 0 0.990625rem;
}
.c-gallery__track .slick-list {
  margin: 0 -0.990625rem;
}
@media (max-width: 991px) {
  .c-gallery__track {
    width: auto;
  }
}

.c-gallery__item {
  text-align: center;
}

.c-gallery__media {
  position: relative;
  width: 20.028125rem;
  margin: 0 auto;
}
.c-gallery__media::before {
  content: "";
  position: absolute;
  top: 0.553125rem;
  left: 0.42rem;
  width: 100%;
  height: 100%;
  background-color: #428858;
}
.c-gallery__media img {
  position: relative;
  display: block;
  width: 100%;
  height: 28.390625rem;
  object-fit: cover;
}
@media (max-width: 991px) {
  .c-gallery__media {
    width: calc(100% - 8px);
    margin-left: 0;
  }
  .c-gallery__media img {
    height: auto;
    aspect-ratio: 320/454;
  }
}

.c-gallery__title {
  margin: 2rem 0 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #008d3d;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .c-gallery__title {
    margin-top: 24px;
    font-size: 16px;
  }
}

.c-gallery__desc {
  max-width: 17.5rem;
  margin: 0.5rem auto 0;
  font-size: 0.90625rem;
  line-height: 1.5;
  color: #000;
}
@media (max-width: 991px) {
  .c-gallery__desc {
    max-width: none;
    font-size: 15px;
  }
}

.c-gallery--narrow .c-gallery__desc {
  max-width: 16.125rem;
}

.nav-gallery button {
  position: absolute;
  top: 12.6875rem;
  width: 4rem;
  height: 4rem;
  padding: 0;
  background: none;
  border: 0;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.nav-gallery button:hover {
  transform: scale(1.06);
}
.nav-gallery button img {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-gallery .btn_prev {
  left: 0.9375rem;
}
.nav-gallery .btn_next {
  right: 0.9375rem;
}
@media (max-width: 991px) {
  .nav-gallery button {
    top: 40%;
    width: 36px;
    height: 36px;
    z-index: 2;
  }
  .nav-gallery .btn_prev {
    left: 0;
  }
  .nav-gallery .btn_next {
    right: 0;
  }
}

.c-gallery__dots {
  position: absolute;
  top: 44.844375rem;
  left: 7.148125rem;
  width: 64.046875rem;
}
.c-gallery__dots .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  gap: 1.12125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-gallery__dots .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.c-gallery__dots .slick-dots button {
  display: block;
  width: 0.83rem;
  height: 0.83rem;
  padding: 0;
  font-size: 0;
  background-color: #008d3d;
  border: 0;
  border-radius: 50%;
}
.c-gallery__dots .slick-dots button::before {
  display: none;
}
.c-gallery__dots .slick-dots li:only-child {
  display: none;
}
.c-gallery__dots .slick-dots .slick-active button {
  background-color: #ffad00;
}
@media (max-width: 991px) {
  .c-gallery__dots {
    position: static;
    width: auto;
    margin-top: 20px;
  }
  .c-gallery__dots .slick-dots button {
    width: 10px;
    height: 10px;
  }
}

.c-gallery--cert {
  width: 79.8125rem;
  min-height: 43.75rem;
  margin-left: 12.625rem;
  padding: 0 7.675rem 0 7.3875rem;
}
.c-gallery--cert .c-gallery__track {
  width: 64.75rem;
}
.c-gallery--cert .slick-slide {
  padding: 0 1.175rem;
}
.c-gallery--cert .slick-list {
  margin: 0 -1.175rem;
  padding-bottom: 0.8125rem;
}
.c-gallery--cert .c-gallery__media {
  width: 19.9875rem;
}
.c-gallery--cert .c-gallery__media::before {
  top: 0.76875rem;
  left: 0.10625rem;
  width: 20.3125rem;
  height: 28.75rem;
  background-color: #008946;
}
.c-gallery--cert .c-gallery__media img {
  height: 29.0125rem;
}
.c-gallery--cert .c-gallery__title {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.2;
  color: #008946;
}
.c-gallery--cert .c-gallery__desc {
  max-width: 18.75rem;
  margin-top: 2rem;
  font-size: 0.90625rem;
  line-height: 1.53;
}
.c-gallery--cert .c-gallery__dots {
  top: 42.925rem;
  left: 7.3875rem;
  width: 64.75rem;
}
.c-gallery--cert .nav-gallery button {
  top: 12.9375rem;
}
@media (max-width: 991px) {
  .c-gallery--cert {
    width: auto;
    min-height: 0;
    margin-left: 0;
    padding: 0 16px;
  }
  .c-gallery--cert .c-gallery__track {
    width: auto;
  }
  .c-gallery--cert .c-gallery__media {
    width: calc(100% - 8px);
  }
  .c-gallery--cert .c-gallery__media img {
    height: auto;
    aspect-ratio: 320/464;
  }
  .c-gallery--cert .c-gallery__dots {
    left: auto;
    width: auto;
  }
  .c-gallery--cert .nav-gallery button {
    top: 40%;
    width: 36px;
    height: 36px;
  }
}

.c-gallery--supplier {
  width: 80.1875rem;
  min-height: 43.875rem;
  margin-left: 14.45625rem;
  padding: 0 7.8625rem 0 7.44375rem;
}
.c-gallery--supplier .c-gallery__track {
  width: 64.88125rem;
}
.c-gallery--supplier .slick-slide {
  padding: 0 1.003125rem;
}
.c-gallery--supplier .slick-list {
  margin: 0 -1.003125rem;
  padding-bottom: 0.4375rem;
}
.c-gallery--supplier .c-gallery__media {
  width: 20.286875rem;
}
.c-gallery--supplier .c-gallery__media::before {
  top: 0.35rem;
  left: 0.275rem;
  width: 20.38125rem;
  height: 28.83125rem;
  background-color: #138e50;
}
.c-gallery--supplier .c-gallery__media img {
  height: 28.7575rem;
}
.c-gallery--supplier .c-gallery__title {
  margin-top: 2.7625rem;
  font-size: 1rem;
  line-height: 1.2;
  color: #138e50;
}
.c-gallery--supplier .c-gallery__desc {
  max-width: 18.75rem;
  margin-top: 2rem;
  font-size: 0.90625rem;
  line-height: 1.504;
}
.c-gallery--supplier .c-gallery__dots {
  top: 43.05rem;
  left: 7.44375rem;
  width: 64.88125rem;
}
.c-gallery--supplier .nav-gallery button {
  top: 12.9375rem;
}
@media (max-width: 991px) {
  .c-gallery--supplier {
    width: auto;
    min-height: 0;
    margin-left: 0;
    padding: 0 16px;
  }
  .c-gallery--supplier .c-gallery__track {
    width: auto;
  }
  .c-gallery--supplier .c-gallery__media {
    width: calc(100% - 8px);
  }
  .c-gallery--supplier .c-gallery__media img {
    height: auto;
    aspect-ratio: 325/460;
  }
  .c-gallery--supplier .c-gallery__dots {
    left: auto;
    width: auto;
  }
  .c-gallery--supplier .nav-gallery button {
    top: 40%;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 991px) {
  .c-gallery .c-gallery__track .slick-list {
    margin: 0;
  }
  .c-gallery .c-gallery__track .slick-slide {
    padding: 0;
  }
}
.c-consumer {
  position: relative;
  z-index: 1;
  padding-bottom: 5.575rem;
  overflow-x: clip;
}
@media (max-width: 991px) {
  .c-consumer {
    padding: 48px 0;
  }
}

.c-consumer__scene {
  position: relative;
  height: 122.17rem;
}
@media (max-width: 991px) {
  .c-consumer__scene {
    height: auto;
    padding: 0 16px;
  }
}

.c-consumer__art {
  position: absolute;
  max-width: none;
  height: auto;
}
.c-consumer__art--wave-48775 {
  top: 61.9325rem;
  left: -0.90625rem;
  width: 105.801875rem;
}
.c-consumer__art--wave-48776 {
  top: 41.88125rem;
  left: -1.46875rem;
  width: 102.9825rem;
}
.c-consumer__art--wave-48777 {
  top: 19.8625rem;
  left: -0.339375rem;
  width: 110.3375rem;
}
.c-consumer__art--pig-peek {
  top: 58.125rem;
  left: 25rem;
  width: 24.375rem;
}
.c-consumer__art--pig-thumb {
  top: 31.25rem;
  left: 9.375rem;
  width: 13.4375rem;
}
.c-consumer__art--wave-48987 {
  top: 15.555rem;
  left: -0.90625rem;
  width: 108.50125rem;
}
.c-consumer__art--farmer {
  top: -9.356875rem;
  left: 35.431875rem;
  width: 9rem;
}
.c-consumer__art--trees {
  top: -7.923125rem;
  left: 73.3475rem;
  width: 18.4375rem;
}
.c-consumer__art--pig-walk {
  top: 36.5625rem;
  left: 39.5rem;
  width: 7.5rem;
}
.c-consumer__art--farm {
  top: 81.995rem;
  left: 8.83875rem;
  width: 40.298125rem;
}
.c-consumer__art--wave-63567 {
  top: 64.300625rem;
  left: -0.90625rem;
  width: 92.44875rem;
}
@media (max-width: 991px) {
  .c-consumer__art {
    display: none;
  }
  .c-consumer__art--farm {
    position: static;
    display: block;
    width: 100%;
    margin-top: 32px;
  }
}

.c-consumer__heading {
  position: absolute;
  z-index: 1;
  top: -2.695rem;
  left: 4.214375rem;
}
@media (max-width: 991px) {
  .c-consumer__heading {
    position: static;
  }
}

.c-consumer__intro {
  position: absolute;
  z-index: 1;
  top: 13.804375rem;
  left: 16.05125rem;
  max-width: 35rem;
  margin: 0;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6346;
  color: #000;
}
.c-consumer__intro strong {
  font-weight: 700;
}
@media (max-width: 991px) {
  .c-consumer__intro {
    position: static;
    margin-top: 24px;
    font-size: 17px;
  }
}

.c-consumer__steps {
  position: absolute;
  z-index: 1;
  top: 22.35rem;
  left: 53.370625rem;
}
@media (max-width: 991px) {
  .c-consumer__steps {
    position: static;
    margin-top: 32px;
  }
}

.c-consumer__gallery + .c-consumer__gallery {
  margin-top: 7.20625rem;
}
@media (max-width: 991px) {
  .c-consumer__gallery + .c-consumer__gallery {
    margin-top: 56px;
  }
}

@media (max-width: 991px) {
  .c-consumer__gallery:first-of-type {
    margin-top: 48px;
  }
}
.c-chain {
  position: relative;
  padding-bottom: 0.25rem;
  background-color: #b6dba5;
}
@media (max-width: 991px) {
  .c-chain {
    padding: 40px 0 32px;
    background: linear-gradient(#fbefef 50%, #b6dba5 50%);
  }
}

.c-chain__heading {
  position: absolute;
  top: 3.323125rem;
  left: 4.214375rem;
  z-index: 2;
}
@media (max-width: 991px) {
  .c-chain__heading {
    position: static;
    padding: 0 16px 24px;
  }
}

.c-chain__map {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .c-chain__map {
    font-size: 0.9523809524vw;
  }
}

.c-chain__canvas {
  position: relative;
}

.c-chain__tile {
  display: block;
  width: 100%;
  height: auto;
}

.c-chain__label {
  position: absolute;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  color: #0d884d;
  background-color: #fff;
}

.c-chain__label--board {
  font-size: 1.4233125em;
  padding: 0.1317349493em 0.2634698986em 0.1317349493em 0.175646599em;
  text-transform: uppercase;
}
.c-chain__label--board b {
  display: block;
  margin-top: 0.1194386384em;
  font-size: 1.4706011505em;
  font-weight: 700;
}
.c-chain__label--board.is-feed {
  top: 31.1039794608%;
  left: 61.7023809524%;
}
.c-chain__label--board.is-pig-farm {
  top: 34.2647268578%;
  left: 17.8273809524%;
}
.c-chain__label--board.is-slaughter {
  top: 45.6397090287%;
  left: 76.0952380952%;
}
.c-chain__label--board.is-process {
  top: 47.7734987876%;
  left: 59.7678571429%;
}
.c-chain__label--board.is-rnd {
  top: 50.5990586222%;
  left: 50.2321428571%;
}

.c-chain__label--drone {
  top: 14.1056910569%;
  left: 71.3273809524%;
  font-size: 1.9685em;
  padding: 0.0952501905em 0.190500381em 0.0952501905em 0.127000254em;
  line-height: 1.2859;
  color: #1fa667;
  text-transform: uppercase;
}

.c-chain__label--intro {
  z-index: 2;
  box-sizing: border-box;
  width: 32.2916666667%;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3333;
  white-space: normal;
  border-radius: 1.4444444444em;
}
.c-chain__label--intro strong {
  font-weight: 700;
}
.c-chain__label--intro.is-standards {
  top: 4.3032377692%;
  left: 14.7976190476%;
  min-height: 9.5333333333em;
  padding: 1.8888888889em 2em 1.6666666667em 2.7777777778em;
  color: #fff5d8;
  background-color: #428858;
}
.c-chain__label--intro.is-invest {
  top: 6.783625731%;
  left: 51.3392857143%;
  min-height: 11.4166666667em;
  padding: 1.8888888889em 1.6666666667em 1.6666666667em 1.6444444444em;
  color: #008d3d;
}
@media (max-width: 991px) {
  .c-chain__label--intro {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-height: 0;
    margin: 0 16px 16px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 20px;
  }
  .c-chain__label--intro br {
    display: none;
  }
  .c-chain__label--intro.is-standards, .c-chain__label--intro.is-invest {
    top: auto;
    left: auto;
    min-height: 0;
    padding: 18px 20px;
  }
  .c-chain__label--intro.is-standards {
    margin-right: 48px;
  }
  .c-chain__label--intro.is-invest {
    margin-left: 48px;
  }
}

.c-chain__veil {
  position: absolute;
  inset: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1);
}

.c-chain__map:has(.c-chain__spot:not(.c-chain__spot--place):hover, .c-chain__spot:not(.c-chain__spot--place):focus-within, .c-chain__spot:not(.c-chain__spot--place).is-active) .c-chain__veil {
  opacity: 1;
}

.c-chain__pin {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  transition: z-index 0s linear 0.55s;
}
.c-chain__pin > *,
.c-chain__pin .c-chain__drop {
  pointer-events: auto;
}
.c-chain__pin.is-n1 {
  transform-origin: 66.9047619048% 13.9791755812%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n1 {
    scale: 1.1;
  }
}
.c-chain__pin.is-n2 {
  transform-origin: 51.5011904762% 21.7666524034%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n2 {
    scale: 1.1;
  }
}
.c-chain__pin.is-n3 {
  transform-origin: 33.3630952381% 33.540151191%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n3 {
    scale: 1.1;
  }
}
@media (max-width: 991px) {
  .c-chain__pin.is-n3 {
    translate: 2.9761904762% -1.5689630581%;
  }
}
.c-chain__pin.is-n4 {
  transform-origin: 41.9464285714% 45.8796177435%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n4 {
    scale: 1.1;
  }
}
.c-chain__pin.is-n5 {
  transform-origin: 77.8351190476% 58.4173441734%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n5 {
    scale: 1.1;
  }
}
.c-chain__pin.is-n6 {
  transform-origin: 20.7845238095% 66.3069462274%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n6 {
    scale: 1.1;
  }
}
.c-chain__pin.is-n7 {
  transform-origin: 80.1160714286% 69.6999001569%;
  scale: 0.6;
}
@media (max-width: 991px) {
  .c-chain__pin.is-n7 {
    scale: 1.1;
  }
}
.c-chain__pin.is-seeds {
  transform-origin: 21.0238095238% 23.5301668806%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-seeds {
    scale: 1.5;
  }
}
@media (max-width: 991px) {
  .c-chain__pin.is-seeds {
    transform-origin: 4.7619047619% 23.5301668806%;
  }
}
.c-chain__pin.is-feed {
  transform-origin: 59.6904761905% 31.6260162602%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-feed {
    scale: 1.5;
  }
}
.c-chain__pin.is-pig-farm {
  transform-origin: 15.8154761905% 34.7867636571%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-pig-farm {
    scale: 1.5;
  }
}
.c-chain__pin.is-slaughter {
  transform-origin: 74.0833333333% 46.161745828%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-slaughter {
    scale: 1.5;
  }
}
.c-chain__pin.is-process {
  transform-origin: 57.755952381% 48.2955355869%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-process {
    scale: 1.5;
  }
}
.c-chain__pin.is-rnd {
  transform-origin: 47.9285714286% 51.1196690914%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-rnd {
    scale: 1.5;
  }
}
.c-chain__pin.is-cptown {
  transform-origin: 38.9880952381% 80.3736984738%;
  scale: 0.72;
}
@media (max-width: 991px) {
  .c-chain__pin.is-cptown {
    scale: 1.5;
  }
}

.c-chain__spot:hover .c-chain__pin,
.c-chain__spot:focus-within .c-chain__pin,
.c-chain__spot.is-active .c-chain__pin {
  z-index: 9;
  transition: z-index 0s;
}

.c-chain__building {
  position: absolute;
  z-index: 5;
  max-width: none;
  height: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), filter 0.55s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-chain__building.is-seeds {
  top: 24.9410925688%;
  left: 8.4892857143%;
  width: 32.2619047619%;
}
.c-chain__building.is-field-1 {
  top: 12.1491941235%;
  left: 25.0880952381%;
  width: 43.9738095238%;
}
.c-chain__building.is-field-2 {
  top: 17.5595492797%;
  left: 53.1297619048%;
  width: 43.9845238095%;
}
.c-chain__building.is-field-3 {
  top: 16.4551419198%;
  left: 3.1011904762%;
  width: 43.9738095238%;
}
.c-chain__building.is-feed {
  top: 23.1065468549%;
  left: 48.0952380952%;
  width: 51.9047619048%;
}
.c-chain__building.is-pig-farm {
  top: 33.487662245%;
  left: 0%;
  width: 54.7619047619%;
}
.c-chain__building.is-complex {
  top: 43.0644701184%;
  left: 14.5821428571%;
  width: 85.4178571429%;
}
.c-chain__building.is-solar {
  top: 56.0978462416%;
  left: 56.655952381%;
  width: 27.2023809524%;
}
.c-chain__building.is-water {
  top: 44.6869205534%;
  left: 31.2517857143%;
  width: 19.0773809524%;
}
.c-chain__building.is-rnd {
  top: 49.4080730281%;
  left: 26.6071428571%;
  width: 36.8452380952%;
}
.c-chain__building.is-freshmart {
  top: 59.3929539295%;
  left: 4.1261904762%;
  width: 46.1904761905%;
}
.c-chain__building.is-freshshop {
  top: 70.6889174155%;
  left: 67.1428571429%;
  width: 32.8571428571%;
}
.c-chain__building.is-cptown {
  top: 77.8064470118%;
  left: 0%;
  width: 61.8452380952%;
}

.c-chain__pop {
  z-index: 7;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5em);
  transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), transform 0.55s cubic-bezier(0.33, 1, 0.68, 1), visibility 0s linear 0.55s, z-index 0s linear 0.55s;
}

.c-chain__spot:hover .c-chain__building,
.c-chain__spot:focus-within .c-chain__building,
.c-chain__spot.is-active .c-chain__building {
  opacity: 1;
  filter: drop-shadow(0 0 1.125em rgba(255, 255, 255, 0.55));
}
.c-chain__spot:hover .c-chain__pop,
.c-chain__spot:focus-within .c-chain__pop,
.c-chain__spot.is-active .c-chain__pop {
  z-index: 9;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), transform 0.55s cubic-bezier(0.33, 1, 0.68, 1), visibility 0s, z-index 0s;
}
.c-chain__spot:hover .c-chain__marker,
.c-chain__spot:focus-within .c-chain__marker,
.c-chain__spot.is-active .c-chain__marker {
  z-index: 10;
  transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1), z-index 0s;
}
.c-chain__spot:hover .c-chain__board,
.c-chain__spot:hover .c-chain__label--board,
.c-chain__spot:hover .c-chain__place,
.c-chain__spot:focus-within .c-chain__board,
.c-chain__spot:focus-within .c-chain__label--board,
.c-chain__spot:focus-within .c-chain__place,
.c-chain__spot.is-active .c-chain__board,
.c-chain__spot.is-active .c-chain__label--board,
.c-chain__spot.is-active .c-chain__place {
  z-index: 9;
}
.c-chain__spot:hover .c-chain__drop,
.c-chain__spot:focus-within .c-chain__drop,
.c-chain__spot.is-active .c-chain__drop {
  z-index: 8;
  opacity: 1;
  visibility: visible;
  clip-path: inset(0 0 0 0);
}

.c-chain__drop {
  z-index: 7;
  opacity: 0;
  visibility: hidden;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 0.45s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.45s;
}

.c-chain__board,
.c-chain__label--board,
.c-chain__place {
  z-index: 6;
  cursor: pointer;
}

.c-chain__label--board:focus-visible {
  outline: 0.1317349493em solid #0d884d;
  outline-offset: 0.175646599em;
}

.c-chain__board {
  position: absolute;
  max-width: none;
  height: auto;
}
.c-chain__board.is-drone {
  top: 13.8144344601%;
  left: 66.8886904762%;
  width: 31.1904761905%;
}
.c-chain__board.is-feed {
  top: 30.784624162%;
  left: 56.1785714286%;
  width: 25.9523809524%;
}
.c-chain__board.is-pig-farm {
  top: 33.944801027%;
  left: 12.3035714286%;
  width: 17.5%;
}
.c-chain__board.is-slaughter {
  top: 45.3196405648%;
  left: 70.5732142857%;
  width: 17.5%;
}
.c-chain__board.is-process {
  top: 47.4538582228%;
  left: 54.243452381%;
  width: 17.5%;
}
.c-chain__board.is-rnd {
  top: 50.3485950649%;
  left: 44.7113095238%;
  width: 18.6904761905%;
}

.c-chain__marker {
  position: absolute;
  z-index: 8;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1), z-index 0s linear 0.55s;
}
.c-chain__marker img {
  display: block;
  width: 100%;
  height: auto;
}
.c-chain__marker:hover, .c-chain__marker:focus-visible {
  transform: scale(1.08);
}
.c-chain__marker:focus-visible {
  outline: 0.1875em solid #fff;
  outline-offset: -0.625em;
}
.c-chain__marker.is-1 {
  top: 13.1019825988%;
  left: 63.244047619%;
  width: 7.3214285714%;
}
.c-chain__marker.is-2 {
  top: 20.7753530167%;
  left: 47.3642857143%;
  width: 8.2738095238%;
}
.c-chain__marker.is-3 {
  top: 32.5488518043%;
  left: 29.2261904762%;
  width: 8.2738095238%;
}
.c-chain__marker.is-4 {
  top: 44.8027385537%;
  left: 37.4523809524%;
  width: 8.9880952381%;
}
.c-chain__marker.is-5 {
  top: 57.3404649836%;
  left: 73.3410714286%;
  width: 8.9880952381%;
}
.c-chain__marker.is-6 {
  top: 65.3584367423%;
  left: 16.8261904762%;
  width: 7.9166666667%;
}
.c-chain__marker.is-7 {
  top: 68.865497076%;
  left: 76.6339285714%;
  width: 6.9642857143%;
}

.c-chain__note {
  position: absolute;
  margin: 0;
  padding: 1em 1.25em;
  font-family: "Nunito", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  background-color: #0d884d;
  border-radius: 1.25em;
}
.c-chain__note.is-feed {
  top: 32.6059050064%;
  left: 58.630952381%;
  width: 22.619047619%;
}
.c-chain__note.is-pig-farm {
  top: 35.7723577236%;
  left: 14.7619047619%;
  width: 21.4285714286%;
}
.c-chain__note.is-process {
  top: 49.2797033233%;
  left: 56.6666666667%;
  width: 21.4285714286%;
}
.c-chain__note.is-rnd {
  top: 52.0325203252%;
  left: 47.1428571429%;
  width: 21.4285714286%;
}
.c-chain__note.is-cptown {
  top: 81.3863928113%;
  left: 38.6904761905%;
  width: 22.619047619%;
}

.c-chain__board.is-tag-2 {
  top: 21.6050492084%;
  left: 51.4779761905%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-3 {
  top: 33.377977464%;
  left: 33.3410714286%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-4 {
  top: 45.7171587505%;
  left: 41.9244047619%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-6 {
  top: 66.1422051063%;
  left: 20.7517857143%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-5 {
  top: 58.2560262445%;
  left: 46.6529761905%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-7 {
  top: 69.5382969619%;
  left: 48.9327380952%;
  width: 31.1904761905%;
}
.c-chain__board.is-tag-5, .c-chain__board.is-tag-7 {
  scale: -1 1;
}

.c-chain__label--tag {
  font-size: 1.9685em;
  padding: 0.0952501905em 0.190500381em 0.0952501905em 0.127000254em;
  line-height: 1.2859;
  color: #1fa667;
  text-transform: uppercase;
}
.c-chain__label--tag.is-2 {
  top: 21.8963058052%;
  left: 55.9327380952%;
}
.c-chain__label--tag.is-3 {
  top: 33.6692340608%;
  left: 37.7958333333%;
}
.c-chain__label--tag.is-4 {
  top: 46.0084153473%;
  left: 46.3791666667%;
}
.c-chain__label--tag.is-6 {
  top: 66.433461703%;
  left: 25.206547619%;
}
.c-chain__label--tag.is-5 {
  top: 58.5472828412%;
  left: 49.0339285714%;
}
.c-chain__label--tag.is-7 {
  top: 69.8295535587%;
  left: 51.3136904762%;
}

.c-chain__place {
  position: absolute;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 0.875em;
  margin: 0;
  padding: 0.875em 1.75em 0.875em 0.625em;
  background-color: #fff;
  border: 0.3125em solid #d5e6b0;
  border-radius: 1.375em;
}
.c-chain__place__icon {
  display: grid;
  flex: 0 0 4.5em;
  place-items: center;
  height: 4.5em;
  color: #fff;
  background-color: #0d884d;
  border: 0.3125em solid #d5e6b0;
  border-radius: 50%;
}
.c-chain__place__icon svg {
  width: 2.125em;
  height: 2.125em;
}
.c-chain__place__text {
  font-size: 1.4233125em;
  font-weight: 700;
  line-height: 1.2;
  color: #0d884d;
  text-transform: uppercase;
  white-space: nowrap;
}
.c-chain__place__text b {
  display: block;
  margin-top: 0.1194386384em;
  font-size: 1.4706011505em;
  font-weight: 700;
}
.c-chain__place.is-cptown {
  top: 79.5892169448%;
  left: 35.7142857143%;
}

.c-chain__seeds {
  position: absolute;
  z-index: 7;
  top: 23.2881186707%;
  left: 4.4398809524%;
  width: 16.5857142857%;
  height: 6.759375em;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  border-radius: 1.475em;
  outline: 0;
  transition: height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-chain__seeds:focus-visible {
  box-shadow: 0 0 0 0.25em #fff, 0 0 0 0.5em #0d884d;
}

.c-chain__seeds-title {
  margin: 0;
  padding: 0.7660093299em 0 0 0.6997455471em;
  font-size: 2.358em;
  font-weight: 700;
  line-height: 1.2;
  color: #0d884d;
}

.c-chain__seeds-desc {
  position: absolute;
  top: 6.4706234295em;
  left: 0;
  width: 100%;
  height: 14.4974273064em;
  margin: 0;
  padding: 1.8128515017em 0 0 1.8433648438em;
  font-family: "Nunito", sans-serif;
  font-size: 1.044625em;
  font-weight: 700;
  line-height: 1.8463;
  color: #fff;
  background-color: #0d884d;
  border-radius: 0.8531769774em 0.8531769774em 1.2504487256em 0.8531769774em;
}

.c-chain__seeds-icon {
  position: absolute;
  z-index: 8;
  top: 22.7899015832%;
  left: 17.9369047619%;
  width: 6.1761904762%;
  height: auto;
  cursor: pointer;
}

.c-chain__spot:hover .c-chain__seeds,
.c-chain__spot:focus-within .c-chain__seeds,
.c-chain__spot.is-active .c-chain__seeds {
  z-index: 9;
  height: 21.90375em;
}
.c-chain__spot:hover .c-chain__seeds-icon,
.c-chain__spot:focus-within .c-chain__seeds-icon,
.c-chain__spot.is-active .c-chain__seeds-icon {
  z-index: 10;
}

.c-chain__iso {
  position: absolute;
  top: 46.8519469405%;
  left: 74.8821428571%;
  display: grid;
  grid-template-columns: 8.21875em 8.28125em;
  gap: 0.65625em 0.71875em;
  width: 20.8325em;
  margin: 0;
  padding: 2.481875em 1.83125em 2.4em 1.78em;
  list-style: none;
  background-color: #0d884d;
  border-radius: 1.448125em;
}
.c-chain__iso li {
  display: flex;
  gap: 0.0625em;
  height: 1.84375em;
  overflow: hidden;
  border-radius: 0.1875em;
}
.c-chain__iso span {
  display: grid;
  flex: 0 0 1.875em;
  place-items: center;
  font-size: 1.1225em;
  font-weight: 700;
  color: #fff;
  background-color: #edb544;
}
.c-chain__iso span {
  flex-basis: 1.6703786192em;
}
.c-chain__iso b {
  display: grid;
  flex: 1 1 auto;
  place-items: center;
  font-family: "Nunito", sans-serif;
  font-size: 0.840625em;
  font-weight: 900;
  color: #3c8353;
  background-color: #fff;
}

.c-chain__cta {
  display: flex;
  justify-content: center;
  margin-top: 0.6875rem;
}
@media (max-width: 991px) {
  .c-chain__cta {
    margin-top: 32px;
    padding: 0 16px;
  }
}

.c-chain__btn {
  display: inline-grid;
  place-items: center;
  width: 25rem;
  height: 4rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-color: #ce142c;
  border-radius: 2rem;
  outline: 1px solid #fff;
  outline-offset: 0.25rem;
  transition: filter 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-chain__btn:hover {
  color: #fff;
  filter: brightness(1.1);
}
@media (max-width: 991px) {
  .c-chain__btn {
    width: 100%;
    max-width: 360px;
    height: 56px;
    font-size: 18px;
  }
}

.c-chain__map {
  overflow-x: clip;
}

.c-chain__movers {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.c-chain__mover {
  position: absolute;
  z-index: 3;
  display: block;
  max-width: none;
  height: auto;
  pointer-events: none;
  will-change: translate;
}
.c-chain__mover--drone {
  animation: chain-updown 5s linear infinite alternate;
}
.c-chain__mover--drone.is-d1 {
  top: 16.7252888318%;
  left: 21.5244047619%;
  width: 6.7458333333%;
  animation-delay: -1s;
}
.c-chain__mover--drone.is-d2 {
  top: 15.6093281985%;
  left: 56.4553571429%;
  width: 12.8482142857%;
  animation-delay: -3s;
}
.c-chain__mover--drone.is-d3 {
  top: 18.1924119241%;
  left: 79.7327380952%;
  width: 7.7053571429%;
  animation-delay: -2s;
}
.c-chain__mover--drone.is-d4 {
  top: 1.8723434603%;
  left: 84.0226190476%;
  width: 8.8023809524%;
  animation-delay: -4s;
}
.c-chain__mover--cloud {
  z-index: 4;
  width: 28.8732142857%;
  animation: chain-cloud 30s ease-in-out infinite alternate;
}
.c-chain__mover--cloud.is-c1 {
  top: 14.7769219797%;
  left: -7.3702380952%;
}
.c-chain__mover--cloud.is-c2 {
  top: 36.4979318214%;
  left: 80.9505952381%;
  animation-duration: 26s;
  animation-delay: -6s;
}
.c-chain__mover--cloud.is-c3 {
  top: 48.0128369705%;
  left: -13.6428571429%;
  animation-duration: 34s;
  animation-delay: -12s;
}
.c-chain__mover--cloud.is-c4 {
  top: 63.3327628013%;
  left: 82.6196428571%;
  animation-duration: 28s;
  animation-delay: -3s;
}
.c-chain__mover--cloud.is-c5 {
  top: 73.4676936243%;
  left: -12.5595238095%;
  animation-duration: 32s;
  animation-delay: -18s;
}
.c-chain__mover--cloud.is-c6 {
  top: 82.1172443303%;
  left: 83.9297619048%;
  animation-duration: 30s;
  animation-delay: -9s;
}
.c-chain__mover--bird {
  animation: chain-bird-drift 9s ease-in-out infinite alternate;
}
.c-chain__mover--bird img {
  display: block;
  width: 100%;
  height: auto;
  animation: chain-updown-sm 1s linear infinite alternate;
}
.c-chain__mover--bird.is-b1 {
  top: 13.0092711453%;
  left: 54.494047619%;
  width: 2.7767857143%;
}
.c-chain__mover--bird.is-b2 {
  top: 16.6727998859%;
  left: 9.7464285714%;
  width: 2.7839285714%;
  animation-delay: -2s;
}
.c-chain__mover--bird.is-b3 {
  top: 23.9757523891%;
  left: 27.5857142857%;
  width: 2.7779761905%;
  animation-delay: -5s;
}
.c-chain__mover--bird.is-b4 {
  top: 36.6194551419%;
  left: 92.8553571429%;
  width: 2.7779761905%;
  animation-delay: -1s;
}
.c-chain__mover--bird.is-b5 {
  top: 72.8508058765%;
  left: 11.9464285714%;
  width: 3.2732142857%;
  animation-delay: -4s;
}
.c-chain__mover--bird.is-b6 {
  top: 94.1509057196%;
  left: 13.9666666667%;
  width: 5.430952381%;
  animation-delay: -7s;
}
.c-chain__mover--pig-truck {
  top: 41.8563685637%;
  left: 26.9398809524%;
  width: 13.056547619%;
  animation: chain-pig-truck 16s linear infinite;
}
.c-chain__mover--taxi {
  top: 67.2280701754%;
  left: 47.4011904762%;
  width: 12.5220238095%;
  animation: chain-taxi 13s linear infinite;
  animation-delay: -4s;
}
.c-chain__mover--red-car {
  top: 77.8148623591%;
  left: 49.7107142857%;
  width: 12.0488095238%;
  animation: chain-red-car 18s linear infinite;
  animation-delay: -7s;
}
.c-chain__mover--corn-truck {
  top: 29.9296819284%;
  left: 39.4017857143%;
  width: 9.1119047619%;
  animation: chain-corn-truck 6s ease-in-out infinite alternate;
}
.c-chain__mover--tractor-1 {
  top: 22.5775210384%;
  left: 31.1511904762%;
  width: 11.4607142857%;
  animation: chain-tractor-1 7s ease-in-out infinite alternate;
}
.c-chain__mover--tractor-2 {
  top: 22.3845385822%;
  left: 86.0726190476%;
  width: 12.0386904762%;
  animation: chain-tractor-2 8s ease-in-out infinite alternate;
  animation-delay: -3s;
}
.c-chain__mover--taxi-2 {
  top: 65.8964484382%;
  left: 87.769047619%;
  width: 11.5517857143%;
}
.c-chain__mover--red-car-2 {
  top: 68.1444872343%;
  left: 83.7702380952%;
  width: 12.0488095238%;
}
.c-chain__mover--white-truck {
  top: 69.5097703609%;
  left: 93.2392857143%;
  width: 13.9880952381%;
}
@media (prefers-reduced-motion: reduce) {
  .c-chain__mover, .c-chain__mover img {
    animation: none;
  }
}

.c-chain__spot:hover .c-chain__mover--drone,
.c-chain__spot:focus-within .c-chain__mover--drone,
.c-chain__spot.is-active .c-chain__mover--drone {
  z-index: 5;
  filter: drop-shadow(0 0 1.125em rgba(255, 255, 255, 0.55));
}

@keyframes chain-updown {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 -1.5625em;
  }
  75% {
    translate: 0 -0.9375em;
  }
  100% {
    translate: 0 -1.5625em;
  }
}
@keyframes chain-updown-sm {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 -0.375em;
  }
}
@keyframes chain-bird-drift {
  from {
    translate: -1.875em 0;
  }
  to {
    translate: 1.875em -0.625em;
  }
}
@keyframes chain-cloud {
  from {
    translate: -5.625em 0;
  }
  to {
    translate: 5.625em 0;
  }
}
@keyframes chain-pig-truck {
  0% {
    translate: 20.625em -11.75em;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    translate: -37.5em 21.375em;
    opacity: 0;
  }
}
@keyframes chain-taxi {
  0% {
    translate: 15.625em -8.9375em;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    translate: -20.625em 11.75em;
    opacity: 0;
  }
}
@keyframes chain-red-car {
  0% {
    translate: -26.25em -15.75em;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    translate: 47.5em 28.5em;
    opacity: 0;
  }
}
@keyframes chain-corn-truck {
  from {
    translate: 1.875em -1.0625em;
  }
  to {
    translate: -1.875em 1.0625em;
  }
}
@keyframes chain-tractor-1 {
  from {
    translate: -2.5em -1.4375em;
  }
  to {
    translate: 2.5em 1.4375em;
  }
}
@keyframes chain-tractor-2 {
  from {
    translate: 2.5em -1.4375em;
  }
  to {
    translate: -2.5em 1.4375em;
  }
}
.c-chain__marker::before,
.c-chain__marker::after {
  content: "";
  position: absolute;
  inset: 22%;
  border: 0.125em solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  pointer-events: none;
  animation: chain-ring 2s linear infinite;
}

.c-chain__marker::after {
  animation-delay: 1s;
}

@keyframes chain-ring {
  0% {
    opacity: 0;
    scale: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    scale: 1.6;
  }
}
.c-certs {
  padding-top: 3.1125rem;
  background-color: #b6dba5;
}
@media (max-width: 991px) {
  .c-certs {
    padding: 48px 0;
  }
}

.c-certs__title {
  margin: 0 0 5.625rem;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 1.027;
  color: #138e50;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .c-certs__title {
    margin-bottom: 32px;
    padding: 0 16px;
    font-size: 32px;
  }
}

.c-supplier {
  padding-top: 2.5rem;
  background-color: #b6dba5;
}
@media (max-width: 991px) {
  .c-supplier {
    padding: 48px 0;
  }
}

.c-supplier__heading {
  margin-left: 4.9975rem;
}
@media (max-width: 991px) {
  .c-supplier__heading {
    margin: 0;
    padding: 0 16px;
  }
}

.c-supplier__intro {
  width: 38.4375rem;
  min-height: 10.625rem;
  margin: 5.39375rem 0 7.790625rem 17.05rem;
  padding: 2.375rem 1.6875rem 1.6875rem 2.5rem;
  font-size: 1rem;
  line-height: 1.3333;
  color: #fff5d8;
  background-color: #138e50;
  border-radius: 1.990625rem;
}
.c-supplier__intro strong {
  font-weight: 700;
}
@media (max-width: 991px) {
  .c-supplier__intro {
    width: auto;
    min-height: 0;
    margin: 24px 16px 32px;
    padding: 24px;
    font-size: 15px;
    border-radius: 20px;
  }
}

.c-banner {
  position: relative;
  height: 59.15rem;
  overflow-x: clip;
  background-color: #b6dba5;
}
@media (max-width: 991px) {
  .c-banner {
    height: auto;
    padding: 0 0 32px;
  }
}

.c-banner__band {
  position: absolute;
  top: 18.4625rem;
  left: -0.325rem;
  width: 106.1425rem;
  height: 40.690625rem;
  background-color: #138e50;
  border-radius: 5.41875rem 5.41875rem 0 0;
}
@media (max-width: 991px) {
  .c-banner__band {
    top: 160px;
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;
    border-radius: 40px 40px 0 0;
  }
}

.c-banner__art {
  position: absolute;
  top: 5.625rem;
  left: 5.625rem;
  width: 40rem;
  height: auto;
}
@media (max-width: 991px) {
  .c-banner__art {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}

.c-banner__title {
  position: absolute;
  top: 25.178125rem;
  left: 51.375rem;
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  line-height: 1.364;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  filter: drop-shadow(0 0.625rem 1.125rem rgba(0, 0, 0, 0.18));
}
@media (max-width: 991px) {
  .c-banner__title {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 16px;
    text-align: center;
  }
}

.c-banner__line1 {
  display: flex;
  align-items: center;
  margin-left: 4.5875rem;
  font-size: 3.3125rem;
  text-shadow: 0.3rem 0.109375rem 0 #15984d;
}
@media (max-width: 991px) {
  .c-banner__line1 {
    justify-content: center;
    margin-left: 0;
    font-size: 30px;
  }
}

.c-banner__pill {
  display: inline-grid;
  place-items: center;
  width: 18.0625rem;
  height: 4.8125rem;
  margin-left: 2.75rem;
  font-size: inherit;
  text-shadow: none;
  background-color: #ce142c;
  border-radius: 2.40625rem;
}
@media (max-width: 991px) {
  .c-banner__pill {
    width: auto;
    height: auto;
    margin-left: 12px;
    padding: 4px 16px;
    border-radius: 40px;
  }
}

.c-banner__line2 {
  display: block;
  margin-top: -0.8125rem;
  font-size: 4.25rem;
  text-shadow: 0.30625rem 0.0875rem 0 #15984d;
}
@media (max-width: 991px) {
  .c-banner__line2 {
    margin-top: 0;
    font-size: 38px;
  }
}

.c-banner__badges {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .c-banner__badges {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    padding: 0 16px;
  }
}

.c-banner__badge {
  position: absolute;
  top: 47.884375rem;
  display: flex;
  align-items: center;
}
.c-banner__badge--1 {
  left: 6.59375rem;
}
.c-banner__badge--2 {
  left: 37.2125rem;
}
.c-banner__badge--3 {
  left: 67.81875rem;
}
.c-banner__badge img {
  position: relative;
  z-index: 1;
  width: 6.375rem;
  height: auto;
}
@media (max-width: 991px) {
  .c-banner__badge {
    position: static;
  }
  .c-banner__badge img {
    width: 64px;
  }
}

.c-banner__badge-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 22.525rem;
  height: 5.096875rem;
  margin-left: -5.21875rem;
  padding-left: 6.3625rem;
  font-weight: 700;
  line-height: 1.2;
  color: #0d884d;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 2.54125rem;
}
.c-banner__badge-text small {
  font-size: 1.0875rem;
  font-weight: 700;
}
.c-banner__badge-text span {
  margin-top: -0.1125rem;
  font-size: 1.6rem;
}
.c-banner__badge--3 .c-banner__badge-text {
  width: 30.60625rem;
}
@media (max-width: 991px) {
  .c-banner__badge-text {
    width: auto;
    height: auto;
    flex: 1 1 auto;
    margin: 0 0 0 -40px;
    padding: 10px 16px 10px 52px;
  }
  .c-banner__badge-text small {
    font-size: 12px;
  }
  .c-banner__badge-text span {
    margin-top: 0;
    font-size: 17px;
  }
  .c-banner__badge--3 .c-banner__badge-text {
    width: auto;
  }
}

.c-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding: 6rem 0 5rem;
  color: #fff;
  background-color: #1f2a44;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-hero {
    min-height: 80vh;
    padding: 104px 0 56px;
  }
}

.c-hero__bg {
  position: absolute;
  inset: 0;
  opacity: 0.45;
}

.c-hero__content {
  position: relative;
  max-width: 53.75rem;
}

.c-hero__title {
  margin-bottom: 1.5rem;
  font-size: 5rem;
  color: #fff;
}
@media (max-width: 991px) {
  .c-hero__title {
    font-size: 38px;
  }
}

.c-hero__desc {
  max-width: 38.75rem;
  margin-bottom: 2.5rem;
  font-size: 1.125rem;
  opacity: 0.85;
}
@media (max-width: 991px) {
  .c-hero__desc {
    margin-bottom: 28px;
    font-size: 16px;
  }
}

.tagline {
  display: inline-block;
  color: #c8102e;
}

.slick-slider {
  user-select: auto;
}

.slick-slide:focus {
  outline: none;
}