/* Reduced Motion Preferences */
@media (prefers-reduced-motion: reduce) {

    .header,
    .video-content,
    .hero-video {
        transition: none;
        animation: none;
    }
}

/* ≤1024px */
@media (max-width: 1024px) {
    .video-hero {
        height: 80vh;
    }

    .hero-video {
        object-fit: contain;
        object-position: center center;
    }

    .about-page { padding: 90px 0 70px; }

  .about-intro {
    gap: 20px;
  }
  .about-intro img {
    margin-left: 0;
    max-width: 46vw;
  }
  .aboutDesc {
    padding-left: 2%;
    width: 100%;
    margin-right: 0;
  }

  .about-title { font-size: 2.25rem; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .vm-grid { grid-template-columns: 1fr; }
  .core-grid { grid-template-columns: repeat(2, 1fr); }
  .about-stats-grid { grid-template-columns: repeat(3, 1fr); }

}

/* ≤900px */
@media (max-width: 900px) {
    .stats-main-row {
        /* flex-direction: column; */
        align-items: flex-start;
        gap: 15px;
    }

    .stats-row {
        gap: 18px;
    }

    .stats-big .stats-number {
        font-size: 4rem;
    }

    .stats-info .stats-main-title {
        font-size: 1.5rem;
    }

    .stats-img-50plus {
        width: 120px;
    }


    .about-intro {
    flex-direction: column;
    text-align: left;
  }
  .about-intro img {
    width: 100%;
    max-width: 680px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .aboutDesc {
    width: 100%;
    max-width: 720px;
    /* padding-left: 0; */
    padding: 0 10px;
    margin: 12px auto 0;
    text-align: justify;
  }

  .about-title { font-size: 2rem; }
  .about-description { font-size: var(--si-font-size-md); }

  .about-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }

  .banner-txt {
    top: 40vh;  /* move a bit higher on shorter viewports */
  }
  .banner-txt h2 { font-size: clamp(36px, 8vw, 56px); }
  .banner-txt h2 span { -webkit-text-stroke: 1.75px #f0562d; }

}

/* ≤768px */
@media (max-width: 768px) {

    .digital-services-header {
        padding: var(--si-space-lg);
    }

    .digital-services-title {
        font-size: var(--si-font-size-xl);
    }

    .digital-services-description p {
        font-size: var(--si-font-size-md);
        text-align: justify;
    }

    .ser-ic {
        width: 60px;
        height: 60px;
    }

    .service-item {
        padding: var(--si-space-md);
    }

    .service-name {
        font-size: var(--si-font-size-sm);
    }

    .container {
        padding: 0 var(--si-space-sm);
    }

    .nav {
        min-height: 60px;
    }

    .nav__quote-btn {
        display: none;
    }

    .hero__logo-brand {
        font-size: 2.5rem;
    }

    .hero__buttons {
        flex-direction: column;
        align-items: center;
    }

    .menu-dialog__split {
        display: block;
        overflow-y: auto;
        scrollbar-width: none;
    }

    .menu-dialog__left,
    .menu-dialog__right {
        width: 100%;
        height: 100%;
    }

    .stats {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--si-space-lg);
    }

    .services__grid,
    .portfolio__grid,
    .blogs__grid,
    .tech__categories,
    .footer__content {
        grid-template-columns: 1fr;
        gap: var(--si-space-xl);
        margin-bottom: var(--si-space-md);
    }

    .video-hero {
        height: 70vh;
    }

    .hero-video {
        object-fit: contain;
    }

    .services .section__header .section__title {
        font-size: 2rem;
    }

    .digital-services-description {
        padding: 0 20px;
    }




    .about-page { padding: 80px 0 60px; 
    /* width: 200vw ; */
    padding: 10px;
    }

    .about-page img{
        width: 100%;
        height: 30vh;
    }
    #aboutPg{
        width: 160px;
        height: 10%;
    }

  .about-title { font-size: 1.9rem; }
  .about-title::after {
    display: none;
}
  .about-description { font-size: var(--si-font-size-md); }

  .about-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

  .values-grid { grid-template-columns: 1fr; gap: 18px; }
  .core-grid { grid-template-columns: 1fr; gap: 18px; }

  .vision-mission-section { padding: 40px 0; }
  .vm-card { padding: 20px; }

  .about-tagline {
    padding: 14px 16px;
    font-size: calc(var(--si-font-size-md) + 1px);
    letter-spacing: 1px;
  }



  .about-stat_header { padding: 8px 18px; }


}

