/* End custom CSS */

.elementor-5108 .elementor-element.elementor-element-cb1515c {
	--display: flex;
	--flex-direction: row;
	--container-widget-width: calc(( 1 - var(--container-widget-flex-grow) ) * 100%);
	--container-widget-height: 100%;
	--container-widget-flex-grow: 1;
	--container-widget-align-self: stretch;
	--flex-wrap-mobile: wrap;
	--align-items: stretch;
	--gap: 16px 16px;
	--row-gap: 16px;
	--column-gap: 16px;
	--padding-top: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
	--padding-right: 32px;
}

.elementor-5108 .elementor-element.elementor-element-628b1ff {
	--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;
}

.elementor-5108 .elementor-element.elementor-element-d614d0e > .elementor-widget-container {
	margin: 0px 0px 0px 0px;
}

.elementor-5108 .elementor-element.elementor-element-5989025 .elementor-button {
	background-color: var(--e-global-color-primary);
	fill: var(--e-global-color-387bcc87);
	color: var(--e-global-color-387bcc87);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--e-global-color-primary);
}

.elementor-5108 .elementor-element.elementor-element-5989025 .elementor-button:hover, .elementor-5108 .elementor-element.elementor-element-5989025 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

.elementor-5108 .elementor-element.elementor-element-5989025 .elementor-button:hover svg, .elementor-5108 .elementor-element.elementor-element-5989025 .elementor-button:focus svg {
	fill: var(--e-global-color-16760eb1);
}

.elementor-5108 .elementor-element.elementor-element-150f7bd {
	--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;
}

.elementor-5108 .elementor-element.elementor-element-540b515 > .elementor-widget-container {
	background-color: #36a045;
	padding: 20px 3px 26px 3px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .58);
}

.elementor-5108 .elementor-element.elementor-element-540b515 {
	font-family: "Roboto", Sans-serif;
	font-size: 19px;
	font-weight: 400;
	color: #fff;
}

.elementor-5108 .elementor-element.elementor-element-72e2c9b {
	--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: 32px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-5108 .elementor-element.elementor-global-8254 {
	--e-image-carousel-slides-to-show: 8;
}

.elementor-5108 .elementor-element.elementor-global-8254 .swiper-wrapper {
	display: flex;
	align-items: center;
}

.elementor-5108 .elementor-element.elementor-element-f5d91b2 {
	--display: flex;
	--flex-direction: column;
	--container-widget-width: 100%;
	--container-widget-height: initial;
	--container-widget-flex-grow: 0;
	--container-widget-align-self: initial;
	--flex-wrap-mobile: wrap;
	--gap: 32px 32px;
	--row-gap: 32px;
	--column-gap: 32px;
	--margin-top: 32px;
	--margin-bottom: 32px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
	--padding-right: 32px;
}

.elementor-5108 .elementor-element.elementor-element-826971a {
	--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;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-5108 .elementor-element.elementor-element-91c1c7c {
	--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;
}

.elementor-5108 .elementor-element.elementor-element-b34e694 {
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-dd68fdb {
	--display: grid;
	--e-con-grid-template-columns: repeat(3, 1fr);
	--e-con-grid-template-rows: repeat(1, 1fr);
	--grid-auto-flow: row;
}

.elementor-5108 .elementor-element.elementor-element-cac6dd4 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-1e9c761 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-fc6a0b2 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-d995521 .elementor-button {
	background-color: var(--e-global-color-primary);
	fill: var(--e-global-color-387bcc87);
	color: var(--e-global-color-387bcc87);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--e-global-color-primary);
}

.elementor-5108 .elementor-element.elementor-element-d995521 .elementor-button:hover, .elementor-5108 .elementor-element.elementor-element-d995521 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

.elementor-5108 .elementor-element.elementor-element-d995521 .elementor-button:hover svg, .elementor-5108 .elementor-element.elementor-element-d995521 .elementor-button:focus svg {
	fill: var(--e-global-color-16760eb1);
}

.elementor-5108 .elementor-element.elementor-element-a2f18eb:not(.elementor-motion-effects-element-type-background), .elementor-5108 .elementor-element.elementor-element-a2f18eb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--e-global-color-primary);
}

.elementor-5108 .elementor-element.elementor-element-a2f18eb > .elementor-container {
	max-width: 900px;
}

.elementor-5108 .elementor-element.elementor-element-a2f18eb {
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 20px 0px 20px 0px;
}

.elementor-5108 .elementor-element.elementor-element-a2f18eb > .elementor-background-overlay {
	transition: background .3s, border-radius .3s, opacity .3s;
}

.elementor-5108 .elementor-element.elementor-element-3c0cd6d {
	text-align: center;
}

.elementor-5108 .elementor-element.elementor-element-3c0cd6d .elementor-heading-title {
	color: var(--e-global-color-387bcc87);
}

.elementor-5108 .elementor-element.elementor-element-c5628b5 {
	font-size: 17px;
	color: #fff;
}

.elementor-5108 .elementor-element.elementor-element-c4cd361 {
	font-size: 17px;
	color: #fff;
}

.elementor-5108 .elementor-element.elementor-element-1d7940e {
	font-size: 17px;
	color: #fff;
}

.elementor-5108 .elementor-element.elementor-element-692be7b {
	--display: flex;
	--flex-direction: column;
	--container-widget-width: 100%;
	--container-widget-height: initial;
	--container-widget-flex-grow: 0;
	--container-widget-align-self: initial;
	--flex-wrap-mobile: wrap;
	--gap: 32px 32px;
	--row-gap: 32px;
	--column-gap: 32px;
	--margin-top: 32px;
	--margin-bottom: 32px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
	--padding-right: 32px;
}

