@font-face {
    font-family: "YekanBakh";
    src: url(../fonts/Yekan%20Bakh%20EN%2006%20Bold.eot);
    src: url(../fonts/Yekan%20Bakh%20EN%2006%20Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Yekan%20Bakh%20EN%2006%20Bold.woff) format("woff"), url(../fonts/Yekan%20Bakh%20EN%2006%20Bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "YekanBakh";
    src: url(../fonts/Yekan%20Bakh%20EN%2005%20Medium.eot);
    src: url(../fonts/Yekan%20Bakh%20EN%2005%20Medium.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Yekan%20Bakh%20EN%2005%20Medium.woff) format("woff"), url(../fonts/Yekan%20Bakh%20EN%2005%20Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "YekanBakh";
    src: url(../fonts/Yekan%20Bakh%20EN%2004%20Regular.eot);
    src: url(../fonts/Yekan%20Bakh%20EN%2004%20Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Yekan%20Bakh%20EN%2004%20Regular.woff) format("woff"), url(../fonts/Yekan%20Bakh%20EN%2004%20Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "YekanBakh";
    src: url(../fonts/Yekan%20Bakh%20EN%2003%20Light.eot);
    src: url(../fonts/Yekan%20Bakh%20EN%2003%20Light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Yekan%20Bakh%20EN%2003%20Light.woff) format("woff"), url(../fonts/Yekan%20Bakh%20EN%2003%20Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button{
    direction: rtl;
    font-family: "YekanBakh"!important;
}
.css-fve58f .st-ui-header .st-ui-menu-custom-elements{
    margin-right: auto;
    margin-left:0!important;
}
.css-77dbw3,.css-1jrabla{
    text-align: right!important;
}
.st-ui-paragraph,.st-ui-messengers{
    direction: ltr;
}

.loader {
    width: 48px;
    height: 48px;
    border:10px solid #FFF;
    border-radius: 50%;
    position: relative;
    transform:rotate(45deg);
    box-sizing: border-box;
}
.loader::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    inset:-10px;
    border-radius: 50%;
    border:10px solid #FF3D00;
    animation: prixClipFix 2s infinite linear;
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}


.pagination-area nav {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.pagination {
    display: flex;
    list-style: none;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    padding: 0!important;
}

.pagination ul {
    padding: 0!important;

}
.pagination li {
    margin: 0;
    list-style:none!important;
    margin-top: 0!important;
}

.pagination li a,
.pagination li span {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s ease;
    font-size: 14px;
    border-left: 1px solid #eee;
}

.pagination li:first-child a,
.pagination li:first-child span {
    border-right: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pagination li:last-child a,
.pagination li:last-child span {
    border-left: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination li a:hover {
    background-color: #f0f4f8;
}

.pagination li.active span {
    background-color: #01cccc;
    color: #fff;
    font-weight: bold;
}

.pagination li.disabled span,
.pagination li.disabled a {
    color: #ccc;
    cursor: not-allowed;
    background-color: #f9f9f9;
}
.pagination-area .text-muted,.pagination-area div.d-flex .pagination{
    display: none;
}