/* Hide toggle button on desktop */
/*.nav__toggle {
    display: none;
}*/


/* Home Section Mobile Optimization */
/*@media screen and (max-width: 1023px) {*/

    /* .home__value
{
  flex-direction: row !important;
} */

    /*.home {
        padding-top: 2rem;
    }*/

    /* Home title margin optimization */
    /*.home__title {
        margin-top: 2rem;
        font-size: 1.75rem;
        word-break: break-word;
    }

    .home__container {
        grid-template-columns: 1fr;
        row-gap: 2rem;
        padding: 2rem 1.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home__data {
        text-align: center;
        order: 1;
        width: 100%;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 1.5rem;
    }

    .home__title {
        order: 1;
    }

    .home__images {
        order: 2;
        width: 100%;
        max-width: 280px;
        margin: 1rem auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home__value {
        order: 3;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;*/
        /* Center items */
        /*align-items: center;
        gap: 1.5rem;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .home__value>div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;*/
        /* gap: 0.5rem !important; */
        /*text-align: center;
        margin-bottom: 10px;
    }

    .home__value-number {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        margin: 0 !important;
    }

    .home__value-number span {
        display: inline !important;
    }

    .home__value-description {
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.3;
        display: block !important;
    }

    .home__value-description br {
        display: inline !important;
    }

    .home__description {
        order: 4;
    }

    .home__buttons {
        order: 5;
    }

    .home__img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;*/
        /* Fix hardcoded margin */
    /*}

    .home__img img {
        width: 100%;
        height: auto;
        max-width: 280px;
        margin: 0 auto;
        display: block;
    }

    .home__orbe {
        width: 280px;
        height: 280px;
    }

    .home__value {
        gap: 2rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }

    .home__value-number {
        font-size: 2rem;
        line-height: 1;
    }

    .home__value-description {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }

    .home__title {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }

    .home__description {
        font-size: 0.938rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
        padding: 0 1rem;
    }

    .home__buttons {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

    .button {
        width: 100%;
        max-width: 280px;
        justify-content: center;
        padding: 1rem 1.5rem;
        font-size: 0.938rem;
    }
}*/

/* Small Mobile Devices */
/*@media screen and (max-width: 576px) {
    .home {
        padding-top: 3.5rem;
    }

    .home__container {
        padding: 1.5rem 1rem;
        row-gap: 1.5rem;
    }

    .home__images {
        max-width: 240px;
        margin: 4rem auto;
        margin-left: 8rem;
    }

    .home__img img {
        max-width: 240px;
        margin: 0 auto;
    }

    .home__orbe {
        width: 240px;
        height: 240px;
    }

    .home__value {
        gap: 1.5rem;
    }

    .home__value-number {
        font-size: 1.75rem;
    }

    .home__value-description {
        font-size: 0.813rem;
    }

    .home__title {
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
    }

    .home__description {
        font-size: 0.875rem;
        margin-bottom: 1.25rem;
        padding: 0 0.5rem;
    }

    .button {
        max-width: 260px;
        padding: 0.875rem 1.25rem;
        font-size: 0.875rem;
    }

    .nav__toggle {
        right: 1rem;
    }

    .nav__logo {
        left: 1rem;
    }

    .nav__logo img {
        width: 90px;
    }
}*/

/* Extra Small Devices */
/*@media screen and (max-width: 400px) {
    .scrollup {
        margin-bottom: 0;
    }


    #prime-coler {
        font-size: 35px;
    }

    .home {
        padding-top: 3rem;
    }

    .home__container {
        padding: 1rem 0.75rem;
        row-gap: 1.25rem;
    }

    .home__images {
        max-width: 200px;
        margin: 1rem auto;
    }

    .home__img img {
        max-width: 200px;
        margin: 0 auto;
    }

    .home__orbe {
        width: 200px;
        height: 200px;
    }

    .home__value {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem 1rem !important;
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }

    .home__value>div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;*/
        /* gap: 0.25rem !important; */
        /*margin-bottom: 20px;
    }

    .home__value-number {
        font-size: 1.75rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .home__value-description {
        font-size: 0.688rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .home__value-description br {
        display: none !important;
    }

    .home__title {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 0.5rem;
        text-align: left
    }

    .home__description {
        font-size: 0.813rem;
        line-height: 1.5;
        margin-bottom: 1rem;
        padding: 0;
        text-align: left;
        width: auto;
    }

    .button {
        max-width: 240px;
        padding: 0.75rem 1rem;
        font-size: 0.813rem;
    }

    .button i {
        font-size: 1rem;
    }


}*/

