/* ===================================
   MOBILE RESPONSIVE STYLES
   Amber Nexus - Mobile Optimizations
   =================================== */

/* Mobile Navbar Improvements */
@media (max-width: 991.98px) {
  /* Navbar Background and Visibility */
  .navbar-amber {
    background: rgba(30, 16, 51, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0;
    padding: 0.5rem 0;
  }

  /* Mobile Menu Toggler - Make it clearly visible */
  .navbar-toggler {
    width: 50px !important;
    height: 50px !important;
    border: 2px solid rgba(157, 0, 255, 0.5) !important;
    border-radius: 12px !important;
    background: rgba(157, 0, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1000;
  }

  .navbar-toggler:hover {
    background: rgba(157, 0, 255, 0.2) !important;
    border-color: rgba(157, 0, 255, 0.8) !important;
    transform: scale(1.05);
  }

  .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(157, 0, 255, 0.3) !important;
    border-color: #9D00FF !important;
  }

  /* Custom Hamburger Icon */
  .navbar-toggler-icon {
    background-image: none !important;
    width: 24px !important;
    height: 18px !important;
    position: relative !important;
    display: block !important;
  }

  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after {
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 2px;
  }

  .navbar-toggler-icon::before {
    top: 0;
  }

  .navbar-toggler-icon::after {
    bottom: 0;
  }

  .navbar-toggler-icon span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 2px;
    background: #fff;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    border-radius: 2px;
  }

  /* Mobile Menu Container */
  .navbar-collapse {
    background: rgba(30, 16, 51, 0.98) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 0 0 20px 20px;
    margin-top: 1rem;
    padding: 1.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }

  /* Mobile Navigation Layout */
  .navbar-nav-wrap {
    gap: 1.5rem !important;
    align-items: stretch !important;
  }

  /* Mobile Navigation Pills */
  .nav-pill-wrap {
    order: 1;
    width: 100%;
  }

  .nav-pill {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 0.5rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .navbar-amber .nav-pill .nav-link {
    width: 100% !important;
    padding: 1rem !important;
    text-align: center !important;
    font-size: 1rem !important;
    border-radius: 10px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
  }

  .navbar-amber .nav-pill .nav-link:hover,
  .navbar-amber .nav-pill .nav-link.active {
    background: rgba(157, 0, 255, 0.2) !important;
    color: #fff !important;
  }

  /* Mobile Action Buttons */
  .navbar-end {
    order: 2;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    align-items: center !important;
    margin-top: 1rem;
  }

  .navbar-amber .btn-signup {
    width: 100%;
    max-width: 280px;
    padding: 0.75rem 1.5rem !important;
    font-size: 1rem !important;
    border-radius: 15px !important;
  }

  .navbar-amber .login-link {
    margin-left: 0 !important;
    padding: 0.75rem 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 15px !important;
    width: 100%;
    max-width: 280px;
    text-align: center !important;
    transition: all 0.3s ease !important;
  }

  .navbar-amber .login-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
}

/* Tablet Specific Adjustments */
@media (max-width: 767.98px) and (min-width: 576px) {
  .navbar-amber .nav-pill .nav-link {
    font-size: 0.95rem !important;
    padding: 0.875rem !important;
  }
}

/* Mobile Legal Page Specific Improvements */
@media (max-width: 991.98px) {
  body.legal {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  /* Legal Page Container */
  body.legal .container {
    padding: 0 1rem !important;
  }

  /* Legal Page Navigation Tabs */
  .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 1rem !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(157, 0, 255, 0.5) transparent;
  }

  .nav-tabs::-webkit-scrollbar {
    height: 4px;
  }

  .nav-tabs::-webkit-scrollbar-track {
    background: transparent;
  }

  .nav-tabs::-webkit-scrollbar-thumb {
    background: rgba(157, 0, 255, 0.5);
    border-radius: 2px;
  }

  .nav-tabs li.nav-item button {
    font-size: 0.9rem !important;
    padding: 0.75rem 1rem !important;
    white-space: nowrap !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
  }

  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    font-size: 0.95rem !important;
    border-bottom-color: #9D00FF !important;
    background: rgba(157, 0, 255, 0.1) !important;
    border-radius: 8px 8px 0 0 !important;
  }

  /* Legal Content Improvements */
  .tab-content {
    padding: 1rem !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
  }

  .tab-content h1 {
    font-size: 1.75rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.3 !important;
  }

  .tab-content h2 {
    font-size: 1.5rem !important;
    margin-bottom: 0.875rem !important;
    margin-top: 2rem !important;
    line-height: 1.3 !important;
  }

  .tab-content h3 {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.3 !important;
  }

  .tab-content h4 {
    font-size: 1.1rem !important;
    margin-bottom: 0.625rem !important;
    line-height: 1.3 !important;
  }

  .tab-content p {
    font-size: 0.95rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.6 !important;
  }

  .tab-content ul li {
    font-size: 0.95rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.5 !important;
  }

  /* Mobile Tables */
  .table-responsive {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  }

  body.legal table {
    font-size: 0.85rem !important;
  }

  body.legal table th {
    font-size: 0.9rem !important;
    padding: 0.75rem 0.5rem !important;
  }

  body.legal table td {
    font-size: 0.85rem !important;
    padding: 0.75rem 0.5rem !important;
  }

  /* Cookies Tab iframe */
  .ratio {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  }
}

