/* End custom CSS */

.elementor-3514 .elementor-element.elementor-element-5fcdfc9 {
	--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: center;
	--gap: 16px 16px;
	--row-gap: 16px;
	--column-gap: 16px;
	--padding-top: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
	--padding-right: 32px;
}

.elementor-3514 .elementor-element.elementor-element-385b4db {
	--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-3514 .elementor-element.elementor-element-57d18f7 {
	--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: 12px 12px;
	--row-gap: 12px;
	--column-gap: 12px;
	--flex-wrap: nowrap;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-3514 .elementor-element.elementor-element-fa05fdc .elementor-button {
	background-color: var(--e-global-color-4c91bb79);
	fill: var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--e-global-color-primary);
}

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

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

.elementor-3514 .elementor-element.elementor-element-85f57e5 .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-3514 .elementor-element.elementor-element-85f57e5 .elementor-button:hover, .elementor-3514 .elementor-element.elementor-element-85f57e5 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

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

.elementor-3514 .elementor-element.elementor-element-8a9f19e {
	--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-3514 .elementor-element.elementor-element-ecfb77c {
	--e-image-carousel-slides-to-show: 1;
}

.elementor-3514 .elementor-element.elementor-element-ecfb77c.elementor-element {
	--flex-grow: 1;
	--flex-shrink: 0;
}

.elementor-3514 .elementor-element.elementor-element-ecfb77c .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	background: var(--e-global-color-387bcc87);
	opacity: var(--e-global-color-387bcc87);
}

.elementor-3514 .elementor-element.elementor-element-ecfb77c .swiper-pagination-bullet {
	background: var(--e-global-color-accent);
}

.elementor-3514 .elementor-element.elementor-element-ecfb77c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
	border-radius: 6px 6px 6px 6px;
}

.elementor-3514 .elementor-element.elementor-element-92b5449 {
	--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-3514 .elementor-element.elementor-global-8254 {
	--e-image-carousel-slides-to-show: 8;
}

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

.elementor-3514 .elementor-element.elementor-element-112a2e4 {
	--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: 12px 12px;
	--row-gap: 12px;
	--column-gap: 12px;
	--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-3514 .elementor-element.elementor-element-112a2e4:not(.elementor-motion-effects-element-type-background), .elementor-3514 .elementor-element.elementor-element-112a2e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--e-global-color-bfcd575);
}

.elementor-3514 .elementor-element.elementor-element-1f4c634 {
	text-align: center;
}

