*#dm *.dmBody a.span.textonly
{
	color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.dmform-error
{
	font-style:normal !important;
}
*#dm *.dmBody div.dmforminput textarea
{
	font-style:italic !important;
}
*#dm *.dmBody div.dmforminput *.fileUploadLink
{
	font-style:italic !important;
}
*#dm *.dmBody div.checkboxwrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.radiowrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody nav.u_1144820115
{
	color:black !important;
}
*#dm *.dmBody a.u_1352371222 span.text
{
	color:var(--color_2) !important;
}
*#dm *.dmBody div.u_268744493 img
{
	object-position:50% 50% !important;
	object-fit:cover !important;
	border-radius:8px 8px 8px 8px !important;
}
*#dm *.dmBody div.u_1967800928 img
{
	object-position:50% 50% !important;
	object-fit:cover !important;
	border-radius:8px 8px 8px 8px !important;
}
*#dm *.dmBody div.u_1899496632 img
{
	object-position:50% 50% !important;
	object-fit:cover !important;
	border-radius:8px 8px 8px 8px !important;
}
*#dm *.dmBody div.u_1707873117 img
{
	object-position:50% 50% !important;
	object-fit:cover !important;
	border-radius:8px 8px 8px 8px !important;
}
*#dm *.dmBody *.u_268744493
{
	width:100% !important;
}
*#dm *.dmBody *.u_1899496632
{
	width:100% !important;
}*#dm *.dmBody *.u_1707873117 { width:100% !important; }

*#dm *.dmBody a.u_1352371222
{
	border-style:solid !important;
	border-width:2px 2px 2px 2px !important;
	border-color:var(--color_5) var(--color_5) var(--color_5) var(--color_5) !important;
}
*#dm *.dmBody a.u_1352371222:hover
{
	border-color:var(--color_7) !important;
	background-color:var(--color_7) !important;
	background-image:initial !important;
}
*#dm *.dmBody a.u_1352371222.hover
{
	border-color:var(--color_7) !important;
	background-color:var(--color_7) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1987861909 input:not([type="submit"])
{
	background-color:var(--color_2) !important;
	background-image:initial !important;
	border-style:solid !important;
	border-width:2px 2px 2px 2px !important;
	border-color:rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) !important;
	border-radius:3px 3px 3px 3px !important;
}
*#dm *.dmBody div.u_1987861909 textarea
{
	background-color:var(--color_2) !important;
	background-image:initial !important;
	border-style:solid !important;
	border-width:2px 2px 2px 2px !important;
	border-color:rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) !important;
	border-radius:3px 3px 3px 3px !important;
}
*#dm *.dmBody div.u_1987861909 select
{
	background-color:var(--color_2) !important;
	background-image:initial !important;
	border-style:solid !important;
	border-width:2px 2px 2px 2px !important;
	border-color:rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) rgba(121,126,131,1) !important;
	border-radius:3px 3px 3px 3px !important;
}
*#dm *.dmBody div.u_1987861909 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable)
{
	color:var(--color_6) !important;
	font-size:16px !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_1987861909 .m-recaptcha
{
	color:var(--color_6) !important;
	font-size:16px !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_1987861909 .dmwidget-title
{
	font-size:20px !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_1987861909 .dmforminput
{
	padding-inline:8px !important;
	padding-block:10px !important;
}
*#dm *.dmBody div.u_1987861909 .spacing-container
{
	margin-inline:-8px !important;
	margin-block:-10px !important;
}
*#dm *.dmBody div.u_1987861909
{
	background-color:var(--color_2) !important;
	background-image:none !important;
	border-radius:8px 8px 8px 8px !important;
	border-style:solid !important;
	border-width:0px 0px 0px 0px !important;
	border-color:rgb(1,109,227) rgb(51,51,51) rgb(1,109,227) rgb(51,51,51) !important;
}
*#dm *.dmBody div.u_1987861909 .dmformsubmit
{
	margin-left:auto !important;
	margin-right:auto !important;
	margin-block-start:50px !important;
	float:none !important;
	display:block !important;
	height:52px !important;
}
*#dm *.dmBody *.u_1967800928
{
	width:100% !important;
}
*#dm *.dmBody div.u_164180051 .tab .tab-description>p
{
	color:var(--color_2) !important;
}
*#dm *.dmBody div.u_164180051 .tab .tab-description li
{
	color:var(--color_2) !important;
}
*#dm *.dmBody div.u_164180051 .tab .desc-title
{
	color:var(--color_2) !important;
	font-family: 'Poppins' !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.active
{
	background-color:var(--color_3) !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.hover
{
	background-color:var(--color_3) !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.not-active>*
{
	font-family: 'Poppins' !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.active>*
{
	color:var(--color_2) !important;
	font-family: 'Poppins' !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.hover>*
{
	color:var(--color_2) !important;
	font-family: 'Poppins' !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.active>*>span
{
	color:var(--color_2) !important;
	font-family: 'Poppins' !important;
	font-weight:700 !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.hover>*>span
{
	color:var(--color_2) !important;
	font-family: 'Poppins' !important;
	font-weight:700 !important;
}
.nav.swipe-menu.mobile
{
	width:100% !important;
	overflow-x:auto !important;
	display:flex !important;
	flex-direction:column !important;
}
.nav.swipe-menu.mobile>.tab-label>h4
{
	padding:12px 20px !important;
}
.widget-7b2ba5 .btn-container
{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
}
*#dm *.dmBody *.u_164180051 .tab .desc-title
{
	text-align:CENTER !important;
}
*#dm *.dmBody *.u_164180051 .tab .tab-description>p
{
	text-align:CENTER !important;
}
*#dm *.dmBody *.u_164180051 .tab .tab-description li
{
	text-align:CENTER !important;
}
*#dm *.dmBody div.u_164180051 .tab-label.not-active
{
	background-color:var(--color_2) !important;
}
*#dm *.dmBody div.u_164180051 .tab
{
	background-repeat:no-repeat !important;
	background-image:url(https://lirp.cdn-website.com/b77e9423/dms3rep/multi/opt/Our+Home+Improvement+Services-9c1778d0-1920w.webp) !important;
	background-size:cover !important;
	background-color:var(--color_3) !important;
}
separatorHomeCss{color:red !important}*#dm *.d-page-1716942098 DIV.dmInner
{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
*#dm *.d-page-1716942098 DIV#dmSlideRightNavRight
{
	background-repeat:no-repeat !important;
	background-image:none !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
@media (min-width:768px) and (max-width:1024px) {}
@media (min-width:1025px) {}
*#dm *.dmBody div.u_164180051 .active .button-class
{
	height:52px !important;
}
*#dm *.dmBody div.u_164180051 .tab .desc-title
{
	font-size:40px !important;
}
*#dm *.dmBody div.u_164180051 .image-container
{
	width:0px !important;
}
*#dm *.dmBody div.u_164180051 image-container .image
{
	width:0px !important;
}
*#dm *.dmBody div.u_164180051 .tab
{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-attachment:initial !important;
	background-position:50% 50% !important;
}
separatorHomeCss{color:red !important}@media all {
    
#\37 343d2c4::before, #\37 343d2c4 > .bgExtraLayerOverlay {
    
}
#\37 343d2c4 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 60%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\35 dbe6005 {
    min-height: 450px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 120px 8% 120px 8%;
}
    
#\33 938b8ad {
    margin: 0px 0% 0px 0%;
}
    
#\37 5ffafac {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c6eff17b::before, #c6eff17b > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.1;
}
#c6eff17b {
    background-image: url(https://lirp.cdn-website.com/b77e9423/dms3rep/multi/opt/Roof+Repair+Round+Rock+TX+-+Trusted+Roofing+Contractor-1920w.webp);
}
    
#\32 03de195.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#\32 03de195 {
    width: auto;
    height: auto;
    min-width: 32px;
    min-height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_lar {
    width: 36%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#f852dce9.flex-element.widget-wrapper > [data-element-type] {
    padding: 32px 48px 32px 48px;
}
#f852dce9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 bc01b29.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 bc01b29 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 dbe6005 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 80px 4%;
}
    
#\33 938b8ad {
    margin: 0px 0% 0px 0%;
}
    
#c6eff17b::before, #c6eff17b > .bgExtraLayerOverlay {
    
}
    
#\37 5ffafac {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\37 343d2c4::before, #\37 343d2c4 > .bgExtraLayerOverlay {
    
}
#\37 343d2c4 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_lar {
    width: 100%;
    min-height: 80px;
}
    
#\34 bc01b29 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}
}



@media (min-width: 1400px) {
    
#\33 938b8ad {
    margin: 0px 0% 0px 0%;
}
    
#\35 dbe6005 {
    min-height: 70vh;
    padding: 120px 15% 120px 15%;
}
    
#c6eff17b::before, #c6eff17b > .bgExtraLayerOverlay {
    
}
    
#\37 343d2c4::before, #\37 343d2c4 > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\37 343d2c4::before, #\37 343d2c4 > .bgExtraLayerOverlay {
    
}
#\37 343d2c4 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 dbe6005 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 80px 4% 80px 4%;
}
    
