/*-------------------------------------------------------------------------------------------------------
* Template Name    : M2 EDU | Responsive Bootstrap 5 Education Theme
* Author           : M2 EDU Team
* Version          : 2.0.0
* Updated          : August 2025
* File Description : Main RTL CSS file with Cairo font and M2 EDU branding
*-------------------------------------------------------------------------------------------------------*/

/* استيراد خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800&display=swap');

/* المتغيرات اللونية حسب اللوجو */
:root {
    --oclms-primary-color: #7C3AED;
    --oclms-primary-dark: #6D28D9;
    --oclms-secondary-color: #8B5CF6;
    --oclms-accent-color: #EC4899;
    --oclms-accent-dark: #DB2777;
    --oclms-success-color: #10B981;
    --oclms-warning-color: #F59E0B;
    --oclms-danger-color: #EF4444;
    --oclms-info-color: #3B82F6;
    --oclms-body-color: #545454;
    --oclms-light-bg-color: #f8fafc;
    --oclms-light-border-color: rgba(124, 58, 237, 0.2);
    --oclms-dark-color: #1f2937;
    --oclms-gradient-primary: linear-gradient(135deg, #7C3AED 0%, #EC4899 50%, #8B5CF6 100%);
    --oclms-shadow-light: 0 4px 12px rgba(124, 58, 237, 0.1);
    --oclms-shadow-medium: 0 8px 25px rgba(124, 58, 237, 0.15);
}

a{
    color: var(--oclms-primary-color) !important;
}
a:hover {
    color: var(--oclms-primary-dark) !important;
}
.swiper-container {
    direction: rtl !important;
}
.swiper-viewport:hover .swiper-button-next {
    right: initial !important;
    left: 10px !important;
}
.swiper-viewport:hover .swiper-button-prev {
    left: initial !important;
    right: 10px !important;
}
/* -------------------------   Start_of_ General_Css   ------------------------ */
body{
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.618;
    overflow-x: hidden;
    background-color: var(--oclms-light-bg-color) !important;
    color: var(--oclms-body-color);
}
button{
    font-family: 'Cairo', sans-serif !important;
}
.section-title a {
    float: left;
    left: 0;
    right: initial;
    padding-left: initial;
    padding-right: 16px;
    color: var(--oclms-primary-color);
}
.section-title .btn-group{
    float: left;
}
.heading-title::after {
    left: initial;
    right: 0;
    background: var(--oclms-gradient-primary);
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: initial;
    padding-left: 0.5rem;
    color: var(--oclms-primary-color);
}
.title-description::after {
    left: initial;
    right: 0;
    background: var(--oclms-gradient-primary);
}  
/* -------------------------   Start_of_Header_Css   ------------------------ */
/* TapBar_Header_Advertising */
.page-top-bar {
    background: var(--oclms-gradient-primary);
}
.page-top-bar .btn-close {
    left: initial;
    right: auto;
}
.top-right-header {
    margin-left: initial;
    margin-right: auto;
}
.top-menu-link ul{
    padding-right: 0;
}
.top-menu-link ul li:not(:last-child)::before {
    right: initial;
    left: -11px;
    color: rgba(255,255,255,0.7);
}
.top-menu-link ul li:not(:last-child) {
    margin-right: initial;
    margin-left: 16px;
}  
.top-menu-link ul li a {
    color: rgba(255,255,255,0.9);
}
.top-menu-link ul li a:hover {
    color: #ffffff;
}
.top-menu-link ul li a i {
    margin-right: initial;
    margin-left: 2px;
    color: var(--oclms-accent-color);
}
.dashbord-box {
    margin-left: initial;
    margin-right: 34px;
}
.menu-acount-box::after {
    right: initial;
    left: -11px;
}
.menu-acount-box i{
    margin-right: initial;
    margin-left: 2px;
    color: var(--oclms-accent-color);
}
.menu-acount-box .dropdown-menu {
    right: initial !important;
    left: 0 !important;
    border: 1px solid var(--oclms-light-border-color);
    box-shadow: var(--oclms-shadow-medium);
}
/*  Main_Header */
.header-nav {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
}
.header-nav .dropdown-toggle::after {
    right: initial;
    left: -8px;
    color: var(--oclms-primary-color);
}
.header-nav .navbar-nav .nav-item:not(:last-child) {
    margin-left: 28px;
    margin-right: initial;
}
.header-nav .nav-link {
    color: var(--oclms-dark-color);
    font-weight: 500;
}
.header-nav .nav-link:hover {
    color: var(--oclms-primary-color);
}
.header-category-dropdown-wrap {
    background: var(--oclms-gradient-primary);
    border-radius: 8px;
}
.header-category-dropdown-wrap .category-wrapper ul .dropdown-menu {
    padding-left: initial;
    padding-right: 3%;
    left: initial;
    right: 97%;
    border: 1px solid var(--oclms-light-border-color);
    box-shadow: var(--oclms-shadow-medium);
}
.header-category-dropdown-wrap .category-wrapper ul {
    padding-right: 0;
}
.header-category-dropdown-wrap a span::after {
    right: initial;
    left: 12px;
}
.header-category-dropdown-wrap .header-category-menu {
    color: #ffffff;
    font-weight: 600;
}
.header-category-dropdown-wrap .header-category-menu i {
    margin-right: initial;
    margin-left: 6px;
    color: #FFD700;
}
.header-category-dropdown-wrap {
    padding-left: initial;
    padding-right: 14px;
    margin-left: initial;
    margin-right: 14px;
    border-right: 2px solid var(--oclms-light-border-color);
    border-left: none;
}
.header-logo {
    margin-right: 0 !important;
    margin-left: 4px;
}
.right-header{
    margin-left: initial;
    margin-right: auto;
}
.header-wishlist{
    margin-left: initial;
    margin-right: 22px;
}
.header-wishlist i {
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-accent-color);
}
.header-wishlist:hover i {
    color: var(--oclms-accent-dark);
}
.number-product-adding {
    left: initial;
    right: -13px;
    background: var(--oclms-accent-color);
    color: #ffffff;
}
.header-cart-shopping-box button i {
    transform: none;
    color: var(--oclms-primary-color);
}
.header-cart-shopping-box .cart .dropdown-menu{
    right: initial;
    left: 0;
    border: 1px solid var(--oclms-light-border-color);
    box-shadow: var(--oclms-shadow-medium);
}
.header-cart-shopping-box .cart .dropdown-menu.show{
    inset: 0 auto auto 0 !important;
}
/* Search_Header */
.header-search-form {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--oclms-shadow-light);
}
.header-search-form i {
    margin-right: initial;
    margin-left: 7px;
    color: var(--oclms-primary-color);
}
.header-search-form input {
    border: 1px solid var(--oclms-light-border-color) !important;
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
}
.header-search-form input:focus {
    border-color: var(--oclms-primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.25) !important;
}
.header-search-form span.input-group-text{
    border-radius: 8px 0 0 8px !important;
    background: var(--oclms-primary-color);
    border-color: var(--oclms-primary-color);
    color: #ffffff;
}
.header-search .lni-close {
    right: initial;
    left: 15px;
    color: var(--oclms-danger-color);
}
.category-search:after {
    border-left: initial;
    border-right: 1px solid var(--oclms-light-border-color);
}
.header-search .oclms-search, .header-search #search{
    direction: rtl;
}
/* Menu */
.header-menu .header-category-menu i {
    margin-right: initial;
    margin-left: 6px;
    color: #FFD700;
}
.header-menu .header-category-dropdown-wrap .navbar-nav .dropdown-menu {
    left: initial;
    right: 97%;
    margin-left: initial !important;
    margin-right: 0 !important;
    padding-left: initial;
    padding-right: 3%;
    border: 1px solid var(--oclms-light-border-color);
    box-shadow: var(--oclms-shadow-medium);
}
.header-menu a span::after {
    right: initial;
    left: 10px;
    content: "\ea60";
}
.header-menu .dropdown-inner ul.children {
    left: initial;
    right: 100%;
    padding-left: initial;
    padding-right: 4px;
}
.header-menu .navbar-nav, .header-menu .navbar .dropdown-inner ul{
    padding-right: 0;
    padding-left: initial;
}
.header-menu .nav-link {
    color: var(--oclms-dark-color);
    font-weight: 500;
}
.header-menu .nav-link:hover {
    color: var(--oclms-primary-color);
}
.lang-currency-boxes button {
    text-align: right;
    border: 1px solid var(--oclms-light-border-color);
    color: var(--oclms-dark-color);
}
.lang-currency-boxes button:hover {
    background: var(--oclms-primary-color);
    color: #ffffff;
    border-color: var(--oclms-primary-color);
}
/*  Header_Respponsive Start  */
@media (min-width: 768px) {
    .header-text{
        padding-left: initial;
        padding-right: 12px;
        margin-left: initial;
        margin-right: 12px;
    }
    .header-text::before{
        left: initial;
        right: 0;
        background: var(--oclms-light-border-color);
    }
    .header-menu{
        padding-right: initial;
        padding-left: 22px;
        margin-right: 12px;
        margin-left: 22px;
    }
    .header-menu::before{
        right: initial;
        left: 0;
        background: var(--oclms-light-border-color);
    }
}
@media (max-width: 991px) {
    .navbar-collapse {
        left: initial;
        right: -270px;
        transition: right 0.3s ease;
        background: rgba(255,255,255,0.98);
        backdrop-filter: blur(10px);
    }
    .navbar-collapse.show {
        left: initial;
        right: 0;
    }
    #toggle-menu .navbar-nav .nav-item {
        margin-right: initial !important;
        margin-left: 0 !important;
    }   
    .dropdown-menu .menu-items {
        padding-left: initial;
        padding-right: 14px;
    }   
    .header-nav {
        right: initial;
        left: 0;
    }
    .header-nav .dropdown-toggle::after {
        right: 12px;
        left: initial;
    }
    .header-category-dropdown-wrap a span::after {
        left: initial;
        right: 12px;
    }
    .header-nav .navbar-nav .nav-item:not(:last-child) {
        margin-right: 0;
    }
    .lang-currency-boxes {
        left: initial;
        right: 12px;
    }
    .header-wishlist {
        margin-left: initial !important;
        margin-right: 22px;
    }
    .top-right-header {
        margin-left: 30px;
    }
    .dashbord-box {
        margin-left: initial;
        margin-right: 23px;
    }
}
@media (max-width: 767px) {
    .header-logo {
        margin-right: 12px !important;
    }
    .curency-box{
        margin-right: initial;
        margin-left: 0;
    }
    .dashbord-box {
        margin-left: initial;
        margin-right: 33px;
    }
    .dropdown-menu {
        text-align: right;
    }
    .header-search-form {
        margin-left: initial;
        margin-right: auto;
    }
    .header-right{
        margin-right: initial;
    }
    .header-logo{
        margin-right: 110px;
    }
    .header-category-dropdown-wrap{
        margin-right: 0;
        padding-right: 0;
    }
}
@media (max-width: 576px) {
    .language-box::after {
        right: initial;
        left: -5px;
    }
    .menu-acount-box::after {
        right: initial;
        left: -8px;
    }
    .header-wishlist {
        margin-left: initial !important;
        margin-right: 16px !important;
    }
    .header-logo img {
        left: initial;
        right: -12px;
    }
    .dropdown.menu-acount-box {
        top: 0;
    }
}
/* ----------------  Start_of_Account_box_Css  -----------------*/
.account-boxes.list-group a {
    border: 1px solid var(--oclms-light-border-color);
    color: var(--oclms-dark-color);
    transition: all 0.3s ease;
}
.account-boxes.list-group a:hover {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    transform: translateX(-4px);
}
.account-boxes.list-group a.active {
    background: var(--oclms-primary-color);
    color: #ffffff;
    border-color: var(--oclms-primary-color);
}
.account-boxes.list-group a i {
    margin-right: initial;
    margin-left: 8px;
    color: var(--oclms-accent-color);
}
.account-boxes.list-group a:hover i,
.account-boxes.list-group a.active i {
    color: #FFD700;
}
/* ----------------  Start_of_Form_input_field_Css  -----------------*/
.form-control {
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 8px;
    font-family: 'Cairo', sans-serif;
}
.form-control:focus {
    border-color: var(--oclms-primary-color);
    box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.25);
}
.form-control ~ label.col-form-label {
    left: initial;
    right: 26px;
    color: var(--oclms-primary-color);
    font-weight: 500;
}
.col-form-label{
    padding-right: initial;
    padding-left: 3.55rem;
    font-family: 'Cairo', sans-serif;
}
select ~ .col-form-label{
    padding-left: 7rem;
    padding-right: 0.5rem;
}
select::after {
    left: initial;
    right: -30px;
}
.lni-chevron-down{
    right: initial;
    left: 0;
    color: var(--oclms-primary-color);
}
/* -------------------------   Start_of_Categories_Css   ------------------------ */
/*  Top_categories  */
.top-categories {
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.top-categories:hover {
    transform: translateY(-4px);
    box-shadow: var(--oclms-shadow-medium);
}
.top-categories .icon-wrap {
    margin-right: initial;
    margin-left: 12px;
    background: var(--oclms-gradient-primary);
    border-radius: 8px;
}
.top-categories .icon-wrap i {
    color: #ffffff;
}
/* Top-categories_Media */
@media (max-width: 991px) {
    .top-categories .icon-wrap {
        margin-right: initial;
        margin-left: 8px;
    }
}
/* -------------------------   Start_of_Search_Page_Css   ------------------------ */
.search-page-filters {
    text-align: right;
}
/* -------------------------   Start_of_Product_Css   ------------------------ */
/* Cart_Grid_Design */
.product-box {
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid var(--oclms-light-border-color);
}
.product-box:hover {
    transform: translateY(-4px);
    box-shadow: var(--oclms-shadow-medium);
}
.product-box .product-title{
    font-size: 18px;
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
    color: var(--oclms-dark-color);
}
.product-box .product-title:hover {
    color: var(--oclms-primary-color);
}
.product-box .price{
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}
.product-box .price .price-new {
    color: var(--oclms-primary-color);
}
.product-box .price .price-tax{
    margin-left: initial;
    margin-right: auto;
    color: var(--oclms-body-color);
}
.product-box .price-old{
    left: initial;
    right: 0;
    color: #999;
}
.product-box .time-boxes .time{
    float: right;
    color: var(--oclms-accent-color);
}
.product-box .time-boxes .students-num{
    float: left;
    color: var(--oclms-info-color);
}  
.product-info .info-box-cart{
    direction: rtl;
}
.product-cart-btn-wrap {
    direction: rtl;
    border-radius: 8px 8px 0 0;
    right: initial;
    left: 2px;
    background: var(--oclms-gradient-primary);
}
.product-layout:hover .product-cart-btn-wrap {
    padding-right: 16px;
    padding-left: 8px;
    border-radius: 8px 8px 0 0;
}
.product-cart-icon {
    margin-left: initial;
    margin-right: auto;
}
.product-cart-icon button{
    margin-right: initial;
    margin-left: 10px;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    color: #ffffff;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.product-cart-icon button:hover {
    background: #ffffff;
    color: var(--oclms-primary-color);
}
@media (max-width: 480px) {
    .product-cart-icon button {
        margin-right: initial;
        margin-left: 6px;
    }
    .product-cart-icon button:last-child{
        margin-right: initial;
        margin-left: 0;
    }
}
/* Cart_list_Design  */
.product-list .product-box {
    margin-left: initial;
    margin-right: 16px;
}
.product-list .product-box .caption {
    margin-left: initial;
    margin-right: 125px;
    padding-left: initial;
    padding-right: 170px;
    border-radius: 0 0 16px 16px !important;
}
.product-list .product-cart-btn-wrap{
    border-radius: 8px 8px 0 0;
    margin-left: initial;
    margin-right: 125px;
    padding-right: 170px !important;
    padding-left: 45px !important;
}
.product-list .badge-text{
    right: initial;
    left: 36px;
    background: var(--oclms-accent-color);
    color: #ffffff;
}
.product-list .price-new{
    margin-right: initial;
    margin-left: 4px;
}
.product-list .product-cart-icon {
    margin-left: initial;
    margin-right: 12px;
}
.product-list .product-instructor{
    margin-right: initial;
    margin-left: 16px;
    color: var(--oclms-primary-color);
}
/* Product_list_Responsive_css */
@media (max-width: 767px) {
    #compare-total{
        text-align: right;
    }
}
/* Product_Page_css */
.product-detail-box .thumbnails {
    margin-left: initial;
    margin-right: -20px;
}
.product-detail-box .thumbnails .image-additional {
    float: right;
    border: 2px solid var(--oclms-light-border-color);
    border-radius: 8px;
    transition: all 0.3s ease;
}
.product-detail-box .thumbnails .image-additional:hover {
    border-color: var(--oclms-primary-color);
}
.product-qty{
    margin-right: initial;
    margin-left: 6px;
}
#input-quantity {
    margin-left: 16px !important;
    margin-right: initial !important;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 8px;
}
.product-product .btn-compare-wishlist {
    margin-right: initial;
    margin-left: 8px;
}
.product .radio label, .product .checkbox label{
    margin-right: initial;
    margin-left: 16px;
    font-family: 'Cairo', sans-serif;
}
/* Product_Banner_css */
.banner-list {
    background: var(--oclms-gradient-primary);
    border-radius: 12px;
    color: #ffffff;
}
.banner-list .banner-icon {
    margin-right: initial;
    margin-left: 20px;
    color: #FFD700;
}
/* Review_inProduct_Page */
#review .review-item {
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 8px;
}
#review .review-item li.user-review {
    margin-left: 0;
    margin-right: 0;
}
#review .review-item li .rating {
    margin-left: initial;
    margin-right: auto;
}
#review .review-item li .user-date {
    float: left;
    color: var(--oclms-body-color);
}
#review .review-item li .user-text i {
    float: right;
    margin-right: initial;
    margin-left: 13px;
    color: var(--oclms-accent-color);
}
/*  -------------------------   Start_of_ Course_Page_Css  ------------------------- -*/
.product-tag-model {
    border-radius: 4px 0 0 4px;
    border-radius: 0 4px 4px 0;
    background: var(--oclms-primary-color);
    color: #ffffff;
}
.product-tag-model .arrow {
    right: initial;
    left: -22px;
    border-color: transparent var(--oclms-primary-color) transparent transparent;
}
.product-tag-model::before {
    left: initial;
    right: 7px;
}
/* Course_Info_Detail_Css */
.course-thumbnail {
    border-radius: 12px;
    overflow: hidden;
}
.course-thumbnail button {
    left: initial;
    right: 0;
    background: var(--oclms-gradient-primary);
    border: none;
    color: #ffffff;
    border-radius: 8px;
}
.course-details-list li {
    direction: rtl;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 12px;
}
.course-details-list li i{
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-accent-color);
}
.course-details-list li span:last-child {
    margin-left: initial;
    margin-right: auto;
    font-weight: 500;
}
/* Course_instructor_Detail_box_Css */
.course-instructor-social .social-link:not(:last-child){
    margin-right: initial;
    margin-left: 8px;
}
.course-instructor-social .social-link {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.course-instructor-social .social-link:hover {
    transform: translateY(-2px);
    box-shadow: var(--oclms-shadow-light);
}
.course-lecture-item{
    direction: rtl;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 12px;
}
.course-lecture-item i{
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-primary-color);
}
.course-lecture-item span:last-child {
    margin-left: initial;
    margin-right: auto;
}
.course-lecture-item span:last-child i {
    margin-right: initial;
    margin-left: -4px;
}
/* Descripton_Of_Courses */
.instructor-box {
    direction: rtl;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
    padding: 20px;
}
.instructor-info{
    margin-left: initial;
    margin-right: 8px;
}
.course-result ul li::before, .heading-courses ul li li::before{
    left: initial;
    right: -18px;
    color: var(--oclms-success-color);
}
/* -------------------------   Start_of_Manufacturer_Page_Css   ------------------------ */
.manufacturer-boxes {
    direction: rtl;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
}
.manufacturer-boxes .social-media i{
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-primary-color);
}
.manufacturer-info{
    padding-right: 1rem !important;
}
.manufacturer-info-boxes{
    margin-left: initial;
    margin-right: 1rem;
}
.manufacturer-info-boxes ul{
    margin-left: initial;
    margin-right: 2%;
}
.manufacturer-info{
    margin-left: initial !important;
    margin-right: 0 !important;
}
.manufacturer-info li:not(:last-child){
    margin-right: initial;
    margin-left: 24px;
}
.manufacturer-info i{
    margin-right: initial;
    margin-left: 8px;
    color: var(--oclms-accent-color);
}
/* -------------------------   Start_of_Student_Page_Css   ------------------------ */
.acount-course-title-body {
    direction: rtl;
}
.homework-info [class*="col-"] {
    direction: rtl;
}
/* Courses_Tab_Boxes_Css */
.tab-boxes{
    position: relative;
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
}
.tab-boxes a.text-more{
    padding-left: initial;
    padding-right: 15px;
    float: left;
    color: var(--oclms-primary-color);
}
/* Quiz_Info_box_Css */
.quiz-card {
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
}
.quiz-card-buttons .quiz-card-button a, .quiz-card-buttons .quiz-card-button button {
    font-size: 10px;
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border: none;
    border-radius: 6px;
}
.quiz-details li {
    border-bottom: 1px solid var(--oclms-light-border-color);
}
.quiz-details li span:first-child {
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-primary-color);
    font-weight: 600;
}
.quiz-card-buttons {
    direction: rtl;
}
/* Quiz_Info_page_Css */
.quiz-info [class*="col-"] {
    direction: rtl;
}
/* Quiz_Page_Css */
.quiz-text{
    float: right;
    margin-right: initial;
    margin-left: 4px;
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}
.quiz-card .form-check-label {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
}
.quiz-card .form-check-inline {
    margin-right: 0;
    margin-left: 1rem;
}
#account-quiz label input[type="radio"] ~ span, #account-quiz label input[type="radio"] ~ img,
.account-report label input[type="radio"] ~ span, .account-report label input[type="radio"] ~ img{
    margin-right: initial;
    margin-left: -8px;
}
#account-quiz label input[type="radio"] ~ span, .account-report label input[type="radio"] ~ span {
    margin-left: initial;
    margin-right: 4px;
}
.quiz-details {
    padding-left: initial;
    padding-right: 0;
}
.quiz-options input[type="radio"] ~ small {
    margin-left: initial;
    margin-right: 4px;
}
.quiz-cards .quiz-options img {
    padding-right: initial;
    padding-left: 5px;
    border-radius: 8px;
}
.quiz-cards.owl-carousel .owl-nav button.owl-next {
    left: inherit;
    right: calc(55% - 75px);
    background: var(--oclms-primary-color);
    color: #ffffff;
}
.quiz-cards.owl-carousel .owl-nav button.owl-prev {
    right: inherit;
    left: calc(25% - 75px);
    background: var(--oclms-primary-color);
    color: #ffffff;
}
.quiz-left.show {
    right: initial;
    left: 15px;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
    border: 1px solid var(--oclms-light-border-color);
}
.quiz-left.show ~ .quiz-right {
    padding-right: initial;
    padding-left: 330px;
}
.quiz-options .form-check-inline:not(:last-child) {
    margin-right: initial;
    margin-left: 12px;
}
.quiz-left-answers .quiz-options input[type="radio"] ~ small {
    right: initial;
    left: 12px;
}
.qla-options strong {
    margin-right: initial;
    margin-left: 8px;
    color: var(--oclms-primary-color);
}
.ql-toggler.show {
    right: initial;
    left: 330px;
    background: var(--oclms-primary-color);
    color: #ffffff;
}
.ql-toggler.show.in{
    right: initial;
    left: -21px;
}
.mfp-counter {
    direction: rtl;
}
@media print {
    .form-check-inline {
      margin-left: initial;
      margin-right: 15px;
    }
}
/* -------------------------   Report_Page_Css   ------------------------- */
.account-report {
    font-family: 'Cairo', sans-serif;
}
.account-report .accordion .card-header {
    direction: rtl;
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border-radius: 8px 8px 0 0;
}
.account-report .quiz-card:before, .account-report .quiz-card:after {
    right: initial;
    left: 30px;
}
.account-report .quiz-card:after {
    left: inherit;
    right: 30px;
}
.quiz-card-buttons {
    direction: rtl;
}
.account-report .accordion .card-header .ac-details {
    direction: rtl;
}
.qla-options {
    direction: rtl;
}
/* Report_Tab_in_Report_Page_Css */
.report-tabs .nav.nav-tabs {
    border-bottom: 2px solid var(--oclms-primary-color);
}
.report-tabs .nav.nav-tabs li:not(:last-child) {
    margin-right: initial;
    margin-left: 12px;
}
.report-tabs .nav.nav-tabs .nav-link {
    color: var(--oclms-body-color);
    border: 1px solid var(--oclms-light-border-color);
}
.report-tabs .nav.nav-tabs .nav-link.active {
    background: var(--oclms-primary-color);
    color: #ffffff;
    border-color: var(--oclms-primary-color);
}
.quiz-answer-table {
    direction: rtl;
}
.flex{
    direction: rtl;
}
.quiz-answer-item-num {
    margin-right: initial;
    margin-left: 2px;
    background: var(--oclms-accent-color);
    color: #ffffff;
    border-radius: 50%;
}
.ep-img {
    right: initial;
    left: 12px;
}
@media (max-width: 767px){
    .report-tabs .nav.nav-tabs li:not(:last-child){
        margin-right: initial;
        margin-left: 0;
    }
}
@media (max-width: 576px){
    .ep-type-button {
        text-align: right !important;
    }
    .ep-type-button .btn-main{
        margin-left: initial !important;
        margin-right: 0 !important;
        background: var(--oclms-gradient-primary);
    }
    .quiz-info [class*="col-"]{
        justify-content: right;
    }
}
/* -------------------------   Start_of_Message_Box_Page_Css   ------------------------- */
.message-receive{
    margin-left: initial;
    margin-right: auto;
    background: rgba(124, 58, 237, 0.1);
    border-radius: 8px;
}
.time-message i:first-of-type{
    right: initial;
    left: -14px;
    color: var(--oclms-success-color);
}
.time-message i.not-read{
    right: initial;
    left: 0;
    color: var(--oclms-warning-color);
}
/* ----------------  Start_of_Other_Css  -----------------*/
#account-address .table tr td:first-child{
    border-radius: 0 8px 8px 0;
}
#account-address .table tr td:last-child{
    border-radius: 8px 0 0 8px;
}
.accordion-button::after{
    margin-left: 0;
}
.accordion-button {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
}
.accordion-body .btn-main {
    border-radius: 6px 0 0 6px !important;
    background: var(--oclms-gradient-primary);
}
.input-group .btn-main {
    border-radius: 6px 0 0 6px !important;
    background: var(--oclms-gradient-primary);
}
.pagination-description .form-group select {
    border-radius: 4px 0 0 4px !important;
    border: 1px solid var(--oclms-light-border-color);
}
.pagination-description {
    margin-left: initial;
    margin-right: auto;
}
/* -------------------------   Start_of_Event_Css   ------------------------ */
/* Event_cart */
.event-title {
    line-height: 1.617;
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
    color: var(--oclms-dark-color);
}
.event-meta{
    direction: rtl;
}
.event-page .aside-item ul li {
    direction: rtl;
    padding: 0 0 12px 16px;
    border-bottom: 1px solid var(--oclms-light-border-color);
}
.event-page .post-image {
    margin-right: initial;
    margin-left: 16px;
    border-radius: 8px;
    overflow: hidden;
}
.event-page .post-list{
    direction: rtl;
}
.event-page .entry-info-event{
    direction: rtl;
}
.event-page .entry-info-contetnt{
    margin-right: initial;
    margin-left: 16px;
}
.event-page .tag-link{
    margin-right: initial;
    margin-left: 4px;
    background: var(--oclms-primary-color);
    color: #ffffff;
    border-radius: 4px;
    padding: 4px 8px;
}
.event-page .entry-info-contetnt i {
    margin-right: initial;
    margin-left: 6px;
    color: var(--oclms-accent-color);
}
.event-details-list li i {
    margin-left: 4px;
    margin-right: initial;
    color: var(--oclms-primary-color);
}
/* -------------------------   Review_Css   ------------------------ */
.review-boxes {
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
}
.review-boxes i {
    left: initial;
    right: 38px;
    color: var(--oclms-accent-color);
}
.review-wrapper .prev-next-box {
    right: initial;
    left: 12px;
}
.review-wrapper .prev-next-box button {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border: none;
    border-radius: 50%;
}
.review-wrapper .shape-02 {
    right: initial;
    left: -4%;
}
.review-wrapper .shape-03 {
    right: initial;
    left: 5%;
}
/* -------------------------   HTML Content_Css   ------------------------ */
.hero {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
}
.about-description .about-details {
    padding: 100px 120px 100px 30px;
}
.about-description .image-box img {
    margin-left: initial;
    margin-right: 4px;
    border-radius: 12px;
}
.about-description .circle {
    left: initial;
    right: 5%;
    background: var(--oclms-accent-color);
}
.about-description .squre-shape {
    left: initial;
    right: 0;
    background: var(--oclms-primary-color);
}
.about-description .shape-02 {
    right: initial;
    left: 0;
    background: var(--oclms-secondary-color);
}
.about-description .image-box img.play-icon {
    left: calc(50% - 46px);
}
.manufacturer-boxes {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
}
.manufacturer-boxes .shape-03 {
    left: initial;
    right: -10%;
}
.manufacturer-boxes .shape-02 {
    left: initial;
    right: -10%;
}
.skill-boxes {
    background: linear-gradient(-90deg, rgba(124, 58, 237, 0.1) 25%, #fff 30%);
}
.skill-boxes .circle, .skill-boxes .circle-02 {
    right: initial;
    left: 0;
    background: var(--oclms-accent-color);
}
.skill-description {
    padding: 0px 26px;
    padding: 0 30px 0 100px;
}
.skill-box .fill-skillbar {
    float: right;
    background: var(--oclms-gradient-primary);
}
.skill-box .skillbar-title {
    left: initial;
    right: -17px;
    color: var(--oclms-primary-color);
    font-weight: 600;
}
.skill-box .skillbar-title span {
    margin-left: initial;
    margin-right: 18px;
}
.skill-box .skill-bar-percent {
    right: initial;
    left: 0;
    color: var(--oclms-accent-color);
    font-weight: 600;
}
@media (max-width: 1199px) {
    .about-description .about-details {
        margin-left: initial;
        margin-right: -100px;
    }
}
@media (max-width: 991px) {
    .hero {
        background-position: right;
    }
}
@media (max-width: 767px) {
    .about-description .about-details {
        margin-left: initial;
        margin-right: initial;
        padding-left: initial;
        padding-right: 60px;
    }
    .about-description .image-box img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 576px) {
    .hero-content h2 {
        font-size: 2.5rem;
        font-family: 'Cairo', sans-serif;
    }
    .about-description .about-details {
        padding-left: initial;
        padding-right: 45px;
    }
    .about-description .image-box img {
        margin: auto !important;
    }
}
.about-content [class^="col-"]:last-child {
  transform: translate(-535px,217px);
}
@media (max-width: 1061px) {
    .about-content [class^="col-"]:last-child {
        transform: translate(-476px,240px);
    }
}
@media (max-width: 991px) {
    .about-content [class^="col-"]:last-child {
        transform: none !important;
    }
}
/* -------------------------   Start_of_Footer_Css   ------------------------ */
.footer {
    background: var(--oclms-dark-color);
    color: rgba(255,255,255,0.8);
}
.store-info-boxes {
    background: var(--oclms-gradient-primary);
}
.contact-info-boxes {
    background: linear-gradient(90deg, rgba(124, 58, 237, 0.1) 25%, #fff 30%);
}
.contact-item-box {
    border: 1px solid var(--oclms-light-border-color);
    border-radius: 12px;
    transition: all 0.3s ease;
}
.contact-item-box:hover {
    transform: translateY(-4px);
    box-shadow: var(--oclms-shadow-medium);
}
.contact-item-box i {
    margin-right: initial;
    margin-left: 8px;
    color: var(--oclms-accent-color);
}
.footer .logo img {
    margin-right: initial;
    margin-left: 12px;
}
.footer-list li a {
    color: rgba(255,255,255,0.8);
    transition: all 0.3s ease;
}
.footer-list li:hover a {
    padding-left: initial;
    padding-right: 4px;
    color: #ffffff;
}
.about-link {
    color: rgba(255,255,255,0.8);
    transition: all 0.3s ease;
}
.about-link:hover {
    padding-left: initial;
    padding-right: 4px;
    color: #ffffff;
}
.page-footer .contact-info li span {
    margin-right: initial;
    margin-left: 4px;
    color: var(--oclms-accent-color);
}
.page-footer ul.social-link li:not(:last-child) {
    margin-right: initial;
    margin-left: 24px;
}
.page-footer ul.social-link li a {
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.page-footer ul.social-link li a:hover {
    transform: translateY(-2px);
    box-shadow: var(--oclms-shadow-light);
}
footer .footer-grid:not( :nth-last-child(2) ) {
    border-right: none;
    border-left: 1px solid var(--oclms-light-border-color);
}
footer .footer-grid:not(:nth-child(3) ) {
    padding-left: initial;
    padding-right: 30px;
}
.footer ul.social-link li:not(:last-child) {
    margin-right: initial;
    margin-left: 16px;
}
.return-to-top {
    right: initial;
    left: 14px;
    background: var(--oclms-gradient-primary);
    color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.return-to-top:hover {
    transform: translateY(-2px);
    box-shadow: var(--oclms-shadow-light);
}
.about-link i {
    transform: rotate(180deg);
}
@media (max-width: 767px) {
    .footer .copy-right {
        text-align: right;
    }
    footer .footer-grid:not(:nth-child(3)) {
        padding-left: initial;
        padding-right: 15px;
    }
}
/* -------------------------   Other Responsive_Css   ------------------------ */
@media (max-width: 1010px) {
    .header-search-form{
        direction: rtl;
    }
}
@media (max-width: 991px) {
    .banner-list .banner-icon {
        margin-right: initial;
        margin-left: 12px;
    }
    .category-aside {
        right: initial;
        left: -305px !important;
        background: rgba(255,255,255,0.98);
        backdrop-filter: blur(10px);
    }
    .category-aside.show {
        right: initial;
        left: 0 !important;
    }
    .aside-toggler {
        right: initial;
        left: 0;
        border-radius: 0 8px 8px 0;
        background: var(--oclms-primary-color);
        color: #ffffff;
    }
    .aside-toggler.open {
        right: initial;
        left: 0;
    }
    .page-footer ul.social-link li:not(:last-child) {
        margin-right: initial;
        margin-left: 16px;
    }
    .manufacturer-info-boxes {
        margin-left: initial;
        margin-right: 0;
    }
    .header-menu {
        margin-right: initial;
        margin-left: 12px;
    }
    .account-boxes.list-group a i {
        margin-right: initial;
        margin-left: 4px;
    }
}
@media (max-width: 885px) {
    .header-menu {
        margin-right: initial;
        margin-left: 12px;
        padding-right: initial;
        padding-left: 4px;
    }
}
@media (max-width: 767px) {
    .tab-boxes a.text-more {
        margin-right: initial;
        margin-left: 10px;
    }
}

/* إضافات جديدة للأزرار والعناصر التفاعلية */
.btn {
    font-family: 'Cairo', sans-serif;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.btn-primary {
    background: var(--oclms-gradient-primary);
    border: none;
    color: #ffffff;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--oclms-shadow-medium);
}
.btn-success {
    background: linear-gradient(135deg, var(--oclms-success-color), #059669);
    border: none;
}
.btn-warning {
    background: linear-gradient(135deg, var(--oclms-warning-color), #D97706);
    border: none;
}
.btn-danger {
    background: linear-gradient(135deg, var(--oclms-danger-color), #DC2626);
    border: none;
}
.btn-info {
    background: linear-gradient(135deg, var(--oclms-accent-color), var(--oclms-accent-dark));
    border: none;
}