.page-food-fraud #bldr-theme-content {
  background-color: #000000 !important;
  letter-spacing: 0.01em;
}

.page-food-fraud #bldr-theme-content h1,
.page-food-fraud #bldr-theme-content h2,
.page-food-fraud #bldr-theme-content h3,
.page-food-fraud #bldr-theme-content h4,
.page-food-fraud #bldr-theme-content h5,
.page-food-fraud #bldr-theme-content h6,
.page-food-fraud #bldr-theme-content p {
  color: #ffffff;
}

.page-food-fraud #bldr-theme-content .dark-green-text h1, .page-food-fraud #bldr-theme-content .dark-green-text h2, .page-food-fraud #bldr-theme-content .dark-green-text h3, .page-food-fraud #bldr-theme-content .dark-green-text h4, .page-food-fraud #bldr-theme-content .dark-green-text h5, .page-food-fraud #bldr-theme-content .dark-green-text h6, .page-food-fraud #bldr-theme-content .dark-green-text p {
color: #00220a;
}

@media (min-width: 960px) {
  .page-food-fraud #bldr-theme-content .medium-body-text, .page-food-fraud #bldr-theme-content .large-body-text, .page-food-fraud #bldr-theme-content .larger-body-text {
    line-height:1.4;
  }
.page-food-fraud #bldr-theme-content .medium-body-text {
  font-size:26px;
}
.page-food-fraud #bldr-theme-content .large-body-text {
  font-size:32px;
}
.page-food-fraud #bldr-theme-content .larger-body-text {
  font-size:40px;
}
}

@media (min-width: 960px) and (max-width: 1200px) {
  .page-food-fraud .bldr-h1 {
    line-height: 1.05 !important;
  }
}

.page-food-fraud .homeblog-section .posts .post .inner .date {
  color: #fff;
}

.riot-hero-row .bldr-background-wrapper .bldr-bg-image {
  position:relative;
}

.riot-hero-row .bldr-background-wrapper .bldr-bg-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000000 8.65%, rgba(0, 0, 0, 0) 65.15%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 90.92%, #000000 100%);
}

.fast-menu ul {
  display: flex;
  flex-direction: row;
  gap: 24px;
  list-style: none;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  border-bottom: 2px solid #fff;
  padding-block: 24px;
  overflow-x: auto;
}

@media (min-width: 768px) {
  .fast-menu ul {
    padding-block: 36px;
    font-size: 24px;
  }
}

@media (min-width: 1024px) {
  .fast-menu ul {
    font-size: 26px;
  }
}

@media (min-width: 1480px) {
  .fast-menu ul {
    padding-block: 50px;
    font-size: 32px;
    gap: 40px;
  }
}

@media (min-width: 1600px) {
  .fast-menu ul {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .fast-menu ul {
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100% + 60px);
    position: relative;
  }

  .fast-menu ul::before,
  .fast-menu ul::after {
    content: "";
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  .fast-menu ul::before {
    left: 0;
    background: linear-gradient(to right, black, transparent);
  }
  .fast-menu ul::after {
    right: 0;
    background: linear-gradient(to left, black, transparent);
  }
}

.fast-menu ul li a {
  color: #fff;
}

.fast-menu ul li a:hover {
  text-decoration: underline;
}

.fast-menu ul li {
  flex: 0 0 auto;
  color: white;
  text-decoration: none;
  font-weight: 500;
}

/* @media (min-width: 1480px) {
  .fast-menu ul li {
    flex: 1;
  }
} */

.riot-hero-row .bldr-inner-section {
  padding-block: 60px;
  flex: 0;
  position: relative;
}

@media (min-width: 768px) {
  .riot-hero-row .bldr-inner-section {
    padding-block: 110px 60px;
  }
}
.riot-hero-row .bldr-inner-section::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.riot-hero-row .bldr-column .bldr-column-content {
  padding-top: 126px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1250px) {
  .riot-hero-row .bldr-column .bldr-column-content {
    padding-top: 186px;
  }
}

.riot-hero-row h1.bldr-h1.iquw-main-title {
  max-width: 1253px;
}

.riot-hero .bldr-background-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.riot-hero-card {
  gap: 16px;
  padding: 16px;
  border-radius: 10px;
  border: 2px solid #ffffff;
  flex-direction: row !important;
}

@media (min-width: 768px) {
  .riot-hero-card {
    gap: 36px;
    padding: 24px 38px;
  }
}

.riot-hero-card.bldr-image-text .bldr-image {
  flex-basis: auto;
  max-width: 125px;
}

.riot-hero-card.bldr-image-text .bldr-content {
  flex-basis: 100%;
  max-width: 100%;
  text-align: center;
  margin-top: 0;
}

@media (min-width: 768px) {
  .riot-hero-card.bldr-image-text .bldr-image {
    flex-basis: 105px;
    max-width: 105px;
  }

  .riot-hero-card.bldr-image-text .bldr-content {
    flex-basis: calc(100% - 105px);
    max-width: calc(100% - 105px);
    text-align: left;
  }

  .riot-hero-card {
    max-width: 600px;
  }
}

.riot-hero-card.bldr-image-text .bldr-content-inner {
  padding-left: 0 !important;
}

.riot-hero-card .bldr-title,
.riot-hero-card .bldr-description {
  text-align: left;
}

.riot-hero-card .bldr-title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 400;
}