/* Very Small Devices */
/*@media screen and (max-width: 350px) {
    .home__container {
        padding: 0.75rem 0.5rem;
    }

    .home__images {
        max-width: 180px;
        margin: 1rem auto;
    }

    .home__img img {
        max-width: 180px;
        margin: 0 auto;
    }

    .home__orbe {
        width: 180px;
        height: 180px;
    }

    .home__value {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem 0.75rem !important;
        width: 100% !important;
    }

    .home__value>div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.25rem !important;
    }

    .home__value-number {
        font-size: 1.5rem !important;
        line-height: 1 !important;
    }

    .home__value-description {
        font-size: 0.625rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .home__value-description br {
        display: none !important;
    }

    .home__title {
        font-size: 1.25rem;
    }

    .home__description {
        font-size: 0.75rem;
    }

    .button {
        max-width: 220px;
        padding: 0.625rem 0.875rem;
        font-size: 0.75rem;
    }

    .nav__logo img {
        width: 80px;
    }
}*/

/* RTL Support for Mobile - Matching Image (Logo Right, Toggle Left) */
/*body.rtl .nav__toggle {
    right: auto;
    left: 1rem;
}

body.rtl .nav__logo {
    left: auto;
    right: 1rem;
}

body.rtl .change-theme {
    left: 4rem;
    right: auto;
}*/




/* Footer Mobile Optimization */
/*@media screen and (max-width: 1023px) {
    .footer {
        padding: 3rem 1.5rem 2rem;
    }

    .footer__container {
        padding: 0;
    }



    .footer__logo {
        justify-content: center;
        margin-bottom: 1rem;
    }

    .footer__logo img {
        width: 80px;
        height: auto;
    }

    .footer__logo h3 {
        font-size: 1.25rem;
    }

    .footer__description {
        font-size: 0.875rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .footer__social {*/
        /* justify-content: center; */
        /*gap: 1rem;
    }

    .footer__social-link {
        width: 36px;
        height: 36px;
        font-size: 1.25rem;
    }

    .footer__title {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }

    .footer__links {
        gap: 0.75rem;
    }

    .footer__link {
        font-size: 0.875rem;
    }

    .footer__info {
        font-size: 0.875rem;*/
        /* justify-content: center; */
    /*}

    .footer__info i {
        font-size: 1.125rem;
    }

    .footer__bottom {
        flex-direction: column;
        gap: 1rem;
        padding-top: 2rem;
        margin-top: 2rem;
        text-align: center;
    }

    .footer__copy {
        font-size: 0.813rem;
    }

    .footer__terms {
        font-size: 0.813rem;
        gap: 0.5rem;
    }

    .footer__terms-link {
        font-size: 0.813rem;
    }
}*/

/* Small Mobile Devices */
/*@media screen and (max-width: 576px) {
    .footer__content {
        gap: 1.5rem;
    }

    .footer__logo img {
        width: 70px;
    }

    .footer__logo h3 {
        font-size: 1.125rem;
    }

    .footer__description {
        font-size: 0.813rem;
    }

    .footer__social-link {
        width: 32px;
        height: 32px;
        font-size: 1.125rem;
    }

    .footer__title {
        font-size: 1rem;
    }

    .footer__link,
    .footer__info {
        font-size: 0.813rem;
    }

    .footer__copy,
    .footer__terms-link {
        font-size: 0.75rem;
    }
}*/

/* Extra Small Devices */
/*@media screen and (max-width: 350px) {
    .footer__container {
        padding: 0 1rem;
    }

    .footer__logo img {
        width: 60px;
    }

    .footer__logo h3 {
        font-size: 1rem;
    }

    .footer__description {
        font-size: 0.75rem;
    }

    .footer__social {
        gap: 0.75rem;
    }

    .footer__social-link {
        width: 30px;
        height: 30px;
        font-size: 1rem;
    }

    .footer__title {
        font-size: 0.938rem;
    }

    .footer__link,
    .footer__info {
        font-size: 0.75rem;
    }

    .footer__info i {
        font-size: 1rem;
    }
}*/