#\33 938b8ad {
    margin: 0px 0% 0px 0%;
}
    
#c6eff17b::before, #c6eff17b > .bgExtraLayerOverlay {
    
}
    
#\37 5ffafac {
    width: 100%;
}
    
#\32 03de195 {
    min-height: auto;
}
    
#group_lar {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#f852dce9.flex-element.widget-wrapper > [data-element-type] {
    padding: 32px 32px 32px 32px;
}
#f852dce9 {
    margin: 0px 0% 0px 0%;
}
    
#\34 bc01b29.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 bc01b29 {
    width: 100%;
    margin: 0px 0% 50px 0%;
}
}



@media (min-width: 468px) and (max-width: 767px) {
    
#c6eff17b::before, #c6eff17b > .bgExtraLayerOverlay {
    
}
    
#\37 343d2c4::before, #\37 343d2c4 > .bgExtraLayerOverlay {
    
}
}



@media all {
    
#\37 3f55cfc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 f672cfd {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 80px 8% 0px 8%;
}
    
#e5f018b4 {
    margin: 0px 0% 0px 0%;
}
    
#\30 cacf877 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\39 1acce2f {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_s6o {
    width: 100%;
    height: auto;
    min-height: 100%;
    max-width: 100%;
}
    
#d51e71dc.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#d51e71dc {
    width: auto;
    height: auto;
    min-width: 32px;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 f672cfd {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 0px 4%;
}
    
