@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{

	font-family: 'Open Sans', sans-serif;

}



.form_section{

}

.form-header {

    padding: 25px 0px 8px;

    margin-bottom: 25px;

}

.quiz-end__side-top, .quiz-end__side-bottom {

    background: #856e9a;

}

.quiz-end__side {

    color: white;

    width: 40%;

    overflow: hidden;

    border-bottom-left-radius: 10px;

}

.quiz-end {

    display: flex;

    box-shadow: none;

}

.quiz-end__side-bottom {

    border-top: 2px solid white;

}

.quiz-end__side-bottom {

    background: #3b7af9;

    padding: 2rem;

    border-bottom-left-radius: 10px;

    height: 100%;

}

.quiz-end__icon {

    margin-bottom: 30px;

    margin-top: 30px;

    text-align: center;

}

.quiz-end__icon i {

    font-size: 44px;

}

.quiz-end__helped {

    font-size: 24px;

    line-height: 30px;

    text-align: center;

}

.quiz-form__btn .btn {

    padding: 8px 28px !important;

    color: white !important;

    background: #0050a3 !important;

    font-weight: 500 !important;

    border-radius: 5px !important;

    font-size: 20px !important;

    text-align: center !important;

    margin-top: 27px;

    border: 0 !important;

    cursor: pointer;

    transition: 0.3s;

}

.quiz-form__btn .btn:hover{

    background:#09427d;

}

.quiz-form__btn .btn:focus{

    border:0;

    outline:0;

}

.quiz-end__step-text {

    font-size: 1.5rem;

}

.quiz-end__step {

    display: flex;

    margin-bottom: 28px;

}

.quiz-end__main {

    background: white;

  

    width: 100%;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.quiz-end__main p {

    font-size: 22px;

    font-weight: 500;

    text-align: left;

    margin-bottom: 25px;

    padding-bottom: 0 !important;

    color: #212529 !important;

}

.quiz-end__main label {

    font-weight: 400;

    display: inline-block;

    margin-bottom: 0.5rem;

    font-size: 24px;

    color: #1b1b1b;

}

.last_step .quiz-form__half {

    margin-bottom: 18px;

}

.quiz-form__half {

    text-align: left;

    margin-bottom: 20px;

}

.quiz-form__row {

    /*display: flex;*/

}



input[type=email], input[type=text], input[type=tel] {

    border: 2px solid #6197e1!important;

    color: #1d1d1b !important;

    display: block;

    font-size: 16px;

    line-height: 1em;

    outline: none;

    padding: 16px !important;

    transition: border .3s ease;

    text-align: left !important;

    background: #FFF!important;

    box-shadow: none !important;

    border-radius: 9px !important;

    height: 60px !important;

    text-indent: 0 !important;

}

.quiz-form__btn {

    text-align: center;

}

.quiz-end__list {

    list-style: none;

    margin: 20px 0px 0px;

    padding: 0;

}

.quiz-end__list-item {

    font-size: 18px;

    line-height: 40px;

    font-weight: bold;

}

.quiz-end__list-item i {

    color: white;

margin-right: 10px;

}

.quiz-end__side-top, .quiz-end__side-bottom {

    background: #856e9a;

}

.quiz-end__side-bottom {

    border-top: 2px solid white;

padding: 2rem;

    border-bottom-left-radius: 10px;

    height: 100%;

}



.quiz-end__helped p {

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

}



.quiz-end__side-top {

    padding: 2rem;

    border-top-left-radius: 10px;

}

.quiz-checkbox {

    position: absolute;

    top: 41%;

    left: 13px;

    transform: translateY(-50%);

    height: 30px;

    width: 30px;

    background: white;

    border: solid 3px #c3c3c3;

    border-radius: 50%;

}

.quiz-answers__item:hover .quiz-checkbox::before, .quiz-answers__item.selected .quiz-checkbox::before {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

 .option:hover   .quiz-checkbox::before {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);



}



  .option:hover label {

      background: #FA6742 !important;

    color: #fff;

  }



  .option:hover label .quiz-checkbox, .option.checked .quiz-checkbox::before  {

     background: transparent !important;

     border-color: #FFF !important;

  } 



 



.option.checked .quiz-checkbox {

   background: transparent !important;

     border-color: #FFF !important;

}



 .option.checked   .quiz-checkbox::before  {

     font-family: "Font Awesome 5 Free";

    font-weight: 900;

   content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color:#FFF !important;

}

.quiz-form__half:first-child {

   /* padding-right: 0.5rem;*/

}    

.quiz-form__half:last-child {

   /* padding-left: 0.5rem;*/

}



.quiz-form__btn p {

    text-align: center;

}   

/*#msform fieldset {

	background: transparent;

	border: 0 none;

	border-radius: 3px;

	box-shadow: none;

	padding: 45px;

	box-sizing: border-box;

	width: 100%;

	margin: 0px;

	position: absolute;

}*/

fieldset.step_small {

    max-width: 840px;

    margin: 0px auto !important;

   /* left: 0;

    right: 0;*/

    box-shadow: 0 3px 6px rgb(0 0 0 / 29%);

    border-radius: 20px;

    background: #FFF;

    padding: 45px;

}

fieldset.step_small.last_step {

   /* max-width: 100%;

    padding: 0;*/

}

#msform fieldset:not(:first-of-type) {

	display: none;

}

