.elementor-768 .elementor-element.elementor-element-5578673{margin-top:5%;margin-bottom:0%;padding:0% 10% 0% 10%;}.elementor-bc-flex-widget .elementor-768 .elementor-element.elementor-element-ae052ac.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-768 .elementor-element.elementor-element-ae052ac.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-768 .elementor-element.elementor-element-fa2348f{padding:0% 10% 0% 10%;}.elementor-768 .elementor-element.elementor-element-22f57b7{margin-top:5%;margin-bottom:0%;padding:0% 10% 0% 10%;}.elementor-bc-flex-widget .elementor-768 .elementor-element.elementor-element-9ff4aa1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-768 .elementor-element.elementor-element-9ff4aa1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-768 .elementor-element.elementor-element-d14d691{padding:0% 10% 0% 10%;}.elementor-768 .elementor-element.elementor-element-0cc49cd{margin-top:0%;margin-bottom:5%;padding:0% 10% 0% 10%;}.elementor-768 .elementor-element.elementor-element-1aa72a2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-768 .elementor-element.elementor-element-1aa72a2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.serafinagardens.ca/wp-content/uploads/2021/12/design-sketch01.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-768 .elementor-element.elementor-element-1aa72a2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;padding:0% 0% 0% 0%;}.elementor-768 .elementor-element.elementor-element-1aa72a2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-b7d0294:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-768 .elementor-element.elementor-element-b7d0294 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.serafinagardens.ca/wp-content/uploads/2021/12/design-sketch02.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-768 .elementor-element.elementor-element-b7d0294 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;padding:0% 0% 0% 0%;}.elementor-768 .elementor-element.elementor-element-b7d0294 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-351baf3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-768 .elementor-element.elementor-element-351baf3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.serafinagardens.ca/wp-content/uploads/2021/12/design-sketch03.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-768 .elementor-element.elementor-element-351baf3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;padding:0% 0% 0% 0%;}.elementor-768 .elementor-element.elementor-element-351baf3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-768 .elementor-element.elementor-element-20056cc{width:18%;}.elementor-768 .elementor-element.elementor-element-ae052ac{width:81.665%;}.elementor-768 .elementor-element.elementor-element-61ae126{width:18%;}.elementor-768 .elementor-element.elementor-element-9ff4aa1{width:81.665%;}}@media(max-width:1024px) and (min-width:768px){.elementor-768 .elementor-element.elementor-element-20056cc{width:25%;}.elementor-768 .elementor-element.elementor-element-61ae126{width:25%;}}@media(max-width:1024px){.elementor-768 .elementor-element.elementor-element-5578673{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-fa2348f{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-22f57b7{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-d14d691{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-0cc49cd{margin-top:0%;margin-bottom:5%;padding:0% 5% 0% 5%;}}@media(max-width:767px){.elementor-768 .elementor-element.elementor-element-20056cc{width:100%;}.elementor-768 .elementor-element.elementor-element-20056cc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-768 .elementor-element.elementor-element-ae052ac{width:100%;}.elementor-768 .elementor-element.elementor-element-fa2348f{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-61ae126{width:100%;}.elementor-768 .elementor-element.elementor-element-61ae126.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-768 .elementor-element.elementor-element-9ff4aa1{width:100%;}.elementor-768 .elementor-element.elementor-element-d14d691{padding:0% 5% 0% 5%;}.elementor-768 .elementor-element.elementor-element-0cc49cd{margin-top:0%;margin-bottom:5%;padding:0% 0% 0% 0%;}}/* Start custom CSS for column, class: .elementor-element-20056cc */.elementor-768 .elementor-element.elementor-element-20056cc {
        width: 20% !important;
}
@media only screen and (max-width: 900px) {
    .elementor-768 .elementor-element.elementor-element-20056cc {
        width: 30% !important;
    }
}
@media only screen and (max-width: 700px) {
    .elementor-768 .elementor-element.elementor-element-20056cc {
        width: 40% !important;
    }
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-20056cc {
        width: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3551cce */.elementor-768 .elementor-element.elementor-element-3551cce {
    height: 0.4rem;
    background-color: var( --e-global-color-secondary ); 
    border-color: var( --e-global-color-secondary ); 
    
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-ae052ac */.elementor-768 .elementor-element.elementor-element-ae052ac {
    width: 80% !important;
}
@media only screen and (max-width: 900px) {
    .elementor-768 .elementor-element.elementor-element-ae052ac {
        width: 70% !important;
    }
}
@media only screen and (max-width: 700px) {
    .elementor-768 .elementor-element.elementor-element-ae052ac {
        width: 60% !important;
    }
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-ae052ac {
        width: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43225559 */.services-container {
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	width: 80%;
}
.services-column {
	width: 33.33%;
	text-align: center;
	box-shadow: 1px 1px 7px #C2C2C2;
	padding: 1.5rem;
	margin: 1rem;
}
img {
	height: 6rem !important;
}
.services-column > h3 {
    padding-top: 1.5rem;
}
p {
    font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
    .services-container {
        width: 100%;
    }
}
@media only screen and (max-width: 700px) {
	.services-container {
	    width: 80%;
		flex-direction: column;
		align-items: center;
	}
	.services-column {
	    width: 100%;
	}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-61ae126 */.elementor-768 .elementor-element.elementor-element-61ae126 {
        width: 35% !important;
}
@media only screen and (max-width: 900px) {
    .elementor-768 .elementor-element.elementor-element-61ae126 {
        width: 45% !important;
    }
}
@media only screen and (max-width: 700px) {
    .elementor-768 .elementor-element.elementor-element-61ae126 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-61ae126 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 380px) {
    .elementor-768 .elementor-element.elementor-element-61ae126 {
        width: 60% !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-914689f */.elementor-768 .elementor-element.elementor-element-914689f {
    height: 0.4rem;
    background-color: var( --e-global-color-secondary ); 
    border-color: var( --e-global-color-secondary ); 
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9ff4aa1 */.elementor-768 .elementor-element.elementor-element-9ff4aa1 {
    width: 65% !important;
}
@media only screen and (max-width: 900px) {
    .elementor-768 .elementor-element.elementor-element-9ff4aa1 {
        width: 55% !important;
    }
}
@media only screen and (max-width: 700px) {
    .elementor-768 .elementor-element.elementor-element-9ff4aa1 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-9ff4aa1 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 380px) {
    .elementor-768 .elementor-element.elementor-element-9ff4aa1 {
        width: 40% !important;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1aa72a2 */.elementor-768 .elementor-element.elementor-element-1aa72a2 {
    width: 30%;
    min-height: 45vh;
    margin-right: 5%;
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-1aa72a2 {
        width: 33.33%;
        margin: 0;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-b7d0294 */.elementor-768 .elementor-element.elementor-element-b7d0294 {
    width: 30%;
    min-height: 45vh;
    margin-right: 5%;
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-b7d0294 {
        width: 33.33%;
        margin: 0;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-351baf3 */.elementor-768 .elementor-element.elementor-element-351baf3 {
    width: 30%;
    min-height: 45vh;
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-351baf3 {
        width: 33.33%;
        margin: 0;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0cc49cd */.elementor-768 .elementor-element.elementor-element-0cc49cd {
    margin-bottom: 5% !important;
}
@media only screen and (max-width: 500px) {
    .elementor-768 .elementor-element.elementor-element-0cc49cd {
        padding: 0;
    }
}/* End custom CSS */