@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



* {

   margin: 0px;

   padding: 0x;

  }



.main-wrp{



    position: relative;

    width: 100%;

    height: 100vh;

    background: url("../../img/login-bg.jpg") top center no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

   

}

.main-wrp:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(180deg, #B761B6, #6E2479);

    opacity: 0.6;

  }

  .white-cvr{

    background-color: #fff;

    border-radius: 10px;

    width:40%;

    padding: 70px;

    z-index: 99;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

  }

  .white-cvr h3{

    font-family: "Poppins", system-ui;

    color:#000000;

    font-size: 24px;

    font-weight: 600;

    position: relative;

  }

  .white-cvr h3:before{

    content: "";

    position: absolute;

    width: 45px;

    height: 3px;

    background-color: #000000;

    bottom: -5px;

    left: 39px;

  }

  .loginbtn{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    width:100%;

    background-color:#6E2479;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

  }

  .loginbtn-new{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    width:auto;

    background-color:#6E2479;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

    padding: 5px 50px;

    transition: 0.5s;

  }

  .loginbtn-new:hover{

    background-color:#51165a;

    color: #fff;

  }



  .account{

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color: #000000;

  }

  .account {

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color:#000000;

    text-decoration: none;

  }

  .password{

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color:#6E2479;

    text-decoration: none;

  }



  .main-wrp-1{



    position: relative;

    width: 100%;

    height: 100%;

    background: url("../../img/sign-up-bg-1.jpg") top center no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

   

}

.main-wrp-1:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(180deg, #B761B6, #6E2479);

    opacity: 0.6;

  }

  .sign-up-white-cvr{

    background-color: #fff;

    border-radius: 10px;

    width:55%;

    padding: 70px;

    z-index: 99;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

  }

  .sign-up-white-cvr h3{

    font-family: "Poppins", system-ui;

    color:#000000;

    font-size: 24px;

    font-weight: 600;

    position: relative;

  }

  .sign-up-white-cvr h3{

    font-family: "Poppins", system-ui;

    color:#000000;

    font-size: 20px;

    font-weight: 500;

  }

  

.login{

    font-family: "Poppins", system-ui;

    color:#A352A1;

    font-size: 18px;

    font-weight: 600;

  

  }

  a:hover .login{

    color:#80367e;

  }

  .sign-up-white-cvr h3:before{

    content: "";

    position: absolute;

    width: 45px;

    height: 3px;

    background-color: #000000;

    bottom: -5px;

    left: 60px;

  }

  .loginbtn{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    width:100%;

    background-color:#6E2479;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

    transition: 0.5s;

    padding: 5px 50px;

  }

  .loginbtn:hover{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    width:100%;

    background-color:#51165a;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

  }

  .singinbtn{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    display: inline-block;

    background-color:#6E2479;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

    transition: 0.5s;

    padding: 5px 50px;

  }

  .singinbtn:hover{

    font-family: "Poppins", system-ui;

    font-weight: 400;

    background-color:#51165a;

    color: #fff;

    font-size: 18px;

    border-radius: 6px;

  }

  .account{

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color: #000000;

  }

  .account {

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color:#000000;

    text-decoration: none;

  }

  .password{

    font-family: "Poppins", system-ui;

    font-weight: 500;

    font-size: 16px;

    color:#6E2479;

    text-decoration: none;

  }



  .main-wrp-2{



    position: relative;

    width: 100%;

    height: 100%;

    background: url("../../img/sign-up-bg-2.jpg") top center no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

   

}

.main-wrp-2:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(180deg, #B761B6, #6E2479);

    opacity: 0.6;

}



.sign-up-white-cvr-2{

  background-color: #fff;

  border-radius: 10px;

  width:75%;

  padding: 70px;

  z-index: 99;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.sign-up-white-cvr-2 h3{

  font-family: "Poppins", system-ui;

  color:#000000;

  font-size: 24px;

  font-weight: 600;

  position: relative;

}

.sign-up-white-cvr-2 h3:before{

  content: "";

  position: absolute;

  width: 45px;

  height: 3px;

  background-color: #000000;

  bottom: -5px;

  left: 330px;

}

.sign-up-white-cvr-2 h4{

  font-family: "Poppins", system-ui;

  color:#000000;

  font-size: 24px;

  font-weight: 600;

  text-align:left;

}

.bg-grey{

  width: 100%;

  background-color:#F8F8F8;

  padding: 20px;

}

.bg-grey ul{

 list-style: none;

}

.bg-grey ul li{

  font-family: "Poppins", system-ui;

  color:#545454;

  font-size: 16px;

  font-weight:400;

  text-align:left;

  margin-bottom: 10px;

  display: flex;

 }

 .bg-grey ul li i img{

  margin-right: 10px;

 }



 .main-wrp-3{



  position: relative;

  width: 100%;

  height: 100vh;

  background: url("../../img/sign-up-bg-3.jpg") top center no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

 

}

.main-wrp-3:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(180deg, #B761B6, #6E2479);

  opacity: 0.6;

}

.sign-up-white-cvr-3{

  background-color: #fff;

  border-radius: 10px;

  width: 55%;

  padding: 40px;

  z-index: 99;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.sign-up-white-cvr-3 h3{

  font-family: "Poppins", system-ui;

  color:#000000;

  font-size: 24px;

  font-weight: 600;

  position: relative;

}

.sign-up-white-cvr-3 h3:before{

  content: "";

  position: absolute;

  width: 45px;

  height: 3px;

  background-color: #000000;

  bottom: -5px;

  left: 330px;

}



.new-form .form-floating>.form-control, .form-floating>.form-select {

  height: calc(2.8rem + 2px);

  line-height: 1.25;

}

.new-form  .form-floating>label {

  

  padding: 0.7rem .75rem;

  

}



.new-form  .form-select {

  display: block;

  width: 100%;

  padding: .610rem 2.25rem .610rem .75rem;

}