/* Section Titles Mobile */
/*@media screen and (max-width: 576px) {
    .section__subtitle {
        font-size: 0.813rem;
        margin-bottom: 0.5rem;
    }

    .section__title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }

    .section {
        padding: 3rem 0 2rem;
    }
}

@media screen and (max-width: 400px) {
    .section__subtitle {
        font-size: 0.75rem;
    }

    .section__title {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }

    .section {
        padding: 2.5rem 0 1.5rem;
    }
}*/

/* Projects Section Mobile */
/*@media screen and (max-width: 576px) {
    .projects__container {
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .project-card {
        padding: 1rem;
    }

    .project-card__title {
        font-size: 1.125rem;
    }

    .project-card__description {
        font-size: 0.813rem;
    }

    .project-card__button {
        padding: 0.75rem 1.25rem;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 400px) {
    .projects__container {
        gap: 1.25rem;
        padding: 0 0.75rem;
    }

    .project-card {
        padding: 0.875rem;
    }

    .project-card__title {
        font-size: 1rem;
    }

    .project-card__description {
        font-size: 0.75rem;
    }

    .project-card__button {
        padding: 0.625rem 1rem;
        font-size: 0.813rem;
    }
}*/

/* Partners Section Mobile */
/*@media screen and (max-width: 576px) {
    .About__card {
        padding: 1rem;
    }

    .About__title {
        font-size: 1rem;
    }

    .About__description {
        font-size: 0.813rem;
    }

    .About__price span {
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 400px) {
    .About__card {
        padding: 0.875rem;
    }

    .About__title {
        font-size: 0.938rem;
    }

    .About__description {
        font-size: 0.75rem;
    }
}*/

/* Media & News Section Mobile */
/*@media screen and (max-width: 576px) {
    .news-slide__title {
        font-size: 1.25rem;
    }

    .news-slide__description {
        font-size: 0.813rem;
    }

    .news-slide__meta {
        font-size: 0.75rem;
    }

    .news-slider__arrow {
        width: 35px;
        height: 35px;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 400px) {
    .news-slide__title {
        font-size: 1.125rem;
    }

    .news-slide__description {
        font-size: 0.75rem;
    }

    .news-slide__meta {
        font-size: 0.688rem;
    }

    .news-slider__arrow {
        width: 32px;
        height: 32px;
        font-size: 1.125rem;
    }
}*/

/* Contact Section Mobile */
/*@media screen and (max-width: 576px) {
    .contact__form-container {
        padding: 1.5rem;
    }

    .contact__form-title {
        font-size: 1.125rem;
    }

    .contact__form-input {
        padding: 0.875rem 0.875rem 0.875rem 2.75rem;
        font-size: 0.875rem;
    }

    .contact__form-icon {
        font-size: 1.125rem;
        left: 0.875rem;
    }

    .contact__form-button {
        padding: 0.875rem;
        font-size: 0.938rem;
    }

    .contact__item h4 {
        font-size: 0.938rem;
    }

    .contact__item p {
        font-size: 0.813rem;
    }

    .location-map iframe {
        height: 220px;
    }
}

@media screen and (max-width: 400px) {

    .contact__form-container,
    .contact__info,
    .location-section {
        padding: 1.25rem;
    }

    .contact__form-title {
        font-size: 1rem;
    }

    .contact__form-input {
        padding: 0.75rem 0.75rem 0.75rem 2.5rem;
        font-size: 0.813rem;
    }

    .contact__form-icon {
        font-size: 1rem;
        left: 0.75rem;
    }

    .contact__form-button {
        padding: 0.75rem;
        font-size: 0.875rem;
    }

    .contact__item h4 {
        font-size: 0.875rem;
    }

    .contact__item p {
        font-size: 0.75rem;
    }

    .contact__item i {
        font-size: 1.25rem;
    }

    .location-map iframe {
        height: 200px;
    }
}*/

