html,
body {
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    color: #2f3043;
    margin: 0;
}
.step.success {
    cursor: pointer;
}
.stickyBottom a img {
    width: 33px;
}
.flxcarousel_wrapper{
width:100%;
}
.sliderSignup, .flxcarousel_wrapper .slick-list, .sliderSignup .slick-track, .sliderSignup .datawrap{
width:inherit!important;
}
.sliderSignup .datawrap{
	height:100%;
}
.flxSignup .commonflow.cocpsection {
    padding-right: 23.3%;
}
.screen2 .downloadpoifile,
.screen3 .downloadpoifile,
.screen4 .downloadpoifile,
.screen2 .downloadpoifile a,
.screen3 .downloadpoifile a,
.screen4 .downloadpoifile a{
	font-size: 16px;
	line-height: normal;
	color: #2f3043;
	margin-bottom: 26px;
    text-decoration: underline;                        
}
p.invalid-number span {
    color: #b30e0e;
    cursor: pointer;
    text-decoration: underline;
}

.cocpotpsec .single_inputField .cocpOtpError {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    margin-left: 16px;
}
.cocpotpsec .single_inputField .cocpResendText,.cocpotpsec .single_inputField .cocpSendOTPText  {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    margin-left: 16px;
}

.otpinput.form-control.singleotpinput.disabled {
    pointer-events: none;
}

img.successIcon {
    position: relative;
    right: -64px;
}

img.infoIconcommon {
    right: 12px;
    top: 17px;
} 

.cocpsection .inputField .infoIconcommon:hover+.tooltiptext {
    visibility: visible;
}

.flxSignup .rightSection .cocpsection .tooltiptext {
    visibility: hidden;
    width: 82%;
    color: #595969;
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    top: 80%;
    right: -14%;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0 20px 32px 0 rgb(96 97 112 / 10%), 0 2px 8px 0 rgb(40 41 61 / 6%);
}

.form-control.inputClass.cffield {
    padding-left: 16px;
}

.form-control.inputClass.cffield.isSelected {
    padding-left: 45px;
}

