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



body{
margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 { 
	font-weight: 700;
	font-style: normal
}
a {
	color: #42c347;
	font-weight: 500
}
 h2{
    color: #2043a9;
    font-size: 44px; 
	 margin-bottom: 30px;
}

/*Top header*/

.top-logo {
    background: #2043a9;
    text-align: center;
    padding: 11px 0px;
}


/*Banner Section*/

.form-section {
    background: url(../images/banner-left-img.png) #e2eef8 no-repeat;
    padding: 100px 0px 38px;
    background-position: bottom left;
}

.form-section:before {
    content: "";
    position: absolute;
    background: url(../images/banner-bg-top.png) no-repeat;
    width: 349px;
    height: 229px;
    right: 0;
    top: 0;
}

.form-section:after {
    content: "";
    position: absolute;
    background: url(../images/banner-right-img.png) no-repeat;
    width: 381px;
    height: 343px;
    right: 0;
    bottom: 0;
    background-position: right;
}

.form-section {
    position: relative;
}

.form-main h1 {
    text-align: center;
    font-size: 52px;
    max-width: 743px;
    margin: 0px auto 14px;
	color: #2043a9;
}

/*step form css*/
span.checkmark { 
      width: 100%;
    float: left;
    margin-bottom: 15px;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    min-width: 120px;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    justify-content: center;
    background: #FFF;
    font-weight: 700;
    color: #00395b;
    padding: 20px;
}
button.page-prev.btn.btn-danger:focus {
    box-shadow: none !important;
    outline: 0;
    color: #758896 !important;
}
label.radio_container {
    margin: 0px 10px;
}
.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
}

.main-form-wrap {
    max-width: 500px;
    margin: 0px auto;
    text-align: center;
}

fieldset legend {
    font-weight: 600;
    font-size: 20px;
	margin-bottom: 22px;
}

.btn-action-main {
    display: flex;
    align-items: center;
    justify-content: center;
}
button.page-prev.btn.btn-danger {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: #758896;
    font-weight: 600;
    text-decoration: underline;
}

.btn-action-main {
    list-style: none;
    margin: 8px 0px;
}

.btn-action-main li {
    margin: 0px 24px;
}

.progress-bar.active {
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
.progress .progress-value {
    display: block;
    padding: 3px 7px;
    font-size: 13px;
    color: #000;
    border-radius: 4px;
    background: transparent;
    border: 0;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    margin: 0px auto;
    width: 100%;
}
 

.progress-bar-striped {
    background: #ffbe00;
}

.progress {
    background-color: #ffffff;
    height: 8px;
    margin: 30px 0px;
}
.form-control {
    padding: 10px;
    height: 63px;
    font-size: 20px;
    border: 2px solid #d5e5f3;
    margin-bottom: 20px;
}
.two-col span.checkmark {
    min-width: 180px;
    font-size: 20px;
}

.privacy-text {
    margin-top: 61px;
}

.privacy-text a {
    font-size: 13px;
    color: #2043a9;
    text-decoration: underline;
    font-weight: 600;
}

.active_box span.checkmark {
    background: #1f43a8;
    color: #FFF;
}

.btn-primary:hover {
    background: #2043a9 !important;
    border-color: #2043a9;
}

section.form-section.thanks .form-main {
    text-align: center;
}

section.form-section.thanks .form-main p {
    font-size: 20px;
    font-weight: 600;
}

a.back-btn {
    color: #4e606f;
    text-decoration: underline;
    font-weight: 600;
    margin: 100px 0px;
    display: inherit;
}
.thanks .form-main img {
    margin-bottom: 19px;
}




/*End form css*/






/*Logo Section*/
.logo-main ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
	padding: 0;
    align-items: center;
}

.logo-section {
    padding: 10px 10px;
}


/*Step Section*/

.step-section {
    background: #2043a9;
    padding: 35px 0px 45px;
}

.step-main h3 {
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    max-width: 233px;
    margin: 10px auto 0px;
    line-height: 26px;
}

