<div class="single-page contact-page-1">
  <div class="bg-blue">
    <div class="fui-container">
      <div class="row">
        <div class="col-md-6 col-12 py-5 mx-auto">
          
          <!-- CONTACT FORM -->
          <!-- FORM -->
          <form action="">
            
            <div class="group text-white">
              <h4>Feel free to contact us</h4>
            </div>
            
            <!-- INPUT -->
            <div class="group">
              <input type="text" class="fui-input" placeholder="Name*" name="name" required>
            </div>
            
            <!-- INPUT -->
            <div class="group">
              <input type="email" class="fui-input" placeholder="Email*" name="email" required>
            </div>
            
            <!-- INPUT -->
            <div class="group">
              <textarea class="fui-input" placeholder="Message*" name="message" required></textarea>
            </div>
            
            <!-- INPUT -->
            <div class="group">
              <button type="submit" class="fui-btn btn-primary">SEND <i class="fa fa-send"></i></button>
            </div>
            
          </form>
          
        </div>
      </div>
    </div>
  </div>
</div>

.contact-page-1 .fui-input {
  background-color: #008cff !important;
  color: white;
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid white;
  padding: 10px 0 !important;
  min-height: 30px !important;
}

.contact-page-1 .fui-input::placeholder {
  color: white;
}

@media (max-width: 580px) {
  .contact-page-1 .form {
    padding: 0px 5px !important;
  }
}

.contact-page-1 textarea {
  min-height: 50px !important;
}

.contact-page-1 .fui-btn:hover {
  background: #037fe6;
  color: white;
  border-color: white;
}

.contact-page-1 .fui-btn {
  background: white;
  color: #008cff;
}
.contact-page-1 .bg-blue {
  background-color: #008cff !important;
}