.country-code + .form-control.inputClass.cffield {
    padding-left: 45px; 
}
.country-code.d-none + .form-control.inputClass.cffield {
    padding-left: 16px; 
}
.commonflow .inputField .error span { 
    position: relative;
    height: max-content;
    right:0;
}
.commonflow .error {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: baseline;
}
.commonflow .inputField .error span { 
    position: relative;
    height: max-content;
    right:0;
}
.commonflow .error {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: baseline;
}
.country-code {
    position: absolute;
    margin-top: 20.5px;
    margin-left: 15px;
    font-size: 16px;
    line-height: 20px;
    right:auto !important;
    left:10px;
}
.flxSignup .flxContainer {
    display: flex;
}
.flxSignup .signupContainer .regASoneInputs .form-control {    
    color: #acacb4;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}
.regASoneEnterpriseStep1 .invalid-feedback, .screen1 .invalid-feedback {
    font-size: 14px;
    line-height: 18px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    color: #b30e0e;
    margin-top: 8px;
    margin-bottom: -2px;
}
.flxSignup .leftSection {
    width: 49.2%;
    background-color: #5f004b;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.flxSignup .stickyBottom {
    position: absolute;
    bottom: 17px;
    display: flex;
    gap: 10.9px;
    left:0;
    right:0;
    width:fit-content; 
    margin:auto;
}
.flxSignup .mainImg{
	position:relative;
            height:100%;
    top:unset;
}
.flxSignup .mainImg .mobile {
    display: none;
}
.flxSignup .mainImg img {
    width: 100%;
    height: 100vh;
}
.flxSignup .rightSection .welcomesubHeading{
	padding:0 20px;
}
.flxSignup .rightSection h2.welcomeHead, .flxSignup .rightSection .welcomesubHeading {
    text-align: center;
}
.flxSignup .rightSection {
    width: 50.8%;
    position: relative;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding: 0 9.3% 0 7.7%;
}

.flxSignup .rightSection .viLogo {
    position: absolute;
    top: 20px;
    right: 20px;
}

.flxSignup .rightSection .welcomeHead,
.flxSignup .rightSection .loginHead,
.flxSignup .rightSection .otpHead,
.flxSignup .rightSection .exhaustHead {
    font-size: 36px;
    line-height: 38px;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    color: #2f3043;
    margin-bottom:12px;
    font-weight:bold;
}

.flxSignup .rightSection .welcomesubHeading,
.flxSignup .rightSection .subHeading,
.flxSignup .rightSection .otpsubHeading,
.flxSignup .rightSection .emailOtp,
.flxSignup .rightSection .mobOtp,
.flxSignup .rightSection .exhaustsubHeading {
    font-size: 18px;
    line-height: 22px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    color: #595969;
}

.flxSignup .rightSection .welcomesubHeading,
.flxSignup .rightSection .subHeading {
    margin: 0px 0 24px;
}

/* .flxSignup .rightSection .viewLabel {
    display: none;
    font-size: 14px;
    line-height: 18px;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    top: -10px;
    left: 12px;
    background: #fff;
    padding: 0 4px;

} */

/* .flxSignup .rightSection .viewLabel.invalidLabel {
    color: #b30e0e;
} */
.flxSignup .rightSection .welcomeparts {
    gap: 11px;
}

.flxSignup .rightSection .welcomeSubSec {
    background-color: #fbf1e3;
    border-radius: 10px;
    padding: 16px 12px;
    min-height: 206px;
    min-width: 201px;
}

.flxSignup .rightSection .welcomesubheading {
    font-size: 16px;
    line-height: 20px;
    color: #2f3043;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    margin: 12px 0 4px;
    font-weight:bold;
}

.flxSignup .rightSection .welcomesubtext {
    font-size: 12px;
    line-height: 16px;
    color: #595969;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    margin: 0;
    font-weight:normal;
}

.flxSignup .rightSection .welcomebutton {
    background-color: #5f004b;
    border: none;
    border-radius: 40px;
    height: 30px;
    width: calc(100% - 24px);
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    position: absolute;
    bottom: 16px;
}

.flxSignup .rightSection .alreadyNote p {
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 22px;
    color: #595969;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .rightSection .alreadyNote a {
    font-size: 16px;
    line-height: normal;
    color: #2f3043;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    text-decoration: underline;
    margin-left: 4px;
    vertical-align: text-top;
}

.emailform {
    margin-bottom: 16px;
}

.flxSignup .rightSection .form-control {
    font-size: 16px;
    line-height: 18px;
    color: #2f3043;
    border: 1px solid #d5d6d9;
    border-radius: 8px;
    height: 60px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .rightSection .form-control::placeholder {
    font-size: 16px;
    line-height: 18px;
    color: #82838e;
}

.flxSignup .rightSection .form-control:focus {
    box-shadow: none;
    border: 1px solid #d5d6d9;
}

/* .flxSignup .rightSection .form-control:focus+.viewLabel {
    display: block;
} */

.flxSignup .rightSection .form-control:focus::placeholder {
    color: #fff;
}

.flxSignup .rightSection .iIcon {
    right: 16px;
    top: 18px;
}

.flxSignup .rightSection .tooltiptext {
    visibility: hidden;
    width: 82%;
    color: #595969;
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    top: 88%;
    right: 2%;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0 20px 32px 0 rgb(96 97 112 / 10%), 0 2px 8px 0 rgb(40 41 61 / 6%);
}

.flxSignup .rightSection .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 4%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.flxSignup .rightSection .iIcon:hover+.tooltiptext {
    visibility: visible;
}

.flxSignup .rightSection .invalid-email {
    color: #b30e0e;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0 0 16px;
    display: none;
}

.flxSignup .rightSection .invalid-number {
    color: #b30e0e;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0 0 16px;
    display: none;
}

.flxSignup .rightSection .signupBtn {
    background-color: #5f004b;
    border: none;
    border-radius: 40px;
    height: 50px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    margin-top: 20px;
}

.flxSignup .rightSection .signupBtn:focus,
.cocpSubmitCTA:focus,
.flxSignup .rightSection .continueBtn:focus,
.flxSignup .rightSection .tryAgain:focus {
    outline: none;
}

.flxSignup .rightSection .signupBtn:disabled,
.cocpSubmitCTA:disabled,
.flxSignup .rightSection .continueBtn:disabled {
    background-color: #d5d6d9;
}

.flxSignup .rightSection .otpsubHeading {
    margin: 12px 0 0;
}

.flxSignup .rightSection .emailOtp,
.flxSignup .rightSection .mobOtp {
    align-items: center;
    margin-top: 12px;
    gap: 4px;
}

.flxSignup .numberWrapper {
    position: relative;
    width: 335px;
    height: auto;
    border: 1px solid #d8d8d8;
    position: relative;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    padding: 18px 0;
    color: #2f3043;
    margin-bottom: 14px;
}

.flxSignup .inputwrap {
    position: relative;
}

.flxSignup .inputwrap span {
    position: absolute;
    left: 5px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 52%;
    height: 100%;
    z-index: 0;
}

.flxSignup .form-label.otpplaceholderView {
    font-size: 16px;
    line-height: 18px;
    color: #82838e !important;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    text-transform: inherit;
    top: 20px;
    left: 15px;
    position: absolute;
}

.flxSignup .otpinput {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-top: 24px;
}

.flxSignup .otpinput input {
    border: 0;
    width: 20px;
    height: auto;
    text-align: center;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    z-index: 2;
    position: relative;
    color: #2f3043;
    background: transparent;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .otpinput input:focus-visible {
    outline: none;
}

.flxSignup .textwrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 12px;
    width: 100%;
    column-gap: 2px;
    flex-direction:column;
}

.flxSignup p.emailnotreceive {
    font-size: 12px;
    line-height: 16px;
    color: #2f3043;
    max-width: 225px;
    margin: 0;
    width: inherit;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .otpattemptcount,
.flxSignup .invalidtext {
    font-size: 12px;
    line-height: 16px;
    color: #b30e0e;
    margin-bottom: 5px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .otpattmeptscountwrap {
    display: grid;
}

.flxSignup .resendmsg {
    width: 215px;
    font-size: 12px;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .resendmsg span {
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
}

.flxSignup .OTPactionwrap, .OTPactionwrapCocp {
    width: inherit;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-left: 4px;
}

.flxSignup .OTPactionwrap .resendClick, .resendClickCocp {
    float: right;
    font-size: 16px;
    line-height: 18px;
    color: #2f3043;
    border: 0;
    background: transparent;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    text-decoration: underline;
    outline: 0;
    padding: 0;
}

.flxSignup p.otptimer {
    width: max-content;
}

.flxSignup span#Otpresend {
    font-size: 14px;
    color: #2f3043;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .rightSection .exhaustHead {
    margin: 16px 0 12px;
}

.flxSignup .rightSection .tryAgain,
.flxSignup .rightSection .continueBtn ,.cocpSubmitCTA{
    background-color: #5f004b;
    border: none;
    border-radius: 40px;
    height: 50px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    margin: 20px 0 0;
}

.flxSignup .signupContainer {
    background-color: #5f004b;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow:auto;
}

.flxSignup .signupContainer .whiteViLogo {
    position: absolute;
    top: 25px;
    right: 38px;
}

.flxSignup .signupContainer .backImg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 425px;
    width:431px;
}

.flxSignup .signupContainer .whiteBg, .signupSteps, .reviewwrap, .error_wrap {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    width: min-content;
    z-index: 1;
}

.flxSignup .signupContainer .stepper_wrapper {
    display: flex;
    width: fit-content;
    column-gap: 72px;
    position: relative;
    margin: 0 auto;
}

.flxSignup .signupContainer .stepper_wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px dashed #2f3043;
    left: 0;
    bottom: 0;
    top: 15px;
    margin: auto;
}

.flxSignup .signupContainer .step {
    width: 32px;
    height: 32px;
    font-size: 14px;
    background: #2f3043;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 1;
    position:relative;
} 

.flxSignup .signupContainer .step p {
    margin: auto;
    font-size: 14px;
    color: #fff;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

.flxSignup .signupContainer .step.disabled {
    background: #d5d6d9;
}

.flxSignup .signupContainer h2 {
    font-size: 36px;
    line-height: 38px;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    color: #2f3043;
    margin: 32px auto 24px;
    text-align: center;
}

.flxSignup .signupContainer .form-group {
    margin-bottom: 16px;
}

.flxSignup .signupContainer .form-control {
    width: 100%;
    height: 60px;
    border: 1px solid #d5d6d9;
    border-radius: 8px;
    font-size: 16px;
    line-height: 18px;
    color: #2f3043;
    padding: 16px;
}

.flxSignup .signupContainer .form-control:focus {
    box-shadow: none;
}

.flxSignup .signupContainer button, #screen2signup2add {
    background-color: #5f004b;
    border-radius: 40px;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    height: 50px;
    margin: 4px auto 0;
}

.flxSignup .signupContainer button:focus {
    outline: none;
}

.flxSignup .signupContainer .regASoneEnterpriseStep1 {
    width: 414px;
}

.flxSignup .signupContainer .regASoneEnterpriseStep2 {
    width: 724px;
}

.flxSignup .signupContainer .regASoneEnterpriseSec2 {
    width: 564px;
}

.flxSignup .signupContainer .regASoneEnterpriseStep2 .regASoneInputs {
    display: flex;
    gap: 0px 24px;
    flex-wrap: wrap;
}

.flxSignup .signupContainer .regASoneEnterpriseStep2 .form-group {
    width: 48%;
}

.flxSignup .signupContainer .regASoneEnterpriseStep2 .submitBtn {
    width: 413px;
    display: block;
}

.flxSignup .signupContainer .regASoneEnterpriseStep2 h2,
.flxSignup .regASoneEnterpriseSec2 h2 {
    width: 75%;
}

.flxSignup .regASoneEnterpriseSec2 .signdetails {
    background-color: #fbf1e3;
    border-radius: 12px;
    padding: 16px;
    width: 100%;
    text-align: center;
}

.flxSignup .regASoneEnterpriseSec2 .thankYouImg {
    margin: 0 auto;
    display: block;
    width:292px;
    height:165px;
}

.flxSignup .regASoneEnterpriseSec2 .signdetails p {
    font-size: 18px;
    line-height:22px;
    color:#595969;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

p.enterpriseDetails b, p.regusercircle b{
    font-family: 'ViBold', "Helvetica", "Arial", sans-serif;
    color:#2f3043;
}

.flxSignup .regASoneEnterpriseSec2 .signdetails .enterpriseDetails {
    margin: 16px 0 8px;
}

.flxSignup .regASoneEnterpriseSec2 .signdetails span {
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
}

.flxSignup .regASoneEnterpriseSec2 .emailnote {
    font-size: 14px;
    line-height: 18px;
    color: #595969;
    margin: 12px auto 20px;
    width: 75%;
    text-align: center;
}

.flxSignup .regASoneEnterpriseSec2 .readAboutUsBtn {
    width: 413px;
    display: block;
}
/*----- select option -----*/
div.select-box {
    display: none;
    width: 102%;
    z-index: 99;
    position: absolute;
    border-radius: 8px;
    box-shadow: 2px 4px 24px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
ul.select-list {
    margin: 0;
    padding: 0px 16px;
    list-style-type: none;
    max-height: 255px;
    overflow-y: auto;
}
ul.select-list li {
    font-size: 16px;
    line-height: 20px;
    color: #2f3043;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 16px 0;
    border-bottom: 1px solid #eaeaec;
}  
div.custom-select {
    height: 60px;
    width: 414px;
    position: relative;
    border: 1px solid #d5d6d9;
    margin-top: 1px;
    background-image: url(../../../../../../content/dam/vodafonemvp/flx/onlineofflinepayment/Icon_CalenderDown.svg);
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0;
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
div.selected {
    cursor: pointer;
    line-height: 20px;
    width: 100%;
    padding: 21px 16px;
}
.custom-select .select-box.active {
    display: block;
    top: 65px;
    left: -2px;
}
.regASoneEnterpriseStep1 .nextBtn:disabled, #screen1signup:disabled, 
#screen2signup:disabled, #screen2signup2:disabled,
#screen2signups3:disabled,
#screen2signup2add:disabled,
#screen2signups4:disabled	 {
    background-color: #d5d6d9;
    pointer-events: none;
}
.form-control::placeholder, .custom-select .selected .text {
    color: #82838e;
}
.custom-select .selected .text.txtSelected {
    color: #2f3043;
}
.step.success:after {
    content: '';
    position: absolute;
    background-image: url('../../../../../../content/dam/vodafonemvp/flx/signup/signupTick.svg');
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
}
/*----- select otpino -----*/
/*----- signupoption fileupload ------*/
.flxSignup .signupContainer .screen1 .form-control {
    width: 414px;
}
.infoTab1, .infoTab2 {
    width: 414px;
    background: #cadef8;
    padding: 16px 20px;
    display: flex;
    border-radius: 12px;
    margin: 8px auto 20px;
    gap: 10px;
}
.infoTab2 {
    background: #2f3043;
}
.infoTab1 img, .infoTab2 img {
    width: 24px;
    height: 24px;
    margin: auto 0;
}
.screen1 h5, .screen2 h5, .screen3 h5, .screen4 h5 {
    line-height: 38px;
    margin: 32px auto 24px;
    text-align: center;
    font-size: 36px;
    color: #2f3043;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
}
.screen1 .inputField {
    margin-bottom: 16px;
}
.busniessDetails div {
    display: flex;
    gap: 4px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}
.busniessDetails div p:first-child {
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 18px;
}
button.step1signup, #screen2signup2add {
    width: 413px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inputField span {
    position: absolute;
    top: 0;
    height: 60px;
    bottom: 0;
    width: max-content;
    cursor: pointer;
    right: 0;
    color: #444556;
    margin: 0;
    display: flex;
    align-items: center;
    padding-right: 16px;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
}
#errorMsgNumber {
    margin-bottom: 0px;
}
p.busniessName {
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

span#enterpriseLabel , p#operatingLabel{
    font-size: 18px;
    line-height: 22px;
    font-family: 'ViBold', "Helvetica", "Arial", sans-serif;
}

span#enterpriseValue , p span#operatingValue{
    font-size: 18px;
    line-height: 22px;
    font-family: 'ViRegular', "Helvetica", "Arial", sans-serif;
}
.screen2, .screen3, .screen4 {
    width: 520px;
}
.screen2 h5, .screen3 h5, .reviewwrap h5, .screen4 h5 {
    margin-bottom: 12px;
}
.screen2 h6, .screen3 h6, .screen4 h6 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #595969;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    margin-bottom: 24px;
}
.fileupload_area, .fileupload_areaadd {
    width: 413px;
    margin: auto; 
    text-align: center;
    padding: 24px 35px;
    background: rgba(223, 204, 219, 0.2);
    border: 2px #9f6693;
    border-style: dashed;
    border-radius: 8px;
    margin-bottom: 32px;
    position:relative;
}
.fileupload_area img, .fileupload_areaadd img {
    width: 40px;
    height: 40px;
}
.fileupload_area p, .fileupload_areaadd p {
    font-size: 14px;
    line-height: 18px;
    color: #2f3043;
    margin: 12px 0 0;
}
.fileupload_area p span, .fileupload_areaadd p span {
    color: #5f004b;
    text-decoration: underline;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    padding-left:3px;
}
p.filemaxsize {
    margin-top: 4px;
    margin-bottom: 20px;
}
.screen2 p, .screen3 p, .screen4 p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #595969;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}
.fileupload_area p, .fileupload_areaadd p {
    font-size: 14px;
    line-height: 18px;
}
.fileuploadloader, .fileuploadloaders3, .fileuploadloaderadd {
    position: relative;
    width: 413px;
    margin: auto;
    height: auto;
    background: #fbf1e3;
    border-radius: 8px;
    margin-bottom: 32px;
}
.fileappendedarea {
    background: #fbf1e3;
    width: 413px;
    margin: auto;
    height: auto;
    padding: 12px;
    border-radius: 8px;
    display:flex;
    gap:8px;
    position:relative;
}
img.document {
    width: 29px;
    display: flex;
    height: auto;
}
#filenamehere span{
    font-size: 16px;
    line-height: 20px;
    color: #2f3043;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    margin-bottom: 2px;
}
p.filedetails span {
    color: #595969;
    font-size: 12px;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}
img.stopprocess, img.stopprocessnoc, img.stopprocessadd {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 4px;
    border-radius: 24px;
    background-color: #ffc600;
    z-index: 1;
}
p.filedetails {
    text-align: left;
}
.uploadprogressbar {
    padding: 0 12px 12px;
    position: relative;
}
.progresslength {
    width: 389px;
    height: 4px;
    background: #dfccdb;
    position: relative;
    border-radius: 5px; 
}
span.complete, span.completes3, span.completeadd {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 1%;
    background: #5f004b;
    border-radius: 5px;
}
#progresspercent, #progresspercents3, #progresspercentadd {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #2f3043;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
}
input#file-input, input#file-inputs3,  input#file-inputadd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor:pointer;
} 
p#filenamehere, p#filenameheres3 {
    text-align: left;
}
p.filedetails { 
    text-align: left;
    display: flex;
    gap: 5px;
    position: relative;
}
span.sup {
    width: 3px;
    height: 3px;
    background: #2f3043;
    margin: auto 0;
    border-radius: 50%;
}
#screen2signup2, #screen2signup2, #screen2signup2add {
    margin-top: 32px;
}
.screen2 .fileuploadloader #screen2signup2 {
    float: left;
}
button#screen2signups3 {
    float: left;
    margin-top: 32px;
}
.nocactionbtn {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-direction: row-reverse;
}
.nocactionbtn img {
    width: 20px;
    height: 20px;
}
.reviewwrap p {
    color: #595969;
    font-size: 18px;
    line-height: 22px;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    text-align: center;
    margin-bottom: 24px;
}
.signupuserdetails {
    width: 100%;
    background: #fbf1e3;
    display: flex;
    border-radius: 8px;
}
.signupuserdetails ul {
    width: 100%;
}
.signupuserdetails li {
    margin: 0;
    padding: 20px;
    text-align: left;
    display: flex;
    gap: 8px;
    border-bottom: solid 1px #f9e8d0;
}
.signupuserdetails li p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}
.signupuserdetails li p.title {
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
}
.reviewwrap h5 {
    margin-top: 0;
}
.docuentimagewrap {
    display: flex;
    padding: 40px 40px 24px;
}
.docuentimagewrap {
    display: flex;
    padding: 40px 40px 24px;
}
.docuentimagewrap ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin:auto;
}
img.reviewpreviewnoc {
    width: 32px;
    height: 32px;
    background: #fbf1e3;
    padding: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}
img.reviewdeletenoc {
    width: 32px;
    height: 32px;
    background: #fbf1e3;
    padding: 8px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.idsuccessmessage p span {
    font-family: "ViBold","Helvetica","Arial",sans-serif;
}
.idsuccessmessage p {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: 0 25px;
    font-family: "ViRegular","Helvetica","Arial",sans-serif;
}
/*--- forget and cocp common flow ---_*/
.commonflow h5 {
    font-size: 36px;
    line-height: 38px;
    font-family: "ViBold","Helvetica","Arial",sans-serif;
    color: #2f3043;
    margin-bottom: 12px;
    font-weight:bold;
}
.commonctanumber {
    margin-top: 20px;
    width: 413px;
    padding: 12px 20px;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-family: "ViRegular","Helvetica","Arial",sans-serif;
}
.commonflow p {
    font-size: 18px;
    line-height: 22px;
    color: #595969;
    margin-bottom: 24px;
    font-family: "ViRegular","Helvetica","Arial",sans-serif;
}
.cocpsection .cffield{
	min-width:auto;
}
.cocpsection .cffield{
	min-width:auto;
}
.exhaustSection img.error {
    display: block;
}
.cocpsection #cocpnumSendOTP {
    width: 100%;
}
.cffield {
    min-width: 413px;
}
.commonflow .inputField span {
    right: 0px;
    z-index: 2;
    cursor: pointer;
}
.commonflow.forgetsection .inputField {
    width: 414px;
}
.forgetId{
	cursor:pointer;
    width:max-content;
    float:right;
}

