/* =============================================================
   EPOXISERV 3.0 — Gutenberg component layer
   Visual components for block-editor content. Consolidated from
   the former blocks.css + design-polish.css component refinements.
   (The layout-authority / Gutenberg-flow containment now lives in
   layout.css.) Tokens resolve to main.css; icon sizing is Font
   Awesome (<i>.ep-icon), so legacy svg-width selectors are gone.
   ============================================================= */

/* Section scaffolding */
.ep-gb-section{padding:var(--ep-section) 0;margin:0}
.ep-gb-section--white{background:#fff}
.ep-gb-section--light{background:var(--ep-light)}
.ep-gb-section--area{background:linear-gradient(180deg,#f7fafc,#edf5f9)}
.ep-gb-section--dark{background:radial-gradient(circle at 86% 18%,rgba(31,130,199,.16),transparent 33%),linear-gradient(135deg,#112c42 0%,#092b47 58%,#06385f 100%);color:#fff;position:relative}
.ep-gb-section--dark:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px}
.ep-gb-section--dark>*{position:relative;z-index:1}
.ep-gb-section--dark h2,.ep-gb-section--dark h3,.ep-gb-section--dark .wp-block-heading{color:#fff}
.ep-gb-section--dark p{color:rgba(255,255,255,.78)}
.ep-gb-section--dark .ep-gb-card:not(.ep-gb-card--dark) .ep-gb-card__kicker{color:var(--ep-blue)}
.ep-gb-section--dark .ep-gb-card:not(.ep-gb-card--dark) .ep-gb-card__title{color:var(--ep-dark)}
.ep-gb-section--dark .ep-gb-card:not(.ep-gb-card--dark) .ep-gb-card__text{color:var(--ep-muted)}

.ep-gb-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--ep-blue);font-size:.77rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.ep-gb-eyebrow:before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px;flex:0 0 auto}
.ep-gb-eyebrow--light{color:#d7ecfb}
.ep-gb-eyebrow--blue{color:#6ec5ff}

.ep-gb-section-head{max-width:820px;margin:0 0 48px;padding:0}
.ep-gb-section-head--center{text-align:center;margin-inline:auto}
.ep-gb-section-head--center .ep-gb-eyebrow{justify-content:center}
.ep-gb-section-title{margin:0 0 18px;font-size:clamp(var(--ep-fs-xl),3.2vw,var(--ep-fs-2xl))}
.ep-gb-section-text{margin:0;color:var(--ep-muted);font-size:1.05rem;line-height:1.75}
.ep-gb-section--dark .ep-gb-section-text{color:rgba(255,255,255,.72)}
.ep-gb-lead{font-size:var(--ep-fs-lg);line-height:1.78;color:#4f606b;font-weight:500}

/* ---------------------------------------------------------------
   Hero (Gutenberg) — the bg/overlay/inner layers are laid out in
   layout.css for authority; here are the visual styles.
--------------------------------------------------------------- */
.ep-gb-hero{position:relative;display:flex;align-items:center;overflow:hidden;background:var(--ep-dark);color:#fff;isolation:isolate}
.ep-gb-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.ep-gb-hero__title{color:#fff;margin:0;font-weight:800;letter-spacing:-.052em;line-height:1.035;text-wrap:balance}
.ep-gb-hero__text{color:rgba(255,255,255,.89);font-weight:500;line-height:1.72}
.ep-gb-hero__location{display:flex;align-items:center;gap:8px;color:#e2edf4;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
/* Hero copy stays readable over bright image areas (windows, sky) without
   darkening the whole photo with a heavier overlay. */
.ep-gb-hero__title,.ep-gb-hero__text,.ep-gb-hero__location{text-shadow:0 1px 3px rgba(9,30,45,.30),0 0 44px rgba(9,30,45,.22)}
.ep-gb-hero__location:before{content:"\f3c5";font-family:"Font Awesome 7 Free";font-weight:900;color:#72c7ff;font-size:.95rem}

/* ---------------------------------------------------------------
   Cards
--------------------------------------------------------------- */
.ep-gb-card{height:100%;border:1px solid rgba(16,40,58,.11);border-radius:12px;background:#fff;padding:28px 25px;box-shadow:0 5px 18px rgba(14,40,58,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ep-gb-card:hover{transform:translateY(-4px);box-shadow:var(--ep-shadow-hover);border-color:rgba(7,90,160,.22)}
.ep-gb-card__kicker{margin:0 0 16px;color:var(--ep-blue);font-size:.78rem;font-weight:800;letter-spacing:.12em}
.ep-gb-card__title{font-size:var(--ep-fs-lg);margin:0 0 10px;letter-spacing:-.025em}
.ep-gb-card__text{font-size:.91rem;line-height:1.62;color:var(--ep-muted);margin:0}

.ep-gb-card--trust{box-shadow:0 14px 38px rgba(14,40,58,.10);padding:25px 22px}
.ep-gb-card--trust .ep-gb-card__kicker{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid #d5e9f7;background:linear-gradient(145deg,#f2f8fc,#e7f3fb);font-size:0;font-family:"Font Awesome 7 Free";font-weight:900;margin-bottom:18px}
.ep-gb-trust-grid>.wp-block-column:nth-child(1) .ep-gb-card__kicker:before{content:"\f7d9";font-size:1.1rem}
.ep-gb-trust-grid>.wp-block-column:nth-child(2) .ep-gb-card__kicker:before{content:"\f5fd";font-size:1.15rem}
.ep-gb-trust-grid>.wp-block-column:nth-child(3) .ep-gb-card__kicker:before{content:"\f0c0";font-size:var(--ep-fs-lg)}
.ep-gb-trust-grid>.wp-block-column:nth-child(4) .ep-gb-card__kicker:before{content:"\f3c5";font-size:var(--ep-fs-lg)}

.ep-gb-card--client{padding:30px}
.ep-gb-card--client .ep-gb-card__kicker{display:grid;place-items:center;width:50px;height:50px;margin-bottom:20px;border:1px solid #d5e9f7;border-radius:12px;background:var(--ep-blue-soft);font-size:0;font-family:"Font Awesome 7 Free";font-weight:900}
.ep-gb-card-grid--3>.wp-block-column:nth-child(1) .ep-gb-card--client .ep-gb-card__kicker:before{content:"\f015";font-size:1.15rem}
.ep-gb-card-grid--3>.wp-block-column:nth-child(2) .ep-gb-card--client .ep-gb-card__kicker:before{content:"\f1ad";font-size:var(--ep-fs-lg)}
.ep-gb-card-grid--3>.wp-block-column:nth-child(3) .ep-gb-card--client .ep-gb-card__kicker:before{content:"\f0b1";font-size:var(--ep-fs-lg)}

.ep-gb-card--process{position:relative;padding-top:34px}
.ep-gb-card--process .ep-gb-card__kicker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ep-blue);color:#fff;margin-top:-50px;box-shadow:0 6px 16px rgba(7,90,160,.18)}

.ep-gb-card--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);box-shadow:none}
.ep-gb-card--dark:hover{border-color:rgba(255,255,255,.3);box-shadow:none}
.ep-gb-card--dark .ep-gb-card__kicker{color:#6ec5ff}
.ep-gb-card--dark .ep-gb-card__text{color:rgba(255,255,255,.72)}

.ep-gb-card--value{border-top:3px solid var(--ep-blue)}

.ep-gb-card--finish{padding:22px 16px;text-align:center;box-shadow:none}
.ep-gb-card--finish:before{content:"";display:block;height:48px;margin:-4px 0 16px;border-radius:8px;background:#ddd}
.ep-gb-finish--1:before{background:#d9d9d7}
.ep-gb-finish--2:before{background:#aaaead}
.ep-gb-finish--3:before{background:#5e6567}
.ep-gb-finish--4:before{background:linear-gradient(90deg,#1e73be,#4f9f61,#d4873a)}
.ep-gb-finish--5:before{background:linear-gradient(135deg,#c7c9c7 0 36%,#f2b321 36% 52%,#2d6aa1 52% 70%,#d6d8d6 70%)}
.ep-gb-finish--6:before{background:linear-gradient(135deg,#b8bcc0,#ecebe9 35%,#85898f 36% 42%,#d7d5d2 43%)}

/* ---------------------------------------------------------------
   Split / media / checklist
--------------------------------------------------------------- */
.ep-gb-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:0}
.ep-gb-split--wide{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.ep-gb-split>.wp-block-column{min-width:0}
.ep-gb-split--wide>.wp-block-column:first-child{flex-basis:44%}
.ep-gb-split--wide>.wp-block-column:last-child{flex-basis:56%}
.ep-gb-media{border-radius:var(--ep-radius);overflow:hidden;margin:0;box-shadow:var(--ep-shadow);background:#e7ecef}
.ep-gb-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.ep-gb-checklist{display:grid;gap:11px;margin:26px 0 30px}
.ep-gb-check{position:relative;padding-left:30px;margin:0;font-weight:600;color:#40515d}
.ep-gb-check:before{content:"\f00c";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;left:0;top:.05em;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--ep-blue-soft);color:var(--ep-blue);font-size:.62rem}
.ep-gb-section--dark .ep-gb-check{color:rgba(255,255,255,.85)}
.ep-gb-section--dark .ep-gb-check:before{background:rgba(110,197,255,.14);color:#6ec5ff}

/* Equal-weight entry banners for the two business areas. */
.ep-gb-pathways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.ep-gb-pathways>.wp-block-column{margin:0;min-width:0}
.ep-gb-pathway{position:relative;min-height:560px;height:100%;overflow:hidden;border-radius:18px;background:var(--ep-dark);box-shadow:0 18px 46px rgba(14,40,58,.16);isolation:isolate}
.ep-gb-pathway:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,28,43,.28),rgba(7,28,43,.94) 76%)}
.ep-gb-pathway__image{position:absolute;inset:0;margin:0;height:100%}
.ep-gb-pathway__image img{width:100%;height:100%;object-fit:cover;display:block}
.ep-gb-pathway__content{position:relative;z-index:2;display:flex;min-height:560px;flex-direction:column;justify-content:flex-end;padding:42px;color:#fff}
.ep-gb-pathway__title{margin:0 0 14px;color:#fff;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.04em}
.ep-gb-pathway__text{max-width:560px;margin:0;color:rgba(255,255,255,.84);font-size:1.02rem;line-height:1.7}
.ep-gb-pathway .ep-gb-checklist{margin:24px 0 28px}
.ep-gb-pathway .ep-gb-check{color:#fff}
.ep-gb-pathway .ep-gb-check:before{background:rgba(110,197,255,.18);color:#8dd3ff}
.ep-gb-system-grid .ep-gb-card{border-top:3px solid var(--ep-blue)}

/* ---------------------------------------------------------------
   Image card
--------------------------------------------------------------- */
.ep-gb-image-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(16,40,58,.11);border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(14,40,58,.035);transition:transform .22s ease,box-shadow .22s ease}
/* Geometry governed by structure, not by the __image class surviving in saved
   content: any direct image block gets the ratio, the body group fills the rest. */
.ep-gb-image-card>.wp-block-image{margin:0;aspect-ratio:1.38;overflow:hidden;background:#e7edf1;flex:0 0 auto}
.ep-gb-image-card>.wp-block-image img{width:100%;height:100%;object-fit:cover}
.ep-gb-image-card>.wp-block-group{flex:1 1 auto}
.ep-gb-image-card:hover{transform:translateY(-4px);box-shadow:var(--ep-shadow-hover)}
.ep-gb-image-card__image{margin:0;aspect-ratio:1.38;overflow:hidden;background:#e7edf1}
.ep-gb-image-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ep-gb-image-card:hover img{transform:scale(1.035)}
.ep-gb-image-card__body{padding:22px 22px 24px}
.ep-gb-image-card__body h3{font-size:var(--ep-fs-lg);margin:0 0 9px}
.ep-gb-image-card__body p{font-size:.9rem;color:var(--ep-muted);line-height:1.62;margin:0}

/* ---------------------------------------------------------------
   Before / After (Gutenberg) — JS upgrades to a slider
--------------------------------------------------------------- */
.ep-gb-section--before-after{padding-top:96px;padding-bottom:96px;background:radial-gradient(circle at 80% 10%,rgba(35,137,205,.18),transparent 34%),linear-gradient(135deg,#102c42,#073f6d);color:#fff}
.ep-gb-before-after{position:relative;max-width:1060px;height:450px;margin:0 auto;border-radius:16px;overflow:hidden;background:#cfd7dc;box-shadow:0 28px 70px rgba(0,0,0,.26)}
.ep-gb-before-after>.wp-block-image{position:absolute;inset:0;margin:0;width:100%;height:100%}
.ep-gb-before-after>.wp-block-image img{width:100%;height:100%;object-fit:cover}
.ep-gb-before-after__after{clip-path:inset(0 0 0 50%)}
.ep-gb-before-after__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.ep-gb-before-after__handle{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none;transform:translateX(-1px)}
.ep-gb-before-after__handle:before{content:"\f337";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;left:50%;top:50%;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ep-blue);font-size:var(--ep-fs-lg);transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.ep-gb-before-after__label{position:absolute;top:20px;z-index:2;padding:7px 12px;background:rgba(11,29,42,.88);color:#fff;border-radius:6px;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.ep-gb-before-after__label--before{left:20px}
.ep-gb-before-after__label--after{right:20px}

/* ---------------------------------------------------------------
   Grids, pills, chips, dark feature, CTA
--------------------------------------------------------------- */
.ep-gb-center-actions{display:flex;justify-content:center;margin-top:45px}
.ep-gb-card-grid{margin:0;gap:18px}
.ep-gb-card-grid--6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.ep-gb-card-grid--6>.wp-block-column{min-width:0}
.ep-gb-card-grid--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-gb-card-grid--4>.wp-block-column{min-width:0}
.ep-gb-card-grid--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ep-gb-card-grid--3>.wp-block-column{min-width:0}

.ep-gb-dark-feature{padding-top:100px;padding-bottom:100px}
.ep-gb-dark-feature__columns{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:80px;align-items:center;margin:0}
.ep-gb-dark-feature__columns>.wp-block-column{min-width:0}
.ep-gb-dark-feature h2{font-size:clamp(var(--ep-fs-xl),3.4vw,var(--ep-fs-2xl));color:#fff;margin-bottom:20px}

.ep-gb-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ep-gb-pill{position:relative;margin:0;padding:17px 18px 17px 42px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:10px;color:#fff;font-weight:720;text-align:left}
.ep-gb-pill:before{content:"\f058";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#72c7ff;font-size:.82rem}

.ep-gb-chip-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.ep-gb-chip{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 12px;border:1px solid #d4e3ec;border-radius:7px;background:#fff;color:#36505f;font-size:.83rem;font-weight:680}
.ep-gb-chip:before{content:"\f3c5";font-family:"Font Awesome 7 Free";font-weight:900;color:var(--ep-blue);font-size:.68rem}
.ep-gb-section--dark .ep-gb-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:#fff}

.ep-gb-cta{position:relative;overflow:hidden;padding:40px 0;background:linear-gradient(100deg,#064d88,#0870bc);color:#fff;margin:0}
.ep-gb-cta:after{content:"";position:absolute;right:-80px;top:-150px;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018);pointer-events:none}
.ep-gb-cta__columns{display:grid;grid-template-columns:minmax(0,72fr) minmax(0,28fr);align-items:center;gap:40px;position:relative;z-index:1}
.ep-gb-cta__copy h2{color:#fff;margin:0 0 10px;font-size:clamp(var(--ep-fs-lg),2.4vw,var(--ep-fs-xl))}
.ep-gb-cta__copy p{margin:0;color:rgba(255,255,255,.82)}
.ep-gb-cta__action{display:flex;justify-content:flex-end}
.ep-gb-cta__action .wp-block-buttons{justify-content:flex-end;margin:0}

/* ---------------------------------------------------------------
   Contact layout (Gutenberg)
--------------------------------------------------------------- */
.ep-gb-section--contact{padding-top:92px;padding-bottom:92px;background:linear-gradient(180deg,#f8fafb,#fff)}
.ep-gb-contact-layout{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:0;align-items:stretch;border:1px solid var(--ep-border);border-radius:16px;overflow:hidden;box-shadow:var(--ep-shadow);background:#fff}
.ep-gb-contact-layout>.wp-block-column{margin:0}
.ep-gb-contact-layout__aside{background:radial-gradient(circle at 20% 0,rgba(29,139,214,.20),transparent 34%),linear-gradient(155deg,#102c42,#063b64);color:#fff}
.ep-gb-contact-layout__form{padding:52px 56px}
.ep-gb-contact-details{height:100%;padding:48px 40px;color:#fff}
.ep-gb-contact-details__logo{width:230px;max-width:100%;margin-bottom:34px}
.ep-gb-contact-details>p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.7;margin-bottom:34px}
.ep-gb-contact-details__items{display:grid;gap:0;margin-bottom:32px;border-top:1px solid rgba(255,255,255,.15)}
.ep-gb-contact-details__items>a,.ep-gb-contact-details__items>div{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.15);color:#fff}
.ep-gb-contact-details__items .ep-icon{width:24px;text-align:center;flex:0 0 auto;color:#74caff;font-size:var(--ep-fs-lg)}
.ep-gb-contact-details__items span{display:grid}
.ep-gb-contact-details__items strong{color:#fff;font-size:.95rem}
.ep-gb-contact-details__items small{color:rgba(255,255,255,.62);font-size:.76rem}
.ep-gb-contact-details .ep-btn{width:100%}

/* Services architecture (2.5+) */
.ep-gb-section--service-index{padding-bottom:88px}
.ep-gb-section--service-index .ep-service-card__link{min-height:100%}
.ep-gb-section--service-index .ep-service-card{position:relative}
.ep-gb-section--service-index .ep-service-card:after{content:"";position:absolute;inset:auto 20px 0;height:2px;background:linear-gradient(90deg,var(--ep-blue),transparent);opacity:0;transition:opacity .2s ease}
.ep-gb-section--service-index .ep-service-card:hover:after{opacity:1}
.ep-gb-section--service-details{padding-top:92px;padding-bottom:104px}

/* ---------------------------------------------------------------
   Responsive
--------------------------------------------------------------- */
@media (max-width:1180px){
  .ep-gb-split{gap:52px}
  .ep-gb-split--wide{grid-template-columns:1fr 1fr}
  .ep-gb-dark-feature__columns{gap:45px}
  .ep-gb-card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-gb-card-grid--4>.wp-block-column{margin:0!important}
  .ep-gb-card-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ep-gb-trust-grid{display:grid;grid-template-columns:repeat(2,1fr)}
  .ep-gb-contact-layout__form{padding:44px 40px}
  .ep-gb-contact-details{padding:42px 32px}
}
@media (max-width:960px){
  .ep-gb-split,.ep-gb-dark-feature__columns,.ep-gb-pathways{grid-template-columns:1fr;gap:42px}
  .ep-gb-split__media{order:0}.ep-gb-split__copy{order:1}
  .ep-gb-dark-feature__columns>.wp-block-column:first-child{max-width:720px}
  .ep-gb-section--before-after{padding-top:80px;padding-bottom:80px}
  .ep-gb-dark-feature{padding-top:80px;padding-bottom:80px}
  .ep-gb-section--area{padding-top:80px;padding-bottom:80px}
  .ep-gb-contact-layout{display:flex;flex-direction:column;max-width:820px;margin-inline:auto}
  .ep-gb-contact-layout>.wp-block-column{flex-basis:auto;width:100%}
}
@media (max-width:720px){
  .ep-gb-section{padding:66px 0}
  .ep-gb-section-head{margin-bottom:34px}
  .ep-gb-section--before-after{padding-top:70px;padding-bottom:70px}
  .ep-gb-dark-feature{padding-top:72px;padding-bottom:72px}
  .ep-gb-section--area{padding-top:70px;padding-bottom:70px}
  .ep-gb-cta{padding:34px 0}
  .ep-gb-card-grid--4,.ep-gb-card-grid--3{grid-template-columns:1fr}
  .ep-gb-trust-grid{grid-template-columns:1fr;gap:9px}
  .ep-gb-media img{min-height:300px}
  .ep-gb-image-card{display:grid;grid-template-columns:130px minmax(0,1fr)}
  .ep-gb-image-card__image,.ep-gb-image-card>.wp-block-image{aspect-ratio:auto;min-height:150px}
  .ep-gb-image-card__body{padding:20px}
  .ep-gb-split{gap:30px}
  .ep-gb-pathway,.ep-gb-pathway__content{min-height:500px}
  .ep-gb-pathway__content{padding:32px 26px}
  .ep-gb-split__copy{order:0}.ep-gb-split__media{order:1}
  .ep-gb-before-after{height:340px}
  .ep-gb-pill-grid{grid-template-columns:1fr 1fr}
  .ep-gb-cta__columns{display:flex;flex-direction:column;gap:20px}
  .ep-gb-cta__action,.ep-gb-cta__action .wp-block-buttons{justify-content:flex-start}
  .ep-gb-contact-layout__form{padding:38px 28px}
  .ep-gb-contact-details{padding:38px 28px}
}
@media (max-width:520px){
  .ep-gb-card-grid--6{grid-template-columns:1fr}
  .ep-gb-pill-grid{grid-template-columns:1fr}
  .ep-gb-before-after{height:300px}
  .ep-gb-cta{padding:30px 0}
  .ep-gb-contact-layout__form{padding:34px 20px}
  .ep-gb-contact-details{padding:34px 22px}
  .ep-gb-image-card{grid-template-columns:110px minmax(0,1fr)}
  .ep-gb-image-card__body{padding:17px 15px}
  .ep-gb-image-card__body h3{font-size:var(--ep-fs-lg)}
  .ep-gb-image-card__body p{font-size:.82rem}
  .ep-gb-actions{display:grid;grid-template-columns:1fr;width:100%}
  .ep-gb-actions>.wp-block-button,.ep-gb-actions .wp-block-button__link{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .ep-gb-card,.ep-gb-image-card,.ep-gb-image-card__image img,.wp-block-button__link:after{transition:none}
}