.login-modal *,
.regicol-bx *{
   font-family: 'Roboto', sans-serif !important;
}

.login-modal .fa,
.regicol-bx .fa{
   font-family: FontAwesome !important;
}

.commun-btn {
   margin: auto;
   display: block;
   width: 120px;
   background: #fcfcfc;
   text-align: center;
   border: 1px solid #d3d3d3;
   border-radius: 5px;
   height: 40px;
   padding: 7px 3px;
   -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   width: 100%;
   font-family: 'Roboto', sans-serif;
}

.commun-btn:hover {
   background-color: #124ca0;
   -webkit-box-shadow: 0px 0px 10px #d3d3d366;
   box-shadow: 0px 0px 10px #d3d3d366;
   border-color: #124ca0;
   color: white;
}

.step-bx {
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.step-bx .step-item {
   flex: 0 0 25%;
   width: 25%;
   position: relative;
   text-align: center;
   cursor: pointer;
   position: none;
}

.step-bx .step-item::after {
   content: "";
   width: 100%;
   height: 6px;
   background: white;
   position: absolute;
   top: 35%;
   transform: translateY(-50%);
   left: 0;
   box-shadow: 0px 0px 5px lightgrey inset;
   transition: all 0.3s ease-in-out;
}

.step-bx .step-item.active::after {
   background-color: #124ca0;
   box-shadow: 0px 0px 3px #124ca0 inset;
}

.step-bx .step-item.completed::after {
   background-color: #31bf75;
   box-shadow: 0px 0px 3px #31bf75 inset;
}

.step-bx .step-item .step-num {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: inline-flex;
   /* background: red; */
   justify-content: center;
   align-items: center;
   box-shadow: 0px 0px 5px lightgrey inset;
   background-color: white;
   font-weight: 400;
   font-size: 20px;
   position: relative;
   z-index: 1;
   transition: all 0.3s ease-in-out;
   color: lightgray;
}

.step-bx .step-item:hover .step-num {
   color: #000;
}

.step-bx .step-item.active .step-num {
   color: white;
   background-color: #124ca0;
   box-shadow: 0px 0px 25px #0000002b;
}

.step-bx .step-item.completed .step-num {
   color: white;
   background-color: #31bf75;
   box-shadow: 0px 0px 25px #0000002b;
}

.step-bx .step-item h6 {
   font-weight: 400;
   color: lightgray;
   margin: 0;
   margin-top: 5px;
   font-size: 14px;
}

.step-bx .step-item:hover h6,
.step-bx .step-item.active h6 {
   color: #000;
}


.couser-dbx {
   margin-top: 30px;
}

.couser-dbx p {
   color: #333333;
   margin-bottom: 0;
   margin-top: 8px;
   font-size: 16px;
}

.couser-dbx p strong {
   color: #333333;
   font-size: 16px;
   /* display: block; */
   font-weight: 500;
}

.couser-dbx p span {
   color: #4CAF50;
   font-size: 18px;
   font-weight: 500;
}

.couser-dbx ul {
   border-top: 1px solid lightgrey;
   list-style-position: inside;
   padding-top: 20px;
   margin-top: 20px;
}

.couser-dbx ul li {
   margin-bottom: 10px;
   color: #333333;
   font-size: 16px;
}

.couser-dbx form.accept-form {
   display: inline-flex;
   align-items: center;
}

.couser-dbx form.accept-form input {
   width: 13px;
   cursor: pointer;
   height: 13px;
}

.couser-dbx form.accept-form label {
   cursor: pointer;
   margin: 0;
   color: #333333;
   margin-left: 3px;
}

.couser-dbx form.accept-form label a {
   color: #124ca0;
}

.couser-dbx form.accept-form label a:hover {
   text-decoration: underline;
   color: #124ca0;
}

.regi-btn {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
}

.regi-btn > div,
.regi-btn button {
   background: transparent;
   border: 1px solid lightgray;
   font-size: 14px;
   padding: 6px 10px 6px 10px;
   background: #fcfcfc;
   color: #525252;
   /* margin: 0 5px; */
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 5px;
   cursor: pointer;
}

.regi-btn > div .fa,
.regi-btn button .fa {
   font-size: 20px;
   width: fit-content;
   height: fit-content;
   position: relative;
   top: -0.6px;
}

.regi-btn > div .fa.fa-angle-right,
.regi-btn button .fa.fa-angle-right {
   margin-left: 5px;
}

.regi-btn > div .fa.fa-angle-left,
.regi-btn button .fa.fa-angle-left {
   margin-right: 5px;
}

.regi-btn > div:hover,
.regi-btn button:hover {
   background: #124ca0;
   color: white;
   border-color: #124ca0;
   -webkit-box-shadow: 0px 0px 20px #00000029;
   box-shadow: 0px 0px 20px #00000029;
}




/* --------------------------------------
    Form css
-------------------------------------- */

.custom-form__group {
   position: relative;
   margin: 9px 0 9px;
}

.ai-form .custom-form__group {
   margin: 9px 0 15px;
}


.custom-form__group select,
.custom-form__group textarea,
.custom-form__group input {
   font-weight: 400;
   display: block;
   color: #000000;
   border: 0;
   background-color: rgb(255 255 255);
   border: 1.5px solid rgb(233 233 233);
   padding: 0px 20px 0px 15px;
   height: 46px;
   font-size: 17px;
   width: 100%;
   border-radius: 5px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   outline: none;
   font-family: 'Roboto', sans-serif;
}

.textarea-autosize {
   resize: none;
   overflow: hidden;
   min-height: 46px !important;
   padding-top: 10px !important;
}

.custom-form__group select {
   padding: 0px 25px 0px 13px;
}

.custom-form__group textarea {
   padding: 6px 15px 6px 15px;
   height: auto;
}

.custom-form__group input[type="password"] {
   padding: 0px 35px 0px 15px;
}

.custom-form__group .group__label {
   position: absolute;
   left: 25px;
   top: 0px;
   z-index: 1;
   font-size: 18px;
   color: #b2b3b3;
   font-weight: 400;
   margin: 0;
   padding: 0px 5px;
   background: #ffffff;
   border-radius: 3px;
   -webkit-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   font-family: 'Roboto', sans-serif;
   cursor: pointer;
}

.ai-form .custom-form__group .group__label{
   background: transparent;
}

/* Chrome, Safari, Edge, Opera */
.ai-form .custom-form__group input::-webkit-outer-spin-button,
.ai-form .custom-form__group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ai-form .custom-form__group select{
   appearance: none;
}

/* Firefox */
.ai-form .custom-form__group input[type=number] {
    -moz-appearance: textfield;
}

.ai-form .custom-form__group .down-icon {
   border-style: solid;
   border-color: #003262;
   border-width: 0px 2px 2px 0px;
   display: inline-block;
   padding: 3px;
   transform: rotate(45deg);
   position: absolute;
   right: 26px;
   top: 16px;
}

.ai-form .custom-form__group select,
.ai-form .custom-form__group textarea,
.ai-form .custom-form__group input{
   background-color: rgb(250 250 250);
   border-color: #0000002e;
}


.custom-form__group select::-webkit-input-placeholder,
.custom-form__group input::-webkit-input-placeholder,
.custom-form__group textarea::-webkit-input-placeholder {
   color: #b2b3b3;
   font-weight: 400;
}


.custom-form__group select::-moz-placeholder,
.custom-form__group input::-moz-placeholder,
.custom-form__group textarea::-moz-placeholder {
   color: #b2b3b3;
   font-weight: 400;
}


.custom-form__group select:-ms-input-placeholder,
.custom-form__group input:-ms-input-placeholder,
.custom-form__group textarea:-ms-input-placeholder {
   color: #b2b3b3;
   font-weight: 400;
}


.custom-form__group select::-ms-input-placeholder,
.custom-form__group input::-ms-input-placeholder,
.custom-form__group textarea::-ms-input-placeholder {
   color: #b2b3b3;
   font-weight: 400;
}


.custom-form__group select::placeholder,
.custom-form__group input::placeholder,
.custom-form__group textarea::placeholder {
   color: #b2b3b3;
   font-weight: 400;
}

.custom-form__group select:focus+.group__label,
.custom-form__group select:hover+.group__label,
.custom-form__group textarea:focus+.group__label,
.custom-form__group textarea:hover+.group__label,
.custom-form__group input:focus+.group__label,
.custom-form__group input:hover+.group__label {
   color: #b2b3b3;
}

.custom-form__group select:focus,
.custom-form__group select:hover,
.custom-form__group textarea:focus,
.custom-form__group textarea:hover,
.custom-form__group input:focus,
.custom-form__group input:hover {
   border-color: #003262;
   outline: none;
}


.custom-form__group select:not(:-moz-placeholder-shown),
.custom-form__group textarea:not(:-moz-placeholder-shown),
.custom-form__group input:not(:-moz-placeholder-shown) {
   border-color: #003262;
}


.custom-form__group select:not(:-ms-input-placeholder),
.custom-form__group textarea:not(:-ms-input-placeholder),
.custom-form__group input:not(:-ms-input-placeholder) {
   border-color: #003262;
}


.custom-form__group select:not(:placeholder-shown),
.custom-form__group textarea:not(:placeholder-shown),
.custom-form__group input:not(:placeholder-shown) {
   border-color: #003262;
}


.custom-form__group select:focus,
.custom-form__group textarea:focus,
.custom-form__group input:focus,
.ai-form .custom-form__group select:not(:placeholder-shown),
.ai-form .custom-form__group textarea:not(:placeholder-shown),
.ai-form .custom-form__group input:not(:placeholder-shown){
   background-color: white;
}


.custom-form__group select:not(:-moz-placeholder-shown)+.group__label,
.custom-form__group textarea:not(:-moz-placeholder-shown)+.group__label,
.custom-form__group input:not(:-moz-placeholder-shown)+.group__label {
   -webkit-transform: translateY(-9px);
   -ms-transform: translateY(-9px);
   transform: translateY(-9px);
   color: #003262;
   font-size: 12px;
}


.custom-form__group select:not(:-ms-input-placeholder)+.group__label,
.custom-form__group textarea:not(:-ms-input-placeholder)+.group__label,
.custom-form__group input:not(:-ms-input-placeholder)+.group__label {
   -webkit-transform: translateY(-9px);
   -ms-transform: translateY(-9px);
   transform: translateY(-9px);
   color: #003262;
   font-size: 12px;
}


.custom-form__group select:not(:placeholder-shown)+.group__label,
.custom-form__group select:focus+.group__label,
.custom-form__group textarea:not(:placeholder-shown)+.group__label,
.custom-form__group textarea:focus+.group__label,
.custom-form__group input:not(:placeholder-shown)+.group__label,
.custom-form__group input:focus+.group__label {
   -webkit-transform: translateY(-9px);
   -ms-transform: translateY(-9px);
   transform: translateY(-9px);
   color: #003262;
   font-size: 12px;
}

.ai-form .custom-form__group select:not(:placeholder-shown)+.group__label,
.ai-form .custom-form__group select:focus+.group__label,
.ai-form .custom-form__group textarea:not(:placeholder-shown)+.group__label,
.ai-form .custom-form__group textarea:focus+.group__label,
.ai-form .custom-form__group input:not(:placeholder-shown)+.group__label,
.ai-form .custom-form__group input:focus+.group__label{
   background-color: white;
}

.custom-form__group input:-webkit-autofill,
.custom-form__group input:-webkit-autofill:hover,
.custom-form__group input:-webkit-autofill:focus,
.custom-form__group input:-webkit-autofill:active {
   box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
   -webkit-box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
}

.custom-form__group .view-pass {
   position: absolute;
   top: 3px;
   right: 17px;
   color: gray;
   font-size: 16px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   width: 33px;
   height: 37px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.custom-form__group .view-pass:hover {
   color: #003262;
}



.checkbox-group {
   display: inline-block;
   margin-top: 10px;
   margin-right: 10px;
}

.checkbox-group input {
   display: none;
}

.checkbox-group label {
   font-weight: 400;
   display: -webkit-box;
   display: -ms-flexbox;
   display: inline-flex;
   gap: 0.5em;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: 0.5s color ease;
   -o-transition: 0.5s color ease;
   transition: 0.5s color ease;
   white-space: nowrap;
   cursor: pointer;
   position: relative;
   color: #00000096;
   text-transform: capitalize;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   font-size: 14px;
   letter-spacing: 0.3px;
   margin: 4px 0px;
   width: fit-content;
   border: 1px solid lightgray;
   /* padding: 8px 15px 8px 10px; */
   border-radius: 5px;
   height: 40px;
   padding: 0 10px;
   transition: all 0.3s ease-in-out;
   filter: grayscale(1);
}

.checkbox-group label img {
   width: 60px;
   height: 24px;
   object-fit: contain;
}

.checkbox-group label:hover {
   color: #000000;
   border-color: #124ca0;
   box-shadow: 0px 0px 10px #0000000f;
   filter: grayscale(0);
}

.checkbox-group label::before {
   content: "";
   width: 16px;
   height: 16px;
   border: 1px solid #b9b9b9;
   border-radius: 1px;
   display: block;
   /* margin-bottom: 3px; */
   border-radius: 50%;
}


.checkbox-group input:checked+label {
   color: #000000;
   border-color: #124ca0;
   box-shadow: 0px 0px 10px #0000000f;
   filter: grayscale(0);
}

.checkbox-group label::after {
   content: "";
   width: 8px;
   height: 8px;
   left: 14px;
   border-radius: 1px;
   background-color: #003262;
   position: absolute;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.5s -webkit-transform ease;
   transition: 0.5s -webkit-transform ease;
   -o-transition: 0.5s transform ease;
   transition: 0.5s transform ease;
   transition: 0.5s transform ease, 0.5s -webkit-transform ease;
   display: block;
   /* margin-bottom: 3px; */
   border-radius: 50%;
}

.checkbox-group input:checked+label::before {
   border-color: #003262;
}

.checkbox-group input:checked+label::after {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.regicol-bx {
   display: none;
   background: white;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0px 0px 30px 5px #0000001c;
}

.reg-step-item{
   display: none;
}

.reg-step-item.active,
.regicol-bx.active {
   display: block;
}


.vfdbgdf {
   pointer-events: none;
}

.commun-btn.admissions-btn{
   border-color: #4CAF50;
   color: white;
   background-color: #4CAF50;
}


.commun-btn.admissions-btn[disabled]{
   border-color: #dfdfdf;
   color: darkgrey;
   background-color: #f5f5f5;
   box-shadow: none;
}

.commun-btn.admissions-btn:hover:not([disabled]){
   border-color: #44cb4a;
   color: white;
   background-color: #44cb4a;
}




/* ----------------------------
     Login Popup
 ---------------------------- */
.login-modal {
   padding: 0;
   border-radius: 5px;
   overflow: hidden;
}

.signupin-btn-bx {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 0px;
}

.signupin-btn-bx a {
   background-color: white;
   color: #5f7d95;
   display: inline-block;
   padding: 5px 15px;
   border-radius: 1px;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   font-weight: 600;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   width: 50%;
   line-height: 50px;
   height: 50px;
   padding: 0;
   text-align: center;
   -webkit-box-shadow: inset 0 0 30px #bac8d3;
   box-shadow: inset 0 0 30px #bac8d3;
}

.signupin-btn-bx a.active {
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: white;
   color: #525252;
}

.social-login-bx {
   margin: 15px 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.social-login-bx a {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48%;
   flex: 0 0 48%;
   height: 43px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 2px;
   padding: 16px;
   font-size: 16px;
   color: white;
   position: relative;
   overflow: hidden;
}

.social-login-bx a .fa {
   position: relative;
   z-index: 2;
   margin-right: 7px;
}

.social-login-bx a span {
   position: relative;
   z-index: 2;
   font-weight: 500;
}

.social-login-bx a::after {
   content: "";
   width: 0;
   right: 0;
   left: inherit;
   height: 100%;
   position: absolute;
   z-index: 1;
   top: 0;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.social-login-bx a:hover:after {
   width: 100%;
   left: 0;
   right: inherit;
}

.social-login-bx a:nth-child(1) {
   background-color: #3b5998;
}

.social-login-bx a:nth-child(2) {
   background-color: #cc3333;
}

.social-login-bx a:nth-child(3) {
   background-color: #0077b5;
}

.social-login-bx a:nth-child(4) {
   background-color: #00acee;
}

.social-login-bx a:nth-child(1):after {
   background-color: #5676bb;
   opacity: 0.8;
}

.social-login-bx a:nth-child(2):after {
   background-color: #e75042;
   opacity: 0.8;
}

.social-login-bx a:nth-child(3):after {
   background-color: #006da6;
   opacity: 0.8;
}

.social-login-bx a:nth-child(4):after {
   background-color: #3dc5f3;
   opacity: 0.8;
}

.formsbx-link {
   margin: 2px auto;
   display: block;
   width: 100%;
   text-align: center;
   font-size: 14px;
   color: #828282;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}

.formsbx-link a {
   color: currentColor;
}
.formsbx-link a:hover {
   color: #124ca0;
}

.loginup-form {
   display: none;
}

.loginup-form.active {
   display: block;
}

.terms-accept {
   width: 100%;
   margin-top: 10px;
   margin-bottom: 5px;
   color: #828282;
   font-size: 14px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.terms-accept a:hover {
   color: #124ca0;
}

.terms-accept label {
   margin-bottom: 0;
   margin-left: 5px;
   cursor: pointer;
}

.terms-accept input {
   cursor: pointer;
   outline: none;
   position: relative;
   top: 1.5px;
}

.forget-hedings {
   text-align: center;
   padding: 0 15px;
}

.forget-hedings h3 {
   color: black;
   font-weight: 500;
   text-transform: capitalize;
   letter-spacing: 1px;
   margin: 0;
   font-size: 20px;
   margin-top: 5px;
   margin-bottom: 4px;
}

.forget-hedings p {
   color: #525252;

   margin: 7px 0;
}

.back-to-sign-in {
   margin: 2px auto;
   display: block;
   width: 100%;
   text-align: center;
   font-size: 14px;
   color: #828282;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}

.back-to-sign-in span {
   background-color: #efefef;
   color: #124ca0;
   font-size: 12px;
   /* padding: 6px 10px; */
   padding: 4px 10px 2px;
   font-weight: 500;
   border-radius: 2px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
}

.back-to-sign-in span:hover {
   color: white;
   background-color: #124ca0;
}

.commun-btn.address-btn,
.commun-btn.loginsubmit {
   margin: 10px auto;
   width: 100%;
}


.login-right {
   background: #f8f8f8;
   height: 100%;
   width: 100%;
}

.login-bx,
.create-account-bx {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   display: none;
   width: 100%;
   height: 100%;
   padding: 25px 0;
}

.login-bx.active,
.create-account-bx.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.login-right h6.login-right-hed {
   text-align: center;
   font-size: 24px;
}

.login-right span.login-right-btn {
   color: white;
   padding: 7px 0px;
   width: 250px;
   text-align: center;
   background-color: #124ca0;
   border-radius: 5px;
   margin-top: 10px;
   cursor: pointer;
   -webkit-transform: scale(0.95);
   -ms-transform: scale(0.95);
   transform: scale(0.95);
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.login-right span.login-right-btn:hover {

   -webkit-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);
   -webkit-box-shadow: 0px 7px 5px #0000002b;
   box-shadow: 0px 7px 5px #0000002b;
}

.login-right h6.ul-hed {
   margin: 0;
   margin-top: 25px;
}

.login-right ul.login-right-ul {
   border-radius: 5px;
   border: 2px dashed lightgray;
   padding: 0;
   margin: 0;
   width: 100%;
   margin-top: 15px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 15px;
   padding-bottom: 0;
   list-style: inside;
}

.login-right ul.login-right-ul li {
   font-size: 14px;
   margin-bottom: 5px;
}


.registration-lable{
   position: relative;
   color: #124ca0;
   font-weight: 500;
   font-size: 18px;
   padding-bottom: 8px;
   margin-bottom: 15px;
}

.registration-lable::before,
.registration-lable::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 20px;
    height: 1px;
    border-radius: 5px;
    background-color: black;
}

.registration-lable::before {
    left: inherit;
    right: 0;
    top: 100%;
    width: calc(100% - 30px);
    opacity: 0.05;
}

.ist-extar-lable{
   color: #003262;
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 8px;
}

.file-upload-lable{
   width: 100%;
   height: 150px;
   background-color: red;
}