/*--- forget and cocp common flow ----*/
.filenamearea p {
    text-align: left;
}
/*----- singupoption fileupload ------*/
.error_wrap {
    width: 493px;
    height: 326px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 60px 40px;
    border-radius: 20px;
    background-color: #fff;
}

img.errorimage {
    width: 53px;
    height: 48px;
    margin: 0;
    object-fit: contain;
}

.error_wrap h5 {
    line-height: 38px;
    font-size: 36px;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
    color: #2f3043;
    margin: 0;
    margin-top: 4px;
}

.error_wrap p {
    color: #595969;
    font-size: 18px;
    line-height: 22px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
}

button#errtryagain {
    width: 413px;
    height: 50px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 8px 20px;
    border-radius: 40px;
    background-color: #5f004b;
}

.invalid-feedback {
    font-size: 12px;
    color: #b30e0e;
    line-height: 16px;
}

#verify-number-error span.valid , #verify-number-unknown-error span.valid, #verify-number-error-invalid span.valid, #already-user-exist-error span, #already-user-exist-error-as span{
	font-size: 12px;
    color: #b30e0e;
    line-height: 16px;
} 

.icon-error-circle:before{
	color:#b30e0e;
	top:0px;
    padding-right:5px;
}
.exhaustSection .error {
    width: 53px;
    height: 48px;
}
#already-user-exist-error-as .icon-error-circle:before{
	color:transparent;
    top:2px;
} 

