@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--green:#0d3b2e;--green2:#14523f;--gold:#c8a85a;--ink:#18201d;--muted:#66706b;--soft:#f5f3ec;--line:#e5e1d6;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans Bengali',sans-serif;color:var(--ink);background:#fff;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#08291f;color:#dfe9e4;font-size:13px}.topbar-in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-in div{display:flex;gap:18px}.nav-wrap{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:320px}.brand img{width:58px;height:58px;object-fit:contain}.brand b{display:block;color:var(--green);font-size:18px}.brand small{display:block;color:var(--muted);font-family:Arial,sans-serif;font-size:11px;letter-spacing:.3px}.menu{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.menu a:hover{color:var(--green2)}.nav-cta{background:var(--green)!important;color:#fff!important;padding:11px 16px}.menu-btn{display:none;background:none;border:0;font-size:26px}.hero{background:var(--green)}.hero-slider{min-height:650px;position:relative}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .6s}.hero-slide.active{opacity:1;visibility:visible}.hero-slide.fallback{background:linear-gradient(135deg,#0b3a2b,#155b44)}.hero-copy{height:650px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;max-width:1180px}.eyebrow,.kicker{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.12;max-width:760px;margin:16px 0}.hero p{font-size:20px;max-width:680px;color:#e3ece8}.hero-actions{display:flex;gap:12px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid transparent;font-weight:700;font-family:inherit;cursor:pointer}.primary{background:var(--gold);color:#1f281f}.ghost{border-color:#ffffff88;color:#fff}.section{padding:92px 0}.soft{background:var(--soft)}.intro-grid,.content-grid,.two-col,.form-layout,.principal{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:9px 0 20px;color:var(--green)}.lead,.prose{font-size:18px;color:#4f5954}.text-link,.section-head>a,.program-card a{font-weight:800;color:var(--green2)}.principles{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.principles div{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles b{display:block;color:var(--green);font-size:25px}.principles span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head h2{margin-bottom:0}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card,.program-card{border:1px solid var(--line);padding:32px;background:#fff}.program-card{transition:.25s}.program-card:hover{transform:translateY(-5px);border-color:#c7b376}.program-icon{font-size:34px;color:var(--gold)}.program-card h3,.program-card h2{font-size:24px;margin:14px 0 9px}.program-card p{color:var(--muted)}.stats{background:var(--green);color:#fff;padding:52px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{text-align:center;border-right:1px solid #ffffff22}.stats-grid div:last-child{border:0}.stats-grid strong{display:block;font-size:46px;color:var(--gold)}.stats-grid span{color:#dbe8e2}.notice-list{border-top:1px solid var(--line)}.notice-list a{display:grid;grid-template-columns:110px 1fr 30px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.notice-list time{font-size:12px;color:var(--muted);text-transform:uppercase}.notice-list span{font-weight:700}.quote-box{background:var(--green);color:#fff;padding:46px}.quote-box>span{color:var(--gold);font-size:28px}.quote-box blockquote{font-size:24px;line-height:1.65;margin:14px 0 30px}.teacher-card{text-align:center}.teacher-photo{aspect-ratio:4/5;background:#e9ece8;overflow:hidden;display:grid;place-items:center}.teacher-photo img{width:100%;height:100%;object-fit:cover}.teacher-photo span{font-size:72px;color:#82928a}.teacher-card h3,.teacher-card h2{font-size:21px;margin:16px 0 2px}.teacher-card p{margin:0;color:var(--muted)}.teacher-card.large{text-align:left;border:1px solid var(--line);padding-bottom:22px}.teacher-card.large h2,.teacher-card.large p{margin-left:20px;margin-right:20px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#ddd;aspect-ratio:1/1}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(transparent,#0009)}.page-hero{padding:90px 0;background:linear-gradient(135deg,#0b382b,#0e4d3a);color:#fff}.page-hero h1{font-size:52px;margin:10px 0 8px}.page-hero p{color:#dce8e3;font-size:18px}.article,.narrow{max-width:840px}.mission-grid{display:grid;gap:18px}.principal-photo{min-height:380px;background:#ddd}.principal-photo img{width:100%;height:450px;object-fit:cover}.form-card{border:1px solid var(--line);padding:36px;background:#fff}.form-grid,.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:14px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px 13px;border:1px solid #d8d4ca;font:inherit;margin-top:5px}.contact-lines p{padding:18px 0;border-bottom:1px solid var(--line)}.contact-lines b{display:block;color:var(--green)}.alert{padding:14px 18px;margin-top:20px}.alert.success{background:#e9f6ef;color:#13583c}.alert.error{background:#fff0f0;color:#9d2d2d}.alert ul{margin:0}.pagination{margin-top:25px}footer{background:#081f18;color:#ccd9d3;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px}.footer-grid h4{color:#fff}.footer-grid a{display:block;margin:8px 0}.footer-brand{font-size:24px;color:#fff;font-weight:800}.copyright{border-top:1px solid #ffffff1c;margin-top:40px;padding-top:20px;font-size:13px;color:#899d94}.copyright a{float:right}@media(max-width:900px){.nav{min-height:74px}.brand{min-width:0}.brand b{font-size:15px}.brand small{display:none}.brand img{width:48px;height:48px}.menu-btn{display:block}.menu{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 30px;border-top:1px solid var(--line);box-shadow:0 20px 30px #0001}.menu.open{display:flex}.hero-slider,.hero-copy{height:560px;min-height:560px}.cards.three,.cards.four,.gallery-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.content-grid,.two-col,.form-layout,.principal{grid-template-columns:1fr;gap:35px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.topbar-in>span{display:none}}@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.section{padding:64px 0}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-slider,.hero-copy{height:520px;min-height:520px}.cards.three,.cards.four,.gallery-grid,.form-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid strong{font-size:36px}.notice-list a{grid-template-columns:90px 1fr}.notice-list b{display:none}.page-hero h1{font-size:38px}.footer-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:15px;flex-direction:column}.topbar-in{justify-content:center}.topbar-in div{gap:10px}}




/* IQRA OPTIONAL HERO TEXT START */

.hero-slide h1:empty,
.hero-slide h2:empty,
.hero-slide h3:empty,
.hero-slide p:empty,
.hero-slide .hero-title:empty,
.hero-slide .hero-subtitle:empty,
.hero-slide .arabic-text:empty,
.hero-slide .arabic-title:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* IQRA OPTIONAL HERO TEXT END */


/* IQRA OPTIONAL ARABIC FINAL START */

.hero-slide h1:empty,
.hero-slide h2:empty,
.hero-slide h3:empty,
.hero-slide p:empty,
.hero-slide .hero-title:empty,
.hero-slide .hero-subtitle:empty,
.hero-slide .hero-arabic-text:empty,
.hero-slide .arabic-text:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hero-arabic-text {
    direction: rtl;
    unicode-bidi: plaintext;
}

/* IQRA OPTIONAL ARABIC FINAL END */


/* IQRA EMPTY ARABIC HIDE START */

.hero-arabic-text:empty,
.arabic-text:empty,
.arabic-title:empty,
[class*="arabic"]:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* IQRA EMPTY ARABIC HIDE END */


/* IQRA STRICT OPTIONAL HERO START */

.hero-slide h1:empty,
.hero-slide h2:empty,
.hero-slide h3:empty,
.hero-slide p:empty,
.hero-slide .hero-title:empty,
.hero-slide .hero-subtitle:empty,
.hero-slide .hero-arabic-text:empty,
.hero-slide .arabic-text:empty,
.hero-slide .arabic-title:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Empty button must disappear */
.hero-actions a[href=""],
.hero-slide a[href=""] {
    display: none !important;
}

/* IQRA STRICT OPTIONAL HERO END */


/* IQRA EMPTY OPTIONAL HERO CONTENT START */

.hero-slide h1:empty,
.hero-slide h2:empty,
.hero-slide h3:empty,
.hero-slide p:empty,
.hero-slide .hero-title:empty,
.hero-slide .hero-subtitle:empty,
.hero-slide .hero-arabic-text:empty,
.hero-slide .arabic-text:empty,
.hero-slide .arabic-title:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* IQRA EMPTY OPTIONAL HERO CONTENT END */


/* IQRA FULL RESPONSIVE BANNER START */

.iqra-home-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent !important;
    overflow: hidden;
}

.iqra-home-hero .hero-slider {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.iqra-home-hero .hero-slide {
    display: none;
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0;
    padding: 0;

    opacity: 1 !important;
    visibility: visible !important;

    background: transparent !important;
    box-shadow: none !important;
}

.iqra-home-hero .hero-slide.active {
    display: block;
}

.iqra-home-hero .hero-banner-image {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    opacity: 1 !important;
    filter: none !important;

    background: transparent !important;
    box-shadow: none !important;
}

.iqra-home-hero .hero-content-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    align-items: center;

    pointer-events: none;
}

.iqra-home-hero .hero-content-overlay .container {
    pointer-events: auto;
}

.iqra-home-hero .hero-content-overlay h1 {
    max-width: 760px;
    margin: 0 0 14px;

    color: #fff;
    font-size: clamp(30px, 4vw, 64px);
    line-height: 1.15;

    text-shadow: 0 2px 14px rgba(0,0,0,.45);
}

.iqra-home-hero .hero-content-overlay p {
    max-width: 650px;
    margin: 0;

    color: #fff;
    font-size: clamp(15px, 1.5vw, 20px);
    line-height: 1.7;

    text-shadow: 0 2px 12px rgba(0,0,0,.45);
}

.iqra-home-hero .hero-actions {
    margin-top: 20px;
}

.iqra-home-hero .hero-arabic-text,
.iqra-home-hero .arabic-text,
.iqra-home-hero .arabic-title {
    display: none !important;
}

@media (max-width: 767px) {

    .iqra-home-hero .hero-content-overlay {
        padding: 20px 0;
    }

    .iqra-home-hero .hero-content-overlay h1 {
        font-size: 30px;
    }

    .iqra-home-hero .hero-content-overlay p {
        font-size: 15px;
    }
}

/* IQRA FULL RESPONSIVE BANNER END */