/* Small Mobile Specific */
@media (max-width: 575.98px) {
  /* Navbar for small mobile */
  .navbar-amber {
    padding: 0.375rem 0 !important;
  }

  .navbar-brand img {
    height: 35px !important;
  }

  /* Mobile Menu for small screens */
  .navbar-collapse {
    margin-top: 0.5rem !important;
    padding: 1rem !important;
    border-radius: 0 0 15px 15px !important;
  }

  .navbar-nav-wrap {
    gap: 1rem !important;
  }

  .nav-pill {
    padding: 0.375rem !important;
  }

  .navbar-amber .nav-pill .nav-link {
    padding: 0.875rem 0.75rem !important;
    font-size: 0.9rem !important;
  }

  .navbar-amber .btn-signup,
  .navbar-amber .login-link {
    max-width: 100% !important;
    padding: 0.625rem 1rem !important;
    font-size: 0.9rem !important;
  }

  /* Legal page small mobile */
  .nav-tabs li.nav-item button {
    font-size: 0.85rem !important;
    padding: 0.625rem 0.75rem !important;
  }

  .tab-content {
    padding: 0.75rem !important;
  }

  .tab-content h1 {
    font-size: 1.5rem !important;
  }

  .tab-content h2 {
    font-size: 1.3rem !important;
  }

  .tab-content h3 {
    font-size: 1.15rem !important;
  }

  .tab-content h4 {
    font-size: 1rem !important;
  }

  .tab-content p,
  .tab-content ul li {
    font-size: 0.9rem !important;
  }

  body.legal table {
    font-size: 0.8rem !important;
  }

  body.legal table th,
  body.legal table td {
    padding: 0.5rem 0.375rem !important;
    font-size: 0.8rem !important;
  }
}

/* Extra Small Mobile */
@media (max-width: 399.98px) {
  .navbar-amber .nav-pill .nav-link {
    font-size: 0.85rem !important;
    padding: 0.75rem 0.5rem !important;
  }

  .tab-content h1 {
    font-size: 1.35rem !important;
  }

  .tab-content h2 {
    font-size: 1.2rem !important;
  }

  .tab-content p,
  .tab-content ul li {
    font-size: 0.85rem !important;
  }
}

