.elementor-25040 .elementor-element.elementor-element-34e254a2{--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;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-25040 .elementor-element.elementor-element-34e254a2:not(.elementor-motion-effects-element-type-background), .elementor-25040 .elementor-element.elementor-element-34e254a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d3f9061 );}.elementor-25040 .elementor-element.elementor-element-34e254a2, .elementor-25040 .elementor-element.elementor-element-34e254a2::before{--border-transition:0.3s;}.elementor-25040 .elementor-element.elementor-element-2b9d53ca{--display:flex;--background-transition:0.3s;}.elementor-25040 .elementor-element.elementor-element-2b9d53ca:not(.elementor-motion-effects-element-type-background), .elementor-25040 .elementor-element.elementor-element-2b9d53ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#021425;}.elementor-25040 .elementor-element.elementor-element-2b9d53ca, .elementor-25040 .elementor-element.elementor-element-2b9d53ca::before{--border-transition:0.3s;}.elementor-25040 .elementor-element.elementor-element-16942e72{--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:center;--align-items:center;--overflow:hidden;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:6px 0px 0px 0px;--border-top-width:6px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-25040 .elementor-element.elementor-element-16942e72:not(.elementor-motion-effects-element-type-background), .elementor-25040 .elementor-element.elementor-element-16942e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25040 .elementor-element.elementor-element-16942e72, .elementor-25040 .elementor-element.elementor-element-16942e72::before{--border-transition:0.3s;}.elementor-25040 .elementor-element.elementor-element-80f1dfb{--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:center;--align-items:center;--gap:20px 20px;--background-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-25040 .elementor-element.elementor-element-7314bfae{text-align:center;}.elementor-25040 .elementor-element.elementor-element-7314bfae .elementor-heading-title{color:var( --e-global-color-ae5a261 );font-family:"Metropolis", Sans-serif;font-size:48px;line-height:1.1em;}.elementor-25040 .elementor-element.elementor-element-1ee0cde{width:100%;max-width:100%;}.elementor-25040 .elementor-element.elementor-element-1ee0cde > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-25040 .elementor-element.elementor-element-1ee0cde.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{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 );}.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-25040 .elementor-element.elementor-element-10d00781{text-align:center;color:var( --e-global-color-ae5a261 );font-family:"Metropolis", Sans-serif;font-size:12px;line-height:18px;}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-25040 .elementor-element.elementor-element-80f1dfb{--width:750px;}}@media(max-width:1200px){.elementor-25040 .elementor-element.elementor-element-34e254a2{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-25040 .elementor-element.elementor-element-34e254a2{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:880px){.elementor-25040 .elementor-element.elementor-element-16942e72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25040 .elementor-element.elementor-element-80f1dfb{--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-25040 .elementor-element.elementor-element-7314bfae .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-25040 .elementor-element.elementor-element-80f1dfb{--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-25040 .elementor-element.elementor-element-7314bfae .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-2b9d53ca */.elementor-25040 .elementor-element.elementor-element-2b9d53ca {
    position: absolute;
    left: 0; bottom: 0;
    top: 50%;
    width: 100%;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-1ee0cde */.wpforms-form {
    --blb-input-gap: 8px;
}


/* New button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    padding: 15px !important; /* Increase distancae between text and border */
    width: 100% !important; /* Make the button full-width */
    font-family: "metropolis", Sans-serif;
    font-weight: 700;
    font-size: 1em !important; /* Increase text size */
    background: var( --e-global-color-primary) !important;
    border: none !important;
    color: #fff !important; /* White text */

}
 
/* New button hover styles */
.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    filter: brightness(90%);
}



.wpforms-form input[type="text"], .wpforms-form .choices__inner, .wpforms-form input[type="email"], .wpforms-form input[type="tel"] {
    background: #ffffff05 !important;
    color: #ffffff !important;
    border-radius: 0px;
    border: 1px solid #ffffff20 !important;
    min-height: 55px !important;
}

::placeholder, .choices__item {
    color: #fff !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.wpforms-field {
    padding-block: var(--blb-input-gap) !important;
}


.wpforms-first {
    margin-right: var(--blb-input-gap) !important;
    width: calc(50% - var(--blb-input-gap)) !important;
}
.wpforms-one-half:not(.wpforms-first) {
    margin-left: var(--blb-input-gap) !important;
        width: calc(50% - var(--blb-input-gap)) !important;

}

.wpforms-form .choices__list {
    background: var(--e-global-color-text) !important;
}

.wpforms-form .is-highlighted {
    background: #ffffff10 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.mrroof.com/wp-content/uploads/2025/07/Metropolis-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.mrroof.com/wp-content/uploads/2025/07/Metropolis-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.mrroof.com/wp-content/uploads/2025/07/Metropolis-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.mrroof.com/wp-content/uploads/2025/07/Metropolis-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */