@media(min-width:768px){
main {
    width: 100vw;
    overflow: hidden;
}}


/* 👇 Mobile devices (navbar collapsed) */
@media (max-width: 991px) {

    .navbar {
    background: rgba(248, 249, 250, 0.9) !important; 
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px);
    padding: 0.4rem 1rem !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .navbar-nav {
    gap: 0.3rem !important;
    text-align: center;
  }

  .navbar-nav .nav-item .nav-link {
    padding: 6px 0 !important;
    font-size: 14px;
    line-height: 1.2;
  }


  .navbar-brand img {
    height: 40px;
  }


  .contact-btn {
    margin-top: 8px !important;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.6rem 0.8rem;
    font-size: 14px;
  }

  .navbar {
    padding: 0.4rem 1rem !important;
  }
}

/* overview  responsive */

@media (max-width: 767px) {
  #overview .col-md-6:first-child { padding: 0 15px; }
  .overview-card h6 { font-size: 16px; }
  .section-title { font-size: 26px; }
}