/* Mobile Touch Improvements */
@media (hover: none) and (pointer: coarse) {
  .navbar-toggler {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .navbar-amber .nav-pill .nav-link {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .navbar-amber .btn-signup,
  .navbar-amber .login-link {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Mobile Animations */
@media (max-width: 991.98px) {
  .navbar-collapse {
    transition: all 0.3s ease !important;
  }

  .navbar-collapse.collapsing {
    height: auto !important;
    transition: height 0.3s ease !important;
  }

  .navbar-collapse.show {
    animation: slideDown 0.3s ease !important;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* Mobile Accessibility Improvements */
@media (max-width: 991.98px) {
  .navbar-toggler:focus-visible {
    outline: 2px solid #9D00FF !important;
    outline-offset: 2px !important;
  }

  .navbar-amber .nav-pill .nav-link:focus-visible {
    outline: 2px solid #9D00FF !important;
    outline-offset: 2px !important;
    background: rgba(157, 0, 255, 0.15) !important;
  }

  .navbar-amber .btn-signup:focus-visible,
  .navbar-amber .login-link:focus-visible {
    outline: 2px solid #9D00FF !important;
    outline-offset: 2px !important;
  }
}

/* Mobile Performance Optimizations */
@media (max-width: 991.98px) {
  .navbar-amber {
    will-change: transform;
    transform: translateZ(0);
  }

  .navbar-collapse {
    will-change: transform, opacity;
    transform: translateZ(0);
  }
}

/* ===================================
   SECTION HEIGHT AND OVERLAP FIXES
   =================================== */

/* Hero Section Height Fixes */
@media (max-width: 991.98px) {
  .hero-section {
    padding: 3rem 0 4rem !important;
    min-height: auto !important;
  }

  .hero-heading {
    margin-bottom: 1.5rem !important;
  }

  .hero-desc {
    margin-bottom: 1.5rem !important;
  }

  .btn-get-started {
    margin-bottom: 2rem !important;
  }
}

/* Use Cases Section Fixes */
@media (max-width: 991.98px) {
  .section-use-cases {
    padding: 3rem 0 !important;
    border-radius: 30px 30px 0 0 !important;
  }

  .usecases-header {
    margin-bottom: 2rem !important;
  }

  .usecase-tile {
    padding: 0 !important;
    margin-bottom: 2rem !important;
  }

  .usecase-icon-outer {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .usecase-icon-inner {
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 30px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .usecase-title {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }

  .usecase-desc {
    font-size: 0.9rem !important;
    max-width: 100% !important;
  }
}

/* Feature Transformation Section */
@media (max-width: 991.98px) {
  .feature-transformation {
    padding: 3rem 0 !important;
  }

  .ft-big-card {
    min-height: 250px !important;
    margin-bottom: 2rem !important;
  }

  .ft-big-left {
    width: 100% !important;
    padding: 78px 28px 40px !important;
  }

  .ft-kb-title {
    font-size: 1.5rem !important;
  }

  .ft-kb-sub {
    font-size: 0.9rem !important;
  }

  .ft-small-card {
    min-height: 280px !important;
    margin-bottom: 1.5rem !important;
    padding: 2rem 1.5rem !important;
  }

  .ft-small-icon {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .ft-small-title {
    font-size: 1.5rem !important;
  }

  .ft-small-sub {
    font-size: 0.9rem !important;
  }

  .ft-small-fade {
    font-size: 0.9rem !important;
  }
}

/* Why Section Fixes */
@media (max-width: 991.98px) {
  .section-why {
    height: auto !important;
    padding: 3rem 0 !important;
  }

  .section-why .container {
    padding-bottom: 0 !important;
  }

  .section-why-heading {
    font-size: 1.75rem !important;
    margin-bottom: 1.5rem !important;
  }

  .section-why-subtitle {
    font-size: 1.25rem !important;
    margin-bottom: 2rem !important;
  }

  .why-htnk-card {
    padding: 2rem 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .why-htnk-icon {
    width: 80px !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .why-htnk-title {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }

  .why-htnk-desc {
    font-size: 0.9rem !important;
  }
}

/* Features Section Fixes */
@media (max-width: 991.98px) {
  .section-features {
    margin-top: 0 !important;
    padding: 3rem 0 !important;
  }

  .section-features-heading {
    font-size: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .feature-card {
    padding: 2rem 1.5rem !important;
    margin-bottom: 2rem !important;
    border-radius: 15px !important;
  }

  .feature-card-title {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
  }

  .feature-card-desc {
    font-size: 0.9rem !important;
    margin-bottom: 1.5rem !important;
  }
}

/* Tools Section Fixes */
@media (max-width: 991.98px) {
  .section-tools {
    padding: 3rem 1rem !important;
  }

  .tools-card,
  .tools-card1 {
    padding: 2rem 1.5rem !important;
    margin-bottom: 2rem !important;
    border-radius: 15px !important;
  }

  .tools-card-title {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }

  .tools-card-desc {
    font-size: 0.9rem !important;
  }
}

/* CTA Section Fixes */
@media (max-width: 991.98px) {
  .section-cta {
    padding: 3rem 0 !important;
    background-size: 100% !important;
  }

  .cta-heading {
    font-size: 1.75rem !important;
    margin-bottom: 1rem !important;
  }

  .cta-subtitle {
    font-size: 1.25rem !important;
    margin-bottom: 1.5rem !important;
  }

  .cta-desc {
    font-size: 0.9rem !important;
    margin-bottom: 2rem !important;
  }
}

/* Product Page Specific Fixes */
@media (max-width: 991.98px) {
  .product-nexus-hero {
    padding: 15% 0 3% !important;
  }

  .product-nexus-title {
    font-size: 2rem !important;
    margin-bottom: 1rem !important;
  }

  .product-nexus-subtitle {
    font-size: 1.1rem !important;
    margin-bottom: 2rem !important;
  }

  .product-features,
  .product-features1,
  .product-features2 {
    padding: 3rem 1rem !important;
    margin: 1rem 0 !important;
  }

  .feature-content {
    padding: 1rem 1rem 0.5rem !important;
  }

  .feature-title {
    font-size: 1.75rem !important;
    margin-bottom: 1rem !important;
  }

  .feature-desc {
    font-size: 0.95rem !important;
    margin-bottom: 2rem !important;
  }
}

/* About Page Specific Fixes */
@media (max-width: 991.98px) {
  .about-nexus-hero {
    padding: 15% 0 3% !important;
  }

  .about-nexus-title {
    font-size: 2rem !important;
    margin-bottom: 1rem !important;
  }

  .about-nexus-text {
    font-size: 1rem !important;
    max-width: 100% !important;
  }

  .our-philosophy {
    padding: 3rem 0 !important;
  }

  .philosophy-heading {
    font-size: 2rem !important;
    margin-bottom: 1.5rem !important;
  }

  .philosophy-desc {
    font-size: 1rem !important;
    max-width: 100% !important;
  }

  .philosophy-card {
    margin-bottom: 2rem !important;
  }

  .philosophy-card-title {
    font-size: 1.25rem !important;
  }

  .philosophy-card-desc {
    font-size: 0.9rem !important;
  }
}

/* Contact Page Specific Fixes */
@media (max-width: 991.98px) {
  .contact-nexus-hero {
    padding: 15% 0 3% !important;
  }

  .contact-nexus-title {
    font-size: 2rem !important;
    margin-bottom: 1rem !important;
  }

  .contact-form {
    margin: 2rem 1rem !important;
    padding: 2rem 1.5rem !important;
  }
}

/* Footer Mobile Fixes */
@media (max-width: 991.98px) {
  .footer-amber-home {
    padding: 2rem 0 1rem !important;
  }

  .footer-amber-home .footer-bottom {
    margin-top: 1.5rem !important;
    padding-top: 1.5rem !important;
  }

  .footer-amber-home .footer-companies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .footer-amber-home .footer-group-card {
    padding: 1.5rem !important;
  }

  .footer-amber-home .footer-title {
    font-size: 0.95rem !important;
    margin-bottom: 1rem !important;
  }

  .footer-amber-home .footer-links a {
    font-size: 0.85rem !important;
    padding: 0.25rem 0 !important;
  }
}

/* ===================================
   ICON SIZE FIXES FOR MOBILE
   =================================== */

/* General Icon Size Fixes */
@media (max-width: 991.98px) {
  .logo-icon-sm {
    width: 35px !important;
    height: 35px !important;
    font-size: 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .stats-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .section-why-icon {
    width: 60px !important;
    height: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
    /* justify-content: flex-start !important; */
  }

  .section-why-icon img {
    width: 30px !important;
    height: 30px !important;
  }
}

/* Feature Card Icons */
@media (max-width: 767.98px) {
  .feature-card::before {
    display: none !important;
  }

  .feature-card-title {
    position: relative !important;
    z-index: 2 !important;
  }

  .feature-card-desc {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* Footer Icons */
@media (max-width: 575.98px) {
  .footer-amber-home .footer-company img {
    max-height: 30px !important;
    width: auto !important;
  }

  .footer-amber-home .footer-social-link img {
    width: 20px !important;
    height: 20px !important;
  }
}

/* ===================================
   OVERLAP AND SPACING FIXES
   =================================== */

/* Section Spacing Fixes */
@media (max-width: 991.98px) {
  section {
    margin-bottom: 0 !important;
    overflow: hidden !important;
  }

  .container {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Fix overlapping backgrounds */
  .hero-section,
  .section-use-cases,
  .section-why,
  .section-features,
  .feature-transformation,
  .section-tools,
  .section-cta {
    position: relative !important;
    overflow: hidden !important;
  }

  .section-use-cases {
    margin: 0px 10px;
  }

  .usecases-columns div:nth-child(1) {
    margin:20px 20px !important;
  }

  /* Ensure proper stacking */
  .section-use-cases {
    z-index: 2 !important;
    padding: 0px 10px !important;
  }

  .section-why {
    z-index: 3 !important;
  }

  .section-features {
    z-index: 4 !important;
  }

  .feature-transformation {
    z-index: 5 !important;
  }

  .section-tools {
    z-index: 6 !important;
  }

  .section-cta {
    z-index: 7 !important;
  }

  .usecases-header-icon {
    color: #8B5CF6;
    filter: drop-shadow(0 10px 22px rgba(139, 92, 246, 0.25));
    margin: 30px 10px 0;
    text-align: left;
}
.usecases-title {
  margin-bottom: 25px;
}
}

/* Background Image Size Fixes */
@media (max-width: 991.98px) {
  body {
    background-size: 100% !important;
    background-position: center top !important;
  }

  body.about-bg {
    background-size: 100% !important;
    background-position: center top !important;
  }

  body.contact-bg {
    background-size: 100% !important;
    background-position: center top !important;
  }

  body.product-bg {
    background-size: 100% !important;
    background-position: center top !important;
  }
}

/* ===================================
   PRODUCT PAGE SPECIFIC ICON FIXES
   =================================== */

@media (max-width: 991.98px) {
  .product-features,
  .product-features1,
  .product-features2 {
    background-size: cover !important;
    background-position: center center !important;
  }

  .product-features img ,
  .product-features1 img,
  .product-features2 img {
    position: unset !important;
    max-width: 100% !important;
  }


  .how-section {
    padding: 3rem 0 !important;
    border-radius: 30px 30px 0 0 !important;
    margin: 0px 10px;
  }

  .section-title {
    font-size: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .step {
    padding: 1.5rem 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .icon-wrapper {
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .icon-wrapper i {
    font-size: 1.5rem !important;
    padding: 1rem !important;
  }

  .step h5 {
    font-size: 1.5rem !important;
    margin-bottom: 0.75rem !important;
  }

  .step p {
    font-size: 0.9rem !important;
  }
}

/* ===================================
   SMALL MOBILE ADJUSTMENTS
   =================================== */

@media (max-width: 575.98px) {
  .hero-heading {
    font-size: 2rem !important;
  }

  .hero-subtitle {
    font-size: 1.1rem !important;
  }

  .usecase-title {
    font-size: 1.1rem !important;
  }

  .ft-small-title {
    font-size: 1.25rem !important;
  }

  .feature-card-title {
    font-size: 1.25rem !important;
  }

  .cta-heading {
    font-size: 1.5rem !important;
  }

  .product-nexus-title {
    font-size: 1.75rem !important;
  }

  .about-nexus-title {
    font-size: 1.75rem !important;
  }

  .contact-nexus-title {
    font-size: 1.75rem !important;
  }
}