/* ≤768px Landscape */
@media (max-width: 768px) and (orientation: landscape) {
    .video-hero {
        height: 100vh;
    }

    .hero-video {
        object-fit: cover;
        object-position: center center;
    }
}

/* ≤600px */
@media (max-width: 600px) {
    .stats-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 0 0px 0 3px;
    }

    .stats-main-row {
        margin-bottom: 0;
        width: 100%;
    }

    .stat-card {
        width: 100%;
        padding: 12px 0;
        min-width: unset;
    }

    .stats-img-50plus {
        width: 80px;
    }

    .footer {
        padding: var(--si-space-lg) 0 var(--si-space-lg)
    }

    .footer__section1 .footer-services {
        display: block;
    }

    .multipleGrid {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--si-space-sm);
    }
    .footer__section{
        margin-left: 0;
    }
    .quote-form__form{
        padding: var(--si-space-md);
    }



    .about-stats-grid { grid-template-columns: 1fr; }
  .about-stat-item .stat-number { font-size: 2rem; }

  .banner-txt { top: 36vh; }
  .banner-txt h2 { font-size: clamp(30px, 9vw, 44px); }
  .banner-txt h2 span { -webkit-text-stroke: 1.5px #f0562d; }

  .img-container { margin-top: 0; }

}

/* ≤480px */
@media (max-width: 480px) {

    .service-tag {
        font-size: var(--si-font-size-xs);
        padding: 6px 12px;
    }

    .ser-ic {
        width: 50px;
        height: 50px;
    }

    .hero__logo-brand {
        font-size: 2rem;
    }

    .stats {
        grid-template-columns: 1fr;
    }

    .tech__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        align-items: center;
        margin-bottom: 5%;
    }

    .location-cards {
        grid-template-columns: 1fr;
    }

    .stats-achievements {
        background: var(--si-white, #fff);
    }

    .about .section__title {
        color: #FF6B35;
        font-size: 2rem;
        font-weight: 600;
        text-align: left;
        margin: 50px 24px 20px;
    }

    .video-hero {
        height: 30vh;
    }

    .hero-video {
        object-fit: cover;
    }


     .about-title { font-size: 1.65rem; }
  .vm-title { font-size: 1.4rem; }
  .mission-quote { font-size: 1rem; }
  .value-card, .core-item { padding: 14px; }

  .banner-txt { top: 33vh; }
  .banner-txt h2 { font-size: clamp(26px, 10vw, 38px); }
  .banner-txt h2 span { -webkit-text-stroke: 1.25px #f0562d; }
}

@media (max-width:479px) {
    .about .section__description {
        /* padding: 0; */
        font-size: 16px;
    }

    .about .section__title {
        margin: 30px 0px 20px;
        font-size: 1.8rem;
        text-align: center;
    }

    .services .section__header .section__title,
    .technologies .section__title {
        font-size: 1.8rem;
    }

    .tech__category-title {
        font-size: 1.2rem;
    }
    .technologies .section__header{
        margin-top: 1px;
    }


     .about-title { font-size: 1.65rem; }
  .vm-title { font-size: 1.4rem; }
  .mission-quote { font-size: 1rem; }
  .value-card, .core-item { padding: 14px; }

  .banner-txt { top: 20vh; }
  .banner-txt h2 { font-size: clamp(26px, 10vw, 38px); }
  .banner-txt h2 span { -webkit-text-stroke: 1.25px #f0562d; }
}

/* ≤380px */
@media (max-width: 380px) {
    .video-hero {
        height: 30vh;
    }

    .hero-video {
        object-fit: cover;
    }
}