.hero ul.steps li:first-child::before {
    left: auto;
    right: -9px;
}

.rtl .hero ul.steps li:after {
    right: auto;
    left: -9px;
}

.rtl .roots-btn:after {
    right: auto;
    left: 0;
}

.rtl .roots-btn:hover .icon {
    transform: rotate(40deg);
}

.rtl .services-section .num {
    left: auto;
    right: 0%;
}

.contact-us {
    right: auto;
    left: 20px;
}

.back-to-top {
    left: auto;
    right: 20px;
}

.toggle-pass .toggle-icon {
    right: auto;
    left: 6px;
}

@media (max-width: 767px) {
    .rtl .roots-header .roots-nav .close-nav {
        right: 30px;
        left: auto;
    }
}