.page-wrapper #maincontent .container{
	margin: 0 !important;
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.textover-img {
    position: absolute;
    bottom: 33%;
    left: 5%;
    color: white;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
}
p.first-heading {
    width: 596px;
    height: 98px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bolder;
    font-size: 36px;
    line-height: 49px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-bottom: 7px;
}
span.b2bStar {
    position: absolute;
    top: 23%;
}
p.second-heading {
    width: 327px;
    height: 31px;
    left: 70px;
    top: 503px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 31px;
    color: #FFFFFF;
    /* margin-top: 7px; */
}
button.learn-more-btn {
    padding: 7px 23px;
    color: #0e4169 !important;
    border: 1px solid #0e4169;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    letter-spacing: 0.5px;
    cursor: pointer;
    font-family: 'Open Sans Bold';
    background: #ffff;
}
button.learn-more-btn:hover {
    background: #0e4169;
    color: #fff !important;
    text-decoration-line: underline;
    border: 1px solid #0e4169;
}
p.note-remark {
    width: 696px;
    height: 38px;
    left: 70px;
    top: 744px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.note_remark_wrapper {
    position: absolute;
    bottom: 0;
    left: 5%;
    height: 109px;
}
.banner_wrapper_custom {
    position: relative;
}
.msg_wrapper {
   /* width: 100%;
    height: 152px;
    left: 0px;
    top: 861px;
    background: #E1E9F0;*/
    /* align-content: center; */
    /* padding: 0px 0px 0px 202px; */
    margin-top: 50px;
}
p.info_msg {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    padding: 32px 0px;
    line-height: 44px;
    background: #E1E9F0;
    color: #0E3C5D;
    text-align: center;
    margin: 0px;
    font-family: 'Open Sans';
}
p.info_msg_hovder_text{
    font-style: normal;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    background: #E1E9F0;
    text-align: center;
    padding: 24px 0px 32px;
}

.title_wrapper {
    text-align: center;
    padding: 56px;
}
.title_wrapper h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}
.detail_section_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 308px);
    justify-content: space-evenly;
    width: 100%;
    padding: 0px 75px;
}

.detail_section_wrapper .subtitle_wrapper h3{
width: 100%;
height: 22px;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000000;
margin-top: 24px;
}

 .detail_section_wrapper .content_wrapper p{
left: 226px;
top: 1415px;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
text-align: center;
margin-bottom: 89px;
color: #8D8D8E;
 }
 .detail_section_wrapper .image_wrapper {
    text-align: center;
}
 .detail_section_wrapper .image_wrapper img{
    height: 179px;
    width: 317px;
    background: #F5F5F5;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 11%);
    border-radius: 3px;
    /* text-align: center;*/
}
.start-app-btn {
       text-align: center;
}
.start-app-btn a {
    padding: 9px 74px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.4s ease-in;
    cursor: pointer;
    width: 300px;
    height: 41px;
    background: #0E3C5D;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #FFFFFF !important;
}
.start-app-btn a:hover{
	color: #0E3C5D !important;
	text-decoration-line: underline;
    background: #ffff;
}
.landing_bottom_wrapper {
    display: flex;
    width: 100%;
    background: #0E3C5D;
    max-height: 355px;
}

.landing_bottom_wrapper .banner_wrapper {
    float: right;
    text-align: right;
    justify-content: right;
    width: 100%;
}

.landing_bottom_wrapper .text_wrapper {
    width: 100%;
}
.cms-index-index .b2bnewpage-button a.signin-btn {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-decoration-line: underline !important;
    color: #000000 !important;
    border: unset;
    margin-right: 25px;
}
.cms-index-index .b2bnewpage-button a.signin-btn:hover{
    background: #ffff !important;
}
a.signin-btn:hover {
    background: unset;
    color: #000000 !important;
}
.loginSection a:hover {
	text-decoration-line: underline;
}
.text_content h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.text_content p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 31px;
    color: #FFFFFF;
    margin-bottom: 70px;
}

.text_content button {
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    width: 133.16px;
    height: 34px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #0E3C5D;
    text-transform: uppercase;
}
.text_content button.contact-us-btn:hover {
    background: #ffff;
    border: 1px solid #0E3C5D;
    color: #0E3C5D;
    text-decoration-line: underline;
}
.new-container .b2b_footer_custom {
    position: relative;
    margin-top: 56px;
}
.b2b_footer_custom .landing_bottom_wrapper .text_wrapper .text_content{
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
}

@media (min-width: 699px) and (max-width: 899px){

    p.info_msg {
        font-size: 20px;
}
}
@media (min-width: 899px) and (max-width: 1399px){
    p.info_msg{
        font-size: 22px;
    }
    .detail_section_wrapper .image_wrapper img{
        width: 275px;
    }
}
@media(max-width: 1199px){
    .b2b_footer_custom .landing_bottom_wrapper .text_wrapper .text_content h4{
        font-size: 22px;
        line-height: 22px;
    }
    .b2b_footer_custom .landing_bottom_wrapper .text_wrapper .text_content p{
        font-size: 18px;
        margin-bottom: 22px;
    }
    .detail_section_wrapper .image_wrapper img{
        width: 265px;
    }
}

.msg_wrapper p.info_msg span.text_hilight {
    font-weight: bold;
    font-family: 'Open Sans Bold';
    text-decoration: underline;
    cursor: pointer;
}

.msg_wrapper p.info_msg_hovder_text span.text_hilight {
    font-family: 'Open Sans Bold';
    text-decoration: underline;
}

.new-login-popup {
    position: absolute;
    top: 0;
    right: 16.5%;
    background: #ffff;
    /* display: none; */
    width: 263px;
    height: 285px;
}
@media (max-width: 1199px) {
    .new-login-popup {
    right: 0.5%;
}}
@media (min-width: 1199px)  and (max-width: 1299px) {
    .new-login-popup {
    right: 2.5%;
}}
@media (min-width: 1299px)  and (max-width: 1399px) {
    .new-login-popup {
    right: 4.5%;
}}
@media (min-width: 1399px)  and (max-width: 1499px) {
    .new-login-popup {
    right: 6.5%;
}}
@media (min-width: 1499px)  and (max-width: 1599px) {
    .new-login-popup {
    right: 9.5%;
}}
@media  (min-width: 1599px) and (max-width: 1699px) {
    .new-login-popup {
    right: 12.5%;
}
}
@media  (min-width: 1699px) and (max-width: 1799px) {
    .new-login-popup {
    right: 14.5%;
}
}
@media  (min-width: 1799px) and (max-width: 1899px) {
    .new-login-popup {
    right: 17.5%;
}
}
@media  (min-width: 1899px) {
    .page-wrapper {
    max-width: 1900px;
    margin-left: auto !important;
    margin-right: auto !important;
}
}
.new-login-popup.showLoginPopup {
    display: block !important;
}
.new-login-popup span#block-customer-login-heading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #0E3C5D;
    text-transform: uppercase;
}

.new-login-popup h3 {
    margin: 5px 0px 10px 15px;
}
.new-login-popup .inputArea.field.email.required {
    padding: 0px 16px;
    margin-bottom: 8px;
}
.new-login-popup .inputArea.field.password.required {
    padding: 0px 16px;
    margin-bottom: 8px;
}
.new-login-popup .secondary.right.forgot-link {
    margin-right: 16px;
}

.new-login-popup .inputArea label{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.cms-index-index .new-login-form input.textInput::placeholder {
    text-transform:none;
    letter-spacing:0.13em;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4 !important;
}

.new-login-popup .inputArea input {
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #7B96AB !important;
    box-sizing: border-box;
    color: #000000;
    font-size: 13px;
}
.new-login-popup a.action.remind {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #0E3C5D;
}
.new-login-popup button.signupBtn.action.login.primary {
    width: 133.16px;
    height: 34px;
    left: 1469px;
    top: 326px;
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #0E3C5D;
    margin-left: 64px;
}
.new-login-popup button.signupBtn.action.login.primary:hover{
    background: #0e4169;
    color: #fff !important;
    text-decoration-line: underline;
}
.new-login-popup .new-register-link {
    margin-left: 52px;
    margin-top: 8px;
}
.new-login-popup .new-register-link span{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    letter-spacing: normal;
}
.new-login-popup .new-register-link a{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    color: #0E3C5D;
}



form.form-login.new-popup-login-form span.close.cancel-btn {
    position: absolute;
    right: 4px;
    z-index: 1;
}

form.form-login.new-popup-login-form span.close{
    background: url(../images/close-icon1.png) no-repeat;
    font-size: 10px;
    padding: 2px 0px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 18px;
    height: 18px;
    text-align: center;
    opacity: 1;
    margin-right: 10px;

}
.new-login-popup span.fa.fa-times {
    display: none;
}

form.form-login.new-popup-login-form div#username-error,
form.form-login.new-popup-login-form div#password-error {
    /*position: absolute;*/
    letter-spacing: 1px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    color: #EB5757;
    text-transform: none;
    margin-bottom: -15px;
}

form.form-login.new-popup-login-form .response-msg {
    position: absolute;
    top: 25px;
    left: 23px;
    letter-spacing: 1px;
    font-family: Open Sans;
    font-style: normal;
    /* font-weight: 600; */
    font-size: 10px;
    color: #EB5757;
    text-transform: none;
}
.cms-index-index .b2b.new-login-overlay {
    margin-top: 0px;
}
.cms-index-index .banner_wrapper_custom {
    padding: 25px 0px;
    max-width: 1900px;
    /*align-self: center;*/
}
.new-login-popup .new-register-link a:hover {
    background: #ffff;
    color: #0E3C5D !important;
}
.new-login-form a.action.remind:hover {
    /*background: #ffff;*/
    color: #0E3C5D !important;
}
.new-login-popup a.action.remind:hover {
    text-decoration-line: unset;
}

.new-login-popup .new-register-link a:hover{
    text-decoration-line: unset;
}

/*applynow page css*/
.applynow-info {
    width: 793px;
    height: 559px;
    left: 468px;
    top: 183px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    margin: auto;
}
.applynow-info .container.bg-primary.p-2 {
    background: #0D426A !important;
}
.applynow-info .info-wrapper {
    padding: 51px 39px 0px 40px;
}

