img,video,iframe,table{max-width: 100%} .container,.container-fluid{overflow-x: hidden} .row{margin-left: 0;margin-right: 0;max-width: 100%} .col,[class*="col-"]{padding-left: 15px;padding-right: 15px;max-width: 100%} img,video,iframe{max-width: 100%;height: auto} .navbar{width: 100%;max-width: 100vw} .back-to-top{max-width: 50px} .scroll-progress{max-width: 100vw} table{width: 100%;table-layout: auto} .hero-section,.service-card,.testimonial-card,.quote-form-wrapper,.contact-form-container{max-width: 100%;overflow-x: hidden} @media (max-width: 768px){.navbar{overflow: hidden !important;overflow-y: hidden !important;max-height: none !important} .navbar-collapse{overflow: hidden !important;overflow-y: hidden !important;max-height: none !important;height: auto !important} .navbar-nav{overflow: hidden !important;overflow-y: hidden !important} .navbar-brand{font-size: var(--font-size-lg)} .brand-text{display: none} .hero-section{padding: var(--spacing-2xl) 0;text-align: center} .hero-title{font-size: var(--font-size-4xl);margin-bottom: var(--spacing-lg)} .hero-description{font-size: var(--font-size-base);margin-bottom: var(--spacing-xl)} .hero-buttons{flex-direction: column;gap: var(--spacing-md)} .hero-buttons .btn{width: 100%;margin: 0 0 var(--spacing-md) 0 !important} .hero-stats{margin-top: var(--spacing-2xl) !important} .hero-stats h3{font-size: var(--font-size-2xl)} .section-title{font-size: var(--font-size-3xl);text-align: center} .section-description{font-size: var(--font-size-base);text-align: center} .service-card{padding: var(--spacing-xl);margin-bottom: var(--spacing-lg)} .service-icon{width: 60px;height: 60px;font-size: var(--font-size-2xl)} .process-step{margin-bottom: var(--spacing-2xl)} .step-number{width: 35px;height: 35px;font-size: var(--font-size-base)} .step-icon{width: 60px;height: 60px;font-size: var(--font-size-xl)} .testimonial-card{margin-bottom: var(--spacing-lg);padding: var(--spacing-lg)} .testimonial-author{flex-direction: column;text-align: center;gap: var(--spacing-sm)} .quote-form-wrapper{padding: var(--spacing-xl)} footer .row > div{margin-bottom: var(--spacing-xl);text-align: center} .social-links{justify-content: center;margin-top: var(--spacing-lg)} .back-to-top{bottom: 20px;right: 20px;width: 45px;height: 45px} } @media (max-width: 576px){.container{padding-left: var(--spacing-md);padding-right: var(--spacing-md);max-width: 100%} body,html{overflow-x: hidden !important;max-width: 100vw !important} .row{margin-left: -8px !important;margin-right: -8px !important} .col,[class*="col-"]{padding-left: 8px !important;padding-right: 8px !important} section{padding: var(--spacing-2xl) 0 !important} .hero-title{font-size: var(--font-size-3xl);line-height: 1.3} .hero-description{font-size: var(--font-size-sm);line-height: 1.6} .hero-stats h3{font-size: var(--font-size-xl)} .hero-stats small{font-size: var(--font-size-xs)} .section-title{font-size: var(--font-size-2xl)} .section-title::after{width: 40px;height: 3px;left: 50%;transform: translateX(-50%)} .section-description{font-size: var(--font-size-sm)} .service-card{padding: var(--spacing-lg)} .service-card h3{font-size: var(--font-size-lg)} .service-card p{font-size: var(--font-size-sm)} .service-features li{font-size: var(--font-size-xs)} .step-number{width: 30px;height: 30px;font-size: var(--font-size-sm)} .step-icon{width: 50px;height: 50px;font-size: var(--font-size-lg);margin: var(--spacing-md) auto var(--spacing-sm)} .process-step h5{font-size: var(--font-size-base)} .process-step p{font-size: var(--font-size-xs)} .testimonial-card{padding: var(--spacing-md)} .testimonial-card p{font-size: var(--font-size-sm)} .testimonial-author img{width: 40px;height: 40px} .testimonial-author h6{font-size: var(--font-size-sm)} .testimonial-author small{font-size: 0.65rem} .quote-form-wrapper{padding: var(--spacing-lg)} .form-control,.form-select{padding: 10px 12px;font-size: var(--font-size-sm)} .footer-brand h5{font-size: var(--font-size-lg)} .footer-brand p{font-size: var(--font-size-sm)} .contact-info .contact-item{font-size: var(--font-size-xs)} } @media (min-width: 1200px){.hero-title{font-size: 3.5rem} .hero-description{font-size: var(--font-size-xl)} .section-title{font-size: 2.8rem} .service-card{padding: var(--spacing-3xl)} .service-icon{width: 100px;height: 100px;font-size: 2.5rem} .step-number{width: 50px;height: 50px;font-size: var(--font-size-xl)} .step-icon{width: 100px;height: 100px;font-size: var(--font-size-3xl)} } @media (max-height: 500px) and (orientation: landscape){.hero-section{min-height: auto;padding: var(--spacing-xl) 0} .hero-title{font-size: var(--font-size-3xl);margin-bottom: var(--spacing-md)} .hero-description{margin-bottom: var(--spacing-lg)} .hero-stats{margin-top: var(--spacing-lg) !important} .scroll-indicator{display: none} } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.service-icon,.step-icon{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} } @media print{.navbar,.scroll-indicator,.back-to-top,#quote{display: none !important} .hero-section{background: none !important;color: var(--gray-900) !important;min-height: auto !important;padding: var(--spacing-lg) 0 !important} .hero-title,.hero-description{color: var(--gray-900) !important;text-shadow: none !important} .testimonial-card{background: var(--white) !important;border: 1px solid var(--gray-300) !important;color: var(--gray-900) !important} .testimonial-card p{color: var(--gray-800) !important} .testimonial-author h6,.testimonial-author small{color: var(--gray-700) !important} a{color: var(--gray-900) !important;text-decoration: underline !important} } @media (prefers-reduced-motion: reduce){*{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important} .scroll-down{animation: none !important} html{scroll-behavior: auto} } @media (prefers-color-scheme: dark){} @supports (container-type: inline-size){.service-card{container-type: inline-size} @container (max-width: 300px){.service-card{padding: var(--spacing-lg)} .service-icon{width: 50px;height: 50px;font-size: var(--font-size-xl)} } }