.commonflow .inputField .error span{
   padding: 0 6px 0 0;
    color:rgb(13, 160, 90);
    font-size: 12px;
    line-height: 16px;
	  z-index:0;
}

div#errorMsgNumber {
    padding-top: 24px;
}

.inputField span.country-code {
    font-family: 'ViRegular', "Helvetica", "Arial", sans-serif;
    color: #2f3043;
    font-size: 16px;
    line-height: 18px;
}

.icon-solved:before{
	border:1px solid rgb(13, 160, 90);
    border-radius:50%;
}

.commonflow .error {
    padding-top: 4px;
}

.cocpLoginBtn {
    margin: 4px auto;
    text-align: center;
}

button.cocpLoginCta {
    background-color: #5f004b;
    border-radius: 40px;
    border: none;
    margin: 134px;
    color: #fff;
    font-size: 16px;
    text-align: center !important;
    line-height: normal;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    height: 50px;
    margin: 4px auto;
    width: 413px;
}

.dragDropMob{
	display:none;
}

/*Delete document popup*/

.deleteDocument .modal-dialog {
    max-width: 600px;
}

.modal.fade.deleteDocument{
    display: none !important;
}

.modal.fade.deleteDocument.show{
    display: block !important;
    padding-left:0 !important;
    padding-right:16px !important;
}

.modal.show .modal-dialog {
    transform: scale(0.8);
}

.modal-backdrop{
    display: none !important;
}

.modal-backdrop.show{
    display: block !important;
    opacity: 0.5 !important;
}
.deleteDocument .modal-content {
    height: auto;
    padding: 24px 40px 40px;
    position: relative;
	width: 600px;
	height: 246px;
	border-radius: 20px;
}

.deleteDocument p.deleteDocTitle {
    margin: 0 0 40px;
	min-width: 520px;
	text-align: center;
    font-size: 36px;
    line-height: 38px;
    color: #2f3043;
    font-family: "ViBold", "Helvetica", "Arial", sans-serif;
}

.ctaContainer {
    display: flex;
    column-gap: 24px;
}

.deleteDocument button.deleteReplacePOI, .deleteDocument button.deleteReplacePOA, .deleteDocument button.deleteReplaceNOC {
    border-radius: 40px;
    border: 0;
    width: 196px;
    height: 50px;
    background: #5f004b;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
}

.deleteDocument button.cancelbtn{
	border-radius: 40px;
	width: 196px;
    height: 50px;
    font-size: 16px;
    color: #2f3043;
    border: solid 1px #2f3043;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    cursor: pointer;
    background-color:#fff;
}

.deleteDocument button.cancelbtn:focus, .deleteDocument button.deleteReplacePOI,.deleteDocument button.deleteReplacePOA,.deleteDocument button.deleteReplaceNOC  {
	border: solid 1px #2f3043 !important;
    box-shadow: none !important;
    outline: none;
}

.deleteDocument .popupcontent{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.formWrapper.step3 .form-control {
    pointer-events: none;
    color: #acacb4;
} 
.modal.fade.show{
	pointer-events:none!important;
}
.fade.show {
    opacity: 1;
}
/*Delete document popup*/

.stepsThankyou {
    background: #fff;
    padding: 40px;
    transform: scale(0.8);
    border-radius: 24px;
}

.flxCocpUserRegErrMsg .error {
    padding-top: 8px;
    margin-bottom:0px;
}

img.deleteIcon:hover,img.previewIcon:hover, #select-files:hover {
    cursor: pointer;
}

.step.step2.disabled , .step.step3.disabled, .step.step4.disabled{
    pointer-events: none;
}

.infoTab1 p {
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.fileappendedarea p#filenamehereadd, .fileappendedarea p#filenameheres3, .fileappendedarea p#filenamehere {
    white-space: nowrap;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 20px;
    color: #2f3043;
    font-family: "ViMedium", "Helvetica", "Arial", sans-serif;
}

.signupSteps div#errorMsgNumber {
    padding: 8px 0 4px 0;
    margin: 0;
}

.enterpriseName ul.select-list li span {
    float: left;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
    color: #82838e;
}

/*.step.step1.cursor-restrict, .step.step2.cursor-restrict, .step.step3.cursor-restrict, .step.step4.cursor-restrict{
    background: rgb(47, 48, 67);
    pointer-events: none;
}*/


.regASoneInputs input.form-control.disabled {
    pointer-events: none;
}

.otpinput.form-control.singleotpinput .input.disabled{
	pointer-events:none;
}

p.filedetails span{position:relative;padding-right:15px;}
p.filedetails span:last-child:before {
    content: '';
    position: absolute;
    font-size: 35px;
    top: 0;
    left: -10px;
    bottom: 0;
    margin: auto;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #2f3043;
}
.sup{
	display:none;
}
.otpSection.w-100 {
    max-width: 414px;
}
.flxSignup .emailSection .form-group, .flxSignup .emailSection .signupBtn {
    width: 414px;
}
.flxSignup .emailSection .loginHead {
    text-align: left;
}

