/* RTL is primarily handled with logical CSS properties. */
body {
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    letter-spacing: 0;
}

h1,
h2,
h3,
h4 {
    letter-spacing: 0;
}

.eyebrow {
    letter-spacing: 0;
    text-transform: none;
}

.hero-screen__readability {
    background: linear-gradient(270deg, rgba(6, 23, 36, 0.72) 0%, rgba(6, 23, 36, 0.50) 34%, rgba(6, 23, 36, 0.12) 62%, rgba(6, 23, 36, 0) 78%);
}

.text-link svg,
.hero-text-link svg,
.service-link__arrow svg,
.tour-card__link svg,
.destination-mega__arrow svg,
.destination-mega__empty a svg {
    transform: rotate(180deg);
}

.text-link:hover svg,
.service-link:hover .service-link__arrow {
    transform: rotate(180deg) translateX(3px);
}

.site-nav__dropdown {
    transform: translate(50%, -5px);
}

.site-nav__dropdown-item.is-open .site-nav__dropdown {
    transform: translate(50%, 0);
}

.destination-mega {
    transform: translate(50%, -7px);
}

.site-nav__mega-item.is-open .destination-mega {
    transform: translate(50%, 0);
}

.entry-content blockquote {
    border-radius: 12px 0 0 12px;
}

@media (max-width: 1120px) {
    .site-nav {
        transform: translateX(-105%);
        box-shadow: 18px 0 50px rgba(6, 23, 36, 0.18);
    }

    .site-nav.is-open {
        transform: translateX(0);
    }

    .site-nav__dropdown,
    .site-nav__dropdown-item.is-open .site-nav__dropdown {
        transform: none;
    }
}

@media (max-width: 900px) {
    .hero-screen__readability {
        background: linear-gradient(270deg, rgba(6, 23, 36, 0.76) 0%, rgba(6, 23, 36, 0.52) 56%, rgba(6, 23, 36, 0.18) 100%);
    }
}