@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: rgba(0, 0, 0, 1);
	background: transparent;
}
.ml-slide-inline{
	max-width: 600px;
	overflow: hidden;
	width: 90%;
	padding-bottom: 0px;
	margin: 0 auto;
	min-height: 280px;
}
.ml_slide_header{
	background: linear-gradient(213.18deg, #4655bc 14.98%, #293272 87.08%);
	padding: 45px 45px 150px 45px;
}
.ml_slide_header h1{
	font-family: "Cabin", serif;
	font-size: 52px;
	font-weight: 700;
	color: #fff;
	line-height: 54px;
	margin: 0 0 10px;
	padding: 0;
}
.ml_slide_header p{
	color: rgba(255, 255, 255, 0.8);
	font-family: 'Inter', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 30px;
}
.ml_slides__wrapper{
	max-width: 100%;
	margin: 0px auto 0;
	padding: 30px 30px 0px;
	background: rgba(252, 255, 255, 1);
	border-radius: 8px;
}
.ml_slides-slide-1 .ml_slides__title{
	font-family: "Cabin", serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 1);
	text-align: center;
}
.ml-slide-inline .ml_form form .ml_form__submit{
	width: 100%;
}
.ml-slide-inline .ml_form form label{
	font-size: 12px;
	display: block;
	font-weight: 600;
	color: rgba(78, 79, 85, 1);
}
.ml-slide-inline .ml_form form label.error{
	display: inline-block;
	background: #FBD9DF;
    border-radius: 6px;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    padding: 1px 5px;
    font-weight: 500;
    color: #272727;
	position: absolute;
    margin-top: -7px;
}
.ml-slide-inline .ml_form form label.error2{
	display: inline-block;
	background: #FBD9DF;
    border-radius: 6px;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    padding: 5px 5px;
    font-weight: 500;
    color: #272727;
}
.ml-slide-inline .ml_form .ml_form__address_field{
	width: calc(100% - 130px);	
}
.ml-slide-inline .ml_form .ml_form__bill_field{
	width: 110px;
}
.ml-slide-inline .ml_form .ml_form__submit{
	padding-top: 19px;
}
.ml-slide-inline .ml_form__submit button.ml_button{
	padding: 12px;
	background: rgba(254, 185, 2, 1);
	color: rgba(51, 51, 51, 1);
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
	border: none;
	width: 100%;
	border-radius: 0px
}
.ml-slide-inline .ml_form__submit button.ml_button::after {
    content: url('data:image/svg+xml,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2979 5.69969C13.5908 5.99258 13.5908 6.46746 13.2979 6.76035L8.52494 11.5333C8.23204 11.8262 7.75717 11.8262 7.46428 11.5333C7.17138 11.2404 7.17138 10.7656 7.46428 10.4727L10.9569 6.98002L0.767578 6.98002C0.353365 6.98002 0.0175777 6.64423 0.0175776 6.23002C0.0175776 5.81581 0.353364 5.48002 0.767578 5.48002L10.9569 5.48002L7.46428 1.98738C7.17138 1.69449 7.17138 1.21961 7.46428 0.926719C7.75717 0.633826 8.23204 0.633826 8.52494 0.926719L13.2979 5.69969Z" fill="rgba(51, 51, 51, 1)"/></svg>');
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0 0 8px;
}
.ml-slide-inline input[type="text"], .ml-slide-inline input[type="number"],  .ml-slide-inline input[type="email"]{
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	padding: 10px;
	font-weight: 500;
	line-height: 18px;
	color: rgba(78, 79, 85, 1);
	border-color: rgba(78, 79, 85, 1);
	border-radius: 0px;
}
.ml-slide-inline input#full_address {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ACADB7' class='bi bi-geo-alt-fill' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>");
    background-repeat: no-repeat;
    background-position: left 7px center;
    padding-left: 27px;
}
.ml-slide-inline input#electric_bill {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ACADB7" class="bi bi-currency-dollar" viewBox="0 0 16 16"><path d="M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 7px center;
    padding-left: 27px;
}
.ml-slide-inline input#electric_bill::-webkit-outer-spin-button,
.ml-slide-inline input#electric_bill::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}
.ml-slide-inline input#electric_bill{
  	-moz-appearance: textfield;
}
.ml-slide-inline .ml_form form#ml_form__address .row .col-12 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.protip .protipcontent{
	display: flex;
	justify-content: space-between;
}
.protip .protipcontent .protipleft{
	width: 37%;
}
.protip .protipcontent .protipleft img{
	width: 100%;
}
.protip .protipcontent .protiptext{
	width: 60%;
	margin-top: 20px;
}
.protip .protipcontent .protiptext p{
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 0px 0 30px;
}
.ml-slide-inline .ml_slide__animation .protipcontent .protiptext h4{
	font-size: 8px;
	font-weight: 700;
}
.ml-slide-inline .ml_slide__animation .protipcontent .protiptext h4 span{
	position: relative;
	display: inline-block;
	padding: 3px 5px;
	background: rgba(254, 185, 2, 1);
	border-radius: 5px;
	color: rgba(51, 51, 51, 1);
}
.ml-slide-inline .ml_slide__animation .generatingQuote{
	width: 100%;
}
.ml-slide-inline .ml_slide__animation .generatingQuote{
	padding-bottom: 10px;
	font-size: 11px;
	margin: 0 auto;
	padding-top: 0px;
}
.ml-slide-inline .ml_slide__animation .generatingQuote span:first-child{
	color: rgba(254, 185, 2, 1);
}
.ml-slide-inline .ml_slide__animation .generatingQuote span:last-child{
	color: rgba(28, 2, 113, 0.3);
}
.ml-slide-inline .ml_slide__animation .generatingQuote .genQuoteLine{
	width: 100%;
	height: 2px;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	background: rgba(28, 2, 113, 0.3);
	margin-bottom: 5px;
}
.ml-slide-inline .ml_slide__animation .generatingQuote .genQuoteLine .genQuoteProgress{
	position: absolute;
	width: 0%;
	background: rgba(254, 185, 2, 1);
	height: 2px;
	top: 0px;
	left: 0px;
}
.ml-slide-inline .ml_slides_slide-1-2 .mapcheckaddress{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0px;
}
.ml-slide-inline .ml_slides_slide-1-2 .mapside{
	width: 40%;
}
.ml-slide-inline .ml_slides_slide-1-2 .mapside .mapwrapper{
	width: 100%;
	height: 100%;
	position: relative;
	max-height: 300px;
	border-radius: 0px;
    overflow: hidden;
}
.ml-slide-inline .ml_slides_slide-1-2 .mapside .mapwrapper #checkmap{
	width: 100%;
	height: 100%;
}
.ml-slide-inline .ml_slides_slide-1-2 .checkmapdescription{
	width: 55%;
}
.ml-slide-inline .ml_slides_slide-1-2 .checkmapdescription{
	padding-top: 0px;
    padding-bottom: 0px;
}
.ml-slide-inline .ml_slides_slide-1-2 .map-custom-pin {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 999;
    width: 19px;
    height: 30px;
    pointer-events: none;
}
.ml-slide-inline .ml_slides_slide-1-2 .checkmap-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/map-overlay.png'); 
	background-size: cover;
	pointer-events: none; 
	background-position: center center;
}
.mapcheckcontent h4{
	font-size: 21px;
	font-weight: 500;
	line-height: 26px;
	text-align: left;
}
.mapcorrection img{
	width: 25%;
	margin: 0 15px 20px 0;
	float: left;
}
.mapcorrection p{
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin: 0;
	padding: 15px 0 0;
}
.ml_slides_slide-3 .protipleft{
	position: relative;
}
.ml_slides_slide-3 .protipimg2, .ml_slides_slide-3 .protipimg3{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.ml_slides_slide-3 .protiptextcont{
	position: relative;
	
}
.ml_slides_slide-3 .protiptext2, .ml_slides_slide-3 .protiptext3{
	position: absolute;
	top: 0;
	left: 0;
}
.ml_slides-slide-1, .ml_slides_slide-1-2, .ml_slides_slide-2{
	padding-bottom: 30px;
}
.ml_slides_slide-1-2 .continuebutton{
	clear: both;
}
.ml_slides_slide-1-2 .continuebutton button{
	padding: 12px;
	border-radius: 10px;
	background: rgba(254, 185, 2, 1);
	color: rgba(51, 51, 51, 1);
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
	border: none;
	width: 100%;
}
.ml_slides_slide-1-1, .ml_slides_slide-1-2, .ml_slides_slide-2, .ml_slides_slide-3{
	display: none;
}
p.notServicing{
	color: #8B1517;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 0;
}
.ml_slide__animation{
	padding: 9px 0 10px;
}
.ml_slides_slide-1-2{
	padding-top: 10px;
}
.ml_slides-slide-1{
	padding-top: 20px;
	padding-bottom: 42px;
}
.ml_slides_slide-3 .protipleft img{
	opacity: 0;
}
.ml_slides_slide-3 .protiptextcont div{
	opacity: 0;
}
#servicing_area{
	display: none;
}
@media (max-width: 520px) {
	.ml-slide-inline{
		width: 100%;
		min-height: 350px;
	}
	.ml_slide_header h1{
		font-size: 36px;
		line-height: 42px;
	}
	.ml_slide_header{
		padding: 25px 15px 150px 15px;
	}
	.ml_slides__wrapper{
		margin-left: 15px;
		margin-right: 15px;
		padding: 10px 15px 0px;
		border-radius: 8px;
	}
	.ml_slide_header p{
		font-size: 15px;
		line-height: 24px;
	}
	.protip .protipcontent{
		flex-wrap: wrap;
	}
	.protip .protipcontent .protipleft{
		width: 100%;
	}
	.protip .protipcontent .protipleft img{
		max-width: 150px;
		margin: 0 auto;
		display: block;
	}
	.protip .protipcontent .protiptext{
		width: 100%;
		margin-top: 0px;
	}
	.ml-slide-inline .ml_slides_slide-1-2 .mapside{
		width: 100%;
	}
	.ml-slide-inline .ml_slides_slide-1-2 .checkmapdescription{
		width: 100%;
	}
	.ml-slide-inline .ml_slides_slide-1-2 .mapside .mapwrapper{
		height: 210px;
		margin-bottom: 20px;
	}
	.ml-slide-inline .ml_form .ml_form__bill_field{
		width: 90px;
	}
	.ml-slide-inline .ml_form .ml_form__address_field{
		width: calc(100% - 100px);
	}
	.ml_slides-slide-1{
		padding-top: 0px;
	}
	.ml_slides-slide-1 .ml_slides__title{
		padding-top: 20px;
	}
}