.tsco-reference-engineering,.tsco-reference-engineering{ --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --font-body: var(--font-body); --font-heading: var(--font-heading); }
.tsco-reference-engineering :is(*){ border-color: var(--border); outline-color: color-mix(in oklab,var(--ring)50%,transparent); }
.tsco-reference-engineering{ background-color: var(--background); color: var(--foreground); font-family: var(--font-body); }
.tsco-reference-engineering :is(h1, h2, h3, h4, h5, h6){ font-family: var(--font-heading); }
.tsco-reference-engineering,.tsco-reference-engineering, #root{ overscroll-behavior-x: none; width: 100%; height: 100%; margin: 0px; padding: 0px; }
@layer components;
.tsco-reference-engineering :is(.container){ width: 100%; }
@media (width >= 40rem) {.tsco-reference-engineering :is(.container){ max-width: 40rem; }}
@media (width >= 48rem) {.tsco-reference-engineering :is(.container){ max-width: 48rem; }}
@media (width >= 64rem) {.tsco-reference-engineering :is(.container){ max-width: 64rem; }}
@media (width >= 80rem) {.tsco-reference-engineering :is(.container){ max-width: 80rem; }}
@media (width >= 96rem) {.tsco-reference-engineering :is(.container){ max-width: 96rem; }}
.tsco-reference-engineering :is(.filter){ filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); }
.tsco-reference-engineering :is(.running){ animation-play-state: running; }
.tsco-reference-engineering{ box-sizing: border-box; overscroll-behavior-x: none; width: 100%; height: 100%; min-height: 100vh; margin: 0px; padding: 0px; display: flex; overflow: auto; }
.tsco-reference-engineering{ --radius: .625rem; --background: oklch(1 0 0); --foreground: oklch(.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(.145 0 0); --primary: oklch(.205 0 0); --primary-foreground: oklch(.985 0 0); --secondary: oklch(.97 0 0); --secondary-foreground: oklch(.205 0 0); --muted: oklch(.97 0 0); --muted-foreground: oklch(.556 0 0); --accent: oklch(.97 0 0); --accent-foreground: oklch(.205 0 0); --destructive: oklch(.577 .245 27.325); --border: oklch(.922 0 0); --input: oklch(.922 0 0); --ring: oklch(.708 0 0); --chart-1: oklch(.646 .222 41.116); --chart-2: oklch(.6 .118 184.704); --chart-3: oklch(.398 .07 227.392); --chart-4: oklch(.828 .189 84.429); --chart-5: oklch(.769 .188 70.08); --sidebar: oklch(.985 0 0); --sidebar-foreground: oklch(.145 0 0); --sidebar-primary: oklch(.205 0 0); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.97 0 0); --sidebar-accent-foreground: oklch(.205 0 0); --sidebar-border: oklch(.922 0 0); --sidebar-ring: oklch(.708 0 0); }
.tsco-reference-engineering :is(.dark){ --background: oklch(.145 0 0); --foreground: oklch(.985 0 0); --card: oklch(.205 0 0); --card-foreground: oklch(.985 0 0); --popover: oklch(.205 0 0); --popover-foreground: oklch(.985 0 0); --primary: oklch(.922 0 0); --primary-foreground: oklch(.205 0 0); --secondary: oklch(.269 0 0); --secondary-foreground: oklch(.985 0 0); --muted: oklch(.269 0 0); --muted-foreground: oklch(.708 0 0); --accent: oklch(.269 0 0); --accent-foreground: oklch(.985 0 0); --destructive: oklch(.704 .191 22.216); --border: oklch(1 0 0/10%); --input: oklch(1 0 0/15%); --ring: oklch(.556 0 0); --chart-1: oklch(.488 .243 264.376); --chart-2: oklch(.696 .17 162.48); --chart-3: oklch(.769 .188 70.08); --chart-4: oklch(.627 .265 303.9); --chart-5: oklch(.645 .246 16.439); --sidebar: oklch(.205 0 0); --sidebar-foreground: oklch(.985 0 0); --sidebar-primary: oklch(.488 .243 264.376); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.269 0 0); --sidebar-accent-foreground: oklch(.985 0 0); --sidebar-border: oklch(1 0 0/10%); --sidebar-ring: oklch(.556 0 0); }
.tsco-reference-engineering :is(img.broken-image-fallback){ object-fit: none; object-position: center center; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; display: inline-block; position: relative; }
.tsco-reference-engineering :is(.dark img.broken-image-fallback){ background: rgb(31, 41, 55); border-color: rgb(55, 65, 81); }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.tsco-reference-engineering :is(.tsco-page){ color: rgb(13, 50, 71); background: rgb(255, 255, 255); font-family: Cairo, sans-serif; line-height: 1.55; }
.tsco-reference-engineering :is(.tsco-page *){ box-sizing: border-box; }
.tsco-reference-engineering :is(.tsco-header){ color: rgb(255, 255, 255); z-index: 50; background: rgb(13, 50, 71); height: 64px; position: fixed; top: 0px; left: 0px; right: 0px; }
.tsco-reference-engineering :is(.tsco-header-inner){ align-items: center; gap: 32px; max-width: 1240px; height: 64px; margin: 0px auto; padding: 0px 28px; display: flex; }
.tsco-reference-engineering :is(.tsco-brand){ color: rgb(255, 255, 255); flex-direction: column; min-width: 225px; line-height: 1.05; text-decoration: none; display: flex; }
.tsco-reference-engineering :is(.tsco-brand :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ letter-spacing: 0.03em; font-size: 22px; }
.tsco-reference-engineering :is(.tsco-brand :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: rgb(103, 163, 174); direction: rtl; align-self: flex-start; margin-top: 3px; font-size: 12px; }
.tsco-reference-engineering :is(.tsco-nav){ flex: 1 1 0%; justify-content: center; align-items: center; gap: 28px; display: flex; }
.tsco-reference-engineering :is(.tsco-nav :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)), .header-cta){ color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; text-decoration: none; transition: color 0.2s; }
.tsco-reference-engineering :is(.tsco-nav :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)):hover, .footer-grid :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)):hover){ color: rgb(160, 211, 63); }
.tsco-reference-engineering :is(.header-cta){ white-space: nowrap; border: 1px solid rgb(255, 255, 255); border-radius: 99px; padding: 8px 17px; }
.tsco-reference-engineering :is(.header-cta:hover){ color: rgb(13, 50, 71); background: rgb(255, 255, 255); }
.tsco-reference-engineering :is(.mobile-menu){ color: rgb(255, 255, 255); background: 0px 0px; border: 0px; display: none; }
.tsco-reference-engineering :is(.service-hero){ background-image: linear-gradient(rgba(13, 50, 71, 0.62), rgba(13, 50, 71, 0.62)), url("../../images/services/cd5de9e1ab64bb25.jpg"); background-position: 50% center; background-size: cover; flex-direction: column; justify-content: flex-end; min-height: 55vh; padding: 64px 0px 64px 100px; display: flex; }
.tsco-reference-engineering :is(.hero-content){ max-width: 700px; }
.tsco-reference-engineering :is(.hero-bar){ background: rgb(160, 211, 63); width: 40px; height: 3px; margin-bottom: 12px; display: block; }
.tsco-reference-engineering :is(.eyebrow){ color: rgb(160, 211, 63); letter-spacing: 0.16em; text-transform: uppercase; margin: 0px 0px 14px; font-size: 14px; font-weight: 700; }
.tsco-reference-engineering :is(.service-hero .eyebrow){ letter-spacing: 2px; font-weight: 600; }
.tsco-reference-engineering :is(.eyebrow.dark){ color: var(--tsco-teal-text, #38717d); }
.tsco-reference-engineering :is(.service-hero h1){ color: rgb(255, 255, 255); letter-spacing: -0.03em; margin: 0px 0px 16px; font-size: 52px; font-weight: 800; line-height: 1.15; }
.tsco-reference-engineering :is(.hero-subtitle){ color: rgba(255, 255, 255, 0.78); max-width: 680px; margin: 0px; font-size: 18px; }
.tsco-reference-engineering :is(.hero-arabic){ color: rgba(255, 255, 255, 0.5); margin: 16px 0px 0px; font-size: 16px; }
.tsco-reference-engineering :is(.section-shell){ max-width: 1240px; margin: 0px auto; padding-left: 28px; padding-right: 28px; }
.tsco-reference-engineering :is(.intro){ padding-top: 28px; padding-bottom: 86px; }
.tsco-reference-engineering :is(.breadcrumbs){ color: rgb(97, 108, 127); gap: 10px; margin-bottom: 46px; font-size: 14px; display: flex; }
.tsco-reference-engineering :is(.breadcrumbs :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ color: rgb(19, 70, 114); text-decoration: none; }
.tsco-reference-engineering :is(.intro-grid){ grid-template-columns: 1.35fr 0.9fr; align-items: center; gap: 90px; display: grid; }
.tsco-reference-engineering :is(.intro-lead){ color: rgb(13, 50, 71); margin: 0px; font-size: 23px; font-weight: 700; line-height: 1.5; }
.tsco-reference-engineering :is(.cert-grid){ gap: 10px; display: grid; }
.tsco-reference-engineering :is(.cert-tile){ border: 1px solid rgb(217, 222, 225); grid-template-columns: 55px 1fr; align-items: center; min-height: 76px; padding: 10px 16px; display: grid; }
.tsco-reference-engineering :is(.cert-tile :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ color: rgb(19, 70, 114); grid-row: span 2; font-size: 16px; }
.tsco-reference-engineering :is(.cert-tile :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: rgb(13, 50, 71); font-size: 19px; font-weight: 700; }
.tsco-reference-engineering :is(.cert-tile :is(small:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-small))){ color: rgb(97, 108, 127); font-size: 12px; }
.tsco-reference-engineering :is(.pillars-section, .approach-section, .clients-section){ background: rgb(245, 245, 245); }
.tsco-reference-engineering :is(.pillars-section){ padding: 86px 0px 96px; }
.tsco-reference-engineering :is(.section-heading){ text-align: center; margin-bottom: 45px; }
.tsco-reference-engineering :is(.section-heading h2, .cyber-copy h2, .contact-copy h2){ color: rgb(13, 50, 71); letter-spacing: -0.025em; margin: 0px 0px 10px; font-size: clamp(28px, 3vw, 38px); font-weight: 800; line-height: 1.15; }
.tsco-reference-engineering :is(.section-heading > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):last-child){ color: rgb(97, 108, 127); margin: 0px; font-size: 17px; }
.tsco-reference-engineering :is(.pillar-grid){ grid-template-columns: repeat(4, 1fr); gap: 18px; display: grid; }
.tsco-reference-engineering :is(.pillar-card){ background: rgb(255, 255, 255); border-left: 4px solid rgb(19, 70, 114); min-height: 430px; padding: 28px 24px 26px; }
.tsco-reference-engineering :is(.pillar-card > svg){ color: rgb(19, 70, 114); margin-bottom: 18px; }
.tsco-reference-engineering :is(.pillar-card h3){ margin: 0px 0px 13px; font-size: 20px; line-height: 1.25; }
.tsco-reference-engineering :is(.pillar-card :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p))){ color: rgb(97, 108, 127); margin: 0px 0px 18px; font-size: 16px; line-height: 1.6; }
.tsco-reference-engineering :is(.pillar-card :is(ul:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-ul))){ color: rgb(97, 108, 127); margin: 0px; padding: 0px; font-size: 16px; list-style: none; }
.tsco-reference-engineering :is(.pillar-card :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ padding: 5px 0px 5px 15px; position: relative; }
.tsco-reference-engineering :is(.pillar-card :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))::before){ content: ""; background: rgb(160, 211, 63); border-radius: 50%; width: 4px; height: 4px; position: absolute; top: 13px; left: 0px; }
.tsco-reference-engineering :is(.cyber-section){ grid-template-columns: 1fr 1fr; align-items: center; gap: 86px; padding-top: 104px; padding-bottom: 104px; display: grid; }
.tsco-reference-engineering :is(.cyber-copy > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):not(.eyebrow)){ color: rgb(97, 108, 127); max-width: 540px; margin: 22px 0px; font-size: 16px; }
.tsco-reference-engineering :is(.cyber-image){ height: 470px; margin: 0px; }
.tsco-reference-engineering :is(.cyber-image img){ object-fit: cover; width: 100%; height: 100%; display: block; }
.tsco-reference-engineering :is(.check-list){ color: rgb(13, 50, 71); grid-template-columns: 1fr 1fr; gap: 11px 14px; margin: 0px 0px 28px; padding: 0px; font-size: 16px; list-style: none; display: grid; }
.tsco-reference-engineering :is(.check-list :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ align-items: center; gap: 9px; display: flex; }
.tsco-reference-engineering :is(.check-list svg){ color: rgb(160, 211, 63); flex-shrink: 0; }
.tsco-reference-engineering :is(.cert-row){ color: rgb(19, 70, 114); border-top: 1px solid rgb(217, 222, 225); flex-wrap: wrap; gap: 25px; padding-top: 18px; font-size: 16px; font-weight: 700; display: flex; }
.tsco-reference-engineering :is(.cyber-meta){ color: rgb(97, 108, 127); gap: 14px 18px; margin-top: 12px; }
.tsco-reference-engineering :is(.cyber-meta :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ color: rgb(13, 50, 71); letter-spacing: 0.08em; text-transform: uppercase; flex-basis: 100%; font-size: 14px; }
.tsco-reference-engineering :is(.approach-section){ padding: 82px 0px 90px; }
.tsco-reference-engineering :is(.steps-flow){ grid-template-columns: repeat(5, 1fr); margin: 0px; padding: 0px; list-style: none; display: grid; position: relative; }
.tsco-reference-engineering :is(.steps-flow::before){ content: ""; background: rgb(182, 194, 200); height: 1px; position: absolute; top: 25px; left: 10%; right: 10%; }
.tsco-reference-engineering :is(.steps-flow :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ text-align: center; color: rgb(13, 50, 71); flex-direction: column; align-items: center; gap: 15px; padding: 0px 9px; font-size: 16px; display: flex; position: relative; }
.tsco-reference-engineering :is(.step-circle){ color: rgb(255, 255, 255); z-index: 1; background: rgb(13, 50, 71); border-radius: 50%; place-items: center; width: 50px; height: 50px; font-weight: 700; display: grid; }
.tsco-reference-engineering :is(.sustainability-section){ padding-top: 100px; padding-bottom: 100px; }
.tsco-reference-engineering :is(.energy-grid){ border-top: 1px solid rgb(217, 222, 225); border-left: 1px solid rgb(217, 222, 225); grid-template-columns: repeat(4, 1fr); display: grid; }
.tsco-reference-engineering :is(.energy-tile){ border-bottom: 1px solid rgb(217, 222, 225); border-right: 1px solid rgb(217, 222, 225); flex-direction: column; justify-content: center; align-items: center; gap: 14px; min-height: 140px; display: flex; }
.tsco-reference-engineering :is(.energy-tile svg){ color: rgb(103, 163, 174); }
.tsco-reference-engineering :is(.energy-tile h3){ color: rgb(13, 50, 71); margin: 0px; font-size: 16px; }
.tsco-reference-engineering :is(.clients-section){ padding: 88px 0px 100px; }
.tsco-reference-engineering :is(.clients-grid){ grid-template-columns: repeat(4, 1fr); gap: 12px; display: grid; }
.tsco-reference-engineering :is(.client-tile){ color: rgb(97, 108, 127); filter: grayscale(); background: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 229); justify-content: center; align-items: center; height: 76px; font-size: 16px; font-weight: 700; transition: filter 0.2s, color 0.2s; display: flex; }
.tsco-reference-engineering :is(.client-tile:hover){ filter: grayscale(0); color: rgb(19, 70, 114); }
.tsco-reference-engineering :is(.related-section){ padding-top: 92px; padding-bottom: 105px; }
.tsco-reference-engineering :is(.align-left){ text-align: left; margin-bottom: 30px; }
.tsco-reference-engineering :is(.related-grid){ grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; }
.tsco-reference-engineering :is(.related-card){ color: rgb(13, 50, 71); border-top: 3px solid rgb(19, 70, 114); min-height: 170px; padding: 25px 24px; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.tsco-reference-engineering :is(.related-card:hover){ background: rgb(245, 245, 245); transform: translateY(-3px); }
.tsco-reference-engineering :is(.related-card svg){ color: rgb(19, 70, 114); }
.tsco-reference-engineering :is(.related-card h3){ margin: 16px 0px 24px; font-size: 20px; }
.tsco-reference-engineering :is(.related-card :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: rgb(19, 70, 114); align-items: center; gap: 8px; font-size: 16px; display: flex; }
.tsco-reference-engineering :is(.contact-section){ background: linear-gradient(rgba(13, 50, 71, 0.88), rgba(13, 50, 71, 0.88)), url("../../images/services/bbfd46109b0e821b.jpg") 50% center / cover; padding: 105px 28px; }
.tsco-reference-engineering :is(.contact-inner){ grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: 90px; max-width: 1184px; margin: 0px auto; display: grid; }
.tsco-reference-engineering :is(.contact-copy h2){ color: rgb(255, 255, 255); font-size: clamp(30px, 4vw, 45px); }
.tsco-reference-engineering :is(.contact-copy > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):not(.eyebrow)){ color: rgba(255, 255, 255, 0.7); max-width: 400px; }
.tsco-reference-engineering :is(.contact-details){ gap: 14px; margin-top: 34px; display: grid; }
.tsco-reference-engineering :is(.contact-details :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)), .contact-details :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: rgb(160, 211, 63); align-items: center; gap: 12px; font-size: 16px; text-decoration: none; display: flex; }
.tsco-reference-engineering :is(.contact-form){ background: rgb(255, 255, 255); grid-template-columns: 1fr 1fr; gap: 17px; padding: 32px; display: grid; }
.tsco-reference-engineering :is(.contact-form label){ color: rgb(13, 50, 71); flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; display: flex; position: relative; }
.tsco-reference-engineering :is(.contact-form label:nth-of-type(4), .contact-form button){ grid-column: 1 / -1; }
.tsco-reference-engineering :is(.contact-form input, .contact-form select, .contact-form textarea){ color: rgb(13, 50, 71); background: rgb(255, 255, 255); border: 1px solid rgb(216, 222, 225); border-radius: 0px; outline: none; width: 100%; padding: 11px 12px; font-family: inherit; font-size: 14px; }
.tsco-reference-engineering :is(.contact-form select){ appearance: none; }
.tsco-reference-engineering :is(.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus){ border-color: rgb(103, 163, 174); }
.tsco-reference-engineering :is(.select-icon){ color: rgb(97, 108, 127); pointer-events: none; position: absolute; bottom: 12px; right: 12px; }
.tsco-reference-engineering :is(.contact-form button){ color: rgb(255, 255, 255); cursor: pointer; background: rgb(19, 70, 114); border: 0px; justify-content: center; align-items: center; gap: 10px; padding: 13px 18px; font-family: inherit; font-weight: 700; display: flex; }
.tsco-reference-engineering :is(.contact-form button:hover){ background: rgb(13, 50, 71); }
.tsco-reference-engineering :is(.tsco-footer){ color: rgb(160, 174, 192); background: rgb(8, 31, 46); padding: 70px 28px 24px; }
.tsco-reference-engineering :is(.footer-grid){ grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 50px; max-width: 1184px; margin: 0px auto; padding-bottom: 58px; display: grid; }
.tsco-reference-engineering :is(.footer-brand){ color: rgb(255, 255, 255); font-size: 25px; font-weight: 800; text-decoration: none; }
.tsco-reference-engineering :is(.footer-grid .arabic){ color: rgb(103, 163, 174); direction: rtl; width: max-content; margin: 2px 0px 18px; font-size: 12px; }
.tsco-reference-engineering :is(.footer-copy){ max-width: 240px; margin: 0px; font-size: 14px; line-height: 1.7; }
.tsco-reference-engineering :is(.footer-grid h2){ color: rgb(255, 255, 255); margin: 5px 0px 18px; font-size: 16px; }
.tsco-reference-engineering :is(.footer-grid > :is(div:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-div)):not(:first-child) :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)), .footer-grid > :is(div:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-div)):not(:first-child) :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p))){ color: rgb(160, 174, 192); margin: 0px 0px 10px; font-size: 16px; text-decoration: none; display: block; }
.tsco-reference-engineering :is(.socials){ gap: 10px; margin-top: 22px; display: flex; }
.tsco-reference-engineering :is(.socials :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ color: rgb(255, 255, 255); border: 1px solid rgb(52, 80, 100); place-items: center; width: 30px; height: 30px; display: grid; }
.tsco-reference-engineering :is(.footer-bottom){ border-top: 1px solid rgb(26, 58, 82); justify-content: space-between; max-width: 1184px; margin: 0px auto; padding-top: 20px; font-size: 12px; display: flex; }
@media (width <= 900px) {.tsco-reference-engineering :is(.tsco-header-inner){ gap: 16px; }
.tsco-reference-engineering :is(.tsco-brand){ min-width: 160px; }
.tsco-reference-engineering :is(.tsco-nav){ gap: 15px; }
.tsco-reference-engineering :is(.tsco-nav :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ font-size: 14px; }
.tsco-reference-engineering :is(.pillar-grid){ grid-template-columns: repeat(2, 1fr); }
.tsco-reference-engineering :is(.intro-grid, .cyber-section, .contact-inner){ gap: 40px; }}
@media (width <= 680px) {.tsco-reference-engineering :is(.tsco-header-inner){ justify-content: space-between; padding: 0px 18px; }
.tsco-reference-engineering :is(.mobile-menu){ order: 2; display: block; }
.tsco-reference-engineering :is(.header-cta){ display: none; }
.tsco-reference-engineering :is(.tsco-nav){ background: rgb(13, 50, 71); flex-direction: column; align-items: flex-start; gap: 17px; padding: 20px; display: none; position: absolute; top: 64px; left: 0px; right: 0px; }
.tsco-reference-engineering :is(.tsco-nav.open){ display: flex; }
.tsco-reference-engineering :is(.section-shell){ padding-left: 20px; padding-right: 20px; }
.tsco-reference-engineering :is(.intro){ padding-bottom: 65px; }
.tsco-reference-engineering :is(.breadcrumbs){ margin-bottom: 28px; }
.tsco-reference-engineering :is(.intro-grid, .cyber-section, .contact-inner){ grid-template-columns: 1fr; }
.tsco-reference-engineering :is(.intro-lead){ font-size: 20px; }
.tsco-reference-engineering :is(.pillar-grid, .related-grid){ grid-template-columns: 1fr; }
.tsco-reference-engineering :is(.pillar-card){ min-height: 0px; }
.tsco-reference-engineering :is(.cyber-section){ padding-top: 70px; padding-bottom: 70px; }
.tsco-reference-engineering :is(.cyber-image){ grid-row: 1; height: 300px; }
.tsco-reference-engineering :is(.check-list){ grid-template-columns: 1fr; }
.tsco-reference-engineering :is(.steps-flow){ grid-template-columns: 1fr; gap: 25px; }
.tsco-reference-engineering :is(.steps-flow::before){ width: 1px; height: 80%; top: 25px; left: 25px; right: auto; }
.tsco-reference-engineering :is(.steps-flow :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ text-align: left; flex-direction: row; gap: 15px; padding: 0px; }
.tsco-reference-engineering :is(.energy-grid){ grid-template-columns: repeat(2, 1fr); }
.tsco-reference-engineering :is(.clients-grid){ grid-template-columns: repeat(2, 1fr); gap: 8px; }
.tsco-reference-engineering :is(.client-tile){ text-align: center; height: 68px; padding: 4px; font-size: 16px; }
.tsco-reference-engineering :is(.contact-section){ padding: 75px 20px; }
.tsco-reference-engineering :is(.contact-form){ grid-template-columns: 1fr; padding: 23px 18px; }
.tsco-reference-engineering :is(.contact-form label:nth-of-type(4), .contact-form button){ grid-column: auto; }
.tsco-reference-engineering :is(.footer-grid){ grid-template-columns: 1fr 1fr; gap: 35px 20px; }
.tsco-reference-engineering :is(.footer-grid > :is(div:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-div)):first-child){ grid-column: 1 / -1; }
.tsco-reference-engineering :is(.footer-bottom){ flex-direction: column; gap: 8px; }}
.tsco-reference-engineering :is(.mp-banner){ animation: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-in; }
.tsco-reference-engineering :is(.mp-banner.mp-hidden){ animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-out; pointer-events: none; }
@media (max-width: 480px) {.tsco-reference-engineering :is(.mp-brand-text){ display: none !important; }
.tsco-reference-engineering :is(.mp-pill){ gap: 12px !important; }
.tsco-reference-engineering :is(.mp-right-side){ gap: 12px !important; }}
.tsco-reference-engineering{display:block;width:100%;height:auto;overflow:visible;font-family:Cairo,Arial,sans-serif;line-height:1.5;}