#msform input, #msform textarea {

	border: 1px solid #e6e6e6;

	background: #FFF;

	padding: 0 39px 0 15px;

	margin-bottom: 6px;

	width: 100%;

	height: 43px;

	font-size: 18px;

	text-align: left;

	color: #309ff9;

	box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;

	 

}

.tick-row label {

    font-weight: 300;

    font-size: 16px;

    color: #869ab8;

}

#msform .action-button {

    background: #10c04e  !important;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 9px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 0 0px;

    font-size: 27px;

    height: auto;

    text-align: center;

    text-transform: uppercase;

}

#msform fieldset#two .action-button {

   /* max-width: 110px;

    margin: 0px auto;

    display: table;

	border-radius: 4px;

	padding: 5px 5px;*/

}



#msform .action-button:hover, #msform .action-button:focus {

	background: #10c04e;

}

.fs-title {

    font-weight: 700 !important;

    font-size: 30px !important;

    color: #000 !important;

    margin-bottom: 33px;

    line-height: 31px !important;

    text-align: center;

    font-family: Roboto;

}

h3.tick-title {

    font-size: 24px;

    font-weight: 400;

    font-family: roboto;

    margin-bottom: 20px;

}

.fs-subtitle {

	font-weight: normal;

	font-size: 13px;

	color: #666;

	margin-bottom: 20px;

}

.safe h5 {

    text-align: left;

    margin-top: 26px;

}



.safe p {

    margin-top: 6px;

    display: inline-block;

    text-align: left;

    font-size: 15px;

    color: #000;

    margin-bottom: 0!important;

}

#progressbar {

	margin-bottom: 5px;

	overflow: hidden;

	counter-reset: step;

	padding-bottom: 0px;

}

#progressbar li {

	list-style-type: none;

	color: white;

	text-transform: uppercase;

	font-size: 9px;

	width: 10%;

	/*float: left;

	position: relative;*/

	float: none;

    position: relative;

    display: inline-block;

}

#progressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 24px;

	line-height: 20px;

	display: block;

	font-size: 10px;

	color: #333;

	background: #fff;

	border: 2px solid #dcdcdc;

	border-radius: 15px;

	margin: 0 auto 5px auto;

}

#progressbar li:after {

	content: '';

	width: 80%;

	height: 2px;

	background: #dcdcdc;

	position: absolute;

	left: -54%;

	top: 9px;

	z-index: 0;

	margin: 1px 13%

}

#progressbar li:first-child:after {

	content: none;

}

#progressbar li.active:before {

	background: #FA6742;

	color: white;

	border: 2px solid #257f02;

}

#progressbar li.active:after {

	background: #FA6742;

	color: white;

}

.checkbox {

	padding: 5px 0 0;

	font-size: 0;

	margin: 0 -3px -5px -2px

}

.checkbox.full label {

	width: auto;

	display: block;

	font-size: 15px;

	font-weight: 400;

}

.checkbox label:hover {

	background: #e0e0e0;

	cursor: pointer

}

.checkbox .checked label {

	background: #FA6742 !important;

	color: #fff

}

