html[dir="rtl"]{
direction:rtl;
}

html[dir="rtl"] body{
text-align:right;
font-family:'Cairo',sans-serif;
}

html[dir="rtl"] .container-custom{
flex-direction:row-reverse;
}

html[dir="rtl"] .nav-menu{
flex-direction:row-reverse;
}

html[dir="rtl"] .hero-content{
text-align:right;
}

html[dir="rtl"] .row{
flex-direction:row-reverse;
}

html[dir="rtl"] .quote-btn{
margin-left:0;
margin-right:20px;
}

html[dir="rtl"] .card{
text-align:right;
}

/* ==========================
RTL MOBILE MENU FIX
========================== */

@media (max-width:915px){

.nav-menu{

display:flex;

flex-direction:column !important;

align-items:flex-start;

justify-content:flex-start;

gap:20px;

width:100%;

padding:30px;

text-align:center;

}

.nav-menu li{

width:100%;

}

.nav-menu li a{

display:block;

width:100%;

padding:12px 0;

}

}

.nav-menu{
display:flex;
gap:35px;
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

body{
font-family:'Cairo',sans-serif;
direction:rtl;
}