@media (min-width: 600px) {
  .riot-hero-card .bldr-title {
    font-size: 30px;
    line-height: 27px;
  }
}

.riot-hero-card .bldr-description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

@media (min-width: 600px) {
  .riot-hero-card .bldr-description {
    font-size: 20px;
    line-height: 27px;
  }
}
/*End of riot hero*/

/* Animated highlited Text */
.animated-highlighted-text {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: -1px;
}

@media (min-width: 768px) {
  .animated-highlighted-text {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (min-width: 1024px) {
  .animated-highlighted-text {
    font-size: 45px;
    line-height: 65px;
  }
}

/* End of Animated highlited Text */

/* Main Title */
h1.bldr-h1.iquw-main-title,
h2.bldr-h2.iquw-main-title,
h3.bldr-h3.iquw-main-title,
h4.bldr-h4.iquw-main-title,
h5.bldr-h5.iquw-main-title,
h6.bldr-h6.iquw-main-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}

@media (min-width: 768px) {
  h1.bldr-h1.iquw-main-title,
  h2.bldr-h2.iquw-main-title,
  h3.bldr-h3.iquw-main-title,
  h4.bldr-h4.iquw-main-title,
  h5.bldr-h5.iquw-main-title,
  h6.bldr-h6.iquw-main-title {
    font-size: 44px;
    line-height: 56px;
  }
}

@media (min-width: 1024px) {
  h1.bldr-h1.iquw-main-title,
  h2.bldr-h2.iquw-main-title,
  h3.bldr-h3.iquw-main-title,
  h4.bldr-h4.iquw-main-title,
  h5.bldr-h5.iquw-main-title,
  h6.bldr-h6.iquw-main-title {
    font-size: 54px;
    line-height: 62px;
  }
}

@media (min-width: 1480px) {
  h1.bldr-h1.iquw-main-title,
  h2.bldr-h2.iquw-main-title,
  h3.bldr-h3.iquw-main-title,
  h4.bldr-h4.iquw-main-title,
  h5.bldr-h5.iquw-main-title,
  h6.bldr-h6.iquw-main-title {
    font-size: 70px;
    line-height: 1.15;
  }
}
/* END OF Main Title */

/* ScrollSequence */
h2#on-earth {
  font-family: "TTNorms Regular";
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
}

@media (min-width: 1024px) {
  h2#on-earth {
    font-size: 48px;
  }
}

/* Riot Large Title*/
h2.bldr-h2.animated-large-title {
  font-family: "TTNorms Bold";
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 768px) {
  h2.bldr-h2.animated-large-title {
    font-size: 70px;
  }
}

@media (min-width: 1024px) {
  h2.bldr-h2.animated-large-title {
    font-size: 80px;
    letter-spacing: -4px;
  }
}

@media (min-width: 1480px) {
  h2.bldr-h2.animated-large-title {
    font-size: 90px;
  }
}

h2.bldr-h2.animated-large-title-spacer-xl {
  margin-bottom: 80px;
}

@media (min-width: 1024px) {
  h2.bldr-h2.animated-large-title-spacer-xl {
    margin-bottom: 100px;
  }
}

@media (min-width: 1480px) {
  h2.bldr-h2.animated-large-title-spacer-xl {
    margin-bottom: 160px;
  }
}

h2.bldr-h2.animated-large-title-spacer-m {
  margin-bottom: 70px;
}

@media (min-width: 1024px) {
  h2.bldr-h2.animated-large-title-spacer-m {
    margin-bottom: 100px;
  }
}

@media (min-width: 1480px) {
  h2.bldr-h2.animated-large-title-spacer-m {
    margin-bottom: 140px;
  }
}

/* End of Riot Large Title*/

/* Problem section */
.problem-small-content {
  max-width: 780px;
}

.problem-small-content h4 {
  font-size: 70px;
  line-height: 1.15;
}

.problem-small-content p {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
}

/* Video Section*/
.riot-background-video-section {
  margin-top: 80px;
}

@media (min-width: 1024px) {
  .riot-background-video-section {
    margin-top: 120px;
  }
}

@media (min-width: 1480px) {
  .riot-background-video-section {
    margin-top: 190px;
  }
}

.riot-background-video-section,
.riot-background-video-section .bldr-background-wrapper {
  height: 100vh;
}

.iquw-video-container {
  min-height: 100%;
  position: relative;
}

.iquw-video-container .bldr-container {
  display: flex;
  align-items: flex-end;
}

.iquw-video-container .bldr-container .bldr-row {
  max-width: 1200px;
  z-index: 2;
}

.iquw-video-container .third-title {
  font-size: 70px;
  line-height: 84px;
}

.iquw-video-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.85)),
    url("https://iquw.878dev.co.uk/wp-content/themes/boulder-child-wg/assets/images/grid-blue-lines-sequence.png"),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 27.4%, #000000 76.92%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-repeat: repeat;
  background-position: top left;
  background-size: 150px;
  z-index: 1;
  height: 100vh;
}

