body {
    direction: rtl;
}

.hero-section h1,
.hero-section p {
    text-align: right;
}

main h1 {
    background: linear-gradient(to left, #d31b83, #372772);
    -webkit-background-clip: text;
    background-clip: text;
}

.hero-section .rtl-bg {
    display: block;
}

.hero-section .ltr-bg {
    display: none;
}

.ribbon {
    padding: 10px 20px 10px 35px;
    border-radius: 0px 10px 10px 0px;
}

.ribbon::after {
    right: unset;
    left: 0;
    border-right: unset;
    border-left: 20px solid white;
}

.hero-section .rtl-bg {
    right: unset;
    left: 0;
}

@keyframes imageZoom {
    0% {
        left: 500px;
    }

    100% {
        left: 0;
    }
}

.services-section .ribbon::after {
    border-right: unset;
    border-left: 20px solid #110b0c;
}

@media (max-width: 991px) {
    .header .navbar-collapse {
        right: unset;
        left: 18px;
    }
}

.country-dropdown{
    left: unset;
    right: 0px;
}