/* ================================================ TAB1 SLIDE10 - BODRUM & ISTANBUL DUAL DESTINATION - ARABIC (RTL) ================================================ */ .slide10-badge, .slide10-headline, .slide10-subhead, .slide10-cta, .slide10-ribbon { font-family: 'Jannat', sans-serif; } /* Jannat has no italic cut - the fake-italic browsers synthesize for Arabic script skews letterforms and breaks joining, unlike the Latin headline font it replaces. */ .slide10-ribbon { font-style: normal; } /* both ribbons read right-to-left in Arabic/Farsi, so keep their text flush to the far right regardless of which side is the sharp/seam edge. flex-start/flex-end are relative to the flex container's own direction, and this element inherits dir=rtl from - so "start" is the right side here, not "end". */ .slide10-ribbon--top-right, .slide10-ribbon--top-left { justify-content: flex-start !important; } /* Arabic doesn't need the wide letter-spacing tuned for the Latin headline font - it breaks letter joining, same fix as slide9-rtl. */ .slide10-badge, .slide10-subhead { letter-spacing: 0 !important; } /* Desktop panels are pinned to fixed regions of the baked-in background photo (Istanbul under the left text, Bodrum under the right) - do NOT mirror their left/right position for RTL, unlike a reorderable flex row. */ @media (max-width: 767px) { .slide10-headline { font-size: 2.75rem; } .slide10-subhead { font-size: 1rem; } } /* ================================================ END TAB1 SLIDE10 - ARABIC (RTL) ================================================ */