.elementor-9296 .elementor-element.elementor-element-7476536{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:110px;--padding-bottom:90px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-7476536:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-7476536 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B36;}.elementor-9296 .elementor-element.elementor-element-8270c44{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9296 .elementor-element.elementor-element-934ad13{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9296 .elementor-element.elementor-element-264d1c2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9296 .elementor-element.elementor-element-b5440df{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9296 .elementor-element.elementor-element-efa47cf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9296 .elementor-element.elementor-element-b9df5e6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9296 .elementor-element.elementor-element-20cb959 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-20cb959 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;color:#FFFFFF;}.elementor-9296 .elementor-element.elementor-element-e4bd3c6 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-e4bd3c6{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9296 .elementor-element.elementor-element-8c7e6be .elementor-button{background-color:#F55349;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-9296 .elementor-element.elementor-element-8c7e6be > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-a99ebcf > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-a99ebcf{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:2em;color:#7FB3FF;}.elementor-9296 .elementor-element.elementor-element-aac1f56{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-aac1f56:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-aac1f56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9296 .elementor-element.elementor-element-2f418dc .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9296 .elementor-element.elementor-element-7a8c9c9 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-7a8c9c9 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9296 .elementor-element.elementor-element-909c8bb > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-909c8bb{font-family:"Manrope", Sans-serif;font-size:14.5px;line-height:1.62em;color:#66727E;}.elementor-9296 .elementor-element.elementor-element-5c08831{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-5c08831:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-5c08831 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9296 .elementor-element.elementor-element-e7208f8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9296 .elementor-element.elementor-element-9aa6f98 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-9aa6f98 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9296 .elementor-element.elementor-element-37311be > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-37311be{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9296 .elementor-element.elementor-element-0f1b9c0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-0f1b9c0:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-0f1b9c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003468;}.elementor-9296 .elementor-element.elementor-element-a43bbaf .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9296 .elementor-element.elementor-element-76ac993 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-76ac993 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:36px;font-weight:700;line-height:1.18em;color:#FFFFFF;}.elementor-9296 .elementor-element.elementor-element-28e37f9 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-28e37f9{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.75em;color:#C4D6EC;}.elementor-9296 .elementor-element.elementor-element-a7b0779{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-a7b0779:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-a7b0779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF1F9;}.elementor-9296 .elementor-element.elementor-element-3e9edfc .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9296 .elementor-element.elementor-element-1d8fb52 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-1d8fb52 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9296 .elementor-element.elementor-element-c64c19f > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-c64c19f{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.85em;color:#66727E;}.elementor-9296 .elementor-element.elementor-element-080fd82{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-080fd82:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-080fd82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9296 .elementor-element.elementor-element-269d215 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9296 .elementor-element.elementor-element-a61e6cb > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-a61e6cb .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9296 .elementor-element.elementor-element-b2edfc2 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-b2edfc2{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.66em;color:#66727E;}.elementor-9296 .elementor-element.elementor-element-9f77111{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:90px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-9296 .elementor-element.elementor-element-9f77111:not(.elementor-motion-effects-element-type-background), .elementor-9296 .elementor-element.elementor-element-9f77111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B36;}.elementor-9296 .elementor-element.elementor-element-5ab6673 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9296 .elementor-element.elementor-element-47119ca > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-47119ca .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-9296 .elementor-element.elementor-element-3af98a3 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9296 .elementor-element.elementor-element-3af98a3{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9296 .elementor-element.elementor-element-0fcdb82 .elementor-button{background-color:#F55349;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-9296 .elementor-element.elementor-element-0fcdb82 > .elementor-widget-container{margin:28px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ================================================================
   InfraTech service page system. Crayon Digital, 23 Aug 2026.
   The same block sits on every service page. Keep the naming when
   adding sections:
     #svc-cards-N     a card ROW container. Its child containers
                      become case study style cards: a coloured
                      head carrying the first heading, white body
                      underneath.
     #svc-cards-ai-N  same card, coral head instead of cobalt.
     .it-creds        the hero credentials list, turned into pills.
   Two traps found on 23 Aug. Elementor 4 containers do NOT render
   the CSS Classes field, so rows are hooked by ID and not by class.
   And something in the stack sets widget backgrounds with
   !important, so every background here needs it too.
   ================================================================ */

body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner{align-items:stretch;gap:18px}
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con{position:relative;overflow:hidden;background:#fff!important;border:1px solid #E3EAF2;border-radius:16px!important;padding:0!important;gap:0!important;align-items:stretch!important;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s}
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con:hover{transform:translateY(-7px);box-shadow:0 26px 56px rgba(0,52,104,.14);border-color:transparent}

/* coloured head, carries the first heading like the case study cards */
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child{margin:0!important;padding:24px 24px 20px;min-height:92px;display:flex;align-items:flex-end;background:radial-gradient(rgba(255,255,255,.5) 1.4px,transparent 1.4px) 0 0/16px 16px,linear-gradient(140deg,#004F9E,#0A5DB5)!important}
body.elementor-page-9296 [id^="svc-cards-ai"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child{background:radial-gradient(rgba(255,255,255,.5) 1.4px,transparent 1.4px) 0 0/16px 16px,linear-gradient(140deg,#F55349,#FF9387)!important}
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title,
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title a{color:#fff!important;text-align:left;font-size:19px;line-height:1.28;letter-spacing:-.01em;transition:opacity .25s}
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title a:hover{opacity:.82}

/* second heading, where the card has an eyebrow plus a title */
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:not(:first-child){margin:0!important;padding:22px 24px 0;text-align:left}

/* white body */
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-text-editor{margin:0!important;padding:20px 24px 26px;text-align:left}
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:not(:first-child) + .elementor-widget-text-editor{padding-top:10px}

/* hero credential pills, matching the homepage */
body.elementor-page-9296 .it-creds ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
body.elementor-page-9296 .it-creds ul li{margin:0;padding:8px 15px;border-radius:999px;line-height:1.2!important;background:rgba(127,179,255,.10)!important;border:1px solid rgba(127,179,255,.28)}

@media(max-width:900px){
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con{width:calc(50% - 9px)!important}
}
@media(max-width:600px){
body.elementor-page-9296 [id^="svc-cards"] > .e-con-inner > .e-con{width:100%!important}
}


/* ---------- SECTION DESIGN SYSTEM. Crayon Digital, 23 Aug 2026. ----------
   Ads, 23 Aug: the service pages read as basic next to the homepage. This
   block gives every section the homepage rhythm with no content edits at all:
   a numbered eyebrow with a pill and a hairline rule, a ghost numeral
   watermark, a measured prose column, and real treatment for the bullet and
   numbered lists the copy is full of. Identical on every service page.
   Three guards worth keeping.
   1. In PAGE settings, Elementor expands "body.elementor-page-9296" to body.elementor-page-N,
      not to the page wrapper, so "body.elementor-page-9296 > .e-con" matches nothing. Scoping
      through .page-content > .elementor is what reaches the sections, and it
      also keeps the header and footer templates out of the numbering.
   2. The eyebrow rules target div.elementor-heading-title only, so a section
      that opens with a real H2 rather than an eyebrow is left alone.
   3. The list rules skip .it-creds so the hero credential pills survive.
   Colours use currentColor, so the same rules work on the light and the dark
   bands without needing to know which is which. */
body.elementor-page-9296 .page-content > .elementor{counter-reset:sec}
body.elementor-page-9296 .page-content > .elementor > .e-con{counter-increment:sec;position:relative}
body.elementor-page-9296 .page-content > .elementor > .e-con:first-child{counter-increment:none}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner{position:relative;z-index:1}
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child)::after{content:counter(sec,decimal-leading-zero);position:absolute;top:6px;right:44px;font-family:'Sora',sans-serif;font-size:180px;font-weight:700;line-height:1;letter-spacing:-.05em;color:#7FB3FF;opacity:.09;pointer-events:none;z-index:0}

/* numbered eyebrow: pill, label, hairline rule */
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child{width:100%;align-self:stretch}
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title{display:flex;align-items:center;gap:14px;width:100%}
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title::before{content:counter(sec,decimal-leading-zero);flex:0 0 auto;border:1px solid currentColor;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:1.4px;opacity:.9}
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title::after{content:"";flex:1 1 auto;height:1px;background:currentColor;opacity:.22}

/* measured columns, so prose stops running the full 1400 */
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title{max-width:1040px}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds){max-width:900px}

/* numbered lists become steps */
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol{list-style:none;counter-reset:step;margin:24px 0 0;padding:0}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li{counter-increment:step;position:relative;margin:0;padding:17px 0 17px 68px;border-bottom:1px solid rgba(127,179,255,.24)}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li:last-child{border-bottom:0}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:15px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#F55349,#FF9387);color:#fff;font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px}

/* bullet lists become feature rows */
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul{list-style:none;margin:24px 0 0;padding:0}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li{position:relative;margin:0;padding:15px 0 15px 30px;border-bottom:1px solid rgba(127,179,255,.20)}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li:last-child{border-bottom:0}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li::before{content:"";position:absolute;left:2px;top:23px;width:9px;height:9px;border-radius:50%;background:linear-gradient(140deg,#F55349,#FF9387)}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) li strong{display:block;margin-bottom:3px;font-weight:700;letter-spacing:-.01em}

@media(max-width:900px){
body.elementor-page-9296 .page-content > .elementor > .e-con:not(:first-child)::after{font-size:110px;right:18px;opacity:.07}
body.elementor-page-9296 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li{padding-left:58px}
}/* End custom CSS */