/* End of Video Section */

/* Vertical Slider */
.vertical-slider-lock-scroll {
  position: relative;
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
}

.vertical-slider-lock-scroll .vertical-slide {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.vertical-slider-lock-scroll .vertical-slide .iquw-main-title {
  max-width: 1470px;
}

.vertical-slider-lock-scroll .vertical-slide .bldr-row {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 90px;
}

.vertical-slider-lock-scroll .vertical-slide .scroll-more-label {
  margin-top: 90px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.vertical-slider-lock-scroll .vertical-slide .scroll-more-label::after {
  content: "";
  display: inline-block;
  background: url("https://iquw.878dev.co.uk/wp-content/themes/boulder-child-wg/assets/images/circle-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 35px;
  height: 35px;
}

@media (min-width: 768px) {
  .vertical-slider-lock-scroll .vertical-slide .scroll-more-label::after {
    width: 65px;
    height: 65px;
  }
}

.page-food-fraud
  #bldr-theme-content
  .vertical-slider-lock-scroll
  .vertical-slide
  .scroll-more-label
  p {
  color: #fef8bd !important;
  font-size: 24px;
}

@media (min-width: 768px) {
  .page-food-fraud
    #bldr-theme-content
    .vertical-slider-lock-scroll
    .vertical-slide
    .scroll-more-label
    p {
    font-size: 35px;
  }
}

.vertical-slider-lock-scroll .bldr-section .bldr-background-wrapper {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.38%, #000000 100%);
}

.vertical-slider-lock-scroll
  .bldr-section
  .bldr-background-wrapper
  .bldr-bg-image {
  z-index: -1;
}

/*Footer*/
.page-food-fraud #footer {
  background-color: #000000;
}

/*Posts */
.page-food-fraud .posts .post .inner .title a,
.page-food-fraud .posts .post .inner .title,
.page-food-fraud .button.arrow.dark .bldr-btn-inner > span,
.page-food-fraud .button.arrow.dark .bldr-btn-icon {
  color: #fff !important;
}

.page-food-fraud .button.arrow.dark::before,
.page-food-fraud .button.arrow.dark::after {
  background: #fff !important;
}

.vertical-slider-lock-scroll .bldr-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.vertical-slider-lock-scroll-text {
  background-image: url(https://iquw.878dev.co.uk/wp-content/uploads/2025/04/method-slider-background.png);
  background-position: center center;
  background-size: cover;
  margin-top: 80px;
}

@media (min-width: 1024px) {
  .vertical-slider-lock-scroll-text {
    margin-top: 170px;
  }
}

@media (min-width: 1480px) {
  .vertical-slider-lock-scroll-text {
    margin-top: 400px;
  }
}

.vertical-slider-lock-scroll-text .bldr-column-wrapper {
  overflow: hidden;
}

.vertical-slider-dots-text {
  position: absolute;
  top: auto;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

@media (min-width: 768px) {
  .vertical-slider-dots-text {
    top: 100px;
    bottom: auto;
  }
}

.slider-dot-text {
  width: 30px;
  height: 7px;
  background-color: #808080;
  border-radius: 23px;
  border: none;
  cursor: pointer;
}

@media (min-width: 1480px) {
  .slider-dot-text {
    width: 100px;
  }
}

.slider-dot-text.active {
  background-color: #fff;
}

.vertical-slider-lock-scroll-text .bldr-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .vertical-slider-lock-scroll-text .bldr-container {
    width: 100% !important;
  }
}

.vertical-slider-lock-scroll-text .bldr-section {
  height: 100%;
}

.vertical-slider-lock-scroll-text
  .vertical-slide-text-container
  .bldr-column:first-child
  .bldr-column-content {
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  height: 100vh;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .vertical-slider-lock-scroll-text
    .vertical-slide-text-container
    .bldr-column:first-child
    .bldr-column-content {
    height: 720px;
  }
}

.vertical-slider-lock-scroll-text .bldr-column:first-child .bldr-row-inner {
  height: auto;
  padding-block: 40px;
}

@media (min-width: 1024px) {
  .vertical-slider-lock-scroll-text .bldr-column:first-child .bldr-row-inner {
    height: 720px;
    padding-block: 200px 100px;
  }
}

.vertical-slide-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-slide-text .bldr-column-inner-content {
  max-width: 692px;
  margin: 0 auto;
  padding: 0 30px;
}

.vertical-slide-text-block {
  font-size: 24px;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -0.3px;
  margin-top: 32px;
}

@media (min-width: 1024px) {
  .vertical-slide-text-block {
    font-size: 44px;
  }
}

@media (min-width: 1480px) {
  .vertical-slide-text-block {
    font-size: 60px;
    margin-top: 70px;
  }
}

/* Divided content */

.divided-content .divided-content-wrapper .bldr-row {
  margin-left: -30px;
  margin-right: -30px;
  counter-reset: steps;
}

.divided-content .divided-content-wrapper .bldr-column {
  position: relative;
  padding-left: 30px !important;
  padding-right: 30px !important;
  counter-increment: steps;

  --line-width: 0;
  --line-height: 0;
}

.divided-content .divided-content-wrapper .bldr-column .bldr-column-wrapper {
  padding-block: 100px 50px;
}

@media (min-width: 768px) {
  .divided-content .divided-content-wrapper .bldr-column .bldr-column-wrapper {
    padding-block: 150px 100px;
  }
}

.divided-content .divided-content-wrapper .bldr-column:not(:last-child)::after {
  content: "";
  position: absolute;
  background-color: #fff;
}

/* Desktop styles (768px and above) */
@media (min-width: 768px) {
  .divided-content .divided-content-wrapper .bldr-column:not(:last-child)::after {
    right: -1px;
    top: 0;
    width: 1px;
    height: var(--line-height);
  }
}

/* Mobile styles (below 768px) */
@media (max-width: 767px) {
  .divided-content .divided-content-wrapper .bldr-column:not(:last-child)::after {
    left: 0;
    bottom: 0;
    width: var(--line-width);
    height: 1px;
  }
}

@media (min-width: 768px) {
  .divided-content .divided-content-wrapper .bldr-column .bldr-column-wrapper::before {
    left: 30px;
    top: 44px;
  }
}

.divided-content .title-35 {
  font-size: 24px;
  line-height: 30px;
}

@media (min-width: 768px) {
  .divided-content .title-35 {
    font-size: 35px;
    line-height: 40px;
  }
}

/* Viewport BG Section */
.viewport-bg-section > .bldr-section {
  height: 100vh;
  padding-block: 120px;
}

.viewport-bg-section > .bldr-section .bldr-container {
  display: flex;
  align-items: flex-end;
}

.viewport-bg-section > .bldr-section .bldr-container h2 {
  max-width: 980px;
}

.viewport-bg-section .bldr-bg-image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

/* Benefits */
.benefits-section .benefits-item {
  padding-block: 30px;
  border-top: 1px solid #fff;
}

@media (min-width: 768px) {
  .benefits-section .benefits-item {
    padding-block: 55px;
  }
}

.benefits-section .benefits-item:last-child {
  border-bottom: 1px solid #fff;
}

.benefits-item .animated-highlighted-text {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .benefits-item .animated-highlighted-text {
    margin-bottom: 30px;
  }
}

.benefits-item .bldr-row-inner {
  flex-direction: row;
  flex-wrap: nowrap !important;
}

@media (max-width: 768px) {
  .benefits-item .bldr-column-1-6 {
    width: 70px;
  }
}

.benefits-item .text20 {
  max-width: 820px;
}

.benefits-section .bldr-column-1-6 .bldr-column-wrapper-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.tick-circle {
  width: 40px;
  height: 41px;
  object-fit: contain;
  aspect-ratio: 1;
}

@media (min-width: 768px) {
  .tick-circle {
    width: 67px;
    height: 68px;
  }
}

.full-background-image {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-top: -25px;
  margin-bottom: 80px;
}

@media (min-width: 1024px) {
  .full-background-image {
    margin-bottom: 120px;
  }
}

@media (min-width: 1480px) {
  .full-background-image {
    margin-bottom: 160px;
  }
}

.full-background-image .bldr-thumbnail-wrapper .bldr-thumbnail {
  padding-top: 0 !important;
}

.full-background-image .bldr-thumbnail-wrapper .bldr-thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180.02deg,
    #000000 0.86%,
    rgba(0, 0, 0, 0) 40.74%
  );
  z-index: 1;
  pointer-events: none;
}

.full-background-image
  .bldr-thumbnail-wrapper
  img:not(.bldr-dummy-image):not(.bldr-image-from-url) {
  height: 100vh !important;
  position: relative !important;
  object-fit: cover;
}

/* Inner Padding Spacer */
.inner-padding-spacer {
  padding-bottom: 80px;
}

@media (min-width: 1024px) {
  .inner-padding-spacer {
    padding-bottom: 110px;
  }
}

@media (min-width: 1480px) {
  .inner-padding-spacer {
    padding-bottom: 180px;
  }
}

/* Video Row Wrapper */
.video-row-wrapper .bldr-column-1-3:first-child,
.video-row-wrapper .bldr-column-1-3:last-child {
  width: 50%;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 768px) {
  .video-row-wrapper .bldr-column-1-3:first-child,
  .video-row-wrapper .bldr-column-1-3:last-child {
    width: calc(50% - 60px);
    display: flex;
    align-items: flex-end;
  }
}

@media (min-width: 1024px) {
  .video-row-wrapper .bldr-column-1-3:first-child,
  .video-row-wrapper .bldr-column-1-3:last-child {
    width: calc(50% - 95px);
    display: flex;
    align-items: flex-end;
  }
}

.video-row-wrapper video {
  border-radius: 10px;
  border: 1px solid #fff;
  object-fit: cover;
}

.video-row-wrapper .bldr-column-1-3:first-child video {
  aspect-ratio: 9 / 10;
  max-height: 45vh;
}

.video-row-wrapper .bldr-column-1-3:last-child video {
  aspect-ratio: 9 / 16;
  max-height: 70vh;
}

.video-row-wrapper .bldr-column-1-3:nth-child(2) {
  display: none;
}

@media (min-width: 768px) {
  .video-row-wrapper .bldr-column-1-3:nth-child(2) {
    width: 120px;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .video-row-wrapper .bldr-column-1-3:nth-child(2) {
    width: 190px;
  }
}

/* SLICK DOTS OVERRIDE COPY */
@media (max-width: 767px) {
  .page-food-fraud .homeblog-section .post {
    padding: 12px 12px 30px;
    transition: 0.3s all;
  }

  .page-food-fraud .homeblog-section .dots {
    margin-top: 40px;
  }
  .page-food-fraud .homeblog-section .dots ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    column-gap: 10px;
    list-style-type: none;
  }
  .page-food-fraud .homeblog-section .dots ul li {
    height: fit-content;
    width: 22px;
    height: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-food-fraud .homeblog-section .dots ul button {
    outline: none;
    border: none;
    background: #d9d9d9;
    border-radius: 20px;
    width: 22px;
    height: 7px;
    color: transparent;
    transition: 0.3s all;
    cursor: pointer;
  }
  .page-food-fraud .homeblog-section .dots ul .slick-active button {
    background: var(--Green-Default);
  }
  .page-food-fraud .homeblog-section .mobile .posts .slick-list {
    overflow: visible;
  }
  .page-food-fraud .homeblog-section .post:not(.slick-active) {
    opacity: 0.5;
  }

  .page-food-fraud .homeblog-section .mobile {
    display: flex;
    flex-direction: column;
  }
  .page-food-fraud .homeblog-section .desktop {
    display: none;
  }
  .page-food-fraud .homeblog-section .posts .post .img .cat {
    background: var(--Yellow-Default);
    font-size: 18px;
  }
  .page-food-fraud .homeblog-section .posts .post .img {
    height: unset;
  }
  .page-food-fraud .homeblog-section .posts .post .inner {
    padding-top: 31px;
    padding-left: 0;
    padding-right: 0;
  }
  .page-food-fraud .homeblog-section .posts .post .inner .title,
  .homeblog-section .posts .post .inner .title a {
    font-size: 16px;
    font-weight: 400;
  }
  .page-food-fraud .homeblog-section .posts .post .inner .title {
    margin-bottom: 0;
  }
  .page-food-fraud .homeblog-section .mobile .posts {
    width: calc(100% - 42px);
  }
}

@media (max-width: 1024px) {
  .vertical-slide {
    height: 100vh;
  }
  .vertical-slider-lock-scroll {
    position: relative;
    overflow: hidden;
    height: 100vh;
  }
}

body.page-food-fraud {
  overscroll-behavior: none;
  touch-action: pan-x pan-y;
}

/* single-text-section */
.single-text-section {
  margin-block: 80px;
}

@media (min-width: 1024px) {
  .single-text-section {
    margin-block: 110px;
  }
}

@media (min-width: 1480px) {
  .single-text-section {
    margin-block: 140px;
  }
}

/* get-in-touch-button-wrapper-section */
.get-in-touch-button-wrapper-section h2.iquw-main-title {
  max-width: 860px;
  margin-inline: auto;
  text-align: left;
}

.get-in-touch-button-wrapper-section .page-button {
  text-align: right;
}

.get-in-touch-button-wrapper-section .bldr-button-group {
  gap: 0 40px;
}

.get-in-touch-button-wrapper-section .text35 {
  font-size: 20px;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .get-in-touch-button-wrapper-section .text35 {
    font-size: 35px;
  }
}

/* GLobal Team */

@media (max-width: 550px) {
  .page-food-fraud .global-team .person {
    width: 40%;
  }
}

@media (max-width: 1279px) {
  .page-food-fraud .global-team .info {
    display: none !important;
  }
}

/* List Wrapper */
.list-wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 32px;
  background-color: #00220a;
  border-radius: 40px;
  margin-top: 40px;
}

@media (min-width: 1024px) {
  .list-wrapper {
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 40px 80px;
    margin-top: 60px;
  }
}

@media (min-width: 1480px) {
  .list-wrapper {
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 68px 128px;
  }
}

.list-wrapper .item {
  border-radius: 20px;
  border: 1px solid #00ad9e;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
}

@media (min-width: 1024px) {
  .list-wrapper .item {
    padding: 28px 46px;
    width: 50%;
  }
}

@media (min-width: 1480px) {
  .list-wrapper .item {
    padding: 40px 66px;
  }
}

.list-wrapper .item .name {
  background-color: #fef8bd;
  padding: 10px 18px;
  border-radius: 90px;
  color: #014c45;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  transition: 0.3s;
  font-weight: 600;
  font-size: 13px;
}

@media (min-width: 1024px) {
  .list-wrapper .item .name {
    font-size: 16px;
  }
}

.list-wrapper .item .name:hover {
  background-color: #f0e891;
  border-color: #f0e891;
}

.list-wrapper .item .name::after {
  content: "";
  background-image: url("https://iquw.878dev.co.uk/wp-content/themes/boulder-child-wg/assets/images/circle-arrow-right-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
}

@media (min-width: 767px) {
  .list-wrapper .item .name::after {
    width: 37px;
    height: 37px;
  }
}

.list-wrapper .image-wrapper {
  position: relative;
}

.list-wrapper .image-wrapper::before {
  content: "";
  position: absolute;
  top: 18px;
  width: 100%;
  height: calc(100% - 18px);
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}

.list-wrapper .item .sub {
  font-size: 24px;
  color: #fef8bd;
  line-height: 1.2;
  text-align: center;
}

/* Hubspot section */
.hubsport-section-wrapper {
  /*background-color: #00220a;
  border-radius: 40px;*/
  /*max-width: calc(100vw - 60px);
  margin-inline: auto;*/
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .hubsport-section-wrapper .bldr-container > .bldr-row {
    flex-direction: column;
    gap: 40px;
  }

  .hubsport-section-wrapper .bldr-container > .bldr-row > .bldr-column {
    width: 100%;
  }
}

.hubsport-section-wrapper .bldr-container {
  /*padding: 12px 0 58px 0;*/
}

@media (min-width: 1024px) {
  .hubsport-section-wrapper .bldr-container {
    /*padding: 50px 80px;*/
  }
}

.hubsport-section-wrapper textarea {
  resize: none !important;
  height: 80px;
}

.hubsport-section-wrapper .hs-fieldtype-textarea {
  position: relative;
  grid-column: span 2;
}

.hubsport-section-wrapper .hs-fieldtype-text {
  position: relative;
  grid-column: span 2;
}

.hubsport-section-wrapper input,
.hubsport-section-wrapper textarea {
  font-family: var(--default-font) !important;
  padding: 18px 30px !important;
  border-radius: 80px !important;
  border: 1px solid var(--Mint-Default) !important;
  background: var(--Off-white) !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: var(--Green-Default) !important;
}

@media (min-width: 768px) {
  .hubsport-section-wrapper input,
  .hubsport-section-wrapper textarea {
    padding: 13px 20px !important;
    font-size: 16px !important;
    border-radius: 80px !important;
    border: 1px solid var(--Mint-Default) !important;
    background: var(--Off-white) !important;
  }
}

@media (min-width: 1024px) {
  .hubsport-section-wrapper .hs-fieldtype-text {
    grid-column: span 1;
  }
}

.hubsport-section-wrapper .hs-form-field > label {
  display: none;
}

.hubsport-section-wrapper
  form:has(.hs-form-field)
  .hs-form-field
  .hs-error-msgs {
  display: inline-flex;
  flex-direction: column;
  row-gap: 5px;
  list-style-type: none;
  background: var(--Error);
  padding: 2px 6px;
  position: absolute;
  right: 15px;
  bottom: 0;
  border-radius: 8px;
  z-index: 2;
  transform: translateY(20%);
  margin: 0;
  max-width: calc(100% - 60px);
  font-size: 12px;
}

.hubsport-section-wrapper input[type="submit"] {
  display: inline-flex !important;
  padding: 8px 20px !important;
  padding-right: 50px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  border-radius: 90px !important;
  border: 1px solid var(--Mint-Default) !important;
  background-color: var(--Mint-Default) !important;
  background-image: url(/wp-content/uploads/2024/02/Icons-5.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  background-position: top 15px right 20px !important;
  font-family: var(--default-font) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  color: var(--Green-Dark) !important;
  height: 50px;
  min-width: unset !important;
  transition: 0.3s all;
  width: 100% !important;
  margin-bottom: 0;
}

.hubsport-section-wrapper .hs_submit {
  grid-column: span 2;
}

.hubsport-section-wrapper .hs-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.hubsport-section-wrapper .iquw-main-title {
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  font-family: var(--default-font) !important;
  color: #fffff0 !important;
}

@media (min-width: 768px) {
  .hubsport-section-wrapper .iquw-main-title {
    font-size: 48px !important;
  }
}

/* test */

.outer-slider {
  width: 100vw;
}
.outer-slider.fixed {
  position: fixed;
}

.slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100vh;
  scroll-snap-align: start;
  font-size: 3rem;
}

.waypoint-trigger {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
}

.outer-slider .slide,
.outer-slider .slick-slide {
  width: 100vw !important;
  height: 100vh !important;
}

.top-slider .slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  align-items: flex-end;
  padding-bottom: 90px;
}

.top-slider .slide:nth-child(1) {
  background-image: url("/wp-content/uploads/2025/04/viewport-slider-1-scaled.jpeg");
}

.top-slider .slide:nth-child(2) {
  background-image: url("/wp-content/uploads/2025/04/viewport-slider-2.jpg");
}

.top-slider .slide:nth-child(3) {
  background-image: url("/wp-content/uploads/2025/04/riot-loud-speakers.png");
}

.top-slider .slide:nth-child(4) {
  background-image: url("/wp-content/uploads/2025/04/viewport-slider-4.png");
}

.top-slider .slide:nth-child(5) {
  background-image: url("/wp-content/uploads/2025/04/viewport-slider-5.jpg");
}

.top-slider .slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.38%, #000000 100%);
  z-index: 1;
}

