<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    direction: rtl;
}

p,
h1,
h2,
h3,
h4,
h5 {
    text-align: right;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /*line-height: 1.7;*/
    line-height: initial;
}

/*p {*/
/*    line-height: 36px;*/
/*    font-size: 16px;*/
/*}*/

.ms-2 {
    margin-right: .5rem !important;
}

.me-3 {
    margin-left: 1rem !important;
    margin-right: inherit !important;
}

.ms-3 {
    margin-right: 1rem !important;
    margin-left: inherit !important;
}

header .dropdown .dropdown-menu {
    right: 0 !important;
    left: inherit;
}

.btn-muslim-type-shia:nth-child(1) {
    margin-right: 0rem !important;
}

.btn-muslim-type-shia:nth-child(2) {
    margin-right: 0.25rem !important;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: inherit !important;
}

.top-header-left::before {
    left: -1rem !important;
    right: inherit !important;
}

.top-header {
    background-color: #eef4f2 !important;
}

.top-header-left {
    z-index: 1;
}

.top-header::after {
    background-color: #237559 !important;

}

.top-header::before {
    background-color: #237559 !important;
}

.me-2 {
    margin-left: .5rem !important;
}

.accordion-button::after {
    margin-right: auto;
    margin-left: inherit;
}

.nav-link {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    /*line-height: 24px;*/
}

.footer-social {
    float: left !important;
}

.pagination-container nav svg {
    transform: rotate(180deg);
}

.article-sub-category li a {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.article-sub-category .fa-angle-double-right {
    margin-left: 10px;
    transform: rotate(180deg);
    order: -1;
    margin-top: 7px;
}

.article-sub-category li:hover a {
    color: #237559 !important;
    font-weight: bold;
}

.text-start {
    text-align: right !important;
}

.slider-text .btn img {
    margin-left: 0.5rem;
    margin-right: 0 !important;
}

.title span {
    padding-left: 1rem;
    padding-right: 0 !important;
    display: inline-block;
}

.contact-form .fa {
    right: 0.8rem;
    left: inherit !important;
}

.contact-form .container .form-control {
    padding: .55rem 2.3rem .55rem .75rem !important;
}

.profile_form .input-group-text {
    padding: 0 20px 0 5px !important;
    border-right: 1px solid #f1f1f1 !important;
    border-left: 0 !important;
}

.profile_form .form-control {
    border-left: 1px solid #f1f1f1 !important;
    border-right: 0 !important;
}

.user_detail {
    padding-left: 0;
    padding-right: 15px;
}

.account_right_content {
    padding-left: 0;
    padding-right: 15px;
}

.shloka .fa {
    left: inherit;
    right: 1rem;
}

.owl-carousel .owl-item img {
    left: 0;
    right: inherit;
}

.article-media.buttons.with-shloka {
    margin-right: 0;
    margin-left: 15px;
}

.article-media-btn button.btn-youtube-article, .article-media-btn button.btn-audio-article {
    /*line-height: 28px;*/
}

.spirituality-block .spirituality-title,
.spiritual-block .spiritual-title {
    /*line-height: 34px;*/
}

.topic-block .fa {
    margin-right: 0;
    margin-left: .41rem;
}

.slider-text h1 {
    font-size: 1.8rem;
    /*line-height: 80px;*/
}

.slider-text h2 {
    font-size: 1.5rem;
}

.slider-text p {
    font-size: 1rem;
    /*line-height: 38px;*/
    margin: 0 0 10px;
}

.duas_home_wrapp_inner .duas_home_category ul li a {
    font-size: 16px;
    /*line-height: 26px;*/
    height: 28px;
}

.spritual_wrapp_home h3, .news h3 {
    font-size: 1.1rem;
    /*line-height: 36px;*/
}

.app_promo h1 {
    /*line-height: 80px;*/
    font-size: 2rem;
}

.app_promo h3 {
    font-size: 1.5rem;
    margin: 0;
}

.read_more_article {
    font-size: 1.1rem;
}

.app_promo h6 {
    font-size: 1.1rem;
    /*line-height: 30px;*/
}

footer .footer-menu-link {
    padding: 0.5rem 1.6rem;
}

.footer-bottom-menu li:nth-child(1) {
    margin-right: 0;
    margin-left: 1rem;
}

.video-block h3 {
    margin: 10px 0 0;
    /*line-height: 36px;*/
}

.aamaalsTab .nav-link {
    font-size: 1.2rem !important;
    padding: 0.5rem 1.2rem !important;
}

.aamaalsTabContentBlock h3 {
    font-weight: 700;
}

.theme-login .input-group-text {
    border-right: 1px solid #E0E6ED;
    border-left: 0;
}

.theme-login .form-control.border-start-0 {
    border-left: 1px solid #E0E6ED !important;
    border-right: 0 !important;
}

.theme-login .input-group-text2 {
    border-right: 1px solid #E0E6ED !important;
    border-left: 1px solid #E0E6ED !important;
}

.book-details h1 {
    font-size: 3rem;
    /*line-height: 80px;*/
}

.btn-combo .btn img {
    margin-right: 0;
    margin-left: 0.5rem;
}

.main_head .text-end {
    text-align: left !important;
}

label.form-error {
    bottom: -23px;
    font-size: 12px;
}

.loginModal .text-end {
    text-align: left !important;
}

.accont_tab ul li a i {
    transform: rotate(180deg);
}

.my_account_main .article {
    padding-right: 0;
    padding-left: 15px;
}

.top-header-left .current-location i {
    padding-left: 8px;
}

ul.languageDropdown.dropdown-menu {
    right: inherit !important;
    left: 0;
}

.hash-section .follow-us-block h6 {
    padding-right: 0;
    padding-left: 10px;
}

.top-header-left .fa-whatsapp {
    margin-right: 0;
    margin-left: 5px;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: inherit;
}

.contact-form .iti--allow-dropdown .form-control {
    padding: .55rem 3.5rem .55rem .75rem !important;
}

.contact-form .error_msg {
    top: -7px;
    right: inherit;
    left: 0;
}

label.form-error {
    bottom: -29px;
    left: inherit;
    right: 0;
}

.news-block h2,
.spiritual-block h2{
    /*line-height: 40px;*/
}

.title {
    /*line-height: 40px;*/
}

.main-title h1 {
    /*line-height: 46px;*/
}

.display-3 {
    font-size: 2.5rem;
}

@media only screen and (max-width: 1366px) {
    .spritual_wrapp_home h3, .news h3 {
        /*line-height: 30px !important;*/
    }
}

@media only screen and (max-width: 1024px) {
    .top-header {
        background-color: #237559 !important;
    }

}

@media only screen and (max-width: 991px) {
    #header_section .dropdown ul.languageDropdown {
        text-align: right;
    }

    .navbar-collapse .ms-3.dropdown {
        margin: 0 !important;
    }

    header .dropdown .dropdown-menu {
        text-align: right;
    }

    ul.languageDropdown.dropdown-menu {
        right: 0 !important;
        left: inherit;
    }
}