.applynow-info p.first-info {
    width: 714px;
    height: 50px;
    left: 508px;
    top: 234px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

.applynow-info p.second-info {
    width: 640px;
    height: 88px;
    left: 508px;
    top: 316px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.applynow-info .review-msg-icon:before {
    content: ' ';
    width: 2px;
    height: 6px;
    background: #0c4269;
    position: absolute;
    top: 11px;
    left: 9px;
    transform: translate(-50%, -50%);
}

.applynow-info .review-msg-icon:after {
    content: ' ';
    height: 2px;
    width: 2px;
    background: #0E3C5D;
    position: absolute;
    top: 5.5px;
    left: 9px;
    transform: translate(-50%, -50%);
    border: unset;
}

.applynow-info .reviewmsg-icon {
    position: relative;
    /* padding: 0px 21px; */
    background: #E1E9F0;
    height: 75px;
    width: 30px;
}

.applynow-info .review-msg-icon {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #0E3C5D;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.applynow-info .application-reviewmsg-container {
    display: flex;
    position: relative;
    height: 75px;
    width: 554px;
    background: #FFFFFF;
    border: 1px solid #E1E9F0;
    box-sizing: border-box;
    margin: 0px 0px 0px 59px;
}
.applynow-info p.review-msg {
    height: 75px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    /*text-align: justify;*/
    padding: 10px 8px 8px 8px;
    background: border-box;
}
.applynow-info .goto-homepage {
    /* margin: 54px 246px 54px 300px; */
    text-align: center;
    margin-top: 50px;
}

.applynow-info .goto-homepage a {
    padding: 9px 74px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.4s ease-in;
    cursor: pointer;
    width: 300px;
    height: 41px;
    background: #ffff;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #0E3C5D;
}

.applynow-info .goto-homepage a:hover {
    color: #ffff;
    text-decoration-line: underline;
    background: #0E3C5D;
}

.applynow-info a.mailinfo {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    /* letter-spacing: 0.04em; */
    color: #0E3C5D;
    text-decoration-line: underline;
}
.applynow-info a.fillableinfo {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    /* letter-spacing: 0.04em; */
    color: #0E3C5D;
    text-decoration-line: underline;
}
.applynow-info a.reviewinfo {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    /* letter-spacing: 0.04em; */
    color: #0E3C5D !important;
    text-decoration-line: underline;
    cursor: pointer;
}
.applynow-info a:hover{
    text-decoration-line: unset;
}
/*new header footer css*/
/*.b2blandingpage-index-applynow .page-wrapper .navigation .ui-menu-item span:not(.ui-menu-icon),
.cms-index-index .page-wrapper .navigation .ui-menu-item span:not(.ui-menu-icon) {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.b2blandingpage-index-applynow .page-wrapper .navigation .ui-menu-item span.ui-menu-icon,
.cms-index-index .page-wrapper .navigation .ui-menu-item span.ui-menu-icon {
    color: #000;
    height: 4.17px;
    width: 8.33px;
}*/
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl h3,
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl h3 a,
.cms-index-index .page-wrapper footer .footerContent .btmUrl h3,
.cms-index-index .page-wrapper footer .footerContent .btmUrl h3 a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px;
    color: #0E3C5D;
    text-decoration-line: none !important; 
}
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li a,
.cms-index-index .page-wrapper footer .footerContent .btmUrl li a{
    font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;

color: #000000;
}
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li.location,
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li.location strong,
.cms-index-index .page-wrapper footer .footerContent .btmUrl li.location,
.cms-index-index .page-wrapper footer .footerContent .btmUrl li.location strong{
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;

color: #000000;
}
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li.mail a,
.cms-index-index .page-wrapper footer .footerContent .btmUrl li.mail a{
    font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
text-decoration-line: underline !important;
margin-left: 11px;
color: #005D92 !important;
}

@media (min-width: 999px) and (max-width: 1199px) {
    .b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li.mail a,
    .cms-index-index .page-wrapper footer .footerContent .btmUrl li.mail a{
        font-size: 12px;
        margin-left: 5px;
    }
}
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl .footerLogo p a,
.cms-index-index .page-wrapper footer .footerContent .btmUrl .footerLogo p a{
    font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
text-align: center;

color: #000000;
}
.b2blandingpage-index-applynow .page-wrapper footer .footerContent .btmUrl li.mail:before,
.cms-index-index .page-wrapper footer .footerContent .btmUrl li.mail:before {
    background: url(../images/newMailIcon.png) no-repeat;
    width: 20px;
    height: 25px;
    content: "";
}
/*new header footer css end*/

.detail_section_wrapper .image_wrapper {
    position: relative !important;
}

.image_wrapper img.item_gif {
    position: absolute;
    left: 50%;
    top: 0;
    transition: 0.3s;
    transform: translate(-50%, 0%);
    opacity: 0;
}

.image_wrapper img.item_gif:hover {
    opacity: 1;
}


/*contactus popup css*/
#newcontactUs .modal-content {
    width: 793px;
    /*height: 1012px;*/
}

#newcontactUs .modal-header {
    background: #0D426A;
    width: 793px;
    height: 59.92px;
    border-radius: unset;
}
#newcontactUs .modal-body {
    width: 793px;
    /*height: 1012px;*/
}

#newcontactUs img {
    margin: 0px 0px 0px 364px;
}

#newcontactUs .offset-md-2.col-md-8.groupBusiness.contactTitle.mb-5 {margin: auto;}

#newcontactUs h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
    color: #000000;
    text-transform: unset;
    margin-right: -250px;
}
.new-contact-form form#contact-form .row.ssdd {
    display: inline-flex;
}
#newcontactUs .contactTitle h3 {
    width: 548px;
    height: 44px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    margin-left: 55px;
    margin-top: 24px;
}
#newcontactUs .modal-dialog {
    /*margin: auto 30vw;*/
    max-width: 793px;
}
.new-contact-form {
    width: 680px;
    margin: auto;
}

.new-contact-form form#contact-form {
    padding-top: 20px;
}
.new-contact-form #contact-form .field label{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.new-contact-form #contact-form .field textarea,
.new-contact-form #contact-form .field input,
.new-contact-form #contact-form .field select{
    /*background: #FFFFFF;*/
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
}
.new-contact-form #contact-form textarea#comment {
    height: 137px;
}
.new-contact-form .col-md-4 {
    /*padding: 4px;*/
}
.new-contact-form .col-md-12,
.new-contact-form .col-md-6 {
    padding: 0px 15px !important;
}
.new-contact-form .actions-toolbar.col-md-12 {
    /* margin: auto; */
    text-align: center;
    margin: 32px 0px 0px 0px;
}

.new-contact-form .actions-toolbar button#submit {
    margin: auto;
    width: 300px;
    height: 41px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #0E3C5D;
    background: #ffffff;
    transition: all 0.4s ease-in;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
}
.new-contact-form button#submit:hover {
    background: #0e3c5d;
    color: #ffffff;
    text-decoration-line: underline;
}

.new-contact-form iframe {
    background: #F5F5F5;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 2px;
    /*margin-left: -10px;*/
    margin-top: 11px;
}
.new-contact-form div#g-recaptcha-error {
    position: relative;
}
.new-contact-form #g-recaptcha-error span {
    position: absolute;
    top: 10px;
    left: 0px;
}
#newcontactUs .modal-header button.close {
    position: absolute;
    right: 16px;
    top: 7px;
    color: #FFFFFF;
    opacity: unset;
}
#newcontactUs label span.reqField {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #EB5757;
}
.new-contact-form #contact-form div.control input.mage-error {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    border:1px solid  #EB5757 !important; 
}
.new-contact-form #contact-form .field textarea::placeholder,
.new-contact-form #contact-form .field input::placeholder{
    font-style:unset ;
    font-size:14px !important;
    text-transform:none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4 !important;
}
.new-contact-form #contact-form .field textarea,
.new-contact-form #contact-form .field input[type="email"],
.new-contact-form #contact-form .field input[type="text"] {
    text-transform: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
/*contactus popup css end*/

/*Qualification Popup CSS*/
.qualification-container-web #qualification .modal-header {
    padding: 19px 50px 19px 50px;
    text-align: center;
    position: relative;
    display: block;
    background: #0D426A;
    color: #FFFFFF;
    border-radius: unset;
}
.qualification-container-web #qualification button.close {
    position: absolute;
    right: 16px;
    top: 7px;
    color: #FFFFFF;
    opacity: unset;
}
.qualification-container-web #qualification h4.modal-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
}
.qualification-container-web #qualification span.underlined_txt {
    text-decoration-line: underline;
}
.qualification-container-web #qualification .modal-body h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #0E3C5D;
}
.qualification-container-web #qualification .modal-dialog {
    /* width: auto; */
    /* height: 483px; */
    /* max-width: 361px; */
    /* margin: 1.75rem auto; */
}

.qualification-container-web #qualification .modal-body p span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-decoration-line: underline;
    color: #000000;
}
.qualification-container-web #qualification .modal-body p {
    font-family: Open Sans;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    width: 474px;
}

.qualification-container-web #qualification .modal-footer {
    display: block;
    border-top: unset;
    padding: 0px 16px;
}

.qualification-container-web #qualification button.btn {
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    padding: 10px 50px;
    border-radius: unset;
    font-family: "Roboto",sans-serif;
    transition: all 0.4s ease-in;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #0E3C5D;
    margin-bottom: 56px;
    margin-top: 15px;
    width: 200px;
}
.qualification-container-web #qualification .modal-body {
    padding-top: 24px;
}
.qualification-container-web #qualification .modal-content {
    border-radius: unset;
}
.qualification-container-web div#qualification {
    top: 147px;
}
.qualification-container-web #qualification button.btn:hover {
    background: #0E3C5D;
    color: #ffff;
    text-decoration-line: underline;
}
/*Qualification Popup CSS End*/

/*dropdown css*/
.new-contact-form .subject .control,
.new-contact-form .state .control {
    opacity: 0;
}
.box-content {
    position: absolute;
    top: 43%;
}

.subjectDropdown {
    height: 45px;
    width: 680px;
    padding: 13px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
}

.box-content.subject .select-section.dropactive .subjectDropdown {
    border-bottom: 1px solid #C5C5C5 !important;
    border-radius: 5px 5px 0px 0px;
}
.box-content.subject .select-section.dropactive .subjectvalue {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    margin-bottom: -7px !important;
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: unset;
    cursor: pointer;
    width: 680px;
}
.box-content.subject .select-section.dropactive .subjectvalue li {
    padding: 0px 0px 0px 29px !important;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0px 0;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
}

.box-content.subject .select-section.dropactive .subjectvalue li:hover {
    background: #0E3C5D;
    color: #fff;
}
.box-content.subject .select-section .subjectDropdown label {
    padding-top: unset;
    font-weight: 400 !important;
    color: #C4C4C4 !important;
}
.box-content.subject .select-section .subjectDropdown label.color-bk,
.box-content.hear-from .select-section .hear-fromDropdown label.color-bk,
.box-content.state .select-section .stateDropdown label.color-bk{
    color: #000000 !important;
}
.box-content.subject .select-section .subjectDropdown label.color-gr,
.box-content.hear-from .select-section .hear-fromDropdown label.color-gr,
.box-content.state .select-section .stateDropdown label.color-gr{
    color: #C4C4C4 !important;
}
.box-content.subject .select-section .subjectDropdown label:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 49px;
    top: 12px;
    cursor: pointer;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}

/*hearfrom dropdown*/
.box-content {
    position: absolute;
    top: 43%;
}

.hear-fromDropdown {
    height: 45px;
    width: 680px;
    padding: 13px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
}

.box-content.hear-from .select-section.dropactive .hear-fromDropdown {
    border-bottom: 1px solid #C5C5C5 !important;
    border-radius: 5px 5px 0px 0px;
}
.box-content.hear-from .select-section.dropactive .hear-fromvalue {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    margin-bottom: -7px !important;
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: unset;
    cursor: pointer;
    width: 680px;
    max-height: 155px;
    overflow-y: scroll;
}
.box-content.hear-from .select-section.dropactive .hear-fromvalue li {
    padding: 0px 0px 0px 29px !important;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0px 0;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
}

.box-content.hear-from .select-section.dropactive .hear-fromvalue li:hover {
    background: #0E3C5D;
    color: #fff;
}
.box-content.hear-from .select-section .hear-fromDropdown label {
    padding-top: unset;
    font-weight: 400 !important;
    color: #C4C4C4 !important;
}
.box-content.hear-from .select-section .hear-fromDropdown label:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 49px;
    top: 12px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}

