@font-face{font-family:"Lyon Arabic Display";src:url("/assets/lyon/lyon-arabic-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lyon Arabic Display";src:url("/assets/lyon/lyon-arabic-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Lyon Arabic Display";src:url("/assets/lyon/lyon-arabic-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lyon Arabic Display";src:url("/assets/lyon/lyon-arabic-regularslanted.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
html[lang=ar]{--font:'Lyon Arabic Display',serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .closing-link{font-family:'Lyon Arabic Display',serif;font-weight:500;font-synthesis:none;letter-spacing:0!important}html[lang=ar] body{font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.9}html[lang=ar] .article-prose h2{line-height:1.6;font-size:34px}html[lang=ar] .article-prose h3{font-size:26px;line-height:1.65}html[lang=ar] .article-prose p,html[lang=ar] .article-prose li{line-height:2.05;font-size:18px}html[lang=ar] .sl-hero h1,html[lang=ar] .service-hero-v4 h1{line-height:1.35}html[lang=ar] .sl-hero h1 em,html[lang=ar] .service-hero-v4 h1 em{font-weight:400;font-style:italic}html[lang=ar] .photo-hero .hero-title{left:auto;right:40px;width:47%;text-align:right;top:22%}html[lang=ar] .photo-hero .hero-aside{left:4%;right:auto;text-align:right;width:235px;top:44%}html[lang=ar] .photo-hero h1{line-height:1.38;font-weight:500;font-size:clamp(52px,6.2vw,92px)}html[lang=ar] .hero-aside p{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:20px;line-height:1.7}html[lang=ar] .photo-hero .hero-title>p{font-family:'IBM Plex Sans Arabic',sans-serif}html[lang=ar] .seo-article .article-heading h1{line-height:1.5;font-size:clamp(40px,4.6vw,67px)}
@media(max-width:760px){html[lang=ar] .photo-hero .hero-title{left:22px;right:22px;top:6%;width:auto;text-align:right}html[lang=ar] .photo-hero h1{font-size:51px;line-height:1.35}html[lang=ar] .photo-hero .hero-aside{left:22px;right:22px;top:auto;bottom:95px;width:auto;text-align:right}html[lang=ar] .hero-aside p{font-size:18px;max-width:260px;margin-inline-start:auto}html[lang=ar] .photo-hero .hero-aside .pill{margin-inline-start:auto}html[lang=ar] .seo-article .article-heading h1{font-size:37px}html[lang=ar] .article-prose h2{font-size:29px}html[lang=ar] .article-prose p,html[lang=ar] .article-prose li{font-size:17px}}