/* Why Orvon: a compact grid of clean, consistently sized benefit cards. */
body.orvon-bootstrap main>section#why .why-grid {
  margin-bottom: 28px !important;
}
#why .orvon-benefits-area {
  width: 100%;
  margin: 0 auto;
}
#why .orvon-benefits-area > h3,
#why .orvon-benefits-area > h4 {
  margin: 0 0 18px !important;
  color: #273a2c !important;
  font: 500 22px/1.25 Inter,Arial,sans-serif !important;
}
#why .orvon-benefits-area .benefit-pills {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, 185px) !important;
  justify-content: start !important;
  align-items: stretch;
  gap: 16px !important;
  width: 100%;
  margin: 0 !important;
}
#why .orvon-benefits-area .benefit-pills > .benefit-card {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
  gap: 8px !important;
  width: 185px !important;
  min-width: 185px !important;
  max-width: 185px !important;
  height: 185px !important;
  min-height: 185px !important;
  max-height: 185px !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid #e2e5e2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #26352b;
  text-align: left;
  line-height: 1.45;
  white-space: normal !important;
  box-shadow: 0 2px 8px rgba(20,35,25,.05) !important;
}
#why .orvon-benefits-area .benefit-card > .benefit-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 2px !important;
  border: 1px solid rgba(83,171,96,.24) !important;
  border-radius: 50% !important;
  background: #f4faf4 !important;
}
#why .orvon-benefits-area .benefit-card .benefit-icon-mark {
  border-color: #438f50 !important;
}
#why .orvon-benefits-area .benefit-card .benefit-icon-mark:after {
  border-color: #438f50 !important;
}
#why .orvon-benefits-area .benefit-card > .benefit-title,
#why .orvon-benefits-area .benefit-card > .benefit-description {
  display: block !important;
  align-self: stretch;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left;
}
#why .orvon-benefits-area .benefit-card > .benefit-title {
  color: #273a2c !important;
  font: 500 14px/1.2 Inter,Arial,sans-serif !important;
}
#why .orvon-benefits-area .benefit-card > .benefit-description {
  color: #535d56 !important;
  font: 400 12px/1.35 Inter,Arial,sans-serif !important;
}
/* Mobile: two horizontal rows of fixed-size cards in one swipeable rail. */
@media (max-width: 575.98px) {
  #why .orvon-benefits-area .benefit-pills {
    grid-template-columns: repeat(5, 185px) !important;
    grid-template-rows: repeat(2, 185px) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 185px !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 6px !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: #b7d7bb transparent;
  }
  #why .orvon-benefits-area .benefit-pills > .benefit-card {
    flex: none !important;
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
    height: 185px !important;
    min-height: 185px !important;
    max-height: 185px !important;
    padding: 18px !important;
    scroll-snap-align: start;
  }
  #why .orvon-benefits-area .benefit-pills::-webkit-scrollbar {
    height: 5px;
  }
  #why .orvon-benefits-area .benefit-pills::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #b7d7bb;
  }
}