.top-slider .slide-content {
  max-width: 1480px;
  width: calc(100% - 40px);
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.top-slider .slide-content .slide-scroll-more {
  margin-top: 90px;
  position: relative;
}

.top-slider .slide-content .slide-scroll-more,
.bottom-slider .slide-scroll-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  color: #fef8bd;
  font-size: 18px;
}

.top-slider .slide-content .slide-scroll-more::after,
.bottom-slider .slide-scroll-more::after {
  content: "";
  display: inline-block;
  background: url("https://iquw.878dev.co.uk/wp-content/themes/boulder-child-wg/assets/images/circle-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 26px;
  height: 26px;
}

@media (min-width: 768px) {
  .top-slider .slide-content .slide-scroll-more,
  .bottom-slider .slide-scroll-more::after {
    font-size: 22px;
  }

  .top-slider .slide-content .slide-scroll-more::after,
  .bottom-slider .slide-scroll-more::after {
    width: 34px;
    height: 34px;
  }

  .top-slider .slide-content {
    width: calc(100% - 6rem);
  }
}

@media (min-width: 960px) {
  .top-slider .slide-content {
    width: calc(100% - 7.5rem);
  }
}

@media (min-width: 1200px) {
  .top-slider .slide-content {
    width: calc(100% - 10.5rem);
  }
}

.inner-slider {
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  height: 100vh;
  width: 100vw;
}

.inner-slider.inner-scroll-disabled {
  pointer-events: none;
  touch-action: none;
}

.bottom-slider .outer-slider {
  background: url("/wp-content/themes/boulder-child-wg/assets/images/method-slider-background.png")
    center center no-repeat;
  background-size: cover;
  position: relative;
}

.bottom-slider .outer-slider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  background: #000;
  opacity: 0.9;
  height: calc(100vh - 160px);
  width: 900px;
  max-width: calc(100vw - 60px);
  margin-inline: auto;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .bottom-slider .outer-slider::before {
    height: 600px;
  }
}

