#distributors.distributor {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(6, 14, 21, .96) 0%, rgba(6, 14, 21, .90) 34%, rgba(6, 14, 21, .68) 63%, rgba(6, 14, 21, .54) 100%),
        url('distributor-supply-house.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#distributors.distributor::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(5, 11, 17, .12), rgba(5, 11, 17, .42));
    pointer-events: none;
}

#distributors .distributor-copy {
    position: relative;
    z-index: 1;
    width: min(92vw, 1480px) !important;
    max-width: 1480px !important;
    margin-inline: auto !important;
}

#distributors .lead {
    max-width: 1050px;
}

#distributors .benefits {
    width: 100%;
    max-width: 1220px;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

#distributors .benefit {
    min-height: 220px;
    padding: 30px 30px 28px !important;
    background: rgba(8, 17, 25, .82) !important;
    border-color: rgba(255, 255, 255, .20) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

section.hero.drakken-plumber-hero {
    position: relative;
    isolation: isolate;
    background-image:
        linear-gradient(90deg, rgba(5, 14, 22, .97) 0%, rgba(5, 14, 22, .90) 42%, rgba(5, 14, 22, .64) 69%, rgba(5, 14, 22, .52) 100%),
        url('south-florida-plumber-installation.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

section.hero.drakken-plumber-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(4, 10, 16, .06), rgba(4, 10, 16, .35));
    pointer-events: none;
}

section.hero.drakken-plumber-hero .hero-note {
    background: rgba(8, 20, 29, .90) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

section.hero.drakken-plumber-hero .hero-note h2 {
    margin-bottom: 18px !important;
}

section.hero.drakken-plumber-hero .hero-note ul {
    margin: 0 !important;
    padding-left: 22px !important;
}

section.hero.drakken-plumber-hero .hero-note li {
    margin: 0 0 10px !important;
    font-size: clamp(16px, 1.05vw, 19px) !important;
    line-height: 1.35 !important;
}

section.hero.drakken-plumber-hero .hero-note li:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    #distributors.distributor {
        background-position: 68% center !important;
        background-image:
            linear-gradient(90deg, rgba(6, 14, 21, .96), rgba(6, 14, 21, .84)),
            url('distributor-supply-house.jpg') !important;
    }

    #distributors .benefits {
        grid-template-columns: 1fr !important;
    }

    #distributors .benefit {
        min-height: 0;
    }

    section.hero.drakken-plumber-hero {
        background-position: 66% center !important;
        background-image:
            linear-gradient(90deg, rgba(5, 14, 22, .96), rgba(5, 14, 22, .80)),
            url('south-florida-plumber-installation.jpg') !important;
    }
}