/*state dropdown*/
.box-content.state {
    position: absolute;
    top: 35%;
}

.stateDropdown {
    height: 45px;
    width: 212px;
    padding: 13px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
}

.box-content.state .select-section.dropactive .stateDropdown {
    border-bottom: 1px solid #C5C5C5 !important;
    border-radius: 5px 5px 0px 0px;
}
.box-content.state .select-section.dropactive .statevalue {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    margin-bottom: -7px !important;
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: unset;
    cursor: pointer;
    width: 212px;
    max-height: 161px;
    overflow-y: scroll;
}
.box-content.state .select-section.dropactive .statevalue li {
    padding: 0px 0px 0px 29px !important;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0px 0;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
}

.box-content.state .select-section.dropactive .statevalue li:hover {
    background: #0E3C5D;
    color: #fff;
}
.box-content.state .select-section .stateDropdown label {
    padding-top: unset;
    font-weight: 400 !important;
    color: #C4C4C4 !important;
}
.box-content.state .select-section .stateDropdown label:before {
    content: '\f107';
    cursor: pointer;
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    top: 12px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}

#newcontactUs ul#statevalue::-webkit-scrollbar {
    width: 5px;
}

#newcontactUs ul#statevalue::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

#newcontactUs ul#statevalue::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}

#newcontactUs ul#hear-fromvalue::-webkit-scrollbar {
    width: 5px;
}

#newcontactUs ul#hear-fromvalue::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

#newcontactUs ul#hear-fromvalue::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
/*dropdown cssend */


/*<----------------------------------------------------Project-J css start-------------------------------------------------------->*/
/*Screen-1*/
.applynow-info.welcome-page {
    height: 694px;
}
.b2blandingpage-index-applynow #maincontent {
    padding: unset;
}
.b2blandingpage-index-applynow .welcome-message-intro{
    width: 793px;
    margin: auto;
    margin-top: 48px;
}
.b2blandingpage-index-applynow .welcome-message-intro .first-info a {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-decoration-line: underline;
    color: #005D92;
    position: relative;
}
.b2blandingpage-index-applynow .welcome-message-intro .first-info span{
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
}
.welcome-message-intro .info-wrapper{
    text-align: center;
}
.welcome-message-intro .info-wrapper p.welcome-msg .registration-info {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}
.welcome-message-intro .info-wrapper p.welcome-msg .b2b-reg-link{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color:#005D92;
     text-decoration-line: underline;
     position: relative;
}
.welcome-message-intro .info-wrapper p.first-info {
    text-align: center;
}
.welcome-message-intro .info-wrapper p.welcome-msg {
    width: 96%;
    margin-left: 30px;
    text-align: left;
    margin-bottom: 40px;
}
.b2blandingpage-index-applynow .welcome-page .steps-title {text-align: center;padding: 33px 0 31px;}

.b2blandingpage-index-applynow .welcome-page .steps-title p {
    margin: 0;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    color: #000000;
}
.b2blandingpage-index-applynow .welcome-page .content_wrapper .frth_content_wrapper,
.b2blandingpage-index-applynow .welcome-page .content_wrapper .third_content_wrapper,
.b2blandingpage-index-applynow .welcome-page .content_wrapper .sec_content_wrapper,
.b2blandingpage-index-applynow .welcome-page .content_wrapper .fst_content_wrapper{
    display: flex;
}
.b2blandingpage-index-applynow .welcome-page .content_wrapper {
    padding: 0 50px;
}
.b2blandingpage-index-applynow .welcome-page  .numnber_wrapper span.fst_title {
    background: #0d426a;
    border-radius: 30px;
    color: #fff;
    padding: 10px 16px;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Open Sans';
}
.b2blandingpage-index-applynow .welcome-page .numnber_wrapper {
    padding: 2px 16px 0 0;
}
.b2blandingpage-index-applynow .welcome-page .content_wrapper .frth_content_wrapper .frthtitle,
.b2blandingpage-index-applynow .welcome-page .content_wrapper .thirdttitle,
.b2blandingpage-index-applynow .welcome-page .content_wrapper .sec_content_wrapper .secttitle,
.b2blandingpage-index-applynow .welcome-page .fsttitle {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #0C4269;
}
.b2blandingpage-index-applynow .welcome-page .frthcontent,
.b2blandingpage-index-applynow .welcome-page .thirdcontent,
.b2blandingpage-index-applynow .welcome-page .seccontent,
.b2blandingpage-index-applynow .welcome-page .fstcontent {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}
.b2blandingpage-index-applynow .welcome-page .frthtitle p,
.b2blandingpage-index-applynow .welcome-page .thirdttitle p,
.b2blandingpage-index-applynow .welcome-page .secttitle p,
.b2blandingpage-index-applynow .welcome-page .fsttitle p {
    margin-bottom: 8px;
}
.applynow-info.welcome-page {
    height: 694px;
    margin-bottom: 74px;
}

.welcome-page .content_wrapper  .btn_wrapper {
    display: flex;
    gap: 14%;
    margin-top: 29px;
}

.welcome-page .content_wrapper .btn_wrapper .homepage_btn{
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    font-size: 13px;
    padding: 10px 36px;
    width: 43.5%;
    text-align: center;
}
.welcome-page .content_wrapper .btn_wrapper .homepage_btn a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    color: #0E3C5D;
    text-decoration: unset;
}
.welcome-page .content_wrapper .btn_wrapper .start_app_btn a{
     font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    color: #0E3C5D;
    text-decoration: unset;
}
.welcome-page .content_wrapper .btn_wrapper .start_app_btn {
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    font-size: 13px;
    padding: 10px 44px;
    width: 43.5%;
    text-align: center;
}
.welcome-page .content_wrapper .btn_wrapper .start_app_btn:hover{
    background: #0E3C5D;
    border: 1px solid #0E3C5D;
    color:#FFFFFF;
    text-decoration:underline;
    cursor: pointer;
}

.welcome-page .content_wrapper .btn_wrapper .homepage_btn:hover{
    background: #0E3C5D;
    border: 1px solid #0E3C5D;
    color:#FFFFFF;
    cursor: pointer;
    text-decoration:underline;
}
.welcome-page .content_wrapper .btn_wrapper .start_app_btn:hover a,
.welcome-page .content_wrapper .btn_wrapper .homepage_btn:hover a {
    color: #fff;
}
.b2blandingpage-index-customerapplication .step-1 .country_wrapper{
    margin-bottom: 5px;
}
/*----------------------------Tooltip css---------------------*/
.welcome-message-intro .first-info .qualify-reseller:before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 29px;
    width: 300px;
    padding: 6px 8px 9px 8px;
    border-radius: 4px;
    background: #0E3C5D;
    color: #fff;
    text-align: center;
    height: 73px;
    display: none;
    font-size: 11px;
    line-height: 15px;
    font-family: 'Open Sans';
    font-weight: 600;
    margin-top: 0px;
}
.welcome-message-intro .first-info .qualify-reseller:after {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    display: none;
    margin-top: 0px;
}
.welcome-message-intro .first-info .qualify-reseller:hover:after,
.welcome-message-intro .first-info .qualify-reseller:hover:before {
  display:block;
  line-height: 1.4;
}




.welcome-msg .b2b-reg-link:before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 20px;
    width: 300px;
    padding: 16px 10px 15px 20px;
    border-radius: 4px;
    background: #0E3C5D;
    color: #fff;
    text-align: center;
    height: 73px;
    display: none;
    font-size: 11px;
    line-height: 12px;
    font-family: 'Open Sans';
    font-weight: 600;
    margin-top: 0px;
}
.welcome-msg .b2b-reg-link:after {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    display: none;
    margin-top: 0px;
}
.welcome-msg .b2b-reg-link:hover:after,
.welcome-msg .b2b-reg-link:hover:before {
  display:block;
line-height: 1.4;
}

.company_info_image .first_msg .first_part span.qual_link:before {
    content: attr(data-text);
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    left: 43%;
    margin-left: 20px;
    width: 300px;
    padding: 10px 10px 15px 20px;
    border-radius: 4px;
    background: #0E3C5D;
    color: #fff;
    text-align: center;
    height: 73px;
    display: none;
    font-size: 11px;
    line-height: 11px;
    font-family: 'Open Sans';
    font-weight: 600;
    /* margin-top: 0px; */
}
.company_info_image .first_msg .first_part span.qual_link:after {
    content: "";
    position: absolute;
    left: 43%;
    margin-left: 6px;
    top: 25%;
    transform: translateY(-50%);
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    display: none;
    margin-top: 0px;
}
.company_info_image .first_msg .first_part span.qual_link:hover:after,
.company_info_image .first_msg .first_part span.qual_link:hover:before {
  display:block;
}
.company_info_image .first_msg .first_part span.b2b_font:before {
    content: attr(data-text);
    position: absolute;
    top: 78%;
    transform: translateY(-50%);
    left: 20%;
    margin-left: 20px;
    width: 300px;
    padding: 12px 10px 15px 10px;
    border-radius: 4px;
    background: #0E3C5D;
    color: #fff;
    text-align: center;
    height: 73px;
    display: none;
    font-size: 11px;
    line-height: 11px;
    font-family: 'Open Sans';
    font-weight: 600;
    /* margin-top: 0px; */
}
.company_info_image .first_msg .first_part span.b2b_font:after {
    content: "";
    position: absolute;
    left: 20%;
    margin-left: 6px;
    top: 75%;
    transform: translateY(-50%);
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    display: none; 
    margin-top: 0px;
}
.company_info_image .first_msg .first_part span.b2b_font:hover:after,
.company_info_image .first_msg .first_part span.b2b_font:hover:before {
  display:block;
}
/*#customer-company-information .field-name-state .control {
    opacity: 0;
}*/
#customer-company-information .field-name-state .control #state{
    opacity: 0;
}
.box-content.select-state {
    position:absolute;
    top: 34%;
    
}

.select-state-section {
    height: 47px;
    width: 212px;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
}
.box-content.select-state .select-state-section.statedropactive .state-Dropdown {
    border-bottom: 1px solid #C5C5C5 !important;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}
.box-content.select-state .select-state-section.statedropactive .state-value {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    /* margin-bottom: 14px !important; */
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: unset;
    cursor: pointer;
    width: 212px;
    max-height: 161px;
    overflow-y: scroll;
    left: 0px;
}
.box-content.select-state .select-state-section.statedropactive .state-value li{
    padding: 0px 0px 0px 29px !important;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0px 0;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
}

.box-content.select-state .select-state-section.statedropactive .state-value li:hover {
    background: #0E3C5D;
    color: #fff;
}
.box-content.select-state .select-state-section .state-Dropdown label {
    padding-top: unset;
    font-weight: 400 !important;
    color: #C4C4C4 !important;
    padding: 12px 0px 12px 24px;
}
.select-state-section.statedropactive {
    border-radius: 5px 5px 0px 0px;
}
.box-content.select-state .select-state-section .state-Dropdown label:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 5%;
    top: 1px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}

.box-content.select-state .select-state-section ul#state-value::-webkit-scrollbar {
    width: 5px;
}

.box-content.select-state .select-state-section ul#state-value::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.box-content.select-state .select-state-section ul#state-value::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
.fullName-section .Fullnamesec .full-name-class {
    height: 47px;
    border: 1px solid;
    border-radius: 5px;
}
.step-1 .business-section .businesstypeDropdown input::placeholder,
.step-1 .form-group #business-info::placeholder,
.select-state .frst-enter-select .province input::placeholder,
.fullName-section .Fullnamesec .full-name-class::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4;
}

