html[dir=rtl]{direction:rtl}html[dir=rtl] body{text-align:right;font-family:Noto Sans Arabic,Roboto,sans-serif}html[dir=rtl] .main-nav,html[dir=rtl] .logo{flex-direction:row-reverse}html[dir=rtl] .logo img{margin-left:8px;margin-right:0}html[dir=rtl] .nav-links{flex-direction:row-reverse}html[dir=rtl] .mobile-menu-toggle{order:1}@media (width<=768px){html[dir=rtl] .nav-links{flex-direction:column;left:-100%;right:auto}html[dir=rtl] .nav-links.active{left:0;right:auto}html[dir=rtl] .nav-close{left:2rem;right:auto}html[dir=rtl] .main-nav{justify-content:flex-end}}html[dir=rtl] .footer-section{text-align:right}html[dir=rtl] .footer-section h4:after{left:auto;right:0}@media (width<=768px){html[dir=rtl] .footer-content{text-align:center}html[dir=rtl] .footer-section h4:after{right:50%;transform:translate(50%)}}html[dir=rtl] .plan-card.active:after,html[dir=rtl] .plan-card.popular:before,html[dir=rtl] .plan-card.coming-soon:after{left:-2rem;right:auto;transform:rotate(-45deg)}html[dir=rtl] .plan-features{text-align:right}html[dir=rtl] .plan-features li{flex-direction:row-reverse;justify-content:flex-end;gap:.5rem;display:flex}html[dir=rtl] .plan-features li i{margin-left:0;margin-right:0}html[dir=rtl] .feature-card{text-align:right}html[dir=rtl] .banner-content{text-align:center}html[dir=rtl] .banner-buttons{flex-direction:row-reverse}html[dir=rtl] .section-header{text-align:center}html[dir=rtl] .footer-links{text-align:right}html[dir=rtl] .footer-links li{flex-direction:row-reverse;justify-content:flex-end;gap:.5rem;display:flex}html[dir=rtl] .footer-links li a{text-align:right}html[dir=rtl] .footer-links li i{margin-left:0}html[dir=rtl] .language-switcher{margin-left:0;margin-right:auto}html[dir=rtl] .lang-dropdown{left:0;right:auto}html[dir=rtl] .lang-toggle i{margin-left:0;margin-right:.5rem}html[dir=rtl] .social-links{flex-direction:row-reverse}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .plan-name,html[dir=rtl] .section-header h2,html[dir=rtl] .banner h2,html[dir=rtl] .footer-section h4{font-family:Noto Sans Arabic,Playfair Display,serif}html[dir=rtl] .intro-grid{direction:rtl}html[dir=rtl] .wave-divider svg{transform:rotate(180deg)scaleX(-1)}html[dir=rtl] .features-grid,html[dir=rtl] .plans-container{direction:rtl}html[dir=rtl] .subscription-section{text-align:center}html[dir=rtl] .hero-container{text-align:right}html[dir=rtl] .intro-section{text-align:center}