/*@import url('../fonts/IBM_Plex_Sans_Arabic/style.css');*/


:root {
    --primary: #BC9661;
    --secondary: #1F2A37;
    --third-color: #b29c65; /*#DBA102*/
    --gradient: linear-gradient(73.08deg, #BC9661 15.14%, #1F2A37 92.25%);
    --primary-hover: #1e90d6;
    --primary-dark: #11547d;
    --rgba-primary-1: rgba(66, 167, 229, 0.1);
    --rgba-primary-2: rgba(66, 167, 229, 0.2);
    --rgba-primary-3: rgba(66, 167, 229, 0.3);
    --rgba-primary-4: rgba(66, 167, 229, 0.4);
    --rgba-primary-5: rgba(66, 167, 229, 0.5);
    --rgba-primary-6: rgba(66, 167, 229, 0.6);
    --rgba-primary-7: rgba(66, 167, 229, 0.7);
    --rgba-primary-8: rgba(66, 167, 229, 0.8);
    --rgba-primary-9: rgba(66, 167, 229, 0.9);
    --font-family-base: IBMPlexSansArabic, sans-serif;
    --font-family-title: IBMPlexSansArabic, sans-serif;
    --border-radius-base: 8px;
    --border-color: #CBD5E1;
    --body-color: #7D8FAB;
    --dark: #393939;
    --bg-white: #FFF;
    --box-shadow: 0px 12px 30px 0px rgba(48, 48, 48, 0.14);
    --title: #4f658b;
}

body {
    direction: ltr;
}

.sidebar {
    left: -260px;
    right: initial;
}

    .sidebar.show {
        left: 0;
        right: initial;
    }

    .sidebar.right {
        left: auto;
        right: -260px;
    }

        .sidebar.right.show {
            left: auto;
            right: 0;
        }

.header.transparent .mid-content .main-logo {
    text-align: left;
}

.prefix-content {
    position: relative;
    padding-left: 15px;
}

    .prefix-content .main-prefix {
        font-weight: 800;
        font-size: 24px;
        color: #fff;
    }

    .prefix-content .sub-prefix {
        font-weight: 700;
        font-size: 16px;
        color: #cbced4;
        padding-left: 5px;
        text-align: right;
    }

    .prefix-content:before {
        background-color: var(--third-color);
        position: absolute;
        border-radius: 3px;
        width: 5px;
        height: 100%;
        content: '';
        left: -0px;
        top: 0;
    }

.sub-prefix {
    text-align: right;
    /*margin-top: 25px;*/
    margin-bottom: -15px;
}

#search-form {
    direction: ltr;
}

    #search-form input {
        direction: ltr;
        text-align: left;
    }

.btn-toggle-nav a {
    margin-left: 1.25rem;
    margin-right: initial;
}


.main-icons .text-lg-start {
    flex-flow: row-reverse;
}

.dz-avatar .avatar-list {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
}

/*.slider-navigation-style-04.swiper-button-prev {
    margin-left: 25px;
    margin-right: initial;
    width: 50px;
    height: 50px;
}

.slider-navigation-style-04.swiper-button-next {
    margin-right: 25px;
    margin-left: initial;
    width: 50px;
    height: 50px;
}
*/


.fa-solid.fa-angle-left, .right-content a svg, .btn-light-cream img {
    rotate: 180deg;
}

.btn-toggle::before {
    left: initial;
    right: 0px;
}

.sura-frame {
    left: initial;
    right: 10px;
}

.sura-number {
    left: initial;
    right: 20px;
}

.hide-button-up .bootstrap-touchspin-up {
    display: none !important;
}

.hide-button-up .bootstrap-touchspin-down {
    position: absolute;
    right: 0;
    top: -7px;
}

.content-list .card-text {
    font-size: 1.125rem;
    color: var(--title);
}

.btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.btns-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    direction: ltr;
}

.btns-content {
    display: flex;
    direction: ltr;
    margin-top: 20px;
}

    .btns-content .btn-light {
        background-color: #efefef;
        color: #333;
        padding: 10px 10px;
        margin-right: 5px;
    }

.accordion-button::after {
    left: 5px;
    position: absolute;
}

.accordion.style-2 .accordion-item .accordion-header .accordion-button {
    padding: 15px 25px;
}

.Your-opinion {
    left: -32px;
    right: initial;
    border-radius: 10px 10px 0 0;
}

.btn-swipper {
    right: 10px;
    left: initial;
}

a.lang-item-menu {
    text-align: left;
}


.main-Arabic-date {
    text-align: right;
    margin-top: 25px;
    margin-bottom: -5px;
}

.moathen-back p.person-Name, .emam-back p.person-Name {
    text-align: left !important;
    padding-left: 10px;
}

ul.nav-tabs {
    width: 98%;
    max-width: 600px;
    margin: 0 auto;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 0;
    overflow: hidden;
}

    ul.nav-tabs li {
        list-style: none;
        width: 50%;
        margin: 0;
        padding: 0;
        background-color: transparent;
    }

    ul.nav-tabs .nav-link {
        color: #fff;
        font-size: 16px;
        border: none;
        margin: 0;
        width: 100%;
    }

        ul.nav-tabs .nav-link.active {
            color: #fff;
            border-radius: 50px;
            background-color: rgba(176, 142, 89, 0.3);
            border: 1px solid rgba(176, 142, 89, 0.5);
        }

        ul.nav-tabs .nav-link img, .theme-dark ul.nav-tabs .nav-link img.Kaaba-icon {
            /*filter: invert(30%) sepia(31%) saturate(4%) hue-rotate(331deg) brightness(94%) contrast(85%);*/
            filter: initial;
        }
.sura-content.prefix-content .card-title {
    padding-right: 45px;
}