body{

    font-family: 'Nunito Sans', sans-serif;

    background: url(../images/login-bg.png) no-repeat center;

    background-size: cover;

}



@media only screen and (max-width: 767px){

    body {

        background-size: 200% 100%;

        background-position: unset;

    }

}



.mb0 {

    margin-bottom: 0;

}

.mt10 {

    margin-top: 10px;

}

.mt15 {

    margin-top: 15px;

}



.mt25 {

    margin-top: 25px;

}



.mt30 {

    margin-top: 30px;

}



.padding0 {

    padding: 0px;

}



.paddingtop20 {

    padding-top: 20px;

}



.margin-bottom15 {

    margin-bottom: 15px;

}



.coursova-slider .carousel-inner {

    width: 100%;

    overflow: hidden;

    color: #ffff;

}



.coursova-slider {

    margin-top: 20px;

    margin-bottom: 15px;

}



@media(min-width: 768px) {

    .coursova-slider {

        margin-top: 20px;

        margin-bottom: 0px;

        position: fixed;

        bottom: 30px;

        width: 100%;

    }

    .coursova-slider {

        max-width: 340px

    }

}



@media(min-width: 992px) {

    .coursova-slider {

        max-width: 404px

    }

.login-wrapper.padding {

    padding: 0px 40px 0px 80px;

}

}



@media(min-width: 1200px) {

    .coursova-slider {

        max-width: 487px;

    }

    .login-left-padding {

        padding-left: 90px;

    }

}



.coursova-slider .carousel-inner p.description {

    margin: 0px;

    padding: 0px;

    margin-bottom: 15px;

    color: #ffffff;

    line-height: 45px;

    font-size: 30px;

    font-weight: 600;

}



ul.descrip {

    padding: 0;

    margin: 0;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

}



ul.descrip li {

    background: url(../images/tick.png) no-repeat;

    background-position: 0 4px;

    list-style: none;

    padding: 0px 0 10px 20px;

}



.coursova-slider .carousel-inner .name {

    margin-bottom: 15px;

    color: #ffffff;

    line-height: 22px;

    font-size: 22px;

    font-weight: 600;

}



.coursova-slider .carousel-inner .designation {

    color: #000000;

    line-height: 22px;

    font-size: 17px;

    font-weight: 400;

    margin-bottom: 8px;

}



.coursova-slider .carousel-inner .arrow {

    color: white;

    font-size: 20px;

    line-height: 0px;

    text-decoration: none;

}



/*@media(min-width: 768px) {*/

/*    .body-padding {*/

/*        padding: 30px;*/

/*    }*/

/*    .logo-position {*/

/*        position: fixed;*/

/*        top: 30px;*/

/*    }*/

/*}*/



.login-content{

        display: flex;

        flex-direction: column;

        justify-content: center;

        height: 100%;

}

@media (min-width: 768px) {

    .login-wrapper {

        display: -webkit-box!important;

        display: -ms-flexbox!important;

        display: flex!important;

        -ms-flex-wrap: wrap!important;

        flex-wrap: wrap!important;

        -ms-flex-line-pack: center!important;

        align-content: center!important;

        /*background: #ffffff;*/

    }

}



@media (min-width: 1200px) {

    .login-wrapper {

        display: -webkit-box!important;

        display: -ms-flexbox!important;

        display: flex!important;

        -ms-flex-wrap: wrap!important;

        flex-wrap: wrap!important;

        -ms-flex-line-pack: center!important;

        align-content: center!important;

    }

}



.padding30 {

    padding: 30px;

}



.paddingy20 {

    padding-top: 20px;

    padding-bottom: 20px;

}



@media (max-width: 767px) {

    .other-login {

        padding-top: 10px;

    }

    .xs-center-block {

        display: block;

        margin-right: auto;

        margin-left: auto;

    }

    .login-wrapper-bg {

        background: #ffffff;

        position: relative;

        padding: 0px;

        border-radius: 15px;

        box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);

        margin-bottom: 15px;

    }

    .login-wrapper-bg .padding30 {

        padding: 30px 20px 15px;

    }

    .mobgap {

        margin-top: 20px;

    }

}



.login-wrapper-bg {

    padding: 20px 0px;

     width:100%;

}



@media(min-width: 1200px) {

    .login-wrapper-bg .padding30 {

        padding: 30px 60px 0px 60px;

    }

    .login-wrapper-bg .padding-box.padding30 {

        padding: 30px 30px !important;

    }

}



