body {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    color: #333333;
    background: #f8f8f8;
}

img {
    max-width: 100%;
    height: auto;
}


/*Header Style*/

header {
    border-bottom: 0.5rem solid #DC0032;
}

.logo img {
    max-width: 275px;
}



/*Body style*/

.bannerimg {
/*	background-image: url(https://lp.experiture.com/TrackingSystem/AG_70131/AD_70132/Images/QB_PURL/NFHeroimg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.container.body-container-wrap {
   padding-top: 4.5rem;
    padding-bottom: 5.2rem;
    
}

ul.nav.nav-pills .nav-item {
    font-size: 1.563rem;
    font-weight: bold;
    line-height: 1;
}

ul.nav.nav-pills .nav-item small {
    font-size: 20px;
}

ul.nav.nav-pills .nav-item a {
    color: #dc0032;
    font-size: 20px;
    display: inline-flex;
    
    cursor: default !important;
}

body.homepage ul.nav.nav-pills .nav-item a {
    cursor: pointer !important;
}

.left-col-content h1 {
        font-size: 2.125rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 2.5rem;
    color: #ffffff;
}


.left-col-content h1 span sup {
    font-size: 13px;
    top: -1.2em !important;
}

.left-col-content h1 span a {
    color: #ffffff;
    text-decoration: none;
}

.form_heading h1 a {
    text-decoration:none;
    color:#212529;
}
.left-col-content ul li a sup,
.left-col-content ul li a {
	color: #ffffff;
	text-decoration: none;
}
.left-col-content ul li a sup {
    font-weight: normal;
}
.left-col-content ul li span a {
    color: #ffffff;
}

.left-col-content h4 {
    font-size: 1.563rem;
    line-height: 2.813rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.left-col-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 2.5rem;
}

.left-col-content ul li {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.left-col-content ul li img {
    margin-right: 1rem;
    max-width: 32px;
}

.funding-form-wrap h3 {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #ffffff;
}

.funding-form-wrap button.btn.btn-lg.themebtn.rounded-1 {
    margin-left: -274px !important;
    display: inline-block;
    padding-top: 6px;
    height: 61px;
    margin-top: 4px;
    line-height: 1.875rem;
    font-size: 1.563rem;
    font-weight: bold;
    min-width: 270px;
    position: relative;
    z-index: 222;
}

.funding-form-wrap input.form-control {
    min-height: 80px;
    padding-right: 275px;
    line-height: 1.875rem;
    font-size: 1.563rem;
    font-weight: bold;
}

#error_msg {
    color: red;
    font-size: 1rem;
    font-weight: normal;
}

.funding-form-wrap .input-group {
    width: 100%;
}

.funding-form-wrap {}
.formwrap table#Table1 {
    width: 100%;
    clear: both;
    overflow: auto;
}
.funding-form-wrap input#FundForm_ImageButton1 {
    margin-top: 0;
    position: relative;
    z-index: 2222;
    display: inline-block;
    margin-right: -15px;
}

.funding-form-wrap div#FundForm_divAlign {
    margin-top: -116px;
    /* position: relative; */
    /* z-index: 222; */
    margin-right: -5px;
    text-align: right;
}

.funding-form-wrap div#FundForm_divAlign table {
	width: 100%;
}

.themebtn {
    background: #f2ab01;
}

.themebtn:hover,
.themebtn:focus,
.themebtn:active,
.themebtn:visited {
    background: #e4a001 !important;
}

.brandSection {
/*    background: #ABABAB;*/
    background: #f8f8f8;
}
body.page2 .brandSection {
    margin-top: 1rem !important;
}

.brandlogolist {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    margin: 0;
}
.brandlogolist li {
    list-style: none;
    margin: 0;
    padding: 26px 0 31px;
    text-align: center;
    margin: 0 10px;
}
.middle-section h2 {
    font-size: 1.875rem;
    font-weight: bold;
    color: #dc0032;
}

.middle-content img {
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 75px;
    max-width: 115px;
}

.middle-section h3 {
    font-size: 1.875rem;
    font-weight: bold;
    padding: 10px 0 0;
    min-height: 90px;
    color: #dc0032;
}

.middle-section p {
	font-size: 1.125rem;
	font-weight: normal;
	padding: 10px 0;
}
.middle-section p a,
.middle-section p a sup {
    color: #333333;
    text-decoration: none;
}

.middle-content h3 {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 35px 0 10px;
    min-height: 70px;
 
}

.middle-content.middlelicontent ul {
    list-style: none;
}

.middlelicontent ul li::marker {
        display: none;
        content: no-close-quote;
        
}
 .middlelicontent ul {
    color: #223657;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.2rem;
    line-height: 2em;
    flex-wrap: wrap;
}

.bullet {
    padding:0 25px;

}


