/* Keep copy and architectural art on separate sides in right-to-left layouts.
   Product screenshots retain their original orientation. */
html[dir=rtl] .imasjid-content .hp-royal-place:after{background:linear-gradient(270deg,#fff 0,#ffffff00 70%)}
html[dir=rtl] .imasjid-content .hp-architectural-photo{left:0;right:auto}
html[dir=rtl] .imasjid-content .hp-architectural-photo img{mask-image:linear-gradient(270deg,transparent 0,#000 15%);-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 15%)}
html[dir=rtl] .imasjid-content .hp-royal-place .hp-place-copy{padding-right:0;padding-left:25px;text-align:right}
html[dir=rtl] .imasjid-content .hp-royal-rule{left:55%;right:8.5%}
html[dir=rtl] .imasjid-content .hp-royal-intention .hp-commitments p{text-align:right}
html[dir=rtl] .imasjid-content .hp-arrow,html[dir=rtl] .masjid-product .arrow,html[dir=rtl] .iummah-page .arrow{transform:scaleX(-1)}
html[dir=rtl] .imasjid-content .hp-principles>div,html[dir=rtl] .imasjid-content .hp-accordion,html[dir=rtl] .imasjid-content .hp-product-copy{text-align:right}
html[dir=rtl] .company-page .principles article{padding-right:0;padding-left:30px}
html[dir=rtl] .company-page .principles article+article{padding-inline-start:32px}
html[dir=rtl] #hero-next .hn-caption{direction:rtl;text-align:right}
html[dir=rtl] #hero-next .hn-title-line,html[dir=rtl] #hero-next .hn-intro{letter-spacing:0}
html[dir=rtl] #hero-next .hn-caption .hn-arrow{transform:scaleX(-1)}
html[dir=rtl] .im-cf7 label,html[dir=rtl] .im-cf7 .help,html[dir=rtl] .im-cf7 .privacy-note{text-align:right}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=tel]{direction:ltr;text-align:left}
@media(min-width:701px) and (max-width:1000px){html[dir=rtl] .imasjid-content .hp-royal-place .hp-place-copy{padding-left:20px;padding-right:0}}
@media(max-width:700px){
 html[dir=rtl] .imasjid-content .hp-royal-place:after{background:none}
 html[dir=rtl] .imasjid-content .hp-royal-place .hp-place-copy{padding:0;width:100%}
 html[dir=rtl] .imasjid-content .hp-architectural-photo{left:auto;right:auto;inset-inline:0;transform:none;width:100%}
 html[dir=rtl] .imasjid-content .hp-architectural-photo img{mask-image:linear-gradient(180deg,transparent 0,#000 8%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%)}
 html[dir=rtl] .company-page .principles article,html[dir=rtl] .company-page .principles article+article{padding-inline:0}
}