.checkbox label {

	background: linear-gradient(to right, #4c3776, #9068cc);

	border-radius: 5px;

	color: #FFF;

	display: inline-block;

	font-size: 19px;

	font-weight: 500;

	line-height: 16px;

	margin: 0 3px 16px 2px;

	padding: 18px 20px 18px 58px;

	vertical-align: top;

	width: 100%;

	text-align: left;

}

.checkbox2 {

	padding: 5px 0 0;

	font-size: 0;

	margin: 0 -3px -5px -2px

}

.checkbox2.full label {

	width: auto;

	display: block;

	font-size: 15px;

	font-weight: 400;

}

.checkbox2 label:hover {

	background: #e0e0e0;

	cursor: pointer

}

.checkbox2 .checked label {

	background: #FA6742 !important;

	color: #fff

}

.checkbox2 label {

    background: linear-gradient(to right, #412C76, #412C76);

    border-radius: 9px;

    color: #ffffff;

    

    font-size: 24px;

    font-weight: 500;

    line-height: 16px;

    margin: 0 3px 16px 2px;

    padding: 17px 20px 17px 20px;

    vertical-align: top;

    width: 100%;

    text-align: center;

    min-height: 79px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 4px 4px 5px 0px rgb(99 99 99);

}

.input-hidden {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0;

	z-index: 9999;

	width: 220px;

	height: 90px;

}

.input-hidden2 {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0;

	z-index: 9999;

	width: 220px;

	height: 32px;

}

.input-hidden3 {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0;

	z-index: 9999;

	width: 220px;

	height: 32px;

}

.option:hover label {

	background: #e0e0e0;

	cursor: pointer

}

.option {

	position: relative;

	float: none;

	width: 100%;

	display: inline-block;

}

.safe {

	font-size: 12px;

	color: #000;

	display: none !important;

}

.error {

	color: #cc3300;

	font-weight: 300;

	font-size: 14px;

}

.safe_sm {

    text-align: center;

}

.padding20 {

	margin-bottom: 10px;

}

.input_box:before {

	content: "";

	position: absolute;

	left: 0;

	width: 41px;

	height: 41px;

	background: #000;

	background-color: #f5f5f5;

	border: 1px solid #e4e4e4;

}

.input_box {

	position: relative;

}

.input_box {

	position: relative;

}

.input_box:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 41px;

	height: 41px;

	background: #000;

	background-color: #f5f5f5;

	border: 1px solid #e4e4e4;

}

#msform input, #msform textarea {

	text-indent: 41px;

}

#msform .action-button {

	text-indent: 0;

}

.user_media:before {

	background-repeat: no-repeat;

	background-position-x: 10px;

	background-position-y: 11px;

}

.email_media:before {

	background-repeat: no-repeat;

	background-position-x: 10px;

	background-position-y: 11px;

}

.phone_media:before {

	background-repeat: no-repeat;

	background-position-x: 10px;

	background-position-y: 11px;

}

#progressbar li:before {

	z-index: 99;

	position: relative;

}

#msform .action-button {

    margin-top: 14px;

}

.input_box {

	margin-bottom: 6px;

}

.checkbox2.check-list input[type=radio] {

	height: 81px !important;

}

 

h1.main-title {

    font-size: 28px;

    text-align: center;

    margin: 0px auto 40px;

    max-width: 996px;

    /* margin: 0px; */

}



h4.title-light {

    color: #999999;

    font-family: Roboto;

    font-size: 18px;

    font-weight: 500;

    text-align: center;

    margin: 39px 0px 50px !important;

}



.debt-title {

    text-align: center;

    font-size: 24px;

    font-weight: 500;

    text-transform: none;

    margin-bottom: 50px;

}

 



.quiz-form__row.tick-row input.check-info {

    height: auto !important;

    width: auto !important;

}



.btn-main input {

    width: auto !important;

    text-align: center;

}



.btn-main {

    text-align: center;

}



body #msform input.btn-submit {

    background: #10c04e   !important;

    color: #FFF !important;

    font-size: 16px !important;

    border: 1px solid #10c04e !important;

    border-radius: 4px;

    min-width: 120px !important;

    padding: 6px 10px !important;

    height: auto !important;

    text-align: center !important;

    text-indent: 0;

    text-transform: uppercase;

    font-weight: 400;

}



.btn-main button.btn-default {

    background: transparent;

    border: 1px solid #ccc;

    padding: 6px 10px;

    border-radius: 4px;

    font-size: 17px;

}

.slider-box input {

    border: 0 !important;

    padding: 0 !important;

    height: auto !important;

}



.slider-box input {

    font-size: 22px !important;

} 

.ui-slider .ui-slider-range {

    background: #81bc8c;

}

.ui-widget.ui-widget-content {

    border: none;

    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);

}

 .ui-widget.ui-widget-content {

    background: null;

    height: 20px;

    margin-top: 20px;

    margin-bottom: 40px;

    padding-bottom: nullpx !important;

}



.ui-slider-horizontal .ui-slider-handle {

    background: rgba(31,140,235,1) !important;

    width: 40px !important;

    height: 40px !important;

    border-width: 2px !important;

    border-style: none !important;

    border-color: #ffffff !important;

    box-shadow: 3px 3px 6px rgba(112,112,112,0.85) !important;

    border-radius: 50%;

    top: -12px;

}



