Login page

  
   
      <div class="row">
  <div class="lf-hero-a lf-mg-rd">
  <div class="lf-hero-contents">
  <div class="lf-hero-contents-inner pt-5">
     <span>
     <a class="logo custom-logo"> 
     <img src="assets/img/logo.png" alt="">
     </a>
     </span>&gt;
     <div>
        <span class="lf-hero-hdg">Fujitsu Category </span> <br>
        <span class="lf-hero-hdg">Software Applicaton Title </span>
     </div>

     <div class="mb-3 pt-3">
       <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Email Address">
     </div>
     <div class="mb-3">
       <input type="password" class="form-control" id="exampleFormControlInput1" placeholder="Password">
     </div>
     <div class="mb-3">
       <div class="form-check">
         <input type="checkbox" class="form-check-input br" id="dropdownCheck">
         <label class="form-check-label" for="dropdownCheck">
           Remember me
         </label>
         <a href="#" class="custom-link link-primary float-end mt-1">Forgot Password</a>

       </div>

     </div>
 
     
  </div>
</div>
<div class="lf-hero-visual"><img src="/global/imagesgig5/hero_tcm100-6315282_tcm100-6286607-32.jpg" alt="" role="presentation" data-uw-rm-ima="un"></div>
</div>

</div>
      
      

 .custom-logo img {
margin-left: -10px !important;
}
.logo img {
   width: 90px;
}

.lf-hero-a {
   display: flex;
   max-height: 450px;
   position: relative;
   overflow: hidden;
}

.lf-hero-contents {
   display: flex;
   width: 60%;
   color: #fff;
   background-repeat: no-repeat;
   background-size: auto;
   background-position: left top;
}


.lf-hero-hdg {
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
   line-height: 1.4;
   font-weight: 700;
   color: #363431;
}

.form-control {
   color: #363431;
   font-size: 12px;
}
.form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #9D9D9B;
   background-color: #fff;
   background-clip: padding-box;
   border: 1.5px solid #DFE1E6;
   appearance: none;
   border-radius: 6px;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.link-primary {
   color: #167DF5!important;
   font-size: 14px;
}

label.form-check-label {
   color: #363431;
   font-weight: 400;
   font-size: 14px;
}