.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.header_wrapper {
    position: absolute;
    background: transparent;
}

.menu ul li a:hover,
.menu ul li a:focus {
    color: #111;
}
.nav-estimate a {
    color: #111 !important;
}

.half-background {
	height: 100px;
}

.intro-image-wrapper {
    display: flex;
    gap: 15px;
}


/*** Scrolling Logos ****/
.scrolling-brands-section.main-global {
	z-index: 1;
	padding: 70px 3%;
	background: #f7f7f7;
}

.brand-strip {
    padding: 28px 0;
}

.logos-marquee {
    position: relative;
    overflow: hidden;
    /* hide the overflow as we scroll the content */
    max-width: 1200px;
    margin: 0 auto;
}

.track {
    display: flex;
    align-items: center;
    gap: clamp(28px, 5vw, 64px);
    /* responsive spacing between logos */
    padding-inline: 12px;
    /* width grows naturally; we clone items via JS for the seamless loop */
}

.track img {
    height: clamp(38px, 6vw, 64px);
    /* responsive logo height */
    width: auto;
    object-fit: contain;
    opacity: 0.9;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease;
    will-change: transform;
}

.track img:hover {
    filter: none;
    opacity: 1;
    transform: translateY(-2px);
}

/* Optional: reduce motion users still get a static, nice row */
@media (prefers-reduced-motion: reduce) {
    .logos-marquee {
        overflow-x: auto;
    }
}