.elementor-9284 .elementor-element.elementor-element-c48b3cc{--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-9284 .elementor-element.elementor-element-c48b3cc:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-c48b3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B36;}.elementor-9284 .elementor-element.elementor-element-a660105{--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-9284 .elementor-element.elementor-element-2a89118{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9284 .elementor-element.elementor-element-007efed{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9284 .elementor-element.elementor-element-779f48c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9284 .elementor-element.elementor-element-83ae5fa{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9284 .elementor-element.elementor-element-1b26b24 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9284 .elementor-element.elementor-element-cb374c3 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-cb374c3 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:52px;font-weight:700;line-height:1.1em;color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-8033e4c > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-8033e4c{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9284 .elementor-element.elementor-element-90676f3 .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-9284 .elementor-element.elementor-element-90676f3 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-61ac29f > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-61ac29f{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:2em;color:#7FB3FF;}.elementor-9284 .elementor-element.elementor-element-cd93c25{--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-9284 .elementor-element.elementor-element-cd93c25:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-cd93c25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9284 .elementor-element.elementor-element-91caee3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-39349dc > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-39349dc .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-62dc1b4 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-62dc1b4{font-family:"Manrope", Sans-serif;font-size:14.5px;line-height:1.62em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-573d0e6{--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-9284 .elementor-element.elementor-element-573d0e6:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-573d0e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-ca20df6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-92d0235 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-92d0235 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-83e2a97 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-83e2a97{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-5d34f55 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-5d34f55{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.66em;}.elementor-9284 .elementor-element.elementor-element-d7e878d{--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-9284 .elementor-element.elementor-element-d7e878d:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-d7e878d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF1F9;}.elementor-9284 .elementor-element.elementor-element-d4479fc .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-7967a0c > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-7967a0c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-f12f03a > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-f12f03a{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.85em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-f225f5c{--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-9284 .elementor-element.elementor-element-f225f5c:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-f225f5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9284 .elementor-element.elementor-element-a694e16 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-07bdc7e > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-07bdc7e .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-8c654c4 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-8c654c4{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-35520c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DCE6F2;--border-color:#DCE6F2;--border-radius:22px 22px 22px 22px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9284 .elementor-element.elementor-element-35520c7:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-63b33a2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-8a48cdc{--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;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:46px;--padding-bottom:46px;--padding-left:50px;--padding-right:50px;}.elementor-9284 .elementor-element.elementor-element-acb4b1f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#F55349;}.elementor-9284 .elementor-element.elementor-element-d17fc59 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-d17fc59 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:28px;font-weight:700;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-2c8b2f0 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-2c8b2f0{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.75em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-ba3c5d6{--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-9284 .elementor-element.elementor-element-ba3c5d6:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-ba3c5d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-91ece9b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-93c0344 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-93c0344 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-1aba563 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-1aba563{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.66em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-79050e4{--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-9284 .elementor-element.elementor-element-79050e4:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-79050e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9284 .elementor-element.elementor-element-b3e40dc .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-db7f53a > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-db7f53a .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-7ee4e80 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-7ee4e80{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.85em;color:#C4D6EC;}.elementor-9284 .elementor-element.elementor-element-37fe72e{--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-9284 .elementor-element.elementor-element-37fe72e:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-37fe72e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-a615997 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9284 .elementor-element.elementor-element-9c829c6 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-9c829c6 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9284 .elementor-element.elementor-element-19ca135 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-19ca135{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.75em;color:#66727E;}.elementor-9284 .elementor-element.elementor-element-8ebdbb6{--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-9284 .elementor-element.elementor-element-8ebdbb6:not(.elementor-motion-effects-element-type-background), .elementor-9284 .elementor-element.elementor-element-8ebdbb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B36;}.elementor-9284 .elementor-element.elementor-element-8f8532e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9284 .elementor-element.elementor-element-ac1cbef > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-ac1cbef .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-9284 .elementor-element.elementor-element-cb9f853 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9284 .elementor-element.elementor-element-cb9f853{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9284 .elementor-element.elementor-element-c163236 .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-9284 .elementor-element.elementor-element-c163236 > .elementor-widget-container{margin:28px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9284 .elementor-element.elementor-element-35520c7{--width:100%;}}@media(max-width:1024px){.elementor-9284 .elementor-element.elementor-element-35520c7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9284 .elementor-element.elementor-element-8a48cdc{--padding-top:28px;--padding-bottom:30px;--padding-left:28px;--padding-right:28px;}}@media(max-width:767px){.elementor-9284 .elementor-element.elementor-element-35520c7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9284 .elementor-element.elementor-element-8a48cdc{--padding-top:24px;--padding-bottom:26px;--padding-left:22px;--padding-right:22px;}}/* Start custom CSS for container, class: .elementor-element-35520c7 *//* Financial services case study card, 12 Oct 2026. Photo left, copy right; stacks below 1025px. */
.elementor-9284 .elementor-element.elementor-element-35520c7{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);box-shadow:0 18px 44px rgba(0,52,104,.08)}
.elementor-9284 .elementor-element.elementor-element-35520c7:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(0,52,104,.16)}
.elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-widget-image{flex:0 0 46%;width:46%;max-width:46%;margin:0!important;overflow:hidden}
.elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-widget-image .elementor-widget-container{height:100%}
.elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-widget-image img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;border-radius:0;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.elementor-9284 .elementor-element.elementor-element-35520c7:hover > .elementor-widget-image img{transform:scale(1.04)}
.elementor-9284 .elementor-element.elementor-element-35520c7 > .e-con{flex:1 1 auto;width:auto}
.elementor-9284 .elementor-element.elementor-element-35520c7 h3.elementor-heading-title{font-size:28px;line-height:1.22;letter-spacing:-.015em;text-transform:none}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor p{margin:0}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor ul{list-style:none;margin:18px 0 0;padding:0}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor ul li{position:relative;margin:0;padding:10px 0 10px 26px;border-bottom:1px solid rgba(127,179,255,.22);color:#001B36;font-weight:600}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor ul li:last-child{border-bottom:0}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor ul li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:50%;background:linear-gradient(140deg,#F55349,#FF9387)}
.elementor-9284 .elementor-element.elementor-element-35520c7 .elementor-widget-text-editor p.go{margin-top:20px;font-size:14px;font-weight:700;color:#F55349;letter-spacing:.01em}
@media(max-width:1024px){.elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-widget-image{flex-basis:auto;width:100%;max-width:100%}.elementor-9284 .elementor-element.elementor-element-35520c7 > .elementor-widget-image img{min-height:0;height:auto;aspect-ratio:16/9}.elementor-9284 .elementor-element.elementor-element-35520c7 h3.elementor-heading-title{font-size:23px}}/* End custom CSS */
/* 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-9284 [id^="svc-cards"] > .e-con-inner{align-items:stretch;gap:18px}
body.elementor-page-9284 [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-9284 [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-9284 [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-9284 [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-9284 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title,
body.elementor-page-9284 [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-9284 [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-9284 [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-9284 [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-9284 [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-9284 .it-creds ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
body.elementor-page-9284 .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-9284 [id^="svc-cards"] > .e-con-inner > .e-con{width:calc(50% - 9px)!important}
}
@media(max-width:600px){
body.elementor-page-9284 [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-9284" to body.elementor-page-N,
      not to the page wrapper, so "body.elementor-page-9284 > .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-9284 .page-content > .elementor{counter-reset:sec}
body.elementor-page-9284 .page-content > .elementor > .e-con{counter-increment:sec;position:relative}
body.elementor-page-9284 .page-content > .elementor > .e-con:first-child{counter-increment:none}
body.elementor-page-9284 .page-content > .elementor > .e-con > .e-con-inner{position:relative;z-index:1}
body.elementor-page-9284 .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-9284 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child{width:100%;align-self:stretch}
body.elementor-page-9284 .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-9284 .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-9284 .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-9284 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title{max-width:1040px}
body.elementor-page-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .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-9284 .page-content > .elementor > .e-con:not(:first-child)::after{font-size:110px;right:18px;opacity:.07}
body.elementor-page-9284 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li{padding-left:58px}
}/* End custom CSS */