/*----------------Contact-Us-form Css start------------------*/
.box-content.subject .select-section.dropactive .subjectDropdown label:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 49px;
    top: 10px;
    font-size: 30px;
    transition: 0.2s;
    cursor:pointer;
    color: #000000;    
}
.box-content.subject .select-section.dropactive .subjectDropdown label:before{
    display:none 
}
.box-content.hear-from .select-section.dropactive .hear-fromDropdown label:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 49px;
    top: 10px;
    font-size: 30px;
    transition: 0.2s;
    cursor:pointer;
    color: #000000;   
}
.box-content.hear-from .select-section.dropactive .hear-fromDropdown label:before{
    display:none
}
.box-content.state .select-section.dropactive .stateDropdown label:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 30px;
    transition: 0.2s;
    cursor:pointer;
    color: #000000;
}
.box-content.state .select-section.dropactive .stateDropdown label:before{
    display:none
}

/*------------------Contact-Us-form Css end----------------------*/

/*-----------------Screen j-4-----------*/
.b2blandingpage-index-customerapplication .company_info_wrapper .company_information{
    width: 48%;
}
.b2blandingpage-index-customerapplication #maincontent .container .column .customer_app_wrapper .container.bg-primary.p-2.customer-title-bar-wrapper {
    width: 100%;
    height: 117px;
    left: 0px;
    background: #0C4269;
    background-color: #0C4269 !important;
}
.b2blandingpage-index-customerapplication #maincontent .container .column .customer_app_wrapper .container.bg-primary.p-2.customer-title-bar-wrapper .title-bar {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top:22px;
}
.b2blandingpage-index-customerapplication #maincontent .container .column .company_info_wrapper{
    display: flex;
    width: 100%;
    gap: 11%;
    padding: 59px 204px 0px 204px;
}
.company_info_wrapper .company_information .title {
    display: flex;
    flex-direction: column;
}
.company_info_wrapper .company_information .title .info_title {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}
.company_info_wrapper .company_information .title .sub_info_title {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #005D92;
    margin-top: 32px;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .first_msg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #005D92;
    position: relative;
}

.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .first_msg span.qual_link {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .first_msg span.first_part .b2b_font {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .sec_msg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 24px;
}

.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .sec_msg .sec_msg_info .contact_us_link {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #005D92;
    text-decoration: underline;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .sec_msg .sec_msg_info .contact_us_link a{
    color: #005D92;
}
.customer-company-information .label span:first-child {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
color: #000000;
}
.customer-company-information .label  span.subAddress {
    font-weight: 400;
}
.customer-company-information .label span.reqField{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
color: #EB5757;
}

.customer-company-information .control input {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 5px;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .preocess_image {
    padding-top: 80px;
}
.b2blandingpage-index-customerapplication .company_information .company_info_form{
    margin-top: 16px;
}
.customer-company-information .control input::placeholder{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4;
    font-style: normal;
}
.customer-company-information .control select{
    height:47px;
    border-radius:5px;
    border: 1px solid #000000;
}
.company_info_form #customer-company-information .enable-disable.countrySelect {
    opacity: 0.5;
    pointer-events: none;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn{
    display: flex;
    float: right;
    margin-right: 8%;
    gap: 48px;
    align-items: center;
}
.b2blandingpage-index-customerapplication  .actions-toolbar.mt-2.nxtBackbtn .text-center {
    width: 100%;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn .text-center button.themeBtn.action.next-step {
    padding: 10.5px 113.5px;
    background: #0E3C5D;
    color: #fff !important;
}
.b2blandingpage-index-customerapplication span.BtnViewBack.backButton a.newLinkText {
    margin-top: 13px;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn .text-center button.themeBtn.action.next-step span.defaultview {
    color: #FFFFFF;
    font-family: 'Open Sans';
    letter-spacing: 0.04em;
    font-weight: 700;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn .text-center button.themeBtn.action.next-step:hover {
    background: #FFFFFF;
    border: 1px solid #0E3C5D;
    color:#0E3C5D !important;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn .text-center button.themeBtn.action.next-step:hover a{
    color:#0E3C5D !important;
    text-decoration:underline;
}
 #review-application .application-review-wrapper #next_steps a 
{
    color: #ffffff;
}
.b2blandingpage-index-customerapplication span.BtnViewBack.backButton a.newLinkText:hover {
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
}
.customer-company-information .field-name-country .control .validate-select{
    opacity: 0;
}
.customer-company-information .field-name-country .box-content.country {
    top: 34%;
    border: 1px solid #000000;
    width: 100%;
    height: 47px;
    border-radius: 5px;
    cursor: pointer;
}
.shadow-textarea .textarea-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}   
span.optional {
    font-weight: 100;
}
.row.business-type-wrapper {
    position: relative;
}

.customer-company-information .field-name-country .box-content.country  .countryDropdown label {
    padding: 12px 0px 12px 24px;
    color: #c4c4c4;
    cursor: pointer;

}
.customer-company-information .field-name-country .country.countryActive .countryvalue {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    margin-bottom: -7px !important;
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: unset;
    cursor: pointer;
    width: calc(100% + 2px);
    max-height: 161px;
    overflow-y: scroll;
    left: -1px;
}
.customer-company-information .field-name-country .country.countryActive .countryvalue li{
     padding: 19px 0px 19px 45px !important;
     height: 38px;
     display: flex;
     align-items: center;
     margin: 0px 0;
     font-size: 13px;
     font-weight: 600;
     font-family: 'Open Sans';
     color: #000000;
     width: 93%;
}
.customer-company-information .field-name-country .country.countryActive .countryvalue li:hover{
    background: #0E3C5D;
    color: #fff;
    width: 100%;
}
.customer-company-information .field-name-country .country.countryActive .countryDropdown label:before {
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    top: 0px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}
.customer-company-information .field-name-country .country.countryActive .countryDropdown label:after{
    display: none;
}

.customer-company-information .field-name-country .country .countryDropdown label:after {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    top: 0px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}

.customer-company-information .field-name-country .country.countryActive .countryDropdown {
    border-bottom: 1px solid #C5C5C5;
}
.customer-company-information .field-name-country .country.countryActive .countryvalue::-webkit-scrollbar {
    width: 5px;
}

.customer-company-information .field-name-country .country.countryActive .countryvalue::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.customer-company-information .field-name-country .country.countryActive .countryvalue::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
.customer-company-information .field-name-country .box-content.country .countryDropdown label.black {
    color: #000000;
}
.box-content.country.countryActive {
    border-radius: 5px 5px 0px 0px !important;
}

.name-of-business select#type_of_business {
    opacity: 0;
    height: 47px;
}

.field.select_business-type.col-md-6{
    position: absolute;
    top: 34.2%;
    border: 1px solid #000;
    width: 330px;
    left: 2%;
    height: 47px;
    border-radius: 5px;
    padding: 0px;
    cursor: pointer;
}

.field.select_business-type.col-md-6 .countryDropdown .statelabel {
    padding: 12px 0px 12px 21px;
    color: #C4C4C4;
    cursor: pointer;
}
.field.select_business-type.col-md-6 .BusinessClass .business-type {
    display: block !important;
    position: absolute;
    z-index: 9999;
    background: #ffff;
    border-radius: 0px 0px 5px 5px;
    padding: 0px !important;
    border: 1px solid #000;
    border-top: 1px solid #c4c4c4;
    cursor: pointer;
    width: calc(100% + 2px);
    max-height: 163px;
    overflow-y: scroll;
    left: -1px;
    top: 97%;
}
.field.select_business-type.col-md-6 .BusinessClass .business-type li{
    padding: 0px 0px 0px 29px !important;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0px 0;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    color: #000000;
}
.field.select_business-type.col-md-6 .BusinessClass .business-type li:hover{
    background: #0E3C5D;
    color: #fff;
}
.field.select_business-type.col-md-6 .BusinessClass .business-type::-webkit-scrollbar {
    width: 5px;
}

.field.select_business-type.col-md-6 .BusinessClass .business-type::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.field.select_business-type.col-md-6 .BusinessClass .business-type::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}

.business-section.BusinessClass {
    border-bottom: 1px solid #C4C4C4;
    border-radius: 5px;
}
.field.select_business-type.col-md-6 .BusinessClass .countryDropdown {
    border-bottom: 1px solid #C4C4C4;
}
.field.select_business-type.col-md-6 .countryDropdown:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}
.field.select_business-type.col-md-6 .BusinessClass .countryDropdown:before{
    display:none;
}
.field.select_business-type.col-md-6 .BusinessClass .countryDropdown:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    top: -3px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}
.box-content.select-state .select-state-section.statedropactive .state-Dropdown label:after {
    content: '\f106';
    font-family: 'FontAwesome';
    display: block !important;
    position: absolute;
    right: 5%;
    top: 1px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
}
.box-content.select-state .select-state-section.statedropactive .state-Dropdown label:before {
    display:none !important;
} 
.field.select_business-type.col-md-6 .countryDropdown .statelabel.blackColor {
    color: #000000;
    font-family: 'Open Sans';
    font-size: 14px;
}
.box-content.select-state .select-state-section .state-Dropdown label.state-label.blackColor {
    color: #000000 !important;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .customer-company-information .control input[type='file'] {
    opacity: 0;
    position: absolute;
    width: 92%;
    left: 0;
    top: 0;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .custom-file-box {
    border: 1px solid #000000;
    height: 47px;
    border-radius: 5px;
    display: flex;
    gap: 20%;
    align-items: center;
    padding: 7px 10px 7px 24px;
    justify-content: space-between;
}
.b2blandingpage-index-customerapplication .company_info_wrapper label.select-file {
    background: #0e3c5d;
    color: #fff;
    padding: 7px 15px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .custom-store-file-box .imagery_text,
.b2blandingpage-index-customerapplication .company_info_wrapper .resale-certificate .custom-file-box span.resale_text{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #C4C4C4;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .store-imagery .custom-store-file-box{
    border: 1px solid #000000;
    height: 47px;
    border-radius: 5px;
    display: flex;
    gap: 20%;
    align-items: center;
    padding: 7px 10px 7px 24px;
    justify-content: space-between;
}
.resale-certificate .resale-uploaded-certy {
    width: 90%;
    background: #EEF2F6;
    margin-top: 10px;
}

.resale-certificate .resale-uploaded-certy .resalecertyupload {
    padding-left:20px;    
    font-family: 'Open Sans';
font-weight: 700;
font-size: 14px;
line-height: 22px;
text-decoration-line: underline;
color: #005D92;
border-bottom: 8px solid #FFFFFF;
padding: 3px 0px 3px 24px;
}
.b2blandingpage-index-customerapplication .customer-company-information .store-imagery .store-upload-certy {
    background: #EEF2F6;
  margin-top:10px;
  width: 90%;
}
.b2blandingpage-index-customerapplication .customer-company-information .store-imagery .store-upload-certy .storeimageupload {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
text-decoration-line: underline;
color: #005D92;
border-bottom: 8px solid #FFFFFF;
padding: 3px 0px 3px 24px;
}
textarea#exampleFormControlTextarea6 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    border: 1px solid #000000;
}
.field.field-name-address2.col-md-6.select-business {
    opacity: 0.5;
    pointer-events: none;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .customer-company-information .field.field-name-country.required{
    position: relative;
}
textarea#exampleFormControlTextarea6::placeholder{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #C4C4C4;
}

.b2blandingpage-index-applynow .page-wrapper .navigation .ui-menu-item span:not(.ui-menu-icon),
.cms-index-index .page-wrapper .navigation .ui-menu-item span:not(.ui-menu-icon) {
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #000000;
}
.b2blandingpage-index-applynow .page-wrapper .navigation .ui-menu-item span.ui-menu-icon,
.cms-index-index .page-wrapper .navigation .ui-menu-item span.ui-menu-icon {
    color: #000;
    height: 4.17px;
    width: 8.33px;
}
.b2blandingpage-index-customerapplication .company_info_wrapper .custom-file-box .resale_file {
    position: absolute;
    width: 92%;
    left: 15px;
    top: 26px;
    height: 47px;
}
.b2blandingpage-index-customerapplication .business-type-wrapper .business-section{
    position:relative;
} 
.b2blandingpage-index-customerapplication .business-type-wrapper .business-section .businesstypeDropdown .show_dropdownData:before{
     content: '\f107';
     font-family: 'FontAwesome';
     display: block;
     position: absolute;
     right: 19px;
     font-size: 30px;
     transition: 0.2s;
     color: #000000;
     top: 0px;
     cursor: pointer;
}
.b2blandingpage-index-customerapplication .business-type-wrapper .business-section .businesstypeDropdown.dropdwon_open .show_dropdownData:before{
    display:none;
}
.b2blandingpage-index-customerapplication .business-type-wrapper .business-section .businesstypeDropdown.dropdwon_open .show_dropdownData:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 0px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .resale-uploaded-certy-wrapper{
    position:relative;
}
.b2blandingpage-index-customerapplication .resale-uploaded-certy-wrapper .resale-uploaded-certy .resalecertyupload .remove-icon i.fa.fa-times {
    position: absolute;
    transform: translate(-10px, -22px);
    right: 0px;
    font-size: 18px;
    font-weight: 100;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .store-imagery .store-image-uploaded-wrapper {
    position: relative;
}

.b2blandingpage-index-customerapplication .store-imagery i.fa.fa-times {
    position: absolute;
    right: 0;
    transform: translate(-5px, -19px);
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .customer-company-information .store-imagery .store-upload-certy .store-upload-certyie {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #005D92;
    padding: 3px 0px 3px 24px;
    border-bottom: 8px solid #ffffff;
}
.b2blandingpage-index-customerapplication .customer-company-information .store-imagery .store-upload-certy .store-upload-certyie i.fa.fa-times {
    position: absolute;
    transform: translate(-5px, -24px);
    font-size: 18px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .step-1 .actions-toolbar.mt-2.nxtBackbtn {
    display: flex;
    float: right;
    margin-right: 8%;
    gap: 48px;
    align-items: center;
    padding-top: 45%;
}
form#customer-company-information .country_wrapper input#countryvalue::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4;
}
.countryDropdown.dropdwon_open input#countryvalue {
    border-bottom: 1px solid #C5C5C5 !important;
    border-radius: 5px 5px 0px 0px!important;
}
.b2blandingpage-index-customerapplication .countrySelect .business-type-wrapper .business-section .businesstypeDropdown .show_dropdownData:before,
.countrySelect .frst-select-state-section .show_dropdownData:before{
    color:#C4C4C4;
}

/*------------------------------------Stepper css start----------------------------*/

.steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 4rem;
  margin: 0 0 2rem 0;
}

.step {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 1rem 0.5rem;
  transition: 0.5s;
  border-radius: 4px;
  user-select: none;
}

.step:active {
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.02s;
}

.step:active .label {
  color: rgb(29, 29, 29);
}

.step .icon {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  background-color: var(--secondary);
  color: var(--primary-text);
  margin-right: 0.5rem;
}
.step.active .icon,
.step.complete .icon {
  background-color: var(--primary);
}

.step-divider {
  flex: 1;
  border-top-style: solid;
  border-color: #bdbdbd;
  border-top-width: 1px;
}

.step .label {
  color: rgb(180, 180, 180);
}

.step.active .label {
  color: rgb(29, 29, 29);
}

/* Button Styles*/
.btn {
  color: var(--primary-text);
  background-color: var(--primary);
  text-transform: uppercase;
  cursor: pointer;
  min-height: 2.5rem;
  min-width: 6rem;
  border: none;
  border-radius: 4px;
  outline: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.btn:hover {
  background-color: var(--primary-dark);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.btn[disabled] {
  background: none;
  box-shadow: none;
  color: var(--disabled);
  cursor: default;
}
.btn:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.btn:focus {
  background-color: var(--primary-dark);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/* Finished is hidden by default. Displays when all steps are complete. */
.step-finish {
  display: none;
}


.steparmain{
    width: 18%;
    margin: auto;
}
.steparmain .step {
    padding: 0px;
}
.steparmain .step .label {
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    border: 1px solid;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
}
div#stepper_index a.step.active_step span.label {
    color: #0c4269;
    background: #fff;
    border-color: #fff;
}
/*.customer-application-wrapper .customer-application.active_step {
    display: flex; !important;
}*/

/*.customer-application-wrapper .customer-application {
    display: none !important;
}*/

.steparmain .step-divider{
    position: relative;
}
.step-divider:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.step-divider.visiterstep:after {
    content: "\f00c";
    color: #fff;
    font-family: 'FontAwesome';
    position: absolute;
    top: -13px;
    transform: translate(-50%, 0%);
    left: -12px;
    background: green;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 30px;
    padding: 2px 0px 0px 0px;
    z-index: 0;
}
div#stepper_index a.step.visiterstep span.label {opacity: 0;}


div#stepper_index a.step.visiterstep {
    z-index: 1;
}
div#stepper_index .step {
    pointer-events: none;
}

div#stepper_index .step.visiterstep {
    pointer-events: all;
}

/*slider*/

div.customer-application.disablediv {
    animation: left_to_right_quick 1s ease-in-out 0s 1;
    position: absolute;
    top: 90px;
    transform: translateX(100%);
    width: 100%;
}

div.customer-application.active_step{
    animation: right_to_left 1s ease-in-out 0s 1;
}

@keyframes right_to_left {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


@keyframes left_to_right_quick {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}



/*-----------------------------------------------Stepper css end------------------------------------------------------------------*/

/*<-----------------------------------------Project-j Step-2 css start---------------------------------------------------->*/

.b2blandingpage-index-customerapplication .customer-application-wrapper #store-address .store-address-wrapper{
    width: 50%;
}

.b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        display: flex;
    padding: 60px 240px 0px;
    justify-content: space-between;
    position: relative;
        right: 0 !important;
    transition: all 2s;
}   
div.customer-application.active_step {
    animation: right_to_left 1s ease-in-out 0s 1;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .location_info_msg span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .location_info_msg span span.add_location {
    font-weight: 900;
}
.step-2 .store-address-wrapper .physical_location_header_wrapper .location_title{
    padding-bottom:24px;
}
.step-2 .store-address-wrapper .physical_location_header_wrapper .location_title span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}
.location_info_msg {
    padding-bottom:32px
}
.b2blandingpage-index-customerapplication #store-address .store-physical-location .field-name-country{
    position: relative;
}
.step-2 .store-address-wrapper .physical_location_header_wrapper .store_address span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #0E3C5D;
}
.store-physical-location .countrySelect .zip-state-city-stp2 .field-name-state-contact div.control {
    opacity: 0;
}
.step-2 .zip-state-city-stp2 .field-name-state-contact .select-state-contact .select-state-section .state-Dropdown .state-label {
    padding: 12px 0px 0px 24px;
    color: #C4C4C4;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}
div#store-address .company_info_image .first_msg span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #0E3C5D;
}
div#store-address .company_info_image .first_msg {
    margin-bottom:24px;
}

