@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/NotoKufiArabic-variable.ttf') format('truetype')}
html[lang=ar]{font-family:'Noto Kufi Arabic',sans-serif}
[dir=rtl] .service-row>svg:last-child{transform:scaleX(-1)}
[dir=rtl] .wordmark,[dir=rtl] .number,[dir=rtl] .phone,[dir=rtl] .email,[dir=rtl] input[type=email],[dir=rtl] #language{font-family:Arial,Helvetica,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}
[dir=rtl] .hero h1{font-size:clamp(40px,4.8vw,72px);line-height:1.55;font-weight:750;white-space:normal}
[dir=rtl] .hero p{font-size:20px;line-height:1.9;max-width:620px}
[dir=rtl] .hero .button{font-size:15px;line-height:1.8}
[dir=rtl] .desktop-nav a,[dir=rtl] .button-navy{font-size:14px}
[dir=rtl] .text-link{font-size:15px;line-height:1.8}
[dir=rtl] .section-heading h2{font-size:40px;line-height:1.7}
[dir=rtl] .section-heading h2 span+span{font-size:35px;font-weight:400;letter-spacing:0}
[dir=rtl] .section-heading p{font-size:17px;line-height:1.9}
[dir=rtl] .service-row h3{font-size:19px;line-height:1.8;letter-spacing:0}
[dir=rtl] .service-row p{font-size:14px;line-height:1.9}
[dir=rtl] .company h2,[dir=rtl] .contact h2{font-size:48px;line-height:1.6}
[dir=rtl] .company-copy,[dir=rtl] .contact-intro>p{font-size:18px;line-height:2}
[dir=rtl] .principles h3{font-size:21px;line-height:1.8;letter-spacing:0}
[dir=rtl] .principles p{font-size:16px;line-height:2}
[dir=rtl] .quote-form h3{font-size:26px;letter-spacing:0;line-height:1.7}
[dir=rtl] .form-grid label{font-size:13px;line-height:1.9}
[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{font-size:14px;line-height:1.9}
[dir=rtl] .contact-details h3{font-size:17px;line-height:1.8}
[dir=rtl] .form-note{font-size:11px;line-height:1.9}
[dir=rtl] .footer nav{font-size:13px}
[dir=rtl] .footer p{font-size:11px;line-height:1.9}
[dir=rtl] dialog h2{font-size:29px;line-height:1.7}
[dir=rtl] dialog>p,[dir=rtl] dialog li{font-size:15px;line-height:1.9}
[dir=rtl] dd,[dir=rtl] dt{font-size:13px;line-height:1.9}
@media(max-width:950px){[dir=rtl] .hero h1{font-size:5.4vw}[dir=rtl] .hero p{font-size:18px}[dir=rtl] .principles h3{font-size:18px}[dir=rtl] .principles p{font-size:14px}}
@media(max-width:640px){[dir=rtl] .hero h1{font-size:36px;line-height:1.6}[dir=rtl] .hero p{font-size:16px;line-height:2}[dir=rtl] .hero .button{font-size:12px;padding-inline:18px}[dir=rtl] .hero .text-link{font-size:13px}[dir=rtl] .section-heading h2{font-size:27px;line-height:1.8}[dir=rtl] .section-heading h2 span+span{font-size:25px;line-height:1.8}[dir=rtl] .section-heading p{font-size:15px}[dir=rtl] .company h2,[dir=rtl] .contact h2{font-size:32px}[dir=rtl] .company-copy,[dir=rtl] .contact-intro>p{font-size:16px}[dir=rtl] .service-row h3{font-size:18px}[dir=rtl] .service-row p{font-size:13px}[dir=rtl] .principles h3{font-size:18px}[dir=rtl] .principles p{font-size:14px}[dir=rtl] .quote-form h3{font-size:24px}}
@media(max-width:370px){[dir=rtl] .hero h1{font-size:31px}[dir=rtl] .service-row h3{font-size:16px}}