@media all and (max-width: 1280px) {
	.flxSignup .signupContainer .whiteBg, .signupSteps {
    	transform: scale(.8);
    }
}
@media all and (max-width: 768px) {
 .flxSignup .flxContainer {  
    flex-direction: column-reverse;
}

	.fileappendedarea p#filenamehereadd, .fileappendedarea p#filenameheres3, .fileappendedarea p#filenamehere {
        width: 85%;
    } 
	.screen2 .downloadpoifile, .screen3 .downloadpoifile, .screen4 .downloadpoifile, .screen2 .downloadpoifile a, .screen3 .downloadpoifile a, .screen4 .downloadpoifile a{
		text-align: left;
	}
    .flxSignup .rightSection {
        width: 100%;
        background-color: #f4f4f4;
        height: auto;
        padding: 20px;
        padding-top: 80px;
        align-items: unset;
    }

    .flxSignup .rightSection .viLogo {
        top: 12px;
        right: 0px;
        left: 7px;
        width: 59px;
    }

    .flxSignup .rightSection .loginHead,
    .flxSignup .rightSection .otpHead,
    .flxSignup .rightSection .exhaustHead {
        font-size: 24px;
        line-height: 28px;
    }

    .flxSignup .rightSection .subHeading,
    .flxSignup .rightSection .otpsubHeading,
    .flxSignup .rightSection .emailOtp,
    .flxSignup .rightSection .mobOtp,
    .flxSignup .rightSection .exhaustsubHeading {
        font-size: 16px;
        line-height: 20px;
    }

    .flxSignup .rightSection .subHeading {
        margin: 8px 0 24px;
    }

    .flxSignup .rightSection .form-control {
        height: 50px;
        background-color: #f4f4f4;
    }

    .flxSignup .rightSection .iIcon {
        right: 16px;
        top: 13px;
    }

    .flxSignup .rightSection .signupBtn {
        height: 40px;
        font-size: 14px;
    }

    .flxSignup .rightSection .tooltiptext {
        width: 85%;
        font-size: 12px;
        line-height: 16px;
    }

    .flxSignup .rightSection .otpsubHeading,
    .flxSignup .rightSection .emailOtp,
    .flxSignup .rightSection .mobOtp {
        margin: 8px 0 0;
    }

    .flxSignup .textwrap {
        margin-top: 8px;
    }

    .flxSignup .OTPactionwrap .resendClick, .resendClickCocp {
        font-size: 14px;
        line-height: 18px;
    }

    .flxSignup .rightSection .continueBtn ,.cocpSubmitCTA{
        position: absolute;
        bottom: 20px;
        width: calc(100vw - 40px);
        left: 20px;
    }

    #exhaustModal .modal-dialog {
        width: 100%;
        margin: 0;
        align-items: end;
        min-height: 100%;
        display: flex;
    }

    #exhaustModal .modal-content {
        border-radius: 12px 12px 0 0;
    }

    #exhaustModal .modal-body {
        padding: 20px;
    }

    #exhaustModal .close {
        border-radius: 12px 12px 0 0;
        position: absolute;
        top: -38px;
        right: 20px;
        opacity: 1;
        outline: none;
    }

    #exhaustModal .popupContent img {
        height: 70px;
    }

    .flxSignup .rightSection .exhaustHead {
        margin: 24px 0 8px;
    }

    .flxSignup .rightSection .tryAgain {
        margin: 24px 0 0;
    }

    .flxSignup .signupContainer .whiteViLogo {
        top: 12px;
        left: 7px; 
        height: 50px;
        width: 59px;
    }

    .flxSignup .signupContainer .backImg {
        height: 200px;
		width:216px;
	}

    .flxSignup .signupContainer .whiteBg {
        width: calc(100% - 40px);
        padding: 32px 16px;
    }

    .flxSignup .signupContainer .form-control {
        width: 100%;
        height: 50px;
    }

    .flxSignup .signupContainer .stepper_wrapper {
        margin: unset;
        column-gap: 42px;
    }

    .flxSignup .signupContainer h2,
    .flxSignup .signupContainer .regASoneEnterpriseStep2 h2 {
        width: 100%;
        font-size: 24px;
        line-height: 28px;
        margin: 24px 0 20px;
        text-align: left;
    }

    .flxSignup .signupContainer .form-group {
        margin-bottom: 12px;
    }

    .flxSignup .signupContainer .regASoneEnterpriseStep1,
    .flxSignup .signupContainer .regASoneEnterpriseStep2,
    .flxSignup .signupContainer .regASoneEnterpriseStep2 .form-group,
    .flxSignup .signupContainer .regASoneEnterpriseStep2 .submitBtn,
    .flxSignup .signupContainer .regASoneEnterpriseSec2,
    .flxSignup .regASoneEnterpriseSec2 .emailnote,
    .flxSignup .regASoneEnterpriseSec2 .readAboutUsBtn {
        width: 100%;
    } 

    .flxSignup .signupContainer .regASoneEnterpriseStep2 .regASoneInputs {
        gap: 0;
    }

    .flxSignup .regASoneEnterpriseSec2 .thankYouImg {
        margin: unset;
        height: 110px;
    }

    .flxSignup .regASoneEnterpriseSec2 .signdetails,
    .flxSignup .regASoneEnterpriseSec2 .emailnote {
         text-align: left;
    	border-radius: 8px;
    	padding: 16px 12px;
    }
  
  .flxSignup .regASoneEnterpriseSec2 .signdetails p{
	font-size: 16px;
    line-height: 20px;
}