div#store-address .company_info_image .sec_msg .sec_msg_info {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

div#store-address .company_info_image .sec_msg .sec_msg_info .contact_us_link {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    text-decoration-line: underline;
    color: #005D92;
}
.b2blandingpage-index-customerapplication .store-physical-location .countrySelect .zip-state-city-stp2 .field.field-name-state-contact.required.col-md-4 {
    position: relative;
}
.b2blandingpage-index-customerapplication .store-physical-location .countrySelect .zip-state-city-stp2 .field.field-name-state-contact.required.col-md-4 .select-state-contact{
    position:absolute;
    top: 34%;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address{
    padding: 16px 0px;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address label {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address .radio_check_btn input.sameAddress:checked:after {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    border: 3px solid #447DC5;
    border-radius: 10px;
    background: #fff;
}

.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address .radio_check_btn input.sameAddress:checked ~ label {
    font-family: 'Open Sans Bold';
    font-weight: 900;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address .radio_check_btn{
    width: 30%;
    margin: unset;
    position: relative;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper .step-2 .store-address-wrapper .same_address .radio_check_btn:hover{
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .store-physical-location .countrySelect .field.field-name-phoneNumber.required.col-md-6 {
    padding: unset;
}
.b2blandingpage-index-customerapplication #store-physical-location .countrySelect .add_location_button {
    padding-top: 32px;
}
.b2blandingpage-index-customerapplication #store-physical-location .countrySelect .add_location_button span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #0E3C5D;
    border:1px solid #0E3C5D;
    padding:8px 17px 8px 30px;
    cursor:pointer;
}
.b2blandingpage-index-customerapplication #store-physical-location .countrySelect .add_location_button:hover span{
    color:#FFFFFF;
    background:#0E3C5D;
    text-decoration:underline;
}
.store-physical-location .zip-state-city-stp2 .field-name-state .control{
    opacity: 0;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .company_info_image .actions-toolbar.mt-2.nxtBackbtn{
    margin-top: 62px !important;
    margin-right: 0;
    display: flex;
    width: 100%;
    justify-content: end;
    position: absolute;
    bottom: 1px;
    right: 10%;
    width: fit-content;
}

.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .field.field-name-phoneNumber.required.col-md-6 {
    padding: unset;
    margin-bottom: 30px;
}

.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .add_location_button span {
    background: #FFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    padding: 7px 17px 7px 18px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #0E3C5D;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .add_location_button {
    margin-top: 32px;
    width: 30%;
    margin-bottom: 10px;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .add_location_button:hover span{
    background:#0E3C5D;
    color:#FFFFFF;
    text-decoration:underline;
}
.step-2 .store-address-wrapper #store-physical-location .country-Dropdown .statelabel {
    color: #C4C4C4;
    padding: 12px 0px 12px 24px;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .company_info_image .actions-toolbar.mt-2.nxtBackbtn .text-center {
    width: unset;
}
.b2blandingpage-index-customerapplication .step-2 .physical-store-address2 label {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #0E3C5D;
    margin:10px 0px 16px;
}
.step-2 .company_info_image .contact_us_link a {
    /* color: #0E3C5E; */
    color: #005D92;
    cursor: pointer;
}
.step-2 .customer-company-information  .box-content.country .country-Dropdown .country-select {
    color: #C4C4C4;
    padding: 12px 0px 12px 24px;
}

.step-2 .state-value.validate-state::-webkit-scrollbar {
    width: 5px;
}
.step-2 .state-value.validate-state::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}
.step-2 .state-value.validate-state::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}

#store-address #store-physical-location .field-name-country .country .select-section {
    padding-right: unset;
}
.step-2 .store-physical-location-wrapper #store-physical-location1 .select-section {
    padding-right: unset;
}
#store-address #store-physical-location .field-name-state .select-state .state-Dropdown input::placeholder,
#store-address #store-physical-location .field-name-country .country .select-section input[type='text']::placeholder {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #C4C4C4;
}
input#secound-st-value::placeholder,
input#sec_step_cuntryvalue::placeholder {
    font-style: unset;
    font-size: 12px !important;
    text-transform:none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4 !important;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location1.customer-company-information .field-name-state .state-Dropdown .show_dropdownData:before {
 content: ' ';
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location1.customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:after {
     content: ' ';
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location1.customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:before{
    display:none;
}
/*#store-address form#store-physical-location.sameData input{
    color:#C4C4C4;
}*/
/*<-----------------------------------------Project-j Step-2 css end---------------------------------------------------->*/

/*<-----------------------------------------Project-j Step-3 css start---------------------------------------------------->*/

.b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact  {
    display: flex;
    width: 100%;
    gap: 7%;
    padding: 59px 204px 0px 204px;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .account_payble_wrapper input,
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .account_payble_wrapper label {
    cursor: pointer;
}
.b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact .contact-of-wrapper{
    width: 100%;
}
.b2blandingpage-index-customerapplication #point-of-contact .point_of_contact_body form {
    width: 100%;
}
.b2blandingpage-index-customerapplication #point-of-contact .point_of_contact_body{
    display: flex;
    width: 100%;
    gap: 8%;
}
.b2blandingpage-index-customerapplication #point-of-contact .point_of_contact_body .form_header_wrapper{
    width: 50%;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .contact_later_header_wrapper .contact_title span {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
color: #000000;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .contact_later_header_wrapper .contact_info_msg span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #000000;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .contact_later_header_wrapper .contact_info_msg{
    padding:16px 0px 32px 0px;
}

.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .contact_later_header_wrapper .point_contact{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #0E3C5D;
padding-bottom:16px;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .ap_point_contact {
    padding: 40px 0px 16px 0px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #0E3C5D;
}

.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .account_payble_wrapper {
    padding-bottom: 16px;
}

.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .account_payble_wrapper .account_payble_msg_info {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;
color: #000000;
}
.field.field-name-firstname-sub.col-md-6 {}

#point-of-contact .point_cf_contact_container .field span:first-child {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
#point-of-contact .point_cf_contact_container .field span.reqField{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
color: #EB5757;
}

.step-3 .contact-of-wrapper .point_cf_contact_container .row .field .control input {
    padding:23px 0px 23px 24px;
    border-radius:5px;
    border: 1px solid #000000;
    height:47px;
}
.step-3 .contact-of-wrapper .point_cf_contact_container .row .field .control input::placeholder{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #C4C4C4;
}
#contact-customer-later .field-name-address2 .phone_msg {
    font-weight: 400;
}
.step-3#point-of-contact .company_desk_image .first_msg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #0E3C5D;
}

