@import url('./styles.css');

html[dir="ltr"] body {
  font-family: 'Readex Pro', 'Cairo', sans-serif;
}

html[dir="ltr"] .nav-links {
  direction: ltr;
}

html[dir="ltr"] .btn,
html[dir="ltr"] .service-btn,
html[dir="ltr"] .cta-btn {
  font-family: 'Readex Pro', 'Cairo', sans-serif;
}

html[dir="ltr"] .creative-slide__cta svg,
html[dir="ltr"] .service-btn svg {
  transform: scaleX(-1);
}

html[dir="ltr"] .service-btn:hover {
  transform: translateX(-4px);
}

html[dir="ltr"] .service-btn:hover svg {
  transform: translateX(-4px) scaleX(-1);
}

html[dir="ltr"] .about-section,
html[dir="ltr"] .why-choose-section,
html[dir="ltr"] .modern-services-section {
  text-align: left;
}