* {
    outline: none !important;
}

html,
body {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-direction: column;
}

.directChange {
    direction: initial !important;
}

p.ayahTranslaBtnp.lang-en.translation-font-target {
    line-height: unset !important;
}
p.ayahTranslaBtnp.lang-ur.translation-font-target {
    line-height: normal !important;
}
p.ayahTranslaBtnp.lang-si.translation-font-target {
    line-height: normal !important;
}
p.TranslationText.lang-ur.variable_font {
    line-height: normal !important;
}
p.TranslationText.lang-en.variable_font {
    line-height: normal !important;
}
p.TranslationTexten.lang-en.variable_font{
    line-height: unset !important;
}
.tafseer-font-size.variable_font{
    line-height: unset !important;
}
p.ModBkBklFootnote{
    line-height: unset !important;
}
/*  */
.customNavBar .navbar-toggler {
    position: relative;
    border: 2px solid var(--all-color-someBorders);
    background: #ffffff;
}

.customNavBar .dropdown-menu {
    border: 0px;
    box-shadow: 0px 0px 10px #0000001a;
    background: var(--all-back-color-opi1);
    backdrop-filter: blur(10px);

}

.customNavBar .dropdown-menu li a {
    color: var(--navbarDropColor);
}

.customNavBar .dropdown-menu li a:hover {
    background: var(--all-back-color-dark-blue);
    color: var(--all-back-color);
}

.customNavBar .dropdown-menu li a:active {
    background: var(--all-back-color-dark-blue);
    color: var(--all-back-color);
}

.customNavBar .dropdown-menu li a:focus {
    background: var(--all-back-color-dark-blue);
    color: var(--all-back-color);
}

.customNavBar .navbar-toggler[aria-expanded=true] .lSpanNav {
    visibility: hidden;
}

.customNavBar .navbar-toggler:focus {
    box-shadow: 0px 0px 0px transparent !important;
}

.homeFirstSec {
    flex: 1;
}

.customNavBar .navbar-toggler .xSpanNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    font-weight: 600;
}

.customNavBar .navbar-toggler[aria-expanded=true] .xSpanNav {
    opacity: 1;
}

.arabic_font {
    font-family: Al-Qalam-V1;
}

.commmonDecoInher {
    text-decoration: none;
    color: inherit;
}

.commmonDecoInherFamily {
    text-decoration: none;
    font-family: 'Al-Qalam-V1';
    color: inherit;
}

.arabic_font_mus {
    font-family: Al_Mushaf;
}

.footerClass {
    background: var(--all-back-color-dark-black);
}

.footerClass a {
    text-decoration: none;
}

.footerClass a,
.footerClass p {
    font-family: 'OpenSans-Regular';
}

.footerClass h6 {
    font-family: 'OpenSans-Bold';
}

.urText {
    font-family: Al-Qalam-V1 !important;
    font-size: 18px;
    font-weight: 100 !important;
}

p.salasa-marker.arabic_font.pading_zero {
    padding: 0px !important;
    direction: rtl;
}

p.salasa-marker.arabic_font.pading_zero span {
    font-size: 18px;
}

.crsrPntr {
    cursor: pointer;
}

.surahNameHeading {
    direction: rtl;
}

.surahNameHeading i {
    font-size: 17px;
}

.rubaNisfSalasa_div {
    text-align: center;
    width: 100%;
}

.rubaNisfSalasa_div p {
    font-size: 25px !important;
    padding-left: 15px !important;
}

span[lang="AR-SA"] {
    color: var(--navbarDropColor) !important;
}

.tasfirAreaDiv p,
.tasfirAreaDiv span {
    color: var(--navbarDropColor) !important;
}

.fixedTop #dropdownMenuButton1 h1 {
    font-size: 18px;
    margin: 0px;
}

/* sh */
.homeFirstSec .page-link:hover {
    color: var(--themeSelectOptions-cl);
    background: var(--themeSelectOptions-bg);
    border-color: var(--themeSelectOptions-bg);
}

.homeFirstSec .active>.page-link,
.page-link.active {
    color: var(--themeSelectOptions-cl-active);
    background-color: var(--themeSelectOptions-bg-active);
    border-color: var(--themeSelectOptions-bg-active);
}

.darkiya .homeFirstSec .active>.page-link,
.page-link.active {
    color: #ffffff;
    background-color: #25292c;
    border-color: #25292c;
}

.darkiya .homeFirstSec .page-link:hover {
    background: #717171;
    border-color: #717171;

}

.homeFirstSec .page-link:focus {
    box-shadow: none;
    color: #000000;
}

.homeFirstSec .page-link {
    color: #000000;
    border-radius: 0px !important;
    margin: 0px !important;
}

.homeFirstSec .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.homeFirstSec .pagination .page-item {
    margin: 3px 0px;
}

.selectSuraBnrnamep,
.selectSuraBnrAyahp {
    color: var(--selectSuraBnr-name-Ayahp) !important;
}

.selectSuraBnrnameBtn#goToBtnSurah {
    color: var(--gotoColor) !important;
}

/* sh */
#ayatContainer {
    direction: rtl;
}

#ayatContainer .ayat-line {
    display: ruby;
    unicode-bidi: isolate;
    white-space: break-spaces;
}

@supports (-moz-appearance: none) {
    #ayatContainer .ayat-line {
        display: unset;
    }
}

@media(max-width: 1199px) {
    .footerClass .container {
        max-width: 100%;
    }
}

@media(max-width:576px) {
    .footerClass .footerNav {
        font-size: 12px;
    }

    .suraParaDropBner .suraParaDropBnerColDiv {
        padding: 5px !important;
    }

    .suraParaDropBner .selectSuraBnrnameDiv p,
    .suraParaDropBner .selectSuraBnrAyahDiv p {
        padding: 2px 3px !important;
        font-size: 14px;
    }
}