.display-nonee{
  display: block;
}

/* ---------------- Container ---------------- */
@media (min-width: 600px) {
  .container {
    padding-left: 24px;  /* sm: 3 (3 * 8 = 24px) */
    padding-right: 24px;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 1160px !important; /* md breakpoint */
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1260px !important; /* lg breakpoint */
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1480px !important; /* xl breakpoint */
  }
}

/* ---------------- Responsive Breakpoints ---------------- */

/* ====== ≤1299px ====== */
@media (max-width: 1299px) {
  .banner {
    height: 765px;
  }
}

/* ====== ≤1200px ====== */
@media (max-width: 1200px) {
  .banner-title {
    font-size: 56px !important;
  }
}

/* ====== ≤1199.98px ====== */
@media (max-width: 1199.98px) {
.spec-card, .spec-media {
    height: 420px;
}

  .metric-xxl,
  .stat-number {
    font-size: 60px;
  }

  .orange-number {
    font-size: 100px !important;
  }
}

/* ====== ≤920px ====== */
@media (max-width: 920px) {
  .image-grid,
  .nl-form {
    grid-template-columns: 1fr;
  }

  .nl-share {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}

/* ====== ≤900px ====== */
@media (max-width: 900px) {
  /* Nav */
  .nav-container {
    display: none;
  }
  .menu-btn {
    display: block !important;
  }

  /* Case study / Stats */
  .case-card {
    padding: 16px;
  }
  .stat-value {
    font-size: 20px;
  }

  /* Blog */
  .blog-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-cta {
    align-self: flex-start;
  }
  .blog-cover {
    height: 220px;
  }

  /* Contact */
  .contact-title-wrap {
    justify-content: flex-start;
  }
  .contact-card {
    margin-top: 8px;
  }

  /* About */
  .about-copy {
    font-size: 13.5px;
  }

  /* Team */
  .team-title {
    font-size: 22px;
  }

  /* Banner */
  .banner-title {
    font-size: 42px !important;
  }
  .banner {
    height: 630px;
  }
  .sats-content {
    gap: 20em;
  }
  br {
    display: none;
  }
  .case-tag {
    gap: 5px;
  }
}

/* ====== ≤899.98px ====== */
@media (max-width: 899.98px) {
  .page-wrapper img {
   display: none;
}
  .spec-title {
    font-size: 30px;
  }

.spec-card, .spec-media {
    height: 438px;
}

  .metric-xxl,
  .stat-number {
    font-size: 56px;
  }

  .orange-number {
    font-size: 92px !important;
  }

  .spec-intro {
    font-size: 13px;
  }
}

/* ====== ≤768px ====== */
@media (max-width: 768px) {
  /* Footer */
  .footer-top {
    padding: 20px;
  }
 .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
}
  .newsletter {
    flex-direction: column;
    width: 100%;
  }

  /* Brands */
  .brands-title {
    font-size: 24px;
  }
  .logo-img {
    max-width: 65px;
  }

  /* Testimonials */
  .testimonial-card {
    max-width: 100%;
    padding: 20px;
  }
  .quote {
    font-size: 34px;
  }
  .testimonial-text {
    font-size: 14px;
  }

  /* Testimonials (scroll container) */
  .scroll-container .testimonial-card {
    min-width: 250px;
    padding: 1rem;
  }
  .scroll-container .testimonial-text,
  .scroll-container .name {
    font-size: 0.85rem;
  }
  .scroll-container .title {
    font-size: 0.7rem;
  }
  .scroll-container .logo-image {
    width: 70px;
    height: 28px;
  }

  /* Contact */
  .contact-item {
    margin-bottom: 20px;
  }
  .map-container iframe {
    height: 250px;
  }

  /* Steps */
  .step-row {
    flex-direction: column;
    align-items: center;
  }
  .left-column {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .step-number {
    font-size: 2rem;
  }
  .step-card {
    text-align: center;
  }
}

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

    .page-main-title {
    font-size: 38px !important;
  }
  .page-date {
    font-size: 14px !important;
}
.display-nonee{
  display: none;
}
  /* Section / Stats */
  .section-title {
    font-size: 24px;
  }
  .stat-value {
    font-size: 18px;
  }

  /* Blog */
  .blog-cover {
    height: 200px;
  }
  .blog-card-title {
    font-size: 13px;
  }

  /* FAQ */
  .faq-question,
  .faq-answer {
    font-size: 13px;
  }

  /* About */
  .acc-title {
    font-size: 13px;
  }
  .about-acc-summary {
    min-height: 44px !important;
  }

  /* Team */
  .team-title {
    font-size: 18px;
  }
  .team-subheading {
    font-size: 14px;
  }
  .footer-menu li {
    margin-bottom: 8px;
}
.footer-menu-title {
    margin-bottom: 4% !important;
    font-size: 18px !important;
}
.service-card {
    padding: 5px !important;
}
  /* Values */
  .value-chip {
    font-size: 10px;
    padding: 2px 8px;
  }
.circle-container {
    width: 95vw;
    height: 95vw;
}
  .background-text {
    font-size: 25vw;
  }
  .steps-container {
    gap: 3rem;
}
.newsletterr {
    flex-direction: column;
}
  /* Steps */
  .left-column {
    display: none;
  }
  .step-card {
    text-align: left;
    padding: 0.6rem 10px;
  }

  /* Banner & Content */
  .banner-title {
    font-size: 32px !important;
  }
  .banner {
    height: 440px;
  }
  .marquee {
    bottom: 15%;
    font-size: 32px;
  }
  .brands-title {
    font-size: 18px !important;
  }
  .stat-value {
    font-size: 20px !important;
  }
  .sats-content {
    gap: 0px;
  }
  .services-text {
    flex-direction: column;
  }
  .services-btn-box {
    justify-content: center;
  }
  .services-header {
    margin-bottom: 2px;
    flex-direction: column;
    align-items: flex-start;
  }
  .services-title {
    font-size: 28px;
  }
  .services-btn {
    margin-top: 24px;
  }
  .tags-container {
    position: static;
  }
  .case-card {
    padding: 0px;
  }
  .video-btn-wrapper {
    margin-top: 10% !important;
  }
  .testimonial-section {
    padding: 0% 0;
  }
  .bg-text {
    font-size: 40px !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .social-icons {
    justify-content: center;
  }
  .gallery-image-wrapper {
    height: auto;
  }
  .about-copy {
    font-size: 16px !important;
  }
  .sample-card {
    padding: 0px;
  }
  .project-flex {
    flex-direction: column;
  }
  .case-tag {
    display: flex;
    flex-direction: column;
  }
}

/* ====== ≤599.98px ====== */
@media (max-width: 599.98px) {
  .spec-container {
    padding-left: 12px;
    padding-right: 12px;
  }

.spec-card, .spec-media {
    height: 392px;
}

  .metric-xxl,
  .stat-number {
    font-size: 50px;
  }

  .orange-number {
    font-size: 84px !important;
  }

  .orange-desc,
  .stat-desc,
  .metric-caption {
    font-size: 12.5px;
  }
}




@media (min-width: 600px) {
  
  .page-date {
    font-size: 17px !important;
  }

  .page-para {
  font-size: 20px !important;
}
.page-title {
    font-size: 20px  !important;
  }
.page-subtitle {
    font-size: 20px;
  }
}

@media (min-width: 900px) {
 
  .page-date {
    font-size: 16px !important;
  }
.page-subtitle {
    font-size: 20px !important;
  }
}