.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-family:Tajawal,serif!important;font-weight:700}.page-content li,.page-content p,.page-content span{font-family:'El Messiri',serif!important;line-height:1.8}.about-hero{background:linear-gradient(135deg,rgba(64,81,137,.1) 0,rgba(10,179,156,.1) 100%);border-radius:.5rem;padding:2rem;margin-bottom:2rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.about-hero h1{font-size:1.75rem;margin-bottom:.5rem}.about-hero .tagline{font-size:1rem;opacity:.85;margin-bottom:1rem}.about-hero .meta-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.about-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:1.5rem;height:100%}.about-card h5{color:#0ab39c;font-size:1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.about-card h5 i{font-size:1.1rem}.about-card p{margin-bottom:1.25rem}.about-card ul{padding-left:0;list-style:none;margin-bottom:0}.about-card ul li{padding:.35rem 0;display:flex;align-items:center;gap:.5rem}.about-card ul li i{color:#0ab39c;font-size:.85rem}.about-image{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:1.5rem}.about-image img{width:100%;height:220px;object-fit:cover;transition:transform .3s ease}.about-image:hover img{transform:scale(1.02)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.02);border-radius:.5rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.contact-item:hover{background:rgba(255,255,255,.05);border-color:rgba(10,179,156,.3)}.contact-item .icon-contact{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item .contact-text{min-width:0}.contact-item .contact-text small{display:block;font-size:.7rem;opacity:.7}.contact-item .contact-text a,.contact-item .contact-text span{font-size:.85rem;display:block;word-break:break-word}.contact-item a{color:#0ab39c;text-decoration:none;transition:color .2s}.contact-item a:hover{color:#099885}@media (max-width:991px){.contact-grid{grid-template-columns:1fr}}