/* ============================================
   Responsive Stylesheet — RTL
   ============================================ */

/* xl down (≤1199) */
@media (max-width: 1199.98px) {
    .container { max-width: 960px; }

    .hero__title { font-size: 38px; }
    .hero__overline { font-size: 26px; }

    .stat-card__num { font-size: 48px; }
    .news__row { grid-template-columns: repeat(4, 1fr); }
    .news-card--small:nth-child(n+5) { display: none; }
    .news-card--featured { grid-column: span 2; }

    .project-tabs__bar { padding: 22px 14px; }
}

/* lg down (≤991) */
@media (max-width: 991.98px) {
    .nav-list {
        display: none;
    }
    .footer-social{margin-top: 30px;}
    .nav-btn {
        display: inline-flex;
    }
    .hero .hero__slide {
        height: 550px;
    }
    .section__head{
        margin-bottom: 30px;
    }
    .accordion-owl .owl-item,.accordion-owl {
        height: 400px;
    }
    .accordion-owl .owl-item:hover {
        height: 400px;
    }
    .header-inner {
        padding: 10px 0px;
    }
    .menu-icons__btn{
        width: 40px;
        height: 40px;
        font-size:14px;
    }
    .menu-icons__btn svg{
        width:20px;
    }
    .head-logo img {
        height: 29px;
    }

    .mobile-nav-list,
    .nav-overlay {
        display: block;
    }



    .hero__title { font-size: 32px; }
    .hero__overline { font-size: 22px; }
    .hero__desc { font-size: 16px; }

    .hero__side-nav { display: none; }
    .hero__inner{align-items: center;}
    .about__images { min-height: 480px; margin-bottom: 40px; }
    .about__images-col--short { height: 360px; }
    .news__nav{display: none}

    .about__title { font-size: 26px; }
    .about__lead { font-size: 18px; }

    .section { padding: 60px 0; }
    .section__title { font-size: 26px; }

    .news__row {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
    .news-card { height: 320px; }
    .news-card--small:nth-child(n+4) { display: none; }
    .news-card--featured { grid-column: span 2; }

    .project-tabs { margin-top: -50px; }
    .project-tabs__icon { width: 44px; height: 44px; }
    .project-tabs__label { font-size: 14px; }

    .stats { padding: 70px 0; }
    .stat-card { padding: 18px 22px; }
    .stat-card__num { font-size: 42px; }

    .partners__title,
    .news__title,
    .projects__title,
    .services__title { font-size: 26px; }
    .stats__logo{
        margin-bottom: 30px;
    }
    .footer-bottom {
        flex-wrap: wrap;
        text-align: center;
    }
    .footer-col.center{
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        border-inline-start: 0px solid rgba(255, 255, 255, 0.10);
        border-inline-end: 0px solid rgba(255, 255, 255, 0.10);
        padding-top: 10px;
    }
    .about-video__title { font-size: 32px; }
    .about-video__overline { font-size: 20px; }

    .page-hero { padding: 160px 0 70px; }
    .page-hero__title { font-size: 34px; }
}

/* md down (≤767) */
@media (max-width: 767.98px) {
    .container { padding-inline-start: 16px; padding-inline-end: 16px; }

    .site-header { padding: 12px 0; }

     .hero__title { font-size: 28px; }
    .hero__overline { font-size: 19px; line-height: 28px; }
    .hero__desc { font-size: 15px; line-height: 26px; }

    .about { padding: 70px 0; }
    .about__images { min-height: 360px; }
    .about__title { font-size: 22px; }
    .about__lead { font-size: 17px; }
    .about__desc { font-size: 14px; line-height: 26px; }
    .about__stats { gap: 18px; }

    .services { padding: 60px 0; }
    .service-card { padding: 22px 16px; }

    .about-video { padding: 70px 0; }
    .about-video__title { font-size: 26px; }
    .about-video__overline { font-size: 17px; }
    .about-video__poster { height: 280px; margin-top: 30px; }
    .about-video__play { width: 70px; height: 70px; font-size: 18px; }

    .project-tabs__bar {
        padding: 18px 10px;
        gap: 6px;
    }
    .project-tabs__item {
        flex-basis: 30%;
        padding: 8px 4px;
    }
    .project-tabs__icon { width: 38px; height: 38px; margin-bottom: 4px; }
    .project-tabs__label { font-size: 12px; }

    .projects { padding: 60px 0; }
    .project-card { height: 320px; }
    .project-card__title { font-size: 20px; }

    .stats { padding: 60px 0; }
    .stat-card { padding: 16px 20px; margin-bottom: 14px; }
    .stat-card__num { font-size: 36px; }
    .stat-card__label { font-size: 18px; }
    .stats__watermark { display: none; }

    .news { padding: 60px 0; }
    .news__row { grid-template-columns: 1fr; gap: 14px; }
    .news-card,
    .news-card--small,
    .news-card--featured { grid-column: span 1; height: 260px; }
    .news-card--small:nth-child(n+3) { display: none; }

    .partners { padding: 60px 0; }
    .partner-card { height: 90px; }

    .page-hero { padding: 140px 0 60px; }
    .page-hero__title { font-size: 28px; }

    .form-card { padding: 26px 20px; }

    .footer-col__title { font-size: 19px; margin-bottom: 16px; }
    .footer-about { font-size: 13px; line-height: 26px; }
}

/* sm (≤575) */
@media (max-width: 575.98px) {
    .hero__title { font-size: 24px; }
    .hero__overline { font-size: 17px; }
    .section__title,
    .about__title,
    .partners__title,
    .news__title,
    .projects__title,
    .services__title,
    .about-video__title { font-size: 22px; }

    .btn-pill { font-size: 16px; padding: 12px 24px; min-height: 48px; }

    .stat-card__num { font-size: 30px; }

    .page-hero__title { font-size: 24px; }
}