:root{
    --bg-color:#F5F5F5;
    --sidebar-menu:#63636366;
    --sidebar-color:#2C2C2C;
    --font-color:#636363;
    --task-1:#FFF2D9;
    --task-2:#D4FBFF;
    --task-3:#EDEDED;
    
    --primary-color:#0DB50E;
    --forgot-color:#519EE7;
}
.forgot-color{
  color:var(--forgot-color);
}
.left-section{
  background-color: #2c2c2c;
  background-image: url('../../../assets/images/background-image.png');
  background-repeat: no-repeat;
  background-position: center center;
  height:100vh;
    padding: 190px 79px;
 
}
.left-section .img-size{
  width: 306px;
  margin-inline: auto;

}
.left-section .img-size img{
  width: 100%;
  object-fit: cover;
}
.left-section h3{
  font-size: 39px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 48px;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
.left-section p{
      margin-top: 29px;
    text-align: center;
    color: #ffffff;
    max-width: 456px;
    font-weight: 500;
    margin-inline: auto;
    font-family: "Poppins", sans-serif;
}


/* ===========================================Right-section ======================================== */
.right-section{
  padding: 190px 180px 0px 180px ;
  height: 100vh;
}
.right-section h1{
  color: #2c2c2c;
  font-size: 24px;
}
.right-section h2{
  position: relative;
  text-align: center;
}
.right-section h2::before{
  content: "";
  height: 1px;
  width: 180px;
  display: inline-block;
  background-color: #A8A6A7;
  position: absolute;
  left: 0px;
  top: 50%;
}
.right-section h2::after{
  content: "";
  height: 1px;
  width: 180px;
  display: inline-block;
  background-color: #A8A6A7;
  position: absolute;
  right: 0px;
  top: 50%;
}
.right-section .form-control{
  border: 1px solid #D7D7D7;
  padding: 0.75rem;
}
::placeholder{
   font-family: "Nunito", sans-serif;
   color: #636363;
   font-weight: 500;
}
.submit-btn{
  width:100%;
  background-color:#0DB50E;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 8px;
  padding: 12px 15px;
  margin: 32px 0px 24px 0px;
}
.right-section  .social-icon{
  margin-block: 24px;
}


.right-section .digit-info{
  margin-block: 32px;
}
.right-section .digit-info p{
  font-family: "Poppins", sans-serif;
  color: var(--font-color);
}

input[type="number"]{
  height: 50px;
  width: 50px;
  border: 2px solid #B7B7B7 ;
  outline: none;
  border-radius: 8px;
  margin-left:1px;
  margin-bottom: 1rem;
 
}
.arrow-image {
    width: 61px;
    display: inline-block;
  
    border: 1px solid #161515;
    padding: 3px 18px;
    border-radius: 28px;

}
.arrow-image img{
  width: 100%;
 
}
.right-section .verified-code{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color:var(--font-color) ;
  margin-bottom: 0.625rem;
}

 .forgot-section {
    padding: 32px 95px;
}

.right-section .receive-code{
  color: var(--font-color);
  margin-bottom: 8px;
}
.receive-code span{
  color: #1AD41B;
}