.tsco-reference-calibration,.tsco-reference-calibration{ --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --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); }
@layer components;
.tsco-reference-calibration :is(.container){ width: 100%; }
@media (width >= 40rem) {.tsco-reference-calibration :is(.container){ max-width: 40rem; }}
@media (width >= 48rem) {.tsco-reference-calibration :is(.container){ max-width: 48rem; }}
@media (width >= 64rem) {.tsco-reference-calibration :is(.container){ max-width: 64rem; }}
@media (width >= 80rem) {.tsco-reference-calibration :is(.container){ max-width: 80rem; }}
@media (width >= 96rem) {.tsco-reference-calibration :is(.container){ max-width: 96rem; }}
.tsco-reference-calibration :is(.inline-flex){ display: inline-flex; }
.tsco-reference-calibration :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-calibration{ --tsco-navy: #0d3247; --tsco-blue: #134672; --tsco-lime: #a0d33f; --tsco-teal: #67a3ae; --tsco-slate: #616c7f; --tsco-light: #f5f5f5; color: var(--tsco-navy); background: var(--tsco-light); font-family: Cairo, sans-serif; }
.tsco-reference-calibration :is(*){ box-sizing: border-box; }
.tsco-reference-calibration{ scroll-behavior: smooth; }
.tsco-reference-calibration{ background: var(--tsco-light); min-width: 320px; margin: 0px; }
.tsco-reference-calibration :is(:is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ color: inherit; text-decoration: none; }
.tsco-reference-calibration :is(button, input){ font: inherit; }
.tsco-reference-calibration :is(.tsco-site){ background: rgb(255, 255, 255); overflow: hidden; }
.tsco-reference-calibration :is(.tsco-nav){ background: var(--tsco-navy); z-index: 50; color: rgb(255, 255, 255); align-items: center; gap: 34px; height: 64px; padding: 0px 6.5%; display: flex; position: fixed; inset: 0px 0px auto; }
.tsco-reference-calibration :is(.brand){ white-space: nowrap; flex-direction: column; line-height: 1.05; display: inline-flex; }
.tsco-reference-calibration :is(.brand :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ letter-spacing: 0.04em; font-size: 22px; font-weight: 800; }
.tsco-reference-calibration :is(.brand :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: var(--tsco-teal); direction: rtl; font-size: 12px; }
.tsco-reference-calibration :is(.nav-links){ color: rgba(255, 255, 255, 0.88); flex: 1 1 0%; justify-content: center; align-items: center; gap: 30px; font-size: 16px; display: flex; }
.tsco-reference-calibration :is(.nav-links :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ transition: color 0.2s; }
.tsco-reference-calibration :is(.nav-links :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)):hover, .footer :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)):hover){ color: var(--tsco-lime); }
.tsco-reference-calibration :is(.nav-cta){ color: var(--tsco-navy); white-space: nowrap; background: rgb(255, 255, 255); border-radius: 5px; align-items: center; gap: 7px; padding: 9px 17px; font-size: 14px; font-weight: 700; display: inline-flex; }
.tsco-reference-calibration :is(.menu-toggle){ color: rgb(255, 255, 255); background: 0px 0px; border: 0px; padding: 4px; display: none; }
.tsco-reference-calibration :is(.hero){ color: rgb(255, 255, 255); background-image: linear-gradient(rgba(13, 50, 71, 0.62), rgba(13, 50, 71, 0.62)), url("../../images/services/6b3f4b1343f7cab5.jpg"); background-position: 50% center; background-size: cover; flex-direction: column; justify-content: flex-end; min-height: 55vh; padding: 64px 8% 64px 100px; display: flex; }
.tsco-reference-calibration :is(.hero-copy){ max-width: 700px; }
.tsco-reference-calibration :is(.hero-rule){ background: rgb(160, 211, 63); width: 40px; height: 3px; margin-bottom: 12px; display: block; }
.tsco-reference-calibration :is(.eyebrow){ color: var(--tsco-teal-text, #38717d); letter-spacing: 0.17em; text-transform: uppercase; margin: 0px 0px 12px; font-size: 14px; font-weight: 700; }
.tsco-reference-calibration :is(.hero .eyebrow){ color: rgb(160, 211, 63); letter-spacing: 2px; text-transform: uppercase; font-size: 14px; font-weight: 600; }
.tsco-reference-calibration :is(.hero h1){ color: rgb(255, 255, 255); letter-spacing: -0.025em; max-width: 700px; margin: 0px; font-size: 52px; font-weight: 800; line-height: 1.15; }
.tsco-reference-calibration :is(.hero-subtitle){ color: rgba(255, 255, 255, 0.78); max-width: 700px; margin: 18px 0px 0px; font-size: 18px; line-height: 1.6; }
.tsco-reference-calibration :is(.arabic){ color: rgba(255, 255, 255, 0.5); margin: 22px 0px 0px; font-size: 16px; }
.tsco-reference-calibration :is(.hero .arabic){ color: rgba(255, 255, 255, 0.5); font-size: 16px; }
.tsco-reference-calibration :is(.intro, .offer, .clients, .related){ padding: 74px 8%; }
.tsco-reference-calibration :is(.breadcrumb){ color: var(--tsco-slate); align-items: center; gap: 10px; margin-bottom: 48px; font-size: 14px; display: flex; }
.tsco-reference-calibration :is(.breadcrumb :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ color: var(--tsco-navy); }
.tsco-reference-calibration :is(.intro-grid){ grid-template-columns: 1.35fr 0.8fr; align-items: center; gap: 12%; display: grid; }
.tsco-reference-calibration :is(.intro-lead){ max-width: 640px; color: var(--tsco-navy); margin: 0px; font-size: 21px; font-weight: 700; line-height: 1.7; }
.tsco-reference-calibration :is(.cert-grid){ grid-template-columns: repeat(2, 1fr); gap: 12px; display: grid; }
.tsco-reference-calibration :is(.cert-tile){ border-right: 1px solid rgb(219, 226, 229); border-bottom: 1px solid rgb(219, 226, 229); border-left: 1px solid rgb(219, 226, 229); border-image: none; border-top: 3px solid var(--tsco-teal); background: rgb(255, 255, 255); flex-direction: column; justify-content: space-between; min-height: 125px; padding: 20px; display: flex; }
.tsco-reference-calibration :is(.cert-tile svg){ color: var(--tsco-blue); }
.tsco-reference-calibration :is(.cert-tile :is(strong:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-strong))){ font-size: 16px; }
.tsco-reference-calibration :is(.cert-tile :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: var(--tsco-slate); font-size: 12px; }
.tsco-reference-calibration :is(.parameters, .process, .related){ background: var(--tsco-light); padding: 78px 8%; }
.tsco-reference-calibration :is(.section-heading){ text-align: center; margin: 0px auto 40px; }
.tsco-reference-calibration :is(.section-heading .eyebrow){ margin-bottom: 8px; }
.tsco-reference-calibration :is(.section-heading h2){ color: var(--tsco-navy); letter-spacing: -0.02em; margin: 0px; font-size: 34px; font-weight: 800; line-height: 1.2; }
.tsco-reference-calibration :is(.section-heading > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):not(.eyebrow)){ color: var(--tsco-slate); margin: 11px 0px 0px; font-size: 16px; }
.tsco-reference-calibration :is(.parameter-grid){ grid-template-columns: repeat(5, 1fr); gap: 13px; display: grid; }
.tsco-reference-calibration :is(.parameter-card){ background: rgb(255, 255, 255); border: 1px solid rgb(224, 229, 231); min-height: 184px; padding: 22px 18px; transition: transform 0.2s, border-color 0.2s; }
.tsco-reference-calibration :is(.parameter-card:hover){ border-color: var(--tsco-teal); transform: translateY(-3px); }
.tsco-reference-calibration :is(.parameter-card svg, .parameter-card > :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: var(--tsco-blue); margin-bottom: 16px; }
.tsco-reference-calibration :is(.parameter-card h3){ margin: 0px 0px 7px; font-size: 16px; }
.tsco-reference-calibration :is(.parameter-card :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p))){ color: var(--tsco-slate); margin: 0px; font-size: 16px; line-height: 1.55; }
.tsco-reference-calibration :is(.offer){ grid-template-columns: 1fr 1fr; align-items: center; gap: 9%; display: grid; }
.tsco-reference-calibration :is(.offer-copy){ max-width: 560px; }
.tsco-reference-calibration :is(.offer-copy h2){ color: var(--tsco-navy); margin: 0px; font-size: 34px; line-height: 1.2; }
.tsco-reference-calibration :is(.offer-copy > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):not(.eyebrow)){ color: var(--tsco-slate); margin: 17px 0px 25px; line-height: 1.7; }
.tsco-reference-calibration :is(.offer :is(ul:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-ul))){ gap: 13px; margin: 0px 0px 24px; padding: 0px; list-style: none; display: grid; }
.tsco-reference-calibration :is(.offer :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ align-items: flex-start; gap: 11px; font-size: 16px; font-weight: 600; display: flex; }
.tsco-reference-calibration :is(.offer :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li)) svg){ color: var(--tsco-lime); flex: 0 0 auto; margin-top: 2px; }
.tsco-reference-calibration :is(.text-link, .related-card :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ color: var(--tsco-blue); align-items: center; gap: 8px; font-size: 16px; font-weight: 700; display: inline-flex; }
.tsco-reference-calibration :is(.offer-image){ margin: 0px; }
.tsco-reference-calibration :is(.offer-image img){ object-fit: cover; width: 100%; height: 375px; display: block; }
.tsco-reference-calibration :is(.offer-image :is(figcaption:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-figcaption))){ color: var(--tsco-slate); padding: 10px 0px 0px; font-size: 14px; }
.tsco-reference-calibration :is(.process){ text-align: center; }
.tsco-reference-calibration :is(.steps){ grid-template-columns: repeat(4, 1fr); max-width: 980px; margin: 60px auto 0px; padding: 0px; list-style: none; display: grid; }
.tsco-reference-calibration :is(.steps :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ flex-direction: column; align-items: center; gap: 14px; display: flex; position: relative; }
.tsco-reference-calibration :is(.step-number){ background: var(--tsco-navy); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 46px; height: 46px; font-size: 16px; font-weight: 700; display: grid; }
.tsco-reference-calibration :is(.steps h3){ max-width: 140px; margin: 0px; font-size: 16px; line-height: 1.35; }
.tsco-reference-calibration :is(.step-line){ background: rgb(186, 198, 203); width: calc(100% - 48px); height: 1px; position: absolute; top: 23px; left: calc(50% + 24px); }
.tsco-reference-calibration :is(.clients){ background: rgb(255, 255, 255); }
.tsco-reference-calibration :is(.client-grid){ border-top: 1px solid rgb(223, 229, 231); border-left: 1px solid rgb(223, 229, 231); grid-template-columns: repeat(4, 1fr); max-width: 980px; margin: 0px auto; display: grid; }
.tsco-reference-calibration :is(.client-tile){ color: rgb(89, 104, 115); filter: grayscale(); text-align: center; border-bottom: 1px solid rgb(223, 229, 231); border-right: 1px solid rgb(223, 229, 231); place-items: center; min-height: 94px; padding: 15px; font-size: 16px; font-weight: 800; display: grid; }
.tsco-reference-calibration :is(.related-grid){ grid-template-columns: repeat(3, 1fr); gap: 17px; max-width: 980px; margin: 0px auto; display: grid; }
.tsco-reference-calibration :is(.related-card){ border-top: 3px solid var(--tsco-blue); background: rgb(255, 255, 255); flex-direction: column; align-items: flex-start; min-height: 250px; padding: 28px; display: flex; }
.tsco-reference-calibration :is(.related-card svg){ color: var(--tsco-blue); }
.tsco-reference-calibration :is(.related-card h3){ margin: 22px 0px 9px; font-size: 18px; }
.tsco-reference-calibration :is(.related-card :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p))){ color: var(--tsco-slate); margin: 0px 0px 22px; font-size: 16px; line-height: 1.6; }
.tsco-reference-calibration :is(.related-card :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ margin-top: auto; }
.tsco-reference-calibration :is(.contact-section){ color: rgb(255, 255, 255); background-image: linear-gradient(rgba(13, 50, 71, 0.88), rgba(13, 50, 71, 0.88)), url("../../images/services/bbfd46109b0e821b.jpg"); background-position: 50% center; background-size: cover; padding: 90px 8%; }
.tsco-reference-calibration :is(.contact-inner){ grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: 12%; max-width: 1120px; margin: 0px auto; display: grid; }
.tsco-reference-calibration :is(.contact-copy h2){ max-width: 500px; margin: 0px; font-size: 40px; line-height: 1.15; }
.tsco-reference-calibration :is(.contact-copy > :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p)):not(.eyebrow)){ color: rgba(255, 255, 255, 0.72); max-width: 470px; margin: 18px 0px 33px; line-height: 1.7; }
.tsco-reference-calibration :is(.contact-details){ gap: 14px; display: grid; }
.tsco-reference-calibration :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: var(--tsco-lime); align-items: center; gap: 12px; font-size: 16px; display: flex; }
.tsco-reference-calibration :is(.contact-details :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a)) :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span)), .contact-details > :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span)) :is(span:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-span))){ color: rgb(255, 255, 255); }
.tsco-reference-calibration :is(.contact-form){ color: var(--tsco-navy); background: rgb(255, 255, 255); padding: 32px; }
.tsco-reference-calibration :is(.contact-form h3){ margin: 0px 0px 24px; font-size: 22px; }
.tsco-reference-calibration :is(.form-fields){ grid-template-columns: 1fr 1fr; gap: 16px; display: grid; }
.tsco-reference-calibration :is(.form-fields label){ color: var(--tsco-slate); gap: 7px; font-size: 14px; font-weight: 700; display: grid; }
.tsco-reference-calibration :is(.form-fields input){ width: 100%; color: var(--tsco-navy); border: 1px solid rgb(213, 223, 226); outline: none; padding: 11px 12px; font-size: 14px; }
.tsco-reference-calibration :is(.form-fields input:focus){ border-color: var(--tsco-teal); box-shadow: rgba(103, 163, 174, 0.18) 0px 0px 0px 2px; }
.tsco-reference-calibration :is(.form-fields button){ cursor: pointer; background: var(--tsco-blue); color: rgb(255, 255, 255); border: 0px; grid-column: 1 / -1; justify-self: start; align-items: center; gap: 8px; padding: 12px 18px; font-size: 14px; font-weight: 700; display: inline-flex; }
.tsco-reference-calibration :is(.success-message){ color: var(--tsco-slate); margin: 0px; line-height: 1.7; }
.tsco-reference-calibration :is(.footer){ color: rgb(255, 255, 255); background: rgb(8, 31, 46); border-top: 1px solid rgb(26, 58, 82); padding: 58px 8% 22px; }
.tsco-reference-calibration :is(.footer-grid){ grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 40px; padding-bottom: 48px; display: grid; }
.tsco-reference-calibration :is(.footer-brand){ margin-bottom: 18px; }
.tsco-reference-calibration :is(.footer :is(p:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-p))){ color: rgb(160, 174, 192); max-width: 250px; margin: 0px; font-size: 16px; line-height: 1.7; }
.tsco-reference-calibration :is(.footer h3){ color: rgb(255, 255, 255); margin: 0px 0px 17px; font-size: 16px; }
.tsco-reference-calibration :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))){ color: rgb(160, 174, 192); margin-bottom: 10px; font-size: 16px; display: block; }
.tsco-reference-calibration :is(.socials){ gap: 8px; margin-top: 21px; display: flex; }
.tsco-reference-calibration :is(.socials :is(a:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-a))){ color: rgb(160, 174, 192); border: 1px solid rgb(54, 82, 103); place-items: center; width: 30px; height: 30px; display: grid; }
.tsco-reference-calibration :is(.footer-address){ margin-top: 15px !important; }
.tsco-reference-calibration :is(.footer-bottom){ color: rgb(113, 135, 151); border-top: 1px solid rgb(26, 58, 82); justify-content: space-between; padding-top: 20px; font-size: 12px; display: flex; }
@media (width <= 980px) {.tsco-reference-calibration :is(.tsco-nav){ gap: 20px; padding: 0px 5%; }
.tsco-reference-calibration :is(.nav-links){ gap: 15px; font-size: 14px; }
.tsco-reference-calibration :is(.nav-cta){ padding: 8px 11px; font-size: 14px; }
.tsco-reference-calibration :is(.parameter-grid){ grid-template-columns: repeat(2, 1fr); }
.tsco-reference-calibration :is(.intro-grid, .offer, .contact-inner){ gap: 6%; }}
@media (width <= 700px) {.tsco-reference-calibration :is(.tsco-nav){ height: 60px; }
.tsco-reference-calibration :is(.menu-toggle){ margin-left: auto; display: block; }
.tsco-reference-calibration :is(.nav-links){ background: var(--tsco-navy); border-top: 1px solid rgb(35, 74, 97); flex-direction: column; align-items: flex-start; padding: 16px 7%; display: none; position: absolute; top: 60px; left: 0px; right: 0px; }
.tsco-reference-calibration :is(.nav-links.is-open){ display: flex; }
.tsco-reference-calibration :is(.nav-cta){ display: none; }
.tsco-reference-calibration :is(.hero){ min-height: 600px; padding: 60px 7% 48px; }
.tsco-reference-calibration :is(.hero-subtitle){ font-size: 16px; }
.tsco-reference-calibration :is(.intro, .offer, .clients, .related, .parameters, .process, .contact-section){ padding: 58px 7%; }
.tsco-reference-calibration :is(.breadcrumb){ margin-bottom: 32px; }
.tsco-reference-calibration :is(.intro-grid, .offer, .contact-inner){ grid-template-columns: 1fr; gap: 40px; }
.tsco-reference-calibration :is(.intro-lead){ font-size: 18px; }
.tsco-reference-calibration :is(.section-heading h2, .offer-copy h2){ font-size: 28px; }
.tsco-reference-calibration :is(.parameter-grid){ grid-template-columns: 1fr 1fr; gap: 10px; }
.tsco-reference-calibration :is(.parameter-card){ min-height: 175px; padding: 17px 14px; }
.tsco-reference-calibration :is(.steps){ grid-template-columns: 1fr; gap: 24px; margin-top: 35px; }
.tsco-reference-calibration :is(.steps :is(li:not(:where([class*="tsco-tag-"])), :where(.tsco-tag-li))){ text-align: left; grid-template-columns: 46px 1fr; justify-items: start; gap: 15px; display: grid; }
.tsco-reference-calibration :is(.steps h3){ align-self: center; max-width: none; }
.tsco-reference-calibration :is(.step-line){ width: 1px; height: 24px; top: 46px; left: 22px; }
.tsco-reference-calibration :is(.client-grid){ grid-template-columns: repeat(2, 1fr); }
.tsco-reference-calibration :is(.related-grid){ grid-template-columns: 1fr; }
.tsco-reference-calibration :is(.offer-image img){ height: 280px; }
.tsco-reference-calibration :is(.contact-copy h2){ font-size: 32px; }
.tsco-reference-calibration :is(.form-fields){ grid-template-columns: 1fr; }
.tsco-reference-calibration :is(.form-fields button){ grid-column: auto; justify-content: center; width: 100%; }
.tsco-reference-calibration :is(.footer-grid){ grid-template-columns: 1fr 1fr; gap: 34px 20px; }
.tsco-reference-calibration :is(.footer-bottom){ flex-direction: column; gap: 8px; }}
@media (width <= 390px) {.tsco-reference-calibration :is(.parameter-grid, .cert-grid){ grid-template-columns: 1fr; }}
.tsco-reference-calibration :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-calibration :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-calibration :is(.mp-brand-text){ display: none !important; }
.tsco-reference-calibration :is(.mp-pill){ gap: 12px !important; }
.tsco-reference-calibration :is(.mp-right-side){ gap: 12px !important; }}
.tsco-reference-calibration{display:block;width:100%;height:auto;overflow:visible;font-family:Cairo,Arial,sans-serif;line-height:1.5;}