body{
    font-family: 'Poppins', sans-serif;
  }  
  
    /* ---- particles.js container ---- */ 
    
    #particles-js{ 
    position:relative;
    z-index:2;
    background-color:#4398FF; 
    }
    
  
  .header,.banner-section{
    position:relative;
    width:100%;
  }
  
  .banner-section{
      height: 100vh;
      padding-top:150px;
      position: relative;
      align-items: center;
      justify-content: center;
      background-color: #858c94;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }
  
  
  .header-inner{
    position:absolute;
    width:100%;
    top:0;
    z-index:44;
    left:0;
  }

  .header .nav-item a:hover {
    background-color: #06f;
    transition: 0.7s;
  }

  .header .form-inline a:hover {
    background-color: #06f;
    transition: 0.7s;
  }
  
  
  
  @media only screen and (max-width:992px){
   .my-navbar{
    background-color: rgba(0,123,255,.5);
  } 
  }
  
  
  canvas.particles-js-canvas-el {
      position: absolute;
      top: 0;
      left: 0;
      z-index:1;
      width: 100%;
      height: 100%;
  }
  
  .banner-inner{
    position:relative;
    z-index:888;
  }
  
  
  .front-landing-text h1 {
      font-size: 45px;
      font-weight: 500;
      color:white;
      margin: 0;
  }
  
  .front-landing-text h2 {
      font-size: 24px;
      color:white;
      margin: 25px 0 33px 0;
      font-weight: 400;
  }
  
  
  .form-section form .input-group{
    position:relative;
  }
  
  .form-section form .input-group input {
      height: 55px;
      font-size:13px;
      border:none;
  }
  .form-section form .input-group input:focus,.form-inline .btn:focus ,.navbar-toggler:focus{
    box-shadow:none;
    outline:none;
  }
  
  .form-section form .input-group .submit{
    color:white;
    text-align:center;
    cursor:pointer;
    width:140px;
    padding:0px 5px;
    border:none;
    outline:none;
    background-color:white;
    border-radius:4px 4px 4px 4px;
    height:55px;
    position:relative;
  }

.form-section form .input-group .submit:hover{
  background-color: #06f;
  transition: 0.5s;
}
  
  .form-section form .input-group .submit a{
    display:block;
    color: white;
    text-decoration: none;
     background-color:#06f;
     height:47px;
     position:absolute;
     width:130px;
     line-height:47px;
     border-radius:4px;
     top:50%;
     transform:translatey(-50%);
  }

  .form-section .input-group button:hover a{
    background-color: #74b9ff;
    color: #000;
    letter-spacing: 5px;
    transition: 0.3s;
  }
  
  .form-inline .btn{
   background-color:#74b9ff;
   padding:4px 30px;
   border-radius:2px;
   color:white;
  }