/*@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: #BC9661;
    --primary-dark: #BC9661;
    --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: rtl;
}

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

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

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

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

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

.prefix-content {
    position: relative;
    padding-right: 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;
        margin-right: 5px;
    }

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

#search-form {
    direction: ltr;
}

    #search-form input {
        direction: rtl;
        text-align: right;
    }

.btn-toggle-nav a {
    margin-right: 1.25rem;
    margin-left: 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;
}
*/


lord-icon {
    margin-bottom: -6px;
    width: 26px;
    height: 26px;
}

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


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

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

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

.btns-content {
    display: flex;
    direction: rtl;
    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;
}

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

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

.moathen-back p.person-Name, .emam-back p.person-Name {
    text-align: right !important;
}

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-left: 45px;
}