.bottom-slider .outer-slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: radial-gradient(
    50% 80.95% at 50% 50%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  ); */

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 73.38%, #000000 100%);
  pointer-events: none;
}

.bottom-slider .slide-content {
  height: calc(100vh - 160px);
  width: 900px;
  max-width: calc(100vw - 60px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  position: relative;
  z-index: 2;
  flex-direction: row;
}

@media (min-width: 1024px) {
  .bottom-slider .slide-content {
    height: 600px;
    gap: 80px;
    padding: 100px 60px;
  }
}

.bottom-slider .slide-title {
  text-transform: uppercase;
  font-family: "TTNorms Bold";
  margin-block: 0 !important;
}

.bottom-slider .slide-content p {
  font-size: 24px;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -0.3px;
}

@media (min-width: 1024px) {
  .bottom-slider .slide-content p {
    font-size: 44px;
  }
}

@media (min-width: 1480px) {
  .bottom-slider .slide-content p {
    font-size: 60px;
  }
}

.bottom-slider .slide-content .slide-title,
.bottom-slider .slide-content p {
  max-width: 900px;
  text-align: center;
}

.bottom-slider .slide-dots {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 100vw;
  padding-left: 48px;
}

@media (min-width: 1024px) {
  .bottom-slider .slide-dots {
    padding-right: 830px;
    padding-left: 0;
    align-items: center;
  }
}

.bottom-slider .slide-dot {
  height: 30px;
  width: 7px;
  background-color: #808080;
  border-radius: 23px;
  border: none;
}

@media (min-width: 1024px) {
  .bottom-slider .slide-dot {
    height: 50px;
  }
}

.bottom-slider .slide-dot.active {
  background-color: #fff;
}

.bottom-slider .slide-scroll-more {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin-inline: auto;
  text-align: center;
  width: 100vw;
}

@media (min-width: 768px) {
  .bottom-slider .slide-scroll-more {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .bottom-slider .slide-scroll-more {
    bottom: 60px;
  }
}

/*METHOD*/

#method {
  margin-bottom: 80px;
}

@media (min-width: 1024px) {
  #method {
    margin-bottom: 100px;
  }
}