.elementor-3514 .elementor-element.elementor-element-7fcd9e8 {
	--display: flex;
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta .elementor-cta__bg, .elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta .elementor-cta__bg-overlay {
	transition-duration: 1500ms;
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 > .elementor-widget-container {
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, .5);
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__content {
	text-align: start;
	padding: 32px 32px 32px 32px;
	background-color: var(--e-global-color-16760eb1);
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__bg-wrapper {
	min-width: 280px;
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__title {
	font-size: 2.2em;
}

.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta:hover .elementor-cta__bg-overlay {
	background-color: var(--e-global-color-dbe4fd8);
}

.elementor-3514 .elementor-element.elementor-element-60fe719 {
	--display: flex;
}

.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta .elementor-cta__bg, .elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta .elementor-cta__bg-overlay {
	transition-duration: 1500ms;
}

.elementor-3514 .elementor-element.elementor-element-219ab92 > .elementor-widget-container {
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, .5);
}

.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__content {
	text-align: start;
	padding: 32px 32px 32px 32px;
	background-color: var(--e-global-color-16760eb1);
}

.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__bg-wrapper {
	min-width: 280px;
}

.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__title {
	font-size: 2.2em;
}

.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta:hover .elementor-cta__bg-overlay {
	background-color: var(--e-global-color-dbe4fd8);
}

.elementor-3514 .elementor-element.elementor-element-22f4265 {
	--e-n-carousel-swiper-slides-to-display: 1;
	--e-n-carousel-swiper-slides-gap: 10px;
	--e-n-carousel-slide-height: auto;
	--e-n-carousel-slide-container-height: 100%;
	--e-n-carousel-arrow-prev-left-align: 0%;
	--e-n-carousel-arrow-prev-translate-x: 0px;
	--e-n-carousel-arrow-prev-left-position: 0px;
	--e-n-carousel-arrow-prev-top-align: 50%;
	--e-n-carousel-arrow-prev-translate-y: -50%;
	--e-n-carousel-arrow-prev-top-position: 0px;
	--e-n-carousel-arrow-next-right-align: 0%;
	--e-n-carousel-arrow-next-translate-x: 0%;
	--e-n-carousel-arrow-next-right-position: 0px;
	--e-n-carousel-arrow-next-top-align: 50%;
	--e-n-carousel-arrow-next-translate-y: -50%;
	--e-n-carousel-arrow-next-top-position: 0px;
	--e-n-carousel-arrow-normal-color: var(--e-global-color-secondary);
	--e-n-carousel-arrow-hover-color: var(--e-global-color-eae9abe);
}

:where( .elementor-3514 .elementor-element.elementor-element-22f4265 .swiper-slide ) > .e-con {
	--padding-top: 32px;
	--padding-right: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
}

:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con {
	--padding-block-start: 32px;
	--padding-inline-end: 32px;
	--padding-block-end: 32px;
	--padding-inline-start: 32px;
}

.elementor-3514 .elementor-element.elementor-element-0ee2569 {
	--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;
	--justify-content: center;
	--gap: 12px 12px;
	--row-gap: 12px;
	--column-gap: 12px;
	--flex-wrap: nowrap;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-3514 .elementor-element.elementor-element-abb2870 .elementor-button {
	background-color: var(--e-global-color-4c91bb79);
	fill: var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--e-global-color-primary);
}

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

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

.elementor-3514 .elementor-element.elementor-element-10c9176 .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-3514 .elementor-element.elementor-element-10c9176 .elementor-button:hover, .elementor-3514 .elementor-element.elementor-element-10c9176 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

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

.elementor-3514 .elementor-element.elementor-element-e7830ab {
	--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-3514 .elementor-element.elementor-element-992c022 {
	--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-3514 .elementor-element.elementor-element-b78e919 {
	--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-3514 .elementor-element.elementor-element-642f229 {
	text-align: start;
}

.elementor-3514 .elementor-element.elementor-element-5d0a8d1 {
	text-align: start;
}

.elementor-3514 .elementor-element.elementor-element-178e505 .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-3514 .elementor-element.elementor-element-178e505 .elementor-button:hover, .elementor-3514 .elementor-element.elementor-element-178e505 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-16760eb1);
	border-color: var(--e-global-color-accent);
}

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

.elementor-3514 .elementor-element.elementor-element-fef5876 {
	--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-3514 .elementor-element.elementor-element-e44f4f7 {
	--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-3514 .elementor-element.elementor-element-724b928 {
	--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-3514 .elementor-element.elementor-element-75334db {
	--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-3514 .elementor-element.elementor-element-75334db:not(.elementor-motion-effects-element-type-background), .elementor-3514 .elementor-element.elementor-element-75334db > .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-3514 .elementor-element.elementor-element-75334db:not(.elementor-motion-effects-element-type-background).nitro-lazy, .elementor-3514 .elementor-element.elementor-element-75334db > .elementor-motion-effects-container > .elementor-motion-effects-layer.nitro-lazy {
	background-image: none !important;
}

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

@media (max-width:1024px) {
	.elementor-3514 .elementor-element.elementor-global-8254 {
		--e-image-carousel-slides-to-show: 5;
	}
	
	.elementor-3514 .elementor-element.elementor-element-7fcd9e8 {
		--padding-top: 24px;
		--padding-bottom: 24px;
		--padding-left: 24px;
		--padding-right: 24px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__content {
		min-height: 100px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__bg-wrapper {
		min-width: 200px;
		min-height: 180px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__content {
		min-height: 100px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__bg-wrapper {
		min-width: 200px;
		min-height: 180px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-22f4265 {
		--e-n-carousel-swiper-slides-to-display: 1;
	}
	
	.elementor-3514 .elementor-element.elementor-element-75334db {
		--padding-top: 48px;
		--padding-bottom: 48px;
		--padding-left: 48px;
		--padding-right: 48px;
	}
}

@media (min-width:768px) {
	.elementor-3514 .elementor-element.elementor-element-385b4db {
		--width: 77%;
	}
	
	.elementor-3514 .elementor-element.elementor-element-8a9f19e {
		--width: 33%;
	}
	
	.elementor-3514 .elementor-element.elementor-element-b78e919 {
		--width: 75%;
	}
	
	.elementor-3514 .elementor-element.elementor-element-fef5876 {
		--width: 25%;
	}
}

@media (max-width:767px) {
	.elementor-3514 .elementor-element.elementor-element-57d18f7 {
		--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-3514 .elementor-element.elementor-global-8254 {
		--e-image-carousel-slides-to-show: 3;
	}
	
	.elementor-3514 .elementor-element.elementor-global-8254 > .elementor-widget-container {
		padding: 12px 12px 12px 12px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__content {
		padding: 24px 24px 24px 24px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__bg-wrapper {
		min-height: 150px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__title {
		font-size: 1.8em;
		line-height: 1.2em;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__title:not(:last-child) {
		margin-bottom: 4px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-d09d5b1 .elementor-cta__description {
		font-size: .9em;
		line-height: 1.6em;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__content {
		padding: 24px 24px 24px 24px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__bg-wrapper {
		min-height: 150px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__title {
		font-size: 1.8em;
		line-height: 1.2em;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__title:not(:last-child) {
		margin-bottom: 4px;
	}
	
	.elementor-3514 .elementor-element.elementor-element-219ab92 .elementor-cta__description {
		font-size: .9em;
		line-height: 1.6em;
	}
	
	.elementor-3514 .elementor-element.elementor-element-22f4265 {
		--e-n-carousel-swiper-slides-to-display: 1;
	}
	
	.elementor-3514 .elementor-element.elementor-element-0ee2569 {
		--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-3514 .elementor-element.elementor-element-75334db {
		--padding-top: 24px;
		--padding-bottom: 24px;
		--padding-left: 24px;
		--padding-right: 24px;
	}
}

/* Start custom CSS for image-carousel, class: .elementor-element-ecfb77c */
.elementor-3514 .elementor-element.elementor-element-ecfb77c .swiper, .elementor-3514 .elementor-element.elementor-element-ecfb77c .swiper-slide-inner, .elementor-3514 .elementor-element.elementor-element-ecfb77c img {
	height: 100%;
	object-fit: cover;
}

/* End custom CSS */

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