body {
    direction: rtl;
}



/* sidbar  */

@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        text-align: right !important; 
    }
}

.navbar-nav {
    padding-right: 0 !important;
}

/* top nav */
.go-left {
    margin-right: auto !important;
    margin-left: unset !important;
}



/* all */
.flipp {
    direction: ltr !important;
}

.flippEn {
    direction: rtl !important; 
}

.title-right {
    float: right;
}

.bg-login-image {
    background: url(https://live.codeit.sa/assets/front/img/new_bg_ar.jpeg) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important; 
    background-size: 73vw !important;
}

.top-left-img {
   left: unset !important; 
   right: 2.6vw !important;
}



.login {
    text-align: right;
}

.dirLogin {
    direction: rtl;
}

.top-left-nav {
    position: absolute;
    top: 6.1vh;
    left: unset !important;
    right: 25vw;
    width: 21.4vh;
    height: auto;
    z-index: 999;
}

.container-login{
    justify-content: right;
    padding: 0 9vw;
    min-height: 100vh;
}

.language-switcher {
    position: fixed;
    left: unset;
    right: 2.6vw;
    z-index: 999; /* Ensure it's above other content */
}

[dir="rtl"] .custom-radio {
    padding-left: 0;
    padding-right: 43px;
}

[dir="rtl"] .custom-radio::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .custom-radio::after {
    left: auto;
    right: 15px;
    transform: translate(50%, -50%); /* Mirror horizontal centering */
}


.side-image {
    transform: scaleX(-1);
    right: unset !important;
    left: 0px;
}