.step-3#point-of-contact .company_desk_image .sec_msg_preference{
padding:24px 0px 80px 0px    
}
.step-3#point-of-contact .company_desk_image .sec_msg_preference .sec_email_info{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #000000;    
}
.step-3#point-of-contact .company_desk_image .sec_msg_preference .sec_email_info a{
    color:#005D92;
    font-weight:700px;
    font-family: 'Open Sans bold';
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .step-3#point-of-contact .company_desk_image .nxtBackbtn{
    margin-top: 77px !important;
}
.b2blandingpage-index-customerapplication .step-3 .contact-of-wrapper .ap_point_contact_wrapper .account_payble_wrapper input.Accounts-payble:checked:after{
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    border: 3px solid #447DC5;
    border-radius: 10px;
    background: #fff;
}
#contact-customer-later .row.sameAsAbove input {
    color: #000000;
}
/*<-----------------------------------------Project-j Step-3 css end---------------------------------------------------->*/


/*<-----------------------------------------Project-j Step-4 css start---------------------------------------------------->*/

.step-4 .application-review-wrapper .login_information_body{
    display: flex;width: 100%;gap: 10%;
}
.customer-application-wrapper .step-4 .application-review-wrapper{
    width: 100%;
}

.customer-application-wrapper .step-4 .login_information_body .login_info_form{
    width: 50%;
}
.login_information_body {display: flex;width: 100%;gap: 10%;}

.application-review-wrapper {
    width: 100%;
}

.login_info_form {
    width: 50%;
}

#review-application .login_info_header_wrapper .your_info {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}

#review-application .login_info_header_wrapper .final_step {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #000000;
padding:16px 0px 32px  0px;   
}
#review-application .login_info_header_wrapper .login_info_title{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #0E3C5D;
padding-bottom:16px;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    padding-left: 29px;
}

.b2blandingpage-index-customerapplication #login_application_review .form-group {
    margin: unset;
}

.b2blandingpage-index-customerapplication #login_application_review .password_related_msg {
    padding: 40px 0px 32px 0px;
    position: relative;
}

.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .pass_require {
    padding-bottom: 8px;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .pass_require span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #0C4269;
}

.b2blandingpage-index-customerapplication #login_application_review .terms_condition {
    padding-top: 32px;
}
.b2blandingpage-index-customerapplication #login_application_review .terms_condition span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.b2blandingpage-index-customerapplication #login_application_review .terms_condition span a{
    color: #005D92;
    font-weight:700;
}
.b2blandingpage-index-customerapplication .step-4 .login_info_header_wrapper {
    width: 100%;
}
.b2blandingpage-index-customerapplication .step-4 .login_information_body .mobile_image .first_msg{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #0E3C5D;
    margin-bottom:24px;
}
.b2blandingpage-index-customerapplication .step-4 .login_information_body .mobile_image .first_msg a{
    color: #005D92;
}
.b2blandingpage-index-customerapplication .step-4 .login_information_body .mobile_image .sec_msg_preference{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #000000;
margin-bottom:80px;
}
#login_application_review #customer_notes::placeholder{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #C4C4C4;
}
.b2blandingpage-index-customerapplication .page-wrapper #maincontent .column .customer-application-wrapper .step-4 .login_information_body .mobile_image .nxtBackbtn{
    margin-top: 131px !important;
}
.step-4 .application-review-wrapper #customer_notes {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.step-4 .passValErr {
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 22px;
color: #EB5757;
}
/*<-----------------------------------------Project-j Step-4 css end---------------------------------------------------->*/
/*<-----------------------------------------Project-j changes-ug css end---------------------------------------------------->*/

form#customer-company-information .country_wrapper input#countryvalue {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 0;
    outline: unset !important;
    margin-bottom: 3px;
}
/*conuntry dropdown*/

.country_wrapper ul#countryvalueautocomplete-list {
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 1;
    max-height: 192px;
    height: auto;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5 ;
    padding: 0;
    top: 95%;
}
.country_wrapper ul#countryvalueautocomplete-list li {
    padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}

.country_wrapper ul#countryvalueautocomplete-list li:hover {
    background-color: #0e4169 !important;
    color: #fff !important;
}
.country_wrapper ul#countryvalueautocomplete-list li:hover span.highlight {
    color: #fff;
    font-weight: bold;
}

.field .country_wrapper .country-select-section .countryDropdown span.show_dropdownData:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}


.field .country_wrapper .country-select-section .countryDropdown.dropdwon_open span.show_dropdownData:after {
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}

.field .country_wrapper .country-select-section .countryDropdown.dropdwon_open span.show_dropdownData:before {
    display: none;
}

.country_wrapper ul#countryvalueautocomplete-list::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}

.country_wrapper ul#countryvalueautocomplete-list::-webkit-scrollbar {
    width: 0.3em;
}

.country_wrapper ul#countryvalueautocomplete-list::-webkit-scrollbar-thumb {
    background-color: #0e3c5d;
    border-radius: 40px;
}

.country_wrapper ul#countryvalueautocomplete-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}
ul#sec_step_cuntryvalueautocomplete-list::-webkit-scrollbar {
    width: 5px;
}

ul#sec_step_cuntryvalueautocomplete-list::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

ul#sec_step_cuntryvalueautocomplete-list::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
form.customer-company-information.store-physical-location .country-Dropdown .show_dropdownData:before {
      content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
form.customer-company-information.store-physical-location .country-Dropdown.dropdwon_open .show_dropdownData:after {
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 0px;
    cursor: pointer;
}

form.customer-company-information.store-physical-location .country-Dropdown.dropdwon_open .show_dropdownData:before {
    display: none;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information.store-physical-location .country-Dropdown.dropdown_open input{
    border-bottom: 1px solid #C5C5C5;
}
.step-1 .shadow-textarea .business-info {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.b2blandingpage-index-customerapplication .step-1 div.mage-error {
    margin: 8px 0px 8px 0px;
}
/*conuntry dropdown end*/

/*frst state dropdown*/

input#first-stat-value {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 5px;
    outline: unset !important;
}
input#first-stat-value2 {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 5px;
    outline: unset !important;
}

input#first-stat-value2::placeholder{
    font-style:unset ;
    text-transform:none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 22px;
    color: #C4C4C4 !important;
}

ul#first-stat-valueautocomplete-list {
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 1;
    max-height: 192px;
    height: auto;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #c5c5c5;
    padding: 0;
    top: 44px;
}

ul#first-stat-valueautocomplete-list li {
    padding: 6px 0px 0 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.frst-select-state-section .state-Dropdown {
    position: relative;
}

ul#first-stat-valueautocomplete-list li:hover {
    background: #0e4169;
    color: #fff;
}

ul#first-stat-valueautocomplete-list li span.highlight {
    color: #0e3c5d;
    font-weight: bold;
}

ul#first-stat-valueautocomplete-list li:hover span.highlight {
    color: #fff;
}

.frst-select-state-section .show_dropdownData:before{
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 0;
    cursor: pointer;
}

.frst-select-state-section .state-Dropdown.dropdwon_open .show_dropdownData:after{
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 19px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}

.frst-select-state-section .state-Dropdown.dropdwon_open .show_dropdownData:before {
    display: none;
}

ul#first-stat-valueautocomplete-list::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}

ul#first-stat-valueautocomplete-list::-webkit-scrollbar {
    width: 0.3em;
}

ul#first-stat-valueautocomplete-list::-webkit-scrollbar-thumb {
    background-color: #0e3c5d;
    border-radius: 40px;
}

ul#first-stat-valueautocomplete-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}

/*frst state dropdown end*/

/*first businesstype dropdown*/

input#business-type-value {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 0;
    outline: unset !important;
}

ul#business-type-valueautocomplete-list {
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 1;
    max-height: 192px;
    height: auto;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5;
    padding: 0;
    top: 44px;
}

.business-section .businesstypeDropdown {
    position: relative;
}

ul#business-type-valueautocomplete-list li {
    padding: 6px 0px 0 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

ul#business-type-valueautocomplete-list li:hover {
    background: #0e3c5d;
    color: #fff;
}

ul#business-type-valueautocomplete-list li:hover span.highlight {
    color: #fff;
}

ul#business-type-valueautocomplete-list li span.highlight {
    color: #0e3c5d;
    font-weight: bold;
}

ul#business-type-valueautocomplete-list::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}

ul#business-type-valueautocomplete-list::-webkit-scrollbar-thumb {
    background-color: #0e3c5d;
    border-radius: 40px;
}

ul#business-type-valueautocomplete-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}

