/* Top Header */
.top-header {
  padding: 10px 15px;
}
.top-header img {
  max-width: 120px;
  width: 100%;
}

/* Navbar toggler icon fix */
.navbar-toggler {
  border: 2px solid rgba(255,255,255,0.6) !important;
  padding: 6px 10px !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* Navbar layout on mobile */
@media (max-width: 991.98px) {
  .navbar-custom .container {
    justify-content: flex-end;
  }
  .navbar-custom .navbar-nav {
    padding: 10px 0;
    gap: 4px;
  }
  .navbar-custom .nav-link {
    padding: 8px 12px;
    font-size: 14px;
  }

    /* Banner Section */
    .services-banner {
      min-height: auto;
      padding: 0px 0;
      height:Auto;
    }
}
@media (max-width: 991.98px) {
  .services-banner {
    padding: 30px 0 40px;
    text-align: center;
  }
  .services-banner .services-content {
    margin: 0 auto;
  }
  .banner-title {
    font-size: clamp(26px, 5vw, 42px) !important;
  }
  .banner-title br {
    display: none;
  }
  .banner-subtitle,
  .banner-tags {
    font-size: 15px;
  }
  .banner-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .banner-buttons .btn {
    width: 100%;
    max-width: 280px;
    margin: 0 !important;
  }
  .banner-buttons br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .services-banner {
    padding: 0px 0;
  }
  .banner-title {
    font-size: clamp(22px, 6vw, 32px) !important;
  }
}

/* Problem / Solution Cards */
@media (max-width: 767.98px) {
  .nova-problem-solution .nova-glass-card {
    padding: 20px !important;
  }
}

/* UI Themes Section */
.nova-ui-themes {
  padding: 40px 15px;
}
@media (max-width: 575.98px) {
  .nova-theme {
    font-size: 13px;
    padding: 30px 10px !important;
  }
}

/* What Makes Nova Different */
@media (max-width: 575.98px) {
  .different-card {
    padding: 16px !important;
  }
  .different-card h5 {
    font-size: 15px;
  }
  .different-card p {
    font-size: 13px;
  }
}

/* CTA Section */
@media (max-width: 991.98px) {
  .nova-cta .cta-heading {
    font-size: clamp(18px, 4vw, 28px);
    text-align: center;
  }
  .nova-cta .cta-text {
    text-align: center;
  }
  .nova-cta .col-lg-2,
  .nova-cta .col-lg-3 {
    text-align: center !important;
  }
  .cta-illustration {
    font-size: 48px;
  }
  .cta-btn {
    width: 100%;
    max-width: 240px;
    display: inline-block;
  }
}

/* Footer */
@media (max-width: 767.98px) {
  .nova-glass-footer .glass-card {
    padding: 24px 16px !important;
  }
  .footer-item {
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
  }
}

/* Modal form on mobile */
@media (max-width: 575.98px) {
  .modal-dialog {
    margin: 10px;
  }
  .modal-content {
    padding: 16px !important;
  }
  .modal-body .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Prevent horizontal scroll */
body, html {
  overflow-x: hidden;
  max-width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}
<style>
/* ===== RESPONSIVE FIXES ===== */

/* Top Header */
.top-header {
  padding: 10px 15px;
}
.top-header img {
  max-width: 120px;
  width: 100%;
}

/* Navbar toggler icon fix */
.navbar-toggler {
  border: 2px solid rgba(255,255,255,0.6) !important;
  padding: 6px 10px !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* Navbar layout on mobile */
@media (max-width: 991.98px) {
  .navbar-custom .container {
    justify-content: flex-end;
  }
  .navbar-custom .navbar-nav {
    padding: 10px 0;
    gap: 4px;
  }
  .navbar-custom .nav-link {
    padding: 8px 12px;
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .services-banner {
    padding: 30px 0 40px;
    text-align: center;
  }
  .services-banner .services-content {
    margin: 0 auto;
  }
  .banner-title {
    font-size: clamp(26px, 5vw, 42px) !important;
  }
  .banner-title br {
    display: none;
  }
  .banner-subtitle,
  .banner-tags {
    font-size: 15px;
  }
  .banner-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .banner-buttons .btn {
    width: 100%;
    max-width: 280px;
    margin: 0 !important;
  }
  .banner-buttons br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .services-banner {
    padding: 0px 0;
  }
  .banner-title {
    font-size: clamp(22px, 6vw, 32px) !important;
  }
}

/* Problem / Solution Cards */
@media (max-width: 767.98px) {
  .nova-problem-solution .nova-glass-card {
    padding: 20px !important;
  }
}

/* UI Themes Section */
.nova-ui-themes {
  padding: 40px 15px;
}
@media (max-width: 575.98px) {
  .nova-theme {
    font-size: 13px;
    padding: 30px 10px !important;
  }
}

/* What Makes Nova Different */
@media (max-width: 575.98px) {
  .different-card {
    padding: 16px !important;
  }
  .different-card h5 {
    font-size: 15px;
  }
  .different-card p {
    font-size: 13px;
  }
}

/* CTA Section */
@media (max-width: 991.98px) {
  .nova-cta .cta-heading {
    font-size: clamp(18px, 4vw, 28px);
    text-align: center;
  }
  .nova-cta .cta-text {
    text-align: center;
  }
  .nova-cta .col-lg-2,
  .nova-cta .col-lg-3 {
    text-align: center !important;
  }
  .cta-illustration {
    font-size: 48px;
  }
  .cta-btn {
    width: 100%;
    max-width: 240px;
    display: inline-block;
  }
}

/* Footer */
@media (max-width: 767.98px) {
  .nova-glass-footer .glass-card {
    padding: 24px 16px !important;
  }
  .footer-item {
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
  }
}

/* Modal form on mobile */
@media (max-width: 575.98px) {
  .modal-dialog {
    margin: 10px;
  }
  .modal-content {
    padding: 16px !important;
  }
  .modal-body .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {

    .nova-cta {
        position: relative;
        z-index: 1;
    }

    .cta-btn {
        position: relative;
        z-index: 9999;
        pointer-events: auto;
    }

    .cta-illustration {
        pointer-events: none;
    }

    .nova-glass-footer {
        position: relative;
        z-index: 1;
    }
}
/* Prevent horizontal scroll */
body, html {
  overflow-x: hidden;
  max-width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}