/* WhatsApp & Scroll Up Buttons - Stacked */
/*@media screen and (max-width: 1023px) {
    .whatsapp-button {
        width: 3.25rem;
        height: 3.25rem;
        right: 1.25rem;
        bottom: 6rem;
    }

    .whatsapp-button i {
        font-size: 1.85rem;
    }

    .scrollup {
        width: 3.25rem;
        height: 3.25rem;
        right: 1.25rem;
        bottom: calc(6rem + 3.25rem + 0.75rem);
    }

    .scrollup i {
        font-size: 1.85rem;
    }
}

@media screen and (max-width: 768px) {
    .whatsapp-button {
        width: 3rem;
        height: 3rem;
        right: 1rem;
        bottom: 5.5rem;
    }

    .whatsapp-button i {
        font-size: 1.75rem;
    }

    .scrollup {
        width: 3rem;
        height: 3rem;
        right: 1rem;
        bottom: calc(5.5rem + 3rem + 0.5rem);
    }

    .scrollup i {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 380px) {
    .whatsapp-button {
        width: 2.75rem;
        height: 2.75rem;
        right: 0.75rem;
        bottom: 5rem;
    }

    .whatsapp-button i {
        font-size: 1.5rem;
    }

    .scrollup {
        width: 2.75rem;
        height: 2.75rem;
        right: 0.75rem;
        bottom: calc(5rem + 2.75rem + 0.5rem);
    }

    .scrollup i {
        font-size: 1.5rem;
    }
}*/


/* Stack WhatsApp and Scroll Up buttons closer */
/*@media screen and (max-width: 1023px) {*/

    /* Adjust scroll up to be just above WhatsApp */
    /*.scrollup {
        bottom: calc(6rem + 3.25rem + 0.75rem);
    }
}

@media screen and (max-width: 768px) {
    .scrollup {
        bottom: calc(5.5rem + 3rem + 0.5rem);
    }
}

@media screen and (max-width: 380px) {
    .scrollup {
        bottom: calc(5rem + 2.75rem + 0.5rem);
    }
}*/

/* RTL Support for buttons - All screen sizes - Unified with English positioning */
/*body.rtl .whatsapp-button {
    right: auto !important;
    left: 2.2rem !important;
}

body.rtl .scrollup {
    right: auto !important;
    left: 2.2rem !important;
}

@media screen and (max-width: 1023px) {
    body.rtl .whatsapp-button {
        left: 1.25rem !important;
        bottom: 3.5rem !important;*/
        /* äÝÓ ÇáÅäÌáíÒíÉ */
    /*}

    body.rtl .scrollup {
        left: 1.25rem !important;
    }
}

@media screen and (max-width: 768px) {
    body.rtl .whatsapp-button {
        left: 1rem !important;
        bottom: 3rem !important;*/
        /* äÝÓ ÇáÅäÌáíÒíÉ */
    /*}

    body.rtl .scrollup {
        left: 1rem !important;
        right: auto !important;
    }
}

@media screen and (max-width: 380px) {
    body.rtl .whatsapp-button {
        left: 0.75rem !important;
        bottom: 2.5rem !important;*/
        /* äÝÓ ÇáÅäÌáíÒíÉ */
    /*}

    body.rtl .scrollup {
        left: 0.75rem !important;
    }
}*/