.footerBG {
    background: #333333;
    color: #fff;
    font-weight:400;
    font-size: 12px;
}
.highlightedText {
    font-weight:bold;
    font-size: 1rem;
}
.footerBG a {
    color: #fff;
    text-decoration: none;
}

/*page-2 css*/
	

.form-label {
    font-size: 1rem;
    margin-bottom: .5rem;
    display: block;
    text-align: left;
}

.form_heading h1 {
 font-size:2rem;

}

.form_heading h3 {
 color: #5b595b;
 font-size: 1rem; 
 font-weight: normal;

}

.formWidth {
    max-width: 850px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow:1px 4px 35px hsla(0,0%,82%,.46) !important;
}

.progressText div#Form_divAlign table {
    text-align: center !important;
    table-layout: auto;
}

/*---------------*/

.progressText .form-check-input[type=checkbox] {
 margin-right: 0.5rem;
}

/*---------------*/

.progressText table {
    width: 100%;
    text-align: left;
    table-layout: fixed;
}

.progressText .formWidth,
.progressText  input,
.progressText  input::-webkit-input-placeholder {
    font-weight: bold;
    font-size: 1rem;
    color: #223657;

    text-align: left;
}

.progressText input,
.form-check-label,
.progressText input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #58595b;
     text-align: left;
     font-weight: 400;
}

.progressText .formWidth input[type='email'],
.progressText .formWidth input[type='email']::-webkit-input-placeholder,
.progressText .formWidth input[type='tel']::-webkit-input-placeholder,
.progressText .formWidth input[type='tel'],
.progressText .formWidth .form-check-label {
    font-size: 1rem;
    font-weight: 400 !important;
    padding: .5rem 1rem;
     text-align: left;
}

.progressText .formWidth .form-check-label{
 font-size: 0.875rem !important;
}

.progressText .form-check a {
    color: #223657;
}

.progressText .form-check label {
    color: #333333;
}

.progressText .form-check a {
    color: #223657;
}
body.page2 .container.body-container-wrap {
    padding-top: 3rem;
    padding-bottom: 1rem;
}
body.page2 .col-12.mt-5.mb-3.progressText {
    margin-top: 2rem !important;
}
.formWidth .card.p-3.p-sm-5.bg-transparent {
    padding-top: 0px !important;
    padding-bottom: 1rem !important;
}
.progressText table .mb-4 {
    margin-bottom: 16px !important;
}
body.page2 .progressText .mb-4.form-check {
    margin-bottom: 0 !important;
}

.progressText  label.btn-success {
    color: #fff;
    background-color: #007AC9;
    border-color: #007AC9;
    font-weight: bold;
    padding: 0.5rem;
    font-size: 1.25rem;
    margin: 0.2rem;
    border-radius: 0.3rem;

}

.progressText .btn-check:active+.btn-success,
.progressText .btn-check:checked+.btn-success,
.progressText .btn-success.active,
.progressText .btn-success:active,
.progressText .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #044b78;
    border-color: #044b78;

}

.progressText .btn-check:active+.btn-success:focus,
.progressText .btn-check:checked+.btn-success:focus,
.progressText  .btn-success.active:focus, 
 .progressText .btn-success:active:focus,
   .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(4 75 120 / 50%) !important;
/*    box-shadow: 0 0 0 0.25rem rgba(4,75,120,.5) !important;*/
}

.formbtn {
    background: #3DB5E6;
    color: #002B49;
}

.formbtn:hover,
.formbtn:focus,
.formbtn:active,
.formbtn:visited {
    background: #5cc1e9 !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {
     -moz-appearance:textfield; /* Firefox */
}

.conditionModal .modal-header h1 {
    font-weight: 800;
    font-size: 3rem;
    color: #DC0032;
}

.conditionModal .btn-close {
    position: absolute;
    right: -6.5rem;
    top: -2.5rem;
    background-color: #DC0032;
    border-radius: 0;
    color: #fff;
    opacity: 1;
    padding: 1.5rem;
}

.conditionModal .modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.conditionModal .modal-body a,
.conditionModal .modal-body h4.heading {
    color: #DC0032;
}

.conditionModal .formbtn {
    color: #fff;
    background: #DC0032;
}

.modal-footer .formbtn:hover,
.modal-footer .formbtn:focus,
.modal-footer .formbtn:active,
.modal-footer .formbtn:visited {
    background: #DC0032 !important;
}

.form-bt-content p {
/*    font-size: 15px;*/
    font-weight: normal;
    color: #58595b;
}
.form-bt-content p{
 font-size: 0.75rem;
}

input#Form_ImageButton1 {
    margin: 0 auto;
    display: table;
}

.form_heading h1 sup {
    font-size: 13px;
    top: -.8em !important;
}

