/* ==========================================================================
   NEXORA IT — Responsive Overrides
   Mobile-first adjustments layered on top of style.css
   ========================================================================== */
/* Large tablets / small desktops */
@media (max-width: 1440px) {
h3 {
font-size: 36px;
}
.nx-navbar .nav-link { 
padding: 0 20px !important; 
}

.section-head p.lead {
font-size: 1.05rem;
}
.nx-navbar .nx-brand img {
width: 200px;
display: block;
}
.nx-navbar.scrolled .nx-brand img {
width: 120px;
}

.nx-hero {
padding-top: 160px;
}

.nx-hero h1 {
font-size: clamp(2.5rem, 4vw, 3.2rem);
margin-bottom: 30px;
}

.highlight-card h3 {
font-size: 30px;
}
}
/* Large tablets / small desktops */
@media (max-width: 1199.98px) {
.section-pad {
padding: 60px 0;
}

h3 {
font-size: 33px;
}

.nx-hero {
padding-top: 140px;
}

.container {
max-width: 1120px;
}

.nx-hero {
padding: 140px 0 60px 0;
}

.nx-hero h1 {
font-size: clamp(2.5rem, 4vw, 2.75rem);
}

.clients-section {
margin: -50px 0 0 0;
padding: 100px 0 20px 0;
}

.become-host-timeline .display-3, .nx-final-cta .display-3 {
font-size: 3.5rem;
}

.become-host-timeline .display-3, .nx-final-cta .display-3 {
font-size: 3.2rem;
}

.timeline-step {
padding: 15px 24px;
}

.timeline-step .timeline-step-header .timeline-step-header-detail h4 {
margin: 0 0 15px 0;
font-size: 18px;
font-weight: 600;
}

.nx-hero {
border-radius: 0 0 30px 30px;
}

.nx-navbar .nx-brand img {
width: 160px;
}

.nx-navbar.scrolled .nx-brand img {
width: 100px;
}

.nx-lead-card {
padding: 20px 15px;
}

.nx-lead-card .sub {
font-size: 0.85rem;
margin-bottom: 24px;
}

.nx-hero .lead {
font-size: 1.10rem;
}
}

/* Tablets */
@media (max-width: 991.98px) {
h3 {
font-size: 30px;
}

.nx-navbar .nav-link {
font-size: 1.0rem;
padding: 5px 0 5px 0 !important;
}

.become-host-timeline .display-3, .nx-final-cta .display-3 {
font-size: 2.5rem;
}

.industry-card h5 {
margin-bottom: 0;
font-size: 18px;
}

.container {
max-width: 720px;
}

.nx-hero {
padding: 130px 0 70px;
text-align: center;
}

.nx-hero-ctas {
justify-content: center;
margin-bottom: 0;
}

.nx-lead-card {
margin-top: 0;
}

.nx-hero .lead {
margin-left: auto;
margin-right: auto;
}

.nx-highlights {
margin: 0 auto;
text-align: left;
}

.nx-about-visual {
min-height: 300px;
margin-bottom: 36px;
}

.section-head {
margin-bottom: 35px;
}

.nx-navbar .navbar-collapse {
background: #fff;
border-radius: var(--radius-md);
padding: 18px;
margin-top: 14px;
box-shadow: var(--shadow-soft);
border: 1px solid var(--nx-line);
}

.nx-navbar .nav-link.active::after {
display: none;
}

.nx-navbar .btn-nx-primary {
width: 100%;
text-align: center;
margin-top: 8px;
}

.clients-section {
overflow-x: hidden;
}

.timeline-line {
right: 0px;
width: 4px;
}

.timeline-track {
padding: 20px 30px 20px 0px;
}

.steps-list {
gap: 20px;
}

.nx-final-cta {
padding: 50px 0 100px 0;
}

.nx-footer {
padding: 15px 0 0;
}
.nx-footer-inner {
padding: 30px 0 0 0;
}
.nx-footer .nx-brand {
max-width: 160px;
display: inline-block;
}
}

/* Small tablets / large phones */
@media (max-width: 767.98px) {
:root {
--radius-lg: 18px;
}
.clients-section { 
padding: 120px 0 40px 0;
}
.nx-hero h1 {
font-size: 2rem;
}

.nx-lead-card {
padding: 30px 22px;
}

.nx-highlights {
grid-template-columns: 1fr;
}

.nx-final-cta .d-flex {
flex-direction: column;
}

.nx-footer-bottom {
flex-direction: column-reverse;
text-align: center;
}

.nx-footer-bottom a {
margin: 0;
}

.nx-contact-form-card, .nx-contact-info-card {
padding: 28px 22px;
}

.nx-testimonial-card {
padding: 26px;
}

.highlight-card {
text-align: center;
}

.highlight-link {
justify-content: center;
}

.nx-navbar .nx-brand img {
width: 140px;
}
.section-pad {
padding: 70px 0;
}
.nx-footer ul li i { 
font-size: 21px; 
}
.nx-footer ul li {
margin-bottom: 8px;  
}
.nx-footer-bottom span { 
font-size: 0.85rem;
}
}

/* Phones */
@media (max-width: 575.98px) {
:root {
--radius-lg: 12px;
}

.section-pad {
padding: 70px 0;
}
.section-head h3 {
margin-bottom: 24px;
}

.sticky-sidebar {
position: static;
}

.highlight-card {
padding: 0;
}

.review-card { 
padding: 30px 15px;
}
.review-card p {
margin: 0;
font-size: 1.0rem;
}
.timeline-step {
padding: 15px;
}

.nx-hero {
padding: 120px 0 50px;
text-align: center;
}

.nx-eyebrow {
font-size: 11px;
}

.section-head h2 {
font-size: 1.6rem;
}

.nx-hero h1 {
font-size: 1.75rem;
}

.nx-hero .lead {
font-size: 1rem;
}

.btn-lg {
padding: 0.8rem 1.5rem;
font-size: 0.95rem;
width: 100%;
}

.nx-hero-ctas {
flex-direction: column;
align-items: stretch;
}

.nx-stat-card .num {
font-size: 1.7rem;
}

.nx-service-card {
padding: 26px 20px;
}

.nx-to-top {
right: 16px;
bottom: 16px;
width: 40px;
height: 40px;
}

.nx-filter-tabs {
gap: 8px;
}

.nx-filter-btn {
padding: 7px 14px;
font-size: 0.8rem;
}

.become-host-timeline .display-3, .nx-final-cta .display-3 {
font-size: 2.0rem;
}

.nx-marquee-track {
display: flex;
gap: 15px;
}

.nx-client-logo {
padding: 0 30px;
}

.timeline-track {
padding: 15px 15px 15px 0px;
}

.step-item {
gap: 15px;
padding: 15px 15px;
}

.nx-about-visual {
min-height: 300px;
margin-bottom: 0;
}

.slick-slide {
margin: 0 6px;
}

.industry-card {
padding: 20px 10px;
}

.industry-card .icon {
margin: 0 auto 15px auto;
}

.fs-2 {
font-size: calc(1.725rem + .9vw) !important;
}

.nx-hero-grid {
background-size: 24px 24px;
}
.nx-brand {
font-size: 2.0rem;
}
.nx-footer p {
margin-top: 24px;
flex-direction: column;
font-size: 16px;
}
}