/* About Page Mobile Optimization */
/*@media screen and (max-width: 1023px) {*/

    /* About Hero Section */
    /*.about-hero {
        padding: 3rem 0 2rem;
    }

    .about-hero__container {
        padding: 0 1.5rem;
    }

    .about-hero__title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .about-hero__description {
        font-size: 0.938rem;
        line-height: 1.6;
    }*/

    /* Story Timeline Section - Vertical Mobile Layout */
    /*.story-section {
        padding: 2rem 0;
    }

    .story-header {
        text-align: center;
        margin-bottom: 2rem;
    }

    .story-timeline-container {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0 1rem;
    }

    .timeline-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
        position: relative;
    }

    .timeline-item:last-child {
        margin-bottom: 0;
    }*/

    /* Show only timeline-content and timeline-line on mobile */
    /*.timeline-item {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .timeline-line {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        width: 100%;
        padding: 0;
        order: 2;
    }

    .timeline-content {
        order: 1;
    }*/

    /* Vertical line */
    /*.timeline-line::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: -2rem;
        width: 2px;
        background: linear-gradient(180deg, var(--first-color) 0%, var(--first-color-alt) 100%);
        transform: translateX(-50%);
        z-index: 0;
    }

    .timeline-item:last-child .timeline-line::before {
        display: none;
    }*/

    /* Timeline dot */
    /*.timeline-dot {
        width: 16px;
        height: 16px;
        background-color: var(--first-color);
        border: 3px solid var(--body-color);
        border-radius: 50%;
        z-index: 2;
        box-shadow: 0 0 0 4px rgba(239, 193, 169, 0.2);
        margin: 1rem 0;
    }

    .timeline-content {
        background-color: var(--container-color);
        padding: 1.5rem;
        border-radius: 1rem;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        text-align: center;
        width: 100%;
        max-width: 400px;
        margin-bottom: 0.5rem;
    }

    .timeline-title {
        font-size: 1.25rem;
        color: var(--first-color);
        margin-bottom: 0.75rem;
        font-weight: 600;
    }

    .timeline-text {
        font-size: 0.875rem;
        color: var(--text-color);
        line-height: 1.6;
    }*/

    /* Founder Section */
    /*.founder {
        padding: 2rem 0;
    }

    .founder__container {
        flex-direction: column;
        gap: 2rem;
        padding: 0 1.5rem;
    }

    .founder__image {
        max-width: 250px;
        margin: 0 auto;
    }

    .founder__content {
        text-align: center;
    }

    .founder__title {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .founder__subtitle {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .founder__description {
        font-size: 0.875rem;
        line-height: 1.6;
    }*/

    /* Values Section */
    /*.values {
        padding: 2rem 0;
    }

    .values__container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1.5rem;
    }

    .value__card {
        padding: 1.5rem;
    }

    .value__icon {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .value__title {
        font-size: 1.125rem;
        margin-bottom: 0.75rem;
    }

    .value__description {
        font-size: 0.875rem;
    }
}*/

/* Small Mobile - About Page */
/*@media screen and (max-width: 768px) {*/

    /* Timeline adjustments */
    /*.timeline-item {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .timeline-line {
        width: 100% !important;
        height: 4px !important;
    }

    .timeline-content.left {
        text-align: center !important;
    }*/

    /* Purpose Grid */
    /*.purpose-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .purpose-circle {
        width: 200px !important;
        height: 200px !important;
    }*/

    /* Stats Grid */
    /*.stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }*/

    /* Founder Section */
    /*.founder-profile-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .founder-companies-grid {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (max-width: 576px) {
    .about-hero__title {
        font-size: 1.75rem;
    }

    .about-hero__description {
        font-size: 0.875rem;
    }

    .story-header .section__title {
        font-size: 1.75rem;
    }*/

    /* Stats Grid - Single Column */
    /*.stats-grid {
        grid-template-columns: 1fr !important;
    }*/

    /* Founder Section */
    /*.founder-section-wrapper {
        padding: 3rem 0 !important;
    }

    .founder-profile-card {
        padding: 2rem 1.5rem !important;
    }

    .founder-header {
        margin-bottom: 2.5rem !important;
    }

    .founder-image {
        width: 200px !important;
        height: 250px !important;
    }

    .founder-image-wrapper .value__orbe {
        width: 215px !important;
        height: 266px !important;
    }

    .founder-name {
        font-size: 1.5rem !important;
    }

    .founder-title {
        font-size: 1rem !important;
    }

    .founder-bio__name {
        font-size: 1.5rem !important;
    }

    .founder-bio__position {
        font-size: 1rem !important;
    }

    .timeline__container {
        padding: 0 1rem;
    }*/

    /* Timeline adjustments for small screens */
    /*.story-timeline-container {
        padding: 0 0.75rem;
    }

    .timeline-content {
        padding: 1.25rem;
        max-width: 100%;
    }

    .timeline-title {
        font-size: 1.125rem;
    }

    .timeline-text {
        font-size: 0.813rem;
    }

    .timeline-dot {
        width: 14px;
        height: 14px;
    }

    .founder__image {
        max-width: 200px;
    }

    .founder__title {
        font-size: 1.25rem;
    }

    .founder__subtitle {
        font-size: 0.938rem;
    }

    .founder__description {
        font-size: 0.813rem;
    }

    .value__card {
        padding: 1.25rem;
    }

    .value__icon {
        font-size: 1.75rem;
    }

    .value__title {
        font-size: 1rem;
    }

    .value__description {
        font-size: 0.813rem;
    }
}*/

