@media (max-width: 480px)
{
      .team-grid .col-6 {
        flex: 0 0 100% !important;
    }
    .section-title {
        font-size: 37px !important;
        line-height: 41px !important;
      }
      .stats-section .col
      {
        width: 100% !important;
      }
      .os-cta-btn
      {
        display: block;
        margin-bottom: 10px;
        text-align: center;
      }
}
@media (max-width: 767px)
{
  .svc-photo-band
  {
    height: 350px;
  }
  .dg_image
  {
    display: none;
  }
  .since-heading
  {
    padding-bottom: 15px;
  }
  .brands_track
  {
    gap: 15px;
  }
  .brand_logo
  {
    border-radius: 20px;
    width: 38%;
  }
  .anz-btn-outline-pill-light
  {
    margin-top: 15px;
  }
  .hero-content
  {
    max-width: 100%;
  }
  .about-hero {
    padding: 130px 0 60px;
  }
  .promise-band
  {
    padding: 60px 0;
  }
  .wordmark
  {
    font-size: 60px;
  }
  .team-grid .col-6 {
    flex: 0 0 50%;
  }
  .team-card
  {
    /*margin: 10px 0;*/
  }
  .anz-btn-outline-pill,
  .anz-btn-outline-pill-light,
  .os-btn, .os-cta-btn
  {
    padding: 12px 19px;
    font-size: 14px;
  }
  .os-outline-icon {
    width: 28px;
    height: 28px;
    }
    .os-outline-btn
    {
      margin-top: 15px;
    }
  .anz-footer .col-lg-3
  {
    width: 100%;
  }
  .anz-footer
  {
    padding-top: 50px;
  }
   .svc-hero {
    padding: 130px 0 50px;
  }
  .svc-hero-planet {
    margin: 20px 0;
  }
  .svc-hero-sub {
    margin-left: 0;
  }
  .expertise-row-second {
    margin-top: 10px;
  }
  .os-hero {
    padding: 130px 0 50px;
  }
  .os-hero-planet {
    margin: 20px 0;
  }
  .os-hero-sub {
    margin-left: 0;
  }
  .os-row,
  .os-row-reverse {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
  .os-row-title-end {
    margin-left: 0;
    text-align: left;
    justify-content: flex-start;
  }
  .os-row-title h3 {
    white-space: normal;
  }
  .os-row-reverse .os-row-body {
    order: 2;
  }
  .os-row-reverse .os-row-title {
    order: 1;
  }
  .stat-circle {
      width: 170px;
      height: 170px;
    }
   .section-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 1200px) {
  /* ===== HERO HEADLINE: fluid size so it never overflows / overlaps ===== */
  .hero-content {
    --hero-fs: min(130px, calc((100vw - 48px) / 6), 15vh); /* 6 = approx. width of the longest line in "em" */
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px;            /* equal space on left & right */
  }
  .hero-line1,
  .hero-line2 {
    font-size: var(--hero-fs);
    line-height: 1;
    letter-spacing: 0;
  }
  .hero-content { --hero-gap: 15px; }   /* <- randu line-num idayile gap ivide maatti nokkaam */
  .hero-line1-wrap,
  .hero-line2-wrap {
    height: calc(var(--hero-fs) * 0.75);   /* ~ capital letter height of Thunder font */
  }
  .hero-line1-wrap { margin-bottom: var(--hero-gap); }
  .hero-line2-wrap { margin-bottom: calc(var(--hero-fs) * 0.3 + 5px); } /* keeps space before paragraph */
  .hero-desc { font-size: 16px; }
}

@media (max-width: 991px) {
  .hero-sticky
  {
    /*height: 80vh;*/
  }
  .career_card
  {
    margin: 10px 0;
  }
  .job-row
  {
    padding: 0
  }
  .section-padding, .os-cta, .stats-section {
    padding: 60px 15px 40px;
  }
  .anz-nav-links {
    padding: 20px 0;
    gap: 6px;
  }
  #about .g-5 {
    --bs-gutter-y: 1rem;
  }
  .stats-row
  {
    padding-top: 25px;
  }
  .anz-hero {
    padding-top: 140px;
    min-height: auto;
    padding-bottom: 80px;
  }
  .anz-navbar
  {
    background: rgba(10, 10, 10, 1);
  }
  .anz-navbar .navbar-nav .dropdown-menu
  {
    background: rgba(10, 10, 10, 1);
  }
  .anz-navbar .navbar-nav .dropdown-menu li a 
  {
    color: #fff;
  }
  .anz-navbar .navbar-nav .dropdown-menu li
  {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,.1);
  }
  .anz-navbar .navbar-nav .dropdown-menu li:last-child()
  {
    border-bottom: none;
  }
}


@media (max-width: 720px) {
  .rail {
    display: none;
  }
  .bracket {
    display: none;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (max-width: 900px) {
  .viewport {
    min-height: 0;
  }
  .track {
    flex-direction: column;
    min-height: 0;
    gap: 16px;
  }
  .frame {
    width: 100%;
    height: 120px;
    transform: none !important;
  }
  .track.has-active .frame {
    height: 96px;
    flex-grow: 0;
  }
  .track.has-active .frame.is-active {
    height: 320px;
    flex-grow: 0;
  }
  .content-panel {
    width: 100%;
    height: auto;
    max-width: none;
    flex: none;
    max-height: 0;
    padding: 0;
  }
  .content-panel.is-shown {
    max-height: 400px;
    padding: 20px 4px 4px;
    flex: none;
  }
  .content-panel .quote {
    max-width: none;
  }
  .nav-btn {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) 
{
  .wrk-page .col-md-4
  {
    width: 50%;
  }
  .stat-circle
  {
    width: 160px;
    height: 160px;
  }
  .stat-content .label
  {
    font-size: 15px;
  }
  .os-hero-sub
  {
    margin-left: inherit;
    margin-top: 15px;
  }
  .anz-btn-outline-pill, .anz-btn-outline-pill-light, .os-btn, .os-cta-btn {
    padding: 12px 19px;
    font-size: 14px;
  }
  .dg_image img {
    width: 500px;
  }
  .team-grid .col-6 
  {
      flex: 0 0 50%;
  }
  .team-card
  {
    margin: 12px 0;
  }
  .section-title
  {
    font-size: 45px;
  }
  .os-cta-text
  {
    max-width: 300px;
  }
  .dg_image
  {
    right: -100px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1100px) 
{
  .stat-circle
  {
    width: 180px;
    height: 180px;
  }
  .dg_image img {
      width: 600px;
  }
  .dg_image {
    right: -70px;
  }
  .in-view .col-lg-3,
  .in-view .col-lg-9
  {
    width: 100%;
  }
  .section-title
    {
      font-size: 48px;
    }
    .team-grid .col-6 
    {
        flex: 0 0 25%;
    }
    .team-card
    {
      margin: 12px 0;
    }
}

/* Desktop / larger screens — show more per row if you want */
@media (min-width: 992px) {
  .brands_track {
    grid-template-columns: repeat(5, 1fr);
  }
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .brands_track {
    grid-template-columns: repeat(3, 1fr);
  }
}