.hero-banner-top{
    margin-top:48px;
}

.footer-section {
    padding-bottom: 0; /* mobile */
}


.hero-title {
    font-size: 90px;
letter-spacing: -0.06em;
color: rgba(6, 27, 51, 0.04);
}
.section-heading {
    font-size: clamp(15px, 6vw, 33px);
    padding:0px 6px;
}
.image-frame {
    order:none;
}

.header-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}



@media (min-width: 992px) {
    .header-grid {
        grid-template-columns: auto auto auto;
    }
   
}

  @media (max-width: 768px) {
    
.hero-banner-top {
    margin-top: 33px;
}
     .footer-section {
        padding-bottom: 2rem;
    }
    .hero-title {
      font-size: 37px;
    }
 .image-frame {
        order:1;
    }
  }