/* ==========================================================
   Skinny Collagen ntv2, Happy Mammoth style layer (Version A)
   Loads after the live CSS. Copy, forms and pids untouched.
   Fonts: DM Sans (headings) + Cabin (body), free Google Fonts.
   ========================================================== */
:root{
  --hm-ink:#0a0a0a; --hm-text:#3f4345; --hm-mute:#6b7072;
  --hm-mint:#66ceaa; --hm-mint-d:#3fb28c; --hm-mint-l:#d6efe6; --hm-mint-xl:#eef9f4;
  --hm-pink:#ef7998; --hm-pink-d:#db6a9c; --hm-pink-l:#ffebf2; --hm-blush:#fff4f8; --hm-rose:#ffdae1; --hm-pill:#f7dfe4;
  --hm-cream:#fdf9f5; --hm-butter:#fffbe8; --hm-peach:#ffecce; --hm-gold:#feae16; --hm-star:#ffc338;
  --hm-grey:#fafafa; --hm-line:#e1e2e2; --hm-dark:#212324;
  --hm-h:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --hm-b:'Cabin',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
html,body.hm{overflow-x:hidden}
body.hm{background:#fff !important;color:var(--hm-text);font-family:var(--hm-b);font-size:20px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.hm p{font-family:var(--hm-b);font-size:20px;line-height:1.6;color:var(--hm-text)}
body.hm h1,body.hm h2,body.hm h3,body.hm h4,body.hm h5,body.hm h6{font-family:var(--hm-h) !important;color:var(--hm-ink);letter-spacing:-.01em}
body.hm h1{font-size:44px;font-weight:700;line-height:1.15;letter-spacing:-.02em}
body.hm h3{font-size:26px;font-weight:500;line-height:1.35}
body.hm h4{font-size:22px;line-height:1.4}
body.hm .text-primary{color:var(--hm-ink) !important}
body.hm .text-white{color:var(--hm-ink) !important}
body.hm .text-shadow{text-shadow:none}
body.hm section{position:relative}
body.hm sup{font-size:.55em}

/* fixed hanging logo: keep, but smaller so it never crowds the hero */
body.hm nav.fixed-top img{width:150px;height:auto}

/* ---------- Pills (HM benefit pills) ---------- */
body.hm .pill{background:var(--hm-pill);border:0;border-radius:999px;color:var(--hm-ink);font-family:var(--hm-h) !important;font-weight:700;font-size:18px;padding:10px 26px;letter-spacing:.02em}
body.hm .pill-xl{background:var(--hm-blush);border:3px solid var(--hm-rose);border-radius:28px;padding:26px 24px}
body.hm .pill-xl h1{font-size:40px;margin-top:4px}
body.hm .pill-xl h4{font-family:var(--hm-b) !important;font-size:20px;color:var(--hm-text);line-height:1.55}
body.hm .pill-xl h4 em{color:var(--hm-pink-d);font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:16px}
body.hm .pill-xl h4 .font-weight-bold{color:var(--hm-ink)}

/* ---------- Hero (top) and #buy ---------- */
body.hm .hero-section{background:linear-gradient(180deg,var(--hm-blush) 0%,#fff 100%) !important;padding-bottom:40px}
body.hm .hero-section > .container-fluid{max-width:1240px;margin:0 auto}
body.hm .hero-section h1{font-size:46px;color:var(--hm-ink) !important;max-width:980px;margin-left:auto;margin-right:auto}
body.hm .hero-section h3{font-size:26px;font-weight:700;line-height:1.35;color:var(--hm-ink) !important}
body.hm .hero-section h4{font-family:var(--hm-b) !important;font-size:20px;line-height:1.55;color:var(--hm-text) !important}
body.hm .hero-section .col-lg-4 > div:first-child{background:#fff;border:3px solid var(--hm-rose);border-radius:20px;padding:26px 24px}
body.hm .hero-section .col-lg-4 h4.font-weight-normal:last-child{display:inline-block;background:var(--hm-mint-xl);border:1px solid var(--hm-mint-l);border-radius:999px;padding:6px 16px;font-size:17px;margin-top:6px}
body.hm .hero-section .col-lg-4 h4.font-weight-normal:last-child::before{content:"\f058";font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-weight:900;color:var(--hm-mint-d);margin-right:8px}
body.hm #buy{background:linear-gradient(180deg,var(--hm-cream) 0%,#fff 100%) !important}
body.hm #buy h1{font-size:42px}

/* ---------- Buy box: HM quantity tiles ---------- */
body.hm .atc p,body.hm .atc-tab{font-family:var(--hm-b) !important}
body.hm .atc-transform{background:transparent}
body.hm .atc{background:#fff !important;border:2px solid var(--hm-line) !important;border-radius:14px !important;padding:30px 18px 22px !important;box-shadow:0 6px 18px rgba(0,0,0,.06)}
body.hm .atc.center{border:3px solid var(--hm-mint) !important;background:var(--hm-mint-xl) !important;box-shadow:0 10px 26px rgba(102,206,170,.28)}
body.hm .atc-tab{position:relative;z-index:3;display:inline-block;background:var(--hm-dark) !important;color:#fff !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.08em;text-transform:uppercase;border-radius:6px !important;padding:6px 18px !important;margin:0 0 -14px !important;line-height:1.3}
body.hm .div-61 .atc-tab{background:var(--hm-gold) !important;color:var(--hm-ink) !important}
body.hm .div-71 .atc-tab{background:var(--hm-pink) !important;color:#fff !important}
body.hm .div-82,body.hm .div-61,body.hm .div-71{text-align:center !important}
body.hm .atc h4,body.hm .atc h6{color:var(--hm-ink) !important;font-weight:700 !important;font-size:24px}
body.hm .atc .additional-text{font-family:var(--hm-b);color:var(--hm-mute) !important;font-size:17px;font-weight:500;letter-spacing:0;margin-bottom:6px}
body.hm .atc-img{margin:8px auto 4px;max-height:220px}
body.hm .atc-savings{background:var(--hm-pink) !important;box-shadow:0 4px 10px rgba(239,121,152,.35)}
body.hm .atc-savings p{color:#fff !important;font-family:var(--hm-h) !important;font-weight:800 !important}
body.hm .atc-price{font-family:var(--hm-h) !important;color:var(--hm-ink) !important;font-weight:800 !important;letter-spacing:-.03em}
body.hm .atc-dollar{color:var(--hm-ink)}
body.hm .atc-whitetext{color:var(--hm-text) !important;font-family:var(--hm-b) !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.04em !important}
body.hm .atc-whitetext::before{content:"\f00c";font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-weight:900;color:var(--hm-mint-d);margin-right:6px}
body.hm .atc-yellowtext{color:var(--hm-pink-d) !important;font-family:var(--hm-h) !important;font-weight:800 !important}
body.hm .atc-button{background:var(--hm-mint) !important;border-radius:10px;box-shadow:0 4px 2px rgba(0,0,0,.18);margin:6px 4px 0 !important;padding:16px 8px !important;transition:background .2s}
body.hm .atc-transform:hover .atc-button{background:var(--hm-mint-d) !important}
body.hm .atc-button h2{color:#fff !important;font-family:var(--hm-b) !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1.5px !important;font-size:17px !important;line-height:1.25;max-width:100% !important;padding:0 !important}
body.hm .atc-bonus{background:var(--hm-butter) !important;border:2px dashed var(--hm-gold);border-radius:10px;filter:none;box-shadow:0 4px 10px rgba(0,0,0,.08)}
body.hm .atc-bonus:before{display:none}
body.hm .atc-bonus p{color:var(--hm-ink) !important;font-family:var(--hm-h) !important}
body.hm .atc-bonus .atc-bonus-amt{color:var(--hm-pink-d)}
body.hm .shipping-ribbon{display:none !important}
@media (min-width:768px){ body.hm .atc #atc-left{min-height:330px} body.hm .atc-bonus{bottom:0 !important} }

/* ---------- Line lists (story lines) ---------- */
body.hm .line-list li{padding-left:24px;margin-bottom:22px}
body.hm .line-list li:before{background:var(--hm-pink);width:4px;border-radius:4px}
body.hm .line-list li h2{font-family:var(--hm-h) !important;font-size:26px;font-weight:500;line-height:1.4;color:var(--hm-ink)}
body.hm .line-list li h2.font-weight-bold,body.hm .line-list li h2 b{font-weight:700}

/* ---------- Callout quotes (HM fact pill style) ---------- */
body.hm .blockquote{background:#fffbfc !important;border:3px solid var(--hm-rose);border-radius:24px;padding:24px 70px;margin-top:24px;margin-bottom:24px;box-shadow:none}
body.hm .blockquote p{font-size:22px;line-height:1.5;color:var(--hm-ink) !important;font-family:var(--hm-h) !important}
body.hm .blockquote .img-left,body.hm .blockquote .img-right{width:58px;background:#fff;border:3px solid var(--hm-rose);border-radius:50%;padding:8px}
body.hm .blockquote .img-left{left:-22px}
body.hm .blockquote .img-right{right:-22px}
body.hm .blockquote.bg-warning{background:var(--hm-peach) !important;border-color:#ffd9a0;border-radius:20px}
body.hm .blockquote.bg-warning h1{color:var(--hm-ink) !important;font-size:36px}
body.hm .blockquote.bg-warning h1 i{color:var(--hm-gold)}
body.hm .blockquote.bg-warning .text-danger{color:#c4396b !important}

/* ---------- Buttons ---------- */
body.hm .cleanse-button{background:var(--hm-mint) !important;color:#fff !important;font-family:var(--hm-h) !important;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:18px 20px;box-shadow:0 4px 2px rgba(0,0,0,.2);animation:none !important;line-height:1.35}
body.hm .cleanse-button:hover{background:var(--hm-mint-d) !important;color:#fff !important;box-shadow:0 4px 2px rgba(0,0,0,.2)}
body.hm .cleanse-button img{filter:brightness(0) invert(1)}

/* ---------- Section bands ---------- */
body.hm .first-section{background:#fff}
body.hm .third-section{background:var(--hm-grey)}
body.hm .second-section{background:var(--hm-pink-l)}
body.hm .sixth-section{background:#fff}
body.hm .seventh-section{background:var(--hm-cream)}
body.hm .eighth-section{background:#fff;padding-top:30px}
body.hm .bonus40-section{background:var(--hm-blush)}
body.hm section > .container{max-width:1140px}
body.hm .first-section h3,body.hm .sixth-section h3,body.hm .seventh-section h3{color:var(--hm-text)}

/* What women report: HM icon cards */
body.hm .equal-height-cards .card{background:#fff;border:1px solid #eee;border-radius:18px;padding:18px 18px 8px;margin-bottom:24px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
body.hm .equal-height-cards .card > p.text-primary{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--hm-pill);color:var(--hm-pink-d) !important;font-family:var(--hm-h);font-weight:800;font-size:20px !important;margin:0 auto 12px}
body.hm .equal-height-cards .card{text-align:center}
body.hm .equal-height-cards .card img{border-radius:12px}
body.hm .equal-height-cards .card h4{font-family:var(--hm-h) !important;font-weight:700;font-size:24px;color:var(--hm-ink);margin:6px 0 0}

/* Real Women, Real Results: HM review cards */
body.hm .second-section .bubble,body.hm .second-section .bubble-left{background:#fff !important;border-radius:16px !important;border:1px solid #f1e3e8;box-shadow:0 6px 18px rgba(219,106,156,.10);text-align:left !important;padding:30px 34px !important}
body.hm .second-section .bubble:before,body.hm .second-section .bubble-left:before{display:none}
body.hm .second-section .bubble p,body.hm .second-section .bubble-left p{text-align:left !important;font-size:20px}
body.hm .second-section .bubble p:first-of-type,body.hm .second-section .bubble-left p:first-of-type{font-family:var(--hm-h) !important;font-weight:700;color:var(--hm-ink)}
body.hm #left-quote,body.hm #right-quote{display:none}
body.hm .hm-name{order:-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--hm-h) !important;font-size:18px;font-weight:700;color:var(--hm-ink);margin:0 0 14px}
body.hm .hm-stars::before{content:"\2605\2605\2605\2605\2605";color:var(--hm-star);letter-spacing:2px;font-size:22px}
body.hm .second-section > .container > .row{align-items:stretch}
@media (min-width:992px){ body.hm .second-section .row > .blockquote{flex:0 0 46%;max-width:46%} }

/* How It Works (guarantee steps): pink line icons in soft circles */
body.hm .act-card{background:transparent}
body.hm .act-card img{width:96px !important;height:96px !important;padding:18px;border-radius:50%;background:#fff;border:2px solid var(--hm-rose);box-shadow:0 0 0 8px var(--hm-blush)}
body.hm .act-card p,body.hm .act-card p b{font-family:var(--hm-b) !important;font-size:19px;color:var(--hm-text) !important;font-weight:600}

/* How Skinny Collagen works: three HM cards */
body.hm .header{border-radius:14px 14px 0 0;color:var(--hm-ink) !important;font-family:var(--hm-h) !important;font-size:19px;line-height:1.35;margin-bottom:0}
body.hm .header::before,body.hm .header::after,body.hm .outline-box-red::before,body.hm .outline-box-yellow::before,body.hm .green-header::before,body.hm .green-header::after,body.hm .red-header::before,body.hm .yellow-header::after{display:none !important}
body.hm .red-header{background:var(--hm-pill) !important}
body.hm .yellow-header{background:var(--hm-peach) !important}
body.hm .green-header{background:var(--hm-mint-l) !important}
body.hm .outline-box-red,body.hm .outline-box-yellow,body.hm .outline-box-green{background:#fff;border:2px solid var(--hm-line) !important;border-top:0 !important;border-radius:0 0 14px 14px;padding:22px 18px;height:calc(100% - 82px)}
body.hm .outline-box-red .title,body.hm .outline-box-yellow .title,body.hm .outline-box-green .title{color:var(--hm-pink) !important;font-weight:700;font-size:26px}
body.hm .seventh-section p{font-size:20px}

/* Ticker */
body.hm #ticker-tape{background:var(--hm-pink) !important}
body.hm #ticker-tape span{color:#fff !important;font-family:var(--hm-h);font-weight:700}
body.hm #ticker-tape img{filter:brightness(0) invert(1)}

/* Guarantee band: HM cream + gold */
body.hm #mbg-section{background:var(--hm-butter) url("https://tgenics-cdn.s3.amazonaws.com/skinnycollagen/images/lander/incontinence-bg-mbg.webp") no-repeat right center !important;background-size:cover !important;color:var(--hm-ink) !important}
body.hm #mbg-section .overlay{display:none}
body.hm #mbg-section *{text-shadow:none !important}
body.hm #mbg-section .col-lg-8{background:rgba(255,251,232,.94);border-radius:22px;padding:10px 34px 20px}
body.hm #mbg-section h1{color:var(--hm-ink) !important;font-size:42px}
body.hm #mbg-section h3{color:#b07d00 !important;font-weight:700}
body.hm #mbg-section p{color:var(--hm-text) !important}

/* Stock up stamp */
body.hm .stamp-badge h4,body.hm .stamp-badge p{color:var(--hm-pink-d) !important;font-family:var(--hm-h) !important}
body.hm .stamp-badge svg rect{stroke:var(--hm-pink)}
body.hm .stamp-badge{transform:none;background:var(--hm-blush);border-radius:20px}

/* Right Now offer badge */
body.hm .index4-offer-badge{background:var(--hm-gold) !important;color:var(--hm-ink) !important;font-family:var(--hm-h) !important;box-shadow:0 6px 14px rgba(254,174,22,.35)}
body.hm .eighth-section h1{font-size:40px}

/* Bonus card */
body.hm .bonus40-pill{background:#fff !important;border:3px solid var(--hm-rose) !important;border-radius:24px !important;box-shadow:none !important}
body.hm .bonus40-pill p{color:var(--hm-ink) !important;font-family:var(--hm-h) !important}
body.hm .bonus40-card{background:#fff !important;border:2px solid var(--hm-line) !important;border-radius:20px !important;box-shadow:0 8px 22px rgba(0,0,0,.06) !important;overflow:hidden}
body.hm .bonus40-title{color:var(--hm-ink) !important;font-family:var(--hm-h) !important}
body.hm .bonus40-limited{color:var(--hm-pink-d) !important;font-family:var(--hm-b) !important}
body.hm .bonus40-lead{font-family:var(--hm-h) !important;color:var(--hm-ink) !important;font-weight:700 !important}
body.hm .bonus40-card p,body.hm .bonus40-closer{font-family:var(--hm-b) !important;font-size:20px;color:var(--hm-text)}
body.hm .bonus40-num{background:var(--hm-mint) !important;color:#fff !important;font-family:var(--hm-h) !important}
body.hm .bonus40-footer{background:var(--hm-mint-l) !important}
body.hm .bonus40-footer p{color:var(--hm-ink) !important;font-family:var(--hm-h) !important}

/* Vessel band */
body.hm .vessel-bg{background:var(--hm-mint-xl) !important}

/* FAQ: HM plus rows */
body.hm #accordion{border:0 !important;background:#fff !important;border-radius:18px;max-width:900px;width:100%;box-shadow:0 6px 20px rgba(0,0,0,.05);padding:14px 34px !important}
body.hm #accordion .btn-link2{display:flex;align-items:center;width:100%;text-align:left;border:0 !important;border-bottom:1px solid var(--hm-line) !important;border-radius:0 !important;background:transparent !important;padding:20px 44px 20px 0 !important;position:relative;box-shadow:none !important}
body.hm #accordion .btn-link2 .fa{display:none}
body.hm #accordion .btn-link2::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--hm-h);font-size:30px;font-weight:400;color:var(--hm-ink)}
body.hm #accordion .btn-link2:not(.collapsed)::after{content:"\2212"}
body.hm #accordion h3{font-family:var(--hm-h) !important;font-size:21px !important;font-weight:700;color:var(--hm-ink) !important;margin:0;line-height:1.4}
body.hm #accordion .collapse p,body.hm #accordion .collapsing p{font-size:19px;color:var(--hm-text) !important;padding:14px 0 6px}
body.hm #accordion .px-4{padding-left:0 !important;padding-right:0 !important}

/* Footer: light HM footer */
body.hm #main-footer{background:var(--hm-dark) !important;color:#e8e8e8 !important}
body.hm #main-footer h6{color:#fff !important;font-family:var(--hm-h) !important;font-weight:700;font-size:18px}
body.hm #main-footer p,body.hm #main-footer a,body.hm #main-footer li{color:#d9dbdc !important;font-size:15px;line-height:1.6;font-family:var(--hm-b) !important}
body.hm #main-footer img[src*="footer-logo"]{max-width:150px}

/* Sticky offer bar (HM announcement bar) */
body.hm #cntbar{background:var(--hm-pink-d) !important}
body.hm #cntbar h4,body.hm #cntbar h5,body.hm #cntbar span{color:#fff !important;font-family:var(--hm-h) !important;background:transparent !important}

/* Exit-intent modal: HM palette (same forms/pids) */
body.hm .three-six-bottles-popup-header{background:var(--hm-pink-d) !important}
body.hm #three-six-bottles-modal .modal-content{background:var(--hm-cream) !important;border-radius:16px !important;overflow:hidden}
body.hm #three-six-bottles-modal h1.cpt{color:#fff !important}
body.hm #three-six-bottles-modal .one-bottle_{color:var(--hm-text) !important}

/* ---------- Tablet ---------- */
@media (max-width:991px){
  body.hm h1,body.hm .hero-section h1{font-size:38px}
  body.hm .hero-section .col-lg-4 > div:first-child{margin-bottom:20px;text-align:center}
  body.hm .hero-section .col-lg-4 h3{text-align:center !important}
}
/* ---------- Phone ---------- */
@media (max-width:767px){
  body.hm{font-size:19px}
  body.hm p{font-size:19px}
  body.hm h1,body.hm .hero-section h1,body.hm #buy h1,body.hm #mbg-section h1,body.hm .eighth-section h1{font-size:31px;line-height:1.2}
  body.hm h3,body.hm .hero-section h3{font-size:22px}
  body.hm h4,body.hm .hero-section h4{font-size:19px}
  body.hm .line-list li h2{font-size:22px}
  body.hm .pill{font-size:16px;padding:8px 20px}
  body.hm .pill-xl{border-radius:22px;padding:20px 14px}
  body.hm .pill-xl h1{font-size:32px}
  body.hm .hero-section .col-lg-4 > div:first-child{padding:20px 16px}
  body.hm .hero-section .col-lg-4 h4.font-weight-normal:last-child{font-size:15px}
  /* phone images full width */
  body.hm .first-section .row img.img-fluid,body.hm .sixth-section .row img.img-fluid,body.hm img.img-fluid[src*="incontinence-16"]{width:100%;padding-left:0 !important;border-radius:14px}
  body.hm .first-section img[src*="incontinence-3"]{max-width:70%}
  body.hm .blockquote{padding:22px 22px 22px 46px;border-radius:20px;margin-left:12px !important;margin-right:12px !important;max-width:calc(100% - 24px)}
  body.hm .blockquote.bubble,body.hm .blockquote.bubble-left{margin-left:auto !important;margin-right:auto !important;padding:24px 20px !important;max-width:100%}
  body.hm .blockquote p{font-size:19px}
  body.hm .blockquote .img-left{left:-16px;width:48px}
  body.hm .blockquote .img-right{right:-16px;width:48px}
  body.hm .blockquote:has(.img-right){padding:22px 46px 22px 22px}
  body.hm .cleanse-button{font-size:17px;padding:16px 14px;margin-left:16px !important;margin-right:16px !important;max-width:calc(100% - 32px)}
  body.hm .equal-height-cards .card{margin-left:8px;margin-right:8px}
  body.hm .equal-height-cards .card img{width:100%}
  body.hm .outline-box-red,body.hm .outline-box-yellow,body.hm .outline-box-green{height:auto}
  body.hm #mbg-section{background:var(--hm-butter) !important}
  body.hm #mbg-section .col-lg-8{padding:6px 18px 16px}
  body.hm .act-card img{width:84px !important;height:84px !important;padding:16px}
  body.hm .act-card p,body.hm .act-card p b{font-size:17px}
  body.hm #accordion{padding:6px 18px !important;border-radius:14px}
  body.hm #accordion h3{font-size:19px !important}
  /* buy box tiles on phone */
  body.hm .atc{padding:18px 8px 14px !important;border-radius:12px !important}
  body.hm .atc-tab{font-size:12px !important;padding:5px 14px !important;margin-bottom:-12px !important}
  body.hm .atc h6{font-size:18px !important}
  body.hm .atc .additional-text{font-size:14px}
  body.hm .atc-price{font-size:46px !important}
  body.hm .atc-whitetext{font-size:11px !important;letter-spacing:0 !important}
  body.hm .atc-yellowtext{font-size:14px !important}
  body.hm .atc-button{width:94% !important;padding:13px 6px !important}
  body.hm .atc-button h2{font-size:14px !important;letter-spacing:.5px !important}
  body.hm #atc-right{border-left:1px solid var(--hm-line) !important;border-image:none !important;padding-left:6px}
  body.hm .atc-img{max-height:150px}
  body.hm .atc-guarantee{display:none !important}
}

/* fixes */
body.hm .third-section .equal-height-cards{justify-content:center}
body.hm .act-card .text-center{position:relative}
body.hm .act-card .text-center::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:96px;height:96px;border-radius:50%;background:#fff;border:2px solid var(--hm-rose);box-shadow:0 0 0 8px var(--hm-blush);z-index:0}
body.hm .act-card img{position:relative;z-index:1;background:transparent !important;border:0 !important;box-shadow:none !important;padding:24px !important;filter:invert(55%) sepia(52%) saturate(1200%) hue-rotate(305deg) brightness(97%) contrast(92%)}
@media (max-width:767px){ body.hm .act-card .text-center::before{width:84px;height:84px} body.hm .act-card img{padding:20px !important} }
@media (min-width:768px){
 body.hm .seventh-section .row > .col-md-4.text-center{display:flex;flex-direction:column}
 body.hm .seventh-section .header{min-height:86px;display:flex !important;flex-direction:column;justify-content:center}
 body.hm .outline-box-red,body.hm .outline-box-yellow,body.hm .outline-box-green{flex:1;height:auto}
}