.bl-home-hero-outer,
.bl-home-hero-outer * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-home-hero-outer {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  background: #F6FFEA !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.bl-home-hero-slider {
  position: relative !important;
  width: min(1250px, calc(100vw - 206px)) !important;
  aspect-ratio: 1250 / 470 !important;
  height: auto !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  background: #F6FFEA !important;
  line-height: 1 !important;
}

.bl-home-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bl-home-hero-slide img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bl-home-hero-slide-1 {
  animation: blHeroSlide1 8s infinite;
}

.bl-home-hero-slide-2 {
  animation: blHeroSlide2 8s infinite;
}

@keyframes blHeroSlide1 {
  0%, 48% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
  }
  53%, 95% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
  }
  100% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
  }
}

@keyframes blHeroSlide2 {
  0%, 48% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
  }
  53%, 95% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
  }
}

.bl-home-hero-text {
  position: absolute !important;
  top: 45% !important;
  left: 43% !important;
  right: 7% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  max-width: 560px !important;
  color: #4caf3d !important;
  pointer-events: none !important;
}

.bl-home-hero-title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bl-home-hero-subtitle {
  margin-top: 6px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  padding: 0 !important;
}

.bl-home-hero-desc {
  margin-top: 20px !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}

.bl-home-hero-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 8 !important;
  transform: translateY(-50%) !important;
  color: #4caf3d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 46px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

.bl-home-hero-arrow-left {
  left: 18px !important;
}

.bl-home-hero-arrow-right {
  right: 18px !important;
}

.bl-home-hero-dots {
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  z-index: 9 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 10px !important;
}

.bl-home-hero-dots span {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(76, 175, 61, 0.35) !important;
}

.bl-home-hero-dots span:first-child {
  animation: blHeroDot1 8s infinite;
}

.bl-home-hero-dots span:last-child {
  animation: blHeroDot2 8s infinite;
}

@keyframes blHeroDot1 {
  0%, 48%, 100% {
    background: #4caf3d;
  }
  53%, 95% {
    background: rgba(76, 175, 61, 0.35);
  }
}

@keyframes blHeroDot2 {
  0%, 48%, 100% {
    background: rgba(76, 175, 61, 0.35);
  }
  53%, 95% {
    background: #4caf3d;
  }
}

@media (max-width: 1280px) {
  .bl-home-hero-slider {
    width: min(1250px, calc(100vw - 206px)) !important;
  }
}

@media (max-width: 1024px) {
  .bl-home-hero-outer {
    background: #F6FFEA !important;
    padding: 6px 0 8px !important;
  }

  .bl-home-hero-slider {
    width: calc(100vw - 32px) !important;
    aspect-ratio: 1250 / 470 !important;
    background: #F6FFEA !important;
  }

  .bl-home-hero-text {
    left: 42% !important;
    right: 7% !important;
    top: 45% !important;
  }

  .bl-home-hero-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
  }

  .bl-home-hero-subtitle {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
  }

  .bl-home-hero-desc {
    margin-top: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 768px) {
  .bl-home-hero-outer {
    background: #F6FFEA !important;
    padding: 6px 0 8px !important;
  }

  .bl-home-hero-slider {
    width: calc(100vw - 36px) !important;
    aspect-ratio: 1250 / 470 !important;
    background: #F6FFEA !important;
  }

  .bl-home-hero-text {
    left: 42% !important;
    right: 4% !important;
    top: 45% !important;
    max-width: 54% !important;
  }

  .bl-home-hero-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
  }

  .bl-home-hero-subtitle {
    margin-top: 3px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
  }

  .bl-home-hero-desc {
    margin-top: 6px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
  }

  .bl-home-hero-arrow {
    font-size: 28px !important;
  }

  .bl-home-hero-arrow-left {
    left: 7px !important;
  }

  .bl-home-hero-arrow-right {
    right: 7px !important;
  }

  .bl-home-hero-dots {
    bottom: 6px !important;
  }

  .bl-home-hero-dots span {
    width: 7px !important;
    height: 7px !important;
  }
}

