/*General css start*/
:root {
	--body-text: #2C3035;
	--gray-clr: #4E5867;
	--orange-clr: #FFA63E;
	--white-clr: #ffffff;
	--border-clr: #D7DCE3;
	--dark-bg: #F8FAFC;
	--radius: 6px;
	--gradient: linear-gradient(135deg, #D7DCE3 0%, #FFFFFF 100%);

	--large-size: 30px;
	--large-line-height: 41px;

	--medium-size: 26px;
	--medium-line-height: 35px;

	--small-size: 20px;
	--small-line-height: 27px;

	--body-size: 17px;
	--body-line-height: 23px;

	--regular-font: 'Nunito Sans', 'Arial', 'Helvetica', sans-serif;
	--bold-font: 'Nunito Sans-bold', 'Arial', 'Helvetica', sans-serif;
	--extrabold-font: 'Nunito Sans-eb', 'Arial', 'Helvetica', sans-serif;
}
html, body, *, *:after, *before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-size: var(--body-size); line-height: var(--body-line-height); color: var(--body-text); font-family: var(--regular-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1440px; max-width: 100%; display: block; margin: auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding-top: 68px; }
img { max-width: 100%; /*image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;*/ }
ul { list-style-type: none; }
a { color: var(--body-text); }
a:hover, a:active, a:focus, button:focus, button:hover, button:active, .btn.focus, .btn:focus { opacity: 0.8; outline: none; box-shadow: none; text-decoration: none; }
input:focus, input:active { outline: 0; }
#scroll { position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; text-indent: -9999px; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; z-index: 9; background: var(--gray-clr); box-shadow: 0 0 5px rgba(0,0,0,0.2); }
#scroll span { height: 12px; width: 12px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); position: absolute; bottom: 0; left: 0; right: 0; margin: 43% auto 0; top: 0; }
.container { max-width: 1350px; }
.sec-title { color: var(--orange-clr); font-family: var(--bold-font); font-size: var(--large-size); line-height: var(--large-line-height); margin: 0 0 2px; }
.rounded-circle { overflow: hidden; }

body input::-webkit-input-placeholder { color: var(--border-clr) !important; }
body input::-moz-placeholder { color: var(--border-clr) !important; }
body input:-ms-input-placeholder { color: var(--border-clr) !important; }
body input:-moz-placeholder { color: var(--border-clr) !important; }
.call-now{ font-size: 1em; padding-left: 50px; position: relative;}
.call-now:before {
 position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    border: 2px solid #2488d0;
    border-radius: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(https://autoinsurerquote.com/wp-content/themes/autoinsurerquote/img/call.png);
    background-repeat: no-repeat;
    background-position: center;
}
.number{font-weight: 600; font-size: 1.3em;}

/*General css End*/

/*general class start*/
.section { padding: 70px 0; }
.bold { font-family: var(--bold-font); }
.extra-bold { font-family: var(--extrabold-font); }
.gray { color: var(--gray-clr); }
.orange { color: var(--orange-clr); }
.gray-bg { background-color: var(--gray-clr); }
.dark-bg { background-color: var(--dark-bg); }
.medium { font-size: var(--medium-size); line-height: var(--medium-line-height); }
.small { font-size: var(--small-size); line-height: var(--small-line-height); }
.inverse * { color: var(--white-clr); }
/*general class end*/

/*css for button start*/
.btn { background-color: var(--orange-clr); color: var(--white-clr); border: 1px solid var(--orange-clr); font-family: var(--regular-font); font-size: var(--body-size); line-height: var(--body-line-height); padding: 14px 27px 13px; border-radius: var(--radius); }
.btn:hover, .btn:active, .btn:focus { color: #fff; opacity: 0.9; }
/*css for button end*/

/*css for header start*/
header .navbar { padding: 16px 0 12px; width: 1440px; margin: auto; max-width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.1); background-color: var(--white-clr); }
.navbar-brand { padding: 0; width: 200px; }
/*css for header end*/

/*css for banner start*/
.banner { height: 600px; position: relative; }
.banner > img { height: 100%; object-fit: cover; object-position: center;  }
.banner-popup { width: 470px; max-width: 90%; position: absolute; top: 50%; transform: translateY(-50%); left: 155px; padding: 30px; border-radius: var(--radius); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); background: var(--gradient); }
h1 { font-size: var(--large-size); line-height: var(--large-line-height); margin: 0 0 10px; }
.tagline { font-size: var(--small-size); line-height: var(--small-line-height); margin-bottom: 20px; }
.form-control { padding: 14px 15px; border-radius: var(--radius); background-color: var(--white-clr); border: 1px solid var(--border-clr); }
.quote.form-group { position: relative; margin-bottom: 30px; }
.quote.form-group input { padding-right: 195px; }
.quote .btn { position: absolute; top: 1px; right: 0; border-radius: 0 var(--radius) var(--radius) 0; }
/*css for banner end*/

/*css for how it works section start*/
.work-info { position: relative; }
.work-info + .work-info:after { position: absolute; content: ""; top: 45px; left: -12px; height: 22px; width: 24px; background-image: url(../img/arrow.svg); }
.work-info .img-wrapper { height: 100px; width: 100px; background-color: var(--border-clr); margin: auto; }
.work-info p { margin: 23px 0 0; }
/*css for how it works section end*/

/*css for choose section start*/
.step + .step { margin-top: 40px; }
.step .sticky { position: sticky; top: 80px; }
.step li + li { margin-top: 15px; }
li { position: relative; }
li:before { position: absolute; content: ""; top: 9px; left: -25px; height: 6px; width: 6px; background-color: var(--gray-clr); border-radius: 100%; }
/*css for choose section end*/

/*footer css start*/
.top-footer { background: var(--gradient); padding: 40px 0; }
.top-footer h2 { color: var(--body-text); margin: 0 0 10px; }
.btm-footer { padding: 40px 0; background-color: var(--body-text); }
.btm-footer p, .btm-footer a { color: var(--border-clr); opacity: 0.5; }
.btm-footer .ft-page-link{ margin-top: 10px; }
.btm-footer a:not(:last-child):after {
	content: "|";
	margin-left: 5px;
	margin-right: 5px;
}
/*footer css end*/

/*carrier page css start*/
.banner.inner-page { height: 200px; }
.banner-title { position: absolute; top: 50%; transform: translateY(-50%); font-size: var(--large-size); line-height: var(--large-line-height); left: 0; right: 0; }
.info-wrap { flex-grow: 1; padding-left: 30px; }
.result + .result { margin-top: 50px; padding-top: 50px; }
.result .img-wrapper { width: 220px; height: 130px; text-align: center; border-radius: var(--radius); padding: 10px; }
.result .img-wrapper img { position: relative; height: auto; top: 50%; transform: translateY(-50%); max-height: 100%; }
.result li + li { margin-top: 10px; }
/*carrier page css end*/

/*contact page css start*/
.box { box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 30px; width: 100%; max-width: 100%; margin: 40px auto 0; border-radius: var(--radius); }
form .control-label { font-size: 15px; line-height: 22px; font-family: var(--bold-font); }
form .form-control { padding: 10px 15px; }
form .form-control:focus { color: var(--body-text); background-color: #fff; border-color: var(--gray-clr); box-shadow: none; }
form .custom-select { height: 46px; }
form .btn { padding: 11px 27px 10px; }
.disclaimer { font-size: 14px; line-height: 20px; }
.disclaimer a, .disclaimer a:not([href]):not([tabindex]) { color: var(--orange-clr); font-family: var(--bold-font); }
.no-icon li:before { display: none; }
.modal li { margin-bottom: 10px; }
/*contact page css end*/

/*Responsive css start*/
@media only screen and (max-width: 1199px) {
	.banner-popup { left: 100px; }
}

@media only screen and (max-width: 991px) {
	.section { padding: 50px 0; }
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-left: 15px; padding-right: 15px; }
	.banner-popup { left: 50px; }
	.box { padding: 30px 15px; }
}

@media only screen and (max-width: 767px) {
	:root{
		--large-size: 26px;
		--large-line-height: 36px;
		--medium-size: 22px;
		--medium-line-height: 32px;
		--small-size: 18px;
		--small-line-height: 25px;
	}
	.section { padding: 40px 0; }
	.banner-popup { left: 0; right: 0; margin: auto; }
	.step .sticky { position: static; }
	.info-wrap { flex-wrap: wrap; }
	.info-wrap .btn { margin-top: 20px; }
}

@media only screen and (max-width: 575px) {
	.banner-popup { padding: 30px 15px; }
	.quote.form-group input { padding-right: 15px; }
	.quote .btn { position: relative; top: auto; right: auto; border-radius: var(--radius); margin-top: 10px; }
	.work-info + .work-info { margin-top: 30px; }
	.work-info + .work-info:after { display: none; }
	.top-footer .quote .btn { margin: 10px auto 20px; display: block; }
	.border-left { border-left: none; border-top: 1px solid; padding-top: 15px; }
	.result { flex-wrap: wrap; }
	.result .img-wrapper { width: 150px; height: 60px;padding: 5px; margin-bottom: 15px; }
	.info-wrap { padding-left: 0; }
	.result + .result { margin-top: 30px; padding-top: 30px; }
	}

.error{color:red;font-size: 14px;}
/** Css for the Health Insurance listing page**/
.health-insurance-api-details li:before{
	position: relative;
}

.health-insurance-api-details .success-message{
	color:var(--orange-clr);
	justify-content:right;
	margin-bottom: 1em;
	font-size: 1.2em !important;
	flex-direction: column;
	margin-top: 2em;
}
	.health-insurance-api-details .success-message .line1{
		margin-bottom: 0.3em;
	}

	.health-insurance-api-details .success-message .line2{
		font-size: 1.3em;
		margin-bottom: 0.3em;
	}

.health-insurance-api-details .listings-container table {
	border-collapse:separate !important;
	border-spacing: 0 1em !important;
}

.health-insurance-api-details .listings-container table tr {
	background: none !important;
	box-shadow: -2px 0px 10px 9px #ececec !important;
}

.health-insurance-api-details .listings-container table tr td.max-ad-description  {
	vertical-align: middle !important;
}

.health-insurance-api-details .listings-container table tr td.max-ad-button  {
	vertical-align: middle !important;
}
.custom-radio.custom-control-inline input.custom-control-input
{
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 0;
}
.cms-content h1 {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
 }

/** Css for the Health Insurance listing page ends **/