.avatar {
    vertical-align: middle;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

@media (min-width: 576px) and (max-width: 768px ) {
    .avatar {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 576px) {
    .avatar {
        width: 90px;
        height: 90px;
    }
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

    a:hover {
        color: #2e3192 !important;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

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

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

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1320px;
    }
}
/*****رنگ روایت*******/
.rc1 {
    color: #000
}

.rc2 {
    color: #f00
}

.rc3 {
    color: #000
}

.rc4 {
    color: #228b22
}

.rc5 {
    color: #90ee90
}

.rc6 {
    color: #00008b
}

.rc7 {
    color: #00f
}

.rc8 {
    color: #a450ff
}

.rc9 {
    color: #c55cd7
}

.rc10 {
    color: #9f4ec2
}

.rc11 {
    color: #db0000
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    direction: rtl;
}

@media (max-width: 768px) {
    .HideOnMobile {
        display: none;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

button:focus {
    outline: none !important;
}

/* Sticky footer styles
-------------------------------------------------- */

@font-face {
    font-family: Neirizi;
    font-style: normal;
    font-weight: normal;
    src: url('../lib/Fonts/Neirizi.ttf');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../lib/Fonts/Iransans/woff/IRANSansWeb_Black.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../lib/Fonts/Iransans/woff/IRANSansWeb_Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../lib/Fonts/Iransans/woff/IRANSansWeb.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 100;
    src: url('../lib/Fonts/Iransans/woff/IRANSansWeb_Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: ord;
    font-style: normal;
    font-weight: normal;
    src: url('../lib/Fonts/Ordibehesht.TTF');
    font-display: swap;
}

@font-face {
    font-family: gandom;
    font-style: normal;
    font-weight: normal;
    src: url('../lib/Fonts/Gandom-FD.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: Nahd;
    font-style: normal;
    font-weight: normal;
    src: url('../lib/Fonts/Nahid.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    src: url("../lib/Fonts/fa-solid-900.woff") format('woff');
    font-display: block;
}

@font-face {
    font-family: UthmanTaha;
    font-style: normal;
    font-weight: normal;
    src: url("../lib/Fonts/UthmanicHafs1 Ver18.ttf") format("truetype");
    font-display: swap;
}

html {
    position: relative;
    min-height: 100%;
}


body {
    /* Margin bottom by footer height */
    font-family: IRANSans !important;
    text-align: inherit;
    min-height: 100vh;
    overflow:hidden;
}

.popover {
    font-family: IRANSans !important;
}

.tooltip {
    font-family: IRANSans;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.bgws {
    background: url(../images/Quran/dialogbg.webp);
    background-size: cover;
    background-position: center center;
}

.bgwsDoa {
    background: url(../images/Doa/dialogDoabg.webp);
    background-size: cover;
    background-position: center center;
}

select {
    outline: none;
    padding: 0.15rem;
}

.curspointer {
    cursor: pointer;
}

/*---------------toggle switch---------------*/
.switchtog {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 15px;
    vertical-align: middle;
    margin: 0;
}

    /* Hide default HTML checkbox */
    .switchtog input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slidertog {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slidertog:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: -4px;
        bottom: -2px;
        background-color: white;
        box-shadow: 0px 0px 3px -1px black;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slidertog {
    background-color: #8BC34A;
}

input:focus + .slidertog {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slidertog:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slidertog.roundtog {
    border-radius: 34px;
}

    .slidertog.roundtog:before {
        border-radius: 50%;
    }

/****************toggle2********************/

.beforeAnimation {
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

.afterAnimation {
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}

    .toggleWrapper input.mobileToggle + label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        user-select: none;
        -moz-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-tap-highlight-color: transparent;
        height: 15px;
        width: 30px;
        background: #e4e4e4;
        border-radius: 60px;
        margin-bottom: 0;
    }

        .toggleWrapper input.mobileToggle + label:before {
            content: "";
            position: absolute;
            display: block;
            -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
            -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
            -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
            transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
            height: 15px;
            width: 31px;
            top: 0;
            left: 0;
            border-radius: 60px;
        }

        .toggleWrapper input.mobileToggle + label:after {
            content: "";
            position: absolute;
            display: block;
            box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
            -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
            -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
            -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
            transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
            background: whitesmoke;
            height: 19px;
            width: 19px;
            top: -2px;
            left: 0px;
            border-radius: 60px;
        }

    .toggleWrapper input.mobileToggle:checked + label:before {
        background: #8BC34A;
        -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
        -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
        -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
        transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    }

    .toggleWrapper input.mobileToggle:checked + label:after {
        left: 12px;
    }

/********************toggle on/off***************************/
.tgl {
    display: none;
}

    .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            outline: 0;
            display: block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    perspective: 100px;
    margin-bottom: 0;
}

    .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
        display: inline-block;
        transition: all 0.4s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 5px;
    }

    .tgl-flip + .tgl-btn:after {
        content: attr(data-tg-on);
        background: #02C66F;
        transform: rotateY(-180deg);
    }

    .tgl-flip + .tgl-btn:before {
        background: #FF3A19;
        content: attr(data-tg-off);
    }

    .tgl-flip + .tgl-btn:active:before {
        transform: rotateY(-20deg);
    }

.tgl-flip:checked + .tgl-btn:before {
    transform: rotateY(180deg);
}

.tgl-flip:checked + .tgl-btn:after {
    transform: rotateY(0);
    left: 0;
    background: #8bc34a;
}

.tgl-flip:checked + .tgl-btn:active:after {
    transform: rotateY(20deg);
}

/*******************صفحه اصلی*********************/

.headerme {
    background: #148565;
    display: flex;
    justify-content: space-around;
}

@media(max-width:768px) {
    .headerme {
        display: block;
    }

        .headerme .lang {
            margin: 0.25rem 0 0 0 !important;
        }
}

.headerme .navbar-nav .dropdown-menu {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #148565;
    outline: none;
    margin-top: 6px;
}


.headerme .lang {
    color: #ffbe18;
    margin: 1.5rem 0 0 0;
    padding: 0;
    text-align: center;
}

    .headerme .lang li {
        display: inline-block;
        color: #ffea00;
    }

    .headerme .lang a {
        color: #fff;
        font-size: 14px;
        padding: 0.3rem;
    }

        .headerme .lang a:hover {
            color: #ffea00;
            text-decoration: none;
        }


.headerme .menume .nav-item {
    padding: 0 5px;
}

.headerme .menume .nav-link {
    color: #fff !important;
    font-size: 15px;
}

    .headerme .menume .nav-link:hover {
        color: #ffea00 !important;
    }

.headerme .menume .dropdown-item {
    text-align: right;
    font-size: 15px;
}

    .headerme .menume .dropdown-item:before {
        content: '';
        position: absolute;
        background: #ffe554;
        width: 8px;
        height: 8px;
        right: 10px;
        margin-top: 6px;
    }

.topheaddata {
    text-align: center;
}

    .topheaddata .logoimage {
        background: linear-gradient(45deg,#ffffff73,#ffffffe0,#ffffff6e);
        padding: 0.4rem 1rem;
        border-radius: 100px;
        display: inline-block;
        box-shadow: inset 0 2px 3px #00000054, 0 3px 3px #00000054;
        border: 3px solid #ffffff96;
        margin-bottom: 1rem;
    }

    .topheaddata h1 {
        font-weight: 900;
        font-size: 1.75rem;
        color: #000;
    }

    .topheaddata p {
        line-height: 2;
        font-weight: 300;
    }

/*---------owl slider---------*/

.dataSliderImage.owl-carousel .owl-stage-outer {
    border-radius: 15px;
}

.dataSliderImage.owl-carousel .owl-stage {
    margin: auto;
}

.dataSliderImage.owl-theme .owl-dots .owl-dot button {
    outline: none;
    width: 20px;
    height: 20px;
    background: #c7c7c7;
    border-radius: 100px;
    margin: 0 3px;
    border: none;
}

.dataSliderImage.owl-theme .owl-dots .owl-dot.active button {
    background: #2ca381;
}

.dataSliderImage.owl-carousel .owl-item img {
    height: auto;
}
/*---------owl slider---------*/
.cardholder {
    background: #fff;
    border-radius: 15px;
}

    .cardholder h2 {
        background: #fff;
        font-weight: 900;
        font-size: 1rem;
        padding: 0.5rem 1rem;
        border-radius: 15px 15px 0 0;
        box-shadow: 0 6px 30px #00000012;
    }

    .cardholder .cardholder-desc {
        margin: 0 0.5rem;
    }

.itemcard {
    display: block;
    margin: 0.5rem 0.3rem 1rem;
    border-radius: 15px;
    padding: 0.5rem;
    box-shadow: 0 1px 3px #00000014;
    color: #000;
    min-height: 173px;
    max-width: 225px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

    .itemcard:hover {
        color: #000;
        transform: scale(1.03) rotate(3deg);
    }

    .itemcard img {
        width: 90px !important;
        margin: auto;
        display: block;
    }

    .itemcard p {
        font-size: 12px;
        text-align: center;
        line-height: 1.5;
        margin-top: 0.5rem;
    }

.Sliderquran {
    padding-bottom: 0.05rem;
}

    .Sliderquran .itemcard {
        background: url('../images/index/bgcard-gr.webp') no-repeat top right;
        background-size: contain;
        background-color: #effbf5;
        margin: 0.5rem auto 1rem;
    }

.Slidermatni .itemcard {
    background: url('../images/index/bgcard.webp') no-repeat top right;
    background-size: contain;
    background-color: #fbfaef;
}

.Sliderkotob .itemcard {
    background: url('../images/index/bgcard-pur.webp') no-repeat top right;
    background-size: contain;
    background-color: #eff0fb;
}

    .Sliderkotob .itemcard p {
        margin-top: 0;
    }

.Sliderlesan {
    padding-bottom: 0.05rem;
}

    .Sliderlesan .itemcard {
        background: url('../images/index/bgcard-gr.webp') no-repeat top right;
        background-size: contain;
        background-color: #effbf5;
        margin: 0.5rem auto 1rem;
        filter: hue-rotate(65deg);
    }

.Slidermultimedia .itemcard {
    background: url('../images/index/bgcard-pin.webp') no-repeat top right;
    background-size: contain;
    background-color: #fbf0ef;
}

.first-footer {
    position: relative;
    width: 100%;
    display: flex;
    padding: 1rem 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

    .first-footer:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        height: 100%;
        width: 100%;
        background: #ec008c;
        background: #fff;
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        transform: scaleX(1.5);
        z-index: -1;
        box-shadow: 0 10px 10px #00000047;
    }

    .first-footer h3 {
        font-weight: 900;
        font-size: 1.5rem;
    }

.foot-p {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    color: #FFC107;
    margin: 0.5rem 0 0;
}

    .foot-p span {
        color: #2ca381;
    }

    .foot-p a {
        color: #FFC107;
    }

        .foot-p a:hover {
            color: #2ca381;
            text-decoration: none;
        }

/***********************************************/
/***************صفحه اصلی قرآن*****************/
/***********************************************/
.QuranMain .quranFehrest,
.qurantextArea {
    background: url(../images/Quran/quranfehrestbg.webp?verfiler=2);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: contain;
}

    .QuranMain .quranFehrest .container {
        background: #ded5ca80;
        border-radius: 35px;
    }

.aye {
    margin-bottom: 0.5rem;
    text-align: justify;
}

.content {
    font-size: 30px;
    font-family: Neirizi;
    line-height: initial;
}

.translate {
    font-size: 16px;
    line-height: initial;
    color: #828282;
}

.highlight {
    background-color: slateblue;
}

.header {
    background: linear-gradient(45deg, #ded5ca91, #ded5ca91), url(../images/Quran/quranfehrestbg.webp);
    text-align: center;
    box-shadow: 0 2px 4px 0 #0000001f;
    height: 47px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: contain;
}

.btnwhite {
    background-color: white;
    border-radius: 5px;
    padding: 2px;
    color: black !important;
}

.inputwhite {
    border: 0;
    border-radius: 5px;
    padding: 2px 2px;
    text-align: center;
    height: 24px;
    width: 33px;
}

.btndropdown {
    border-radius: 3px;
    border: none;
    background: white;
    min-width: 11.5rem;
}

.drop a {
    display: block;
    text-align: right;
    padding-right: 0.5rem;
    color: black;
    text-decoration: none !important;
}

    .drop a:hover {
        color: #237e27 !important;
        background: #fff9c7;
    }

.dropdown-menu {
    min-width: 11.5rem;
}

#Tartibnozool.dropdown-menu {
    min-width: 13.5rem;
}

.btnpm {
    color: white !important;
    font-size: 24px;
    vertical-align: middle;
    margin: 0 10px;
}

    .btnpm:hover {
        color: #FFC107 !important;
        cursor: pointer;
    }

.settingitem {
    display: block;
    margin: 2rem 0;
}

.settingitem1 {
    display: inline-block;
    margin: 0.4rem 0;
}

    .settingitem1 label {
        text-shadow: 1px 1px 2px #000000c2;
        color: #ffe082;
    }

.osmantype {
    width: 34px;
    cursor: pointer;
    filter: drop-shadow(1px 1px 0px #5c5c5c);
    border: 2px solid #dfccab;
    padding: 3px;
    border-radius: 50px;
    background: linear-gradient(45deg, #82c385, #249929,#d2ffd4);
    box-shadow: inset 0px 2px 3px #00000054;
    margin-left: 0.2rem;
}

    .osmantype:hover {
        background: linear-gradient(45deg, #d2ffd4, #249929,#82c385);
    }

.pagebox {
    padding: 1rem 0;
    font-size: 1.15rem;
    text-align: center;
}

    .pagebox h1 {
        display: inline-block;
        font-size: 1.25rem;
        text-align: center;
        font-weight: 900;
        color: #009688;
        background: #ddfffc;
        padding: 0.5rem;
        border-radius: 5px;
        box-shadow: 0px 1px 2px #00000036;
    }

.btnnexprev {
    color: #000000 !important;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
    background: #fff2b8;
}

    .btnnexprev:hover {
        text-decoration: none;
        color: #2e3192 !important;
        cursor: pointer;
    }

.aye .btnshowtools {
    background: #fff7cb;
    padding: 0.5rem 0.65rem;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #0000005c;
    margin-inline-end: 0.5rem;
    font-size: 1.15rem;
    transition: all ease-in-out .5s;
}

    .aye .btnshowtools:hover {
        background: #d7faff;
    }

.toolbox {
    position: absolute;
    top: 0;
    background: #188982;
    box-shadow: 0 2px 36px #067f8552;
    padding: 0.75rem 1.5rem;
    border-radius: 7px;
    transition: all ease-in-out .3s;
}

    .toolbox .fa-times {
        color: #fff;
        cursor: pointer;
        font-size: 1.2rem;
        vertical-align: middle;
        margin: auto;
        margin-inline-end: 0.5rem;
        margin-inline-start: 0.25rem;
        transition: all ease-in-out .3s;
    }

        .toolbox .fa-times:hover {
            color: red;
        }

.toolicon {
    border-radius: 5px;
    margin: 0 2px;
    padding: 0.25rem 0.5rem;
    background: #fff;
    cursor: pointer;
    transition: all ease-in-out .3s;
    box-shadow: 0px 1px 2px #00000026;
}

    .toolicon:hover {
        background: #fff7cb;
    }

    .toolicon img {
        width: 15px;
        margin: 0;
    }

    .toolicon .tltxt {
        color: #1e2f40;
        font-size: 12px;
    }

.langbar {
    text-align: center;
    padding-top: 1rem;
}

    .langbar span {
        color: #ff8400;
    }

.lang {
    color: #2d5797;
    padding: 2px 4px;
}

    .lang:hover {
        color: #FF9800 !important;
        text-decoration: none;
    }


.btnmenu {
    background: #006494a1;
    border-radius: 10px;
    border: 1px solid #ffffff40;
    padding: 1rem 0;
    margin: 0.5rem 0;
    display: block;
    width: 100%;
}

.btnmenutext {
    color: white;
    font-size: 13px;
    padding: 0.25rem;
}

.icofa {
    font-size: 26px;
    -webkit-text-stroke: 0.8px #FFEB3B;
    color: transparent;
}

.maintitr {
    text-align: center;
    font-family: neirizi;
    font-size: 50px;
    color: white;
    text-shadow: 1px 1px 2px black;
    margin: 4rem 0 2rem;
}

.searchbox {
    border-radius: 100px;
    padding: 0.75rem 0.5rem;
    background: #fff;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    margin: 0.5rem auto 0.25rem;
}

    .searchbox:focus {
        outline: none;
        border-bottom: 1px dashed #009688;
        background: #fff;
    }

.pagenumbox {
    border-radius: 4px;
    padding: 0.75rem 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 40px;
    width: 125px;
    letter-spacing: 5px;
    font-weight: 900;
    color: #ff8400;
    display: block;
    margin: auto;
    text-align: center;
}

    .pagenumbox:focus {
        outline: none;
        border-bottom: 1px dashed #009688;
        background: #fff;
    }

.fehrestmain {
    margin-left: auto;
    margin-right: auto;
}

.fehrestitemsoore {
    background: #ffffffbf;
    border-radius: 14px;
    margin: 20px 0;
    padding: 1.25rem 0 0.75rem;
}

    .fehrestitemsoore:hover {
        background: #f9f4dd;
        text-decoration: none;
        box-shadow: 0px 0px 2px #00000029;
    }


.fehrestitemjoz {
    background: #ffffffbf;
    border-radius: 14px;
    margin: 8px 0;
    padding: 2rem 0;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    color: #157a6d;
    text-decoration: none;
    display: block;
}

    .fehrestitemjoz:hover {
        background: #f9f4dd;
        text-decoration: none;
    }

.joznum {
    font-size: 35px;
    color: #ff8400;
    font-weight: bold;
}

.btnsoore {
    font-family: Neirizi;
    font-size: 24px;
    display: block;
    color: #157a6d;
    padding: 0 !important;
}

.btnnumayeh {
    font-family: IRANSans;
    font-size: 20px;
    display: block;
    text-align: center;
    color: #ff8400;
    padding: 0 !important;
}

.btnlocation {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #599990;
    padding: 0 !important;
}

.btnnum {
    font-family: IRANSans;
    font-size: 20px;
    display: block;
    text-align: center;
    color: #000;
    padding: 0 !important;
}

.btntitlenum {
    font-family: IRANSans;
    font-size: 15px;
    line-height: 3rem;
    text-align: center;
    color: #000;
}

.btntitlesoore {
    font-family: IRANSans;
    font-size: 15px;
    line-height: 3rem;
    color: #000;
    text-align: right;
    padding-right: 1.25rem;
}

.btntitleloc {
    font-size: 15px;
    line-height: 3rem;
    text-align: center;
    color: #000;
    padding: 0;
    padding-right: 0.5rem;
}

.btntitleaye {
    font-family: IRANSans;
    font-size: 15px;
    line-height: 3rem;
    text-align: center;
    color: #ff8400;
    padding: 0;
}

.fmainjoz {
    padding: 1rem;
}

#fehrestepage {
    padding: 0 1rem 12rem;
    text-align: center;
}

.title1, .title2 {
    padding: 0.5rem 0 0;
    margin: 0 !important;
}

@media (max-width: 991.98px) {
    .title2 {
        display: none !important;
    }

    .btnmenu {
        display: inline-block;
    }
}

/*******سوئیچ انتخاب فهرست سوره ای یا جزء*******/
.toggle_radio {
    background: linear-gradient(45deg, #1f856d, #245f7b);
    margin: 0.75rem auto;
    overflow: hidden;
    padding: 0 !important;
    border-radius: 10px;
    position: relative;
    height: 35px;
    width: 200px;
}

    .toggle_radio > * {
        float: left;
    }

    .toggle_radio input[type=radio] {
        display: none;
    }

    .toggle_radio label {
        color: rgba(255,255,255,.9);
        display: block;
        width: 60px;
        height: 20px;
        margin: 5px 3px;
        border-radius: 10px;
        cursor: pointer;
        z-index: 1;
        text-align: center;
        text-shadow: 1px 1px 1px black;
    }

.toggle_option_slider {
    width: 65px;
    height: 35px;
    position: absolute;
    top: 0px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

#first_toggle:checked ~ .toggle_option_slider {
    background: rgba(255,255,255,.3);
    left: 0px;
}

#second_toggle:checked ~ .toggle_option_slider {
    background: rgba(255,255,255,.3);
    left: 70px;
}

#third_toggle:checked ~ .toggle_option_slider {
    background: rgba(255,255,255,.3);
    left: 135px;
}

.hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-delay: 0.1s;
    overflow: hidden;
}

.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-delay: 0.1s;
}

.d-content-lg {
    text-align: justify !important;
    line-height: 2;
    font-size: 16px;
}

/************پنل تنظیمات*********/
/*برای اینکه دیالوگ پایین صفحه نمایش داده بشه*/
.setting {
    color: white;
    text-align: center;
}

#setting .modal-dialog {
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
/*انیمیشن ورود و خروج دیالوگ*/
#setting .animate-bottom {
    position: relative;
    animation: animatebottom 0.4s;
}

.setting.modal.fade:not(.show) {
    transform: translateY(100%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#setting .modal-header {
    border-radius: 0 !important;
    padding: 0 1rem;
    background: #8d653591;
    color: white;
}

#setting .modal-content {
    border-radius: 0 !important;
    margin-left: 0;
    margin-right: -10px;
    background: #b99a6a;
}

@media (max-width:768px) {
    #setting .modal-content {
        margin-right: 0;
    }
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.btnsetting {
    font-size: 24px;
    border: none;
    outline: none !important;
    padding: 5px;
    vertical-align: middle;
    color: white;
    text-shadow: 1px 1px 0px #000000;
    background: none;
    width: 43px;
    height: 43px;
    text-align: center;
}

    .btnsetting:hover {
        color: #f7d97f;
    }

#setting .modal-dialog-scrollable .modal-body {
    overflow-x: hidden;
    background: linear-gradient(180deg, #b79e7f80, #543e2491);
}

.btnclosesetting {
    font-size: 30px;
    padding: 0 1rem;
    outline: none !important;
    box-shadow: none !important;
    color: white;
}

    .btnclosesetting:hover {
        color: red;
    }

/*****اسلایدر سایز متن*****/
.settingitem .slider-selection {
    background: #CDDC39;
}

.settingitem .slider-handle {
    background-image: none;
    background: radial-gradient(#CDDC39,#607d8b80);
}

.settingitem .tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.settingitem .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.settingitem .tooltip.top .tooltip-arrow {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.settingitem .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/******scrollbar******/
/* width */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f5f5f5;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #bbb;
    }

/******scrollbar******/


.ayenum {
    background-image: url(../images/Quran/num-bg.svg);
    padding: 12px 0 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
}

.hide {
    display: none;
}

.PanelBottom {
    position: fixed;
    bottom: 0px;
    background-color: #5e8594;
    background: url(../images/Quran/bg.webp);
    background-size: cover;
    width: 100%;
    border-top: solid 1px #ff9800;
    z-index: 1021;
}

.panelAudio {
    position: sticky;
    bottom: 3px;
    margin-right: auto;
    z-index: 1021;
    width: 100px;
    border-radius: 13px;
}

#panelAudio {
    background: #000000c4;
}

.ActiveAyeh {
    color: #2fada5;
}

.btnclose {
    cursor: pointer;
    padding-top: 15px;
    padding-right: 20px;
    color: white;
    transition: all ease-in-out 0.2s;
}

.btnplay {
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .btnplay:hover, .btnclose:hover {
        color: #ffc107;
    }

.soorename {
    text-align: center;
    font-size: 25px;
    font-family: Neirizi;
    margin-bottom: 2rem;
}

    .soorename p {
        padding: 20px 0;
        background: url(/images/Quran/soore-bg.webp);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        height: 71px;
        background-color: #fffdf3;
        box-shadow: 0px 1px 2px #00000026;
    }

.quranContent {
    background: #ffffffeb;
    margin-top: 1.5rem;
    box-shadow: 0px 0px 15px #00000014;
    padding: 1.75rem;
}

@media (max-width:768px) {
    .quranContent {
        margin-top: 1.5rem;
        border: none;
        padding: .25rem;
    }

    .panelAudio {
        display: flex;
        padding: 0.5rem;
        justify-content: space-between;
        width: 100%;
        bottom: 0;
        border-radius: 18px 18px 0 0 !important;
    }

    .gharidiv {
        background: none !important;
    }

        .gharidiv img {
            max-width: 65px !important;
        }

    .arrowquran {
        left: -10px !important;
        bottom: 22px !important;
    }

    .playquran {
        margin: auto 0 0 0;
        color: #fff !important;
        padding: 1rem !important;
    }

    .playtarjome {
        background: none !important;
        margin: auto 0;
    }
}

.quranContent hr {
    border-style: dashed;
}

.SRL {
    width: 28px;
    margin: -1px;
}

.SRLdialogsoore {
    width: 40px;
}

.sooreitem {
    box-shadow: 0px 1px 3px 0px #0000004d;
    border-radius: 5px;
    cursor: pointer;
    margin: 0.5rem 0;
    padding: 0.15rem 0.5rem 0.15rem 0;
    transition: all ease-in-out 0.2s;
    display: block;
    background: #fff;
}

    .sooreitem:hover {
        background: #fff5df;
        text-decoration: none;
    }

@media (min-width:769px) {
    .paneltabligh {
        height: 100vh;
        overflow: auto;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (max-width:768px) {
    .sooreitem {
        padding: 0.5rem;
        text-align: center;
        margin: 0.5rem 1rem;
    }

    .paneltabligh {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1023;
        background: #fff;
        height: 100%;
        overflow: auto;
    }
}

.sooreitem {
    text-decoration: none;
}

.soorename-dialog {
    margin-right: 5px;
    font-size: 16px;
    color: #2f6275;
}

.dialog-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 2px black;
}

.dialogsooreheader {
    background: #f7d97f;
}

.closedialog {
    color: #fff;
    cursor: pointer;
}

.toptools {
    background: linear-gradient(181deg,#dfccabcc,#806c3fab),url(../images/Quran/quranfehrestbg.webp);
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-shadow: 0 1px 2px 0 #949494;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.bgdialoghead {
    background: linear-gradient(90deg,transparent,#c29d72), url(../images/Quran/quranfehrestbg.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.btntabligh {
    position: fixed;
    transform: rotate(90deg);
    top: 180px;
    left: -53px;
    cursor: pointer;
    box-shadow: 0px -2px 7px #00000061;
}

.paneldisable {
    width: 0;
    padding: 0;
}
/*********sound player*********/
.noimageghari {
    background: url(../images/reciter/noimage.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.gharidiv {
    cursor: pointer;
    position: relative;
    border-radius: 10px 10px 0 0;
    text-align: center;
    transition: all ease-in-out 0.2s;
    background: #535353;
}

    .gharidiv:hover {
        background: #ffffff61;
    }

    .gharidiv img {
        max-width: 50px;
    }

.arrowquran {
    position: absolute;
    bottom: 5px;
    left: 15px;
    color: #000;
    background: #ff9800;
    border-radius: 50px;
    padding: 2px;
    box-shadow: 1px 1px 3px #000000ba;
}

.ghariitem {
    box-shadow: 0 1px 10px 0 #0000004d;
    border-radius: 5px;
    margin: 0.5rem 0;
    padding: 0.5rem;
    cursor: pointer;
    transition: all ease-in-out .2s;
    background: #fff;
}

    .ghariitem a:hover {
        text-decoration: none;
    }

.tarjomegooya {
    background: #cbebe8;
}

.ghariitem:hover {
    background: #fff5df;
}

@media (max-width:768px) {
    .ghariitem {
        text-align: center;
    }
}

.playquran {
    color: #fff;
    text-align: center;
    padding: 0.5rem 0;
    cursor: pointer;
}

    .playquran i {
        text-shadow: 1px 2px 3px black;
    }

.playtarjome {
    background: #b5b5b533;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 0.25rem 0;
    color: #fff;
    font-size: 12px;
}

.btncloseads {
    position: fixed;
}

@media (min-width: 768px) {
    .btncloseads {
        display: none;
    }
}

.paneldisable .btncloseads {
    display: none;
}

/**************منو بالا مشترک بخش ها***************/
.menuMaster .navbar-nav img {
    width: 24px;
}

.menuMaster a:hover {
    text-decoration: none;
}

.menuMaster h3 {
    font-family: 'Neirizi';
    padding: 11px 5px 4px 5px;
    font-size: 1.4rem;
    background: #dbc49d;
    margin: 0;
    margin-top: -1px;
    color: #ffffff;
    text-shadow: 0px 2px 3px #0000008c;
    font-weight: bold;
}

    .menuMaster h3:hover {
        background: #a7d9c4;
    }

.menuMaster .dropdown-menu {
    z-index: 1021;
}

.menuMaster .dropdown-item {
    padding: .25rem 1rem;
}

.menuMaster .navbar-light .navbar-nav .nav-link {
    color: #000000;
    transition: all ease-in-out 0.3s;
}

.menuMaster ul {
    padding: 0;
}

.menuMaster .navbar-toggler {
    margin: 0 1rem;
}

.menuMaster .navbar-brand img:hover {
    transition: all ease-in-out 0.5s;
}

.menuMaster .navbar-brand img:hover {
    filter: hue-rotate( 104deg);
}

.mobile .menuMaster {
    display: none;
    opacity: 0;
}

/*****************************/
/****    تلاوت مجلسی      ****/
/****************************/

.headerTMajlesi {
    background: url(../images/TelavatMajlesi/telavat-bg.webp);
    text-align: center;
    padding: 0.5rem;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
}

    .headerTMajlesi img {
        max-width: 230px;
        margin-top: 6.5rem;
        filter: drop-shadow(2px 4px 6px black);
    }

.tm-item-a a {
    text-decoration: none;
    color: black;
    transition: all ease-in-out 0.3s;
}

    .tm-item-a a:hover .tm-item {
        text-decoration: none;
        color: black;
        background: #fff;
        transition: all ease-in-out 0.3s;
    }

.tm-item {
    margin: 0.5rem 0;
    border-radius: 10px;
    box-shadow: -1px 1px 4px -2px #242424ad;
    display: flex;
    background-color: #fff;
}

    .tm-item .tm-ghari {
        display: inline-block;
        text-align: center;
        padding: 0.5rem;
        background: url(../images/TelavatMajlesi/bgghari.webp);
        background-size: contain;
        border-left: 3px dotted #edcc8c;
        box-shadow: -4px 0px #ebc680;
        border-radius: 10px;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 0;
        width: 260px;
    }

        .tm-item .tm-ghari img {
            max-width: 90px;
        }

        .tm-item .tm-ghari h4 {
            font-size: 1.1rem;
            margin-top: 0.5rem;
            color: white;
        }

    .tm-item .tm-content {
        display: inline-block;
        padding: 0.75rem 2rem 0.75rem 1rem;
        width: 100%;
        margin: auto;
    }

        .tm-item .tm-content .tm-soorename {
            font-family: Neirizi;
            font-size: 1.6rem;
            display: inline-block;
            color: #00914c;
        }

        .tm-item .tm-content .tm-ayat {
            padding: 5px 10px;
            float: left;
        }

        .tm-item .tm-content .fa {
            color: #e1b258;
            margin-right: 0.25rem;
        }

.paginationtelavat .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.paginationtelavat .page-item.active .page-link {
    background-color: #379151 !important;
    border-color: #379151 !important;
    color: white !important;
}

.paginationtelavat .page-link {
    color: #006f3e !important;
}

.paginationtelavat .page-item:first-child .page-link,
.paginationtelavat .page-item:last-child .page-link {
    border-radius: 0 !important;
}

.TelavatSearch {
    text-align: center;
    background: url(../images/TelavatMajlesi/bgghari.webp);
    border-radius: 10px;
    padding: 1.5rem;
}

    .TelavatSearch p {
        color: #fff;
        font-size: 1.5rem;
    }

    .TelavatSearch input {
        width: 50%;
        height: 40px;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .TelavatSearch .btn {
        background: #e1b258;
        height: 39px;
        width: 50px;
        transition: all ease-in-out 0.3s;
    }

        .TelavatSearch .btn:hover {
            background: #dfcbaa;
        }

        .TelavatSearch .btn .fa {
            font-size: 1.25rem;
            vertical-align: middle;
        }

.telavatmain .card-columns .card {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 576px) {
    .telavatmain .card-columns {
        column-count: 1;
    }
}

@media (min-width: 900px) {
    .telavatmain .card-columns {
        column-count: 2;
    }
}

/********* نمایش تلاوت مجلسی *********/
.TelavatHeader {
    background-color: #026838;
    background-image: url(../images/TelavatMajlesi/bgghari.webp);
    text-align: center;
    height: 35px;
    border-bottom: 3px dotted #edcc8c;
    box-shadow: 0px 4px #ebc680;
}

    .TelavatHeader .Telavattools {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 0.15rem;
    }

        .TelavatHeader .Telavattools .btntelavat {
            font-size: 1.5rem;
            display: inline-block;
            border: none;
            outline: none !important;
            vertical-align: middle;
            color: #016938;
            cursor: pointer;
            transition: all ease-in-out 0.3s;
            background: linear-gradient( 0deg, #ffffff,#ffffff,#a5a5a5c7);
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            box-shadow: 0px 1px 2px 0px #00000040;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            padding: .3rem;
        }

            .TelavatHeader .Telavattools .btntelavat:hover {
                background: linear-gradient( 180deg, #e1b258,#e3c77d,#e1b258);
                color: #000000 !important;
            }

            .TelavatHeader .Telavattools .btntelavat i {
                vertical-align: middle;
                padding: .6rem .75rem;
            }

.TelavatquranContent {
    padding: 1.75rem;
}

    .TelavatquranContent .ActiveAyeh {
        color: #269f66;
    }

.translateMajlesi {
    display: inline;
    color: #a36806;
}

/*****************************/
/****        دعا         ****/
/****************************/
.headerDoa {
    background: #1cbbb499;
    text-align: center;
    padding: 0.5rem;
}

@media (max-width: 576px) {
    .headerDoa {
        border-radius: 0;
    }
}

.headerDoa img {
    width: 110px;
}

.doatop3 {
    text-align: center;
    padding: 0.35rem;
    border-radius: 10px;
}

.doamonasebati {
    background: #2f3042;
}

.doaporkar {
    background: #1e1d2b80;
    border-radius: 10px;
    height: 100%;
}

    .doaporkar a {
        background: #2e3241;
        color: white !important;
        text-decoration: none !important;
        border: 1px solid #c29545;
        border-radius: 10px;
        width: 40%;
        margin: 0.25rem 0.15rem;
        padding: 0.7rem 0;
    }

        .doaporkar a:hover {
            background: #fff1d6;
            color: #2e3241 !important;
        }

.doabargozide {
    background: #2f3042;
}

.blt1 {
    width: 28px;
}

.doatitrwheat {
    color: #e3b96d;
}

.searcharea {
    background: #fff;
    text-align: center;
    min-height: 130px;
    margin: 1.5rem 0;
    transition: all ease-in-out 0.2s;
}

    .searcharea h4 {
        margin-top: 1.5rem;
        margin-bottom: 1.25rem;
        font-size: 1.5rem;
        font-weight: 900;
        color: #39384d;
    }

.doaSearchinput {
    border: none;
    background: #fff7ea;
    color: #896d28;
    border-radius: 100px;
    padding: 0.75rem;
    width: 100%;
}

.searcharea ul {
    text-align: right;
    color: #b39564;
    margin-top: .5rem;
}

    .searcharea ul li {
        border-bottom: 1px solid #f0f0f0;
        padding: 0.35rem 0;
    }

        .searcharea ul li a {
            color: #088cab;
        }

            .searcharea ul li a:hover {
                color: #673ab7 !important;
            }

.catareatitle h2,
.catareatitle h1 {
    color: #4aa6a1;
    font-weight: 900;
    display: inline-block;
    font-size: 2rem;
}

.catareatitle img {
    width: 40px;
}

.categoryArea .card {
    border-radius: 10px;
}

.doaCatItem {
    text-align: center;
    margin: 1rem 0;
}

    .doaCatItem .cattitr {
        background: #28889e;
        color: #fff;
        text-align: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .doaCatItem .cattitr h2 {
            font-weight: 900;
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
            margin-top: 1rem;
        }

.doaline {
    background: url(/images/Doa/line.webp);
    padding: 6px 0;
}

.doaCatlinks a {
    color: #031f63;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin: 0.75rem 0.5rem;
    font-size: 1.1rem;
}

    .doaCatlinks a:hover {
        color: #ba8a34 !important;
    }

.doacatmore {
    color: #ba8a34;
    display: block;
    margin: 0.75rem 0.5rem;
}

    .doacatmore:hover {
        color: #031f63;
    }

.Doamostviewed .card {
    border-radius: 10px;
}
/*************لیست دعا****************/
.categoryIndex {
    background: #12918b;
    padding: 0;
}

.doaList {
    background: #fff;
    padding: 0;
}

.catIndexTitle {
    background: #7bccc8;
    color: white;
    text-shadow: 0px 1px 2px #000000c2;
    padding: 0.65rem 0;
    font-size: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    text-align: center;
    font-weight: bold;
}

.categoryIndex a {
    text-decoration: none;
    color: #fff;
    font-size: 1.1rem;
}

    .categoryIndex a:hover {
        color: #000000 !important;
    }

    .categoryIndex a div {
        border-bottom: 1px solid #35a19c;
        padding: 0.45rem 0;
    }

        .categoryIndex a div h3 {
            font-size: 1.1rem;
            display: inline-block;
        }

    .categoryIndex a img {
        width: 25px;
        margin-right: 1.5rem;
        margin-left: 0.5rem;
    }

.linelight {
    border-color: #ededed;
    margin: 0.5rem 1rem;
}

.doanamelist {
    padding: 0.5rem 2rem;
}

    .doanamelist a {
        text-decoration: none;
    }

        .doanamelist a div {
            background: #f6f6f6;
            text-align: center;
            min-height: 56px;
            color: #000;
            margin: 0.25rem 0;
            font-size: 1.1rem;
            transition: all ease-in-out 0.2s;
        }

            .doanamelist a div h2 {
                margin: auto;
                font-size: 1rem;
            }

            .doanamelist a div:hover {
                background: #7bccc8;
                color: white;
                text-shadow: 0 1px 2px black;
            }
/*************محتوای دعا****************/
.doaContentArea {
    background: #fff;
    padding: 0 1.25rem 0.75rem;
}

    .doaContentArea .doatopbar {
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 0.75rem;
    }

    .doaContentArea .doaname {
        margin-bottom: 0.5rem;
    }

        .doaContentArea .doaname h1 {
            color: #2ca39e;
            font-size: 1.75rem;
            font-weight: bold;
            display: inline;
        }

        .doaContentArea .doaname img {
            width: 30px;
        }

    .doaContentArea .Doatools {
        text-align: end;
        padding: 0 5px;
    }

        .doaContentArea .Doatools a {
            cursor: pointer;
        }

.btndoasetting {
    width: 31px;
    height: 32px;
    border: 1px solid #fff;
    display: inline-block;
    cursor: pointer;
    background: linear-gradient(45deg,#3caba6,#8bc34a);
    box-shadow: 0 1px 2px #a5a5a5;
    color: #fff !important;
    border-radius: 7px;
    transition: all ease-in-out .3s;
    vertical-align: middle;
    padding: 0;
}

    .btndoasetting:hover {
        background: linear-gradient(45deg,#237e7a,#8bc34a);
        box-shadow: 0px 1px 2px #a5a5a5;
        color: #ffffff !important;
    }

    .btndoasetting i {
        padding: 0.55rem;
        text-shadow: -1px 1px 3px #626262;
    }

.arrowdoa {
    position: absolute;
    bottom: 0;
    left: 17px;
    color: #fff;
    background: #ffffff80;
    border-radius: 2px;
}

.doaContentArea .btnSCshare .btn-warning {
    font-size: 12px;
    padding: 1px 1px 1px 5px;
    border-radius: 6px;
}

#setting .modal-content.doasetting {
    border-radius: 0 !important;
    margin-left: 0;
    margin-right: -10px;
    background: url(/images/Doa/pattDoa.webp);
}


@media (max-width:768px) {
    #setting .modal-content.doasetting {
        margin-right: 0;
    }
}

.doaitem {
    margin: 2rem 0;
    line-height: 2;
}

.doatext {
    font-family: Neirizi;
    font-size: 24px;
}

.doatarjome {
    font-size: 16px;
    color: #096e6b;
}

.PanelDoasound {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #5e8594;
    background: url(../images/Doa/pattDoa.webp);
    width: 100%;
    border-top: solid 1px #ff9800;
    z-index: 1021;
}

#panelAudiodoa {
    background: linear-gradient(180deg, #05520994, #090c09e6);
}


.doaSounddiv {
    cursor: pointer;
    text-align: center;
    transition: all ease-in-out 0.2s;
    background: #74d4d061;
}

    .doaSounddiv:hover {
        background: #d9a541;
    }

/*****************************/
/****       احکام        ****/
/****************************/
.ahkamhead {
    background: #5c6bc0;
    margin: 0 !important;
    background: url(../images/Ahkam/topflo.webp);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 225px;
}

    .ahkamhead ::placeholder {
        color: white;
        opacity: 0.75; /* Firefox */
    }

    .ahkamhead :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: white;
    }

    .ahkamhead ::-ms-input-placeholder { /* Microsoft Edge */
        color: white;
    }

.ahkamsearch {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    font-size: 18px;
    transition: all ease-in 0.2s;
    padding-bottom: 0.5rem;
    color: white;
    width: 95%;
}

    .ahkamsearch:focus {
        outline: none;
        border-bottom: 1px solid #ffe007;
        padding-right: 0.75rem;
    }

.btnahkamsearch {
    background: transparent;
    border: none;
    outline: none !important;
    color: white;
    font-size: 1.5rem;
    position: absolute;
    top: 9%;
    left: 6%;
}

.ahkamhead .SelectedMarjaName {
    color: #f7e6c9;
    background: transparent;
    border: none;
    outline: none !important;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 1rem;
    display: block;
}

.ahkamhead .marjalistDrop {
    width: 280px;
    height: 315px;
    overflow: auto;
    margin: 0;
    padding: 0;
    box-shadow: #00000069 0px 0px 20px;
}

    .ahkamhead .marjalistDrop li {
        border-bottom: 1px dotted #e5e5e5;
        padding: 0.5rem;
        cursor: pointer;
    }

        .ahkamhead .marjalistDrop li:hover {
            background: #bac0e1;
        }

        .ahkamhead .marjalistDrop li a img {
            height: 55px;
            padding: 0;
        }

        .ahkamhead .marjalistDrop li a span {
            margin: auto;
        }

.ahkamtitle {
    color: #1b1464;
}

    .ahkamtitle::after, .ahkamtitle::before {
        content: url(../images/Ahkam/title-flo.webp);
        vertical-align: middle;
        margin: 5px;
    }

.learnAhkam .ahkamtitle {
    font-size: 1.5rem;
}

.dayHokm {
    background: #fff;
    height: 100%;
    padding: 1.5rem;
}

.learnAhkam {
    background: #162368;
    height: 100%;
    padding: 1rem;
    text-align: center;
}

.listMaraje {
    background: #fff;
}


.maraje-item {
    color: #1b1464;
    text-decoration: none !important;
    transition: all ease-in 0.2s;
}

    .maraje-item:hover {
        color: #e68819 !important;
        transform: scale(1.07);
    }


.btn-mv {
    color: #088093;
    border-color: #17a2b8;
}

btn-mv:hover {
    color: #fff;
    background-color: #e68819;
    border-color: #e68819;
}
/***********صفحه لیست عناوین احکام**********/
.marjatitle {
    background: #fff;
    padding: 0.05rem 0.5rem;
}

    .marjatitle h1,
    .marjatitle h2 {
        font-size: 1.2rem;
        display: inline-block;
        color: #1b1464;
        font-weight: 900;
    }

    .marjatitle img {
        width: 70px;
    }

@media (max-width:768px) {
    .ahkamcatcontainer {
        height: 50vh;
        overflow: auto;
    }
}

.ahkamCatArea {
    background: #fff;
    margin: 1rem 0;
}

.ahkamcontent {
    background: #fff;
    margin: 1rem 0;
    padding: 1.5rem;
    text-align: justify;
    line-height: 2.15;
    font-size: 1.1rem;
}

.ahkamCatArea .btnahkamtitle {
    width: 100%;
    text-align: right;
}

.c1 {
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #eeeeee;
    padding: 0 1rem;
}

.c2, .c3, .c4, .c5, .c6 {
    background-color: #f7ede1;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}

.c2 {
    padding-right: 1.75rem;
}

.c3 {
    padding-right: 2.5rem;
}

.c4 {
    padding-right: 3.25rem;
}

.c5 {
    padding-right: 4rem;
}

.c6 {
    padding-right: 4.75rem;
}

    .c1:hover, .c2:hover, .c3:hover, .c4:hover, .c5:hover, .c6:hover {
        background-color: #afbcff;
    }

.ahkambookmark {
    position: absolute;
    color: #f44336;
    font-size: 1.35rem;
}

.ahkamContentTitle h1 {
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    color: #5c6bc0;
}

.ahkamContentTitle .fa {
    color: #f44336;
    font-size: 1.5rem;
    vertical-align: middle;
}

/***********صفحه چندرسانه ای احکام**********/
.AhkamMediaItem .ih-item.square {
    width: unset;
    height: unset;
    border-radius: 15px;
}

.AhkamMediaItem .AhkamMediaTitle {
    text-align: center;
    font-size: 1.1rem;
    background: #fff;
    line-height: 1.5;
    color: #000;
    padding: 0.65rem 0;
    border-radius: 0 0 0.5rem 0.5rem;
    margin: 0 0.5rem;
}

.AhkamMediaItem .ih-item.square.effect13 .info {
    background: #00000080;
}

    .AhkamMediaItem .ih-item.square.effect13 .info h3 {
        background: linear-gradient( 43deg, transparent, #dfc6a6b3, transparent);
        color: #ffffff;
    }

    .AhkamMediaItem .ih-item.square.effect13 .info p {
        font-style: normal;
        font-size: 1rem;
        color: #fff;
        padding: 20px 0;
    }

.mainAhkamMM .pagination {
    justify-content: center;
    margin: 0;
    padding: 0;
}

    .mainAhkamMM .pagination li {
        border: 1px solid #dee2e6;
        padding: .15rem .75rem;
        color: #000000;
        background: white;
    }

        .mainAhkamMM .pagination li a {
            color: #3f51b5;
        }

    .mainAhkamMM .pagination .active {
        background: #3f51b5;
        border: 1px solid #3f51b5;
        color: #fff;
    }

/************پایان احکام*************/

/*****************************/
/****     نهج البلاغه     ****/
/****************************/
.nahjMain .menuMaster {
    box-shadow: 0px 2px 4px #00000029;
}

    .nahjMain .menuMaster .bg-menuMaster {
        background-color: #c3c3c352 !important;
    }

    .nahjMain .menuMaster .navbar-light .navbar-nav .nav-link {
        color: #fff !important;
    }

        .nahjMain .menuMaster .navbar-light .navbar-nav .nav-link:hover {
            color: #ffc107 !important;
        }

.nahjMain .bgtabls {
    background: #fffffff2;
    margin-top: 1rem;
    text-align: center;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 2px;
}

.nahjMain .nahjmainlinks {
    text-align: center;
    margin-inline-end: -40px;
    margin-top: auto;
    margin-bottom: auto;
}

    .nahjMain .nahjmainlinks .titleframe {
        background: linear-gradient(359deg,#eacc86,transparent);
        border-radius: 69px;
        padding-bottom: 0.25rem;
    }

    .nahjMain .nahjmainlinks h1 {
        font-family: 'Neirizi';
        color: #fff;
        text-shadow: 2px 1px 2px black;
    }

    .nahjMain .nahjmainlinks p {
        margin: 0;
    }

.nahjMain .mainlinkarea {
    display: flex;
}

    .nahjMain .mainlinkarea .nahjmainlinks a {
        background: #ffffffe6;
        color: #000;
        padding: 1rem 6rem;
        border-radius: 100px;
        box-shadow: 0px 3px 2px #00000080;
        font-family: Neirizi;
        display: block;
        margin: 7px 0;
        font-size: 2.3rem;
        transition: all ease-in-out 0.4s;
    }

        .nahjMain .mainlinkarea .nahjmainlinks a:hover {
            background: #efb258e0;
            color: #fff !important;
            text-shadow: 0 2px 1px #000000b3;
            text-decoration: none;
        }

.nahjMain .nahjkat {
    transition: all ease-in-out 0.3s;
    z-index: 2;
}

    .nahjMain .nahjkat:hover {
        transform: scale(1.03);
    }

/*------------title page------------*/
.nahjMain .nahjmainlinkslayout {
    text-align: center;
    margin-inline-start: -40px;
    margin-top: auto;
    margin-bottom: auto;
}

.nahjMain .mainlinkarealayout {
    display: flex;
    justify-content: center;
}

    .nahjMain .mainlinkarealayout .nahjmainlinkslayout a {
        background: #ffffffe6;
        color: #000;
        padding: 1rem 3rem 0.5rem 2rem;
        border-radius: 13px;
        box-shadow: 0px 3.5px 2px #00000080;
        font-family: Neirizi;
        display: block;
        margin: 7px 0;
        font-size: 1.5rem;
        transition: all ease-in-out 0.4s;
    }

        .nahjMain .mainlinkarealayout .nahjmainlinkslayout a:hover {
            background: #cd9541e0;
            color: #fff !important;
            text-shadow: 0 2px 1px #000000b3;
            text-decoration: none;
        }

.nahjMain .nahjkatlayout {
    z-index: 2;
    height: 220px;
    transition: all ease-in-out 0.3s;
}

    .nahjMain .nahjkatlayout:hover {
        transform: scale(1.03);
    }

.nahjMain .NahjIndexArea {
    background: #fffffff2;
    border-radius: 10px;
    padding: 2rem 1.5rem;
    margin-bottom: 1.5rem;
    min-height: 88vh;
}

.nahjMain .nahjfixed {
    position: fixed;
}

.nahjMain .nahjsectiontitle {
    text-align: center;
}

    .nahjMain .nahjsectiontitle img {
        width: 23px;
    }

    .nahjMain .nahjsectiontitle h1 {
        display: inline-block;
        font-weight: 900;
        font-size: 1.75rem;
    }

@media (max-width: 768px) {
    .nahjMain .nahjmainlinks a {
        padding: 1rem 2.5rem !important;
    }

    .nahjMain .mainlinkarea {
        justify-content: center;
    }

    .nahjMain .nahjfixed {
        position: relative;
    }

    .nahjMain .nahjtitle {
        display: none;
    }
}

.nahj-search {
    position: relative;
}

    .nahj-search form {
        width: 100%;
        display: block;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        padding: 10px;
        background-color: rgba(255,255,255,0.1);
        position: relative;
        overflow: hidden;
    }

        .nahj-search form input {
            width: 100%;
            display: block;
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            line-height: 50px;
            height: 45px;
            padding: 0 20px;
            font-size: 15px;
            color: #000;
            border: 0;
            outline: 0;
            background-color: #f5ead1;
        }

        .nahj-search form button:hover {
            color: #1e2f38
        }

        .nahj-search form button i {
            position: relative;
            top: 8px
        }

        .nahj-search form button {
            font-size: 25px;
            color: #d9a561;
            position: absolute;
            left: 15px;
            top: 5px;
            width: 50px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            background-color: transparent;
            border: 0;
            outline: none;
        }

.nahjMain .nahjIndex-item {
    display: block;
    font-size: 1.15rem;
    margin: 0.5rem 0;
    padding: 0.5rem;
    background: #fff;
    color: #000;
    box-shadow: 0px 1px 1px #00000024;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
}

    .nahjMain .nahjIndex-item:hover {
        background: #5dada3;
        padding-inline-start: 0.75rem;
        text-decoration: none;
        color: #fff !important;
    }

    .nahjMain .nahjIndex-item .nahjnum {
        background: url(../images/Nahjolbalaghe/nahj-item.svg);
        padding: 12px 0 0 0;
        margin-right: 14px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 45px;
        height: 45px;
        text-align: center;
        color: #ff5722;
    }

.nahjMain .nahjcontenttitle {
    display: block;
    font-weight: 900;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    color: #792810;
    border-bottom: 1px dashed;
}

.nahjMain .nahjcontenttext {
    text-align: justify;
    line-height: 2;
    font-size: 1.1rem;
}

/*****************************/
/****    صحیفه سجادیه    ****/
/****************************/
.SahifeMain .menuMaster {
    text-align: center;
}

    .SahifeMain .menuMaster img {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        opacity: 1;
        transition: all ease-in-out 0.3s;
    }

        .SahifeMain .menuMaster img:hover {
            opacity: 0.85;
        }

.SahifeMain .container-sahife {
    background: linear-gradient(90deg, #3ac5d587,#0080b180, #3ac5d587);
    width: 100%;
    margin: 0.5rem auto;
    padding-bottom: 0.25rem;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    backdrop-filter: blur(2px);
    box-shadow: inset 0px 0px 25px 0px #00000090;
}

.SahifeMain .sahifecontentindex {
    background: #0000006b;
    padding: 1rem;
    margin: 0.5rem 2rem 2rem;
    border-radius: 50px;
    border: 6px solid #4a868d;
    box-shadow: 0px 0px 0px 5px #e5af54;
}

.SahifeMain .sahifemaintitle {
    color: #8affff;
    font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 2px 2px black;
}

@media (min-width: 1200px) {
    .SahifeMain .container-sahife {
        max-width: 800px !important;
    }
}

@media (min-width: 768px) {
    .SahifeMain .container-sahife {
        max-width: 760px;
    }

    .SahifeMain .SahifeIndex-item {
        margin: 0.4rem 3rem !important;
    }
}

.SahifeMain .SahifeIndex-item {
    display: block;
    font-size: 1.15rem;
    font-weight: bold;
    margin: 0.4rem 0;
    padding: 0.5rem;
    background: #fffffff2;
    border-radius: 100px;
    color: #084850;
    transition: all ease-in-out 0.3s;
}

    .SahifeMain .SahifeIndex-item:hover {
        background: #2fada68a;
        color: #ffffff !important;
        text-decoration: none;
        transform: translateX(5px);
    }

    .SahifeMain .SahifeIndex-item .Sahifenum {
        background: url(../images/Sahife/sahife-item.svg);
        padding: 12px 0 0 0;
        background-repeat: no-repeat;
        display: inline-block;
        width: 45px;
        height: 45px;
        text-align: center;
        color: #1b1464;
    }

/*------------sahife content page------------*/
.SahifeMain .sahifelogo {
    position: absolute;
    top: 0;
    right: 60px;
}

.SahifeMain .sahifeActive {
    color: #3f51b5;
    font-weight: bold;
}

.SahifeMain .sahifeContentArea {
    background: #3ac5d599;
    width: 100%;
    padding-bottom: 0.5rem;
    margin: 0.5rem auto;
    border-radius: 10px;
}

    .SahifeMain .sahifeContentArea .sahifename h1 {
        color: #fff;
        font-weight: 900;
        font-size: 1.6rem;
        padding: 0.75rem 1.5rem 0.75rem 0;
        text-shadow: 0px 1px 1px #000000ba;
    }

    .SahifeMain .sahifeContentArea .sahifeContentTop {
        background: linear-gradient(90deg, #3a9996,#0080b166, #3a9996);
        border-radius: 10px;
        box-shadow: 0px 0px 3px black;
    }

    .SahifeMain .sahifeContentArea .sahifeContenttext {
        background: #fff;
        padding: 2rem;
        margin: 0 1.5rem 1.5rem;
    }

.sahifeContentArea .btnSCshare .btn-warning {
    font-size: 12px;
    padding: 1px 1px 1px 5px;
    border-radius: 4px;
}

@media (max-width: 600px) {
    .SahifeMain .sahifelogo {
        position: inherit;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .SahifeMain .sahifeContentArea .sahifeContenttext {
        margin: 0 0 1rem;
    }

    .SahifeMain .sahifeContentArea .sahifename h1 {
        padding: 0.5rem 0 0;
        font-size: 1rem !important;
    }

    .SahifeMain .sahifeContentArea .sahifename {
        text-align: center;
    }

    .SahifeMain .sahifecontentindex {
        padding: 0.5rem !important;
        margin: 0.5rem !important;
        border-radius: 15px !important;
    }

    .SahifeMain .container-sahife {
        border-radius: 0 !important;
    }

    .SahifeMain .SahifeIndex-item {
        font-size: 1rem !important;
    }
}

.SahifeMain .sahifeContenttext .sahifeitem {
    padding-bottom: 2rem;
    line-height: 2;
}

.SahifeMain .sahifeitem .sahifetext {
    font-size: 18px;
}

.SahifeMain .sahifeitem .sahifetarjome {
    color: #ab1000;
    font-size: 16px;
}

/*****************************/
/****       روایات       ****/
/****************************/

/*--------موضوعی-----------*/


.RevayatMain .menuMaster {
    box-shadow: 0px 0px 7px #0000001a;
}

.RevayatMain .revayattoptitle {
    font-family: 'Neirizi';
    margin-top: 3rem;
    background: linear-gradient(90deg,transparent,#4cafa694,transparent);
    border-radius: 100px;
    color: #fff;
    text-shadow: 1px 2px 3px black;
}

.RevayatMain .mainvector {
    text-align: center;
}

    .RevayatMain .mainvector img {
        margin: auto;
        max-width: 100%;
    }

    .RevayatMain .mainvector .btnmain a {
        display: inline-block;
        font-family: Neirizi;
        border: 2px solid #fff;
        border-radius: 25px;
        font-size: 1.5rem;
        margin: 0.5rem auto;
        width: 100%;
        padding: 1.25rem 0;
        transition: all ease-in-out 0.5s;
        text-decoration: none;
    }

    .RevayatMain .mainvector .btnmain {
        position: absolute;
        top: 250px;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 200px;
        margin: auto;
    }

    .RevayatMain .mainvector .btnmoshavere {
        color: #000;
        background: #dfac5d;
        box-shadow: 0px 5px 7px #be8f4780;
    }

        .RevayatMain .mainvector .btnmoshavere:hover {
            transform: translateY(10px);
            background: #ccc;
            color: #000 !important;
        }

    .RevayatMain .mainvector .btnmozoei {
        color: #fff;
        background: #31919e;
        box-shadow: 0px 3px 6px #31919e80;
    }

        .RevayatMain .mainvector .btnmozoei:hover {
            transform: translateY(-10px);
            background: #ccc;
            color: #000 !important;
        }

@media (max-width: 500px) {
    .RevayatMain .mainvector .btnmain {
        top: 45vw;
    }
}

.RevayatMain .MozoeiMain {
    margin: auto;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    margin-top: 0.5rem;
}

    .RevayatMain .MozoeiMain img {
        max-width: 100%;
    }

    .RevayatMain .MozoeiMain .rightside {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        text-align: center;
    }

    .RevayatMain .MozoeiMain .leftside {
        text-align: center;
    }

.RevayatMain .btnSCshare .btn-warning {
    display: block;
}

@media (max-width: 768px) {
    .RevayatMain .MozoeiMain img {
        height: auto !important;
    }

    .RevayatMain .MozoeiMain .leftside {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .RevayatMain .MozoeiMain .RevayatIndexmain {
        height: 63vh !important;
    }
}

.RevayatMain .MozoeiMain .RevayatIndexcontainer h1 {
    font-weight: 900;
    color: #bfbfbf;
    text-align: center;
    padding: 0.5rem 0;
}

.RevayatMain .MozoeiMain .RevayatIndexmain {
    text-align: center;
    height: 545px;
    overflow: auto;
}

.RevayatMain .MozoeiMain .RevayatIndexitem a {
    font-family: Neirizi;
    font-size: 1.4rem;
    border-bottom: 1px dashed lightgray;
    padding: 1rem 0;
    transition: all ease-in-out 0.3s;
    color: #000;
    display: block;
    text-decoration: none;
}

    .RevayatMain .MozoeiMain .RevayatIndexitem a:hover {
        background: linear-gradient(45deg,transparent, #f1f1f1, transparent);
        color: #ff5722 !important;
    }

.RevayatMain .RevayatMostViewd {
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    margin: 1rem 0;
    padding: 1rem;
}

    .RevayatMain .RevayatMostViewd h2 {
        text-align: center;
        font-weight: bold;
        margin-bottom: 1rem;
        display: inline-block;
        font-size: 1.5rem;
    }

    .RevayatMain .RevayatMostViewd .btnmostviewed {
        color: #007b8f !important;
        background: #f5f5f5;
        box-shadow: 0px 1px 1px #d7d7d7;
        margin: 0.25rem;
        transition: all ease-in-out 0.3s;
    }

        .RevayatMain .RevayatMostViewd .btnmostviewed:hover {
            color: #000 !important;
            box-shadow: 0px 1px 1px #979797;
        }

.RevayatMain .MozoeiMain .RevayatIndexcontainer h1 {
    font-weight: 900;
    color: #e91e63;
    padding: 0.5rem;
    font-size: 1.75rem;
    border-bottom: 1px dashed #cccccc;
}

.RevayatMain .MozoeiMain .RevayatIndexmain p {
    line-height: 2;
    padding: 0 0.5rem;
    text-align: justify;
    font-size: 1.15rem;
}

.RevayatMain .moshaveresearch {
    text-align: center;
    margin-top: 2rem;
}

    .RevayatMain .moshaveresearch form {
        position: absolute;
        top: 7vw;
        left: 0;
        right: 0;
    }

        .RevayatMain .moshaveresearch form h4 {
            font-weight: 900;
            color: #000;
            text-align: center;
            padding: 0.75rem 0;
            font-size: 1.5rem;
        }

        .RevayatMain .moshaveresearch form input {
            padding: 0.5rem 0.75rem;
            border-radius: 10px;
            outline: none;
            border: none;
            box-shadow: 0px 5px 7px #00000017;
            height: 45px;
            width: 28vw;
            transition: all ease-in-out 0.3s;
        }

            .RevayatMain .moshaveresearch form input:focus {
                box-shadow: 0px 3px 12px #67629675;
            }

        .RevayatMain .moshaveresearch form button {
            background: #dfac5d;
            color: #fff;
            border-radius: 10px;
            box-shadow: 0px 5px 7px #be8f4780;
            padding: 0.75rem 1rem;
            transition: all ease-in-out 0.3s;
        }

            .RevayatMain .moshaveresearch form button .fa {
                font-size: 1.3rem;
                vertical-align: middle;
            }

            .RevayatMain .moshaveresearch form button:hover {
                transform: translateY(-6px);
            }

@media (max-width: 768px) {
    .RevayatMain .moshaveresearch img {
        display: none;
    }

    .RevayatMain .moshaveresearch form {
        position: inherit !important;
        background: #f0f0f0;
        box-shadow: 0px 0px 15px #c9c9c9;
        padding: 2rem;
        margin-top: 1rem;
    }

        .RevayatMain .moshaveresearch form input {
            width: 50vw;
        }
}

.RevayatMain .moshavereMostViewd {
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    margin: 1rem 0;
    padding: 2rem 1rem;
    text-align: center;
    border-radius: 5px;
}

    .RevayatMain .moshavereMostViewd .titlemost h4 {
        text-align: center;
        font-weight: bold;
        margin-bottom: 1.5rem;
        display: inline-block;
    }

    .RevayatMain .moshavereMostViewd .moshaveremost-item {
        display: inline-block;
        box-shadow: 0px 3px 0px #d9d9d9;
        background: #f3f3f3;
        padding: 0.75rem;
        margin: 0.5rem 0;
        border-radius: 7px;
        color: #544c8a;
        text-decoration: none;
        transition: all ease-in-out 0.2s;
    }

        .RevayatMain .moshavereMostViewd .moshaveremost-item:hover {
            background: #5c51a5;
            color: #fff !important;
            box-shadow: 0px 2px 7px #393076;
        }

        .RevayatMain .moshavereMostViewd .moshaveremost-item .fa {
            color: #dfac5d;
        }

.RevayatMain .SearchResultmain {
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    margin: 1rem 0;
    padding: 1.5rem 1rem;
    border-radius: 5px;
}

    .RevayatMain .SearchResultmain .SearchedTitle {
        text-align: center;
    }

        .RevayatMain .SearchResultmain .SearchedTitle h1 {
            display: inline-block;
            color: #544c8a;
            font-size: 2rem;
            font-weight: 900;
        }

    .RevayatMain .SearchResultmain .SearchResult .SearchResult-item {
        display: block;
        color: #000;
        font-size: 1.2rem;
        border-bottom: 1px dashed #dddddd;
        border-right: 3px solid #2b9196;
        padding: 1rem;
        margin: 0.25rem 0;
        background: linear-gradient(270deg, #f6f5fd, transparent);
        text-decoration: none;
        transition: all ease-in-out .3s;
        border-radius: 10px;
    }

        .RevayatMain .SearchResultmain .SearchResult .SearchResult-item:hover {
            background: #2b9196;
            color: #fff !important;
        }

.RevayatMain .MoshavereContent {
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    margin: 1rem 0;
    padding: 1.5rem 1rem;
    border-radius: 5px;
    line-height: 1.8;
}

    .RevayatMain .MoshavereContent h1 {
        font-size: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px dashed #ff9800;
        padding-bottom: 1rem;
    }

    .RevayatMain .MoshavereContent .arabictext {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
    }

    .RevayatMain .MoshavereContent .translatetext {
        font-size: 1.2rem;
        text-align: justify;
        margin: 0;
    }

    .RevayatMain .MoshavereContent .fa {
        color: #ff9800;
    }

/*****************************/
/****       مداحی        ****/
/****************************/
:root {
    --clrmadahi: #e10000;
}

.madahitop {
    background: var(--clrmadahi);
    margin: 0;
    padding: 0;
}

.madahitopcenter {
    background: #f2f2f2;
    margin-bottom: -8px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 1px 3px #00000061;
    text-align: center;
}

.madahitopright {
    text-align: center;
    font-weight: 900;
    color: white;
    margin: auto;
    font-size: 2rem;
}

.mainmaddahi a:hover {
    text-decoration: none;
}

.mainmaddahi .card {
    border: none !important;
    box-shadow: 0 0 13px -2px #706f7d4f;
    border-radius: .35rem !important;
}

.mainmaddahi .cardnoimage {
    border-right: 4px solid #e10000 !important;
}

.mainmaddahi .swiper-slide {
    text-align: center;
}

    .mainmaddahi .swiper-slide img {
        max-height: 170px;
        border-radius: 10px;
        width: auto;
    }

.mainmaddahi .sectiontitle {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
}

    .mainmaddahi .sectiontitle span {
        border-bottom: 3px solid;
        color: var(--clrmadahi);
        padding-bottom: 0.1rem;
    }

.madahititle {
    color: #000;
}

.madahinameslide {
    font-size: 1rem;
    color: #000;
}

.madahinamecat {
    font-size: 1rem;
    display: inline-block;
    color: #000;
}

.madahinamemadah {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #000;
}

.madahicat {
    color: var(--clrmadahi);
}

.madahidettitle {
    color: #000;
    font-size: 1.5rem;
    font-weight: 900;
}

.madahidesc {
    color: #808080;
}

.mainmaddahi .swiper-scrollbar-drag {
    background: #ed6565 !important;
}

.mainmaddahi .catmonasebati {
    background: #ebebeb;
    border-radius: 10px;
}

    .mainmaddahi .catmonasebati:hover {
        box-shadow: inset 6px 0px #e10000;
    }

.mainmaddahi .catmonasebati-icon {
    display: inline-block;
    background: #e10000;
    border-radius: 10px;
    padding: 0.5rem;
    width: 60px;
    height: 60px;
}

.mainmaddahi .catmadahitype {
    background: #e10000;
    padding: 1rem 0.5rem;
    border-radius: 5px 17px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: 1px dotted #ffffff;
    box-shadow: 2px 2px 4px #00000054, inset -18px 0px 5px #0000003b;
    border-right: 8px solid #ebebeb;
}

    .mainmaddahi .catmadahitype:hover {
        background: #f1f1f1;
        padding: 1rem 0.5rem;
        border-radius: 17px;
        color: #000;
        text-align: center;
        font-weight: bold;
        box-shadow: 2px 2px 4px #00000054, inset 15px 0px 5px #0000001f;
        border-right: 8px solid #e10000;
    }

    .mainmaddahi .catmadahitype h3 {
        font-size: 1rem;
    }

.mainmaddahi .avatar {
    box-shadow: 0px 2px 4px #707070;
}

.mainmaddahi .madahitem:hover .avatar {
    filter: sepia(0.5);
}

.mainmaddahi .swiper-pagination-bullet-active {
    background: var(--clrmadahi);
}

@media (max-width:768px) {
    .madahitop {
        padding-bottom: 1rem;
    }

    .madahitopcenter {
        margin-bottom: 15px;
    }
}

/*---list---*/

.madahi-item-img {
    max-height: 170px;
    border-radius: 10px;
}

.mainmaddahi .card {
    transition: all ease-in 0.2s;
}

    .mainmaddahi .card:hover {
        transform: translateY(7px);
    }

.mainmaddahi .titleinlist {
    background: #ebebeb;
    border-radius: 10px;
}

    .mainmaddahi .titleinlist h1 {
        padding-right: 0.5rem;
        font-size: 1.25rem;
        font-weight: 900;
    }

.mainmaddahi .catinlist-img {
    display: inline-block;
    width: 60px;
    height: 60px;
}

    .mainmaddahi .catinlist-img img {
        background: var(--clrmadahi);
        border-radius: 10px;
        padding: 0.15rem;
    }

.mainmaddahi .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.mainmaddahi .page-item.active .page-link {
    background-color: #e10000 !important;
    border-color: #e10000 !important;
    color: white !important;
}

.mainmaddahi .page-link {
    color: #e10000 !important;
}

.mainmaddahi .page-item:first-child .page-link,
.mainmaddahi .page-item:last-child .page-link {
    border-radius: 0 !important;
}

/*****************************/
/****      سخنرانی       ****/
/****************************/
:root {
    --clrspeech: #ff926d;
}

.speechtop {
    background: linear-gradient(180deg, #479f7e, #29594b);
    margin: 0;
    padding: 0;
    box-shadow: 0px 1px 3px #000000;
    border-bottom: 1px solid #98cda5;
}

.speechtopcenter {
    text-align: center;
}

    .speechtopcenter img {
        border-radius: 100px;
        margin: 6px 0;
        box-shadow: 0px 2px 3px #5c5c5c;
        height: 75px;
    }

.speechtopright {
    text-align: center;
    font-weight: bold;
    color: white;
    margin: auto;
    font-size: 2.25rem;
    text-decoration: none;
}

    .speechtopright a {
        color: white;
        text-decoration: none;
    }

        .speechtopright a:hover {
            color: var(--clrspeech) !important;
            text-decoration: none;
        }

.mainspeech:before {
    content: '';
    background: url(../images/Speech/speech-patt.webp);
    background-repeat-y: no-repeat;
    background-size: contain;
    position: fixed;
    height: 400px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.mainspeech:after {
    content: '';
    background: url(../images/Speech/speech-patt.webp);
    background-repeat-y: no-repeat;
    background-size: contain;
    position: fixed;
    height: 400px;
    width: 100%;
    bottom: 0;
    z-index: -1;
    transform: rotate(180deg);
}

.mainspeech a:hover {
    text-decoration: none;
}

.mainspeech .card {
    border: none !important;
    box-shadow: 0 0 13px -2px #706f7d4f;
    border-radius: .35rem !important;
}

.mainspeech .cardnoimage {
    border-right: 4px solid #86b993 !important;
}

.mainspeech .swiper-slide {
    text-align: center;
}

    .mainspeech .swiper-slide img {
        max-height: 170px;
        border-radius: 10px;
        width: auto;
    }

.mainspeech .sectiontitle {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
}

    .mainspeech .sectiontitle span {
        border-bottom: 3px solid;
        color: var(--clrspeech);
        padding-bottom: 0.1rem;
    }

.speechtitle {
    color: #2d3740;
    font-size: 1.1rem;
    font-weight: bold;
}

.mainspeech .section-categories {
    background: #29594b;
}

.speechcat {
    color: #307942;
}

.speechdesc {
    color: #808080;
    font-size: 0.85rem;
}

.speechcats p {
    color: #808080;
    font-size: 0.85rem;
}

.speechcats .btn {
    background-color: var(--clrspeech);
    color: #fff;
    border-color: var(--clrspeech);
}

.mainmspeech .swiper-scrollbar-drag {
    background: #ed6565 !important;
}

.mainspeech .catmozoei {
    text-align: center;
    padding: 0.4rem;
}

    .mainspeech .catmozoei img {
        border-radius: 10px;
    }

    .mainspeech .catmozoei .speechcattitle {
        color: #2d3740;
        font-size: 1.1rem;
    }

.mainspeech .avatar {
    box-shadow: 0px 2px 3px #29594b;
}

    .mainspeech .avatar:hover {
        filter: sepia(0.5);
    }

.mainspeech .swiper-pagination-bullet-active {
    background: var(--clrspeech);
}

@media (max-width:768px) {
    .speechtop {
        padding-bottom: 1rem;
    }

    .speechtopcenter {
        margin-bottom: 15px;
    }

    .speechtopright {
        position: absolute;
        z-index: 1;
        top: 65px;
        text-shadow: 0 1px black;
    }

    .mainspeech:after {
        display: none;
    }
}

/*---list---*/
.speech-item-img {
    max-height: 170px;
    border-radius: 10px;
}

.mainspeech .card {
    transition: all ease-in 0.2s;
}

    .mainspeech .card:hover {
        transform: translateY(7px);
    }

.mainspeech .catinlist-img {
    display: inline-block;
    width: 60px;
    height: 60px;
}

    .mainspeech .catinlist-img img {
        background: var(--clrspeech);
        border-radius: 10px;
        padding: 0.15rem;
    }

.mainspeech .catlisttitle {
    padding-right: 1.25rem;
    border-bottom: 3px solid #ff926d;
    padding-bottom: 1rem;
    font-weight: 900;
    font-size: 1.5rem;
}

.mainspeech .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.mainspeech .page-item.active .page-link {
    background-color: #ff926d !important;
    border-color: #ff926d !important;
    color: white !important;
}

.mainspeech .page-link {
    color: #ff926d !important;
}

.mainspeech .page-item:first-child .page-link,
.mainspeech .page-item:last-child .page-link {
    border-radius: 0 !important;
}

/*****************************/
/****       تواشیح       ****/
/****************************/
:root {
    --clrtavashih: #00819b;
}

.tavashihtop {
    background: url(../images/Tavashih/tavashihtop.webp);
}

    .tavashihtop h1,
    .tavashihtop h3,
    .tavashihtop h1 a {
        font-family: Neirizi;
        color: #01326e;
        font-size: 3rem;
        margin-bottom: 2.5rem;
        text-decoration: none;
    }

        .tavashihtop h1 a:hover {
            text-decoration: none;
        }

@media (max-width: 991px) {
    .tavashihtop h1,
    .tavashihtop h3 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 768px) {
    .tavashihtop {
        padding: 0.5rem;
    }

        .tavashihtop .tavashihtopimg {
            display: none;
        }

        .tavashihtop .tavashihtopcard {
            padding-top: 1.5rem !important;
            padding-bottom: 1rem !important;
        }
}

.tavashihtop .tavashihtopcard {
    background: linear-gradient(90deg, white, #afd1ebe0);
    border-radius: 15px;
    padding: 0;
    padding-top: 2rem;
}

    .tavashihtop .tavashihtopcard .form-control {
        border: none;
        color: #01326e;
    }

.tavashihtop .tavashihtopimg img {
    border-radius: 15px;
    border: 3px solid #fff;
    box-shadow: 6px 0px 13px -4px #505050ad;
    margin-right: -15px;
}

.maintavashih a:hover {
    text-decoration: none;
}

.maintavashih .card {
    border: none !important;
    box-shadow: 0 0 13px -2px #706f7d4f;
    border-radius: .35rem !important;
}

.maintavashih .cardnoimage {
    border-right: 4px solid #0092af !important;
}

.maintavashih .swiper-slide {
    text-align: center;
}

    .maintavashih .swiper-slide img {
        max-height: 170px;
        border-radius: 10px;
        width: auto;
    }

.maintavashih .sectiontitle {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
}

    .maintavashih .sectiontitle span {
        border-bottom: 3px solid #ECB365;
        color: var(--clrtavashih);
        padding-bottom: 2px;
    }

.tavashihtitle {
    color: #2d3740;
    font-size: 1rem;
    font-weight: bold;
}

.maintavashih .section-categories {
    background: #29594b;
}

.tavashihcat {
    color: var(--clrtavashih);
}

.tavashihdesc {
    color: #808080;
    font-size: 0.85rem;
}

.tavashihcats p {
    color: #808080;
    font-size: 0.85rem;
}

.tavashihcats .btn {
    background-color: var(--clrtavashih);
    color: #fff;
    border-color: var(--clrtavashih);
}

.mainmtavashih .swiper-scrollbar-drag {
    background: #ed6565 !important;
}

.maintavashih .catmozoei {
    text-align: center;
    padding: 0.4rem;
}

    .maintavashih .catmozoei img {
        border-radius: 10px;
    }

    .maintavashih .catmozoei .tavashihcattitle {
        color: #2d3740;
        font-size: 1.3rem;
    }

.maintavashih .avatar {
    box-shadow: 0px 2px 3px #29594b;
}

    .maintavashih .avatar:hover {
        filter: opacity(0.5);
    }

.maintavashih .swiper-pagination-bullet-active {
    background: var(--clrtavashih);
}


.maintavashih .catmonasebati {
    text-align: center;
}

    .maintavashih .catmonasebati img {
        border-radius: 5px;
        width: auto;
    }

/*---list---*/

.tavashih-item-img {
    max-height: 170px;
    border-radius: 10px;
}

.maintavashih .card {
    transition: all ease-in 0.2s;
}

    .maintavashih .card:hover {
        transform: translateY(7px);
    }

.maintavashih .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.maintavashih .page-item.active .page-link {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: white !important;
}

.maintavashih .page-link {
    color: #1b6ec2 !important;
}

.maintavashih .page-item:first-child .page-link,
.maintavashih .page-item:last-child .page-link {
    border-radius: 0 !important;
}

/*****************************/
/****       نماهنگ       ****/
/****************************/

:root {
    --clrnama: #00e1d9;
}

.mainnama a:hover {
    text-decoration: none;
}

.mainnama:before {
    content: '';
    background: url(../images/Namahang/namabg.webp);
    background-repeat-y: no-repeat;
    background-size: contain;
    position: fixed;
    height: 400px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.namatoptitle {
    position: absolute;
    top: 111px;
    right: 0;
    left: 0;
    font-family: 'Neirizi';
    font-size: 3.45rem;
    color: #fff;
    text-shadow: 1px 1px 5px black;
    z-index: 2;
}

.imgnamatop {
    transition: all ease-in-out 0.3s;
}

    .imgnamatop:hover {
        filter: brightness(1.2);
    }

.mainnama .catmonasebati {
    text-align: center;
    padding: 0.75rem 0;
    background: #008d887a;
    color: #fff;
    font-size: 1rem;
    border-radius: 50px;
    transition: all ease-in-out 0.3s;
    border: 2px solid #ffffffcc;
}

    .mainnama .catmonasebati:hover {
        background: #ecb365cf;
    }

.mainnama .swiper-slide {
    text-align: center;
}

    .mainnama .swiper-slide img {
        max-height: 170px;
        border-radius: 10px;
        width: auto;
    }

.mainnama .sectiontitle {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom: 0.25rem;
    text-align: center;
    font-size: 1.5rem;
}

    .mainnama .sectiontitle span {
        border-bottom: 4px solid #ECB365;
        color: var(--clrnama);
        padding-bottom: 2px;
        font-weight: 900;
    }

.namamadahtitle {
    color: #fff;
    font-size: 1rem;
}

.namatitle {
    color: #fff;
    font-size: 1rem;
}

.namacat {
    color: var(--clrnama);
}

.namadescription {
    font-family: IRANSans !important;
    color: #fff;
    font-size: 1rem;
    white-space: pre-wrap;
}

.namadesc {
    color: #808080;
    font-size: 0.85rem;
}

.namacats p {
    color: #808080;
    font-size: 0.85rem;
}

.namacats .btn {
    background-color: var(--clrnama);
    color: #fff;
    border-color: var(--clrnama);
}

.mainnama .swiper-scrollbar-drag {
    background: #ed6565 !important;
}

.mainnama .catmozoei {
    text-align: center;
    padding: 0.4rem;
}


    .mainnama .catmozoei .namacattitle {
        color: #2d3740;
        font-size: 1.3rem;
    }


.mainnama .avatar:hover {
    filter: grayscale(1);
}

.mainnama .swiper-pagination-bullet {
    background: #fff;
}

/*---list---*/
.namaCatListTitle {
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 2rem;
}

.nama-item-img {
    max-height: 170px;
    border-radius: 10px;
}

.mainnama .card {
    border: none !important;
    box-shadow: 0 0 13px -2px #706f7d4f;
    border-radius: .35rem !important;
}

.mainnama .cardnoimage {
    transition: all ease-in 0.2s;
    border-top: 1px solid #ffffffd1 !important;
    background: #3799a775;
    backdrop-filter: blur(4px);
    box-shadow: 0px 0px 2px 0px #ffeb3b;
}

    .mainnama .cardnoimage:hover {
        border-top: 1px solid #ffc107 !important;
    }

    .mainnama .cardnoimage hr {
        border-top: 1px dashed #b9b9b9 !important;
    }

    .mainnama .cardnoimage .namatitle {
        color: #fff;
    }

        .mainnama .cardnoimage .namatitle .fa {
            color: #cddc39;
        }

    .mainnama .cardnoimage .namacat {
        color: #00e1d9;
    }

    .mainnama .cardnoimage .namadesc {
        color: #b5d7dd;
        font-size: 0.85rem;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.mainnama .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.mainnama .page-item.active .page-link {
    background-color: #0092af !important;
    border-color: #0092af !important;
    color: white !important;
}

.mainnama .page-link {
    color: #0092af !important;
}

.mainnama .page-item:first-child .page-link,
.mainnama .page-item:last-child .page-link {
    border-radius: 0 !important;
}

.namaItemTitle {
    background: linear-gradient(181deg, #60bdb494, #253c3cbf);
    border-radius: 10px;
    padding: 1rem 0;
}

    .namaItemTitle h1 {
        color: #fff;
        font-size: 1.75rem;
        font-weight: 900;
    }

/*****************************/
/****     کتابخانه       ****/
/****************************/
.Bookmain .logotitle h2 {
    display: inline-block;
    font-weight: 900;
    font-size: 1.8rem;
    vertical-align: bottom;
    margin-inline-start: 0.5rem;
    color: #519b7e;
}

.Bookmain footer {
    text-align: center;
    border-top: 4px solid #ffc039;
    padding-top: 1rem;
    background-color: #fff;
    background: url(../images/Book/pattBookfooter.webp);
    background-size: 230px;
    background-attachment: fixed;
}

.Bookmain .logofooter .logofootertitle {
    display: inline-block;
    font-weight: 900;
    font-size: 2rem;
    vertical-align: bottom;
    margin-inline-start: 0.5rem;
    color: #ffffff;
    text-shadow: 2px 2px 3px #525252;
}

@media (max-width: 768px) {
    .Bookmain #topslider {
        height: 130px;
    }

        .Bookmain #topslider .cont {
            margin: 0;
        }

        .Bookmain #topslider .slbookh1 {
            font-size: 1.5rem;
            margin: 1rem 0 !important;
        }

        .Bookmain #topslider .slbooktext {
            font-size: 1.2rem !important;
        }

        .Bookmain #topslider .slbooksp {
            font-size: 1.2rem !important;
        }

        .Bookmain #topslider .odometer {
            font-size: 1.5rem;
        }
}

.Bookmain #topslider .slbookh1 {
    color: #fff38c;
    text-shadow: 0 3px 3px #424242;
    margin: 2rem 0;
}

.Bookmain #topslider .slbooktext {
    color: #fff;
    text-shadow: 0 2px 2px #383838;
    font-size: 1.8rem;
}

.Bookmain #topslider .slbooksp {
    font-weight: bold;
    font-size: 1.6rem;
}

.Bookmain footer .footerapp {
    color: #000;
    font-weight: 900;
    font-size: 1.75rem;
}

.Bookmain footer p {
    color: #000;
    font-size: 1.1rem;
}

.Bookmain footer .copyright {
    background: #519c7e;
    color: white;
    margin-top: 1rem;
    padding: 1rem;
}

.Bookmain footer .dl-link img:hover {
    transform: scale(1.1);
    transition: all ease-in-out 0.3s;
}

.booksectitle {
    font-weight: 900;
    text-align: center;
    font-size: 1.5rem;
    padding-top: 1.5rem;
}

    .booksectitle:before {
        content: url(../images/Book/bulletR.webp);
        vertical-align: -webkit-baseline-middle;
        margin: 0 5px;
    }

    .booksectitle:after {
        content: url(../images/Book/bulletL.webp);
        vertical-align: -webkit-baseline-middle;
        margin: 0 5px;
    }

/*---------owl slider---------*/
.Bookmain .owl-carousel .owl-nav .owl-next,
.Bookmain .owl-carousel .owl-nav .owl-prev {
    color: #ff9800 !important;
    font-size: 4rem !important;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(1deg,transparent,transparent,#8d5c1526,transparent,transparent);
}

    .Bookmain .owl-carousel .owl-nav .owl-next:hover,
    .Bookmain .owl-carousel .owl-nav .owl-prev:hover {
        color: #fff !important;
        background: linear-gradient(1deg,transparent,transparent,#cf8e30a8,transparent,transparent);
    }

.Bookmain .owl-carousel .owl-nav .owl-prev {
    right: 0;
}

.Bookmain .owl-carousel .owl-nav .owl-next {
    left: 0;
}

/*---------owl slider---------*/
/*---------slick all---------*/
.slider {
    width: 100%;
    margin: auto;
}

.slick-slide {
    margin: 0px;
}

.slick-prev:before,
.slick-next:before {
    color: #000 !important;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    height: unset !important;
}

.slick-prev,
.slick-next {
    left: 25px !important;
    z-index: 2;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.slick-dots {
    position: unset !important;
}

    .slick-dots li {
        margin: 0;
    }

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #ea9915 !important;
}

.slick-dots li button:before {
    font-size: 10px !important;
    opacity: 0.85 !important;
    color: #d9d9d9 !important;
}
/*-------slidebase--------*/

.slbase .slick-slide {
    text-align: center;
}

.slbase .slick-dots {
    position: unset !important;
    padding-top: .75rem;
}

    .slbase .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #15d5e0;
    }

    .slbase .slick-dots li button:before {
        font-size: 12px;
        opacity: 0.85;
        color: #ffffff73;
    }

    .slbase .slick-dots li {
        margin: 0;
    }

.slbase.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/*-------BookItemSlide--------*/
.BookItemSlide {
    text-align: center;
}

    .BookItemSlide a {
        text-decoration: none;
    }

        .BookItemSlide a:hover .Bookname {
            color: #519b7e !important;
        }

    .BookItemSlide .Bookname {
        font-size: 1rem;
        color: #000;
        transition: all ease-in-out 0.3s;
        margin: 0.75rem 2px 0.5rem 2px;
        line-height: 1.5;
        /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    }

    .BookItemSlide .Bookauthor {
        font-size: 1rem;
        color: #a4a4a4;
        font-weight: 100;
    }

    .BookItemSlide img {
        max-width: 140px;
        height: auto;
    }

/*-------Mobile Style--------*/
@media (max-width: 768px) {
    .Bookmain .search-bg {
        padding: 3rem 1rem !important;
    }

        .Bookmain .search-bg .searchinput {
            min-width: 0 !important;
        }

    .BookItemSlide img {
        max-width: 105px;
    }

    .BookItemSlide .Bookname {
        font-size: 0.8rem;
    }

    .BookItemSlide .Bookauthor {
        font-size: 0.7rem;
    }

    .Bookmain .bargozide {
        margin: 1.5rem 0 1rem !important;
        width: auto !important;
        padding: 0 !important;
    }

    .Bookmain .porbazdidMain .porbazdid {
        padding: 1rem 1rem 0.25rem !important;
        margin: 0.5rem !important;
    }

    .Bookmain .AudioBookMain .AudioBook {
        padding: 1rem 1rem 0.25rem !important;
    }

    .booksectitle {
        font-size: 1.25rem !important;
    }

    .logotitle {
        margin: auto;
    }

    .Bookmain .logotitle h2 {
        font-size: 1.65rem !important;
    }

    .Bookmain .logotitle img {
        width: 40px !important;
    }

    .terms li > a {
        padding-right: 5px !important;
    }

    .BookDetail .BookBaseDet .BookName {
        font-size: 1.3rem !important;
    }

    .BookDetailMain .BookDetail {
        padding: 0 !important;
    }

    .BookDetailMain .BookComments {
        padding: 1rem 0.25rem !important;
    }

    .AdSearchMain .searchTop {
        height: 45px !important;
    }

    .Bookmain .BookAuthorMain {
        padding: 1rem 0 !important;
    }
}

.Bookmain .slick-prev {
    width: 32px;
    left: 0 !important;
    height: 100% !important;
}

.Bookmain .slick-next {
    width: 32px;
    right: 0 !important;
    height: 100% !important;
}

.Bookmain .slick-prev:before {
    background: #ffc107;
    padding: 0.4rem;
    border-radius: 0 7px 7px 0;
    color: #000000 !important;
}

.Bookmain .slick-next:before {
    background: #ffc107;
    padding: 0.4rem;
    border-radius: 7px 0 0 7px;
    color: #000000 !important;
}

/*-------bargozide--------*/
.Bookmain .bargozide {
    margin: 1.5rem 0 0;
    width: auto;
    padding: 1.5rem 1.5rem 0;
}
/*-------porbazdid--------*/
.Bookmain .porbazdidMain {
    background: #ebebeb;
    padding-bottom: 0.75rem;
}

    .Bookmain .porbazdidMain .porbazdid {
        background: white;
        border-radius: 16px;
        padding: 2.25rem 3rem;
        margin: 1rem 0;
        width: auto;
    }

/*-------AudioBook--------*/
.Bookmain .AudioBookMain {
    background: url(../images/Book/pattBook.webp);
    padding-bottom: 0.75rem;
    background-size: 230px;
    background-attachment: fixed;
    text-align: center;
}

    .Bookmain .AudioBookMain .AudioBook {
        background: white;
        border-radius: 16px;
        padding: 2.25rem 3rem;
        width: auto;
    }

    .Bookmain .AudioBookMain .showAllAudBook {
        border: 1px dashed #ffffffd4;
        background: #00000059;
        color: white;
        font-size: 1.2rem;
        padding: 1rem;
        border-bottom-left-radius: 13px;
        border-bottom-right-radius: 13px;
        box-shadow: 0px 13px 15px 0 #0b0c4a;
    }

        .Bookmain .AudioBookMain .showAllAudBook:hover {
            background: #519b7ecc;
            color: white !important;
        }

/*-------AuthorBook--------*/
.AuthorsSlide {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

    .AuthorsSlide .slick-dots li.slick-active button:before {
        opacity: 1 !important;
        color: #ea9915 !important;
    }

    .AuthorsSlide .slick-dots li button:before {
        font-size: 10px !important;
        opacity: 0.85 !important;
        color: white !important;
    }

/*-------searchArea--------*/
.Bookmain .searcharea {
    background: url(../images/Book/search-bg.webp);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.Bookmain .search-bg {
    background: #00502f80;
    padding: 4rem;
    text-align: center;
}

.search-control {
    display: inline-block;
    width: auto;
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.Bookmain .search-bg .searchinput {
    min-width: 320px;
    font-weight: 900;
}

.Bookmain .search-bg .btnSearch {
    height: calc(1.5em + 1.5rem + 2px);
    background: #ffde00;
}

    .Bookmain .search-bg .btnSearch:hover {
        color: #fff;
        background: #2e3192;
    }

.Bookmain .searcharea h4 {
    font-weight: 900;
    text-shadow: 0px 2px 4px #000000c9;
    font-size: 2rem;
    margin-bottom: 2rem;
}

    .Bookmain .searcharea h4 .searcht1 {
        color: white;
    }

    .Bookmain .searcharea h4 .searcht2 {
        color: #ffde00;
        display: inline-block;
    }

/*-------BookCategory--------*/
.Bookmain .BookcategoryMain {
    background-color: #FFFFFF;
    background-image: url(../images/Book/cat-bg.webp);
    background-size: cover;
    background-attachment: fixed;
}

    .Bookmain .BookcategoryMain .BookcategoryBg {
        padding-bottom: 1.5rem;
    }

    .Bookmain .BookcategoryMain .miller--column {
        border-radius: 5px;
        box-shadow: 0px 0px 15px -3px #1e164a36;
        border: 1px dashed #519b7e;
    }

/*-------BookAuthor--------*/
.Bookmain .BookAuthorMain {
    background: #ebebeb;
    padding: 2rem 1rem;
}

.AuthorItemSlide a {
    text-decoration: none;
    text-align: center;
}

.AuthorItemSlide img {
    max-width: 150px;
    height: auto;
}

.AuthorItemSlide a:hover h3 {
    color: #519b7e !important;
}

.AuthorItemSlide h3 {
    font-size: 1.1rem;
    color: #000;
    transition: all ease-in-out 0.3s;
    margin: 0.75rem 2px 0.5rem 2px;
    line-height: 1.5;
}

.Bookmain .AuthorMore a {
    color: #009688;
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 7px;
    transition: all ease-in-out 0.3s;
}

    .Bookmain .AuthorMore a:hover {
        text-decoration: none;
    }

.Bookmain .bargozideMore a {
    color: #000000;
    background: #ebebeb;
    padding: 0.5rem 1rem;
    border-radius: 7px;
    transition: all ease-in-out 0.3s;
}

    .Bookmain .bargozideMore a:hover {
        text-decoration: none;
        background: #f1e6c5;
        color: #000000;
    }

.Bookmain .catMore a {
    color: #ffffff;
    background: #009688;
    padding: 0.5rem 1rem;
    border-radius: 7px;
    transition: all ease-in-out 0.3s;
}

    .Bookmain .catMore a:hover {
        background: #ebebeb;
        text-decoration: none;
    }


/*-------BookSubject--------*/
.Bookmain .BookSubjectMain .BooksubjectItem {
    padding: 1rem !important;
    box-shadow: 0px 2px 9px -1px #66666640;
    border-radius: 10px;
    margin: 0.25rem 0;
    transition: all ease-in-out 0.3s;
}

    .Bookmain .BookSubjectMain .BooksubjectItem:hover {
        background: #ffc107;
    }

    .Bookmain .BookSubjectMain .BooksubjectItem .fa {
        color: #fec339;
    }

    .Bookmain .BookSubjectMain .BooksubjectItem h3 {
        color: #000;
        font-size: 1.1rem;
        display: inline;
        margin: 0.5rem;
    }

.Bookmain .BookSubjectMain .subjectArea {
    border-top: 2px solid #519b7e;
    border-bottom: 2px solid #519b7e;
    padding: 0.5rem 0;
    max-height: 400px;
    overflow: auto;
}

.Bookmain .subjectArea a:hover {
    text-decoration: none;
}

/*-------Search page--------*/
.AdSearchMain {
    background: #f2f2f2;
}

    .AdSearchMain .searchTop {
        background: url(../images/Book/slidebg.webp);
        background-attachment: fixed;
        height: 75px;
    }

    .AdSearchMain .search-wrapper {
        padding: 1rem 0;
    }

    .AdSearchMain .searchResult {
        background: #fff;
        padding-bottom: 1rem;
    }

        .AdSearchMain .searchResult h1 {
            font-size: 1rem;
            background: #519c7e;
            color: #fff;
            width: 100%;
            padding: 0.75rem;
        }

.BookItemSearch {
    text-align: center;
    margin: 1rem 0;
}

    .BookItemSearch a {
        text-decoration: none;
        text-align: center;
    }

        .BookItemSearch a:hover .Bookname {
            color: #519b7e !important;
        }

    .BookItemSearch .Bookimage {
        width: 100px;
        height: auto;
    }

    .BookItemSearch .Bookname {
        font-size: 1rem;
        color: #000;
        transition: all ease-in-out 0.3s;
        margin: 0.75rem 2px 0.5rem 2px;
        line-height: 1.5;
    }

    .BookItemSearch .Bookauthor {
        font-size: 0.9rem;
        color: #a4a4a4;
    }

.AdSearchMain .SearchBookName {
    text-align: center;
    background: #a5d1b6;
    padding: 1rem 1.5rem;
    border: 2px dotted #fff;
}

    .AdSearchMain .SearchBookName .search-control {
        height: auto !important;
    }

    .AdSearchMain .SearchBookName .btnSearch {
        background: #ffde00;
    }

        .AdSearchMain .SearchBookName .btnSearch:hover {
            color: #fff;
            background: #2e3192;
        }

.AdSearchMain .SearchBookType {
    text-align: center;
    background: #dedede;
    padding: 1rem 1.5rem;
    margin: 0.75rem 0;
    border: 2px dotted #fff;
}

.Bookmain .BookSubjectsList .BooksubjectItem {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px dotted #d9d9d9;
    color: #454343;
}

.Bookmain .BookSubjectsList a:hover {
    background: #f6f6f6;
    text-decoration: none;
    color: #2e3192 !important;
}

.Bookmain .BookSubjectsList .BooksubjectItem .fa {
    display: none;
}

.Bookmain .BookSubjectsList .BooksubjectItem h4 {
    color: #454343;
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
}

.Bookmain .BookSubjectsList .col-md-3 {
    max-width: 100% !important;
    display: block;
}

/*------radio as button------*/
.radioasbutton input[type=radio] {
    display: none;
}

    .radioasbutton input[type=radio] + label {
        display: inline-block;
        color: #7c7c7c;
        padding: 7px 20px;
        background-color: #fff;
        border-radius: 5px;
        cursor: pointer;
        margin: 3px;
    }

    .radioasbutton input[type=radio]:checked + label {
        background-image: none;
        background-color: #fec339;
        color: #000;
        font-weight: bold;
    }

.AdSearchMain .SearchFilterItem {
    background: #fff;
}

    .AdSearchMain .SearchFilterItem .SFItemHead {
        background: #519c7e;
        color: #fff;
        font-size: 1.2rem;
        padding: 0.75rem 1rem;
    }

        .AdSearchMain .SearchFilterItem .SFItemHead .fa {
            color: #fec339;
        }

.SearchinArea {
    padding: 0.5rem 1rem;
    border-bottom: 1px dashed #dddddd;
}

    .SearchinArea .form-control {
        background: #f2f2f2;
        border: none;
    }

#CategoryArea .miller--column .terms li {
    margin: 0 !important;
}

    #CategoryArea .miller--column .terms li > a {
        padding-right: 15px !important;
        font-size: 1rem !important;
        padding: 13px 0;
    }

#AuthorArea .AuthorList,
#SubjectArea .BookSubjectsList {
    max-height: 400px;
    overflow-y: auto;
}

    #AuthorArea .AuthorList a {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px dotted #d9d9d9;
        color: #454343;
        transition: all ease-in-out 0.3s;
    }

        #AuthorArea .AuthorList a:hover {
            background: #f6f6f6;
            text-decoration: none;
        }

.AdSearchMain .pagination {
    justify-content: center;
    margin: 0;
    padding: 0;
}

    .AdSearchMain .pagination li {
        border: 1px solid #dee2e6;
        padding: .15rem .75rem;
        color: #519c7e;
    }

        .AdSearchMain .pagination li a {
            color: #519c7e;
        }

    .AdSearchMain .pagination .active {
        background: #519c7e;
        border: 1px solid #519c7e;
        color: #fff;
    }


/*-------book details--------*/
.BookDetailMain {
    background: #f2f2f2;
}

    .BookDetailMain .BookDetailtop {
        background: url(../images/Book/slidebg.webp);
        background-attachment: fixed;
        height: 75px;
    }

    .BookDetailMain .BookDetail-wrapper {
        padding: 1rem 0;
    }

    .BookDetailMain .BookDetail {
        background: #fff;
        padding: 2rem 1rem 0;
    }

@media (max-width: 768px) {

    .BookDetail .BookBaseDet {
        text-align: center;
    }
}

.BookDetail .BookBaseDet .BookName {
    font-weight: 900;
    font-size: 1.6rem;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
    line-height: 1.5;
    text-align: justify;
    word-spacing: -1px;
}

.BookDetail .BookBaseDet .BookAuthor {
    color: #8c8c8c;
    font-size: 1.3rem;
    margin-bottom: 1.25rem;
}

.BookDetail .Btitle {
    color: #8c8c8c;
}

.BookDetail .Bcontent {
    color: #000;
    font-size: 1.1rem;
    line-height: 1.5;
}

.BookDetail .viewedcount {
    display: inline-block;
    padding: 6px 11px;
    background: #519b7e;
    border-radius: 4px;
    color: #fff;
}

.BookDetail .Btools {
    text-align: center;
}

    .BookDetail .Btools .bttool {
        border-radius: 50px;
        width: 90%;
        padding: 0.85rem;
        font-size: 1.2rem;
        margin: 0.25rem;
    }

    .BookDetail .Btools .btnRead {
        background: #ffc039;
        transition: all ease-in-out 0.3s;
        cursor: pointer;
    }

        .BookDetail .Btools .btnRead:hover {
            background: #ffa500;
            color: #000 !important;
            box-shadow: 0px 1px 6px #977e49;
        }

    .BookDetail .Btools .btnPdf {
        background: #eb3243;
        transition: all ease-in-out 0.3s;
        cursor: pointer;
        color: #fff;
    }

        .BookDetail .Btools .btnPdf:hover {
            background: #d52939;
            color: #fff !important;
            box-shadow: 0px 1px 6px #c92132;
        }

    .BookDetail .Btools .btnDownload {
        background: #00b267;
        color: #fff;
        transition: all ease-in-out 0.3s;
        cursor: pointer;
    }

        .BookDetail .Btools .btnDownload:hover {
            background: #009f5c;
            color: white !important;
            box-shadow: 0px 1px 6px #3c4843ba;
        }

    .BookDetail .Btools .btnAbstract {
        background: #e1e1e1;
        transition: all ease-in-out 0.3s;
        cursor: pointer;
    }

        .BookDetail .Btools .btnAbstract:hover {
            background: #bbbbbb;
            box-shadow: 0px 1px 6px #adadad;
            color: white !important;
        }

    .BookDetail .Btools .copied {
        color: #00b267;
    }

.BookDetailMain .BookAbstract {
    background: #fff;
    padding: 1rem 1.75rem;
    margin: 1.25rem 0;
}

    .BookDetailMain .BookAbstract video {
        border-radius: 10px;
        border: 2px solid #e7e7e7;
        box-shadow: -2px 3px 12px #00000052;
    }

    .BookDetailMain .BookAbstract p {
        text-align: justify;
        line-height: 2;
    }

.BookDetailMain .BookComments {
    background: #fff;
    padding: 1rem 2rem;
    margin: 1.25rem 0;
}

    .BookDetailMain .BookComments .SendComment {
        text-align: center;
        background: #f2f2f2;
    }

        .BookDetailMain .BookComments .SendComment .SendComment-title {
            display: block;
            background: #519b7e;
            color: white;
            padding: 1rem;
            border: 2px dotted #fff;
            border-bottom-left-radius: 45px;
            border-bottom-right-radius: 45px;
        }

    .BookDetailMain .BookComments .comment-item {
        padding: 1rem 0;
        border-bottom: 1px dashed #a4ccd6;
    }

        .BookDetailMain .BookComments .comment-item .comment-date {
            color: #519b7e;
            display: inline;
        }

        .BookDetailMain .BookComments .comment-item .comment-text,
        .BookDetailMain .BookComments .comment-item .reply-text {
            padding: 0.5rem 0;
            text-align: justify;
        }

        .BookDetailMain .BookComments .comment-item .comment-reply {
            margin-inline-start: 2rem;
            border-right: 5px solid #519b7e;
            padding: 0.75rem;
            background: #f7f7f7;
        }

            .BookDetailMain .BookComments .comment-item .comment-reply .reply-title {
                display: inline;
                color: #519b7e;
            }

            .BookDetailMain .BookComments .comment-item .comment-reply .reply-date {
                color: #519b7e;
            }

.Bookmain .BookDetail .Btools .btnDL {
    display: none;
}

.BookDetailMain .bookDettitle {
    font-weight: 900;
    font-size: 1.5rem;
    padding-top: 1rem;
}

    .BookDetailMain .bookDettitle:before {
        content: url(../images/Book/bulletR.png);
        vertical-align: -webkit-baseline-middle;
        margin: 0 5px;
    }

.dldialog {
    background: #ffbc01;
    border-radius: 15px;
}

    .dldialog .modal-content {
        background: url(../images/Book/dlgbgpatt.png);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 15px;
    }

    .dldialog .modal-header {
        padding: 0.25rem 1rem;
        border: none;
    }

        .dldialog .modal-header .close {
            color: #000;
            outline: none;
            font-size: 2rem;
        }

    .dldialog .modal-body {
        padding-top: 0;
    }

    .dldialog .modal-content .dldialogTitle {
        background: #fff;
        margin-bottom: 0.25rem;
    }

    .dldialog .modal-content .dldialogText {
        font-size: 1.15rem;
    }

        .dldialog .modal-content .dldialogText ul {
            font-weight: bold;
        }

        .dldialog .modal-content .dldialogText .dldialogTextdl {
            background: #ffffff63;
            border-radius: 20px;
            padding-bottom: 0.5rem;
            text-align: center;
        }

            .dldialog .modal-content .dldialogText .dldialogTextdl p {
                font-size: 1.5rem;
                font-weight: 900;
                margin-bottom: 0;
            }

            .dldialog .modal-content .dldialogText .dldialogTextdl img:hover {
                transform: scale(1.1);
                transition: all ease-in-out 0.3s;
                cursor: pointer;
            }

.dldialogTitle h2 {
    font-size: 1.8rem;
    font-weight: 900;
    padding: 0.75rem;
    margin: 0;
}

.dldialog .modal-content .appimg {
    margin-top: -20px;
}

@media (max-width: 768px) {
    .dldialog .modal-content .appimg {
        margin-top: 0 !important;
    }

    .dldialogTitle h2 {
        text-align: center;
        font-size: 1.6rem;
    }
}

/*-------book reader--------*/
/*****theme Cream*****/
.ReadBookmain.thm-Cream,
.ReadBookmain.thm-Cream .booktools,
.ReadBookmain.thm-Cream .btnBack,
.ReadBookmain.thm-Cream .btnSetting {
    background: #f2e5cb;
    color: #2f180e;
}

    .ReadBookmain.thm-Cream .toprow,
    .ReadBookmain.thm-Cream .booktextArea,
    .ReadBookmain.thm-Cream .btnBookIndex,
    .ReadBookmain.thm-Cream .btnnext,
    .ReadBookmain.thm-Cream .btnprev {
        background: #fff7e2;
    }

    /* Track */
    .ReadBookmain.thm-Cream .booktext::-webkit-scrollbar-track,
    .ReadBookmain.thm-Cream .bookIndex ul::-webkit-scrollbar-track {
        background: #e5d7bb;
    }

    /* Handle */
    .ReadBookmain.thm-Cream .booktext::-webkit-scrollbar-thumb,
    .ReadBookmain.thm-Cream .bookIndex ul::-webkit-scrollbar-thumb {
        background: #afa895;
    }

/*****theme Light*****/
.ReadBookmain.thm-Light,
.ReadBookmain.thm-Light .booktools,
.ReadBookmain.thm-Light .btnBack,
.ReadBookmain.thm-Light .btnSetting {
    background: #f1f1f1;
    color: #000;
}

    .ReadBookmain.thm-Light .toprow,
    .ReadBookmain.thm-Light .booktextArea,
    .ReadBookmain.thm-Light .btnBookIndex,
    .ReadBookmain.thm-Light .btnnext,
    .ReadBookmain.thm-Light .btnprev {
        background: #fff;
    }

    /* Track */
    .ReadBookmain.thm-Light .booktext::-webkit-scrollbar-track,
    .ReadBookmain.thm-Light .bookIndex ul::-webkit-scrollbar-track {
        background: #e1e1e1;
    }

    /* Handle */
    .ReadBookmain.thm-Light .booktext::-webkit-scrollbar-thumb,
    .ReadBookmain.thm-Light .bookIndex ul::-webkit-scrollbar-thumb {
        background: #c7c7c7;
    }

/*****theme Gray*****/
.ReadBookmain.thm-Gray,
.ReadBookmain.thm-Gray .booktools,
.ReadBookmain.thm-Gray .btnBack,
.ReadBookmain.thm-Gray .btnSetting {
    background: #3d3d3d;
    color: #ccccce;
}

    .ReadBookmain.thm-Gray .toprow,
    .ReadBookmain.thm-Gray .booktextArea,
    .ReadBookmain.thm-Gray .btnBookIndex,
    .ReadBookmain.thm-Gray .btnnext,
    .ReadBookmain.thm-Gray .btnprev {
        background: #484848;
    }

    .ReadBookmain.thm-Gray .btnBookIndex,
    .ReadBookmain.thm-Gray .btnnext,
    .ReadBookmain.thm-Gray .btnprev,
    .ReadBookmain.thm-Gray .btnBack,
    .ReadBookmain.thm-Gray .btnSetting {
        color: #ccccce;
    }

        .ReadBookmain.thm-Gray .btnBookIndex:hover,
        .ReadBookmain.thm-Gray .btnnext:hover,
        .ReadBookmain.thm-Gray .btnprev:hover,
        .ReadBookmain.thm-Gray .btnBack:hover,
        .ReadBookmain.thm-Gray .btnSetting:hover {
            color: #ccccce !important;
            background: #626262 !important;
        }

    /* Track */
    .ReadBookmain.thm-Gray .booktext::-webkit-scrollbar-track,
    .ReadBookmain.thm-Gray .bookIndex ul::-webkit-scrollbar-track {
        background: #565656;
    }

    /* Handle */
    .ReadBookmain.thm-Gray .booktext::-webkit-scrollbar-thumb,
    .ReadBookmain.thm-Gray .bookIndex ul::-webkit-scrollbar-thumb {
        background: #747474;
    }

/*****theme Dark*****/
.ReadBookmain.thm-Dark,
.ReadBookmain.thm-Dark .booktools,
.ReadBookmain.thm-Dark .btnBack,
.ReadBookmain.thm-Dark .btnSetting {
    background: #000;
    color: #a5a5a5;
}

    .ReadBookmain.thm-Dark .toprow,
    .ReadBookmain.thm-Dark .booktextArea,
    .ReadBookmain.thm-Dark .btnBookIndex,
    .ReadBookmain.thm-Dark .btnnext,
    .ReadBookmain.thm-Dark .btnprev {
        background: #222222;
    }

    .ReadBookmain.thm-Dark .btnBookIndex,
    .ReadBookmain.thm-Dark .btnnext,
    .ReadBookmain.thm-Dark .btnprev,
    .ReadBookmain.thm-Dark .btnBack,
    .ReadBookmain.thm-Dark .btnSetting {
        color: #a5a5a5;
    }

        .ReadBookmain.thm-Dark .btnBookIndex:hover,
        .ReadBookmain.thm-Dark .btnnext:hover,
        .ReadBookmain.thm-Dark .btnprev:hover,
        .ReadBookmain.thm-Dark .btnBack:hover,
        .ReadBookmain.thm-Dark .btnSetting:hover {
            color: #a5a5a5 !important;
            background: #404040 !important;
        }

    /* Track */
    .ReadBookmain.thm-Dark .booktext::-webkit-scrollbar-track,
    .ReadBookmain.thm-Dark .bookIndex ul::-webkit-scrollbar-track {
        background: #464646;
    }

    /* Handle */
    .ReadBookmain.thm-Dark .booktext::-webkit-scrollbar-thumb,
    .ReadBookmain.thm-Dark .bookIndex ul::-webkit-scrollbar-thumb {
        background: #5c5c5c;
    }


.ReadBookmain .toprow {
    margin: 0;
    padding: 0.35rem 0.2rem;
    height: 3rem;
}

.ReadBookmain .btnBack,
.ReadBookmain .btnSetting,
.ReadBookmain .btnBookIndex {
    cursor: pointer;
}

    .ReadBookmain .btnBack:hover,
    .ReadBookmain .btnSetting:hover,
    .ReadBookmain .btnBookIndex:hover,
    .ReadBookmain .btnnext:hover,
    .ReadBookmain .btnprev:hover {
        background: #0000001a !important;
    }

.ReadBookmain .toprow .fa {
    font-size: 1.25rem;
    vertical-align: middle;
}

.ReadBookmain .btnBookIndex {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.ReadBookmain .booktitle h1 {
    font-size: 1rem;
    margin-top: 0.5rem;
}

.ReadBookmain .bookContent {
    display: flex;
}

.ReadBookmain .bookIndex {
    transition: all ease-in-out 0.3s;
}

.bookIndexHide ul {
    width: 0px !important;
    transition: all ease-in-out 0.3s;
}

.ReadBookmain .bookIndex ul {
    padding: 0;
    list-style: none;
    width: 240px;
    overflow-y: auto;
    height: calc(100vh - 3.6rem);
    margin: 0;
    transition: all ease-in-out 0.3s;
}

    .ReadBookmain .bookIndex ul li a {
        color: inherit;
        border-bottom: 1px dotted #00000047;
        display: flex;
        padding: 0.6rem 0.4rem;
        transition: all ease-in-out 0.3s;
        justify-content: space-between;
    }

        .ReadBookmain .bookIndex ul li a:hover {
            color: #000 !important;
            text-decoration: none;
            background: #ffffff99;
        }

        .ReadBookmain .bookIndex ul li a .pnum {
            color: #519b7e;
        }

.ReadBookmain .booktextArea {
    width: 100%;
}

.ReadBookmain .booktext {
    height: calc(100vh - 6.5rem);
    line-height: 2;
    overflow-y: auto;
    text-align: justify;
    padding: 1rem;
}

    .ReadBookmain .booktext h2 {
        font-size: 1.4rem;
        font-weight: bold;
    }

.ReadBookmain .booktools .pageNum {
    display: inline-block;
}

.ReadBookmain .booktools .fa {
    vertical-align: middle;
}

/******scrollbar******/
/* width */
.ReadBookmain .booktext::-webkit-scrollbar,
.ReadBookmain .bookIndex ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
.ReadBookmain .booktext::-webkit-scrollbar-track,
.ReadBookmain .bookIndex ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.ReadBookmain .booktext::-webkit-scrollbar-thumb,
.ReadBookmain .bookIndex ul::-webkit-scrollbar-thumb {
    background: #ccc;
}

    /* Handle on hover */
    .ReadBookmain .booktext::-webkit-scrollbar-thumb:hover,
    .ReadBookmain .bookIndex ul::-webkit-scrollbar-thumb:hover {
        background: #bbb;
    }

/******scrollbar******/

@media (max-width: 768px) {

    .ReadBookmain .booktitle h1 {
        text-align: right;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 50vw;
        overflow: hidden;
    }

    .bookIndexHide ul {
        width: 220px !important;
    }

    .ReadBookmain .bookIndex ul {
        width: 0;
    }

    .booktextArea #nopdfview {
        display: block !important;
        text-align: center;
        margin-top: 2rem;
    }

    .booktextArea #example1 {
        display: none !important;
    }
}

.booktextArea #nopdfview {
    display: none;
}

.booktextArea #example1 {
    display: block;
}

.settingbox {
    text-align: center;
    font-size: 1.1rem;
}

.settingboxitem {
    display: inline-block;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
}

    .settingboxitem button {
        cursor: pointer;
        background: #f7f7f7;
        border-radius: 6px;
    }

        .settingboxitem button:hover {
            background: #ebebeb;
        }

    .settingboxitem img {
        width: 22px;
    }

.settingbox .btn-thmcream {
    background: #fff7e2;
    color: #2f180e !important;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    width: 47px;
    cursor: pointer;
}

.settingbox .btn-thmlight {
    background: #fff;
    color: #000 !important;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    width: 47px;
    cursor: pointer;
}

.settingbox .btn-thmgray {
    background: #484848;
    color: #ccccce !important;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    width: 47px;
    cursor: pointer;
}

.settingbox .btn-thmdark {
    background: #222222;
    color: #a5a5a5 !important;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    width: 47px;
    cursor: pointer;
}

    .settingbox .btn-thmcream:hover,
    .settingbox .btn-thmlight:hover,
    .settingbox .btn-thmgray:hover,
    .settingbox .btn-thmdark:hover {
        box-shadow: 1px 1px 3px #afafaf;
    }

.settingbox .close {
    position: absolute;
    top: 8px;
    right: 11px;
    cursor: pointer;
    font-size: 1.25rem;
}
/*****************************/
/****      تبلیغات       ****/
/****************************/
.bgtablspatt {
    background: #f5f5f5;
    margin-top: 1rem;
    padding: 1.75rem;
    text-align: center;
    max-height: 100vh;
    overflow-y: auto;
}

.bgtabls {
    background: #fff;
    margin-top: 1rem;
    padding: 1.75rem;
    text-align: center;
    max-height: 100vh;
    overflow-y: auto;
}

.tablsitem {
    margin: 0.75rem 0;
    text-align: center;
}

    .tablsitem a img {
        border-radius: 15px;
        box-shadow: 0px 1px 6px #0b0e304d;
    }


.mobile .tablsPanel {
    display: none;
}
/******scrollbar******/
/* width */
.bgtabls::-webkit-scrollbar,
.bgtablspatt::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
.bgtabls::-webkit-scrollbar-track,
.bgtablspatt::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.bgtabls::-webkit-scrollbar-thumb,
.bgtablspatt::-webkit-scrollbar-thumb {
    background: #ccc;
}

    /* Handle on hover */
    .bgtabls::-webkit-scrollbar-thumb:hover,
    .bgtablspatt::-webkit-scrollbar-thumb:hover {
        background: #bbb;
    }

/******scrollbar******/


/******Mobile app Show/Hide******/
.mobile .Bookmain .MainHeader,
.mobile .Bookmain footer,
.mobile .Bookmain .BooktablsArea,
.mobile .Bookmain .BookDetail .Btools #btnDownloadAd {
    display: none !important;
}

.mobile .Bookmain .BookDetail-wrapper .col-md-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.mobile .Bookmain .BookDetail .Btools .btnDL {
    display: inline-block !important;
}

.mobile .Bookmain .menuMaster {
    display: none;
}

/*********************************/
/**** صفحات دریافت خدمات Api ****/
/********************************/
.ApiFormMain {
    margin-top: 7rem;
    min-height: 60vh;
    transition: all ease-in-out 0.3s;
}

@media(max-width:768px) {
    .ApiFormMain {
        margin-top: 1rem;
        min-height: 60vh;
    }
}

.ApiFormMain .descArea {
    background: url(../images/ApiProfile/loginbg.jpg);
    box-shadow: 0px 5px 20px #1235851a;
    text-align: center;
    background-size: cover;
    background-position: center center;
}

    .ApiFormMain .descArea .descin {
        background: linear-gradient(45deg, #000000c7, transparent);
        height: 100%;
        display: flex;
        color: #fff;
        text-shadow: 0 2px 2px black;
    }

        .ApiFormMain .descArea .descin p {
            font-size: 1.2rem;
        }

        .ApiFormMain .descArea .descin h3 {
            font-size: 1.75rem;
            font-weight: 900;
        }

        .ApiFormMain .descArea .descin a {
            border-radius: 100px;
            border: 2px solid #3fc0c4;
            color: #fff;
            padding: 0.5rem 2rem;
            font-size: 1.25rem;
            margin-top: 2rem;
            display: inline-block;
            background: #3fc0c47a;
            text-decoration: none;
            transition: all ease-in-out 0.3s;
        }

            .ApiFormMain .descArea .descin a:hover {
                color: #ffffff !important;
                background: #3fc0c4ba;
            }

.ApiFormMain .formArea {
    box-shadow: 0px 5px 20px #1235851a;
    background: #fff;
    display: flex;
}

.formAreain {
    margin: auto;
    width: 100%;
}

.ApiFormMain .formArea h1 {
    text-align: center;
    font-weight: 900;
    font-size: 1.8rem;
}

.ApiFormMain .formArea .form-control {
    border-radius: 100px;
    height: 45px;
    direction: ltr;
    text-align: center;
    font-size: 1.1rem;
    background: #f5f5f5;
    border: none;
    transition: all ease-in-out 0.3s;
}

    .ApiFormMain .formArea .form-control:focus {
        background: #fff;
    }


.ApiFormMain .formArea .formAreaSubmit {
    border-radius: 100px;
    color: #ffffff;
    padding: 0.7rem 1rem;
    margin-top: 1.5rem;
    font-size: 1.25rem;
    display: block;
    width: 100%;
    background: #3fc0c4;
    border: none;
    outline: none;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
}

    .ApiFormMain .formArea .formAreaSubmit:hover {
        color: #ffffff !important;
        background: #3fc0c4ba;
        border: none;
    }

/********** صفحات درخواست ها **********/
.ApiReqtMain {
    height: 100vh;
}

    .ApiReqtMain .ReqSb {
        background: url(/images/ApiProfile/loginbg.jpg);
        background-size: cover;
        background-position: center center;
        text-align: center;
    }

    .ApiReqtMain .ReqSbin {
        background: #163b4cc7;
        padding: 0.5rem;
    }

        .ApiReqtMain .ReqSbin a:hover {
            color: #ffb300 !important;
        }

    .ApiReqtMain .ReqContent {
        background: #fff;
        height: 100vh;
        overflow: auto;
    }

@media(max-width:768px) {
    .ApiReqtMain .ReqContent {
        background: #fff;
        height: auto;
    }
}

.ApiReqtMain .ReqSbin .btnrequest {
    background: #ffffff;
    text-align: center;
    display: block;
    margin: 1.25rem 2rem;
    padding: 0.75rem 0.25rem;
    border-radius: 3px;
    box-shadow: 0px 4px #ffb300;
    color: #000;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
}

    .ApiReqtMain .ReqSbin .btnrequest:hover {
        background: #fff3d0;
        color: #000 !important;
    }

    .ApiReqtMain .ReqSbin .btnrequest .fa {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

.ApiReqtMain .ReqContent h1 {
    font-size: 1.35rem;
    font-weight: 900;
    margin: 0.5rem 1rem 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px dashed lightgray;
}


/*********************************/
/********* گالری تصاویر *********/
/********************************/
:root {
    --gallGreen: #277f00;
}

.galbg-menumaster {
    background: #f5f5f5;
}

.GallMain {
    font-family: Nahd;
    margin-bottom: 3rem;
}

    .GallMain a:hover {
        text-decoration: none;
    }

    .GallMain .fa {
        vertical-align: middle;
    }

    .GallMain .gallSearch {
        background: url(../images/Gallery/SearchBg.webp) no-repeat;
        background-size: cover;
        background-position: top right;
        border-radius: 11px;
        padding: 1.5rem 0;
    }

        .GallMain .gallSearch .form-control,
        .GallMain .gallSearch .btn {
            height: 40px;
        }

        .GallMain .gallSearch .form-control {
            width: 75%;
        }

    .GallMain .gallSlider .swiper-slide {
        text-align: center;
    }

    .GallMain .gallSlider img {
        border-radius: 11px;
        max-height: 450px;
        width: auto;
    }

    .GallMain .gallSlider .gallSlider-title {
        position: absolute;
        font-family: IRANSans;
        bottom: 10px;
        right: 0;
        left: 0;
        background: #ffffffbf;
        border-radius: 11px;
        margin: auto;
        padding: 1rem;
        text-align: center;
        color: #000;
        font-size: 1.2rem;
        width: fit-content;
    }

    .GallMain .gallSlider .swiper-pagination-bullet-active {
        background: var(--gallGreen) !important;
    }

    .GallMain .gallcatArea .topcategory {
        background: #f4f4f4;
        color: #2b2b2b;
        padding: 0.5rem 0.25rem;
        border-radius: 11px;
    }

.btngallGreen {
    background: var(--gallGreen) !important;
    color: #fff !important;
    border-radius: 9px;
    cursor: pointer;
}

.GallMain .gallcatArea .topcatItem img {
    border-radius: 11px;
}

.GallMain .gallcatArea .topcatItem .tcih4 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(1deg, black,#000000b5, #0000001a,#00000000);
    margin: 0 0.5rem;
    padding: 1rem 0.25rem;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 0 0 11px 11px;
    transition: all ease-in-out 0.3s;
}

.GallMain .topcatItem {
    transition: all ease-in-out 0.3s;
}

    .GallMain .topcatItem:hover {
        filter: brightness(1.2);
    }

.GallMain .galh1title {
    font-family: IRANSans;
}

.galtitleBullet:before {
    content: url(../images/Gallery/galflo.svg);
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.GallMain .catItem img {
    border-radius: 11px;
}

.GallMain .catItem h4 {
    padding: 0.25rem;
    text-align: center;
    color: #2b2b2b;
    font-size: 1rem;
}

.GallMain .catItem {
    transition: all ease-in-out 0.3s;
    text-align: center;
}

    .GallMain .catItem:hover {
        filter: brightness(1.2);
    }

.GallMain .catItemvaje a {
    display: block;
    margin-top: 0.75rem;
    background: linear-gradient(45deg, #5ea240, #8bc34a);
    padding: 0.75rem 0.5rem;
    border-radius: 20px 10px 30px 10px;
    color: #ffffff;
    text-align: center;
    font-size: 1.25rem;
    transition: all ease-in-out 0.3s;
    box-shadow: 3px 3px 5px #0000002e;
    border-right: 13px solid #fff;
}

    .GallMain .catItemvaje a:hover {
        background: linear-gradient(45deg,#c3a35e,#d5bb83);
        color: #000 !important;
        box-shadow: 3px 3px 5px #0000002e;
    }

.titleBulletline {
    background: #f4f4f4;
    color: #2b2b2b;
    padding: 1rem;
    border-radius: 11px;
    font-size: 1.25rem;
    display: block;
}

.galltitle {
    color: #9f6c00;
    font-size: 1.1rem;
}

.galcard {
    border: none;
    border-radius: 0;
    box-shadow: 1px 2px 20px #04091829;
    text-align: center;
}

    .galcard p {
        color: #2b2b2b;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-family: IRANSans;
    }

    .galcard img {
        border-radius: 5px;
        width: 100%;
    }

.grid-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grid-container {
    columns: 5 200px;
    column-gap: 1.5rem;
    margin: 0 auto;
    transition: all ease-in-out 0.3s;
}

    .grid-container .galcard {
        width: 150px;
        margin: 0 0 1.5rem 0;
        display: inline-block;
        width: 100%;
        padding: 5px;
        box-shadow: 0px 0px 5px #00000042;
        border-radius: 5px;
        transition: all 0.25s ease-in-out;
    }

        .grid-container .galcard:hover {
            filter: contrast(1.4);
            box-shadow: 0px 0px 5px #0000008a;
        }

.GallMain .pagination {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    font-family: IRANSans;
}

.GallMain .page-item.active .page-link {
    background-color: var(--gallGreen) !important;
    border-color: var(--gallGreen) !important;
    color: white !important;
}

.GallMain .page-link {
    color: #d5bb83 !important;
}

.GallMain .page-item:first-child .page-link,
.GallMain .page-item:last-child .page-link {
    border-radius: 0 !important;
}

/*********************************/
/************ کلام ناب ***********/
/********************************/
.kalammain {
    font-family: gandom;
}

    .kalammain .menuMaster {
        background: #f8f8f8;
        box-shadow: 0px 0px 7px #0000001a;
    }

    .kalammain .kalamlogo {
        padding: 0.75rem 4rem 1rem 0;
    }

        .kalammain .kalamlogo img {
            width: 45px;
            vertical-align: text-bottom;
        }

        .kalammain .kalamlogo .kalamlogotext {
            font-family: ord;
            display: inline-block;
            font-size: 3.5rem;
            color: #6cb9c2;
        }

    .kalammain .slidename {
        font-family: ord;
        font-size: 2rem;
        color: #c99b58;
    }

    .kalammain .slidecontent {
        font-size: 1.5rem;
        color: #0f384c;
    }

    .kalammain .swiper-pagination-bullet-active {
        background: #c99b58;
    }

    .kalammain .kalamfloleft {
        position: absolute;
        top: 50px;
        left: 0;
        z-index: -1;
    }

    .kalammain .kalamfloright {
        position: absolute;
        top: 200px;
        right: 0;
        z-index: -1;
        transform: rotate(180deg);
    }

@media (max-width: 768px) {
    .kalammain .kalambesm,
    .kalammain .kalamfloright,
    .kalammain .kalamfloleft {
        display: none;
    }
}

.kalammain .kalamsearch {
    background: #4f818d;
    border-radius: 12px;
    padding: 1rem 0 1.5rem;
    text-align: center;
}

    .kalammain .kalamsearch .kalamStitle {
        display: block;
        color: #fff;
        font-family: ord;
        font-size: 2rem;
        margin-bottom: 1rem;
        text-shadow: 1px 1px 3px #00000073;
    }

    .kalammain .kalamsearch .isr {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(180deg);
        padding: 5px 0px 5px 15px;
    }

    .kalammain .kalamsearch .isl {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 0px 5px 15px;
    }

.kalammain .kalamcat a:hover {
    text-decoration: none;
}

.kalammain .kalamsecTitle {
    color: #c99b58;
    font-family: ord;
    font-size: 2rem;
    text-align: center;
    display: block;
}

.kalammain .kalamBtnCat1 {
    background: #ffd65c;
    padding: 1.2rem 0.5rem;
    border-radius: 13px 13px 0 13px;
    color: #0f384c;
    text-align: center;
    font-size: 1.5rem;
    transition: all ease-in-out 0.3s;
    box-shadow: inset 2px 2px 5px #c3a038, 3px 3px 5px #00000026;
}

    .kalammain .kalamBtnCat1:hover {
        border-radius: 2px;
        color: #fff;
        text-shadow: 1px 1px 3px #00000073;
    }

    .kalammain .kalamBtnCat1::before {
        content: "";
        background: url(../images/Kalamenab/t3.webp) no-repeat;
        background-size: contain;
        position: absolute;
        height: 88%;
        width: 44px;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0.75;
    }

.kalammain .kalamBtnCat2 {
    background: #498897;
    padding: 0.75rem 0.5rem;
    border-radius: 13px 13px 0 13px;
    color: #ffffff;
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    transition: all ease-in-out 0.3s;
    box-shadow: inset 2px 2px 5px #206170, 3px 3px 5px #0000002e;
}

    .kalammain .kalamBtnCat2:hover {
        border-radius: 2px;
        color: #fac937;
        text-shadow: 1px 1px 3px #00000073;
    }

    .kalammain .kalamBtnCat2::before {
        content: "";
        background: url(../images/Kalamenab/t3.webp) no-repeat;
        background-size: contain;
        position: absolute;
        height: 80%;
        width: 40px;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0.85;
    }

.kalammain .kalamcatinlist {
    font-family: ord;
    font-size: 2.5rem;
    color: #bb7f28;
}

.kalammain .btnkalamback:hover {
    transition: all ease-in-out 0.3s;
    color: #c99b58 !important;
    transform: translateX(-7px);
    cursor: pointer;
}

.kalammain .cardkalam {
    border: none;
    box-shadow: inset 2px 2px 5px white, 3px 3px 5px #0000000f;
    background: #f5f5f5;
    text-align: justify;
    border-radius: 20px;
}

    .kalammain .cardkalam:before {
        content: "";
        background: url(../images/Kalamenab/t2.webp) no-repeat;
        background-size: contain;
        position: absolute;
        width: 34px;
        top: 30px;
        bottom: 0;
        left: 0;
        opacity: 0.8;
        filter: drop-shadow(2px 1px 1px #d5d5d5b8);
    }

    .kalammain .cardkalam .kalamname {
        font-family: ord;
        font-size: 1.5rem;
        color: #6cb9c2;
    }

        .kalammain .cardkalam .kalamname:hover {
            text-decoration: none;
            color: #2e3192;
        }

    .kalammain .cardkalam .kalamcontent {
        color: #0f384c;
        font-size: 1rem;
    }

    .kalammain .cardkalam .kbtntools {
        text-align: center;
        margin-bottom: 1rem;
    }

        .kalammain .cardkalam .kbtntools a {
            box-shadow: inset 2px 2px 5px white, 3px 3px 5px #0000000f;
            background: #f5f5f5;
            border-radius: 100px;
            padding: 0.8rem 1rem;
            transition: all ease-in-out 0.3s;
            cursor: pointer;
        }

            .kalammain .cardkalam .kbtntools a:hover {
                text-decoration: none;
                box-shadow: 2px 2px 5px white,inset 3px 3px 5px #0000000f;
            }

        .kalammain .cardkalam .kbtntools .btnshow {
            color: #c99b58;
        }

        .kalammain .cardkalam .kbtntools .btncopy {
            color: #0f384c;
        }

        .kalammain .cardkalam .kbtntools .btnshare {
            color: #6cb9c2;
        }


        .kalammain .cardkalam .kbtntools .fa:before {
            vertical-align: middle;
        }

.kalammain .kalamdetail .kaltitle {
    font-family: ord;
    font-size: 2.25rem;
    color: #c99b58;
}

.kalammain .kalamdetail .kaltitr {
    font-family: ord;
    font-size: 1.5rem;
    color: #6cb9c2;
}

.kalammain .kalamdetail .kalcontent {
    font-size: 1.5rem;
    text-align: justify;
}

.kalammain .kalamdetail .btncatdetail {
    border: 1px solid #c99b58;
    border-radius: 8px;
}

    .kalammain .kalamdetail .btncatdetail:hover {
        background: #c99b58;
        color: #fff !important;
    }

/*********************************/
/****** کتابخانه های تخصصی ******/
/********************************/

/*********************************/
/*********** صفحه اول ************/
/*********************************/
.Slib-section {
    background-color: #fff;
    background: url(../images/Ketabkhane/libpatt.webp) #dfbe7714;
    background-size: 34px;
    text-align: center;
    position: relative;
    padding: 2rem 0;
    height: calc(100vh - 52px);
}

@media(min-width: 1200px) {
    .Slib-section .container {
        max-width: 1200px !important;
    }
}

@media(max-width: 991px) {
    .Slib-section .slibpic img {
        height: 250px;
        margin-bottom: 1.5rem;
    }
}

.Slib-section .slibpic img {
    border-radius: 10px;
}

.Slib-section h1 {
    font-weight: 900;
    margin-bottom: 1.75rem;
    color: #11542c;
}

.Slib-section a {
    text-decoration: none;
}

.Slib-section .libitem {
    background: #fff;
    box-shadow: 0 4px 17px -4px #00000040;
    border-radius: 30px;
    padding-bottom: 1.25rem;
    transition: all ease-in-out .3s;
    min-width: 143px;
    max-width: 187px;
    margin: auto;
}

    .Slib-section .libitem:hover {
        background: #fff7e5;
        box-shadow: 0 4px 17px -4px #00000091;
        transform: translateY(5px);
    }

    .Slib-section .libitem img {
        display: block;
        margin: auto;
        max-height: 100px;
    }

    .Slib-section .libitem span {
        margin-top: .5rem;
        display: block;
        color: #929292;
    }

    .Slib-section .libitem h2 {
        margin-top: .25rem;
        font-weight: bold;
        font-size: 1.2rem;
        color: #000;
    }
/*******************************************/
#lib-loader {
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    z-index: 10000;
    display: none;
    text-align: center;
    width: 100%;
    padding-top: 150px;
    /*background-color: #48af7fed;*/
    color: #fff;
}

.lib-loader-container {
    width: 80px;
    height: 100px;
    margin: 100px auto;
}

.lib-loader-block {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 0 10px 10px 0;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #FFF;
}

    .lib-loader-block:nth-child(4n+1) {
        animation: wave 2s ease .0s infinite;
    }

    .lib-loader-block:nth-child(4n+2) {
        animation: wave 2s ease .2s infinite;
    }

    .lib-loader-block:nth-child(4n+3) {
        animation: wave 2s ease .4s infinite;
    }

    .lib-loader-block:nth-child(4n+4) {
        animation: wave 2s ease .6s infinite;
        margin-right: 0;
    }

@keyframes wave {
    0% {
        top: 0;
        opacity: 1;
    }

    50% {
        top: 30px;
        opacity: .2;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.mainlib {
    background: #fafafa;
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

    .mainlib .toplib {
        background: linear-gradient(90deg, #292d33, #626c7b, #292d33);
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 10;
    }

        .mainlib .toplib img {
            transition: all ease-in-out 0.3s;
        }

            .mainlib .toplib img:hover {
                filter: sepia(0.35);
            }

    .mainlib .mabanilogodata {
        position: fixed;
        right: 2px;
        top: 2px;
        background: linear-gradient(45deg,#a9aaad,#fbfbfb,#acaeb0);
        padding: 0.1rem 1rem;
        border-radius: 100px;
        display: inline-block;
        box-shadow: inset 0 2px 3px #00000054;
        border: 2px solid #ffffff96;
        z-index: 10;
    }

        .mainlib .mabanilogodata:hover {
            background: linear-gradient(45deg,#e1cf30,#fbfbfb,#ddca2e);
            border: 2px solid #fff498;
        }

        .mainlib .mabanilogodata img {
            width: 35px;
            height: 39px;
        }

    .mainlib .libname {
        position: fixed;
        background: linear-gradient(90deg,#7f8795,#5a6370);
        color: #fff;
        z-index: 10;
        top: 5px;
        right: 57px;
        font-size: 1.1rem;
        border-radius: 40px 0 0 40px;
        padding: 0.8rem 1.25rem;
        box-shadow: rgb(0 0 0 / 32%) -2px 1px 5px;
    }

@media (max-width: 768px) {
    .mainlib .libname {
        position: unset;
        background: linear-gradient(90deg,#7f8795,#5a6370);
        color: #fff;
        z-index: 1;
        font-size: 1.1rem;
        border-radius: 0;
        padding: 0.8rem 1.75rem;
        box-shadow: rgb(0 0 0 / 32%) -2px 1px 5px;
    }

    .mainlib .mabanilogodata {
        position: absolute;
        top: 3.75rem;
        left: 0;
        right: unset;
        z-index: 1;
        padding: 0 1rem;
    }

        .mainlib .mabanilogodata img {
            width: 30px;
            height: 35px;
        }

    .mainlib .libmaincard {
        padding: 0.5rem !important;
    }

    .mainlib .showquran .qurantext .ayebox {
        padding: 0.25rem 0 !important;
    }
}

.mainlib .libmainlink {
    text-align: center;
}

    .mainlib .libmainlink h3 {
        display: inline-block;
        color: #000;
        font-size: 1.1rem;
        padding: 1rem .5rem .5rem;
        border-bottom: 2px solid #94be23;
        margin: 0 1.5rem;
    }

    .mainlib .libmainlink a {
        color: #ababab;
        font-size: 1rem;
        text-decoration: none;
        margin: 0 1.5rem;
    }

        .mainlib .libmainlink a:hover {
            color: #000;
            text-decoration: none;
        }

.mainlib .libmaincard {
    box-shadow: 0 1px 25px #0000001f;
    background: #fff;
    padding: 1rem;
    border-radius: 0.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 44px);
}

.mainlib .btn-libsearch {
    background: linear-gradient(45deg,#98b800 20%,#83d9c6 80%);
    border-radius: 100px;
    color: #fff;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    border: none;
    transition: all ease-in-out 0.3s;
}

    .mainlib .btn-libsearch:hover {
        background: linear-gradient(45deg,#83d9c6 20%,#98b800 80%);
        color: #000;
    }

.mainlib .libmaincard .table thead th {
    color: #fff;
    background-color: #3eb79c;
    border-color: #dee2e6;
    font-weight: normal;
}

.search-form {
}

.mainlib .sideIndexbook {
    position: sticky;
    top: 0;
    height: 100%;
}

    .mainlib .sideIndexbook .search-form {
        background-color: #48af7f !important;
        padding: 1rem;
        box-shadow: 0 3px 7px #00000029, inset 0 -28px 1px #0000001f;
    }

        .mainlib .sideIndexbook .search-form .btn-libsearch {
            padding-left: .65rem;
            padding-right: .7rem;
        }


.mainlib .sideIndexbookcontent .activebook {
    background: linear-gradient(268deg,#8bc34a52,transparent);
    color: #005850;
}

.mainlib .sideIndexbookcontent .activetitle {
    background: linear-gradient(270deg,#fffad2,transparent);
}

.sideprojectsacc h2 {
    font-size: 1rem;
}

    .sideprojectsacc h2 a {
        text-decoration: none;
        color: inherit;
        line-height: 2;
    }

.sideprojectsacc .accordion-item,
.sideprojectsacc .accordion-button {
    background: transparent;
    border: none;
    box-shadow: none;
}

.sideprojectsacc .accordion-button {
    display: inline-flex;
    width: 20px;
    padding: 0.1rem;
    border-radius: 2px !important;
}

    .sideprojectsacc .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234caf50'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .sideprojectsacc .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .sideprojectsacc .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

.sideprojectsacc .accordion-header {
    background: linear-gradient(45deg, transparent,#f0f8ff,transparent);
}

.sideprojectsacc .accordion-header, .sideprojectsacc .acclink {
    text-decoration: none;
    padding: 0.5rem 0;
    border-bottom: 1px dashed #e3e3e4;
    font-size: 13px;
}

.sideIndexbookitem {
    background: transparent !important;
}

.sideprojectsacc .accordion-body {
    padding: 0 1rem !important;
}

.mainlib .sideIndexbookcontent {
    padding: 1rem;
    list-style: none;
    flex:1;
    overflow-y: auto;
}

.mainlib .sideIndexbookcontainer {
    height: 100%;
    overflow: auto;
    flex:1;
}

@media (min-width: 768px) {
    .mainlib .sideIndexbook .offcanvas-md .offcanvas-body {
        display: block !important;
    }
}

@media (max-width: 768px) {

    .mainlib .sideIndexbook {
        max-height: unset !important;
        position: unset;
        top: unset;
    }

        .mainlib .sideIndexbook .offcanvas-body {
            overflow-y: visible;
        }

    .mainlib .libmainlink h3,
    .mainlib .libmainlink a {
        margin: 0 .5rem;
    }

    .mainlib .showquran .quranBL,
    .mainlib .showquran .quranBR {
        width: 20px !important;
    }
}

.mainlib .sideIndexbookmain {
    box-shadow: 0 0px 7px #0000001f;
    background: #fff;
    padding: 0;
    height: 100%;
}

.mainlib .libmainbookcontent {
    height: calc(100vh - 14rem);
    overflow: auto;
}

    .mainlib .libmainbookcontent #HTMLContent {
        line-height: 2;
    }

        .mainlib .libmainbookcontent #HTMLContent a {
            text-decoration: none !important;
        }

.mainlib .libmaincard .contentbookname {
    font-size: 1rem;
    font-weight: 900;
    display: inline-block;
    margin-left: 0.5rem;
}

.mainlib .showquran {
    position: sticky;
    top: 6.2rem;
    background: #fafafa;
    height: 100%;
}

    .mainlib .showquran .quranBR {
        background: url(../images/Ketabkhane/quranborder.svg);
        transform: rotate(180deg);
        width: 35px;
    }

    .mainlib .showquran .quranBL {
        background: url(../images/Ketabkhane/quranborder.svg);
        width: 35px;
    }

    .mainlib .showquran .qurantext {
        border: 1px solid #e9e9e9;
        height: 36vh;
        overflow: auto;
        box-shadow: 0px 1px 10px #d5d5d5;
        transition: all ease-in-out 0.3s;
        background: #fff;
        font-size: 1.15rem;
    }

        .mainlib .showquran .qurantext .ayebox {
            display: block;
            text-decoration: none;
            color: #000;
            padding: 0.25rem 1rem;
            line-height: 2;
            text-align: justify;
        }

            .mainlib .showquran .qurantext .ayebox:hover {
                background: #eeeef1;
                border-radius: 5px;
                color: #009384 !important;
            }


        .mainlib .showquran .qurantext .num {
            background-image: url(../images/Quran/num-bg.svg);
            padding: 4px 0 0 0;
            margin-right: 0;
            background-repeat: no-repeat;
            display: inline-block;
            width: 32px;
            height: 32px;
            text-align: center;
            font-size: 13px;
        }

.mainlib .selectAddress .selectSoore,
.mainlib .selectAddress .selectAye {
    display: inline-block;
    margin: 0.25rem 0.5rem 1rem;
}

    .mainlib .selectAddress .selectSoore label,
    .mainlib .selectAddress .selectAye label {
        color: #828282;
    }

    .mainlib .selectAddress .selectSoore button {
        display: inline-block;
        border: 1px solid #b7b7b7;
        border-radius: 100px;
        width: 100px;
        padding: 0.4rem 1rem;
        color: #000;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        text-align: right;
        height: 34px;
        vertical-align: middle;
    }

        .mainlib .selectAddress .selectSoore button .fa {
            position: absolute;
            left: 10px;
            top: 9px;
        }

    .mainlib .selectAddress .selectAye input {
        display: inline-block;
        border: 1px solid #b7b7b7;
        border-radius: 100px;
        width: 100px;
        padding: 0.4rem;
        color: #000;
        text-decoration: none;
        text-align: center;
    }

        .mainlib .selectAddress .selectAye input:focus-visible {
            outline: none;
            border: 1px solid #ffc107;
        }

.mainlib #totop {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
}

.mainlib #DialogSooreh .soorenameitem {
    box-shadow: 0 2px 8px 0 #cdcdcd;
    border-radius: 5px;
    cursor: pointer;
    margin: 0.5rem 0;
    padding: 1rem;
    transition: all ease-in-out .2s;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
}

    .mainlib #DialogSooreh .soorenameitem:hover {
        box-shadow: 0 1px 10px 0 #3eb79cb8;
        background: #3eb79c;
        color: #fff !important;
    }


.mainlib .sideIndexbookcontainer .searchindexbox {
    padding: 0.25rem 0.75rem;
    background: #eafffb;
    position: absolute;
    overflow: auto;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.mainlib #searchresault a {
    display: block;
    color: #2b377c !important;
    text-decoration: none;
    border-bottom: 1px dashed #bdc3e7;
    padding: 0.5rem 0;
    font-size: 13px;
}

    .mainlib #searchresault a:hover {
        background: linear-gradient(90deg, #f3ecb8, transparent);
        border-radius: 2px;
    }

.mainlib .sideIndexbookcontainer .resultscountbox {
    padding: 0.5rem 0;
    background: #6ba98c;
    border-radius: 7px;
    color: #fff;
    margin-bottom: 0.25rem;
    border: 1px solid #fff;
    box-shadow: 0 -5px 10px #0b3c2552;
}

    .mainlib .sideIndexbookcontainer .resultscountbox #btndelsearch {
        padding: 0.2rem;
        cursor: pointer;
        margin: 0 0.75rem 0 0;
        font-size: 15px;
    }

        .mainlib .sideIndexbookcontainer .resultscountbox #btndelsearch:hover {
            color: red;
        }

.mainlib .btnshowindex {
    position: absolute;
    margin-right: -11px;
    background: #ffcd44;
    border-radius: 0 0 3px 15px;
    padding: 5px 11px;
    color: #474e59;
    cursor: pointer;
    transition: all ease-in-out .3s;
    box-shadow: -2px 1px 5px #dddddd;
}

    .mainlib .btnshowindex:hover {
        background: #474e59;
        color: #fff !important;
    }

.mainlib .nocontent {
    text-align: center;
    padding: 10rem 0 0;
    height: calc(100vh - 10rem);
}

/*---------------toggle switch---------------*/
.switchtog {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 15px;
    vertical-align: middle;
    margin: 0;
}

    /* Hide default HTML checkbox */
    .switchtog input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slidertog {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slidertog:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: -4px;
        bottom: -2px;
        background-color: white;
        box-shadow: 0px 0px 3px -1px black;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slidertog {
    background-color: #8BC34A;
}

input:focus + .slidertog {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slidertog:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slidertog.roundtog {
    border-radius: 34px;
}

    .slidertog.roundtog:before {
        border-radius: 50%;
    }

.settingfontsize {
    background: #ebebeb;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #a1a1a1;
}

    .settingfontsize a img {
        width: 20px;
        filter: brightness(0.5);
    }

    .settingfontsize a {
        cursor: pointer;
        background: linear-gradient(45deg, #ebf5e6, #91d56f);
        border-radius: 5px;
        transition: all ease-in-out .2s;
        border: 1px solid #accf9b;
        height: 31px;
    }

        .settingfontsize a:hover {
            background: #fff;
            border: 1px solid #fff;
        }

        .settingfontsize a:active {
            border: 1px solid #dbdbdb !important;
            background-color: #dbdbdb !important;
        }

.setlibFontSize {
    display: inline-block;
    font-size: 15px;
    width: 42px;
    text-align: center;
    padding-top: 4px;
}

.popover-body .close {
    cursor: pointer;
}

/*--آیتم هایی که در آی فریم بالقرآن باید مخفی بشن--*/
/*---------------------HideinIF--------------------*/
.mainlib.HideinIF .toplib,
.mainlib.HideinIF .libname,
.mainlib.HideinIF .mabanilogodata,
.mainlib.HideinIF .selectAddress,
.mainlib.HideinIF .showquran,
.mainlib.HideinIF .libmainlink,
.mainlib.HideinIF #totop {
    display: none !important;
}

.mainlib.HideinIF .libmaincard {
    box-shadow: none;
    background: none;
}

.ayehselected {
    background-color: yellow; /* Selected row style */
}