.login-wrapper-bg .headline {

    font-size: 25px;

    color: #000000;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 10px;

    text-align: center;

}



.login-wrapper-bg .headline1 {

    font-size: 32px;

    color: #000000;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 10px;

    text-align: left;

}



.login-wrapper-bg .subheadline {

    font-size: 17px;

    color: #000;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 10px;

    text-align: left;

}



a.google-login-btn {

    font-size: 14px;

    color: #000000;

    font-weight: 500;

    text-decoration: none;

    display: inline-block;

    margin-right: 35px;

}



a.google-login-btn:last-child {

    margin-right: 0;

}



.other-login {

    display: flex;

    justify-content: center;

    width: 100%;

    align-items: center;

    padding-top: 15px;

}



.seprate-text {

    overflow: hidden;

    text-align: center;

    color: #9eadc3;

    font-size: 15px;

    margin-top: 10px;

    margin-bottom: 10px;

}



.seprate-text:before,

.seprate-text:after {

    background-color: #4a6cab;

    content: "";

    display: inline-block;

    height: 1px;

    position: relative;

    vertical-align: middle;

    width: 50%;

}



.seprate-text:before {

    right: 0.8em;

    margin-left: -50%;

}



.seprate-text:after {

    left: 0.8em;

    margin-right: -50%;

}



.relative {

    position: relative;

}

/*viek css 16june*/
/* Autofill Background Fix (Chrome, Edge, Safari) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-text-fill-color: var(--text-dark) !important;
    background-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Firefox Autofill Fix */
input:-moz-autofill {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: var(--text-dark);
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}
.coursova-form .form-control, .coursova-form .form-control:focus {

    height: 40px;

    border: 1px solid rgba(16, 16, 16, 0.15) !important; 

    box-shadow: none;

    border-radius: 5px;

    background: #fff !important;

    color: #000000;

    padding: 10px 15px;

    outline: none;

    line-height: normal;

    border: none;

    font-size: 14px;

    margin-bottom: 15px;

}

.form-item input {

    display: block;

    width: 100%;

    height: 40px;

    background: #ffffff !important;

    border: solid 1px #D1CFCF;

    transition: all .3s ease;

    padding: 0 15px;

    border-radius: 5px;

    color: #000000;

    font-weight: 400;

    font-size: 14px;

}

/*.form-control-feedback {*/

/*    top: 12px !important;*/

/*    right: 20px !important;*/

/*}*/

.coursova-form .form-control.password {

    padding: 10px 40px 10px 20px !important;

}



.coursova-form .form-control-feedback {

    top: 13px;

    right: 20px;

    color: #969cad;

    font-size: 13px;

    cursor: pointer;

    pointer-events: fill;

    z-index: 100;

    width: auto;

    height: auto;

    line-height: normal;

}



::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #9eadc3!important;

}



::-moz-placeholder {

    /* Firefox 19+ */

    color: #9eadc3!important;

}



:-ms-input-placeholder {

    /* IE 10+ */

    color: #9eadc3!important;

}



:-moz-placeholder {

    /* Firefox 18- */

    color: #9eadc3!important;

}

.signbtn:hover {

    background-color: rgb(8 55 141 / 90%);

}



a.forgot-link {

    font-size: 17px;

    color: #000000;

    text-decoration: none;

    white-space: nowrap;

    margin-left: 20px;

    font-weight: 400;

}

.forgot-clr{

    background: linear-gradient(92.54deg, #FF1451 0%, #FF3637 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.form-footer {

    padding: 30px 20px;

    border-top: solid 1px rgba(0, 0, 0, 0.1);

    text-align: center;

    background: #fff;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

}



.form-footer a {

    color: #000000;

    font-weight: 600;

    text-decoration: none;

    font-weight: 600;

}





/* Bootstarp 4 Flex Classes */



.mx-auto {

    margin-left: auto;

    margin-right: auto;

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}



.justify-content-between {

    -ms-flex-pack: justify!important;

    justify-content: space-between!important;

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

}



.align-content-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important;

}



.align-items-center {

    align-items: center !important;

}



.img-wrapper {

    display: none;

}