@media (min-width: 1480px) {
  #method {
    margin-bottom: 140px;
  }
}

.page-food-fraud #bldr-footer {
  z-index: 1 !important;
}

.riot-blog-wrapper h2 {
  font-family: "TTNorms Bold" !important;
}

/* hidden section */
.hidden-section {
  display: none;
}

/* Contact 
#contact h2 {
  margin-bottom: 40px;
  text-align: center;
  margin-inline: auto;
}*/

/* lockScroll*/
.lockScroll {
  overflow: hidden;
}

/*#solution,
#problem {
  margin-top: 60px;
}*/

/* OVERRIDE text20 mobile*/
@media (max-width: 767px) {
  .page-food-fraud .text20,
  .page-food-fraud .text20 p,
  .page-food-fraud .text20 li {
    font-size: 18px;
  }
}

/* text colour */

.text-white {
  color:white;
}

/* counter */

#bldr-theme-wrapper .wpb_content_element.counter-title {
  font-size:5vw;
  font-weight:700;
  text-align:center;
  line-height: 1;
  height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  /*margin-bottom: 80px;*/
}

/*@media (min-width: 1024px) {
  #bldr-theme-wrapper .wpb_content_element.counter-title {
    margin-bottom: 100px;
  }
}

@media (min-width: 1480px) {
  #bldr-theme-wrapper .wpb_content_element.counter-title {
    margin-bottom: 160px;
  }
}*/

