@font-face {
    font-family: "Kalimati";
    src: url("../fonts/Kalimati.ttf") format("truetype");
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    /* background-image: url('../images/icon/nature.avif'); */
  /* background:rgb(181, 202, 219 ); */

}
.login {
  /* background:rgb(181, 202, 219 ); */
  /* background-image: linear-gradient(45deg, #f046ff, #4059e5);  */
    /* background: radial-gradient(
        circle,
        rgba(238, 174, 202, 1) 0%,
        rgba(148, 187, 233, 1) 100%
    ); */

background: linear-gradient(90deg,    #4059e5,rgb(252, 255, 255));

}
.regform {
    max-width: 800px;
    height: 500px;
    margin: 5%;
}
.container {
    position: absolute;
    max-width: 800px;
    height: 500px;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.myRightCtn {
    position: relative;
    /* background-image: linear-gradient(45deg, #f046ff, #4059e5); */
    border-radius: 25px;
    height: 100%;
    padding: 25px;
    color: rgb(192, 192, 192);
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.myLeftCtn {
    position: relative;
    background: #fff;
    border-radius: 25px;
    height: 100%;
    padding: 25px;
    padding-left: 37px;
}
.myLeftCtn header {
    color: #4059e5;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.row {
    height: 100%;
}
.myCard {
    position: relative;
    /* background: #fff; */
    background-image: linear-gradient(45deg, #8bb9ff, #4059e5);
    /* height: 100%; */
    border-radius: 25px;
    -webkit-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
}
.myRightCtn header {
    color: #fff;
    font-size: 44px;
}
.box {
    position: relative;
    margin: 20px;
    margin-bottom: 100px;
}
.myLeftCtn .myInput {
    width: 230px;
    border-radius: 25px;
    padding: 10px;
    padding-left: 50px;
    border: none;
    -webkit-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
}
.myLeftCtn .myInput:focus {
    outline: none;
}
.myForm {
    position: relative;
    /* margin-top: 50px; */
}
.myLeftCtn .buttonsubmit {
    background: linear-gradient(45deg, #90bcfe, #4059e5);
    color: #fff;
    width: 230px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px;
    -webkit-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
}
.myRightCtn .buttonsubmit {
    background: linear-gradient(45deg, #90bcfe, #4059e5);
    color: #fff;
    width: 230px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px;
    -webkit-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
}
.myLeftCtn .butt:hover {
    background: linear-gradient(45deg, #c85bff, #b726ff);
}
.myLeftCtn .butt:focus {
    outline: none;
}
.myLeftCtn .fas {
    position: relative;
    color: #90bcfe;
    left: 36px;
}
.myLeftCtn .toggle-password{
    margin-left: 202px;
    position: absolute;
    color: #90bcfe;
    margin-top: 14px;

     /* position: absolute;
     margin-top: -87px;
     right: 36px; */
}
.butt_out {
    background: transparent;
    color: #fff;
    width: 120px;
    border: 2px solid#fff;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
}
.butt_out:hover {
    border: 2px solid #eecbff;
}
.butt_out:focus {
    outline: none;
}
img {
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}
.login-right {
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}
.eng_text{
    font-family: "Arial" !important;
}
.parsley-errors-list > li {
    margin: 20px 0 0 0 !important;
} 
@media only screen and (max-width: 768px) {
    /* For mobile phones: */

    .login-right {
        border-radius: 0px;
    }
    .myRightCtn img{
        margin-top: 72px;
    }
}