/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */

body {
    /* font-family: "Kalimati"; */
    /* background-color: rgb(162, 45, 191); */
    /* background-image: url("https://imgs.search.brave.com/dWoPRnhidd7SsqmYxq80crltBf8FOp2ootNRYPcLPGA/rs:fit:844:225:1/g:ce/aHR0cHM6Ly90c2U0/Lm1tLmJpbmcubmV0/L3RoP2lkPU9JUC5R/bjh3RmduZ1N6ZWdj/QVkwa1VueXBnSGFF/SyZwaWQ9QXBp"); */
}

.register {
    /* background: -webkit-linear-gradient(left, #3931af, #00c6ff); */
    background: #f046ff;
    margin-top: 5%;
    padding: 3%;
    height: 50%;
}

.register-left {
    text-align: center;
    color: #fff;
    margin-top: 10%;
}

.register-left img {
    width: 100px;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}

/* .register-left a{
	border: none;
	border-radius: 7px;
	padding: 2%;
	width: 60%;
	background: #0062cc;
    background: #f046ff;
	font-weight: bold;
	color: white;
	margin-top: 30%;
	margin-bottom: 3%;
} */

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 12px;
    width: 25%;
    float: right;
    position: absolute;
    right: 25px;
}

.register .nav-tabs .nav-link {
    padding: 2%;
    height: 35px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.register .nav-tabs .nav-link:hover {
    border: none;
}

.register .nav-tabs .nav-link.active {
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.register-heading {
    color: #495057;
    font-size: 24px;
    text-align: right;
}

.register .register-heading {
    text-align: center;
    margin-top: 5%;
    margin-bottom: -10%;
    color: #495057;
}

.register .register-form {
    padding: 15% 60px;
    margin-top: 3%;
}

.form-group,
.form-control {
    font-size: 13px;
}

.padding-right-10 {
    padding-right: 10px;
}

.max1 .radio:hover {
    cursor: pointer;
}

.btnRegister {
    margin-top: 7%;
    border: none;
    border-radius: 12px;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 65%;
}

.regform {
    max-width: 80%;
}

.has-error label {
    color: #f93154 !important;
}

.has-error .form-notch .form-notch-leading {
    border-color: #f93154 !important;
}

.has-error .form-notch .form-notch-middle {
    border-color: #f93154 !important;
}

.has-error .form-notch .form-notch-trailing {
    border-color: #f93154 !important;
}

.has-success label {
    color: #00b74a !important;
}

.has-success .form-notch .form-notch-leading {
    border-color: #00b74a !important;
}

.has-success .form-notch .form-notch-middle {
    border-color: #00b74a !important;
}

.has-success .form-notch .form-notch-trailing {
    border-color: #00b74a !important;
}

.invalid-feedback {
    background: #f93154 !important;
    color: #f8f9fa !important;
    padding: 2px 5px !important;
    border-radius: 0 !important;
    position: relative;
    box-shadow: 1px 1px 1px #aaaaaa;
    margin-top: -11px !important;
    border: 1px solid #f93154;
}

.invalid-feedback:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f93154;
    position: absolute;
    top: -10px;
}

.btn {
    padding: 7px 15px !important;
    font-size: 16px !important;
}

.form-outline .trailing {
    pointer-events: visible !important;
}

.regUserBtn {
    justify-content: end;
}

/* .c-label:after{
    color: #c51244 !important;
  }
  .c-error input, .c-error select, .c-error .c-choice-option{ 
    background: #fff0f4; 
    color: #c51244;
  }
  .c-error input, .c-error select{ 
    border: 1px solid #c51244 !important; 
  } */

@media only screen and (max-width: 768px) {
    /* For mobile phones: */

    .register-right {
        border-radius: 0px;
    }

    .register-heading {
        text-align: center;
        font-size: 24px;
        padding: 10px;
    }

    .regform {
        max-width: 100%;
    }

    .regUserBtn {
        justify-content: center;
    }

}