.elementor-9211 .elementor-element.elementor-element-c786172{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-9211 .elementor-element.elementor-element-c786172:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lopezbrothersmasonryinc.com/wp-content/uploads/2026/09/561acdf3-4794-47f1-a3f9-2ae0014706f5.jpg");background-position:top right;background-repeat:no-repeat;background-size:66% auto;}.elementor-9211 .elementor-element.elementor-element-c786172::before, .elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-c786172 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-c786172 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(107deg, #AA1919 46%, #202A325C 51%);}.elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-shape-bottom .elementor-shape-fill, .elementor-9211 .elementor-element.elementor-element-c786172 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor1 );}.elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-shape-bottom svg, .elementor-9211 .elementor-element.elementor-element-c786172 > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-9211 .elementor-element.elementor-element-c786172 > .elementor-shape-bottom, .elementor-9211 .elementor-element.elementor-element-c786172 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-9211 .elementor-element.elementor-element-3adf523{--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;--justify-content:center;--padding-top:250px;--padding-bottom:40px;--padding-left:40px;--padding-right:30px;}.elementor-9211 .elementor-element.elementor-element-3adf523:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-3adf523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA1919;}.elementor-9211 .elementor-element.elementor-element-3adf523.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9211 .elementor-element.elementor-element-cb123ee{width:var( --container-widget-width, 103.747% );max-width:103.747%;--container-widget-width:103.747%;--container-widget-flex-grow:0;}.elementor-9211 .elementor-element.elementor-element-cb123ee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9211 .elementor-element.elementor-element-cb123ee .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:35px;color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-65b88e6{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-131f268 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-131f268 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-9211 .elementor-element.elementor-element-131f268{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9211 .elementor-element.elementor-element-131f268 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-e1ea594{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9211 .elementor-element.elementor-element-90b6768{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9211 .elementor-element.elementor-element-90b6768::before, .elementor-9211 .elementor-element.elementor-element-90b6768 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-90b6768 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-90b6768 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-90b6768 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-90b6768 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-90b6768::before{filter:brightness( 23% ) contrast( 170% ) saturate( 100% ) blur( 9.6px ) hue-rotate( 0deg );}.elementor-9211 .elementor-element.elementor-element-90b6768.e-con{--align-self:flex-end;}.elementor-9211 .elementor-element.elementor-element-c81f05a{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-c81f05a .elementor-headline{text-align:center;font-family:"Caveat", Sans-serif;font-size:44px;font-weight:700;}.elementor-9211 .elementor-element.elementor-element-c81f05a .elementor-headline-plain-text{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-c81f05a .elementor-headline-dynamic-wrapper path{stroke:#AA1919;stroke-linecap:round;stroke-linejoin:round;}.elementor-9211 .elementor-element.elementor-element-797e7c7{--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;--overlay-opacity:0.98;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-9211 .elementor-element.elementor-element-797e7c7::before, .elementor-9211 .elementor-element.elementor-element-797e7c7 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-797e7c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-797e7c7 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-797e7c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-797e7c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-9214e2e{--display:flex;}.elementor-9211 .elementor-element.elementor-element-880f9ec{--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;--overlay-opacity:0.5;}.elementor-9211 .elementor-element.elementor-element-880f9ec:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-880f9ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9211 .elementor-element.elementor-element-880f9ec::before, .elementor-9211 .elementor-element.elementor-element-880f9ec > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-880f9ec > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-880f9ec > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-880f9ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-880f9ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-486d2db{--display:flex;--min-height:0px;--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;--overlay-opacity:1;--padding-top:-1px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9211 .elementor-element.elementor-element-486d2db::before, .elementor-9211 .elementor-element.elementor-element-486d2db > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-486d2db > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-486d2db > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-486d2db > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-486d2db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}body.elementor-page-9211:not(.elementor-motion-effects-element-type-background), body.elementor-page-9211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9211 .elementor-element.elementor-element-3adf523{--width:36%;}.elementor-9211 .elementor-element.elementor-element-e1ea594{--width:66.6666%;}.elementor-9211 .elementor-element.elementor-element-90b6768{--width:33%;}.elementor-9211 .elementor-element.elementor-element-486d2db{--content-width:1291px;}}/* Start custom CSS for html, class: .elementor-element-c172708 *//* =========================================================
   LOPEZ & BROTHERS MASONRY INC.
   PROFESSIONAL INFORMATION BAR
   FULL WIDTH
========================================================= */


/* =========================================================
   VARIABLES EDITABLES
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 {

    /* ===== COLOR PRINCIPAL ===== */
    --bar-color: #000000;

    /* ===== COLOR DEL TEXTO ===== */
    --text-color: #ffffff;

    /* ===== COLOR DE LAS DIVISIONES ===== */
    --divider-color: rgba(255,255,255,0.28);

    /* ===== ALTURA ===== */
    --bar-height: 115px;

    /* ===== ICONOS ===== */
    --icon-size: 42px;

    /* ===== TÍTULOS ===== */
    --title-size: 22px;

    /* ===== TEXTO PEQUEÑO ===== */
    --text-size: 10px;

}