#e5f018b4 {
    margin: 0px 0% 0px 0%;
}
    
#\37 3f55cfc {
    width: 100%;
    min-height: 80px;
}
    
#\30 cacf877 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_s6o {
    height: 450px;
}
}



@media (min-width: 1400px) {
    
#e5f018b4 {
    margin: 0px 0% 0px 0%;
}
    
#\32 f672cfd {
    padding: 80px 15% 0px 15%;
}
}



@media (max-width: 767px) {
    
#\37 3f55cfc {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\32 f672cfd {
    min-height: 0;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: nowrap;
    padding: 40px 4% 0px 4%;
}
    
#\30 cacf877 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_s6o {
    height: 240px;
}
    
#e5f018b4 {
    margin: 0px 0% 0px 0%;
}
    
#d51e71dc.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#d51e71dc {
    width: 329px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\39 4fda5c2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#e78b7887 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 80px 8% 80px 8%;
}
    
#cbe9749c {
    margin: 0px 0% 0px 0%;
}
    
#widget_6h6 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 1;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_4qt {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e78b7887 {
    padding: 80px 4% 80px 4%;
}
    
#cbe9749c {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 1400px) {
    
#cbe9749c {
    margin: 0px 0% 0px 0%;
}
    
#e78b7887 {
    padding: 80px 15% 80px 15%;
}
}



@media (max-width: 767px) {
    
#\39 4fda5c2 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e78b7887 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding: 40px 4% 40px 4%;
}
    
#cbe9749c {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\31 21c670e {
    margin: 0px 0% 0px 0%;
}
    
#af6bde9d {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 80px 8% 0px 8%;
}
    
#a224a705 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#cd934292 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\30 9fdf4bb {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 566ab0d {
    width: 100%;
    height: 600px;
    min-height: 100%;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 21c670e {
    margin: 0px 0% 0px 0%;
}
    
#af6bde9d {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 0px 4%;
}
    
#a224a705 {
    width: 100%;
    min-height: 80px;
    order: 1;
}
    
