/* =========================================================================
   MAS UK – internal page theme (service & subject pages: single_page.php)
   Same look as the homepage: Option C green/yellow gradient + graph-paper grid,
   clean type, card sidebar, high-contrast form. Scoped with body:has(.inner-lp),
   so blog, samples and other templates are not affected.
   ========================================================================= */
body:has(.inner-lp){
  --in-ink:#14201c;--in-text:#3b4742;--in-muted:#5c6863;--in-line:#e3e8e6;--in-soft:#f5f8f7;--in-tint:#f6fbf8;
  --in-brand:#0b7a5c;--in-brand-dk:#0a4a39;--in-accent:#ffd23f;--in-cta:#d62828;--in-cta-dk:#b71f22;
  --in-grid:rgba(11,122,92,.12);--in-shadow:0 1px 2px rgba(20,32,28,.04),0 8px 24px -12px rgba(20,32,28,.18)}

/* ---------- 1. Banner: replace the yellow wave + dots ---------- */
body:has(.inner-lp) .banner.ban-inner{position:relative!important;isolation:isolate;overflow:hidden;margin:0!important;
  padding:clamp(28px,4vw,56px) 0 clamp(32px,4vw,52px)!important;text-align:center;
  background-color:var(--in-tint)!important;
  background-image:radial-gradient(820px 480px at 88% 0%,rgba(11,122,92,.16),rgba(11,122,92,0) 65%),radial-gradient(720px 440px at 0% 100%,rgba(255,210,63,.30),rgba(255,210,63,0) 62%)!important;
  border-bottom:1px solid var(--in-line)}
body:has(.inner-lp) .banner.ban-inner::before{display:block!important;content:""!important;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--in-grid) 1px,transparent 1px),linear-gradient(90deg,var(--in-grid) 1px,transparent 1px)!important;background-size:28px 28px!important;
  -webkit-mask-image:radial-gradient(ellipse 60% 75% at 50% 30%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 60% 75% at 50% 30%,#000 15%,transparent 75%);
  width:auto!important;height:auto!important;top:0!important;left:0!important;transform:none!important}
body:has(.inner-lp) .banner.ban-inner::after{display:none!important;content:none!important}
body:has(.inner-lp) .banner.ban-inner .container,body:has(.inner-lp) .banner.ban-inner .row,body:has(.inner-lp) .banner.ban-inner .row>div,
body:has(.inner-lp) .banner.ban-inner .container::before,body:has(.inner-lp) .banner.ban-inner .container::after{background-image:none!important;background-color:transparent!important}

/* breadcrumb */
body:has(.inner-lp) .banner.ban-inner .breadcrumb{display:flex!important;flex-wrap:wrap;justify-content:center;gap:0;margin:0 0 14px!important;padding:0!important;background:none!important;font-size:13.5px!important;line-height:1.5}
body:has(.inner-lp) .banner.ban-inner .breadcrumb li{display:inline-flex!important;align-items:center;padding:0!important;color:var(--in-ink)!important;font-weight:600}
body:has(.inner-lp) .banner.ban-inner .breadcrumb li+li::before{content:"/"!important;padding:0 8px!important;color:var(--in-muted)!important;opacity:.6}
body:has(.inner-lp) .banner.ban-inner .breadcrumb a,body:has(.inner-lp) .banner.ban-inner .breadcrumb a span{color:var(--in-muted)!important;font-weight:500;text-decoration:none!important}
body:has(.inner-lp) .banner.ban-inner .breadcrumb a:hover span{color:var(--in-brand)!important;text-decoration:underline!important}

/* title */
body:has(.inner-lp) .banner.ban-inner h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--in-ink)!important;
  margin:0 auto 12px!important;max-width:900px;text-transform:none!important;text-wrap:balance}

