body {
    direction:rtl;
}
.ltr {
    direction: ltr !important;
}
.rtl {
    direction: rtl !important;
}
.nav-link.dropdown-toggle::after {
    font-family: bootstrap-icons !important;
    content: "\F282";
    border: none;
    margin-left: 0.4em;
    float: right;
    font-size: 0.6rem;
    vertical-align: middle;
    margin-top:0.4em;
}
@media (max-width: 991.98px) {
    .navbar-nav .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right:auto;
        left: 15px;
        margin: -.6rem 0.8em 0 0;
    }
    .logo {
        margin-top: -0.3em;
        height: 2.5em !important;
        max-height: 50px !important;
    }
}
.offcanvas.offcanvas-end {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}
.logo{
    margin-top:-0.3em;
    height:3em;
    max-height:55px;
}
.badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 4px 12px rgba(0,0,0,.08);
    opacity: .85;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right !important;
    padding-right: 0 !important;
    padding-left: var(--bs-breadcrumb-item-padding-x) !important;
}
.white-glass {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.form-check .form-check-input{
    float: right !important;
}
.owl-carousel .item {
    min-width: 300px;
    max-width:400px;
}
.comment-img {
    width: 5rem;
    height: 5rem;
    max-width: 50px;
    max-height: 50px;
}