/* IQRA BRANCH SYSTEM START */
.branch-nav{position:relative;display:flex;align-items:center}.branch-nav>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;user-select:none;white-space:nowrap}.branch-nav>summary::-webkit-details-marker{display:none}.branch-nav>summary:hover,.branch-nav[open]>summary{color:var(--green2)}.branch-nav>summary span{font-size:11px;transition:transform .2s}.branch-nav[open]>summary span{transform:rotate(180deg)}.branch-nav-menu{position:absolute;z-index:70;top:calc(100% + 18px);left:50%;display:grid;min-width:205px;padding:8px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(8,41,31,.12);transform:translateX(-50%)}.branch-nav:not([open]) .branch-nav-menu{display:none}.branch-nav-menu:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}.branch-nav-menu a{display:block;padding:10px 12px;color:var(--ink);white-space:nowrap}.branch-nav-menu a:hover{color:var(--green);background:var(--soft)}
.iqra-branch-home{background:#fff}.branch-home-intro{max-width:650px;margin:10px 0 0;color:var(--muted)}.branch-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.branch-home-card{position:relative;overflow:hidden;min-height:320px;padding:32px;border:1px solid var(--line);background:#fff;transition:.25s}.branch-home-card:hover{border-color:#c9b77e;transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,59,46,.07)}.branch-home-label{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border:1px solid #d9d2bd;border-radius:999px;color:var(--green);font-size:12px;font-weight:800}.branch-home-card h3{margin:20px 0 24px;color:var(--green);font-family:'Playfair Display',serif;font-size:clamp(28px,3vw,40px)}.branch-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.branch-home-stats span{display:grid;gap:2px;padding:13px;border:1px solid #ece8dd;background:#fbfaf6;color:var(--muted);font-size:12px}.branch-home-stats b{color:var(--green);font-size:22px}.branch-home-links{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.branch-home-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid var(--line);color:var(--green);font-size:13px;font-weight:700}.branch-home-links a:hover{border-color:#c9b77e;background:var(--soft)}.branch-home-main-link{color:var(--green2);font-weight:800}
.branch-switcher{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.branch-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);color:var(--green);font-weight:700}.branch-switcher a:hover,.branch-switcher a.active{border-color:var(--green);color:#fff;background:var(--green)}.branch-card-badge{display:inline-flex;align-items:center;min-height:28px;margin:16px 20px 0;padding:0 10px;border:1px solid #d9d2bd;border-radius:999px;color:var(--green);font-size:11px;font-weight:800}
.branch-portal-intro{max-width:760px;margin-bottom:34px}.branch-portal-intro h2{margin:8px 0 12px}.branch-portal-intro p{color:var(--muted)}.branch-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.branch-portal-card{display:block;min-height:270px;padding:28px;border:1px solid var(--line);color:inherit;background:#fff;transition:.22s}.branch-portal-card:hover{border-color:#c7b376;transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,59,46,.06)}.branch-portal-number{display:block;margin-bottom:22px;color:var(--gold);font-size:clamp(42px,5vw,68px);line-height:1;font-weight:800}.branch-portal-card h3{margin:0 0 10px;color:var(--green);font-size:24px}.branch-portal-card p{color:var(--muted)}.branch-portal-card strong{display:inline-block;margin-top:18px;color:var(--green2)}
.student-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-public-card{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid var(--line);background:#fff}.student-public-photo{flex:0 0 74px;display:grid;place-items:center;overflow:hidden;width:74px;height:74px;background:#edf0ed;color:#72857b;font-size:28px;font-weight:800}.student-public-photo img{width:100%;height:100%;object-fit:cover}.student-public-content small{display:block;margin-bottom:4px;color:var(--muted)}.student-public-content h3{margin:0 0 10px;color:var(--green);font-size:19px}.student-public-content p{margin:5px 0;color:var(--muted);font-size:13px}.student-public-content strong{color:var(--ink)}
.result-search-form{display:flex;align-items:center;gap:10px;margin-bottom:24px}.result-search-form input{width:min(100%,580px);min-height:48px;padding:0 14px;border:1px solid #d8d4ca;font:inherit;outline:none}.result-search-form input:focus{border-color:var(--green2)}.result-search-clear{color:var(--green2);font-weight:700}.result-public-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff}.result-public-table{width:100%;min-width:900px;border-collapse:collapse}.result-public-table th,.result-public-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.result-public-table th{color:var(--green);font-size:12px;white-space:nowrap;background:#f8f7f1}.result-public-table td small{display:block;margin-top:4px;color:var(--muted)}.branch-empty-state{grid-column:1/-1;padding:32px;border:1px dashed #d8d4ca;color:var(--muted);text-align:center}.branch-pagination{margin-top:28px}
@media(max-width:1100px){.branch-portal-grid,.student-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.menu.open{overflow:visible}.branch-nav{display:block;width:100%}.branch-nav>summary{justify-content:space-between;width:100%;padding:8px 0}.branch-nav-menu{position:static;width:100%;min-width:0;margin-top:6px;box-shadow:none;transform:none}.branch-home-grid{grid-template-columns:1fr}}@media(max-width:680px){.branch-portal-grid,.student-public-grid{grid-template-columns:1fr}.branch-home-stats{grid-template-columns:1fr}.result-search-form{align-items:stretch;flex-direction:column}.result-search-form input{width:100%}}
/* IQRA BRANCH SYSTEM END */



/* IQRA FINAL HOME + BRANCH NOTICE GALLERY + MANAGEMENT START */

.section-subtitle {
    max-width: 700px;
    margin: 10px 0 0;
    color: var(--muted);
}

.notice-branch-label {
    display: inline-block;
    margin-right: 8px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .03em;
}

.branch-home-stats-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.management-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.management-card {
    display: flex;
    align-items: stretch;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: #fff;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.management-card:hover {
    transform: translateY(-4px);
    border-color: #cfbd82;
    box-shadow: 0 18px 40px rgba(13, 59, 46, .07);
}

.management-photo {
    flex: 0 0 155px;
    width: 155px;
    min-height: 190px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #edf0ed;
    color: #688076;
    font-size: 42px;
    font-weight: 800;
}

.management-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.management-content {
    flex: 1;
    min-width: 0;
    padding: 24px;
}

.management-title {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    margin-bottom: 10px;
    padding: 0 10px;
    border: 1px solid #ded6bd;
    color: var(--green);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
}

.management-content h3 {
    margin: 0 0 8px;
    color: var(--green);
    font-size: 24px;
    line-height: 1.25;
}

.management-content p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.8;
}

.iqra-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.iqra-trust-card {
    min-height: 145px;
    display: grid;
    place-content: center;
    gap: 5px;
    padding: 24px;
    border: 1px solid var(--line);
    background: #fff;
    text-align: center;
}

.iqra-trust-card strong {
    color: var(--green);
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1;
}

.iqra-trust-card span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.testimonial-card {
    min-height: 220px;
}

.branch-portal-grid-seven {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

@media (max-width: 1050px) {
    .management-grid {
        grid-template-columns: 1fr;
    }

    .iqra-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .branch-home-stats-six {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .management-card {
        min-height: 160px;
    }

    .management-photo {
        flex-basis: 120px;
        width: 120px;
        min-height: 160px;
    }

    .management-content {
        padding: 18px;
    }

    .management-content h3 {
        font-size: 20px;
    }
}

@media (max-width: 580px) {
    .management-card {
        flex-direction: column;
    }

    .management-photo {
        width: 100%;
        min-height: 280px;
        flex-basis: auto;
    }

    .iqra-trust-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .branch-home-stats-six {
        grid-template-columns: 1fr 1fr;
    }
}

/* IQRA FINAL HOME + BRANCH NOTICE GALLERY + MANAGEMENT END */

/* IQRA HOME CONTACT START */

.iqra-home-contact {
    position: relative;
}

.iqra-contact-shell {
    display: grid;
    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);
    gap: 48px;
    align-items: stretch;
}

.iqra-contact-info,
.iqra-contact-form-wrap {
    border: 1px solid rgba(20, 35, 28, .12);
    border-radius: 24px;
    background: #ffffff;
}

.iqra-contact-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 5vw, 56px);
}

.iqra-contact-info h2 {
    margin:
        10px
        0
        18px;
}

.iqra-contact-info > p {
    margin:
        0
        0
        28px;
    line-height: 1.8;
    opacity: .78;
}

.iqra-contact-details {
    display: grid;
    gap: 12px;
}

.iqra-contact-detail {
    display: grid;
    gap: 5px;
    padding: 15px 16px;
    border: 1px solid rgba(20, 35, 28, .1);
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
    transition:
        border-color .2s ease,
        transform .2s ease;
}

a.iqra-contact-detail:hover {
    border-color: rgba(20, 35, 28, .28);
    transform: translateY(-2px);
}

.iqra-contact-detail span {
    font-size: 12px;
    font-weight: 700;
    opacity: .6;
}

.iqra-contact-detail strong {
    font-size: 15px;
    line-height: 1.6;
}

.iqra-contact-page-link {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    font-weight: 800;
    color: inherit;
    text-decoration: none;
}

.iqra-contact-form-wrap {
    padding: clamp(24px, 4vw, 44px);
}

.iqra-contact-form-head {
    margin-bottom: 24px;
}

.iqra-contact-form-head > span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .6;
}

.iqra-contact-form-head h3 {
    margin: 0;
}

.iqra-contact-form-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.iqra-home-contact-form label {
    display: grid;
    gap: 8px;
}

.iqra-home-contact-form label > span {
    font-size: 13px;
    font-weight: 700;
}

.iqra-home-contact-form input,
.iqra-home-contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(20, 35, 28, .15);
    border-radius: 12px;
    background: #fff;
    color: inherit;
    font: inherit;
    outline: none;
    transition: border-color .2s ease;
}

.iqra-home-contact-form input {
    min-height: 48px;
    padding: 0 14px;
}

.iqra-home-contact-form textarea {
    min-height: 150px;
    padding: 14px;
    resize: vertical;
}

.iqra-home-contact-form input:focus,
.iqra-home-contact-form textarea:focus {
    border-color: rgba(20, 35, 28, .5);
}

.iqra-contact-message-field {
    grid-column: 1 / -1;
}

.iqra-contact-submit {
    margin-top: 20px;
    min-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
}

.iqra-contact-errors {
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid rgba(150, 30, 30, .18);
    border-radius: 12px;
    background: rgba(150, 30, 30, .05);
}

.iqra-contact-errors p {
    margin: 4px 0;
    font-size: 13px;
}

@media (max-width: 900px) {

    .iqra-contact-shell {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}

@media (max-width: 640px) {

    .iqra-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .iqra-contact-message-field {
        grid-column: auto;
    }

    .iqra-contact-info,
    .iqra-contact-form-wrap {
        border-radius: 18px;
    }

}

/* IQRA HOME CONTACT END */


/* IQRA HEADER STICKY FINAL FIX START */

/*
|--------------------------------------------------------------------------
| Header Sticky Fix
|--------------------------------------------------------------------------
| Keep the complete header inside the viewport.
| Sticky positioning belongs to the main header, not the nested nav wrapper.
*/

.site-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    z-index: 9999 !important;

    margin: 0 !important;

    transform: none !important;

    overflow: visible !important;

    background: #ffffff;
}


/* Top information bar */

.site-header .topbar {
    position: relative !important;

    top: auto !important;

    z-index: 3 !important;

    width: 100% !important;

    margin: 0 !important;

    transform: none !important;
}


/* Main navigation */

.site-header .nav-wrap {
    position: relative !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    z-index: 4 !important;

    width: 100% !important;

    margin: 0 !important;

    transform: none !important;

    background: #ffffff !important;

    overflow: visible !important;
}


.site-header .nav {
    position: relative !important;

    overflow: visible !important;
}


/* Branch dropdowns must remain above page content */

.site-header .branch-nav {
    position: relative !important;
}


.site-header .branch-nav-menu {
    z-index: 10020 !important;
}


/* Prevent hero/page content from covering the header */

main {
    position: relative;

    z-index: 1;
}


/*
|--------------------------------------------------------------------------
| Mobile Header
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .site-header {
        top: 0 !important;

        z-index: 9999 !important;
    }


    .site-header .nav-wrap {
        position: relative !important;
    }


    .site-header .nav {
        position: relative !important;
    }


    .site-header .menu {
        top: 100% !important;

        left: 0 !important;

        right: 0 !important;

        z-index: 10010 !important;

        max-height: calc(100vh - 74px);

        overflow-y: auto;
    }

}


/* IQRA HEADER STICKY FINAL FIX END */

/* IQRA PROFESSIONAL NOTICE SYSTEM START */

.iqra-home-notice-head,
.iqra-notice-page-topline,
.iqra-notice-archive-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 34px;
}

.iqra-home-notice-head h2,
.iqra-notice-page-topline h2,
.iqra-notice-archive-head h2 {
    margin-bottom: 0;
}

.iqra-home-notice-head .section-subtitle {
    max-width: 720px;
    margin: 10px 0 0;
    color: var(--muted);
}

.iqra-notice-all-btn,
.iqra-notice-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex: 0 0 auto;
    min-height: 48px;
    padding: 11px 18px;
    border: 1px solid var(--green);
    color: var(--green);
    background: #fff;
    font-weight: 800;
    transition: .2s ease;
}

.iqra-notice-all-btn:hover,
.iqra-notice-outline-btn:hover {
    background: var(--green);
    color: #fff;
}

.iqra-home-notice-list {
    border-top: 1px solid var(--line);
}

.iqra-home-notice-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.iqra-home-notice-main {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) 30px;
    gap: 20px;
    align-items: center;
    padding: 22px 22px 22px 0;
}

.iqra-home-notice-date {
    border-right: 1px solid var(--line);
    padding-right: 18px;
}

.iqra-home-notice-date strong {
    display: block;
    font-size: 28px;
    line-height: 1;
    color: var(--green);
}

.iqra-home-notice-date span {
    display: block;
    margin-top: 7px;
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
}

.iqra-home-notice-branch {
    display: inline-flex;
    margin-bottom: 4px;
    color: #a8842e;
    font-size: 11px;
    font-weight: 800;
}

.iqra-home-notice-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
    color: var(--ink);
}

.iqra-home-notice-arrow {
    font-size: 20px;
    color: var(--green);
}

.iqra-home-notice-pdf,
.iqra-notice-pdf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    background: var(--green);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: .2s ease;
}

.iqra-home-notice-pdf {
    min-width: 148px;
    padding: 15px 20px;
}

.iqra-home-notice-pdf span {
    color: var(--gold);
    font-family: Arial, sans-serif;
    font-size: 11px;
    letter-spacing: .8px;
}

.iqra-home-notice-pdf:hover,
.iqra-notice-pdf-btn:hover {
    background: #08291f;
    color: #fff;
}

.iqra-notice-page-head {
    padding: 68px 0 46px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.iqra-notice-page-head h1 {
    margin: 8px 0 10px;
    color: var(--green);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.2;
}

.iqra-notice-page-head p {
    max-width: 740px;
    margin: 0;
    color: var(--muted);
    font-size: 17px;
}

.iqra-notice-page-section {
    background: #f8f8f5;
}

.iqra-recent-notice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.iqra-notice-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 250px;
    border: 1px solid var(--line);
    background: #fff;
}

.iqra-notice-card:first-child {
    grid-column: 1 / -1;
}

.iqra-notice-card-main {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 28px 22px;
}

.iqra-notice-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
    color: var(--muted);
    font-size: 11px;
}

.iqra-notice-card-meta span {
    color: #a8842e;
    font-weight: 800;
}

.iqra-notice-card h3 {
    margin: 0 0 12px;
    color: var(--green);
    font-size: 22px;
    line-height: 1.45;
}

.iqra-notice-card p {
    margin: 0 0 20px;
    color: var(--muted);
}

.iqra-notice-card-main strong {
    margin-top: auto;
    color: var(--green);
}

