.mmi{--mmi-navy: #18004a;--mmi-yellow: #f5d200;--mmi-yellow-d: #e6c400;--mmi-blue: #150fe6;--mmi-green: #77f23d;--mmi-page: #eceff3;background:var(--mmi-page);color:var(--mmi-navy);font-family:DM Sans,sans-serif;padding:3.4vw 0 1vw;-webkit-font-smoothing:antialiased}.mmi *,.mmi *:before,.mmi *:after{box-sizing:border-box}.mmi h1,.mmi p,.mmi ul{margin:0}.mmi ul{list-style:none;padding:0}.mmi a{text-decoration:none}.mmi__wrap{width:100%;margin:0 auto;padding:0 1.04vw;display:grid;grid-template-columns:1fr 1.1fr;gap:2.6vw;align-items:center}.mmi__wrap--full{max-width:none;padding:0 3.125vw;grid-template-columns:1fr 1.35fr;gap:3.6vw}.mmi__wrap--full .mmi__text{max-width:34vw}.mmi__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1vw;min-width:0}.mmi__eyebrow{font-weight:900;font-size:.73vw;letter-spacing:.14em;text-transform:uppercase;color:var(--mmi-blue)}.mmi .mmi__title{font-family:DM Sans,sans-serif;font-weight:900;font-size:2.6vw;line-height:1.08;letter-spacing:-.015em;color:var(--mmi-navy)}.mmi__title em{font-style:normal;padding:0 .2vw;background:linear-gradient(transparent 62%,var(--mmi-yellow) 62%,var(--mmi-yellow) 90%,transparent 90%)}.mmi__text{font-size:1.04vw;line-height:1.55;color:#3b3360;max-width:30vw}.mmi__ticks{display:flex;flex-wrap:wrap;gap:.5vw 1vw}.mmi__ticks li{display:flex;align-items:flex-start;gap:.45vw;font-weight:700;font-size:.83vw;line-height:1.35}.mmi__ticks li:before{content:"";flex:none;width:1.1vw;height:1.1vw;border-radius:50%;margin-top:calc((1.35em - 1.1vw)/2);background:var(--mmi-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2318004a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat}.mmi__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.4vw;background:var(--mmi-yellow);color:var(--mmi-navy);border-radius:999px;padding:.78vw 1.56vw;font-weight:900;font-size:.94vw;line-height:1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:background-color .18s ease,transform .18s ease}.mmi__btn:hover{background:var(--mmi-yellow-d);transform:translateY(-1px)}.mmi__media{min-width:0}.mmi .mm-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1.182vw;background:#9a9a9d;box-shadow:0 .8vw 2.2vw -1vw #0a042840}.mmi .mm-video video,.mmi .mm-video>img,.mmi .mm-video .mm-video__placeholder{display:block;width:100%;height:100%;object-fit:cover}.mmi .mm-video__placeholder{fill:#ffffff59}.mmi .mm-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:0;margin:0;border:0;background:#9a9a9d;cursor:pointer}.mmi .mm-video__poster img{display:block;width:100%;height:100%;object-fit:cover}.mmi .mm-video__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a041e2e}.mmi .mm-video__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:auto;width:4.2vw;height:4.2vw;border-radius:50%;background:#fff;display:grid;place-items:center;transition:transform .18s ease}.mmi .mm-video__poster:hover .mm-video__play{transform:scale(1.06)}.mmi .mm-video__play svg{width:1.9vw;height:1.9vw;fill:var(--mmi-navy);margin-left:.2vw}@media(prefers-reduced-motion:reduce){.mmi__btn,.mmi .mm-video__play{transition:none}.mmi__btn:hover,.mmi .mm-video__poster:hover .mm-video__play{transform:none}}@media screen and (max-width:767px){.mmi{padding:9vw 0 2vw}.mmi__wrap,.mmi__wrap--full{max-width:100%;padding-left:6.977vw;padding-right:6.977vw;grid-template-columns:1fr;gap:6vw}.mmi__wrap--full .mmi__text{max-width:100%}.mmi__copy{gap:3.4vw}.mmi__eyebrow{font-size:3vw}.mmi .mmi__title{font-size:8.4vw}.mmi__title em{padding:0 .8vw}.mmi__text{font-size:3.9vw;max-width:100%}.mmi__ticks{flex-direction:column;gap:2.4vw}.mmi__ticks li{gap:2.4vw;font-size:3.7vw}.mmi__ticks li:before{width:5vw;height:5vw;margin-top:calc((1.35em - 5vw)/2)}.mmi__btn{font-size:3.7vw;padding:3.4vw 6vw;margin-top:1vw}.mmi .mm-video{border-radius:5vw}.mmi--mobile-square .mm-video{aspect-ratio:1 / 1}.mmi--mobile-tall .mm-video{aspect-ratio:4 / 5}.mmi .mm-video__play{width:15vw;height:15vw}.mmi .mm-video__play svg{width:7vw;height:7vw;margin-left:.8vw}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/makkah-madina-intro.css.map */