/*first businesstype dropdown end*/


/*secound step dropdown*/

input#sec_step_cuntryvalue {
    background: #FFFFFF;
    opacity: unset;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 0;
    outline: unset !important;
}
ul#sec_step_cuntryvalueautocomplete-list {
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 1;
    height: 184px;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5;
    padding: 0;
    top: 44px;
}

form.customer-company-information.store-physical-location .country-Dropdown {
    position: relative;
}

ul#sec_step_cuntryvalueautocomplete-list li {
    padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}
ul#sec_step_cuntryvalueautocomplete-list li:hover {
    color: #fff;
    background: #0e4169;
}

ul#sec_step_cuntryvalueautocomplete-list li span.highlight {
    font-weight: bold;
}

input#secound-st-value {
    margin-bottom: 0;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
    padding-left: 24px;
    margin-bottom: 0;
    outline: 0 !important;
    opacity: unset;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information.store-physical-location .country-Dropdown.dropdown_open input{
    border-bottom: 1px solid #C5C5C5;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state{
    position:relative;
}

.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list {
        width: 87.1%;
        position: absolute;
        background: #fff;
        z-index: 1;
        height: 150px;
        overflow: auto;
        list-style: none;
        border: 1px solid #000;
        border-top: 1px solid #C5C5C5;
        padding: 0;
        top: 70px;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list  li{
        padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list  li:hover {
    background-color: #0e4169 !important;
    color: #fff !important;
}

.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list::-webkit-scrollbar {
    width: 5px;
}

.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state #secound-st-valueautocomplete-list::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state .state-Dropdown .show_dropdownData:before {
    content: ' ';
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:after {
    content: ' ';
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address form#store-physical-location.customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:before{
    display:none;
} 

/*secound step dropdown end*/
/*Dynamic form state css*/
#store-physical-location1 span.val_err {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #EB5757;
}
#store-physical-location1 input.error {
    border: 1px solid red;
}
#store-physical-location1 .field-name-state {
    position:relative;
}
.step-2 .field-name-state .secound-select-state-section ul{
        width: 87.1%;
    position: absolute;
    background: #fff;
    z-index: 1;
    height: 150px;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5;
    padding: 0;
    top: 70px;
}
.step-2 .field-name-state .secound-select-state-section ul li{
    padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}
.step-2 .field-name-state .secound-select-state-section ul li:hover{
        background-color: #0e4169 !important;
    color: #fff !important;
}
.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar {
    width: 5px;
}

.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
#store-physical-location2 input.error {
    border: 1px solid red;
}
#store-physical-location2 .field-name-state {
    position:relative;
}
.step-2 .field-name-state .secound-select-state-section ul{
        width: 87.1%;
    position: absolute;
    background: #fff;
    z-index: 1;
    height: 150px;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5;
    padding: 0;
    top: 70px;
}
.step-2 .field-name-state .secound-select-state-section ul li{
    padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}
.step-2 .field-name-state .secound-select-state-section ul li:hover{
        background-color: #0e4169 !important;
    color: #fff !important;
}
.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar {
    width: 5px;
}

.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}
.step-2 input.error {
    border: 1px solid red;
}
.step-2 .field-name-state {
    position:relative;
}
.step-2 .field-name-state .secound-select-state-section ul{
        width: 87.1%;
    position: absolute;
    background: #fff;
    z-index: 1;
    height: 150px;
    overflow: auto;
    list-style: none;
    border: 1px solid #000;
    border-top: 1px solid #C5C5C5;
    padding: 0;
    top: 70px;
}
.step-2 .field-name-state .secound-select-state-section ul li{
    padding: 6px 45px;
    height: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
}
.step-2 .field-name-state .secound-select-state-section ul li:hover{
        background-color: #0e4169 !important;
    color: #fff !important;
}
.step-2 .field-name-state .secound-select-state-section ul::-webkit-scrollbar {
    width: 5px;
}
.step-2.field-name-state .secound-select-state-section ul::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown .show_dropdownData:before {
 content: ' ';
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:after {
     content: ' ';
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown .show_dropdownData:before {
 content: ' ';
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:after {
     content: ' ';
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown .show_dropdownData:before {
 content: ' ';
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:after {
     content: ' ';
    content: '\f106';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: 0.2s;
    color: #000000;
    top: 25px;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #store-address .customer-company-information .field-name-state .state-Dropdown.dropdwon_open .show_dropdownData:before{
    display:none;
}
/*Dynamic form state css*/

/*<-----------------------------------------Project-j changes-ug css end---------------------------------------------------->*/

/*Disable field error css start*/
.step-1 form#customer-company-information input.mage-error,
.step-2#store-address form input.mage-error,
.step-3 input.mage-error,
.step-4 input.mage-error
{
    border: 1px solid #EB5757 !important;
}
.b2blandingpage-index-customerapplication #maincontent .company_info_form #customer-company-information .enable-disable.countrySelect div.mage-error {
    display: none !important;
}
.company_info_form #customer-company-information .enable-disable.countrySelect  input.mage-error{
    border: 1px solid #C5C5C5 !important;
}

.company_info_form #customer-company-information .enable-disable.countrySelect .shadow-textarea label, 
.company_info_form #customer-company-information .enable-disable.countrySelect div.field .label span{
    color:#C4C4C4 !important;
}
.company_info_form #customer-company-information .enable-disable.countrySelect .resale-certificate .custom-file-box,
.company_info_form #customer-company-information .enable-disable.countrySelect .store-imagery .custom-store-file-box,
.company_info_form #customer-company-information .enable-disable.countrySelect .field input{
    border:1px solid #C4C4C4;
}
.company_info_form #customer-company-information .enable-disable.countrySelect .store-imagery .select-file,
.company_info_form #customer-company-information .enable-disable.countrySelect .resale-certificate .select-file{
    background: #C4C4C4;
}
/*Disable field error css end*/
/*----------------------------------- STEP-5 CSS START--------------------------------*/

.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper {
    border: 1px solid #C5C5C5;
}
.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration {
    display: flex;
    flex-direction: column;
}
.b2blandingpage-index-b2bafterregistration .AllDone_container {
    text-align: center;
    /*padding: 30px 520px;*/
    width: 793px;  
    margin: auto;  
}
.b2blandingpage-index-b2bafterregistration .AllDone_container .all_done_header .logo {
    left: unset;
    background: #0D426A !important;
    justify-content: center;
}
.b2blandingpage-index-b2bafterregistration .AllDone_container .all_done_header .text-center img {
    margin: auto;
}
.b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .all_done {
    padding-top: 41px;
}
.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .reg_comp_sign {
       width: 55px;
    border: 1px solid #70A33B;
    border-radius: 50%;
    height: 55px;
    line-height: 55px;
    margin-top: 75px;
    margin: 75px auto 0px;
    background: #70A338;
}

.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .reg_comp_sign i {
    font-size: 35px;
    color: #FFFFFF;
}

.b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .all_done h1 {
    font-size: 36px;
    font-weight: 700;
    color: #0E3C5D;
    font-family: 'Open Sans';
    font-style: normal;
    margin-bottom: unset;
}

.b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .applicationProcess_msg {
    padding: 40px 0px 20px 0px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .waiting_message {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .five_sec_timer {
    padding: 78px 0px 0px 0px;
}
.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer .left_second {
    width: 108px;
    height: 108px;
    border: 6px solid #0E3C5D;
    border-radius: 50%;
    line-height: 108px;
    margin: auto;
}

.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer .left_second #time {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 67px;
    line-height: 91px;
    text-align: center;
    color: #0E3C5D;
}

.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer  .be_pateien {
    padding-top: 24px;
    padding-bottom: 112px;
}

.b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer .be_pateien span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #0E3C5D;
}
.b2blandingpage-index-customerapplication .actions-toolbar.mt-2.nxtBackbtn .text-center button.themeBtn.action.next-step:hover span{
    color: #0c4169 !important;
}
/*<-----------------------------------------------------Project-J css end---------------------------------------------------------->*/


/*pages responsive*/

@media(max-width: 1710px){
    .b2blandingpage-index-customerapplication #maincontent .container .column .company_info_wrapper{
        padding: 59px 130px 0px 130px;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        padding: 60px 130px 0px 130px;   
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact{
        padding: 59px 130px 0px 130px;   
    }
}
@media(max-width: 1599px){
    .b2blandingpage-index-customerapplication #maincontent .container .column .company_info_wrapper{
        padding: 59px 75px 0px 75px;
        gap: 0%;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact{
        padding: 59px 75px 0px 75px;
        gap: 0%;
    }
    .b2blandingpage-index-customerapplication #maincontent .container .column .customer_app_wrapper .container.bg-primary.p-2.customer-title-bar-wrapper{
        height: auto;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        padding: 60px 75px 0px;   
    }
    .b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .add_location_button{
        width: 30%;
    }
    #point-of-contact .point_cf_contact_container .field span:first-child,
    .customer-company-information .label span:first-child{
        font-size: 13px;
    }
}
@media(max-width: 1453px){
    .b2blandingpage-index-customerapplication .company_info_wrapper .custom-file-box{
        gap: 0%;
        padding: 7px 10px 7px 15px;
    }
    .b2blandingpage-index-customerapplication .company_info_wrapper .store-imagery .custom-store-file-box{
        gap: 0%;
        padding: 7px 10px 7px 15px;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        padding: 60px 50px 0px;      
    }
    #point-of-contact .point_cf_contact_container .field span:first-child,
    .customer-company-information .label span:first-child{
        font-size: 10px;
    }
}
@media (max-width: 1025px){
    .b2blandingpage-index-b2bafterregistration .AllDone_container{
        width: 600px;
    }
    .b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .waiting_message,
    .b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .applicationProcess_msg{
        font-size: 14px;
    }
    .b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer .left_second{
        width: 90px;
        height: 90px;
    }
    .b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer .left_second #time{
        font-size: 60px;
        line-height: 80px;
    }
    .b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .reg_comp_sign{
        margin: 55px auto 0px;
    }
    .b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .all_done {
        padding-top: 30px;
    }
    .b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .applicationProcess_msg{
        padding: 35px 0px 17px 0px;
    }
    .b2blandingpage-index-b2bafterregistration .AllDone_container .after_reg_wrapper .five_sec_timer {
        padding: 60px 0px 0px 0px;
    }
    .b2blandingpage-index-b2bafterregistration #afterRegistration .afterB2bregistration .after_reg_wrapper .five_sec_timer  .be_pateien {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    .b2blandingpage-index-b2blogin .login_model_container{
        width: 600px !important;
    }
    .b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .enrolled_wrapper {
        padding: 8px 0 95px 0;
}
}
@media(max-width: 1199px){
    .b2blandingpage-index-customerapplication #maincontent .container .column .company_info_wrapper{
        flex-flow: column-reverse;
    }
    .b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image{
        text-align: center;
        margin-bottom: 65px;
    }
    .b2blandingpage-index-customerapplication .step-1 .actions-toolbar.mt-2.nxtBackbtn{
        padding-top: 8%;
    }
    .b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .preocess_image{
        width: 450px;
        margin: auto;
    }
    .b2blandingpage-index-customerapplication .company_info_wrapper .company_info_image .preocess_image img{
        width: 100%;
    }
    .b2blandingpage-index-customerapplication .company_info_wrapper .company_information{
        width: 100%;
    }
    .b2blandingpage-index-customerapplication #maincontent .container .column .company_info_wrapper {
        padding: 59px 75px 60px 75px;
    }
    .b2blandingpage-index-customerapplication .step-1 .actions-toolbar.mt-2.nxtBackbtn{
        position: absolute;
        bottom: 0;
    }
    .steparmain{
        width: 24%;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        flex-flow: column-reverse;    
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #store-address .store-address-wrapper{
        width: 100%;
    }
    .company_info_image {
        text-align: center;
        margin-bottom: 65px;
    }
    .company_info_image .preocess_image{
        width: 450px;
        margin: auto;
    }
    .company_info_image .preocess_image img{
        width: 100%;
    }
    .b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .company_info_image .actions-toolbar.mt-2.nxtBackbtn{
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
    }
    .b2blandingpage-index-customerapplication #point-of-contact .point_of_contact_body{
        flex-flow: column-reverse;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact .contact-of-wrapper .company_desk_image{
        text-align: center;
        margin-bottom: 65px;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact .contact-of-wrapper .company_desk_image .preocess_image{
        margin: auto;
        width: 450px;
    }
    .b2blandingpage-index-customerapplication #point-of-contact .point_of_contact_body .form_header_wrapper{
        width: 100%;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper #point-of-contact{
            padding: 59px 75px 75px 75px;
    }
    .b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .step-3#point-of-contact .company_desk_image .nxtBackbtn {
        margin-top: 77px !important;
        position: absolute;
        bottom: 0px;
    }
    #point-of-contact .point_cf_contact_container .field span:first-child,
    .customer-company-information .label span:first-child{
        font-size: 13px;
    }
    .step-4 .application-review-wrapper .login_information_body{
        flex-flow: column-reverse;
    }
    .customer-application-wrapper .step-4 .application-review-wrapper .mobile_image{
        text-align: center;
        margin-bottom: 65px;
    }
    .customer-application-wrapper .step-4 .application-review-wrapper .mobile_image .preocess_image{
        width: 450px;
        margin: auto;
    }
    .customer-application-wrapper .step-4 .login_information_body .login_info_form{
        width: 100%;
    }
    .b2blandingpage-index-customerapplication .customer-application-wrapper div.customer-application.active_step{
        padding: 60px 50px 60px;
    }
    .b2blandingpage-index-customerapplication .page-wrapper #maincontent .column .customer-application-wrapper .step-4 .login_information_body .mobile_image .nxtBackbtn{
        position: absolute;
        right: 0;
        bottom: 0;
    }
}