/* =========================================================
   FULL WIDTH
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 {

    width: 100vw !important;

    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    box-sizing: border-box;

}


/* =========================================================
   BARRA
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-bar {

    width: 100%;

    min-height: var(--bar-height);

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    background:
        var(--bar-color);

    box-sizing: border-box;

}


/* =========================================================
   ITEMS
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item {

    min-height: var(--bar-height);

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    padding: 18px 25px;

    box-sizing: border-box;

    color: var(--text-color);

    border-right:
        1px solid var(--divider-color);

    transition:
        background .3s ease,
        transform .3s ease;

}


/* =========================================================
   QUITAR BORDE DEL ÚLTIMO
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:last-child {

    border-right: none;

}


/* =========================================================
   HOVER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover {

    background:
        rgba(0,0,0,0.10);

}


/* =========================================================
   ICONOS GRANDES
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-icon {

    width: var(--icon-size);

    min-width: var(--icon-size);

    height: var(--icon-size);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--text-color);

    font-size: var(--icon-size);

    line-height: 1;

}


/* =========================================================
   CONTENIDO
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: left;

}


/* =========================================================
   TÍTULO
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content strong {

    display: block;

    margin: 0 0 6px 0;

    padding: 0;

    color: var(--text-color);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: var(--title-size);

    font-weight: 800;

    line-height: 1;

    letter-spacing: .2px;

}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content span {

    display: block;

    margin: 0;

    padding: 0;

    color: var(--text-color);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: var(--text-size);

    font-weight: 600;

    line-height: 1.35;

    letter-spacing: .5px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-9211 .elementor-element.elementor-element-c172708 {

        --bar-height: 105px;

        --icon-size: 35px;

        --title-size: 18px;

        --text-size: 9px;

    }

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item {

        gap: 12px;

        padding: 15px 12px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-9211 .elementor-element.elementor-element-c172708 {

        --bar-height: auto;

        --icon-size: 29px;

        --title-size: 15px;

        --text-size: 8px;

    }


    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-bar {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item {

        min-height: 90px;

        padding: 13px 10px;

        gap: 9px;

        border-right:
            1px solid var(--divider-color);

        border-bottom:
            1px solid var(--divider-color);

    }


    /* ITEM 2 */

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:nth-child(2) {

        border-right: none;

    }


    /* ITEM 3 */

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:nth-child(3) {

        border-bottom: none;

    }


    /* ITEM 4 */

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:nth-child(4) {

        border-right: none;

        border-bottom: none;

    }


    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content strong {

        margin-bottom: 4px;

    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .elementor-9211 .elementor-element.elementor-element-c172708 {

        --icon-size: 24px;

        --title-size: 13px;

        --text-size: 7px;

    }


    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item {

        min-height: 82px;

        padding: 10px 7px;

        gap: 7px;

    }

}

/* =========================================================
   INTERACTIVE HOVER EFFECT
   LOPEZ & BROTHERS MASONRY
========================================================= */


