/* Set the direction of the navbar to RTL */
#CategoriesNav {
    direction: rtl;
}

/* Adjust the position of the navbar items */
#CategoriesNav .navbar-nav {
    display: flex;
    width: 100%;
}

/* Ensure the left side items stay close together */
#CategoriesNav .left {
    display: flex; /* Use flex for grouping the left items together */
    margin-right: auto; /* Push left items to the left */
}

/* Adjust the right side items */
#CategoriesNav .navbar-nav.ms-auto {
    margin-left: auto; /* Push right items to the right */
}

/* Adjust the dropdown menus */
#CategoriesNav .dropdown-menu {
    left: auto;
    right: 0;
}

/* Make sure the icons are correctly aligned */
#CategoriesNav .nav-link {
    text-align: right;
}

/* Align the country dropdown items */
#CountryDropdownList {
    text-align: right;
}
#HeaderIcons{
    direction:ltr;
}
.dropdown-item{
    text-align:right;
}

/* Set the direction of the modal to RTL */
.category-modal {
    direction: rtl; /* This will make the entire modal RTL */
}

/* Style the modal content */
.category-modal-content {
    display: flex;
    justify-content: space-between; /* Ensure the left and right sides are properly aligned */
    width: 100%;
    padding: 20px;
}

/* Left side (sub-categories) */
.category-main {
    flex: 1; /* Allow the left side to take up space */
    padding-right: 20px; /* Add spacing to the right side */
}

/* Right side (main categories) */
.category-sub {
    flex: 1; /* Allow the right side to take up space */
    padding-left: 20px; /* Add spacing to the left side */
}

/* Close button */
.category-modal-close {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    cursor: pointer;
}

/* Optional: Make sure text and items are aligned properly */
.category-main, .category-sub {
    text-align: right; /* Align text to the right for RTL */
}

/* Sub-category item (when hovering over categories) */
.sub-category-item {
    text-align: right; /* Ensure the sub-category item is aligned to the right */
}
/* Set the direction of the product detail container to RTL */
#product-detail-container {
    direction: rtl; /* This will change the content layout to RTL */
}

/* Product images section */
.product-images {
    margin-left: 20px; /* Ensure spacing between the images and info */
}

.product-title{
    text-align:right!important;
}

/* Product info section */
.product-info {
    text-align:right !important;
}

/* Adjusting the product tabs container for RTL */
#product-tabs-container {
    direction: rtl; /* Ensure the tabs are aligned to the right */
}

/* Tabs section (if needed, adjust the tabs layout for RTL) */
#product-tabs-container .tab {
    text-align: right; /* Align the tab text to the right */
}
.card{
    direction:rtl;
}
.row{
    direction:rtl;
}
@media only screen and (max-width: 1024px) {
    #Footer1 .d-flex{
        flex-direction: column;
    }
}

/* RTL */
.custom-checkbox {
    direction: rtl;
}

.form-check-label {
    order: 1; /* Label (text) first */
}

.form-check-input {
    order: 2; /* Checkbox second */
}
.MarkaName{
    text-align:right!important;
}