@media (min-width:768px) {

    .d-sm-flex {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

    }

    .justify-content-sm-between {

        -ms-flex-pack: justify!important;

        justify-content: space-between!important;

    }

    .img-wrapper {

        width: 100%;

        height: 100%;

        display: block;

    }

    .img-wrapper2 {

        display: none;

    }

}



form.form_ajax.mt-20 {

    margin-top: 20px;

}



:focus-visible {

    outline: none;

}





img.img-responsive.mt12 {

    max-height: 44%;

}

@media (min-width: 992px){

img.img-responsive.mt12 {

    max-height: 100%;

    padding-right: 22%;

    margin-top: 50px ;

}

}





.other-login.p-t0 {padding-top: 0;}



.form-footer.m-t0 {margin-top: 0;}



.g-recaptcha {

    position: relative;

    z-index: 999;

}





@media (min-width:768px){

    .login-wrapper {

    /*margin-right: 18%;*/

}

}



.signsection,

.login-wrapper-bg{

    /*text-align: left;*/

    background: #fff;

    border-radius: 10px;

    /*border-top-left-radius: 20px;*/

    /*border-top-right-radius: 20px;*/

    padding : 40px;

}

@media (max-width:767px){

    .signsection,

.login-wrapper-bg{

    padding : 20px;

}

}

.btn {

    display: inline-flex;

    padding: 10px 20px;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    border: 0;

    transition: 0.5s;

    outline: 0;

    border-radius: 5px;

}

.btn.btn-primary {

    color: #fff;

    transition: all 0.6s ease-in-out ;

    background: #1D5FE9;

    background-size: 300% 100%;

    font-size: 16px !important;

    font-weight: 600 !important;

    padding: 12px 20px;

}

.btn.btn-primary:focus{

    outline : 0;

}

.btn.btn-primary:hover {

    background-position: 100% 0%;

}



/* css by raj april 6 */

.container-fluid{

    width : 100%;    

}

.login-wrapper-parent{

    display : flex;

    align-items : center;

    flex-direction : column;

    justify-content : center;

    min-height: 100vh;

}

@media only screen and (max-width : 575px){

    .login-wrapper-parent{

       padding : 20px 0

    }

}

.login-logo{

    /*max-width: 70%;*/

    max-height: 80px;

    margin-bottom : 70px;

}

.login-logo img{

    max-height: 80px;

}

@media only screen and (max-width : 1475px){

    .login-logo{

        margin-bottom : 30px;

    }

}

@media only screen and (max-width : 1475px){

    .login-logo{

        margin-bottom : 45px;

    }

}

.login-wrapper-outer{

    min-width: 479px;

    border-radius: 5px;

    overflow: hidden;

    /*border: 2px solid #DA1467;*/

    padding: 1px;

}

@media only screen and (max-width : 992px){

    .login-wrapper-outer{

        min-width: unset;

    }

}

.login-wrapper-outer .headline1{

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 4px;

    color: #000;

}

.login-wrapper-outer .subheadline{

    font-size: 14px;

    color: #01010199;

    padding-bottom: 35px;

    display: inline-block;

    position: relative;

}

.login-wrapper-outer .subheadline::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    opacity: 0.8;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.32) 49%, rgba(0, 0, 0, 0.08) 100%);

}

/* css by raj april 6 */



/*vivek css 16 june 2025*/

.shop-form{

    margin-top:20px;

}

.form-item {

    position: relative;

    margin-bottom: 20px;

    text-align: start !important;

}

 /*Login side text*/

 

 .user-section-card {

    width: 100%;

    max-width: 100%;

    height: 100%;

    justify-content: center;

    flex-direction: column;

    align-items: center;

}



    /* .top-content {*/

    /*    padding: 0 0 0 100px;*/

    /*    padding-bottom: 0;*/

    /*     max-width: 570px; */

    /*}*/



  .top-content .sitelogo {

      width: 240px;

      margin-bottom: 18px;

  }



 .top-content .main-title,

 .top-content .description {

    font-weight: 700;

    font-size: 54px;

    font-family: inter;

    color: #FFFFFF;

    line-height: 1.3;

}



 .top-content .main-title .theme-stroke-text{

    -webkit-text-fill-color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #FFFFFF;

    font-family: monospace; 

}



 .top-content .description {

    font-weight: 500;

    font-size: 20px;

    color: #FFFFFF;

    line-height: 1.7;

}



 .top-content .description span{

    font-weight: 500;

}