/*pages responsive end*/


/*------------------b2b login page css start-----------------------*/
.b2blandingpage-index-b2blogin .login_model_container {
    /*padding:0px 520px;*/
    text-align: center;
    width: 793px;
    margin: auto;
}
.b2blandingpage-index-b2blogin .login_model_container .after_registration_message .login_mesaage span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #0E3C5D;
}
.b2blandingpage-index-b2blogin .login_model_container .after_registration_message .login_mesaage{
    padding-bottom: 16px;
}
.b2blandingpage-index-b2blogin .login_model_container .after_registration_message .sec_login_msg span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000; 
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2blogin_header .row {
    background: #0D426A;
    padding: 11px;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2blogin_header{
    padding:0px 0px 69px 0px
}
.b2blandingpage-index-b2blogin .login_model_container .after_registration_message .sec_login_msg {
    padding-bottom: 40px;
}
.b2blandingpage-index-b2blogin .login_model_container .b2blogin_header .logoAdar{
    padding: unset !important;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2bLoginModal .welcome_msg{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 22px;
color: #000000;
padding-bottom:48px;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2blogin_header .row {
    background: #0D426A;
}

.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2bLoginModal .welcome_msg{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 22px;
color: #000000;
padding-bottom:48px;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper {
    border: 1px solid #C4C4C4; 
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2bLoginModal .login_form_wrapper .form .control input 
{
    height: 47px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 5px;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2bLoginModal .login_form_wrapper .form .label span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 
    22px;color: #000000;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .b2bLoginModal .login_form_wrapper .form .control input::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .forgot_pass_link a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #0E3C5D;
    cursor: pointer;
}

.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .login_button.b2b-login-button {
    background: #FFFFFF;
    border: unset;
    padding: 7px 0;
    /*font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #0E3C5D;
    padding: 10px 50px;
    border: 1px solid #0E3C5D;*/
}

.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .login_button span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #0E3C5D;
    padding: 10px 50px;
    border: 1px solid #0E3C5D;
}

.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .enrolled_wrapper {
    padding: 8px 0 116px 0;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .enrolled_wrapper span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper .enrolled_wrapper span a{
     color:#0E3C5D; 
     text-decoration-line:underline;  
     cursor: pointer;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .forgot_pass_link{
    padding-bottom: 8px;
    display: flex;
    flex-direction: row-reverse;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_box_wrapper{
    width: 50%;
    margin: auto;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_box_wrapper .field .label {
    display: flex;
}
.b2blandingpage-index-b2blogin .login_model_container .b2b_login_wrapper .login_form_wrapper button.login_button:hover span{
    background: #0E3C5D;
    border: 1px solid #0E3C5D;
    color:#FFFFFF
}
/*------------------b2b login page css end-----------------------*/

/*.customer-application2,
.customer-application3,
.customer-application4{
    display: block !important;
}
.customer-application{
    display: none !important;
}*/
/*.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .activethis3,
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .activethis4,
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .activethis2 {
    display:block !Important;
}*/
/*.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper .activethis{
    display:none !important;
}*/
/*
.step-divider.activethis4,
.step-divider.activethis3,
.step-divider.activethis2,
.step-divider.activethis1{
    display: block;
}*/


/*reset password popup css*/
.b2blandingpage-index-b2blogin .returnlogin {
    display: none;
}

/*project-j changes*/
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .add-remove-location {
    display: flex;
    width: 100%;
}

.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .remove_location_button {
    margin-top: 32px;
    width: 30%;
    margin-bottom: 10px;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .remove_location_button span{
        background: #FFF;
    border: 1px solid #0E3C5D;
    box-sizing: border-box;
    padding: 7px 17px 7px 18px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #0E3C5D;
    cursor: pointer;
}
.b2blandingpage-index-customerapplication #maincontent .customer-application-wrapper #store-address .remove_location_button:hover span {
    background: #0E3C5D;
    color: #FFFFFF;
    text-decoration: underline;
}

#store-address .addremoveLocationBtn .removeLocation {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #0E3C5D;
    margin: 15px 0px 16px;
    cursor: pointer;
}
#store-address .addremoveLocationBtn{
    display: flex;
    gap: 40px;
    width: 100%;
}
#maincontent .main .customer-application-wrapper .step-2#store-address #store-physical-location.sameData .show_dropdownData::before {
    pointer-events:none;
    color: #C4C4C4;
}
.radio_check_btn #same_as_billing{
    width: 9px;
    height: 9px;
}
.radio_check_btn #same_as_billing:after{
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    border: 1px solid #C4C4C4;
    border-radius: 30px;
    background: #fff;
    top: -3px;
    left: -2px;
}
.radio_check_btn #same_as_billing:checked:after{
   content: '';
   width: 12px;
   height: 12px;
   position: absolute;
   border: 3px solid #447DC5;
   border-radius: 30px;
   background: #fff;
   top: -2px;
}



/*Contact us popup step-2*/

.b2blandingpage-index-customerapplication #store-address #newcontactUs2 .modal-content{
    width: 150%;
}
/*.b2blandingpage-index-customerapplication div#newcontactUs2{
    margin-right: 15%;
}*/
.b2blandingpage-index-customerapplication div#newcontactUs2 .modal-header {
    background: #0D426A;
    border-radius: unset;
}
.b2blandingpage-index-customerapplication div#newcontactUs2 .modal-header img{
margin: 0px 0px 0px 364px;    
}
.b2blandingpage-index-customerapplication div#newcontactUs2 .modal-header button{
    color:#FFFDDD;
    opacity:1;
}
.b2blandingpage-index-customerapplication div#newcontactUs2 .modal-body h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
    color: #000000;
    text-transform: unset;
}
.b2blandingpage-index-customerapplication div#newcontactUs2 .modal-body h3{
    width: 548px;
    height: 44px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    margin: auto;
    margin-top: 24px;
    margin-left: -50px;
}
.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body .new-contact-form #contact-form .select-section label{
        font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #000000 !important;
}
.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body .new-contact-form #contact-form .row .box-content.hear-from ul::-webkit-scrollbar {
    width: 5px;
}

.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body .new-contact-form #contact-form .row .box-content.hear-from ul::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body .new-contact-form #contact-form .row .box-content.hear-from ul::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body  .row .state .select-section ul::-webkit-scrollbar{
    width:5px;
}
.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body  .row .state .select-section ul::-webkit-scrollbar-track {
  background: #ffffff; 
  border: 1px solid #C5C5C5; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.b2blandingpage-index-customerapplication #store-address div#newcontactUs2 .modal-body  .row .state .select-section ul::-webkit-scrollbar-thumb {
  background-color: #103C5E;  
  border-radius: 3px; 
  background:#F9F9F9     
  border: 1px solid #C5C5C5; 
}
#store-address form#store-physical-location.sameData input[readonly="readonly"]
{
    pointer-events: none;
}


/*Password valid*/
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.character.valid::before{
     position: absolute;
    left: -0.9px;
    top: 44%;
    height: 3%;
    width: 2px;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.character.valid::after {
    position: absolute;
    left: 0%;
    bottom: 5px;
    height: 2px;
    width: 2%;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
    top: 86px;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.valid{
    list-style:none;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.upper_lower.valid::before {
    position: absolute;
    left: -0.9px;
    top: 54%;
    height: 3%;
    width: 2px;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.upper_lower.valid::after {
    position: absolute;
    left: 0%;
    bottom: 5px;
    height: 2px;
    width: 2%;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
    top: 105px;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.number.valid::before {
    position: absolute;
    left: 0px;
    top: 64%;
    height: 3.8%;
    width: 2px;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}
.b2blandingpage-index-customerapplication #login_application_review .password_related_msg .password_steps li.number.valid::after {
    position: absolute;
    left: 0%;
    bottom: 5px;
    height: 2px;
    width: 2%;
    background-color: green;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
    top: 125px;
}
.step-2 label.error 
{
    margin: 0px 0px 6px 0px;
    color: #EB5757;
    padding-top: 0;
    font-size: 12px;
}
.input-jq-error{
    border: 1px solid #EB5757 !important;
}
.b2blandingpage-index-customerapplication span.PswnotMatchErr {
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    color: #e02b27;
}
#newcontactUs2 .form.contact .reqField{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #EB5757;
}
.b2blandingpage-index-customerapplication .countrySelect .business-type-wrapper .business-section .businesstypeDropdown .show_dropdownData:before,
.countrySelect .frst-select-state-section .show_dropdownData:before{
    color:#C4C4C4;
}


#contact-customer-later input#account_payble:after {
       content: '';
       width: 13px;
       height: 13px;
       position: absolute;
       border: 1px solid #C4C4C4;
       border-radius: 30px;
       background: #fff;
       top: -2px;
       left: 0px;
}

#contact-customer-later input#account_payble {
    position: relative;
    height: 10px;
}

#contact-customer-later input#account_payble:checked:after {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    border: 3px solid #447DC5;
    border-radius: 30px;
    background: #fff;
    top: -2px;
}