.elementor-480 .elementor-element.elementor-element-4064741:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-4064741 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://savinggraceplumbing.com/wp-content/uploads/2022/05/22-e1651658150531.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-480 .elementor-element.elementor-element-4064741 > .elementor-background-overlay{background-color:var( --e-global-color-a19a9ea );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-480 .elementor-element.elementor-element-4064741 > .elementor-container{max-width:1360px;}.elementor-480 .elementor-element.elementor-element-4064741{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 25px 120px 25px;}.elementor-480 .elementor-element.elementor-element-a1dd736 > .elementor-element-populated{padding:0px 25px 0px 25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-480 .elementor-element.elementor-element-64dbfb0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-480 .elementor-element.elementor-element-bf4efac:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-bf4efac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAFAFA00;}.elementor-480 .elementor-element.elementor-element-bf4efac > .elementor-container{max-width:1360px;}.elementor-480 .elementor-element.elementor-element-bf4efac > .elementor-background-overlay{opacity:0.18;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-480 .elementor-element.elementor-element-bf4efac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 25px 100px 25px;}.elementor-480 .elementor-element.elementor-element-93a478a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-480 .elementor-element.elementor-element-93a478a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAFAFA;}.elementor-bc-flex-widget .elementor-480 .elementor-element.elementor-element-93a478a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-480 .elementor-element.elementor-element-93a478a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-480 .elementor-element.elementor-element-93a478a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-480 .elementor-element.elementor-element-93a478a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:5px;}.elementor-480 .elementor-element.elementor-element-93a478a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:55px 55px 55px 55px;}.elementor-480 .elementor-element.elementor-element-93a478a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-480 .elementor-element.elementor-element-195e5c6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-480 .elementor-element.elementor-element-fe16c27 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-480 .elementor-element.elementor-element-bf4efac{padding:100px 25px 100px 25px;}.elementor-480 .elementor-element.elementor-element-93a478a > .elementor-element-populated{padding:25px 25px 25px 25px;}}@media(max-width:767px){.elementor-bc-flex-widget .elementor-480 .elementor-element.elementor-element-93a478a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-480 .elementor-element.elementor-element-93a478a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-480 .elementor-element.elementor-element-93a478a > .elementor-element-populated{padding:0px 10px 0px 10px;}}@media(max-width:1024px) and (min-width:768px){.elementor-480 .elementor-element.elementor-element-93a478a{width:100%;}}


/* Start custom CSS for html, class: .elementor-element-195e5c6 */.section-code-example-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0px 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eafafa;
  font-family: Poppins;
  color: #31364c;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
}

.container-code-example {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	font-family: Poppins;
  }

.max-width-800 {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.title-holder-code-example-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.text-holder-code-example-2 {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  text-align: center;
}

.row-code-example-2 {
  display: -ms-grid;
  display: grid;
  margin-top: 25px;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.title-code-example {
  	margin-top: 0px;
  	margin-bottom: 30px;
  	font-size: 36px;
  	line-height: 130%;
  	text-align: center;
  	font-family: Poppins;
  	font-weight: 700;
  	color: black;
  }

.paragraph-code-example-lg {
  	margin-bottom: 20px;
  	color: #31364c;
  	text-align: center;
  }

.link-green {
  	color: #07c0ca;
  	font-weight: 700;
  	text-decoration: none;
  }

.btn-code-example {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	margin-bottom: 10px;
  	padding: 12px 32px;
  	-webkit-box-pack: center;
  	-webkit-justify-content: center;
  	-ms-flex-pack: center;
  	justify-content: center;
  	-webkit-box-align: center;
  	-webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
  	border-radius: 5px;
  	background-color: #5DAD3E;
  	-webkit-transition: all 250ms cubic-bezier(.25, .46, .45, .94);
  	transition: all 250ms cubic-bezier(.25, .46, .45, .94);
  	font-size: 14px;
  	font-weight: 700;
  	text-transform: uppercase;
  	color: white;
  	text-decoration: none;
  }
  

.btn-code-example:hover {
  	-webkit-transform: translate(0px, -5px);
  	-ms-transform: translate(0px, -5px);
  	transform: translate(0px, -5px);
  }
  

.paragraph-code-example {
    font-family: Poppins;
  	margin-bottom: 20px;
  	color: #31364c;
  	font-size: 12px;
  	line-height: 1.6;
  }

.col-code-example-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h3.title-small-code-example {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 500;
    margin: 10px 0px 10px 0px;
}

@media screen and (max-width: 991px) {

  }
  @media screen and (max-width: 767px) {

  	.title-code-example {
  		font-size: 26px;
  	}
  	.paragraph-code-example-lg {
  		font-size: 16px;
  	}
  	.btn-code-example {
  		font-size: 12px;
  	}

  }
  @media screen and (max-width: 479px) {
  	.section-code-example-2 {
  		padding: 60px 16px;
  	}
  	.container-code-example {
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
  		-webkit-flex-direction: column;
  		-ms-flex-direction: column;
  		flex-direction: column;
  	}

   .row-code-example-2 {
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
  }

   .text-holder-code-example-2 {
  		width: 100%;
  		max-width: none;
  		min-width: 100%;
  	}
    
   .title-code-example {
  		font-size: 24px;
  	}

  }/* End custom CSS */






