/* HNCCOM benefits fit: keep the row, but never clip copy when the window narrows. */
.hnccom-benefits .container-full { width: 100%; position: relative; }
.hnccom-benefits .f-icon-box-section__wrapper { width: 100%; max-width: none; margin: 0; overflow: visible; }
.hnccom-benefits .f-icon-box-section__wrapper > .f-mixed-layout__wrapper { width: 100%; max-width: none; margin-inline: auto; padding-inline: clamp(48px, 5vw, 88px); box-sizing: border-box; }
.hnccom-benefits .f-mixed-layout__inner { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 28px; }
.hnccom-benefits .m\:column { min-width: 0; flex: 0 1 auto; width: auto; max-width: 280px; padding-left: 0; padding-right: 0; }
.hnccom-benefits .f-icon-box,
.hnccom-benefits .f-icon-box.m\:blocks-radius { width: 100%; background: transparent; overflow: visible; -webkit-mask-image: none; }
.hnccom-benefits .f-icon-box__inner { min-width: 0; align-items: flex-start; }
.hnccom-benefits .f-icon-box__icon { flex: 0 0 48px; }
.hnccom-benefits .f-icon-box__content { min-width: 0; flex: 1 1 auto; }
.hnccom-benefits .f-icon-box__external-image { width: 48px; height: 48px; object-fit: contain; }
.hnccom-benefits .f-icon-box__heading,
.hnccom-benefits .f-icon-box__description,
.hnccom-benefits .f-icon-box__description p { white-space: normal; overflow: visible; overflow-wrap: break-word; }
.hnccom-benefits__controls { display: none; }
@media (max-width: 1279px) {
  .hnccom-benefits .f-mixed-layout__inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  .hnccom-benefits .f-icon-box-section__wrapper { overflow: hidden !important; position: relative; padding: 8px 0; }
  .hnccom-benefits .f-icon-box-section__wrapper > .f-mixed-layout__wrapper { width: 100%; max-width: none; padding: 0 46px; overflow: hidden; }
  .hnccom-benefits .f-mixed-layout__inner { display: block !important; width: 100% !important; grid-template-columns: none !important; column-gap: 0 !important; row-gap: 0; }
  .hnccom-benefits .f-mixed-layout__inner > div { display: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .hnccom-benefits .f-mixed-layout__inner > div.hnccom-benefits-card-active { display: block !important; }
  .hnccom-benefits .f-icon-box { width: 100%; max-width: 280px; margin-inline: auto; }
  .hnccom-benefits .f-icon-box__heading,
  .hnccom-benefits .f-icon-box__description,
  .hnccom-benefits .f-icon-box__description p { white-space: normal; }
  .hnccom-benefits__controls { display: flex; position: absolute; left: 10px; right: 10px; top: 50%; transform: translateY(-50%); justify-content: space-between; pointer-events: none; z-index: 3; }
  .hnccom-benefits__controls button { pointer-events: auto; width: 30px; height: 30px; border: 1px solid rgba(23,107,115,.35); border-radius: 50%; background: rgba(250,248,243,.96); color: #176b73; display: grid; place-items: center; cursor: pointer; padding: 0; }
  .hnccom-benefits__controls svg { width: 16px; height: 16px; }
}
.hnccom-benefits .f-icon-box__heading{font-size:22px;line-height:1.3}
.hnccom-benefits .f-icon-box__description,.hnccom-benefits .f-icon-box__description p{font-size:14px;line-height:1.5}
@media(max-width:1023px){.hnccom-benefits .f-icon-box__heading{font-size:20px}}
@media(max-width:767px){.hnccom-benefits .f-icon-box__heading{font-size:18px}}

@media (min-width: 1280px) {
  .hnccom-benefits .f-mixed-layout__inner { display: flex !important; justify-content: space-between !important; align-items: flex-start; width: 100% !important; }
  .hnccom-benefits .f-mixed-layout__inner > .m\:column { flex: 0 1 auto !important; width: auto !important; max-width: 280px !important; }
}