.iqra-notice-card .iqra-notice-pdf-btn {
    align-self: flex-start;
    min-height: 42px;
    margin: 0 28px 26px;
    padding: 9px 15px;
}

.iqra-notice-archive-head {
    margin-top: 70px;
}

.iqra-notice-archive {
    border-top: 1px solid var(--line);
    background: #fff;
}

.iqra-notice-archive-row {
    display: grid;
    grid-template-columns: 54px 150px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    min-height: 86px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
}

.iqra-notice-serial {
    color: #b08c35;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
}

.iqra-notice-date-block time,
.iqra-notice-date-block span {
    display: block;
}

.iqra-notice-date-block time {
    color: var(--ink);
    font-size: 12px;
    font-weight: 700;
}

.iqra-notice-date-block span {
    margin-top: 3px;
    color: var(--muted);
    font-size: 11px;
}

.iqra-notice-archive-title {
    font-weight: 800;
    line-height: 1.55;
}

.iqra-notice-archive-actions {
    display: flex;
    gap: 8px;
}

.iqra-notice-archive-actions a {
    min-width: 58px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}

.iqra-notice-archive-actions a:last-child {
    border-color: var(--green);
    background: var(--green);
    color: #fff;
}

.iqra-notice-pagination {
    margin-top: 28px;
}

.iqra-notice-empty {
    grid-column: 1 / -1;
    padding: 30px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--muted);
}

.iqra-notice-detail-wrap {
    width: 100%;

    padding:
        38px
        0
        72px;

    background: #f3f5f2;

    overflow: visible;
}


.iqra-notice-detail-wrap .container {
    overflow: visible;
}


/*
|--------------------------------------------------------------------------
| Top / Bottom Actions
|--------------------------------------------------------------------------
*/

.iqra-notice-detail-actions-top,
.iqra-notice-detail-bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 16px;

    width: min(980px, 100%);

    margin:
        0
        auto
        16px;
}


.iqra-notice-back-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--green);

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;
}


.iqra-notice-back-link span {
    font-size: 18px;
}


.iqra-notice-pdf-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 44px;

    padding:
        10px
        18px;

    border: 1px solid var(--green);

    background: var(--green);

    color: #ffffff;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.iqra-notice-pdf-btn span {
    color: var(--gold);

    font-family:
        Arial,
        sans-serif;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .08em;
}


.iqra-notice-pdf-btn:hover {
    transform: translateY(-1px);

    background: #082f27;

    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| Notice Paper
|--------------------------------------------------------------------------
*/

.iqra-notice-paper {
    position: relative;

    display: flex !important;
    flex-direction: column !important;

    width: min(860px, 100%) !important;

    /*
     * A4 proportion for short notices.
     *
     * This is a preferred minimum visual size.
     * If content becomes longer, the paper grows naturally.
     */
    aspect-ratio: 210 / 297;

    height: auto !important;

    min-height: auto !important;
    max-height: none !important;

    margin:
        0
        auto !important;

    padding:
        clamp(28px, 5vw, 54px)
        clamp(22px, 5vw, 54px)
        clamp(30px, 5vw, 48px) !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    border:
        1px
        solid
        #dce2dd !important;

    border-radius: 3px !important;

    background: #ffffff !important;

    box-shadow:
        0
        16px
        50px
        rgba(13, 59, 46, .07) !important;
}


/*
|--------------------------------------------------------------------------
| Professional Header
|--------------------------------------------------------------------------
*/

.iqra-notice-letterhead {
    display: flex;

    align-items: center;

    gap: 22px;

    width: 100%;

    padding-bottom: 24px;

    border-bottom:
        2px
        solid
        var(--green);
}


.iqra-notice-letterhead-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    flex:
        0
        0
        82px;

    width: 82px;
    height: 82px;
}


.iqra-notice-letterhead-logo img {
    display: block;

    width: 72px;
    height: 72px;

    object-fit: contain;
}


.iqra-notice-letterhead-copy {
    flex: 1;

    min-width: 0;

    padding-right: 82px;

    text-align: center;
}


.iqra-notice-official-label {
    display: inline-block;

    margin-bottom: 5px;

    color: #b68e36;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .06em;
}


.iqra-notice-letterhead h1 {
    margin: 0;

    color: var(--green);

    font-size:
        clamp(
            27px,
            4vw,
            39px
        );

    font-weight: 800;

    line-height: 1.25;

    overflow-wrap: anywhere;
}


.iqra-notice-letterhead p {
    margin:
        5px
        0
        0;

    color: #64706a;

    font-family:
        Arial,
        sans-serif;

    font-size: 12px;

    letter-spacing: .3px;
}


.iqra-notice-contact-line {
    display: flex;

    flex-wrap: wrap;

    align-items: center;
    justify-content: center;

    gap:
        5px
        14px;

    margin-top: 8px;

    color: #68736d;

    font-size: 11px;
}


.iqra-notice-contact-line span {
    position: relative;
}


.iqra-notice-contact-line span + span::before {
    content: "•";

    margin-right: 14px;

    color: #c2a34a;
}


/*
|--------------------------------------------------------------------------
| Notice Information
|--------------------------------------------------------------------------
*/

.iqra-notice-paper-meta {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    margin:
        28px
        0
        0;

    border:
        1px
        solid
        #e0e5e1;

    background: #ffffff;
}


.iqra-notice-paper-meta > div {
    min-width: 0;

    padding:
        13px
        15px;

    border-right:
        1px
        solid
        #e0e5e1;
}


.iqra-notice-paper-meta > div:last-child {
    border-right: 0;
}


.iqra-notice-paper-meta span,
.iqra-notice-paper-meta strong {
    display: block;
}


.iqra-notice-paper-meta span {
    margin-bottom: 4px;

    color: #748079;

    font-size: 10px;
}


.iqra-notice-paper-meta strong {
    color: var(--green);

    font-size: 13px;
    font-weight: 800;

    line-height: 1.45;

    overflow-wrap: anywhere;
}


/*
|--------------------------------------------------------------------------
| Notice Title
|--------------------------------------------------------------------------
*/

.iqra-notice-paper-title {
    margin:
        clamp(30px, 5vw, 46px)
        auto
        clamp(24px, 4vw, 34px);

    text-align: center;
}


.iqra-notice-paper-title > span {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 27px;

    margin-bottom: 10px;

    padding:
        4px
        12px;

    border:
        1px
        solid
        #d7bd71;

    color: #9b792b;

    font-size: 10px;
    font-weight: 800;
}


.iqra-notice-paper-title h2 {
    max-width: 780px;

    margin:
        0
        auto;

    color: #15211c;

    font-size:
        clamp(
            25px,
            4vw,
            38px
        );

    font-weight: 800;

    line-height: 1.45;

    overflow-wrap: anywhere;
}


/*
|--------------------------------------------------------------------------
| Dynamic Notice Content
|--------------------------------------------------------------------------
*/

.iqra-notice-paper-body {
    display: block !important;

    flex: 0 0 auto !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding:
        0
        0
        8px !important;

    overflow: visible !important;

    color: #34423b !important;

    font-size: 17px !important;

    line-height: 1.95 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-break: normal !important;
}


.iqra-notice-paper-body br {
    display: block;

    content: "";

    margin-top: 8px;
}


/*
|--------------------------------------------------------------------------
| Authority
| This is a DIV, not the website FOOTER element.
|--------------------------------------------------------------------------
*/

.iqra-notice-paper-footer {
    position: static !important;

    display: block !important;

    flex: 0 0 auto !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    /*
     * Short notice:
     * pushes authority to bottom of A4-looking paper.
     *
     * Long notice:
     * automatically follows the content.
     */
    margin:
        auto
        0
        0 !important;

    padding:
        16px
        0
        0 !important;

    overflow: visible !important;

    border: 0 !important;

    border-top:
        1px
        solid
        #e0e5e1 !important;

    background: transparent !important;

    color: inherit !important;

    text-align: right !important;

    transform: none !important;
}


.iqra-notice-paper-footer span,
.iqra-notice-paper-footer strong {
    display: block !important;
}


.iqra-notice-paper-footer span {
    color: #758078 !important;

    font-size: 11px !important;
}


.iqra-notice-paper-footer strong {
    margin-top: 4px !important;

    color: var(--green) !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1.5 !important;

    overflow-wrap: anywhere;
}


.iqra-notice-detail-bottom {
    margin-top: 16px;
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .iqra-home-notice-head,
    .iqra-notice-page-topline,
    .iqra-notice-archive-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .iqra-home-notice-row {
        grid-template-columns: 1fr;
        padding-bottom: 16px;
    }

    .iqra-home-notice-main {
        grid-template-columns: 68px minmax(0, 1fr);
        padding: 18px 0;
    }

    .iqra-home-notice-arrow {
        display: none;
    }

    .iqra-home-notice-pdf {
        min-width: 0;
        width: max-content;
        min-height: 42px;
        padding: 9px 14px;
    }

    .iqra-recent-notice-grid {
        grid-template-columns: 1fr;
    }

    .iqra-notice-card:first-child {
        grid-column: auto;
    }

    .iqra-notice-archive-row {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px 14px;
        padding: 18px 14px;
    }

    .iqra-notice-date-block {
        text-align: right;
    }

    .iqra-notice-archive-title,
    .iqra-notice-archive-actions {
        grid-column: 1 / -1;
    }

    .iqra-notice-paper {
        width: 100%;

        padding:
            24px
            16px
            30px;

        border-radius: 0;

        box-shadow:
            0
            10px
            28px
            rgba(13, 59, 46, .055);
    }

    .iqra-notice-paper-body {
        font-size: 15px;

        line-height: 1.9;
    }

    .iqra-notice-letterhead {
        align-items: center;
        flex-direction: column;

        gap: 12px;

        text-align: center;
    }

    .iqra-notice-letterhead-logo {
        flex-basis: auto;

        width: 64px;
        height: 64px;
    }

    .iqra-notice-letterhead-logo img {
        width: 58px;
        height: 58px;
    }

    .iqra-notice-letterhead-copy {
        width: 100%;

        padding-right: 0;

        text-align: center;
    }

    .iqra-notice-contact-line span + span::before {
        display: none;
    }

    .iqra-notice-paper-meta {
        grid-template-columns: 1fr;
    }

    .iqra-notice-detail-actions-top,
    .iqra-notice-detail-bottom {
        align-items: stretch;
        flex-direction: column;
    }
}

/* IQRA PROFESSIONAL NOTICE SYSTEM END */


/* IQRA NOTICE ADMISSION SIDEBOX START */

.iqra-notice-home-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.75fr)
        minmax(330px, .75fr);
    gap: clamp(28px, 4vw, 56px);
    align-items: stretch;
}

.iqra-notice-home-main {
    min-width: 0;
}

.iqra-notice-home-main .iqra-home-notice-head {
    margin-bottom: 32px;
}


/*
|--------------------------------------------------------------------------
| Admission box beside notice board
|--------------------------------------------------------------------------
*/

.iqra-notice-admission-box {
    align-self: stretch;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 100%;

    padding:
        clamp(34px, 4vw, 58px)
        clamp(28px, 3vw, 46px);

    background: var(--green);

    color: #ffffff;
}

.iqra-notice-admission-box > span {
    display: block;

    margin-bottom: 22px;

    color: var(--gold);

    font-size: 18px;
    font-weight: 800;
}

.iqra-notice-admission-box blockquote {
    margin:
        0
        0
        32px;

    color: #ffffff;

    font-size: clamp(20px, 2vw, 28px);
    font-weight: 700;

    line-height: 1.7;
}

.iqra-notice-admission-box .btn {
    align-self: flex-start;
}


/*
|--------------------------------------------------------------------------
| Desktop notice rows
|--------------------------------------------------------------------------
*/

