@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeueBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeueMedium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-Roman.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand--red: #ed1c25;
  --gens--pure-black: black;
  --brand--black: #231f20;
  --gold--100: #feeacd;
  --brand--gold: #d2ac67;
}

.c-nav {
  z-index: 1000;
  border-top: 5px solid var(--brand--red);
  background-color: #0000;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.c-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.c-nav_inner {
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.nav-link_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body {
  font-family: Helvetica Neue, Arial, sans-serif;
  line-height: 150%;
}

.nav-dropdown {
  cursor: pointer;
  font-weight: 500;
}

.nav-dropdown:hover {
  background-color: #231f200d;
}

.dropdown-list.w--open {
  background-color: #fff;
  border: 5px solid #eff1f3;
  min-width: 180px;
}

.dropdown-list_link {
  border-bottom: .5px solid #0003;
  padding-top: 24px;
  padding-bottom: 24px;
  font-weight: 500;
}

.dropdown-list_link:hover {
  background-color: #231f201a;
}

.nav-link {
  color: #fff;
  padding: 20px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link:hover {
  background-color: #231f200d;
}

.c-button {
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 16px;
  display: flex;
}

.c-button.uc-red {
  background-color: var(--brand--red);
  color: #fff;
  height: 52px;
}

.c-button.uc-white {
  color: var(--brand--black);
  background-color: #fff;
}

.nav-logo_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.c-btn_group {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.group-btn-icon {
  background-color: var(--gold--100);
  height: 52px;
  padding: 16px;
  display: flex;
}

.footer {
  background-image: linear-gradient(0deg, #feeacd, #fff);
  padding-top: 100px;
  padding-bottom: 100px;
}

.logo-socials {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.logo-mark {
  color: var(--brand--red);
  letter-spacing: -5px;
  font-size: 200px;
  font-weight: 700;
  line-height: 163px;
}

.social-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-icon_item {
  cursor: pointer;
  border: 1px solid #00000040;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.social-icon_item:hover {
  background-color: #0000000d;
}

.socialmedia-icon {
  width: 50%;
}

.link-holder {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.whoweare-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-header {
  color: var(--brand--black);
  font-size: 20px;
}

.links-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--brand--black);
  cursor: pointer;
  text-decoration: none;
}

.footer-link:hover {
  color: #231f20b3;
}

.ourbrands-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.footer-newsletter_logo {
  background-color: #fff9;
  padding: 24px;
}

.footer-newsletter {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-newsletter_area {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 104px;
  min-height: 100%;
  max-height: 100%;
  padding: 24px 36px;
  display: flex;
}

.text-block-3 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}

.newsletter-form {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-field {
  width: 300px;
  height: 42px;
  margin-bottom: 0;
  padding: 24px;
  font-size: 16px;
  font-weight: 400;
}

.link-block {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 10px;
  display: flex;
  position: absolute;
  right: 7px;
}

.footer-copyright {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hamburger {
  background-color: var(--gold--100);
  height: 52px;
  padding: 16px;
  display: none;
}

.dropdown-toggle {
  color: #fff;
}

.c-btn_group-mobile {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: none;
}

.c-hero {
  justify-content: center;
  align-items: flex-end;
  height: 95vh;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.hero-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hero-text {
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.hero-text.uc-whitetext {
  color: #fff;
}

.c-divider {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.c-divider.uc-black {
  background-color: #000;
}

.body-text {
  font-size: 16px;
  line-height: 150%;
}

.body-text.uc-white {
  color: #fff;
}

.body-text.uc-white.centre-aligned {
  text-align: center;
}

.hero-rider {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-rider_text {
  width: 55%;
}

.glance-section {
  border-top: 10px solid var(--brand--red);
  padding: 80px 120px;
}

.c-centeredtext {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.c-midtext {
  text-align: center;
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.c-midtext.uc-white {
  color: #fff;
}

.midtext-body {
  text-align: center;
  width: 60%;
}

.midtext-body.uc-white {
  color: #fff;
}

.midtext-body.uc-gold {
  color: var(--brand--gold);
}

.glance-metrics {
  border: 1px solid #0000001a;
  padding: 50px;
}

.metric-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.metric {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.metric-num {
  font-size: 32px;
  line-height: 120%;
}

.metric-text {
  text-align: center;
}

.glance-holder {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.choice-section {
  padding: 40px 120px;
}

.choice-holder {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.choice-slider {
  width: 100%;
  overflow: hidden;
}

.choice-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.choice-item {
  flex: none;
  height: 561px;
  position: relative;
}

.story-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 80px;
  padding-left: 70px;
  display: flex;
}

.featured-story {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  min-width: 484px;
  display: flex;
}

.our-story {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  padding-right: 40px;
  display: flex;
}

.featured-story_holder {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.feature-story_text {
  width: 90%;
  font-size: 28px;
  line-height: 120%;
}

.c-header-text {
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.c-header-text.uc-whitetext {
  color: #fff;
}

.c-rider_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.story-pagination_holder {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.stories-pager {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 10px;
  display: flex;
}

.pagination-nav_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.left-nav, .right-nav {
  background-color: var(--gens--pure-black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.our-story_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.story {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  width: 346px;
  display: flex;
}

.story-text_holder {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.story_text {
  width: 90%;
  font-size: 20px;
  line-height: 120%;
}

.story-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: block;
  overflow: hidden;
}

.story-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sticky-innovation {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080), url('../images/sticky-bg-img_1.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 556px;
  display: flex;
  position: sticky;
  top: 0;
}

.innovation-text_holders {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.innocation-cta_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.below-sticky {
  z-index: 1;
  position: relative;
}

.cwwu-section {
  background-image: linear-gradient(#fdd2c2, #fff);
  justify-content: center;
  align-items: center;
  height: 670px;
  display: flex;
}

.mvp-btn_holder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  min-width: 180px;
  height: 100%;
  display: flex;
  position: relative;
}

.mvp-btn_icon {
  background-color: var(--gold--100);
  height: 52px;
  padding: 16px;
  display: flex;
}

.mvp-btn_icon.uc-red {
  background-color: var(--brand--red);
}

.c-button_gold {
  color: var(--gens--pure-black);
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 16px;
  transition: left .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  left: 2px;
}

.c-button_gold.uc-gold {
  background-color: var(--gold--100);
}

.view-section {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 80px;
  display: block;
}

.cwwu-text_holders {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cwwu-block_holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-flow: column;
  width: 454px;
  padding: 50px;
  display: flex;
}

.cwwu-worker_img {
  background-image: linear-gradient(#fdd2c2, #fdd2c2);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

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

.block-text_holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bottom-slider {
  width: 100%;
  overflow: hidden;
}

.bottom-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bottom-slide {
  flex: none;
}

.bottomslider-bg {
  background-image: linear-gradient(#fff, #fff);
}

.bottom-sliderimg_caption {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  display: flex;
}

.bottom-sliderimg {
  width: 100%;
}

.bottom-sliderimg.c-cover {
  object-fit: cover;
}

.body-text-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.body-text-bold.uc-white {
  color: #fff;
}

.about-hero {
  margin-top: 120px;
}

.about-herotext_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.about-slider {
  width: 100%;
  height: 600px;
  margin-top: 80px;
  overflow: hidden;
}

.about-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 600px;
}

.about-slider_wrapper.swiper-wrapper {
  flex-flow: row;
  display: flex;
}

.about-slide {
  flex: none;
  width: 100%;
  height: 600px;
  position: relative;
}

.c-img {
  width: 100%;
  height: 100%;
}

.c-img.c-cover {
  object-fit: cover;
}

.c-img.c-cover_top {
  object-fit: cover;
  object-position: 50% 0%;
}

.about-nav-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-left_nav, .about-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.about_text {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.about-pagetext_holder {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 0;
}

.black-overlay {
  background-color: var(--brand--black);
  opacity: .58;
  position: absolute;
  inset: 0%;
}

.value-section {
  padding: 80px;
}

.core-values {
  padding-top: 32px;
  padding-bottom: 23px;
  display: flex;
}

.value {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.value-item {
  font-size: 32px;
  line-height: 120%;
}

.value-item.uc-white {
  color: #fff;
}

.value-text {
  color: #0009;
  text-align: center;
}

.vm-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.vision-block, .mission-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.vision-stat {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: absolute;
}

.c-header-text-copy {
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.c-header-text-copy.uc-whitetext {
  color: #fff;
}

.csr-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.bottomcta-holder {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.c-redtag {
  color: var(--brand--red);
}

.brand-hero {
  border-bottom: 5px solid var(--brand--red);
  margin-top: 120px;
}

.brandhero-img {
  background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 710px;
  margin-top: 40px;
  position: relative;
}

.brandtext-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 6% 10%;
}

.productrange-section {
  padding-top: 80px;
}

.twoproducts-range {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.brand-nav-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.coc-left_nav, .brand-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.brand-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-details_text {
  width: 60%;
}

.brand-details_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.product-slider {
  width: 100%;
  overflow: hidden;
}

.product-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
  overflow: auto;
}

.product-item {
  flex: none;
  width: 50%;
}

.productrange-holder {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.moreproduct-range {
  margin-top: 80px;
  display: block;
}

.brandstory-section {
  padding-top: 80px;
}

.brandstory-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/bigi-water-story_1.webp');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.brandstorytext-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #231f20;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.brandstory-header_text {
  font-size: 24px;
  line-height: 120%;
}

.brandstory-header_text.uc-white {
  color: #fff;
}

.socials-section {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.socials-holder {
  margin-top: 40px;
}

.social-section_text {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.campaign-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.history-hero {
  margin-top: 60px;
}

.history-img {
  border-top: 46px solid var(--brand--red);
  max-width: 670px;
  margin-top: 20px;
}

.history-head {
  margin-top: 120px;
}

.c-business_hero {
  background-color: #000000b5;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.c-business_hero.swiper-slide {
  background-image: linear-gradient(#0000, #0000);
  position: relative;
}

.business-nav-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plant-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.plant-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.plant-slider {
  width: 100%;
  overflow: hidden;
}

.plant-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.plant-item {
  flex: none;
  width: auto;
}

.c-plant_dark {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  padding: 72px;
  display: flex;
}

.lm-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.upper-text {
  text-transform: uppercase;
}

.upper-text.uc-gold {
  color: var(--gold--100);
}

.c-longred_btn {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--brand--red);
  justify-content: space-between;
  align-items: center;
  width: 30%;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.c-pagination.uc-white {
  color: #fff;
}

.bakeryplant-hero {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-top: 120px;
  padding-bottom: 80px;
  display: flex;
}

.environmental-hero {
  background-image: url('../images/sky-bg_1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 80px;
}

.env-holder {
  padding-top: 120px;
}

.env-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.env-hero_text {
  font-size: 69px;
  font-weight: 500;
  line-height: 120%;
}

.env-hero_text.uc-whitetext {
  color: #fff;
  text-transform: capitalize;
  font-size: 44px;
}

.env-rider_text {
  width: 70%;
}

.c-envhero_img {
  background-color: #000000b5;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/child-csr_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  height: 600px;
  margin-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.plant-slider-copy {
  width: 100%;
  overflow: hidden;
}

.plant-slider-copy.swiper {
  margin-top: 24px;
}

.envimg_section {
  margin-top: 80px;
}

.susend-img {
  background-image: linear-gradient(#00000045, #00000045), url('../images/sus_1.webp');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.sustext-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #231f20;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.govend-midtext {
  width: 60%;
  font-size: 24px;
  line-height: 120%;
  position: absolute;
  inset: 25% 0% auto 20%;
}

.govend-midtext.uc-whitetext {
  color: #fff;
}

.c-sihero {
  justify-content: center;
  align-items: flex-end;
  height: 90vh;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.reach-section, .ftn-section {
  margin-top: 80px;
}

.c-ftn_hero {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
}

.ftn-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 2% 2%;
}

.ftn-rider {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.idol-section {
  margin-top: 80px;
}

.idol-section_holder {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.idol-lhs {
  background-image: linear-gradient(#def, #def);
  width: 100%;
  position: relative;
}

.idol-rhs {
  width: 100%;
}

.idol-lhs_curtain {
  background-image: url('../images/curtain_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
}

.idol-lhs_text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #def;
  flex-flow: column;
  padding: 15% 40px 70px;
  display: flex;
}

.hero-text_mid {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.image {
  z-index: 1;
  width: 30%;
  position: absolute;
  top: 51px;
  left: 38px;
}

.idol-slider, .idol-slider_wrapper {
  height: 100%;
}

.idol-slide_item {
  height: 100%;
  position: relative;
}

.reach-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.support-section {
  margin-top: 80px;
}

.support-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.plant-slider_wrapper-copy {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.plant-item-copy {
  flex: none;
  width: auto;
}

.oi-section {
  margin-top: 80px;
  margin-bottom: 80px;
}

.oi-text_holder {
  border-bottom: 1px solid #000;
  padding-bottom: 40px;
}

.oi-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.impact-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #d3d3d3;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.governance-hero {
  background-image: linear-gradient(#feeacd, #fff 27%);
  padding-bottom: 80px;
}

.gov-holder {
  padding-top: 120px;
}

.gov-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.gov-hero_text {
  font-size: 69px;
  font-weight: 500;
  line-height: 120%;
}

.gov-hero_text.uc-whitetext {
  color: #fff;
  text-transform: capitalize;
  width: 70%;
  font-size: 56px;
}

.c-govhero_img {
  background-color: #000000b5;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/governance.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  margin-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.commit-text {
  background-color: var(--gold--100);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.commit-image {
  background-image: url('../images/business-hands_1.webp');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
}

.commit-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 400px;
  display: flex;
}

.commit-text_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.govend-img {
  background-image: linear-gradient(#00000045, #00000045), url('../images/goveng.jpg');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 650px;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.govtext-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #231f20;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.govend-centred_text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
  position: absolute;
  top: 164px;
}

.body-text_centred {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}

.body-text_centred.uc-white {
  color: #fff;
}

.hero-text_mid-copy {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.hero-text_mid-copy.uc-whitetext {
  color: #fff;
  text-align: center;
}

.bevrage-nav-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.c-container-copy {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.c-cochero_img {
  background-color: #000000b5;
  background-image: linear-gradient(#00000080, #00000080), url('../images/rite-people_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 600px;
  margin-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.coc-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 2% 2%;
}

.coc-rider {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.coc-hero {
  background-image: linear-gradient(#feeacd, #fff 27%);
  padding-bottom: 80px;
}

.po-section {
  margin-top: 80px;
}

.policy_tab {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.policy_tab.w--current {
  background-color: var(--gens--pure-black);
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-text {
  font-size: 16px;
  font-weight: 500;
}

.obj_tab {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.obj_tab.w--current {
  background-color: var(--gens--pure-black);
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.obj-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #d3d3d3;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.obj-text_holder {
  border-bottom: 1px solid #000;
  padding-bottom: 40px;
}

.obj-holder_below {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.tabs-menu {
  background-color: #f3f4f6;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: inline-block;
}

.tabs-content {
  margin-top: 24px;
}

.pol-question {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pol-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0003;
  flex-flow: column;
  padding: 20px 20px 10px;
  display: flex;
}

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

.faq-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.icon-vertical-line {
  background-color: #000;
  width: 20px;
  height: 2px;
  position: absolute;
}

.icon-horizontal-line {
  background-color: #000;
  width: 2px;
  height: 20px;
  transition: transform .3s;
  position: absolute;
}

.pol-answer {
  height: 0;
  padding-left: 48px;
  overflow: hidden;
}

.pol-question_text {
  font-weight: 700;
}

.pol-text_holder {
  border-bottom: 1px solid #000;
  padding-bottom: 40px;
}

.pol-holder_low {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.stories-hero {
  padding-bottom: 80px;
}

.stories-holder {
  padding-top: 120px;
}

.stories-text_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.isstory-section {
  margin-top: 40px;
}

.impact_tab {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.impact_tab.w--current {
  background-color: var(--gens--pure-black);
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.stories_tab {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.stories_tab.w--current {
  background-color: var(--gens--pure-black);
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.is-featured {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 400px;
  display: flex;
}

.is-featured_img {
  width: 100%;
  height: 100%;
}

.is-featured_text {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.feature-tag {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.feature-tag_text {
  background-color: var(--brand--red);
  padding: 10px;
}

.feature-tag_img {
  background-color: #000;
  padding: 10px;
}

.feature-arrow {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.blogfeature-head_text {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.blog-section {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.blog-post {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.blog-title_holder {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-image {
  height: 273px;
}

.blog-title_text {
  font-size: 20px;
  font-weight: 500;
}

.blog-pagination {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 40px;
  display: flex;
}

.pagination-left_arrow {
  background-color: #f3f4f6;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.pagination-right_arrow {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.pagination-number_holder {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.pagination-number {
  font-size: 16px;
}

.pagination-number.uc-white {
  color: #fff;
}

.blog-hero {
  padding-bottom: 80px;
}

.blog-hero_img {
  height: 550px;
  margin-top: 40px;
}

.blog-section_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-meta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  display: flex;
  position: sticky;
  top: 40px;
}

.article-main {
  width: 70%;
}

.published-meta {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.share-meta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--gold--100);
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  display: flex;
}

.share-meta_x {
  background-color: var(--gens--pure-black);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.share-social_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.share-meta_link, .share-meta_linkedin {
  background-color: var(--gens--pure-black);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.recommend-section {
  margin-top: 40px;
}

.recommended-article_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.singleblog-section {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: flex;
}

.career-hero {
  background-color: #000000b5;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/our-bus1_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  height: 90vh;
  padding-bottom: 24px;
  display: flex;
}

.carrethero-rider {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.carrerhero-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  height: 410px;
  display: flex;
}

.career-culture-section {
  margin-top: 40px;
}

.animated-culture {
  height: 400px;
  display: none;
  overflow: auto;
}

.culture-single {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1 0;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding: 80px 50px;
  transition: flex .5s;
  display: flex;
}

.culture-text {
  font-size: 20px;
  line-height: 150%;
}

.culture-head {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}

.culture-head_holder {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.culture-head_red {
  color: var(--brand--red);
  font-size: 72px;
  font-weight: 500;
  line-height: 94%;
}

.wwif-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.wwif-item {
  width: 100%;
  display: flex;
}

.wwif-item_icon {
  background-color: #f3f4f6;
  border-right: 1px solid #0000001a;
  padding: 32px;
}

.wwif-item_text {
  background-color: #f3f4f6;
  width: 100%;
  padding: 32px 24px;
}

.wwif-text {
  font-size: 20px;
}

.join-section {
  margin-top: 80px;
}

.joinus-slider {
  margin-top: 20px;
  margin-left: 30px;
  overflow: hidden;
}

.joinus-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.joinus-slide {
  flex: none;
  width: 500px;
  position: relative;
}

.slide-text_holder {
  background-color: var(--brand--red);
  height: 36.6215%;
  padding: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.join-slide_text {
  color: #fff;
  margin-bottom: 6px;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

.vacancy-section {
  margin-top: 80px;
}

.wju_holder, .vacancy_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.vacancy-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.job-item_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.job-item {
  background-color: #f7f7f9;
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  display: flex;
}

.body-text_mid {
  font-size: 16px;
  font-weight: 500;
}

.job-details {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}

.job-cta {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.job-item_details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 0;
  padding-left: 50%;
  display: flex;
  overflow: hidden;
}

.jobs {
  flex-flow: column;
  display: none;
}

.contact-hero {
  margin-top: 120px;
}

.contact-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.contact-text {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 80vh;
  display: flex;
  position: static;
  top: 80px;
}

.contact-form {
  background-color: #f3f4f6;
  width: 100%;
  padding: 50px;
}

.contact-upper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.contact-lower {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--gold--100);
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.contact-info_img {
  background-color: var(--brand--red);
  padding: 10px;
}

.contact-info {
  width: 100%;
  display: flex;
}

.contact-info_text {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.text-block-5 {
  font-size: 32px;
}

.dropdown-toggle-2 {
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
}

.dropdown {
  width: 100%;
}

.form-block, .findus-section {
  margin-top: 80px;
}

.findus-section_image {
  background-image: url('../images/rite-company_1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 600px;
  display: flex;
  position: relative;
}

.findus-block {
  border-top: 5px solid var(--brand--red);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  display: flex;
}

.findus-address {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.findus-cta {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.text-block-6 {
  font-size: 24px;
  line-height: 120%;
}

.findus-block_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 95%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 3%;
}

.gallery-hero {
  margin-top: 120px;
}

.c-centeredtext-_gallery {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery-section {
  margin-top: 80px;
}

.gallery-section_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-item {
  border: 1px solid #0003;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.gallery-text {
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.gallery-cta_icon {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.gallery-img_holder {
  height: 292px;
}

.gallery-overlay {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 5px solid var(--brand--red);
  background-color: var(--gold--100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 80%;
  padding: 30px;
  display: none;
  position: fixed;
  top: 78px;
  left: 41px;
}

.dark-overlay {
  z-index: 1;
  background-color: #0000004d;
  display: none;
  position: fixed;
  inset: 0%;
}

.gallery-close {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.gallery-main {
  width: 100%;
  height: 70%;
}

.gallery-details_text {
  text-align: center;
  width: 70%;
  font-size: 20px;
}

.gallery-head_text {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.gallery-right, .gallery-left {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.gallery-directions {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.awards-hero {
  background-image: linear-gradient(#feeacd, #fff 27%);
  padding-bottom: 80px;
}

.award-holder {
  padding-top: 120px;
}

.c-centeredtext-_awards {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.award-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.single-award {
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.single-award_lhs {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.brand-awarder_section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  height: 0;
  display: flex;
  overflow: hidden;
}

.brand-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.award-brand_text {
  font-weight: 500;
}

.award-head {
  padding-bottom: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.brand-section-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.single-award_rhs {
  width: 40px;
}

.policy-hero {
  background-image: linear-gradient(#feeacd, #fff 27%);
  padding-bottom: 80px;
}

.policy-holder {
  padding-top: 120px;
}

.policy-section {
  max-width: 750px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.leadership-hero {
  margin-top: 120px;
}

.bod-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.c-dir {
  border: 1px solid #0003;
  padding: 24px;
}

.bod-img_holder {
  height: 354px;
}

.bod-details {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.bod-name_text {
  font-size: 18px;
  font-weight: 500;
}

.bod-title_text {
  font-weight: 500;
}

.bod-cta_icon {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: none;
}

.view-holder {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.metric-num_qualifier {
  font-size: 32px;
  line-height: 120%;
}

.number-holder {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.choice-slider_text {
  font-size: 40px;
}

.choice-slider_text.uc-white {
  color: #fff;
  text-align: center;
  width: 70%;
  font-weight: 500;
  line-height: 120%;
  position: absolute;
  inset: 7% 0% auto 50%;
  transform: translate(-50%);
}

.choice-slider_control {
  margin-top: 40px;
}

.choic-slider_controlholder {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.choice-left-nav, .choice-right-nav, .story-left-nav, .story-right-nav {
  background-color: var(--gens--pure-black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.home-bottomslider-bg {
  background-image: linear-gradient(#fff, #fff);
}

.bottom-slide_imgholder {
  height: 479px;
}

.mvp-btn_rightholder {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mvp-btn_righticon {
  background-color: var(--gold--100);
  height: 52px;
  padding: 16px;
  transition: left .2s;
  display: flex;
  position: absolute;
  left: -2px;
}

.mvp-btn_righticon.uc-red {
  background-color: var(--brand--red);
}

.c-button_rightgold {
  color: var(--gens--pure-black);
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 16px;
  transition: left .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.c-button_rightgold.uc-gold {
  background-color: var(--gold--100);
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.homehero-text_holder {
  z-index: 10;
  position: relative;
}

.hero-holder_text {
  width: 65%;
}

.story-img-holder {
  height: 273px;
}

.featured-story_imgholder {
  height: 447px;
  position: relative;
}

.feature-tag-home {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: auto auto 8% 5%;
}

.feature-tag_imgwhite {
  background-color: #fff;
  padding: 10px;
}

.our-brand_group {
  background-color: #eff1f3;
  padding: 8px 20px;
}

.ceo-word {
  z-index: 1000;
  background-color: #0000004d;
  display: none;
  position: fixed;
  inset: 0%;
}

.ceo-word_bg {
  background-color: var(--gold--100);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  max-width: 1020px;
  max-height: 90vh;
  padding: 50px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ceo-word_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.ceo-word_header {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ceo-word_body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  padding: 30px;
  display: flex;
  box-shadow: 8px 8px 5px #0000001a;
}

.ceo-dets {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 280px;
  display: flex;
}

.ceo-word_text {
  width: 100%;
}

.text-block-7 {
  font-family: Great Vibes, cursive;
  font-size: 32px;
  line-height: 120%;
}

.ceo-img_holder {
  height: 270px;
}

.ceo-header_text {
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.ceo-word_close {
  background-color: var(--brand--red);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 50% 0% 0% auto;
  transform: translate(0, -50%);
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5, .paragraph-6 {
  line-height: 170%;
}

.c-nav_dark, .c-nav_dark-copy {
  z-index: 1000;
  border-top: 5px solid var(--brand--red);
  background-color: #0000;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown-toggle-dark {
  color: var(--gens--pure-black);
}

.dropdown-toggle-copy {
  color: #fff;
}

.nav-link_dark {
  color: var(--gens--pure-black);
  padding: 20px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link_dark:hover {
  background-color: #231f200d;
}

.about-slidetext_head {
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.about-slidetext_head.uc-whitetext {
  color: #fff;
  font-size: 44px;
}

.about-slidetext_body {
  font-size: 16px;
  line-height: 150%;
}

.about-slidetext_body.uc-white {
  color: #fff;
  font-size: 15px;
}

.manu-slider_bg {
  background-image: linear-gradient(#fff, #fff);
}

.manu-slider {
  width: 100%;
  overflow: hidden;
}

.manu-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.manu-slide {
  flex: none;
  position: relative;
}

.manu-sliderimg_caption {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.manu-sliderimg_holder, .manu-slide_imgholder {
  height: 479px;
}

.abtstat-slider {
  width: 100%;
  overflow: hidden;
}

.abtstat-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.abtstat-slide {
  flex: none;
  height: 280px;
  margin-right: 20px;
}

.range-item {
  flex: none;
  position: relative;
}

.range_text {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.range_text.uc-white {
  color: #fff;
  text-align: center;
  width: 70%;
  font-weight: 500;
  line-height: 120%;
  position: absolute;
  inset: 7% 0% auto 50%;
  transform: translate(-50%);
}

.range-text_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
  position: absolute;
  inset: 7% 0% auto 50%;
  transform: translate(-50%);
}

.body-text-copy {
  font-size: 16px;
  line-height: 150%;
}

.body-text-copy.uc-white {
  color: #fff;
}

.body-text-copy.uc-white.centre-aligned {
  text-align: center;
}

.brandstorybody-text {
  font-size: 16px;
  line-height: 150%;
}

.brandstorybody-text.uc-white {
  color: #fff;
}

.brandstorybody-text.uc-white.centre-aligned {
  text-align: center;
}

.brands-torybody_text {
  font-size: 16px;
  line-height: 150%;
}

.brands-torybody_text.uc-white {
  color: #fff;
}

.brands-torybody_text.uc-white.centre-aligned {
  text-align: center;
}

.campaignslider-bg {
  background-image: linear-gradient(#fff, #fff);
}

.campaign-slider {
  width: 100%;
  overflow: hidden;
}

.campaign-slider_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.campaign-slide {
  flex: none;
  text-decoration: none;
}

.bottom-slide-copy {
  flex: none;
}

.campaign-sliderimg_caption {
  background-color: var(--brand--red);
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  display: flex;
}

.campaign-slide_imgholder {
  height: 479px;
  position: relative;
}

.campaign-play_overlay {
  border: 2px solid var(--brand--red);
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.business-herotext_holder {
  width: 60%;
}

.business-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.business-slider {
  overflow: hidden;
}

.beverage-left_nav, .beverage-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.business-hero_holder {
  position: absolute;
  bottom: 30px;
}

.beverageplant-slider {
  width: 100%;
  overflow: hidden;
}

.beverageplant-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.beverageplant-item {
  flex: none;
  height: 520px;
}

.bakeryplant-slider {
  width: 100%;
  overflow: hidden;
}

.bakeryplant-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.bakeryplant-slider_wrapper.swiper-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.bakeryplant-item {
  flex: none;
  height: 520px;
}

.c-co_hero {
  background-image: url('../images/co-hero.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.c-co_hero.swiper-slide {
  background-image: linear-gradient(#0000, #0000), url('../images/beverageslide2.jpg');
  position: relative;
}

.co-slider {
  width: 100%;
  overflow: hidden;
}

.co-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.co-slider_wrapper.swiper-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.co-item, .bakeryplant-item-copy {
  flex: none;
  height: 520px;
}

.c-environmental_hero {
  background-color: #000000b5;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Default.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  height: 600px;
  margin-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.env-hero_holder {
  width: 70%;
}

.env-slider-bg {
  background-image: linear-gradient(#fff, #fff);
  margin-top: 40px;
}

.env-slider {
  width: 100%;
  overflow: hidden;
}

.env-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.env-slider_wrapper.swiper-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  overflow: auto;
}

.env-slide, .bottom-slide-copy {
  flex: none;
}

.si-slider-bg {
  background-image: linear-gradient(#fff, #fff);
  margin-top: 40px;
}

.si-slider {
  width: 100%;
  overflow: hidden;
}

.si-slider_wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.si-slide {
  flex: none;
}

.ftn-left_nav, .ftn-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.ftn-image {
  width: 100%;
  height: 100%;
}

.ftn-swiper_wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ftn-swiper {
  overflow: hidden;
}

.idol-nav-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 6% 8% auto;
}

.idol-left_nav, .idol-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.support-slider {
  width: 100%;
  overflow: hidden;
}

.support-slider.swiper {
  margin-top: 40px;
}

.support-slider_wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: 120px;
  display: flex;
  overflow: auto;
}

.support-slider_wrapper.swiper-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.support-item, .beverageplant-item-copy {
  flex: none;
  height: 520px;
}

.coc-slider_wrapper {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.coc-slider {
  overflow: hidden;
}

.coc-right_nav {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.carrer-slider {
  width: 100%;
  overflow: hidden;
}

.career-slider_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.carrer-slide {
  flex: none;
  height: 280px;
  margin-right: 20px;
}

.c-centeredtext_car {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.joinus-img {
  height: 450px;
}

.no-jobs {
  flex-flow: column;
  display: flex;
}

.no-job-item {
  background-color: #f7f7f9;
  border-bottom: 1px solid #0003;
  justify-content: center;
  align-items: center;
  padding: 24px 32px;
  display: flex;
}

.field-label, .field-label-2, .field-label-3, .field-label-4 {
  font-weight: 400;
}

.dropdown-list-2 {
  background-color: #ddd;
}

.dropdown-list-2.w--open {
  background-color: #fff;
}

.bod-modal {
  z-index: 1000;
  background-color: #0000004d;
  display: none;
  position: fixed;
  inset: 0%;
}

.bod-bg {
  border: 5px solid var(--brand--red);
  background-color: var(--gold--100);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  max-width: 1020px;
  max-height: 90vh;
  padding: 50px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bod-word_body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.bod-word_close {
  background-color: var(--brand--red);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bod-dets {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 390px;
  display: flex;
}

.bod-word_text {
  width: 100%;
}

.ceo-modalimg_holder {
  border: 5px solid #000;
  width: 100%;
  height: 330px;
}

.bod-nav_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.bod-right-nav, .bod-left-nav {
  background-color: var(--gens--pure-black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.water-story-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/bigi-water-story_1.webp');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.water-brandstorytext-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #888686;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.waterbrandstory-header_text {
  font-size: 24px;
  line-height: 120%;
}

.waterbrandstory-header_text.uc-white {
  color: #fff;
}

.water-storytext {
  font-size: 16px;
  line-height: 150%;
}

.water-storytext.uc-white {
  color: #fff;
}

.water-storytext.uc-white.centre-aligned {
  text-align: center;
}

.sosa-img {
  background-image: linear-gradient(0deg, #000000a1, #fff0), url('../images/5b109cc86a4cd6f3050b9b9c931452b0df76485c.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 710px;
  margin-top: 40px;
  position: relative;
}

.product-slider_range {
  width: 100%;
  overflow: hidden;
}

.product-sliderragne_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-sliderragne_wrapper.swiper-wrapper {
  margin-top: 40px;
}

.product-item_range {
  flex: none;
  height: 561px;
  position: relative;
}

.productrange-slider_text {
  text-align: center;
  width: 70%;
  font-size: 35px;
  font-weight: 500;
  line-height: 120%;
  position: absolute;
  inset: 7% 0% auto 50%;
  transform: translate(-50%);
}

.productrange-slider_text.uc-white {
  color: #fff;
}

.mango {
  color: #00a083;
}

.orange {
  color: #f36600;
  font-style: italic;
}

.cranberry {
  color: #ed1c25;
}

.opm {
  color: #bc0136;
}

.sosa-story-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f0d7bb;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.water-storytext-copy {
  font-size: 16px;
  line-height: 150%;
}

.water-storytext-copy.uc-white {
  color: #fff;
}

.water-storytext-copy.uc-white.centre-aligned {
  text-align: center;
}

.sosa-story-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/sosa-story.jpg');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.sosa-header_text {
  font-size: 24px;
  line-height: 120%;
}

.sosa-header_text.uc-white {
  color: #fff;
}

.sosa-storytext {
  font-size: 16px;
  line-height: 150%;
}

.sosa-storytext.uc-white {
  color: #fff;
}

.sosa-storytext.uc-white.centre-aligned {
  text-align: center;
}

.fearless-img {
  background-image: linear-gradient(0deg, #000000a1, #fff0), url('../images/fearless.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 710px;
  margin-top: 40px;
  position: relative;
}

.product-slider_control {
  margin-top: 40px;
}

.classic {
  color: #fca52e;
}

.redberry {
  color: #ed1c25;
}

.fearless-story-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/fearless_1.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1380px;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.fearless-story-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--gens--pure-black);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.fearless-header_text {
  font-size: 24px;
  line-height: 120%;
}

.fearless-header_text.uc-white {
  color: #fff;
}

.fearless-storytext {
  font-size: 16px;
  line-height: 150%;
}

.fearless-storytext.uc-white {
  color: #fff;
}

.fearless-storytext.uc-white.centre-aligned {
  text-align: center;
}

.sausgae-img {
  background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/Sausage-roll.png');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  height: 710px;
  margin-top: 40px;
  position: relative;
}

.beef {
  color: var(--brand--red);
}

.spicy {
  color: #f3bc08;
}

.sause-story-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/sause-story.png');
  background-position: 0 0, 50% 68%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.sause-brand-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--brand--gold);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.sause-header_text {
  font-size: 24px;
  line-height: 120%;
}

.sause-header_text.uc-white {
  color: #fff;
}

.sause-storytext {
  font-size: 16px;
  line-height: 150%;
}

.sause-storytext.uc-white {
  color: #fff;
}

.sause-storytext.uc-white.centre-aligned {
  text-align: center;
}

.soft-img {
  background-image: linear-gradient(0deg, #000000a1, #fff0), url('../images/soft-hero.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 710px;
  margin-top: 40px;
  position: relative;
}

.cola {
  color: var(--brand--red);
  font-style: italic;
}

.tamarind {
  color: #fb7001;
  font-style: italic;
}

.soft-story-img {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/soft-soda.jpg');
  background-position: 0 0, 50% 11%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 650px;
  margin-top: 40px;
  position: relative;
}

.soft-story-holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--brand--red);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  transition: bottom .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.background-video-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.career-hero_section {
  background-color: #000000b5;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/career-hero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  height: 80vh;
  padding-bottom: 60px;
  display: flex;
}

.hero-text_home {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.hero-text_home.uc-whitetext {
  color: #fff;
  font-size: 68px;
}

.hero-text-sus {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.hero-text-sus.uc-whitetext {
  color: #fff;
}

.co-hero {
  width: 65%;
}

.csr-section_holder {
  justify-content: center;
  align-items: center;
  display: flex;
}

.center-text_holder {
  width: 80%;
}

.midtext-body_actiive {
  text-align: center;
  width: 60%;
}

.midtext-body_actiive.uc-white {
  color: #fff;
}

.midtext-body_actiive.uc-gold {
  color: var(--brand--gold);
}

.bod-modal_chairman, .bod-modal_ceo, .bod-modal_ed, .bod-modal_ned1, .bod-modal_ned2, .bod-modal_ned3, .bod-modal_legal {
  z-index: 1000;
  background-color: #0000004d;
  display: none;
  position: fixed;
  inset: 0%;
}

.ceo-modal_close {
  background-color: var(--brand--red);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-dir_chairman, .c-dir_ceo, .c-dir_ed, .c-dir_ned1, .c-dir_ned2, .c-dir_ned3, .c-dir_legal {
  cursor: pointer;
  border: 1px solid #0003;
  padding: 24px;
}

.chairman-modal_close, .ed-modal_close, .ned1-modal_close, .ned2-modal_close, .ned3-modal_close, .legal-modal_close {
  background-color: var(--brand--red);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.shop-hero {
  margin-top: 120px;
}

.shop-section {
  margin-top: 80px;
}

.shop-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shop-konga {
  position: relative;
}

.shop-text {
  color: var(--gens--pure-black);
  text-align: center;
  text-decoration: none;
  -webkit-text-decoration-color: var(--gens--pure-black);
  text-decoration-color: var(--gens--pure-black);
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  inset: 12% 0% auto;
}

.shop-glovo {
  position: relative;
}

.cherry-cola {
  color: #a0197d;
  font-style: italic;
  font-weight: 500;
}

.ginger-ale {
  color: #c68c44;
  font-style: italic;
  font-weight: 500;
}

.lem-lim {
  color: #40ab53;
  font-style: italic;
}

.apple {
  color: #0baa22;
  font-style: italic;
}

.soda {
  color: #eec701;
  font-style: italic;
}

.tropical {
  color: #f1a500;
  font-style: italic;
}

.chapman {
  color: #c70f12;
  font-style: italic;
}

.ginger-lemon {
  color: #284898;
  font-style: italic;
}

.bitter-lemon {
  color: #12896e;
  font-style: italic;
}

.product-left-nav, .product-right-nav, .choice-left-nav-copy {
  background-color: var(--gens--pure-black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.form-dropdown {
  width: 100%;
}

.dropdown-toggle_trigger {
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
}

.dropdown-list_items {
  background-color: #ddd;
}

.dropdown-list_items.w--open {
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .c-nav.fix {
    background-color: #fff;
    position: fixed;
  }

  .nav-link_wrapper {
    z-index: 100;
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
    transition: opacity .2s;
    display: none;
    position: fixed;
    inset: 9% 0% 0%;
    transform: translate(0, -110%);
  }

  .nav-link_wrapper.active {
    display: flex;
    transform: translate(0);
  }

  .nav-dropdown {
    width: 100%;
  }

  .dropdown-list {
    position: static;
  }

  .nav-link {
    color: var(--gens--pure-black);
    width: 100%;
  }

  .c-button.uc-red {
    width: 100%;
  }

  .c-btn_group {
    display: none;
  }

  .logo-socials {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .logo-mark {
    font-size: 90px;
    line-height: 71px;
  }

  .link-holder {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

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

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

  .footer-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .footer-newsletter_area {
    height: 101px;
  }

  .hamburger {
    display: flex;
  }

  .dropdown-toggle {
    color: var(--gens--pure-black);
    width: 100%;
  }

  .c-btn_group-mobile {
    width: 100%;
    height: auto;
    display: flex;
  }

  .hero-text.uc-whitetext {
    font-size: 60px;
  }

  .hero-rider_text {
    width: 60%;
  }

  .glance-section {
    padding: 50px 20px;
  }

  .c-midtext.uc-white {
    font-size: 40px;
  }

  .metric-grid {
    grid-template-columns: 1fr 1fr;
  }

  .choice-section {
    padding: 50px 20px;
  }

  .choice-item {
    height: 440px;
  }

  .story-section {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .featured-story {
    min-width: auto;
  }

  .our-story_holder {
    margin-top: 24px;
  }

  .innovation-text_holders {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .view-section {
    padding-bottom: 40px;
  }

  .cwwu-text_holders {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .about-pagetext_holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .value-section {
    padding: 50px 20px;
  }

  .core-values {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .c-header-text-copy {
    font-size: 24px;
  }

  .body-text-copy {
    font-size: 12px;
  }

  .value-holder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .brandhero-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 30%;
  }

  .brandstory-img {
    background-image: linear-gradient(#0000, #0000), url('../images/bigi-water-story_1.webp');
    background-position: 0 0, 50% 86%;
  }

  .env-rider_text {
    width: 100%;
  }

  .idol-section_holder {
    flex-flow: column;
    display: flex;
  }

  .image {
    width: 19%;
    top: 57px;
  }

  .gov-hero_text.uc-whitetext {
    font-size: 60px;
  }

  .commit-image {
    width: 100%;
  }

  .commit-text_holder {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .govend-centred_text {
    top: 107px;
    left: 159px;
  }

  .hero-text_mid-copy.uc-whitetext {
    font-size: 40px;
  }

  .obj-holder_below, .pol-holder_low {
    grid-template-columns: 1fr;
  }

  .is-featured {
    height: 570px;
  }

  .blog-section {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .share-meta {
    flex-flow: wrap;
  }

  .recommended-article_holder {
    grid-template-columns: 1fr 1fr;
  }

  .singleblog-section {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .carrerhero-holder {
    width: 90%;
  }

  .wwif-holder {
    grid-template-columns: 1fr 1fr;
  }

  .job-details {
    width: 70%;
  }

  .job-item_details {
    height: 0;
    padding-left: 25%;
  }

  .contact-holder {
    flex-flow: column;
  }

  .contact-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: stretch;
    height: auto;
  }

  .bod-grid {
    grid-template-columns: 1fr 1fr;
  }

  .choice-slider_text.uc-white {
    font-size: 36px;
  }

  .bottom-slide_imgholder {
    height: 430px;
  }

  .hero-holder_text {
    width: 80%;
  }

  .ceo-word_bg {
    padding: 30px;
  }

  .ceo-word_body {
    flex-flow: column;
    padding: 20px;
  }

  .ceo-dets {
    display: none;
  }

  .c-nav_dark.fix, .c-nav_dark-copy.fix {
    background-color: #fff;
    position: fixed;
  }

  .dropdown-toggle-dark, .dropdown-toggle-copy, .nav-link_dark {
    color: var(--gens--pure-black);
    width: 100%;
  }

  .about-slidetext_head {
    font-size: 24px;
  }

  .about-slidetext_body {
    font-size: 12px;
  }

  .range-item {
    height: 440px;
  }

  .range_text {
    font-size: 24px;
  }

  .range_text.uc-white {
    font-size: 36px;
  }

  .env-hero_holder {
    width: 100%;
  }

  .bod-bg {
    justify-content: flex-start;
    align-items: stretch;
    padding: 30px;
  }

  .bod-word_body {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    overflow: auto;
  }

  .bod-dets {
    display: block;
  }

  .ceo-modalimg_holder {
    height: 410px;
  }

  .water-story-img {
    background-image: linear-gradient(#0000, #0000), url('../images/bigi-water-story_1.webp');
    background-position: 0 0, 50% 86%;
  }

  .sosa-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 30%;
  }

  .product-item_range {
    height: 440px;
  }

  .productrange-slider_text {
    font-size: 24px;
  }

  .productrange-slider_text.uc-white {
    font-size: 36px;
  }

  .sosa-story-holder {
    flex-flow: column;
  }

  .sosa-story-img {
    height: 740px;
  }

  .fearless-img, .sausgae-img, .soft-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 30%;
  }

  .soft-story-img {
    background-image: linear-gradient(#0000, #0000), url('../images/soft-soda.jpg');
    background-position: 0 0, 50% 30%;
  }

  .hero-text_home.uc-whitetext, .hero-text-sus.uc-whitetext {
    font-size: 60px;
  }

  .co-hero {
    width: 100%;
  }

  .shop-holder {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .logo-socials {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .link-holder {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .footer-newsletter_logo {
    height: 169px;
    display: flex;
  }

  .footer-newsletter_area {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
  }

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

  .hero-text {
    font-size: 40px;
  }

  .glance-metrics {
    padding: 20px;
  }

  .featured-story {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .sticky-innovation {
    margin-top: 20px;
    position: static;
  }

  .view-section {
    display: block;
  }

  .about-herotext_holder, .about_text {
    width: 100%;
  }

  .about-pagetext_holder {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .core-values {
    flex-flow: column;
    padding: 20px;
    display: flex;
  }

  .vm-holder {
    flex-flow: column;
  }

  .brandhero-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 0%;
  }

  .twoproducts-range {
    grid-template-columns: 1fr;
  }

  .brandstory-img {
    background-image: url('../images/bigi-water-story_1.webp');
    background-position: 50% 340%;
    background-size: cover;
    height: 700px;
  }

  .brandstorytext-holder {
    flex-flow: column;
    padding: 30px;
  }

  .socials-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .plant-text_holder {
    width: 100%;
  }

  .c-plant_dark {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .lm-text, .c-longred_btn {
    width: auto;
  }

  .env-text_holder {
    width: 100%;
  }

  .env-hero_text.uc-whitetext {
    font-size: 32px;
  }

  .susend-img {
    height: 700px;
  }

  .sustext-holder {
    flex-flow: column;
    padding: 30px;
  }

  .govend-midtext.uc-whitetext {
    top: 6%;
  }

  .image {
    width: 22%;
  }

  .idol-slide_item {
    height: 370px;
  }

  .reach-text_holder, .support-text_holder {
    width: 100%;
  }

  .oi-holder {
    grid-template-columns: 1fr;
  }

  .gov-text_holder {
    width: 100%;
  }

  .commit-text {
    height: auto;
  }

  .commit-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-height: none;
    display: flex;
  }

  .govend-img {
    height: 700px;
  }

  .govtext-holder {
    flex-flow: column;
    padding: 30px;
  }

  .govend-centred_text {
    left: 117px;
  }

  .coc-rider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .obj-holder_below, .pol-holder_low {
    grid-template-columns: 1fr;
  }

  .stories-text_holder {
    width: 100%;
  }

  .is-featured {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    height: auto;
  }

  .is-featured_img {
    flex-flow: column;
  }

  .is-featured_text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
  }

  .feature-text_upper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .blog-section_holder {
    flex-flow: column;
  }

  .article-meta {
    width: auto;
    position: static;
  }

  .article-main {
    width: auto;
  }

  .wju_holder, .vacancy_holder {
    width: 100%;
  }

  .job-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
  }

  .job-details {
    width: 100%;
  }

  .job-item_details {
    height: auto;
    padding-left: 0%;
  }

  .findus-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
  }

  .gallery-section_holder {
    grid-template-columns: 1fr;
  }

  .single-award {
    flex-flow: column;
  }

  .bottom-slide_imgholder {
    height: 400px;
  }

  .hero-holder_text {
    width: 100%;
  }

  .ceo-word_bg {
    width: 95%;
  }

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

  .ceo-header_text {
    width: 75%;
  }

  .ceo-word_close {
    position: static;
    transform: translate(0);
  }

  .about-slidetext_head.uc-whitetext {
    font-size: 32px;
  }

  .about-slidetext_body.uc-white {
    font-size: 12px;
  }

  .business-herotext_holder, .env-hero_holder {
    width: 100%;
  }

  .no-job-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
  }

  .bod-bg {
    width: 95%;
  }

  .bod-word_close {
    position: absolute;
  }

  .water-story-img {
    background-image: url('../images/bigi-water-story_1.webp');
    background-position: 50% 340%;
    background-size: cover;
    height: 700px;
  }

  .water-brandstorytext-holder {
    flex-flow: column;
    padding: 30px;
  }

  .sosa-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 0%;
  }

  .sosa-story-holder {
    flex-flow: column;
    padding: 30px;
  }

  .fearless-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 0%;
  }

  .fearless-story-img {
    background-image: linear-gradient(#0000, #0000), url('../images/fearless_1.jpg');
    background-position: 0 0, 50% 190%;
    height: 700px;
  }

  .fearless-story-holder {
    flex-flow: column;
    padding: 30px;
  }

  .sausgae-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 0%;
  }

  .sause-story-img {
    height: 700px;
  }

  .sause-brand-holder {
    flex-flow: column;
    padding: 30px;
  }

  .soft-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 0%;
  }

  .soft-story-img {
    height: 700px;
  }

  .soft-story-holder {
    flex-flow: column;
    padding: 30px;
  }

  .hero-text_home, .hero-text-sus {
    font-size: 40px;
  }

  .ceo-modal_close, .chairman-modal_close, .ed-modal_close, .ned1-modal_close, .ned2-modal_close, .ned3-modal_close, .legal-modal_close {
    position: absolute;
  }
}

@media screen and (max-width: 479px) {
  .c-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-holder {
    grid-column-gap: 24px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-newsletter_logo {
    display: none;
  }

  .footer-newsletter_area {
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
  }

  .text-field {
    width: auto;
  }

  .hero-text.uc-whitetext {
    font-size: 40px;
  }

  .body-text.uc-white {
    font-size: 14px;
  }

  .hero-rider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-rider_text {
    width: 100%;
  }

  .c-midtext {
    font-size: 40px;
  }

  .metric-grid {
    grid-template-columns: 1fr;
  }

  .c-header-text {
    font-size: 40px;
  }

  .c-header-text.uc-whitetext {
    font-size: 50px;
  }

  .cwwu-block_holder {
    width: auto;
    padding: 30px;
  }

  .core-values {
    grid-template-columns: 1fr;
  }

  .value-item.uc-white {
    text-align: center;
  }

  .c-header-text-copy {
    font-size: 40px;
  }

  .c-header-text-copy.uc-whitetext {
    font-size: 50px;
  }

  .brandhero-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 16%;
  }

  .brandstory-img {
    background-image: url('../images/bigi-water-story_1.webp');
    background-position: 50% -20%;
    background-size: contain;
  }

  .brandstorytext-holder {
    padding: 10px;
  }

  .brandstory-header_text {
    font-size: 20px;
  }

  .c-plant_dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .env-hero_text.uc-whitetext {
    font-size: 24px;
  }

  .env-rider_text {
    width: 100%;
  }

  .sustext-holder {
    padding: 10px;
  }

  .govend-midtext.uc-whitetext {
    width: 80%;
    font-size: 16px;
    top: 21%;
    left: 10%;
  }

  .ftn-rider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .idol-lhs_text {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image {
    width: 33%;
  }

  .idol-slide_item {
    height: 390px;
  }

  .gov-hero_text.uc-whitetext {
    font-size: 40px;
  }

  .govtext-holder {
    padding: 10px;
  }

  .govend-centred_text {
    top: 42px;
    left: 53px;
  }

  .hero-text_mid-copy.uc-whitetext {
    font-size: 40px;
  }

  .c-container-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogfeature-head_text {
    font-size: 40px;
  }

  .blog-section {
    grid-template-columns: 1fr;
  }

  .blog-title_text {
    font-size: 18px;
  }

  .recommended-article_holder, .singleblog-section {
    grid-template-columns: 1fr;
  }

  .carrethero-rider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wwif-holder {
    grid-template-columns: 1fr;
  }

  .gallery-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .gallery-overlay {
    left: 14px;
  }

  .bod-grid {
    grid-template-columns: 1fr;
  }

  .bottom-slide_imgholder {
    height: 309px;
  }

  .ceo-word_bg {
    max-height: 90vh;
    padding: 20px;
  }

  .ceo-word_body {
    max-height: 60vh;
    overflow: auto;
  }

  .about-slidetext_head {
    font-size: 40px;
  }

  .range_text {
    font-size: 18px;
  }

  .brands-torybody_text {
    font-size: 12px;
  }

  .bod-bg {
    max-height: 90vh;
    padding: 10px;
  }

  .bod-word_body {
    max-height: 95vh;
    overflow: auto;
  }

  .bod-dets {
    width: 100%;
  }

  .ceo-modalimg_holder {
    height: 400px;
  }

  .water-story-img {
    background-image: url('../images/bigi-water-story_1.webp');
    background-position: 50% -20%;
    background-size: contain;
  }

  .water-brandstorytext-holder {
    padding: 10px;
  }

  .waterbrandstory-header_text {
    font-size: 20px;
  }

  .water-storytext {
    font-size: 12px;
  }

  .sosa-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 16%;
  }

  .sosa-story-holder {
    padding: 10px;
  }

  .water-storytext-copy {
    font-size: 12px;
  }

  .sosa-header_text {
    font-size: 20px;
  }

  .sosa-storytext {
    font-size: 12px;
  }

  .fearless-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 16%;
  }

  .fearless-story-holder {
    padding: 10px;
  }

  .fearless-header_text {
    font-size: 20px;
  }

  .fearless-storytext {
    font-size: 12px;
  }

  .sausgae-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 16%;
  }

  .sause-brand-holder {
    padding: 10px;
  }

  .sause-header_text {
    font-size: 20px;
  }

  .sause-storytext {
    font-size: 12px;
  }

  .soft-img {
    background-image: linear-gradient(0deg, #000000a1, #fff0), linear-gradient(#00000045, #00000045), url('../images/bigi-water_1.webp');
    background-position: 0 0, 0 0, 16%;
  }

  .soft-story-holder {
    padding: 10px;
  }

  .hero-text_home.uc-whitetext, .hero-text-sus.uc-whitetext {
    font-size: 40px;
  }
}

#w-node-_7241b894-d9bb-d31c-5c31-eb8a46ed762e-51a1945b {
  align-self: stretch;
}


@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}