span#enterpriseValue, span#operatingValue {
    font-family: 'ViRegular',"Helvetica", "Arial", sans-serif;
}  



/* Non registered flow*/
.flxSignup .signupContainer .whiteBg, .signupSteps {
    transform:none;
    margin:20px;
}

.flxSignup .signupContainer .whiteBg, .signupSteps, .reviewwrap, .error_wrap {
    border-radius: 12px;
    padding: 32px 16px;
    width: inherit;
}

.screen1 h5, .screen2 h5, .screen3 h5, .screen4 h5 {
    line-height: 28px;
    margin: 20px auto 24px;
    font-size: 24px;
	 text-align: left;
	 font-weight:bold;
}

.formWrapper {
    width: 100%;
    padding:0 20px;
}

.flxSignup .signupContainer .screen1 .form-control {
    width: 100%;
}

.infoTab1, .infoTab2 {
    width: initial;
    padding: 20px;
    border-radius: 12px;
    margin: 12px 0px 24px;
   }

.formWrapper .col-md-12{
	padding:0 !important;
}

.flxSignup .signupContainer button, #screen2signup2add{
	width:100%;
}
.flxSignup .rightSection .welcomeHead { 
        font-size: 24px;
        line-height: 28px;
}
.flxSignup .rightSection .welcomesubHeading {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px;
}
.welcomeparts.d-flex {
    flex-direction: column;
}
.flxSignup .rightSection .welcomesubheading {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
}
.flxSignup .rightSection .welcomebutton{
	height:40px;
}
p.welcomeIcon.m-0 {
    width: fit-content;
    float: left;
}
.flxSignup .rightSection .welcomeSubSec{
min-height:150px;
}
.cardwrap {
    display: flex;
}

.emailotpDiv.otpSec label.form-label.otpplaceholderView, .numotpDiv.otpSec label.form-label.otpplaceholderView {
    top: 15px;
}

.progresslength{
	width:100%;
}

.ctaContainer{
	width:100%;
	 row-gap: 12px;
    flex-direction:column;
}
.deleteDocument button.deleteReplacePOI, .deleteDocument button.deleteReplacePOA, .deleteDocument button.deleteReplaceNOC{
	width:100%;		
}
.commonctanumber {
    width: 335px;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    height:auto;
}
img.infoIconcommon {
    right: 12px;
    top: 14px;
}
.flxSignup .rightSection .continueBtn{
	position:fixed;
    bottom:20px;
}

.screen2, .screen3, .screen4 {
    width: 100%;
}

.screen1 h5, .screen2 h5, .screen3 h5, .screen4 h5 {
    line-height: 28px;
    margin: 20px auto 12px;
}

.fileupload_area, .fileupload_areaadd{
	width:100%;
}

.screen2 h6, .screen3 h6, .screen4 h6 {
    text-align: left;
}

.fileappendedarea{
	width:100%;
}

.fileuploadloader, .fileuploadloaders3, .fileuploadloaderadd, .enterpriseName .custom-select, .circleofOperation .custom-select {
    width:100%;
}

.deleteDocument .modal-content {
    width: 100%;
    height: auto;
    border-radius:10px;
}

.deleteDocument p.deleteDocTitle {
    margin: 0 0 20px;
    min-width: 300px;
	 font-size: 28px;
    line-height: 30px;
 }

.modal.fade.deleteDocument.show {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.modal.show .modal-dialog {
    transform: none;
    margin: 0;
}

.flxSignup .regASoneEnterpriseSec2 .thankYouImg {
    width: 100%;
    height: auto;
}
/*non registered flow */
.dragDropMob{
	display:block;
}

.dragDropDesk{
	display:none;
}
.flxSignup .rightSection .cocpsection .tooltiptext {
    right: 5px;
    top: 65%;
    height: fit-content;
}
.cocpsection span.country-code {
    height: 50px; 
}

div#errorMsgNumber {
    padding-top: 8px;
    margin: 0;
}

.commonflow.cocpsection button#cocpnumSendOTP {
    width: calc(100% - 30px);
    margin: 0 auto;
} 

.div.custom-select, .flxSignup .emailSection .form-group, .flxSignup .emailSection .signupBtn{
	width:100%;
}
.flxSignup .mainImg .mobile {
    display: block;
    border-radius: 10px;
    height:100%;
}
.flxSignup .mainImg .desktop {
    display: none;
}
.flxSignup .leftSection {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
}
.flxSignup .stickyBottom {
    position: relative;
    display: flex;
    gap: 10.9px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.flxSignup .commonflow.cocpsection{
padding:0;
}
.flxSignup .otpSection button.continueBtn, .otpSection.cocpotpsec button.cocpSubmitCTA {
    position: relative;
    width: 100%;
    left: unset;
    top: unset;
    bottom: unset;
}
}