.iqra-notice-home-main .iqra-home-notice-row {
    width: 100%;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 1050px) {

    .iqra-notice-home-grid {
        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(280px, .7fr);

        gap: 24px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 820px) {

    .iqra-notice-home-grid {
        grid-template-columns: 1fr;
    }

    .iqra-notice-admission-box {
        min-height: auto;
    }

}


/* IQRA NOTICE ADMISSION SIDEBOX END */


/* IQRA NOTICE COMPACT PROFESSIONAL START */

.iqra-home-notice-list {
    display: grid;
    gap: 8px;
}

.iqra-home-notice-row {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        112px !important;

    align-items: stretch !important;

    width: 100% !important;
    min-height: 64px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border: 1px solid rgba(8, 65, 51, .11) !important;
    border-radius: 10px !important;

    background: #ffffff !important;

    box-shadow:
        0 5px 16px rgba(12, 52, 42, .035) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.iqra-home-notice-row:hover {
    transform: translateY(-1px);

    border-color: rgba(8, 65, 51, .22) !important;

    box-shadow:
        0 8px 20px rgba(12, 52, 42, .055) !important;
}


/* MAIN NOTICE AREA */

.iqra-home-notice-main {
    display: grid !important;

    grid-template-columns:
        60px
        minmax(0, 1fr)
        22px !important;

    align-items: center !important;

    gap: 12px !important;

    min-width: 0 !important;
    min-height: 64px !important;

    padding:
        8px
        14px !important;

    color: inherit !important;
    text-decoration: none !important;
}


/* DATE */

.iqra-home-notice-date {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;

    padding-right: 10px !important;

    border-right: 1px solid rgba(8, 65, 51, .12) !important;
}

.iqra-home-notice-date strong {
    display: block !important;

    margin: 0 !important;

    color: #073f34 !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
}

.iqra-home-notice-date span {
    display: block !important;

    margin-top: 4px !important;

    color: rgba(20, 45, 38, .62) !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-transform: uppercase;
}


/* TITLE */

.iqra-home-notice-copy {
    min-width: 0 !important;
}

.iqra-home-notice-branch {
    display: block !important;

    margin-bottom: 2px !important;

    color: #bf9131 !important;

    font-size: 8px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;
}

.iqra-home-notice-copy h3 {
    display: -webkit-box !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #10251f !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1.35 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}


/* ARROW */

.iqra-home-notice-arrow {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    border-radius: 50% !important;

    color: #064b3d !important;

    font-size: 15px !important;

    transition:
        transform .2s ease,
        background .2s ease;
}

.iqra-home-notice-main:hover
.iqra-home-notice-arrow {
    transform: translateX(2px);

    background: rgba(8, 65, 51, .06) !important;
}


/* PDF BUTTON */

.iqra-home-notice-pdf {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 2px !important;

    width: 112px !important;
    min-width: 112px !important;

    min-height: 64px !important;

    padding: 7px 8px !important;

    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;

    background: #073f34 !important;

    color: #ffffff !important;

    text-align: center !important;
    text-decoration: none !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;
}

.iqra-home-notice-pdf span {
    display: block !important;

    color: #d8b65d !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    letter-spacing: .07em !important;
}

.iqra-home-notice-pdf:hover {
    background: #052f27 !important;
    color: #ffffff !important;
}


/* TABLET */

@media (max-width: 900px) {

    .iqra-home-notice-row {
        grid-template-columns:
            minmax(0, 1fr)
            102px !important;

        min-height: 60px !important;
    }

    .iqra-home-notice-main {
        grid-template-columns:
            54px
            minmax(0, 1fr)
            20px !important;

        gap: 9px !important;

        min-height: 60px !important;

        padding:
            7px
            11px !important;
    }

    .iqra-home-notice-pdf {
        width: 102px !important;
        min-width: 102px !important;

        min-height: 60px !important;
    }

}


/* MOBILE */

@media (max-width: 640px) {

    .iqra-home-notice-list {
        gap: 7px !important;
    }

    .iqra-home-notice-row {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            82px !important;

        min-height: 58px !important;

        border-radius: 9px !important;
    }

    .iqra-home-notice-main {
        display: grid !important;

        grid-template-columns:
            40px
            minmax(0, 1fr) !important;

        gap: 7px !important;

        min-height: 58px !important;

        padding:
            6px
            8px !important;
    }

    .iqra-home-notice-date {
        padding-right: 6px !important;
    }

    .iqra-home-notice-date strong {
        font-size: 18px !important;
    }

    .iqra-home-notice-date span {
        margin-top: 3px !important;

        font-size: 7px !important;
    }

    .iqra-home-notice-copy h3 {
        font-size: 11.5px !important;

        line-height: 1.3 !important;
    }

    .iqra-home-notice-branch {
        margin-bottom: 2px !important;

        font-size: 7px !important;
    }

    .iqra-home-notice-arrow {
        display: none !important;
    }

    .iqra-home-notice-pdf {
        display: flex !important;

        width: 82px !important;
        min-width: 82px !important;

        min-height: 58px !important;

        padding:
            5px
            4px !important;

        font-size: 10px !important;

        white-space: nowrap !important;
    }

    .iqra-home-notice-pdf span {
        font-size: 7px !important;
    }

}


/* VERY SMALL MOBILE */

@media (max-width: 390px) {

    .iqra-home-notice-row {
        grid-template-columns:
            minmax(0, 1fr)
            76px !important;
    }

    .iqra-home-notice-main {
        grid-template-columns:
            37px
            minmax(0, 1fr) !important;

        gap: 6px !important;

        padding:
            6px
            7px !important;
    }

    .iqra-home-notice-date strong {
        font-size: 17px !important;
    }

    .iqra-home-notice-copy h3 {
        font-size: 11px !important;
    }

    .iqra-home-notice-pdf {
        width: 76px !important;
        min-width: 76px !important;

        font-size: 9px !important;
    }

}

/* IQRA NOTICE COMPACT PROFESSIONAL END */



/* IQRA PROFESSIONAL MANAGEMENT START */

.iqra-management-section {
    padding: clamp(65px, 8vw, 105px) 0 !important;
    background: #f7f5ed !important;
}

.iqra-management-head {
    max-width: 760px;
    margin-bottom: 38px;
}

.iqra-management-head .kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #b28a32;
    font-size: 11px;
    font-weight: 800;
}

.iqra-management-head h2 {
    margin: 0;
    color: #073f34;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.1;
}

.iqra-management-head p {
    max-width: 720px;
    margin: 13px 0 0;
    color: #68776f;
    font-size: 15px;
    line-height: 1.75;
}


/* THREE CARDS */

.iqra-management-section .management-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}


/* CARD */

.iqra-management-section .management-card {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0;

    overflow: hidden;

    border: 1px solid rgba(7,63,52,.12) !important;
    border-radius: 15px !important;

    background: #ffffff !important;

    box-shadow:
        0 9px 28px
        rgba(7,63,52,.045);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.iqra-management-section .management-card:hover {
    transform: translateY(-4px);

    border-color:
        rgba(178,138,50,.35) !important;

    box-shadow:
        0 18px 42px
        rgba(7,63,52,.08);
}


/* FULL PHOTO */

.iqra-management-section .management-photo {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100% !important;

    aspect-ratio: 4 / 5 !important;

    overflow: hidden;

    background: #f1f2ee;

    text-decoration: none;
}

.iqra-management-section .management-photo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #f1f2ee;
}

.management-photo-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    background: #e9efeb;

    color: #0b4938;

    font-size: 56px;
    font-weight: 800;
}


/* CONTENT */

.iqra-management-section .management-content {
    display: flex !important;

    flex: 1;

    flex-direction: column !important;

    align-items: flex-start !important;

    padding: 21px 21px 22px !important;
}

.iqra-management-section .management-title {
    display: inline-flex !important;

    align-items: center;

    min-height: 27px;

    margin-bottom: 11px !important;

    padding: 4px 9px !important;

    border:
        1px solid
        rgba(178,138,50,.30);

    border-radius: 4px;

    background: #fffdf7;

    color: #987526 !important;

    font-size: 10px !important;
    font-weight: 800 !important;
}

.iqra-management-section .management-content h3 {
    margin: 0 0 9px !important;

    color: #073f34 !important;

    font-size: 23px !important;
    line-height: 1.3 !important;
}

.iqra-management-section .management-content h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.iqra-management-section .management-content h3 a:hover {
    color: #a57f2d !important;
}


/* EXACT TWO LINE DESCRIPTION */

.iqra-management-section .management-bio {
    display: -webkit-box !important;

    width: 100%;

    margin: 0 0 13px !important;

    overflow: hidden !important;

    color: #68776f !important;

    font-size: 13px !important;
    line-height: 1.7 !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    line-clamp: 2;
}


/* VIEW MORE */

.management-view-more {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: auto;

    padding-top: 3px;

    color: #0b4938 !important;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none !important;
}

.management-view-more span {
    color: #b28a32;
    font-size: 15px;

    transition: transform .18s ease;
}

.management-view-more:hover {
    color: #987526 !important;
}

.management-view-more:hover span {
    transform: translateX(3px);
}


/* =========================================================
   DETAIL PAGE
========================================================= */

.iqra-management-profile {
    min-height: 70vh;

    padding:
        clamp(55px, 8vw, 100px)
        0;

    background: #f7f5ed;
}

.management-profile-back {
    margin-bottom: 22px;
}

.management-profile-back a {
    color: #65756d;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
}

.management-profile-back a:hover {
    color: #0b4938;
}

.management-profile-card {
    display: grid;

    grid-template-columns:
        minmax(300px, 430px)
        minmax(0, 1fr);

    max-width: 1100px;

    margin: 0 auto;

    overflow: hidden;

    border:
        1px solid
        rgba(7,63,52,.13);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 18px 55px
        rgba(7,63,52,.065);
}

.management-profile-photo {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 560px;

    background: #f1f2ee;
}

.management-profile-photo img {
    display: block;

    width: 100%;
    height: 100%;

    max-height: 700px;

    object-fit: contain;
    object-position: center;
}

.management-profile-placeholder {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 560px;

    color: #0b4938;

    font-size: 90px;
    font-weight: 800;
}

.management-profile-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        clamp(30px, 5vw, 65px);
}

.management-profile-kicker {
    margin-bottom: 12px;

    color: #b28a32;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.management-profile-role {
    display: inline-flex;

    width: fit-content;

    margin-bottom: 15px;

    padding: 5px 10px;

    border:
        1px solid
        rgba(178,138,50,.32);

    color: #987526;

    font-size: 11px;
    font-weight: 800;
}

.management-profile-content h1 {
    margin: 0 0 20px;

    color: #073f34;

    font-size:
        clamp(34px, 5vw, 58px);

    line-height: 1.08;
}

.management-profile-bio {
    color: #596a62;

    font-size: 15px;
    line-height: 1.95;
}

.management-profile-line {
    width: 55px;
    height: 2px;

    margin:
        28px
        0
        14px;

    background: #b28a32;
}

.management-profile-note {
    margin: 0;

    color: #0b4938;

    font-size: 12px;
    font-weight: 800;
}


/* TABLET */

@media (max-width: 1050px) {

    .iqra-management-section .management-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

    .management-profile-card {
        grid-template-columns:
            minmax(270px, 360px)
            minmax(0, 1fr);
    }

}


/* MOBILE */

@media (max-width: 680px) {

    .iqra-management-section .management-grid {
        grid-template-columns:
            1fr !important;
    }

    .management-profile-card {
        grid-template-columns: 1fr;
    }

    .management-profile-photo {
        min-height: 0;
    }

    .management-profile-photo img {
        height: auto;
        max-height: none;
    }

    .management-profile-content {
        padding:
            25px
            21px
            30px;
    }

}

/* IQRA PROFESSIONAL MANAGEMENT END */



/* IQRA FRONTEND LANGUAGE SWITCH START */

.site-language-switch,
.site-language-switch * {
    box-sizing: border-box;
}

.site-language-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    gap: 2px;

    margin-left: auto;
    margin-right: 10px;

    padding: 3px;

    border: 1px solid #d8e2dd;
    border-radius: 999px;

    background: #ffffff;

    white-space: nowrap;
}

.site-language-switch > span {
    color: #c3cec9;

    font-size: 8px;
}

.site-language-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 54px;
    min-height: 30px;

    padding: 6px 10px;

    border: 0;
    border-radius: 999px;

    background: transparent;

    color: #49645a;

    font: inherit;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;

    cursor: pointer;

    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.site-language-switch button:hover {
    color: #07503d;
}

.site-language-switch button.is-active {
    background: #07503d;

    color: #ffffff;

    box-shadow:
        0 6px 16px
        rgba(7,80,61,.15);
}

@media (max-width: 900px) {

    .site-language-switch {
        order: 2;

        margin-left: auto;
        margin-right: 8px;
    }

    .site-language-switch button {
        min-width: 46px;
        min-height: 28px;

        padding: 5px 8px;

        font-size: 9px;
    }
}

@media (max-width: 520px) {

    .site-language-switch {
        gap: 1px;

        margin-right: 5px;

        padding: 2px;
    }

    .site-language-switch > span {
        display: none;
    }

    .site-language-switch button {
        min-width: 39px;
        min-height: 26px;

        padding: 5px 6px;

        font-size: 8px;
    }
}

/* IQRA FRONTEND LANGUAGE SWITCH END */

/* IQRA LANGUAGE ICON FREE UI START */

/* ============================================================
   LANGUAGE SWITCHER
============================================================ */

.site-language-switch,
.site-language-switch * {
    box-sizing: border-box;
}

.site-language-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;

    flex: 0 0 auto;

    margin-left: 12px;
    padding: 3px;

    border: 1px solid #d7e1dc;
    border-radius: 999px;

    background: #ffffff;
}

.site-language-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;

    padding: 6px 11px;

    border: 0;
    border-radius: 999px;

    background: transparent;

    color: #536a61;

    font: inherit;
    font-size: 10px;
    font-weight: 800;

    cursor: pointer;
}

.site-language-switch button.is-active {
    background: #07503d;

    color: #ffffff;
}


/* ============================================================
   ICON-FREE FRONTEND
============================================================ */

/*
 * Hide decorative icon elements only.
 * Functional text/content remains visible.
 */