/* ---------------------------------------------------------
   TARJETA
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    transform: translateY(0) scale(1);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        box-shadow .35s ease;

}


/* ---------------------------------------------------------
   BRILLO QUE RECORRE EL ELEMENTO
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item::before {

    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.20),
            transparent
        );

    transform: skewX(-20deg);

    transition:
        left .65s ease;

    pointer-events: none;

}


/* ---------------------------------------------------------
   HOVER GENERAL
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover {

    transform:
        translateY(-7px)
        scale(1.025);

    background:
        #000000;;

    box-shadow:
        0 12px 30px rgba(0,0,0,.28);

    z-index: 5;

}


/* ---------------------------------------------------------
   ACTIVAR BRILLO
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover::before {

    left: 140%;

}


/* ---------------------------------------------------------
   ICONO
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item .lb-info-icon {

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        filter .3s ease;

}


/* ---------------------------------------------------------
   ICONO AL PASAR EL CURSOR
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover .lb-info-icon {

    transform:
        scale(1.25)
        rotate(-6deg);

    filter:
        drop-shadow(
            0 0 7px
            rgba(255,255,255,.65)
        );

}


/* ---------------------------------------------------------
   TEXTO
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content strong,
.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-content span {

    transition:
        transform .3s ease;

}


/* ---------------------------------------------------------
   PEQUEÑO MOVIMIENTO DEL TEXTO
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover .lb-info-content strong {

    transform:
        translateX(3px);

}


.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover .lb-info-content span {

    transform:
        translateX(3px);

}


/* ---------------------------------------------------------
   EFECTO DE CLICK
--------------------------------------------------------- */

.elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:active {

    transform:
        translateY(-2px)
        scale(.98);

    transition:
        transform .1s ease;

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover {

        transform:
            translateY(-3px)
            scale(1.015);

        box-shadow:
            0 7px 18px rgba(0,0,0,.22);

    }

    .elementor-9211 .elementor-element.elementor-element-c172708 .lb-info-item:hover .lb-info-icon {

        transform:
            scale(1.15)
            rotate(-4deg);

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9214e2e *//* =========================================
   BARRA A TODO EL ANCHO DE LA PANTALLA
========================================= */

.elementor-9211 .elementor-element.elementor-element-9214e2e {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-812f1dd *//* =========================================
   LOPEZ & BROTHERS - FULL WIDTH SERVICES
   ========================================= */

.lb-services-section {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 90px 40px 100px;

    box-sizing: border-box;

    background:
        radial-gradient(
            circle at 20% 30%,
            rgba(226, 27, 35, 0.16),
            transparent 35%
        ),
        radial-gradient(
            circle at 85% 70%,
            rgba(226, 27, 35, 0.10),
            transparent 35%
        ),
        #0b0b0b;

    overflow: hidden;
}


/* HEADER */

.lb-services-header {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 60px;
    text-align: center;
}

.lb-services-header span {
    display: block;

    margin-bottom: 14px;

    color: #e21b23;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 5px;
    text-transform: uppercase;
}

.lb-services-header h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.02;
    font-weight: 800;

    text-transform: uppercase;
}

.lb-services-header p {
    max-width: 850px;

    margin: 25px auto 0;

    color: #d2d2d2;

    font-size: 17px;
    line-height: 1.8;
}


/* GRID */

.lb-services-grid {
    width: 100%;
    max-width: 1700px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 26px;
}


/* CARD */

.lb-service-card {
    position: relative;

    min-width: 0;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    background: #151515;

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(0,0,0,0.35);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* RED TOP LINE */

.lb-service-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 4px;

    background: #e21b23;

    z-index: 5;

    transition: width 0.4s ease;
}


/* HOVER */

.lb-service-card:hover {
    transform: translateY(-10px);

    border-color: rgba(226,27,35,0.65);

    box-shadow:
        0 20px 50px rgba(0,0,0,0.55);
}

.lb-service-card:hover::before {
    width: 100%;
}


/* IMAGE */

.lb-service-image {
    position: relative;

    width: 100%;
    height: 235px;

    overflow: hidden;

    background: #222;
}

.lb-service-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.02),
            rgba(0,0,0,0.30)
        );

    pointer-events: none;
}

.lb-service-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform 0.6s ease,
        filter 0.5s ease;
}

.lb-service-card:hover .lb-service-image img {
    transform: scale(1.08);

    filter: brightness(0.78);
}


/* CONTENT */

.lb-service-content {
    min-height: 215px;

    padding: 28px 25px 30px;

    display: flex;
    flex-direction: column;

    background: #151515;
}

.lb-service-number {
    display: block;

    margin-bottom: 12px;

    color: #e21b23;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 3px;
}

.lb-service-content h3 {
    margin: 0 0 14px;

    color: #ffffff;

    font-size: 23px;
    line-height: 1.15;
    font-weight: 800;
}