/* scrollable images */

#scrollableImages {
position: relative;
  height:100vh;
  background-color:#01141c;
}

.scrollable-image-one, .scrollable-image-two, .scrollable-image-three {  
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
.scrollable-image-one, .scrollable-image-two, .scrollable-image-three {
position: absolute !important;
  min-height:initial !important;
  top: 50%;
  transform: translateY(-50%);
}
}

@media (max-width: 767.98px) {
  #scrollableImages {
    position:relative !important;
    height: auto !important;
    max-height: initial !important;
    left: 0 !important;
    top: 0 !important;
    transform: translate(0px) !important;
  }
  .scrollable-image-one, .scrollable-image-two, .scrollable-image-three {  
    opacity:1 !important;
    position:relative !important;
  }
}

.scrollable-image-one {
  z-index:3;
}

.scrollable-image-two {
  z-index:2;
}

.scrollable-image-three {
  z-index:1;
}

/* image and text */



@media (max-width: 767.98px) {
  .bldr-image-text.crisis-management-icon-and-text .bldr-image {
flex: 0 0 97px;
width: 97px;
}
  .bldr-image-text.crisis-management-icon-and-text.bldr-position-left.bldr-style-1 .bldr-content-inner {
  padding-left:0px;
}
}

@media (min-width: 768px) {
  .bldr-image-text.crisis-management-icon-and-text .bldr-image {
flex: 0 0 97px;
width: 97px;
}
.bldr-image-text.crisis-management-icon-and-text.bldr-position-left.bldr-style-1 .bldr-content-inner {
  padding-left:30px;
}
}

