/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

/*@font-face {*/
/*    font-family: 'me_quran';*/
/*    src: url('../fonts/me_quran/me_quran.eot?#iefix') format('embedded-opentype'), url('../fonts/me_quran/me_quran.woff') format('woff'), url('../fonts/me_quran/me_quran.ttf') format('truetype'), url('../fonts/me_quran/me_quran.svg#me_quran') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'jameel_noori_nastaleeqregular';*/
/*    src: url('../fonts/jameel_noori/jameel_noori_nastaleeq.woff2') format('woff2'), url('../fonts/jameel_noori/jameel_noori_nastaleeq.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'KFGQPCUthmanTahaNaskh';*/
/*    src: url('../fonts/uthman/KFGQPCUthmanTahaNaskh.eot?#iefix') format('embedded-opentype'), url('../fonts/uthman/KFGQPCUthmanTahaNaskh.woff') format('woff'), url('../fonts/uthman/KFGQPCUthmanTahaNaskh.ttf') format('truetype'), url('../fonts/uthman/KFGQPCUthmanTahaNaskh.svg#KFGQPCUthmanTahaNaskh') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Noto Naskh Arabic';*/
/*    src: url('../fonts/notonaskharabic-regular/NotoNaskhArabic.woff2') format('woff2'),*/
/*    url('../fonts/notonaskharabic-regular/NotoNaskhArabic.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Droid Sans Arabic';*/
/*    src: url('../fonts/droidsansarabic/DroidSansArabic.woff2') format('woff2'),*/
/*    url('../fonts/droidsansarabic/DroidSansArabic.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/


/*================ Body ================ */

/*body {
    position: relative;
    color: #282F39;
    font-weight: normal;
     overflow-x: hidden;
}*/

/*.arabicfont {*/
/*    !* font-family: 'me_quran' !important; *!*/
/*    !*font-family: 'KFGQPCUthmanTahaNaskh';*!*/
/*    !*font-family: 'Noto Naskh Arabic';*!*/
/*    !*font-family: 'Droid Sans Arabic';*!*/
/*    text-align: right !important;*/
/*    line-height: 200% !important;*/
/*    margin-bottom: 1.2rem !important;*/
/*    font-size: 1.3rem !important;*/
/*    direction: rtl;*/
/*    font-weight: 500;*/
/*}*/

body.imamia_access_no {
    overflow: hidden !important;
}
.ltr {
    direction: ltr;
}
.navbar-toggler:focus {
    box-shadow: none;
}

