/* =========================================================
   PERSIAN HERO
========================================================= */

html[dir="rtl"] .hero-intro span {
    color: #ffffff;
}

html[dir="rtl"] .persian-name {
    font-family: "Estedad", sans-serif;
}

html[dir="rtl"] .persian-name .name-first {
    display: inline;
    background: none;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
}

html[dir="rtl"] .persian-name .name-last {
    display: inline;

    background: linear-gradient(
        180deg,
        #3B82F6,
        #2563EB
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* =========================================================
   PERSIAN NAME SIZE
========================================================= */

html[dir="rtl"] .persian-name {
    display: flex;
    align-items: baseline;
    gap: 14px;
    font-size: clamp(52px, 6vw, 86px);
    font-weight: 800;
    line-height: 1.05;
    white-space: nowrap;
}

html[dir="rtl"] .persian-name .name-first,
html[dir="rtl"] .persian-name .name-last {
    font-size: 1em;
    font-weight: 800;
}
html[dir="rtl"] .hero-title h1 {
    font-family: "Estedad", sans-serif;
    letter-spacing: -1px;
}
/* =========================================================
   PERSIAN TYPOGRAPHY
========================================================= */

html[dir="rtl"] .section-heading,
html[dir="rtl"] .section-heading h2,
html[dir="rtl"] .section-heading span,
html[dir="rtl"] .section-heading p,
html[dir="rtl"] .project-item h3 {
    font-family: "Estedad", sans-serif;
}

html[dir="rtl"] .section-heading h2 {
    font-weight: 800;
}

html[dir="rtl"] .section-heading p {
    font-weight: 400;
}

html[dir="rtl"] .project-item h3 {
    font-weight: 700;
}
.site-types {
    direction: rtl;
    text-align: right;
    justify-content: flex-start;
}

#typing-text {
    direction: rtl;
    text-align: right;
    display: inline-block;

    font-family: "Estedad", sans-serif;
    font-size: 28px;
    font-weight: 700;

    background: linear-gradient(
        90deg,
        #3B82F6,
        #06B6D4
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    filter:
        drop-shadow(
            0 0 8px rgba(6, 182, 212, 0.28)
        );

    letter-spacing: -0.3px;
}
#typing-text::before {
    content: "|";

    display: inline-block;

    margin-left: 8px;

    -webkit-text-fill-color: #ffffff;
    color: #ffffff;

    font-weight: 400;

    animation: typingCursor 0.8s infinite;
}

@keyframes typingCursor {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }

}

/* =====================================================
   RTL LANGUAGE POSITION
===================================================== */

@media (min-width:1025px){

    /* .navbar {
        direction: rtl;
    }


    .nav-menu {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


    .language-switcher {

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

    } */
@media (min-width: 1025px) {

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

}
}
@media (max-width: 1024px) {

    html[dir="rtl"] body.mobile-menu-open {
        padding-top: 315px;
    }
 html[dir="rtl"] .hero-tag{
      margin-left: -22px;
 }
 html[dir="rtl"] .persian-name {
    white-space: normal;
    font-size: clamp(42px, 11vw, 70px);
}


    html[dir="rtl"] .globe-wrapper {
        transform: translateX(1px);
    }

}