.form_heading h1 sup {
    font-size: 13px;
    top: -1.1em !important;
}

.middle-section.p-5 {
    padding: 0 1rem !important;
}
span#BottomContent_spanTextControl {
    margin-top: 20px;
    display: block;
}
/*end*/

/*modal*/

.conditionModal .modal-body a,
.conditionModal .modal-body h4.heading {
 	color: #F78D2C;

}

@media (min-width: 581px){
	/*.funding-form-wrap input#FundForm_ImageButton1 {
	    margin-top: 9px;
	}*/
}
@media(min-width: 576px) {
    .container {
        max-width:576px
    }
}

@media(min-width: 768px) {
    .container{
        max-width:768px
    }
    .brandlogolist li img {
        max-width: 180px;
    }
	.glogo{
        max-width: 120px !important;
    }
}

@media(min-width: 992px) {
    .container {
        max-width:992px
    }
    /*header.py-3 {
        padding-top: 2.8rem !important;
        padding-bottom: 2.8rem !important;
    }*/
}

@media(min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (max-width: 767px){
	.brandlogolist {
	    display: flex;
	    justify-content: center;
	    text-align: center;
	    padding: 26px 20px 31px;
	}
	.brandlogolist li {
	    display: inline-block;
	    text-align: center;
	}
	.bannerimg {
/*    	background-image: url(https://lp.experiture.com/TrackingSystem/AG_70131/AD_70132/Images/Test_QB_Nov2024/QBHeromobileimage.jpg) !important;*/
        background-position: center center;
	}
	.left-col-content h1 {
        font-size: 30PX;
        line-height: 1.3;
    }
    .funding-form-wrap h3 {
        font-size: 20PX;
        line-height: 1.875rem;
    }
    .form_heading h1 {
        font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 12px !important;
    }

	.middle-section h2 {
	    font-size: 20px;
        line-height: 1.3;
	}
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.progressText table {
	    table-layout: auto;
	    text-align: center;
	}
	.progressText div#Form_divAlign {
	    width: 100%;
	    max-width: 100%;
	    text-align: center;
	    margin: 0 auto !important;
	}

	.progressText div#Form_divAlign input {
	    max-width: 100%;
	    width: 100%;
	    object-fit: cover;
	    margin: 0 auto;
        height: 46px;
        border-radius: 5px;
	}
    ul.nav.nav-pills .nav-item {
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
    }
    ul.nav.nav-pills .nav-item a {
        color: #dc0032;
        font-size: 16px;
    }
    .form_heading h3 {
        font-size: 1rem;
    }
    .progressText .formWidth .form-check-label {
        font-size: 11px;
    }
    .highlightedText {
        font-weight: bold;
        font-size: 14px;
    }
        .left-col-content ul li {
        font-size: 18px;
            margin-bottom: 10px;
        line-height: 1.3;
    }
    .funding-form-wrap h3 {
        font-size: 20px;
    }
        ul.nav.nav-pills .nav-item small {
                font-size: 16px;
        }
    ul.nav.nav-pills .nav-item a {
        color: #dc0032;
        font-size: 16px;
    }
    /* Custom client changes   */
    header.bg-light .d-block {
        display: inline-flex !important;
        text-align: right !important;
        margin-top: 0 !important;
        width: 100%;
    }

    .logo img {
        max-width: 150px;
    }
    ul.nav.nav-pills .nav-item {
        font-size: 14px;
    }
    ul.nav.nav-pills .nav-item small {
        font-size: 14px;
    }
    ul.nav.nav-pills .nav-item a {
        font-size: 14px;
    }
    header.bg-light .align-items-center {
        align-items: flex-start !important;
    }
    .container.body-container-wrap {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }
    .left-col-content h1 {
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .left-col-content ul {
        margin-bottom: 1.5rem;
    }
    .funding-form-wrap h3 {
        font-size: 18px;
        margin-bottom: 0 !important;
    }
    .middle-section.p-5 {
        padding: 0 1rem !important;
        text-align: center;
    }
    body.page2 .container.body-container-wrap {
        padding-top: 1.5rem;
        padding-bottom: 1.7rem;
    }
    header.bg-light .d-md-flex.d-block.align-items-center.py-4 {
        padding-bottom: 0.5rem !important;
    }
    .middle-section.p-5 .container.py-5.text-center {
        padding: 20px !important;
    }
    .brandlogolist {
        display: flex;
        justify-content: center;
        text-align: center;
        /* padding: 26px 20px 31px; */
        padding: 10px 15px;
    }
    .brandlogolist li {
        display: inline-block;
        text-align: center;
        width: 45%;
        padding: 4px 10px;
        margin: 0;
    }
    .brandlogolist [src="https://lp.experiture.com/TrackingSystem/AG_70131/AD_70132/Images/SBLNF-5/inc5000.png"] {
        max-width: 40px;
    }
    .brandlogolist img {
        max-width: 100px;
    }
    body.page2 .container.body-container-wrap {
        padding-top: 1.5rem;
        padding-bottom: 1.7rem;
    }
    .form-label {
        font-size: 1rem;
    }
    .form-label {
        font-size: 1rem;
    }
    .form-bt-content.py-4 {
        padding: 0 !important;
    }
    .mb-4.form-check {
        display: flex;
        flex-shrink: inherit;
    }
    body.page2 .col-12.mt-5.mb-3.progressText {
        margin-top: 1rem !important;
    }
    .progressText .form-check .form-check-input {
        flex-shrink: inherit;
    }
    .middle-section h3 {
        font-size: 1.35rem;
        min-height: 0px;
        padding-top: 0;
     
    }
    .middle-section p {
        padding-top: 0;

    }
    .middle-content img {
        margin-bottom: 10px;
    }
    .middle-content {
        padding-bottom: 10px;
    }
    .left-col-content ul li.bannerCL_li img {
        display: none;
    }
    .left-col-content ul li.bannerCL_li {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .middlelicontent ul li span {
        visibility: hidden;
        padding: 0;
    }
    .middlelicontent ul {
        flex-direction: column;
        padding-left: 0;
        list-style: none;
    }
    /* end 767  */

}

@media screen and (max-width:580px) {
    .funding-form-wrap button.btn.btn-lg.themebtn.rounded-1 {
        margin-left: -200px !important;
        line-height: 1.875rem;
        font-size: 1.2rem;
        min-width: 195px;
    }
    .funding-form-wrap div#FundForm_divAlign {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .funding-form-wrap div#Step1Form_divAlign table {
        text-align: center;
        width: 100%;
    }
    .funding-form-wrap input#FundForm_ImageButton1 {
        width: 220px;
    }   
    .funding-form-wrap input.form-control {
        min-height: 48px;
        padding-right: .75rem;
        font-size: 1rem;
    }
    input#Step4Form_ImageButton1,
     input#Step3Form_ImageButton1,
      input#Step2Form_ImageButton1 {
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        height: 60px;
        border-radius: 5px;
    }
    .progressText .formWidth input[type='email'], .progressText .formWidth input[type='email']::-webkit-input-placeholder, .progressText .formWidth input[type='tel']::-webkit-input-placeholder, .progressText .formWidth input[type='tel'], .progressText .formWidth .form-check-label {
        font-size: 1rem;
        font-weight: 400 !important;
        padding: .5rem 1rem;
        text-align: left;
    }
    .progressText .formWidth input[type=text],
    .progressText .formWidth input[type=email],
    .progressText .formWidth input[type=number],
    .progressText .formWidth input[type=tel] {
        height: 38px;
    }
    .formWidth.page3-form input#tcCheck {
        margin-left: 0;
        margin-right: 10px;
        margin-top: 0;
    }

    .formWidth.page3-form .form-check label.form-check-label {
        width: 100%;
        line-height: 1.3;
    }

    .formWidth.page3-form .form-check {
        display: flex;
        padding-left: 1rem;
    }
    .page3-form .form-control {
        min-height: 50px;
    }
    .progressText label.btn-success[for="option1"] {
        margin-left: -12px;
    }
    .form_heading h1 {
     font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 12px !important;
    }
    
    .form_heading h3 {
        font-size: 1rem;
    }
    .progressText label.btn-success{
     font-size: 1rem;
     margin: 0.2rem;
    }
    .progressText input, .form-check-label, .progressText input::-webkit-input-placeholder{
     font-size: 1rem;
    }
    .progressText .form-label {
        font-size: 1rem;
    }

    .progressText .formWidth .form-check-label{
     font-size: 0.688rem;
    }
    .form_heading h1 sup {
        font-size: 13px;
         top: -.5em !important;
        vertical-align: middle;
    }
    .highlightedText {
        font-weight: bold;
        font-size: 14px;
    }
    .left-col-content h1 span sup {
        font-size: 13px;
        top: -.8em !important;
        vertical-align: middle;
    }
    .formWidth .card.p-3.p-sm-5.bg-transparent {
        padding-top: 0px !important;
    }
    .card-body {
        padding: .5rem 0rem !important;
    }
    .progressText input, .form-check-label, .progressText input::-webkit-input-placeholder {
        font-size: 1rem;
    }
    .form-label {
        margin-bottom: 2px;
    }
    .progressText label.btn-success[for="option3"] {
        margin-right: 0;
    }
    .progressText label.btn-success {
        font-size: .7rem;
        padding: 0.5rem .4px;
        margin-top: 3px;
        width: 31%;
    }
}