/* ========================================================================== ALFA Healthcare Kit – global styles (works with Elementor Free, containers) ========================================================================== */ :root{ --alfa-navy:#0B2E6E; --alfa-navy-2:#123C8C; --alfa-navy-dark:#071E4A; --alfa-red:#E0232B; --alfa-red-dark:#B91A21; --alfa-blue:#1F5FD1; --alfa-ink:#0E1B3D; --alfa-muted:#5A6B8A; --alfa-bg:#F3F7FE; --alfa-bg-2:#E8F0FD; --alfa-line:#DFE8F6; --alfa-white:#fff; --alfa-radius:18px; --alfa-shadow:0 10px 30px rgba(11,46,110,.10); --alfa-shadow-lg:0 22px 50px rgba(11,46,110,.18); --alfa-font:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --alfa-wrap:1240px; --alfa-ease:cubic-bezier(.22,.8,.3,1); } html{scroll-behavior:smooth} body.alfa-page{margin:0;font-family:var(--alfa-font);color:var(--alfa-ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden} .alfa-page *,.alfa-page *::before,.alfa-page *::after{box-sizing:border-box} .alfa-page img{max-width:100%;height:auto;display:block} .alfa-page a{text-decoration:none} .alfa-container{width:100%;max-width:var(--alfa-wrap);margin:0 auto;padding:0 24px} /* ---------- Elementor container resets ---------- */ body.alfa-page .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;--content-width:100%;--margin-top:0;--margin-bottom:0;max-width:100%} body.alfa-page .e-con>.e-con-inner{max-width:100%;padding:0} .alfa-page .elementor-widget:not(:last-child){margin-block-end:0} .alfa-page .elementor-widget-container{margin:0} .alfa-page .elementor-heading-title{margin:0;font-family:var(--alfa-font);color:inherit;line-height:1.15} .alfa-page .elementor-widget-text-editor{font-family:var(--alfa-font);color:var(--alfa-muted);font-size:16px;line-height:1.75} .alfa-page .elementor-widget-text-editor p{margin:0 0 .8em} .alfa-page .elementor-widget-text-editor p:last-child{margin-bottom:0} /* layout helpers */ body.alfa-page .alfa-section{width:100%;padding:90px 0;position:relative} body.alfa-page .alfa-section--tight{padding:64px 0} body.alfa-page .alfa-section--soft{background:var(--alfa-bg)} body.alfa-page .alfa-wrap{width:100%;max-width:var(--alfa-wrap);margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:0} .alfa-center{align-items:center;text-align:center} body.alfa-page .alfa-grid{display:grid!important;gap:26px} .alfa-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))} .alfa-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} .alfa-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))} .alfa-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))} body.alfa-page .alfa-split{display:grid!important;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center} body.alfa-page .alfa-stack{display:flex;flex-direction:column;gap:18px} body.alfa-page .alfa-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:14px;align-items:center} .alfa-mt{margin-top:34px} /* typography */ .alfa-eyebrow .elementor-heading-title{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--alfa-red);display:inline-flex;align-items:center;gap:12px} .alfa-eyebrow .elementor-heading-title::before{content:"";width:34px;height:2px;background:var(--alfa-red);display:inline-block} .alfa-center .alfa-eyebrow .elementor-heading-title::after{content:"";width:34px;height:2px;background:var(--alfa-red);display:inline-block} .alfa-h2 .elementor-heading-title{font-size:clamp(28px,3.4vw,42px);font-weight:700;color:var(--alfa-navy);letter-spacing:-.01em;line-height:1.18} .alfa-h2 .elementor-heading-title span,.alfa-red,body.alfa-page .alfa-hero h1 span{color:var(--alfa-red)} .alfa-lead{font-size:17px} .alfa-center .alfa-lead{max-width:640px} body.alfa-page .alfa-title-block{display:flex;flex-direction:column;gap:14px;margin-bottom:46px} body.alfa-page .alfa-title-block.alfa-center{align-items:center;text-align:center} /* buttons (Elementor button widget) */ .alfa-btn .elementor-button{font-family:var(--alfa-font);font-weight:600;font-size:15px;line-height:1;padding:17px 32px;border-radius:12px;position:relative;overflow:hidden;transition:transform .35s var(--alfa-ease),box-shadow .35s var(--alfa-ease),background .3s,color .3s,border-color .3s;letter-spacing:.01em;isolation:isolate} .alfa-btn .elementor-button::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--alfa-ease);z-index:-1} .alfa-btn .elementor-button:hover::before{transform:translateX(120%)} .alfa-btn .elementor-button:hover{transform:translateY(-3px)} .alfa-btn--red .elementor-button{background:var(--alfa-red);color:#fff;box-shadow:0 10px 24px rgba(224,35,43,.32);border:2px solid var(--alfa-red)} .alfa-btn--red .elementor-button:hover{background:var(--alfa-red-dark);border-color:var(--alfa-red-dark);color:#fff;box-shadow:0 16px 30px rgba(224,35,43,.4)} .alfa-btn--outline .elementor-button{background:#fff;color:var(--alfa-navy);border:2px solid var(--alfa-navy)} .alfa-btn--outline .elementor-button:hover{background:var(--alfa-navy);color:#fff} .alfa-btn--white .elementor-button{background:#fff;color:var(--alfa-navy);border:2px solid #fff} .alfa-btn--white .elementor-button:hover{background:transparent;color:#fff} .alfa-btn--small .elementor-button{padding:12px 22px;font-size:13.5px;border-radius:10px} .alfa-link .elementor-button{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--alfa-blue)!important;font-weight:600;font-size:14.5px;border-radius:0} .alfa-link .elementor-button::before{display:none} .alfa-link .elementor-button:hover{transform:none;color:var(--alfa-red)!important} .alfa-link .elementor-button-text::after{content:"\2192";margin-left:8px;display:inline-block;transition:transform .3s var(--alfa-ease)} .alfa-link .elementor-button:hover .elementor-button-text::after{transform:translateX(6px)} /* icon badges (Elementor icon widget) */ .alfa-ico .elementor-icon{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid var(--alfa-navy);color:var(--alfa-navy);display:flex;align-items:center;justify-content:center;font-size:26px;transition:all .45s var(--alfa-ease);box-shadow:0 8px 18px rgba(11,46,110,.12)} .alfa-ico .elementor-icon svg{width:26px;height:26px;fill:currentColor} .alfa-ico .elementor-icon i{line-height:1} .alfa-ico--soft .elementor-icon{background:var(--alfa-bg-2);border-color:transparent;color:var(--alfa-navy)} .alfa-ico--red .elementor-icon{border-color:var(--alfa-red);color:var(--alfa-red)} .alfa-ico--solid .elementor-icon{background:var(--alfa-navy);border-color:var(--alfa-navy);color:#fff} /* ========================================================================== HEADER / FOOTER ========================================================================== */ .alfa-header{position:fixed;top:0;left:0;right:0;z-index:9990;font-family:var(--alfa-font);background:#fff;transition:box-shadow .3s,transform .3s} .alfa-header a{text-decoration:none} .alfa-header svg{width:1em;height:1em;flex:none} .alfa-header svg:not(.s){fill:currentColor} .alfa-header svg.s,.alfa-footer svg.s,.alfa-float svg.s{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .alfa-header .alfa-logo__badge,.alfa-footer .alfa-logo__badge{width:56px;height:56px;fill:none} .alfa-topbar{background:var(--alfa-navy);color:#dbe6ff;font-size:12.5px;max-height:40px;overflow:hidden;transition:max-height .35s var(--alfa-ease)} .alfa-topbar .alfa-container{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:16px} .alfa-topbar__l,.alfa-topbar__r{display:flex;align-items:center;gap:22px} .alfa-topbar a,.alfa-topbar span{color:#dbe6ff;display:inline-flex;align-items:center;gap:7px;transition:color .25s} .alfa-topbar a:hover{color:#fff} .alfa-topbar__soc{width:26px;height:26px;border-radius:50%;justify-content:center;background:rgba(255,255,255,.1)} .alfa-topbar__soc:hover{background:var(--alfa-red)} .alfa-topbar__soc.is-red{background:var(--alfa-red)} .alfa-header.is-stuck .alfa-topbar{max-height:0} .alfa-header.is-stuck{box-shadow:0 8px 26px rgba(11,46,110,.14)} .alfa-navbar .alfa-container{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:84px;transition:min-height .3s} .alfa-header.is-stuck .alfa-navbar .alfa-container{min-height:72px} .alfa-logo{display:inline-flex;align-items:center;gap:12px;color:var(--alfa-navy)} .alfa-logo img{max-height:56px;width:auto} .alfa-logo__badge{width:56px;height:56px;flex:none} .alfa-logo__text{display:flex;flex-direction:column;line-height:1} .alfa-logo__text b{font-size:34px;font-weight:800;letter-spacing:.02em;color:var(--alfa-navy);font-family:var(--alfa-font)} .alfa-logo__text small{font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--alfa-navy);margin-top:3px} .alfa-logo__text i{font-style:normal;font-size:7.5px;letter-spacing:.2em;color:var(--alfa-red);margin-top:3px;font-weight:600} .alfa-nav{display:flex;align-items:center;gap:6px;margin:0 auto 0 auto;padding:0;list-style:none} .alfa-nav li{list-style:none;margin:0} .alfa-nav a{position:relative;display:block;padding:10px 14px;font-size:14.5px;font-weight:500;color:var(--alfa-ink);transition:color .25s} .alfa-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--alfa-red);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--alfa-ease)} .alfa-nav a:hover,.alfa-nav .is-active a{color:var(--alfa-red)} .alfa-nav a:hover::after,.alfa-nav .is-active a::after{transform:scaleX(1)} .alfa-quote{display:inline-flex;align-items:center;gap:8px;background:var(--alfa-red);color:#fff!important;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:10px;box-shadow:0 8px 20px rgba(224,35,43,.3);transition:transform .3s var(--alfa-ease),box-shadow .3s,background .3s;white-space:nowrap} .alfa-quote:hover{background:var(--alfa-red-dark);transform:translateY(-2px);box-shadow:0 14px 26px rgba(224,35,43,.4)} .alfa-burger{display:none;width:46px;height:46px;border:0;border-radius:12px;background:var(--alfa-bg);color:var(--alfa-navy);cursor:pointer;align-items:center;justify-content:center;font-size:24px;padding:0} .alfa-burger .i-x{display:none} .alfa-header.is-open .alfa-burger .i-x{display:block} .alfa-header.is-open .alfa-burger .i-menu{display:none} .alfa-header-spacer{height:122px} body.admin-bar .alfa-header{top:32px} @media(max-width:782px){body.admin-bar .alfa-header{top:46px}} .alfa-drawer{display:none} .alfa-footer{background:var(--alfa-navy);color:#c9d8f5;font-family:var(--alfa-font);position:relative;overflow:hidden;z-index:2} .alfa-footer::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%)} .alfa-footer a{color:#c9d8f5;text-decoration:none;transition:color .25s,transform .25s} .alfa-footer a:hover{color:#fff} .alfa-footer svg{width:1em;height:1em;flex:none} .alfa-footer svg:not(.s){fill:currentColor} .alfa-footer__grid{display:grid;grid-template-columns:1.5fr .8fr 1.1fr .7fr;gap:44px;padding:64px 0 46px;position:relative} .alfa-footer h4{margin:0 0 20px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;position:relative;padding-bottom:12px} .alfa-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--alfa-red)} .alfa-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-size:14px} .alfa-footer li{display:flex;gap:10px;align-items:flex-start;margin:0;list-style:none} .alfa-footer li a:hover{transform:translateX(4px);display:inline-block} .alfa-footer .alfa-logo__text b,.alfa-footer .alfa-logo__text small{color:#fff} .alfa-footer__about{font-size:14px;line-height:1.75;margin:18px 0 0;max-width:320px} .alfa-footer__soc{display:flex;gap:12px} .alfa-footer__soc a{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff} .alfa-footer__soc a:hover{background:var(--alfa-red);border-color:var(--alfa-red);transform:translateY(-3px)} .alfa-footer__bottom{border-top:1px solid rgba(255,255,255,.12);font-size:13px} .alfa-footer__bottom .alfa-container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap} .alfa-footer__bottom b{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px} .alfa-footer__bottom b svg{color:var(--alfa-red);font-size:16px;animation:alfaBeat 1.6s infinite} .alfa-float{position:fixed;right:22px;bottom:22px;z-index:9980;display:flex;flex-direction:column;gap:12px;align-items:flex-end} .alfa-float a,.alfa-float button{width:56px;height:56px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.25);transition:transform .3s var(--alfa-ease),opacity .3s} .alfa-float svg{width:1em;height:1em;fill:currentColor} .alfa-float a:hover,.alfa-float button:hover{transform:translateY(-4px) scale(1.06)} .alfa-wa{background:#25D366;position:relative} .alfa-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:alfaPing 2.2s infinite} .alfa-top{background:var(--alfa-navy);width:46px!important;height:46px!important;font-size:20px!important;opacity:0;pointer-events:none;transform:translateY(10px)} .alfa-top.is-on{opacity:1;pointer-events:auto;transform:none} /* ========================================================================== HERO SLIDER (home) ========================================================================== */ body.alfa-page .alfa-hero{position:relative;width:100%;background:linear-gradient(180deg,#F5F9FF 0%,#fff 100%);overflow:hidden;display:block!important} body.alfa-page .alfa-hero::before{content:"";position:absolute;right:-8%;top:-20%;width:62%;height:140%;background:radial-gradient(closest-side,#DCE9FF,rgba(220,233,255,0) 72%);pointer-events:none} body.alfa-page .alfa-hero .alfa-slide{display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:24px;max-width:var(--alfa-wrap);margin:0 auto;padding:56px 24px 64px;min-height:600px;position:relative} body.alfa-page .alfa-hero .alfa-slide__text{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2} body.alfa-page .alfa-hero .alfa-slide__media{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;height:100%} body.alfa-page .alfa-hero .alfa-slide__media .elementor-widget-image{width:100%} body.alfa-page .alfa-hero .alfa-slide__media img{width:100%;max-height:560px;object-fit:cover;border-radius:44% 44% 24px 24px / 30% 30% 24px 24px;box-shadow:var(--alfa-shadow-lg)} body.alfa-page .alfa-hero h1.elementor-heading-title,body.alfa-page .alfa-hero .alfa-h1 .elementor-heading-title{font-size:clamp(34px,4.6vw,58px);font-weight:800;color:var(--alfa-navy);line-height:1.08;letter-spacing:-.02em} body.alfa-page .alfa-hero .alfa-h1 .elementor-heading-title span{color:var(--alfa-red);display:block} .alfa-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;background:var(--alfa-navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 20px;border-radius:12px} .alfa-badge .elementor-heading-title::before{content:"\2665";color:var(--alfa-red);font-size:14px} body.alfa-page .alfa-trust{display:flex!important;flex-direction:row!important;gap:28px;flex-wrap:wrap;margin-top:8px} body.alfa-page .alfa-trust .elementor-widget-html{width:auto} .alfa-trust-item{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--alfa-navy)} .alfa-trust-item svg{width:34px;height:34px;padding:7px;border-radius:50%;border:1.5px solid var(--alfa-navy);fill:none;stroke:var(--alfa-navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* slider states – only when JS is running and not editing */ .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide{position:absolute;inset:0 0 auto 0;opacity:0;visibility:hidden;transition:opacity .9s var(--alfa-ease),visibility .9s;z-index:1} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active{position:relative;opacity:1;visibility:visible;z-index:2} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__text>*{animation:alfaUp .9s var(--alfa-ease) both} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__text>*:nth-child(2){animation-delay:.12s} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__text>*:nth-child(3){animation-delay:.24s} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__text>*:nth-child(4){animation-delay:.36s} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__text>*:nth-child(5){animation-delay:.48s} .alfa-js body:not(.elementor-editor-active) .alfa-hero .alfa-slide.is-active .alfa-slide__media{animation:alfaZoom 1.2s var(--alfa-ease) both} .alfa-hero__nav{position:absolute;left:0;right:0;bottom:22px;z-index:5;display:flex;justify-content:center;align-items:center;gap:14px;pointer-events:none} .alfa-hero__nav>*{pointer-events:auto} .alfa-dot{width:10px;height:10px;border-radius:99px;border:0;background:#b9c9ea;padding:0;cursor:pointer;transition:all .4s var(--alfa-ease)} .alfa-dot.is-on{width:38px;background:var(--alfa-red)} .alfa-arrow{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--alfa-line);background:#fff;color:var(--alfa-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--alfa-ease);box-shadow:var(--alfa-shadow);padding:0} .alfa-arrow:hover{background:var(--alfa-navy);color:#fff;transform:scale(1.08)} .alfa-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .alfa-arrow[disabled]{opacity:.35;pointer-events:none} .alfa-hero__progress{position:absolute;left:0;bottom:0;height:3px;background:var(--alfa-red);width:0;z-index:6} .alfa-hero__progress.run{animation:alfaProg var(--alfa-dur,6500ms) linear forwards} /* ========================================================================== CAROUSEL (services, gallery strip) ========================================================================== */ body.alfa-page .alfa-carousel-wrap{position:relative;width:100%} body.alfa-page .alfa-carousel{display:flex!important;flex-direction:row!important;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 26px;margin:0 -4px;scrollbar-width:none;-webkit-overflow-scrolling:touch} body.alfa-page .alfa-carousel::-webkit-scrollbar{display:none} body.alfa-page .alfa-carousel>*{flex:0 0 calc((100% - 22px*4)/5)!important;min-width:205px;scroll-snap-align:start} body.alfa-page .alfa-carousel--3>*{flex-basis:calc((100% - 22px*2)/3)!important;min-width:280px} body.alfa-page .alfa-carousel-wrap .alfa-arrow{position:absolute;top:44%;z-index:4} body.alfa-page .alfa-carousel-wrap .alfa-arrow.prev{left:-22px} body.alfa-page .alfa-carousel-wrap .alfa-arrow.next{right:-22px} body.alfa-page .alfa-carousel-wrap.no-scroll .alfa-arrow{display:none} body.alfa-page .alfa-carousel-wrap .alfa-arrow.is-hidden{opacity:0;pointer-events:none} /* service card */ body.alfa-page .alfa-scard{background:#fff;border:1px solid var(--alfa-line);border-radius:var(--alfa-radius);overflow:hidden;box-shadow:0 6px 18px rgba(11,46,110,.06);transition:transform .5s var(--alfa-ease),box-shadow .5s var(--alfa-ease),border-color .3s;display:flex!important;flex-direction:column;position:relative;height:auto} body.alfa-page .alfa-scard:hover{transform:translateY(-10px);box-shadow:var(--alfa-shadow-lg);border-color:transparent} body.alfa-page .alfa-scard .alfa-scard__img{overflow:hidden;position:relative;aspect-ratio:4/3;width:100%} body.alfa-page .alfa-scard .alfa-scard__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--alfa-ease)} body.alfa-page .alfa-scard:hover .alfa-scard__img img{transform:scale(1.1)} body.alfa-page .alfa-scard .alfa-scard__ico{margin:-32px 0 0 20px;position:relative;z-index:2;width:auto} body.alfa-page .alfa-scard .alfa-scard__ico .elementor-icon{width:62px;height:62px;font-size:26px} body.alfa-page .alfa-scard:hover .alfa-ico .elementor-icon{background:var(--alfa-navy);color:#fff;transform:rotate(-8deg) scale(1.06)} body.alfa-page .alfa-scard .alfa-scard__body{padding:8px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1} body.alfa-page .alfa-scard .alfa-scard__title .elementor-heading-title{font-size:18px;font-weight:700;color:var(--alfa-navy);line-height:1.3} body.alfa-page .alfa-scard .elementor-widget-text-editor{font-size:14px;line-height:1.65} body.alfa-page .alfa-scard .alfa-link{margin-top:auto;padding-top:6px} body.alfa-page .alfa-scard ul,body.alfa-page .alfa-scard .elementor-icon-list-items{list-style:none;padding:0;margin:4px 0 6px;display:flex;flex-direction:column;gap:7px} body.alfa-page .alfa-scard .elementor-icon-list-item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--alfa-ink);line-height:1.4} body.alfa-page .alfa-scard .elementor-icon-list-icon{color:var(--alfa-blue);font-size:11px;padding-top:4px;width:auto!important} body.alfa-page .alfa-scard .elementor-icon-list-icon svg{width:11px;height:11px;fill:currentColor} body.alfa-page .alfa-scard .elementor-icon-list-text{color:var(--alfa-ink);font-family:var(--alfa-font);padding:0!important} /* ========================================================================== STATS ========================================================================== */ body.alfa-page .alfa-stats{background:linear-gradient(100deg,var(--alfa-navy-dark),var(--alfa-navy-2));color:#fff;position:relative;overflow:hidden} body.alfa-page .alfa-stats::before{content:"";position:absolute;left:8%;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.05)} .alfa-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--alfa-wrap);margin:0 auto;padding:34px 24px;position:relative;font-family:var(--alfa-font)} .alfa-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 14px;position:relative;transition:transform .4s var(--alfa-ease)} .alfa-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:14%;height:72%;width:1px;background:rgba(255,255,255,.2)} .alfa-stat:hover{transform:translateY(-5px)} .alfa-stat svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px;transition:transform .5s var(--alfa-ease)} .alfa-stat:hover svg{transform:scale(1.15) rotate(-6deg)} .alfa-stat b{font-size:32px;font-weight:700;line-height:1} .alfa-stat>span{font-size:14px;color:#cfdcf8} .alfa-stat b span{font-size:inherit;color:inherit} /* ========================================================================== STORY BANNER ========================================================================== */ body.alfa-page .alfa-story{position:relative;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#F3F8FF 45%,#DCE8FB 100%)} body.alfa-page .alfa-story .alfa-wrap{display:grid!important;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:380px} body.alfa-page .alfa-story__text{display:flex;flex-direction:column;gap:16px} body.alfa-page .alfa-story h2.elementor-heading-title,body.alfa-page .alfa-story .alfa-h2 .elementor-heading-title{font-size:clamp(30px,4vw,48px);line-height:1.1} body.alfa-page .alfa-story__media{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end} body.alfa-page .alfa-story__media .elementor-widget-image{width:100%} body.alfa-page .alfa-story__media img{width:100%;max-height:420px;object-fit:cover;border-radius:28px 28px 0 0} .alfa-play{position:absolute!important;left:8%;bottom:16%;z-index:3;width:auto!important} .alfa-play .elementor-button{display:inline-flex;align-items:center;gap:14px;background:#fff!important;color:var(--alfa-navy)!important;border-radius:99px!important;padding:12px 26px 12px 12px!important;font-weight:600;box-shadow:var(--alfa-shadow-lg);border:0!important} .alfa-play .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:12px} .alfa-play .elementor-button-icon{order:-1;width:46px;height:46px;border-radius:50%;background:var(--alfa-navy);color:#fff;display:flex;align-items:center;justify-content:center;position:relative} .alfa-play .elementor-button-icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--alfa-navy);opacity:.5;animation:alfaPing 2s infinite} .alfa-play .elementor-button-icon svg{width:16px;height:16px;fill:#fff} .alfa-play .elementor-button-icon i{font-size:15px;margin-left:2px} .alfa-play .elementor-button::before{display:none} /* ========================================================================== STEPS (how it works) ========================================================================== */ body.alfa-page .alfa-step{background:#fff;border:1px solid var(--alfa-line);border-radius:var(--alfa-radius);padding:34px 28px;display:flex!important;flex-direction:column;gap:14px;position:relative;transition:transform .45s var(--alfa-ease),box-shadow .45s var(--alfa-ease)} body.alfa-page .alfa-step:hover{transform:translateY(-8px);box-shadow:var(--alfa-shadow-lg)} body.alfa-page .alfa-step .alfa-step__n{position:absolute;right:22px;top:14px;font-size:64px;font-weight:800;color:var(--alfa-bg-2);line-height:1;pointer-events:none;transition:color .4s} body.alfa-page .alfa-step:hover .alfa-step__n{color:#fde3e4} body.alfa-page .alfa-step .elementor-heading-title{font-size:19px;font-weight:700;color:var(--alfa-navy)} body.alfa-page .alfa-step .elementor-widget-text-editor{font-size:14.5px} body.alfa-page .alfa-step .alfa-step__n .elementor-heading-title{font-size:64px;font-weight:800;color:inherit;line-height:1} /* ========================================================================== PAGE HERO (inner pages) ========================================================================== */ body.alfa-page .alfa-pagehero{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--alfa-navy-dark) 0%,var(--alfa-navy) 45%,#2b5aa8 100%);color:#fff;min-height:250px;display:flex!important;align-items:center} body.alfa-page .alfa-pagehero::before{content:"";position:absolute;inset:0;background:url("../img/pattern.svg") right center/cover no-repeat;opacity:.5;pointer-events:none} .alfa-pagehero__img{position:absolute!important;right:0;top:0;bottom:0;width:52%;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)} .alfa-pagehero__img .elementor-widget-container,.alfa-pagehero__img img{height:100%;width:100%} .alfa-pagehero__img img{object-fit:cover;object-position:center 25%} body.alfa-page .alfa-pagehero .alfa-wrap{position:relative;z-index:2;padding-top:52px;padding-bottom:52px;gap:12px} body.alfa-page .alfa-pagehero h1.elementor-heading-title,body.alfa-page .alfa-pagehero .alfa-h1 .elementor-heading-title{color:#fff;font-size:clamp(34px,4.4vw,54px);font-weight:700;letter-spacing:-.01em} .alfa-crumbs{display:flex;gap:10px;font-size:14px;color:#cfdcf8;align-items:center;font-family:var(--alfa-font)} .alfa-crumbs a{color:#fff;transition:color .25s} .alfa-crumbs a:hover{color:#ffb9bc} .alfa-crumbs i{font-style:normal;opacity:.6} body.alfa-page .alfa-pagehero .alfa-wrap>*{animation:alfaUp .8s var(--alfa-ease) both} body.alfa-page .alfa-pagehero .alfa-wrap>*:nth-child(2){animation-delay:.1s} body.alfa-page .alfa-pagehero .alfa-wrap>*:nth-child(3){animation-delay:.2s} /* ========================================================================== CARDS: mission/vision, feature, values ========================================================================== */ body.alfa-page .alfa-card{background:#fff;border:1px solid var(--alfa-line);border-radius:var(--alfa-radius);padding:30px 26px;display:flex!important;flex-direction:column;gap:14px;box-shadow:0 6px 18px rgba(11,46,110,.05);transition:transform .45s var(--alfa-ease),box-shadow .45s var(--alfa-ease),border-color .3s;position:relative;overflow:hidden} body.alfa-page .alfa-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--alfa-red),var(--alfa-navy));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--alfa-ease)} body.alfa-page .alfa-card:hover{transform:translateY(-8px);box-shadow:var(--alfa-shadow-lg);border-color:transparent} body.alfa-page .alfa-card:hover::after{transform:scaleX(1)} body.alfa-page .alfa-card:hover .alfa-ico .elementor-icon{background:var(--alfa-navy);color:#fff;transform:rotate(-8deg) scale(1.06)} body.alfa-page .alfa-card .elementor-heading-title{font-size:19px;font-weight:700;color:var(--alfa-navy);line-height:1.3} body.alfa-page .alfa-card .elementor-widget-text-editor{font-size:14.5px} .alfa-card--row{flex-direction:row!important;align-items:flex-start;gap:18px} .alfa-card--row .alfa-card__body{display:flex;flex-direction:column;gap:6px} .alfa-card--flat{box-shadow:none;background:var(--alfa-bg)} .alfa-card--center{align-items:center;text-align:center} /* mini features (services page panel) */ body.alfa-page .alfa-panel{background:var(--alfa-bg);border:1px solid var(--alfa-line);border-radius:var(--alfa-radius);padding:24px 26px;display:grid!important;gap:18px} .alfa-panel-item{display:flex;align-items:center;gap:14px;font-weight:600;color:var(--alfa-navy);font-size:15px;font-family:var(--alfa-font)} .alfa-panel-item svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#fff;fill:none;stroke:var(--alfa-navy);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 5px 12px rgba(11,46,110,.1);transition:all .35s var(--alfa-ease)} .alfa-panel-item:hover svg{background:var(--alfa-navy);stroke:#fff;transform:scale(1.1)} /* about image with heart */ body.alfa-page .alfa-figure{position:relative;display:flex;justify-content:center} body.alfa-page .alfa-figure::before{content:"";position:absolute;inset:6% 6% 0 6%;border-radius:50%;background:radial-gradient(closest-side,#DCE9FF,#F3F8FF 75%,transparent);z-index:0} body.alfa-page .alfa-figure .elementor-widget-image{position:relative;z-index:1;width:100%;max-width:520px} body.alfa-page .alfa-figure img{width:100%;border-radius:32px;box-shadow:var(--alfa-shadow-lg);animation:alfaFloat 6s ease-in-out infinite} body.alfa-page .alfa-figure::after{content:"\2665";position:absolute;right:6%;top:2%;z-index:2;font-size:58px;color:var(--alfa-red);animation:alfaBeat 1.8s infinite;filter:drop-shadow(0 8px 12px rgba(224,35,43,.35))} /* journey timeline */ body.alfa-page .alfa-timeline{display:grid!important;grid-template-columns:repeat(5,1fr);gap:0;position:relative;counter-reset:tl} body.alfa-page .alfa-timeline::before{content:"";position:absolute;left:10%;right:10%;top:44px;border-top:2px dashed #b8c9ea} body.alfa-page .alfa-tl{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;padding:0 10px} body.alfa-page .alfa-tl .elementor-icon{width:88px;height:88px;border-radius:50%;background:#fff;border:2px solid var(--alfa-navy);color:var(--alfa-navy);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 10px 24px rgba(11,46,110,.12);transition:all .45s var(--alfa-ease);position:relative;z-index:2} body.alfa-page .alfa-tl:hover .elementor-icon{background:var(--alfa-navy);color:#fff;transform:translateY(-8px) scale(1.05)} body.alfa-page .alfa-tl .elementor-icon svg{width:32px;height:32px;fill:currentColor} body.alfa-page .alfa-tl .elementor-heading-title{font-size:15.5px;font-weight:600;color:var(--alfa-navy);line-height:1.35} body.alfa-page .alfa-tl .elementor-widget-text-editor{font-size:13.5px} /* commitment */ body.alfa-page .alfa-commit{background:var(--alfa-bg);border-radius:26px;padding:44px;display:grid!important;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow:hidden;position:relative} body.alfa-page .alfa-commit__media img{width:100%;border-radius:22px;max-height:340px;object-fit:cover} body.alfa-page .alfa-tiles{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px} body.alfa-page .alfa-tile{background:#fff;border:1px solid var(--alfa-line);border-radius:14px;padding:16px 8px;display:flex!important;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .35s var(--alfa-ease),box-shadow .35s} body.alfa-page .alfa-tile:hover{transform:translateY(-6px);box-shadow:var(--alfa-shadow)} body.alfa-page .alfa-tile .elementor-icon{font-size:22px;color:var(--alfa-red)} body.alfa-page .alfa-tile .elementor-icon svg{width:22px;height:22px;fill:currentColor} body.alfa-page .alfa-tile .elementor-heading-title{font-size:12.5px;font-weight:600;color:var(--alfa-navy)} /* careers */ body.alfa-page .alfa-job{display:grid!important;grid-template-columns:1.4fr 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--alfa-line);border-radius:16px;padding:22px 28px;transition:transform .4s var(--alfa-ease),box-shadow .4s,border-color .3s;position:relative} body.alfa-page .alfa-job:hover{transform:translateX(8px);box-shadow:var(--alfa-shadow);border-color:var(--alfa-red)} body.alfa-page .alfa-job .elementor-heading-title{font-size:18px;font-weight:700;color:var(--alfa-navy)} body.alfa-page .alfa-job .elementor-widget-text-editor{font-size:14px} body.alfa-page .alfa-jobs{display:flex!important;flex-direction:column;gap:16px} /* CTA band */ body.alfa-page .alfa-cta{background:linear-gradient(100deg,var(--alfa-navy-dark),var(--alfa-navy-2));border-radius:28px;padding:56px 48px;display:grid!important;grid-template-columns:1.3fr auto;gap:30px;align-items:center;position:relative;overflow:hidden;color:#fff} body.alfa-page .alfa-cta::before{content:"\2665";position:absolute;right:-30px;bottom:-70px;font-size:300px;color:rgba(255,255,255,.05);line-height:1} body.alfa-page .alfa-cta .elementor-heading-title{color:#fff;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.2} body.alfa-page .alfa-cta .elementor-widget-text-editor{color:#cfdcf8} body.alfa-page .alfa-cta__btns{display:flex!important;flex-direction:row!important;gap:14px;flex-wrap:wrap;position:relative;z-index:2} /* ========================================================================== GALLERY ========================================================================== */ .alfa-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px;font-family:var(--alfa-font)} .alfa-filter button{border:1.5px solid var(--alfa-line);background:#fff;color:var(--alfa-navy);font-weight:600;font-size:14px;padding:11px 24px;border-radius:99px;cursor:pointer;transition:all .3s var(--alfa-ease);font-family:inherit} .alfa-filter button:hover,.alfa-filter button:focus{border-color:var(--alfa-navy);background:#fff;color:var(--alfa-navy);transform:translateY(-2px)} .alfa-filter button.is-on:hover,.alfa-filter button.is-on:focus{background:var(--alfa-red);border-color:var(--alfa-red);color:#fff} .alfa-filter button.is-on{background:var(--alfa-red);border-color:var(--alfa-red);color:#fff;box-shadow:0 8px 18px rgba(224,35,43,.3)} body.alfa-page .alfa-gallery{display:grid!important;grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);gap:18px} body.alfa-page .alfa-gallery .alfa-fig{margin:0;position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1;cursor:zoom-in;background:var(--alfa-bg-2);transition:opacity .45s,transform .45s var(--alfa-ease);display:block!important} body.alfa-page .alfa-gallery .alfa-fig.tall{grid-row:span 2;aspect-ratio:auto} body.alfa-page .alfa-gallery .alfa-fig.wide{grid-column:span 2;aspect-ratio:2/1} body.alfa-page .alfa-gallery .alfa-fig .elementor-widget,body.alfa-page .alfa-gallery .alfa-fig .elementor-widget-container{height:100%} body.alfa-page .alfa-gallery .alfa-fig img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--alfa-ease)} body.alfa-page .alfa-gallery .alfa-fig:hover img{transform:scale(1.12)} body.alfa-page .alfa-gallery .alfa-fig::after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;color:#fff;background:linear-gradient(0deg,rgba(11,46,110,.72),rgba(11,46,110,.25));opacity:0;transition:opacity .4s;font-weight:300;pointer-events:none} body.alfa-page .alfa-gallery .alfa-fig:hover::after{opacity:1} body.alfa-page .alfa-gallery .alfa-fig.is-hidden{display:none!important} .alfa-lb{position:fixed;inset:0;z-index:99999;background:rgba(6,18,46,.92);display:none;align-items:center;justify-content:center;padding:40px;opacity:0;transition:opacity .3s} .alfa-lb.is-open{display:flex;opacity:1} .alfa-lb img,.alfa-lb iframe,.alfa-lb video{max-width:min(1100px,92vw);max-height:84vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:alfaZoom .5s var(--alfa-ease) both;border:0} .alfa-lb iframe,.alfa-lb video{width:min(1000px,92vw);aspect-ratio:16/9;height:auto;background:#000} .alfa-lb__x,.alfa-lb__p,.alfa-lb__n{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:background .25s} .alfa-lb__x:hover,.alfa-lb__p:hover,.alfa-lb__n:hover{background:var(--alfa-red)} .alfa-lb__x{top:22px;right:22px}.alfa-lb__p{left:22px;top:50%}.alfa-lb__n{right:22px;top:50%} .alfa-lb.single .alfa-lb__p,.alfa-lb.single .alfa-lb__n{display:none} /* ========================================================================== CONTACT ========================================================================== */ body.alfa-page .alfa-contact{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start} body.alfa-page .alfa-info{display:flex!important;flex-direction:column;gap:22px} .alfa-info-item{display:flex;gap:16px;align-items:flex-start;font-family:var(--alfa-font)} .alfa-info-item>svg{width:46px;height:46px;padding:12px;border-radius:14px;background:var(--alfa-bg-2);fill:none;stroke:var(--alfa-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:all .35s var(--alfa-ease)} .alfa-info-item:hover>svg{background:var(--alfa-red);stroke:#fff;transform:rotate(-8deg) scale(1.08)} .alfa-info-item b{display:block;color:var(--alfa-navy);font-size:15.5px;font-weight:600;margin-bottom:2px} .alfa-info-item span,.alfa-info-item a{color:var(--alfa-muted);font-size:15px;line-height:1.6} .alfa-info-item a:hover{color:var(--alfa-red)} .alfa-formbox{background:#fff;border:1px solid var(--alfa-line);border-radius:22px;padding:38px;box-shadow:var(--alfa-shadow-lg);font-family:var(--alfa-font)} .alfa-formbox h3{margin:0 0 6px;font-size:24px;color:var(--alfa-navy);font-weight:700;font-family:var(--alfa-font)} .alfa-formbox p.sub{margin:0 0 22px;color:var(--alfa-muted);font-size:14.5px} .alfa-form{display:grid;gap:16px} .alfa-form label{display:block;font-size:13px;font-weight:600;color:var(--alfa-navy);margin-bottom:6px} .alfa-form input[type=text],.alfa-form input[type=tel],.alfa-form input[type=email],.alfa-form textarea,.alfa-form select{width:100%;border:1.5px solid var(--alfa-line);background:var(--alfa-bg);border-radius:12px;padding:15px 18px;font-size:15px;font-family:var(--alfa-font);color:var(--alfa-ink);transition:border-color .25s,box-shadow .25s,background .25s;outline:0;appearance:none} .alfa-form textarea{min-height:140px;resize:vertical} .alfa-form input:focus,.alfa-form textarea:focus,.alfa-form select:focus{border-color:var(--alfa-blue);background:#fff;box-shadow:0 0 0 4px rgba(31,95,209,.12)} .alfa-form .hp{position:absolute!important;left:-9999px;opacity:0;height:0;width:0} .alfa-form button{background:var(--alfa-red);color:#fff;border:0;border-radius:12px;padding:17px 30px;font-weight:600;font-size:16px;cursor:pointer;font-family:var(--alfa-font);transition:transform .3s var(--alfa-ease),box-shadow .3s,background .3s;box-shadow:0 10px 24px rgba(224,35,43,.32)} .alfa-form button:hover{background:var(--alfa-red-dark);transform:translateY(-3px)} .alfa-form button[disabled]{opacity:.7;pointer-events:none} .alfa-notice{padding:14px 18px;border-radius:12px;font-size:14.5px;margin-bottom:16px;font-family:var(--alfa-font)} .alfa-notice.ok{background:#e8f8ee;color:#12693a;border:1px solid #b9e6c9} .alfa-notice.err{background:#fdecec;color:#a11a20;border:1px solid #f6c3c5} .alfa-map{border-radius:22px;overflow:hidden;box-shadow:var(--alfa-shadow);border:1px solid var(--alfa-line);line-height:0} .alfa-map iframe{width:100%;height:420px;border:0;filter:saturate(.9)} /* ========================================================================== REVEAL + KEYFRAMES ========================================================================== */ .alfa-js body:not(.elementor-editor-active) .alfa-rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--alfa-ease),transform .9s var(--alfa-ease);transition-delay:var(--d,0ms)} .alfa-js body:not(.elementor-editor-active) .alfa-rv.alfa-left{transform:translateX(-46px)} .alfa-js body:not(.elementor-editor-active) .alfa-rv.alfa-right{transform:translateX(46px)} .alfa-js body:not(.elementor-editor-active) .alfa-rv.alfa-zoom{transform:scale(.92)} .alfa-js body:not(.elementor-editor-active) .alfa-rv.in{opacity:1;transform:none} @keyframes alfaUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}} @keyframes alfaZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}} @keyframes alfaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} @keyframes alfaBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}} @keyframes alfaPing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}} @keyframes alfaProg{from{width:0}to{width:100%}} @media(prefers-reduced-motion:reduce){ .alfa-page *,.alfa-page *::before,.alfa-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} html{scroll-behavior:auto} } /* ========================================================================== RESPONSIVE ========================================================================== */ @media(max-width:1180px){ .alfa-nav a{padding:10px 9px;font-size:13.5px} .alfa-quote{padding:12px 16px} body.alfa-page .alfa-carousel>*{flex-basis:calc((100% - 22px*2)/3)!important} .alfa-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))} body.alfa-page .alfa-gallery{grid-template-columns:repeat(3,1fr)} } @media(max-width:980px){ .alfa-nav,.alfa-navbar .alfa-quote{display:none} .alfa-burger{display:flex} .alfa-topbar__l span:first-child{display:none} .alfa-drawer{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--alfa-line);box-shadow:0 22px 40px rgba(11,46,110,.16);max-height:0;overflow:hidden;transition:max-height .5s var(--alfa-ease)} .alfa-header.is-open .alfa-drawer{max-height:80vh;overflow:auto} .alfa-drawer ul{list-style:none;margin:0;padding:12px 24px 6px} .alfa-drawer li a{display:block;padding:15px 4px;border-bottom:1px solid var(--alfa-line);font-weight:500;color:var(--alfa-ink);font-size:16px} .alfa-drawer li.is-active a{color:var(--alfa-red)} .alfa-drawer .alfa-quote{display:flex;justify-content:center;margin:18px 24px 24px} .alfa-header-spacer{height:126px} body.alfa-page .alfa-hero .alfa-slide{grid-template-columns:1fr;padding:34px 20px 84px;min-height:0;gap:26px} body.alfa-page .alfa-hero .alfa-slide__media{order:2;justify-content:center} body.alfa-page .alfa-hero .alfa-slide__media img{max-height:380px;border-radius:32px} body.alfa-page .alfa-split,body.alfa-page .alfa-contact,body.alfa-page .alfa-commit,body.alfa-page .alfa-cta{grid-template-columns:1fr;gap:34px} .alfa-grid--3,.alfa-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))} .alfa-stats__grid{grid-template-columns:repeat(2,1fr);row-gap:22px} .alfa-stat:nth-child(2)::after{display:none} body.alfa-page .alfa-story .alfa-wrap{grid-template-columns:1fr;padding-top:50px} body.alfa-page .alfa-timeline{grid-template-columns:repeat(2,1fr);row-gap:34px} body.alfa-page .alfa-timeline::before{display:none} .alfa-footer__grid{grid-template-columns:1fr 1fr;gap:34px} body.alfa-page .alfa-job{grid-template-columns:1fr;gap:12px} .alfa-pagehero__img{width:70%;opacity:.5} body.alfa-page .alfa-section{padding:64px 0} body.alfa-page .alfa-carousel-wrap .alfa-arrow.prev{left:-6px}body.alfa-page .alfa-carousel-wrap .alfa-arrow.next{right:-6px} } @media(max-width:640px){ .alfa-topbar__r span{display:none} .alfa-topbar__l a{display:none} .alfa-topbar .alfa-container{justify-content:center} .alfa-logo__text b{font-size:27px} .alfa-logo__badge{width:46px;height:46px} .alfa-grid--2,.alfa-grid--3,.alfa-grid--4,.alfa-grid--5{grid-template-columns:1fr} body.alfa-page .alfa-carousel>*,body.alfa-page .alfa-carousel--3>*{flex-basis:82%!important;min-width:0} body.alfa-page .alfa-tiles{grid-template-columns:repeat(2,1fr)} body.alfa-page .alfa-timeline{grid-template-columns:1fr} .alfa-footer__grid{grid-template-columns:1fr} body.alfa-page .alfa-gallery{grid-template-columns:repeat(2,1fr);gap:12px} body.alfa-page .alfa-gallery .alfa-fig.wide{grid-column:span 2} .alfa-formbox{padding:24px} body.alfa-page .alfa-cta{padding:36px 26px} body.alfa-page .alfa-commit{padding:26px} .alfa-hero__nav .alfa-arrow{display:none} .alfa-play{left:5%} .alfa-stat b{font-size:26px} .alfa-float{right:14px;bottom:14px} .alfa-header-spacer{height:104px} } /* generic stroke icons (zero specificity so component rules can override) */ :where(svg.s){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* moments strip */ body.alfa-page .alfa-moment{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/5;display:block!important;box-shadow:0 8px 22px rgba(11,46,110,.10)} body.alfa-page .alfa-moment .elementor-widget-image,body.alfa-page .alfa-moment .elementor-widget-container{height:100%} body.alfa-page .alfa-moment img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--alfa-ease)} body.alfa-page .alfa-moment:hover img{transform:scale(1.1)} body.alfa-page .alfa-moment::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,46,110,.35),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none} body.alfa-page .alfa-moment:hover::after{opacity:1} body.alfa-page .alfa-carousel--3.alfa-moments>*{flex-basis:calc((100% - 22px*3)/4)!important;min-width:220px} @media(max-width:640px){body.alfa-page .alfa-carousel--3.alfa-moments>*{flex-basis:70%!important}} .alfa-center .alfa-row{justify-content:center} /* theme-proofing: some themes style every