.lb-service-content p {
    margin: 0;

    color: #bdbdbd;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   LARGE SCREENS
   ========================================= */

@media (min-width: 1600px) {

    .lb-services-section {
        padding-left: 60px;
        padding-right: 60px;
    }

    .lb-services-grid {
        max-width: 1800px;
        gap: 30px;
    }

    .lb-service-image {
        height: 250px;
    }
}


/* =========================================
   3 COLUMNS
   ========================================= */

@media (max-width: 1200px) {

    .lb-services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* =========================================
   2 COLUMNS
   ========================================= */

@media (max-width: 850px) {

    .lb-services-section {
        padding: 70px 25px 80px;
    }

    .lb-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 20px;
    }

    .lb-service-image {
        height: 210px;
    }

    .lb-service-content {
        min-height: 205px;

        padding: 23px 20px 25px;
    }

    .lb-service-content h3 {
        font-size: 20px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 560px) {

    .lb-services-section {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding: 60px 16px 70px;
    }

    .lb-services-header {
        margin-bottom: 40px;
    }

    .lb-services-header span {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .lb-services-header h2 {
        font-size: 35px;
        line-height: 1.05;
    }

    .lb-services-header p {
        font-size: 15px;
        line-height: 1.65;
    }

    .lb-services-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .lb-service-image {
        height: 220px;
    }

    .lb-service-content {
        min-height: auto;

        padding: 23px 20px 27px;
    }

    .lb-service-content h3 {
        font-size: 22px;
    }

    .lb-service-content p {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8069a1c *//* =========================================================
   LOPEZ & BROTHERS MASONRY INC.
   WHY CHOOSE US - PREMIUM BANNER
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap');


/* =========================================================
   GLOBAL CONFIGURATION
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c {

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 0 !important;

    box-sizing: border-box;

    --banner-height: 290px;

    --red: #e21b23;
    --dark-red: #b50910;

    --black: #090909;
    --dark-black: #111111;

    overflow: hidden;

}


/* =========================================================
   MAIN BANNER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-banner {

    position: relative;

    width: 100%;

    height: var(--banner-height);

    min-height: var(--banner-height);

    display: grid;

    grid-template-columns:
        30%
        40%
        30%;

    overflow: hidden;

    background: #090909;

}


/* =========================================================
   LEFT RED PANEL
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left {

    position: relative;

    z-index: 3;

    height: var(--banner-height);

    /*
       ESPACIO SUPERIOR / INFERIOR
    */

    padding:
        25px
        30px
        28px
        30px;

    box-sizing: border-box;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #ed1c24 0%,
            #dc1119 65%,
            #bd0910 100%
        );

}


/* =========================================================
   RED DIAGONAL
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left::after {

    content: "";

    position: absolute;

    top: 0;

    right: -45px;

    width: 85px;

    height: 100%;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.04),
            rgba(0,0,0,.13)
        );

    clip-path:
        polygon(
            55% 0,
            100% 0,
            45% 100%,
            0 100%
        );

    pointer-events: none;

}


/* =========================================================
   LEFT TITLE
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left h3 {

    position: relative;

    z-index: 5;

    margin:
        0
        0
        13px
        0;

    padding: 0;

    color: #ffffff;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 21px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: -.3px;

    text-shadow:
        0 1px 2px rgba(0,0,0,.18);

}


/* =========================================================
   LEFT LIST
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left ul {

    position: relative;

    z-index: 5;

    margin: 0;

    padding: 0;

    list-style: none;

}


/* =========================================================
   LEFT LIST ITEMS
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left li {

    display: flex;

    align-items: center;

    gap: 9px;

    margin:
        0
        0
        7px
        0;

    padding: 0;

    color: #ffffff;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.25;

    letter-spacing: .05px;

}


/* =========================================================
   CHECK ICON
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-check {

    width: 18px;

    min-width: 18px;

    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    color: #d91018;

    font-family:
        Arial,
        sans-serif;

    font-size: 11px;

    font-weight: 900;

    line-height: 1;

}


/* =========================================================
   CENTER IMAGE
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image {

    position: relative;

    z-index: 1;

    width: 100%;

    height: var(--banner-height);

    min-height: var(--banner-height);

    overflow: hidden;

    background: #222222;

}


/* =========================================================
   CENTER IMAGE
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 100%;

    object-fit: cover;

    object-position: 50% 80%;
}

    transition:
        transform .7s ease;

}


/* =========================================================
   IMAGE HOVER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-banner:hover
.lb-choice-image img {

    transform: scale(1.035);

}


/* =========================================================
   IMAGE DARK OVERLAY
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,.02) 25%,
            rgba(0,0,0,.10) 100%
        );

    pointer-events: none;

}


/* =========================================================
   HANDWRITTEN TEXT
   CENTERED / SLIGHTLY LOWER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image::before {

    content:
        "Crafted with care\A"
        "Built to last";

    position: absolute;

    z-index: 6;

    /*
       CENTRO HORIZONTAL
    */

    left: 50%;

    /*
       UN POCO DEBAJO DEL CENTRO
    */

    top: 57%;

    width: 82%;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(-5deg);

    color: #ffffff;

    font-family:
        'Caveat',
        cursive;

    font-size: 34px;

    font-weight: 700;

    line-height: .84;

    text-align: center;

    white-space: pre;

    /*
       SOMBRA PARA MEJOR LECTURA
    */

    text-shadow:
        2px 2px 0 #000000,
        3px 3px 8px rgba(0,0,0,.95),
        0 0 12px rgba(0,0,0,.75);

    pointer-events: none;

}


/* =========================================================
   EXPERIENCE LABEL
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-image-overlay {

    position: absolute;

    left: 15px;

    bottom: 12px;

    z-index: 7;

    padding:
        6px
        10px;

    background:
        rgba(0,0,0,.78);

    color: #ffffff;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .8px;

    line-height: 1;

}


/* =========================================================
   RIGHT BLACK PANEL
   MASONRY TEXTURE
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right {

    position: relative;

    z-index: 4;

    height: var(--banner-height);

    min-height: var(--banner-height);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding:
        20px
        35px
        20px
        65px;

    margin-left: -35px;

    box-sizing: border-box;

    color: #ffffff;

    background-color: #090909;

    /*
       BASE MASONRY GRID
    */

    background-image:

        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            0deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            transparent 49%,
            rgba(255,255,255,.025) 50%,
            transparent 51%
        );

    background-size:
        72px 36px,
        72px 36px,
        72px 36px;

    /*
       CORTE DIAGONAL
    */

    clip-path:
        polygon(
            13% 0,
            100% 0,
            100% 100%,
            0 100%
        );

}