div#price-range span:nth-child(2) {

    display: none !important;

}

 

.fade-in-left {

    animation: fade-in-left .6s cubic-bezier(.39,.575,.565,1) both;

}



@keyframes fade-in-left{

0% {

    transform: translateX(-50px);

    opacity: 0;

}

100% {

    transform: translateX(0);

    opacity: 1;

}

}

/*New css*/





@media (max-width:1024px){

.logo-cont img {

    max-width: 240px;

}

.fs-title {

    text-align: center;

}



 



fieldset.step_small {

    padding: 15px;

}

.quiz-end__main {

    border-radius: 10px 10px 10px 10px !important;

}

.quiz-end__list-item i {

    position: absolute;

    left: 0;

    top: 7px;

}

.form_section .container {

    padding-left: 11px;

    padding-right: 11px;

}

.quiz-end__list-item {

    position: relative;

    padding-left: 32px;

}

.quiz-end__side-top {

    border-radius: 10px 10px 0px 0px !important;

}

 

.quiz-end__side-bottom {

    display: none;

}



.quiz-end__side-top {

	padding: 20px;}



.quiz-end {

    display: inherit;

}



.quiz-end__side {

    width: 100%;

    overflow: inherit;

}



.quiz-end__main {

    width: 100%;

}



fieldset.step_small.last_step {

    max-width: 600px;

}



.quiz-end__main p {

    margin-bottom: 7px;

    font-size: 16px;

}



.quiz-end__step {

    display: none;

}



.quiz-form__btn .btn {

    width: 100%;

    font-size: 26px !important;

}



.quiz-end__list-item {

    font-weight: normal;

    line-height: 23px;

    margin-bottom: 17px;

    font-size: 16px;

}



.quiz-form__half {

    width: 100%;

}



.quiz-form__row {

    display: inherit;

}



.quiz-form__half:first-child {

    padding-right: 0;

}



.quiz-form__half:last-child {

    padding-left: 0;

}



}













@media (min-width:414px) and (max-width:480px) {

#msform {

	/*width: 370px!important;*/

}

}

@media (max-width:480px) {

#msform {

	 

}

#msform fieldset {

	margin-top: -21px;

}

}



/*-------------------------------- Main Form CSS ------------------------------*/



.front-section .row{

    align-items: center;

}



ul#progressbar {

    /*display: none;*/ display:table; width:100%;text-align: center;

}







@media (min-width:1025px){

fieldset#eight button.next.action-button {

    width: 100%;

}	

	

	

	

}



@media (max-width:1024px){

h1.main-title span, h1.main-title {

    font-size: 26px !important;

}



.form_section .container {

    padding-left: 0 !important;

    padding-right: 0px !important;

}

.checkbox2 label {

    font-size: 20px;

}	

.checkbox2 label {

    font-size: 20px;

}



.fs-title {

    font-size: 28px  !important;

    margin: 0px 0px 20px;

}



#msform fieldset {

    padding: 33px 25px;

}



 	

h4.title-light {

    font-size: 16px;

    padding: 1px 20px 10px;

    margin: 1px 0px 2px !important;

}



.debt-title {

    font-size: 18px;

}	

.top-logo img {

    max-width: 292px !important;

}	

}





@media (max-width:1024px){

.form-header {

    padding: 16px 0px 14px;

    margin-bottom: 12px;

}	

.top-head {

    margin-bottom: 0 !important;

}

.checkbox2 label {

    min-height: 73px;

}	

fieldset.step_small {

    max-width: 300px;

}



h1.main-title {

    max-width: 334px;

    margin-bottom: 27px;

}

	

fieldset#eight h2.fs-title, 

fieldset#five h2.fs-title, 

fieldset#six h2.fs-title, 

fieldset#seven h2.fs-title {

    padding-bottom: 30px;

}

	

fieldset#eight button.next.action-button {

    padding: 9px 19px;

    max-width: 220px;

    margin: 0px auto;

    display: table;

    margin-bottom: 30px;

}

.lead-text-form {

    /*margin-top: 430px;*/

}	

	

}



@media (max-width:480px){

h3.tick-title {

    font-size: 24px;

}



.tick-row label input {

    position: absolute;

    left: 0;

    top: 5px;

  

}



.tick-row label {

    padding-left: 29px;

}



.check-info:before {

    top: -2px;

}



input[type=checkbox]:checked:before {

    top: -1px;

}



input[type=checkbox]:checked:after {

    top: 4px;

}	

}











@media (max-width:767px){

fieldset#seven {

    margin-top: 143px !important;

}	

}

















/*-------------------------------- Main Form CSS Ends------------------------------*/