/* =========================================
   ARABIC HERO FIX
========================================= */

html[dir="rtl"] .hero-section{
    background-position:right center !important;
}

html[dir="rtl"] .hero-container{
    display:flex !important;
    justify-content:flex-end !important;
}

html[dir="rtl"] .hero-content{
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
    max-width:620px !important;
}

html[dir="rtl"] .hero-buttons{
    justify-content:flex-start !important;
}

html[dir="rtl"] .hero-highlights{
    direction:rtl !important;
}

html[dir="rtl"] .hero-highlight-item{
    border-left:0 !important;
    border-right:3px solid var(--gold) !important;
    padding-left:0 !important;
    padding-right:18px !important;
}

html[dir="rtl"] .hero-overlay{
    background:
        linear-gradient(
            90deg,
            rgba(4,19,38,.98) 0%,
            rgba(7,27,52,.92) 36%,
            rgba(7,27,52,.30) 68%,
            rgba(7,27,52,.06) 100%
        ) !important;
}

html[dir="rtl"] .hero-gold-shape{
    right:auto !important;
    left:-180px !important;
    transform:rotate(8deg) !important;
}

/* Tablet */

@media (max-width:900px){

    html[dir="rtl"] .hero-content{
        max-width:560px !important;
    }

}

/* Mobile */

@media (max-width:680px){

    html[dir="rtl"] .hero-section{
        background-position:65% center !important;
    }

    html[dir="rtl"] .hero-content{
        max-width:100% !important;
        text-align:right !important;
    }

}

/* ==================================================
   FINAL ARABIC HERO POSITION FIX
================================================== */

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

/* Background image right side hi rahe */

html[dir="rtl"] .hero-section{
    direction:rtl;
    background:
        linear-gradient(
            90deg,
            rgba(4,19,38,.98) 0%,
            rgba(7,27,52,.90) 38%,
            rgba(7,27,52,.28) 68%,
            rgba(7,27,52,.08) 100%
        ),
        url("../assets/images/hero-bg.jpg") right center / cover no-repeat !important;
}

/* Arabic content ko LEFT side par bhejna */

html[dir="rtl"] .hero-container{
    width:min(92%,1320px) !important;
}

html[dir="rtl"] .hero-content{
    width:100% !important;
    max-width:680px !important;

    margin-left:0 !important;
    margin-right:auto !important;

    text-align:right !important;
    direction:rtl !important;
}

/* Buttons left panel mein hi rahen */

html[dir="rtl"] .hero-buttons{
    justify-content:flex-start !important;
}

/* Highlights ki Arabic border right side */

html[dir="rtl"] .hero-highlights{
    direction:rtl !important;
}

html[dir="rtl"] .hero-highlight-item{
    padding-left:0 !important;
    padding-right:18px !important;

    border-left:0 !important;
    border-right:3px solid var(--gold) !important;
}

/* Gold curve image ke right side hi rahe */

html[dir="rtl"] .hero-gold-shape{
    right:-180px !important;
    left:auto !important;
    transform:rotate(-8deg) !important;
}

/* Tablet */

@media (max-width:900px){

    html[dir="rtl"] .hero-content{
        max-width:580px !important;
    }

}

/* Mobile */

@media (max-width:680px){

    html[dir="rtl"] .hero-section{
        background-position:65% center !important;
    }

    html[dir="rtl"] .hero-content{
        max-width:100% !important;
        margin:0 !important;
    }

}

.hero-company-name{

    margin:12px 0 25px;

    color:#fff;

    font-family:'Cairo',sans-serif;

    font-size:38px;

    font-weight:800;

    line-height:1.3;

}

.hero-company-name span{

    display:block;

    margin-top:8px;

    color:#D4AF37;

    font-size:20px;

    font-family:'Montserrat',sans-serif;

    font-weight:700;

    letter-spacing:2px;

    direction:ltr;

}

/* ==========================
   Arabic Service Card Number Fix
========================== */

html[dir="rtl"] .detailed-service-card{
    position: relative;
}

html[dir="rtl"] .detailed-service-number{
    position: absolute;
    top: 28px;
    left: 28px;
    right: auto;

    font-size: 72px;
    font-weight: 800;
    color: rgba(0,0,0,.05);

    line-height: 1;
    z-index: 1;
    pointer-events: none;
}

html[dir="rtl"] .detailed-service-number{
    left:30px;
    right:auto;
    top:25px;
}

/* =========================================
   ARABIC PAGE HERO ALIGNMENT FIX
========================================= */

html[dir="rtl"] .page-hero-content{
    width:100% !important;
    max-width:760px !important;

    margin-left:0 !important;
    margin-right:auto !important;

    text-align:right !important;
    direction:rtl !important;

    padding:80px 0 !important;
}

html[dir="rtl"] .page-hero-content h1,
html[dir="rtl"] .page-hero-content p,
html[dir="rtl"] .page-breadcrumb{
    text-align:right !important;
}

html[dir="rtl"] .page-breadcrumb{
    justify-content:flex-start !important;
}

html[dir="rtl"] .services-page-hero,
html[dir="rtl"] .projects-page-hero{
    background-position:right center !important;
}

/* =========================================
   ARABIC TEAM PROFILE - CHECK LIST FIX
========================================= */

[dir="rtl"] .member-check-list li {
    position: relative;
    padding-right: 34px;
    padding-left: 0;
    text-align: right;
}

[dir="rtl"] .member-check-list li::before {
    right: 0;
    left: auto;
}