/* bottle graphics */

body .food-fraud-bottle-svg img {
  height:300px;
  width:auto;
}

body .food-fraud-icon-svg img {
  height:300px;
  width:auto;
}

/* horizontal scroll images */

#horizontalScrollableImages .bldr-container {
  max-width:initial !important;
  width:100% !important;
}

#horizontalScrollableImages .bldr-row.bldr-columns-gap-default .bldr-column, #horizontalScrollableImages .bldr-row-inner.bldr-columns-gap-default .bldr-column-inner {
  padding:0 !important;
}

#horizontalScrollableImages .bldr-row-inner.bldr-columns-gap-default {
  margin:0 !important;
}

.horizontal-scroll-wrapper {
  width:100vw !important;
}

.horizontal-scroll-wrapper > .bldr-column > .bldr-column-wrapper > .bldr-column-content { /*main-container*/
  height: 100vh;
  overflow: hidden; /* Prevents horizontal scrollbars from appearing on the main page */
}

.horizontal-scroll-wrapper > .bldr-column > .bldr-column-wrapper > .bldr-column-content > .bldr-inner-section { /* horizontal-scroll-wrapper */
  width: 100%; /* Or whatever height you want the pinned section to have */
  position: relative;
}

.horizontal-container {
  display: flex !important; /* Arrange images side-by-side */
  flex: 1 0 300vw !important; /* Example: Make it wide enough for all images */
  height: 100vh; /* Give it a height */
  position: relative;
}

.horizontal-container .horizontal-image {
  width: 100vw;
}

/* map */

.map-container .bldr-column-inner-content {
  position: relative;
  width: 100%;
 aspect-ratio: 16 / 6;
  /*height: 100vh;*/ /* Or your desired height */
  overflow: hidden; /* Crucial to contain the zoom */
}

.map-image {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  transform-origin: center; /* Or a specific point */
}

.map-image .bldr-image-item, .map-image .bldr-image-wrapper, .map-image img {
  width:100%;
}

.legend {
  position: absolute !important;
  bottom: 0; /* Position the legend at the end */
  left: 0;
  top:0;
  right:0;
  /*transform: translateX(-50%);*/
  opacity: 0; /* Initially hidden */
  pointer-events: none; /* Prevent interaction until it appears */
}

.legend1 {
  transition: opacity 0.5s ease-in-out; /* Add a smooth fade transition */
}

.legend2 {
  transition: opacity 1s ease-in-out; /* Add a smooth fade transition */
}

.legend3 {
  transition: opacity 1.5s ease-in-out; /* Add a smooth fade transition */
}

.legend4 {
  transition: opacity 2s ease-in-out; /* Add a smooth fade transition */
}

.legend.visible {
  opacity: 1;
  pointer-events: auto;
}

/* milk video height */

.milk-video {
   max-height:1000px;
}

/* 16:9 image with border */

.image-with-border .bldr-image-wrapper {
border: 0.15em solid white;
}

.image-with-border .bldr-thumbnail {
  padding-top:56.25% !important;
}

.image-with-border img {
   aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* divided content less padding */

.divided-content.less-padding .divided-content-wrapper .bldr-column .bldr-column-wrapper {
   padding-block: 75px 0px;
}