.elementor-5384 .elementor-element.elementor-element-4377315{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5384 .elementor-element.elementor-element-5988bc4{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-5384 .elementor-element.elementor-element-58f5bec{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-5384 .elementor-element.elementor-element-58f5bec a{color:#111111;}.elementor-5384 .elementor-element.elementor-element-58f5bec a:hover, .elementor-5384 .elementor-element.elementor-element-58f5bec a:focus{color:#111111;}.elementor-5384 .elementor-element.elementor-element-a071e47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-5384 .elementor-element.elementor-element-a605bf2{font-family:"Inter", Sans-serif;font-weight:400;color:#000000;}.elementor-5384 .elementor-element.elementor-element-a605bf2 a{color:#0B6A4A;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-5988bc4 */a{ text-decoration: none !important;}
h1,h2,h3,h4{ font-weight:800 !important;}
.salmanzo-formwrap {
    position: relative;
    width: 100%;
    max-width: 360px;
    justify-self: end;
    margin-top: 460px !important;
  
}
.salmanzo-hero-bg {
    background-position: center center;
}

  @media (max-width: 767px){
      .salmanzo-hero-bg{
      background:
        linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,.46) 100%),
        url('https://www.manzoplumbing.com/wp-content/uploads/2026/03/sal-manzo-plumbing-truck-small.webp') !important;
        background-size:cover !important;
    }
    .salmanzo-formwrap {
        position: relative;
        width: auto !important;
        max-width: 100%;
        justify-self: end;
        margin: 30px 10px !important;
    }
     .salmanzo-hero-inner {
        align-items: end !important;
        min-height: 660px !important;
      }
      .salmanzo-btn {
          min-height: 58px;
          padding: 0 20px;
      }
  }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a605bf2 */:root {
        --g: #075f3f;
        --gd: #063f2e;
        --gdeep: #032f24;
        --soft: #eaf5ef;
        --cream: #f7f0df;
        --gold: #f4c334;
        --ink: #10251e;
        --muted: #000000;
        --line: #d6e1da;
        --white: #fff;
        --shadow: 0 16px 38px rgba(4, 52, 37, .12);
        --radius: 20px;
        --blue: #103e5b
    }

    * {
        box-sizing: border-box
    }

    html {
        scroll-behavior: smooth
    }

    body {
        margin: 0;
        background: #fff;
        color: var(--ink);
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.62
    }

    a {
        color: var(--g);
        font-weight: 800;
        text-underline-offset: 3px
    }

    img {
        max-width: 100%;
        height: auto
    }
    .brand-group h3 {
    color: black;
}

    .preview-warning {
        background: #13241e;
        color: #fff;
        text-align: center;
        padding: 10px 14px;
        font-size: 12px;
        font-weight: 800
    }

    .preview-warning b {
        color: var(--gold)
    }

    .dev {
        position: sticky;
        top: 0;
        z-index: 9999;
        background: #111;
        color: #fff;
        border-bottom: 4px solid var(--gold);
        padding: 10px 16px
    }

    .dev-inner {
        max-width: 1240px;
        margin: auto;
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .dev-meta {
        font-size: 12px;
        line-height: 1.45
    }

    .dev button {
        border: 0;
        border-radius: 8px;
        background: var(--gold);
        color: #13241e;
        padding: 10px 13px;
        font-weight: 900;
        cursor: pointer
    }

    .status {
        color: #c9f4d8;
        font-weight: 900;
        font-size: 12px
    }

    .site-top {
        background: #f8f0df;
        border-bottom: 1px solid #eadfca
    }

    .topbar {
        max-width: 1180px;
        margin: auto;
        padding: 7px 18px;
        text-align: right;
        color: var(--g);
        font-size: 12px;
        font-weight: 900
    }

    .nav {
        max-width: 1180px;
        margin: auto;
        padding: 14px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px
    }

    .logo {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 1000;
        color: #e1261c;
        font-size: 21px;
        line-height: .9
    }

    .logo-mark {
        width: 48px;
        height: 42px;
        border-radius: 50% 50% 44% 56%;
        background: linear-gradient(135deg, #0c7b4d, var(--gold));
        box-shadow: inset 0 0 0 5px #fff, 0 4px 10px #b7a985
    }

    .logo small {
        display: block;
        color: var(--g);
        font-size: 10px;
        letter-spacing: .04em
    }

    .menu {
        display: flex;
        gap: 18px;
        font-size: 13px;
        font-weight: 900
    }

    .menu a {
        text-decoration: none;
        color: #172820
    }

    .nav-phone {
        padding: 11px 15px;
        border-radius: 8px;
        background: var(--gold);
        color: var(--gd);
        text-decoration: none;
        font-weight: 1000;
        box-shadow: 0 6px 14px rgba(0, 0, 0, .14)
    }

    .hero {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle at 15% 25%, rgba(255, 255, 255, .14), transparent 28%), linear-gradient(95deg, rgba(3, 47, 36, .99) 0%, rgba(3, 47, 36, .91) 56%, rgba(16, 62, 91, .68) 78%, rgba(244, 195, 52, .24) 100%);
        min-height: 530px
    }

    .hero:before {
        content: "";
        position: absolute;
        right: -3%;
        bottom: -15px;
        width: 54%;
        height: 73%;
        background: linear-gradient(135deg, #f0c52c, #d7a90f);
        border-radius: 150px 26px 0 0;
        transform: skewX(-9deg);
        box-shadow: inset 0 0 0 18px rgba(255, 255, 255, .18)
    }

    .hero:after {
        content: "EXISTING MANZO TRUCK HERO";
        position: absolute;
        right: 7%;
        bottom: 42%;
        color: rgba(0, 53, 37, .65);
        font-weight: 1000;
        letter-spacing: .08em;
        transform: rotate(-3deg)
    }

    .hero-inner {
        position: relative;
        z-index: 2;
        max-width: 1180px;
        margin: auto;
        padding: 62px 18px;
        display: grid;
        grid-template-columns: 1.08fr .72fr;
        gap: 48px;
        align-items: center
    }

    .hero-copy {
        max-width: 700px;
        color: #fff
    }

    .eyebrow {
        display: inline-block;
        padding: 7px 10px;
        border-radius: 999px;
        background: var(--gold);
        color: var(--gd);
        font-size: 11px;
        font-weight: 1000;
        letter-spacing: .07em;
        text-transform: uppercase
    }

    .hero h1 {
        font-size: clamp(39px, 5vw, 69px);
        line-height: .96;
        letter-spacing: -.045em;
        margin: 16px 0
    }

    .hero p {
        font-size: 18px;
        line-height: 1.55;
        color: #e9f3ed;
        max-width: 670px
    }

    .hero-btns {
        display: flex;
        gap: 11px;
        flex-wrap: wrap;
        margin-top: 22px
    }

    .hero-btns a {
        display: inline-flex;
        padding: 13px 18px;
        border-radius: 999px;
        text-decoration: none;
        font-weight: 1000
    }

    .call {
        background: var(--gold);
        color: var(--gd)
    }

    .schedule {
        background: #fff;
        color: var(--g)
    }

    .micro {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        margin-top: 18px;
        font-size: 12px;
        font-weight: 900;
        color: #fff
    }

    .form {
        background: var(--g);
        color: #fff;
        border: 5px solid #fff;
        border-radius: 14px;
        padding: 19px;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .3);
        max-width: 370px;
        justify-self: end
    }

    .form h2 {
        font-size: 18px;
        margin: 0 0 12px;
        text-align: center
    }

    .form input,
    .form textarea,
    .form select {
        width: 100%;
        padding: 11px;
        border: 0;
        border-radius: 5px;
        margin: 5px 0;
        font: 14px Arial
    }

    .form button {
        width: 100%;
        padding: 13px;
        border: 0;
        border-radius: 5px;
        background: var(--gold);
        color: var(--gd);
        font-weight: 1000;
        margin-top: 5px
    }

    .ticker {
        background: var(--g);
        color: #fff;
        border-top: 3px solid var(--gold);
        display: flex;
        justify-content: center;
        gap: 34px;
        flex-wrap: wrap;
        padding: 12px 18px;
        font-size: 12px;
        font-weight: 900
    }

    #mcp-page,
    #mcp-page * {
        box-sizing: border-box
    }

    #mcp-page {
        color: var(--ink);
        background: #fff;
        font-size: 16px
    }

    .wrap {
        width: min(1160px, calc(100% - 36px));
        margin: 0 auto
    }

    .section {
        padding: 76px 0
    }

    .tight {
        padding: 50px 0
    }

    .cream {
        background: var(--cream)
    }

    .soft {
        background: var(--soft)
    }

    .dark {
        background: linear-gradient(135deg, var(--gdeep), var(--g));
        color: #fff
    }

    .blue {
        background: linear-gradient(135deg, #0b334a, var(--blue));
        color: #fff
    }

    .kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 12px;
        padding: 7px 11px;
        border-radius: 999px;
        background: #dff1e7;
        color: var(--gd);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase
    }

    .dark .kicker,
    .blue .kicker,
    .kicker.gold {
        background: var(--gold);
        color: var(--gdeep)
    }

    .title {
        font-size: clamp(30px, 4.2vw, 52px);
        line-height: 1.04;
        margin: 0 0 16px;
        letter-spacing: -.035em
    }

    .title-sm {
        font-size: clamp(27px, 3.2vw, 40px);
        line-height: 1.08;
        margin: 0 0 14px;
        letter-spacing: -.028em
    }

    .lead {
        font-size: 19px;
        line-height: 1.65;
        color: var(--muted);
        max-width: 920px
    }

    .dark .lead,
    .dark p,
    .dark li,
    .blue .lead,
    .blue p,
    .blue li {
        color: #e8f4ed
    }

    .center {
        text-align: center
    }

    .center .lead {
        margin-inline: auto
    }

    .grid-2 {
        display: grid;
        grid-template-columns: 1.05fr .95fr;
        gap: 34px;
        align-items: start
    }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }

    .grid-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px
    }

    .card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 25px
    }

    .card h3 {
        font-size: 20px;
        line-height: 1.18;
        margin: 0 0 10px
    }

    .card p {
        margin: 0;
        color: var(--muted)
    }

    .dark .card,
    .blue .card {
        background: rgba(255, 255, 255, .08);
        border-color: rgba(255, 255, 255, .15);
        box-shadow: none
    }

    .dark .card h3,
    .blue .card h3 {
        color: #fff
    }

    .dark .card p,
    .blue .card p {
        color: #e8f4ed
    }

    .icon {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border-radius: 14px;
        background: var(--soft);
        color: var(--g);
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 16px
    }

    .answer {
        border: 2px solid var(--g);
        border-radius: 24px;
        background: #fff;
        box-shadow: var(--shadow);
        padding: 30px;
        position: relative;
        overflow: hidden
    }

    .answer:after {
        content: "";
        position: absolute;
        right: -70px;
        top: -70px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(244, 195, 52, .28)
    }

    .answer h2 {
        font-size: clamp(25px, 3vw, 38px);
        line-height: 1.1;
        margin: 0 0 12px;
        max-width: 900px
    }

    .answer p {
        font-size: 18px;
        margin: 0;
        max-width: 1000px;
        color: var(--muted)
    }

    .jump {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 24px
    }

    .jump a {
        display: inline-flex;
        padding: 10px 14px;
        border: 1px solid #bad0c3;
        border-radius: 999px;
        background: #fff;
        text-decoration: none;
        font-size: 13px
    }

    .checklist {
        list-style: none;
        padding: 0;
        margin: 18px 0 0
    }

    .checklist li {
        position: relative;
        padding: 9px 0 9px 30px;
        border-bottom: 1px solid rgba(7, 95, 63, .12)
    }

    .checklist li:last-child {
        border-bottom: 0
    }

    .checklist li:before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 9px;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: var(--gold);
        color: var(--gdeep);
        display: grid;
        place-items: center;
        font-size: 12px;
        font-weight: 900
    }

    .section .photo {
        min-height: 470px;
        border-radius: 26px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: flex-end;
        padding: 0;
        box-shadow: var(--shadow);
        background: linear-gradient(145deg, rgba(3, 47, 36, .25), rgba(3, 47, 36, .9)), repeating-linear-gradient(45deg, #526e64 0 22px, #71877f 22px 44px)
    }
    .section .photo img
    {
        width: 100%;
    }
    .photo-copy {
        position: relative;
        z-index: 2;
        color: #fff;
        max-width: 760px
    }

    .photo strong {
        display: block;
        font-size: 27px;
        line-height: 1.1
    }

    .photo p {
        color: #eff8f3
    }

    .photo code {
        display: inline-block;
        background: rgba(255, 255, 255, .14);
        border: 1px solid rgba(255, 255, 255, .3);
        padding: 7px 9px;
        border-radius: 7px;
        color: #fff
    }

    .photo small {
        display: block;
        margin-top: 10px;
        color: #e0ece6
    }

    .compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }

    .compare .card:first-child {
        border-top: 6px solid var(--g)
    }

    .compare .card:last-child {
        border-top: 6px solid var(--gold)
    }

    .chips {
        display: flex;
        gap: 9px;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .chip {
        padding: 8px 12px;
        border-radius: 999px;
        background: #fff !important;
        border: 1px solid var(--line) !important;
        color: var(--g) !important;
        font-size: 13px;
        font-weight: 900;
    }

    .dark .chip,
    .blue .chip {
        background: rgba(255, 255, 255, .1);
        color: #fff;
        border-color: rgba(255, 255, 255, .22)
    }

    .brand-groups {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }

    .brand-group {
        padding: 24px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid var(--line)
    }

    .brand-group h3 {
        margin-top: 0
    }

    .process {
        counter-reset: step
    }

    .step {
        position: relative;
        padding-left: 75px
    }

    .step:before {
        counter-increment: step;
        content: counter(step);
        position: absolute;
        left: 18px;
        top: 22px;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: var(--gold);
        color: var(--gdeep);
        display: grid;
        place-items: center;
        font-weight: 1000
    }

    .resource-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px
    }

    .resource {
        display: block;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 18px;
        text-decoration: none
    }

    .resource b {
        display: block;
        color: var(--gd);
        margin-bottom: 5px
    }

    .resource span {
        display: block;
        color: var(--muted);
        font-weight: 400;
        font-size: 14px
    }

    .proof {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-top: 26px
    }

    .proof div {
        background: #fff;
        color: var(--gdeep);
        border-radius: 16px;
        padding: 22px;
        text-align: center
    }

    .proof strong {
        display: block;
        font-size: 31px;
        color: var(--g)
    }

    .faq details {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 13px;
        margin: 10px 0;
        overflow: hidden
    }

    .faq summary {
        cursor: pointer;
        padding: 18px 20px;
        color: var(--gd);
        font-weight: 1000
    }

    .faq p {
        padding: 0 20px 20px;
        margin: 0;
        color: var(--muted)
    }

    .btns {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 24px
    }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 49px;
        padding: 12px 18px;
        border-radius: 999px;
        text-decoration: none;
        font-weight: 1000
    }

    .btn.gold {
        background: var(--gold);
        color: var(--gdeep)
    }

    .btn.green {
        background: var(--g);
        color: #fff !important;
    }

    .btn.white {
        background: #fff;
        color: var(--g)
    }

    .final {
        padding: 70px 0;
        text-align: center;
        background: linear-gradient(135deg, var(--gdeep), var(--g));
        color: #fff
    }

    .final p {
        max-width: 850px;
        margin: 0 auto;
        color: #eaf4ef;
        font-size: 18px
    }

    .final .btns {
        justify-content: center
    }

    .footer {
        background: #071f18;
        color: #dbe8e1;
        padding: 50px 18px 80px
    }

    .footer .wrap {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 28px
    }

    .footer h3 {
        color: #fff
    }

    .footer a {
        color: #fff
    }

    .mobile-bar {
        display: none
    }

    @media(max-width:980px) {

        .hero-inner,
        .grid-2,
        .grid-4,
        .resource-grid,
        .proof,
        .brand-groups {
            grid-template-columns: 1fr 1fr
        }

        .hero:before,
        .hero:after {
            opacity: .25
        }

        .form {
            justify-self: stretch
        }

        .menu {
            display: none
        }
    }

    @media(max-width:700px) {
        body {
            padding-bottom: 64px
        }

        .hero-inner,
        .grid-2,
        .grid-3,
        .grid-4,
        .compare,
        .resource-grid,
        .proof,
        .brand-groups,
        .footer .wrap {
            grid-template-columns: 1fr
        }

        .hero-inner {
            padding: 46px 18px
        }

        .hero h1 {
            font-size: 43px
        }

        .section {
            padding: 58px 0
        }

        .wrap {
            width: min(100% - 28px, 1160px)
        }

        .photo {
            min-height: 500px
        }

        .mobile-bar {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
            display: grid;
            grid-template-columns: 1fr 1fr;
            box-shadow: 0 -6px 20px rgba(0, 0, 0, .22)
        }

        .mobile-bar a {
            display: grid;
            place-items: center;
            min-height: 64px;
            text-decoration: none;
            font-weight: 1000
        }

        .mobile-bar a:first-child {
            background: var(--g);
            color: #fff
        }

        .mobile-bar a:last-child {
            background: var(--gold);
            color: var(--gdeep)
        }

        .dev {
            position: static
        }
    }/* End custom CSS */