/* Fixed Value */

@import url('https://fonts.googleapis.com/css2?family=Poppins');
p,div,img {
  user-select: none;
}

:root{
    --main-color:#00a34e;
    --light-white:rgba(255,255,255,.5);
    --light-black:rgba(0,0,0,.3);
    --light-bg:rgba(255,255,255,.1);
    --white:#fcfcfc;
    --black:#000;
 }
 
 *{

    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    scrollbar-color: var(--main-color);

 }

 html{

    overflow-x: hidden;

 }

 body{
    background-color: #f8fafc;
    /* background-image: url("../img/group-49.png"); */
    background-repeat:repeat-y;
    background-position: right TOP;
    background-size: 32%;
    height: 100vh;
    box-sizing: border-box;
 }
 .parent{
  display: flex;
    flex-direction: row;
    justify-content: center;;
 }


 ::-webkit-scrollbar{
    height: 10px;
    width:10px;
 }

 ::-webkit-scrollbar-track{
    background-color: transparent;
 }

 ::-webkit-scrollbar-thumb{
    background-color:var(--main-color);
 }
.login-lable-h1{
  text-align: center;
    font-size: larger;
    color: #00a34e;
    font-weight: 600;
}
 .login-lable-h2{
   position: relative;
   margin-left: -24px;
   margin-right: -24px;
 }
.btn-submit-color{
  background:#00a34e
}
.rounded-size{
  border-radius: 1.75rem !important;
}
.parent-img{
  display: flex;
    flex-direction: row;
    justify-content: center;
}

 .login-lable-h2::before
 {
   content: "";
   display: block;
   width: 36%;
   height: 2px;
   position: absolute;
   background: #e0e0e0;
   left: 0;
   top: 50%;


 }
 .login-lable-h2::after
 {

   content: "";
   display: block;
   width: 36%;
   height: 2px;
   position: absolute;
   background: #e0e0e0;
   right: 0;
   top: 50%;


 }

.login-lable-h2.reset::before
{
    width: 22%;

}
.login-lable-h2.reset::after
{
    width: 22%;
}

 .login-form{
   background-color: white;
 }
.any-help{
  color: #979494 !important;
}
 .form-floating input
 {
  border: solid 1px #ccc !important;
  border-radius: 10px !important;
   color: #e0e0e0;
   border: none;
   border-bottom: 2px solid #e0e0e0;
   border-radius: 0;
   height: 40px;
   padding-left: 14%;
 }

 .form-floating label
 {
   color: #d5d5d5;

 }
/*  .form-floating input::placeholder{
   color: #d5d5d5 !important;
 } */


 .form-floating input:focus::placeholder {
   color: #0da050 !important;
 }

.form-floating input:focus  {

   color: var(--main-color) !important;
  /*  background-color: white !important; */
   border-color: white !important;
   outline: 0;
   padding: 10px;
   box-shadow: 0 1px 0 0 var(--main-color);
   padding-left: 14%;

 }
/* 
 .form-floating input[type=email]:focus{

   color: var(--main-color) !important;
   background-color: white !important;
   border-color: white !important;
   outline: 0;
   border: 1px solid;
   padding: 10px;
   box-shadow: 0 1px 0 0 var(--main-color);

 }
 .form-floating input[type=text]:focus {

  color: var(--main-color) !important;
  background-color: white !important;
  border-color: white !important;
  outline: 0;
  border: 1px solid;
  padding: 10px;
  box-shadow: 0 1px 0 0 var(--main-color);

 } */

 input[type=checkbox] {
	border: 1px solid var(--main-color) !important;
}

input[type=value] {
    border: 1px solid var(--main-color) !important;
    background-color: white !important;
}

.anyhelp-section{
   place-content: center;
   display: flex;
  font-size: small;
}
.anyhelp-section-span{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.anyhelp-section .anyhelp-section-span{
   background-color: var(--main-color);
}

.under-button{
/*    border: 1px solid #d5d5d5 !important;
 */   
   border-radius: 0 9px 9px 0 !important;
   text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000000 !important;
}

/*bootstrap reset*/
.form-control{
    background-color: white !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input:-moz-autofill {
    -moz-text-fill-color: black;
    -moz-box-shadow: 0 0 0 1000px white inset;
}
input:-o-autofill {
    -o-text-fill-color: black;
    -o-box-shadow: 0 0 0 1000px white inset;
}
input:-khtml-autofill {
    -khtml-text-fill-color: black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}

input:focus:-webkit-autofill {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-moz-autofill {
    -moz-text-fill-color: black;
    -moz-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-o-autofill {
    -o-text-fill-color: black;
    -o-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-khtml-autofill {
    -khtml-text-fill-color: black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}

.green-input{
  background:#c2d8cb !important;
  color:var(--main-color) !important; 
}
.green-input:focus{
  background:#c2d8c1 !important;
  color:var(--main-color) !important; 
}
.green-input::-webkit-input-placeholder {
  color: #636363 !important; /* Chrome, Safari, Opera */
}

.green-input:-moz-placeholder {
  color: #636363 !important; /* Firefox 18- */
}

.green-input::-moz-placeholder {
  color: #636363 !important; /* Firefox 19+ */
}

.green-input:-ms-input-placeholder {
  color: #636363 !important; /* IE 10+ */
}

.green-input::placeholder {
  color: #636363 !important; /* or any color you prefer */
}
@keyframes typing {
  0% { width: 0; }
  100% { width: 100%; }
}

@keyframes blink-caret {
/*   50% { border-color: transparent; }
  100% { display:none; } */
}

.typing-effect {
  display: inline-block;
  overflow: hidden; 
  white-space: nowrap; 
/*   border-right: 2px solid black; 
 */  font-size: 1.69rem; 
  font-weight: bolder;
  animation: typing 2s steps(30, end), blink-caret 0.75s step-end infinite;
}

.typing-effect::after {
  border-right: 0;
}