main [class$="-icon"],
main [class*="-icon "],
footer [class$="-icon"],
footer [class*="-icon "],

main [class$="-arrow"],
main [class*="-arrow "]:not(.iqra-hero-arrow),

main .iqra-identity-expand,
main .iqra-program-icon,
main .iqra-program-card-arrow,
main .iqra-branch-highlight-icon,
main .iqra-principal-caption-mark,
main .iqra-home-notice-arrow,

main .iqra-admission-features > span > b,
main .iqra-admission-primary > b,
main .iqra-home-contact-submit > b,

main [aria-hidden="true"]:not(.iqra-hero-arrow),
footer [aria-hidden="true"] {
    display: none !important;
}


/*
 * Remove decorative round icon containers
 */

main [class*="corner-icon"],
main [class*="action-icon"],
main [class*="card-icon"],
main [class*="decorative-icon"],
main [class*="feature-icon"] {
    display: none !important;
}


/*
 * Buttons remain centered after arrows/icons are removed
 */

main .iqra-admission-primary,
main .iqra-principal-button,
main .iqra-home-contact-submit,
main .iqra-branch-main-btn,
main [class*="route-btn"],
main [class*="direction-btn"] {
    justify-content: center !important;
    gap: 0 !important;
}


/* ============================================================
   SHORT PROFESSIONAL DESCRIPTION STYLE
============================================================ */

.iqra-home-notice-head .section-subtitle,
.iqra-youtube-section p,
.iqra-video-section p,
.iqra-location-section p,
.iqra-map-section p {
    max-width: 760px;

    color: #687a72;

    font-size: 13px;
    line-height: 1.7;
}


/* ============================================================
   MENU BUTTON WITHOUT HAMBURGER ICON
============================================================ */

.menu-btn {
    width: auto !important;
    min-width: 52px !important;

    padding: 7px 11px !important;

    font-size: 10px !important;
    font-weight: 900 !important;

    letter-spacing: 0 !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 900px) {

    .site-language-switch {
        margin-left: auto;
        margin-right: 7px;
    }

    .site-language-switch button {
        min-height: 28px;

        padding: 5px 8px;

        font-size: 9px;
    }
}


@media (max-width: 520px) {

    .site-language-switch {
        margin-right: 5px;
    }

    .site-language-switch button {
        min-height: 27px;

        padding: 5px 7px;

        font-size: 8px;
    }

    .menu-btn {
        min-width: 46px !important;

        padding: 6px 8px !important;

        font-size: 9px !important;
    }
}

/* IQRA LANGUAGE ICON FREE UI END */


/* IQRA NAVBAR LOGO PROFESSIONAL FIX START */

/*
|--------------------------------------------------------------------------
| Navbar brand
|--------------------------------------------------------------------------
*/

.site-header .nav .brand {
    display: inline-flex !important;
    align-items: center !important;

    gap: 14px !important;

    min-width: 0 !important;

    text-decoration: none !important;
}


/*
|--------------------------------------------------------------------------
| Logo frame
|--------------------------------------------------------------------------
*/

.site-header .nav .brand > img,
.site-header .brand > img {
    display: block !important;

    flex: 0 0 auto !important;

    width: 92px !important;
    height: 72px !important;

    max-width: 92px !important;
    max-height: 72px !important;

    margin: 0 !important;
    padding: 2px !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    image-rendering: auto !important;
}


/*
|--------------------------------------------------------------------------
| Brand text
|--------------------------------------------------------------------------
*/

.site-header .brand > span {
    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;

    min-width: 0 !important;

    gap: 2px !important;
}


.site-header .brand > span > b {
    display: block !important;

    margin: 0 !important;

    color: #064536 !important;

    font-size: 19px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
}


.site-header .brand > span > small {
    display: block !important;

    margin: 0 !important;

    color: #53675f !important;

    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}


/*
|--------------------------------------------------------------------------
| Navbar height
|--------------------------------------------------------------------------
*/