#cd934292 {
    width: 100%;
    min-height: 80px;
    order: 0;
}
    
#\31 566ab0d {
    height: 450px;
}
}



@media (min-width: 1400px) {
    
#\31 21c670e {
    margin: 0px 0% 0px 0%;
}
    
#af6bde9d {
    padding: 80px 15% 0px 15%;
}
}



@media (max-width: 767px) {
    
#\31 21c670e {
    margin: 0px 0% 0px 0%;
}
    
#af6bde9d {
    min-height: 0;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: nowrap;
    padding: 40px 4% 0px 4%;
}
    
#a224a705 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#cd934292 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
}
    
#\31 566ab0d {
    height: 240px;
}
}



@media all {
    
#ce6d95e2.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#ce6d95e2 {
    width: auto;
    height: auto;
    min-width: 32px;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 ea77dd9 {
    width: 100%;
    height: 600px;
    min-height: 100%;
    max-width: 100%;
}
    
#ef4d4b53 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 80px 8% 0px 8%;
}
    
#cab770c1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#b7b803bb {
    margin: 0px 0% 0px 0%;
}
    
#b7b1ea91 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 9ce8f1b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 ea77dd9 {
    height: 450px;
}
    
#ef4d4b53 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 0px 4%;
}
    
#cab770c1 {
    width: 100%;
    min-height: 80px;
    order: 0;
}
    
#b7b803bb {
    margin: 0px 0% 0px 0%;
}
    
#\31 9ce8f1b {
    width: 100%;
    min-height: 80px;
    order: 1;
    align-items: center;
}
    
#b7b1ea91 {
    margin-left: 0%;
    margin-right: 0%;
    align-self: center;
}
}



@media (min-width: 1400px) {
    
#ef4d4b53 {
    padding: 80px 15% 0px 15%;
}
    
#b7b803bb {
    margin: 0px 0% 0px 0%;
}
    
#\34 ea77dd9 {
    height: 622px;
}
}



@media (max-width: 767px) {
    
#\34 ea77dd9 {
    height: 240px;
}
    
#ef4d4b53 {
    min-height: 0;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: nowrap;
    padding: 40px 4% 0px 4%;
}
    
#cab770c1 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
}
    
#b7b803bb {
    margin: 0px 0% 0px 0%;
}
    
#\31 9ce8f1b {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#b7b1ea91 {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
}



@media all {
    
#\39 99b4cef {
    margin: 0px 0% 0px 0%;
}
    
#\37 0c3b29c {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 80px 8% 80px 8%;
}
    
#e6a8db56 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\30 f9edc3a {
    background-color: rgba(248,248,248,1);
    background-image: initial;
}
    
#widget_fog {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 479c303 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_l51 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 99b4cef {
    margin: 0px 0% 0px 0%;
}
    
#\37 0c3b29c {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 80px 4%;
}
    
#e6a8db56 {
    width: 100%;
    min-height: 80px;
}
}



@media (min-width: 1400px) {
    
#\39 99b4cef {
    margin: 0px 0% 0px 0%;
}
    
#\37 0c3b29c {
    padding: 80px 15% 90px 15%;
}
}



@media (max-width: 767px) {
    
#\39 99b4cef {
    margin: 0px 0% 0px 0%;
}
    
#\37 0c3b29c {
    min-height: 0;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: nowrap;
    padding: 40px 4% 40px 4%;
}
    
#e6a8db56 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media all {
    
#\33 528bf7c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 033974e {
    margin: 0px 0% 0px 0%;
}
    
#f6604b29 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\38 20692c9 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 80px 8% 80px 8%;
}
    
#\39 cb6334a {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 084124a::before, #\33 084124a > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.7;
    border-radius: inherit;
}
#\33 084124a {
    background-image: url(https://lirp.cdn-website.com/b77e9423/dms3rep/multi/opt/Why+Homeowners+Trust+Texas+Sterling+Roofing-1920w.webp);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 033974e {
    margin: 0px 0% 0px 0%;
}
    
#\38 20692c9 {
    padding: 80px 4% 80px 4%;
}
    
#\33 084124a::before, #\33 084124a > .bgExtraLayerOverlay {
    
}
}



@media (min-width: 1400px) {
    
#\37 033974e {
    margin: 0px 0% 0px 0%;
}
    
