html[dir="rtl"] .bb-rotate {
    transform: unset;
}


html[dir="rtl"] .bb-navbar ul {
    padding-right: max(2vw, 15px);
}

html[dir="rtl"] .bb-custom-selector-arrow {
    right: 87%;
}

html[dir="rtl"] .bb-arrow-internal-menu:nth-child(2) {
    transform: rotate(180deg);
}

html[dir="rtl"] .bb-wizard-nav-buttons > .bb-wizard-prev-btn > img {
    transform: rotate(180deg);
}

html[dir="rtl"]  #prev-f > img {
    transform: rotate(180deg);
}


html[dir="rtl"]  #next-f > img {
    transform: rotate(180deg);
}

html[dir="rtl"] #prev-q > img {
    transform: rotate(180deg);
}


html[dir="rtl"] #next-q > img {
    transform: rotate(180deg);
}

html[dir="rtl"] .flyout-menu.expanded{
    right: 0; 
    left: unset;
}
html[dir="rtl"] .flyout-menu {
    border-radius: 50px 0 0 0;
}

html[dir="rtl"]  .bb-close-burger-menu-btn {
    display: flex;
    width: 90%;
    justify-content: end;
}

html[dir="rtl"] .text-translate-on-hover:hover {
    transform: translateX(-5px);
}

html[dir="rtl"] .bb-topic-action-btn:hover span {
    transform: scale(1.1) translate(-5%, 5%);
}

html[dir="rtl"] .bb-topic-action-btn {
    padding-left: unset;
    padding-right: clamp(5px, 0.7vw, 20px);
}

html[dir="rtl"] .bb-converation-options-bubble {
    right: unset;
    left: 0;
}

html[dir="rtl"] .message-input button {
    margin-left: unset;
    margin-left: 10px;
    transform: rotate(180deg);
}

html[dir="rtl"] .dropdown-content {
    left: unset;
    right: -10px;
}

html[dir="rtl"] .bb-service-hoverable-card .bb-service-card-image {
    transform: translate(4px, -4px);
}

html[dir="rtl"] .bb-service-hoverable-card:hover {
    transform: scale(1.02) translate(-4px, 4px);
}

html[dir="rtl"] .avatar {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .quiz-summary-container img {
    right: unset;
    left: 0;
}

html[dir="rtl"] .text-container > .bb-service-card-cta {
    left: unset;
    right: 70%;
    transform: translateX(70%);
}

html[dir="rtl"] .bb-banner-swiper-overlay-description {
    margin: 0 0 20px 50px;
}

@media screen and (max-width: 1400px) {
    html[dir="rtl"] .explore-section .text-container > .bb-service-card-cta {
        right: 50%;
        transform: translateX(50%);
    }
}

@media screen and (max-width:1250px) {
    html[dir="rtl"] .bb-chat-topics-side-section {
        right: unset;
        left: 0;
        transform: translateX(-100%);
    }

    html[dir="rtl"] .bb-chat-new-chat-section {
        left: unset;
        right: 0;
        transform: translateX(100%);
    }

    html[dir="rtl"] .bb-topic-action-btn {
        padding-right: 0;
    }
}

@media screen and (max-width: 1100px) {
    html[dir="rtl"] .bb-banner-swiper-overlay-title {
        margin: 0 0 8px 80px;
    }
}

@media screen and (max-width: 1050px) {
    html[dir="rtl"] .bb-logo {
        margin-right: unset;
        margin-left: 20px;
    }
    html[dir="rtl"] .bb-login-btn, 
    html[dir="rtl"] .bb-user-profile {
        margin-left: unset;
        margin-right: 20px;
    }
}

@media screen and (max-width: 800px) {

    html[dir="rtl"] .bb-wizard-last-btn {
        left: 0% !important;
    }
}

@media screen and (max-width: 768px) {
    html[dir="rtl"] .bb-banner-swiper-overlay-description {
        margin: 0 0 20px 0;
    }
    html[dir="rtl"] .bb-banner-swiper-overlay-title {
        margin-left: 0;
    }
    html[dir="rtl"] .bb-logo {
        margin-inline: auto;
    }
    html[dir="rtl"] .dropbtn img {
        margin-left: unset;
        margin-right: 5px;
    }
}

@media screen and (max-width: 700px) {

    html[dir="rtl"] .message.sent {
        padding-left: 0;
        padding-right: 20%;
    }
}

@media screen and (max-width:768px) {
    html[dir="rtl"] .dropdown-content {
        right: unset;
        margin-right: unset;
        margin-left: 20px;
    }
}

@media screen and (max-width: 500px) {
    html[dir="rtl"] .message-input button {
        margin-left: 3px;
    }
}