@media (max-width: 480px) {
  .bl-home-hero-slider {
    width: calc(100vw - 36px) !important;
  }

  .bl-home-hero-text {
    left: 42% !important;
    right: 3.5% !important;
    top: 45% !important;
    max-width: 54% !important;
  }

  .bl-home-hero-title {
    font-size: 14.5px !important;
    line-height: 1.08 !important;
  }

  .bl-home-hero-subtitle {
    font-size: 13px !important;
    line-height: 1.08 !important;
  }

  .bl-home-hero-desc {
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
}

/* ===== Module Separator ===== */

.bl-product-categories-static,
.bl-product-categories-static * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-product-categories-static {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 16px 0 12px !important;
  overflow: visible !important;
}

.bl-product-categories-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 23% 77% !important;
  gap: 0 !important;
  align-items: start !important;
}

.bl-product-categories-static .lcp-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  min-height: 40px !important;
  border-radius: 6px !important;
  background-image: linear-gradient(rgb(80,134,44) 0%, rgb(128,180,94) 100%) !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
}

.bl-product-categories-static .bl-series-title {
  background-image: linear-gradient(rgb(80,134,44) 0%, rgb(128,184,92) 100%) !important;
}

.bl-product-categories-static .lcp-title .elementor-heading-title,
.bl-product-categories-static .lcp-title h2,
.bl-product-categories-static .lcp-title span {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 2em !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.bl-product-categories-static .bl-series-title .elementor-heading-title {
  text-shadow: rgba(0,0,0,0.3) 0 0 10px !important;
}

/* LEFT */
.bl-product-sidebar-wrap {
  width: 100% !important;
  padding-right: 10px !important;
  position: sticky !important;
  top: 90px !important;
  align-self: start !important;
  z-index: 5 !important;
}

.bl-sidebar-box {
  background-color: #ffffff !important;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  box-shadow: rgba(178,176,176,0.5) 0 0 10px 0 !important;
  overflow: visible !important;
  max-height: none !important;
}

.bl-product-categories-static .custom-sidebar {
  background-color: #ffffff !important;
  max-width: 270px !important;
  border-radius: 5px !important;
  padding: 12px 10px 10px 10px !important;
}

.bl-product-categories-static .sidebar-menu,
.bl-product-categories-static .sidebar-menu ul {
  list-style: none !important;
}

.bl-product-categories-static .sidebar-menu {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

.bl-product-categories-static .sidebar-menu li {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

.bl-product-categories-static .sidebar-menu a {
  display: block !important;
  padding: 5px 0 !important;
  color: #335D17 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.bl-product-categories-static .sidebar-menu .menu-category {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #335D17 !important;
}

.bl-product-categories-static .sidebar-menu li ul {
  margin: 0 !important;
  padding-left: 25px !important;
}

.bl-product-categories-static .sidebar-menu li ul li a {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.bl-product-categories-static .sidebar-menu a:hover,
.bl-product-categories-static .sidebar-menu a:focus,
.bl-product-categories-static .sidebar-menu a:active {
  background-color: rgb(128,184,92) !important;
  color: #ffffff !important;
  outline: none !important;
}

/* RIGHT */
.bl-product-main-wrap {
  width: 100% !important;
  padding-left: 10px !important;
}

.bl-home-product-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  padding: 0 !important;
}

.bl-home-product-grid-bagasse {
  margin: 10px 0 14px 0 !important;
  gap: 5px 0 !important;
}

.bl-home-product-grid-one-row {
  margin: 10px 0 14px 0 !important;
  gap: 0 !important;
}

.bl-series-title-after-grid {
  margin-top: 0 !important;
}

.bl-product-card {
  margin: 0 !important;
  padding: 0 2px !important;
  text-align: center !important;
}

.bl-product-card a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
}

.bl-product-card .elementor-image-box-img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bl-product-card .elementor-image-box-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 300px !important;
  max-height: 300px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border: 2px solid #E0E0E0 !important;
  border-radius: 5px !important;
  opacity: 1 !important;
  filter: none !important;
}

.bl-product-card .elementor-image-box-title {
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #335D17 !important;
  text-align: center !important;
}

.bl-product-card a:hover .elementor-image-box-title {
  color: #335D17 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-product-categories-static {
    padding: 12px 0 10px !important;
  }

  .bl-product-categories-inner {
    width: calc(100vw - 32px) !important;
    grid-template-columns: 23% 77% !important;
  }

  .bl-product-sidebar-wrap {
    top: 80px !important;
    padding-right: 8px !important;
  }

  .bl-product-main-wrap {
    padding-left: 8px !important;
  }

  .bl-home-product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile: product area first, sidebar below */
@media (max-width: 768px) {
  .bl-product-categories-static {
    padding: 10px 0 8px !important;
  }

  .bl-product-categories-inner {
    width: calc(100vw - 36px) !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .bl-product-main-wrap {
    order: 1 !important;
    width: 100% !important;
    padding-left: 0 !important;
  }

  .bl-product-sidebar-wrap {
    order: 2 !important;
    width: 100% !important;
    padding-right: 0 !important;
    margin-top: 14px !important;
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }

  .bl-sidebar-box {
    max-height: none !important;
    overflow: visible !important;
  }

  .bl-product-categories-static .custom-sidebar {
    max-width: none !important;
  }

  .bl-home-product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .bl-product-categories-static .lcp-title .elementor-heading-title,
  .bl-product-categories-static .lcp-title h2,
  .bl-product-categories-static .lcp-title span {
    font-size: 18px !important;
  }

  .bl-product-card .elementor-image-box-title {
    font-size: 14px !important;
  }

  .bl-product-categories-static .sidebar-menu a,
  .bl-product-categories-static .sidebar-menu .menu-category,
  .bl-product-categories-static .sidebar-menu li ul li a {
    font-size: 16px !important;
  }
}

/* ===== Module Separator ===== */

.bl-home-h1-section,
.bl-home-h1-section * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-home-h1-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 0 0 12px 0 !important;
}

.bl-home-h1-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
  min-height: 40px !important;
  border-radius: 6px !important;
  background-image: linear-gradient(rgb(80,134,44) 0%, rgb(128,184,92) 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.bl-home-h1-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 2em !important;
  text-align: center !important;
  text-shadow: rgba(0,0,0,0.3) 0 0 10px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-home-h1-inner {
    width: calc(100vw - 32px) !important;
  }

  .bl-home-h1-title {
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bl-home-h1-section {
    padding: 0 0 10px 0 !important;
  }

  .bl-home-h1-inner {
    width: calc(100vw - 36px) !important;
    min-height: 40px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .bl-home-h1-title {
    font-size: 20px !important;
    line-height: 1.45 !important;
    padding: 8px 0 !important;
  }
}

/* ===== Module Separator ===== */

.bl-company-profile-section,
.bl-company-profile-section * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-company-profile-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 30px 0 30px 0 !important;
  overflow: visible !important;
}

.bl-company-profile-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 48.582% 1fr !important;
  column-gap: 0 !important;
  row-gap: 10px !important;
  align-items: start !important;
}

/* LEFT */
.bl-company-left {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.bl-company-title {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 35px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.bl-company-video-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-decoration: none !important;
  background: #000000 !important;
}

.bl-company-video-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

.bl-company-play {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 86px !important;
  height: 86px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: #ff1744 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.28) !important;
  z-index: 3 !important;
}

.bl-company-play::before {
  content: "" !important;
  position: absolute !important;
  left: 35px !important;
  top: 25px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 18px solid transparent !important;
  border-bottom: 18px solid transparent !important;
  border-left: 27px solid #ffffff !important;
}

.bl-company-video-label {
  width: 100% !important;
  margin: 16px 0 0 0 !important;
  padding: 0 10px !important;
  min-height: 40px !important;
  border-radius: 6px !important;
  background-image: linear-gradient(rgb(80,134,44) 0%, rgb(128,180,94) 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 2em !important;
  text-align: center !important;
}

/* Lazy YouTube iframe inside Company Profile */
.bl-company-video-card {
  cursor: pointer !important;
}

.bl-company-video-card iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000000 !important;
}

.bl-company-video-card.bl-youtube-loaded img,
.bl-company-video-card.bl-youtube-loaded .bl-company-play {
  display: none !important;
}

.bl-company-play {
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

/* RIGHT */
.bl-company-name {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: inherit !important;
}

.bl-company-right {
  width: 100% !important;
  padding: 10px 0 0 30px !important;
  margin: 0 !important;
}

.bl-company-text {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
  text-align: left !important;
}

.bl-company-text p {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

.bl-company-text p:last-child {
  margin-bottom: 0 !important;
}

.bl-company-text strong {
  font-weight: 700 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-company-profile-section {
    padding: 18px 0 18px 0 !important;
  }

  .bl-company-profile-inner {
    width: calc(100vw - 32px) !important;
    grid-template-columns: 48.582% 1fr !important;
  }

  .bl-company-title {
    font-size: 30px !important;
    margin-bottom: 14px !important;
  }

  .bl-company-right {
    padding: 10px 0 0 24px !important;
  }

  .bl-company-text {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .bl-company-video-label {
    font-size: 18px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bl-company-profile-section {
    padding: 16px 0 16px 0 !important;
  }

  .bl-company-profile-inner {
    width: calc(100vw - 36px) !important;
    display: block !important;
  }

  .bl-company-title {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
    color: #335D17 !important;
  }

  .bl-company-video-card {
    aspect-ratio: 16 / 9 !important;
  }

  .bl-company-play {
    width: 64px !important;
    height: 64px !important;
  }

  .bl-company-play::before {
    left: 27px !important;
    top: 19px !important;
    border-top-width: 13px !important;
    border-bottom-width: 13px !important;
    border-left-width: 20px !important;
  }

  .bl-company-video-label {
    display: none !important;
  }

  .bl-company-right {
    padding: 0 10px 0 10px !important;
    margin-top: 16px !important;
  }

  .bl-company-text {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .bl-company-text p {
    margin-bottom: 12px !important;
  }
}

/* ===== Module Separator ===== */

.bio-cert-compliance-outer,
.bio-cert-compliance-outer * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bio-cert-compliance-outer {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 44px 0 46px 0 !important;
  overflow: hidden !important;
}

.bio-cert-compliance-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.bio-cert-main-title {
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 35px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Summary Cards */
.bio-cert-section {
  max-width: 1080px !important;
  margin: 12px auto 34px !important;
  color: #335D17 !important;
}

.bio-cert-head {
  text-align: center !important;
  margin-bottom: 26px !important;
}

.bio-cert-intro {
  font-size: 20px !important;
  line-height: 1.7 !important;
  color: #335D17 !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

.bio-cert-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.bio-cert-section .bio-cert-card {
  background: #fff !important;
  border: 1px solid #dde5d8 !important;
  border-radius: 14px !important;
  padding: 7px 24px 7px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease !important;
  will-change: transform !important;
}

.bio-cert-section .bio-cert-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 28px rgba(51, 93, 23, 0.10) !important;
  border-color: #cddbbf !important;
  background-color: #ffffff !important;
}

.bio-cert-section .bio-cert-card h3 {
  margin: 0 0 14px !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  color: #335D17 !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  transition: color 0.28s ease !important;
}

.bio-cert-section .bio-cert-card:hover h3 {
  color: #335D17 !important;
}

.bio-cert-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bio-cert-list li {
  position: relative !important;
  padding: 7px 0 7px 16px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #335D17 !important;
  border-top: 1px solid #edf2e9 !important;
  transition: color 0.25s ease, border-color 0.25s ease !important;
}

.bio-cert-list li:first-child {
  border-top: none !important;
  padding-top: 0 !important;
}

.bio-cert-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 16px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #6f8f6a !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.bio-cert-section .bio-cert-card:hover .bio-cert-list li {
  color: #335D17 !important;
  border-color: #e5ede0 !important;
}

.bio-cert-section .bio-cert-card:hover .bio-cert-list li::before {
  background: #335D17 !important;
  transform: scale(1.15) !important;
}

.bio-cert-note {
  margin-top: 6px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #335D17 !important;
  transition: color 0.25s ease !important;
}

.bio-cert-section .bio-cert-card:hover .bio-cert-note {
  color: #335D17 !important;
}

/* Slider Frame */
.bio-cert-slider-frame {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 30px 16px !important;
  background: #fff !important;
  border: 1px solid #dde5d8 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.bio-cert-slider-wrap {
  width: 100% !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

.bio-cert-track {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 0 0 12px 0 !important;
  cursor: grab !important;
  user-select: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: #b9c8b0 #edf3e6 !important;
}

.bio-cert-track.dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.bio-cert-track::-webkit-scrollbar {
  height: 8px !important;
}

.bio-cert-track::-webkit-scrollbar-track {
  background: #edf3e6 !important;
  border-radius: 999px !important;
}

.bio-cert-track::-webkit-scrollbar-thumb {
  background: #b9c8b0 !important;
  border-radius: 999px !important;
}

.bio-cert-slide-card {
  flex: 0 0 calc((100% - 12px * 4) / 5) !important;
  scroll-snap-align: start !important;
  background: #ffffff !important;
  border: 1px solid #dfe7d8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.bio-cert-slide-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(51,93,23,0.06) !important;
  border-color: #d0dcc7 !important;
}

.bio-cert-slide-card a {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

.bio-cert-slide-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1.43 !important;
  object-fit: contain !important;
  background: #ffffff !important;
  transform: scale(1.05) !important;
}

.bio-cert-name {
  padding: 12px 2px 6px !important;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  color: #335D17 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* Small Edge Arrow Buttons */
.bio-cert-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 42px !important;
  border: 1px solid #cddbbf !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #335D17 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: 0 2px 6px rgba(51, 93, 23, 0.10) !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.bio-cert-arrow:hover {
  background: #F6FFEA !important;
  color: #335D17 !important;
  border-color: #b9c8b0 !important;
  box-shadow: 0 4px 10px rgba(51, 93, 23, 0.15) !important;
}

.bio-cert-arrow-left {
  left: 3px !important;
}

.bio-cert-arrow-right {
  right: 3px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bio-cert-compliance-outer {
    padding: 38px 0 40px 0 !important;
  }

  .bio-cert-compliance-inner {
    width: calc(100vw - 32px) !important;
  }

  .bio-cert-main-title {
    font-size: 30px !important;
    margin-bottom: 24px !important;
  }

  .bio-cert-slide-card {
    flex: 0 0 calc((100% - 12px * 2) / 3) !important;
  }

  .bio-cert-slider-frame {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bio-cert-compliance-outer {
    padding: 34px 0 36px 0 !important;
  }

  .bio-cert-compliance-inner {
    width: calc(100vw - 36px) !important;
  }

  .bio-cert-main-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
  }

  .bio-cert-section {
    margin: 18px auto 28px !important;
  }

  .bio-cert-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .bio-cert-section .bio-cert-card {
    padding: 7px 18px 7px !important;
  }

  .bio-cert-section .bio-cert-card h3 {
    font-size: 18px !important;
  }

  .bio-cert-list li {
    font-size: 14px !important;
  }

  .bio-cert-intro {
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  .bio-cert-slider-frame {
    padding: 12px 26px 14px !important;
    border-radius: 14px !important;
  }

  .bio-cert-track {
    gap: 12px !important;
    padding-bottom: 10px !important;
  }

  .bio-cert-slide-card {
    flex: 0 0 calc((100% - 12px) / 2) !important;
  }

  .bio-cert-name {
    font-size: 12px !important;
    padding: 8px 6px 10px !important;
  }

  .bio-cert-arrow {
    width: 22px !important;
    height: 38px !important;
    font-size: 24px !important;
  }

  .bio-cert-arrow-left {
    left: 2px !important;
  }

  .bio-cert-arrow-right {
    right: 2px !important;
  }
}

/* ===== Module Separator ===== */

.bl-why-section,
.bl-why-section * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-why-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 42px 0 58px !important;
  overflow: hidden !important;
}

.bl-why-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.bl-why-title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 35px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.bl-why-intro {
  max-width: 1180px !important;
  margin: 0 auto 38px !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.bl-why-intro strong {
  font-weight: 700 !important;
  color: #111111 !important;
}

.bl-why-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 28px !important;
  row-gap: 28px !important;
}

.bl-why-card {
  position: relative !important;
  padding: 26px 24px 28px !important;
  text-align: center !important;
  background: #fcfcfa !important;
  border: 1px solid #dde5d8 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.025) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease !important;
}

.bl-why-card:hover {
  transform: translateY(-6px) !important;
  background: #ffffff !important;
  border-color: #cddbbf !important;
  box-shadow: 0 14px 32px rgba(51, 93, 23, 0.10) !important;
}

.bl-why-icon {
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px !important;
  border-radius: 999px !important;
  background: rgba(51, 93, 23, 0.12) !important;
  color: #335D17 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease !important;
}

.bl-why-icon svg {
  width: 34px !important;
  height: 34px !important;
  fill: currentColor !important;
  display: block !important;
}

.bl-why-card:hover .bl-why-icon {
  transform: translateY(-4px) !important;
  background: rgba(51, 93, 23, 0.16) !important;
  box-shadow: 0 12px 28px rgba(51, 93, 23, 0.12) !important;
}

.bl-why-card h3 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.bl-why-card p {
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-why-section {
    padding: 36px 0 48px !important;
  }

  .bl-why-inner {
    width: calc(100vw - 32px) !important;
  }

  .bl-why-title {
    font-size: 30px !important;
  }

  .bl-why-grid {
    column-gap: 22px !important;
    row-gap: 22px !important;
  }

  .bl-why-card {
    padding: 24px 18px 26px !important;
  }

  .bl-why-card h3 {
    font-size: 18px !important;
  }

  .bl-why-card p,
  .bl-why-intro {
    font-size: 15px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bl-why-section {
    padding: 32px 0 42px !important;
  }

  .bl-why-inner {
    width: calc(100vw - 36px) !important;
  }

  .bl-why-title {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
  }

  .bl-why-intro {
    margin-bottom: 26px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .bl-why-grid {
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
  }

  .bl-why-card {
    padding: 24px 18px 26px !important;
    border-radius: 16px !important;
  }

  .bl-why-icon {
    width: 62px !important;
    height: 62px !important;
    margin-bottom: 12px !important;
  }

  .bl-why-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  .bl-why-card h3 {
    font-size: 18px !important;
  }

  .bl-why-card p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* ===== Module Separator ===== */

.bl-solutions-group,
.bl-solutions-group * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-solution-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 30px 0 30px !important;
  overflow: hidden !important;
}

.bl-solution-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: -20px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  align-items: center !important;
}

/* Image Grid */
.bl-solution-images {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.bl-solution-image-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(2, 1fr) !important;
  gap: 20px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.bl-solution-image-item {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bl-solution-image-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Text Content */
.bl-solution-content {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000000 !important;
  text-align: left !important;
}

.bl-solution-content h2 {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-transform: none !important;
}

.bl-solution-content h4 {
  margin: 16px 0 8px !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 18.666px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.bl-solution-content p {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.bl-solution-content ul {
  margin: 0 0 10px 0 !important;
  padding-left: 20px !important;
  color: #000000 !important;
}

.bl-solution-content li {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.bl-solution-content p:last-child,
.bl-solution-content ul:last-child {
  margin-bottom: 0 !important;
}

.bl-solution-content strong {
  color: #000000 !important;
  font-weight: 700 !important;
}

.bl-solution-content a {
  color: #000000 !important;
  text-decoration: none !important;
}

.bl-solution-content a:hover,
.bl-solution-content a:focus,
.bl-solution-content a:active {
  color: #000000 !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Desktop order */
.bl-solution-image-left .bl-solution-images {
  order: 1 !important;
}

.bl-solution-image-left .bl-solution-content {
  order: 2 !important;
}

.bl-solution-image-right .bl-solution-content {
  order: 1 !important;
}

.bl-solution-image-right .bl-solution-images {
  order: 2 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-solution-section {
    padding: 30px 0 30px !important;
  }

  .bl-solution-inner {
    width: calc(100vw - 32px) !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 16px !important;
    margin-top: -12px !important;
  }

  .bl-solution-image-grid {
    gap: 14px !important;
  }

  .bl-solution-content h2 {
    font-size: 25px !important;
  }

  .bl-solution-content h4 {
    font-size: 18px !important;
  }

  .bl-solution-content p,
  .bl-solution-content li {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}

/* Mobile: all 3 sections image first, then H2/content */
@media (max-width: 768px) {
  .bl-solution-section {
    padding: 28px 0 34px !important;
  }

  .bl-solution-inner {
    width: calc(100vw - 36px) !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
  }

  .bl-solution-image-left .bl-solution-images,
.bl-solution-image-right .bl-solution-images {
  order: 1 !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
}

  .bl-solution-image-left .bl-solution-content,
.bl-solution-image-right .bl-solution-content {
  order: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
}

  .bl-solution-image-grid {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .bl-solution-content h2 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  .bl-solution-content h4 {
    font-size: 16px !important;
    margin: 14px 0 7px !important;
  }

  .bl-solution-content p,
  .bl-solution-content li {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
  }

  .bl-solution-content ul {
    padding-left: 18px !important;
    margin-bottom: 10px !important;
  }
}

/* =========================================================
   Insights, Compliance & Industry News
   Latest Posts Section
   ========================================================= */

.bl-insights-section,
.bl-insights-section * {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

.bl-insights-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #F6FFEA !important;
  padding: 22px 0 36px !important;
  overflow: hidden !important;
}

.bl-insights-inner {
  width: min(1250px, calc(100vw - 206px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.bl-insights-title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: none !important;
}

.bl-insights-intro {
  max-width: 1120px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.bl-insights-intro strong {
  font-weight: 700 !important;
  color: #111111 !important;
}

.bl-insights-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.bl-insight-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  background: #f7f7f4 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: none !important;
}

.bl-insight-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
  background: #f7f7f4 !important;
}

.bl-insight-image-link {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  color: inherit !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.bl-insight-image-link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 420 / 260 !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.bl-insight-card:hover .bl-insight-image-link img {
  transform: none !important;
}

.bl-insight-post-title {
  margin: 16px 14px 0 !important;
  padding: 0 !important;
  color: #335D17 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.bl-insight-post-title a {
  color: #335D17 !important;
  text-decoration: none !important;
}

.bl-insight-post-title a:hover,
.bl-insight-post-title a:focus {
  color: #335D17 !important;
  text-decoration: none !important;
}


.bl-insight-content,
.bl-insight-meta,
.bl-insight-excerpt {
  display: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .bl-insights-section {
    padding: 20px 0 32px !important;
  }

  .bl-insights-inner {
    width: calc(100vw - 32px) !important;
  }

  .bl-insights-title {
    font-size: 25px !important;
  }

  .bl-insights-intro {
    font-size: 14px !important;
    margin-bottom: 24px !important;
  }

  .bl-insights-grid {
    gap: 16px !important;
  }

  .bl-insight-post-title {
    font-size: 15px !important;
    margin: 14px 12px 0 !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .bl-insights-section {
    padding: 20px 0 32px !important;
  }

  .bl-insights-inner {
    width: calc(100vw - 36px) !important;
  }

  .bl-insights-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  .bl-insights-intro {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }

  .bl-insights-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .bl-insight-card {
    padding-bottom: 14px !important;
  }

  .bl-insight-post-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin: 14px 12px 0 !important;
  }
}