.site-header .nav {
    min-height: 88px !important;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .site-header .nav .brand {
        gap: 10px !important;
    }

    .site-header .nav .brand > img,
    .site-header .brand > img {
        width: 76px !important;
        height: 60px !important;

        max-width: 76px !important;
        max-height: 60px !important;
    }

    .site-header .brand > span > b {
        font-size: 16px !important;
    }

    .site-header .brand > span > small {
        font-size: 9px !important;
    }

    .site-header .nav {
        min-height: 76px !important;
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {

    .site-header .nav .brand {
        gap: 8px !important;
    }

    .site-header .nav .brand > img,
    .site-header .brand > img {
        width: 64px !important;
        height: 52px !important;

        max-width: 64px !important;
        max-height: 52px !important;

        padding: 1px !important;
    }

    .site-header .brand > span > b {
        max-width: 190px !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .site-header .brand > span > small {
        max-width: 190px !important;

        overflow: hidden !important;

        font-size: 8px !important;

        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .site-header .nav {
        min-height: 68px !important;
    }
}


/*
|--------------------------------------------------------------------------
| Very small mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 390px) {

    .site-header .nav .brand > img,
    .site-header .brand > img {
        width: 55px !important;
        height: 46px !important;

        max-width: 55px !important;
        max-height: 46px !important;
    }

    .site-header .brand > span > b {
        max-width: 155px !important;

        font-size: 12px !important;
    }

    .site-header .brand > span > small {
        max-width: 155px !important;

        font-size: 7px !important;
    }
}

/* IQRA NAVBAR LOGO PROFESSIONAL FIX END */


/* IQRA HEADER SEARCH MOBILE FIX START */

/* ============================================================
   DESKTOP NAVIGATION TEXT SAFETY
============================================================ */

.site-header .menu > a,
.site-header .branch-nav > summary {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.site-header .branch-nav > summary {
    transform: none !important;
}


/* ============================================================
   SEARCH BUTTON
============================================================ */

.site-header .iqra-header-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-height: 40px;

    padding: 0 13px;

    border: 1px solid #d8ddd9;
    border-radius: 3px;

    background: #ffffff;

    color: #123d33;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.site-header .iqra-header-search-toggle:hover,
.site-header .iqra-header-search-toggle.is-active {
    border-color: #07503d;
    background: #07503d;
    color: #ffffff;
}


/* ============================================================
   SEARCH PANEL
============================================================ */

.site-header .iqra-header-search-panel {
    position: absolute;

    z-index: 10040;

    top: calc(100% + 8px);
    right: 0;

    display: none;

    width: min(420px, calc(100vw - 30px));

    padding: 12px;

    border: 1px solid #e0ded6;

    background: #ffffff;

    box-shadow:
        0 18px 45px
        rgba(8, 41, 31, .13);
}

.site-header .iqra-header-search-panel.is-open {
    display: block;
}

.site-header .iqra-header-search-form {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 8px;
}

.site-header .iqra-header-search-input {
    width: 100%;
    min-width: 0;

    min-height: 44px;

    padding: 0 13px;

    border: 1px solid #d8ddd9;

    outline: none;

    background: #ffffff;

    color: #163d33;

    font: inherit;
    font-size: 13px;
}

.site-header .iqra-header-search-input:focus {
    border-color: #07503d;

    box-shadow:
        0 0 0 3px
        rgba(7, 80, 61, .07);
}

.site-header .iqra-header-search-submit {
    min-height: 44px;

    padding: 0 17px;

    border: 0;

    background: #07503d;

    color: #ffffff;

    font: inherit;
    font-size: 12px;
    font-weight: 800;

    cursor: pointer;
}


/* ============================================================
   MOBILE
   ORDER:
   BRAND → TRANSLATE → SEARCH → MENU
============================================================ */

@media (max-width: 900px) {

    .site-header .nav {
        position: relative !important;

        display: flex !important;

        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 6px !important;

        overflow: visible !important;
    }


    /* --------------------------------------------------------
       LOGO / BRAND
    -------------------------------------------------------- */

    .site-header .nav .brand {
        order: 1 !important;

        flex: 1 1 auto !important;

        min-width: 0 !important;

        margin-right: auto !important;
    }


    /* --------------------------------------------------------
       1. TRANSLATE
    -------------------------------------------------------- */

    .site-header .site-language-switch {
        order: 2 !important;

        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* --------------------------------------------------------
       2. SEARCH
    -------------------------------------------------------- */

    .site-header .iqra-header-search-toggle {
        order: 3 !important;

        flex: 0 0 auto !important;

        min-width: 48px;
        min-height: 34px;

        padding: 0 8px;

        border-radius: 3px;

        font-size: 9px;
        font-weight: 700;
    }


    /* --------------------------------------------------------
       3. HAMBURGER MENU
    -------------------------------------------------------- */

    .site-header .menu-btn {
        order: 4 !important;

        position: relative !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 38px !important;

        width: 38px !important;
        min-width: 38px !important;
        height: 34px !important;
        min-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #d7ddd9 !important;
        border-radius: 3px !important;

        background: #ffffff !important;

        color: #123d33 !important;

        font-size: 0 !important;
        line-height: 0 !important;

        cursor: pointer !important;
    }


    /* Three dash hamburger icon */

    .site-header .menu-btn::before {
        content: "" !important;

        display: block !important;

        width: 17px !important;
        height: 2px !important;

        border-radius: 2px !important;

        background: #123d33 !important;

        box-shadow:
            0 -5px 0 #123d33,
            0 5px 0 #123d33 !important;

        transform: none !important;
    }

    .site-header .menu-btn::after {
        content: none !important;
        display: none !important;
    }


    /* --------------------------------------------------------
       MOBILE MENU DROPDOWN
    -------------------------------------------------------- */

    .site-header .menu {
        order: 5 !important;

        position: absolute !important;

        z-index: 10030 !important;

        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        margin: 0 !important;

        background: #ffffff !important;
    }

    .site-header .menu.open {
        display: flex !important;
    }


    /* --------------------------------------------------------
       MOBILE SEARCH PANEL
    -------------------------------------------------------- */

    .site-header .iqra-header-search-panel {
        top: 100% !important;

        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;

        margin-top: 1px !important;

        border-left: 0 !important;
        border-right: 0 !important;
    }
}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 600px) {

    .site-header .nav {
        gap: 4px !important;
    }

    .site-header .site-language-switch {
        gap: 1px !important;
    }

    .site-header .site-language-switch button {
        min-width: 34px !important;

        min-height: 28px !important;

        padding: 4px 5px !important;

        font-size: 8px !important;
    }

    .site-header .iqra-header-search-toggle {
        min-width: 43px !important;

        min-height: 32px !important;

        padding: 0 6px !important;

        font-size: 8px !important;
    }

    .site-header .menu-btn {
        flex-basis: 34px !important;

        width: 34px !important;
        min-width: 34px !important;

        height: 32px !important;
        min-height: 32px !important;
    }

    .site-header .menu-btn::before {
        width: 15px !important;

        box-shadow:
            0 -5px 0 #123d33,
            0 5px 0 #123d33 !important;
    }

    .site-header .iqra-header-search-panel {
        padding: 10px 14px !important;
    }
}


/* ============================================================
   EXTRA SMALL MOBILE
============================================================ */

@media (max-width: 390px) {

    .site-header .nav {
        gap: 3px !important;
    }

    .site-header .site-language-switch button {
        min-width: 30px !important;

        padding: 4px !important;

        font-size: 7px !important;
    }

    .site-header .iqra-header-search-toggle {
        min-width: 38px !important;

        padding: 0 5px !important;

        font-size: 7px !important;
    }

    .site-header .menu-btn {
        flex-basis: 32px !important;

        width: 32px !important;
        min-width: 32px !important;
    }

    .site-header .menu-btn::before {
        width: 14px !important;
    }

    .site-header .iqra-header-search-form {
        grid-template-columns: 1fr;
    }

    .site-header .iqra-header-search-submit {
        min-height: 40px;
    }
}

/* IQRA HEADER SEARCH MOBILE FIX END */


/* IQRA BRANCH DROPDOWN FINAL FIX START */

/* ============================================================
   NEVER ROTATE BRANCH TEXT
============================================================ */

.site-header .branch-nav > summary,
.site-header .branch-nav > summary *,
.site-header .branch-nav[open] > summary,
.site-header .branch-nav[open] > summary * {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}


/*
 * IMPORTANT:
 * Old CSS rotates every span inside summary.
 * Reset every direct child first.
 */

.site-header .branch-nav > summary > span {
    transform: none !important;
}


/* ============================================================
   BRANCH SUMMARY
============================================================ */

.site-header .branch-nav {
    position: relative !important;
}

.site-header .branch-nav > summary {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 7px !important;

    min-height: 42px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    color: inherit !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    transform: none !important;
}

.site-header .branch-nav > summary::-webkit-details-marker {
    display: none !important;
}

.site-header .branch-nav > summary::marker {
    content: "" !important;
}


/* ============================================================
   REMOVE ROTATION FROM TEXT
============================================================ */

.site-header .branch-nav[open] > summary > span:first-child,
.site-header .branch-nav[open] > summary span:first-child {
    transform: none !important;
}


/* ============================================================
   CHEVRON
   Only last span is allowed to rotate
============================================================ */

.site-header .branch-nav > summary > span:last-child {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    transform: rotate(0deg) !important;

    transition: transform .2s ease !important;
}

.site-header .branch-nav[open] > summary > span:last-child {
    transform: rotate(180deg) !important;
}


/* ============================================================
   DESKTOP DROPDOWN
============================================================ */

@media (min-width: 901px) {

    .site-header .branch-nav {
        display: flex !important;

        align-items: center !important;
    }

    .site-header .branch-nav-menu {
        position: absolute !important;

        z-index: 10060 !important;

        top: calc(100% + 14px) !important;

        left: 50% !important;
        right: auto !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        width: max-content !important;
        min-width: 205px !important;

        margin: 0 !important;

        padding: 8px !important;

        border: 1px solid #e5e1d6 !important;

        background: #ffffff !important;

        box-shadow:
            0 18px 45px
            rgba(8, 41, 31, .12) !important;

        transform: translateX(-50%) !important;
    }

    .site-header .branch-nav:not([open]) > .branch-nav-menu {
        display: none !important;
    }

    .site-header .branch-nav[open] > .branch-nav-menu {
        display: grid !important;
    }

    .site-header .branch-nav-menu > a {
        display: block !important;

        width: 100% !important;

        padding: 10px 12px !important;

        color: #18201d !important;

        white-space: nowrap !important;

        transform: none !important;
    }

    .site-header .branch-nav-menu > a:hover {
        background: #f5f3ec !important;
        color: #0d3b2e !important;
    }
}


/* ============================================================
   MOBILE MAIN MENU
============================================================ */

@media (max-width: 900px) {

    .site-header .menu {
        position: absolute !important;

        z-index: 10050 !important;

        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        display: none !important;

        width: 100% !important;

        max-height: calc(100vh - 70px) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        margin: 0 !important;

        padding: 14px 20px 20px !important;

        background: #ffffff !important;

        border-top: 1px solid #e5e1d6 !important;

        box-shadow:
            0 18px 35px
            rgba(8, 41, 31, .12) !important;
    }

    .site-header .menu.open {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 2px !important;
    }


    /* Branch item fills menu width */

    .site-header .branch-nav {
        display: block !important;

        width: 100% !important;
    }

    .site-header .branch-nav > summary {
        display: flex !important;

        width: 100% !important;

        min-height: 46px !important;

        justify-content: space-between !important;

        padding: 8px 10px !important;
    }


    /* Mobile branch dropdown stays inside menu */

    .site-header .branch-nav-menu {
        position: static !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 2px 0 8px !important;

        padding: 5px 0 5px 14px !important;

        border: 0 !important;
        border-left: 2px solid #d6bd78 !important;

        background: #fafaf7 !important;

        box-shadow: none !important;

        transform: none !important;
    }

    .site-header .branch-nav:not([open]) > .branch-nav-menu {
        display: none !important;
    }

    .site-header .branch-nav[open] > .branch-nav-menu {
        display: grid !important;
    }

    .site-header .branch-nav-menu a {
        display: block !important;

        width: 100% !important;

        padding: 9px 12px !important;

        color: #25322d !important;

        transform: none !important;
    }


    /* Normal main menu links */

    .site-header .menu > a {
        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 46px !important;

        padding: 8px 10px !important;
    }
}

/* IQRA BRANCH DROPDOWN FINAL FIX END */


/* IQRA MOBILE MENU FINAL HARD CSS START */

@media (max-width: 900px) {

    /* ========================================================
       HEADER MUST ALLOW DROPDOWN
    ======================================================== */

    .site-header,
    .site-header .nav-wrap,
    .site-header .nav {
        overflow: visible !important;
    }


    /* ========================================================
       MENU CLOSED
    ======================================================== */

    .site-header .menu {
        position: absolute !important;

        z-index: 999999 !important;

        top: 100% !important;

        left: 0 !important;
        right: 0 !important;

        display: none !important;

        width: 100% !important;

        max-height:
            calc(100vh - 70px) !important;

        margin: 0 !important;

        padding:
            12px
            18px
            20px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        background: #ffffff !important;

        border-top:
            1px solid
            #e5e1d6 !important;

        box-shadow:
            0 18px 36px
            rgba(8,41,31,.14) !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform: none !important;
    }


    /* ========================================================
       MENU OPEN
    ======================================================== */

    .site-header .menu.open {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 2px !important;

        visibility: visible !important;

        opacity: 1 !important;

        transform: none !important;
    }


    /* ========================================================
       MAIN LINKS
    ======================================================== */

    .site-header .menu > a {
        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 46px !important;

        padding:
            9px
            11px !important;

        color: #1c2d27 !important;

        background: transparent !important;
    }


    /* ========================================================
       BRANCH DROPDOWNS
    ======================================================== */

    .site-header .branch-nav {
        display: block !important;

        width: 100% !important;
    }

    .site-header .branch-nav > summary {
        display: flex !important;

        align-items: center !important;

        justify-content:
            space-between !important;

        width: 100% !important;

        min-height: 46px !important;

        padding:
            9px
            11px !important;

        color: #1c2d27 !important;

        cursor: pointer !important;

        transform: none !important;
    }

    .site-header .branch-nav-menu {
        position: static !important;

        width: 100% !important;

        min-width: 0 !important;

        margin:
            0
            0
            8px !important;

        padding:
            5px
            0
            5px
            14px !important;

        border: 0 !important;

        border-left:
            2px solid
            #c8a85a !important;

        background:
            #f8f7f2 !important;

        box-shadow: none !important;

        transform: none !important;
    }

    .site-header
    .branch-nav:not([open])
    > .branch-nav-menu {

        display: none !important;
    }

    .site-header
    .branch-nav[open]
    > .branch-nav-menu {

        display: grid !important;
    }

    .site-header
    .branch-nav-menu
    > a {

        display: block !important;

        width: 100% !important;

        padding:
            9px
            12px !important;

        color:
            #25352f !important;

        transform:
            none !important;
    }


    /* ========================================================
       HAMBURGER BUTTON
    ======================================================== */

    .site-header .menu-btn {
        position: relative !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 35px !important;

        min-width: 35px !important;

        height: 32px !important;

        min-height: 32px !important;

        margin: 0 !important;

        padding: 0 !important;

        border:
            1px solid
            #d4dbd7 !important;

        border-radius:
            3px !important;

        background:
            #ffffff !important;

        font-size:
            0 !important;

        cursor:
            pointer !important;

        transform:
            none !important;
    }


    /* Three dash icon */

    .site-header .menu-btn::before {
        content: "" !important;

        display: block !important;

        width: 16px !important;

        height: 2px !important;

        border-radius: 2px;

        background:
            #103d31 !important;

        box-shadow:
            0 -5px 0 #103d31,
            0 5px 0 #103d31 !important;

        transform:
            none !important;
    }

    .site-header .menu-btn::after {
        content: none !important;

        display: none !important;
    }


    /* Active hamburger */

    .site-header .menu-btn.is-open {
        border-color:
            #07503d !important;

        background:
            #07503d !important;
    }

    .site-header .menu-btn.is-open::before {
        background:
            #ffffff !important;

        box-shadow:
            0 -5px 0 #ffffff,
            0 5px 0 #ffffff !important;
    }
}

/* IQRA MOBILE MENU FINAL HARD CSS END */


/* IQRA GLOBAL BRANCH NAV DESIGN START */

/* ============================================================
   GLOBAL MALE / FEMALE SECTION MENU
============================================================ */

.iqra-global-branch-nav-shell,
.iqra-global-branch-nav-shell * {
    box-sizing: border-box;
}

.iqra-global-branch-nav-shell {
    position: relative !important;
    z-index: 45 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 12px 0 !important;

    background: #ffffff !important;

    border-top: 0 !important;

    border-bottom:
        1px solid
        #e7e3da !important;
}

.iqra-global-branch-nav-shell .container {
    width:
        min(
            var(--max),
            calc(100% - 40px)
        ) !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


/* ============================================================
   SECTION MENU
============================================================ */

.iqra-global-branch-nav {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 8px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


.iqra-global-branch-nav-link {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 42px !important;

    margin: 0 !important;

    padding:
        7px
        17px !important;

    border:
        1px solid
        #ddd9ce !important;

    background:
        #ffffff !important;

    color:
        #123d31 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    transform:
        none !important;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease !important;
}


.iqra-global-branch-nav-link:hover {
    border-color:
        #07503d !important;

    background:
        #f7faf8 !important;

    color:
        #07503d !important;
}


.iqra-global-branch-nav-link.is-active {
    border-color:
        #07503d !important;

    background:
        #07503d !important;

    color:
        #ffffff !important;

    box-shadow:
        inset
        0
        -2px
        0
        #caa84e !important;
}


.iqra-global-branch-nav-link.is-active:hover {
    background:
        #064537 !important;

    color:
        #ffffff !important;
}


/* ============================================================
   IMPORTANT
   REMOVE OLD BRANCH SWITCHER SPACING
============================================================ */

main > .branch-switcher,
main .branch-switcher {
    margin-top: 0;
}


/* ============================================================
   PAGE HERO DIRECTLY AFTER BRANCH MENU
============================================================ */

.iqra-global-branch-nav-shell + .page-hero {
    margin: 0 !important;

    padding:
        44px
        0
        48px !important;

    background:
        #ffffff !important;

    color:
        #064b3b !important;

    border-bottom:
        1px solid
        #ece8df !important;
}


.iqra-global-branch-nav-shell
+
.page-hero
.container {
    padding-top:
        0 !important;

    padding-bottom:
        0 !important;
}


.iqra-global-branch-nav-shell
+
.page-hero
.eyebrow {
    color:
        #b4882b !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .08em !important;
}


.iqra-global-branch-nav-shell
+
.page-hero
h1 {
    margin:
        8px
        0
        10px !important;

    color:
        #064b3b !important;

    font-size:
        clamp(
            40px,
            5vw,
            66px
        ) !important;

    font-weight:
        800 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.035em !important;
}


.iqra-global-branch-nav-shell
+
.page-hero
p {
    max-width:
        760px !important;

    margin:
        0 !important;

    color:
        #64726c !important;

    font-size:
        15px !important;

    line-height:
        1.8 !important;
}


/* ============================================================
   FIRST CONTENT SECTION
============================================================ */

.iqra-global-branch-nav-shell
+
section:not(.page-hero) {
    margin-top:
        0 !important;
}


/* ============================================================
   PREVENT OLD PAGE-LEVEL LARGE TOP SPACE
============================================================ */

main#main-content {
    padding-top:
        0 !important;
}

main#main-content
>
.iqra-global-branch-nav-shell {
    margin-top:
        0 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

    .iqra-global-branch-nav-shell {
        padding:
            9px
            0 !important;
    }

    .iqra-global-branch-nav {
        flex-wrap:
            nowrap !important;

        gap:
            7px !important;

        overflow-x:
            auto !important;

        overflow-y:
            hidden !important;

        padding-bottom:
            2px !important;

        scrollbar-width:
            thin;

        -webkit-overflow-scrolling:
            touch;
    }

    .iqra-global-branch-nav-link {
        flex:
            0
            0
            auto !important;

        min-height:
            39px !important;

        padding:
            7px
            14px !important;

        font-size:
            12px !important;
    }

    .iqra-global-branch-nav-shell
    +
    .page-hero {
        padding:
            37px
            0
            41px !important;
    }

    .iqra-global-branch-nav-shell
    +
    .page-hero
    h1 {
        font-size:
            clamp(
                34px,
                8vw,
                50px
            ) !important;
    }
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 560px) {

    .iqra-global-branch-nav-shell {
        padding:
            7px
            0 !important;
    }

    .iqra-global-branch-nav-shell .container {
        width:
            min(
                100% - 28px,
                var(--max)
            ) !important;
    }

    .iqra-global-branch-nav-link {
        min-height:
            36px !important;

        padding:
            6px
            11px !important;

        font-size:
            11px !important;
    }

    .iqra-global-branch-nav-shell
    +
    .page-hero {
        padding:
            30px
            0
            34px !important;
    }

    .iqra-global-branch-nav-shell
    +
    .page-hero
    h1 {
        font-size:
            34px !important;
    }

    .iqra-global-branch-nav-shell
    +
    .page-hero
    p {
        font-size:
            14px !important;
    }
}

/* IQRA GLOBAL BRANCH NAV DESIGN END */


/* IQRA BRANCH COMPACT LAYOUT START */

/* ============================================================
   MALE + FEMALE BRANCH
   GLOBAL COMPACT PAGE SPACING
============================================================ */

body.iqra-branch-page #main-content {
    overflow-x: hidden;
}


/* ============================================================
   BRANCH SECTION MENU
============================================================ */

body.iqra-branch-page
.iqra-global-branch-nav-shell {
    width: 100% !important;

    margin: 0 !important;

    padding:
        7px
        0 !important;

    border-bottom:
        1px solid
        #e6e3da !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.iqra-global-branch-nav-shell
.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


body.iqra-branch-page
.iqra-global-branch-nav {
    margin: 0 !important;

    padding: 0 !important;

    gap: 7px !important;
}


body.iqra-branch-page
.iqra-global-branch-nav-link {
    min-height: 38px !important;

    padding:
        6px
        14px !important;

    font-size:
        12px !important;

    line-height:
        1.2 !important;
}


/* ============================================================
   REMOVE LARGE GAP:
   BRANCH MENU -> PAGE HEADING
============================================================ */

body.iqra-branch-page
.page-hero {
    min-height: 0 !important;

    margin: 0 !important;

    padding:
        25px
        0
        20px !important;
}


/* Remove old minimum heights from branch hero/content wrappers */

body.iqra-branch-page
.page-hero .container {
    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


body.iqra-branch-page
.page-hero h1 {
    margin-top: 7px !important;

    margin-bottom: 9px !important;
}


body.iqra-branch-page
.page-hero p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ============================================================
   REMOVE LARGE GAP:
   PAGE HEADING -> ACTUAL CONTENT
============================================================ */

body.iqra-branch-page
#main-content
>
.section {
    min-height: 0 !important;

    padding-top:
        20px !important;

    padding-bottom:
        44px !important;
}


/*
 * Common branch sections that may not use .section.
 */

body.iqra-branch-page
.branch-portal-section,

body.iqra-branch-page
.branch-content-section,

body.iqra-branch-page
.branch-page-section,

body.iqra-branch-page
.branch-results-section,

body.iqra-branch-page
.branch-students-section,

body.iqra-branch-page
.branch-teachers-section {
    min-height: 0 !important;

    padding-top:
        20px !important;

    padding-bottom:
        44px !important;
}


/* ============================================================
   RESULT PAGE
============================================================ */

body.iqra-branch-page
.result-search-form {
    margin-top:
        0 !important;

    margin-bottom:
        18px !important;
}


body.iqra-branch-page
.result-public-table-wrap {
    margin-top:
        0 !important;
}


/* ============================================================
   PROGRAM / TEACHER / STUDENT / GALLERY / NOTICE
   COMMON TOP SPACING
============================================================ */

body.iqra-branch-page
.branch-portal-intro,

body.iqra-branch-page
.branch-home-intro {
    margin-top:
        0 !important;

    margin-bottom:
        20px !important;
}


body.iqra-branch-page
.branch-switcher {
    margin-top:
        0 !important;

    margin-bottom:
        18px !important;
}


/*
 * Notice page already has its own professional spacing.
 * Keep the top area compact when inside a branch.
 */

body.iqra-branch-page
.iqra-notice-page,

body.iqra-branch-page
.iqra-notice-directory {
    padding-top:
        24px !important;
}


/* ============================================================
   PREVENT EMPTY / ARTIFICIAL HEIGHT
============================================================ */

body.iqra-branch-page
#main-content
section:not(.hero):not(.hero-slide) {
    scroll-margin-top:
        120px;
}


body.iqra-branch-page
.branch-portal-intro,

body.iqra-branch-page
.branch-page-heading,

body.iqra-branch-page
.result-search-form {
    min-height:
        0 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

    body.iqra-branch-page
    .page-hero {
        padding:
            21px
            0
            17px !important;
    }


    body.iqra-branch-page
    #main-content
    >
    .section {
        padding-top:
            17px !important;

        padding-bottom:
            36px !important;
    }

}


/* ============================================================
   MOBILE
   7 MENU ITEMS = TWO ROWS
   NO HORIZONTAL SCROLL
============================================================ */

@media (max-width: 700px) {

    body.iqra-branch-page
    .iqra-global-branch-nav-shell {
        padding:
            7px
            0 !important;

        overflow:
            visible !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav-shell
    .container {
        width:
            min(
                calc(100% - 20px),
                var(--max)
            ) !important;

        overflow:
            visible !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav {
        display:
            grid !important;

        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;

        grid-auto-flow:
            row !important;

        align-items:
            stretch !important;

        width:
            100% !important;

        gap:
            5px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow-x:
            visible !important;

        overflow-y:
            visible !important;

        scrollbar-width:
            none !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav::-webkit-scrollbar {
        display:
            none !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav-link {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            36px !important;

        padding:
            5px
            3px !important;

        overflow:
            hidden !important;

        font-size:
            9px !important;

        font-weight:
            700 !important;

        line-height:
            1.15 !important;

        text-align:
            center !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;
    }


    /* ========================================================
       COMPACT MOBILE PAGE SPACING
    ======================================================== */

    body.iqra-branch-page
    .page-hero {
        padding:
            18px
            0
            14px !important;
    }


    body.iqra-branch-page
    .page-hero h1 {
        margin:
            5px
            0
            7px !important;
    }


    body.iqra-branch-page
    #main-content
    >
    .section {
        padding-top:
            15px !important;

        padding-bottom:
            30px !important;
    }


    body.iqra-branch-page
    .result-search-form {
        margin-bottom:
            15px !important;
    }


    body.iqra-branch-page
    .branch-portal-intro {
        margin-bottom:
            16px !important;
    }


    body.iqra-branch-page
    .iqra-notice-page,

    body.iqra-branch-page
    .iqra-notice-directory {
        padding-top:
            18px !important;
    }

}


/* ============================================================
   VERY SMALL MOBILE
   KEEP FOUR COLUMNS / TWO ROWS
============================================================ */

@media (max-width: 390px) {

    body.iqra-branch-page
    .iqra-global-branch-nav-shell
    .container {
        width:
            calc(100% - 12px) !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;

        gap:
            4px !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav-link {
        min-height:
            35px !important;

        padding:
            4px
            2px !important;

        font-size:
            8px !important;

        line-height:
            1.12 !important;
    }

}

/* IQRA BRANCH COMPACT LAYOUT END */

/* IQRA BRANCH PREMIUM CONSISTENCY START */

/*
|--------------------------------------------------------------------------
| SHARED BRANCH DESIGN TOKENS
|--------------------------------------------------------------------------
*/

body.iqra-branch-page {
    --branch-green: #064b3b;
    --branch-green-dark: #043a2f;
    --branch-gold: #b8892d;
    --branch-ink: #172c24;
    --branch-muted: #68776f;
    --branch-line: #dfe4e0;
    --branch-soft: #f7f8f5;
    --branch-white: #ffffff;

    --branch-title-weight: 800;
    --branch-heading-weight: 750;
    --branch-text-weight: 400;
    --branch-label-weight: 700;

    background: #ffffff;
}


/*
|--------------------------------------------------------------------------
| SECTION NAVIGATION
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.iqra-global-branch-nav-shell {
    margin: 0 !important;

    padding:
        10px
        0 !important;

    border-top: 0 !important;

    border-bottom:
        1px solid
        #e7e4da !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.iqra-global-branch-nav {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 7px !important;

    margin: 0 !important;

    padding: 0 !important;
}


body.iqra-branch-page
.iqra-global-branch-nav-link {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 39px !important;

    padding:
        6px
        14px !important;

    border:
        1px solid
        #ddd9cf !important;

    border-radius:
        0 !important;

    background:
        #ffffff !important;

    color:
        #143c31 !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0 !important;

    white-space:
        nowrap !important;

    box-shadow:
        none !important;

    text-decoration:
        none !important;
}


body.iqra-branch-page
.iqra-global-branch-nav-link:hover {
    border-color:
        #0a5a47 !important;

    color:
        #064b3b !important;

    background:
        #f7faf8 !important;
}


body.iqra-branch-page
.iqra-global-branch-nav-link.is-active {
    border-color:
        var(--branch-green) !important;

    background:
        var(--branch-green) !important;

    color:
        #ffffff !important;

    box-shadow:
        inset
        0
        -2px
        0
        #d1ae50 !important;
}


/*
|--------------------------------------------------------------------------
| ALL BRANCH PAGE HEROES
|--------------------------------------------------------------------------
|
| This controls:
| Our Identity
| Programs
| Teachers
| Students
| Results
| Gallery
|
*/

body.iqra-branch-page
.page-hero {
    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding:
        26px
        0
        27px !important;

    border-bottom:
        1px solid
        #e7e5dd !important;

    background:
        #ffffff !important;

    color:
        var(--branch-green) !important;
}


body.iqra-branch-page
.page-hero .container {
    min-height: 0 !important;
    height: auto !important;

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;

    padding-top:
        0 !important;

    padding-bottom:
        0 !important;
}


/*
|--------------------------------------------------------------------------
| SMALL HERO LABEL
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.page-hero .eyebrow,

body.iqra-branch-page
.page-hero .kicker,

body.iqra-branch-page
.iqra-notice-head-kicker {
    display: block !important;

    margin:
        0
        0
        7px !important;

    padding:
        0 !important;

    color:
        var(--branch-gold) !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        .07em !important;

    text-transform:
        uppercase !important;
}


/*
|--------------------------------------------------------------------------
| PRIMARY PAGE TITLE
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.page-hero h1,

body.iqra-branch-page
.iqra-notice-main-head h1 {
    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--branch-green) !important;

    font-size:
        clamp(
            40px,
            4.7vw,
            58px
        ) !important;

    font-weight:
        var(--branch-title-weight) !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -.025em !important;

    text-wrap:
        balance;
}


/*
|--------------------------------------------------------------------------
| HERO DESCRIPTION
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.page-hero p,

body.iqra-branch-page
.iqra-notice-main-head p {
    max-width:
        760px !important;

    margin:
        12px
        0
        0 !important;

    padding: 0 !important;

    color:
        var(--branch-muted) !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    letter-spacing:
        0 !important;
}


/*
|--------------------------------------------------------------------------
| MAIN CONTENT SPACING
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
main#main-content {
    padding-top:
        0 !important;
}


body.iqra-branch-page
main#main-content
> .section,

body.iqra-branch-page
.page-hero
+ .section {
    min-height:
        0 !important;

    margin-top:
        0 !important;

    padding-top:
        22px !important;

    padding-bottom:
        42px !important;
}


/*
|--------------------------------------------------------------------------
| SECTION TITLES
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.section h2,

body.iqra-branch-page
.branch-portal-intro h2,

body.iqra-branch-page
.section-head h2 {
    margin:
        0
        0
        12px !important;

    color:
        var(--branch-green) !important;

    font-size:
        clamp(
            25px,
            3vw,
            34px
        ) !important;

    font-weight:
        750 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.015em !important;
}


/*
|--------------------------------------------------------------------------
| NORMAL BODY COPY
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.section p,

body.iqra-branch-page
.branch-portal-intro p,

body.iqra-branch-page
.program-card p,

body.iqra-branch-page
.teacher-card p,

body.iqra-branch-page
.student-public-content p {
    color:
        var(--branch-muted) !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;
}


/*
|--------------------------------------------------------------------------
| PROGRAM CARDS
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.program-card,

body.iqra-branch-page
.branch-portal-card {
    min-height:
        0 !important;

    padding:
        24px !important;

    border:
        1px solid
        var(--branch-line) !important;

    border-radius:
        6px !important;

    background:
        #ffffff !important;

    box-shadow:
        none !important;

    transition:
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


body.iqra-branch-page
.program-card:hover,

body.iqra-branch-page
.branch-portal-card:hover {
    transform:
        translateY(-2px) !important;

    border-color:
        rgba(184,137,45,.45) !important;

    box-shadow:
        0
        10px
        28px
        rgba(7,63,52,.055) !important;
}


body.iqra-branch-page
.program-card h2,

body.iqra-branch-page
.program-card h3,

body.iqra-branch-page
.branch-portal-card h3 {
    margin:
        0
        0
        8px !important;

    color:
        var(--branch-green) !important;

    font-size:
        20px !important;

    font-weight:
        750 !important;

    line-height:
        1.3 !important;
}


body.iqra-branch-page
.program-card a,

body.iqra-branch-page
.branch-portal-card strong {
    color:
        var(--branch-green) !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;
}


/*
|--------------------------------------------------------------------------
| TEACHERS
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.teacher-card {
    border-color:
        var(--branch-line) !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.teacher-card h2,

body.iqra-branch-page
.teacher-card h3 {
    color:
        var(--branch-green) !important;

    font-size:
        18px !important;

    font-weight:
        750 !important;

    line-height:
        1.35 !important;
}


/*
|--------------------------------------------------------------------------
| STUDENTS
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.student-public-card {
    gap:
        14px !important;

    padding:
        17px !important;

    border:
        1px solid
        var(--branch-line) !important;

    border-radius:
        6px !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.student-public-content h3 {
    margin:
        0
        0
        6px !important;

    color:
        var(--branch-green) !important;

    font-size:
        17px !important;

    font-weight:
        750 !important;

    line-height:
        1.35 !important;
}


/*
|--------------------------------------------------------------------------
| RESULTS
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.result-search-form {
    display: flex !important;

    align-items: center !important;

    gap:
        8px !important;

    min-height:
        0 !important;

    margin:
        0
        0
        14px !important;
}


body.iqra-branch-page
.result-search-form input {
    min-height:
        42px !important;

    height:
        42px !important;

    padding:
        0
        13px !important;

    border:
        1px solid
        #d8ddd9 !important;

    color:
        var(--branch-ink) !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.result-public-table-wrap {
    border:
        1px solid
        var(--branch-line) !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.result-public-table th {
    padding:
        11px
        13px !important;

    color:
        var(--branch-green) !important;

    background:
        #f8f7f2 !important;

    font-size:
        11px !important;

    font-weight:
        750 !important;

    line-height:
        1.35 !important;
}


body.iqra-branch-page
.result-public-table td {
    padding:
        12px
        13px !important;

    color:
        var(--branch-ink) !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;

    line-height:
        1.5 !important;
}


/*
|--------------------------------------------------------------------------
| NOTICE PAGE
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.iqra-notice-directory {
    padding:
        25px
        0
        46px !important;

    background:
        #f8f9f7 !important;
}


body.iqra-branch-page
.iqra-notice-main-head {
    align-items:
        flex-end !important;

    margin:
        0
        0
        18px !important;
}


body.iqra-branch-page
.iqra-notice-main-head h1 {
    font-size:
        clamp(
            40px,
            4.7vw,
            58px
        ) !important;
}


body.iqra-branch-page
.iqra-notice-total {
    min-height:
        32px !important;

    padding:
        4px
        11px !important;

    border-color:
        var(--branch-line) !important;

    color:
        #5f6e67 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}


/*
|--------------------------------------------------------------------------
| NOTICE FILTER
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.iqra-notice-search-wrap {
    margin-bottom:
        20px !important;
}


body.iqra-branch-page
.iqra-notice-search-box {
    padding:
        13px !important;

    border:
        1px solid
        var(--branch-line) !important;

    border-radius:
        8px !important;

    background:
        #ffffff !important;

    box-shadow:
        none !important;
}


body.iqra-branch-page
.iqra-notice-field {
    gap:
        5px !important;
}


body.iqra-branch-page
.iqra-notice-field label {
    color:
        #345046 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}


body.iqra-branch-page
.iqra-notice-field input,

body.iqra-branch-page
.iqra-notice-field select {
    height:
        42px !important;

    padding:
        0
        12px !important;

    border:
        1px solid
        #d7ddd9 !important;

    border-radius:
        4px !important;

    color:
        #243a31 !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;
}


body.iqra-branch-page
.iqra-notice-search-btn,

body.iqra-branch-page
.iqra-notice-reset-btn {
    height:
        42px !important;

    min-height:
        42px !important;

    padding:
        0
        17px !important;

    border-radius:
        4px !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;
}


/*
|--------------------------------------------------------------------------
| NOTICE GROUP LABEL
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.iqra-notice-date-heading {
    margin-bottom:
        7px !important;
}


body.iqra-branch-page
.iqra-notice-date-heading time {
    color:
        var(--branch-gold) !important;

    font-size:
        10px !important;

    font-weight:
        750 !important;
}


/*
|--------------------------------------------------------------------------
| NOTICE ROW
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.iqra-notice-list {
    gap:
        7px !important;
}


body.iqra-branch-page
.iqra-notice-row {
    min-height:
        54px !important;

    border:
        1px solid
        var(--branch-line) !important;

    border-radius:
        7px !important;

    background:
        #ffffff !important;
}


body.iqra-branch-page
.iqra-notice-row-serial {
    font-size:
        12px !important;

    font-weight:
        750 !important;
}


body.iqra-branch-page
.iqra-notice-row-main {
    padding:
        8px
        12px !important;
}


body.iqra-branch-page
.iqra-notice-row-meta {
    gap:
        5px
        8px !important;

    margin-bottom:
        2px !important;
}


body.iqra-branch-page
.iqra-notice-branch-badge {
    padding:
        2px
        6px !important;

    font-size:
        7px !important;

    font-weight:
        750 !important;
}


body.iqra-branch-page
.iqra-notice-row-meta time {
    font-size:
        8px !important;

    font-weight:
        500 !important;
}


body.iqra-branch-page
.iqra-notice-row-main h3 {
    color:
        var(--branch-ink) !important;

    font-size:
        13px !important;

    font-weight:
        750 !important;

    line-height:
        1.35 !important;
}


body.iqra-branch-page
.iqra-notice-row-main p {
    margin-top:
        2px !important;

    color:
        var(--branch-muted) !important;

    font-size:
        9.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.4 !important;
}


body.iqra-branch-page
.iqra-notice-view-btn,

body.iqra-branch-page
.iqra-notice-download-btn {
    min-width:
        88px !important;

    padding:
        7px
        10px !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;
}


/*
|--------------------------------------------------------------------------
| GALLERY
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.gallery-grid {
    gap:
        13px !important;
}


body.iqra-branch-page
.gallery-grid figure {
    border-radius:
        5px !important;

    border:
        1px solid
        var(--branch-line) !important;

    background:
        #f0f2ef !important;
}


body.iqra-branch-page
.gallery-grid figcaption {
    font-size:
        12px !important;

    font-weight:
        600 !important;
}


/*
|--------------------------------------------------------------------------
| EMPTY STATES
|--------------------------------------------------------------------------
*/

body.iqra-branch-page
.branch-empty-state,

body.iqra-branch-page
.iqra-notice-empty-result {
    padding:
        28px
        18px !important;

    border:
        1px dashed
        #d3dbd6 !important;

    border-radius:
        6px !important;

    color:
        var(--branch-muted) !important;

    background:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    body.iqra-branch-page
    .page-hero {
        padding:
            22px
            0
            23px !important;
    }


    body.iqra-branch-page
    .page-hero h1,

    body.iqra-branch-page
    .iqra-notice-main-head h1 {
        font-size:
            clamp(
                35px,
                7vw,
                47px
            ) !important;
    }


    body.iqra-branch-page
    .page-hero p {
        margin-top:
            9px !important;

        font-size:
            13px !important;
    }


    body.iqra-branch-page
    main#main-content
    > .section,

    body.iqra-branch-page
    .page-hero
    + .section {
        padding-top:
            18px !important;

        padding-bottom:
            34px !important;
    }


    body.iqra-branch-page
    .program-card,

    body.iqra-branch-page
    .branch-portal-card {
        padding:
            20px !important;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    /*
     * Branch section menu:
     * two rows instead of horizontal scrollbar.
     */

    body.iqra-branch-page
    .iqra-global-branch-nav-shell {
        padding:
            7px
            0 !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav {
        display: grid !important;

        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;

        gap:
            5px !important;

        overflow:
            visible !important;

        width:
            100% !important;

        padding:
            0 !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav-link {
        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            35px !important;

        padding:
            4px
            3px !important;

        font-size:
            9.5px !important;

        line-height:
            1.2 !important;

        white-space:
            normal !important;

        text-align:
            center !important;
    }


    body.iqra-branch-page
    .page-hero {
        padding:
            18px
            0
            20px !important;
    }


    body.iqra-branch-page
    .page-hero .eyebrow,

    body.iqra-branch-page
    .page-hero .kicker,

    body.iqra-branch-page
    .iqra-notice-head-kicker {
        margin-bottom:
            5px !important;

        font-size:
            8px !important;
    }


    body.iqra-branch-page
    .page-hero h1,

    body.iqra-branch-page
    .iqra-notice-main-head h1 {
        font-size:
            clamp(
                29px,
                9vw,
                37px
            ) !important;

        line-height:
            1.1 !important;

        letter-spacing:
            -.02em !important;
    }


    body.iqra-branch-page
    .page-hero p,

    body.iqra-branch-page
    .iqra-notice-main-head p {
        margin-top:
            7px !important;

        font-size:
            11.5px !important;

        line-height:
            1.55 !important;
    }


    body.iqra-branch-page
    main#main-content
    > .section,

    body.iqra-branch-page
    .page-hero
    + .section {
        padding-top:
            15px !important;

        padding-bottom:
            28px !important;
    }


    body.iqra-branch-page
    .section h2,

    body.iqra-branch-page
    .branch-portal-intro h2,

    body.iqra-branch-page
    .section-head h2 {
        font-size:
            24px !important;
    }


    /*
     * Notice
     */

    body.iqra-branch-page
    .iqra-notice-directory {
        padding:
            18px
            0
            30px !important;
    }


    body.iqra-branch-page
    .iqra-notice-main-head {
        gap:
            10px !important;

        margin-bottom:
            14px !important;
    }


    body.iqra-branch-page
    .iqra-notice-search-wrap {
        margin-bottom:
            16px !important;
    }


    body.iqra-branch-page
    .iqra-notice-search-box {
        padding:
            10px !important;
    }


    body.iqra-branch-page
    .iqra-notice-field input,

    body.iqra-branch-page
    .iqra-notice-field select,

    body.iqra-branch-page
    .iqra-notice-search-btn,

    body.iqra-branch-page
    .iqra-notice-reset-btn {
        height:
            39px !important;

        min-height:
            39px !important;
    }


    body.iqra-branch-page
    .iqra-notice-row {
        min-height:
            0 !important;

        grid-template-columns:
            42px
            minmax(0, 1fr) !important;
    }


    body.iqra-branch-page
    .iqra-notice-row-main {
        padding:
            7px
            9px !important;
    }


    body.iqra-branch-page
    .iqra-notice-row-main h3 {
        font-size:
            12px !important;
    }


    body.iqra-branch-page
    .iqra-notice-row-actions {
        grid-column:
            1 / -1 !important;

        display: grid !important;

        grid-template-columns:
            1fr
            1fr !important;

        border-top:
            1px solid
            var(--branch-line) !important;

        border-left:
            0 !important;
    }


    body.iqra-branch-page
    .iqra-notice-view-btn,

    body.iqra-branch-page
    .iqra-notice-download-btn {
        min-width:
            0 !important;

        min-height:
            34px !important;

        padding:
            5px
            6px !important;

        font-size:
            8.5px !important;
    }


    /*
     * Results
     */

    body.iqra-branch-page
    .result-search-form {
        align-items:
            stretch !important;

        flex-direction:
            column !important;
    }


    body.iqra-branch-page
    .result-search-form input {
        width:
            100% !important;
    }

}


/*
|--------------------------------------------------------------------------
| VERY SMALL MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 390px) {

    body.iqra-branch-page
    .iqra-global-branch-nav {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }


    body.iqra-branch-page
    .iqra-global-branch-nav-link {
        min-height:
            33px !important;

        font-size:
            8.5px !important;
    }


    body.iqra-branch-page
    .page-hero h1,

    body.iqra-branch-page
    .iqra-notice-main-head h1 {
        font-size:
            28px !important;
    }

}

/* IQRA BRANCH PREMIUM CONSISTENCY END */

/* IQRA GLOBAL BACK NAV DESIGN START */

/*
|--------------------------------------------------------------------------
| GLOBAL BACK NAVIGATION
|--------------------------------------------------------------------------
*/

.iqra-global-back-shell,
.iqra-global-back-shell * {
    box-sizing: border-box;
}


.iqra-global-back-shell {
    position: relative;

    z-index: 40;

    width: 100%;

    margin: 0 !important;

    padding:
        8px
        0
        0 !important;

    background:
        transparent;
}


.iqra-global-back-shell .container {
    margin-top:
        0 !important;

    margin-bottom:
        0 !important;
}


.iqra-global-back-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 34px;

    margin: 0;

    padding:
        5px
        11px;

    border:
        1px solid
        rgba(7, 75, 59, .16);

    border-radius:
        4px;

    background:
        #ffffff;

    color:
        #074b3b;

    font-family:
        inherit;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1.2;

    cursor:
        pointer;

    box-shadow:
        0
        4px
        14px
        rgba(6, 75, 59, .04);

    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.iqra-global-back-button:hover {
    border-color:
        #07503d;

    background:
        #07503d;

    color:
        #ffffff;

    transform:
        translateX(-1px);
}


.iqra-global-back-button:focus-visible {
    outline:
        2px solid
        rgba(184, 137, 45, .55);

    outline-offset:
        2px;
}


.iqra-global-back-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    color:
        currentColor;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1;
}


.iqra-global-back-text {
    display: block;

    font-weight:
        700;
}


/*
|--------------------------------------------------------------------------
| BRANCH PAGE
|--------------------------------------------------------------------------
|
| Keep Back control compact when branch navigation exists.
|
*/

body.iqra-branch-page
.iqra-global-back-shell {
    padding-top:
        7px !important;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .iqra-global-back-shell {
        padding-top:
            6px !important;
    }


    .iqra-global-back-button {
        gap:
            5px;

        min-height:
            31px;

        padding:
            4px
            9px;

        font-size:
            10px;
    }


    .iqra-global-back-icon {
        width:
            16px;

        height:
            16px;

        font-size:
            14px;
    }

}


/*
|--------------------------------------------------------------------------
| PRINT
|--------------------------------------------------------------------------
*/

@media print {

    .iqra-global-back-shell {
        display:
            none !important;
    }

}

/* IQRA GLOBAL BACK NAV DESIGN END */