.elementor-5108 .elementor-element.elementor-element-4242527 {
	--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;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-5108 .elementor-element.elementor-element-d153dbf {
	--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;
}

.elementor-5108 .elementor-element.elementor-element-e36350e {
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-05191e6 {
	--display: grid;
	--e-con-grid-template-columns: repeat(3, 1fr);
	--e-con-grid-template-rows: repeat(1, 1fr);
	--grid-auto-flow: row;
}

.elementor-5108 .elementor-element.elementor-element-c0496e4 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-eb3b8e5 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-ebb32f8 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-6537943 {
	--display: grid;
	--e-con-grid-template-columns: repeat(3, 1fr);
	--e-con-grid-template-rows: repeat(1, 1fr);
	--grid-auto-flow: row;
}

.elementor-5108 .elementor-element.elementor-element-b84d2f1 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-1a922b8 {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-7e9b0db {
	columns: 1;
	text-align: start;
}

.elementor-5108 .elementor-element.elementor-element-2e49ea5 .elementor-button {
	background-color: var(--e-global-color-primary);
	fill: var(--e-global-color-387bcc87);
	color: var(--e-global-color-387bcc87);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--e-global-color-primary);
}

.elementor-5108 .elementor-element.elementor-element-2e49ea5 .elementor-button:hover, .elementor-5108 .elementor-element.elementor-element-2e49ea5 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

.elementor-5108 .elementor-element.elementor-element-2e49ea5 .elementor-button:hover svg, .elementor-5108 .elementor-element.elementor-element-2e49ea5 .elementor-button:focus svg {
	fill: var(--e-global-color-16760eb1);
}

.elementor-5108 .elementor-element.elementor-element-2386d71 {
	--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;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-5108 .elementor-element.elementor-element-606495d {
	--display: flex;
	--flex-direction: column;
	--container-widget-width: 100%;
	--container-widget-height: initial;
	--container-widget-flex-grow: 0;
	--container-widget-align-self: initial;
	--flex-wrap-mobile: wrap;
	--overlay-opacity: .5;
	--padding-top: 124px;
	--padding-bottom: 124px;
	--padding-left: 48px;
	--padding-right: 48px;
}

.elementor-5108 .elementor-element.elementor-element-606495d:not(.elementor-motion-effects-element-type-background), .elementor-5108 .elementor-element.elementor-element-606495d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--e-global-color-text);
	background-image: url("https://cdn-bfilc.nitrocdn.com/dIyBRzaFoOiiXkKmNsnQOoCUAwfVJzeC/assets/images/optimized/rev-f6c543a/brownbrosroofing.net/wp-content/uploads/2025/04/whychoose1.webp");
	background-position: center center;
	background-size: cover;
}

.elementor-5108 .elementor-element.elementor-element-606495d:not(.elementor-motion-effects-element-type-background).nitro-lazy, .elementor-5108 .elementor-element.elementor-element-606495d > .elementor-motion-effects-container > .elementor-motion-effects-layer.nitro-lazy {
	background-image: none !important;
}

.elementor-5108 .elementor-element.elementor-element-606495d::before, .elementor-5108 .elementor-element.elementor-element-606495d > .elementor-background-video-container::before, .elementor-5108 .elementor-element.elementor-element-606495d > .e-con-inner > .elementor-background-video-container::before, .elementor-5108 .elementor-element.elementor-element-606495d > .elementor-background-slideshow::before, .elementor-5108 .elementor-element.elementor-element-606495d > .e-con-inner > .elementor-background-slideshow::before, .elementor-5108 .elementor-element.elementor-element-606495d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
	background-color: var(--e-global-color-text);
	--background-overlay: "";
}

.elementor-5108 .elementor-element.elementor-element-c060abb {
	text-align: center;
	color: var(--e-global-color-16760eb1);
}

@media (min-width:768px) {
	.elementor-5108 .elementor-element.elementor-element-628b1ff {
		--width: 60%;
	}
	
	.elementor-5108 .elementor-element.elementor-element-150f7bd {
		--width: 40%;
	}
	
	.elementor-5108 .elementor-element.elementor-element-91c1c7c {
		--width: 100%;
	}
	
	.elementor-5108 .elementor-element.elementor-element-d153dbf {
		--width: 100%;
	}
}

@media (max-width:1024px) {
	.elementor-5108 .elementor-element.elementor-global-8254 {
		--e-image-carousel-slides-to-show: 5;
	}
	
	.elementor-5108 .elementor-element.elementor-element-dd68fdb {
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-05191e6 {
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-6537943 {
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-606495d {
		--padding-top: 48px;
		--padding-bottom: 48px;
		--padding-left: 48px;
		--padding-right: 48px;
	}
}

@media (max-width:767px) {
	.elementor-5108 .elementor-element.elementor-global-8254 {
		--e-image-carousel-slides-to-show: 3;
	}
	
	.elementor-5108 .elementor-element.elementor-global-8254 > .elementor-widget-container {
		padding: 12px 12px 12px 12px;
	}
	
	.elementor-5108 .elementor-element.elementor-element-dd68fdb {
		--e-con-grid-template-columns: repeat(1, 1fr);
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-05191e6 {
		--e-con-grid-template-columns: repeat(1, 1fr);
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-6537943 {
		--e-con-grid-template-columns: repeat(1, 1fr);
		--grid-auto-flow: row;
	}
	
	.elementor-5108 .elementor-element.elementor-element-606495d {
		--padding-top: 24px;
		--padding-bottom: 24px;
		--padding-left: 24px;
		--padding-right: 24px;
	}
}

/* Start custom CSS for global, class: .elementor-global-8254 */
.elementor-5108 .elementor-element.elementor-global-8254 img {
	height: 80px;
	object-fit: contain;
	filter: saturate(0);
}