small {
    font-size: .8em;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

textarea {
    overflow: hidden;
    appearance: none;
    resize: none;
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer;
}

img {
    max-width: 100%;
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.transition {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}


/*.content-wrapper {*/
/*    margin-top: 10rem;*/
/*}*/

form {
    margin: 0;
}

.text-green {
    color: #237559 !important;
}

.text-red {
    color: #D7554E !important;
}

.bg-green {
    background-color: #237559 !important;
}

.bg-light-green {
    background-color: #EEF4F2 !important;
}

.bg-red {
    background-color: #D7554E !important;
}

.btn-green {
    background-color: #237559 !important;
    color: #ffffff !important;
}

.btn-green:hover,
.btn-green:focus {
    background-color: #217558 !important;
    color: #ffffff !important;
}

.btn-red {
    background-color: #D7554E !important;
    color: #ffffff !important;
}

.btn-red:hover,
.btn-red:focus {
    background-color: #D53B37 !important;
    color: #ffffff !important;
}

.form-check-input:checked {
    background-color: #237559;
    border-color: #237559;
}

.wrapper {
    padding: 2rem 0;
}

.sub-title {
    border-left: 4px solid #237559;
}

.truncate-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: clip;
    -webkit-line-clamp: 2;
}

.truncate-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.truncate-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

.title {
    text-transform: capitalize;
    position: relative;
    font-size: 1.75rem !important;
    font-weight: 500 !important;
}

.title span {
    background-color: #fff;
    padding-right: 1rem;
}

.title::before {
    content: "";
    background: #237559;
    width: 100%;
    padding: 0.1rem;
    position: absolute;
    top: 1.2rem;
    z-index: -1;
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

audio:focus {
    outline: none;
    box-shadow: none;
}

/*==================================================
                    Header CSS
==================================================*/

header {
    border-bottom: 1px solid #F5F9F7;
    width: 100%;
    display: inline-block;
}

.top-header {
    background-color: #237559;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.top-header::after {
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #EEF4F2;
    position: absolute;
}

.top-header::before {
    content: "";
    width: 50%;
    height: 290%;
    top: 90px;
    right: 26px;
    background-color: #EEF4F2;
    position: absolute;
    transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
}

.top-header-left {
    width: 100%;
    padding: 0.4rem 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*.top-header-left .fa-whatsapp {
    background: #FACE30;
    height: 2.1rem;
    width: 2.1rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 2.5rem;
    margin-right: 5px;
}*/
.top-header-left .fa-whatsapp {
    background: transparent;
    height: auto;
    width: auto;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 2.5rem;
    margin-right: 5px;
    font-size: 21px;
}

.top-header-left .header-call {
    display: flex !important;
    align-items: center;
}

.top-header-left .header-call a {
    line-height: 27px;
}

.header-call {
    font-weight: 600;
}

.header-call a:hover {
    color: #ffffff;
}

.top-header-left * {
    color: #ffffff;
    font-size: 0.95rem;
}

.top-header-right {
    position: relative;
    width: 100%;
    background-color: #EEF4F2;
    padding: 0.2rem;
    display: flex;
    z-index: 12;
    justify-content: flex-end;
    align-items: center;
}

.top-header-right .btn-group {
    padding: 0.2rem;
    background-color: #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.btn-active {
    background-color: #D7554E !important;
    color: #ffffff !important;
}

.languageDropdown .active a {
    color: #ffffff !important;
}

.languageDropdown .active {
    background-color: #D7554E !important;
    color: #111111;
}

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

.btn-muslim-type-shia:hover {
    background-color: #237559 !important;
    color: #ffffff !important;
}

.navbar {
    padding: 0;
    transition: all 300ms ease;
}

.navbar.fixed-top {
    box-shadow: 0 .01rem 0.51rem rgba(0, 0, 0, .15) !important;
}

.nav-link {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
    color: #282F39;
    text-transform: capitalize;
}

.nav-item:hover .nav-link,
.nav-item .active {
    background-color: #217558 !important;
    color: #fff !important;
}

.btn-outline-success:hover {
    background-color: #217558 !important;
    color: #fff !important;
}

.btn-outline-success {
    border-color: #217558;
}

.btn-combo .btn img {
    width: 1.82rem;
    margin-right: 0.5rem;
}

.btn-combo .btn {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 9rem;
}

/* Languge Modal */

.modal-header {
    position: relative;
    display: block;
}

.modal-title {
    text-align: center;
    font-weight: 600;
}

.modal-footer {
    display: block;
    border: none;
}

.modal-header {
    position: relative;
}

.modal-header .btn-close {
    width: 0.25rem;
    height: 0.25rem;
    padding: .25em .25em;
    color: #000;
    border-radius: .25rem;
    opacity: 1;
    position: absolute;
    right: 1.52rem;
    top: 2rem;
}

.modal-body .form-check-label {
    display: block;
}

/*  */

header .dropdown .dropdown-menu {
    padding: 0;
}

header .dropdown-item {
    padding: 0.5rem 0.8rem;
}

header .dropdown-item.active,
header .dropdown-item:active,
header .dropdown-item:focus,
header .dropdown-item:hover {
    color: #ffffff;
    background-color: #3f3f3f;
}


/*==================================================
                    Footer CSS
==================================================*/

footer {
    background-color: #282F39;
    background-image: url('../images/footer-bg.png');
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 2rem 0 1rem 0;
}

.footer-menu {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

footer .footer-menu-link {
    color: #ffffff;
    border-radius: 100px;
    padding: 0.5rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

footer .footer-menu-link:hover {
    background-color: #ffffff;
    color: #232932;
}

.footer-menu ul li {
    display: inline;
}

.footer-privacy-policy .nav-item a {
    color: #ffffff;
}

.footer-bottom-menu li {
    margin-right: 1rem;
}

.footer-bottom-menu li {
    display: inline;
}

.footer-social {
    float: right;
}

.footer-social ul {
    display: flex;
}

.footer-social-icon {
    color: #ffffff;
    border: 1px solid #ffffff;
    display: flex;
    width: 2rem;
    height: 2rem;
    margin: 0 0.4rem;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}

.footer-social-icon:hover {
    background-color: #ffffff;
    color: #000;
}

.footer-bottom {
    border-top: 1px solid #ffffff1a;
    padding-top: 1rem;
    margin-top: 1rem;
}

.footer-bottom * {
    font-size: 0.9rem !important;
}

.shloka {
    background-image: url('../images/bannerbg.jpg');
    padding: 3.5rem 1rem 0rem 1rem;
    border: 1px solid #f1f1f1;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.shloka .fa {
    background: #207558;
    color: #fff;
    width: 4rem;
    height: 4rem;
    border-top-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-bottom: 1rem;
    position: absolute;
    top: -1rem;
    left: 1rem;
}


/* article-sidebar*/

.article-sidebar .img {
    width: 3rem;
    height: 3rem;
    border-radius: 5rem;
    background-color: #ffffff;
    padding: 0.25rem;
    margin-right: 1rem;
}

.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #207558 !important;
}

.accordion-item,
.accordion-item:last-of-type .accordion-button,
.accordion-item:first-of-type .accordion-button,
.accordion-item .accordion-button {
    border-top-left-radius: 1.82rem !important;
    border-bottom-right-radius: 1.82rem !important;
    text-transform: capitalize;
}

.accordion-item .accordion-button {
    padding: 0.2rem;
}

.accordion-item .accordion-button,
.accordion-item {
    background: #EEF4F2;
    border: none;
}

.accordion-collapse {
    border: none;
}

.accordion-item {
    margin: 0.5rem 0;
}

.accordion-button::after {
    content: '';
    font-family: FontAwesome;
    background: none;
}

.accordion-button:not(.collapsed)::after {
    content: '';
    font-family: FontAwesome;
    background: none;
    transform: rotate(0);
}

.article-sub-category li.active a {
    color: #D7554E !important;
}

.article-sub-category li a {
    color: #282F39;
}

.article-sub-category li {
    margin: 0.5rem 0;
}

.accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.accordion-body {
    padding: 0.5rem 1.25rem;
}


/*=================================================
                    Home Page
==================================================*/

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

.slider-text a img {
    width: 10.2rem !important;
}

.slider-img {
    position: relative;
    height: 18rem;
    width: 100%;
}

.slider-img img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 14rem;
}

.slider-text {
    height: 18rem;
}

.slider-text a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.hero-slider {
    margin-top: -25px;
}

.hero-slider .item .btn {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    width: 9rem;
    height: 3rem;
}

.slider-text h1 {
    font-weight: bold;
    font-size: 3.5rem;
    margin: 0;
}

.slider-text p {
    font-size: 0.9rem;
}

.hero-slider .item {
    background-image: url(../images/slider-bg.svg);
    background-position: bottom;
    background-repeat: repeat-x;
}


/* Prayer */

.prayertime {
    padding: 0.8rem 0;
}

.prayertime .prytimerow {
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.prytimerow .prycol {
    padding: 0.25rem 0.6rem;
    background-color: #BD4B45;
    width: 16%;
    border-radius: 0.3rem;
}

.pryactive {
    background: #237559 !important;
}

.prydiv {
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
}

.current-time {
    color: #fff;
    top: 0.3rem;
    position: relative;
}

.duas-home-cat-list .duas-title {
    background: #F6F6F6;
    padding: 0.5rem;
    font-weight: bold;
    display: block;
}

.duas-home-cat-list .duas-title img {
    width: 1.5rem;
    margin-right: 0.5rem;
}

.duas-home-cat-list .duas-cat-list li a {
    color: #282F39;
    font-size: 0.9rem;
}

.duas-cat-list {
    margin-top: 0.51rem;
}

.duas-cat-list ul {
    margin-left: 1.5rem !important;
}

.duas-cat-list li {
    list-style: disc;
}

.aamaalsTab .nav-link {
    font-size: 0.8rem !important;
    padding: 0.5rem 0.5rem !important;
    background: #F5F9F7;
    border-radius: 0.2rem;
    border: none;
}

.aamaalsTab {
    border: none;
    display: flex;
    justify-content: start;
    margin-bottom: 0.8rem;
}

.aamaalsTab li {
    margin-right: 8px;
}

.aamaalsTabContentBlock {
    margin-bottom: 1rem;
}

.aamaalsTabContentBlock h3 {
    font-size: 1.25rem;
}

.aamaalsTabContentBlock a {
    font-size: .8rem;
    color: #217558;
}

.aamaalsTabContentBlock a:hover {
    color: #d7554e;
}

/*===========================================
    Duas home
================================*/

.duas_home_wrapp_inner .duas_home_category h3 {
    background: #F6F6F6;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    height: 31px;
}

.duas_home_wrapp_inner .duas_home_category img {
    padding-right: 8px;
}

.duas_home_wrapp_inner .duas_home_category ul {
    padding-left: 15px;
    margin-top: 10px;
}

.duas_home_wrapp_inner .duas_home_category ul li {
}

.duas_home_wrapp_inner .duas_home_category ul li a {
    font-size: 14px;
    color: #282F39;
    line-height: 22px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    height: 24px;
}

.duas_home_wrapp_inner .duas_home_category ul li a:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #282F39;
}

.duas_home_wrapp_inner .duas_home_category ul li a:hover {
    color: #d7554e;
}

.duas_home_wrapp_inner .duas_home_category ul li a:hover:before {
    background: #2E8164;
}

/*===========================================
    Contact
================================*/
.contact-form {
    background: #F2F2F2;
    padding: 2rem 0;
    width: 100%;
    display: inline-block;
    margin-bottom: -25px;
}

.contact-form .fa {
    top: 0.75rem;
    left: 0.8rem;
    opacity: 0.8;
}

.contact-form .form-control {
    padding: .55rem .75rem .55rem 2.3rem !important;
    border-radius: 0;
    border-color: transparent;
}

.form-control:focus,
.form-select:focus {
    outline: none;
    box-shadow: none;
    width: 100%;
    border-color: #25755A;
}

.contact-form .btn-app-store {
    width: 13rem;
}

.contact-form .btn-app-store:hover {
    box-shadow: 0 .01rem 0.51rem rgba(0, 0, 0, .15) !important;
}

/* Book */
.book p {
    font-size: 1rem !important;
}

.main-title h2 {
    text-transform: capitalize;
}

.category-tag {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.category-tag a:hover {
    background: #EEF4F2;
    color: #237559 !important;
}

.category-tag a {
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    background: #f1f1f1;
    margin: 0.25rem;
    color: #282F39;
}

/*===============================
            news page
===============================*/
.news-block {
    margin-bottom: 1rem;
}

.news-block {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.news-block .news-block-title a:hover,
.spirituality .spirituality-block a:hover,
.spiritual-block .spiritual-block-title a:hover,
.spritual_wrapp_home a:hover,
.spritual-block.details a:hover,
.news a:hover,
.news-block.details a:hover {
    color: #d7554e !important;
}

.news-block h2 {
    font-size: 1.2rem;
    /*line-height: 29px;*/
}

.news-page .news-block .news-img {
    width: 100%;
    height: 13rem;
    margin-bottom: .7rem;
    border-radius: 0.25rem;
    background-size: contain;
    background-color: #f7f7f7;
}

.news-block .news-title {
    color: #282F39 !important;
}

.news-block .news-title:hover {
    color: #d7554e !important;
}

.spirituality-block .spirituality-title:hover {
    color: #d7554e !important;
}

.spirituality-block.small-block .bg-img {
    width: 100%;
    height: 5rem;
    border-radius: 0.25rem;
    margin-top: 5px;
    background-size: contain;
    background-color: #f7f7f7;
}

.news-block .news-title {
    color: #282F39 !important;
}

.news-block .news-title:hover {
    color: #d7554e !important;
}

.news-block.small-block .bg-img {
    width: 100%;
    height: 5rem;
    border-radius: 0.25rem;
}

.spiritual-block.details .bg-img {
    width: 100%;
    height: 25rem !important;
    border-radius: 0.25rem;
}

.spiritual-block.details .bg-img,
.news-block.details .bg-img {
    width: 100%;
    height: 25rem !important;
    border-radius: 0.25rem;
}

.spirituality-block .spirituality-title {
    color: #282F39 !important;
}

.follow-us-block li {
    display: inline-block;
}

.follow-us-block ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.follow-link {
    padding: 10px 30px;
    margin: 0.25rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.follow-link:hover {
    color: #ffffff;
    box-shadow: 0px 7px 18px -13px rgba(0, 0, 0, 0.69);
    -webkit-box-shadow: 0px 7px 18px -13px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 0px 7px 18px -13px rgba(0, 0, 0, 0.69);
}

.link-facebook {
    background: #385797;
}

.link-facebook:hover {
    background: #2754B1;
}

.link-twitter {
    background: #27A2EF;
}

.link-twitter:hover {
    background: #0B8CDD;
}

.link-google {
    background: #4285F4;
}

.link-google:hover {
    background: #4285D4;
}

.link-linkedin {
    background: #0E76A8;
}

.link-linkedin:hover {
    background: #0B6B9B;
}

.link-pinterest {
    background: #C9232D;
}

.link-pinterest:hover {
    background: #CF1324;
}

.link-instagram {
    background: radial-gradient(circle at 0% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}

.link-instagram:hover {
    background: radial-gradient(circle at 0% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    opacity: 0.9;
}

.link-youtube {
    background: #C71F1E;
}

.link-youtube:hover {
    background: #981110;
}

.link-whatsapp {
    background: #4FCE5D;
}

.link-whatsapp:hover {
    background: #4FCE1D;
}

.topic-block a {
    color: #282F39 !important;
    width: 100%;
    display: inline-block;
    padding: 0.4rem 1rem 0.4rem 0;
}


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

.topic-block li:hover a {
    color: #237559 !important;
    background: #EEF4F2;
    padding: 0.4rem .71rem;
}

.topic-block li a.active {
    color: #d7554e !important;
}

.spiritual-block .spiritual-title {
    color: #282F39 !important;
}

.spiritual-block .spiritual-title:hover {
    color: #d7554e !important;
}

.spiritual-block h2 {
    font-size: 1.3rem;
    /*line-height: 29px;*/
}

.spiritual-block {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
}

.spiritual-block .spiritual-img {
    width: 100%;
    height: 13rem;
    border-radius: 0.25rem;
    background-size: contain;
    background-color: #f7f7f7;
    margin-bottom: .7rem;
}

.spirituality .spirituality-block {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

/*Login*/
.theme-login .form-select,
.theme-login .form-control {
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 1.25rem 0.75rem 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #E0E6ED;
    border-radius: 0.25rem;
    box-shadow: none;
    transition: all 0.2s ease;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.theme-login .form-select {
    padding: .375rem .75rem .375rem 1.1rem;
}

.theme-login .input-group-text {
    background: transparent;
    border-right: none;
    color: #8492A6;
    padding: .375rem .75rem .375rem 1rem;
    border-color: #E0E6ED !important;
}

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

.theme-login h6 {
    font-weight: bold;
}

.btn-facebook:hover,
.btn-facebook {
    background-color: #2174E8;
    border-color: #2174E8;
}

.loginModal .modal-body {
    padding: 0;
}

.loginModal .modal-content {
    background-color: transparent;
    border: none;
}

.loginModal .modal-header {
    padding: 0;
    border-bottom: 0;
}

.loginModal .btn-close, .logoutModal .btn-close {
    color: #237559;
    text-decoration: none;
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    font-size: 0.7rem;
    padding: 12px;
    background-color: #ececec;
}

.loginModal .btn-close:hover, .logoutModal .btn-close:hover {
    background-color: #ddd;
}

.theme-login .input-group {
    flex-wrap: nowrap;
}

label.form-error {
    position: absolute;
    bottom: -17px;
    font-size: 13px;
    color: red;
    font-weight: 300;
    left: 0;
}

/*My account page css*/
.my_account_top {
    background-image: url(../images/slider-bg.svg);
    background-position: bottom;
    background-repeat-y: no-repeat;
    height: 160px;
    text-align: center;
    padding: 40px 0;
}

.my_account_top h1 {
    font-size: 43px;
    font-weight: 700;
    color: #2E8164;
}

.my_account_main {
    padding: 50px 0 0;
    min-height: 400px;
}

.accont_tab {
    background: #F5F9F7;
    padding: 30px 40px;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
}

.accont_tab ul li a {
    font-size: 18px;
    color: #282F39;
    font-weight: 500;
    line-height: 60px;
}

.accont_tab ul li.active a,
.accont_tab ul li.active a:hover {
    color: #D7554E;
}

.accont_tab ul li a:hover {
    color: #2E8164;
}

.user_profile {
    margin: 0 0 30px;
}

.account_right_content {
    padding-left: 15px;
    min-height: 52vh;
}

.account_right_content h2 {
    font-size: 32px;
    color: #262626;
    font-weight: 700;
    margin: 0 0 20px;
}

.user_profile {
    display: flex;
    align-items: center;
}

.user_detail {
    padding-left: 15px;
}

.user_detail p {
    font-size: 15px;
    font-weight: 400;
    color: #393939;
    margin: 0;
}

.user_detail p span.user_name {
    font-size: 18px;
    font-weight: 600;
}

.profile_form .form-control,
.profile_form .form-select {
    border: 1px solid #F1F1F1;
    border-radius: 2px;
    font-size: 14px;
}

.profile_form .input-group {
    flex-wrap: nowrap;
    margin: 0 0 20px;
}

.profile_form .input-group-text {
    background: transparent;
    border: 1px solid #F1F1F1;
    padding: 0 5px 0 20px;
    border-right: 0;
}

.profile_form .input-group-text i {
    color: #8492A6;
}

.profile_form .btn-red {
    display: inline-block;
    width: auto;
    padding: 8px 40px;
}

.account_right_content .nav-tabs {
    border-bottom: 0;
}

.account_right_content .nav-tabs .nav-item {
    margin-right: 10px;
}

.account_right_content .nav-tabs .nav-link {
    font-size: 18px;
    padding: 10px 50px !important;
    border-radius: 5px;
    background: #EEF4F2;
}

.app_promo {
    padding-left: 50px;
}

.top-header-right .btn-login {
    border: 1px solid #237559;
    border-radius: 30px;
    padding: 6px 30px;
    color: #237559;
    line-height: 18px;
}

.btn-group.rounded-pill .btn-sm.btn-muslim-type-shia {
    padding: .15rem .5rem;
    line-height: 18px;
}

.top-header-right .btn-login:hover {
    background: #237559;
    color: #fff;
}

/*logout Modal css*/
.modal-confirm .modal-content {
    padding: 0px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
    padding: 0;
}

.modal-confirm .modal-body {
    color: #999;
    padding: 40px 40px 0px 40px;
}

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #237559;
}

.modal-confirm .icon-box i {
    color: #237559;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
    border: 0;
}

.modal-confirm .modal-body {
    color: #999;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm .modal-footer .btn-red {
    padding: 7px 40px;
}

.modal-confirm .modal-footer .btn-secondary {
    padding: 7px 40px;
}

.content-wrapper {
    min-height: calc(100vh - 225px);
    padding: 25px 0;
}

/*#header_section .dropdown ul.languageDropdown {*/
/*    margin-top: 8px;*/
/*}*/

.article-media-btn button.btn-youtube-article,
.article-media-btn button.btn-audio-article {
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    padding: 0;
}

.article-media.buttons.with-shloka {
    margin-bottom: -48px;
    position: relative;
    z-index: 99;
    margin-right: 15px;
}

.description, .pronunciation, .translation {
    margin-bottom: 1rem;
}

.quote-categories ul.article-sub-category li {
    margin: 0.5rem 3px;
    display: inline-block;
}

.quote-categories ul.article-sub-category li a {
    border-top-left-radius: 1.82rem !important;
    border-bottom-right-radius: 1.82rem !important;
    text-transform: capitalize;
    background: #EEF4F2;
    border: none;
    display: block;
    padding: 11px 12px;
}

.quote-categories ul.article-sub-category li.active a {
    color: #ffffff !important;
    background: #207558;
}

/*pagination css*/
.pagination-container nav svg {
    width: 30px;
}

.pagination-container nav > div.justify-between {
    display: none;
}

.pagination-container nav > div.justify-between a {
    color: #237559;
    border: 1px solid #237559 !important;
}

.pagination-container nav div:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.pagination-container nav div:last-child span {
    box-shadow: none !important;
}

.pagination-container nav div:last-child span span {
    margin: 0 1px;
    width: 40px;
    padding: 0 !important;
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.pagination-container nav div:last-child span span[aria-current="page"] span {
    background: #237559 !important;
    color: #fff;
    border: 1px solid #237559 !important;
}

.pagination-container nav div:last-child p {
    margin: 0;
}

.pagination-container nav div:last-child span a {
    color: #237559;
    margin: 0 1px;
    width: 40px;
    padding: 0 !important;
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.not_available {
    background-image: url(../images/slider-bg.svg);
    padding: 8rem 3rem 12rem;
    border: 1px solid #f1f1f1;
    margin-top: 2rem;
    margin-bottom: 1rem;
    background-repeat: repeat-x;
    background-position: bottom center;
    text-align: center;
}

.not_available img {
    width: 100px;
    margin: 0 0 20px;
}

.not_available p {
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

/*.spiritual-block .spiritual-img {
    background-size: contain;
    background-color: #f7f7f7;
    margin-bottom: .7rem;
}*/

.quotes-home-list .shloka {
    padding: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0 0 5px;
    /*height: 118px;*/
}

.quotes-home-list .shloka p {
    line-height: 3rem !important;
    margin-bottom: 1.2rem !important;
    font-size: 1.4rem !important;
    overflow: hidden;
}

.quotes-home-list .description {
    margin: 0 0 5px;
}

.video-block {
    position: relative;
}

.video-block a {
    position: relative;
    display: block;
}

.video-block h3 {
    font-size: 1rem;
    /*color: #000;*/
    /*margin: 0;*/
    line-height: 1.8rem;
    /*line-height: 25px;*/
    /*font-weight: 500 !important;*/
}

/*.video-block h3:hover{*/
/*    color: #D7554E;*/
/*}*/
.video_button_wrapp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
}

.video_button_wrapp .circle {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    margin: auto;
    transform: scale(1, 1);
}

.video_button_wrapp .circle.pulse {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: 0.5s ease;
}

.video_button_wrapp:hover .circle.pulse {
    opacity: 1;
}

.video_button_wrapp svg {
    fill: #fff;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 5;
    transition: all 0.3s;
}


@-webkit-keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.article-video_wrapp {
    margin-top: 7px;
}

.article-video_wrapp a.btn-youtube-article {
    padding: 10px 20px;
    font-size: 15px;
    line-height: 13px;
}

.article-video_wrapp a.btn-youtube-article i {
    margin-right: 5px;
}

.spritual_wrapp_home h3,
.news h3 {
    font-size: 1rem;
    font-weight: 700;
}

.spritual_wrapp_home h3 a,
.news h3 a {
    color: #282F39;
    transition: 0.5s ease;
}

.spritual_wrapp_home h3 a:hover,
.news h3 a:hover {
    color: #d7554e;
}

/*.news img{*/
/*    width: 100%;*/
/*}*/

.book_preview {
    position: relative;
    height: 600px;
    width: 100%;
}

.advertisement img {
    width: 100%;
}

.loginModal .input-group span.input-group-text {
    cursor: pointer;
}

.account_right_content .profile_photo {
    width: 100px;
    height: 100px;
    background: #f7f7f7;
    border-radius: 50%;
}

.account_right_content .profile_photo img {
    border-radius: 50%;
}

.my_account_main .account_right_content .profile_form .input-group-text {
    padding: 0 15px 0 15px;
    border-right: 1px solid #F1F1F1;
    cursor: pointer;
}

.my_account_main .article {
    margin-top: 20px;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px;
}

.my_account_main .article::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.my_account_main .article::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.my_account_main .article::-webkit-scrollbar-thumb {
    background-color: #217558;
}

.my_account_main .not_available {
    padding: 6rem 3rem 6rem;
}

.main_head {
    padding: 10px;
}

.main_head span {
    color: #ffffff;
    font-size: 0.95rem;
}

.main_head a {
    color: #000;
    font-size: 0.95rem;
}

.main_head .fa-phone {
    background: #FACE30;
    height: 2.1rem;
    width: 2.1rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 2.5rem;
    margin-right: 5px;
}

.reset_password_wrapp {
    display: table;
    width: 100%;
    background-image: url(../images/slider-bg.svg);
    background-position: bottom;
    background-repeat-y: no-repeat;
    background-color: #fff;
}

.reset_password_wrapp .reset_password_inner {
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 91px);
}

.reset_password_wrapp .regilogo {
    text-align: center;
    margin: 15px 0 30px;
}

.reset_password_wrapp .registration-form-content {
    max-width: 550px;
    margin: 0 auto;
    padding: 30px 50px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.reset_password_wrapp .registration-form-content h3 {
    margin: 0 0 30px !important;
}

.reset_password_wrapp .input-group-text {
    background: #fff;
    border: 1px solid #F1F1F1;
    padding: 0 5px 0 20px;
    border-right: 0;
}

.reset_password_wrapp .registration-form-content .input-group-text {
    padding: 0 15px 0 15px;
    border-right: 1px solid #F1F1F1;
    cursor: pointer;
    border-radius: 3px !important;
}

.reset_password_wrapp .form-control:focus, .reset_password_wrapp .form-select:focus {
    outline: none;
    box-shadow: none;
    width: auto;
    border-color: #f1f1f1;
}

.reset_password_wrapp .form-control, .reset_password_wrapp .form-select {
    border: 1px solid #F1F1F1;
    border-radius: 2px;
    font-size: 14px;
}

.reset_password_wrapp label {
    display: block;
    width: 100%;
}

.category-tag a.active {
    background: #d7554e;
    color: #fff !important;
}

.my_account_main #logoutModal button.close {
    color: #000;
    text-decoration: none;
    opacity: 1;
    position: absolute;
    top: -20px;
    right: -16px;
    z-index: 9;
    font-size: 17px;
    width: auto;
    height: auto;
    padding: 0;
    font-weight: 600;
    background: transparent;
}

/*.spritual_wrapp_home img {
    height: 80px;
    object-fit: cover;
    background: #f7f7f7;
}*/

.main-title h1 {
    font-size: 2rem;
}

.flipbook-tocItem .title {
    text-transform: inherit !important;
    position: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.flipbook-tocItem .title::before {
    display: none;
}

.main_head a:hover {
    color: #237559;
    font-size: 0.95rem;
}

header ul.dropdown-menu {
    top: 120%;
}

.read_more_article {
    font-size: .8rem;
    color: #217558;
}

.read_more_article:hover {
    color: #d7554e;
}

#languageselectModal .rounded-pill {
    width: 100%;
    background: #f7f7f7;
    padding: 5px;
}

#languageselectModal .dropdown h4 {
    font-size: 18px;
    margin: 0 0 10px;
}

#languageselectModal .btn-outline-success {
    width: 100%;
}

.language_select {
    background: #fff;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    background-image: url(../images/slider-bg.svg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.language_select_main {
    padding: 0px;
    margin: 150px 0px;
    border-radius: 25px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    background: #fff;
}

.language_select_main .logo {
    padding: 30px;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.language_select_main form .fotm_body {
    padding: 30px 70px;
}

.language_select_main .form_footer {
    padding: 20px 70px;
    border-top: 1px solid #ddd;
}

.contact-form #frm_contact .iti--allow-dropdown {
    background: #fff !important;
    width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}

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

.contact-form #frm_contact .iti--allow-dropdown ul.iti__country-list {
    max-width: 307px;
}

.contact-form .error_msg {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 15px;
}

.about .not_available,
.duas_home_wrapp .not_available,
.quotes-home-cat-list .not_available {
    padding: 6rem 3rem 7rem;
}

.videos .not_available {
    padding: 3rem 3rem 4rem;
}

.aamals .tab-content .not_available {
    padding: 2rem 3rem 2rem;
    margin-top: 10px;
}

.aamals .tab-content h4 {
    font-size: 1.2rem;
}

.categories_title {
    border-top-left-radius: 1.82rem !important;
    border-bottom-right-radius: 1.82rem !important;
    text-transform: capitalize;
    background: #eef4f2;
    padding: 15px 30px;
}

.news .news_article img {
    width: 100%;
}

.news .not_available {
    margin-top: 0;
}

.social_login_title {
    text-align: center;
    position: relative;
    z-index: 9;
    margin: 0 0 10px;
}

.social_login_title h4 {
    font-size: 15px;
    text-align: center;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 0 10px;
}

.social_login_title span {
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 1;
}

.hash-section .follow-us-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hash-section .follow-us-block li {
    padding: 0 3px;
}

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

.hash-section .follow-link {
    padding: 10px 0px;
    margin: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    background: transparent !important;
    border: 1px solid #207558;
    color: #207558;
    border-radius: 5px;
}

.hash-section .follow-link:hover {
    background: #207558 !important;
    border-color: #207558 !important;
    color: #fff;
}

/*.hash-section .follow-link.link-favorite:hover,*/
.hash-section .follow-link.link-favorite.active {
    background-color: #D7554E !important;
    border-color: #D7554E !important;
    color: #fff;
}

/*.hash-section .follow-link.link-favorite.active:hover{
    background-color: #fff !important;
    border-color: #207558 !important;
    color: #207558;
}*/

.spiritual-block.details,
.news-block.details {
    border: 0;
}

.spiritual-block.details h1,
.news-block.details h1 {
    font-size: 1.8rem;
}

.spiritual-block.details .hash-section .follow-us-block,
.news-block.details .hash-section .follow-us-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.spiritual-block.details .bg-img, .news-block.details .bg-img {
    margin-bottom: 20px;
}

.post-tags a {
    border: 1px solid;
    border-radius: 5px;
    padding: 3px 5px;
    margin-right: 3px;
    display: inline-block;
    margin-bottom: 6px;
    text-transform: capitalize;
    line-height: initial;
}