/* Extra Small Mobile - About Page */
/*@media screen and (max-width: 400px) {
    .about-hero {
        padding: 2rem 0 1.5rem;
    }

    .about-hero__title {
        font-size: 1.5rem;
    }

    .about-hero__description {
        font-size: 0.813rem;
    }

    .timeline__title {
        font-size: 1.5rem;
    }

    .timeline__container {
        padding: 0 0.75rem;
    }

    .timeline__content {
        padding: 1rem;
        margin-left: 1.5rem;
    }

    .timeline-content {
        padding: 1rem;
    }

    .timeline-title {
        font-size: 1rem;
    }

    .timeline-text {
        font-size: 0.75rem;
    }

    .timeline-dot {
        width: 12px;
        height: 12px;
    }

    .founder__image {
        max-width: 180px;
    }

    .founder__title {
        font-size: 1.125rem;
    }

    .founder__subtitle {
        font-size: 0.875rem;
    }

    .founder__description {
        font-size: 0.75rem;
    }

    .value__card {
        padding: 1rem;
    }

    .value__icon {
        font-size: 1.5rem;
    }

    .value__title {
        font-size: 0.938rem;
    }

    .value__description {
        font-size: 0.75rem;
    }
}*/


/* Ensure home__data is always visible on all screen sizes */
/*@media screen and (max-width: 1023px) {
    .home__data {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .home__title,
    .home__description,
    .home__value,
    .home__buttons {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-align: right;
    }
}

@media screen and (max-width: 576px) {
    .home__data {
        padding: 0 1rem;
    }
}

@media screen and (max-width: 400px) {
    .home__data {
        padding: 0 0.75rem;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 350px) {
    .home__data {
        padding: 0 0.5rem;
    }
}*/


/* Home Value - All in one row on mobile */
/*@media screen and (max-width: 576px) {
    .home__value {
        gap: 1.5rem;
        justify-content: space-around;
    }

    .home__value-number {
        font-size: 2rem !important;
    }

    .home__value-description {
        font-size: 0.813rem !important;
    }
}

@media screen and (max-width: 400px) {
    .home__value {
        gap: 1rem;
        justify-content: space-between;
    }

    .home__value-number {
        font-size: 1.75rem !important;
    }

    .home__value-description {
        font-size: 0.75rem !important;
    }
}

@media screen and (max-width: 350px) {
    .home__value {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .home__value>div {
        flex: 0 0 calc(50% - 0.5rem);
    }

    .home__value-number {
        font-size: 1.5rem !important;
    }

    .home__value-description {
        font-size: 0.688rem !important;
    }
}*/





/* Fix scrollup margin and padding on mobile */
/*@media screen and (max-width: 1023px) {
    .scrollup {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .scrollup {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 380px) {
    .scrollup {
        margin: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
}*/


/* =============== UX IMPROVEMENTS FOR MOBILE NAV =============== */
/*@media screen and (max-width: 1023px) {*/

    /* ÊÍÓíä ÇáÖÛØ Úáì ÇáÚäÇÕÑ */
    /*.nav__link,
    .nav__item.dropdown .dropdown-menu li a {
        -webkit-tap-highlight-color: rgba(239, 193, 169, 0.2);
        touch-action: manipulation;
        user-select: none;
    }*/

    /* ÊÍÓíä ÇáÇäÊÞÇáÇÊ */
    /*.nav__menu {
        will-change: top, transform;
    }

    .nav__item.dropdown .dropdown-menu {
        will-change: max-height, opacity;
    }*/

    /* ÊÍÓíä ÒÑ ÇáåãÈÑÌÑ */
    /*.nav__toggle {
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .nav__toggle:active {
        transform: scale(0.95);
    }*/

    /* ÊÍÓíä ÇáÞæÇÆã ÇáÝÑÚíÉ */
    /*.nav__item.dropdown .dropdown-menu li a {
        min-height: 50px;
        padding: 1rem 1.5rem 1rem 3rem;
    }*/

    /* ÊÍÓíä ÇáÓåã */
    /*.nav__item.dropdown .nav__link::after {
        transition: transform 0.3s ease, color 0.3s ease;
    }*/

    /* ÊÍÓíä ÇáÜ overlay */
    /*.nav__overlay {
        -webkit-tap-highlight-color: transparent;
    }*/

    /* ÊÍÓíä ÇáÜ scrolling */
    /*.nav__menu {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }*/

    /* ÊÍÓíä ÇáÝæÇÕá */
    /*.nav__item {
        border-bottom: 1px solid rgba(239, 193, 169, 0.08);
    }

    .nav__item:hover {
        border-bottom-color: rgba(239, 193, 169, 0.15);
    }*/

    /* Center icon in scrollup button */
    /*.scrollup {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .scrollup i,
    .scrollup .bx-chevrons-up {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}*/

