:root{--sm-font-family-latin:Poppins,"IBM Plex Sans Arabic",sans-serif;--sm-font-family-arabic:"IBM Plex Sans Arabic",sans-serif;--sm-color-text-primary:#2b2b2b;--sm-color-text-muted:#626262;--sm-color-accent-readable:#f7c13d;--sm-color-footer-muted:#999;--sm-color-on-bright-green:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--sm-color-text-primary);font-family:var(--sm-font-family-latin);font-size:16px;line-height:1.7}html[dir=rtl] body{font-family:var(--sm-font-family-arabic)}a{color:inherit;text-decoration:none}button, summary{cursor:pointer}button{font:inherit}img{max-width:100%;height:auto}h1, h2, h3{line-height:1.18;margin:0 0 24px}h2{font-size:clamp(30px,3.5vw,48px);font-weight:600}h3{font-size:24px;font-weight:500}p{margin:0 0 24px}.wrap{width:min(1140px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;z-index:100;background:#ffd13e;padding:10px}.skip:focus{top:0}.hero{min-height:638px;height:50.4vw;max-height:920px;background:#1c2632 url("/assets/hero.jpg.webp") center/cover no-repeat;color:white;display:flex;align-items:center}.hero-inner{padding-top:85px}.hero h1{font-size:clamp(42px,4.45vw,78px);font-weight:400;letter-spacing:-1px;max-width:830px;margin-bottom:12px}.hero h1 strong{font-weight:700}.hero p{font-size:20px;margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 27px;background:#ededed;color:#17191d;font-size:14px;font-weight:500;text-transform:uppercase;border-radius:2px}.button.yellow{background:#ffd13e}.explore{color:#fff;background:#ffffff2a;backdrop-filter:blur(6px);min-width:166px}.explore:hover{background:#ffffff40}.locations-section{padding:100px 0 70px;background:linear-gradient(180deg,#b4b39c,#fff)}.locations-card{background:#fff;border-radius:30px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:60px}.locations-card h2{color:#f7c632;font-size:36px}.locations-card p{font-size:26px}.locations-card img{max-height:310px;object-fit:contain}.certification-intro{padding:70px 0;text-align:center;max-width:920px}.certification-intro h2{font-size:34px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;margin-bottom:16px}.intro-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center;padding:60px 0 110px}.profile-panel{background:#f4f4f4;border-radius:20px;padding:45px}.profile-links{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:inline-block;border-bottom:1px solid;font-size:13px;text-transform:uppercase;font-weight:500;padding-bottom:5px}.services-section{padding:90px 0;background:#ffd13e}.service-track{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.service-card{background:#fff;border-radius:6px;padding:34px;min-height:270px;position:relative;scroll-snap-align:start}.service-track .service-card{flex:0 0 31%}.service-card>span:first-child{font-size:15px;color:#777;display:block;margin-bottom:45px}.service-card h3, .service-card h2{font-size:26px;max-width:270px}.service-card .arrow{position:absolute;bottom:20px;inset-inline-end:28px;font-size:28px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid .service-card{background:#f4f4f4}.partners-section{padding:110px 0;text-align:center;max-width:1000px}.trust-section{background:#f7f7f7;padding:100px 0}.trust-section h2{max-width:850px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.projects-section{padding:110px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 24px}.project-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:5px;transition:transform .3s}.project-card a:hover img{transform:scale(1.015)}.project-card h3, .project-card h2{font-size:23px;margin:18px 0}.project-card p{font-size:14px}.future-section{padding:20px 0 100px;max-width:980px;text-align:center}.whatsapp{position:fixed;bottom:30px;inset-inline-end:30px;z-index:20;display:grid;place-items:center;background:#26d367;color:white;border-radius:50%;width:52px;height:52px;font-size:32px;box-shadow:0 4px 15px #0002}.page-hero{background:#f2f2f2;padding:80px 0}.page-hero h1{font-size:clamp(34px,4vw,64px);margin-bottom:0}.page-content{padding:70px 0 100px}.prose{max-width:920px;margin-inline:auto;overflow-wrap:anywhere}.prose h2, .prose h3{margin-top:35px;font-size:32px}.prose img{display:block;max-height:850px;object-fit:contain;margin:24px auto}.prose a{color:#987500;text-decoration:underline}.prose table{width:100%;border-collapse:collapse}.prose th, .prose td{border:1px solid #ddd;padding:10px}.prose time{display:block;margin-bottom:25px;color:#777}.review-note{background:#fff4cc;border-inline-start:4px solid #ffc92b;padding:20px;margin-top:30px;font-size:14px}.page-content nav[role=navigation]{margin:40px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-content nav[role=navigation] svg{width:20px;height:20px}@media(min-width:1500px){.hero-inner{padding-top:100px}.wrap{max-width:1380px}}@media(max-width:800px){.wrap{width:calc(100% - 38px)}.hero{height:auto;min-height:520px;background-position:center}.hero-inner{padding-top:110px;padding-bottom:40px;text-align:center}.hero h1{font-size:37px;letter-spacing:-.8px}.hero p{font-size:18px;max-width:300px;margin:20px auto}.explore{font-size:16px;min-height:58px}.locations-section{padding:75px 0 30px}.locations-card{display:block;text-align:center;border-radius:24px;padding:45px 25px}.locations-card h2{font-size:29px}.locations-card p{font-size:24px}.locations-card img{margin-top:30px;max-height:180px}.certification-intro{padding:45px 0}.certification-intro h2{font-size:27px}.intro-grid{display:flex;flex-direction:column;gap:40px;padding:30px 0 60px}.profile-panel{width:100%;padding:35px 25px}.profile-links{justify-content:center}.intro-grid h2{font-size:33px}.services-section{padding:55px 0}.service-track .service-card{flex-basis:85%}.partners-section{padding:65px 0}.trust-section{padding:60px 0}.trust-grid{grid-template-columns:1fr;gap:25px}.projects-section{padding:60px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.project-grid, .service-grid{grid-template-columns:1fr}.future-section{padding:20px 0 60px}.whatsapp{width:46px;height:46px;bottom:22px;inset-inline-end:22px}.page-hero{padding:50px 0}.page-content{padding:40px 0 60px}.prose h2, .prose h3{font-size:27px}.page-content nav[role=navigation]{flex-wrap:wrap}html[dir=rtl] .hero h1{font-size:33px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{position:relative}.hero-inner{padding-top:125px;width:calc(100% - 144px)}.hero h1{font-size:clamp(42px,4.8vw,78px);line-height:.95;letter-spacing:0}.watch-video{position:absolute;bottom:110px;inset-inline-end:6%;display:flex;align-items:center;gap:14px;background:none;border:0;color:white;font-size:14px;text-transform:uppercase;font-weight:600}.watch-video span{display:grid;place-items:center;width:50px;height:50px;background:#ffc83d;border-radius:50%;font-size:20px}.award-banner{display:block;width:100%;max-width:1050px;margin:35px auto 0}.profile-image{width:100%;max-height:350px;object-fit:contain;margin-bottom:24px}.creativity-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-bottom:100px}.creativity-grid>img{width:100%;border-radius:25px}.home-counters>div{display:flex;gap:30px;align-items:center;border-bottom:1px solid #0003;margin-bottom:20px;padding-bottom:20px}.home-counters strong{font-size:60px;font-weight:800;line-height:1;color:#f7c13d;white-space:nowrap}.home-counters strong span{font-size:35px}.home-counters p{font-size:14px;line-height:1.7;margin:0}.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;align-items:center;margin-top:45px}.partner-grid img{width:100%;height:100px;object-fit:contain}.future-images{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:50px}.future-images img{width:100%;border-radius:24px}.certifications-section{padding:0 0 100px;text-align:center}.certification-track{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:25px;margin-top:45px}.certification-track article{flex:0 0 calc((100% - 48px)/3);padding:30px 24px;border:1px solid #eee;border-radius:20px;scroll-snap-align:start}.certification-track img{height:230px;width:100%;object-fit:contain}.certification-track p{font-size:14px;margin-top:25px}.certification-track strong{color:#d6a320}#video-dialog{border:0;background:#111;padding:35px 10px 10px;width:min(960px,95vw)}#video-dialog::backdrop{background:#000b}#video-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.video-close{position:absolute;right:10px;top:0;border:0;background:none;color:#fff;font-size:28px}@media(max-width:800px){.hero-inner{width:calc(100% - 38px);padding-top:110px}.hero h1{font-size:37px;line-height:1.15}.watch-video{bottom:20px;inset-inline-end:22px;font-size:11px}.watch-video span{height:35px;width:35px}.creativity-grid{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.home-counters strong{font-size:48px}.partner-grid{grid-template-columns:repeat(3,1fr);gap:15px}.partner-grid img{height:80px}.future-images{gap:15px}.certification-track article{flex-basis:90%}.certifications-section{padding-bottom:60px}html[dir=rtl] .hero h1{line-height:1.4}}

.public-form{max-width:900px;margin:45px auto}.form-preview{background:#fff4cc;padding:16px;font-size:14px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-field, .form-content, .form-score{grid-column:1/-1}.form-field.field-email, .form-field.field-phone{grid-column:auto}.form-field label, .form-field legend{display:block;font-size:15px;margin-bottom:10px;font-weight:500}.form-field input:not([type=radio]), .form-field textarea{width:100%;border:1px solid #ddd;background:#f9f9f9;padding:15px;border-radius:3px;font:inherit}.form-field textarea{resize:vertical}.form-field small{display:block;font-size:12px;margin-top:8px}.form-field{border:0;margin:0;padding:0}.rating-options{display:flex;gap:15px;flex-wrap:wrap}.rating-options label{display:flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:4px;padding:12px 15px;cursor:pointer}.rating-options label:has(input:checked){border-color:#f5be32;background:#fff8df}.form-honeypot{position:fixed;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:0;direction:ltr}.form-errors, .field-error{color:#a51e1e}.form-errors{padding:20px;background:#fff0f0;margin-bottom:20px}.form-success{padding:25px;background:#e9f7eb}.public-form button[type=submit]{margin-top:30px;border:0;cursor:pointer}.public-form input:focus, .public-form textarea:focus{outline:2px solid #d9a413;outline-offset:2px}@media(max-width:600px){.form-fields{grid-template-columns:1fr}.form-field.field-email, .form-field.field-phone{grid-column:1/-1}.rating-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rating-options label{padding:10px;font-size:13px}}



.contact-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;align-items:start}.contact-grid h2{font-size:28px;line-height:1.3}.contact-details section{margin-bottom:42px}.contact-details ul{list-style:none;padding:0}.contact-details li{margin:15px 0}.contact-details a{overflow-wrap:anywhere}.contact-grid .public-form{margin-top:22px}.contact-faq{max-width:900px;margin:85px auto 20px}.contact-faq h2{font-size:40px;text-align:center}.contact-faq details{border-bottom:1px solid #ddd;padding:22px 0}.contact-faq summary{font-size:19px;font-weight:600;cursor:pointer}.contact-faq .prose{padding-top:10px}.pagination{display:flex;gap:25px;justify-content:center;padding:35px 0}@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:25px}.contact-faq{margin-top:50px}.contact-faq h2{font-size:32px}}

.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;display:block;margin:25px 0}

.page-hero{min-height:331px;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:175px 0 70px;background:#171717 url("/wp-content/uploads/2025/03/Banner.jpg.webp") center/cover no-repeat;color:white}.page-hero h1{font-size:40px;line-height:1.4;font-weight:700;text-transform:uppercase}.inner-page .wrap{max-width:1162px}.about-page h2{font-size:36px;line-height:1.2;font-weight:700}.about-branch{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;margin-top:30px;min-height:450px;padding:40px;background:linear-gradient(90deg,#fff,#fafafa);border-radius:22px;box-shadow:0 15px 30px #0001}.about-branch h2{font-size:40px;font-weight:400;line-height:1.3}.about-branch img{width:100%;max-height:470px;object-fit:contain}.about-creative{display:grid;grid-template-columns:1fr 1fr .62fr;gap:36px;margin-top:50px;margin-bottom:90px}.about-profile .creative-left{display:block;width:100%;border-radius:25px}.about-profile-box{border:1px solid #ddd;border-radius:18px;background:#fafafa;padding:30px 30px 0;margin-top:38px;overflow:hidden}.about-profile-box h3{font-size:36px}.about-profile-box .eyebrow{color:#edc14a;letter-spacing:0}.about-profile-box .button{padding:12px 18px;border:1px solid #ccc;background:transparent;font-weight:600}.about-profile-box>img{display:block;margin-top:30px;width:calc(100% + 60px);max-width:none;margin-inline-start:-30px}.about-creative-main{display:flex;flex-direction:column;justify-content:space-between;gap:75px}.about-creative-main h2{font-weight:400}.about-creative-main p{font-size:14px}.about-creative-main>img{width:100%;border-radius:25px}.about-counters{align-self:end;padding-bottom:25px}.about-counters>div{border-bottom:1px solid #ccc;padding:20px 0}.about-counters strong{font-size:60px;font-weight:800;color:#efc24b;line-height:1}.about-counters p{font-size:14px;margin:12px 0 0}.about-purpose{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:80px}.about-purpose article{border:1px solid #ddd;border-radius:25px;background:#f8f8f8;padding:50px 30px}.about-purpose h2{font-size:28px}.about-purpose p{font-size:18px;margin-bottom:0;line-height:1.5}.about-services{background:#f9f9f9;padding-top:70px;text-align:center}.about-services .service-carousel{background:#fff}.about-services .eyebrow{color:#f7c13d}.about-services .service-track{margin-top:40px;gap:0;padding-bottom:0;text-align:start}.about-values-background{background:#f6f6f6;padding-top:70px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.about-values img{width:100%;display:block}.about-values h2{margin-top:40px}.about-values p{font-size:18px;line-height:1.6;color:#888}.about-values article{padding-top:5px;margin-bottom:50px}.about-values article h3{font-size:31px;font-weight:700;margin:18px 0 10px}.value-icon{color:#e6bb41;font-size:32px}.about-timeline{padding:75px 0 110px}.about-timeline ol{list-style:none;padding:40px 0 0;margin:0;position:relative}.about-timeline ol:before{content:"";position:absolute;top:70px;bottom:70px;left:50%;width:3px;background:#ddd}.about-timeline li{width:50%;position:relative;padding:25px 40px 25px 10px}.about-timeline li:nth-child(even){margin-inline-start:50%;padding-inline-start:40px;padding-inline-end:10px;text-align:end}.about-timeline li:after{content:"✓";position:absolute;top:65px;inset-inline-end:-20px;border:1px solid #ddd;background:white;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.about-timeline li:nth-child(even):after{inset-inline-start:-20px;inset-inline-end:auto}.about-timeline article{padding:30px 20px;background:#fafafa;box-shadow:0 0 18px #0001}.about-timeline h3{font-size:24px;font-weight:700}.about-timeline h4{margin:15px 0 0}.about-timeline p{font-size:14px;margin:0}.service-card{min-height:480px;border-radius:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#161616!important;color:white;padding:34px;isolation:isolate}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0008);z-index:-1}.service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.service-card .service-number{font-size:24px;color:white;line-height:1;margin-bottom:0}.service-card h3{font-size:22px;line-height:1.3;max-width:90%;margin-top:auto;margin-bottom:4px}.service-card .arrow{font-size:25px;bottom:36px}.service-track .service-card{flex-basis:25%;min-width:280px}.service-grid{gap:25px}.services-section{background:#f8f8f8}.about-page .service-track{scroll-snap-type:x mandatory}html[dir=rtl] .about-timeline ol:before{left:auto;right:50%}
@media(max-width:1000px){.about-creative{grid-template-columns:1fr 1fr}.about-counters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-branch h2{font-size:32px}.about-profile-box{padding:22px 22px 0}.about-profile-box h3{font-size:29px}}
@media(max-width:800px){.page-hero{min-height:250px;padding:130px 0 60px}.page-hero h1{font-size:28px}.about-branch{display:flex;flex-direction:column;margin-top:30px;padding:28px;gap:20px;text-align:center}.about-branch img{max-height:320px}.about-creative{grid-template-columns:1fr;margin-top:45px;margin-bottom:45px}.about-creative-main{gap:30px}.about-counters{grid-column:auto;display:block;max-width:400px;width:100%;margin:auto}.about-profile-box>img{width:calc(100% + 44px);margin-inline-start:-22px}.about-page h2{font-size:29px}.about-creative-main p{font-size:16px}.about-profile .creative-left{max-height:550px;object-fit:cover}.about-purpose{grid-template-columns:1fr;margin-bottom:45px}.about-purpose article{padding:35px 25px}.about-purpose p, .about-values p{font-size:16px}.about-services{padding-top:45px}.service-track .service-card{flex-basis:85%;min-width:0;min-height:450px}.about-values{grid-template-columns:1fr;gap:20px}.about-values img{max-height:650px;object-fit:contain}.about-values article h3{font-size:27px}.about-values article{margin-bottom:30px}.about-timeline{padding:35px 0 65px}.about-timeline ol:before{left:20px;right:auto!important}.about-timeline li, .about-timeline li:nth-child(even){width:100%;margin:0;padding:15px 0 15px 50px;text-align:start}.about-timeline li:after, .about-timeline li:nth-child(even):after{left:0;right:auto;top:42px}html[dir=rtl] .about-timeline ol:before{left:auto;right:20px!important}html[dir=rtl] .about-timeline li, html[dir=rtl] .about-timeline li:nth-child(even){padding:15px 50px 15px 0}html[dir=rtl] .about-timeline li:after, html[dir=rtl] .about-timeline li:nth-child(even):after{left:auto;right:0}}
.about-branch{background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") center/cover no-repeat;padding-block:30px;margin-bottom:50px}.about-branch>img{margin-block:-50px}.about-values img.value-icon{width:40px;height:41px;object-fit:contain;margin-top:18px}.about-timeline h2{font-weight:400}.about-page .service-card{border-right:1px solid #ffffff10}@media(max-width:800px){.about-branch>img{margin:0}.about-branch{margin-bottom:35px}.about-values img.value-icon{max-height:none}}
.service-track .service-card{min-height:0;height:clamp(350px,29.2vw,505px)}.about-timeline li{padding-top:35px;padding-bottom:35px}@media(max-width:1439px) and (min-width:801px){.about-purpose p{font-size:16px}}@media(max-width:800px){.service-track .service-card{height:430px}}
.service-card{isolation:auto}.service-card>img{z-index:0}.service-card:after{z-index:1;pointer-events:none}.service-card>.service-number, .service-card>h3, .service-card>.arrow{z-index:2;position:relative}.service-card>.arrow{position:absolute}

.service-detail-page .wrap{width:min(1180px,calc(100% - 100px));max-width:1380px}.service-introduction{padding-top:50px}.service-introduction h1{font-size:37px;font-weight:700;line-height:1.27;margin-bottom:40px;color:#2b2b2b}.service-banner{position:relative}.service-banner>img{display:block;width:100%;aspect-ratio:10/3;object-fit:cover}.service-back{position:absolute;bottom:25px;inset-inline-start:30px;color:white;font-size:18px;font-weight:500;display:flex;gap:10px;align-items:center}.service-back span{font-size:28px}.service-offerings{padding-top:70px;padding-bottom:50px;color:#2b2b2b}.service-detail h2{font-size:37px;line-height:1.2;font-weight:700}.service-description{font-size:18px;line-height:1.7;margin-top:35px;margin-bottom:40px;color:#888}.offering-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.offering-grid article{padding:36px;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0 0 8px #00000008;min-height:272px}.offering-grid article:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 15px);justify-self:center}.offering-grid img{width:65px;height:65px;display:block;margin-bottom:27px}.offering-grid h3{font-size:22.5px;font-weight:700;margin:0 0 5px;line-height:1.25}.offering-grid p{font-size:17px;line-height:1.6;color:#888;margin:0}.service-projects{padding-top:50px;padding-bottom:50px;text-align:center}.service-projects .eyebrow, .service-contact .eyebrow{color:#e8b72f}.service-projects h2{margin-bottom:35px}.service-projects .project-grid{gap:35px 30px;text-align:start}.service-project-card{position:relative}.service-project-card[hidden]{display:none}.service-project-card img{width:100%;aspect-ratio:89/60;object-fit:cover;display:block;border-radius:4px}.service-project-card h3{font-size:23px;font-weight:700;margin:28px 36px 0 0}.service-project-card .project-arrow{position:absolute;bottom:0;inset-inline-end:0;font-size:26px}.service-load-more{margin-top:35px;border:1px solid #ddd;background:white}.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:50px;padding-bottom:50px}.service-links article{background:#020103 url("/wp-content/uploads/2024/11/1.png") center/cover no-repeat;color:white;text-align:center;padding:90px 40px 60px;min-height:323px;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.service-links article:nth-child(2){background-color:#f7c13d;background-image:url("/wp-content/uploads/2024/11/2.png")}.service-links article:nth-child(3){background-image:url("/wp-content/uploads/2024/11/3.png")}.service-links h3{font-size:31.5px;font-weight:700;line-height:1.4;margin-bottom:22px}.service-links .button{background:#ffffff26;color:white;border:1px solid #ffffff55;padding:10px 23px}.service-contact{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-bottom:70px}.service-contact>div:first-child{padding:8px}.service-contact>div>a{display:block;margin-top:14px;font-size:17px}.service-contact p:not(.eyebrow){color:#888}.service-contact .public-form{width:100%;margin:0}.service-contact .form-fields{gap:15px}.service-contact .form-field label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.service-contact .form-field input, .service-contact .form-field textarea{padding:12px;border:0;border-bottom:1px solid #ddd;background:white;border-radius:0}.service-contact .form-field textarea{min-height:100px}.service-contact .field-email, .service-contact .field-phone{grid-column:1/-1}.service-contact .public-form button[type=submit]{margin-top:20px}html[dir=rtl] .service-project-card h3{margin:28px 0 0 36px}@media(max-width:800px){.service-detail-page .wrap{width:calc(100% - 38px)}.service-introduction{padding-top:30px}.service-introduction h1{font-size:30px;margin-bottom:25px}.service-back{bottom:10px;inset-inline-start:15px;font-size:14px}.service-banner>img{aspect-ratio:2.5}.service-offerings{padding-top:40px}.service-detail h2{font-size:30px}.service-description{font-size:16px;margin-top:25px}.offering-grid{grid-template-columns:1fr;gap:20px}.offering-grid article{padding:28px;min-height:240px}.offering-grid article:last-child:nth-child(odd){grid-column:auto;width:100%}.service-projects{padding-top:20px;padding-bottom:20px}.service-links{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:12px}.service-links article{padding:60px 30px;min-height:270px}.service-links h3{font-size:30px}.service-contact{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.service-contact>div:first-child{padding:0}.service-project-card h3{font-size:22px}}
.service-load-more[hidden]{display:none}

.portfolio-showcase{padding-top:65px;padding-bottom:80px}.portfolio-showcase>h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:40px}.portfolio-filters{display:flex;gap:8px 24px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.portfolio-filters button{border:0;border-bottom:2px solid transparent;background:transparent;font-size:13px;font-weight:600;text-transform:uppercase;padding:8px 0;color:#333}.portfolio-filters button[aria-pressed=true]{border-color:#e4b637;color:#b68e19}.portfolio-filter-status{font-size:15px;text-align:center}.portfolio-filter-status:empty{display:none}.portfolio-grid{gap:35px 30px}.portfolio-card{position:relative}.portfolio-card[hidden]{display:none}.portfolio-card img{width:100%;height:auto;display:block;object-fit:cover;border-radius:4px}.portfolio-card h3{font-size:23px;font-weight:700;margin:25px 35px 0 0}.portfolio-card a>span{position:absolute;bottom:0;inset-inline-end:0;font-size:25px}.portfolio-actions{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:90px}.portfolio-actions>a{display:flex;position:relative;align-items:center;gap:20px;border-top:1px solid #ddd;padding-top:35px}.portfolio-actions img{width:90px;max-height:105px;object-fit:contain}.portfolio-actions h2{font-size:28px;line-height:1.2;margin:0}.portfolio-actions .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:12px}.portfolio-actions>a>span{font-size:35px;margin-inline-start:auto}html[dir=rtl] .portfolio-card h3{margin:25px 0 0 35px}@media(max-width:767px){.portfolio-showcase .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:600px){.portfolio-showcase .portfolio-grid{grid-template-columns:1fr}}@media(max-width:800px){.portfolio-showcase{padding-top:40px;padding-bottom:85px}.portfolio-showcase>h2{font-size:30px}.portfolio-filters{gap:10px 16px;margin-bottom:25px}.portfolio-filters button{font-size:12px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card h3{font-size:22px}.portfolio-actions{grid-template-columns:1fr;padding-bottom:60px}.portfolio-actions img{width:65px}.portfolio-actions h2{font-size:24px}}

.portfolio-showcase{width:min(1120px,calc(100% - 112px))}.portfolio-filters button{text-transform:none;font-size:14px;font-weight:500}.portfolio-actions{gap:0;padding-bottom:0;margin:0;width:100%}.portfolio-actions>a{display:block;border:0;background:#5d37e7;color:white;padding:64px;min-height:283px}.portfolio-actions>a:nth-child(2){background:#69d680}.portfolio-actions img{display:block;width:70px;height:70px;margin-bottom:20px}.portfolio-actions .eyebrow{font-size:18px;letter-spacing:0;margin:0 0 16px}.portfolio-actions h2{font-size:34px}.portfolio-actions>a>span{position:absolute;bottom:50px;inset-inline-end:50px;font-size:45px}@media(max-width:800px){.portfolio-showcase{width:calc(100% - 38px)}.portfolio-actions>a{padding:40px;min-height:275px}.portfolio-actions h2{font-size:30px}.portfolio-actions>a>span{bottom:35px;inset-inline-end:35px}}

.project-gallery-single{position:relative;width:100%;aspect-ratio:16/9;margin-top:16px;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.project-gallery-arrow{position:absolute;top:50%;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#f6f6f6;color:#2b2b2b;font-size:16px;line-height:1;transform:translateY(-50%)}.project-gallery-arrow.previous{inset-inline-start:15px}.project-gallery-arrow.next{inset-inline-end:15px}.project-detail{padding-top:30px;padding-bottom:70px;color:#2b2b2b}.project-detail>h1{font-size:36px;line-height:1.2;font-weight:700;margin-bottom:43px}.project-detail-grid{display:grid;grid-template-columns:63% 37%;align-items:start}.project-presentation.prose{width:100%;max-width:none;margin:0}.project-presentation.prose img{width:100%;max-width:100%;height:auto;max-height:none;margin:15px auto 0;display:block}.project-presentation.prose p{margin:0}.project-presentation.prose iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;border:0;margin:15px 0 25px}.project-details{padding:15px 0 0 54px;font-size:18px;line-height:1.5}.project-details h2{font-size:14px;font-weight:700;line-height:1.5;margin:25px 0 8px;text-transform:uppercase}.project-details p{margin-bottom:25px}.project-service-link{display:block;font-size:14px;color:#888}.project-share{display:flex;gap:14px;align-items:center}.project-share a, .project-share button{background:none;border:0;font-size:19px;font-weight:600;padding:0;color:#555}.project-share a:hover, .project-share button:hover{color:#a77f17}.project-details .copy-result{font-size:13px;margin-top:15px}.copy-result:empty{display:none}.project-navigation{display:flex;justify-content:space-between;border-top:1px solid #ddd;margin-top:65px;padding-top:30px;font-size:15px}.project-navigation .next{margin-inline-start:auto}.project-navigation span{font-size:24px;margin-inline-start:10px}html[dir=rtl] .project-details{padding-left:0;padding-right:54px}@media(max-width:800px){.project-detail{padding-top:25px;padding-bottom:45px}.project-detail>h1{font-size:30px;margin-bottom:30px}.project-detail-grid{grid-template-columns:1fr;gap:30px}.project-details, html[dir=rtl] .project-details{padding:0}.project-details{font-size:17px}.project-navigation{margin-top:40px}.project-presentation.prose img{margin-top:0}}
.article-detail{width:min(1160px,calc(100% - 112px));padding:85px 0 75px}.article-heading{max-width:870px;margin:0 auto 50px;text-align:center}.article-heading h1{font-size:45px;line-height:1.1;margin:16px 0 25px;font-weight:600}.post-categories{font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.5}.post-categories a:hover{color:#bd931a}.article-heading time, .blog-card time{font-size:13px;color:#777}.article-cover{margin:0 0 45px}.article-cover img{display:block;width:100%;height:auto}.article-body.prose{max-width:none;width:100%;padding:0;margin:0;font-size:18px;line-height:1.6}.article-body.prose h2, .article-body.prose h3{font-size:22.5px;line-height:1.35;margin:30px 0 18px}.article-body.prose p{margin-bottom:24px}.article-sharing{margin:45px 0 20px}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ddd;padding:40px 0;margin-top:40px}.article-navigation .next{text-align:end;grid-column:2}.article-navigation span{font-size:13px;color:#777}.article-navigation h2{font-size:18px;line-height:1.5;margin:12px 0 0}.related-posts{margin-top:30px}.related-posts>h2{font-size:30px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card{position:relative;min-width:0}.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-copy{padding:22px 0}.blog-card h2{font-size:22px;line-height:1.3;margin:10px 0 15px}.blog-card p{font-size:14px;margin:16px 0;color:#777}.related-posts .blog-card-image{aspect-ratio:890/664}.related-posts .blog-card h2{font-size:18px}.blog-archive-page .page-content{padding:70px 0 90px}.blog-archive-page:has(.showcase-blog-grid){background:#f6f6f6}.showcase-blog-grid .blog-card{border-radius:20px;overflow:hidden}.showcase-blog-grid .blog-card-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:28px;color:#fff;background:rgba(0,0,0,.7);opacity:0;transition:opacity .2s;pointer-events:none}.showcase-blog-grid .blog-card time{color:#fff}.showcase-blog-grid .blog-card:hover .blog-card-copy, .showcase-blog-grid .blog-card:focus-within .blog-card-copy{opacity:1;pointer-events:auto}.showcase-blog-grid .blog-card-image{border-radius:20px}.category-grid .blog-card-copy{padding:25px}.category-grid .blog-card{border:1px solid #eee;background:#fff}.post-categories:empty{display:none}@media(max-width:800px){.article-detail{width:calc(100% - 38px);padding:40px 0}.article-heading{margin-bottom:30px}.article-heading h1{font-size:30px}.article-cover{margin-bottom:28px}.article-body.prose{font-size:17px}.article-navigation{gap:25px;padding:28px 0}.article-navigation h2{font-size:16px}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-archive-page .page-content{padding:40px 0}.showcase-blog-grid .blog-card-image{border-radius:20px}.related-posts>h2{font-size:25px}}

.blog-read-more{display:block;font-size:14px;font-weight:500;margin:15px 0}.category-grid .blog-card-copy time{display:block;border-top:1px solid #eee;padding-top:12px}
.category-grid .blog-card-image{color:#f7c13d;transition:color .3s ease}.category-grid .blog-read-more{color:var(--sm-color-accent-readable);transition:color .3s ease}


.project-detail>h1{margin-bottom:8px}
.project-detail>.project-date{display:block;margin-bottom:28px;color:var(--sm-color-text-muted);font-size:14px;font-weight:300;line-height:24.5px}
@media(max-width:800px){.project-detail>h1{margin-bottom:6px}html[dir=rtl] .project-detail>h1{margin-bottom:6px}.project-detail>.project-date{margin-bottom:18px}}
.category-grid .blog-card-image:hover, .category-grid .blog-card-image:focus-visible{color:#f9d377}.category-grid .blog-read-more:hover, .category-grid .blog-read-more:focus-visible{color:#664900}
.category-grid .blog-card h2 a{color:#020103}
html[dir=ltr] body.blog-archive-page .category-grid .blog-card h2{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}


@media(min-width:801px){.homepage .wrap{width:min(1180px,calc(100% - 112px));max-width:1180px}}


@media(max-width:767px){.blog-archive-page .page-content{padding:80px 0 122px}.blog-archive-page .blog-grid{gap:19px}html[dir=rtl] .blog-archive-page .page-content{padding-top:130px;padding-bottom:172px}}


.service-detail-page:has(.service-introduction) main{background:#f6f6f6}
.service-introduction{position:relative}
.service-introduction .service-back{top:39px;bottom:auto;inset-inline-start:0;color:#2b2b2b}
html[dir=rtl] .service-introduction .service-back{top:39px}
.service-detail-page .service-description{color:#2b2b2b}
body.project-detail-page main{background:#f6f6f6}
@media(max-width:800px){.project-detail{width:calc(100% - 40px);padding-top:30px}.project-detail>h1{font-size:32px;line-height:38.4px;margin-bottom:25px}.project-detail-grid{gap:31px}html[dir=rtl] .project-detail>h1{margin-bottom:15px}html[dir=rtl] .project-detail-grid{gap:0}.project-detail-grid .project-details{order:-1;padding:3px 0 0}.project-details>p{margin-bottom:25px}.project-service-meta{display:grid;grid-template-columns:117px 1fr;align-items:start;margin:0 0 17px}.project-details .project-service-meta h2{font-size:16px;line-height:25.6px;font-weight:700;text-transform:none;margin:0}.project-details .project-service-link{font-size:16px;line-height:25.6px;color:#2b2b2b}.project-details .project-share-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-share{gap:35px}.project-share a, .project-share button{line-height:26px}.project-presentation.prose{font-size:16px;line-height:25.6px}.project-presentation.prose p{margin:13.6px 0}.project-presentation.prose ul{padding-inline-start:24px;margin:13.6px 0}.project-presentation.prose iframe{margin-top:0;margin-bottom:30px}html[dir=rtl] .project-details{width:calc(100% - 40px);min-height:320px;margin-inline:auto;margin-bottom:0;padding-top:3px}html[dir=rtl] .project-details>p{margin-bottom:55px}html[dir=rtl] .project-service-meta{grid-template-columns:103px 1fr;margin-bottom:21px}}

body.article-page main{background:#f6f6f6}
@media(max-width:800px){.article-detail{width:calc(100% - 40px);padding:70px 0 40px}.article-heading{margin-bottom:20px}.article-heading .post-categories{display:table;width:max-content;max-width:100%;min-height:29px;margin:0 auto 0;padding:2px 16px;border-radius:18px;background:#2b2b2b;color:#fff;font-size:12px;line-height:25px}.article-heading .post-categories a{color:inherit}.article-heading h1{font-size:26px;line-height:28.6px;margin:5px 0 12px;font-weight:700}.article-cover{margin-bottom:28px}.article-body.prose{font-size:16px;line-height:24.48px}.article-body.prose p{line-height:24.48px}}
@media(max-width:800px) and (orientation:portrait){html[dir=rtl] .article-detail{padding-top:66px}}
@media(min-width:1200px){.homepage .hero{height:645px;min-height:645px;max-height:none}.homepage .hero-inner{padding-top:135px}.homepage .hero h1{font-size:60px;line-height:57px;margin-bottom:18px}.homepage .hero p{line-height:26px;margin-bottom:30.6px}.homepage .explore{font-size:16px;line-height:24px;font-weight:700;width:168px;padding:15px 24px}.homepage .watch-video{bottom:101px;inset-inline-end:max(6%,calc((100% - 1180px)/2 + 16px));height:60px;font-size:16px;gap:10px}}

@media(min-width:1200px){.homepage .locations-section{position:relative;padding:92px 0 70px;background:white}.homepage .locations-section::before{content:"";position:absolute;inset:0 0 auto;height:170px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat}.homepage .locations-card{position:relative;display:block;min-height:280px;padding:50px;border-radius:16px;background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") center/cover no-repeat}.homepage .locations-card>div{position:relative;z-index:1}.homepage .locations-card h2{font-size:40px;line-height:49px;font-weight:700;margin-bottom:0}.homepage .locations-card p{font-size:40px;line-height:49px;margin-bottom:30px}.homepage .locations-card .button{font-size:16px;line-height:24px;font-weight:700}.homepage .locations-card img{position:absolute;inset-inline-end:50px;top:-70px;width:527px;height:586px;max-height:none;max-width:none;object-fit:contain}}

@media(min-width:1200px){html[dir=rtl] .homepage .hero h1{font-size:58px;line-height:80px;margin-bottom:80px}html[dir=rtl] .homepage .hero p{margin-bottom:36px}html[dir=rtl] .homepage .explore{width:190px;font-weight:400;white-space:nowrap;padding-inline:20px}html[dir=rtl] .homepage .watch-video{bottom:72px;flex-direction:row-reverse}}
html[dir=rtl] .whatsapp{inset-inline-end:auto;left:auto;right:30px}@media(max-width:800px){html[dir=rtl] .whatsapp{right:22px}}



@media(max-width:800px){html[dir=rtl] .homepage .hero{min-height:440px}html[dir=rtl] .homepage .hero-inner{width:calc(100% - 70px);padding-top:45px;padding-bottom:40px;text-align:right}html[dir=rtl] .homepage .hero h1{font-size:32px;line-height:42px}html[dir=rtl] .homepage .hero p{font-size:18px;line-height:26px;margin-top:30px;margin-bottom:10px}html[dir=rtl] .homepage .explore{width:198px;height:54px;min-height:54px;font-size:16px;line-height:24px;font-weight:400;white-space:nowrap;padding:15px 24px}html[dir=rtl] .homepage .watch-video{inset-inline-end:auto;left:auto;right:35px;bottom:45px;height:50px;padding:0;font-size:14px;gap:10px;flex-direction:row-reverse}html[dir=rtl] .homepage .watch-video span{width:50px;height:50px;font-size:20px}html[dir=rtl] .homepage .locations-section{position:relative;padding-top:120px;background:white}html[dir=rtl] .homepage .locations-section::before{content:"";position:absolute;inset:0 0 auto;height:170px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat}html[dir=rtl] .homepage .locations-card{position:relative;background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") center/cover no-repeat}}





.certifications-section{padding:60px 0 70px;background:#f9f9f9 url("/assets/home/certifications-background.jpg.webp") center/cover no-repeat;text-align:center}.certifications-section> .wrap{max-width:1180px}.certifications-introduction{max-width:1100px;margin:0 auto 45px}.certification-carousel{position:relative;text-align:start}.certification-track{display:flex;gap:0;padding:0;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.certification-track::-webkit-scrollbar{display:none}.certification-track article{flex:0 0 100%;min-width:0;padding:20px 32px;border:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;scroll-snap-align:start;scroll-snap-stop:always}.certification-copy{min-width:0}.certification-copy h3{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 24px}.certification-copy p{font-size:14px;line-height:21px;margin:0 0 20px}.certification-copy .certification-year{display:block;font-size:14px;font-weight:400;color:#7b7b7b;margin:0}.certification-track img{height:420px;width:100%;object-fit:contain}.certification-controls[hidden]{display:none}.certification-controls>button{border:0;background:transparent;color:#333}.certification-controls [data-cert-prev], .certification-controls [data-cert-next]{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:24px;line-height:24px}.certification-controls [data-cert-prev]{inset-inline-start:-20px}.certification-controls [data-cert-next]{inset-inline-end:50px}.certification-controls [data-cert-pause]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;margin:0;font-size:12px;line-height:22px;text-decoration:underline;z-index:2}.certification-controls button:focus-visible{outline:2px solid #a77f17;outline-offset:2px}.certification-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.certification-status:empty{margin:0}
@media(max-width:800px){.certifications-section{padding:40px 0 50px}.certifications-section h2{font-size:30px}.certification-track article{grid-template-columns:1fr;padding:20px 26px}.certification-copy h3{font-size:18px;line-height:21.6px}.certification-track img{height:auto;aspect-ratio:285/268;object-fit:contain}.certifications-introduction{font-size:14px}.certification-controls [data-cert-prev]{inset-inline-start:-6px}.certification-controls [data-cert-next]{inset-inline-end:-6px}}

html[dir=rtl] .certification-copy{display:flex;flex-direction:column;align-items:center}html[dir=rtl] .certification-copy h3, html[dir=rtl] .certification-copy p, html[dir=rtl] .certification-copy .certification-year{width:80%}html[dir=rtl] .certification-copy .certification-year{order:-1;line-height:28.8px}html[dir=rtl] .certification-controls [data-cert-prev], html[dir=rtl] .certification-controls [data-cert-next]{transform:translateY(-50%) rotate(180deg)}@media(max-width:800px){html[dir=rtl] .certification-copy h3, html[dir=rtl] .certification-copy p, html[dir=rtl] .certification-copy .certification-year{width:100%}}

@media(min-width:768px) and (max-width:990px){.certification-carousel{width:calc(70vw - 54px);max-width:100%;margin-inline:auto}.certification-track article{grid-template-columns:1fr;padding:20px}.certification-copy h3{font-size:18px;line-height:21.6px}.certification-track img{height:420px;max-height:420px;aspect-ratio:auto}.certification-copy p{margin-bottom:20px}html[dir=rtl] .certification-copy h3, html[dir=rtl] .certification-copy p, html[dir=rtl] .certification-copy .certification-year{width:100%}}


.services-overview-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-block:90px 70px;overflow:hidden}.services-overview-intro h2{font-size:clamp(32px,3.2vw,55px);font-weight:600;line-height:1.25}.services-overview-intro>img{width:100%;object-fit:contain}.services-overview-intro .button{background:#fff;border:1px solid #ddd;text-transform:none}.services-overview-cards{padding-bottom:85px}.services-overview-cards .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.services-overview-cards .service-card{min-height:450px;border-inline-end:1px solid #ffffff20}.services-overview-actions{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:0 90px}.services-overview-actions article{display:flex;align-items:center;gap:24px;border:1px solid #ddd;border-radius:20px;padding:35px 28px}.services-overview-actions img{width:70px;flex-shrink:0}.services-overview-actions h2{font-size:30px;margin:10px 0 0}.services-overview-actions .eyebrow{letter-spacing:1px;font-size:12px}.services-action-arrow{font-size:36px;margin-inline-start:auto;flex-shrink:0}.contact-map{margin-top:65px}.contact-map iframe{display:block;width:100%;height:450px;border:0}.services-overview a:focus-visible{outline:3px solid #d8aa24;outline-offset:5px}@media(max-width:1100px){.services-overview-cards .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-overview-actions{gap:25px}.services-overview-actions article{flex-wrap:wrap}.services-overview-actions h2{font-size:26px}}@media(max-width:767px){.services-overview-intro{grid-template-columns:1fr;gap:30px;padding-block:45px}.services-overview-intro h2{font-size:30px}.services-overview-intro .profile-links{justify-content:flex-start}.services-overview-intro>img{max-height:360px}.services-overview-cards{padding-bottom:45px}.services-overview-cards .service-grid{grid-template-columns:1fr}.services-overview-cards .service-card{min-height:430px}.services-overview-actions{grid-template-columns:1fr;padding-bottom:50px}.services-overview-actions article{padding:25px 20px;gap:18px}.services-overview-actions img{width:55px}.services-overview-actions h2{font-size:24px}.contact-map{margin-top:40px}.contact-map iframe{height:350px}}

















































.about-layout-page .page-hero{display:block;min-height:0;padding:175px 0 100px}
.about-layout-page .page-hero h1{margin:0;font-size:40px;line-height:1.4}

@media(min-width:801px) and (max-width:1199px){html[dir=ltr] body.about-layout-page .page-hero{padding:156.5px 0 90px}}
.about-page .about-branch{position:relative;display:block;width:min(1180px,calc(100% - 40px));max-width:1180px;min-height:0;padding:50px;margin-top:100px;margin-bottom:70px;border-radius:16px;background-color:#fff;background-image:url("/wp-content/uploads/2024/12/Asset-01.png");background-repeat:repeat;background-position:0 0;background-size:auto;box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:start}
.about-page .about-branch h2 strong{font-weight:900}
.about-page .about-branch h2{font-size:40px;font-weight:400;line-height:50px;margin:0 0 30px}
.about-page .about-branch .button{font-size:16px;font-weight:700;line-height:16px;padding:19px 22px 17px;border-radius:5px}
html[dir=rtl] .about-page .about-branch .button{padding-bottom:19px}
.about-page .about-branch>img{position:absolute;bottom:-93px;inset-inline-end:8.7034%;width:35.7288%;height:auto;max-height:none;margin:0;object-fit:contain}
.about-page .about-creative{margin-top:0}
@media(min-width:768px) and (max-width:800px){
.about-layout-page .page-hero{padding:156.5px 0 90px}
.about-page .about-branch{padding:50px 20px}
.about-page .about-branch>img{width:340px;inset-inline-end:0}
}

@media(max-width:767px){
.about-layout-page .page-hero{padding:130px 0 50px}
.about-layout-page .page-hero h1{font-size:37px;line-height:1.4}
.about-page .about-branch{padding:50px 20px 300px;margin-top:100px;margin-bottom:30px}
.about-layout-page .page-hero{padding-bottom:79px}
.about-layout-page .about-page .about-branch{margin-top:70px}
.about-page .about-branch h2 br{display:none}
.about-page .about-branch h2{font-size:28px;line-height:1.4}
.about-page .about-branch>img{width:84%;inset-inline-end:8%;bottom:-50px}
html[dir=rtl] .about-page .about-branch{padding-bottom:340px;margin-bottom:10px}
html[dir=rtl] .about-page .about-branch>img{width:90%;inset-inline-end:5%;bottom:-93px}
}


.about-page .about-creative{width:min(1180px,calc(100% - 40px));max-width:1180px;grid-template-columns:38% 37% 25%;gap:0;padding-block:70px;margin-bottom:0}
.about-profile{padding-inline:10px 30px}
.about-profile .creative-left{height:450px;object-fit:cover}
.about-page .about-profile-box{position:relative;margin-top:16.8px;padding:30px 30px 220px;border-radius:16px}
.about-profile-box .eyebrow{font-size:18px;line-height:1.6;margin:0 0 4px;letter-spacing:0}
.about-profile-box .eyebrow span{font-size:15px;line-height:15px}
.about-page .about-profile-box h3{font-size:36px;line-height:1.2;margin:0 0 20px;font-weight:700}
.about-profile-box h3 span{font-weight:800}
.about-profile-box .profile-links{display:flex;gap:16px;margin:0 0 20px;flex-wrap:wrap}
.about-profile-box .profile-links .button{width:144px;min-height:51px;font-size:15px;line-height:15px;padding:17px 0;border-radius:5px;font-weight:700;gap:0}
.about-profile-box>img{position:absolute;bottom:0;inset-inline-start:0;margin:0;width:100%;max-width:100%;height:auto;border-radius:25px}
.about-creative-main{padding-inline:10px;gap:160px}
.about-page .about-creative-main h2{font-size:36px;line-height:1.2;margin:0 0 16px;font-weight:400}
.about-creative-main p{font-size:14px;line-height:21px;margin:0}
.about-creative-main>img{border-radius:16px}
.about-counters{padding-inline:22px 15px;padding-bottom:30px}
.about-counters p{line-height:1.65;margin-top:11.2px}
html[dir=rtl] .about-page .about-profile-box{margin-top:10.5px}
html[dir=rtl] .about-page .about-profile-box h3{font-size:31.5px;line-height:1.4}
@media(min-width:768px) and (max-width:1199px){
.about-page .about-creative{grid-template-columns:50% 50%}
.about-profile{padding:10px}
.about-profile-box .eyebrow{font-size:17px}
.about-page .about-profile-box{margin-top:51.9px;padding-inline:30px}
.about-counters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
}
@media(max-width:767px){
.about-page .about-creative{width:calc(100% - 30px);grid-template-columns:1fr;margin-top:-30px}
.about-profile{padding:10px;margin-bottom:30px}
.about-page .about-profile-box{margin-top:25px;padding-inline:30px}
.about-profile-box .eyebrow{font-size:16px;line-height:1.53}
.about-page .about-profile-box h3{font-size:22px;line-height:1.2}
.about-profile-box h3 span{font-size:32px;line-height:32px}
.about-profile-box .profile-links .button{width:100px}
.about-creative-main{padding-inline:5px;gap:30px}
.about-page .about-creative-main h2{font-size:32px;line-height:1.4}
.about-creative-main p{font-size:16px;line-height:24.48px}
.about-counters{grid-column:auto;display:block;margin-top:40px;padding-inline:20px}
html[dir=rtl] .about-page .about-profile-box{margin-top:25px}
html[dir=rtl] .about-page .about-profile-box h3{font-size:20px;line-height:30px}
html[dir=rtl] .about-profile-box h3 span{font-size:20px;line-height:30px}
}

@media(max-width:767px){html[dir=rtl] .about-creative-main h2 br{display:none}}

.about-profile-box .profile-links{justify-content:flex-start}
html[dir=rtl] .about-profile-box>img{width:97%;inset-inline-start:calc(1.5% - 6px)}
@media(max-width:767px){
html[dir=ltr] .about-creative-main p{font-size:14px;line-height:21px}
}

html[dir=rtl] .about-creative-main p{font-size:14px;line-height:28.8px}
@media(min-width:768px) and (max-width:1199px){html[dir=rtl] .about-creative-main p{line-height:27.2px}}
@media(max-width:767px){
html[dir=rtl] .about-page .about-creative{margin-top:-10px}
html[dir=rtl] .about-page .about-creative{padding-block:90px 0}
html[dir=rtl] .about-creative-main p{font-size:14px;line-height:24.48px}
}

.about-counters strong{position:relative;display:block}
.counter-static{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.service-carousel{position:relative;margin-top:40px}
.service-carousel-viewport{overflow:auto;touch-action:auto}
:is(.about-services,.home-services) .service-carousel-track{margin-top:0;overflow:visible;gap:0;padding:0;scroll-snap-type:none}
:is(.about-services,.home-services) .service-carousel-track>.service-card{flex:0 0 25%;min-width:0}
.service-carousel-ready .service-carousel-viewport{overflow:hidden;touch-action:pan-y}
.service-carousel-track{will-change:transform}
.service-carousel-controls{position:absolute;top:8px;inset-inline-end:8px;display:flex;gap:5px;z-index:2}
.service-carousel-controls:not(:focus-within){width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.service-carousel-controls:focus-within{width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
.service-carousel-controls[hidden]{display:none}
.service-carousel-controls button{width:44px;height:44px;padding:0;border:1px solid #fff6;border-radius:50%;background:#17191ddd;color:white;font-size:19px;line-height:1}
.service-carousel-controls button:disabled{opacity:.4;cursor:default}
.service-carousel-controls button:focus-visible, .service-carousel-track .service-card:focus-visible{outline:3px solid #ffd13e;outline-offset:-4px}
.service-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:768px) and (max-width:1199px){:is(.about-services,.home-services) .service-carousel-track>.service-card{flex-basis:50%}}
@media(max-width:767px){:is(.about-services,.home-services) .service-carousel-track>.service-card{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.service-carousel-track{transition:none!important}}

.service-carousel-track>[data-service-clone][hidden]{display:none}


:is(.about-services,.home-services) .service-carousel-track>.service-card{display:block;height:auto;min-height:0;padding:0;border:0;border-radius:0;font-size:18px;line-height:1.6;overflow:hidden}
:is(.about-services,.home-services) .service-carousel-track>.service-card::before{content:" ";display:inline-block;width:0;height:0;padding-top:115%;background:none;position:static}
.service-carousel-card-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:2em 2.2em 2.4em;overflow:hidden}
.service-carousel-card-content .service-number{font-size:1.333em;font-weight:300;line-height:1;margin:0;color:white}
.service-carousel-card-bottom{display:flex;flex-direction:column;justify-content:flex-end;flex:1;width:100%;transform:translateY(40px);transition:transform .3s ease-out}
:is(.about-services,.home-services) .service-carousel-card-bottom h3{font-size:1.2em;line-height:1.3;font-weight:500;max-width:none;margin:.4em 0 0}
:is(.about-services,.home-services) .service-carousel-card-bottom .arrow{position:static;display:block;font-size:1em;line-height:1.6;margin-top:1.2em;opacity:0;transition:opacity .3s}
.service-carousel-track .service-card:hover .service-carousel-card-bottom, .service-carousel-track .service-card:focus-visible .service-carousel-card-bottom{transform:none}
.service-carousel-track .service-card:hover .arrow, .service-carousel-track .service-card:focus-visible .arrow{opacity:1}
@media(max-width:1279px){:is(.about-services,.home-services) .service-carousel-track>.service-card::before{padding-top:130%}.service-carousel-card-content{padding:1.8em}}
@media(max-width:767px){:is(.about-services,.home-services) .service-carousel-track>.service-card{font-size:16px;line-height:1.53}:is(.about-services,.home-services) .service-carousel-track>.service-card::before{padding-top:95%}.service-carousel-card-content{padding:1.6em}.service-carousel-card-content .service-number{font-size:1.3em}}
@media(max-width:479px){.service-carousel-card-content{padding:1.8em}}
@media(prefers-reduced-motion:reduce){.service-carousel-card-bottom, .service-carousel-card-bottom .arrow{transition:none}}


.about-page .about-purpose{width:1190px;max-width:calc(100% - 30px);gap:0;margin-bottom:0;padding-bottom:70px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.about-purpose article{margin:12px;padding:50px 30px;border:1px solid rgba(51,63,56,.16);border-radius:24px;background:#f8f8f8}
.about-purpose h2{font-size:28px;line-height:39px;font-weight:700;color:#2b2b2b;margin:0 0 16px}
.about-purpose p{font-size:16px;line-height:28.8px;color:#020103;margin:0}

@media(min-width:1200px) and (max-width:1439px){.about-page .about-purpose{width:1130px}}
@media(min-width:768px) and (max-width:1199px){.about-purpose p{line-height:27.2px}}
@media(max-width:767px){.about-page .about-purpose{width:calc(100% - 20px);max-width:none;grid-template-columns:1fr}.about-purpose article{padding:30px 20px}.about-purpose p{line-height:24.48px}}

.about-counters>div{padding:0 0 20px;margin-bottom:20px}
.about-counters>div:last-child{margin-bottom:0}
.about-counters p{font-weight:300}
@media(min-width:768px) and (max-width:1199px){
.about-page .about-counters{display:block;grid-column:1/-1;max-width:none;width:100%;margin:0;padding:0 10px}
.about-counters>div{transform:translateY(-40px)}
.about-counters p{margin-top:7px}
}
@media(max-width:767px){
.about-page .about-counters{max-width:none;width:100%;margin:20px 0 0;padding:10px 10px 40px}
.about-counters p{margin-top:5.6px;line-height:21px}
.about-page .about-creative{margin-bottom:0}
html[dir=rtl] .about-page .about-creative{margin-bottom:0}
}

.about-page .about-values{width:1190px;max-width:calc(100% - 30px);gap:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:70px}
.about-values>div{padding-inline:15px}
.about-values>div+div{padding-top:40px}
.about-values>div>img{width:100%;height:auto;max-height:none;object-fit:contain}
.about-values h2{font-size:36px;line-height:43.2px;font-weight:700;margin:0 0 0 -2px}
.about-values>div>p{font-size:19px;line-height:28.8px;margin:25.64px 0 0}
.about-values article{padding:0;margin:0 0 50px}
.about-values article:last-child{margin-bottom:0}
.about-values article h3{font-size:31.5px;line-height:44.1px;font-weight:700;margin:9px 0 8px}
.about-values article p{font-size:18px;line-height:28.8px;margin:0}
.about-values img.value-icon{display:block;width:40px;height:41px;margin:0;max-height:none}
.about-values article:nth-of-type(2) img.value-icon{width:50px;height:51px}
@media(min-width:1200px) and (max-width:1439px){.about-page .about-values{width:1130px}}
@media(min-width:768px) and (max-width:1199px){.about-values>div>p{font-size:18px;line-height:27.2px;margin-top:18px}.about-values article h3{font-size:28px;line-height:39.2px}.about-values article p{font-size:17px;line-height:27.2px}}
@media(max-width:767px){
.about-values-background{padding-top:40px}
.about-page .about-values{width:calc(100% - 20px);max-width:none;grid-template-columns:1fr;padding-bottom:50px}
.about-values>div{padding-inline:10px}
.about-values>div+div{padding-top:80px}
.about-values h2{font-size:32px;line-height:44.8px;margin:0}
.about-values>div>p{font-size:17px;line-height:23.8px;margin-top:11.04px}
.about-values article{margin-bottom:40px}
.about-values article h3{font-size:20px;line-height:24px}
.about-values article p{font-size:16px;line-height:24.48px}
html[dir=rtl] .about-values>div+div{padding:40px 10px 0 0}
html[dir=rtl] .about-values article h3{font-size:17px;line-height:20px}
}

.about-values article{margin-bottom:40px}
.about-values img.value-icon{height:40px}
.about-values article h3{margin-top:10px}
.about-values article:nth-of-type(2) img.value-icon{width:48px;height:48px}
.about-values article:nth-of-type(2) h3{margin-top:12px}
.about-values article:nth-of-type(4) h3, .about-values article:nth-of-type(5) h3{margin-top:14px}
@media(max-width:767px){
html[dir=rtl] .about-values article:first-of-type{margin-top:40px}
html[dir=rtl] .about-values article h3{margin-top:11px}
html[dir=rtl] .about-values article:nth-of-type(2) h3{margin-top:12px}
html[dir=rtl] .about-values article:nth-of-type(4) h3, html[dir=rtl] .about-values article:nth-of-type(5) h3{margin-top:15px}
}

@media(min-width:768px){
body.about-layout-page .about-values>div:first-child{align-self:stretch;margin-top:-70px;padding-top:70px}
.about-values>div:first-child>img{position:sticky;top:calc(var(--site-header-height,105px) + 70px)}
html[dir=rtl] .about-values>div+div{padding-top:0;padding-left:10px;padding-right:10%}
html[dir=rtl] .about-values article:first-of-type{margin-top:40px}
html[dir=rtl] .about-values article h3{font-size:22.5px;line-height:36px;margin-top:11px}
html[dir=rtl] .about-values article:nth-of-type(2) h3{margin-top:12px}
html[dir=rtl] .about-values article:nth-of-type(4) h3, html[dir=rtl] .about-values article:nth-of-type(5) h3{margin-top:15px}
}
@media(min-width:1200px) and (max-width:1279px){body.about-layout-page .about-values>div:first-child>img{top:71px}}
@media(min-width:1280px) and (max-width:1367px){body.about-layout-page .about-values>div:first-child>img{top:219px}}
@media(min-width:1280px) and (max-width:1367px){body.about-layout-page .about-values{padding-bottom:65px}}
@media(min-width:1280px) and (max-width:1439px){body.about-layout-page .about-values>div:first-child{margin-bottom:5px}}
@media(min-width:1440px){body.about-layout-page .about-values>div:first-child{margin-bottom:2px}}
@media(min-width:768px) and (max-width:1199px){
body.about-layout-page .about-values>div:first-child>img{top:156.5px}
html[dir=rtl] .about-values>div+div{padding-left:30px;padding-right:0}
html[dir=rtl] .about-values article h3{font-size:19px;line-height:30.4px}
}
@media(min-width:768px) and (max-width:1024px){
body.about-layout-page .about-values>div:first-child>img{position:static;top:auto}
}

.about-page .about-timeline{width:1190px;max-width:calc(100% - 30px);padding:70px 15px 80px}
.about-timeline h2{font-size:36px;line-height:43.2px;font-weight:400;margin:0 0 0 -2px}
.about-timeline ol{margin:80px 10px 0;padding:0;direction:ltr}
.about-timeline li, .about-timeline li:nth-child(even){width:50%;margin:0 0 40px;padding:0;text-align:left}
.about-timeline li:nth-child(even){margin-left:50%;text-align:right}
.about-timeline li:last-child{margin-bottom:0}
.about-timeline li::after{content:none}
.about-timeline article{padding:30px 20px 32.75px;margin-right:40px;background:#f8f8f8;border-radius:5px;box-shadow:0 0 20px 1px #0000001a;direction:ltr}
.about-timeline li:nth-child(even) article{margin-right:0;margin-left:40px}
.about-timeline h3{font-size:24px;line-height:28.8px;font-weight:700;margin:0 0 20.75px}
.about-timeline p{font-size:15px;line-height:28.8px;margin:0}
.timeline-marker{position:absolute;top:30%;right:-22.5px;transform:translateY(-50%);width:45px;height:45px;border:2px solid #d6d6d6;border-radius:50%;background:white;color:#c4c4c4;display:grid;place-items:center;z-index:1}
.about-timeline li:nth-child(even) .timeline-marker{right:auto;left:-22.5px}
.about-timeline ol::before{width:4px;left:calc(50% - 2px);right:auto!important;top:40px;bottom:120px;background:#d6d6d6}
html[dir=rtl] .about-timeline article{direction:rtl;text-align:right}
@media(min-width:1200px) and (max-width:1439px){.about-page .about-timeline{width:1130px}}
@media(max-width:1279px){.about-timeline article{padding-bottom:35px}.about-timeline h3{line-height:27.2px;margin-bottom:21.75px}.about-timeline p{line-height:27.2px}}
@media(max-width:767px){
.about-page .about-timeline{width:calc(100% - 20px);max-width:none;padding:0 10px 40px}
.about-timeline h2{font-size:32px;line-height:44.8px;margin:0}
.about-timeline ol{margin-top:40px}
.about-timeline li, .about-timeline li:nth-child(even){width:100%;margin-left:0;padding:0;text-align:left}
.about-timeline h3{line-height:24.48px;margin-bottom:20.75px}
.about-timeline p{line-height:24.48px}
.about-timeline ol::before{left:23px;right:auto!important}
html[dir=rtl] .about-timeline ol::before{left:23px;right:auto!important}
html[dir=rtl] .about-timeline li, html[dir=rtl] .about-timeline li:nth-child(even){padding:0}
}

@media(max-width:1199px){.about-page .about-timeline{width:calc(100vw - 30px);max-width:none}}
@media(max-width:767px){
.about-page .about-timeline{width:calc(100vw - 20px)}
.about-timeline article, .about-timeline li:nth-child(even) article{margin-right:0;margin-left:65px}
.about-timeline .timeline-marker, .about-timeline li:nth-child(even) .timeline-marker{left:2.5px;right:auto}
}


.about-timeline ol::before, .about-timeline ol::after{top:var(--timeline-top,40px);bottom:auto;height:var(--timeline-height,calc(100% - 160px))}
.about-timeline ol::after{content:"";position:absolute;width:4px;left:calc(50% - 2px);height:var(--timeline-fill,0px);background:#f7c13d;pointer-events:none}
.about-timeline .timeline-marker.is-reached{background:#f7c13d;border-color:#f7c13d;color:white}
.about-timeline.timeline-ready article{opacity:0}
.about-timeline.timeline-ready article.timeline-arrived{opacity:1;transition:opacity .6s,transform .6s}
@media(max-width:767px){.about-timeline ol::after{left:23px}}
@media(prefers-reduced-motion:reduce){.about-timeline.timeline-ready article{opacity:1;transition:none}}


.home-services{padding-top:70px;padding-bottom:0;text-align:center;background:#f8f8f8}
.home-services>.wrap>.eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;color:#f7c13d;margin:0 0 19.6px}
.home-services>.wrap>h2{font-size:36px;line-height:43.2px;font-weight:700;margin:0}
.home-services .service-carousel{margin-top:40px;text-align:start}
@media(min-width:1024px) and (max-width:1279px){.home-services>.wrap>.eyebrow{margin-bottom:12.6px}}
@media(min-width:768px) and (max-width:1023px){.home-services>.wrap>.eyebrow{margin-bottom:8.4px}.home-services>.wrap>h2{font-size:30px;line-height:36px}}
@media(max-width:767px){.home-services>.wrap>.eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.home-services>.wrap>h2{font-size:22px;line-height:26.4px;min-height:38.4px}.home-services .service-carousel{margin-top:30px}}


.about-timeline article{position:relative}
.about-timeline article::after{content:"";position:absolute;display:block;top:30%;transform:translateY(-50%);width:0;height:0;border:11px solid transparent;border-left-color:white;left:100%;right:0;margin-right:-9px;pointer-events:none}
.about-timeline li:nth-child(even) article::after{left:auto;right:100%;margin-left:-9px;margin-right:0;border-left-color:transparent;border-right-color:white}
.about-timeline .timeline-marker:not(.is-reached){border-color:#eaeaea;color:black}
.about-timeline .timeline-marker svg{width:17px;height:17px}
@media(max-width:767px){.about-timeline article::after, .about-timeline li:nth-child(even) article::after{left:auto;right:100%;margin-left:-9px;margin-right:0;border-left-color:transparent;border-right-color:white}}


.future-image-primary{position:relative;min-width:0}.future-image-primary>img:first-child{display:block;width:100%}.future-image-primary>.future-about-badge{position:absolute;bottom:-75px;inset-inline-end:-71px;width:148px;height:148px;max-width:none;border-radius:0;z-index:2;animation:home-about-badge-rotate 10s linear infinite;pointer-events:none}
@keyframes home-about-badge-rotate{from{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@media(max-width:767px){.future-image-primary>.future-about-badge{bottom:-50px;inset-inline-end:-15px;width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.future-image-primary>.future-about-badge{animation:none}}


.homepage .partners-section{max-width:1130px}.source-partner-grid{display:flex;flex-direction:column;gap:81px;align-items:center}.source-partner-grid .partner-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;width:60%}.source-partner-grid .partner-row-first{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px}.source-partner-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:grayscale(1);transition:filter .8s,transform .8s}.source-partner-grid img:hover{filter:none}
@media(max-width:767px){.homepage .partners-section{width:calc(100% - 50px)}.source-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.source-partner-grid .partner-row{display:contents}.source-partner-grid img{order:var(--partner-mobile-order)}}
@media(prefers-reduced-motion:reduce){.source-partner-grid img{transition:none}}


.homepage .partners-section{width:min(1130px,calc(100% - 30px));padding:70px 0 50px;text-align:start}.partner-heading{display:grid;grid-template-columns:45% 55%;align-items:center}.partner-heading-title{width:380px;max-width:100%}.partner-heading .eyebrow{color:#f7c13d;font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;margin:0 0 15.4px}.partner-heading h2{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:normal;color:#2b2b2b;margin:0 0 0 -2px}.partner-heading h2 strong{font-weight:700}.partner-heading-description{font-size:14px;line-height:28.8px;color:#020103;text-align:justify;margin:0}.source-partner-grid{margin-top:50px;margin-bottom:81px}
html[dir=rtl] .partner-heading .eyebrow{letter-spacing:normal}html[dir=rtl] .partner-heading h2{margin-left:0;margin-right:-2px}
@media(min-width:768px) and (max-width:1279px){.partner-heading .eyebrow{margin-bottom:12.6px}.partner-heading-description{line-height:27.2px}.source-partner-grid{display:block;height:165px}.source-partner-grid .partner-row, .source-partner-grid>img{display:none}}
@media(max-width:767px){.homepage .partners-section{width:calc(100% - 50px)}.partner-heading{display:block}.partner-heading-title{width:100%;margin-bottom:20px}.partner-heading .eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.partner-heading h2{font-size:32px;line-height:1.4;margin:0}.partner-heading-description{line-height:24.48px;text-align:start}.source-partner-grid{margin-top:132px;margin-bottom:163px}html[dir=rtl] .partner-heading h2{margin:0}}


.home-creative-section{padding-bottom:70px}.home-creative-layout{width:min(1180px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:38% 37% 24.556%;align-items:stretch}.home-creative-profile{display:flex;flex-direction:column;justify-content:space-between;padding:0 30px 0 10px;min-width:0}.home-creative-primary{display:block;width:100%;height:450px;object-fit:cover;border-radius:25px}.home-profile-card{position:relative;border:1px solid #333f3829;border-radius:16px;background:#fafafa;padding:30px 30px 240px;overflow:hidden}.home-profile-card h2{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 0 -2px}.home-profile-subtitle{font-size:15px;line-height:32.8px;font-weight:800;text-transform:uppercase;margin:0 0 20px;color:var(--sm-color-accent-readable)}.home-profile-card .profile-links{position:relative;z-index:1;gap:16px;flex-wrap:nowrap;justify-content:flex-start}.home-profile-card .profile-links a{width:144px;max-width:50%;height:51px;border:1px solid #020103;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:15px;font-weight:700;text-transform:uppercase}.home-profile-card .profile-links a[lang=ar]{font-family:"IBM Plex Sans Arabic",serif}.home-profile-card>img{position:absolute;bottom:0;inset-inline-end:0;width:100%;height:auto;border-radius:25px;pointer-events:none}.home-creative-main{padding:36px 10px 0;min-width:0}.home-creative-main h2{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 16px -2px}.home-creative-main h2 strong{font-weight:700}.home-creative-main>p{font-size:14px;line-height:21px;margin:0 0 16px}.home-creative-more{display:flex;align-items:center;justify-content:center;width:180px;height:52px;border:1px solid #020103;border-radius:3px;font-size:16px;line-height:16px;font-weight:700;text-transform:uppercase;margin-bottom:60px}.home-creative-secondary{display:block;width:100%;height:auto;border-radius:25px}.home-creative-counters{align-self:end;padding:0 10px 10px;margin-inline-start:4%}.home-creative-counters>div{display:block;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #00000030}.home-creative-counters strong{display:block;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:60px;font-weight:800;line-height:60px}.home-creative-counters strong span{font-size:inherit}.home-creative-counters p{font-size:14px;font-weight:300;line-height:23.1px;margin:11.2px 0 0;color:#1f242e}
html[dir=rtl] .home-creative-profile{padding:0 10px 0 30px}html[dir=rtl] .home-profile-card{display:flex;flex-direction:column}html[dir=rtl] .home-profile-subtitle{order:-1;margin:0;line-height:32.8px}html[dir=rtl] .home-profile-card h2{font-size:31.5px;line-height:44.1px;margin:0 0 20px}html[dir=rtl] .home-creative-main{padding-top:40px}html[dir=rtl] .home-creative-main h2{margin-left:0;margin-right:-2px}html[dir=rtl] .home-creative-main>p{font-weight:500;line-height:28.8px}
html[dir=rtl] .home-creative-main .home-creative-title-regular{font-weight:400}
@media(max-width:1199px) and (min-width:768px){.home-creative-layout{grid-template-columns:1fr 1fr}.home-creative-profile{padding:80px 10px 10px}.home-creative-main{padding-inline:10px}.home-creative-counters{grid-column:1/-1;margin:0;padding:10px 10px 20px}html[dir=rtl] .home-creative-profile{padding:80px 10px 10px}}
@media(max-width:767px){.home-creative-layout{width:calc(100% - 30px);display:block}.home-creative-profile{padding:10px 10px 40px}.home-profile-card{margin-top:20px}.home-profile-card h2{font-size:27px;line-height:33.4px}.home-profile-subtitle{line-height:28.48px}.home-profile-card .profile-links a{width:100px}.home-creative-main{padding:36px 5px 0}.home-creative-main h2{font-size:22px;line-height:26.4px;margin-left:0}.home-creative-counters{margin:0;padding:10px 10px 20px}.home-creative-counters p{line-height:21px;margin-top:5.6px}html[dir=rtl] .home-creative-profile{padding:10px 10px 40px}html[dir=rtl] .home-profile-card h2{font-size:20px;line-height:30px}html[dir=rtl] .home-profile-subtitle{line-height:28.48px}html[dir=rtl] .home-creative-main>p{line-height:24.48px}html[dir=rtl] .home-creative-main h2{margin-right:0}}

@media(max-width:767px){.home-creative-counters{padding-top:30px}}


html[lang="en"] .home-creative-main h2{margin-bottom:0}
html[lang="en"] .home-creative-main>p{margin-top:16px}
@media(min-width:768px) and (max-width:1023px){html[lang="en"] .home-creative-main h2{font-size:30px;line-height:36px}}
@media(min-width:768px) and (max-width:1199px){html[lang="en"] .home-creative-main{padding-top:106px}}


.home-profile-card .profile-links a{gap:4px;border-color:#00000030;border-radius:5px;background:transparent;color:#020103;transition:background-color .3s,color .3s,border-color .3s}.home-profile-card .profile-links a:hover, .home-profile-card .profile-links a:focus{background:#f7c13d;border-color:#f7c13d;color:#020103}.home-creative-more{border:0;border-radius:5px;background:#f7c13d;color:#020103;transition:background-color .3s,color .3s}.home-creative-more:hover, .home-creative-more:focus{background:#000;color:#fff}
@media(min-width:768px) and (max-width:1199px){.home-profile-subtitle{line-height:31.2px}.home-creative-counters p{margin-top:7px}.home-creative-counters>div:first-child{margin-top:-50px}html[dir=rtl] .home-profile-subtitle{line-height:31.2px}}
@media(max-width:767px){html:not([dir=rtl]) .home-profile-card h2{font-size:22px;line-height:26.4px}html:not([dir=rtl]) .home-profile-card h2>span{font-size:32px;line-height:32px}}
@media(prefers-reduced-motion:reduce){.home-profile-card .profile-links a, .home-creative-more{transition:none}}


.service-detail-page main{padding-top:var(--site-header-height,105px)}
@media(max-width:800px){.service-detail-page main{padding-top:var(--site-header-height,65px)}}



.home-award-section{padding:180px 0 70px;background:#fff;position:relative;z-index:1}.home-award-container{display:flow-root;width:1120px;max-width:calc(100% - 40px);margin-inline:auto}.home-award-panel{position:relative;margin-inline:10px;padding:80px 50px;border-radius:16px;background:#fff url("/assets/home/Group-4251.png.webp") right top/cover no-repeat;box-shadow:0 20px 40px #0000001a;text-align:start}.home-award-eyebrow, .home-award-panel h2{width:64%;margin-inline-start:auto}.home-award-eyebrow{font-size:18px;line-height:47px;color:#f7c13d;font-weight:700}.home-award-panel h2{hyphens:manual;overflow-wrap:break-word;margin-block:0;font-size:25px;line-height:28px;font-weight:400;color:#fff}.home-award-panel h2 strong{font-weight:700}.home-award-image{position:absolute;inset-inline-start:50px;bottom:45px;width:348px;height:auto;max-width:348px;display:block}html[dir=rtl] .home-award-section{padding-top:160px}html[dir=rtl] .home-award-panel{margin-top:60px;padding-block:90px}html[dir=rtl] .home-award-panel h2{font-size:24px;line-height:34px}html[dir=rtl] .home-award-image{bottom:52px}
@media(max-width:1199px){.home-award-section, html[dir=rtl] .home-award-section{padding:0}.home-award-panel, html[dir=rtl] .home-award-panel{padding:50px 20px}.home-award-eyebrow{width:60%}.home-award-panel h2{width:50%}.home-award-image{width:300px;max-width:300px}}
.home-award-tablet-break{display:none}@media(min-width:768px) and (max-width:785px){.home-award-tablet-break{display:inline}}
@media(max-width:767px){.home-award-section{padding:160px 20px 70px}html[dir=rtl] .home-award-section{padding:230px 20px 70px}.home-award-container{width:100%;max-width:none}.home-award-panel, html[dir=rtl] .home-award-panel{padding:50px 20px 300px;background-image:url("/assets/home/Group-4281.png.webp");background-position:center;margin-top:0}.home-award-eyebrow, .home-award-panel h2{width:100%;margin-inline:0}.home-award-eyebrow{line-height:28px;margin-bottom:8px}.home-award-panel h2, html[dir=rtl] .home-award-panel h2{font-size:20px;line-height:35px}.home-award-image{width:90%;max-width:90%;inset-inline-start:18px;bottom:92px}html[dir=rtl] .home-award-panel{margin-inline:0}html[dir=rtl] .home-award-image{inset-inline-start:15px;bottom:86px}}


.home-future-section{padding:0;max-width:none;text-align:start;overflow-x:clip}.home-future-layout{width:min(1180px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:41.7410714% 58.2589286%;align-items:start}.home-future-visual{min-width:0;padding-inline:10px}.home-future-copy{min-width:0;margin-inline-start:14%;padding-block-start:20px;padding-inline-start:10px;padding-inline-end:10px}.home-future-section .future-image-primary>img:first-child, .home-future-secondary{display:block;width:100%;height:auto;border-radius:16px}.home-future-copy h2{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 20px -2px;hyphens:manual;overflow-wrap:break-word}.home-future-copy h2>span{font-weight:400}.home-future-copy h2 strong{font-weight:700}.home-future-copy p{font-size:18px;line-height:28.8px;font-weight:400;color:#020103;margin:0 0 50px;hyphens:manual}
@media(max-width:1199px){.home-future-copy{margin-inline-start:30px}.home-future-copy p{font-size:17px;line-height:27.2px}}
@media(max-width:767px){.home-future-layout{width:calc(100% - 30px);display:block}.home-future-visual{padding-inline:5px}.home-future-copy{margin:30px 0 0;padding:20px 5px 0}.home-future-copy h2{font-size:22px;line-height:26.4px;margin:0 0 20px}.home-future-copy h2>span{font-size:32px;line-height:41.6px}.home-future-copy p{font-size:16px;line-height:24.48px}}

.certification-carousel-ready .certification-track{touch-action:pan-y}


.home-trust-section{padding:70px 0 60px;background:#fff}.home-trust-layout{width:min(1120px,calc(100% - 40px));margin-inline:auto;padding-inline:10px}.home-trust-heading{width:560px;max-width:100%;margin-inline:auto;text-align:start}.home-trust-eyebrow{font-size:14px;line-height:18px;letter-spacing:1.8px;font-weight:500;color:#f7c13d;text-transform:uppercase;margin:0 0 15.4px}.home-trust-eyebrow strong{font-weight:700}.home-trust-heading h2{max-width:none;font-size:36px;line-height:43.2px;font-weight:700;margin:0 0 0 -2px;hyphens:manual;overflow-wrap:break-word;color:#2b2b2b}.home-trust-heading h2>span{font-weight:400}.home-trust-heading h2 strong{font-weight:700}.home-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.home-trust-cell{padding:12px;display:flex;min-width:0}.home-trust-card{width:100%;background:#f8f8f8;border:1px solid #333f3829;border-radius:24px;padding:50px 30px;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s}.home-trust-cell:hover>.home-trust-card{background:#fff;box-shadow:15px 15px 64px -20px rgb(0 0 0 / .19)}.home-trust-card h3{overflow-wrap:break-word;font-size:28px;line-height:39px;font-weight:400;color:#2b2b2b;margin:0 0 10px}.home-trust-card h3 strong{font-weight:700}.home-trust-card p{font-size:16px;line-height:28.8px;color:#020103;font-weight:400;margin:0;hyphens:manual}html[dir=rtl] .home-trust-eyebrow{letter-spacing:0}
@media(max-width:1279px){.home-trust-eyebrow{margin-bottom:12.6px}.home-trust-card p{line-height:27.2px}}
@media(min-width:768px) and (max-width:1279px){.home-trust-layout{width:calc(100% - 40px)}}
@media(min-width:768px) and (max-width:1023px){.home-trust-eyebrow{margin-bottom:8.4px}.home-trust-heading h2{font-size:30px;line-height:36px;margin:0}.home-trust-card p{line-height:26.86px}}
@media(max-width:767px){.home-trust-layout{width:calc(100% - 30px);padding-inline:5px}.home-trust-eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.home-trust-heading h2{font-size:22px;line-height:26.4px;margin:0}.home-trust-heading h2>span{font-size:32px;line-height:32px}html[dir=rtl] .home-trust-heading h2>span{line-height:48px}.home-trust-grid{grid-template-columns:1fr}.home-trust-card{padding:30px 20px}.home-trust-card p{line-height:24.48px}}


.home-projects-section{padding:70px 0 40px;background:#f9f9f9}.home-projects-layout{width:min(1160px,calc(100% - 40px));margin-inline:auto;padding-inline:0}.home-projects-heading{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-bottom:50px}.home-projects-heading h2{font-size:36px;line-height:43.2px;font-weight:700;margin:0 0 0 -2px;color:#2b2b2b}.home-projects-heading h2>span{font-weight:400}.home-projects-heading h2 strong{font-weight:700}.home-projects-all{width:220px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#f7c13d;color:#020103;font-size:16px;line-height:16px;font-weight:700;text-transform:uppercase;transition:background-color .3s,color .3s}.home-projects-all:hover, .home-projects-all:focus-visible{background:#020103;color:#fff}.home-projects-all-bottom{display:none}.home-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:70px;padding-bottom:70px}.home-project-preview{aspect-ratio:2/1;overflow:hidden;border-radius:20px;margin-bottom:18px}.home-project-preview img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .5s}.home-project-preview:hover img, .home-project-card a:focus-visible img{transform:scale(1.07)}.home-project-card h3{font-size:18px;line-height:25.2px;font-weight:700;margin:0;color:#2b2b2b}.home-project-card a:focus-visible{outline:2px solid #d8aa24;outline-offset:5px}
@media(min-width:768px) and (max-width:1279px){.home-projects-layout{width:calc(100% - 40px);padding-inline:10px}.home-projects-grid{row-gap:60px;padding-bottom:60px}.home-project-preview{margin-bottom:17px}}
@media(min-width:768px) and (max-width:1023px){.home-projects-heading h2{font-size:30px;line-height:36px;margin:0}.home-project-card h3{line-height:27px}}
@media(max-width:767px){.home-projects-section{padding:70px 0}.home-projects-layout{width:calc(100% - 30px);padding-inline:5px}.home-projects-heading{display:block;min-height:0;margin-bottom:30px}.home-projects-heading h2{font-size:22px;line-height:26.4px;margin:0}.home-projects-heading h2>span{font-size:32px;line-height:32px}.home-projects-all-top{display:none}.home-projects-all-bottom{display:flex;margin-inline-start:0;margin-inline-end:auto}.home-projects-grid{grid-template-columns:1fr;row-gap:50px;padding-bottom:50px}.home-project-preview{margin-bottom:16px}.home-project-card h3{line-height:22px}}
@media(prefers-reduced-motion:reduce){.home-project-preview img, .home-projects-all{transition:none}}

@media(prefers-reduced-motion:reduce){.home-trust-card{transition:none}}


.homepage .locations-section{position:relative;z-index:2}

.home-creative-counters p::first-line{font-weight:800}


@media(min-width:1200px){.homepage .locations-section{padding-top:37px}.homepage .locations-section::before{top:-55px}.homepage .locations-card{width:1180px;max-width:calc(100% - 40px);min-height:0}.homepage .locations-card h2{font-weight:400;color:#020103}.homepage .locations-card h2>span{font-weight:900;color:#f7c13d}.homepage .locations-card p{color:#1f242e}.homepage .locations-card .button{font-size:16px;line-height:16px;padding:19px 22px 17px;border-radius:5px;background:#f7c13d;color:#020103;transition:background-color .3s,color .3s}.homepage .locations-card .button:hover, .homepage .locations-card .button:focus-visible{background:#020103;color:#fff}html[dir=rtl] .homepage .locations-card h2{line-height:25px;margin-bottom:15px}html[dir=rtl] .homepage .locations-card .button{padding:18px 22px}}
@media(prefers-reduced-motion:reduce){.homepage .locations-card .button{transition:none}}


:is(.about-services,.home-services) .service-carousel-track>.service-card::after{background:linear-gradient(rgba(255,255,255,0) 0%,#000 100%);opacity:.6;transition:opacity .3s}
.service-carousel-card-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#05080d;opacity:0;transition:opacity .3s}
.service-carousel-track>.service-card:is(:hover,:focus-visible)::after{opacity:0}
.service-carousel-track>.service-card:is(:hover,:focus-visible)>.service-carousel-card-content::before{opacity:.7}
@media(prefers-reduced-motion:reduce){.service-carousel-track>.service-card::after, .service-carousel-card-content::before{transition:none}}


@media(max-width:767px){
.homepage .locations-section, html[dir=rtl] .homepage .locations-section{position:relative;padding:100px 0 0;background:#fff}
.homepage .locations-section::before, html[dir=rtl] .homepage .locations-section::before{content:"";position:absolute;inset:-20px 0 auto;height:170px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat}
.homepage .locations-card, html[dir=rtl] .homepage .locations-card{position:relative;display:block;width:calc(100% - 40px);max-width:none;min-height:0;padding:50px 20px 224px;border-radius:16px;text-align:start;background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") center/auto no-repeat}
.homepage .locations-card>div{position:relative;z-index:1}
.homepage .locations-card h2{font-size:28px;line-height:39.2px;font-weight:400;color:#020103;margin:0}
.homepage .locations-card h2>span{font-weight:900;color:#f7c13d}

.homepage .locations-card p{font-size:28px;line-height:39.2px;color:#020103;margin:0}
.homepage .locations-card .button{margin-top:30px;padding:19px 22px 17px;font-size:16px;line-height:16px;font-weight:700;border-radius:5px;background:#f7c13d;color:#020103;transition:background-color .3s,color .3s}
.homepage .locations-card .button:is(:hover,:focus-visible){background:#020103;color:#fff}
.homepage .locations-card img{position:absolute;top:272px;left:5%;width:90%;height:auto;max-height:none;max-width:none;margin:0;object-fit:contain}
html[dir=rtl] .homepage .locations-card h2{margin-bottom:15px}
html[dir=rtl] .homepage .locations-card p{color:#1f242e}
html[dir=rtl] .homepage .locations-card .button{padding:18px 22px}
}
@media(prefers-reduced-motion:reduce){.homepage .locations-card .button{transition:none}}


@media(min-width:768px) and (max-width:1199px){
.homepage .locations-section, html[dir=rtl] .homepage .locations-section{position:relative;padding:65px 0 70px;background:#fff}
.homepage .locations-section::before, html[dir=rtl] .homepage .locations-section::before{content:"";position:absolute;inset:-55px 0 auto;height:170px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat}
.homepage .locations-card, html[dir=rtl] .homepage .locations-card{position:relative;display:block;width:calc(100% - 40px);max-width:none;min-height:0;padding:50px 20px;border-radius:16px;text-align:start;background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") center/auto no-repeat}
.homepage .locations-card>div{position:relative;z-index:1}
.homepage .locations-card h2{font-size:40px;line-height:49px;font-weight:400;color:#020103;margin:0}
.homepage .locations-card h2>span{font-weight:900;color:#f7c13d}
.homepage .locations-card p{font-size:40px;line-height:49px;color:#020103;margin:0 0 30px}
.homepage .locations-card .button{padding:19px 22px 17px;font-size:16px;line-height:16px;font-weight:700;border-radius:5px;background:#f7c13d;color:#020103;transition:background-color .3s,color .3s}
.homepage .locations-card .button:is(:hover,:focus-visible){background:#020103;color:#fff}
.homepage .locations-card img{position:absolute;inset-inline-end:0;top:-70px;width:340px;height:auto;max-height:none;max-width:none;margin:0;object-fit:contain}
html[dir=rtl] .homepage .locations-card h2{line-height:25px;margin-bottom:15px}
html[dir=rtl] .homepage .locations-card p{color:#1f242e}
html[dir=rtl] .homepage .locations-card .button{padding:18px 22px}
}
@media(prefers-reduced-motion:reduce){.homepage .locations-card .button{transition:none}}


.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0 0 110px}.contact-details section{margin:0;padding:30px 25px;background:#fafafa;border:1px solid #eeeeee;border-radius:12px;min-width:0}.contact-details h2{font-size:30px;line-height:1.3}.contact-details ul{list-style:none;padding:0;margin:0}.contact-details li{margin:15px 0}.contact-enquiry-title{font-size:36px;line-height:1.25;font-weight:400;margin-bottom:30px}.contact-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:50px}.contact-grid>.contact-map{margin:0;min-width:0}.contact-grid>.contact-map iframe{height:500px}.contact-form-panel{min-width:0}.contact-grid .public-form{margin-top:0}.contact-faq{margin-top:130px}
@media(max-width:800px){.contact-details{grid-template-columns:1fr;gap:20px;margin-bottom:60px}.contact-details section{padding:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-enquiry-title{font-size:32px}.contact-grid>.contact-map iframe{height:350px}.contact-faq{margin-top:60px}}


.contact-details{gap:24px}.contact-details section{padding:40px;background:#f8f8f8;border:1px solid #333f3829;border-radius:24px}.contact-form-panel .public-form{margin:0}.contact-form-panel .form-fields{gap:0 44px}.contact-form-panel .form-field{padding:8px 0}.contact-form-panel .form-field>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form-panel .form-field input:not([type=radio]){height:50px;padding:0 14px;background:#fff;border:1px solid #00000040;font-size:16px;line-height:16px}.contact-form-panel .form-field textarea{height:140px;min-height:140px;padding:14px;background:#fff;border:1px solid #00000040;font-size:16px;line-height:20.8px}.contact-form-panel .public-form button[type=submit]{height:52px;padding:0 57px;margin-top:10px;font-size:16px;line-height:16px;background:#020103;color:#fff;border-radius:3px;transition:background-color .3s}.contact-form-panel .public-form button[type=submit]:hover{background:#f7c13d;color:#020103}
@media(max-width:800px){.contact-details section{padding:30px}.contact-details{gap:20px}}
@media(max-width:600px){.contact-form-panel .form-fields{column-gap:0}}


.contact-map{overflow:hidden;border:1px solid #e7e7e7;border-radius:16px}
.contact-map iframe{border-radius:16px}


.legal-page #main{background:#f8f8f8}
.legal-page .page-hero{height:331px;min-height:331px;padding:175px 0 70px;align-items:flex-start}
.legal-page .page-hero>.wrap{width:min(1160px,calc(100% - 60px));max-width:1160px}
.legal-page .page-hero h1{width:fit-content;max-width:100%;margin-inline:auto;font-size:40px;line-height:1.4}
.legal-page .wrap.page-content{width:min(1160px,calc(100% - 40px));max-width:1160px;margin-inline:auto;padding:70px 0}
.legal-page .prose{max-width:none;margin:0}
.legal-page .prose h2{margin:0;font-size:31.5px;line-height:1.2;font-weight:700}
.legal-page .prose p{margin:15.3px 0}
.legal-page .prose>p:first-child{margin-top:0}
.legal-page .prose>p:last-child{margin-bottom:0}
.legal-page .prose ul, .legal-page .prose ol{margin:15.3px 0;padding-inline-start:24px}
.legal-page .prose a{color:var(--sm-color-accent-readable)}
@media(max-width:800px){.legal-page .page-hero{height:auto;min-height:262px;padding:130px 20px 80px;align-items:center}.legal-page .page-hero>.wrap{width:100%;max-width:none}.legal-page .page-hero h1{font-size:37px;line-height:1.4}.legal-page .wrap.page-content{width:calc(100% - 40px);padding:70px 0}.legal-page .prose h2{font-size:28px;line-height:26px;margin:25px 0 14px}.legal-page .prose p{margin:13.6px 0 16px}.legal-page .prose ul, .legal-page .prose ol{margin:13.6px 0 16px;padding-inline-start:24px}}
@media(prefers-reduced-motion:reduce){.contact-form-panel .public-form button[type=submit]{transition:none}}


@media(min-width:768px) and (max-width:1199px){
    html[lang] .homepage .locations-section{padding-top:0}
    html[dir=ltr] .homepage .hero .explore{height:54px;min-height:54px}
}


.home-hero-divider{display:none}
@media(min-width:768px) and (max-width:784px){
    .homepage .hero{height:480px;min-height:480px;margin-top:-18px}
}
@media(min-width:785px) and (max-width:1199px){
    .homepage .hero{height:700px;min-height:700px;max-height:none;margin-top:-18px}
}
@media(min-width:768px) and (max-width:1199px){
    .home-hero-divider{display:block;position:relative;z-index:1;height:170px;margin-top:-55px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat;pointer-events:none}
    .homepage .locations-section, html[dir=rtl] .homepage .locations-section{display:flow-root;padding:0 0 70px;background:#fff}
    html[lang] .homepage .locations-section{padding-top:0}
    .homepage .locations-section::before, html[dir=rtl] .homepage .locations-section::before{content:none}
    .homepage .locations-card, html[dir=rtl] .homepage .locations-card{margin-top:-50px}
}
@media(min-width:785px) and (max-width:1199px){
    html[dir=ltr] .homepage .hero{align-items:flex-start}
    html[dir=ltr] .homepage .hero-inner.wrap{width:calc(100% - 40px);max-width:none;height:100%;align-self:stretch;padding:254px 0 0;margin-inline:20px;text-align:start}
    html[dir=ltr] .homepage .hero h1{max-width:760px;margin:0 0 8px;font-size:60px;line-height:57px;letter-spacing:0;text-align:start}
    html[dir=ltr] .homepage .hero p{width:564px;max-width:100%;margin:0 0 14px;font-size:20px;line-height:26px;text-align:start}
    html[dir=ltr] .homepage .hero .explore{width:168px;height:54px;padding:15px 20px;line-height:24px;font-weight:600}
    html[dir=ltr] .homepage .hero .watch-video{top:454px;right:24px;bottom:auto;inset-inline-end:24px;height:60px;gap:14px;font-size:14px}
    html[dir=ltr] .homepage .hero .watch-video span{width:50px;height:50px;font-size:20px}
}


@media(min-width:768px) and (max-width:1199px){
    .home-profile-card{margin-top:20px;padding-bottom:220px}
    .home-profile-card h2{font-size:30px;line-height:36px}
    .home-profile-card .profile-links{flex-direction:column;align-items:flex-start;gap:0;margin:0 0 20px}
    .home-profile-card .profile-links a{width:144px;max-width:none}
    html[dir=rtl] .home-profile-card h2{font-size:25px;line-height:35px}
    html[dir=rtl] .home-profile-card .profile-links{flex-direction:column-reverse}
    html[dir=rtl] .home-profile-card .profile-links a:not([lang=ar]){width:160px}
    html[dir=rtl] .home-profile-card>img{width:calc(100% - 10px);inset-inline-end:11px}
}


@media(max-width:800px){
html[lang="en"] .homepage .locations-section{padding-top:40px}
html[lang="ar"] .homepage .locations-section{padding-top:120px}
}


@media(min-width:768px) and (max-width:800px){
html[lang="en"] .homepage .locations-section{padding-top:6.5px}
html[lang="ar"] .homepage .locations-section{padding-top:86.5px}
}


@media(max-width:767px){html[dir=ltr] .job-page .job-actions{margin-bottom:-10px}}

.project-presentation.prose video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#c4c4c4;object-fit:contain;margin:15px 0 25px}
@media(max-width:800px){.project-presentation.prose video{margin-top:0;margin-bottom:30px}}


@media(min-width:801px){body.article-page .article-detail{width:min(1160px,calc(100% - 112px))}.article-page .article-heading h1{font-weight:700}}


.homepage .partners-section{position:relative;isolation:isolate;background:#f9f9f9}
.homepage .partners-section::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f9f9f9;z-index:-1;pointer-events:none}






.compact-menu{inset:0;margin:0;border:0;padding:0;width:100vw;max-width:none;height:0;max-height:none;color:#808080;background:#020103;overflow:hidden;transition:height .45s cubic-bezier(.5,1,.89,1)}
.compact-menu.is-open{height:100vh;height:100dvh}
.compact-menu::backdrop{background:transparent}
.compact-menu-panel{position:relative;height:100vh;height:100dvh;overflow:auto}
.compact-menu-panel::after{content:"";position:absolute;inset:0 0 0 auto;width:30%;background:#2c313d;pointer-events:none}
html[dir=rtl] .compact-menu-panel::after{inset:0 auto 0 0}
.compact-menu-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:35px 30px}
.compact-menu-header>a{display:block;line-height:0}
.compact-menu-header img{display:block;height:102px;width:auto;max-width:none}
.compact-menu-header button{display:flex;align-items:center;gap:16px;padding:0;border:0;background:none;color:#808080;font-size:17px;line-height:1}
.compact-menu-header button:hover{color:#fff}
.compact-menu-content{position:absolute;z-index:1;inset:25vh auto 30px 30px;width:calc(70% - 60px);display:flex;flex-direction:column}
html[dir=rtl] .compact-menu-content{inset:25vh 30px 30px auto}
.compact-menu-content nav>a, .compact-menu-more>summary{display:block;width:fit-content;padding:5px 0;font-size:30px;font-weight:500;line-height:45px;text-transform:none;color:#808080;transition:color .3s}
.compact-menu-content nav>a[aria-current], .compact-menu-content a:hover, .compact-menu-more>summary:hover{color:#fff}
.compact-menu-more>summary{list-style:none;cursor:pointer}
.compact-menu-more>summary::-webkit-details-marker{display:none}
.compact-menu-more>div{padding-block:5px}
.compact-menu-more a{display:block;padding:10px;font-size:16px;font-weight:500;line-height:24px;transition:color .3s}
.compact-menu-ksa{display:flex;align-items:center;gap:8px;align-self:flex-start;margin-top:40px;padding:4px 12px;border:1px solid #808080;border-radius:3px;font-size:30px;font-weight:500;line-height:50px;white-space:nowrap;transition:color .3s,border-color .3s}
.compact-menu-ksa img{flex:none;object-fit:contain}
.compact-menu-ksa img:last-child{filter:invert(1)}
html[dir=rtl] .compact-menu-ksa img:last-child{transform:scaleX(-1)}
.compact-menu-socials{display:flex;align-items:center;gap:26px;margin-top:auto;border-top:1px solid #ffffff26;padding-top:30px;color:#fff}
.compact-menu-socials a{display:flex;align-items:center;justify-content:center;min-width:16px;height:26px}
.compact-menu :focus-visible{outline:2px solid #f7c13d;outline-offset:5px}
@media(max-width:767px){
.compact-menu-panel::after{display:none}
.compact-menu-header{padding:24px 20px}
.compact-menu-header img{height:40px}
.compact-menu-header button{width:24px;height:24px}
.compact-menu-header button span{display:none}
.compact-menu-content, html[dir=rtl] .compact-menu-content{position:relative;inset:auto;width:auto;margin:32px 20px 0;padding-bottom:30px}
.compact-menu-content nav>a, .compact-menu-more>summary{font-size:22px;line-height:33px}
.compact-menu-ksa{font-size:22px;line-height:38px;margin-top:40px;padding:4px 12px;max-width:100%;white-space:normal}
.compact-menu-socials{margin-top:24px;padding-top:20px;gap:20px}
}
@media(prefers-reduced-motion:reduce){.compact-menu, .compact-menu a, .compact-menu summary{transition:none}}

.compact-menu-content{overflow:auto}.compact-menu-content nav{flex-shrink:0}
@media(max-width:767px){html[dir=ltr] .compact-menu-content nav>a, html[dir=ltr] .compact-menu-more>summary{padding-block:3px}html[dir=ltr] .compact-menu-ksa{padding-block:10px}}

.compact-menu-more>summary::after{content:" ⇥"}html[dir=rtl] .compact-menu-more>summary::after{content:" ⇤"}.compact-menu-header button svg{color:#fff}





body.about-layout-page .about-creative-main h2, body.about-layout-page .about-timeline>h2{font-weight:700}
body.about-layout-page .about-heading-copy{font-weight:400}
html[dir=rtl] body.about-layout-page .about-creative-main p{font-weight:500}


body.article-page .article-navigation h2{font-weight:500}








@media(min-width:1200px){
.homepage .hero{height:700px;min-height:700px}
.homepage .hero-inner.wrap{width:min(1180px,calc(100% - 160px));max-width:1180px;height:100%;align-self:stretch;padding-top:clamp(238px,calc(262px - 1.25vw),247px)}
.homepage .hero h1{margin-bottom:clamp(13.333px,1.041667vw,20px)}
.homepage .hero p{width:564px;max-width:100%;margin-bottom:clamp(22.656px,calc(2px + 1.666667vw),34px);font-weight:400}
.homepage .hero .explore{font-weight:600}
.homepage .hero .watch-video{padding:0;bottom:auto;top:clamp(478px,calc(463px + 1.25vw),488px);inset-inline-end:max(84px,calc((100% - 1180px)/2 + 4px));line-height:60px}
html[dir=rtl] .homepage .hero-inner.wrap{width:min(1180px,calc(100% - 160px));max-width:1180px;padding-top:clamp(210px,calc(230px - 1.041667vw),217px)}
html[dir=rtl] .homepage .hero h1{width:max-content;max-width:none;margin-inline-start:0;margin-inline-end:auto;margin-bottom:80px;text-align:right}
html[dir=rtl] .homepage .hero p{width:564px;max-width:none;margin-inline-start:0;margin-inline-end:auto;margin-bottom:clamp(26.656px,2.083333vw,40px);text-align:right}
html[dir=rtl] .homepage .hero .explore{width:189px;margin-inline-start:0;margin-inline-end:auto;font-weight:600}
html[dir=rtl] .homepage .hero .watch-video{inset-inline-end:auto;left:max(96px,calc((100% - 1180px)/2 + 16px));right:auto;top:clamp(508px,calc(495px + 1.041667vw),515px)}
}
@media(min-width:1200px) and (max-width:1439px){.homepage .hero-inner.wrap{padding-top:calc(271px - 1.875vw)}}

.homepage .locations-card h2>span{font-weight:900;color:#f7c13d}

.homepage .locations-card{box-shadow:0 20px 40px rgba(0,0,0,.1)}





.contact-faq{max-width:880px}
.contact-faq details{padding:0;border:0;box-sizing:border-box}
.contact-faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;list-style:none;padding:24px 0;border-bottom:1px solid #e2e2e2;color:#2b2b2b;font-size:31.5px;line-height:1;font-weight:500}
.contact-faq summary::-webkit-details-marker{display:none}
.contact-faq summary::after{content:"";flex:0 0 18px;height:18px;margin-top:calc((1em - 18px)/2);background:linear-gradient(#2b2b2b,#2b2b2b) center/2px 14px no-repeat,linear-gradient(#2b2b2b,#2b2b2b) center/14px 2px no-repeat}
.contact-faq summary[aria-expanded=true]::after, .contact-faq details[open]:not(:has(summary[aria-expanded]))>summary::after{background:linear-gradient(#2b2b2b,#2b2b2b) center/14px 2px no-repeat}
.contact-faq .prose{padding:0 0 24px;font-size:16px;line-height:24.48px}
.contact-faq .prose p{margin:0}
html[dir=rtl] .contact-faq summary{font-size:27px}
html[dir=rtl] .contact-faq .prose{font-size:17px;line-height:28.8px}
@media(max-width:767px){.contact-faq{width:calc(100% + 8px);max-width:none;margin-inline:-4px}.contact-faq summary{padding:20px 0;font-size:20px}html[dir=rtl] .contact-faq summary{font-size:18px}html[dir=rtl] .contact-faq .prose{font-size:16px;line-height:24.48px}}


.portfolio-preview{overflow:hidden;border-radius:20px}
.portfolio-preview img{border-radius:0;transform:scale(1.01);transition:transform .5s}
.portfolio-preview:hover img, .portfolio-card:hover .portfolio-preview img, .portfolio-card:focus-within .portfolio-preview img{transform:scale(1.07)}
.portfolio-card h3{font-size:18px;line-height:21.6px;font-weight:700}
html[dir=ltr] body.portfolio-page .portfolio-card h3{font-weight:500}
html[dir=rtl] .portfolio-card h3{font-weight:500}
@media(prefers-reduced-motion:reduce){.portfolio-preview img{transition:none}}


.certifications-section{padding:70px 0 50px;text-align:start}
.certifications-section>.wrap{width:calc(100% - 20px);max-width:none}
.certifications-heading-row{display:grid;grid-template-columns:45% 55%;align-items:center;width:min(1130px,calc(100vw - 30px));margin:0 auto 50px}
.certifications-heading-copy{width:380px;max-width:100%;min-width:0}
.certifications-heading-copy .eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;color:#f7c13d;margin:0 0 15.4px}
.certifications-heading-copy h2{font-size:36px;line-height:43.2px;font-weight:400;color:#2b2b2b;margin:0}
.certifications-heading-copy h2 strong{font-weight:700}
.certifications-introduction{max-width:none;font-size:14px;line-height:28.8px;text-align:justify;margin:0;color:#020103}
.certification-carousel{width:calc(70vw - 54px);max-width:none;margin-inline:auto}
.certification-track article{padding:20px;grid-template-columns:1fr 1fr;align-items:center}
.certification-copy{display:flex;flex-direction:column;align-items:center;color:#2b2b2b}
.certification-copy>h3, .certification-copy>p, .certification-copy>.certification-year{width:80%}
.certification-copy h3{font-size:36px;line-height:43.2px;margin:0 0 11px;font-weight:700}
.certification-copy p{font-size:14px;line-height:21px;margin:0}
.certification-copy .certification-year{order:-1;margin:25px 0 0;font-size:14px;line-height:28.8px;font-weight:600;color:#ff1628}
.certification-track img{height:auto;max-height:420px;aspect-ratio:auto;width:100%;object-fit:contain}
html[dir=rtl] .certifications-heading-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html[dir=rtl] .certifications-heading-copy{justify-self:start;margin-inline-start:15px;max-width:calc(100% - 30px)}
html[dir=rtl] .certifications-introduction{margin-inline:15px}
html[dir=rtl] .certifications-heading-copy .eyebrow{letter-spacing:0}
html[dir=rtl] .certification-track img{width:calc(100% - 20px);margin-inline-start:20px}
@media(min-width:768px) and (max-width:1279px){.certifications-introduction, .certification-copy .certification-year{line-height:27.2px}html[dir=rtl] .certifications-introduction, html[dir=rtl] .certification-copy .certification-year{line-height:26.86px}}
@media(min-width:768px) and (max-width:990px){.certifications-heading-copy h2{font-size:30px;line-height:36px}.certification-track article{grid-template-columns:1fr}.certification-copy>h3, .certification-copy>p, .certification-copy>.certification-year{width:100%}.certification-copy h3{font-size:18px;line-height:21.6px;margin-bottom:5px}.certification-copy p{margin-bottom:30px}}
@media(max-width:767px){.certifications-section>.wrap{width:calc(100% - 10px)}.certifications-heading-row{display:block;width:calc(100vw - 50px);margin-bottom:50px}.certifications-heading-copy{width:100%;margin-bottom:20px}.certifications-heading-copy .eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.certifications-heading-copy h2{font-size:32px;line-height:44.8px}.certifications-introduction{line-height:24.48px;text-align:start}.certification-carousel{width:calc(100vw - 50px)}.certification-track article{grid-template-columns:1fr;min-height:603px;align-items:start;align-content:start}.certification-copy>h3, .certification-copy>p, .certification-copy>.certification-year{width:100%}.certification-copy h3{font-size:18px;line-height:21.6px;margin-bottom:11px}.certification-copy p{margin-bottom:30px}.certification-copy .certification-year{line-height:24.48px}html[dir=rtl] .certifications-heading-row{width:calc(100vw - 40px)}html[dir=rtl] .certifications-heading-copy{margin-inline:0;max-width:100%}html[dir=rtl] .certifications-introduction{margin-inline:0}}

@media(max-width:767px){html[dir=rtl] .certification-copy .certification-year{line-height:24.48px}}


.certifications-section{overflow-x:clip}
.certifications-section>.wrap{width:calc(100vw - 20px);margin-inline:10px}
@media(max-width:767px){.certifications-section>.wrap{width:calc(100vw - 10px);margin-inline:5px}}

.certifications-section{direction:ltr}
html[dir=rtl] .certifications-section>.wrap{direction:rtl}


.service-introduction h1{font-weight:900}
.service-offerings h2{font-weight:800;line-height:39px}
html[lang=en] .service-description{font-size:16px;line-height:28.8px}
.offering-grid article{border:0;border-radius:16px;background:#fff;box-shadow:0 3px 30px #00000008;transition:background-color .3s ease-out,box-shadow .3s ease-out}
.offering-grid img{margin-bottom:36px}
.offering-grid h3{font-weight:500;line-height:1.2;margin-bottom:20px;transition:color .3s}
html[dir=rtl] .offering-grid h3{font-size:20px}
.offering-grid p{transition:color .3s}
.offering-grid article:hover{background:#000;box-shadow:0 3px 30px #fff0}
.offering-grid article:hover h3, .offering-grid article:hover p{color:#fff}
@media(max-width:767px){.service-introduction h1{font-size:37px;line-height:1.4}.service-offerings h2{font-size:32px;line-height:1.4}.offering-grid article{padding:32px;min-height:0}.offering-grid img{margin-bottom:32px}.offering-grid p{font-size:16px;line-height:24px}html[lang=en] .service-description{line-height:25.6px}}
@media(prefers-reduced-motion:reduce){.offering-grid article, .offering-grid h3, .offering-grid p{transition:none}}

.service-offerings{padding-inline:10px}
html[lang=en] .service-description{margin-top:15px}
@media(max-width:767px){.service-offerings{padding-inline:1px}}

.service-offerings h2{margin-bottom:0}


.service-introduction h1{text-align:center}
.service-banner>img{height:auto;aspect-ratio:auto;object-fit:fill;border-radius:24px}
@media(max-width:767px){.service-detail-page .service-introduction{width:calc(100% - 30px)}.service-introduction h1{margin-bottom:20px}html[dir=rtl] .service-introduction h1{margin-top:45px}.service-banner>img{height:200px;border-radius:10px}.service-offerings{padding-top:30px;padding-bottom:30px}}


@media(max-width:767px){html[lang=en] .service-introduction{padding-top:88px}}


.service-projects{padding-inline:10px}
.service-projects .project-grid{gap:30px}
.service-project-preview{overflow:hidden;border-radius:20px}
.service-project-card .service-project-preview img{border-radius:0;transform:scale(1.01);transition:transform .5s}
.service-project-card:hover .service-project-preview img, .service-project-card a:focus-visible .service-project-preview img{transform:scale(1.07)}
.service-project-card h3, html[dir=rtl] .service-project-card h3{font-size:24px;line-height:1.2;font-weight:500;margin:18px 0 0}
.service-project-card .project-arrow{position:static;display:block;margin-top:18px;font-size:15px;line-height:21px}
.service-project-more{display:inline-block;text-indent:-110px;white-space:nowrap;visibility:hidden;opacity:0;margin-inline-end:0;transition:visibility .4s,margin-inline-end .4s ease-out,text-indent .5s ease-out,opacity .4s}
.service-project-card:hover .service-project-more, .service-project-card a:focus-visible .service-project-more{visibility:visible;opacity:1;text-indent:0;margin-inline-end:9px;transition:visibility .4s,margin-inline-end .3s ease-out,text-indent .4s ease-out,opacity .4s}
.service-project-arrow-icon{display:inline-block;width:21px;height:21px;font-size:21px;line-height:21px;vertical-align:middle}
@media(max-width:767px){.service-projects{padding-inline:1px}.service-projects .project-grid{gap:20px}.service-project-card h3, html[dir=rtl] .service-project-card h3{font-size:18px;margin-top:16px}.service-project-card .project-arrow{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.service-project-card .service-project-preview img, .service-project-more, .service-project-card:hover .service-project-more, .service-project-card a:focus-visible .service-project-more{transition:none}}


.service-project-card .service-project-preview img[width][height]{height:auto;object-fit:fill}


.service-project-preview{position:relative}
.portfolio-preview{position:relative}
.service-project-preview [hidden]{display:none}
.service-project-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:85px;height:85px;border:0;border-radius:50%;background:#fff;color:#2b2b2b;transition:background-color .3s,color .3s;z-index:2}
.service-project-play:hover, .service-project-play:focus-visible{background:#f7c13d;color:#fff}
.service-project-video{position:absolute;inset:0;background:#000;z-index:3}
.service-project-video iframe{display:block;width:100%;height:100%;border:0}
.service-project-video-close{position:absolute;top:4px;inset-inline-end:4px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#2b2b2b;font-size:24px;line-height:1;z-index:4}
@media(prefers-reduced-motion:reduce){.service-project-play{transition:none}}


.service-projects{padding-top:70px}
.service-projects>h2{font-size:36px;line-height:43.2px;font-weight:700;margin-bottom:40px;color:#2b2b2b}
.service-projects>.eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;margin-bottom:15.4px;color:#f7c13d}
html[dir=rtl] .service-projects>.eyebrow{letter-spacing:normal}
@media(max-width:767px){.service-projects{padding-top:90px}.service-projects>h2{font-size:32px;line-height:44.8px}.service-projects>.eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}}


.service-links{padding-inline:4px;gap:8px;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-links article{padding:90px 40px 60px;min-height:0;border-radius:16px;background-position:40px 30px;background-size:auto;justify-content:flex-start;gap:33px}
.service-links h3{width:100%;font-size:31.5px;line-height:1.4;font-weight:700;color:#fff;margin:0}
.service-links .button{font-size:16px;line-height:16px;font-weight:800;padding:18px 55px;border:0;border-radius:3px;background:#f7c13d;color:#000;box-shadow:none;transition:background-color .3s,color .3s}
.service-links article:nth-child(2) .button{background:#000;color:#fff}
.service-links article .button:is(:hover,:focus){background:#fff;color:#000}
html[dir=rtl] .service-links article{background-position:90% 30px}
@media(min-width:768px) and (max-width:1199px){.service-detail-page .service-links{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));padding-block:50px}.service-links h3{font-size:29.75px;line-height:41.65px}.service-links article, html[dir=rtl] .service-links article{background-position:0 0}}
@media(max-width:767px){.service-links{padding-inline:0;gap:19px;grid-template-columns:1fr;padding-block:30px}.service-links article{padding:90px 40px 60px;background-position:40px 40px}.service-links h3{font-size:28px;line-height:39.2px}.service-action-break{display:none}html[dir=rtl] .service-links article{background-position:80% 40px}}
@media(prefers-reduced-motion:reduce){.service-links .button{transition:none}}


.service-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-bottom:70px}
.service-contact>div:first-child{padding:0 10px;min-width:0}
.service-contact h2{font-size:36px;line-height:43.2px;font-weight:700;color:#2b2b2b;margin:0 0 0 -2px}
.service-contact .eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;color:#f7c13d;margin:0 0 15.4px}
html[dir=rtl] .service-contact .eyebrow{letter-spacing:normal}
.service-contact>div>p:not(.eyebrow){font-size:19px;line-height:28.8px;color:#888;margin:22.8px 0 0}
.service-contact>div>a{display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 40px);margin:20px 20px 0;font-size:18px;line-height:28.8px;color:#888}
.service-contact>div>a:first-of-type{margin-top:50px}
.service-contact>div>a:is(:hover,:focus-visible){color:#000}
.service-contact-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:#f7c13d;color:#2b2b2b;border-radius:2px}
.service-contact-icon svg{display:block}
.service-contact .public-form{max-width:none;width:calc(100% - 20px);margin:0 10px;padding:40px 20px;background:#fff;border:0;border-radius:16px;min-width:0}
.service-detail-page .service-contact .public-form{position:relative}
.service-detail-page .service-contact .form-preview{position:absolute;left:20px;bottom:8px;max-width:calc(100% - 40px);margin:0;padding:4px 8px;font-size:12px;line-height:16px}
.service-contact .form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.service-contact .form-field{grid-column:1/-1;padding:8px 0;min-width:0}
.service-contact .field-email, .service-contact .field-phone{grid-column:auto;width:calc(100% - 12px);justify-self:left}
.service-contact .form-field input:not(.iti__search-input){height:50px;padding:0 14px;background:#fff;border:1px solid #00000040;border-radius:8px;font-size:16px;line-height:16px;color:#000000b3}
.service-contact .form-field textarea{display:block;height:140px;min-height:140px;padding:14px;background:#fff;border:1px solid #00000040;border-radius:8px;font-size:16px;line-height:20.8px;color:#000000b3}
.service-contact .field-phone .iti input[data-smart-phone]{padding-inline-end:6px}
.service-contact .public-form button[type=submit]{display:flex;width:max-content;height:52px;padding:0 57px;margin-top:10px;font-size:16px;line-height:16px;font-weight:700;background:#020103;color:#fff;border-radius:4px;transition:background-color .3s,color .3s}
.service-contact .public-form button[type=submit]:is(:hover,:focus-visible){background:#f7c13d;color:#020103}
@media(min-width:768px) and (max-width:1199px){.service-detail-page .service-contact{width:calc(100% - 40px);grid-template-columns:1fr;gap:50px}.service-contact h2{font-size:34px;line-height:40.8px}.service-contact .eyebrow{margin-bottom:12.6px}.service-contact>div>p:not(.eyebrow){font-size:18px;line-height:27.2px;margin-top:18px}.service-contact>div>a{font-size:17px;line-height:27.2px}.service-contact>div>a:first-of-type{margin-top:20px}html[dir=ltr] body.service-detail-page .service-contact h2{font-size:36px;line-height:43.2px}html[dir=ltr] body.service-detail-page .service-contact>div>a:first-of-type{margin-top:12px}}
@media(min-width:768px) and (max-width:1023px){.service-contact h2{margin:0}.service-contact .eyebrow{margin-bottom:8.4px}.service-contact>div>p:not(.eyebrow){margin-top:14.4px}}
@media(max-width:767px){.service-detail-page .service-contact{width:calc(100% - 30px);padding-inline:5px;grid-template-columns:1fr;gap:50px}.service-contact>div:first-child{padding:0}.service-contact h2{font-size:32px;line-height:38.4px;margin:0}.service-contact .eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.service-contact>div>p:not(.eyebrow){font-size:17px;line-height:23.8px;margin-top:11.05px}.service-contact>div>a{font-size:16px;line-height:25.6px}.service-contact>div>a:first-of-type{margin-top:20px}.service-contact .public-form{width:100%;margin:0}}
@media(max-width:600px){.service-contact .form-fields{grid-template-columns:1fr;column-gap:0}.service-contact .field-email, .service-contact .field-phone{grid-column:1/-1;width:100%}.service-contact .form-field{padding:8px 1px}}
@media(prefers-reduced-motion:reduce){.service-contact .public-form button[type=submit]{transition:none}}


@media(min-width:768px) and (max-width:1199px){
.service-detail-page .service-introduction, .service-detail-page .service-offerings, .service-detail-page .service-projects{width:calc(100% - 40px)}
.service-offerings{padding-top:70px;padding-bottom:50px}
.service-offerings h2{font-size:37px;line-height:39px}
.offering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.offering-grid article{padding:34px;min-height:0}
.offering-grid article:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 15px);justify-self:center}
.offering-grid img{width:59.5px;height:59.5px;margin-bottom:34px}
.offering-grid h3, html[dir=rtl] .offering-grid h3{font-size:21.25px;line-height:25.5px}
.offering-grid p{font-size:17px;line-height:25.5px;margin-top:5.1px}
html[lang=en] .service-description{line-height:27.2px}
.service-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.service-project-card h3, html[dir=rtl] .service-project-card h3{font-size:20px;line-height:24px;margin-top:17px}
.service-project-card .project-arrow{margin-top:8px;line-height:21.375px}
.service-projects>h2{font-size:34px;line-height:40.8px}
html[dir=ltr] body.service-detail-page .service-projects>h2{font-size:36px;line-height:43.2px}
.service-projects>.eyebrow{margin-bottom:12.6px}
}
@media(min-width:768px) and (max-width:1023px){.service-projects>.eyebrow{margin-bottom:8.4px}}


.service-projects .service-load-more{appearance:none;display:inline-flex;align-items:center;vertical-align:top;max-width:100%;height:auto;margin-top:45px;padding:17px 57px 18px;border:0;border-radius:30px;background:#f7c13d;color:#fff;font-size:16px;line-height:16px;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap;box-shadow:0 7px 25px #f7c13d33;transition:background-color .3s,color .3s}
.service-projects .service-load-more:hover, .service-projects .service-load-more:focus{background:#f9d377;color:#fff}
.service-projects .service-load-more[hidden]{display:none}
@media(max-width:1279px){.service-projects .service-load-more{margin-top:28.9px;padding:15px 55px}}
@media(max-width:767px){.service-projects .service-load-more{margin-top:27.2px;padding:13px 40px 14px}}
@media(prefers-reduced-motion:reduce){.service-projects .service-load-more{transition:none}}



















.service-project-card .project-arrow{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-weight:500;line-height:20px}
.service-project-arrow-icon{position:relative;display:inline-block;width:21px;height:21px;font-size:15px;line-height:21px;vertical-align:middle;overflow:hidden}
.service-project-arrow-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;overflow:visible}






.offering-grid article{min-height:0}
.offering-grid .offering-icon{display:block;width:64.8px;height:63px;margin-bottom:36px;overflow:visible}
.offering-grid .offering-icon img{width:100%;height:auto;aspect-ratio:1;margin:0;max-width:none}
@media(min-width:768px) and (max-width:1199px){.offering-grid .offering-icon{width:61.2px;height:59.5px;margin-bottom:34px}}
@media(max-width:767px){.offering-grid .offering-icon{width:57.6px;height:56px;margin-bottom:32px}}
@media(min-width:1200px){html[dir=rtl] .offering-grid h3{font-size:22.5px;line-height:27px}}
@media(max-width:767px){.offering-grid h3, html[dir=rtl] .offering-grid h3{font-size:20px;line-height:24px}}


html[dir=rtl] .service-description{font-size:16px;line-height:28.8px;margin-top:15px}
@media(min-width:768px) and (max-width:1199px){.service-introduction{padding-top:50px}.service-introduction h1{font-size:37px;line-height:47px;margin-bottom:20px}html[dir=rtl] .service-description{line-height:27.2px}}
@media(max-width:767px){html[dir=rtl] .service-description{line-height:25.6px}}


.service-projects .project-grid{padding-bottom:30px}
.service-projects{padding-bottom:50px}
.service-detail-page .service-links{padding-block:54px}
html[dir=rtl] .service-detail-page .service-links{padding-block:34px}
@media(max-width:767px){.service-projects .project-grid{padding-bottom:20px}.service-projects{padding-bottom:30px}.service-detail-page .service-links{padding-block:34px}}
@media(min-width:768px) and (max-width:1199px){html[dir=ltr] .service-detail-page .service-links{padding:50px 0;gap:0}html[dir=ltr] .service-detail-page .service-links article{margin:4px}html[dir=ltr] .service-detail-page .service-links h3{font-size:28px;line-height:39.2px}}
@media(min-width:768px) and (max-width:1199px){html[dir=ltr] .service-project-card{padding-bottom:2.2px}html[dir=ltr] .service-projects .service-load-more{padding-block:17px}}


.home-circle-region{position:relative;isolation:isolate;background:#f7c13d}
.home-circle-region.circle-ready{background:#f6f6f6}
.home-circle-region.circle-ready{box-shadow:0 -70px 0 #f6f6f6}
.home-circle-region>div, .home-circle-region>section{position:relative;z-index:1}
.home-circle-canvas{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.circle-ready .home-circle-canvas{display:block}
.home-circle-start{height:81.5px;display:flex;align-items:center;justify-content:center}
.home-circle-start span{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#f7c13d;font-size:30px;line-height:1;color:#020103}
.home-circle-gap{height:70px}.home-circle-end{height:140px}
.home-circle-region .home-future-section{background:transparent}
@media(min-width:768px){.home-circle-region{margin-top:56px}}
@media(max-width:767px){.home-circle-region{margin-top:63px}.home-circle-region::before{content:"";display:block;height:70px}}
@media(prefers-reduced-motion:reduce){.circle-ready .home-circle-canvas{display:none}.home-circle-region.circle-ready{background:#f7c13d}}
@media(min-width:1280px){.homepage .partners-section{padding-bottom:50px}.home-trust-section{padding-bottom:60px}.home-projects-section{padding-bottom:40px}.home-projects-grid{row-gap:74px;padding-bottom:76px}.home-circle-region{margin-top:70px}}
@media(min-width:1280px) and (max-width:1359px){html[dir=rtl] .homepage .home-trust-section{padding-bottom:60px}}
@media(min-width:768px) and (max-width:1279px){.home-partners-background{margin-top:10px}.home-circle-region{margin-top:70px}}
#video-dialog{position:fixed;inset:auto auto auto auto;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(855px,calc(100vw - 40px));max-width:calc(100% - 38px);margin:0;padding:0;overflow:visible;background:transparent}
#video-dialog iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111}
#video-dialog::backdrop{background:rgba(0,0,0,.56)}
#video-dialog .video-close{top:-50px;right:-50px;width:44px;height:44px;padding:0;line-height:44px}
@media(max-width:767px){#video-dialog{top:40%;width:min(300px,calc(100vw - 40px))}#video-dialog .video-close{top:-35px;right:-35px;width:34px;height:34px;line-height:34px}}


.home-partners-background{background:#f9f9f9}.homepage .partners-section::before{content:none}

@media(max-width:767px){.home-circle-gap{height:30px}.home-circle-end{height:70px}}


.carousel-drag-pointer{position:fixed;top:0;left:0;width:66px;height:66px;border-radius:50%;background:#000;pointer-events:none;z-index:10000;display:grid;place-items:center;opacity:0;transition:opacity .3s,width .3s,height .3s;transform:translate(-100px,-100px)}
.carousel-drag-pointer.is-visible{opacity:1}.carousel-drag-pointer.is-pressed{width:56px;height:56px}.carousel-drag-pointer img{width:30px;height:10px}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){.service-carousel-viewport.has-drag-pointer, .service-carousel-viewport.has-drag-pointer *{cursor:none}}


@keyframes carousel-initialization-fade {
  0% { opacity: 0.00000000; }
  5% { opacity: 0.00615583; }
  10% { opacity: 0.02447174; }
  15% { opacity: 0.05449674; }
  20% { opacity: 0.09549150; }
  25% { opacity: 0.14644661; }
  30% { opacity: 0.20610737; }
  35% { opacity: 0.27300475; }
  40% { opacity: 0.34549150; }
  45% { opacity: 0.42178277; }
  50% { opacity: 0.50000000; }
  55% { opacity: 0.57821723; }
  60% { opacity: 0.65450850; }
  65% { opacity: 0.72699525; }
  70% { opacity: 0.79389263; }
  75% { opacity: 0.85355339; }
  80% { opacity: 0.90450850; }
  85% { opacity: 0.94550326; }
  90% { opacity: 0.97552826; }
  95% { opacity: 0.99384417; }
  100% { opacity: 1.00000000; }
}
@media (prefers-reduced-motion: no-preference) {
  .service-carousel-ready .service-carousel-viewport, .certification-carousel-ready .certification-track{
    animation: carousel-initialization-fade 200ms linear;
  }
}







@keyframes footer-underline-draw{from{background-size:0 1px}to{background-size:100% 1px}}
@keyframes footer-underline-retract{from{background-size:100% 1px}to{background-size:0 1px}}



.about-services .eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;margin:0 0 1.4em}
.about-services h2{line-height:1.2;margin:0}
@media(max-width:1439px){.about-services .eyebrow{margin-bottom:1.1em}}
@media(max-width:1279px){.about-services .eyebrow{margin-bottom:.9em}}
@media(min-width:768px) and (max-width:1279px){.about-services .service-carousel-track>.service-card{font-size:17px;line-height:1.6}}
@media(max-width:1023px){.about-services .eyebrow{margin-bottom:.6em}.about-services h2{font-size:30px}}
@media(max-width:767px){.about-services .eyebrow{font-size:13px;line-height:16px}.about-services h2{font-size:24px}}
@media(max-width:479px){.about-services h2{font-size:22px}}

.about-services{padding-top:70px}
.about-services>.wrap>.eyebrow{font-size:14px;line-height:18px;font-weight:500;letter-spacing:1.8px;margin:0 0 19.6px}
.about-services>.wrap>h2{font-size:36px;line-height:43.2px;font-weight:700;margin:0}
.about-services .service-carousel{margin-top:40px;text-align:start}
@media(min-width:1024px) and (max-width:1279px){.about-services>.wrap>.eyebrow{margin-bottom:12.6px}}
@media(min-width:768px) and (max-width:1023px){.about-services>.wrap>.eyebrow{margin-bottom:8.4px}.about-services>.wrap>h2{font-size:30px;line-height:36px}}
@media(max-width:767px){.about-services{padding-top:70px}.about-services>.wrap>.eyebrow{font-size:13px;line-height:16px;margin-bottom:7.8px}.about-services>.wrap>h2{font-size:22px;line-height:26.4px;min-height:38.4px}.about-services .service-carousel{margin-top:30px}}
@media(min-width:768px){html[dir=rtl] .about-timeline ol::before{left:calc(50% - 2px);right:auto!important}}


.portfolio-actions{grid-template-columns:1fr 1fr}.portfolio-actions>a{padding:10%;min-height:0}.portfolio-actions img{margin-bottom:15px}.portfolio-actions .eyebrow{font-size:18px;font-weight:600;line-height:35px;margin:0}.portfolio-actions h2{font-size:34px;font-weight:700;line-height:35px;margin:0}.portfolio-actions>a>.portfolio-action-arrow{top:0;bottom:auto;inset-inline-end:20px;width:140px;height:140px;font-size:0;margin:0}.portfolio-action-arrow svg{display:block;width:140px;height:140px;transform:rotate(45deg);transition:transform .3s}.portfolio-actions>a:hover .portfolio-action-arrow svg, .portfolio-actions>a:focus-visible .portfolio-action-arrow svg{transform:rotate(0deg)}html[dir=rtl] .portfolio-action-arrow{transform:scaleX(-1)}
@media(max-width:1024px){.portfolio-actions>a{padding:16% 8%}}
@media(max-width:767px){.portfolio-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.portfolio-action-arrow svg{transition:none}}

.portfolio-actions{overflow:hidden}


.portfolio-showcase{padding-top:70px;padding-bottom:100px}
.portfolio-showcase>h2{line-height:1.2}
.portfolio-showcase .portfolio-filters{gap:20px;margin-bottom:36px}
.portfolio-showcase .portfolio-filters button{font-size:14px;font-weight:700;line-height:26.8px;padding:0}
.portfolio-showcase .portfolio-grid{row-gap:30px}
@media(min-width:1024px){.portfolio-showcase{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;padding-bottom:100px}}
.portfolio-showcase .portfolio-card h3, html[dir=rtl] .portfolio-showcase .portfolio-card h3{margin:18px 0 0}
.portfolio-showcase .portfolio-card a>span{position:static;display:block;width:21px;height:21.375px;font-size:21px;line-height:21px;margin-top:18px}
@media(max-width:1023px){.portfolio-showcase{width:calc(100% - 40px)}.portfolio-showcase .portfolio-filters{margin-bottom:34px}.portfolio-showcase .portfolio-filters button{line-height:24.86px}.portfolio-showcase .portfolio-card h3, html[dir=rtl] .portfolio-showcase .portfolio-card h3{margin-top:17px}.portfolio-showcase .portfolio-card a>span{margin-top:8px}}
@media(max-width:767px){.portfolio-showcase{width:calc(100% - 50px);padding-bottom:90px}.portfolio-showcase>h2{font-size:32px;line-height:44.8px}.portfolio-showcase .portfolio-filters{margin-bottom:32px}.portfolio-showcase .portfolio-filters button{line-height:23.28px}.portfolio-showcase .portfolio-grid{row-gap:20px}.portfolio-showcase .portfolio-card h3, html[dir=rtl] .portfolio-showcase .portfolio-card h3{margin-top:16px}}
@media(max-width:479px){.portfolio-showcase{width:calc(100% - 30px)}.portfolio-showcase .portfolio-filters button{line-height:22.48px}}


html[dir=rtl] body.portfolio-page .portfolio-showcase .portfolio-filters button{line-height:26.8px}


.portfolio-showcase-surface{background:#f9f9f9;color:#2b2b2b}
.portfolio-showcase .portfolio-card a>.portfolio-read-more{width:max-content;max-width:100%;font-size:15px;font-weight:500;line-height:20px;overflow:hidden}
.portfolio-read-more-text{display:inline-block;vertical-align:middle;margin-top:-2px;margin-inline-end:0;text-indent:-110px;visibility:hidden;white-space:nowrap;opacity:0;transition:visibility .4s ease,margin-inline-end .4s ease-out,text-indent .5s ease-out,color .4s ease,opacity .4s ease}
.portfolio-read-more-icon{display:inline-block;vertical-align:middle;overflow:hidden;width:21px;height:21px;line-height:21px;text-align:center}
.portfolio-read-more-icon svg{display:inline-block;width:15.983px;height:11px;vertical-align:middle}
.portfolio-card:hover .portfolio-read-more-text, .portfolio-card a:focus-visible .portfolio-read-more-text{opacity:1;text-indent:0;margin-inline-end:9px;visibility:visible;transition:visibility .4s ease,margin-inline-end .3s ease-out,text-indent .4s ease-out,opacity .4s ease}
@media(prefers-reduced-motion:reduce){.portfolio-read-more-text{transition:none!important}}


.inner-page:has(.portfolio-showcase-surface) .page-hero{display:block;min-height:0;padding:175px 0 100px}
.inner-page:has(.portfolio-showcase-surface) .page-hero h1{margin:0;font-size:40px;line-height:1.4}
@media(max-width:1199px){.inner-page:has(.portfolio-showcase-surface) .page-hero{padding:156.5px 0 90px}}
@media(max-width:767px){.inner-page:has(.portfolio-showcase-surface) .page-hero{padding:130px 0 80px}.inner-page:has(.portfolio-showcase-surface) .page-hero h1{font-size:37px}}


.contact-page-hero, .services-overview-hero{display:block;min-height:0;padding:175px 0 100px}
.contact-page-hero h1, .services-overview-hero h1{margin:0;font-size:40px;line-height:1.4}
@media(max-width:1199px){.contact-page-hero, .services-overview-hero{padding:156.5px 0 90px}}
@media(max-width:767px){.contact-page-hero, .services-overview-hero{padding:130px 0 80px}.contact-page-hero h1, .services-overview-hero h1{font-size:37px}}


.services-overview{overflow-x:clip}
.services-overview .wrap{width:min(1120px,calc(100% - 40px));max-width:1120px}
.services-overview-intro{display:block;position:relative;margin-top:70px;margin-bottom:70px;padding:60px 50px;background:#000;color:#fff;border-radius:16px;overflow:visible}
.services-overview-intro-copy{width:50%;position:relative;z-index:1}
.services-overview-intro h2{font-size:28px;line-height:30px;font-weight:400;margin:0 0 40px}
.services-overview-intro h2 strong{font-weight:700}
html[dir=rtl] .services-overview-intro h2{font-size:30px;line-height:45px}
.services-overview-intro .profile-links{display:flex;gap:16px;justify-content:flex-start}
.services-overview-intro .button{width:100px;height:51px;padding:17px 0;border:1px solid #fff;border-radius:5px;font-size:15px;line-height:15px;font-weight:700;text-transform:none}
.services-overview-intro>img{position:absolute;width:616px;max-width:none;max-height:none;right:0;bottom:0;pointer-events:none}
html[dir=rtl] .services-overview-intro>img{right:auto;left:-121px;bottom:-75px}
.services-overview-cards{padding-bottom:70px}
.services-overview-cards .service-grid{display:grid;width:calc(100% + 4px);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;padding-bottom:0}
.services-overview-cards .service-card{display:block;position:relative;height:auto;min-height:0;padding:0;border:0;border-radius:0;margin-inline-end:20px;font-size:18px;line-height:1.6;overflow:hidden}
html[dir=rtl] .services-overview-cards .service-card{margin-inline-start:20px;margin-inline-end:4px}
.services-overview-cards .service-card::before{content:" ";display:inline-block;width:0;height:0;padding-top:115%;background:none;position:static}
.services-overview-cards .service-card::after{background:linear-gradient(rgba(255,255,255,0) 0%,#000 100%);opacity:.6;transition:opacity .3s}
.services-overview-cards .service-carousel-card-content{padding:3em 2.2em}
.services-overview-cards .service-number{opacity:0;transform:translateY(-15px);transition:transform .3s ease-out,opacity .3s}
.services-overview-cards .service-carousel-card-bottom{transform:translateY(45px)}
.services-overview-cards .service-carousel-card-bottom h2{font-size:28px;line-height:1.3;font-weight:500;max-width:none;margin:11.2px 0 0}
.services-overview-cards .service-carousel-card-bottom .arrow{position:static;display:flex;align-items:center;justify-content:center;width:21px;height:21.59375px;margin-top:1.2em;opacity:0;transition:opacity .3s}
.services-overview-cards .service-card:is(:hover,:focus-visible) .service-carousel-card-bottom, .services-overview-cards .service-card:is(:hover,:focus-visible) .service-number{transform:none}
.services-overview-cards .service-card:is(:hover,:focus-visible) .arrow, .services-overview-cards .service-card:is(:hover,:focus-visible) .service-number{opacity:1}
.services-overview-cards .service-card:is(:hover,:focus-visible)::after{opacity:0}
.services-overview-cards .service-card:is(:hover,:focus-visible)>.service-carousel-card-content::before{opacity:.7}
@media(max-width:1279px){.services-overview-intro{padding:50px 20px}.services-overview-cards .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-overview-cards .service-card{font-size:17px;line-height:1.58}.services-overview-cards .service-carousel-card-content{padding:2.2em 2em}.services-overview-cards .service-number{font-size:1.5em}html[dir=rtl] .services-overview-intro>img{left:-203px;bottom:-65px}}
@media(max-width:767px){.services-overview .wrap{width:calc(100% - 50px)}.services-overview-intro{padding:50px 20px 200px}.services-overview-intro-copy{width:100%}.services-overview-intro h2, html[dir=rtl] .services-overview-intro h2{font-size:28px;line-height:1.4}.services-overview-intro>img, html[dir=rtl] .services-overview-intro>img{width:100%;left:0;right:0;bottom:0}html[dir=rtl] .services-overview-intro{padding-bottom:230px}html[dir=rtl] .services-overview-intro>img{bottom:-10px}.services-overview-cards .service-card{font-size:16px;line-height:1.58;margin-inline-end:0}html[dir=rtl] .services-overview-cards .service-card{margin-inline-start:0;margin-inline-end:4px}.services-overview-cards .service-card::before{padding-top:95%}.services-overview-cards .service-carousel-card-bottom .arrow{margin-top:16px}}
@media(max-width:600px){.services-overview-cards .service-grid{grid-template-columns:1fr}html[dir=rtl] .services-overview-cards .service-card{margin-inline-end:0}}
@media(max-width:479px){.services-overview .wrap{width:calc(100% - 40px)}.services-overview-cards .service-card{line-height:1.53}.services-overview-cards .service-carousel-card-content{padding:1.8em}}

@media(prefers-reduced-motion:reduce){.services-overview-cards .service-number, .services-overview-cards .service-card::after, .services-overview-cards .service-carousel-card-bottom, .services-overview-cards .arrow{transition:none}}

.services-overview-cards .service-number{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
.services-overview-cards .service-carousel-card-bottom .arrow{font-size:15px;line-height:21px;margin-top:21.6px}
@media(max-width:1279px){.services-overview-cards .service-carousel-card-bottom .arrow{margin-top:20.4px}}
@media(max-width:767px){.services-overview-intro h2{margin-bottom:20px}.services-overview-cards .service-carousel-card-bottom .arrow{margin-top:16px}}


.services-overview-cards .service-card::after{background:#2b2b2b;opacity:0}
.services-overview-cards .service-carousel-card-content::before{background:linear-gradient(rgba(255,255,255,0) 0%,#000 100%);opacity:.6}
.services-overview-cards .service-card:is(:hover,:focus-visible)::after{opacity:.7}
.services-overview-cards .service-card:is(:hover,:focus-visible)>.service-carousel-card-content::before{opacity:0}


.services-overview-actions{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;margin:0;overflow:hidden}
.services-overview-actions article{display:flex;position:relative;align-items:stretch;gap:0;border:0;border-radius:0;padding:0;color:#fff;background:#5d37e7}
.services-overview-actions article:nth-child(2){background:#69d680}
.services-action-content{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:10%}
.services-overview-actions img{display:block;width:70px;height:70px;max-height:none;object-fit:contain;margin:0 0 15px}
.services-overview-actions .eyebrow{display:block;font-size:18px;line-height:35px;font-weight:600;letter-spacing:0;margin:0;color:#fff}
.services-overview-actions h3{font-size:34px;line-height:35px;font-weight:700;width:100%;margin:0;color:#fff}
.services-overview-actions .services-action-arrow{position:absolute;top:0;inset-inline-end:20px;display:block;width:140px;height:140px;margin:0;font-size:0;color:#fff}
.services-action-arrow svg{display:block;width:140px;height:140px;transform:rotate(45deg);transition:transform .3s}
.services-overview-actions article:is(:hover,:focus-within) .services-action-arrow svg{transform:rotate(0deg)}
html[dir=rtl] .services-action-arrow{transform:scaleX(-1)}
@media(max-width:1024px){.services-action-content{padding:16% 8%}}
@media(max-width:767px){.services-overview-actions{grid-template-columns:1fr}.services-overview-actions h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.services-action-arrow svg{transition:none}}


.services-overview-intro{background:#000 url("/assets/services-overview-bg.png.webp") center bottom/cover no-repeat;box-shadow:0 20px 40px rgba(0,0,0,.1)}
.services-overview-cards .service-card{border-radius:20px}

.services-overview-intro .button{width:144px;gap:4px;text-transform:uppercase}
.services-overview-intro .profile-flag{display:block;width:15px;height:15px;object-fit:contain}
@media(min-width:1440px){.services-overview .wrap{width:min(1180px,calc(100% - 40px));max-width:1180px}}
@media(max-width:767px){.services-overview-intro{background-image:url("/wp-content/uploads/2025/03/Banner.jpg.webp")}.services-overview-intro .button{width:100px}}


@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:100;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-100.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-100.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:200;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-200.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-200.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-300.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-300.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-400.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-500.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-500.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-600.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-600.ttf") format("truetype")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2"),url("/assets/fonts/ibm-plex-sans-arabic-700.ttf") format("truetype")}


.services-overview-intro .button{flex-direction:row-reverse;background:#fff;color:#000;border-color:#00000030;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;transition:background-color .3s,border-color .3s,color .3s}
.services-overview-intro .button:lang(ar){font-family:"IBM Plex Sans Arabic",Arial,sans-serif}
html[dir=rtl] .services-overview-intro .button{font-family:"IBM Plex Sans Arabic",Arial,sans-serif}
.services-overview-intro .button{flex-direction:row}
.services-overview-intro .button:is(:hover,:focus-visible){background:#f7c13d;border-color:#f7c13d;color:#020103}




















@media(prefers-reduced-motion:reduce){.services-overview-intro .button{transition:none}}


.services-overview-intro{overflow:visible}
.services-overview-intro>img{position:absolute;right:0;bottom:0;width:616px;max-width:none;max-height:none;pointer-events:none}

.services-overview-intro>img{object-fit:fill}


@media(min-width:768px){.services-overview .wrap{width:min(1180px,calc(100% - 40px));max-width:1180px}}
@media(min-width:768px){.services-overview-intro.wrap{width:min(1120px,calc(100% - 40px));max-width:1120px}}
@media(min-width:1280px){.services-overview-intro{padding:60px 50px}}
html[dir=rtl] .services-overview-intro>img{right:auto;left:-121px;bottom:-75px}
@media(max-width:1199px){html[dir=rtl] .services-overview-intro>img{left:-203px;bottom:-65px}}
@media(max-width:767px){.services-overview-intro>img{right:0;bottom:0;width:100%;left:auto}html[dir=rtl] .services-overview-intro>img{right:auto;left:0;bottom:-10px}}


.project-share a, .project-share button{display:inline-grid;place-items:center;min-width:24px;min-height:24px}
.project-share a:is(:hover,:focus-visible), .project-share button:is(:hover,:focus-visible){color:#f9d377;transition:color .3s}

.job-description time{display:block;margin-bottom:28px;color:#777;font-size:14px}.job-description h2{margin:34px 0 14px;font-size:clamp(23px,2.3vw,30px);font-weight:600}.job-description ul{padding-inline-start:24px}.job-description li{margin-bottom:12px}.job-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:40px}.job-actions .text-link{font-size:14px}.job-application-dialog[open]{position:static;display:block;width:100%;max-width:760px;margin:48px auto 0;padding:0;border:0;background:transparent;color:inherit}.job-application-panel{position:relative;padding:clamp(24px,5vw,48px);background:#f7f7f7;border-radius:8px}.job-application-panel h2{padding-inline-end:42px;font-size:clamp(26px,3vw,36px)}.job-application-close{position:absolute;inset-block-start:14px;inset-inline-end:16px;width:40px;height:40px;border:0;border-radius:50%;background:#17191d;color:white;font-size:26px;line-height:1}.job-application-dialog:modal{position:fixed;inset:0;display:block;width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);margin:auto;padding:0;overflow:auto;border:0;border-radius:8px;background:#fff;color:#17191d;box-shadow:0 16px 64px #0005}.job-application-dialog:modal .job-application-panel{padding:clamp(24px,5vw,48px);background:#fff}.job-application-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
@media(max-width:767px){.job-actions{align-items:stretch;gap:18px}.job-actions .button{width:100%}.job-actions .text-link{align-self:center}.job-application-dialog:modal{max-height:calc(100% - 20px);width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){.job-application-dialog::backdrop{backdrop-filter:none}}

.job-actions .button{width:180px;height:51px;padding:17px 0 18px;border:0;border-radius:5px;background:#f7c13d;color:#020103;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:16px;font-weight:700;transition:background-color .3s,color .3s}.job-actions .button:is(:hover,:focus-visible){background:#f9d377;color:#020103}
@media(max-width:767px){html[dir=ltr] .job-description time{margin-bottom:40px;font-size:16px;line-height:1.53}html[dir=ltr] .job-description h2{margin:20px 0 12px}html[dir=ltr] .job-actions{flex-direction:column;align-items:flex-start;gap:43px;margin-top:36px}html[dir=ltr] .job-actions .button{flex:none}html[dir=ltr] .job-actions .text-link{align-self:flex-start;font-size:16px;font-weight:400;line-height:16px;text-transform:none}}


@media(max-width:767px){
 .job-application-dialog:modal{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .job-application-dialog:modal .job-application-panel{box-sizing:border-box;height:100%;min-height:100%;overflow-y:auto;padding:38px 42px 24px;border-radius:0}
 .job-application-dialog:modal .job-application-panel h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .job-application-dialog:modal .form-preview{position:absolute;top:8px;inset-inline-start:42px;inset-inline-end:58px;margin:0;padding:0;background:transparent;color:#555;font-size:12px;line-height:16px}
 .job-application-dialog:modal .public-form{max-width:none;margin:0}
 .job-application-dialog:modal .form-fields{grid-template-columns:minmax(0,1fr);gap:16px}
 .job-application-dialog:modal .form-field{min-width:0}
 .job-application-dialog:modal .form-field label{margin:0 0 20px;font-size:16px;font-weight:700;line-height:19px}
 .job-application-dialog:modal .form-field input:not([type=radio]), .job-application-dialog:modal .form-field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:50px;padding:0 14px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff;font-size:16px;line-height:normal}
 .job-application-dialog:modal .form-field.field-file-upload{position:relative}
 .job-application-dialog:modal .form-field.field-file-upload input[type=file]{width:auto;height:34px;padding:1px;border:0;border-radius:0;background:transparent}
 .job-application-dialog:modal .form-field.field-file-upload small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
 .job-application-dialog:modal .public-form button[type=submit]{display:block;width:174px;height:52px;margin:18px 0 0;padding:0 20px;border-radius:4px;background:#020103;color:#fff;font-size:16px;font-weight:700}
}

.job-detail-page .page-hero h1{text-transform:none}.job-page .wrap{width:min(1175px,calc(100% - 80px));max-width:1175px}.job-description.prose{max-width:1160px;margin:0;font-size:16px;line-height:1.8}.job-description h2{margin:0;font-size:24px;font-weight:700;line-height:1.4}.job-description p{margin:13.6px 0;font-size:16px;line-height:1.8}.job-description ul{margin:13.6px 0;padding-inline-start:24px;line-height:1.8}.job-description li{margin:0;font-size:16px;line-height:1.8}
@media(max-width:767px){.job-page .wrap{width:calc(100% - 40px)}.job-description.prose{font-size:16px;line-height:1.53}.job-description p, .job-description ul, .job-description li{line-height:1.53}.job-description h2{font-size:18px;line-height:1.22}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.job-featured{width:1160px;max-width:100%;margin:0 0 50px;border-radius:20px;overflow:hidden}.job-featured img{display:block;width:100%;height:auto}.job-description.prose{width:1160px;max-width:100%;margin:0}.job-page-title{margin:0 0 32px;font-size:clamp(28px,3.2vw,44px);font-weight:700;text-transform:none}


html[dir=ltr] .job-detail-page main{padding-top:105px}
.job-arabic-hero{height:331px;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 80px;background:#171717 url("/wp-content/uploads/2025/03/Banner.jpg.webp") center/cover no-repeat;color:#fff;text-align:center}
.job-arabic-hero h1{margin:0;font-size:40px;font-weight:700;line-height:1.4;text-transform:none}
html[dir=rtl] .job-page .page-content{padding-top:77px}
@media(max-width:767px){html[dir=ltr] .job-detail-page main{padding-top:80px}html[dir=ltr] .job-page .page-content{padding-top:50px}.job-arabic-hero{height:258px;padding-bottom:80px}.job-arabic-hero h1{font-size:37px;line-height:1.4}}


@media(max-width:767px){
    html[dir=rtl] .job-page .page-content{padding-top:70px}
    html[dir=rtl] .job-description time{font-size:16px;line-height:1.53;margin-bottom:40px}
    html[dir=rtl] .job-description h2{margin:20px 0 12px}
    html[dir=rtl] .job-actions{flex-direction:column;align-items:center;gap:43px;margin-top:36px;margin-bottom:16px}
    html[dir=rtl] .job-actions .button{width:180px;flex:none}
    html[dir=rtl] .job-actions .text-link{align-self:flex-end;width:126px;box-sizing:border-box;padding:0;text-align:center;font-size:16px;font-weight:400;line-height:16px;text-transform:none}
}


.portfolio-showcase .portfolio-filters button[aria-pressed="true"]{border-bottom-color:transparent;color:#2b2b2b}


.contact-detail-icon{display:block;width:40px;height:40px;margin:0 0 16px;color:#f7c13d}
.contact-detail-icon svg{display:block;width:40px;height:40px}
.contact-details h2{margin:0 0 16px;color:#2b2b2b;font-size:30px;font-weight:400;line-height:1.3}
.contact-details h2 strong{font-weight:700}
.contact-details ul{margin:0}
.contact-details li{display:flex;align-items:flex-start;gap:5px;margin:0;color:#2b2b2b;font-size:16px;line-height:24.48px}
.contact-details li>a{display:flex;flex:1;align-items:flex-start;gap:5px;color:inherit}
html[dir=rtl] .contact-details li>a[href^="tel:"]{direction:ltr;flex-direction:row-reverse;unicode-bidi:isolate}
.contact-inline-icon{display:inline-flex;flex:0 0 17.5px;width:17.5px;height:17.5px;margin-top:3px;color:#f7c13d;vertical-align:middle}
.contact-inline-icon svg{display:block;width:100%;height:100%}
@media(max-width:767px){.contact-details{row-gap:0;margin-top:20px;margin-bottom:130px}.contact-details section{width:calc(100% - 16px);margin:12px auto;padding:30px 20px}.contact-details h2{font-size:22px;line-height:39px}.contact-detail-icon{margin-bottom:16px}}
@media(max-width:767px){.contact-grid{gap:18px}.contact-enquiry-title{line-height:1.4}.contact-form-panel{order:1;padding:20px 22px}.contact-grid>.contact-map{order:2;width:calc(100% - 2px);margin-inline:auto}.contact-grid>.contact-map iframe{height:487.2px}}
.contact-enquiry-title{width:calc(100% - 2px);margin-inline:auto;font-size:22px;font-weight:700;line-height:26.4px}
.contact-enquiry-title .sc_item_title_text{font-size:32px;line-height:44.8px}
.contact-enquiry-title .sc_item_title_text{font-weight:400}
.contact-enquiry-title .sc_item_title_text b{font-weight:700}
html[dir=rtl] .contact-enquiry-title{line-height:22px}
html[dir=rtl] .contact-enquiry-title b{font-size:35px;line-height:35px}
html[dir=rtl] .contact-enquiry-title span{font-size:32px;font-weight:400;line-height:32px}
.contact-form-panel .public-form{position:relative}
.contact-form-panel .form-preview{position:absolute;inset-block-start:-20px;inset-inline:0;margin:0;padding:0;background:transparent;color:#666;font-size:11px;line-height:16px;text-align:center}

@media(max-width:800px){body.article-page .article-detail{width:calc(100% - 40px)!important;padding:70px 0 40px}body.article-page .article-heading{margin-bottom:19px}body.article-page .article-heading h1{font-size:26px;line-height:28.6px;margin:5px 0 7px;font-weight:700}body.article-page .article-cover{margin-bottom:26px}body.article-page .article-body.prose{font-size:16px;line-height:24.48px}body.article-page .article-body.prose p{line-height:24.48px}}
@media(max-width:800px) and (orientation:portrait){html[dir=rtl] body.article-page .article-detail{padding-top:69.53125px}html[dir=rtl] body.article-page .article-heading{margin-bottom:23.5px}}


@media(max-width:800px){
    html[dir=rtl] body.article-page .article-heading h1{font-family:"IBM Plex Sans Arabic",sans-serif;color:#2b2b2b}
    html[dir=rtl] body.article-page .article-heading time{display:inline-block;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:300;line-height:22.75px;color:#6a6a6a}
    html[dir=rtl] body.article-page .article-heading .post-categories{display:block;width:max-content;max-width:100%;min-height:0;margin:0 auto;padding:0;background:transparent;color:#fff}
    html[dir=rtl] body.article-page .article-heading .post-categories>span{display:none}
    html[dir=rtl] body.article-page .article-heading .post-categories>a{display:inline-block;margin:3px 3px 3px 0;padding:4px 17px 5px;border-radius:15px;background:#2b2b2b;color:#fff;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:11px;font-weight:500;line-height:14px;text-decoration:none}
    html[dir=rtl] body.article-page .article-cover{margin-bottom:25.3px}
    html[dir=rtl] body.article-page .article-body.prose{display:flow-root;color:#2b2b2b;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:16px;line-height:25.6px}
    html[dir=rtl] body.article-page .article-body.prose p{color:#2b2b2b;font-size:16px;line-height:25.6px}
    html[dir=rtl] body.article-page .article-body.prose p{margin:13.6px 0}
    html[dir=rtl] body.article-page .article-body.prose h2{color:#2b2b2b;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:24px;line-height:26px;font-weight:700;margin:25px 0 14px}
    html[dir=rtl] body.article-page .article-body.prose h3{color:#2b2b2b;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:20px;line-height:24px;font-weight:700;margin:22px 0 13px}
    html[dir=rtl] body.article-page .article-body.prose>h2:first-child{font-size:28px;line-height:31px}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
    html[dir=rtl] body.article-page .article-body.prose ul{margin:13.6px 0;padding-inline-start:24px}
    html[dir=rtl] body.article-page .article-body.prose ol{margin:13.6px 0;padding-inline-start:16px}
    html[dir=rtl] body.article-page .article-sharing{height:60px;margin:40px 0 0;align-items:center}
    html[dir=rtl] body.article-page .article-navigation{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;box-sizing:border-box;margin-top:22px;padding:40px 0 0}
    html[dir=rtl] body.article-page .article-navigation>a{display:block;min-height:0;padding:0}
    html[dir=rtl] body.article-page .article-navigation>a.previous{align-self:flex-start;width:50%;margin-right:16px;margin-left:0;text-align:right}
    html[dir=rtl] body.article-page .article-navigation>a.next{align-self:flex-end;width:50%;margin-left:16px;margin-right:0;text-align:left}
    html[dir=rtl] body.article-page .article-navigation .article-nav-label{display:block;color:#777;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:400;line-height:18px;text-transform:uppercase}
    html[dir=rtl] body.article-page .article-navigation .post-title{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:17px;font-weight:500;line-height:23.8px;margin:5px 0 0}
    html[dir=rtl] body.article-page .article-navigation .post_date{display:none}
    html[dir=rtl] body.article-page .related-posts{margin-top:40px;margin-bottom:0;padding-bottom:21px}
    html[dir=rtl] body.article-page .related-posts>h2{font-size:24px;line-height:24px;margin:0 0 20px}
    html[dir=rtl] body.article-page .related-posts>h2, html[dir=rtl] body.article-page .related-posts .blog-card h2, html[dir=rtl] body.article-page .related-posts .blog-card h2 a{color:#2b2b2b}
    html[dir=rtl] body.article-page .related-posts .blog-grid{gap:19px}
    html[dir=rtl] body.article-page .related-posts .blog-card-image{margin-bottom:16px}
    html[dir=rtl] body.article-page .related-posts .blog-card-image img{object-fit:fill;transform:scale(1.01);transition:transform .5s}
    html[dir=rtl] body.article-page .related-posts .blog-card:hover .blog-card-image img{transform:scale(1.07)}
    html[dir=rtl] body.article-page .related-posts .blog-card-copy{padding:0 0 3px}
    html[dir=rtl] body.article-page .related-posts .blog-card .post-categories{font-size:13px;line-height:20px;margin:0 0 6px}
    html[dir=rtl] body.article-page .related-posts .blog-card h2{font-size:19px;line-height:22.8px;font-weight:500;margin:0 0 5px}
    html[dir=rtl] body.article-page .related-posts .blog-card time{display:none}
}


@media(min-width:801px){
    .project-detail-page .project-detail{width:min(1160px,calc(100% - 40px));padding-bottom:83px}
    .project-detail-page .project-detail>h1{max-width:80%}
    .project-presentation.prose{font-size:18px;line-height:28.8px;padding-bottom:21px}
    .project-presentation.prose iframe{margin:0 0 31px}
    .project-presentation.prose p{font-size:18px;line-height:28.8px}
    .project-details{padding-top:16px;line-height:1.6}
    .project-details>p{margin-bottom:34px}
    .project-details .project-service-meta{display:flex;align-items:center;height:29px;margin:0}
    .project-details .project-service-meta h2{flex:0 0 112px;font-size:16px;line-height:28.8px;font-weight:700;text-transform:none;margin:0;padding:0 16px 0 0}
    .project-details .project-service-link{flex:1;display:block;font-size:16px;line-height:28.8px;color:#2b2b2b}
    .project-details .project-share-label{display:none}
    .project-details .project-share{gap:26px;margin-top:34px}
    .project-navigation{height:31px;min-height:31px;box-sizing:border-box;align-items:center;margin-top:86px;padding-top:0}
    .project-navigation a{line-height:30px}
}


.services-overview-intro h2{font-size:30px;line-height:45px;font-weight:400;margin:0 0 40px}
html[dir=ltr] body.services-overview-page .services-overview-intro h2{font-size:28px;line-height:30px}
@media(min-width:768px){html[dir=rtl] body.services-overview-page .services-overview-intro{overflow:hidden}}
@media(max-width:767px){.services-overview-intro h2{font-size:28px;line-height:1.4;margin:0 0 20px}}
@media(max-width:767px){html[dir=ltr] body.services-overview-page .services-overview-intro h2{line-height:1.4}}
.services-overview-actions article:nth-child(2) .services-action-content .eyebrow, .services-overview-actions article:nth-child(2) .services-action-content h3, .services-overview-actions article:nth-child(2) .services-action-arrow{color:var(--sm-color-on-bright-green)}





@font-face{font-family:fontello;src:url("/assets/fonts/fontello.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
.vacancies-hero{height:331px;min-height:0;align-items:flex-end;justify-content:center;padding:0 20px 80px;background:#171717 url("/wp-content/uploads/2025/03/Banner.jpg.webp") center/cover no-repeat;color:#fff;text-align:center}
.vacancies-hero>.wrap{width:100%;max-width:none}
.vacancies-hero h1{margin:0;font-size:40px;font-weight:700;line-height:1.4;text-transform:none}
.vacancies-page{padding:70px 0 100px;background:#fff}
.vacancies-content{width:min(1160px,calc(100% - 112px));margin:0 auto}
.vacancies-heading, .vacancies-team-heading{margin:0;color:#2b2b2b;text-align:center;font-size:32px;font-weight:700;line-height:1.4}
.vacancies-intro{margin:11px 0 49px;color:#2b2b2b;text-align:center;font-size:17px;line-height:1.4}
.vacancy-card{width:100%;max-width:370px;margin:0 auto;color:#2b2b2b}
.vacancy-card-image{display:block;width:calc(100% + 3px);margin-inline:-1.5px;overflow:hidden;border-radius:20px}
.vacancy-card-image img{display:block;width:100%;height:auto;transition:transform .5s ease}
.vacancy-card:is(:hover,:focus-within) .vacancy-card-image img{transform:scale(1.06)}
    .vacancy-card-content{padding-top:14px}
.vacancy-card-content h3{margin:0;font-size:18px;font-weight:500;line-height:1.2}
.vacancy-card-content time{display:block;margin-top:8px;color:#6a6a6a;font-size:13px;font-weight:300;line-height:1.5}
.vacancy-apply{display:flex;align-items:center;justify-content:center;width:21px;height:21px;margin-top:8px;margin-inline-start:0;margin-inline-end:auto;color:#2b2b2b}
.vacancy-apply-icon{color:inherit;font-family:fontello,sans-serif;font-size:11px;font-weight:400;line-height:21px}
.vacancies-join{margin:140px 0 0;color:#2b2b2b;text-align:center;font-size:18px;font-weight:400;line-height:24px}
.vacancies-team-heading{max-width:850px;margin:0 auto 50px}
.career-team-gallery{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;max-width:1120px;margin:0 auto;direction:rtl}
.career-team-gallery img{display:block;width:calc((100% - 72px) / 7);height:auto;flex:0 1 calc((100% - 72px) / 7)}
.career-team-image-desktop{display:block}
@media(prefers-reduced-motion:reduce){.vacancy-card-image img{transition:none}}
@media(min-width:768px){
    .vacancies-page{padding-bottom:120px}
    .vacancies-hero{padding-bottom:100px}
    .vacancies-heading{font-size:36px;line-height:1.2}
    .vacancies-intro{margin-bottom:70px}
    .vacancy-card{width:calc((100% - 60px) / 3);max-width:none}
    html[dir=rtl] .vacancy-card{margin:0 0 0 auto}
    html[dir=ltr] .vacancy-card{margin:0 auto 0 0}
    .vacancy-card-image{width:calc(100% + 3.6px);margin-inline:-1.8px}
    .vacancy-card-content{padding-top:16.6px}
    .vacancy-card-content h3{font-size:24px;line-height:1.2}
    .vacancy-card-content time{margin-top:12.6px;font-size:14px;line-height:21px}
    .vacancy-apply{margin-top:17.4px}
    .vacancies-join{margin-top:140px}
    .vacancies-team-heading{max-width:1077px;margin:0 auto 50px 0;font-size:36px;line-height:54px}
    .vacancies-team-heading>b{display:inline;font-size:36px;line-height:54px}
    .career-team-gallery{width:calc(100% - 100px);max-width:1057.3px;margin:0 92.7px 0 10px;gap:20px}
    .career-team-gallery img{width:calc((100% - 120px) / 7);flex:0 1 calc((100% - 120px) / 7)}
    .career-team-gallery img:nth-child(even){margin-top:50px}
}
@media(max-width:767px){
    .vacancies-hero{height:261.3px;padding:0 20px 80px}
    .vacancies-hero h1{font-size:37px;line-height:1.4}
    .vacancies-page{padding:70px 0 130px}
    .vacancies-content{width:calc(100% - 70px)}
    .vacancies-heading, .vacancies-team-heading{font-size:32px;line-height:1.4}
    .vacancies-intro{margin-bottom:50px;font-size:17px;line-height:1.4}
    .vacancy-card{max-width:none}
    .vacancies-join{margin-top:140px}
    .vacancies-team-heading{margin-bottom:50px;font-size:36px;font-weight:400;line-height:54px}
    .vacancies-team-heading>b{display:inline;font-size:36px;font-weight:700;line-height:inherit}
    .career-team-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:320px;gap:0}
    .career-team-gallery img{width:100%;flex:initial;padding-inline:5px}
    .career-team-gallery img:nth-child(even){margin-top:30px}
    .career-team-gallery .career-team-image-desktop{display:none}
}


.contact-form-panel .form-field input:not([type=radio]), .contact-form-panel .form-field textarea{border-radius:8px;color:#000000b3}
.contact-form-panel .public-form button[type=submit]{font-weight:700;border-radius:4px;transition:background-color .3s,color .3s}
.contact-form-panel .public-form button[type=submit]:is(:hover,:focus-visible){background:#f7c13d;color:#fff}
@media(prefers-reduced-motion:reduce){.contact-form-panel .public-form button[type=submit]{transition:none}}


.page-content:has(.contact-details){padding-bottom:0}
.contact-faq{padding:70px 0;margin-top:127px;margin-bottom:0}
.contact-faq h2{margin:0 0 26px;font-size:36px;font-weight:700;line-height:1.2}
.contact-faq summary{list-style:none;padding:24px 0;font-size:18px;font-weight:500;line-height:21.6px}
.contact-faq summary::-webkit-details-marker{display:none}
.contact-faq .prose{font-size:16px;line-height:28.8px}
@media(max-width:767px){
    .page-content:has(.contact-details){padding-bottom:0}
    .contact-faq{width:calc(100% + 8px);max-width:none;margin:83px -4px 0;padding:70px 0 66px}
    .contact-faq h2{min-height:45px;margin:0 0 16px;font-size:22px;line-height:26.4px}
    .contact-faq summary{padding:20px 0;font-size:18px;line-height:22px}
    .contact-faq .prose{line-height:24.48px}
}


@media(min-width:768px) and (max-width:1199px){html[lang] .homepage .locations-section{padding-top:0}html[dir=ltr] .homepage .hero .explore{height:54px;min-height:54px}}


@media(min-width:768px) and (max-width:784px){
    html[dir=ltr] .homepage .hero{align-items:flex-start}
    html[dir=ltr] .homepage .hero-inner.wrap{width:calc(100% - 40px);max-width:none;height:100%;align-self:stretch;padding:139px 0 0;margin-inline:20px;text-align:start}
    html[dir=ltr] .homepage .hero h1{width:100%;max-width:none;margin:0 0 12px;font-size:40px;line-height:50px;letter-spacing:0;font-weight:500;text-align:start}
    html[dir=ltr] .homepage .hero h1 strong{font-weight:700}
    html[dir=ltr] .homepage .hero p{width:480px;max-width:100%;margin:0 0 12px;font-size:24px;line-height:34px;font-weight:300;text-align:start;white-space:nowrap}
    html[dir=ltr] .homepage .hero .explore{width:176px;height:54px;padding:12px 35px;line-height:24px;font-size:18px;font-weight:500}
    html[dir=ltr] .homepage .hero .watch-video{top:341px;right:53px;bottom:auto;inset-inline-end:53px;width:169px;height:60px;padding:0;border:0;justify-content:flex-start;gap:14px;font-size:14px;white-space:nowrap}
    html[dir=ltr] .homepage .hero .watch-video span{width:50px;height:50px;font-size:20px}
}
@media(min-width:785px) and (max-width:1199px){
    html[dir=ltr] .homepage .hero-inner.wrap{padding-top:254px}
    html[dir=ltr] .homepage .hero h1{width:100%;max-width:none}
    html[dir=ltr] .homepage .hero .explore{padding:12px 35px}
    html[dir=ltr] .homepage .hero .watch-video{top:calc(461.3px + 1.34vw);right:15px;bottom:auto;inset-inline-end:15px;width:180px;height:60px;padding:0;border:0;justify-content:flex-start;gap:8px;font-size:16px;white-space:nowrap}
    .homepage .locations-card>div{z-index:auto}
}
@media(min-width:1024px) and (max-width:1199px){
    html[dir=ltr] .homepage .hero-inner.wrap{padding-top:250px}
    html[dir=ltr] .homepage .hero h1{margin-bottom:12px}
    html[dir=ltr] .homepage .hero p{margin-bottom:17px}
}






@media(max-width:767px){.service-introduction .service-back{font-size:22px;line-height:25.6px;gap:0}.service-introduction .service-back-icon{display:flex;flex:0 0 31.25px;width:31.25px;height:25.6px;align-items:center;justify-content:center;font-size:22px;line-height:25.6px}.service-introduction .service-back-label{font:inherit}}
@media(max-width:767px){.service-introduction{padding-top:87.5px}.service-introduction .service-back{top:39.5px;font-weight:400}html[dir=ltr] .service-introduction .service-back-label{flex:0 0 58.046875px;width:58.046875px}}
@media(max-width:767px){html[dir=rtl] .service-introduction{padding-top:75px}html[dir=rtl] .service-introduction h1{margin-top:0}html[dir=rtl] .service-introduction .service-back-label{flex:0 0 46.914px;width:46.914px}}



.blog-archive-page .page-content{width:min(1160px,calc(100% - 40px));max-width:1160px;padding-bottom:104px}
.blog-archive-page .page-hero h1{transform:translateY(-30px)}
html[dir=rtl] .blog-archive-page .page-content{padding-top:120px;padding-bottom:154px}
.pagination{box-sizing:border-box;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:75px 0 0;padding:0}
.pagination-controls{display:flex;align-items:center;gap:5px;direction:ltr}
.pagination-controls[dir=rtl]{direction:rtl}
.pagination-item{box-sizing:border-box;display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:1px solid #dedede;border-radius:50%;background:transparent;color:#454545;font-size:16px;line-height:1;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.pagination-item:hover, .pagination-item:focus-visible{border-color:#f7c13d;background:#f7c13d;color:#222}
.pagination-current, .pagination-current:hover{border-color:#252525;background:#252525;color:#fff}
.pagination-status{font-size:16px;line-height:1.4;white-space:nowrap;color:#383838}
@media(max-width:800px){
    .blog-archive-page .page-content{width:calc(100% - 40px);padding-top:81px;padding-bottom:80px}
    .blog-archive-page .page-hero h1{font-size:38px;line-height:1.37;transform:translateY(-8px)}
    html[dir=rtl] .blog-archive-page .page-content{padding-top:131px;padding-bottom:130px}
    .pagination{flex-direction:column;align-items:stretch;gap:15px;margin-top:45px;padding:0}
    .pagination-controls{align-self:flex-start;gap:4px}
    .pagination-item{width:40px;height:40px;flex-basis:40px;font-size:15px}
    .pagination-status{min-height:48px;line-height:48px;font-size:14px;text-align:start}
}
@media(min-width:801px){.blog-archive-page .page-content{padding-bottom:104px}html[dir=rtl] .blog-archive-page .page-content{padding-top:120px;padding-bottom:154px}}
@media(max-width:800px){.blog-archive-page .blog-grid{gap:20px}.blog-archive-page .page-content{padding-bottom:70px}.blog-archive-page .pagination{margin-top:47px}.blog-archive-page .pagination-controls[dir=ltr]{gap:5px}.blog-archive-page .pagination-controls[dir=rtl]{gap:4px}html[dir=rtl] .blog-archive-page .page-content{padding-bottom:120px}}

.showcase-blog-grid .blog-card-copy{justify-content:flex-start;padding:10px 40px;text-align:start}
.showcase-blog-grid .post-categories{min-height:33px;margin:0 0 2px;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:14px;font-weight:300;line-height:21px}
.showcase-blog-grid .post-categories>a{display:inline-block;margin-block:4px;margin-inline-end:3px;padding:5px 17px 6px;border-radius:15px;background:#2b2b2b;color:#fff;font-size:11px;font-weight:500;line-height:14px;letter-spacing:.6px;text-decoration:none;text-transform:uppercase}
html[dir=rtl] .showcase-blog-grid .post-categories{font-family:"IBM Plex Sans Arabic",sans-serif}
.showcase-blog-grid .post-categories>span{display:none}
.showcase-blog-grid .blog-card h2{margin:0 0 15px;color:#2b2b2b;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:22px;font-weight:700;line-height:26.4px}
html[dir=rtl] .showcase-blog-grid .blog-card h2{font-family:"IBM Plex Sans Arabic",sans-serif}
.showcase-blog-grid .blog-card h2 a{color:inherit}
.showcase-blog-grid .blog-card:hover .blog-card-copy h2, .showcase-blog-grid .blog-card:focus-within .blog-card-copy h2{color:#fcfcfc}
.showcase-blog-grid .blog-card time{color:#6a6a6a;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:14px;font-weight:300;line-height:21px}
@media(max-width:767px){.showcase-blog-grid .blog-card-copy{padding:10px 25px}.showcase-blog-grid .post-categories{margin-bottom:10px}.showcase-blog-grid .blog-card h2{margin-bottom:10px;padding-bottom:2px}.showcase-blog-grid .blog-card time{font-size:13px;line-height:19.5px}}
@media(max-width:767px){.showcase-blog-grid{--showcase-category-offset-block:10px;--showcase-category-offset-inline:25px}.showcase-blog-grid .blog-card-copy{justify-content:flex-end;padding:25px}.showcase-blog-grid .post-categories{position:absolute;top:var(--showcase-category-offset-block);inset-inline-start:var(--showcase-category-offset-inline);margin:0}}
@media(max-width:767px){html[dir=rtl] .showcase-blog-grid{--showcase-category-offset-block:28px;--showcase-category-offset-inline:30px}}
@media(max-width:479px){html[dir=rtl] .showcase-blog-grid{--showcase-category-offset-block:23px;--showcase-category-offset-inline:25px}}


.category-archive-header{display:block;min-height:0;padding:175px 0 0;background:#fff;color:#17191d}
.category-archive-header>.wrap{width:min(1160px,calc(100% - 40px));max-width:1160px}
.category-archive-header h1{margin:0;font-size:34px;font-weight:700;line-height:1.4}
.category-archive-header nav{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;line-height:24px;color:#555}
.category-archive-header nav a:hover{color:#bd931a}
.blog-archive-page:has(.category-archive-header) .page-content{padding-top:54px;padding-bottom:104px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px 30px}
.category-grid .blog-card{overflow:hidden;border:0;background:#fff}
.category-grid .blog-card-image{aspect-ratio:1/1;margin:0 0 20px;border-radius:0}
.category-grid .blog-card-image img{object-fit:cover;transform:scale(1.01);transition:filter .3s ease}
.category-grid .blog-card-copy{padding:20px 30px 0}
.category-grid .blog-card h2{margin:0 0 27px;font-family:"IBM Plex Sans Arabic",Poppins,Arial,sans-serif;font-size:21px;font-weight:700;line-height:1.4}
.category-grid .blog-read-more{margin:0 0 49px;font-size:12px;font-weight:700;line-height:28.8px;text-transform:uppercase}
.category-grid .blog-card-copy time{display:block;margin:0 -30px;padding:15px 30px;border:0;background:#f7f7f7;color:var(--sm-color-text-muted);font-size:12px;line-height:15.6px}
.category-pagination{justify-content:flex-start;margin-top:32px}
.category-pagination .pagination-controls{gap:18px;flex-wrap:wrap}
.category-pagination .pagination-text{display:inline-flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;font-size:18px;line-height:28.8px;color:#444}
.category-pagination .pagination-text:hover, .category-pagination .pagination-text:focus-visible{color:#bd931a}
.category-pagination .pagination-current{font-weight:600;color:#111}
.category-pagination .pagination-ellipsis{color:#777}
html[dir=rtl] .blog-archive-page:has(.category-archive-header) .page-content{padding-top:54px}
html[dir=rtl] .category-archive-header{padding-top:165px}
@media(max-width:800px){
    .category-archive-header{padding-top:153px}
    .category-archive-header h1{font-size:34px;line-height:1.4}
    .category-archive-header nav{margin-top:20px;font-size:13px;line-height:24px}
    .blog-archive-page:has(.category-archive-header) .page-content{width:calc(100% - 40px);padding-top:51px;padding-bottom:70px}
    .category-grid{grid-template-columns:minmax(0,1fr);gap:20px}
    .category-grid .blog-card-image{margin-bottom:20px}
    .category-grid .blog-card-copy{padding:20px 30px 0}
    .category-grid .blog-card h2{font-size:21px;line-height:24px;margin:0 0 25px}
    .category-grid .blog-read-more{margin-bottom:20px;font-size:12px;line-height:24.48px}
    .category-pagination .pagination-text{font-size:15px;line-height:24px}
    .category-grid .blog-card-copy time{font-size:12px;line-height:15.6px}
    .category-pagination{margin-top:35px}
    .category-pagination .pagination-controls{gap:16px}
    html[dir=rtl] .category-archive-header{padding-top:129px}
    html[dir=rtl] .category-archive-header{padding-top:129px}
    html[dir=rtl] .blog-archive-page:has(.category-archive-header) .page-content{padding-top:51px;padding-bottom:120px}
}


@media(min-width:801px){
    html[dir=ltr] body.article-page .article-body.prose, html[dir=ltr] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose li{font-size:18px;line-height:28.8px}
    html[dir=ltr] body.article-page .article-body.prose p{margin:15.3px 0}
    html[dir=ltr] body.article-page .article-body.prose h2, html[dir=ltr] body.article-page .article-body.prose h3{font-size:22.5px;font-weight:700;line-height:31.5px;margin:0}
    html[dir=ltr] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol{margin:15.3px 0}
    html[dir=ltr] body.article-page .article-cover+.article-body{margin-top:72px}
}
@media(min-width:801px){
    html[dir=rtl] body.article-page .article-body.prose p{margin:15.3px 0}
    html[dir=rtl] body.article-page .article-body.prose h2{font-size:27px;font-weight:700;line-height:32.4px;margin:0}
    html[dir=rtl] body.article-page .article-body.prose h3{font-size:22.5px;font-weight:700;line-height:31.5px;margin:0}
    html[dir=rtl] body.article-page .article-body.prose>h2:first-child{font-size:31.5px;line-height:37.8px}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:18px;line-height:28.8px}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol{margin:15.3px 0}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol{padding-inline-start:27px}
    html[dir=rtl] body.article-page .article-cover+.article-body{margin-top:72px}
    html[dir=rtl] body.article-page .article-footer-tags{margin-top:40px}
    html[dir=rtl] body.article-page .article-sharing{margin-top:102px}
    html[dir=rtl] body.article-page .article-navigation{margin-top:105px;padding:0}
    html[dir=rtl] body.article-page .related-posts{margin-top:97.3px}
    html[dir=rtl] body.article-page .related-posts{padding-bottom:30px}
    html[dir=rtl] body.article-page .related-posts>h2{font-size:22.5px;font-weight:700;line-height:31.5px;margin:0 0 22.5px}
    html[dir=rtl] body.article-page .related-posts .blog-grid{align-items:start}
    html[dir=rtl] body.article-page .related-posts .blog-card-image{margin-bottom:18px;border-radius:0}
    html[dir=rtl] body.article-page .related-posts .blog-card-copy{padding:0}
    html[dir=rtl] body.article-page .related-posts .post-categories{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:14px;font-weight:300;line-height:21px;margin-bottom:11.9px}
    html[dir=rtl] body.article-page .related-posts .blog-card h2{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:24px;font-weight:500;line-height:28.8px;margin:0}
    html[dir=rtl] body.article-page .related-posts time{display:none}
}
@media(max-width:800px){
    html[dir=ltr] body.article-page .article-body.prose, html[dir=ltr] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose li{font-size:16px;line-height:25.6px}
    html[dir=ltr] body.article-page .article-body.prose p{margin:13.6px 0}
    html[dir=ltr] body.article-page .article-body.prose h2, html[dir=ltr] body.article-page .article-body.prose h3{font-size:20px;line-height:24px;font-weight:700;margin:22px 0 13px}
    html[dir=ltr] body.article-page .article-body.prose img{margin:0 auto 16px}
    html[dir=ltr] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol{margin:13.6px 0}
}






@media(max-width:767px){
    html[dir=ltr] .homepage .hero{height:480px;min-height:480px;max-height:none;margin-top:-20px;align-items:flex-start}
    html[dir=ltr] .homepage .hero-inner.wrap{width:calc(100% - 70px);max-width:none;height:100%;align-self:stretch;margin-inline:35px;padding:109px 0 0;text-align:start}
    html[dir=ltr] .homepage .hero h1{width:100%;max-width:none;margin:0 0 10px;font-size:32px;line-height:42px;font-weight:500;letter-spacing:0}
    html[dir=ltr] .homepage .hero p{width:100%;max-width:none;margin:0 0 11px;font-size:18px;line-height:28px;font-weight:300;text-align:start}
    html[dir=ltr] .homepage .hero .explore{width:176px;height:54px;min-height:54px;padding:12px 35px;font-size:18px;line-height:24px;font-weight:500}
    html[dir=ltr] .homepage .hero .watch-video{top:386px;left:35px;right:auto;bottom:auto;inset-inline-end:auto;width:320px;height:60px;padding:0;justify-content:flex-end;gap:20px;font-size:14px;line-height:60px;font-weight:500;letter-spacing:2px;flex-direction:row-reverse;white-space:nowrap}
    html[dir=ltr] .homepage .hero .watch-video span{width:54px;height:54px;font-size:20px}
    html[dir=ltr] .homepage .locations-section{margin-top:-20px;padding-top:120px}
    html[dir=ltr] .homepage .locations-section::before, html[dir=rtl] .homepage .locations-section::before{inset:0 0 auto;background-position:center;background-size:cover}
}


body.contact-page{background:#f6f6f6;overflow-x:clip}
body.contact-page main{background:#f6f6f6;overflow-x:clip}
body.contact-page .contact-enquiry{background:#f8f8f8}
html:has(body.contact-page){overflow-x:clip;overflow-y:auto}


body.contact-page .contact-form-panel{background:#fff;border:1px solid #e7e7e7;border-radius:16px}
body.contact-page .contact-form-panel .public-form button[type=submit]{width:auto;padding:0 57px;margin-top:2px;text-transform:none}
html[dir=ltr] body.contact-page .contact-form-panel .public-form button[type=submit]{width:173.65px}
body.contact-page .contact-form-panel .field-phone input[type=tel]{padding-block:0;padding-inline-start:52px;padding-inline-end:6px}
body.contact-page .contact-form-panel input::placeholder, body.contact-page .contact-form-panel textarea::placeholder{color:rgba(0,0,0,.7);opacity:1}
@media(min-width:1200px){
    body.contact-page .contact-enquiry{width:calc(100vw + 30px);margin-inline:calc(50% - 50vw - 15px);margin-block-start:-34px;padding:70px 0}
    body.contact-page .contact-enquiry-title{width:566px;max-width:calc(100% - 40px);margin:0 0 30px calc((100% - 1180px)/2 + 8px)}
    body.contact-page .contact-grid{display:grid;width:min(1180px,calc(100% - 40px));margin-inline:auto;grid-template-columns:minmax(0,684px) minmax(0,496px);gap:0}
    body.contact-page .contact-grid>.contact-map{grid-column:1;grid-row:1;width:calc(100% - 20px);margin:21px 0 0 10px}
    body.contact-page .contact-form-panel{grid-column:2;grid-row:1;position:relative;z-index:1;width:580.6px;max-width:none;margin:-70px 0 0 -95px;padding:70px}
    body.contact-page .contact-form-panel .form-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
    body.contact-page .contact-form-panel .field-email, body.contact-page .contact-form-panel .field-phone{width:calc(100% - 6px)}
    body.contact-page .contact-form-panel .field-phone{margin-inline-start:-6px}
    body.contact-page .contact-faq{margin:0 auto}
}
@media(max-width:767px){
    body.contact-page .contact-enquiry{width:calc(100vw + 20px);margin-inline:calc(50% - 50vw - 10px);margin-block-start:-70px;padding:70px 0}
    body.contact-page .contact-enquiry-title{width:350px;max-width:calc(100% - 40px);margin:0 auto 30px}
    body.contact-page .contact-grid{display:grid;width:350px;max-width:calc(100% - 40px);margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:24px}
    body.contact-page .contact-form-panel{grid-row:1;width:100%;max-width:100%;margin:0;padding:20px}
    body.contact-page .contact-grid>.contact-map{grid-row:2;width:100%;margin:0}
    body.contact-page .contact-grid>.contact-map iframe{height:500px}
    body.contact-page .contact-form-panel .form-fields{grid-template-columns:minmax(0,1fr);column-gap:0}
    body.contact-page .contact-form-panel .form-field input:not([type=radio]), body.contact-page .contact-form-panel .form-field textarea{width:calc(100% - 2px);margin-inline:1px}
    body.contact-page .contact-form-panel .field-email input:not([type=radio]){width:calc(100% - 4px);margin-inline:2px}
    body.contact-page .contact-form-panel .field-phone .iti{width:calc(100% - 4px);margin-inline:2px}
    body.contact-page .contact-form-panel .field-phone .iti__selected-country{width:46px}
    body.contact-page .contact-faq{width:calc(100vw + 20px);margin-block:0;margin-inline:calc(50% - 50vw - 10px)}
    body.contact-page .contact-faq h2, body.contact-page .contact-faq details{width:calc(100% - 50px);margin-inline:auto}
}
@media(max-width:767px){
    html[dir=rtl] body.contact-page .contact-enquiry, html[dir=rtl] body.contact-page .contact-faq{margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw - 20px)}
    html[dir=rtl] body.contact-page .contact-enquiry, html[dir=rtl] body.contact-page .contact-faq{transform:translateX(10px)}
    html[dir=rtl] body.contact-page .contact-form-panel .field-email input:not([type=radio]), html[dir=rtl] body.contact-page .contact-form-panel .field-phone .iti{margin-inline-start:4px;margin-inline-end:0}
    html[dir=rtl] body.contact-page .contact-form-panel .field-phone .iti{direction:rtl}
    html[dir=rtl] body.contact-page .contact-form-panel .field-phone input[type=tel]{padding-inline-start:52px;padding-inline-end:52px;text-align:right}
}





@media(min-width:801px){
    body.blog-archive-page .category-grid{row-gap:30px;align-items:stretch}
    body.blog-archive-page:has(.category-archive-header) .page-content{padding-bottom:70px}
    body.blog-archive-page .category-pagination{margin-top:50px}
    body.blog-archive-page .category-grid .blog-card-copy{padding-bottom:15px}
    html[dir=ltr] body.blog-archive-page .category-grid .blog-card h2{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
    body.blog-archive-page .category-grid .blog-read-more{margin-bottom:35.5px}
    body.blog-archive-page .category-grid .blog-card-copy time{display:block;margin:0;padding:0;border:0;background:transparent;color:var(--sm-color-text-muted);line-height:16.5px}
}

@media(max-width:800px){
    body.blog-archive-page:has(.category-archive-header) .category-grid{row-gap:30px}
    body.blog-archive-page .category-grid .blog-card-copy{padding-bottom:14.6px}
    body.blog-archive-page .category-grid .blog-card h2{margin-bottom:26.5px}
    body.blog-archive-page .category-grid .blog-read-more{margin-bottom:35.5px}
    body.blog-archive-page .category-grid .blog-card-copy time{margin:0;padding:0;border:0;background:transparent;color:var(--sm-color-text-muted);line-height:16.5px}
    body.blog-archive-page .category-pagination{margin-top:50px}
    body.blog-archive-page .category-pagination{line-height:24.48px}
    html[dir=rtl] body.blog-archive-page:has(.category-archive-header) .page-content{padding-bottom:70px}
}


.homepage .hero .watch-video span{place-items:center}










@media(max-width:767px){
    html[dir=rtl] .homepage .hero{height:480px;min-height:480px;max-height:none;margin-top:-20px;align-items:flex-start}
    html[dir=rtl] .homepage .hero-inner{display:none}
    html[dir=rtl] .home-hero-divider{display:block;position:relative;z-index:1;height:170px;margin-top:-20px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat;pointer-events:none}
    html[dir=rtl] .homepage .locations-section{display:flow-root;padding:0;background:#fff}
    html[dir=rtl] .homepage .locations-section::before{content:none}
    html[dir=rtl] .homepage .locations-card{margin-top:-50px}
    html[dir=rtl] .home-profile-card .profile-links a[lang=ar]{order:-1}
    html[dir=rtl] .home-profile-card>img{width:calc(100% - 10px);inset-inline-end:11px}
    html[dir=rtl] .home-creative-main h2{font-size:32px;line-height:44.8px}
    html[dir=rtl] .home-creative-main h2 br{display:none}
}


@media(min-width:1200px){
    html[dir=rtl] .homepage .hero{height:700px;min-height:700px;max-height:none;align-items:flex-start}
    html[dir=rtl] .homepage .locations-section{padding-top:87px}
    html[dir=rtl] .homepage .locations-card{width:1120px;max-width:calc(100% - 40px);margin-top:-50px}
    html[dir=rtl] .home-profile-card .profile-links a[lang=ar]{order:-1}
    html[dir=rtl] .home-profile-card>img{width:calc(100% - 12.2px);inset-inline-end:12px}
}


@media(min-width:1200px) and (max-width:1359px){
    html[dir=rtl] .home-creative-layout{width:min(1120px,calc(100% - 145px))}
    html[dir=rtl] .home-services>.wrap{width:min(1120px,calc(100% - 80px));padding-inline:10px}
    html[dir=rtl] .home-services>.wrap>.eyebrow{margin-bottom:15.4px}
    html[dir=rtl] .home-services>.wrap>h2{margin-left:-2px}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}











html[dir=rtl] body .back-to-top{color:#2b2b2b}
html[dir=rtl] body .back-to-top:hover, html[dir=rtl] body .back-to-top:focus-visible{color:#f7c13d}
html[dir=rtl] .back-to-top.on-dark{color:#fff}
html[dir=rtl] .back-to-top.on-dark:hover, html[dir=rtl] .back-to-top.on-dark:focus-visible{color:#f7c13d}


@media(min-width:768px) and (max-width:784px){
    html[dir=rtl] .homepage .hero .watch-video{left:51.8px;right:auto;top:292.5px;bottom:auto;width:118.2px;height:60px;gap:0;font-size:14px;line-height:60px;font-weight:500;letter-spacing:normal}
    html[dir=rtl] .homepage .hero .watch-video span{width:50px;height:50px;margin-inline-start:-6px}
}
@media(min-width:785px) and (max-width:800px){
    html[dir=rtl] .homepage .hero .watch-video{left:35.5px;right:auto;top:502.5px;bottom:auto;width:130.5px;height:60px;gap:0;font-size:16px;line-height:60px;font-weight:600;letter-spacing:normal}
    html[dir=rtl] .homepage .hero .watch-video span{width:50px;height:50px;margin-inline-start:-6px}
}


@media(max-width:767px){
    html[dir=rtl] .homepage .hero{height:480px;min-height:480px;max-height:none;margin-top:-20px;overflow:hidden;align-items:flex-start}
    html[dir=rtl] .homepage .hero-inner{display:block;position:relative;width:100%;max-width:none;height:100%;margin:0;padding:0}
    html[dir=rtl] .homepage .hero h1{position:absolute;top:140.5px;right:35px;width:505px;max-width:none;margin:0;font-size:32px;line-height:42px;letter-spacing:normal;text-align:right}
    html[dir=rtl] .homepage .hero p{position:absolute;top:252.5px;right:35px;width:191px;max-width:none;margin:0;font-size:18px;line-height:28px;font-weight:300;text-align:right;white-space:normal}
    html[dir=rtl] .homepage .hero .explore{position:absolute;top:290.7px;right:35px;width:197.5px;height:54px;min-height:54px;margin:0;padding:12px 35px;border-radius:4px;background:rgba(255,255,255,.3);font-size:18px;line-height:24px;font-weight:500;text-transform:none;white-space:nowrap}
    html[dir=rtl] .homepage .hero .watch-video{top:360.2px;right:50px;left:auto;bottom:auto;inset-inline-end:auto;width:118.2px;height:60px;min-height:60px;padding:0;border:0;gap:0;flex-direction:row-reverse;font-size:14px;line-height:60px;font-weight:500;text-transform:none;letter-spacing:2px;white-space:nowrap}
    html[dir=rtl] .homepage .hero .watch-video span{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 24px;width:24px;height:60px;margin-inline-start:20px;background:transparent;border-radius:0;color:#fff;font-size:0;line-height:1;transform:translateX(23.3px)}
    html[dir=rtl] .homepage .hero .watch-video span::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;background:#ffc000}
    html[dir=rtl] .homepage .hero .watch-video span::after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:0;height:0;transform:translate(-35%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}
}


@media(min-width:1200px){
    html[dir=rtl] .homepage .hero .watch-video{left:max(88px,calc((100% - 1180px)/2 + 16px));right:auto;width:130.5px;gap:0;line-height:60px}
    html[dir=rtl] .homepage .hero .watch-video span{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 24px;width:24px;height:60px;margin-inline-start:20px;background:transparent;border-radius:0;color:#fff;font-size:0;line-height:1;transform:translateX(23.3px)}
    html[dir=rtl] .homepage .hero .watch-video span::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;background:#ffc000}
    html[dir=rtl] .homepage .hero .watch-video span::after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:0;height:0;transform:translate(-35%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}
}


@media(min-width:1200px){
    html[dir=rtl] .homepage .hero-inner.wrap{width:min(1180px,calc(100% - 145px));max-width:1180px}
}


@media(min-width:1200px) and (max-width:1439px){
    html[dir=rtl] .home-future-layout{width:min(1120px,calc(100% - 40px))}
}


@media(max-width:499px){
    html[dir=ltr] .homepage .hero h1, html[dir=ltr] .homepage .hero p{max-width:320px}
}
@media(min-width:500px) and (max-width:575px){
    html[dir=ltr] .homepage .hero-inner.wrap{width:calc(100% - 90px);max-width:none;margin-inline:45px;padding-top:78.5px}
    html[dir=ltr] .homepage .hero h1{max-width:none;font-size:40px;line-height:50px;margin-bottom:7.5px}
    html[dir=ltr] .homepage .hero p{max-width:none;font-size:24px;line-height:34px;margin-bottom:7.5px}
    html[dir=ltr] .homepage .hero .watch-video{top:386px;left:45px;width:calc(100vw - 90px);max-width:530px;gap:24px}
    html[dir=ltr] .homepage .hero .watch-video span{width:50px;height:50px;transform:translateX(7px)}
}
@media(min-width:576px) and (max-width:767px){
    html[dir=ltr] .homepage .hero-inner.wrap{width:calc(100% - 90px);max-width:none;margin-inline:45px;padding-top:93.5px}
    html[dir=ltr] .homepage .hero h1{max-width:none;font-size:40px;line-height:50px;margin-bottom:9px}
    html[dir=ltr] .homepage .hero p{max-width:480.5px;font-size:24px;line-height:34px;margin-bottom:9px}
    html[dir=ltr] .homepage .hero .watch-video{top:369.5px;left:45px;width:calc(100vw - 90px);max-width:none;gap:24px}
    html[dir=ltr] .homepage .hero .watch-video span{width:50px;height:50px;transform:translateX(7px)}
}

.service-detail-page .service-offerings{padding-bottom:0}
html[dir=ltr] .service-detail-page .service-offerings{padding-bottom:50px}
.service-detail-page .offering-grid{padding-bottom:30px}


.service-detail-en-services-marketing-consulting .service-introduction h1{font-size:37px;font-weight:900;line-height:47px;text-align:center}
@media(max-width:767px){.service-detail-en-services-marketing-consulting .service-introduction h1{line-height:1.4em}}
@media(max-width:767px){
.service-detail-page .offering-grid{padding-bottom:20px}
html[dir=ltr] .service-detail-page .service-offerings{padding-bottom:30px}
html[dir=rtl] .service-detail-page .service-offerings{padding-bottom:0}
}
.service-detail-page .offering-grid p{color:#2b2b2b}

@media(min-width:1280px){.certification-carousel{margin-top:0}}

.certification-controls [data-cert-pause]{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.certification-controls [data-cert-pause]:focus-visible{width:auto;height:auto;padding:8px;overflow:visible;clip-path:none;background:#fff;color:#222;z-index:4}


.certification-controls [data-cert-prev], .certification-controls [data-cert-next]{font-size:0;line-height:0;color:#020103}
.certification-controls [data-cert-prev]::before, .certification-controls [data-cert-next]::before{content:"";display:block;width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0}
.certification-controls [data-cert-prev]::before{transform:rotate(135deg)}
.certification-controls [data-cert-next]::before{transform:rotate(-45deg)}
@media(max-width:767px){html[dir=ltr] .certification-controls [data-cert-prev]{transform:translate(-4px,-50%)}html[dir=ltr] .certification-controls [data-cert-next]{transform:translate(4px,-50%)}}
.certification-controls [data-cert-prev]::before, .certification-controls [data-cert-next]::before{width:24px;height:24px;border:0;transform:none;background-color:currentColor;-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.certification-controls [data-cert-prev]::before{-webkit-mask-image:url("/assets/cert-chevron-left.svg");mask-image:url("/assets/cert-chevron-left.svg")}
.certification-controls [data-cert-next]::before{-webkit-mask-image:url("/assets/cert-chevron-right.svg");mask-image:url("/assets/cert-chevron-right.svg")}
@media(max-width:767px){html[dir=ltr] .homepage .hero .watch-video{gap:24px}html[dir=ltr] .homepage .hero .watch-video span{position:relative;left:6px;width:50px;height:50px;line-height:normal;font-size:0;background:#ffc000;color:#fff}html[dir=ltr] .homepage .hero .watch-video span::before{content:"";display:block;width:24px;height:24px;background-color:currentColor;-webkit-mask:url("/assets/play-arrow.svg") center/24px 24px no-repeat;mask:url("/assets/play-arrow.svg") center/24px 24px no-repeat}}
@media(max-width:767px){html[dir=ltr] .compact-menu-ksa{line-height:33px;padding:6.5px 10px 6.5px 12px;gap:10px}html[dir=ltr] .compact-menu-socials{padding:15.5px 0 16px;gap:19px}html[dir=ltr] .compact-menu-socials a{height:25px}html[dir=ltr] .compact-menu-socials a:first-child{min-width:9px}}
@media(max-width:767px){html[dir=ltr] .compact-menu-socials a:first-child{width:9px;min-width:9px;flex:0 0 9px}html[dir=ltr] .compact-menu-socials a:first-child svg{width:12px;height:16px;max-width:none}}
.compact-menu-socials a svg{transition:color .3s}.compact-menu-socials a[aria-label="Instagram"]:hover svg{color:#c41bd1}.compact-menu-socials a[aria-label="Facebook"]:hover svg{color:#4f5fbf}
html[dir=ltr] body.contact-page .contact-faq .prose{color:#888}html[dir=ltr] body.contact-page .contact-faq .prose p{margin:13.6px 0 0}
@media(max-width:767px){html[dir=ltr] body.contact-page .contact-faq summary{font-size:18px;line-height:21.6px}html[dir=ltr] body.contact-page .contact-faq .prose{padding-bottom:23px}}

@media(max-width:767px){html[dir=ltr] body.contact-page .contact-faq{padding-bottom:70px}}

@media(max-width:800px){body.article-page .article-detail{padding-bottom:70px}html[dir=ltr] body.article-page .article-body.prose>h2:first-child{font-size:28px;line-height:31px;margin:0 0 14px}html[dir=ltr] body.article-page .article-body.prose>h2:not(:first-child){font-size:24px;line-height:26px;margin:25px 0 14px}html[dir=ltr] body.article-page .related-posts{margin-top:80px;padding-bottom:20px}html[dir=ltr] body.article-page .related-posts>h2{font-size:20px;line-height:24px;font-weight:700;margin:0 0 20px}html[dir=ltr] body.article-page .related-posts .blog-grid{row-gap:20px}html[dir=ltr] body.article-page .related-posts .blog-card-copy{padding:0 0 19px}html[dir=ltr] body.article-page .related-posts .blog-card h2{font-size:19px;line-height:22.8px;font-weight:500;margin:6px 0 5px}}


@media(max-width:800px){html[dir=ltr] body.article-page .related-posts{margin-top:86px}html[dir=ltr] body.article-page .related-posts .blog-card-image{margin-bottom:16px}html[dir=ltr] body.article-page .related-posts .blog-card-copy{padding-bottom:3px}}
@media(max-width:800px){html[dir=ltr] body.article-page .article-detail[data-article-slug="choose-the-right-digital-marketing-agency"] .related-posts{margin-top:71.5px}html[dir=ltr] body.article-page .article-detail[data-article-slug="choose-the-right-digital-marketing-agency"] .related-posts .blog-grid>.blog-card:first-child{margin-top:-6px}html[dir=ltr] body.article-page .related-posts .blog-card-image img{object-fit:fill;transform:scale(1.01);transition:transform .5s}}
@media(max-width:800px){html[dir=ltr] body.article-page .related-posts .blog-card:hover .blog-card-image img{transform:scale(1.07)}}
html[dir=ltr] body.article-page .article-heading h1, html[dir=ltr] body.article-page .article-body.prose, html[dir=ltr] body.article-page .article-body.prose :is(h1,h2,h3,h4), html[dir=ltr] body.article-page .article-navigation h2, html[dir=ltr] body.article-page .related-posts>h2, html[dir=ltr] body.article-page .related-posts .blog-card h2, html[dir=ltr] body.article-page .related-posts .blog-card h2 a{color:#2b2b2b;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}




@media(min-width:768px) and (max-width:1199px){
    html[dir=ltr] .inner-page:has(.portfolio-showcase-surface) .page-hero{padding:173.5px 0 73px}
}
@media(min-width:1024px) and (max-width:1199px){
    html[dir=ltr] .portfolio-showcase .portfolio-filters{margin-bottom:30.8px}
    html[dir=ltr] .portfolio-showcase .portfolio-card h3{margin-top:17px}
    html[dir=ltr] .portfolio-showcase .portfolio-card a>span{margin-top:10.2px}
}
@media(min-width:1051px) and (max-width:1199px){
    html[dir=ltr] .portfolio-showcase .portfolio-filters{margin-bottom:32.4px}
}
@media(min-width:1025px) and (max-width:1199px){
    html[dir=ltr] .portfolio-actions{min-height:calc(17.25vw + 140.7px)}
}










@media(min-width:768px) and (max-width:800px){
    body.about-layout-page .about-branch{min-height:454px;margin-top:0;margin-bottom:0}
    body.about-layout-page .about-creative{padding-bottom:54px}
    body.about-layout-page .about-purpose{padding-bottom:69px}
    body.about-layout-page .about-values h2{font-size:30px;line-height:36px}
    body.about-layout-page .about-values>div>p{margin-top:14.4px;line-height:26.86px}
    body.about-layout-page .about-values article img.value-icon{margin-bottom:10.5px}
    body.about-layout-page .about-values article:nth-of-type(2) img.value-icon{margin-bottom:12px}
    body.about-layout-page .about-values article h3{font-size:19px;line-height:25px;margin:0 0 8px}
    body.about-layout-page .about-values article p{line-height:26.86px}
    body.about-layout-page .about-timeline{padding-bottom:70px}
    body.about-layout-page .about-timeline h2{min-height:106px}
    body.about-layout-page .about-timeline ol{margin-top:0;padding:10px 0 20px}
    body.about-layout-page .about-timeline li, body.about-layout-page .about-timeline li:nth-child(even){padding:0}
    body.about-layout-page .about-timeline article{padding:30px 20px 35px}
    body.about-layout-page .about-timeline h3{line-height:26.86px;margin:0 0 20.75px}
    body.about-layout-page .about-timeline p{line-height:26.86px;margin:0}
}


@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.about-layout-page .about-page .about-branch{
        width:100%;
        margin-inline:0;
        padding:0;
        box-sizing:border-box;
    }
    html[dir=rtl] body.about-layout-page .about-page .about-branch::before{inset-inline:20px}
    html[dir=rtl] body.about-layout-page .about-page .about-branch>img{inset-inline-end:20px}
    html[dir=rtl] body.about-layout-page .about-page .about-branch h2{
        width:calc(100% - 40px);
        margin-inline-start:20px;
    }
    html[dir=rtl] body.about-layout-page .about-page .about-branch .button{margin-right:20px}
}


.homepage .partner-heading h2, .homepage .certifications-heading-copy h2{font-weight:700}
@media(min-width:801px) and (max-width:999px){
    html[dir=rtl] body.about-layout-page .about-creative-main h2, html[dir=rtl] body.about-layout-page .about-values h2, html[dir=rtl] body.about-layout-page .about-timeline>h2{font-size:30px;line-height:36px}
}


@media(min-width:801px) and (max-width:999px){
    body.about-layout-page .page-hero{padding:156.5px 0 90px}
    html[dir=rtl] body.about-layout-page .about-page .about-profile-box h3{position:relative;top:clamp(9.2px,calc(11.11vw - 90.8px),20.2px);font-size:25px;line-height:35px;margin-bottom:29.1px;font-weight:700}
    html[dir=rtl] body.about-layout-page .about-page .about-profile-box h3 span{font-size:25px;line-height:35px;font-weight:700}
    body.about-layout-page .about-profile-box .profile-links{position:relative;top:clamp(0px,calc(11.11vw - 100px),11px)}
    body.about-layout-page .about-creative-main h2{line-height:36px}
    body.about-layout-page .about-values h2{font-size:30px;line-height:36px}
    body.about-layout-page .about-values>div>p{margin-top:14.4px;line-height:26.86px}
    body.about-layout-page .about-values article img.value-icon{margin-bottom:10.5px}
    body.about-layout-page .about-values article:nth-of-type(2) img.value-icon{margin-bottom:12px}
    body.about-layout-page .about-values article h3{font-size:19px;line-height:25px;margin:0 0 8px}
    body.about-layout-page .about-values article p{line-height:26.86px}
    body.about-layout-page .about-timeline{padding-bottom:87.8px}
    body.about-layout-page .about-timeline>h2{line-height:36px}
    body.about-layout-page .about-timeline ol{margin-inline:17.5px}
    body.about-layout-page .about-timeline article{margin:0;min-height:193.2px}
    body.about-layout-page .about-timeline h3{line-height:26.86px;margin:0 0 20.75px}
    body.about-layout-page .about-timeline p{line-height:26.86px;margin:0}
    
    
    
}
@media(min-width:801px) and (max-width:839px){
    body.about-layout-page .about-profile-box .profile-links{row-gap:0}
}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fonts/poppins-live-300.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/poppins-live-400.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/poppins-live-500.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/poppins-live-600.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/poppins-live-700.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/poppins-live-800.woff2?v=source-font-parity-20261014") format("woff2")}
@font-face{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/poppins-live-900.woff2?v=source-font-parity-20261014") format("woff2")}



body{-webkit-font-smoothing:antialiased}


@media(min-width:1200px){
 html[dir=rtl] body.article-page .article-cover+.article-body{display:flow-root;margin-top:75.4px!important}
 html[dir=rtl] body.article-page .article-sharing{height:82.8px;box-sizing:border-box;padding-top:30.8px;margin-top:57.5px;margin-bottom:0}
 html[dir=rtl] body.article-page .article-sharing>a, html[dir=rtl] body.article-page .article-sharing>button{width:45px;height:45px;line-height:45px}
 html[dir=rtl] body.article-page .article-navigation{height:58.5px;box-sizing:border-box;margin-top:87.4px;padding:0}
 html[dir=rtl] body.article-page .article-navigation .article-nav-label{display:block;line-height:18px}
 html[dir=rtl] body.article-page .article-navigation .post-title{font-size:17px;line-height:23.8px;margin:5px 0 0}
 html[dir=rtl] body.article-page .article-navigation .post_date{display:none}
 html[dir=rtl] body.article-page .related-posts{margin-top:90px}
 html[dir=rtl] body.article-page .article-detail{padding-bottom:70.1px}
}








.back-to-top-arrow svg{display:block;width:20px;height:20px;overflow:visible}
html[dir=ltr] .back-to-top-arrow svg{display:none}
html[dir=rtl] .back-to-top-arrow{top:0;margin:0 15px 0 0;overflow:visible}
html[dir=rtl] .back-to-top-arrow::after{content:none}
html[dir=rtl] .back-to-top-arrow svg{transform:rotate(180deg)}
html[dir=rtl] .back-to-top:hover .back-to-top-arrow svg, html[dir=rtl] .back-to-top:focus-visible .back-to-top-arrow svg{transform:rotate(180deg) translateX(3px)}


@media(max-width:767px){
    html[lang=en] .service-detail-services-annual-reports .service-introduction{padding-top:67.5px}
    html[lang=en] .service-detail-services-digital-marketing .service-introduction h1{font-size:32px;line-height:44.8px}
    html[lang=en] .service-detail-services-website-and-mobile-apps .service-introduction h1{line-height:47px}
    html[dir=rtl] .service-detail-ar-services-digital-marketing .service-introduction h1{font-size:32px;line-height:44.8px}
    html[dir=rtl] .service-detail-ar-services-website-and-mobile-apps .service-introduction h1{line-height:47px}
    html[dir=rtl] body.service-detail-page .service-detail .service-projects{padding-top:119.5px}
    html[dir=rtl] .service-detail-ar-services-marketing-consulting .service-offerings{padding-bottom:29.5px}
}

@media(min-width:1200px) and (max-width:1439px){
    html[dir=rtl] body.service-detail-page .service-detail .service-projects{padding-top:120.3px}
    html[dir=rtl] .service-detail-ar-services-marketing-consulting .service-offerings{padding-bottom:50.3px}
}
@media(min-width:1440px){
    html[dir=rtl] body.service-detail-page .service-detail .service-projects{padding-top:124.4px}
    html[dir=rtl] .service-detail-ar-services-marketing-consulting .service-offerings{padding-bottom:50px}
}

@media(min-width:768px) and (max-width:1199px){
    html[dir=rtl] body.service-detail-page .service-detail .service-projects{padding-top:120.2px;padding-bottom:50px}
    html[dir=rtl] .service-detail-ar-services-marketing-consulting .service-offerings{padding-bottom:50.2px}
    html[dir=rtl] body.service-detail-page .service-contact{padding-bottom:62px}
    
    
    
    
    
    
    
    
}

@media(min-width:1024px) and (max-width:1199px){
    html[dir=rtl] body.service-detail-page .service-detail .service-projects{padding-bottom:54.3px}
    
}
@media(min-width:1440px){
    html[dir=ltr] .service-detail-page .service-projects{padding-top:74.4px}
}


@media(min-width:801px) and (max-width:1199px){
    html[dir=rtl] body.article-page .article-detail{width:calc(100% - 60px);padding:75px 0 70px}
    html[dir=rtl] body.article-page .article-heading{margin-bottom:22px}
    html[dir=rtl] body.article-page .article-heading h1{font-size:38px;line-height:41.8px;margin:16px 42px 25px}
    html[dir=rtl] body.article-page .article-cover{margin-bottom:45px}
    html[dir=rtl] body.article-page .article-cover+.article-body{display:flow-root;margin-top:51px!important}
    html[dir=rtl] body.article-page .article-body.prose{font-size:17px;line-height:27.2px}
    html[dir=rtl] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol{margin:14.45px 0}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-size:17px;line-height:27.2px}
    html[dir=rtl] body.article-page .article-body.prose h2{font-size:25.5px;line-height:35px;margin:28px 0 16px}
    html[dir=rtl] body.article-page .article-body.prose h3{font-size:21.25px;line-height:29px;margin:25px 0 16px}
    html[dir=rtl] body.article-page .article-sharing{height:82.8px;box-sizing:border-box;padding-top:30.8px;margin:55.3px 0 0}
    html[dir=rtl] body.article-page .article-sharing>a, html[dir=rtl] body.article-page .article-sharing>button{width:45px;height:45px;line-height:45px}
    html[dir=rtl] body.article-page .article-navigation{height:auto;box-sizing:border-box;margin-top:81.6px;padding:0;gap:0;align-items:start}
    html[dir=rtl] body.article-page .article-navigation .article-nav-label{display:block;line-height:18px;text-transform:uppercase}
    html[dir=rtl] body.article-page .article-navigation .post-title{font-size:19px;line-height:28.5px;font-weight:500;margin:12px 0 0}
    html[dir=rtl] body.article-page .article-navigation .post_date{display:none}
    html[dir=rtl] body.article-page .related-posts{margin-top:68px;padding-bottom:0}
    html[dir=rtl] body.article-page .related-posts>h2{font-size:21.25px;line-height:29px;margin-bottom:21.25px}
}








@media(max-width:767px){.home-circle-region{margin-top:0}.certification-track article{height:494.5px;min-height:494.5px}}


@media(max-width:767px){html[dir=rtl] .homepage .home-creative-main h2{font-size:32px;line-height:44.8px;min-height:0;font-weight:400}html[dir=rtl] .homepage .partner-heading h2, html[dir=rtl] .homepage .certifications-heading-copy h2{font-size:22px;line-height:26.4px;min-height:26.4px;font-weight:700}}





@media(min-width:1025px) and (max-width:1199px){.services-action-content{padding:16% 8%}}






@font-face{font-family:trx_addons_icons;font-style:normal;font-weight:400;font-display:block;src:url("/assets/fonts/trx_addons_icons.woff2") format("woff2")}




@media(min-width:1024px) and (max-width:1199px){
    html[dir=rtl] body.homepage .home-circle-region{margin-top:69.1px}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}








html[dir=ltr] .portfolio-showcase .portfolio-card h3{font-weight:700}


@media(min-width:1200px) and (max-width:1279px){html[dir=rtl] body.services-overview-page .services-overview-intro{margin-top:-24px;margin-bottom:80px}html[dir=rtl] body.services-overview-page .services-overview-cards{width:1160px;max-width:calc(100% - 40px);margin-inline:auto}html[dir=rtl] body.services-overview-page .services-overview-cards .service-grid{width:calc(100% + 4px);margin-inline:auto}}


@media(min-width:1280px) and (max-width:1439px){html[dir=rtl] body.services-overview-page .services-overview-cards{width:1120px;max-width:calc(100% - 40px);transform:translateX(-20px)}html[dir=rtl] body.services-overview-page .services-overview-cards .service-grid{width:calc(100% + 4px);margin-inline:auto}}
@media(min-width:1440px){
    html[dir=rtl] body.services-overview-page .services-overview-cards{width:1180px;max-width:calc(100% - 40px);transform:none}
    html[dir=rtl] body.services-overview-page .services-overview-cards .service-grid{width:calc(100% + 4px);margin-inline:auto}
    
    
    
    
    
}


html[dir=rtl] .homepage .home-profile-card h2 span{font-size:28px;line-height:28px;font-weight:800}
body.about-layout-page .about-profile-box .eyebrow span{font-weight:800}



@media(min-width:801px){
    html[dir=rtl] body.article-page .article-heading .post-categories>a{display:inline-block;margin:3px 3px 3px 0;padding:4px 17px 5px;border-radius:15px;background:#2b2b2b;color:#fff;font-size:11px;font-weight:500;line-height:14px}
    html[dir=rtl] body.article-page .related-posts .post-categories{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:500;line-height:21px;color:#2b2b2b}
}
@media(max-width:800px){
    html[dir=rtl] body.article-page .related-posts .blog-card .post-categories{line-height:19.5px;color:#2b2b2b}
}


html[dir=rtl] body.homepage .home-services>.wrap>.eyebrow, html[dir=rtl] body.homepage .certifications-heading-copy>.eyebrow, html[dir=rtl] body.about-layout-page .about-services>.wrap>.eyebrow{font-weight:700}



@media(min-width:801px){html[dir=rtl] body.article-page .article-heading time{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:14px;font-weight:300;line-height:24.5px;color:#777}}


@media(max-width:800px){html[dir=rtl] body.article-page .article-navigation .post_date{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:17px;font-weight:400;line-height:24.48px}}





@media(min-width:1200px){
    html[dir=rtl] body.article-page .article-detail{padding-top:70px}
    html[dir=rtl] body.article-page .article-heading{margin-bottom:58.9px}
    html[dir=rtl] body.article-page .article-cover+.article-body{margin-top:72px!important}
}



@media(min-width:801px){
    body.article-page .article-detail{width:min(1160px,calc(100% - 60px))}
    body.article-page .article-heading{width:75%}
}


@media(min-width:1200px){
    html[dir=rtl] body.article-page .article-heading{margin-bottom:46.5px}
    html[dir=rtl] body.article-page .article-cover+.article-body{margin-top:59.5px!important}
    html[dir=rtl] body.article-page .article-body.prose, html[dir=rtl] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose a, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-size:17px;line-height:27.2px}
    html[dir=rtl] body.article-page .article-body.prose p{margin:14.45px 0}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol{margin:14.45px 0}
    html[dir=rtl] body.article-page .article-body.prose ul{padding-right:25.5px}
    html[dir=rtl] body.article-page .article-body.prose ol{padding-right:17px}
    html[dir=rtl] body.article-page .article-body.prose h2{font-size:25.5px;line-height:30.6px}
    html[dir=rtl] body.article-page .article-body.prose h3{font-size:21.25px;line-height:29.75px}
    html[dir=rtl] body.article-page .article-sharing{height:51px;box-sizing:border-box;padding-top:0;margin:89.3px 0 0}
    html[dir=rtl] body.article-page .article-navigation{margin-top:82.6px}
    html[dir=rtl] body.article-page .related-posts{margin-top:68px;padding-bottom:0}
    html[dir=rtl] body.article-page .related-posts>h2{font-size:21.25px;line-height:29.75px;margin-bottom:21.25px}
    html[dir=rtl] body.article-page .related-posts .blog-card-copy h2{font-size:22px;line-height:26.4px;font-weight:500}
    html[dir=rtl] body.article-page .related-posts .blog-grid{padding-bottom:24.1px}
    
    
}






@media(min-width:1200px) and (max-width:1279px){
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]{padding-top:162.5px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"] .wrap{width:calc(100% - 60px);margin-left:0;margin-right:40px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content{padding-top:54.83px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid{width:calc(100% - 20px);margin-left:0;margin-right:20px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy{padding-bottom:14.6px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-read-more{display:inline-block;position:relative;top:-2px;margin-bottom:33.5px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-pagination{width:calc(100% - 20px);margin-left:0;margin-right:20px}
}


@media(max-width:767px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header{padding-top:126px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:53px}
}
@media(min-width:481px) and (max-width:767px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header>.wrap{width:calc(100% - 60px);margin-inline:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{width:calc(100% - 60px);margin-inline:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-pagination{width:100%;margin:0}
}
@media(min-width:768px) and (max-width:800px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header{padding-top:152.5px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header>.wrap, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{width:calc(100% - 60px);margin-inline:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-pagination{width:100%;margin:0}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:53px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
}
@media(min-width:801px) and (max-width:1199px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header{padding-top:152.5px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header>.wrap, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{width:min(748px,calc(100% - 60px));margin-inline-start:10px;margin-inline-end:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-pagination{width:100%;margin:0}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:53px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
}
@media(min-width:1200px) and (max-width:1279px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header>.wrap, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{width:748px;margin-inline-start:10px;margin-inline-end:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-grid, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-pagination{width:100%;margin:0}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:53.23px}
}


@media(min-width:768px) and (max-width:1279px){
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid, body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-pagination{width:100%;margin:0}
}

@media(min-width:768px) and (max-width:1279px){
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy{padding-bottom:0}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card h2{margin-bottom:25px;line-height:26px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-read-more{margin-bottom:20px;line-height:25.28px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy time{padding:15px 30px;background:#f7f7f7}
}
@media(min-width:768px) and (max-width:1199px){
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy{padding-bottom:1.6px}
    
}
@media(min-width:1200px) and (max-width:1279px){
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-read-more{margin-bottom:20px}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:110px}
}
@media(min-width:768px) and (max-width:800px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:122.5px}
    
    
    
    
    
}
@media(min-width:801px) and (max-width:1023px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:118.5px}
    
    
    
    
    
}
@media(min-width:1024px) and (max-width:1199px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:118.5px}
    
    
    
    
    
}
@media(max-width:480px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:50.5px}
}
@media(min-width:481px) and (max-width:767px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-top:51.3px}
}

@media(min-width:481px) and (max-width:767px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:121px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy{padding-bottom:1.5px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card h2{margin-bottom:25px;line-height:26px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-read-more{margin-bottom:20px;line-height:25.28px}
    body.blog-archive-page .category-archive-header[data-archive-kind="tag"]+.page-content .category-grid .blog-card-copy time{padding:15px 30px;background:#f7f7f7}
    
}
@media(min-width:1280px) and (max-width:1439px){
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header>.wrap, body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{width:min(1100px,calc(100% - 60px));margin-inline:auto}
    body.blog-archive-page:has(.category-archive-header[data-archive-kind="tag"]) .category-archive-header+.page-content{padding-bottom:70px}
    
    
    
    
    
}





@media(min-width:1200px) and (max-width:1439px){
    html, body{overflow-x:clip}
    
    html[dir=ltr] body.homepage{overflow-x:clip}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}











@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.article-page main{padding-top:145.5px}
    html[dir=rtl] body.article-page .article-heading h1{font-size:46px;line-height:50.6px}
    html[dir=rtl] body.article-page .article-heading{margin-bottom:44.3px}
}
@media(min-width:1280px){
    html[dir=rtl] body.article-page main{padding-top:145.5px}
    html[dir=rtl] body.article-page .article-detail{padding-bottom:64.2px}
    html[dir=rtl] body.article-page .related-posts{margin-top:88.5px}
}


@media(min-width:768px){
    html[dir=ltr] body.contact-page .contact-details h2{font-size:26px;line-height:39px}
    html[dir=ltr] body.contact-page .contact-enquiry-title{font-size:36px;line-height:43.2px}
    html[dir=ltr] body.contact-page .contact-enquiry-title .sc_item_title_text{font-size:30px;line-height:43.2px}
    html[dir=rtl] body.contact-page .contact-details h2{font-size:26px;line-height:39px}
    html[dir=rtl] body.contact-page .contact-enquiry-title{font-size:36px;line-height:36px}
    html[dir=rtl] body.contact-page .contact-faq summary{font-size:18px;line-height:21.6px}
}
html[dir=rtl] body.contact-page .contact-enquiry-title b{font-weight:700}


@media(max-width:767px){
 html[lang="en"] .homepage .partner-heading h2{font-size:22px;line-height:26.4px;min-height:26.4px;font-weight:700}
 .homepage .home-creative-main h2{font-weight:700}
 body.about-layout-page .about-creative-main h2{font-size:22px;line-height:26.4px;min-height:26.4px;margin-bottom:16px;font-weight:700}
 body.about-layout-page .about-timeline>h2{font-size:22px;line-height:26.4px;min-height:26.4px;margin-bottom:0;font-weight:700}
}




body{font-size:18px;line-height:1.6}
@media(min-width:801px) and (max-width:1199px){body{font-size:17px}}
@media(max-width:800px){body{font-size:16px;line-height:24.48px}}

html[dir=rtl] body.article-page .article-body.prose :is(ul,ol,li,a){font-family:"IBM Plex Sans Arabic",sans-serif}

@media(min-width:768px) and (max-width:800px){
    html[dir=ltr] .homepage .partner-heading h2{font-size:30px;line-height:36px}
    .homepage .partner-heading-description, .homepage .certifications-introduction{line-height:26.86px}
}


body.about-layout-page .about-creative-main h2 strong, body.about-layout-page .about-timeline>h2 strong{font-weight:700}
@media(max-width:767px){body.about-layout-page .about-heading-copy{font-size:32px;line-height:44.8px}}


body.contact-page .contact-form-panel .form-field label>span[aria-hidden="true"], body.contact-page .contact-form-panel .form-field legend>span[aria-hidden="true"]{font-size:16px;font-weight:400;line-height:19px}


@media(min-width:1200px){
    html[dir=ltr] .homepage .hero{height:700px;min-height:0;max-height:none;margin-top:0}
    html[dir=ltr] .home-hero-divider{display:block;position:relative;z-index:1;height:170px;margin-top:-55px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat;pointer-events:none}
    html[dir=ltr] body.homepage .locations-section::before{content:none;background:none}
    html[dir=ltr] .homepage .locations-section{margin-top:-28px}
    html[dir=ltr] .homepage .locations-card{margin-top:-87px}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir=ltr] .homepage .hero{height:700px;min-height:700px;max-height:none;margin-top:-18px}
    html[dir=ltr] .home-partners-background{margin-top:0}
}


@media(min-width:768px) and (max-width:1199px){html[dir=ltr] .home-services .service-carousel-card-bottom h3{font-size:20.4px;line-height:26.52px}}
@media(min-width:1280px){html[dir=ltr] .home-services .service-carousel-card-bottom h3{font-size:21.6px;line-height:28.08px}}

@media(min-width:768px) and (max-width:784px){
    html[dir=ltr] .home-circle-region{margin-top:67px}
    html[dir=ltr] .home-future-copy h2{font-size:30px;line-height:36px}
    html[dir=ltr] .home-future-copy p{line-height:26.86px}
}
@media(max-width:767px){
    html[dir=ltr] .homepage .hero{height:480px;min-height:480px;max-height:none;margin-top:-20px}
    html[dir=ltr] .home-hero-divider{display:block;position:relative;z-index:1;height:170px;margin-top:-20px;background:url("/assets/home/a7337bfc6e4fdc23.png.webp") center/cover no-repeat;pointer-events:none}
    html[dir=ltr] .homepage .locations-section::before{content:none;background:none}
    html[dir=ltr] .homepage .locations-section{margin-top:0;padding-top:0}
    html[dir=ltr] .homepage .locations-card{margin-top:-50px;padding-top:50px}
    html[dir=ltr] .home-creative-section{padding-bottom:134px}
    html[dir=ltr] .home-partners-background{padding-bottom:64px}
}


.homepage .home-heading-regular, .homepage .home-creative-title-regular{font-weight:400}


@media (max-width:767px){
    html[lang="en"] .homepage .home-creative-section{padding-bottom:70px}
    html[lang="en"] .homepage .home-creative-main h2>strong, html[lang="en"] .homepage .home-creative-main h2>.home-creative-title-regular{font-size:32px;line-height:44.8px}
    html[lang="en"] .homepage .home-services h2{font-size:32px;line-height:38.4px;text-align:left}
    html[lang="en"] .homepage .home-partners-background{padding-bottom:0}
    html[lang="en"] .homepage .partner-heading h2>strong, html[lang="en"] .homepage .partner-heading h2>.home-heading-regular{font-size:32px;line-height:44.8px}
    html[lang="en"] .homepage .certification-track article{height:auto;min-height:0;padding-bottom:62px}
}


@media (min-width:768px) and (max-width:1199px){
    html[dir=rtl] .home-profile-card .profile-links a:not([lang=ar]){width:144px}
}
@media (min-width:826px) and (max-width:1199px){
    html[dir=rtl] .home-profile-card .profile-links{flex-direction:row;column-gap:16px}
    html[dir=rtl] .home-profile-card .profile-links a{flex-shrink:0}
    html[dir=rtl] .home-profile-card .profile-links a[lang=ar]{order:-1}
}
@media (min-width:1024px) and (max-width:1199px){
    html[dir=rtl] .home-profile-card h2{font-size:28px;line-height:39.2px}
    html[dir=rtl] .home-profile-card{margin-top:66.2px}
    html[dir=rtl] .home-profile-card>img{width:calc(100% - 14px);inset-inline-end:13px}
    html[dir=rtl] .home-creative-main{margin-top:69.5px}
    html[dir=rtl] .home-creative-main>p{line-height:27.2px}
}

@media (max-width:767px){
}
@media (max-width:767px){
}
@media (max-width:767px){

}





@media(min-width:1200px) and (max-width:1439px){
    html[dir=rtl] body.portfolio-page .portfolio-showcase{width:min(1180px,calc(100% - 160px))!important;max-width:1180px!important}
    
}









html[dir=rtl] body.portfolio-page .portfolio-filters button[aria-pressed="true"]{border-bottom-color:transparent;color:#f7c13d}
html[dir=rtl] body.portfolio-page .portfolio-filters button:hover, html[dir=rtl] body.portfolio-page .portfolio-filters button:focus-visible{color:#f7c13d}


@media(min-width:1200px) and (max-width:1439px){
    html[dir=ltr] body.portfolio-page .portfolio-showcase{width:min(1180px,calc(100% - 160px))!important;max-width:1180px!important}
}


html[dir=ltr] body.portfolio-page .portfolio-filters button{transition:color .3s ease,border-color .3s ease}
html[dir=ltr] body.portfolio-page .portfolio-filters button:hover, html[dir=ltr] body.portfolio-page .portfolio-filters button:focus-visible{color:#f7c13d}


@media(min-width:768px) and (max-width:1439px){
    body.services-overview-page .services-overview-intro.wrap{width:min(1120px,calc(100% - 40px));max-width:1120px}
}
@media(min-width:1440px){
    body.services-overview-page .services-overview-intro.wrap{width:min(1180px,calc(100% - 40px));max-width:1180px}
}
@media(min-width:1200px) and (max-width:1439px){
    html[dir=ltr] body.services-overview-page .services-overview-cards{width:1120px;max-width:calc(100% - 40px)}
}


html[dir=ltr] body.services-overview-page .services-overview-cards .service-card{background:#05080d!important}








@media(min-width:1200px){
    html[dir=ltr]:has(body.homepage){overflow-x:clip}
}

@media(min-width:1200px) and (max-width:1279px){
    
    html[dir=ltr] body.homepage #main{margin-top:-103.96875px}
}




@media(min-width:801px){
body.contact-page .page-content:has(.contact-details)>.contact-details{width:calc(100% + 40px);margin-top:-10px;margin-inline:-20px;margin-bottom:94px;gap:0}
body.contact-page .contact-details>section{margin:12px;padding:40px}
body.contact-page .contact-detail-icon{width:55px;height:55px;margin-bottom:18.5px}
body.contact-page .contact-detail-icon svg{width:55px;height:55px}
body.contact-page .contact-details li{line-height:28.8px}
html[dir=rtl] body.contact-page .contact-enquiry-title{width:554px;margin-top:0;margin-right:calc((100% - 1180px)/2 + 120px);margin-bottom:30px;margin-left:auto}
html[dir=rtl] body.contact-page .contact-form-panel{margin-top:-51px;margin-left:0;transform:translateX(95px)}
html[dir=rtl] body.contact-page .contact-form-panel .form-field.field-email, html[dir=rtl] body.contact-page .contact-form-panel .form-field.field-phone{transform:translateX(-12px)}
html[dir=rtl] body.contact-page .contact-map{margin-left:0;transform:translateX(-10px)}
}


@media(max-width:767px){
    html[dir=rtl] body.contact-page .contact-grid>.contact-map{margin-top:2px}
    html[dir=rtl] body.contact-page .contact-faq{padding-bottom:67.5px}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}






@media(min-width:801px) and (max-width:1199px){
    html[dir=rtl] body.contact-page .page-content:has(.contact-details)>.contact-details{position:relative;left:calc(50vw - 50% - 20px);width:calc(100vw - 40px);margin:-10px 0 60px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
    html[dir=rtl] body.contact-page .contact-details>section{min-height:289.9px;margin:0;padding:40px}
}
@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.contact-page .page-content:has(.contact-details)>.contact-details{position:relative;left:0;width:calc(100vw - 40px);margin:20px auto 60px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
    html[dir=rtl] body.contact-page .contact-details>section{min-height:342.9px;margin:0;padding:40px}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir=rtl] body.contact-page .contact-enquiry{width:calc(100vw + 30px);margin-inline:calc(50% - 50vw - 15px);margin-block:0;padding:70px 0}
    html[dir=rtl] body.contact-page .contact-enquiry-title{position:relative;left:-155px;width:min(854px,calc(100vw - 170px));max-width:none;margin:0 0 30px 45px}
    html[dir=rtl] body.contact-page .contact-grid{display:grid;width:calc(100vw - 40px);margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:50px}
    html[dir=rtl] body.contact-page .contact-form-panel{box-sizing:border-box;grid-column:1;grid-row:1;width:calc(100% - 20px);min-height:458px;max-width:none;margin:0 10px;padding:20px;transform:none}
    html[dir=rtl] body.contact-page .contact-form-panel .field-email, html[dir=rtl] body.contact-page .contact-form-panel .field-phone{transform:none}
    html[dir=rtl] body.contact-page .contact-grid>.contact-map{box-sizing:border-box;grid-column:1;grid-row:2;width:calc(100% - 20px);margin:0 10px;transform:none}
    html[dir=rtl] body.contact-page .contact-grid>.contact-map iframe{height:500px}
    html[dir=rtl] body.contact-page .contact-faq{box-sizing:border-box;position:relative;left:calc(50vw + 15px - 50%);width:calc(100vw + 30px);max-width:none;margin:0;padding:70px 0}
    html[dir=rtl] body.contact-page .contact-faq h2, html[dir=rtl] body.contact-page .contact-faq details{width:min(880px,calc(100vw - 70px));margin-inline:auto}
    html[dir=rtl] body.contact-page .contact-faq h2{margin-bottom:20px}
    html[dir=rtl] body.contact-page .contact-faq details{padding:0}
    html[dir=rtl] body.contact-page .contact-faq summary{box-sizing:border-box;height:62.6px;padding:20px 0;line-height:21.6px}
}
@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.contact-page .contact-enquiry-title{font-size:30px;line-height:33.5px}
    html[dir=rtl] body.contact-page .contact-enquiry-title b{font-size:32px;line-height:32px}
    html[dir=rtl] body.contact-page .contact-faq h2{font-size:30px;line-height:36px}
    
    
    
    
    
    
}

@media(min-width:1200px) and (max-width:1439px){
    html[dir=rtl] body.contact-page .page-content:has(.contact-details)>.contact-details{width:1120px;margin-inline:auto}
    html[dir=rtl] body.contact-page .contact-details>section{min-height:269.1px}
}
@media(min-width:1200px) and (max-width:1280px){
    html[dir=rtl] body.contact-page .contact-enquiry-title{width:519.2px;margin-right:215px}
    html[dir=rtl] body.contact-page .contact-grid{width:1120px;grid-template-columns:minmax(0,649.2px) minmax(0,470.4px)}
    html[dir=rtl] body.contact-page .contact-form-panel{width:555.4px;margin-top:-52px}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.article-page .article-detail{width:calc(100% - 60px);max-width:none;padding-top:17px}
    html[dir=rtl] body.article-page .article-heading{max-width:none}
    html[dir=rtl] body.article-page .article-detail[data-article-slug="ar/دليل-التسويق-الرقمي-للشركات-2026"]{padding-top:70px}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=rtl] body.article-page .article-detail{width:1100px;max-width:calc(100% - 60px);padding-top:19.5px}
    html[dir=rtl] body.article-page .article-detail[data-article-slug="ar/دليل-التسويق-الرقمي-للشركات-2026"]{padding-top:73.5px}
}
@media(min-width:1440px){
    html[dir=rtl] body.article-page .article-detail{width:min(1160px,calc(100% - 60px));padding-top:19.5px}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.article-page:has(.article-tags) .article-tags{display:flex;margin:47.6px 0 0}
    html[dir=rtl] body.article-page:has(.article-tags) .article-tags a{display:block;margin:3.25px 0 3.25px 6.5px;padding:8px 18px 9px;border:1px solid #e2e2e2;border-radius:18px;background:#fff;color:#2b2b2b;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:400;line-height:16px;text-decoration:none}
    html[dir=rtl] body.article-page:has(.article-tags) .article-sharing{box-sizing:content-box;height:51px;margin:56px 0 0;padding:30.8px 0 0;border-top:1px solid #e2e2e2;align-items:flex-start}
    html[dir=rtl] body.article-page .article-navigation-shell--tagged{margin-top:30.6px;padding-top:51px;border-top:1px solid #e2e2e2}
    html[dir=rtl] body.article-page .article-navigation-shell--tagged .article-navigation{height:58.5px;margin:0;padding:0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
    html[dir=rtl] body.article-page .article-navigation-shell--tagged .article-nav-label{color:#6a6a6a;font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:400;line-height:18px;text-transform:uppercase}
    html[dir=rtl] body.article-page .article-navigation-shell--tagged .post-title{font-size:19px;line-height:28.5px;margin:12px 0 0}
}


body.about-layout-page .about-branch h2{color:#020103}























@media(min-width:1024px) and (max-width:1199px){
    html[dir=ltr] body.portfolio-page .portfolio-showcase .portfolio-filters{margin-bottom:34px}
    html[dir=ltr] body.portfolio-page .portfolio-showcase .portfolio-filters button{line-height:27.2px;border-bottom:0}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.portfolio-page .page-hero{padding:71px 0 100px}
    html[dir=ltr] body.portfolio-page .portfolio-showcase{width:calc(100% - 40px)!important;max-width:none!important}
    html[dir=ltr] body.portfolio-page .portfolio-showcase .portfolio-filters{margin-bottom:34px}
    html[dir=ltr] body.portfolio-page .portfolio-showcase .portfolio-filters button{line-height:27.2px;border-bottom:0}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir=ltr] body.portfolio-page.inner-page:has(.portfolio-showcase-surface) .page-hero{padding:156.5px 0 90px}
}
@media(min-width:768px){
    html[dir=ltr] body.portfolio-page .page-hero h1{width:max-content;max-width:100%;margin-inline:auto}
}








@media(max-width:767px){
    html[dir=ltr] body.portfolio-page .portfolio-showcase .portfolio-filters button{color:#2b2b2b;line-height:24.48px;border:0}
}


@media(min-width:801px){
    html[dir=rtl] body.project-detail-page .project-detail-grid{grid-template-columns:70% 30%}
}


@media(min-width:801px) and (max-width:1199px){
    .project-detail-page .project-detail{
        --project-detail-content-width:calc(100% - 60px);
        --project-detail-title-size:34px;
        --project-detail-title-gap:25px;
        width:min(1160px,var(--project-detail-content-width));
        padding-bottom:70px;
    }
    .project-detail-page .project-detail>h1{
        max-width:none;
        font-size:var(--project-detail-title-size);
        line-height:1.2;
        margin-bottom:var(--project-detail-title-gap);
    }
    .project-detail-page .project-presentation.prose, .project-detail-page .project-presentation.prose p{
        font-size:17px;
        line-height:27.2px;
    }
    .project-detail-page .project-presentation.prose{padding-bottom:25px}
    .project-detail-page .project-details{padding-top:14.5px;font-size:17px;line-height:27.2px}
    .project-detail-page .project-details>p{margin-bottom:30px}
    .project-detail-page .project-navigation{height:29.2px;min-height:29.2px;margin-top:42.5px}
    .project-detail-page .project-presentation.prose iframe{margin:0}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose{padding-bottom:0}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose:has(iframe){padding-bottom:27px}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose img:first-child{margin:22.95px 0 17px}
    html[dir=rtl] .project-detail-page .project-presentation.prose{min-height:700px;box-sizing:border-box}
}


@media(min-width:801px) and (max-width:1023px){
    .project-detail-page .project-detail{--project-detail-title-gap:20px}
    .project-detail-page .project-detail-grid{grid-template-columns:60% 40%}
    html[dir=rtl] body.project-detail-page .project-detail-grid{
        direction:ltr;
        grid-template-columns:30% 60% 10%;
    }
    html[dir=rtl] .project-detail-page .project-presentation{grid-column:2;grid-row:1;direction:rtl}
    html[dir=rtl] .project-detail-page .project-details{grid-column:1;grid-row:1;direction:rtl}
}


@media(min-width:1200px) and (max-width:1279px){
    
    html[dir=ltr] body.about-layout-page .page-hero{position:relative;display:block;height:227px;min-height:227px;padding:0!important}
    html[dir=ltr] body.about-layout-page .page-hero>.wrap{position:static;width:100%;max-width:none;margin:0}
    html[dir=ltr] body.about-layout-page .page-hero h1{position:absolute;top:71px;left:50%;width:max-content;max-width:calc(100% - 40px);margin:0;transform:translateX(-50%);font-size:40px;line-height:56px}
}
@media(min-width:1280px){
    
    
    
    
    
    
    
    
    
    html[dir=ltr] body.about-layout-page .page-hero{position:relative;display:block;height:390px;min-height:390px;padding:0!important}
    html[dir=ltr] body.about-layout-page .page-hero>.wrap{position:static;width:100%;max-width:none;margin:0}
    html[dir=ltr] body.about-layout-page .page-hero h1{position:absolute;top:234px;left:50%;width:max-content;max-width:calc(100% - 40px);margin:0;transform:translateX(-50%);font-size:40px;line-height:56px}
}



@media(min-width:1200px){
    html[dir=ltr] body.about-layout-page .about-branch{
        display:block;
        position:relative;
        box-sizing:border-box;
        width:500px;
        max-width:none;
        height:552px;
        min-height:552px;
        margin-top:0;
        margin-inline-start:-5px;
        padding:150px 50px 0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
        text-align:start;
    }
    html[dir=ltr] body.about-layout-page .about-branch::before{
        content:"";
        position:absolute;
        z-index:0;
        top:100px;
        left:0;
        width:500px;
        height:382px;
        border-radius:16px;
        background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") 0 0 repeat;
        box-shadow:0 20px 40px rgba(0,0,0,.1);
        pointer-events:none;
    }
    html[dir=ltr] body.about-layout-page .about-branch h2{
        position:relative;
        z-index:2;
        width:400px;
        max-width:400px;
        margin:0 0 30px;
    }
    html[dir=ltr] body.about-layout-page .about-branch .button{position:relative;z-index:2}
    html[dir=ltr] body.about-layout-page .about-branch>img{
        position:absolute;
        z-index:1;
        top:174.7px;
        bottom:auto;
        left:45px;
        right:auto;
        width:360px;
        height:400.3px;
        max-width:none;
        margin:0;
        object-fit:contain;
    }
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page .about-branch{margin-bottom:0}
}
@media(min-width:1280px){
    html[dir=ltr] body.about-layout-page .about-branch{margin-bottom:0}
}


@media(min-width:1200px){
    html[dir=ltr] body.about-layout-page .about-creative{
        box-sizing:border-box;
        width:500px;
        max-width:none;
        grid-template-columns:190px 185px 122.77px;
        gap:0;
        margin:0 0 0 -5px;
        padding:70px 0;
    }
    html[dir=ltr] body.about-layout-page .about-profile{min-width:0;padding:0 30px 0 10px}
    html[dir=ltr] body.about-layout-page .about-profile .creative-left{width:150px;height:450px;max-width:none;object-fit:cover}
    html[dir=ltr] body.about-layout-page .about-profile-box{box-sizing:border-box;width:100%;margin-top:0;padding:30px 30px 0}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow{line-height:27.2px}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow span{font-size:15px;font-weight:800;line-height:15px;overflow-wrap:break-word}
    html[dir=ltr] body.about-layout-page .about-profile-box h3{width:90px;max-width:90px;margin-inline-start:-2px;font-weight:800;overflow-wrap:break-word}
    html[dir=ltr] body.about-layout-page .about-profile-box .profile-links{display:flex;flex-direction:column;align-items:flex-start;gap:0}
    html[dir=ltr] body.about-layout-page .about-profile-box .button{display:block;box-sizing:border-box;width:100px;min-width:100px;padding:17px 0}
    html[dir=ltr] body.about-layout-page .about-profile-box>img{position:static;display:block;width:calc(100% + 60px);max-width:none;margin:146px 0 0 -30px;object-fit:contain}
    html[dir=ltr] body.about-layout-page .about-creative-main{display:block;min-width:0;padding:0 10px;gap:0}
    html[dir=ltr] body.about-layout-page .about-creative-main h2{width:167px;max-width:167px;margin:0 0 16px -2px;overflow-wrap:break-word}
    html[dir=ltr] body.about-layout-page .about-creative-main p{font-size:14px;line-height:21px;overflow-wrap:break-word}
    html[dir=ltr] body.about-layout-page .about-creative-main>img{display:block;width:165px;max-width:none;height:auto;margin:160px 0 0;object-fit:contain}
    html[dir=ltr] body.about-layout-page .about-counters{box-sizing:border-box;width:calc(100% - 4.906px);margin:0 0 30px 4.906px;padding:0 10px 21px}
    html[dir=ltr] body.about-layout-page .about-counters>div{border:0;margin:0 0 41px;padding:0}
    html[dir=ltr] body.about-layout-page .about-counters>div:last-child{margin-bottom:0}
    html[dir=ltr] body.about-layout-page .about-counters p{margin:7px 0 0}
}
@media(min-width:1280px){
    html[dir=ltr] body.about-layout-page .about-creative{padding-bottom:70px}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow{line-height:28.8px}
    html[dir=ltr] body.about-layout-page .about-counters p{margin:11.2px 0 0}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page .about-purpose{
        box-sizing:border-box;
        width:1230px;
        max-width:none;
        margin:0 0 0 -15px;
        padding:0 30px 70px;
    }
    html[dir=ltr] body.about-layout-page .about-purpose p{line-height:27.2px}
}


@media(min-width:1200px){
    body.about-layout-page .about-services>.wrap{
        width:500px;
        max-width:none;
        margin-inline-start:-5px;
        margin-inline-end:0;
    }
    body.about-layout-page .about-services>.wrap>.eyebrow{
        width:480px;
        margin-inline-start:10px;
    }
    body.about-layout-page .about-services>.wrap>h2{
        width:482px;
        max-width:482px;
        margin-inline-start:8px;
    }
    body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 500px;
        width:500px;
        min-width:500px;
        max-width:500px;
        height:583.3px;
        min-height:583.3px;
    }
}
@media(min-width:1200px) and (max-width:1279px){
    body.about-layout-page .about-services .service-carousel-track>.service-card{height:657.7px;min-height:657.7px}
}
@media(min-width:1280px) and (max-width:1439px){
    body.about-layout-page .about-services>.wrap>.eyebrow{margin-bottom:15.4px}
}

@media(min-width:1280px){
    html[dir=ltr] body.about-layout-page .page-hero{height:331px;min-height:331px}
    html[dir=ltr] body.about-layout-page .page-hero h1{top:175px}
    html[dir=ltr] body.about-layout-page .about-branch{
        width:1280px;
        height:452px;
        min-height:452px;
        margin:0;
        padding:150px 0 0;
        box-sizing:border-box;
    }
    html[dir=ltr] body.about-layout-page .about-branch::before{
        top:100px;
        left:50px;
        width:1180px;
        height:282px;
        border-radius:16px;
        box-shadow:0 20px 40px rgba(0,0,0,.1);
    }
    html[dir=ltr] body.about-layout-page .about-branch h2{
        width:1080px;
        max-width:1080px;
        margin:0 0 30px 100px;
    }
    html[dir=ltr] body.about-layout-page .about-branch .button{margin-inline-start:100px}
    html[dir=ltr] body.about-layout-page .about-branch>img{
        top:6.2px;
        left:675.7px;
        width:421.6px;
        height:468.8px;
    }
    html[dir=ltr] body.about-layout-page .about-creative{
        width:1280px;
        max-width:none;
        margin:0;
        padding:70px 80px;
        box-sizing:border-box;
        grid-template-columns:38% 37% 25%;
        gap:0;
    }
    html[dir=ltr] body.about-layout-page .about-profile, html[dir=ltr] body.about-layout-page .about-creative-main, html[dir=ltr] body.about-layout-page .about-counters{height:869px;min-height:0}
    html[dir=ltr] body.about-layout-page .about-profile .creative-left{width:100%;height:450px}
    html[dir=ltr] body.about-layout-page .about-profile-box{margin-top:16.8px}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow{font-size:15px;font-weight:800}
    html[dir=ltr] body.about-layout-page .about-profile-box h3{width:auto;max-width:none;font-weight:700}
    html[dir=ltr] body.about-layout-page .about-profile-box .profile-links{
        flex-direction:row;
        align-items:flex-start;
        gap:16px;
        margin-bottom:0;
    }
    html[dir=ltr] body.about-layout-page .about-profile-box .button{width:144px;min-width:144px;padding:17px 0}
    html[dir=ltr] body.about-layout-page .about-profile-box>img{width:calc(100% + 60px);margin:-3px 0 0 -30px;object-fit:cover}
    html[dir=ltr] body.about-layout-page .about-profile-box .button[lang=ar]{font-family:"IBM Plex Sans Arabic",serif}
    html[dir=ltr] body.about-layout-page .about-creative-main h2{width:100%;max-width:none}
    html[dir=ltr] body.about-layout-page .about-creative-main>img{width:100%;height:auto}
    html[dir=ltr] body.about-layout-page .about-counters{
        width:auto;
        margin:0;
        padding:0 10px 21px;
    }
    html[dir=ltr] body.about-layout-page .about-counters>div{margin-bottom:41px}
    html[dir=ltr] body.about-layout-page .about-services>.wrap{
        width:min(1180px,calc(100% - 160px));
        max-width:none;
        margin:0 auto;
    }
    html[dir=ltr] body.about-layout-page .about-services>.wrap>h2{
        width:calc(100% - 18px);
        max-width:none;
    }
    html[dir=ltr] body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 320px;
        width:320px;
        min-width:320px;
        max-width:320px;
        height:376.3px;
        min-height:376.3px;
    }
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.about-layout-page .about-creative{padding-inline:80px}
    html[dir=ltr] body.about-layout-page .about-profile-box{margin-top:0}
    html[dir=ltr] body.about-layout-page .about-profile, html[dir=ltr] body.about-layout-page .about-creative-main, html[dir=ltr] body.about-layout-page .about-counters{height:869px}
}
@media(min-width:1440px){
    html[dir=ltr] body.about-layout-page .about-creative{padding-inline:50px}
    html[dir=ltr] body.about-layout-page .about-profile-box>img{margin-top:-17.5px}
    html[dir=ltr] body.about-layout-page .about-profile, html[dir=ltr] body.about-layout-page .about-creative-main, html[dir=ltr] body.about-layout-page .about-counters{height:885.8px}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page .about-branch{
        width:1280px;
        height:452px;
        min-height:452px;
        margin:0;
        padding:150px 0 0;
        box-sizing:border-box;
    }
    html[dir=ltr] body.about-layout-page .about-branch::before{
        top:100px;
        left:calc(660px - 50vw);
        width:calc(100vw - 40px);
        height:282px;
    }
    html[dir=ltr] body.about-layout-page .about-branch h2{
        width:calc(100vw - 140px);
        max-width:none;
        margin:0 0 30px calc(710px - 50vw);
    }
    html[dir=ltr] body.about-layout-page .about-branch .button{margin-inline-start:calc(710px - 50vw)}
    html[dir=ltr] body.about-layout-page .about-branch>img{
        top:6.2px;
        left:calc(50vw + 95.7px);
        width:421.6px;
        height:468.8px;
    }
    html[dir=ltr] body.about-layout-page .about-creative{
        width:1280px;
        max-width:none;
        margin:0;
        padding:70px calc(660px - 50vw);
        box-sizing:border-box;
        grid-template-columns:38% 37% 25%;
        gap:0;
    }
    html[dir=ltr] body.about-layout-page .about-profile, html[dir=ltr] body.about-layout-page .about-creative-main, html[dir=ltr] body.about-layout-page .about-counters{height:calc(50vw + 275.8px);min-height:0}
    html[dir=ltr] body.about-layout-page .about-profile{display:flex;flex-direction:column;justify-content:space-between}
    html[dir=ltr] body.about-layout-page .about-profile .creative-left{width:100%;height:450px}
    html[dir=ltr] body.about-layout-page .about-profile-box{margin-top:0}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow{font-size:15px;font-weight:800}
    html[dir=ltr] body.about-layout-page .about-profile-box h3{width:auto;max-width:none;font-weight:700}
    html[dir=ltr] body.about-layout-page .about-profile-box .profile-links{flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:0}
    html[dir=ltr] body.about-layout-page .about-profile-box .button{width:144px;min-width:144px;padding:17px 0}
    html[dir=ltr] body.about-layout-page .about-profile-box .button[lang=ar]{font-family:"IBM Plex Sans Arabic",serif}
    html[dir=ltr] body.about-layout-page .about-profile-box>img{width:calc(100% + 60px);margin:-3px 0 0 -30px;object-fit:cover}
    html[dir=ltr] body.about-layout-page .about-profile-box .eyebrow, html[dir=ltr] body.about-layout-page .about-profile-box h3, html[dir=ltr] body.about-layout-page .about-profile-box .profile-links{transform:translateY(calc(24.7vw - 287.2px))}
    html[dir=ltr] body.about-layout-page .about-creative-main h2{width:100%;max-width:none}
    html[dir=ltr] body.about-layout-page .about-creative-main>img{width:100%;height:auto}
    html[dir=ltr] body.about-layout-page .about-counters{width:auto;margin:0;padding:0 10px 21px}
    html[dir=ltr] body.about-layout-page .about-counters>div{margin-bottom:41px}
    html[dir=ltr] body.about-layout-page .about-services{width:1280px}
    html[dir=ltr] body.about-layout-page .about-services>.wrap{
        width:calc(100vw - 40px);
        max-width:none;
        margin:0 0 0 calc(660px - 50vw);
    }
    html[dir=ltr] body.about-layout-page .about-services>.wrap>.eyebrow{width:auto;margin-bottom:12.6px}
    html[dir=ltr] body.about-layout-page .about-services>.wrap>h2{width:calc(100% - 18px);max-width:none}
    html[dir=ltr] body.about-layout-page .about-services .service-carousel{width:100vw;margin-inline:0}
    html[dir=ltr] body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 320px;
        width:320px;
        min-width:320px;
        max-width:320px;
        height:423.7px;
        min-height:423.7px;
    }
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.about-layout-page .about-services>.wrap{width:1120px;margin:0 0 0 80px}
}
@media(min-width:1440px){
    html[dir=ltr] body.about-layout-page .about-services>.wrap{width:1180px;margin:0 0 0 50px}
}

@media(min-width:1440px){
    html[dir=ltr] body.about-layout-page .about-branch>img{left:785.7px}
}

@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 25vw;
        width:25vw;
        min-width:25vw;
        max-width:25vw;
        height:33.14vw;
        min-height:33.14vw;
    }
    html[dir=ltr] body.about-layout-page .about-values{
        width:calc(100vw - 30px);
        max-width:none;
        margin-inline:auto;
    }
    html[dir=ltr] body.about-layout-page .about-values>div>p{font-size:18px;line-height:27.2px;margin-top:18px}
    html[dir=ltr] body.about-layout-page .about-values article h3{font-size:28px;line-height:39.2px}
    html[dir=ltr] body.about-layout-page .about-values article p{font-size:17px;line-height:27.2px}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page .about-timeline{
        width:calc(100vw - 30px);
        max-width:none;
        margin-inline:auto;
    }
    html[dir=ltr] body.about-layout-page .about-timeline article, html[dir=ltr] body.about-layout-page .about-timeline li:nth-child(even) article{margin-inline:0}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.about-layout-page .page-hero{
        position:relative;
        display:block;
        height:227px;
        min-height:227px;
        padding:0!important;
    }
    html[dir=rtl] body.about-layout-page .page-hero>.wrap{
        position:static;
        width:100%;
        max-width:none;
        margin:0;
    }
    html[dir=rtl] body.about-layout-page .page-hero h1{
        position:absolute;
        top:71px;
        left:50%;
        width:max-content;
        max-width:calc(100% - 40px);
        margin:0;
        transform:translateX(-50%);
        font-size:40px;
        line-height:56px;
    }
    html[dir=rtl] body.about-layout-page .about-branch{
        width:calc(100vw - 40px);
        max-width:none;
        margin-inline:20px;
    }
    html[dir=rtl] body.about-layout-page .about-branch>img{
        inset-inline-end:102.7px;
        width:421.6px;
        height:468.8px;
    }
    html[dir=rtl] body.about-layout-page .about-creative{
        height:calc(50vw + 407.3px);
        min-height:0;
        box-sizing:border-box;
    }
    html[dir=rtl] body.about-layout-page .about-purpose{
        width:calc(100vw - 30px);
        max-width:none;
        height:305.4px;
        min-height:0;
        margin-inline:auto;
        padding:0 0 70px;
        box-sizing:border-box;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
    }
    html[dir=rtl] body.about-layout-page .about-purpose article{
        margin:0;
        padding:63px 43px 0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    html[dir=rtl] body.about-layout-page .about-purpose h2{
        margin:0 0 16px;
        font-size:28px;
        line-height:39px;
        font-weight:700;
    }
    html[dir=rtl] body.about-layout-page .about-purpose p{
        margin:0;
        font-size:16px;
        line-height:27.2px;
    }
    html[dir=rtl] body.about-layout-page .about-services>.wrap{
        width:calc(100vw - 58px);
        max-width:none;
        margin-inline:30px 28px;
    }
    html[dir=rtl] body.about-layout-page .about-services>.wrap>.eyebrow, html[dir=rtl] body.about-layout-page .about-services>.wrap>h2{
        width:100%;
        max-width:none;
        margin-inline:0;
    }
    html[dir=rtl] body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 25vw;
        width:25vw;
        min-width:25vw;
        max-width:25vw;
        height:33.164vw;
        min-height:33.164vw;
    }
}


@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.about-layout-page .about-branch{
        position:relative;
        box-sizing:border-box;
        width:calc(100vw - 40px);
        min-height:454px;
        height:454px;
        margin-inline:20px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    html[dir=rtl] body.about-layout-page .about-branch::before{
        content:"";
        position:absolute;
        top:100px;
        inset-inline:0;
        height:284px;
        border-radius:16px;
        background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") 0 0 repeat;
        box-shadow:0 20px 40px rgba(0,0,0,.1);
    }
    html[dir=rtl] body.about-layout-page .about-branch>div{
        position:absolute;
        z-index:1;
        top:150px;
        inset-inline:20px;
        width:auto;
    }
    html[dir=rtl] body.about-layout-page .about-branch>img{
        top:99px;
        bottom:auto;
        inset-inline-end:0;
        width:340px;
        height:378.06px;
    }
    html[dir=rtl] body.about-layout-page .about-creative-main{
        display:block;
        height:auto;
        min-height:0;
        gap:0;
    }
    html[dir=rtl] body.about-layout-page .about-creative{
        height:1463.07px;
        min-height:0;
        box-sizing:border-box;
    }
    html[dir=rtl] body.about-layout-page .about-creative-main h2{
        font-size:30px;
        line-height:36px;
        margin-bottom:16px;
    }
    html[dir=rtl] body.about-layout-page .about-creative-main p{line-height:26.86px}
    html[dir=rtl] body.about-layout-page .about-creative-main>img{
        display:block;
        width:100%;
        height:auto;
        margin:160px 0 0;
    }
    html[dir=rtl] body.about-layout-page .about-profile-box{margin-top:19.5px}
    html[dir=rtl] body.about-layout-page .about-profile-box h3{
        font-size:25px;
        line-height:35px;
        color:#1f242e;
    }
    html[dir=rtl] body.about-layout-page .about-profile-box h3 span{font-size:25px;line-height:35px}
    html[dir=rtl] body.about-layout-page .about-profile-box .profile-links{row-gap:0}
    html[dir=rtl] body.about-layout-page .about-services>.wrap{
        width:calc((100vw - 40px)*.8);
        max-width:none;
        margin-inline:20px auto;
    }
    html[dir=rtl] body.about-layout-page .about-services>.wrap>.eyebrow, html[dir=rtl] body.about-layout-page .about-services>.wrap>h2{
        width:calc(100% - 20px);
        max-width:none;
        margin-inline:10px;
    }
}


@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.about-layout-page .about-services .service-carousel-card-bottom .arrow{
        height:1.3em;
        margin-top:.8em;
        line-height:0;
    }
}
@media(min-width:801px) and (max-width:1199px){
    html[dir=rtl] body.about-layout-page .about-services .service-carousel-card-bottom .arrow{
        height:1.3em;
        margin-top:1.2em;
        line-height:0;
    }
}


@media(min-width:1024px) and (max-width:1199px){
    html[dir=rtl] body.about-layout-page .about-timeline{padding-bottom:84.08px}
    
    
    
    
    
    
    
    
}


@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.about-layout-page .about-timeline{margin-top:3px;padding-bottom:68.766px}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}


@media(min-width:801px) and (max-width:1199px){
    html[dir=rtl] body.about-layout-page .page-hero{
        position:relative;
        display:block;
        height:302.5px;
        min-height:302.5px;
        padding:0!important;
    }
    html[dir=rtl] body.about-layout-page .page-hero>.wrap{
        position:static;
        width:100%;
        max-width:none;
        margin:0;
    }
    html[dir=rtl] body.about-layout-page .page-hero h1{
        position:absolute;
        top:156.5px;
        left:50%;
        width:max-content;
        max-width:calc(100% - 40px);
        margin:0;
        transform:translateX(-50%);
        font-size:40px;
        line-height:56px;
    }
    html[dir=rtl] body.about-layout-page .about-branch{
        position:relative;
        box-sizing:border-box;
        width:calc(100vw - 40px);
        max-width:none;
        min-height:454px;
        height:454px;
        margin:0 20px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    html[dir=rtl] body.about-layout-page .about-branch::before{
        content:"";
        position:absolute;
        top:100px;
        inset-inline:0;
        height:284px;
        border-radius:16px;
        background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") 0 0 repeat;
        box-shadow:0 20px 40px rgba(0,0,0,.1);
    }
    html[dir=rtl] body.about-layout-page .about-branch>div{
        position:absolute;
        z-index:1;
        top:150px;
        inset-inline:20px;
        width:auto;
    }
    html[dir=rtl] body.about-layout-page .about-branch>img{
        top:99px;
        bottom:auto;
        inset-inline-end:0;
        width:340px;
        height:378.06px;
    }
    html[dir=rtl] body.about-layout-page .about-profile-box{margin-top:68.3px}
    html[dir=rtl] body.about-layout-page .about-profile-box h3{
        font-size:28px;
        line-height:39.2px;
        margin:0;
        color:#1f242e;
    }
    html[dir=rtl] body.about-layout-page .about-profile-box h3 span{font-size:28px;line-height:39.2px}
    html[dir=rtl] body.about-layout-page .about-profile-box .profile-links{margin-top:20px}
    html[dir=rtl] body.about-layout-page .about-services>.wrap{
        width:calc((100vw - 40px)*.8);
        max-width:none;
        margin-inline:20px auto;
    }
    html[dir=rtl] body.about-layout-page .about-services>.wrap>.eyebrow, html[dir=rtl] body.about-layout-page .about-services>.wrap>h2{
        width:calc(100% - 18px);
        max-width:none;
        margin-inline:10px 8px;
    }
}


@media (min-width: 1200px) {
    html[dir="ltr"] body.homepage .hero h1{
        max-width: none;
    }

    html[dir="ltr"] body.homepage .hero .watch-video{
        gap: 0;
        inset-inline-end: max(88.68px, calc((100% - 1180px) / 2 + 16.18px));
    }

    html[dir="ltr"] body.homepage .hero .watch-video span{
        position: relative;
        isolation: isolate;
        display: grid;
        place-items: center;
        flex: 0 0 24px;
        width: 24px;
        height: 60px;
        margin-inline-start: 24px;
        background: transparent;
        border-radius: 0;
        color: #fff;
        font-size: 0;
        line-height: 1;
    }

    html[dir="ltr"] body.homepage .hero .watch-video span::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        width: 50px;
        height: 50px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: #ffc000;
    }

    html[dir="ltr"] body.homepage .hero .watch-video span::after{
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-color: currentColor;
        -webkit-mask: url("/assets/play-arrow.svg") center / 24px 24px no-repeat;
        mask: url("/assets/play-arrow.svg") center / 24px 24px no-repeat;
    }
}


















@media (min-width: 785px) {
    html[dir="ltr"] body.homepage .hero, html[dir="rtl"] body.homepage .hero{
        height: 700px;
        min-height: 0;
        max-height: none;
    }
}

@media (max-width: 784px) {
    html[dir="ltr"] body.homepage .hero, html[dir="rtl"] body.homepage .hero{
        height: 480px;
        min-height: 480px;
        max-height: none;
    }
}


@media(min-width:1200px) and (max-width:1279px){
    
    html[dir=rtl] body.services-overview-page .page-hero{position:relative;display:block;height:227px;min-height:227px;padding:0!important}
    html[dir=rtl] body.services-overview-page .page-hero>.wrap{position:static;width:100%;max-width:none;margin:0}
    html[dir=rtl] body.services-overview-page .page-hero h1{position:absolute;top:71px;left:50%;width:max-content;max-width:calc(100% - 40px);margin:0;transform:translateX(-50%)}
    html[dir=rtl] body.services-overview-page .services-overview-intro{width:calc(100% - 40px);max-width:none;margin-top:70px;margin-bottom:70px;padding-block:60px}
}


@media(min-width:1200px) and (max-width:1279px){
    
    html[dir=ltr] body.services-overview-page .page-hero{position:relative;display:block;height:227px;min-height:227px;padding:0!important}
    html[dir=ltr] body.services-overview-page .page-hero>.wrap{position:static;width:100%;max-width:none;margin:0}
    html[dir=ltr] body.services-overview-page .page-hero h1{position:absolute;top:71px;left:50%;width:max-content;max-width:calc(100% - 40px);margin:0;transform:translateX(-50%)}
    html[dir=ltr] body.services-overview-page .services-overview-intro.wrap{width:calc(100% - 40px);max-width:none;margin-top:70px;margin-bottom:70px;padding:60px 50px}
    html[dir=ltr] body.services-overview-page .services-overview-intro-copy{width:50%;margin-left:0}
    html[dir=ltr] body.services-overview-page .services-overview-cards{width:calc(100% - 40px);max-width:none}
}





@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.services-overview-page .services-overview-cards{width:calc(100% - 40px);max-width:none}
}


@media(min-width:1280px) and (max-width:1439px){
    html[dir=rtl] body.services-overview-page .services-overview-cards{transform:none}
}


















@media(min-width:1440px){
    html[dir=ltr] body.about-layout-page .about-services .service-carousel-track>.service-card{
        flex:0 0 25vw;
        width:25vw;
        min-width:25vw;
        max-width:25vw;
        height:29.325vw;
        min-height:29.325vw;
    }
    html[dir=ltr] body.about-layout-page .about-timeline{margin-top:-3.765625px;padding-bottom:80px}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.about-layout-page .about-branch h2{width:1020px;max-width:1020px;margin-inline-start:130px}
    html[dir=ltr] body.about-layout-page .about-branch .button{margin-inline-start:130px}
}













@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.services-overview-page .services-overview-intro{padding-inline:50px}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir] body.homepage .home-creative-layout{width:calc(100% - 40px)}
    html[dir] body.homepage .home-future-layout{width:calc(100% - 40px)}
    html[dir=ltr] body.homepage .home-future-copy p{font-size:17px;line-height:27.2px}
    html[dir] body.homepage .home-partners-background{margin-top:0}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir] body.homepage .home-creative-layout{width:min(1120px,calc(100% - 40px))}
    html[dir] body.homepage .home-trust-section{padding-bottom:60px}
    html[dir] body.homepage .home-projects-layout{padding-inline:30px}
    html[dir] body.homepage .home-projects-grid{row-gap:70px;padding-bottom:70px}
    html[dir] body.homepage .home-future-layout{width:min(1120px,calc(100% - 40px))}
}

@media(min-width:1200px){
    html[dir=ltr] body.homepage .hero-inner.wrap{width:min(1180px,calc(100% - 160px));max-width:1180px;margin-inline:auto}
    html[dir=ltr] body.homepage .hero .watch-video{inset-inline-start:auto;inset-inline-end:max(212.17px,calc((100% - 1180px)/2 + 16.17px));width:160.83px;white-space:nowrap}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.homepage .hero h1{margin-bottom:12px}
    html[dir=ltr] body.homepage .hero p{margin-bottom:21px}
}
@media(min-width:1200px) and (max-width:1439px){
    html[dir=ltr] body.homepage .hero .watch-video{bottom:111px}
}

@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.homepage .hero-inner.wrap{margin-inline-start:80px;margin-inline-end:auto}
    html[dir=ltr] body.homepage .hero .watch-video{inset-inline-end:95px}
}






@media(max-width:767px){
    
    html[dir=rtl] body.homepage .hero h1{top:140.5px;right:35px}
    html[dir=rtl] body.homepage .hero p{top:252.5px;right:35px;width:194.34375px;white-space:nowrap}
    html[dir=rtl] body.homepage .hero .explore{top:290.7px;right:35px}
    html[dir=rtl] body.homepage .hero .watch-video{top:360.2px;right:50px}
}


@media(min-width:1200px){
    body.article-page .article-detail{width:min(1100px,calc(100% - 60px))}
    body.article-page .article-heading{max-width:825px}
    html[dir=ltr] body.article-page .article-body.prose, html[dir=ltr] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose li{font-size:18px;line-height:28.8px}
    html[dir=ltr] body.article-page .article-body.prose h1{font-size:31.5px;line-height:37.8px;font-weight:700;margin:0}
    html[dir=ltr] body.article-page .article-body.prose h2{font-size:27px;line-height:32.4px;font-weight:700;margin:0}
    html[dir=rtl] body.article-page .article-body.prose, html[dir=rtl] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose li{font-size:18px;line-height:28.8px}
    html[dir=rtl] body.article-page .article-body.prose h1{font-size:31.5px;line-height:37.8px;font-weight:700;margin:0}
    html[dir=rtl] body.article-page .article-body.prose h2{font-size:27px;line-height:32.4px;font-weight:700;margin:0}
    html[dir=rtl] body.article-page .article-body.prose img{margin:0 auto 18px}
    html[dir=rtl] body.article-page .article-body.prose>p:last-child{margin-bottom:0}
    html[dir=rtl] body.article-page .article-body.prose>p:last-child img{margin-bottom:0}
}
@media(min-width:1200px) and (max-width:1439px){
    html[dir=ltr] body.article-page .article-detail{padding-top:85px}
    html[dir=ltr] body.article-page .article-heading{margin-bottom:56.3px}
    html[dir=ltr] body.article-page .article-heading h1{margin-top:10.5px}
    html[dir=ltr] body.article-page .article-cover+.article-body{margin-top:72px}
    html[dir=rtl] body.article-page .article-detail{padding-top:74.5px}
    html[dir=rtl] body.article-page .article-heading{margin-bottom:56.3px}
    html[dir=rtl] body.article-page .article-body.prose p{margin:15.3px 0}
    html[dir=rtl] body.article-page .article-body.prose>:first-child{margin-top:0}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol{margin:15.3px 0}
    html[dir=rtl] body.article-page .article-body.prose>p:last-child{margin-bottom:0!important}
    html[dir=rtl] body.article-page .article-cover+.article-body{margin-top:72px!important}
}


@media(max-width:800px){
    body.article-page .article-detail{width:calc(100% - 55px)!important;max-width:none!important}
    body.article-page .article-heading{width:100%!important}
    body.article-page .article-body.prose h1{font-size:28px!important;line-height:31px!important;font-weight:700!important;margin:25px 0 14px!important}
    html[dir=ltr] body.article-page .article-heading{min-height:182.8px!important;margin-bottom:20.8px!important}
    html[dir=ltr] body.article-page .article-cover{margin-bottom:25.7px!important}
    html[dir=ltr] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol{padding-left:24px}
    html[dir=rtl] body.article-page .article-cover{margin-bottom:26.3px!important}
    html[dir=rtl] body.article-page .article-body.prose{display:block}
    html[dir=rtl] body.article-page .article-body.prose img{margin:0 auto 16px}
    html[dir=rtl] body.article-page .article-body.prose>:first-child{margin-top:0}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
}


@media(min-width:768px) and (max-width:800px){
    body.article-page .article-detail{width:calc(100% - 60px)!important;max-width:none!important;padding-top:70px!important}
    body.article-page .article-heading{width:100%!important;min-height:0!important}
    html[dir=ltr] body.article-page .article-heading, html[dir=rtl] body.article-page .article-heading{min-height:0!important;margin-bottom:34px!important}
    body.article-page .article-heading .post-categories{box-sizing:border-box;height:30px;margin:0 auto 10px}
    html[dir=rtl] body.article-page .article-heading .post-categories{height:31px;margin:0 auto 10px!important}
    body.article-page .article-heading h1{width:90%;max-width:none;font-size:38px;line-height:41.8px;margin:0 auto}
    body.article-page .article-heading time{display:block;box-sizing:border-box;height:24.5px;margin-top:15.4px;font-size:14px;font-weight:300;line-height:21px;color:#777}
    html[dir=ltr] body.article-page .article-cover, html[dir=rtl] body.article-page .article-cover{margin-bottom:51px!important}
    html[dir=ltr] body.article-page .article-body.prose, html[dir=rtl] body.article-page .article-body.prose{font-size:17px!important;line-height:26.86px!important}
    html[dir=ltr] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=ltr] body.article-page .article-body.prose li, html[dir=rtl] body.article-page .article-body.prose li{font-size:17px!important;line-height:27.2px!important}
    html[dir=ltr] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose ol{margin:14.45px 0!important}
    html[dir=ltr] body.article-page .article-body.prose h1, html[dir=rtl] body.article-page .article-body.prose h1{font-size:29.75px!important;line-height:42px!important;font-weight:700!important;margin:30px 0 16px!important}
    html[dir=ltr] body.article-page .article-body.prose h2, html[dir=rtl] body.article-page .article-body.prose h2{font-size:25.5px!important;line-height:35px!important;font-weight:700!important;margin:28px 0 16px!important}
    html[dir=ltr] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol{padding-left:25.5px}
    html[dir=rtl] body.article-page .article-body.prose ul{padding-right:25.5px}
    html[dir=rtl] body.article-page .article-body.prose ol{padding-right:17px}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
    html[dir=rtl] body.article-page .article-body.prose>:first-child{margin-top:0!important}
}


@media (hover:hover) and (pointer:fine){
    html[dir=rtl] body.homepage .hero .explore:hover, html[dir=rtl] body.homepage .hero .explore:focus-visible{background:#f7c13d;color:#fff;border-radius:4px;transition-duration:300ms}
}


@media (min-width:801px) and (max-width:1279px){
    html[dir=ltr] body.article-page .article-body.prose, html[dir=rtl] body.article-page .article-body.prose{font-size:17px!important;line-height:27.2px!important}
    html[dir=ltr] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=ltr] body.article-page .article-body.prose li, html[dir=rtl] body.article-page .article-body.prose li{font-size:17px!important;line-height:27.2px!important}
    html[dir=ltr] body.article-page .article-body.prose p, html[dir=rtl] body.article-page .article-body.prose p, html[dir=ltr] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ul, html[dir=ltr] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose ol{margin:14.45px 0!important}
    html[dir=ltr] body.article-page .article-body.prose h1, html[dir=rtl] body.article-page .article-body.prose h1{font-size:29.75px!important;line-height:35.7px!important;font-weight:700!important;margin:0!important}
    html[dir=ltr] body.article-page .article-body.prose h2, html[dir=rtl] body.article-page .article-body.prose h2{font-size:25.5px!important;line-height:30.6px!important;font-weight:700!important;margin:0!important}
    html[dir=ltr] body.article-page .article-body.prose h3, html[dir=rtl] body.article-page .article-body.prose h3{font-size:21.25px!important;line-height:29.75px!important;font-weight:700!important;margin:0!important}
    html[dir=ltr] body.article-page .article-body.prose>:first-child, html[dir=rtl] body.article-page .article-body.prose>:first-child{margin-top:0!important}
    html[dir=rtl] body.article-page .article-body.prose ul, html[dir=rtl] body.article-page .article-body.prose ol, html[dir=rtl] body.article-page .article-body.prose li{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif}
    html[dir=rtl] body.article-page .article-body.prose{display:block}
    html[dir=rtl] body.article-page .article-body.prose ul{padding-right:25.5px}
    html[dir=rtl] body.article-page .article-body.prose ol{padding-right:17px}
    html[dir=rtl] body.article-page .article-body.prose img{margin:0 auto 17px!important;vertical-align:top}
}
@media (min-width:900px) and (max-width:1279px){
    html[dir=ltr] body.article-page .article-body.prose, html[dir=rtl] body.article-page .article-body.prose{margin-top:74px!important}
}
@media (min-width:900px) and (max-width:1199px){
    html[dir=ltr] body.article-page .article-cover, html[dir=rtl] body.article-page .article-cover{transform:translateY(14.84px)}
}
@media (min-width:900px) and (max-width:1199px){
    html[dir=rtl] body.article-page .article-detail{padding-top:70px!important}
    html[dir=rtl] body.article-page .article-heading{margin-bottom:29.5px!important}
    html[dir=rtl] body.article-page .article-heading h1{font-size:46px!important;line-height:50.6px!important;margin:16px 0 25px!important}
}


@media(min-width:801px) and (max-width:1199px){
 html[dir=rtl] body.article-page .related-posts{padding-bottom:0}
 html[dir=rtl] body.article-page .related-posts>h2{line-height:29.75px}
 html[dir=rtl] body.article-page .related-posts .blog-card-image{margin-bottom:17px}
 html[dir=rtl] body.article-page .related-posts .blog-card-image img{object-fit:fill;transform:scale(1.01);transition:transform .5s}
 html[dir=rtl] body.article-page .related-posts .blog-card:hover .blog-card-image img{transform:scale(1.07)}
 html[dir=rtl] body.article-page .related-posts .blog-card-copy{padding:0 0 30px}
 html[dir=rtl] body.article-page .related-posts .blog-card .post-categories{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;font-size:14px;font-weight:300;line-height:21px;margin:0 0 7px}
 html[dir=rtl] body.article-page .related-posts .blog-card h2{font-size:22px;line-height:26.4px;font-weight:500}
}





@media (min-width: 1440px) {
    html[dir="ltr"] body.article-page .article-detail{
        width: min(1160px, calc(100% - 60px));
        padding-top: 70px;
        padding-bottom: 70px;
    }

    html[dir="ltr"] body.article-page .article-heading{
        width: 100%;
        max-width: none;
        margin-bottom: 57.6px;
    }

    html[dir="ltr"] body.article-page .article-heading .post-categories{
        line-height: 31px;
        margin-bottom: 14px;
    }

    html[dir="ltr"] body.article-page .article-heading .post-categories a{
        display: inline-block;
        border-radius: 15px;
        background: #2b2b2b;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0.6px;
        margin: 3px 0;
        padding: 4px 17px 5px;
    }

    html[dir="ltr"] body.article-page .article-heading h1{
        width: 75%;
        max-width: 870px;
        margin: 0 auto 28px;
    }

    html[dir="ltr"] body.article-page .article-heading time{
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 300;
        line-height: 24.5px;
    }

    html[dir="ltr"] body.article-page .related-posts .post-categories{
        margin: 0 0 11.9px;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
    }

    html[dir="ltr"] body.article-page .related-posts .post-categories a{
        font-size: 13px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 1.1px;
    }

    html[dir="ltr"] body.article-page .related-posts > h2{
        margin-bottom: 18.6px;
    }

    html[dir="ltr"] body.article-page .related-posts .blog-card-image{
        margin-bottom: 0;
    }

    html[dir="ltr"] body.article-page .related-posts .blog-card-copy{
        padding: 18px 0 30px;
    }

    html[dir="ltr"] body.article-page .related-posts .blog-card h2{
        margin: 0;
        font-size: 24px;
        font-weight: 500;
        line-height: 28.8px;
    }

    html[dir="ltr"] body.article-page .article-sharing{
        min-height: 51px;
        margin: 87.8px 0 0;
    }

    html[dir="ltr"] body.article-page .article-navigation{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        margin-top: 32.4px;
        padding: 54px 0 0;
    }

    html[dir="ltr"] body.article-page .article-navigation > a.previous{
        padding-inline-end: 15px;
    }

    html[dir="ltr"] body.article-page .article-navigation > a.next{
        padding-inline-start: 15px;
    }

    html[dir="ltr"] body.article-page .article-navigation .article-nav-label{
        display: block;
        line-height: 18px;
        text-transform: uppercase;
    }

    html[dir="ltr"] body.article-page .article-navigation .post-title{
        margin: 12px 0 0;
        font-size: 19px;
        line-height: 28.5px;
    }

    html[dir="ltr"] body.article-page .article-navigation .post_date{
        display: none;
    }

    html[dir="ltr"] body.article-page .related-posts{
        margin-top: 90px;
    }
}





@media (min-width: 1200px) {
  html[dir="rtl"] body.article-page .article-sharing{ margin-top: 87.8px !important; }
  html[dir="rtl"] body.article-page .article-navigation{ margin-top: 87.4px !important; }
  html[dir="rtl"] body.article-page .related-posts{ margin-top: 72px !important; }
  html[dir="rtl"] body.article-page .related-posts > h2{ font-size: 22.5px; line-height: 31.5px; margin-bottom: 22.5px; }
  html[dir="rtl"] body.article-page .related-posts .post-categories{ display: inline-block; width: max-content; max-width: 100%; font: 500 13px/21px Poppins,"IBM Plex Sans Arabic",sans-serif; margin-bottom: 11.9px; }
  html[dir="rtl"] body.article-page .related-posts .post-categories a{ font: 500 13px/21px "IBM Plex Sans Arabic", sans-serif; }
  html[dir="rtl"] body.article-page .related-posts .blog-card h2{ font-size: 24px; line-height: 28.8px; }
}
@media (min-width: 1366px) {
  html[dir="rtl"] body.article-page .article-detail{ padding-top: 19.5px !important; }
  html[dir="rtl"] body.article-page .article-heading{ width: 100% !important; max-width: none !important; margin-bottom: 56.3px !important; text-align: center; }
  html[dir="rtl"] body.article-page .article-heading .post-categories{ display: table; width: max-content; max-width: 100%; min-height: 32px; margin: 0 auto; font: 500 18px/28.8px Poppins,"IBM Plex Sans Arabic",sans-serif; }
  html[dir="rtl"] body.article-page .article-heading .post-categories a{ font: 500 11px/14px "IBM Plex Sans Arabic", sans-serif; padding: 4px 17px 5px; }
  html[dir="rtl"] body.article-page .article-heading h1{ width: 75%; max-width: 825px; margin: 14px auto 25px; }
  html[dir="rtl"] body.article-page .article-heading time{ display: inline-block; font-size: 14px; line-height: 24.5px; }
  html[dir="rtl"] body.article-page .article-navigation{ margin-top: 87.4px !important; }
}
@media (min-width: 1440px) {
  html[dir="rtl"] body.article-page .article-detail{ width: min(1160px, calc(100% - 60px)) !important; }
  html[dir="rtl"] body.article-page .article-heading h1{ max-width: 870px; }
  html[dir="rtl"] body.article-page .article-body.prose{ margin-top: 72px !important; }
  html[dir="rtl"] body.article-page .article-body.prose > :first-child{ margin-top: 0 !important; }
  html[dir="rtl"] body.article-page .article-body.prose p{ margin-block: 14.875px !important; }
  html[dir="rtl"] body.article-page .related-posts{ margin-top: 90px !important; }
}





@media (min-width: 785px) and (max-width: 1199px) {
    html[dir="ltr"] body.homepage .hero .explore{
        width: 167.6875px;
        min-width: 0;
        height: 54px;
        min-height: 54px;
        padding: 12px 35px;
        background: rgba(255, 255, 255, .3);
        box-shadow: 0 10px 20px rgba(255, 255, 255, .2);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    html[dir="ltr"] body.homepage .hero .watch-video{
        inset-inline-start: auto;
        inset-inline-end: 36.18px;
        width: 160.82px;
        height: 60px;
        padding: 0;
        border: 0;
        justify-content: flex-start;
        gap: 0;
        font-size: 16px;
        line-height: 60px;
        white-space: nowrap;
    }
    html[dir="ltr"] body.homepage .hero .watch-video span{
        position: relative;
        isolation: isolate;
        display: grid;
        place-items: center;
        flex: 0 0 24px;
        width: 24px;
        height: 60px;
        margin-inline-start: 24px;
        background: transparent;
        border-radius: 0;
        color: #fff;
        font-size: 0;
        line-height: 1;
    }
    html[dir="ltr"] body.homepage .hero .watch-video span::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        width: 50px;
        height: 50px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: #ffc000;
    }
    html[dir="ltr"] body.homepage .hero .watch-video span::after{
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-color: currentColor;
        -webkit-mask: url("/assets/play-arrow.svg") center / 24px 24px no-repeat;
        mask: url("/assets/play-arrow.svg") center / 24px 24px no-repeat;
    }
}











@media (min-width: 1440px) {
    html[dir="ltr"] body.about-layout-page .about-creative{
        margin-inline: auto;
    }
    html[dir="ltr"] body.about-layout-page .about-counters{
        padding-top: 354.484375px;
        padding-inline-start: 21.578125px;
        padding-inline-end: 15.25px;
    }
    html[dir="ltr"] body.about-layout-page .about-counters strong{
        color: #f7c13d;
    }
    html[dir="ltr"] body.about-layout-page .about-counters p{
        color: #1f242e;
    }
    html[dir="ltr"] body.about-layout-page .about-branch{
        width: 100%;
        max-width: none;
    }
    html[dir="ltr"] body.about-layout-page .about-branch::before{
        left: calc(50% - 590px);
        width: 1180px;
    }
    html[dir="ltr"] body.about-layout-page .about-branch h2{
        margin-inline-start: calc(50% - 540px);
    }
    html[dir="ltr"] body.about-layout-page .about-branch .button{
        margin-inline-start: calc(50% - 540px);
        background-color: #f7c13d;
        color: #020103;
    }
    html[dir="ltr"] body.about-layout-page .about-branch > img{
        left: calc(50% + 65.7px);
    }
}












@media(min-width:1200px) and (max-width:1279px){
    .project-detail-page .project-detail{width:calc(100% - 60px)}
}
@media(min-width:1280px) and (max-width:1439px){
    .project-detail-page .project-detail{width:1100px}
}


@media(min-width:1200px){
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose{padding-bottom:11.5px}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose img:first-child{margin-top:24.5px}
}
@media(min-width:1200px) and (max-width:1279px){
    .project-detail-page .project-detail{padding-top:30px}
    .project-detail-page .project-detail>h1{margin-bottom:25px}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose{padding-bottom:10.5px}
    .project-detail-page .project-detail--presentation-align-right .project-presentation.prose img:first-child{margin-top:25.5px}
    
    .project-detail-page .project-detail--alsamman .project-navigation{margin-top:49px}
    .project-detail-page .project-detail--alsamman{padding-bottom:70px}
    
    .project-detail-page .project-detail--mony{padding-bottom:70px}
    .project-detail-page .project-detail--mony .project-presentation.prose img:first-child{margin-bottom:17px}
    .project-detail-page .project-detail--mony .project-presentation.prose iframe{height:412px}
    .project-detail-page .project-detail--mony .project-navigation{margin-top:26.5px}
}


@media(min-width:801px) and (max-width:1279px){
    
    
    
    
    
    
    
}
@media(min-width:1280px) and (max-width:1400px){
    
    
    
    
    
    
    
}


@media(min-width:1401px){
    html[dir=ltr] body.project-detail-page{--site-header-height:105px}
}
@media(min-width:1280px){
    .project-detail-page .project-detail--alsamman{padding-bottom:70px}
    .project-detail-page .project-detail--alsamman .project-navigation{margin-top:91.5px}
    .project-detail-page .project-detail--mony{padding-bottom:70px}
    .project-detail-page .project-detail--mony .project-presentation.prose img:first-child{margin-bottom:18px}
    .project-detail-page .project-detail--mony .project-presentation.prose iframe{height:412px}
    .project-detail-page .project-detail--mony .project-navigation{margin-top:69.5px}
}


@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page{--site-header-height:calc(4.375vw + 93.03px)}
    
    
    
    
    
    
}
@media(min-width:1280px) and (max-width:1320px){
    html[dir=rtl] body.project-detail-page{--site-header-height:149.03px}
    
    
    
    
    
    
}
@media(min-width:1200px){
    
    html[dir=rtl] body.project-detail-page .project-detail>h1{width:100%;max-width:none}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-presentation.prose, html[dir=rtl] body.project-detail-page .project-presentation.prose p{font-size:17px;line-height:27.2px}
}
@media(min-width:1280px){
    html[dir=rtl] body.project-detail-page .project-presentation.prose, html[dir=rtl] body.project-detail-page .project-presentation.prose p{font-size:18px;line-height:28.8px}
}

@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-detail--alsman{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--alsman .project-navigation{height:28.8px;min-height:28.8px;margin-top:49px}
}
@media(min-width:1280px){
    html[dir=rtl] body.project-detail-page .project-detail--alsman{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--alsman .project-navigation{height:29.3px;min-height:29.3px;margin-top:91.5px}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-detail--mony .project-presentation.prose iframe{height:458px}
    html[dir=rtl] body.project-detail-page .project-detail--mony .project-navigation{height:28.8px;min-height:28.8px}
}
@media(min-width:1280px){
    html[dir=rtl] body.project-detail-page .project-detail--mony .project-presentation.prose iframe{height:458px}
    html[dir=rtl] body.project-detail-page .project-detail--mony .project-navigation{height:29.3px;min-height:29.3px}
}








@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-presentation.prose{padding-bottom:0}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-presentation.prose img{margin-top:17px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-presentation.prose p:first-child img{margin-top:14.5px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-navigation{height:28.8px;min-height:28.8px;margin-top:68px}
}
@media(min-width:1280px){
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-presentation.prose img{margin-top:15.3px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-presentation.prose p:first-child img{margin-top:15.5px}
    html[dir=rtl] body.project-detail-page .project-detail--the-x-cafe .project-navigation{height:29.3px;min-height:29.3px;margin-top:91px}
}


@media(min-width:801px) and (max-width:1199px){
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny{padding-bottom:67.2px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation iframe{display:block;height:auto;aspect-ratio:16/9;margin:16px 0 0}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-navigation{height:28.2px;min-height:28.2px;margin-top:37px}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation iframe{display:block;height:auto;aspect-ratio:16/9;margin:16px 0 0}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation p:not(:first-child) img{margin-top:17px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-navigation{height:28.2px;min-height:28.2px;margin-top:48.5px}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation iframe{display:block;height:434px;aspect-ratio:auto;margin:16px 0 0}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation p:not(:first-child) img{margin-top:15.3px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-navigation{height:29.3px;min-height:29.3px;margin-top:91.1px}
}
@media(min-width:1440px){
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny{padding-bottom:70px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation iframe{display:block;height:458px;aspect-ratio:auto;margin:16px 0 0}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-presentation p:not(:first-child) img{margin-top:15.3px}
    html[dir=rtl] body.project-detail-page .project-detail--soydan-alfny .project-navigation{height:29.3px;min-height:29.3px;margin-top:91.1px}
}


@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.project-detail-page .project-detail{
        width:calc(100% - 60px);
        padding-top:30px;
        padding-bottom:70px;
    }
    html[dir=rtl] body.project-detail-page .project-detail>h1{
        max-width:none;
        font-size:30px;
        line-height:35px;
        margin-bottom:20px;
    }
    html[dir=rtl] body.project-detail-page .project-detail-grid{
        direction:ltr;
        grid-template-columns:30% 60% 10%;
        gap:0;
    }
    html[dir=rtl] body.project-detail-page .project-presentation{
        grid-column:2;
        grid-row:1;
        direction:rtl;
        min-width:0;
    }
    html[dir=rtl] body.project-detail-page .project-details{
        grid-column:1;
        grid-row:1;
        direction:rtl;
        box-sizing:border-box;
        width:100%;
        min-width:0;
        min-height:320px;
        margin:0;
        padding:14.45px 54px 0 0;
        font-size:17px;
        line-height:26.86px;
    }
    html[dir=rtl] body.project-detail-page .project-details>p{margin-bottom:30px}
    html[dir=rtl] body.project-detail-page .project-services{padding-top:25px}
    html[dir=rtl] body.project-detail-page .project-service-meta{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:0;
        margin:0 0 20px;
    }
    html[dir=rtl] body.project-detail-page .project-details .project-service-meta h2{
        flex:0 0 40%;
        width:40%;
        font-size:16px;
        line-height:26.86px;
        margin:0;
        padding:0;
    }
    html[dir=rtl] body.project-detail-page .project-details .project-service-link{
        flex:0 0 60%;
        width:60%;
        font-size:16px;
        line-height:26.86px;
    }
    html[dir=rtl] body.project-detail-page .project-share{flex-wrap:wrap;gap:16px 35px;margin-top:32px}
    html[dir=rtl] body.project-detail-page .project-share a, html[dir=rtl] body.project-detail-page .project-share button{
        flex:0 0 auto;
        width:auto;
        min-width:0;
    }
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(1){width:8.5px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(2){width:23.23px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(3){width:17px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(4){width:13.6px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose, html[dir=rtl] body.project-detail-page .project-presentation.prose p{
        font-size:17px;
        line-height:27.2px;
    }
    html[dir=rtl] body.project-detail-page .project-presentation.prose{padding-bottom:0}
    html[dir=rtl] body.project-detail-page .project-presentation.prose p{margin:14.45px 0 17px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose p:last-child{margin-bottom:0}
    html[dir=rtl] body.project-detail-page .project-presentation.prose{padding-bottom:25.5px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose img{margin-top:14.45px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose iframe{height:235px;aspect-ratio:auto;margin:0}
    html[dir=rtl] body.project-detail-page .project-navigation{
        box-sizing:border-box;
        height:27.36px;
        min-height:27.36px;
        margin-top:42.5px;
        padding-top:0;
    }
    
    
}


@media(max-width:767px){
    html[dir=rtl] body.project-detail-page .project-detail{
        width:calc(100% - 40px);
        margin-inline:auto;
        padding-bottom:70px;
    }
    html[dir=rtl] body.project-detail-page .project-detail>h1{
        font-size:22px;
        line-height:26px;
        margin-bottom:15px;
    }
    html[dir=rtl] body.project-detail-page .project-details{
        width:calc(100% - 40px);
        min-height:320px;
        margin-inline:auto;
        padding-top:13.125px;
        font-size:16px;
        line-height:24.48px;
    }
    html[dir=rtl] body.project-detail-page .project-details>p{margin-bottom:30px}
    html[dir=rtl] body.project-detail-page .project-services{padding-top:25px}
    html[dir=rtl] body.project-detail-page .project-service-meta{grid-template-columns:103.25px 1fr;margin-bottom:20px}
    html[dir=rtl] body.project-detail-page .project-details .project-service-meta h2, html[dir=rtl] body.project-detail-page .project-details .project-service-link{
        font-size:16px;
        line-height:24.48px;
    }
    html[dir=rtl] body.project-detail-page .project-share{gap:35px;margin-top:16px;flex-wrap:nowrap}
    html[dir=rtl] body.project-detail-page .project-share a, html[dir=rtl] body.project-detail-page .project-share button{
        flex:0 0 auto;
        width:auto;
        min-width:0;
    }
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(1){width:8.5px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(2){width:23.23px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(3){width:17px}
    html[dir=rtl] body.project-detail-page .project-share>*:nth-child(4){width:13.6px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose{padding-bottom:24px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose p{margin:13.6px 0 16px}
    html[dir=rtl] body.project-detail-page .project-presentation.prose p:last-child{margin-bottom:0}
    html[dir=rtl] body.project-detail-page .project-presentation.prose iframe{margin:0}
    html[dir=rtl] body.project-detail-page .project-navigation{
        box-sizing:border-box;
        height:25.48px;
        min-height:25.48px;
        margin-top:25.5px;
        padding-top:0;
    }
    
    
    
    
}













html[dir="rtl"] body.about-layout-page .about-counters p::first-line{
    font-weight: 800;
}
@media (min-width: 1200px) and (max-width: 1279px) {
    html[dir="rtl"] body.about-layout-page .about-creative{
        width: calc(100vw - 40px);
        max-width: none;
        margin-inline: 20px;
        grid-template-columns: 38% 37% 24.556%;
        gap: 0;
    }
    html[dir="rtl"] body.about-layout-page .about-counters{
        position: relative;
        top: calc(12.62vw - 194.59px);
        padding: 0 calc(10px + 4%) 0 10px;
    }
    html[dir="rtl"] body.about-layout-page .about-counters > div > p{
        margin-top: 7px;
    }
}
@media (min-width: 1280px) and (max-width: 1439px) {
    html[dir="rtl"] body.about-layout-page .about-counters{
        position: relative;
        top: -40.52px;
        left: 24.984px;
        box-sizing: border-box;
        width: 275.023px;
        margin-top: 20px;
        padding: 0 31px 0 0;
    }
}
@media (min-width: 1440px) {
    html[dir="rtl"] body.about-layout-page .about-counters{
        position: relative;
        top: -30.03px;
        padding-bottom: 0;
    }
}


.homepage .hero .explore{
    gap: 0;
    transition: all .3s ease;
}
.homepage .hero .explore .explore-arrow{
    display: inline-block;
    flex: 0 0 15.9844px;
    width: 15.9844px;
    margin-inline-start: 4px;
    font-family: fontello, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
.homepage .hero .explore .explore-arrow::before{
    content: "";
}
html[dir="rtl"] .homepage .hero .explore .explore-arrow{
    transform: scaleX(-1);
}


@media (min-width: 1200px) {
    html[dir="ltr"] body.homepage .hero .explore{
        position: relative;
        left: 0;
        width: 167.6875px;
        min-width: 0;
        height: 54px;
        min-height: 54px;
        padding: 12px 35px;
        background: rgba(255, 255, 255, .3);
        box-shadow: 0 10px 20px rgba(255, 255, 255, .2);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 4px;
    }
    html[dir="rtl"] body.homepage .hero .explore{
        width: 188.53125px;
        min-width: 0;
        height: 54px;
        min-height: 54px;
        padding: 12px 35px;
        background: rgba(255, 255, 255, .3);
        box-shadow: 0 10px 20px rgba(255, 255, 255, .2);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    html[dir="ltr"] body.homepage .hero .watch-video{
        inset-inline-start: auto;
        inset-inline-end: calc((100% - 1180px) / 2 + 16.18px);
        width: 160.82px;
    }
}
@media (min-width: 1200px) and (max-width: 1279px) {
    html[dir="ltr"] body.homepage .hero .explore{
        left: -60px;
    }
    html[dir="ltr"] body.homepage .hero .watch-video{
        inset-inline-end: 36.18px;
    }
}
@media (min-width: 1280px) and (max-width: 1439px) {
    html[dir="ltr"] body.homepage .hero .explore{
        left: calc((100vw - 1295px) / 2);
    }
    html[dir="ltr"] body.homepage .hero .watch-video{
        inset-inline-end: calc((100% - 1120px) / 2 + 16.18px);
    }
}


@media (min-width: 1280px) and (max-width: 1439px) {
    html[dir="rtl"] body.about-layout-page .about-creative{
        width: calc(100% - 15px);
        max-width: none;
        margin: 0 0 0 15px;
        padding-inline: calc((100% - 1120px) / 2 - 7.5px) calc((100% - 1120px) / 2 - 2.5px);
        box-sizing: border-box;
        grid-template-columns: 38.1704% 37.1659% 24.6637%;
        gap: 0;
    }

    html[dir="rtl"] body.about-layout-page .about-profile, html[dir="rtl"] body.about-layout-page .about-creative-main, html[dir="rtl"] body.about-layout-page .about-counters{
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
        height: 869.9px;
        min-height: 0;
        position: static;
        inset: auto;
        align-self: start;
        padding: 0;
        margin-top: 0;
        transform: translateX(-7.5px);
    }

    html[dir="rtl"] body.about-layout-page .about-profile{
        padding-inline: 10px 30px;
    }

    html[dir="rtl"] body.about-layout-page .about-creative-main{
        padding-inline: 10px;
    }

    html[dir="rtl"] body.about-layout-page .about-profile-box{
        margin-top: 0;
    }

    html[dir="rtl"] body.about-layout-page .about-creative-main > img{
        margin-bottom: 19.4px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    html[dir="rtl"] body.about-layout-page .about-services .service-carousel-track > .service-card{
        flex: 0 0 25vw;
        width: 25vw;
        min-width: 25vw;
        max-width: 25vw;
        height: 33.164vw;
        min-height: 33.164vw;
    }

    html[dir="rtl"] body.about-layout-page .about-values > div > p{
        margin-top: 18px;
        font-size: 18px;
        line-height: 27.2px;
    }

    html[dir="rtl"] body.about-layout-page .about-values article h3{
        font-size: 19px;
        line-height: 30.4px;
    }

    html[dir="rtl"] body.about-layout-page .about-values article p{
        font-size: 17px;
        line-height: 27.2px;
    }
}

@media (min-width: 1280px) {
    html[dir="rtl"] body.about-layout-page .about-services > .wrap{
        width: min(1162px, calc(100% - 163px));
        max-width: none;
        margin-inline: auto;
        transform: translateX(-1px);
    }

    html[dir="rtl"] body.about-layout-page .about-services > .wrap > .eyebrow, html[dir="rtl"] body.about-layout-page .about-services > .wrap > h2{
        width: 100%;
        max-width: none;
        margin-inline: 0;
    }

    html[dir="rtl"] body.about-layout-page .about-services .service-carousel-track > .service-card{
        flex: 0 0 25%;
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        height: auto;
        min-height: 0;
    }
}


@media (min-width: 1200px) and (max-width: 1279px) {
    html[dir="rtl"] body.about-layout-page .about-values{
        width: calc(100vw - 30px);
        max-width: none;
        margin-inline: auto;
    }

    html[dir="rtl"] body.about-layout-page .about-values > div:nth-child(2){
        padding-left: 0;
    }
}


@media (hover: hover) and (pointer: fine) {
    html[dir="ltr"] body.homepage .hero .explore:hover, html[dir="ltr"] body.homepage .hero .explore:focus-visible{
        background: #f7c13d;
        color: #000;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        border-radius: 4px;
        transition: all .3s ease;
    }
    html[dir="rtl"] body.homepage .hero .explore:hover, html[dir="rtl"] body.homepage .hero .explore:focus-visible{
        background: #f7c13d;
        color: #fff;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        border-radius: 4px;
        transition: all .3s ease;
    }
}







@media (min-width: 1200px) and (max-width: 1279px) {
    html[dir="ltr"] body.inner-page.service-detail-page.article-page:not(.about-layout-page){
        --site-header-height: calc(4.375vw + 93.03px);
    }

    

    

    

    

    

    

    

    

    

    html[dir="ltr"] body.inner-page.service-detail-page.article-page:not(.about-layout-page) .article-detail{
        width: min(1125px, calc(100% - 60px)) !important;
        max-width: 1125px !important;
    }

    html[dir="ltr"] body.inner-page.service-detail-page.article-page:not(.about-layout-page) .article-heading{
        width: 100% !important;
        max-width: none !important;
    }

    html[dir="ltr"] body.inner-page.service-detail-page.article-page:not(.about-layout-page) .article-heading h1{
        width: 75% !important;
        max-width: 870px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    html[dir="ltr"] body.inner-page.service-detail-page.article-page:not(.about-layout-page){
        --site-header-height: 105px;
    }

    

    

    

    

    

    
}































html[dir] body.homepage .hero .watch-video{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1 !important;
}

html[dir] body.homepage .hero .watch-video-label{
    position: static !important;
    display: inline-block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    white-space: nowrap;
}

html[dir] body.homepage .hero .watch-video-label::before, html[dir] body.homepage .hero .watch-video-label::after{
    content: none !important;
}

html[dir] body.homepage .hero .watch-video-icon{
    position: relative !important;
    display: grid !important;
    flex: 0 0 24px !important;
    place-items: center !important;
    box-sizing: border-box !important;
    width: 24px !important;
    height: 60px !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    isolation: isolate;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

html[dir] body.homepage .hero .watch-video-icon::before, html[dir] body.homepage .hero .watch-video-icon::after{
    content: none !important;
}

html[dir] body.homepage .hero .watch-video-disc{
    position: static !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    width: 50px !important;
    height: 50px !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ffc000 !important;
}

html[dir="rtl"] body.homepage .hero .watch-video{
    gap: 16px !important;
}

html[dir="rtl"] body.homepage .hero .watch-video-disc{
    transform: translateX(21px) !important;
}

html[dir] body.homepage .hero .watch-video-disc::before{
    content: none !important;
}

html[dir] body.homepage .hero .watch-video-disc{
    position: relative !important;
    isolation: isolate;
}

html[dir] body.homepage .hero .watch-video-disc::after{
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 0 !important;
    box-sizing: content-box !important;
    width: 49px !important;
    height: 49px !important;
    border: 5px solid rgba(247, 193, 61, .05) !important;
    border-radius: 50% !important;
    background: transparent !important;
    transform: translate(-52%, -50%) !important;
    transition: border-color .3s ease !important;
    pointer-events: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html[dir] body.homepage .hero .watch-video:hover .watch-video-disc::after{
        border-color: rgba(247, 193, 61, .2) !important;
    }
}

html[dir] body.homepage .hero .watch-video:focus-visible .watch-video-disc::after{
    border-color: rgba(247, 193, 61, .2) !important;
}

html[dir] body.homepage .hero .watch-video-glyph{
    display: block !important;
    box-sizing: border-box !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: #fff !important;
}

@media (min-width: 768px) {
    

    html[dir="ltr"] body.homepage .hero .watch-video{
        justify-content: space-between !important;
    }

    html[dir="ltr"] body.homepage .hero .watch-video-disc{
        transform: translateX(-13px) !important;
    }
}

@media (max-width: 767px) {
    html[dir="ltr"] body.homepage .hero .watch-video{
        justify-content: flex-end !important;
        flex-direction: row-reverse !important;
    }

    html[dir="ltr"] body.homepage .hero .watch-video-icon{
        flex-basis: 50px !important;
        width: 50px !important;
        height: 50px !important;
        margin-inline-start: 6px !important;
    }

    html[dir="rtl"] body.homepage .hero .watch-video{
        justify-content: flex-end !important;
        flex-direction: row-reverse !important;
    }

    html[dir="rtl"] body.homepage .hero .watch-video-icon{
        transform: translateX(2px) !important;
    }

    html[dir="rtl"] body.homepage .hero .watch-video-disc{
        transform: translateX(13px) !important;
    }
}


.service-projects .eyebrow, .service-contact .eyebrow{color:var(--sm-color-accent-readable)}
.service-detail .service-load-more{color:var(--sm-color-text-primary)}
.service-contact>div>a{color:var(--sm-color-text-muted)}
html[dir] body.article-page .article-navigation .article-nav-label{color:var(--sm-color-text-muted)}
body.article-page .article-heading time{color:var(--sm-color-text-muted)}
body.article-page .article-body.prose a{color:var(--sm-color-accent-readable)}
html[dir="ltr"] body.article-page .article-heading .post-categories a{color:#fff}
html[dir="ltr"] body.article-page .related-posts .post-categories a{color:var(--sm-color-accent-readable)}


@media (min-width:1280px) and (max-width:1439px) {
    body.blog-archive-page:has(.category-archive-header):not(:has(.category-archive-header[data-archive-kind="tag"])) .category-archive-header>.wrap, body.blog-archive-page:has(.category-archive-header):not(:has(.category-archive-header[data-archive-kind="tag"])) .category-archive-header+.page-content{
        width: min(1100px,calc(100% - 60px));
        margin-inline: auto;
    }

    html[dir="rtl"] body.blog-archive-page:has(.category-archive-header):not(:has(.category-archive-header[data-archive-kind="tag"])) .category-archive-header{
        padding-top: 219px;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
}





.homepage .home-services > .wrap > .eyebrow, .homepage .home-partners-background .partner-heading .eyebrow, .homepage .home-trust-eyebrow{ color: var(--sm-color-accent-readable); }


.portfolio-actions > a:nth-child(2){ color: var(--sm-color-on-bright-green); }














@media (min-width: 1200px) {
    :root{
        --sm-nav-hover-background: #fff;
        --sm-nav-hover-foreground: #000;
        --sm-nav-hover-radius: 4px;
        --sm-nav-scrolled-hover-background: #ffb912;
    }

    

    

    

    

    

    

    

    

    
}














@media (min-width: 1200px) and (max-width: 1399px) {
    html[dir="ltr"] body.homepage .hero-inner.wrap, html[dir="ltr"] body.homepage .locations-card{
        width: calc(100% - 145px);
        max-width: none;
    }
}







html[dir=rtl] :is(.home-services,.about-services)>.wrap>.eyebrow{letter-spacing:normal}
:is(.home-services,.about-services)>.wrap>.eyebrow strong, .certifications-section .eyebrow strong{font-weight:700}

/* ---- Homepage colours measured on live smartmediajo.com (2026-10-16) ---- */
.homepage .locations-section .locations-card p{color:#020103}
.homepage .home-creative-main>p,.homepage .home-profile-card h2,.homepage .home-profile-card h2 span{color:#1f242e}
.homepage .home-future-copy h2,.homepage .home-future-copy h2 span,.homepage .home-future-copy h2 strong{color:#020103}
/* Live partners block is a 1190px box (45/55 split), not 1130px. */
@media(min-width:1440px){.homepage .partners-section{width:min(1190px,calc(100% - 30px));max-width:1190px}}
/* Live "Building Trust": 1180px box (cards 363px), centred heading, 20.4px under the label. */
@media(min-width:1440px){.home-trust-layout{width:min(1180px,calc(100% - 40px))}}
.home-trust-heading{text-align:center}
@media(min-width:1280px){.home-trust-eyebrow{margin-bottom:20.4px}}
/* Live certifications heading row: 1190px box like the partners block; heading pulled 2px out. */
@media(min-width:1440px){.certifications-heading-row{width:min(1190px,calc(100vw - 30px))}}
html[dir=ltr] .certifications-heading-copy h2{margin-left:-2px}
/* Live GPTW banner panel is 1160px (1180px box minus 10px gutters). */
@media(min-width:1440px){.home-award-container{width:1180px}}
/* Live service-card link icon: fontello e9a4 at 11px in a 21x21 box (mirrored in Arabic). */
.service-card .service-card-link-icon{display:inline-block;width:21px;height:21px;font-size:15px;line-height:21px;vertical-align:top}
.service-card .service-card-link-icon::before{content:"\e9a4";font-family:fontello;font-size:11px;font-weight:400;line-height:21px;color:#fff;vertical-align:top}
html[dir=rtl] .service-card .service-card-link-icon::before{display:inline-block;transform:scaleX(-1)}
/* Live profile buttons: label then a 15px flag, 4px apart. */
.about-profile-box .profile-links .button{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.about-profile-box .profile-flag,.home-profile-card .profile-flag{display:block;width:15px;height:15px;object-fit:contain}
html[dir] body.about-layout-page .about-profile-box .profile-links .button{display:inline-flex;align-items:center;justify-content:center;gap:4px}
/* Live About counters: 60px number, label 11px below, 1px rule 21px under the label, 20px between items. */
.about-counters>div{padding-bottom:21px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.19)}
.about-counters>div>strong{display:block;height:60px;line-height:60px}
.about-counters>div>p{margin:11px 0 0}
html[dir] body.about-layout-page .about-counters>div{border:0;border-bottom:1px solid rgba(0,0,0,.19);padding:0 0 21px;margin:0 0 20px}
/* Live client grid: a 994px rule 41px above rows 2 and 3, and a near full-width rule 40px under the last row. */
@media(min-width:1025px){
.source-partner-grid .partner-row{position:relative}
.source-partner-grid .partner-row:not(:first-child)::before,.source-partner-grid .partner-row:last-of-type::after{content:"";position:absolute;left:50%;height:1px;background:rgba(0,0,0,.19);transform:translateX(-50%);pointer-events:none}
.source-partner-grid .partner-row:not(:first-child)::before{top:-41px;width:calc((100vw - 20px) * .7)}
.source-partner-grid .partner-row:last-of-type::after{bottom:-40px;width:calc(100vw - 20px)}
}
/* Live draws the circle on a canvas behind the page and only the covered sections are see-through,
   so the circle never shows above or below its own block. clip-path also clips the fixed canvas. */
.home-circle-region{clip-path:inset(0)}
/* Live circle arrow: 22px SVG, #020103, centred 28px below the top of the marker band. */
.home-circle-start .home-circle-arrow{position:absolute;top:28px;left:50%;width:22px;height:22px;margin-left:-11px;color:#020103}


/* Live ThemeREX content grid: boxed sections are 1180px (1190px for the partners/certifications
   rows) from 1440px up, 1120px (1130px) from 1280px to 1439px, and the viewport minus 40px (30px)
   below that. Homepage boxes take their width from these two variables. */
:root{--sm-box:calc(100% - 40px);--sm-box-wide:calc(100% - 30px)}
@media(min-width:1280px){:root{--sm-box:1120px;--sm-box-wide:1130px}}
@media(min-width:1440px){:root{--sm-box:1180px;--sm-box-wide:1190px}}
@media(min-width:1200px){
    html[dir] body.homepage .locations-card{width:var(--sm-box);max-width:none}
    html[dir] body.homepage .home-award-container{width:var(--sm-box)}
    html[dir] body.homepage .partners-section{width:var(--sm-box-wide);max-width:none}
    html[dir] body.homepage .certifications-heading-row{width:var(--sm-box-wide)}
    /* The row sits inside the 100%-20px certifications .wrap, so live's viewport-minus-30px is 100%-10px here. */
    @media(max-width:1279px){html[dir] body.homepage .certifications-heading-row{width:calc(100% - 10px)}}
    /* "Our Services" sits in a 10px-padded column with the heading pulled 2px out (live 1162px at 1440). */
    html[dir] body.homepage .home-services>.wrap{box-sizing:border-box;width:var(--sm-box);max-width:none;padding-inline:10px}
    html[dir] body.homepage .home-services>.wrap>h2{margin-inline:-2px 0}
}
/* Live "Smart Projects" heading sits on the row's bottom edge, level with the bottom of the button. */
@media(min-width:768px){.home-projects-heading{align-items:flex-end}}
/* Live eyebrow → heading spacing follows the ThemeREX grid gap (0.7 × 18/22/28px): 8.4px below 1024, 12.6px below 1280,
   15.4px from 1280, 19.6px from 1440 — the same for every homepage section in both languages. */
@media(min-width:768px){
    html[dir] body.homepage :is(.home-services>.wrap>.eyebrow,.partner-heading-title>.eyebrow,.home-trust-eyebrow,.certifications-heading-copy>.eyebrow){line-height:18px;margin-bottom:8.4px}
}
@media(min-width:1024px){
    html[dir] body.homepage :is(.home-services>.wrap>.eyebrow,.partner-heading-title>.eyebrow,.home-trust-eyebrow,.certifications-heading-copy>.eyebrow){margin-bottom:12.6px}
}
@media(min-width:1280px){
    html[dir] body.homepage :is(.home-services>.wrap>.eyebrow,.partner-heading-title>.eyebrow,.home-trust-eyebrow,.certifications-heading-copy>.eyebrow){margin-bottom:15.4px}
}
@media(min-width:1440px){
    html[dir] body.homepage :is(.home-services>.wrap>.eyebrow,.partner-heading-title>.eyebrow,.home-trust-eyebrow,.certifications-heading-copy>.eyebrow){margin-bottom:19.6px}
}
/* Live service cards drop to 17px type between 768 and 1279px (padding 1.8em = 30.6px, title 20.4px). */
@media(min-width:768px) and (max-width:1279px){
    :is(.about-services,.home-services) .service-carousel-track>.service-card{font-size:17px}
}
/* Live "Company Profile" is back to 36px/43.2px from 1024px (30px only below 1024). */
@media(min-width:1024px) and (max-width:1199px){html[dir=ltr] .home-profile-card h2{font-size:36px;line-height:43.2px}}
/* Live profile buttons sit in one wrapping row: side by side while the card is wide enough (≥ ~820px viewport),
   one under the other below that. Arabic spaces them with a 16px margin on English, so the wrapped English
   button stays 16px in from the edge, as on live. */
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.homepage .home-profile-card .profile-links{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:0}
    html[dir=rtl] body.homepage .home-profile-card .profile-links{column-gap:0}
    html[dir=rtl] body.homepage .home-profile-card .profile-links a[lang=en]{margin-inline-start:16px}
}
/* Live Arabic certification slides: 4.6px between the title and the paragraph (English keeps 11px). */
html[dir=rtl] .certification-copy h3{margin-bottom:5px}
/* Live Arabic below 1280: profile heading 28px/39.2px and the creative paragraph on a 27.2px line (17px base). */
@media(min-width:1200px) and (max-width:1279px){
    html[dir=rtl] .home-profile-card h2{font-size:28px;line-height:39.2px}
    html[dir=rtl] body.homepage .home-creative-main>p{line-height:27.2px}
}
/* Live Arabic phones: the partners/certifications headings set their words at 32px on a 44.8px line. */
@media(max-width:767px){
    html[dir=rtl] body.homepage :is(.partner-heading h2,.certifications-heading-copy h2) :is(strong,span){font-size:32px;line-height:44.8px}
}
/* Live Arabic phones: "خدماتنا" block is right-aligned (start) and the word is set at 32px/38.4px bold. */
@media(max-width:767px){
    html[dir=rtl] body.homepage .home-services>.wrap{text-align:start}
    html[dir=rtl] body.homepage .home-services>.wrap>h2{font-size:32px;line-height:38.4px}
}
/* Live phones: the "Building Trust" label and heading sit at the start edge; "Smart Projects" is centred. */
@media(max-width:767px){html[dir] body.homepage .home-trust-heading{text-align:start}html[dir] body.homepage .home-projects-heading{text-align:center}}
/* Live tablet gap from the service cards to the "Success Partnerships" label: 87px EN / 77px AR below 1024, 69/68px from 1024. */
@media(min-width:768px) and (max-width:1023px){
    html[dir=ltr] body.homepage .home-partners-background{margin-top:2px}
    html[dir=rtl] body.homepage .home-partners-background{margin-top:6px}
}
@media(min-width:1024px) and (max-width:1279px){html[dir] body.homepage .home-partners-background{margin-top:0}}
/* Live tablets (768–1023px): every homepage section heading is 30px/36px, in both languages. */
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.homepage :is(.partner-heading,.home-future-copy,.certifications-heading-copy,.home-creative-main) h2,
    html[dir] body.homepage :is(.partner-heading,.home-future-copy,.certifications-heading-copy,.home-creative-main) h2 :is(strong,span){font-size:30px;line-height:36px}
}
/* Live Arabic tablets (768–1023px): the text column starts 70px lower than the first photo, the paragraph
   runs on a 26.86px line, and the stacked profile buttons put العربية above English. */
@media(min-width:768px) and (max-width:1023px){
    html[dir=rtl] body.homepage .home-creative-main{margin-top:70px}
    html[dir=rtl] body.homepage .home-creative-main>p{line-height:26.86px}
}
/* Live keeps the Future copy's 30px margin on the physical left in Arabic too (away from the photo) on tablets. */
@media(min-width:768px) and (max-width:1199px){html[dir=rtl] body.homepage .home-future-copy{margin-inline:0 30px}}
/* Live Arabic tablets: the certifications label/heading start level with the paragraph (not centred against it). */
@media(min-width:768px) and (max-width:1023px){html[dir=rtl] body.homepage .certifications-heading-row{align-items:start}}
/* Live 480–767px: the theme gutter grows from 20px to 30px, so the homepage boxes are 20px narrower than on
   small phones (text starts 30px from the edge). */
@media(min-width:480px) and (max-width:767px){
    html[dir] body.homepage :is(.locations-card,.home-creative-layout,.home-trust-layout,.home-projects-layout,.home-future-layout){width:calc(100% - 50px);margin-inline:auto}
    html[dir] body.homepage .home-services>.wrap{width:calc(100% - 60px);margin-inline:auto}
    html[dir=ltr] body.homepage .home-award-panel{margin-inline:15px}
    html[dir=rtl] body.homepage .home-award-panel{margin-inline:5px}
    html[dir=rtl] body.homepage .certifications-heading-row{width:calc(100vw - 60px)}
    html[dir] body.homepage :is(.partner-heading-description,.home-trust-cell p,.home-future-copy p,.certifications-introduction){line-height:25.28px}
}
/* Live projects grid: one column up to 600px, two (20px apart) from 601 to 767px, three from 768px. */
@media(min-width:601px) and (max-width:767px){.home-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}
/* Live phones: the first creative photo never grows past its 490px natural width and stays centred. */
@media(max-width:767px){html[dir] body.homepage .home-creative-primary{max-width:490px;margin-inline:auto}}
/* Live Arabic 480–767px keeps the line break in "خدمات إبداعية / بلمسة ذكية" (hidden only below 480px). */
@media(min-width:480px) and (max-width:767px){html[dir=rtl] .home-creative-main h2 br{display:inline}}
/* Certification slides on phones: 20px under the badge, and every slide as tall as the tallest one (live
   Swiper behaviour). A fixed 494.5px Arabic height used to clip the badge from 480px up. */
@media(max-width:767px){
    html[dir] body.homepage .certification-track{align-items:stretch}
    html[dir] body.homepage .certification-track article{height:auto;min-height:0;padding-bottom:20px}
}
/* Certification badges are 1240x1166: reserve that box before a lazy image loads, so off-screen slides keep
   their height and the carousel does not jump while it is dragged. */
html[dir] body.homepage .certification-track img{aspect-ratio:auto 1240/1166}
/* Live tablets (768–1023px): the certification arrows sit at the screen edges (20px in English, 10px in
   Arabic), not against the slide. */
@media(min-width:768px) and (max-width:1023px){
    html[dir=ltr] .certification-controls [data-cert-prev]{inset-inline-start:calc(20px - (100vw - 100%) / 2)}
    html[dir=ltr] .certification-controls [data-cert-next]{inset-inline-end:calc(20px - (100vw - 100%) / 2)}
    html[dir=rtl] .certification-controls [data-cert-prev]{inset-inline-start:calc(10px - (100vw - 100%) / 2)}
    html[dir=rtl] .certification-controls [data-cert-next]{inset-inline-end:calc(10px - (100vw - 100%) / 2)}
}
/* Live certification titles break a word that cannot fit ("Workplaces™" at 1024px) instead of overflowing. */
html[dir] .certification-copy h3{overflow-wrap:break-word}
/* Live slides (768px up): content starts at the top of the slide; side by side, the badge centres on its own text. */
@media(min-width:768px){html[dir] body.homepage .certification-track article{align-content:start}}
/* Live English stacked slides (768–1023px): 10px between the title and the paragraph. */
@media(min-width:768px) and (max-width:1023px){html[dir=ltr] .certification-copy h3{margin-bottom:10px}}

/* ---------- About page: same live content grid as the homepage (--sm-box) ---------- */
@media(min-width:1200px){
    html[dir] body.about-layout-page .about-services>.wrap{box-sizing:border-box;width:var(--sm-box);max-width:none;margin-inline:auto;padding-inline:10px;transform:none}
    html[dir] body.about-layout-page .about-services>.wrap>.eyebrow{width:auto;max-width:none;margin-inline:0}
    html[dir] body.about-layout-page .about-services>.wrap>h2{width:auto;max-width:none;margin-inline:-2px 0}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.about-layout-page :is(.about-branch,.about-creative){margin-inline:auto}
}
/* Live About service cards are a quarter of the screen from 1280px in both languages (English was fixed at 320px). */
@media(min-width:1280px) and (max-width:1439px){
    html[dir] body.about-layout-page .about-services .service-carousel-track>.service-card{flex:0 0 25%;width:25%;min-width:25%;max-width:25%;height:auto;min-height:0}
}
/* Email + phone share one row: each fills its half so the pair lines up with the full-width fields on both
   edges (live leaves the phone box 13px short of the right edge; Mohammed asked for it balanced). */
html[dir] .form-fields>.form-field:is(.field-email,.field-phone){box-sizing:border-box;width:100%;max-width:none;margin-inline:0;transform:none}
html[dir] .form-fields>.form-field:is(.field-email,.field-phone) :is(input,.iti){box-sizing:border-box;width:100%;max-width:none;margin-inline:0}
html[dir] body.contact-page .contact-form-panel .form-fields>.form-field:is(.field-email,.field-phone){transform:none}
html[dir] body .form-fields>.form-field:is(.field-email,.field-phone) :is(input,.iti){transform:none;margin-inline:0;inset-inline:auto}
html[dir] body.contact-page .contact-form-panel .form-fields>.form-field:is(.field-email,.field-phone) input:not([type=radio]){margin-inline:0}
html[dir] body.contact-page .contact-form-panel .form-field :is(input:not([type=radio]),textarea){margin-inline:0}
html[dir] body.contact-page .contact-form-panel .form-fields>.form-field{box-sizing:border-box;max-width:none;margin-inline:0;transform:none}
html[dir] body.contact-page .contact-form-panel .form-fields>.form-field:not(.field-email):not(.field-phone){width:100%}
html[dir] body.contact-page .contact-form-panel .form-field :is(input:not([type=radio]):not([type=checkbox]),textarea){box-sizing:border-box;width:100%}
/* Live circle start: the arrow sits on its own 78x82 yellow disc (an Elementor icon, 28px padding) that shows
   before the canvas circle grows; and the gap above it is part of the grey canvas area, not white page. */
.home-circle-start::before{content:"";position:absolute;top:0;left:50%;width:78px;height:82px;margin-left:-39px;border-radius:50%;background:#f7c13d}
.home-circle-start .home-circle-arrow{z-index:1}
@media(min-width:768px){html[dir] body.homepage .home-circle-region{margin-top:0;padding-top:70px}}
@media(min-width:1024px) and (max-width:1199px){html[dir=rtl] body.homepage .home-circle-region{padding-top:69.1px}}
/* Live Vision/Mission cards: on hover the grey card turns white and lifts with a soft shadow (0.3s). */
html[dir] .about-page .about-purpose>article{transition:background-color .3s,box-shadow .3s}
html[dir] .about-page .about-purpose>article:hover{background-color:#fff;box-shadow:15px 15px 64px -20px rgba(0,0,0,.19)}
@media(prefers-reduced-motion:reduce){html[dir] .about-page .about-purpose>article{transition:none}}
/* Live About timeline (1200px up): the section follows the 1190/1130/viewport-30 grid, and each card keeps 40px
   towards the centre line (right of odd cards, left of even ones) in both languages. */
@media(min-width:1200px){
    html[dir] body.about-layout-page .about-page .about-timeline{width:var(--sm-box-wide);max-width:none;margin-inline:auto}
    html[dir] body.about-layout-page .about-timeline li:nth-child(odd) article{margin:0 40px 0 0}
    html[dir] body.about-layout-page .about-timeline li:nth-child(even) article{margin:0 0 0 40px}
}
/* About 1200–1279px: the English 1280px-wide blocks are centred on the screen (they started at x=0), the services
   band fits the screen, and Arabic uses live's smaller profile heading and 27.2px paragraph lines. */
@media(min-width:1200px) and (max-width:1279px){
    html[dir=ltr] body.about-layout-page :is(.about-branch,.about-creative){margin-left:calc((100% - 1280px) / 2)}
    html[dir] body.about-layout-page .about-services{width:auto;max-width:none}
    html[dir=rtl] body.about-layout-page .about-profile-box h3{font-size:28px;line-height:39.2px}
    html[dir=rtl] body.about-layout-page .about-creative-main p{line-height:27.2px}
}
/* Arabic "نوسّع آفاقنا" card follows the content grid (1180/1120/viewport-40) like the English one. */
@media(min-width:1200px){html[dir=rtl] body.about-layout-page .about-page .about-branch{width:var(--sm-box);max-width:none;margin-inline:auto}}
/* Arabic values text column: 15px from the left edge between 1280 and 1439px (live). */
@media(min-width:1280px) and (max-width:1439px){html[dir=rtl] body.about-layout-page .about-values>div:last-child{padding-left:15px}}
/* Live Vision/Mission row follows the 1190/1130/viewport-30 grid from 1200px (Codex fixed it at 1130px). */
@media(min-width:1200px){html[dir] body.about-layout-page .about-page .about-purpose{width:var(--sm-box-wide);max-width:none;margin-inline:auto}}
@media(min-width:1200px) and (max-width:1279px){
    html[dir] body.about-layout-page .about-page .about-purpose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding-inline:12px;box-sizing:border-box}
    html[dir] body.about-layout-page .about-page .about-purpose>article{width:auto;max-width:none;margin:0;transform:none}
}
/* Live gap from the last value to "Smart Media's Journey": 5px more than ours from 1280 to 1439px, and 4px more in
   English from 1440px (Arabic already matches there). */
@media(min-width:1280px) and (max-width:1439px){html[dir] body.about-layout-page .about-page .about-timeline{padding-top:75px}}
@media(min-width:1440px){html[dir=ltr] body.about-layout-page .about-page .about-timeline{padding-top:74px}}
/* About headings on phones/tablets, as measured on live. */
@media(min-width:480px) and (max-width:767px){html[dir=ltr] body.about-layout-page .about-values article h3{font-size:21px;line-height:26px}}
@media(min-width:768px) and (max-width:1023px){
    html[dir=ltr] body.about-layout-page .about-values article h3{font-size:25px;line-height:29px}
    html[dir] body.about-layout-page :is(.about-profile-box h3,.about-timeline>h2,.about-creative-main h2),
    html[dir] body.about-layout-page :is(.about-profile-box h3,.about-timeline>h2,.about-creative-main h2) :is(span,strong){font-size:30px;line-height:36px}
    html[dir=rtl] body.about-layout-page .about-profile-box h3,
    html[dir=rtl] body.about-layout-page .about-profile-box h3 :is(span,strong){font-size:25px;line-height:35px}
}
@media(max-width:767px){html[dir=rtl] body.about-layout-page .about-profile-box h3,html[dir=rtl] body.about-layout-page .about-profile-box h3 :is(span,strong){font-size:28px;line-height:28px}}
@media(min-width:768px) and (max-width:1023px){html[dir] body.about-layout-page :is(.about-profile-box h3,.about-timeline>h2,.about-creative-main h2,.about-values h2){min-height:0}}
@media(min-width:768px) and (max-width:1023px){html[dir] body.about-layout-page .about-values h2,html[dir] body.about-layout-page .about-values h2 :is(span,strong){font-size:30px;line-height:36px}}
/* About tablets (English): the "Expanding Horizons" card keeps its 100px top margin at 768–800px and, like Arabic,
   is the viewport minus 40px with 20px side padding from 801px. */
@media(min-width:801px) and (max-width:1199px){html[dir=ltr] body.about-layout-page .about-page .about-branch{width:calc(100% - 40px);max-width:none;margin-inline:auto;padding-inline:20px;box-sizing:border-box}}
/* English "Expanding Horizons" card at 768–800px, built like the Arabic one (which matches live): the white card is
   a layer 100px down, the copy sits 150px down, and the map photo hangs at the right edge. */
@media(min-width:768px) and (max-width:800px){
    html[dir=ltr] body.about-layout-page .about-page .about-branch{position:relative;box-sizing:border-box;width:100%;height:454px;min-height:454px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
    html[dir=ltr] body.about-layout-page .about-page .about-branch::before{content:"";position:absolute;top:100px;inset-inline:20px;height:284px;border-radius:16px;background:#fff url("/wp-content/uploads/2024/12/Asset-01.png") 0 0 repeat;box-shadow:0 20px 40px rgba(0,0,0,.1)}
    html[dir=ltr] body.about-layout-page .about-page .about-branch>div{position:absolute;z-index:1;top:150px;inset-inline:20px;width:auto}
    html[dir=ltr] body.about-layout-page .about-page .about-branch>img{top:99px;bottom:auto;inset-inline-end:20px;width:340px;height:378.06px}
    html[dir=ltr] body.about-layout-page .about-page .about-branch h2{width:calc(100% - 40px);margin-inline-start:20px}
    html[dir=ltr] body.about-layout-page .about-page .about-branch .button{margin-left:20px}
}
/* English About creative block at 768–800px, laid out like the Arabic one (which matches live). */
@media(min-width:768px) and (max-width:800px){
    html[dir=ltr] body.about-layout-page .about-creative-main{display:block}
    html[dir=ltr] body.about-layout-page .about-creative-main>img{margin-top:160px}
    html[dir=ltr] body.about-layout-page .about-profile-box{margin-top:21.5px}
    html[dir=ltr] body.about-layout-page .about-profile-box .profile-links{row-gap:0}
}
@media(min-width:768px) and (max-width:800px){html[dir] body.about-layout-page .about-timeline>h2{margin-bottom:70px}}
@media(min-width:801px) and (max-width:1023px){
    html[dir=ltr] body.about-layout-page .about-profile-box{margin-top:31.9px}
    html[dir=rtl] body.about-layout-page .about-profile-box{margin-top:41.3px}
}
/* Live About tablets (768–1023px): the profile card sits at least 20px under the photo above it and drops to the
   bottom of the column (10px from the section edge) once the other column grows taller — flex does both. */
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.about-layout-page .about-profile{display:flex;flex-direction:column;row-gap:20px}
    html[dir] body.about-layout-page .about-profile>.creative-left{flex:none}
    html[dir] body.about-layout-page .about-profile .about-profile-box{margin-top:auto}
}
@media(min-width:768px) and (max-width:1023px){html[dir] body.about-layout-page .about-counters>div>p{margin-top:7px}}
/* Live About tablets: the counters start 13px above the bottom of the profile card. A margin (not Codex's
   translateY(-40px)) so that the Vision row follows them. */
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.about-layout-page .about-counters>div{transform:none}
    html[dir] body.about-layout-page .about-counters{margin-top:-23px}
}
@media(min-width:768px) and (max-width:1023px){html[dir] body.about-layout-page .about-page .about-creative{padding-bottom:88px}}
@media(min-width:1024px) and (max-width:1199px){html[dir] body.about-layout-page .about-counters>div>p{margin-top:7px}}
@media(min-width:1024px) and (max-width:1199px){html[dir] body.about-layout-page .about-counters>div{transform:translateY(-17px)}}
/* Re-measured on settled live pages: the first counter label sits 37px under the profile card at 768–1023px. */
@media(min-width:768px) and (max-width:1023px){html[dir] body.about-layout-page .about-counters{margin-top:-40px}}
@media(min-width:768px) and (max-width:800px){html[dir=rtl] body.about-layout-page .about-page .about-creative{padding-bottom:107px}}
@media(min-width:1024px) and (max-width:1199px){
    html[dir] body.about-layout-page .about-profile{display:flex;flex-direction:column;row-gap:20px}
    html[dir] body.about-layout-page .about-profile>.creative-left{flex:none}
    html[dir] body.about-layout-page .about-profile .about-profile-box{margin-top:auto}
}
/* Country picker (intl-tel-input): as wide as its longest country name like live (names stay on one line),
   28px rows, a 350px list, and room for the search icon so it does not sit on the text. Opens from the field's
   start edge (left in English, right in Arabic). */
.iti .iti__dropdown-content{width:max-content;min-width:100%;max-width:min(360px,calc(100vw - 30px));inset-inline-start:0;inset-inline-end:auto}
.iti .iti__country-list{max-height:350px}
.iti .iti__country{padding:5px 10px;white-space:nowrap}
.iti .iti__search-input{padding-inline:36px 12px}
.iti .iti__search-icon{inset-inline-start:12px}

/* ---------- Contact page ---------- */
/* Live: white page behind the info cards and the FAQs (only the form band is #f8f8f8). */
html[dir] body.contact-page,html[dir] body.contact-page main{background-color:#fff}
/* Small contact-line icons: 14px tall glyphs in an 18px slot, 3px lower than before (live Font Awesome icons). */
html[dir] body.contact-page .contact-inline-icon{flex:0 0 18px;width:18px;height:14px;margin-top:6px;justify-content:flex-start}
html[dir] body.contact-page .contact-inline-icon svg{width:auto;height:14px}
/* FAQ toggle icon: live's fontello plus/minus (U+E9EA / U+E9D4) at 20px, 3px below the question's top. */
html[dir] body.contact-page .contact-faq summary::after{content:"\e9ea";flex:0 0 20px;width:20px;height:20px;margin-top:3px;background:none;font:400 20px/20px fontello,sans-serif;color:#2b2b2b;text-align:center}
html[dir] body.contact-page .contact-faq summary[aria-expanded=true]::after,
html[dir] body.contact-page .contact-faq details[open]:not(:has(summary[aria-expanded]))>summary::after{content:"\e9d4";background:none}
html[dir] body.contact-page .contact-faq summary{position:relative;padding-inline-end:40px}
html[dir] body.contact-page .contact-faq summary::after{position:absolute;top:27px;inset-inline-end:0;margin:0}
/* ---------- Contact page below 1200px, rebuilt from live measurements ----------
   Live stacks the enquiry block under 1200px: title, then the form in a white card at full width,
   then a second (mobile/tablet) map under it. The three detail cards stay in three columns down to 768px. */
@media(max-width:1199px){
    html[dir] body.contact-page .contact-enquiry{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding:70px 0;transform:none}
    html[dir] body.contact-page .contact-enquiry-title{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;transform:none}
    html[dir] body.contact-page .contact-grid{display:flex;flex-direction:column;width:calc(100vw - 60px);max-width:none;margin-inline:auto;gap:50px}
    html[dir] body.contact-page .contact-form-panel{order:1;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:20px;transform:none}
    html[dir] body.contact-page .contact-grid>.contact-map{order:2;box-sizing:border-box;width:100%;margin:0;transform:none}
    html[dir] body.contact-page .contact-grid>.contact-map iframe{height:500px}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.contact-page .contact-enquiry{margin-block-start:0}
    html[dir] body.contact-page .contact-enquiry-title{margin-block:0 30px;font-size:30px;line-height:36px}
    html[dir] body.contact-page .contact-enquiry-title :is(.sc_item_title_text,b,span){font-size:30px;line-height:36px}
    html[dir] body.contact-page .page-content:has(.contact-details)>.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:calc(100vw - 40px);max-width:none;margin:-10px calc(50% - 50vw + 20px) 59px}
    html[dir] body.contact-page .contact-details>section{box-sizing:border-box;width:auto;min-width:0;margin:12px;padding:40px}
    html[dir] body.contact-page .contact-detail-icon{width:55px;height:55px;margin-bottom:18.5px}
    html[dir] body.contact-page .contact-detail-icon svg{width:55px;height:55px}
    html[dir] body.contact-page .contact-details li{font-size:16px;line-height:26.86px}
    html[dir] body.contact-page .contact-faq{margin-block-start:71px}
}
@media(min-width:1024px) and (max-width:1199px){
    html[dir] body.contact-page .contact-enquiry-title{margin-block:0 31px;font-size:36px;line-height:43.2px}
    html[dir] body.contact-page .contact-enquiry-title :is(.sc_item_title_text,b,span){line-height:43.2px}
    html[dir] body.contact-page .contact-enquiry-title>*{margin-inline-start:-2px}
    html[dir] body.contact-page .contact-details li{line-height:27.2px}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] body.contact-page .contact-details section{width:calc(100vw - 74px)}
}
@media(max-width:767px){
    html[dir] body.contact-page .contact-enquiry-title,html[dir] body.contact-page .contact-grid{width:calc(100vw - 40px)}
    html[dir] body.contact-page .contact-grid{gap:25px}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] body.contact-page .contact-enquiry-title,html[dir] body.contact-page .contact-grid{width:calc(100vw - 60px)}
}
@media(max-width:1199px){
    html[dir] body.contact-page .contact-form-panel .public-form{max-width:none}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.contact-page .page-content:has(.contact-details){padding-top:70px}
    html[dir] body.contact-page .contact-faq{margin-block-start:1px}
}
@media(min-width:1024px) and (max-width:1199px){
    html[dir] body.contact-page .contact-enquiry-title{position:relative;inset-inline-start:-2px}
}
/* FAQ rows: live pads the toggle 20px below 1200px (24px from 1200) and the +/− glyph sits on that padding */
@media(max-width:1199px){
    html[dir] body.contact-page .contact-faq summary{padding-block:20px}
    html[dir] body.contact-page .contact-faq summary::after{top:23px}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.contact-page .contact-faq h2{margin-bottom:20px}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.contact-page .contact-faq{box-sizing:border-box;width:calc(100vw - 70px);max-width:none;margin-inline:auto}
    html[dir] body.contact-page .contact-faq :is(h2,details){width:100%;margin-inline:0}
    html[dir] body.contact-page .contact-faq h2{font-size:30px;line-height:36px}
}
@media(max-width:767px){
    html[dir] body.contact-page .contact-faq summary::after{flex-basis:18px;width:18px;height:18px;font-size:18px;line-height:18px;top:22.7px}
}
@media(min-width:768px) and (max-width:1199px){
    /* negative inline margins on an over-wide box resolve differently in RTL; shift it instead */
    html[dir] body.contact-page .page-content:has(.contact-details)>.contact-details{position:relative;margin-inline:0;inset-inline-start:calc(50% - 50vw + 20px)}
    /* Arabic title: live keeps it in a column 170px narrower than the viewport, text on its right edge */
    html[dir=rtl] body.contact-page .contact-enquiry-title{width:auto;margin-inline:140px 30px;font-size:36px;line-height:30px}
    html[dir=rtl] body.contact-page .contact-enquiry-title b{font-size:35px;line-height:35px}
    html[dir=rtl] body.contact-page .contact-enquiry-title span{font-size:32px;line-height:32px}
}
@media(min-width:1024px) and (max-width:1199px){
    html[dir=rtl] body.contact-page .contact-enquiry-title{inset-inline-start:0;line-height:36px}
}
/* live: text starts 22.5px after the icon's start (17.5px icon + 5px padding); ours is an 18px box + gap */
html[dir] body.contact-page .contact-details li,html[dir] body.contact-page .contact-details li>a{gap:4.5px}
@media(min-width:768px) and (max-width:1199px){
    html[dir=rtl] body.contact-page .contact-enquiry-title{position:static;inset:auto}
    html[dir=rtl] body.contact-page .contact-enquiry-title :is(.sc_item_title_text,b){font-size:35px;line-height:35px}
    html[dir=rtl] body.contact-page .contact-enquiry-title :is(.sc_item_title_text,span):not(:has(b)){font-size:32px;line-height:32px}
    html[dir=rtl] body.contact-page .contact-enquiry-title>*{margin-inline:0}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.contact-page .contact-faq{position:relative;margin-inline:0;inset-inline-start:calc(50% - 50vw + 35px);transform:none}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.contact-page .contact-details>section{min-height:0}
    html[dir] body.contact-page .contact-form-panel{min-height:0}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir=ltr] body.contact-page .page-content:has(.contact-details)>.contact-details{width:var(--sm-box);margin-inline:auto}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir] body.contact-page .page-content:has(.contact-details)>.contact-details{position:relative;left:auto;right:auto;width:calc(100vw - 40px);max-width:none;margin-inline:0;inset-inline-start:calc(50% - 50vw + 20px)}
    html[dir] body.contact-page .contact-details>section{min-height:0;margin:12px;padding:40px}
}
@media(min-width:1200px) and (max-width:1279px){
    html[dir] body.contact-page .contact-details li{font-size:16px;line-height:27.2px}
}
/* ---------- Legal pages (privacy) from live: 303px title band at 768–1279, 30px side padding 480–1279,
   1100px text at 1280–1439, live type steps and 1.5em list indent ---------- */
html[dir] body.legal-page .page-content :is(ul,ol){padding-inline-start:1.5em}
@media(min-width:768px) and (max-width:1279px){
    html[dir] body.legal-page .page-hero{height:303px;min-height:0}
}
@media(min-width:480px) and (max-width:1279px){
    html[dir] body.legal-page .page-content{box-sizing:border-box;width:auto;max-width:none;margin-inline:30px}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir] body.legal-page .page-content{width:1100px;max-width:none;margin-inline:auto}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] body.legal-page .page-content :is(p,li){line-height:25.28px}
    html[dir] body.legal-page .page-content h2{line-height:28px;margin:24px 0 14px}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.legal-page .page-content :is(p,li){font-size:17px;line-height:26.86px}
    html[dir] body.legal-page .page-content p{margin:0 0 17px}
    html[dir] body.legal-page .page-content h2{font-size:29.75px;line-height:35px;margin:28px 0 16px}
}
@media(min-width:1024px) and (max-width:1279px){
    html[dir] body.legal-page .page-content p{margin:0 0 17px}
    html[dir] body.legal-page .page-content h2{font-size:29.75px;line-height:35.7px}
}
/* ---------- Category / tag archives, from live (Elementor posts "cards" skin) ----------
   grey page, centred title + breadcrumb, white 8px cards with a soft shadow and a ruled date row,
   2 columns from 768 to 1279, WordPress-style pager centred with the current page in yellow */
html[dir] body:has(.category-archive-header){background:#f6f6f6}
html[dir] body:has(.category-archive-header) main{background:transparent}
html[dir] .category-archive-header{background:transparent;color:#2b2b2b;text-align:center}
html[dir] .category-archive-header h1{color:#2b2b2b;text-align:center}
html[dir] .category-archive-header nav{justify-content:center;gap:10px;margin-top:20px;font-size:inherit;line-height:inherit;color:#2b2b2b}
html[dir] .category-archive-header nav a{color:inherit}
html[dir] .category-archive-header nav>span[aria-hidden]{display:inline-flex;width:16px;justify-content:center;font-size:1.45em;font-weight:700;line-height:1}
html[dir] .category-grid .blog-card{border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.15)}
html[dir] .category-grid .blog-card-copy time{border-top:1px solid #eaeaea;background:transparent;color:#888}
html[dir] .category-pagination{display:flex;justify-content:center}
html[dir] .category-pagination .pagination-controls{justify-content:center;gap:0}
html[dir] .category-pagination :is(.pagination-text,.pagination-ellipsis){min-width:0;min-height:0;margin-inline:5px;padding:0;background:none;color:#020103;font-weight:400}
html[dir] .category-pagination .pagination-current{color:#f7c13d;background:none}
html[dir] .category-pagination .pagination-disabled{color:#020103;cursor:default}
@media(min-width:480px) and (max-width:1279px){
    html[dir] .blog-archive-page:has(.category-archive-header) .page-content,html[dir] .category-archive-header>.wrap{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] .category-grid .blog-card h2{line-height:26px}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] .category-grid .blog-card h2{line-height:29.4px}
    html[dir] .category-archive-header{padding-top:157px}
}
html[dir] .category-grid .blog-read-more{line-height:inherit}
html[dir] .category-grid .blog-card-copy time{line-height:15.6px}
@media(min-width:768px){html[dir] .category-grid .blog-read-more{line-height:26.86px}}
@media(min-width:1024px){html[dir] .category-grid .blog-read-more{line-height:27.2px}}
@media(min-width:1280px){html[dir] .category-grid .blog-read-more{line-height:28.8px}}
@media(min-width:768px){html[dir] .blog-archive-page:has(.category-archive-header) .page-content{padding-top:50px}}
/* live meta row: full-width rule above the date, 15px/30px padding, flush with the card bottom */
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card-copy{padding-bottom:0}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid{align-items:stretch}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card{display:flex;flex-direction:column}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card-copy time{align-self:stretch;margin:auto -30px 0;padding:15px 30px}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-read-more{margin-bottom:19.5px}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card h2{align-self:stretch}
/* Inner-page title band: live is 303px with the title at 157px on every inner page from 768 to 1279px */
@media(min-width:768px) and (max-width:1279px){
    html[dir] .page-hero{box-sizing:border-box;min-height:303px;padding-top:157px;align-items:flex-start}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] body .page-hero h1{transform:none;margin-block:0}
    html[dir] body .page-hero.vacancies-hero{height:auto;min-height:303px;max-height:none;padding-top:157px}
}
/* Service "Back" link as live: Font Awesome angle (25px glyph centred in a 31.25px box), 22px text 5px after it, yellow on hover */
html[dir] .service-introduction .service-back{gap:5px;font-size:22px;font-weight:400;line-height:28.8px;color:#2b2b2b;transition:color .3s}
html[dir] .service-introduction .service-back:is(:hover,:focus-visible){color:#f7c13d}
html[dir] .service-introduction .service-back-icon{display:flex;flex:0 0 31.25px;width:31.25px;height:25px;align-items:center;justify-content:center;font-size:25px;line-height:25px}
html[dir] .service-introduction .service-back-icon svg{display:block;width:12.5px;height:25px}
html[dir] .service-introduction .service-back-label{width:auto;flex:0 0 auto;font:inherit;line-height:28.8px}
@media(min-width:768px){html[dir] .service-introduction .service-back{top:60px}}
@media(min-width:768px) and (max-width:1023px){html[dir] .service-introduction .service-back{line-height:26.86px}html[dir] .service-introduction .service-back-label{line-height:26.86px}}
@media(min-width:1024px) and (max-width:1279px){html[dir] .service-introduction .service-back{line-height:27.2px}html[dir] .service-introduction .service-back-label{line-height:27.2px}}
@media(max-width:767px){
    html[dir] .service-introduction .service-back,html[dir] .service-introduction .service-back-label{line-height:25.6px}
    html[dir=ltr] .service-detail-page .service-introduction{margin-top:24px}
}
@media(min-width:1280px){html[dir=rtl] .service-detail-page .service-introduction{margin-top:-10px}}
/* Service detail 480–767: live gutter is 25px for the title row and 30px for the content below */
@media(min-width:480px) and (max-width:767px){
    html[dir] .service-detail-page .service-introduction{width:auto;margin-inline:25px}
    html[dir] .service-detail-page :is(.service-offerings,.service-projects,.service-links,.service-contact){width:auto;margin-inline:29px}
    html[dir] .service-links .service-action-break{display:inline}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] .service-links h3{font-size:29.75px;line-height:41.65px}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] body.service-detail-page .service-links h3{font-size:29.75px;line-height:41.65px}
    html[dir] body.service-detail-page :is(.service-projects,.service-contact) h2{font-size:34px;line-height:40.8px}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] .service-detail-page .service-contact{margin-inline:25px}
}
@media(max-width:767px){
    /* live lets each thumbnail keep its own ratio (890x600 or 822x562) on phones */
    html[dir] .service-detail-page .service-project-card img{aspect-ratio:auto;height:auto}
}
@media(min-width:480px) and (max-width:767px){html[dir] .service-detail-page .service-project-card h3{line-height:24px}}
html[dir] .service-detail-page .service-project-card img{aspect-ratio:auto;height:auto}
/* ---------- Vacancies from live: grey list section, white team section, uppercase title band,
   "<b>Our</b> Vacancies" heading, 19px intro, yellow uppercase "Join Our Team" ---------- */
html[dir] .vacancies-hero h1{text-transform:uppercase}
html[dir] .vacancies-page:not(.vacancies-team){padding-bottom:70px;background:#f6f6f6}
html[dir] .vacancies-page.vacancies-team{padding-top:70px;background:#fff}
html[dir] .vacancies-team .vacancies-join{margin-top:0;color:#f7c13d;font-size:16px;line-height:24px;text-transform:uppercase}
html[dir] .vacancies-heading{font-weight:400}
html[dir] .vacancies-heading b{font-weight:700}
html[dir] .vacancies-intro{color:#020103}
html[dir] .vacancies-team-heading{font-weight:400;color:#020103}
html[dir] .vacancies-team-heading b{font-weight:700}
@media(min-width:1280px){html[dir] .vacancies-intro{width:870px;max-width:100%;margin-inline:auto;font-size:19px;line-height:28.8px}}
@media(min-width:1280px){html[dir] .vacancies-intro{margin-top:26px;margin-bottom:55px}}
@media(min-width:1280px){html[dir] .vacancies-intro{margin-bottom:50px}}
/* live: the image link keeps the artwork ratio (1051x683) and crops the 1% zoomed image */
html[dir] .vacancy-card-image{display:block;overflow:hidden;aspect-ratio:1051/683;height:auto}
html[dir] .vacancy-card-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:480px) and (max-width:767px){
    html[dir] .vacancies-content{box-sizing:border-box;width:calc(100vw - 90px);max-width:none;margin-inline:auto;padding-inline:0}
    html[dir] .vacancies-heading{font-size:32px;line-height:44.8px}
    html[dir] .vacancies-intro{width:85%;margin-inline:auto}
}
@media(min-width:768px) and (max-width:1279px){
    html[dir] .vacancies-content{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;padding-inline:0}
    html[dir] .vacancies-intro{width:75%;margin-inline:auto;font-size:18px}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] .vacancies-heading{font-size:36px;line-height:36px}
    html[dir] .vacancies-intro{margin-top:14px;line-height:26.86px}
}
@media(min-width:1024px) and (max-width:1279px){
    html[dir] .vacancies-intro{margin-top:18px;line-height:27.2px}
}
@media(min-width:1280px) and (max-width:1439px){
    html[dir] .vacancies-content{box-sizing:border-box;width:1100px;max-width:none;margin-inline:auto;padding-inline:0}
    html[dir] .vacancies-intro{width:75%;margin-top:23px;margin-inline:auto}
    html[dir] .vacancies-team-heading{margin-right:78px;margin-left:0}
}
@media(min-width:768px) and (max-width:1279px){html[dir] body .page-hero.vacancies-hero{height:303px;padding-bottom:0}}
@media(min-width:768px) and (max-width:1023px){
    html[dir] .vacancies-intro{margin-bottom:50px}
    html[dir] .vacancy-card-content h3{line-height:24px}
    html[dir] .vacancy-card-content time{margin-top:8px}
    html[dir] .vacancy-card-content .vacancy-apply{margin-top:9px}
}
@media(min-width:1024px) and (max-width:1279px){
    html[dir] .vacancies-intro{margin-bottom:50px}
    html[dir] .vacancy-card-content h3{line-height:24px}
    html[dir] .vacancy-card-content time{margin-top:12px}
    html[dir] .vacancy-card-content .vacancy-apply{margin-top:12px}
}
@media(min-width:768px) and (max-width:1279px){html[dir] body .vacancies-team-heading{width:auto;max-width:none;margin-right:0;margin-left:0}}
@media(min-width:768px) and (max-width:1023px){html[dir=rtl] .vacancies-heading{font-size:30px}}
html[dir=ltr] .career-team-gallery{direction:ltr}
@media(min-width:480px) and (max-width:767px){html[dir] .career-team-gallery{max-width:none;width:100%}}
@media(min-width:768px) and (max-width:1279px){html[dir] body .career-team-gallery{width:calc(100% - 20px);max-width:none;margin:0 10px}}
/* ---------- Job page from live: grey page, 1160/1100 content grid, calendar icon + body-size date ---------- */
html[dir] body:has(.job-page){background:#f6f6f6}
html[dir] .job-page .job-date{display:flex;align-items:center;gap:5px;margin:0 0 20px;color:#2b2b2b;font-size:inherit;line-height:inherit}
html[dir] .job-page .job-date svg{flex:0 0 14px;width:14px;height:14px}
html[dir] .job-page .job-date time{margin:0;color:inherit;font-size:inherit;line-height:inherit}
@media(min-width:1440px){html[dir] .job-page>.page-content{box-sizing:border-box;width:1160px;max-width:none;margin-inline:auto;padding-inline:0}}
@media(min-width:1280px) and (max-width:1439px){html[dir] .job-page>.page-content{box-sizing:border-box;width:1100px;max-width:none;margin-inline:auto;padding-inline:0}}
@media(min-width:480px) and (max-width:1279px){
    html[dir] .job-page>.page-content{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;padding-inline:0}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] .job-page .job-description p{line-height:25.28px;margin-bottom:16px}
    html[dir] .job-page .job-description :is(h2,h3,h4){font-size:18px;line-height:23px;margin:21px 0 12px}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] .job-page .job-description p{line-height:26.86px;margin-bottom:16px}
    html[dir] .job-page .job-description :is(h2,h3,h4){font-size:22px;line-height:27px;margin:24px 0 15px}
}
@media(min-width:1024px) and (max-width:1279px){
    html[dir] .job-page .job-description p{line-height:27.2px;margin-bottom:16px}
    html[dir] .job-page .job-description :is(h2,h3,h4){font-size:23px;line-height:32.2px}
}
html[dir] .job-page .job-description>:first-child{margin-top:0}
@media(max-width:767px){html[dir] .job-page .job-date{line-height:23px;margin-bottom:42px}}
@media(min-width:768px) and (max-width:1279px){html[dir] .job-page .job-date{font-size:17px;line-height:24px}}
@media(min-width:768px) and (max-width:1023px){html[dir] .job-page .job-date{margin-bottom:45px}}
@media(min-width:1024px) and (max-width:1279px){html[dir] .job-page .job-date{margin-bottom:21px}}
@media(min-width:768px) and (max-width:1279px){html[dir=ltr] .job-page .page-content{padding-top:48px}}
@media(min-width:768px) and (max-width:1279px){
    html[dir=rtl] .job-page .job-arabic-hero{box-sizing:border-box;height:303px;min-height:0}
    html[dir=rtl] .job-page .page-content{padding-top:66px}
}
@media(min-width:1280px){
    html[dir=rtl] .job-page .page-content{padding-top:70px}
    html[dir] .job-page .job-date{font-size:18px}
}
@media(min-width:1280px){html[dir] .job-page .job-date{line-height:28.8px}}
@media(min-width:768px) and (max-width:1279px){
    html[dir=rtl] .job-page .job-arabic-hero{height:299px;display:flex;align-items:flex-start;justify-content:center;padding-top:153px}
    html[dir=rtl] .job-page .page-content{padding-top:70px}
}
@media(min-width:1280px){html[dir=rtl] .job-page .job-arabic-hero{box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;padding-top:175px}}
html[dir=rtl] .job-page .job-arabic-hero h1{margin:0}
/* ---------- Survey (quality-assurance) form, from live WPForms styling ---------- */
html[dir] body:has(.form-template-survey){background:#f6f6f6}
html[dir] .form-template-survey .form-fields{display:block}
html[dir] .form-template-survey .form-field{width:auto;max-width:none;margin:0 0 30px;padding:0}
html[dir] .form-template-survey .form-field>label,html[dir] .form-template-survey .form-field>legend,html[dir] .form-template-survey .form-content p{display:block;margin:0 0 16px;padding:0;color:rgba(0,0,0,.85);font-size:20px;font-weight:600;line-height:30px}
html[dir] .form-template-survey .form-field>label>span[aria-hidden],html[dir] .form-template-survey .form-field>legend>span[aria-hidden]{display:none}
html[dir] .form-template-survey .form-field :is(input:not([type=radio]),textarea){box-sizing:border-box;width:100%;max-width:none;height:50px;margin:0;padding:0 40px;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:8px;color:#2b2b2b;font-size:16px;line-height:normal}
html[dir] .form-template-survey .form-field textarea{height:300px;min-height:300px;padding:20px 40px}
html[dir] .form-template-survey :is(input,textarea)::placeholder{color:#888;opacity:1}
html[dir] .form-template-survey .rating-options{display:flex;flex-wrap:wrap;gap:20px}
html[dir] .form-template-survey .rating-options label{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:170px;height:50px;margin:0;padding:0 21px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:transparent;box-shadow:2.5px 4.33px 35px 0 rgba(107,89,211,.17);color:#5f5f63;font-size:16px;font-weight:600;line-height:normal;cursor:pointer}
html[dir] .form-template-survey .rating-options input[type=radio]{flex:0 0 16px;width:16px;height:16px;margin:0}
html[dir] .form-template-survey .form-content+.form-field+fieldset.form-field>legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html[dir] .form-template-survey button[type=submit]{display:block;width:100%;height:50px;margin:15px 0 0;padding:0;border-radius:4px;background:#020103;color:#fff;font-size:20px;font-weight:700;line-height:normal;text-transform:none}
html[dir] .form-template-survey button[type=submit]:is(:hover,:focus-visible){background:#f7c13d;color:#020103}
/* the two empty HTML fields of the WordPress form: a full-width rule after the contact fields, a 70px spacer before the notes */
html[dir] .form-template-survey div.form-field+.form-content:empty{height:30px;margin:0 0 60px;border-bottom:1px solid rgba(0,0,0,.25)}
html[dir] .form-template-survey fieldset.form-field+.form-content:empty{height:70px;margin:0}
html[dir] .form-template-survey .form-content:not(:empty){margin:55px 0 0}
html[dir] .form-template-survey .form-content p{margin:0 0 15px}
html[dir] .form-template-survey fieldset.form-field>legend{margin-bottom:36px}
html[dir] .form-template-survey .form-content:not(:empty)+.form-field>label{font-size:16px}
@media(min-width:1440px){html[dir] .form-template-survey div.form-field+.form-content:empty{margin-inline:-130px}}
@media(min-width:1280px) and (max-width:1439px){html[dir] .form-template-survey div.form-field+.form-content:empty{margin-inline:-100px}}
@media(min-width:1024px) and (max-width:1279px){html[dir] .form-template-survey div.form-field+.form-content:empty{margin-inline:calc((960px - 100vw)/2)}}
/* margins collapse with the 30px field margin above, so these carry the full live gap */
html[dir] .form-template-survey .form-content:not(:empty){margin-top:85px}
html[dir] .form-template-survey button[type=submit]{margin-top:45px}
html[dir] .form-template-survey button[type=submit]{margin-top:37px}
html[dir] body:has(.form-template-survey) .page-content>.prose>p{max-width:900px;margin-inline:auto;text-align:center}
@media(min-width:1440px){html[dir] body:has(.form-template-survey) .page-content{box-sizing:border-box;width:1160px;max-width:none;margin-inline:auto;padding-inline:0}}
@media(min-width:1280px){html[dir] .page-hero{align-items:flex-start}}
/* phones: live title band = title at 130px + title height + 80px (grows with a two-line title) */
@media(max-width:767px){
    html[dir] body .page-hero{box-sizing:border-box;height:auto;min-height:0;padding-top:130px;padding-bottom:80px;align-items:flex-start}
    html[dir] body .page-hero h1{font-size:37px;line-height:51.8px}
}
@media(max-width:767px){html[dir] body .page-hero h1{transform:none;margin-block:0}}
@media(min-width:1280px){html[dir] body .page-hero{box-sizing:border-box;height:331px;min-height:0;padding-top:175px;padding-bottom:0;align-items:flex-start}html[dir] body .page-hero h1{transform:none;margin-block:0}}
@media(min-width:768px) and (max-width:1023px){html[dir] body:has(.form-template-survey) .page-content{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;padding-inline:0}}
@media(max-width:767px){
    html[dir] .form-template-survey .form-fields{margin-inline:1px}
    html[dir] .form-template-survey .rating-options{gap:10px}
    html[dir] .form-template-survey .rating-options label{width:calc(50% - 7px)}
    html[dir] .form-template-survey fieldset.form-field>legend{margin-bottom:26px}
    html[dir] .form-template-survey .form-content:not(:empty){margin-top:65px}
    html[dir] .form-template-survey fieldset.form-field+.form-content:empty{height:50px}
    html[dir] .form-template-survey .form-field textarea{height:180px;min-height:180px}
    html[dir] .form-template-survey button[type=submit]{width:calc(100% + 2px);margin-inline:-1px}
}
@media(min-width:480px) and (max-width:767px){html[dir] body:has(.form-template-survey) .page-content{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;padding-inline:0}}
@media(max-width:767px){
    html[dir] .form-template-survey .rating-options label{width:48%}
    html[dir] .form-template-survey div.form-field+.form-content:empty{margin-bottom:56px}
    html[dir] .form-template-survey .form-content:not(:empty)+.form-field{margin-bottom:40px}
}
@media(max-width:479px){html[dir] body:has(.form-template-survey) .page-content{box-sizing:border-box;width:calc(100vw - 40px);max-width:none;margin-inline:auto;padding-inline:0}}
@media(max-width:767px){html[dir] .form-template-survey button[type=submit]{width:100%;margin-inline:0}}
/* live's Arabic survey sits in a wider column than the English one */
@media(max-width:479px){html[dir=rtl] body:has(.form-template-survey) .page-content{width:calc(100vw - 20px)}}
@media(min-width:480px) and (max-width:767px){html[dir=rtl] body:has(.form-template-survey) .page-content{width:calc(100vw - 40px)}}
@media(min-width:768px) and (max-width:1023px){html[dir=rtl] body:has(.form-template-survey) .page-content{width:calc(100vw - 30px)}}
@media(min-width:480px) and (max-width:767px){html[dir=rtl] .form-template-survey .rating-options{column-gap:11px}html[dir=rtl] .form-template-survey .rating-options label{width:min(218px,48%)}}
html[dir] body .form-template-survey .form-fields .form-field textarea{padding:20px 40px}
html[dir] .form-template-survey .rating-options input[type=radio]{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.25);border-radius:50%;background:#fff;cursor:pointer}
html[dir] .form-template-survey .rating-options input[type=radio]:checked{background:radial-gradient(circle,#020103 0 3.5px,#fff 4px)}
html[dir] .form-template-survey .rating-options input[type=radio]:focus-visible{outline:2px solid #f7c13d;outline-offset:2px}
html[dir] .form-template-survey .rating-options label:has(input:checked){border-color:#f7c13d}
html[dir] .form-template-survey .rating-options input[type=radio]{border-radius:3px;background:#fff}
html[dir] .form-template-survey .rating-options input[type=radio]:checked{background-color:#2b2b2b;background-image:none;background-clip:padding-box;box-shadow:inset 0 0 0 3px #fff}
html[dir] .form-template-survey .rating-options input[type=radio]{background-clip:padding-box;border-color:rgba(0,0,0,.15)}
/* ---------- Single post footer, from live: tag pills, round share buttons (theme icon fonts), ruled sections ---------- */
html[dir] .article-tags{display:flex;flex-wrap:wrap;gap:6px}
html[dir] .article-tags a{box-sizing:border-box;display:inline-block;padding:8px 18px 9px;border:1px solid #e2e2e2;border-radius:18px;background:#fff;color:#2b2b2b;font-size:13px;line-height:16px;text-decoration:none;transition:color .3s}
html[dir] .article-tags a:is(:hover,:focus-visible){color:#f7c13d}
html[dir] .article-sharing{display:flex;flex-wrap:wrap;gap:7px;padding-top:30.8px;border-top:1px solid #e2e2e2}
html[dir] .article-sharing>:is(a,button){box-sizing:border-box;display:grid;place-items:center;width:45px;height:45px;margin:0;padding:0;border:0;border-radius:50%;color:#fff;font-size:16px;line-height:45px;text-decoration:none;cursor:pointer;transition:transform .3s}
html[dir] .article-sharing>:is(a,button):is(:hover,:focus-visible){transform:translateY(-5px)}
html[dir] .article-sharing span{font-family:fontello;font-weight:400;font-style:normal;speak:never}
html[dir] .article-sharing .share-facebook{background:#4f5fbf}
html[dir] .article-sharing .share-facebook span::before{content:"\e9c6"}
html[dir] .article-sharing .share-x{background:#48bde9}
html[dir] .article-sharing .share-x span{font-family:trx_addons_icons}
html[dir] .article-sharing .share-x span::before{content:"\e929"}
html[dir] .article-sharing .share-email{background:#7a7e83}
html[dir] .article-sharing .share-email span::before{content:"\ea11"}
html[dir] .article-sharing .share-copy{background:#fff;color:#2b2b2b}
html[dir] .article-sharing .share-copy span::before{content:"\e8b5"}
html[dir] .article-navigation{border-top-color:#e2e2e2}
html[dir] .article-navigation .article-nav-label{color:#6a6a6a;letter-spacing:1px}
html[dir] .article-navigation .previous .article-nav-label::before,html[dir] .article-navigation .next .article-nav-label::after{position:relative;top:1px;font:400 9px/1 fontello;color:#6a6a6a}
html[dir] .article-navigation .previous .article-nav-label::before{content:"\e9e5";left:1px;margin-inline-end:7px}
html[dir] .article-navigation .next .article-nav-label::after{content:"\e9e6";right:-1px;margin-inline-start:7px}
html[dir] .related-posts>h2{font-size:22.5px;line-height:31.5px;font-weight:700}
html[dir] .article-tags{margin-top:38px}
html[dir] .article-tags+.article-sharing{margin-top:59.2px}
html[dir] .article-sharing{padding:34px 0 3px}
html[dir] body.article-page .article-navigation .article-nav-label{color:#6a6a6a}
/* the tag row's top margin collapses with the last paragraph's 16px */
html[dir] body .article-tags{margin-top:53px}
html[dir] body.article-page .article-tags+.article-sharing{margin-top:59.2px}
/* ---------- Single post head, from live: separate category pills at every width, 8px apart, no visible comma ---------- */
html[dir] .article-heading .post-categories{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:0;background:none;border-radius:0}
html[dir] .article-heading .post-categories a{box-sizing:border-box;display:inline-block;padding:4px 17px 5px;border-radius:15px;background:#2b2b2b;color:#fff;font-size:11px;font-weight:500;line-height:14px;letter-spacing:.6px;text-transform:uppercase}
html[dir] .article-heading .post-categories>span{display:inline-block;width:8px;overflow:hidden;color:transparent;font-size:0}
html[dir] .article-heading time{color:#6a6a6a;font-weight:300}
@media(max-width:767px){
    html[dir] body .article-detail{box-sizing:border-box;width:calc(100vw - 40px);max-width:none;margin-inline:auto;padding-inline:0}
    html[dir] .article-heading{padding-top:27px}
    html[dir] .article-heading h1{margin:8px 0 0}
    html[dir] .article-heading time{display:block;margin-top:12px;font-size:13px;line-height:22.75px}
    html[dir] .article-cover{margin:20px 0 26px}
    html[dir] .article-cover img{width:100%;height:auto}
}
@media(max-width:767px){
    html[dir] body.article-page .article-detail{width:calc(100vw - 40px)!important;margin-inline:auto!important}
    html[dir] body.article-page .article-heading{margin-bottom:0!important;padding-top:24px;padding-bottom:0;min-height:0}
    html[dir] body.article-page .article-heading h1{margin-top:5px}
}
@media(max-width:767px){html[dir] body.article-page .article-heading{height:auto!important;min-height:0!important}}
@media(max-width:767px){
    html[dir] .article-tags{gap:5px}
    html[dir] body .article-tags{margin-top:32px}
    html[dir] .article-tags a{padding:5px 10px 6px}
    html[dir] body.article-page .article-tags+.article-sharing,html[dir] body.article-page .article-sharing{margin-top:41px}
    html[dir] .article-sharing{gap:4px;padding:22px 0 2px}
    html[dir] .article-sharing>:is(a,button){width:35px;height:35px;font-size:14px;line-height:35px}
    html[dir] body.article-page .article-navigation{display:block;margin-top:22px;padding:40px 0 0 16px}
    html[dir=rtl] body.article-page .article-navigation{padding:40px 16px 0 0}
    html[dir] body.article-page .article-navigation>a{display:block;box-sizing:border-box;width:50%;margin:0}
    html[dir] body.article-page .article-navigation>a.next{margin-inline-start:50%;text-align:end}
    html[dir] body.article-page .article-navigation .article-nav-label{display:block;font-size:13px;line-height:18px;letter-spacing:1px;text-transform:uppercase}
    html[dir] body.article-page .article-navigation .post-title{margin:5px 0 0;font-size:17px;line-height:23.8px}
    html[dir] body.article-page .article-navigation .post_date{display:none}
    html[dir] body.article-page .related-posts{margin-top:41px}
}
@media(max-width:767px){html[dir] .article-tags a{padding:5px 10px}}
@media(min-width:480px) and (max-width:767px){html[dir] body.article-page .article-detail{width:calc(100vw - 60px)!important}}
/* live uses one prev/next layout from 768px up: two equal columns, 54px top padding, uppercase labels, no dates */
@media(min-width:768px){
    html[dir] body.article-page .article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:32.4px;padding:54px 0 0}
    html[dir] body.article-page .article-navigation>a{display:block;margin:0}
    html[dir] body.article-page .article-navigation>a.previous{padding-inline-end:15px}
    html[dir] body.article-page .article-navigation>a.next{grid-column:2;padding-inline-start:15px;text-align:end}
    html[dir] body.article-page .article-navigation .article-nav-label{display:block;font-size:13px;line-height:18px;letter-spacing:1px;text-transform:uppercase}
    html[dir] body.article-page .article-navigation .post-title{margin:12px 0 0;font-size:19px;line-height:28.5px;font-weight:500}
    html[dir] body.article-page .article-navigation .post_date{display:none}
}
@media(min-width:1024px) and (max-width:1439px){
    html[dir] body.article-page .article-detail{padding-top:70px}
    html[dir] body.article-page .article-heading{margin-bottom:57.6px}
    html[dir] body.article-page .article-heading .post-categories{line-height:31px;margin-bottom:14px}
    html[dir] body.article-page .article-heading h1{margin:0 0 28px}
    html[dir] body.article-page .article-heading time{font-size:14px;line-height:24.5px}
}
@media(min-width:1024px) and (max-width:1279px){
    html[dir] body.article-page .article-heading h1{font-size:46px;line-height:50.5px;margin-bottom:21px}
    html[dir] body.article-page .article-heading{margin-bottom:50px}
}
/* gap above "You May Also Like" per range (live) */
@media(min-width:768px) and (max-width:1023px){html[dir] body.article-page .related-posts{margin-top:51px}html[dir] .related-posts>h2{font-size:21.25px;line-height:29px}}
@media(min-width:1024px) and (max-width:1279px){html[dir] body.article-page .related-posts{margin-top:68px}html[dir] .related-posts>h2{font-size:21.25px;line-height:30px}}
@media(min-width:1280px) and (max-width:1439px){html[dir] body.article-page .related-posts{margin-top:72px}}
@media(min-width:1024px){html[dir] body.article-page .article-heading time{display:block;margin:0}}
@media(min-width:768px) and (max-width:1279px){
    html[dir] body.article-page .article-navigation{margin-top:29.4px;padding-top:52px}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body .article-tags{margin-top:41px}
    html[dir] body.article-page .article-tags+.article-sharing{margin-top:52.2px}
    html[dir] body.article-page .related-posts>h2{font-size:21.25px;line-height:29px}
    html[dir] body.article-page .related-posts .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
}
@media(min-width:1024px) and (max-width:1279px){html[dir] body.article-page .article-heading{margin-bottom:36px}}
@media(min-width:480px) and (max-width:767px){
    html[dir] body.article-page .article-heading h1{font-size:30px;line-height:33px;margin-top:7px}
    html[dir] body.article-page .article-cover{margin:28px 0 35px}
    html[dir] body.article-page .article-body>h1:first-child{line-height:35px}
    html[dir] .article-tags a{padding:7px 15px}
    html[dir] body.article-page .article-navigation{padding-inline:16px}
    html[dir] body.article-page .article-navigation .post-title{font-size:18px;line-height:25px}
    html[dir] body.article-page .related-posts>h2{line-height:26px}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] body.article-page .article-cover{margin-bottom:35px!important}
    html[dir] body.article-page .article-body.prose h1{line-height:35px!important}
    html[dir] body.article-page .article-body.prose h2{line-height:28px!important}
}
@media(min-width:480px) and (max-width:767px){
    html[dir] body .article-tags{margin-top:27px}
    html[dir] body.article-page .article-navigation .post-title{margin-top:8px}
    html[dir] body.article-page .related-posts{margin-top:44px}
}
/* Arabic posts: live uses the same footer spacing as English; Codex's RTL !important values are overridden here */
@media(min-width:768px){
    html[dir=rtl] body.article-page .article-tags+.article-sharing{margin-top:59.2px!important}
    html[dir=rtl] body.article-page .article-sharing{padding:34px 0 3px!important}
    html[dir=rtl] body.article-page .article-navigation{margin-top:32.4px!important;padding-top:54px!important}
}
@media(min-width:768px) and (max-width:1279px){html[dir=rtl] body.article-page .article-navigation{margin-top:29.4px!important;padding-top:52px!important}}
/* RTL arrows point outward: "PREVIOUS ›" on the right, "‹ NEXT" on the left */
html[dir=rtl] .article-navigation .previous .article-nav-label::before{content:"\e9e6";left:auto;right:1px}
html[dir=rtl] .article-navigation .next .article-nav-label::after{content:"\e9e5";right:auto;left:-1px}
@media(max-width:767px){
    html[dir=rtl] body.article-page .article-navigation{padding:40px 16px 0 0!important}
    html[dir=rtl] body.article-page .related-posts>h2{font-size:20px;line-height:24px}
}
html[dir=rtl] body.article-page .article-navigation{height:auto!important;min-height:0!important}
@media(max-width:767px){
    html[dir=rtl] body.article-page .article-navigation>a{margin:0!important}
    html[dir=rtl] body.article-page .article-navigation>a.next{margin-right:50%!important}
}
html[dir=rtl] body.article-page .article-sharing{height:auto!important;min-height:0!important}
html[dir] body.article-page .article-body>:last-child{margin-bottom:0}
@media(min-width:1024px){html[dir] body .article-tags{margin-top:54px}}
/* no tags: the share row follows the text directly */
@media(min-width:768px){html[dir] body.article-page .article-body+.article-sharing{margin-top:55px!important}}
@media(min-width:768px) and (max-width:1023px){html[dir] body.article-page .article-body+.article-sharing{margin-top:49px!important}}
@media(max-width:767px){html[dir=rtl] body.article-page .article-heading{padding-top:0}}
@media(min-width:1440px){html[dir=rtl] body.article-page .article-detail{padding-top:61px}}
@media(min-width:768px) and (max-width:1023px){html[dir=rtl] body.article-page .article-heading time{font-size:14px}}
@media(min-width:1440px){html[dir=rtl] body.article-page .article-detail{padding-top:11px!important}}
@media(min-width:480px) and (max-width:767px){html[dir=rtl] body.article-page .related-posts>h2{line-height:26px}}
@media(min-width:1280px){html[dir=rtl] body.article-page .article-heading h1{margin-bottom:28px!important}}
@media(min-width:1024px) and (max-width:1279px){html[dir=rtl] body.article-page .article-heading h1{margin:0 0 21px!important}html[dir=rtl] body.article-page .article-heading time{display:block;margin:0}}
@media(min-width:1024px) and (max-width:1279px){html[dir=rtl] body.article-page .article-heading{margin-bottom:36px!important}}
html[dir] body.blog-archive-page .category-archive-header+.page-content .category-grid .blog-card-copy time{background:transparent}
/* Contact cards: live hover lifts the card onto white with a soft shadow; links turn yellow */
html[dir] body.contact-page .contact-details>section{transition:background-color .3s,box-shadow .3s}
html[dir] body.contact-page .contact-details>section:hover{background-color:#fff;box-shadow:15px 15px 64px -20px rgba(0,0,0,.19)}
html[dir] body.contact-page .contact-details li>a{transition:color .3s}
html[dir] body.contact-page .contact-details li>a:is(:hover,:focus-visible){color:#f7c13d}
@media(prefers-reduced-motion:reduce){html[dir] body.contact-page .contact-details>section,html[dir] body.contact-page .contact-details li>a{transition:none}}
/* "Read more" slides in inside its own box (live clips it: the link hugs the arrow and grows) */
html[dir] .project-arrow{display:inline-flex;align-items:center;width:auto;max-width:100%;overflow:hidden;vertical-align:middle}
/* Project page: live keeps the details column in view while the gallery scrolls (sticky, 144px from the top) */
@media(min-width:1280px){
    html[dir] .project-detail-grid{align-items:start}
    html[dir] .project-detail-grid>.project-details{position:sticky;top:144px}
}
html[dir] .project-detail .project-date{visibility:hidden}
/* About "Company Profile" box: the artwork sits under the title and buttons (live paints it behind them) */
html[dir] .about-profile-box>*:not(img){position:relative;z-index:1}
html[dir] .about-profile-box img:not(.profile-flag){z-index:0}
@media(min-width:480px) and (max-width:767px){
    html[dir] body .about-profile-box{box-sizing:border-box;width:calc(100vw - 70px);max-width:none;margin-inline:auto}
    html[dir] .about-profile-box img:not(.profile-flag){position:absolute;bottom:1px;left:1px;right:auto;top:auto;width:calc(100% - 2px);height:auto;max-width:none}
    html[dir=rtl] .about-profile-box img:not(.profile-flag){left:auto;right:1px;width:96.6%}
}
/* About counters: live numbers are Poppins 800 in #f7c13d in both languages, labels #1f242e */
html[dir] .about-counters strong,html[dir] .about-counters strong>span{font-family:Poppins,"IBM Plex Sans Arabic",sans-serif;color:#f7c13d}
html[dir] .about-counters p{color:#1f242e}
/* Video lightbox sized like live (Magnific): ~59.4vw wide up to 1160px, ~33.5vw tall but never below 16:9 */
@media(min-width:768px){
    html[dir] #video-dialog{width:min(59.4vw,1160px);max-width:none}
    html[dir] #video-dialog iframe{aspect-ratio:auto;height:max(33.5vw,calc(min(59.4vw,1160px)*.5625))}
}
/* Project share row as live: theme icon glyphs, 17px, yellow, 35px apart, lighter yellow on hover */
html[dir] .project-detail .project-share{display:flex;align-items:center;gap:0}
html[dir] .project-detail .project-share>:is(a,button){display:inline-block;width:auto;height:30px;margin:0 35px 0 0;padding:0;border:0;background:none;color:#f7c13d;font-size:17px;line-height:30px;text-decoration:none;cursor:pointer;transition:color .3s}
html[dir=rtl] .project-detail .project-share>:is(a,button){margin:0 0 0 35px}
html[dir] .project-detail .project-share>:last-child{margin:0}
html[dir] .project-detail .project-share>:is(a,button):is(:hover,:focus-visible){color:#f9d377}
html[dir] .project-detail .project-share span{font-family:fontello;font-weight:400;font-style:normal}
html[dir] .project-detail .project-share .share-facebook span::before{content:"\e9c6"}
html[dir] .project-detail .project-share .share-x span{font-family:trx_addons_icons}
html[dir] .project-detail .project-share .share-x span::before{content:"\e929"}
html[dir] .project-detail .project-share .share-email span::before{content:"\ea11"}
html[dir] .project-detail .project-share .share-copy span::before{content:"\e8b5"}
html[dir] .project-detail .project-share>:is(a,button){min-width:0;flex:0 0 auto}
html[dir] .project-detail .project-date{margin-bottom:10px}
/* ---------- Project page grid per range (live): gallery | details columns from 768px ---------- */
@media(max-width:479px){html[dir] body .project-detail{box-sizing:border-box;width:calc(100vw - 40px);max-width:none;margin-inline:auto;padding-inline:0}}
@media(min-width:480px) and (max-width:1279px){html[dir] body .project-detail{box-sizing:border-box;width:calc(100vw - 60px);max-width:none;margin-inline:auto;padding-inline:0}}
@media(min-width:1280px) and (max-width:1439px){html[dir] body .project-detail{box-sizing:border-box;width:min(1160px,calc(100vw - 120px));max-width:none;margin-inline:auto;padding-inline:0}}
@media(max-width:767px){html[dir] .project-details p{font-size:16px;line-height:25.6px}}
@media(min-width:768px){
    html[dir] body .project-detail-grid{display:grid;align-items:start;gap:0}
    html[dir=ltr] body .project-detail-grid>.project-presentation{grid-column:1;grid-row:1;min-width:0}
    html[dir=ltr] body .project-detail-grid>.project-details{grid-column:2;grid-row:1;box-sizing:border-box;min-width:0}
}
@media(min-width:768px) and (max-width:1023px){
    html[dir=ltr] body .project-detail-grid{grid-template-columns:60% 40%}
    html[dir=ltr] body .project-detail-grid>.project-details{padding-inline:30px 0}
}
@media(min-width:1024px) and (max-width:1439px){html[dir] body .project-detail-grid{grid-template-columns:63% 37%}}
@media(min-width:1024px) and (max-width:1279px){html[dir] body .project-detail-grid>.project-details{padding-inline:51px 0}}
@media(min-width:1280px) and (max-width:1439px){html[dir] body .project-detail-grid>.project-details{padding-inline:54px 0}}
@media(max-width:1279px){
    html[dir] .project-detail .project-date{display:none}
    html[dir] body .project-detail h1{margin-bottom:8px}
}
@media(min-width:1024px) and (max-width:1279px){html[dir] body .project-detail-grid{margin-top:16px}}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body .project-detail-grid{margin-top:11px}
    html[dir] body .project-detail-grid>.project-details{padding-top:12px}
    html[dir] body .project-presentation img:first-child{margin-top:23px}
}
@media(max-width:767px){
    html[dir] body .project-detail{padding-top:24px}
    html[dir] body .project-detail-grid{margin-top:7px}
    html[dir] body .project-detail-grid>.project-details{padding-top:12px}
}
@media(min-width:1024px) and (max-width:1279px){html[dir] body .project-detail-grid{margin-top:25px}}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body .project-detail h1{font-size:34px;line-height:40.8px}
    html[dir] body .project-detail-grid{margin-top:19px}
    html[dir] body .project-detail-grid>.project-details{padding-top:15px}
}
@media(max-width:767px){
    html[dir] body .project-detail{padding-top:54px}
    html[dir] body .project-detail-grid{margin-top:15px}
    html[dir] body .project-detail-grid>.project-details{padding-top:14px}
}
@media(min-width:768px) and (max-width:1023px){html[dir] .project-details p{line-height:27.2px}}
html[dir=rtl] .service-project-more{font-family:"IBM Plex Sans Arabic",Poppins,Arial,sans-serif}
/* Project prev/next as live: no rule, 15px/500 labels, thin theme arrows (12px fontello) on the outer side */
html[dir] .project-detail .project-navigation{border-top:0;padding-top:0}
html[dir] .project-detail .project-navigation>a{position:relative;display:inline-flex;align-items:center;font-size:15px;font-weight:500;line-height:28.8px;color:#2b2b2b;text-decoration:none}
html[dir] .project-detail .project-navigation .project-nav-label::before,html[dir] .project-detail .project-navigation .project-nav-label::after{font:400 12px/28.8px fontello}
html[dir=ltr] .project-detail .project-navigation .previous .project-nav-label::before{content:"\ea07";margin-right:10px}
html[dir=ltr] .project-detail .project-navigation .next .project-nav-label::after{content:"\e9a4";margin-left:10px}
html[dir=rtl] .project-detail .project-navigation .project-nav-label{position:relative}
html[dir=rtl] .project-detail .project-navigation .previous .project-nav-label::after{content:"\e9a4";position:absolute;top:0;right:-30px}
html[dir=rtl] .project-detail .project-navigation .next .project-nav-label::before{content:"\ea07";position:absolute;top:0;left:-30px}
html[dir] .project-detail .project-navigation .project-nav-label{display:inline-flex;align-items:center;font-size:15px;font-weight:500;line-height:28.8px}
html[dir] .project-detail .project-navigation .project-nav-label{margin:0;padding:0}
/* Project page — Arabic layout as live renders it, share icons, phone gallery slider. */
html[dir] .project-detail .project-share>:is(a,button) span{color:#2b2b2b;transition:color .3s}
html[dir] .project-detail .project-share>:is(a,button):is(:hover,:focus-visible) span{color:#f9d377}
@media(min-width:801px){
    html[dir=rtl] body.project-detail-page .project-details .project-service-meta h2{flex:0 0 40%;width:40%}
    html[dir=rtl] body.project-detail-page .project-details .project-service-link{flex:1 1 auto;width:auto}
}
@media(min-width:801px) and (max-width:1279px){
    html[dir=rtl] body.project-detail-page .project-services{padding-top:25px}
    html[dir=rtl] body.project-detail-page .project-details .project-service-meta :is(h2,.project-service-link){line-height:27.2px}
}
@media(min-width:1280px){html[dir=rtl] body.project-detail-page .project-services{padding-top:21px}}
@media(min-width:1326px){html[dir=rtl] body.project-detail-page .project-detail{padding-top:20px}}
@media(min-width:1280px){html[dir=rtl] body.project-detail-page .project-navigation{margin-top:92px}}
@media(min-width:1440px){
    html[dir=rtl] body.project-detail-page .project-services{padding-top:20px}
    html[dir=rtl] body.project-detail-page .project-details .project-service-meta h2{flex-basis:30%;width:30%}
}
@media(min-width:768px) and (max-width:800px){
    html[dir=rtl] body.project-detail-page .project-detail>h1{font-size:34px;line-height:40.8px;margin-bottom:19px}
}
@media(min-width:768px){html[dir] body .project-gallery-single{display:none}}
@media(max-width:767px){
    html[dir] body .project-gallery-single{margin-top:16px}
    html[dir=ltr] body .project-gallery-single{margin-bottom:11px}
    html[dir] body .project-gallery-arrow{font-size:0;line-height:30px;transition:color .3s,background-color .3s}
    html[dir] body .project-gallery-arrow::before{font:400 15px/30px fontello;color:#2b2b2b}
    html[dir=ltr] body .project-gallery-arrow.previous::before,html[dir=rtl] body .project-gallery-arrow.next::before{content:"\e907"}
    html[dir=ltr] body .project-gallery-arrow.next::before,html[dir=rtl] body .project-gallery-arrow.previous::before{content:"\e908"}
    html[dir=rtl] body .project-gallery-arrow.previous{inset-inline-start:25px}
    html[dir=rtl] body .project-gallery-arrow.next{inset-inline-end:25px}
    html[dir=ltr] body .project-detail .project-navigation .previous{margin-left:16px}
    html[dir=rtl] body .project-detail .project-navigation .previous{margin-right:16px}
    html[dir=rtl] body .project-detail .project-navigation .next{margin-left:16px}
}
@media(min-width:768px) and (max-width:800px){html[dir=rtl] body.project-detail-page .project-presentation.prose{padding-top:0;padding-bottom:25px}}
@media(min-width:768px) and (max-width:1023px){html[dir] body.project-detail-page .project-presentation.prose:has(>.project-gallery-single){padding-top:8px}}
@media(max-width:767px){
    html[dir] body.project-detail-page .project-details .project-service-meta{display:grid;grid-template-columns:25% 1fr;column-gap:0}
    html[dir] body.project-detail-page .project-details .project-service-meta :is(h2,.project-service-link){width:auto;flex:none;font-size:16px;line-height:25.6px}
    html[dir=rtl] body.project-detail-page .project-detail{width:calc(100vw - 60px);padding-top:30px}
    html[dir=rtl] body.project-detail-page .project-detail>h1{font-size:32px;line-height:38.4px}
    html[dir=rtl] body.project-detail-page .project-share{gap:0}
}
@media(max-width:479px){
    html[dir] body.project-detail-page .project-details .project-service-meta{grid-template-columns:35% 1fr}
    html[dir=rtl] body.project-detail-page .project-detail{width:calc(100vw - 40px)}
}
html[dir] body.project-detail-page .project-detail{padding-bottom:69px;margin-bottom:0}
html[dir=ltr] .project-detail .project-navigation .previous .project-nav-label::before{margin-right:13px}
html[dir=ltr] .project-detail .project-navigation .next .project-nav-label::after{margin-left:13px}
/* /blog/ showcase — live's grid (1 column, 3 from 768), box and pagination. */
@media(max-width:1023px){html[dir] body.blog-archive-page .page-content:has(>.showcase-blog-grid){padding-top:70px}}
html[dir] body .showcase-blog-grid,html[dir] body .showcase-blog-grid~.pagination{box-sizing:border-box;width:calc(100vw - 40px);max-width:none;margin-inline:auto}
html[dir] body .showcase-blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:480px){html[dir] body .showcase-blog-grid,html[dir] body .showcase-blog-grid~.pagination{width:calc(100vw - 60px)}}
@media(min-width:768px){html[dir] body .showcase-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}}
@media(min-width:1280px){html[dir] body .showcase-blog-grid,html[dir] body .showcase-blog-grid~.pagination{width:1100px}}
@media(min-width:1440px){html[dir] body .showcase-blog-grid,html[dir] body .showcase-blog-grid~.pagination{width:1160px}}
html[dir] body .showcase-blog-grid~.pagination{display:block;margin-top:47px;font-size:16px}
@media(min-width:768px){html[dir] body .showcase-blog-grid~.pagination{margin-top:59px;font-size:17px}}
@media(min-width:1280px){html[dir] body .showcase-blog-grid~.pagination{margin-top:75px;font-size:18px}}
html[dir] body .showcase-blog-grid~.pagination .pagination-controls{display:inline-flex;flex-wrap:wrap;gap:0;vertical-align:top}
html[dir] body .showcase-blog-grid~.pagination .pagination-item{box-sizing:border-box;width:40px;height:40px;margin:2px 5px 2px 0;border:1px solid #e2e2e2;border-radius:50%;color:#2b2b2b;font-size:17px;font-weight:500;line-height:37px;transition:color .3s,background-color .3s,border-color .3s}
html[dir=rtl] body .showcase-blog-grid~.pagination .pagination-item{margin:2px 0 2px 5px}
html[dir] body .showcase-blog-grid~.pagination .pagination-current{border-color:#2b2b2b;background:#2b2b2b;color:#fff}
html[dir] body .showcase-blog-grid~.pagination a.pagination-item:is(:hover,:focus-visible){border-color:#2b2b2b;background:#2b2b2b;color:#fff}
html[dir] body .showcase-blog-grid~.pagination .pagination-arrow>span{font-size:0}
html[dir] body .showcase-blog-grid~.pagination .pagination-arrow>span::before{font:400 14px/1 fontello;content:"\e908"}
html[dir] body .showcase-blog-grid~.pagination .pagination-last>span::before{content:"\e8b0"}
html[dir] body .showcase-blog-grid~.pagination [rel=prev]>span::before{content:"\e907"}
html[dir=rtl] body .showcase-blog-grid~.pagination .pagination-arrow>span{display:inline-block;transform:scaleX(-1)}
html[dir] body .showcase-blog-grid~.pagination .pagination-status{display:block;margin-top:10.67px;color:#2b2b2b;font-size:inherit;line-height:3}
@media(min-width:480px){
    html[dir] body .showcase-blog-grid~.pagination .pagination-item{width:42px;height:42px;line-height:39px}
    html[dir=ltr] body .showcase-blog-grid~.pagination .pagination-status{float:right}
    html[dir=rtl] body .showcase-blog-grid~.pagination .pagination-status{float:left}
    html[dir] body .showcase-blog-grid~.pagination .pagination-status{margin-top:0;line-height:4}
    html[dir] body .showcase-blog-grid~.pagination::after{content:"";display:block;clear:both}
}
@media(min-width:1024px){html[dir] body .showcase-blog-grid~.pagination .pagination-item{width:52px;height:52px;line-height:49px}}
@media(min-width:480px){html[dir] body .showcase-blog-grid~.pagination .pagination-status{margin-top:.6667em}}
html[dir] body.blog-archive-page .page-content:has(>.showcase-blog-grid){padding-top:70px;padding-bottom:70px}
html[dir=rtl] body.blog-archive-page .page-content:has(>.showcase-blog-grid){padding-top:120px;padding-bottom:120px}
html[dir] body .showcase-blog-grid~.pagination{direction:ltr}
html[dir] body .showcase-blog-grid~.pagination .pagination-status{float:none}
@media(min-width:480px){html[dir] body .showcase-blog-grid~.pagination .pagination-status{float:right}}
html[dir=rtl] body .showcase-blog-grid~.pagination .pagination-status{direction:rtl}
html[dir] body .showcase-blog-grid~.pagination .pagination-item{flex:none}
@media(max-width:479px){html[dir=rtl] body .showcase-blog-grid~.pagination .pagination-item{margin-left:4px}}
html[dir] body .showcase-blog-grid~.pagination .pagination-arrow>span::before{position:relative;top:2px}
/* Project page — English spacing and the Service row as live (label 35/25% on phones, 40% to 1439, 30% from 1440). */
@media(max-width:767px){
    html[dir=ltr] body.project-detail-page .project-share{margin-top:-2px}
    html[dir=ltr] body.project-detail-page .project-share>:is(a,button){height:26px;line-height:26px}
    html[dir=ltr] body.project-detail-page .project-navigation{margin-top:36px}
    html[dir=ltr] body .project-gallery-single{margin-bottom:15px}
}
@media(min-width:768px) and (max-width:1023px){html[dir=ltr] body.project-detail-page .project-presentation.prose{margin-top:-7px}}
@media(min-width:768px) and (max-width:1279px){
    html[dir=ltr] body.project-detail-page .project-details>p{margin-bottom:35px}
    html[dir=ltr] body.project-detail-page .project-services{padding-top:0}
    html[dir=ltr] body.project-detail-page .project-details .project-service-meta :is(h2,.project-service-link){font-size:16px;line-height:27.2px}
    html[dir=ltr] body.project-detail-page .project-share{margin-top:33px}
}
@media(min-width:768px) and (max-width:800px){html[dir=ltr] body.project-detail-page .project-navigation{margin-top:42.5px}html[dir=ltr] body.project-detail-page .project-presentation.prose{padding-bottom:10.5px}}
@media(min-width:768px) and (max-width:1279px){html[dir=ltr] body.project-detail-page .project-share>:is(a,button){height:27px;line-height:27px}}
@media(min-width:768px){
    html[dir=ltr] body.project-detail-page .project-details .project-service-meta{display:flex;gap:0}
    html[dir=ltr] body.project-detail-page .project-details .project-service-meta h2{flex:0 0 40%;width:40%;margin:0}
    html[dir=ltr] body.project-detail-page .project-details .project-service-link{flex:1 1 0;width:auto;min-width:0}
}
@media(min-width:1440px){html[dir=ltr] body.project-detail-page .project-details .project-service-meta h2{flex-basis:30%;width:30%}}
@media(min-width:1280px){html[dir=ltr] body.project-detail-page .project-navigation{margin-top:90px}}
html[dir] body .project-presentation.prose video[width][height]{aspect-ratio:auto;height:auto}
html[dir] body.project-detail-page .project-presentation.prose video{margin:0}
html[dir] body.project-detail-page .project-presentation.prose video+p{margin:13.6px 0}
@media(min-width:768px){html[dir] body.project-detail-page .project-presentation.prose video+p{margin:14.45px 0;line-height:27.2px}}
@media(min-width:1280px){html[dir] body.project-detail-page .project-presentation.prose video+p{margin:15.3px 0;line-height:28.8px}}
@media(max-width:767px){html[dir=ltr] body.project-detail-page .project-presentation.prose>video:last-child{margin-bottom:13.6px}}
@media(min-width:768px) and (max-width:800px){html[dir=ltr] body.project-detail-page .project-presentation.prose>video:last-child{margin-bottom:14.45px}}
@media(min-width:768px) and (max-width:1023px){html[dir=ltr] body.project-detail-page .project-presentation.prose:has(>video:first-child){margin-top:0}}
html[dir] body.project-detail-page .project-presentation.prose img+img{margin-top:0}
html[dir] body.project-detail-page .project-detail .project-presentation.prose iframe[width][height]{height:auto;width:100%}
html[dir] body.project-detail-page .project-detail .project-presentation.prose p>iframe{margin:0}
@media(min-width:768px){html[dir=ltr] body.project-detail-page .project-presentation.prose>p+p{margin-top:14.45px}}
@media(min-width:1280px){html[dir=ltr] body.project-detail-page .project-presentation.prose>p+p{margin-top:15.3px}}
html[dir] body.project-detail-page .project-detail .project-navigation>.next:only-child{margin-inline-start:0}
@media(max-width:767px){html[dir=rtl] body.project-detail-page .project-detail .project-navigation>.next:only-child{margin:0 16px 0 0}}
/* About — live's 30px gutter at 480–767. */
@media(min-width:480px) and (max-width:767px){
    html[dir] body .about-page .about-branch{padding-inline:25px}
    html[dir] body .about-page .about-creative-main{padding-inline:15px}
    html[dir] body .about-page .about-purpose{padding-inline:10px}
    html[dir] body .about-page .about-values{padding-inline:10px}
    html[dir] body .about-page .about-timeline{padding-inline:20px}
    html[dir] body .about-page .about-services>.wrap{box-sizing:border-box;width:auto;max-width:none;margin-inline:30px}
}
@media(max-width:767px){
    html[dir] body .about-page .about-services>.wrap>:is(h2,.eyebrow){text-align:start}
    html[dir] body .about-page .about-services>.wrap>h2{font-size:32px;line-height:38.4px}
}
@media(max-width:479px){html[dir] body .about-page .about-services>.wrap{box-sizing:border-box;width:auto;max-width:none;margin-inline:20px}}
html[dir] body .about-page .about-branch h2 br{display:inline}
/* About counters — live's bold first line, phone spacing. */
html[dir] body .about-page .about-counters p::first-line{font-weight:800}
html[dir] body .about-page .about-counters>div{padding-bottom:20px}
@media(max-width:767px){html[dir] body .about-page .about-counters p{margin-top:5.6px}}
@media(max-width:767px){html[dir] body .about-page .about-counters{padding-bottom:20px}}
@media(min-width:480px) and (max-width:767px){html[dir] body .about-page .about-counters{padding-inline:20px}}
@media(max-width:767px){html[dir] body .about-page .about-timeline article p{line-height:25.28px}}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body .about-page .about-timeline ol{margin-inline:0}
    html[dir] body .about-page .about-timeline li article{margin-inline:0}
    html[dir] body .about-page .about-timeline li{box-sizing:border-box;width:50%}
    html[dir] body .about-page .about-timeline li:nth-child(even){margin-left:50%}
    html[dir] body .about-page .about-timeline li:nth-child(odd) article{padding-left:30px;padding-right:60px}
    html[dir] body .about-page .about-timeline li:nth-child(even) article{padding-left:60px;padding-right:30px}
    html[dir=ltr] body .about-page .about-timeline li:nth-child(even) article{text-align:right}
}
@media(min-width:1000px) and (max-width:1023px){
    html[dir=rtl] body.about-layout-page .about-values>div>p{margin-top:14.4px;line-height:26.86px}
    html[dir=rtl] body.about-layout-page .about-values article img.value-icon{margin-bottom:10.5px}
    html[dir=rtl] body.about-layout-page .about-values article:nth-of-type(2) img.value-icon{margin-bottom:12px}
    html[dir=rtl] body.about-layout-page .about-values article h3{font-size:19px;line-height:25px;margin:0 0 8px}
    html[dir=rtl] body.about-layout-page .about-values article p{line-height:26.86px}
}
/* Live's Arabic theme gives the project content column min-height:700px at every width. */
html[dir=rtl] body.project-detail-page .project-presentation{box-sizing:border-box;min-height:700px}
@media(max-width:767px){html[dir=rtl] body.project-detail-page .project-presentation.prose>p:not(:last-child){margin-bottom:13.6px}}
@media(min-width:768px) and (max-width:800px){html[dir=rtl] body.project-detail-page .project-presentation.prose>p:not(:last-child){margin-bottom:14.45px}}
@media(min-width:768px) and (max-width:1023px){
    html[dir] body.project-detail-page .project-presentation.prose img{margin-top:0}
    html[dir] body.project-detail-page .project-presentation.prose>p+p{margin-top:14.45px}
}
@media(min-width:768px) and (max-width:800px){html[dir=ltr] body.project-detail-page .project-presentation.prose{margin-top:2px}}
@media(min-width:801px) and (max-width:1023px){html[dir] body.project-detail-page .project-presentation.prose{margin-top:16px}}
@media(min-width:1024px){html[dir] body.project-detail-page .project-detail .project-presentation.prose>p:first-child>iframe:first-child{margin-top:15.3px}}
@media(min-width:1024px){html[dir] body.project-detail-page .project-detail .project-presentation.prose>p+video{margin-top:14.45px}}
@media(min-width:1280px){html[dir] body.project-detail-page .project-detail .project-presentation.prose>p+video{margin-top:15.3px}}
@media(min-width:1024px){html[dir=rtl] body.project-detail-page .project-presentation.prose>p+p{margin-top:14.45px}}
@media(min-width:1280px){html[dir=rtl] body.project-detail-page .project-presentation.prose>p+p{margin-top:15.3px}}
/* Home hero 431–499: live's slider switches layout here (one-line subtitle, title lower; 45px margin from 480). */
@media(min-width:431px) and (max-width:499px){
    html[dir=ltr] body.homepage .hero-inner.wrap{padding-top:121px}
    html[dir=ltr] body.homepage .hero h1{margin-bottom:11px}
    html[dir=ltr] body.homepage .hero p{width:360px;max-width:360px;white-space:nowrap}
    html[dir=ltr] body.homepage .hero .explore{margin-top:3px}
    html[dir=ltr] body.homepage .hero .watch-video{top:373px}
}
@media(min-width:480px) and (max-width:499px){
    html[dir=ltr] body.homepage .hero-inner.wrap{margin-left:45px;padding-top:120px}
    html[dir=ltr] body.homepage .hero .explore{margin-top:5px}
    html[dir=ltr] body.homepage .hero .watch-video{top:375px}
    html[dir=rtl] body.homepage .hero-inner.wrap{margin-right:10px}
}
@media(min-width:480px) and (max-width:499px){html[dir=ltr] body.homepage .hero .watch-video{left:45px}}
/* Partner logos below 1200: live's divider lines (68% lines above/below the logos, then a full-width rule 82px lower). */
@media(max-width:1199px){
    html[dir] body.homepage .source-partner-grid{position:relative}
    html[dir] body.homepage .source-partner-grid::before,html[dir] body.homepage .source-partner-grid::after{content:"";position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}
    html[dir] body.homepage .source-partner-grid::before{width:68.4vw;height:1px;background:rgba(0,0,0,.19)}
    html[dir] body.homepage .source-partner-grid::after{height:83px;background:linear-gradient(rgba(0,0,0,.19),rgba(0,0,0,.19)) top center/68.4vw 1px no-repeat,linear-gradient(rgba(0,0,0,.19),rgba(0,0,0,.19)) bottom center/100% 1px no-repeat}
}
@media(max-width:767px){
    html[dir] body.homepage .source-partner-grid::before{top:-41px}
    html[dir] body.homepage .source-partner-grid::after{top:calc(100% + 40px);width:calc(100vw - 10px)}
}
@media(min-width:768px) and (max-width:1199px){
    html[dir] body.homepage .source-partner-grid::before{top:38px}
    html[dir] body.homepage .source-partner-grid::after{top:120px;width:calc(100vw - 20px)}
}
/* Compact menu — live's opening sequence: logo and close at 0.3s, links one by one from 0.5s (0.1s apart),
   then the KSA link, the divider drawing across and the social icons. Closing fades the contents out. */
@keyframes sm-menu-fade{0%{opacity:0}100%{opacity:1}}
@keyframes sm-menu-close-in{0%{opacity:0;transform:scale(.2) rotate(0)}100%{opacity:1;transform:scale(1) rotate(180deg)}}
@keyframes sm-menu-line{0%{opacity:0;transform:scaleX(0)}10%{opacity:1;transform:scaleX(.1)}100%{opacity:1;transform:scaleX(1)}}
.compact-menu .compact-menu-header>a,.compact-menu [data-close-menu] svg,.compact-menu-content nav>*,.compact-menu-ksa,.compact-menu-socials a{opacity:0}
.compact-menu.is-open .compact-menu-header>a{animation:sm-menu-fade .6s .3s both}
.compact-menu.is-open [data-close-menu] svg{animation:sm-menu-close-in .6s .3s backwards;transform-origin:50% 54%}
.compact-menu.is-open .compact-menu-content nav>*{animation:sm-menu-fade .6s .5s both}
.compact-menu.is-open .compact-menu-content nav>:nth-child(2){animation-delay:.6s}
.compact-menu.is-open .compact-menu-content nav>:nth-child(3){animation-delay:.7s}
.compact-menu.is-open .compact-menu-content nav>:nth-child(4){animation-delay:.8s}
.compact-menu.is-open .compact-menu-content nav>:nth-child(5){animation-delay:.9s}
.compact-menu.is-open .compact-menu-content nav>:nth-child(6){animation-delay:1s}
.compact-menu.is-open .compact-menu-content nav>:nth-child(7){animation-delay:1.1s}
.compact-menu.is-open .compact-menu-ksa{animation:sm-menu-fade .6s 1.1s both}
.compact-menu-socials{position:relative;border-top-color:transparent!important}
.compact-menu-socials::before{content:"";position:absolute;top:-1px;inset-inline:0;height:1px;background:#ffffff26;transform:scaleX(0);transform-origin:left center}
html[dir=rtl] .compact-menu-socials::before{transform-origin:right center}
.compact-menu.is-open .compact-menu-socials::before{animation:sm-menu-line .7s .5s both}
.compact-menu.is-open .compact-menu-socials a{animation:sm-menu-fade .6s .5s both}
.compact-menu.is-open .compact-menu-socials a:nth-child(2){animation-delay:.6s}
.compact-menu.is-open .compact-menu-socials a:nth-child(3){animation-delay:.7s}
.compact-menu.is-open .compact-menu-socials a:nth-child(4){animation-delay:.8s}
.compact-menu.is-open [data-close-menu] svg{opacity:1}
.compact-menu:not(.is-open) .compact-menu-panel>*{transition:opacity .3s}
.compact-menu.is-open .compact-menu-panel>*{transition:none}
@media(prefers-reduced-motion:reduce){
    .compact-menu .compact-menu-header>a,.compact-menu [data-close-menu] svg,.compact-menu-content nav>*,.compact-menu-ksa,.compact-menu-socials a{opacity:1;animation:none!important}
    .compact-menu-socials::before{transform:none;animation:none!important}
}
/* Service banner: the box keeps a 200px minimum height on phones; crop the wide artwork instead of squashing it. */
html[dir] body .service-banner img{object-fit:cover;object-position:center}
/* Article cards crop their image (live serves a cropped 890x664 thumbnail); career gallery photos sit 5px inside their cell. */
html[dir] body .blog-card-image, html[dir] body .blog-card-image img{object-fit:cover}
@media(max-width:767px){html[dir] body .career-team-gallery img{box-sizing:border-box;padding-inline:5px}}
html[dir] body.article-page .related-posts .blog-card-image img{object-fit:cover}
/* Home: the Jordan/Saudi card overlaps the striped band as on live. The section sits above the band (z-index 2),
   so its own white would hide the stripes beside the card; the page behind it is white already. */
html[dir] body.homepage .locations-section{background:transparent}
/* Hero buttons: live keeps a word space plus 4px before the Explore arrow, and 18px between the play disc and "Watch video" on phones. */
html[dir=ltr] body.homepage .hero .explore-arrow{margin-left:9px}
@media(max-width:767px){html[dir=ltr] body.homepage .hero .watch-video{gap:18px!important}}
.compact-menu-panel:focus{outline:none}
/* Home ≥1200: on live the white section under the hero covers the last 28px of the 170px stripes, so the band ends where the
   Jordan/Saudi heading starts. Our section is transparent (the card must overlap the band), so clip the band instead. */
@media(min-width:1200px){html[dir] body.homepage .home-hero-divider, html[dir] body.homepage .locations-section::before{clip-path:inset(0 0 28px 0)}}
/* Arabic letters must join: no letter spacing on Arabic text (live has none). The phone "watch video" label inherited
   the 2px of the uppercase English label, and the blog category pills reuse the English badge style. */
html[dir=rtl] body.homepage .hero .watch-video, html[dir=rtl] body.homepage .hero .watch-video-label, html[dir=rtl] body .post-categories a, html[dir=rtl] body .showcase-blog-grid .post-categories>a{letter-spacing:0!important}
/* Phones: a little air between the top of the screen and the fixed header (Mohammed's request, live has 10px). */
@media(max-width:767px){html[dir] body .site-header{height:72px;padding-top:12px}}
/* Arabic pages: every element uses IBM Plex Sans Arabic (Latin words included). Icon-font elements keep their glyph font;
   pseudo-elements are not matched by * and keep their own icon fonts. */
html[dir=rtl] body,html[dir=rtl] body :not(.footer-social-glyph):not(.vacancy-apply-icon):not(.article-sharing span):not(.project-share span):not(svg):not(svg *){font-family:"IBM Plex Sans Arabic",sans-serif!important}

/* Tablets: the third service link spans the row instead of sitting alone in half of it (2026-10-17). */
@media(min-width:768px) and (max-width:1199px){.service-detail-page .service-links article:nth-child(3):last-child{grid-column:1/-1}}