/* =========================================================
   MASONRY BRICK LINES
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right::before {

    content: "";

    position: absolute;

    inset: 0;

    background:

        repeating-linear-gradient(
            0deg,
            transparent 0px,
            transparent 34px,
            rgba(255,255,255,.045) 35px,
            transparent 36px
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0px,
            transparent 70px,
            rgba(255,255,255,.035) 71px,
            transparent 72px
        );

    opacity: .65;

    pointer-events: none;

}


/* =========================================================
   SUBTLE DIAGONAL LIGHT
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right::after {

    content: "";

    position: absolute;

    top: -50%;

    right: -30%;

    width: 100%;

    height: 200%;

    background:
        linear-gradient(
            120deg,
            transparent 42%,
            rgba(255,255,255,.035) 50%,
            transparent 58%
        );

    transform: rotate(8deg);

    pointer-events: none;

}


/* =========================================================
   RIGHT ICON
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-house-icon {

    position: relative;

    z-index: 6;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin:
        0
        0
        5px
        0;

    color: #ffffff;

    font-size: 25px;

    transform: rotate(45deg);

    transition:
        transform .35s ease;

}


/* =========================================================
   ICON HOVER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right:hover
.lb-house-icon {

    transform:
        rotate(45deg)
        scale(1.15);

}


/* =========================================================
   RIGHT TITLE
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right h2 {

    position: relative;

    z-index: 6;

    margin: 0;

    padding: 0;

    color: #ffffff;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 25px;

    font-weight: 900;

    line-height: 1;

    text-shadow:
        0 2px 5px rgba(0,0,0,.75);

}


/* =========================================================
   RIGHT DESCRIPTION
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right p {

    position: relative;

    z-index: 6;

    margin:
        8px
        0
        13px
        0;

    padding: 0;

    color: #ffffff;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 1.3;

    text-shadow:
        0 2px 4px rgba(0,0,0,.8);

}


/* =========================================================
   QUOTE BUTTON
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-quote-button {

    position: relative;

    z-index: 10;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding:
        10px
        19px;

    background: #ffffff;

    color: #111111;

    border-radius: 30px;

    text-decoration: none;

    font-family:
        'Montserrat',
        Arial,
        sans-serif;

    font-size: 9px;

    font-weight: 900;

    line-height: 1;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        color .3s ease;

}


/* =========================================================
   BUTTON HOVER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-quote-button:hover {

    background: #e21b23;

    color: #ffffff;

    transform:
        translateY(-3px);

    box-shadow:
        0 7px 20px rgba(0,0,0,.45);

}


/* =========================================================
   BUTTON ARROW
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-quote-button span {

    font-size: 15px;

    transition:
        transform .3s ease;

}


.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-quote-button:hover span {

    transform:
        translateX(5px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-9211 .elementor-element.elementor-element-8069a1c {

        --banner-height: 180px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left {

        padding:
            22px
            22px
            25px
            22px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left h3 {

        font-size: 18px;

        margin-bottom: 11px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left li {

        font-size: 9px;

        margin-bottom: 6px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-check {

        width: 16px;

        min-width: 16px;

        height: 16px;

        font-size: 10px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image::before {

        font-size: 29px;

        top: 57%;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right {

        padding-left: 55px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right h2 {

        font-size: 21px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right p {

        font-size: 9px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-9211 .elementor-element.elementor-element-8069a1c {

        width: 100vw !important;

        max-width: 100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-banner {

        width: 100%;

        height: auto;

        min-height: auto;

        display: grid;

        grid-template-columns: 1fr;

    }


    /* -----------------------------------------
       RED
    ----------------------------------------- */

    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left {

        height: auto;

        min-height: 215px;

        padding:
            27px
            22px
            30px
            22px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left::after {

        display: none;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left h3 {

        font-size: 20px;

        margin-bottom: 14px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left li {

        font-size: 11px;

        margin-bottom: 8px;

    }


    /* -----------------------------------------
       IMAGE
    ----------------------------------------- */

    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image {

        height: 220px;

        min-height: 220px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image img {

        min-height: 220px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image::before {

        left: 50%;

        top: 58%;

        width: 85%;

        font-size: 31px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-image-overlay {

        left: 12px;

        bottom: 10px;

        font-size: 7px;

    }


    /* -----------------------------------------
       BLACK PANEL
    ----------------------------------------- */

    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right {

        height: 215px;

        min-height: 215px;

        margin-left: 0;

        padding:
            38px
            20px
            25px;

        clip-path:
            polygon(
                0 8%,
                100% 0,
                100% 100%,
                0 100%
            );

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right h2 {

        font-size: 24px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right p {

        font-size: 10px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left {

        min-height: 215px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left h3 {

        font-size: 19px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left li {

        font-size: 10px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image {

        height: 210px;

        min-height: 210px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image img {

        min-height: 210px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-image::before {

        top: 58%;

        font-size: 28px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right {

        min-height: 205px;

    }


    .elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right h2 {

        font-size: 21px;

    }

}


/* =========================================================
   LEFT RED PANEL - IMAGE + RED OVERLAY
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-left {

    position: relative;

    z-index: 3;

    height: var(--banner-height);

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        25px
        40px
        25px
        40px;

    box-sizing: border-box;

    color: #ffffff;

    overflow: hidden;

    /*
       IMAGEN DE FONDO
    */

    background-image:
        linear-gradient(
            rgba(220, 10, 20, 0.88),
            rgba(190, 5, 15, 0.92)
        ),
        url("https://lopezbrothersmasonryinc.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-04-12-at-5.11.38-PM.jpeg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

/* =========================================================
   LOGO LOPEZ & BROTHERS
   URL DIRECTA + CENTRADO
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-house-icon {

    width: 250px !important;
    height: 150px !important;

    margin: 0 auto 8px auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    /* LOGO */
    background-image: url("https://lopezbrothersmasonryinc.com/wp-content/uploads/2026/09/cropped-Logo-con-trazo-scaled-1.png") !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    /* Elimina desplazamientos */
    transform: none !important;
    rotate: 0deg !important;

    font-size: 0 !important;

    filter: drop-shadow(0 3px 5px rgba(0,0,0,.7));

}


/* Oculta cualquier contenido anterior como ◆ */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-house-icon {
    color: transparent !important;
}


/* Evita que otro IMG interfiera */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-house-icon img {
    display: none !important;
}


/* =========================================================
   HOVER
========================================================= */

.elementor-9211 .elementor-element.elementor-element-8069a1c .lb-choice-right:hover .lb-house-icon {

    transform: scale(1.06) !important;

    transition:
        transform .3s ease;

}/* End custom CSS */