#\38 20692c9 {
    padding: 80px 15% 80px 15%;
}
    
#\33 084124a::before, #\33 084124a > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\37 033974e {
    margin: 0px 0% 0px 0%;
}
    
#f6604b29 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 20692c9 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 4% 40px 4%;
}
    
#\33 084124a::before, #\33 084124a > .bgExtraLayerOverlay {
    
}
}



@media (min-width: 468px) and (max-width: 767px) {
    
#\33 084124a::before, #\33 084124a > .bgExtraLayerOverlay {
    
}
}



@media all {
    
#\32 1777b0d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#e7779d32::before, #e7779d32 > .bgExtraLayerOverlay {
    
}
#e7779d32 {
    background-image: url();
    background-color: var(--color_2);
}
    
#ce03a660 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 80px 8% 80px 8%;
}
    
#\32 e4119e9 {
    margin: 0px 0% 0px 0%;
}
    
#\32 49ad8c6 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\36 18086ed {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
    
#group_4nk {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 8c81d69 {
    width: 100%;
    height: 600px;
    min-height: 100%;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e7779d32::before, #e7779d32 > .bgExtraLayerOverlay {
    
}
    
#\32 1777b0d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#ce03a660 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 80px 4%;
}
    
#\32 e4119e9 {
    margin: 0px 0% 0px 0%;
}
    
#group_4nk {
    width: 100%;
    min-height: 80px;
}
    
#\31 8c81d69 {
    height: 450px;
}
}



@media (min-width: 1400px) {
    
#e7779d32::before, #e7779d32 > .bgExtraLayerOverlay {
    
}
    
#\32 e4119e9 {
    margin: 0px 0% 0px 0%;
}
    
#ce03a660 {
    padding: 80px 15% 80px 15%;
}
    
#\31 8c81d69 {
    height: 600px;
}
}



@media (max-width: 767px) {
    
#\32 1777b0d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e7779d32::before, #e7779d32 > .bgExtraLayerOverlay {
    
}
    
#ce03a660 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 4% 40px 4%;
}
    
#\32 e4119e9 {
    margin: 0px 0% 0px 0%;
}
    
#\32 49ad8c6 {
    margin-left: 0px;
    margin-right: 0px;
}
    
#group_4nk {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 8c81d69 {
    height: 240px;
}
}



@media (min-width: 468px) and (max-width: 767px) {
    
#e7779d32::before, #e7779d32 > .bgExtraLayerOverlay {
    
}
}



@media all {
    
#\32 2558587 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 a2eef0b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 48%;
    min-width: 4%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#cb342085 {
    margin: 0px 0% 0px 0%;
}
    
#\33 ad2357d {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 80px 8% 80px 8%;
}
    
#widget_t3t {
    width: 100%;
    height: 625px;
    min-height: 100%;
    max-width: 100%;
    align-self: stretch;
    max-height: none;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\34 6abb07d {
    border-radius: 0px 0px 0px 0px;
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
    
#\30 08dd031 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    order: 1;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 002bddc {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-bottom: 0px;
    margin-top: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 a2eef0b {
    width: 100%;
    min-height: 80px;
    order: 1;
}
    
#cb342085 {
    margin: 0px 0% 0px 0%;
}
    
#\33 ad2357d {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 80px 4% 80px 4%;
}
    
#\30 08dd031 {
    width: 100%;
    min-height: 80px;
    order: 0;
    align-items: center;
    justify-content: center;
}
    
#widget_t3t {
    height: 450px;
}
}



@media (min-width: 1400px) {
    
#cb342085 {
    margin: 0px 0% 0px 0%;
}
    
#\33 ad2357d {
    padding: 80px 15% 80px 15%;
}
    
#widget_t3t {
    height: 543px;
}
}



@media (max-width: 767px) {
    
#\30 a2eef0b {
    width: 100%;
    min-height: 0px;
    align-items: center;
}
    
#cb342085 {
    margin: 0px 0% 0px 0%;
}
    
#\33 ad2357d {
    min-height: 0;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: nowrap;
    padding: 40px 4% 40px 4%;
}
    
#\30 08dd031 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    justify-content: center;
}
    
#widget_t3t {
    height: 240px;
}
}