@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
body.font-modern{font-family:Tajawal,Tahoma,sans-serif;font-weight:400}
.font-modern h1,.font-modern h2,.font-modern h3,.font-modern h4,.font-modern .service-card h2,.font-modern .service-card h3{font-family:Tajawal,Tahoma,sans-serif;font-weight:700}
.font-modern .hero-copy h1{font-size:clamp(44px,4.6vw,69px);line-height:1.7}
.font-modern .hero-copy .line-mask>span,.font-modern .hero-copy .line-mask>strong{font-weight:700}
.font-modern .hero-copy .line-mask>strong{font-size:.71em}
.font-modern .hero-copy>p{font-size:21px;line-height:1.95}
.font-modern .service-card h2,.font-modern .service-card h3{font-size:25px;line-height:1.75}
.font-modern .quran-verse{font-family:AmiriQuran,serif;font-weight:400}
@media(max-width:1100px){.font-modern .hero-copy h1{font-size:51px}.font-modern .hero-copy>p{font-size:19px}}
@media(max-width:900px){.font-modern .hero-copy h1{font-size:43px}.font-modern .hero-copy .line-mask>strong{font-size:.67em}}
@media(max-width:700px){.font-modern .hero-copy h1{font-size:43px;line-height:1.7}.font-modern .hero-copy .line-mask>strong{font-size:.67em}.font-modern .hero-copy>p{font-size:17px}.font-modern .service-card h2,.font-modern .service-card h3{font-size:19px}}
@media(max-width:360px){.font-modern .hero-copy h1{font-size:38px}.font-modern .hero-copy .line-mask>strong{font-size:.65em}.font-modern .service-card h2,.font-modern .service-card h3{font-size:17px}}