/* =========================================
   SCALING FOR VALUE/ABOUT IMAGES
   ========================================= */
/*@media screen and (max-width: 350px) {
    .value__orbe {
        width: 100% !important;
        max-width: 240px;
        height: auto;
        aspect-ratio: 266/316;
    }

    .value__img {
        width: 90% !important;
        max-width: 220px;
        height: auto;
        aspect-ratio: 250/300;
        margin: auto;
    }
}*/

/* =========================================
   RTL SPECIFIC RESPONSIVE OVERRIDES
   ========================================= */
/*@media screen and (max-width: 1023px) {
    [dir='rtl'] .home__title,
    [dir='rtl'] .home__description,
    [dir='rtl'] .home__value,
    [dir='rtl'] .home__data {
        text-align: center !important;
    }*/

    /* Fix flex direction for RTL */
    /*[dir='rtl'] .home__value {
        flex-direction: row-reverse;
        justify-content: center;
    }*/
    
    /* On very small screens, keep grid but ensure direction is fine */
    /*@media screen and (max-width: 576px) {
         [dir='rtl'] .home__value {
             display: grid !important;*/
             /* grid handles RTL automatically usually, but just in case */
             /*direction: rtl; 
         }
    }*/

    /* Ensure icons/text direction */
    /*[dir='rtl'] .button i {*/
        /* transform: scaleX(-1); Mirror icons if needed */
        /*margin-right: 0.5rem;
        margin-left: 0;
    }
    
    [dir='rtl'] .home__value-description {
        direction: rtl;
    }
    
    [dir='rtl'] .button {
        flex-direction: row-reverse;
    }
    
    [dir='rtl'] .nav__toggle {
        right: auto !important;
        left: 1rem !important;
    }
    
    [dir='rtl'] .nav__logo {
        left: auto !important;
        right: 1rem !important;
    }*/
    
    /* Fix specific Arabic text size */
    /*[dir='rtl'] h1, [dir='rtl'] .home__title {
        line-height: 1.5;
        font-family: 'Cairo', sans-serif;*/ /* Ensure consistent font */
    /*}
}

    [dir='rtl'] .value__data,
    [dir='rtl'] .value__accordion-header,
    [dir='rtl'] .value__accordion-content {
        text-align: center !important;
    }

    [dir='rtl'] .value__accordion-header {
        justify-content: center;
    }
    
    [dir='rtl'] .section__title, 
    [dir='rtl'] .section__subtitle {
         text-align: center !important;
    }*/


/* =========================================
   VALUE / ABOUT SECTION RESPONSIVE FIXES
   ========================================= */
/*@media screen and (max-width: 1023px) {
    .value__container {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
    }

    .value__images {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 2rem;
        position: relative;
        height: 350px;*/ /* Ensure space for absolute positioned elements */
    /*}

    .value__orbe {
        width: 280px;
        height: 330px;
        margin: 0 auto;
    }

    .value__img {
        width: 260px;
        height: 310px;*/
        /* Center absolute image */
        /*inset: 0;
        margin: auto;
    }

    .value__img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
    }

    .value__data {
        text-align: center;
        width: 100%;
    }
    
    .value__description {
        margin-bottom: 2rem;
        padding: 0 1rem;
        text-align: center;
    }

    .value__accordion {
        width: 100%;
    }

    .value__accordion-item {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .value__images {
        height: 300px;
        margin-bottom: 1.5rem;
    }

    .value__orbe {
        width: 260px;
        height: 300px;
    }

    .value__img {
        width: 240px;
        height: 280px;
    }
    
    .value__img-caption {
        font-size: 0.9rem;
    }
    
    .section__title {
        font-size: 1.5rem;
    }
    
    .value__description {
         font-size: 0.875rem;
    }
}

@media screen and (max-width: 380px) {
    .value__images {
        height: 280px;
    }
    
    .value__orbe {
        width: 220px;
        height: 260px;
    }

    .value__img {
        width: 200px;
        height: 240px;
    }
}*/



