/* ===== REFERENCE BENEFITS SECTION ONLY ===== */

.benefits-section{
  position:relative !important;
  overflow:hidden !important;
  margin:10px !important;
  padding:28px 12px 20px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 103% 18%,rgba(32,126,91,.24),transparent 17%),
    radial-gradient(circle at -5% 55%,rgba(32,126,91,.18),transparent 15%),
    linear-gradient(160deg,#0b345c,#07294a 60%,#0b3359) !important;
  color:#fff !important;
}

.benefits-section .section-label{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 7px !important;
  color:#e5b93c !important;
  text-align:center !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:3px !important;
}

.benefits-section .section-label::before,
.benefits-section .section-label::after{
  content:"✦" !important;
  width:46px !important;
  color:#dcb039 !important;
  font-size:7px !important;
}

.benefits-section .section-label::before{
  text-align:right !important;
  background:linear-gradient(#56724e,#56724e) left center/34px 1px no-repeat !important;
}

.benefits-section .section-label::after{
  text-align:left !important;
  background:linear-gradient(#56724e,#56724e) right center/34px 1px no-repeat !important;
}

.benefits-section h2{
  margin:0 0 22px !important;
  color:#fff !important;
  text-align:center !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.benefits-section .mini-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  margin:0 !important;
}

.benefits-section .mini-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) !important;
  align-items:center !important;
  min-width:0 !important;
  min-height:142px !important;
  padding:12px 10px !important;
  background:#fff !important;
  color:#102c49 !important;
  border:1px solid #f3f3f3 !important;
  border-radius:15px !important;
  box-shadow:0 6px 14px rgba(0,17,35,.22) !important;
  overflow:hidden !important;
}

.benefits-section .mini-card::before{
  content:"" !important;
  position:absolute !important;
  left:74px !important;
  top:23px !important;
  bottom:23px !important;
  width:1px !important;
  background:#e7e7e7 !important;
}

.benefits-section .mini-card::after{
  content:none !important;
}

.benefits-section .benefit-icon{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:57px !important;
  height:57px !important;
  border-radius:50% !important;
  background:#e8f5ed !important;
}

.benefits-section .benefit-icon svg{
  width:38px !important;
  height:38px !important;
  fill:none !important;
  stroke:#102c49 !important;
  stroke-width:2.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.benefits-section .benefit-icon .blood-fill{
  fill:#db4b4e !important;
}

.benefits-section .benefit-copy{
  min-width:0 !important;
  padding-left:11px !important;
}

.benefits-section .benefit-copy b{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:29px !important;
  height:21px !important;
  margin:0 0 7px !important;
  padding:0 7px !important;
  background:#11805d !important;
  color:#fff !important;
  border-radius:999px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.benefits-section .benefit-copy strong{
  display:block !important;
  margin:0 !important;
  color:#102c49 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12.5px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
}

.benefits-section .benefit-copy em{
  display:block !important;
  width:auto !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#087a56 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-style:normal !important;
  font-weight:900 !important;
}

.benefits-section .benefit-copy em::after{
  content:none !important;
}

.benefits-section .benefit-copy small{
  display:block !important;
  margin:6px 0 0 !important;
  color:#435266 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

.benefits-section .benefit-sparkle{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  color:#edb931 !important;
  font-size:11px !important;
}

.benefits-section .terms{
  margin:17px 4px 0 !important;
  color:#fff !important;
  text-align:center !important;
  font-size:8px !important;
  line-height:1.4 !important;
}

.benefits-section .terms::before{
  content:"🌿 " !important;
}

.benefits-section .terms::after{
  content:" 🌿" !important;
}

@media(max-width:380px){

  .benefits-section{
    padding-left:9px !important;
    padding-right:9px !important;
  }

  .benefits-section .mini-grid{
    gap:7px !important;
  }

  .benefits-section .mini-card{
    grid-template-columns:59px minmax(0,1fr) !important;
    padding:10px 8px !important;
  }

  .benefits-section .mini-card::before{
    left:64px !important;
  }

  .benefits-section .benefit-icon{
    width:49px !important;
    height:49px !important;
  }

  .benefits-section .benefit-icon svg{
    width:32px !important;
    height:32px !important;
  }

  .benefits-section .benefit-copy{
    padding-left:8px !important;
  }

  .benefits-section .benefit-copy strong{
    font-size:11px !important;
  }

  .benefits-section .benefit-copy small{
    font-size:8px !important;
  }
}