@media only screen and (max-width: 768px) {
    .footer-bottom,
    .footer-copyright,
    .footer-menu {
        text-align: right !important;
    }

    .video_button_wrapp .circle {
        width: 40px;
        height: 40px;
    }

    .slider-text p {
        font-size: 1rem;
        /*line-height: 35px;*/
    }

}

@media only screen and (max-width: 767px) {
    .footer-menu {
        text-align: right !important;
    }

    .footer-social {
        float: right !important;
    }

    .footer-bottom, .footer-copyright {
        text-align: right !important;
    }

    .footer-copyright {
        margin-bottom: 0.5rem !important;
    }

    .current-location {
        width: 100%;
        display: block;
        margin: 0;
    }

    .current-date .ms-2 {
        display: none;
    }

    .current-date span:nth-child(4),
    .current-date {
        width: 100%;
        display: block;
        margin: 0 !important;
    }

    .footer-privacy-policy {
        justify-content: revert !important;
        margin-top: 0.5rem;
    }

    .footer-bottom .justify-content-center {
        justify-content: right !important;
    }

    .footer-privacy-policy {
        justify-content: flex-start !important;
    }

    .footer-logo {
        text-align: right !important;
    }
}

@media only screen and (max-width: 481px) {
    .video_button_wrapp {
        left: 54% !important;
    }

    .app_promo h6 {
        /*line-height: 42px !important;*/
    }

    .app_promo h1 {
        /*line-height: 60px !important;*/
        font-size: 1.7rem !important;
    }

    .app_promo h3 {
        font-size: 1.3rem !important;
        margin: 15px 0 0;
    }

    .slider-text h1 {
        font-size: 32px !important;
        /*line-height: 70px !important;*/
    }

    .slider-text h2 {
        font-size: 20px !important;
    }

}
</pre></body></html>