/* Shared institution layout, with rose, green and teal from Hanan's logo. */
.hanan-brand-name{display:flex;flex-direction:column;gap:7px}.hanan-brand-name small{font:500 .75rem/1.4 var(--font-body, sans-serif);letter-spacing:.02em}
.hanan-home-content .safa-route{background:linear-gradient(155deg,#fff 40%,var(--theme-tint));border-top:4px solid var(--brand-primary)}
.hanan-home-content .safa-curriculum{background:linear-gradient(110deg,var(--theme-tint),#fff)}
.hanan-home-content .safa-campus-section{background:#edf6f0}.hanan-home-content .safa-home-contact{background:linear-gradient(120deg,var(--theme-subnav),var(--theme-tint))}
.hanan-programme,.hanan-life-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hanan-programme-copy{grid-column:1/-1;padding:0}.hanan-programme>.safa-route{align-self:stretch}.hanan-programme-copy h3,.hanan-life-layout h3{font-size:2rem}
.hanan-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.hanan-learning-grid article{border-top:2px solid var(--brand-secondary);padding-top:24px}.hanan-learning-grid h3{font-size:1.8rem}.hanan-learning-grid p{margin-bottom:0}
.hanan-life-layout figure{margin:0}.hanan-life-layout img{display:block;width:100%;height:auto;border-radius:24px}.hanan-life-layout figcaption{padding-top:12px;font-size:.85rem}
.hanan-campus-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hanan-campus-layout h3{font-size:2.2rem}.hanan-contact-visit{padding:32px;border-radius:28px;background:var(--theme-tint)}.hanan-home-content .safa-method-icon{background:#e0f0e7}
.hanan-age-note{font-size:.85rem;margin:8px 0 0}.branch-site--hanan .release-footer .release-brand img{max-height:156px;width:auto}.branch-site--hanan .release-footer .fatwa-brand-name{display:none}
@media(max-width:1000px){.hanan-learning-grid{grid-template-columns:1fr 1fr}.hanan-programme,.hanan-life-layout,.hanan-campus-layout{gap:28px}.hanan-brand-name small{font-size:.68rem}}
@media(max-width:720px){.hanan-programme,.hanan-learning-grid,.hanan-life-layout,.hanan-campus-layout{grid-template-columns:1fr}.hanan-programme-copy{padding:0}.hanan-brand-name{font-size:1.05rem!important;gap:4px}.hanan-brand-name small{font-size:.59rem}.hanan-contact-visit{padding:24px}.hanan-learning-grid{gap:24px}}
@media(max-width:400px){.hanan-brand-name{font-size:.9rem!important}.hanan-brand-name small{font-size:.52rem}}