.step-main {
    text-align: center;
}
.step-main:before {content: "";position: absolute;top: 40px;width: 100%;border-top: 1px  dashed #ffbe00;}

.step-main {
    position: relative;
}

.step-section .col-md-4:last-child  .step-main:before{
    display:none;
}

.step-media {
    position: relative;
    z-index: 9;
}




/*List Section*/

.text-main {
    max-width: 637px;
    margin: 0px auto;
}

.text-main h2 {
    max-width: 650px;
}

ul.list-style {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.list-style li {
    position: relative;
    font-size: 18px;
    margin-bottom: 31px;
    padding-left: 66px;
}

ul.list-style li:before {content: "";position: absolute;background: url(../images/list-icon.png) no-repeat;width: 38px;height: 45px;left: 0;}

.text-section {
    padding: 80px 0px 100px;
}




/*CTA */

.cta-section {
    background: url(../images/cta-bg-left.jpg) #e2eef8 no-repeat;
    background-position: left bottom;
    padding: 63px 0px 0;
    text-align: center;
    min-height: 331px;
}
.cta-section:before {
    content: "";
    background: url(../images/cta-bg-top.jpg) no-repeat;
    position: absolute;
    width: 273px;
    height: 229px;
    background-position: top right;
    right: 0;
    top: 0;
}

.cta-section {
    position: relative;
}
.cta-main h2  { 
    padding: 14px 0px 22px;
}

.btn-primary {
    padding: 16px 30px 21px;
    font-size: 24px;
    font-weight: 700;
    background: #ffbe00;
    border-color: #ffbe00;
    color: #2043a9;
    line-height: 20px;
	border: 2px solid #2043a9;
}

.cta-main img {
    max-width: 274px;
}
/*Footer*/

footer {
    background: #2043a9;
    text-align: center;
    color: #FFF;
	padding: 35px 0px 45px;
}
footer p {
    margin-bottom: 0;
}
footer a {
    color: #FFF;
    text-decoration: underline;
	display: inline-block;
}

footer a:hover{
	 color: #FFF;
}

footer p {
    font-size: 14px;
}





@media (min-width:768px) and (max-width:1200px){
  .cta-section:before {
    background-size: 145px;
}

.cta-section {
    background-size: 165px;
}  
}


@media (min-width:768px) and (max-width:1440px){
 .form-section:before {
    background-size: 200px;
    right: 0;
    background-position: right top;
} 
	
	
	
	
}




@media (min-width:768px) and (max-width:1200px){

.form-section {
    background-size: 128px;
}

.form-section:after {
    background-size: 149px;
    background-position: bottom right;
}
		
}




 @media (max-width:768px){
.text-section {
    padding: 39px 0px 46px;
}

.text-main h2 {
    font-size: 31px;
    max-width: 455px;
}

ul.list-style li {
    padding-left: 49px;
}
 }




@media (max-width:767px){
.step-main h3 {
    font-size: 17px;
    max-width: 228px;
}

.step-main {
    padding-top: 59px;
}

.step-main:before {
    border-right: 1px dashed #ffbe00;
    height: 59px !important;
    width: 3px;
    border-top: 0;
    top: 12px;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.step-main {
    position: relative;
}

.step-section .col-md-4:last-child  .step-main:before{
    display:block;
}

.step-section .col-md-4:first-child  .step-main:before{
    display:none;
}

.step-section .col-md-4:first-child  .step-main{
      padding-top: 0px;
}

.step-main h3 span {
    color: #ffbe00;
}	
	

.cta-section:before { 
    background: url(../images/cta-sm-top.png) no-repeat;
    width: 101px;
    height: 54px;
    background-size: contain;
}
.cta-section {
    background-position: bottom left !important;
    padding: 52px 0px 0;
    background: url(../images/cta-sm-bottom.png) #e2eef8 no-repeat;
    background-size: 130px;
}

.cta-main h2 {
    font-size: 28px;
    max-width: 282px;
    padding: 7px 0px 0px;
    margin: 0px auto 28px;
} 	
	
.form-section:after {
    background: none;
}

.form-section:before {
    background-size: 132px;
    right: 0;
    background-position: right top;
    background: url(../images/banner-sm-top.png) no-repeat;
    width: 107px;
    height: 83px;
}

.form-main h1 {
    font-size: 28px;
    line-height: 34px;
    max-width: 281px;
    margin: 0px auto;
}

.form-section {
    background-size: 56px;
    background: url(../images/banner-sm-bottom.png) #e2eef8 no-repeat;
    background-position: bottom left;
}

.privacy-text {
    margin-top: 25px;
}

.main-form-wrap {
    position: relative;
    z-index: 9999;
}	
.two-col span.checkmark {
    min-width: 122px;
    font-size: 15px;
}	
	
}


@media (min-width:481px){
.logo-mid img {
    max-width: 358px;
}	
}


@media (max-width:800px){
.logo-main ul {
    display: none;
}

.logo-main img.sm-logo {
    display: inline-block !important;
}	
}