/* =========================================
   LTR (ENGLISH) SPECIFIC RESPONSIVE OVERRIDES
   ========================================= */
/*@media screen and (max-width: 1023px) {*/
    /* Force Left alignment for LTR */
    /*html:not([dir='rtl']) .home__data,
    html:not([dir='rtl']) .home__title,
    html:not([dir='rtl']) .home__description {
        text-align: left !important;
        align-items: flex-start !important;
    }
    
    html:not([dir='rtl']) .home__title {
        width: 100%;
        max-width: 100%;
    }*/

    /* Align stats to the left in LTR, but keep them wrapping nicely */
    /*html:not([dir='rtl']) .home__value {
        justify-content: flex-start !important;
        flex-direction: row !important;
    }*/

    /* Ensure specific margins for LTR to look balanced */
    /*html:not([dir='rtl']) .home__container {
        align-items: flex-start !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    html:not([dir='rtl']) .home__img {
        margin: 0 auto !important;*/ /* Keep image centered optionally, or left if preferred, but usually center main img is fine. keeping center for img */
    /*}
}*/


/* =========================================
   LTR (ENGLISH) MOBILE LAYOUT FINAL FIXES
   ========================================= */
/*@media screen and (max-width: 1023px) {*/
    /* 1. Force Left Alignment for Main Container & Texts in LTR */
    /*html:not([dir='rtl']) .home__data,
    html:not([dir='rtl']) .home__title,
    html:not([dir='rtl']) .home__description {
        text-align: left !important;
        align-items: flex-start !important;
    }
    
    html:not([dir='rtl']) .home__container {
        align-items: flex-start !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        display: flex;
        flex-direction: column;
    }*/

    /* 2. Fix Prime Title Font Size & Spacing for LTR */
    /*html:not([dir='rtl']) #prime-coler {
        font-size: 3.5rem !important;*/ /* Make it BIG */
        /*line-height: 1.2;
        display: block;
        margin-bottom: 0.25rem;
    }
    
    html:not([dir='rtl']) .home__title {
        display: block;
        text-align: left;
        width: 100%;
    }*/

    /* 3. Fix Stats/Value Section Alignment for LTR */
    /*html:not([dir='rtl']) .home__value {
        justify-content: flex-start !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 1.5rem !important;
    }

    html:not([dir='rtl']) .home__value > div {
        align-items: flex-start !important;*/ /* Align individual stats left */
        /*text-align: left !important;
        width: auto !important;*/ /* Let them take natural width */
        /*min-width: 100px;
    }
    
    html:not([dir='rtl']) .home__value-number {
        justify-content: flex-start !important;
        font-size: 2rem !important;
    }
    
    html:not([dir='rtl']) .home__value-description {
        text-align: left !important;
    }*/
    
    /* 4. Fix Typing Effect Alignment in LTR */
    /*html:not([dir='rtl']) .typing-text {
        text-align: left;
        display: inline-block;
    }
}*/



/* =========================================
   UNIVERSAL MOBILE FIXES (ALL WIDTHS < 1023px)
   ========================================= */
/*@media screen and (max-width: 1023px) {*/
    /* 1. UNIVERSAL LEFT ALIGNMENT FOR ENGLISH (LTR) */
    /*html:not([dir='rtl']) .home__data,
    html:not([dir='rtl']) .home__title,
    html:not([dir='rtl']) .home__description,
    html:not([dir='rtl']) .home__value,
    html:not([dir='rtl']) .home__value > div,
    html:not([dir='rtl']) .home__value-description {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }*/

    /* 2. BIG PRIME TITLE FOR ALL MOBILE DEVICES */
    /*html:not([dir='rtl']) #prime-coler {
        font-size: 3.5rem !important;
        line-height: 1.1;
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    html:not([dir='rtl']) .home__title {
        width: 100%;
        display: block;
    }*/

    /* 3. CONTAINER ALIGNMENT */
    /*html:not([dir='rtl']) .home__container {
        align-items: flex-start !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }*/

    /* 4. STATS ROW FIX */
    /*html:not([dir='rtl']) .home__value {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 2rem !important;
    }
    
    html:not([dir='rtl']) .typing-text {
        text-align: left;
    }
}*/