/* Makkah Booking Theme Alpha 55 — selectable feature icons and reusable feature-grid sections. */
.mbfs-features-section{padding:68px 0;font-family:"Cairo",sans-serif;overflow:hidden}
.mbfs-features-heading{text-align:center;max-width:780px;margin:0 auto 38px}
.mbfs-features-heading .mbfs-kicker{margin:0 0 8px;color:#c48a2e;font-size:13px;font-weight:800}
.mbfs-features-heading h2{margin:0!important;color:#0b2a47!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.45!important;font-weight:800!important}
.mbfs-features-intro{max-width:680px;margin:12px auto 0;color:#758594;font-size:14px;line-height:1.9}
.mbfs-features-intro p{margin:0}
.mbfs-features-grid{display:grid;grid-template-columns:repeat(var(--mbfs-features-count,4),minmax(0,1fr));gap:28px;align-items:start}
.mbfs-feature-item{text-align:center;min-width:0;padding:8px 10px}
.mbfs-feature-icon{width:68px;height:68px;border:1px solid #e8dcc8;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;color:#d5a142;background:rgba(255,255,255,.55);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.mbfs-feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mbfs-feature-item:hover .mbfs-feature-icon{transform:translateY(-4px);background:#fff;box-shadow:0 12px 24px rgba(8,41,68,.08)}
.mbfs-feature-item h3{margin:0 0 8px!important;color:#12304d!important;font-size:17px!important;line-height:1.55!important;font-weight:700!important}
.mbfs-feature-item p{margin:0;color:#84919d;font-size:12px;line-height:1.85}
.mbfs-features-section.mbfs-bg-light{background:#f7f9fb}
.mbfs-features-section.mbfs-bg-gold{background:#fbf5e9}
.mbfs-features-section.mbfs-bg-navy{background:#082a48}
.mbfs-features-section.mbfs-bg-navy .mbfs-features-heading h2,.mbfs-features-section.mbfs-bg-navy .mbfs-feature-item h3{color:#fff!important}
.mbfs-features-section.mbfs-bg-navy .mbfs-features-intro,.mbfs-features-section.mbfs-bg-navy .mbfs-feature-item p{color:rgba(255,255,255,.72)}
.mbfs-features-section.mbfs-bg-navy .mbfs-feature-icon{border-color:rgba(217,168,78,.45);background:rgba(255,255,255,.035);color:#e1b25b}

/* Keep the original Why Choose Us icons consistent when a different icon is selected. */
.mb5-why article>span svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1100px){
 .mbfs-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}
}
@media(max-width:760px){
 .mbfs-features-section{padding:54px 0}.mbfs-features-heading{margin-bottom:28px}.mbfs-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.mbfs-feature-item{padding:5px}.mbfs-feature-icon{width:62px;height:62px}.mbfs-feature-icon svg{width:27px;height:27px}.mbfs-feature-item h3{font-size:15px!important}.mbfs-feature-item p{font-size:11px}
}
@media(max-width:430px){
 .mbfs-features-grid{gap:22px 6px}.mbfs-feature-icon{width:58px;height:58px;margin-bottom:12px}.mbfs-feature-icon svg{width:25px;height:25px}.mbfs-feature-item h3{font-size:14px!important}.mbfs-feature-item p{font-size:10.5px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.mbfs-feature-icon{transition:none}}