/* hero extras (ticks, CTAs, rating) printed by header.php on pages with a sidebar */
body:has(.inner-lp) .inr-hero-extra{max-width:860px;margin:0 auto}
body:has(.inner-lp) .inr-ticks{list-style:none!important;margin:6px 0 20px!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
body:has(.inner-lp) .inr-ticks li{position:relative;padding-left:28px!important;font-size:15.5px;font-weight:500;color:var(--in-ink);list-style:none!important;background:none!important}
body:has(.inner-lp) .inr-ticks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--in-brand)}
body:has(.inner-lp) .inr-ticks li::after{content:"";position:absolute;left:7px;top:6px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body:has(.inner-lp) .inr-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 14px}
body:has(.inner-lp) .inr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:10px;font-weight:700;font-size:16px;line-height:1;text-decoration:none!important;transition:background .2s,transform .2s}
body:has(.inner-lp) .inr-btn:hover{transform:translateY(-1px)}
body:has(.inner-lp) .inr-btn-primary{background:var(--in-cta);color:#fff!important;box-shadow:0 8px 20px -10px rgba(214,40,40,.7)}
body:has(.inner-lp) .inr-btn-primary:hover{background:var(--in-cta-dk)}
body:has(.inner-lp) .inr-btn-wa{background:#1a7f45;color:#fff!important}
body:has(.inner-lp) .inr-btn-wa:hover{background:#146b39}
body:has(.inner-lp) .inr-rating{font-size:14px;color:var(--in-muted);margin:0!important}
body:has(.inner-lp) .inr-rating b{color:var(--in-ink)}
body:has(.inner-lp) .inr-rating .st{color:#f5b301;letter-spacing:1px}

/* ---------- 2. Layout ---------- */
.inner-lp.contentSec{padding:clamp(32px,4vw,56px) 0 clamp(40px,5vw,72px)!important;margin:0!important;background:#fff!important;background-image:none!important}
.inner-lp.contentSec::before,.inner-lp.contentSec::after{display:none!important}
@media (min-width:992px){
  .inner-lp.contentSec>.container>.row{display:flex;align-items:flex-start}
  .inner-lp.contentSec>.container>.row>.left{padding-right:clamp(24px,3vw,48px)!important}
}

/* ---------- 3. Article typography (CMS content, text unchanged) ---------- */
body .contentSec.inner-lp .left{color:var(--in-text);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
body .contentSec.inner-lp .left p,body .contentSec.inner-lp .left li,body .contentSec.inner-lp .left div,body .contentSec.inner-lp .left span{text-align:left!important;letter-spacing:normal!important;word-spacing:normal!important}
body .contentSec.inner-lp .left p{font-size:17px!important;line-height:1.78!important;color:var(--in-text)!important;margin:0 0 18px!important}
body .contentSec.inner-lp .left h2{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.25!important;font-weight:800!important;color:var(--in-ink)!important;letter-spacing:-.01em;margin:44px 0 14px!important;padding:0!important;text-align:left!important;text-transform:none!important;background:none!important;border:0!important}
body .contentSec.inner-lp .left h3{font-size:clamp(20px,2vw,24px)!important;line-height:1.3!important;font-weight:800!important;color:var(--in-ink)!important;margin:34px 0 12px!important;padding:0!important;text-align:left!important;text-transform:none!important;background:none!important}
body .contentSec.inner-lp .left h4,body .contentSec.inner-lp .left h5{font-size:18px!important;font-weight:700!important;color:var(--in-ink)!important;margin:26px 0 10px!important;text-align:left!important}
body .contentSec.inner-lp .left h2:first-child,body .contentSec.inner-lp .left h3:first-child{margin-top:0!important}
body .contentSec.inner-lp .left h2::before,body .contentSec.inner-lp .left h2::after,body .contentSec.inner-lp .left h3::before,body .contentSec.inner-lp .left h3::after{display:none!important}
body .contentSec.inner-lp .left a{color:var(--in-brand)!important;font-weight:600;text-decoration:underline;text-decoration-color:rgba(11,122,92,.35);text-underline-offset:3px}
body .contentSec.inner-lp .left a:hover{text-decoration-color:var(--in-brand)}
body .contentSec.inner-lp .left strong,body .contentSec.inner-lp .left b{color:var(--in-ink)}
body .contentSec.inner-lp .left ul,body .contentSec.inner-lp .left ol{margin:0 0 20px!important;padding-left:0!important}
body .contentSec.inner-lp .left ul>li{position:relative;list-style:none!important;padding-left:30px!important;margin:0 0 10px!important;font-size:17px!important;line-height:1.7!important;background:none!important}
body .contentSec.inner-lp .left ul>li::before{content:""!important;position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--in-brand);display:block!important}
body .contentSec.inner-lp .left ol{counter-reset:inr}
body .contentSec.inner-lp .left ol>li{position:relative;list-style:none!important;padding-left:36px!important;margin:0 0 12px!important;counter-increment:inr;font-size:17px!important;line-height:1.7!important}
body .contentSec.inner-lp .left ol>li::before{content:counter(inr)!important;position:absolute;left:0;top:.15em;width:24px;height:24px;border-radius:50%;background:#e8f3ef;color:var(--in-brand-dk);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
body .contentSec.inner-lp .left img{max-width:100%!important;height:auto!important;border-radius:14px;display:block;margin:8px auto 22px!important;float:none!important}
body .contentSec.inner-lp .left figure{margin:0 0 22px!important}
body .contentSec.inner-lp .left table{width:100%!important;border-collapse:separate;border-spacing:0;margin:0 0 24px!important;font-size:15.5px;border:1px solid var(--in-line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
body .contentSec.inner-lp .left th,body .contentSec.inner-lp .left td{padding:12px 14px!important;border-bottom:1px solid var(--in-line)!important;text-align:left!important;vertical-align:top}
body .contentSec.inner-lp .left th{background:var(--in-soft);color:var(--in-ink);font-weight:700}
body .contentSec.inner-lp .left blockquote{margin:0 0 22px!important;padding:16px 20px!important;border-left:4px solid var(--in-accent)!important;background:#fffbea;border-radius:0 12px 12px 0;font-size:17px;color:var(--in-ink)}
body .contentSec.inner-lp .left iframe{max-width:100%;border-radius:12px}
/* common CMS buttons */
body .contentSec.inner-lp .left .btn,body .contentSec.inner-lp .left a.btn,body .contentSec.inner-lp .left a[href*="order-now"]:has(img)~a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px!important;border-radius:10px!important;background:var(--in-cta)!important;border:0!important;color:#fff!important;font-weight:700!important;text-decoration:none!important}
body .contentSec.inner-lp .left .btn:hover{background:var(--in-cta-dk)!important}

/* ---------- 4. Sidebar cards ---------- */
.inr-side{display:grid;gap:20px}
.inr-card{background:#fff;border:1px solid var(--in-line);border-radius:18px;padding:22px;box-shadow:var(--in-shadow)}
.inr-card h3{font-size:18px!important;line-height:1.3!important;font-weight:800!important;color:var(--in-ink)!important;margin:0 0 14px!important;padding:0!important;text-transform:none!important;background:none!important;border:0!important;text-align:left!important}
.inr-card h3::before,.inr-card h3::after{display:none!important}

/* form card */
.inner-lp .order-form{background:#fff!important;border:1px solid var(--in-line)!important;border-radius:20px!important;padding:20px 20px 16px!important;box-shadow:0 24px 60px -30px rgba(20,32,28,.4)!important;margin:0!important}
.inner-lp .order-form::before,.inner-lp .order-form::after{display:none!important}
.inner-lp .order-form>.inr-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.inner-lp .order-form>.inr-form-head h2{font-size:22px!important;line-height:1.2!important;font-weight:800!important;color:var(--in-ink)!important;margin:0!important;padding:0!important;background:none!important;text-align:left!important;
  box-shadow:inset 0 -.3em 0 var(--in-accent);display:inline}
.inner-lp .order-form>.inr-form-head h2::before,.inner-lp .order-form>.inr-form-head h2::after{display:none!important}
.inner-lp .order-form>.inr-form-head span{display:inline-flex;padding:5px 12px;border-radius:999px;background:#fff3c4;border:1px solid #f2d27a;color:#7a4b00;font-size:12.5px;font-weight:700;white-space:nowrap}
.inr-form-note{margin:12px 0 0!important;text-align:center;font-size:12.5px!important;color:var(--in-muted)!important}
.inr-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--in-line);list-style:none}
.inr-trust li{text-align:center;list-style:none!important;padding:0!important;background:none!important}
.inr-trust strong{display:block;font-size:18px;font-weight:900;color:var(--in-ink);line-height:1.1}
.inr-trust span{font-size:12px;color:var(--in-muted)}

/* why choose */
.inr-why{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.inr-why li{position:relative;padding-left:30px!important;font-size:15px;line-height:1.45;color:var(--in-ink);font-weight:500;list-style:none!important;background:none!important}
.inr-why li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--in-brand)}
.inr-why li::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* pre-submission checks list */
.inr-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.inr-links li{list-style:none!important;padding:0!important;margin:0!important;background:none!important}
.inr-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--in-line);border-radius:12px;background:#fff;color:var(--in-ink)!important;font-size:14.5px;font-weight:600;text-decoration:none!important;transition:border-color .2s,background .2s}
.inr-links a:hover{border-color:var(--in-brand);background:#f1f8f5}
.inr-links a span{font-size:12px;font-weight:600;color:var(--in-muted)}
.inr-links a::after{content:"\2192";color:var(--in-brand);font-weight:800}

/* other subjects (keeps #catList "View more" behaviour from footer.php) */
.inner-lp .right_sc_con{background:#fff;border:1px solid var(--in-line);border-radius:18px;padding:22px 22px 14px;box-shadow:var(--in-shadow);margin:0!important}
.inner-lp .catlist_con h3{font-size:18px!important;font-weight:800!important;color:var(--in-ink)!important;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}
.inner-lp .catlist_con h3::before,.inner-lp .catlist_con h3::after{display:none!important}
.inner-lp .catlist_con .sub_cat{display:flex!important;flex-wrap:wrap;gap:8px;max-height:212px;overflow:hidden;padding:0!important;border:0!important;background:none!important}
.inner-lp .catlist_con .sub_cat[style*="auto"]{max-height:none}
.inner-lp .catlist_con .sub_cat a{display:inline-flex!important;padding:7px 12px!important;border:1px solid var(--in-line)!important;border-radius:999px;background:var(--in-soft)!important;color:var(--in-ink)!important;font-size:13.5px!important;font-weight:600;line-height:1.3!important;text-decoration:none!important;width:auto!important;margin:0!important}
.inner-lp .catlist_con .sub_cat a:hover{border-color:var(--in-brand)!important;background:#e8f3ef!important;color:var(--in-brand-dk)!important}
.inner-lp .catlist_con .sub_cat a::before,.inner-lp .catlist_con .sub_cat a::after{display:none!important}
.inner-lp .shoCat{display:block;margin:10px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--in-line);text-align:center;font-size:14px;font-weight:700;color:var(--in-brand)!important;cursor:pointer;background:none!important}

/* WhatsApp help card */
.inr-help{background:linear-gradient(140deg,#0a3a2d 0%,#0b6a50 100%);border:0;color:#fff;text-align:center}
.inr-help h3{color:#fff!important;text-align:center!important}
.inr-help p{color:rgba(255,255,255,.85)!important;font-size:14.5px!important;margin:0 0 14px!important}
.inr-help .inr-btn{width:100%}

@media (min-width:992px){ .inr-side-sticky{position:sticky;top:110px} }
@media (max-width:991px){
  .inr-side{margin-top:32px}
  body:has(.inner-lp) .inr-ticks{gap:8px 16px}
}
@media (max-width:640px){
  body:has(.inner-lp) .banner.ban-inner{text-align:left}
  body:has(.inner-lp) .banner.ban-inner .breadcrumb,body:has(.inner-lp) .inr-ticks,body:has(.inner-lp) .inr-hero-cta{justify-content:flex-start}
  body:has(.inner-lp) .inr-hero-cta .inr-btn{flex:1 1 100%}
  body .contentSec.inner-lp .left,body .contentSec.inner-lp .left p,body .contentSec.inner-lp .left li{font-size:16px!important}
}


/* =========================================================================
   v2 — fixes from the live page review
   ========================================================================= */
/* Hero: no dot pattern, upright buttons, centred rating */
body:has(.inner-lp) .banner.ban-inner *:not(.inr-btn):not(.st){background-image:none!important}
body:has(.inner-lp) .banner.ban-inner .container,body:has(.inner-lp) .banner.ban-inner .row,body:has(.inner-lp) .banner.ban-inner .row>div{background:transparent!important}
body:has(.inner-lp) .banner.ban-inner .inr-btn{font-style:normal!important;font-family:inherit!important;letter-spacing:0!important;text-transform:none!important}
body:has(.inner-lp) .banner.ban-inner .inr-rating{display:block!important;width:100%!important;text-align:center!important;margin:0!important;font-style:normal!important}
body:has(.inner-lp) .banner.ban-inner .inr-ticks li{font-style:normal!important;text-align:left!important}

/* Article: one type scale, left aligned, readable */
body .contentSec.inner-lp .left{font-family:inherit;max-width:760px}
body .contentSec.inner-lp .left,body .contentSec.inner-lp .left *{text-align:left!important;letter-spacing:normal!important;word-spacing:normal!important}
body .contentSec.inner-lp .left p,body .contentSec.inner-lp .left li,body .contentSec.inner-lp .left td,body .contentSec.inner-lp .left span:not(.inr-cta *),body .contentSec.inner-lp .left div:not(.inr-cta):not(.inr-cta *){font-size:17px!important;line-height:1.78!important;color:#3b4742!important;font-weight:400}
body .contentSec.inner-lp .left p{margin:0 0 18px!important}
body .contentSec.inner-lp .left strong,body .contentSec.inner-lp .left b{font-weight:700!important;color:#14201c!important}
body .contentSec.inner-lp .left h1,body .contentSec.inner-lp .left h2{font-size:28px!important;line-height:1.25!important;font-weight:800!important;color:#14201c!important;margin:44px 0 14px!important}
body .contentSec.inner-lp .left h3{font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:#14201c!important;margin:36px 0 12px!important}
body .contentSec.inner-lp .left h4,body .contentSec.inner-lp .left h5,body .contentSec.inner-lp .left h6{font-size:19px!important;line-height:1.35!important;font-weight:700!important;color:#14201c!important;margin:28px 0 10px!important}
body .contentSec.inner-lp .left :is(h1,h2,h3,h4,h5,h6) *{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:inherit!important}
body .contentSec.inner-lp .left a:not(.inr-cta-btn){color:#0b7a5c!important;font-weight:600!important;text-decoration:underline!important;text-decoration-color:rgba(11,122,92,.35)!important;text-underline-offset:3px}
body .contentSec.inner-lp .left a:not(.inr-cta-btn):hover{text-decoration-color:#0b7a5c!important}
body .contentSec.inner-lp .left li:has(img)::before{display:none!important}
body .contentSec.inner-lp .left li:has(img){padding-left:0!important}

/* In-content CTA box (homepage yellow CTA style) – built by single_page.php from the old "Order Now" strips */
body .contentSec.inner-lp .left .inr-cta{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px;margin:32px 0!important;padding:26px 28px!important;
  background:#ffd23f!important;border:0!important;border-radius:22px!important;box-shadow:0 18px 40px -24px rgba(122,75,0,.55)}
body .contentSec.inner-lp .left .inr-cta-txt{flex:1 1 320px}
body .contentSec.inner-lp .left .inr-cta-title{font-size:22px!important;line-height:1.25!important;font-weight:800!important;color:#14201c!important;margin:0 0 12px!important}
body .contentSec.inner-lp .left .inr-cta-points{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important}
body .contentSec.inner-lp .left .inr-cta-points li{list-style:none!important;margin:0!important;padding:6px 12px 6px 30px!important;position:relative;background:rgba(255,255,255,.6)!important;border-radius:999px;font-size:14px!important;line-height:1.4!important;font-weight:700!important;color:#14201c!important}
body .contentSec.inner-lp .left .inr-cta-points li::before{content:""!important;position:absolute;left:9px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#0b7a5c;display:block!important}
body .contentSec.inner-lp .left .inr-cta-points li::after{content:"";position:absolute;left:14px;top:50%;width:4px;height:7px;margin-top:-5px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body .contentSec.inner-lp .left a.inr-cta-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px!important;border-radius:10px;background:#d62828!important;color:#fff!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 10px 22px -10px rgba(214,40,40,.8);transition:background .2s,transform .2s}
body .contentSec.inner-lp .left a.inr-cta-btn:hover{background:#b71f22!important;transform:translateY(-1px)}
@media (max-width:640px){ body .contentSec.inner-lp .left a.inr-cta-btn{width:100%} body .contentSec.inner-lp .left .inr-cta{padding:22px!important} }

/* Sidebar: no justified text, even spacing, tidy cards */
.inr-side,.inr-side *{text-align:left!important;word-spacing:normal!important;letter-spacing:normal!important;font-style:normal!important}
.inr-side p,.inr-side li,.inr-side span,.inr-side a{line-height:1.45!important}
.inr-side ul{margin:0!important;padding:0!important}
.inr-side li{margin:0!important;float:none!important;width:auto!important;border:0!important}
.inr-side .inr-why{gap:12px!important}
.inr-side .inr-why li{font-size:15px!important;color:#14201c!important}
.inner-lp .order-form>.inr-form-head h2{display:inline!important;width:auto!important;float:none!important;font-size:22px!important}
.inner-lp .order-form>.inr-form-head{align-items:flex-start!important;flex-direction:column;gap:8px!important}
.inr-side .inr-form-note{text-align:center!important;font-size:12.5px!important;line-height:1.4!important;margin:12px 0 0!important}
.inr-side .inr-trust li,.inr-side .inr-trust li *{text-align:center!important}
.inr-side .inr-trust strong{font-size:18px!important}
.inr-side .inr-trust span{font-size:12px!important;display:block}
.inr-side .inr-links a{font-size:14.5px!important;line-height:1.3!important}
.inr-side .inr-help,.inr-side .inr-help *{text-align:center!important}
.inr-side .inr-help p{font-size:14.5px!important;margin:0 0 14px!important;color:rgba(255,255,255,.85)!important}
.inr-side .inr-help .inr-btn{display:flex;width:100%;font-style:normal!important}
.inr-side .inr-help .inr-btn+.inr-btn{margin-top:10px}
.inr-side .inr-btn-light{background:#fff;color:#0a4a39!important}
.inr-side .inr-btn-light:hover{background:#fff3c4}
.inner-lp .catlist_con .sub_cat a{line-height:1.3!important}

/* Sticky "Stuck right now?" card follows the reader down the long article (desktop) */
@media (min-width:992px){
  .inner-lp.contentSec>.container>.row{align-items:stretch!important}
  .inner-lp.contentSec>.container>.row>.col-lg-4{display:block}
  .inr-side{height:100%;align-content:start}
  .inr-side .inr-help{position:sticky;top:120px}
}
body:has(.inner-lp) .banner.ban-inner .breadcrumb,body:has(.inner-lp) .banner.ban-inner .breadcrumb *{font-style:normal!important}
.inr-side .inr-trust{margin:14px 0 0!important;padding:14px 0 0!important;border-top:1px solid #e3e8e6!important;display:grid!important}
.inner-lp .catlist_con .sub_cat{max-height:202px}

/* =========================================================================
   v3 — homepage background, article card, sidebar polish
   ========================================================================= */
/* 5. remove the theme's bean/blob images (bean-sblu.svg etc.) and use the homepage background */
body:has(.inner-lp) .contentSec.inner-lp,body:has(.inner-lp) .contentSec.inner-lp *:not(img):not(.inr-help):not(.inr-btn):not(select):not(input):not(textarea),
body:has(.inner-lp) .contentSec.inner-lp::before,body:has(.inner-lp) .contentSec.inner-lp::after,
body:has(.inner-lp) .contentSec.inner-lp .container::before,body:has(.inner-lp) .contentSec.inner-lp .container::after,
body:has(.inner-lp) .contentSec.inner-lp .row::before,body:has(.inner-lp) .contentSec.inner-lp .row::after{background-image:none!important}
body:has(.inner-lp) section.contentSec.inner-lp{
  background-color:#f6fbf8!important;
  background-image:
    radial-gradient(760px 460px at 100% 0%,rgba(11,122,92,.12),rgba(11,122,92,0) 65%),
    radial-gradient(700px 440px at 0% 100%,rgba(255,210,63,.22),rgba(255,210,63,0) 62%),
    linear-gradient(rgba(11,122,92,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,122,92,.06) 1px,transparent 1px)!important;
  background-size:auto,auto,28px 28px,28px 28px!important;
  background-repeat:no-repeat,no-repeat,repeat,repeat!important}

/* 6. article in its own bordered card, separated from the sidebar */
body .contentSec.inner-lp .left{max-width:none!important;background:#fff!important;border:1px solid #e3e8e6!important;border-radius:20px!important;
  padding:clamp(22px,3.2vw,44px)!important;box-shadow:0 1px 2px rgba(20,32,28,.04),0 14px 34px -20px rgba(20,32,28,.22)}
@media (min-width:992px){
  .inner-lp.contentSec>.container>.row>.left{margin-right:0!important}
  .inner-lp.contentSec>.container>.row>.col-lg-4{padding-left:clamp(18px,2vw,28px)!important}
  body .contentSec.inner-lp .left{padding-right:clamp(22px,3.2vw,44px)!important}
}
@media (max-width:991px){ body .contentSec.inner-lp .left{border-radius:16px!important} }

/* 2. form card: room above and below the button, note and trust row */
.inner-lp .order-form #common_order_form .cmof_submit{margin:6px 0 0!important}
.inr-side .inr-form-note{padding:14px 0 2px!important;margin:0!important}
.inr-side .inr-trust{margin:14px 0 0!important;padding:16px 0 4px!important}
.inr-side .inr-trust li{padding:2px 4px!important}
.inr-side .inr-trust strong{margin-bottom:4px!important}

/* 3. "Why students choose" – soft divider between lines */
.inr-side .inr-why{gap:0!important}
.inr-side .inr-why li{padding:12px 0 12px 30px!important;border:0!important;border-bottom:1px solid rgba(11,122,92,.2)!important;
  border-image:linear-gradient(90deg,rgba(11,122,92,0) 0%,rgba(11,122,92,.28) 20%,rgba(11,122,92,.28) 80%,rgba(11,122,92,0) 100%) 1!important}
.inr-side .inr-why li:last-child{border-bottom:0!important;border-image:none!important;padding-bottom:2px!important}
.inr-side .inr-why li:first-child{padding-top:4px!important}
.inr-side .inr-why li::before{top:13px!important;margin-top:0!important}
.inr-side .inr-why li::after{top:17px!important;margin-top:0!important}
.inr-side .inr-why li:first-child::before{top:5px!important}
.inr-side .inr-why li:first-child::after{top:9px!important}

/* 4. "View more" as a proper button */
.inner-lp .shoCat{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;margin:14px 0 4px!important;padding:0 16px!important;
  border:1.5px solid #0b7a5c!important;border-radius:10px!important;background:#fff!important;color:#0b7a5c!important;font-size:14px!important;font-weight:700!important;cursor:pointer;
  transition:background .2s,color .2s;text-align:center!important;border-top-width:1.5px!important}
.inner-lp .shoCat:hover,.inner-lp .shoCat:focus-visible{background:#0b7a5c!important;color:#fff!important;outline:0}
.inner-lp .right_sc_con{padding-bottom:18px!important}
/* =========================================================================
   v7.2 — Hero quote form (shared form from my-assignmentservices.com, #common_order_form)
   Styling only, scoped to the MAS UK homepage hero. The shared form file and its
   country dropdown logic are NOT changed. Floating labels kept, cleaned up.
   ========================================================================= */
body:has(.inner-lp) .inner-lp .order-form #common_order_form{--f-ink:#14201c;--f-text:#3b4742;--f-muted:#5c6863;--f-line:#c9d3cf;--f-hover:#9fb0a9;--f-brand:#0b7a5c;--f-ring:rgba(11,122,92,.18);--f-cta:#e5383b;--f-cta-dk:#c42a2d;--f-h:46px;
  height:auto!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;font-family:inherit;color:var(--f-text)}
body:has(.inner-lp) .inner-lp .order-form #common_order_form *{box-sizing:border-box}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm{background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important}
body:has(.inner-lp) .inner-lp .order-form{padding:20px 22px 16px!important}

/* ---- Heading + offer pill ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px!important;padding:0!important;background:none!important;position:relative}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading span{position:static!important;display:inline!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important;color:var(--f-ink)!important;letter-spacing:-.01em;background:none!important;padding:0!important;margin:0!important;box-shadow:inset 0 -.3em 0 #ffd23f!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading span::before,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading span::after,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading::before,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading::after{display:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading strong{position:static!important;transform:none!important;display:inline-flex!important;align-items:center;margin:0!important;padding:6px 14px!important;border-radius:999px!important;background:#fff3c4!important;border:1px solid #f2d27a!important;color:#7a4b00!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap;box-shadow:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading strong::before,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_formHeading strong::after{display:none!important}

/* ---- Grid: flex rows with even gaps ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row{display:flex!important;flex-wrap:wrap;margin:0 -6px!important;row-gap:12px}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>[class*="col-"]{float:none!important;padding:0 6px!important;margin:0!important;min-height:0}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-12{width:100%!important;flex:0 0 100%}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-6{width:50%!important;flex:0 0 50%}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .form-bm,body:has(.inner-lp) .inner-lp .order-form #common_order_form .form-group{margin:0!important}

/* ---- Fields ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input[type=text],input[type=email],input[type=number],select,textarea){
  display:block;width:100%!important;height:var(--f-h)!important;min-height:var(--f-h)!important;margin:0!important;
  background-color:#fff!important;border:1.5px solid var(--f-line)!important;border-radius:10px!important;
  padding:0 14px!important;font:500 15px/1.2 inherit!important;font-family:inherit!important;color:var(--f-ink)!important;
  box-shadow:none!important;outline:0;transition:border-color .15s,box-shadow .15s}
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input,select,textarea):hover{border-color:var(--f-hover)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input,select,textarea):focus{border-color:var(--f-brand)!important;box-shadow:0 0 0 3px var(--f-ring)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .has-error{border-color:var(--f-cta)!important;box-shadow:0 0 0 3px rgba(229,56,59,.14)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form select{-webkit-appearance:none!important;appearance:none!important;padding-right:34px!important;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2314201c' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 12px center/12px 8px no-repeat!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form textarea{height:64px!important;min-height:64px!important;padding:20px 14px 8px!important;line-height:1.45!important;resize:vertical}
body:has(.inner-lp) .inner-lp .order-form #common_order_form input[type=number]{-moz-appearance:textfield}

/* ---- Floating labels (Name, Email, Phone, Details, Verify Captcha) ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label{position:relative!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>label{position:absolute!important;left:15px!important;top:23px!important;transform:translateY(-50%)!important;margin:0!important;padding:0 4px!important;
  font-size:15px!important;font-weight:500!important;line-height:1!important;color:var(--f-muted)!important;background:transparent!important;pointer-events:none;
  white-space:nowrap;transition:top .15s,font-size .15s,color .15s,background .15s;z-index:2;width:auto!important;display:block!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>:is(input,textarea):focus+label,
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>:is(input,textarea).cof-has-value+label,
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>input:autofill+label,
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>input:-webkit-autofill+label{top:0!important;font-size:12px!important;font-weight:600!important;color:var(--f-brand)!important;background:#fff!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .text-area-section>label{top:20px!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .text-area-section>textarea:focus+label,body:has(.inner-lp) .inner-lp .order-form #common_order_form .text-area-section>textarea.cof-has-value+label{top:0!important}

/* ---- Static labels above fields (Subject, Deadline, Time, Upload, Captcha) ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(.select_subject_label,.select_time_label,.cof_control-label,.file_select_div_inner>label,.cof_captcha>label){
  position:static!important;transform:none!important;display:block!important;width:auto!important;background:none!important;padding:0!important;
  margin:0 0 5px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;color:var(--f-text)!important;text-align:left!important}

/* ---- Phone: country button + number joined as one field (dropdown logic untouched) ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .intl-tel-input{display:flex!important;align-items:stretch;width:100%;position:relative}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_country-codes{flex:0 0 auto;position:relative}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_countrybtn{display:flex!important;align-items:center;gap:6px;height:var(--f-h)!important;min-height:var(--f-h)!important;padding:0 10px 0 12px!important;margin:0!important;
  background:#f5f8f7!important;border:1.5px solid var(--f-line)!important;border-right:0!important;border-radius:10px 0 0 10px!important;
  font-size:15px!important;font-weight:600!important;color:var(--f-ink)!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_countrySelect{display:inline-flex!important;align-items:center;gap:6px}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_phone_div{flex:1 1 auto;min-width:0}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_phone{border-radius:0 10px 10px 0!important}

/* ---- Deadline + time on one line ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_timeZone{display:flex!important;align-items:flex-end;gap:8px;position:relative;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_cal{display:flex!important;flex-direction:column-reverse;flex:1 1 auto;min-width:0}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_deadline{cursor:pointer;padding-right:38px!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235c6863' stroke-width='1.8'%3E%3Crect x='2' y='3.5' width='14' height='12.5' rx='2'/%3E%3Cpath d='M2 7.5h14M6 1.5v4M12 1.5v4'/%3E%3C/svg%3E") right 12px center/18px no-repeat!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_selTime{flex:0 0 112px;width:112px!important;margin:0!important;padding:0!important;float:none!important;position:static!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_time{padding:0 26px 0 10px!important;background-position:right 9px center!important;font-size:14px!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_pack1{position:absolute!important;top:0!important;right:120px!important;left:auto!important;margin:0!important;line-height:1}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_pack1 .cof_icon{width:14px!important;height:14px!important;fill:var(--f-muted)!important}

/* ---- Upload ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_attch_feild{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;border:0!important;background:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form input[type=file]{flex:1 1 auto;min-width:0;width:100%!important;height:auto!important;padding:8px 10px!important;margin:0!important;
  border:1.5px dashed var(--f-hover)!important;border-radius:10px!important;background:#f8fbfa!important;font-size:14px!important;color:var(--f-muted)!important;cursor:pointer}
body:has(.inner-lp) .inner-lp .order-form #common_order_form input[type=file]::file-selector-button{margin-right:12px;padding:7px 14px;border:0;border-radius:8px;background:var(--f-ink);color:#fff;font:600 13.5px inherit;font-family:inherit;cursor:pointer}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #comm_o_f_add_more,body:has(.inner-lp) .inner-lp .order-form #common_order_form .close-btn{flex:none;width:34px;height:34px;margin:0!important;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;background:#e8f3ef!important;color:var(--f-brand)!important;font-weight:800;font-size:18px}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #comm_o_f_more_attachment .cof_attch_feild{margin-top:8px!important}

/* ---- Captcha: label / code / refresh / answer ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_captcha{display:grid!important;grid-template-columns:120px 30px minmax(0,1fr);align-items:center;column-gap:8px;width:100%!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_captcha>label{grid-column:1 / -1}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cof_captcha_hidden_1{width:120px!important;text-align:center!important;background:#f5f8f7!important;font-family:ui-monospace,Menlo,Consolas,monospace!important;font-weight:700!important;letter-spacing:.18em;user-select:none}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cof-change-image{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cof-change-image .icon{width:22px!important;height:22px!important;fill:var(--f-ink)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_captcha>.cof-scr-label{display:block!important;width:100%!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_captcha_1{display:block!important;text-align:left!important}

/* ---- Consent ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box{margin:2px 0 0!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label{font-size:12.5px!important;line-height:1.45!important;font-weight:400!important;color:var(--f-muted)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label.has_text_error{color:var(--f-cta)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkItem{accent-color:var(--f-brand)}

/* ---- CTA ---- */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;max-width:none!important;height:52px!important;min-height:52px!important;margin:4px 0 0!important;padding:0 20px!important;
  border:0!important;border-radius:10px!important;background:var(--f-cta)!important;color:#fff!important;font-family:inherit!important;font-size:17px!important;font-weight:800!important;letter-spacing:.01em;
  box-shadow:0 12px 24px -12px rgba(229,56,59,.8)!important;transition:background .2s,transform .2s;cursor:pointer}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit:hover{background:var(--f-cta-dk)!important;transform:translateY(-1px)}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit::after{content:"\2192";font-weight:800}
body:has(.inner-lp) .inner-lp .order-form .lp-form-note{margin-top:10px!important;color:#5c6863!important;font-size:12.5px!important}

/* ---- Mobile: stack the half-width fields ---- */
@media (max-width:575px){
  body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-6{width:100%!important;flex:0 0 100%}
  body:has(.inner-lp) .inner-lp .order-form{padding:18px 16px 14px!important}
}
/* v7.2 — time-zone info icon as a hover tooltip; hide number spinners */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_clkPack{position:relative;display:inline-flex;cursor:help}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_clkPack>span{display:none!important;position:absolute;right:-8px;bottom:calc(100% + 8px);width:210px;padding:8px 10px;border-radius:8px;background:#14201c;color:#fff!important;font-size:12px!important;line-height:1.4!important;font-weight:500;text-align:left;z-index:20;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_clkPack:hover>span,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_clkPack:focus-within>span{display:block!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form input[type=number]::-webkit-outer-spin-button,body:has(.inner-lp) .inner-lp .order-form #common_order_form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_pack1{display:none!important} /* label already says AEST; icon collided with it */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box{display:flex!important;align-items:flex-start;gap:8px}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box .checkItem{flex:none;margin:2px 0 0!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label{margin:0!important;padding:0!important}

/* =========================================================================
   v7.3 — desktop alignment fixes (live form) + proper T&C checkbox
   ========================================================================= */
/* Subject / Deadline / Time: labels on one row, fields on the next, all aligned */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_timeZone{display:grid!important;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto auto;column-gap:8px;row-gap:0;align-items:end}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_cal,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_selTime{display:contents!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_cal>label{grid-column:1;grid-row:1}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_cal>input{grid-column:1;grid-row:2}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_selTime>label{grid-column:2;grid-row:1}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_selTime>select{grid-column:2;grid-row:2}
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(.select_subject_label,.select_time_label,.cof_control-label){white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;height:17px!important;line-height:17px!important;margin:0 0 6px!important;font-size:13px!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(#cmof_subject,#cmof_deadline,#deadline_time){height:var(--f-h)!important;min-height:var(--f-h)!important;max-height:var(--f-h)!important;margin:0!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-6{display:block}

/* All single-line fields exactly the same height */
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(#cmof_name,#cmof_email,#cmof_phone,#cof_captcha_hidden_1,#cmof_captcha_1),body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_countrybtn{height:var(--f-h)!important;min-height:var(--f-h)!important;max-height:var(--f-h)!important;line-height:normal!important}

/* Upload: hide the "+" until a file is chosen so the field spans full width */
body:has(.inner-lp) .inner-lp .order-form #common_order_form #comm_o_f_add_more[style*="opacity: 0"]{display:none!important}

/* T&C: real checkbox, ticked by default, no overlapping theme tick */
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box{display:flex!important;align-items:flex-start!important;gap:10px!important;position:relative;padding:0!important;margin:2px 0 0!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label{position:static!important;padding:0!important;margin:0!important;text-indent:0!important;cursor:pointer}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label::before,body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label::after,body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box::before,body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box::after{display:none!important;content:none!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box input.checkItem{
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-block!important;visibility:visible!important;opacity:1!important;position:static!important;
  flex:0 0 18px;width:18px!important;height:18px!important;min-height:0!important;max-height:none!important;margin:1px 0 0!important;padding:0!important;
  border:1.5px solid var(--f-hover)!important;border-radius:5px!important;background:#fff!important;cursor:pointer;box-shadow:none!important;transform:none!important;clip:auto!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box input.checkItem:checked{
  border-color:var(--f-brand)!important;
  background:var(--f-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 5.2 4.5 8 10.5 1.8'/%3E%3C/svg%3E") center/11px 9px no-repeat!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box input.checkItem:focus-visible{box-shadow:0 0 0 3px var(--f-ring)!important}

/* v7.4 — Get Started button: MAS green + proper space above it */
body:has(.inner-lp) .inner-lp .order-form #common_order_form{--f-btn:#0b7a5c;--f-btn-dk:#0a4a39}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box{margin:4px 0 0!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-12.text-center{padding-top:10px!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit{margin:0!important;background:var(--f-btn)!important;box-shadow:0 12px 24px -12px rgba(11,122,92,.75)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit:hover,body:has(.inner-lp) .inner-lp .order-form #common_order_form .cmof_submit:focus{background:var(--f-btn-dk)!important}

/* v7.5 — wider Deadline box so the chosen date is fully visible */
@media (min-width:576px){
  body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-6:has(#cmof_subject){width:40%!important;flex:0 0 40%}
  body:has(.inner-lp) .inner-lp .order-form #common_order_form .mainCForm>.row>.col-md-6:has(.cof_timeZone){width:60%!important;flex:0 0 60%}
}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_timeZone{grid-template-columns:minmax(0,1fr) 104px!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #cmof_deadline{padding:0 34px 0 12px!important;font-size:14.5px!important;text-overflow:clip;background-position:right 10px center!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form #deadline_time{padding:0 24px 0 10px!important;background-position:right 8px center!important}

/* v7.6 — show errors on required fields (form JS adds .has-error / .has_text_error) */
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input,select,textarea).has-error,
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input,select,textarea).has-error:hover,
body:has(.inner-lp) .inner-lp .order-form #common_order_form :is(input,select,textarea).has-error:focus{border-color:#e5383b!important;background-color:#fff6f6!important;box-shadow:0 0 0 3px rgba(229,56,59,.15)!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof-scr-label>:is(input,textarea).has-error+label{color:#c42a2d!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .intl-tel-input:has(#cmof_phone.has-error) .cmof_countrybtn{border-color:#e5383b!important;background:#fff6f6!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .cof_captcha:has(#cmof_captcha_1.has-error)>label{color:#c42a2d!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box label.has_text_error{color:#c42a2d!important;font-weight:600!important}
body:has(.inner-lp) .inner-lp .order-form #common_order_form .checkbox_box:has(label.has_text_error) input.checkItem{border-color:#e5383b!important;box-shadow:0 0 0 3px rgba(229,56,59,.15)!important}


/* =========================================================================
   Blog — listing pages (/blog, /blog/all-blog, categories, search) and posts
   Same theme as the homepage and the service pages.
   ========================================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ---------- Blog hero: shared ---------- */
body:has(.inner-lp) .banner.ban-inner.blog-hero{margin-top:0!important}
body:has(.inner-lp) .banner.ban-inner.blog-hero .breadcrumb{list-style:none!important}
body:has(.inner-lp) .banner.ban-inner.blog-hero .breadcrumb li{float:none!important;margin:0!important;font-style:normal!important}
body:has(.inner-lp) .banner.ban-inner.blog-hero .breadcrumb li::after{display:none!important}

/* post hero meta: author · date · read time · category */
body:has(.inner-lp) .blog-hero-post h1{max-width:960px!important}
body:has(.inner-lp) .blog-hero-post .bp-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin:16px auto 0;font-size:15px;color:#3b4742;font-style:normal}
body:has(.inner-lp) .blog-hero-post .bp-meta img{width:36px!important;height:36px!important;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(20,32,28,.15);margin:0!important}
body:has(.inner-lp) .blog-hero-post .bp-meta span,body:has(.inner-lp) .blog-hero-post .bp-meta time{position:relative;font-style:normal!important;color:#3b4742!important}
body:has(.inner-lp) .blog-hero-post .bp-meta b{color:#14201c;font-weight:700}
body:has(.inner-lp) .blog-hero-post .bp-meta>:is(span,time):not(img+span):not(:first-child)::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#9aa5a1;margin:0 14px 3px -4px;vertical-align:middle}
body:has(.inner-lp) .blog-hero-post .bp-meta-cat{display:inline-block;padding:5px 14px;border-radius:999px;background:#e5f3ee!important;color:#0a4a39!important;font-weight:700;font-size:13.5px;text-decoration:none!important;border:1px solid rgba(11,122,92,.18)}
body:has(.inner-lp) .blog-hero-post .bp-meta-cat:hover{background:#0b7a5c!important;color:#fff!important}

/* listing hero: text left, finder card right */
body:has(.inner-lp) .banner.ban-inner.blog-hero-list{text-align:left!important}
body:has(.inner-lp) .blog-hero-list .breadcrumb{justify-content:flex-start!important}
body:has(.inner-lp) .blog-hero-list h1{margin:0 0 12px!important;text-align:left!important;max-width:620px}
body:has(.inner-lp) .blog-hero-list .blog-hero-intro{font-size:17.5px!important;line-height:1.6!important;color:#3b4742!important;max-width:560px;margin:0 0 22px!important;text-align:left!important;font-style:normal!important}
body:has(.inner-lp) .blog-hero-list .view-all-blog{margin:0!important;padding:0!important;text-align:left!important}
body:has(.inner-lp) .blog-hero-list .view-all-blog a{display:inline-flex!important;align-items:center;gap:8px;min-height:48px;padding:12px 24px!important;border-radius:999px!important;background:#0b7a5c!important;color:#fff!important;
  font-weight:700!important;font-size:16px!important;text-decoration:none!important;font-style:normal!important;border:0!important;box-shadow:0 8px 20px -10px rgba(11,122,92,.7)}
body:has(.inner-lp) .blog-hero-list .view-all-blog a::after{content:"→";font-size:18px;line-height:1}
body:has(.inner-lp) .blog-hero-list .view-all-blog a:hover{background:#0a4a39!important}
body:has(.inner-lp) .blog-hero-list .blog-finder{background:#fff!important;border:1px solid #e3e8e6;border-radius:20px;padding:22px 22px 18px;box-shadow:0 1px 2px rgba(20,32,28,.04),0 18px 40px -22px rgba(20,32,28,.3)}
body:has(.inner-lp) .blog-hero-list .blog-finder-t{font-size:18px!important;font-weight:800!important;color:#14201c!important;margin:0 0 14px!important;text-align:left!important;font-style:normal!important}
body:has(.inner-lp) .blog-hero-list .blog-finder form{margin:0!important;padding:0!important;background:none!important}
body:has(.inner-lp) .blog-hero-list .blog-finder .form-group{position:relative;margin:0!important}
body:has(.inner-lp) .banner.blog-hero-list .blog-finder select#p_category,body:has(.inner-lp) .banner.blog-hero-list .blog-finder input#blogSearchQ{
  display:block;width:100%!important;height:52px!important;border:1.5px solid #cfd8d4!important;border-radius:12px!important;background-color:#fff!important;color:#14201c!important;
  font-size:16px!important;font-style:normal!important;padding:0 16px!important;box-shadow:none!important;outline:0;-webkit-appearance:none;appearance:none;margin:0!important}
body:has(.inner-lp) .banner.blog-hero-list .blog-finder select#p_category{padding-right:44px!important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230b7a5c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 16px center!important}
body:has(.inner-lp) .banner.blog-hero-list .blog-finder input#blogSearchQ{padding-right:58px!important}
body:has(.inner-lp) .banner.blog-hero-list .blog-finder select#p_category:focus,body:has(.inner-lp) .banner.blog-hero-list .blog-finder input#blogSearchQ:focus{border-color:#0b7a5c!important;box-shadow:0 0 0 4px rgba(11,122,92,.14)!important}
body:has(.inner-lp) .blog-hero-list .blog-finder .or{display:flex!important;align-items:center;gap:12px;margin:12px 0!important;padding:0!important;background:none!important;color:#5c6863!important;font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.08em!important;width:auto!important;height:auto!important;border:0!important;position:static!important}
body:has(.inner-lp) .blog-hero-list .blog-finder .or::before,body:has(.inner-lp) .blog-hero-list .blog-finder .or::after{content:""!important;display:block!important;flex:1;height:1px;background:#e3e8e6!important;position:static!important;width:auto!important}
body:has(.inner-lp) .blog-hero-list .blog-finder button{position:absolute!important;right:6px;top:6px;width:40px!important;height:40px!important;border-radius:10px!important;border:0!important;background:#0b7a5c!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;cursor:pointer;margin:0!important}
body:has(.inner-lp) .blog-hero-list .blog-finder button:hover{background:#0a4a39!important}
body:has(.inner-lp) .blog-hero-list .blog-finder button .icon{width:18px!important;height:18px!important;fill:#fff!important;color:#fff!important;stroke:none}
@media (min-width:992px){
  body:has(.inner-lp) .blog-hero-list .row{display:flex!important;align-items:center}
  body:has(.inner-lp) .blog-hero-list .col-md-7{padding-right:40px!important}
}
@media (max-width:991px){
  body:has(.inner-lp) .blog-hero-list .col-md-5{margin-top:24px}
}

/* ---------- Listing body ---------- */
section.blogsection.blog-lp{position:relative;padding:clamp(36px,4.5vw,64px) 0 clamp(40px,5vw,72px)!important;margin:0!important;
  background-color:#f6fbf8!important;
  background-image:radial-gradient(760px 460px at 100% 0%,rgba(11,122,92,.10),rgba(11,122,92,0) 65%),radial-gradient(700px 440px at 0% 100%,rgba(255,210,63,.20),rgba(255,210,63,0) 62%),
    linear-gradient(rgba(11,122,92,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(11,122,92,.06) 1px,transparent 1px)!important;
  background-size:auto,auto,28px 28px,28px 28px!important;background-repeat:no-repeat,no-repeat,repeat,repeat!important}
.blog-lp .blog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px}
.blog-lp .blog-head h2{font-size:clamp(24px,2.6vw,32px)!important;font-weight:800!important;color:#14201c!important;letter-spacing:-.01em;margin:0!important;line-height:1.2!important;text-transform:none!important}
.blog-lp .blog-head h2::before,.blog-lp .blog-head h2::after{display:none!important}
.blog-lp .blog-head-link{font-weight:700;color:#0b7a5c!important;text-decoration:none!important;white-space:nowrap;font-size:15.5px}
.blog-lp .blog-head-link::after{content:" →"}
.blog-lp .blog-head-link:hover{text-decoration:underline!important}

.blog-grid{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-grid>li{list-style:none!important;margin:0!important;padding:0!important;width:auto!important;float:none!important;background:none!important}
.blog-grid>li::before,.blog-grid>li::after{display:none!important}
.blog-grid .bc>article{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8e6;border-radius:18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,32,28,.04),0 10px 26px -18px rgba(20,32,28,.25);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.blog-grid .bc>article:hover{transform:translateY(-3px);border-color:rgba(11,122,92,.35);box-shadow:0 2px 4px rgba(20,32,28,.05),0 18px 36px -18px rgba(11,122,92,.35)}
.blog-grid .bc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9f1ee}
.blog-grid .bc-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important;transition:transform .35s ease}
.blog-grid .bc>article:hover .bc-img img{transform:scale(1.04)}
.blog-grid .bc-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px;text-align:left}
.blog-grid .bc-cat{align-self:flex-start;display:inline-block;padding:4px 12px;border-radius:999px;background:#e5f3ee;color:#0a4a39!important;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-decoration:none!important;margin:0 0 12px;border:1px solid rgba(11,122,92,.15)}
.blog-grid .bc-cat:hover{background:#0b7a5c;color:#fff!important}
.blog-grid .bc-title{font-size:19px!important;line-height:1.35!important;font-weight:800!important;margin:0 0 10px!important;padding:0!important;text-transform:none!important;letter-spacing:-.005em;text-align:left!important}
.blog-grid .bc-title::before,.blog-grid .bc-title::after{display:none!important}
.blog-grid .bc-title a{color:#14201c!important;text-decoration:none!important;background:none!important}
.blog-grid .bc-title a:hover{color:#0b7a5c!important}
.blog-grid .bc-ex{font-size:15.5px!important;line-height:1.6!important;color:#4d5a55!important;margin:0 0 16px!important;text-align:left!important;letter-spacing:normal!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-grid .bc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin-top:auto;font-size:13.5px;color:#5c6863}
.blog-grid .bc-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#9aa5a1;margin:0 9px 3px;vertical-align:middle}
.blog-grid .bc-author{font-weight:600;color:#3b4742}
.blog-grid .bc-more{margin-top:14px;padding-top:14px;border-top:1px solid #eef2f0;font-weight:700;font-size:15px;color:#0b7a5c!important;text-decoration:none!important}
.blog-grid .bc-more::after{content:" →";transition:margin .2s}
.blog-grid .bc-more:hover::after{margin-left:4px}
/* lead card: full row, image left */
@media (min-width:768px){
  .blog-grid .bc-lead{grid-column:1/-1}
  .blog-grid .bc-lead>article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .blog-grid .bc-lead .bc-img{aspect-ratio:auto;min-height:320px;height:100%}
  .blog-grid .bc-lead .bc-body{padding:clamp(24px,3vw,40px);justify-content:center}
  .blog-grid .bc-lead .bc-title{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.25!important}
  .blog-grid .bc-lead .bc-ex{font-size:16.5px!important;-webkit-line-clamp:4}
  .blog-grid .bc-lead .bc-meta{margin-top:0}
}
@media (max-width:991px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:18px}.blog-lp .blog-head{align-items:flex-start;flex-direction:column;gap:6px}}

.blog-empty{background:#fff;border:1px dashed #cfd8d4;border-radius:18px;padding:32px;text-align:center;color:#3b4742;font-size:16px}
.blog-empty-t{font-size:20px!important;font-weight:800;color:#14201c;margin:0 0 6px!important}
.blog-empty a{color:#0b7a5c!important;font-weight:700;text-decoration:underline!important}

/* pagination (CodeIgniter links) */
.blog-pages{display:flex;justify-content:center;margin:34px 0 0!important;padding:0!important;text-align:center!important;float:none!important;width:100%!important}
.blog-pages ul,.blog-pages .pagination{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none!important;margin:0!important;padding:0!important}
.blog-pages li{list-style:none!important;margin:0!important;padding:0!important;float:none!important;display:block}
.blog-pages a,.blog-pages strong,.blog-pages li>span,.blog-pages b{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px!important;margin:0 3px!important;border-radius:12px!important;
  background:#fff!important;border:1px solid #e3e8e6!important;color:#14201c!important;font-weight:700;font-size:15px;text-decoration:none!important;float:none!important}
.blog-pages a:hover{border-color:#0b7a5c!important;color:#0b7a5c!important}
.blog-pages strong,.blog-pages b,.blog-pages .active a,.blog-pages .active span,.blog-pages li.active>*{background:#0b7a5c!important;border-color:#0b7a5c!important;color:#fff!important}

/* help strip at the end of listings */
.blog-lp .blog-help{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0 0;padding:24px 28px;border-radius:20px;background:#fff8dc;border:1px solid #f3df95}
.blog-lp .blog-help-t{font-size:21px!important;font-weight:800!important;color:#14201c!important;margin:0 0 4px!important}
.blog-lp .blog-help p{margin:0;color:#3b4742;font-size:16px}
.blog-lp .blog-help-cta{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:640px){.blog-lp .blog-help{padding:20px}.blog-lp .blog-help-cta,.blog-lp .blog-help-cta .inr-btn{width:100%}}

/* ---------- Blog post ---------- */
@media (min-width:992px){
  .inner-lp.contentSec.blog-post>.container>.row>.bp-col{padding-right:0!important}
  .inner-lp.contentSec.blog-post>.container>.row>.col-lg-4{padding-left:clamp(18px,2vw,28px)!important}
  .inner-lp.contentSec.blog-post>.container>.row>.col-lg-12.bp-col{max-width:900px;margin:0 auto;float:none}
}
body .contentSec.inner-lp.blog-post .bp-col{text-align:left}
body .contentSec.inner-lp.blog-post .bp-article{display:block;margin:0!important}
body .contentSec.inner-lp.blog-post .left .bp-feature{margin:calc(-1*clamp(22px,3.2vw,44px)) calc(-1*clamp(22px,3.2vw,44px)) 30px!important;border-radius:20px 20px 0 0;overflow:hidden;background:#e9f1ee}
body .contentSec.inner-lp.blog-post .left .bp-feature img{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:auto;margin:0!important;border-radius:0!important}
body .contentSec.inner-lp.blog-post .left .blogcontent{margin:0!important;padding:0!important;background:none!important;border:0!important}
body .contentSec.inner-lp.blog-post .left .blogcontent p::first-letter{float:none!important;font-size:inherit!important;color:inherit!important;margin:0!important;padding:0!important;line-height:inherit!important;font-weight:inherit!important}
body .contentSec.inner-lp.blog-post .left .blogcontent>p:empty{display:none!important}
body .contentSec.inner-lp.blog-post .left .bp-filed{margin:30px 0 0!important;padding:18px 0 0!important;border-top:1px solid #eef2f0;font-size:15px!important;color:#5c6863!important}
body .contentSec.inner-lp.blog-post .left .bp-filed a{display:inline-block;margin-left:6px;padding:4px 12px;border-radius:999px;background:#e5f3ee;color:#0a4a39!important;font-weight:700;font-size:14px;text-decoration:none!important;border:1px solid rgba(11,122,92,.15)}

/* yellow CTA under the article (same look as the service pages) */
.blog-post .bp-cta{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;margin:24px 0 0;padding:26px 28px;border-radius:20px;background-color:#ffd23f!important;
  box-shadow:0 14px 34px -22px rgba(120,90,0,.55);color:#14201c}
.blog-post .bp-cta-txt{flex:1 1 320px;min-width:0}
.blog-post .bp-cta-t{font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:#14201c!important;margin:0 0 12px!important;text-align:left!important}
.blog-post .bp-cta ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.blog-post .bp-cta li{list-style:none!important;margin:0!important;padding:6px 12px 6px 10px!important;background-color:rgba(255,255,255,.65)!important;border-radius:999px;font-size:14.5px!important;font-weight:600;color:#14201c!important;line-height:1.3!important}
.blog-post .bp-cta li::before{content:"✓";display:inline-block;margin-right:6px;color:#0b7a5c;font-weight:900}
.blog-post .bp-cta-btns{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.blog-post .bp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none!important;
  border:2px solid transparent;transition:background-color .2s,color .2s,border-color .2s;cursor:pointer;white-space:nowrap;font-style:normal}
.blog-post .bp-btn-red{background-color:#d62828!important;color:#fff!important}
.blog-post .bp-btn-red:hover{background-color:#b71f22!important}
.blog-post .bp-btn-wa{background-color:#fff!important;color:#14201c!important;border-color:rgba(20,32,28,.15)}
.blog-post .bp-btn-wa:hover{border-color:#25d366}
.blog-post .bp-btn-out{background-color:#fff!important;color:#0b7a5c!important;border-color:#0b7a5c;min-height:44px;padding:9px 20px;font-size:15px}
.blog-post .bp-btn-out:hover{background-color:#0b7a5c!important;color:#fff!important}
@media (max-width:640px){.blog-post .bp-cta{padding:22px 20px}.blog-post .bp-cta-btns{width:100%}.blog-post .bp-cta-btns .bp-btn{width:100%}}

/* cards under the article */
.blog-post .bp-box{margin:24px 0 0;padding:clamp(20px,2.6vw,30px);background-color:#fff!important;border:1px solid #e3e8e6;border-radius:20px;box-shadow:0 1px 2px rgba(20,32,28,.04),0 10px 26px -20px rgba(20,32,28,.22);text-align:left}
.blog-post .bp-h,.blog-post .bp-author-name{font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:#14201c!important;margin:0 0 16px!important;padding:0!important;text-transform:none!important;text-align:left!important;letter-spacing:-.005em}
.blog-post .bp-h::before,.blog-post .bp-h::after,.blog-post .bp-author-name::before,.blog-post .bp-author-name::after{display:none!important}
.blog-post .bp-author{display:flex;gap:18px;align-items:flex-start}
.blog-post .bp-avatar{width:84px!important;height:84px!important;border-radius:50%;object-fit:cover;flex:0 0 84px;border:3px solid #e5f3ee;margin:0!important}
.blog-post .bp-label{font-size:12.5px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0b7a5c!important;margin:2px 0 4px!important}
.blog-post .bp-author-name{margin:0 0 8px!important;font-size:20px!important}
.blog-post .bp-bio{font-size:15.5px!important;line-height:1.65!important;color:#3b4742!important;margin:0!important;text-align:left!important;letter-spacing:normal!important}
@media (max-width:480px){.blog-post .bp-author{flex-direction:column}}

.blog-post .bp-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 0}
.blog-post .bp-nav a{display:block;padding:18px 20px;background-color:#fff!important;border:1px solid #e3e8e6;border-radius:16px;text-decoration:none!important;transition:border-color .2s}
.blog-post .bp-nav a:hover{border-color:#0b7a5c}
.blog-post .bp-nav span{display:block;font-size:13px;font-weight:700;color:#0b7a5c;margin-bottom:4px}
.blog-post .bp-nav b{display:block;font-size:16px;line-height:1.4;color:#14201c;font-weight:700}
.blog-post .bp-nav-next{text-align:right;grid-column:2}
@media (max-width:560px){.blog-post .bp-nav{grid-template-columns:1fr}.blog-post .bp-nav-next{grid-column:auto;text-align:left}}

.blog-post .bp-related ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-post .bp-related li{list-style:none!important;margin:0!important;padding:0!important;float:none!important;width:auto!important}
.blog-post .bp-related li::before{display:none!important}
.blog-post .bp-related a{display:flex;flex-direction:column;height:100%;border:1px solid #e3e8e6;border-radius:14px;overflow:hidden;text-decoration:none!important;background-color:#fff!important;transition:border-color .2s,transform .2s}
.blog-post .bp-related a:hover{border-color:#0b7a5c;transform:translateY(-2px)}
.blog-post .bp-rimg{display:block;aspect-ratio:16/9;overflow:hidden;background-color:#e9f1ee!important}
.blog-post .bp-rimg img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important}
.blog-post .bp-rt{display:block;padding:12px 14px 4px;font-size:15.5px;line-height:1.4;font-weight:700;color:#14201c}
.blog-post .bp-related a:hover .bp-rt{color:#0b7a5c}
.blog-post .bp-related time{display:block;padding:0 14px 14px;margin-top:auto;font-size:13px;color:#5c6863}
@media (max-width:767px){.blog-post .bp-related ul{grid-template-columns:1fr}.blog-post .bp-related a{flex-direction:row;align-items:center}.blog-post .bp-rimg{flex:0 0 110px;aspect-ratio:4/3}.blog-post .bp-related time{padding-top:0}}

.blog-post .bp-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.blog-post .bp-comments-head .bp-h{margin:0!important}
.blog-post .bp-muted{font-size:15.5px!important;color:#5c6863!important;margin:8px 0 0!important}
.blog-post .bp-msg{display:inline-block;margin:12px 0 0;padding:8px 14px;border-radius:10px;background-color:#e5f3ee!important;color:#0a4a39;font-size:14.5px;font-weight:600}
.blog-post .bp-comment{display:flex;gap:14px;padding:18px 0 0;margin-top:18px;border-top:1px solid #eef2f0}
.blog-post .bp-cav{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background-color:#0b7a5c!important;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.blog-post .bp-cname{font-weight:700;color:#14201c;margin:0 0 4px!important;font-size:15.5px}
.blog-post .bp-cname time{font-weight:500;color:#5c6863;font-size:13px;margin-left:8px}
.blog-post .bp-ctext{margin:0!important;font-size:15.5px!important;line-height:1.65!important;color:#3b4742!important;text-align:left!important}

/* ---------- Blog footer sections ---------- */
.bf-sec{padding:clamp(36px,4.5vw,60px) 0;margin:0!important;text-align:left}
.bf-sec .bf-h{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.2!important;font-weight:800!important;color:#14201c!important;letter-spacing:-.01em;margin:0 0 22px!important;text-transform:none!important;text-align:left!important}
.bf-sec .bf-h::before,.bf-sec .bf-h::after{display:none!important}
.bf-trending{background:#fff;border-top:1px solid #e3e8e6}
.bf-trend{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.bf-trend li{list-style:none!important;display:flex;align-items:flex-start;gap:14px;margin:0!important;padding:14px 0!important;border-bottom:1px solid #eef2f0;float:none!important;width:auto!important}
.bf-trend li::before{display:none!important}
.bf-num{flex:0 0 auto;font-size:22px;font-weight:800;line-height:1.1;color:#0b7a5c;opacity:.55;font-variant-numeric:tabular-nums;min-width:30px}
.bf-trend a{font-size:16px;line-height:1.45;font-weight:600;color:#14201c!important;text-decoration:none!important}
.bf-trend a:hover{color:#0b7a5c!important;text-decoration:underline!important}
@media (max-width:991px){.bf-trend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bf-trend{grid-template-columns:1fr}}

.bf-news{padding-top:0;background:#fff}
.bf-news-box{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding:clamp(24px,3.2vw,40px);border-radius:24px;color:#fff;
  background:radial-gradient(520px 260px at 100% 0%,rgba(255,210,63,.28),rgba(255,210,63,0) 70%),linear-gradient(135deg,#0b7a5c,#0a4a39)}
.bf-news-txt{flex:1 1 320px}
.bf-news .bf-h{color:#fff!important;margin:0 0 8px!important}
.bf-news-txt p{margin:0;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.bf-news-form{flex:1 1 380px;display:flex;flex-wrap:wrap;gap:10px;margin:0!important;padding:0!important;background:none!important}
.bf-news-form input#subscriberEmail{flex:1 1 220px;width:auto!important;height:52px!important;border-radius:999px!important;border:0!important;padding:0 22px!important;font-size:16px!important;color:#14201c!important;background:#fff!important;box-shadow:none!important;margin:0!important}
.bf-news-form input#subscriberEmail:focus{outline:3px solid #ffd23f;outline-offset:2px}
.bf-news-form button.subBtn{height:52px!important;padding:0 28px!important;border-radius:999px!important;border:0!important;background:#ffd23f!important;color:#14201c!important;font-weight:800!important;font-size:16px!important;cursor:pointer;margin:0!important;width:auto!important;box-shadow:none!important;text-transform:none!important}
.bf-news-form button.subBtn:hover{background:#ffe27a!important}
.bf-news-form .bf-err,.bf-news-form .bf-ok{flex:1 0 100%;font-size:14px;margin:0;padding-left:22px}
.bf-news-form .bf-err{color:#ffd6d6!important}
.bf-news-form .bf-ok{color:#d9ffe9!important}
@media (max-width:640px){.bf-news-form button.subBtn{width:100%!important}}

.bf-popular{background:#f6fbf8;border-top:1px solid #e3e8e6}
.bf-pop{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bf-pop li{list-style:none!important;display:flex;flex-direction:column;gap:8px;margin:0!important;padding:20px 22px!important;background:#fff;border:1px solid #e3e8e6;border-radius:16px;float:none!important;width:auto!important;transition:border-color .2s}
.bf-pop li::before{display:none!important}
.bf-pop li:hover{border-color:rgba(11,122,92,.4)}
.bf-cat{align-self:flex-start;padding:3px 11px;border-radius:999px;background:#e5f3ee;color:#0a4a39;font-size:12.5px;font-weight:700}
.bf-pop-t{font-size:17px;line-height:1.4;font-weight:700;color:#14201c!important;text-decoration:none!important}
.bf-pop-t:hover{color:#0b7a5c!important}
.bf-meta{margin-top:auto;font-size:13.5px;color:#5c6863}
@media (max-width:991px){.bf-pop{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bf-pop{grid-template-columns:1fr}}
@media (max-width:640px){
  body:has(.inner-lp) .blog-hero-post .bp-meta{justify-content:flex-start;gap:8px 14px;font-size:14.5px}
  body:has(.inner-lp) .blog-hero-post .bp-meta>*::before{display:none!important}
}