.elementor-37 .elementor-element.elementor-element-c7a03e1{--display:flex;--min-height:675px;--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;}.elementor-37 .elementor-element.elementor-element-c7a03e1:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-c7a03e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mbremodelingllc.com/wp-content/uploads/2025/11/mb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-8297afd{margin:250px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-37 .elementor-element.elementor-element-8297afd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-b3ceafe{text-align:center;}.elementor-37 .elementor-element.elementor-element-b3ceafe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-37 .elementor-element.elementor-element-2c28563 .elementor-button{background-color:#BF0404;fill:var( --e-global-color-c696dce );color:var( --e-global-color-c696dce );}.elementor-37 .elementor-element.elementor-element-2c28563 .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-2c28563 .elementor-button:focus{background-color:#1D3867;color:var( --e-global-color-c696dce );border-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-2c28563 .elementor-button:hover svg, .elementor-37 .elementor-element.elementor-element-2c28563 .elementor-button:focus svg{fill:var( --e-global-color-c696dce );}.elementor-37 .elementor-element.elementor-element-036fed3{--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;--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-37 .elementor-element.elementor-element-5c37a91{--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:0.4;--margin-top:0px;--margin-bottom:-165px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-5c37a91:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-5c37a91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mbremodelingllc.com/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-20-at-10.58.10-AM-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-5c37a91::before, .elementor-37 .elementor-element.elementor-element-5c37a91 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-5c37a91 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-5c37a91 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-5c37a91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-5c37a91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-a5f84a0{--display:flex;}.elementor-37 .elementor-element.elementor-element-aced60a{--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;--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-37 .elementor-element.elementor-element-aa28bf6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-7b8f3ec{--display:flex;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-37 .elementor-element.elementor-element-7b8f3ec::before, .elementor-37 .elementor-element.elementor-element-7b8f3ec > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-7b8f3ec > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-7b8f3ec > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-7b8f3ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-7b8f3ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-73bb0b4{--display:flex;--overlay-opacity:0.8;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:90px;--padding-right:90px;}.elementor-37 .elementor-element.elementor-element-73bb0b4::before, .elementor-37 .elementor-element.elementor-element-73bb0b4 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-73bb0b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-73bb0b4 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-73bb0b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-73bb0b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-37 .elementor-element.elementor-element-ae47934 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-37 .elementor-element.elementor-element-ae47934 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-37 .elementor-element.elementor-element-ae47934 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-type-html{padding-bottom:0px;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .e-form__buttons__wrapper__button-next{background-color:#2C3493;color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-button[type="submit"]{background-color:#2C3493;color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .e-form__buttons__wrapper__button-previous{background-color:#2C3493;color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-0637e10 );color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-0637e10 );color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-37 .elementor-element.elementor-element-ae47934{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-37 .elementor-element.elementor-element-697a5dc{--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;--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-37 .elementor-element.elementor-element-b8688b4{--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;--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-37 .elementor-element.elementor-element-ab46d37{--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;--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-37 .elementor-element.elementor-element-5e2aeb5{--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;--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-37 .elementor-element.elementor-element-3355d7c{--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;--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-37 .elementor-element.elementor-element-37d3198{--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;--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-37 .elementor-element.elementor-element-6e52fbc{--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;--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-37 .elementor-element.elementor-element-cb5cfed{--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;--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-37 .elementor-element.elementor-element-5d8f4c6{--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;--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-37 .elementor-element.elementor-element-c81274f{--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;--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-37 .elementor-element.elementor-element-1d60373{--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;--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-37 .elementor-element.elementor-element-4ee86fc{--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;--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-37 .elementor-element.elementor-element-60f0ae2{--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;--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-37 .elementor-element.elementor-element-01d5ad1{--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;--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-37 .elementor-element.elementor-element-01d5ad1:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-01d5ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-a038b76{--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;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.3;--margin-top:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-37 .elementor-element.elementor-element-a038b76:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-a038b76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mbremodelingllc.com/wp-content/uploads/2025/11/mb2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-a038b76::before, .elementor-37 .elementor-element.elementor-element-a038b76 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-a038b76 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-a038b76 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-a038b76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-a038b76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-7e74f97{text-align:center;}.elementor-37 .elementor-element.elementor-element-7e74f97 .elementor-heading-title{text-shadow:0px 0px 10px #000000;color:var( --e-global-color-d6cea4e );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-37 .elementor-element.elementor-element-f0dff25{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;text-align:center;text-shadow:0px 0px 10px #000000;color:var( --e-global-color-c696dce );}.elementor-37 .elementor-element.elementor-element-e5cbd0d .elementor-button{background-color:#BF0404;fill:var( --e-global-color-d6cea4e );color:var( --e-global-color-d6cea4e );padding:16px 60px 16px 60px;}.elementor-37 .elementor-element.elementor-element-e5cbd0d .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-e5cbd0d .elementor-button:focus{background-color:#2C3493;color:var( --e-global-color-c696dce );}.elementor-37 .elementor-element.elementor-element-e5cbd0d .elementor-button:hover svg, .elementor-37 .elementor-element.elementor-element-e5cbd0d .elementor-button:focus svg{fill:var( --e-global-color-c696dce );}.elementor-37 .elementor-element.elementor-element-00ff181{--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;--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-37 .elementor-element.elementor-element-00ff181:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-00ff181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-77183ba{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-37 .elementor-element.elementor-element-8297afd .elementor-heading-title{font-size:45px;}.elementor-37 .elementor-element.elementor-element-b3ceafe .elementor-heading-title{font-size:45px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-37 .elementor-element.elementor-element-a038b76{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-37 .elementor-element.elementor-element-8297afd .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-37 .elementor-element.elementor-element-b3ceafe .elementor-heading-title{font-size:15px;line-height:1.1em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-37 .elementor-element.elementor-element-73bb0b4{--margin-top:15px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-37 .elementor-element.elementor-element-a038b76{--margin-top:30%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-a5f84a0{--width:50%;}.elementor-37 .elementor-element.elementor-element-aa28bf6{--width:50%;}.elementor-37 .elementor-element.elementor-element-a038b76{--content-width:600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-37 .elementor-element.elementor-element-a038b76{--content-width:500px;}}@media(min-width:1025px){.elementor-37 .elementor-element.elementor-element-c7a03e1:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-c7a03e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-5c37a91:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-5c37a91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-a038b76:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-a038b76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-d831dc7 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b30e0d7 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8444281 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cd17544 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0748984 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0f7397c *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-23a5773 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f4d726 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dcc262f *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11d6649 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ab78079 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aad7e2a *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa0a3ee *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-20b88da *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c77a469 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dddde38 *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5f63f9f *//* =============================== MB REMODELING – SIDE SECTION WITH ANIMATED GRADIENT TITLE ================================ */ .mb-side-section { width: 100%; padding: 80px; background: #FFFFFF; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mb-side-wrapper { display: grid; grid-template-columns: 50% 50%; align-items: center; gap: 60px; } /* =============================== IMAGEN ================================ */ .mb-side-image { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding: 0; box-sizing: border-box; } .mb-side-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } /* =============================== CONTENEDOR DE TEXTO ================================ */ .mb-side-content { padding: 80px; background: #ffffff; border-radius: 12px; box-sizing: border-box; } /* LÍNEA DECORATIVA */ .mb-side-line { width: 90px; height: 6px; background: #2C3493; border-radius: 5px; margin-bottom: 25px; } /* =============================== TÍTULO CON DEGRADADO ANIMADO ================================ */ .mb-animated-title { font-size: 55px; font-weight: 800; line-height: 1.2; margin-bottom: 18px; background: linear-gradient( 90deg, #2C3493, #D31C2E, #BF0404, #2C3493 ); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: mbGradientMove 6s ease infinite; } /* Animación del degradado */ @keyframes mbGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* SUBTÍTULO */ .mb-side-content h3 { font-size: 26px; font-weight: 500; margin-bottom: 22px; color: #4a4a4a; } /* PÁRRAFOS */ .mb-side-content p { font-size: 20px; line-height: 1.7; color: #2C3493; margin-bottom: 15px; } /* =============================== BOTONES ================================ */ .mb-side-buttons { margin-top: 30px; display: flex; gap: 20px; flex-wrap: wrap; } .mb-btn-red { background: #D31C2E; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-red:hover { background: #BF0404; } .mb-btn-blue { background: #2C3493; color: #ffffff; padding: 15px 32px; border-radius: 8px; font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: 0.25s ease; } .mb-btn-blue:hover { background: #1d265f; } /* =============================== RESPONSIVE ================================ */ @media (max-width: 992px) { .mb-side-wrapper { grid-template-columns: 1fr; gap: 40px; } .mb-side-content { padding: 40px; } .mb-animated-title { font-size: 40px; } .mb-side-content h3 { font-size: 22px; } .mb-side-content p { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS *//* ========================================================= FIX DEFINITIVO SCROLL LATERAL – SIN TOCAR HEADER Compatible Elementor (Mobile / Tablet / Desktop) ========================================================= */ /* 1) Corta overflow horizontal global */ html, body { width: 100%; max-width: 100%; overflow-x: hidden; } /* 2) SOLO CONTENIDO ELEMENTOR (excluye header y footer) */ body .elementor:not(.elementor-location-header):not(.elementor-location-footer) { width: 100%; max-width: 100%; overflow-x: hidden; } /* 3) Secciones y contenedores */ body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-section, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-container, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-column, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget { max-width: 100%; overflow-x: hidden; } /* 4) Corrige 100vw (causa #1 de overflow en móvil) */ @media (max-width: 1024px) { body .elementor:not(.elementor-location-header):not(.elementor-location-footer) [style*="100vw"], body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .full-width, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .stretch-section { width: 100% !important; max-width: 100% !important; } } /* 5) Sliders / Carruseles */ body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .swiper, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .swiper-wrapper, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .swiper-slide, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-image-carousel, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-slides-wrapper { max-width: 100%; overflow: hidden; } /* 6) Imágenes, videos, iframes */ body .elementor:not(.elementor-location-header):not(.elementor-location-footer) img, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) video, body .elementor:not(.elementor-location-header):not(.elementor-location-footer) iframe { max-width: 100%; height: auto; display: block; } /* 7) Seguridad extra SOLO en responsive */ @media (max-width: 768px) { body .elementor:not(.elementor-location-header):not(.elementor-location-footer) { overflow-x: hidden; } }/* End custom CSS */