style.css

body{
  -webkit-animation: fadein 1s;
     -moz-animation: fadein 1s;
      -ms-animation: fadein 1s;
       -o-animation: fadein 1s;
          animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}
input,textarea,{
  text-indent: 10px;
}
p{
  color: #777777;
}
.form-background {
  display: flex;
}
.login-button:hover{
  background-color: #BFBFBF;
  color: black;
}

.background-container{
  background: #90b746;
  width: 100%;
  height:auto; /* should i use width and height */
}
.main-heading{
  color:#fff;
  text-align:center;
  font-family: 'Roboto', sans-serif;
}
.myform{
  width: auto;
}
.label-color{
  color:white;
}
.input-background{
  background-color: #90b746;
  border:1px solid white;
  color:white;
  height: 33px;
  width: 325px;
}
.input-background:focus{
  border:1px solid #90b746;
}

.duration-select{
  width: 115px;
  height: 33px;
}
.duration-input{
  background-color: transparent;
  border:1px solid white;
  color:white;
  width: 204px;
  height: 33px;
}
.submit-color{
  color: white;
  border-color:white;
  width: 286px;
}
.submit-color:hover{
  border-color:white;
  background-color: white;
  color:#a5d549;
}
.textarea{
  background-color: transparent;
  border:1px solid white;
  color:white;
  width: 325px;
  height: 66px;
}
::-webkit-input-placeholder{
  color:white;
}
.white-line{
  background-color: #fff;
  display: inline-block;
  height: 2px;
  width: 100%;
}
.checkbox{
  width:1.3em;
  height: 1.3em;
}
.checkbox-label{
  color:white;
  text-indent: 10px;
}


/*This is css for about section */

.about-heading{
  color: #90b746;
  text-align:center;
}
.green-line{
  background-color: #90b746;
  display: inline-block;
  height: 2px;
  width: 100%;
}
.green-line-small{
  width: 30%;
}

/*This is style for Most trusted consultancy section*/

.btn-outline-info-light{
  text-align: left;
  border-radius: 0px;
  background-color: white;
  border:1px solid #b1acacf2;
  color: #222;
  width:100%;
}
.btn-outline-info-light:hover{
  color:#90b746;
}
.trusted-services{
  padding-bottom: 10px;
}
.trusted-services:hover{
  color:#90b746;
}

/*This is css for counter section  */

.container-counter{
  background-attachment: fixed !important;
  background: url('images/background.jpg');
  width:100%;
  height: auto;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.counter{
  color: #fff;
  font-weight: bold;
  text-align: center;
  width:100%;
}
.counter-icon{
  font-size: 25px;
}
.counter-value{
    font-size: 45px;
}
.counter-time{
    font-size: 25px;
}

/*footer*/

.footer-links{
  text-decoration: none;
  color:#838282a3;
  font-size: 14px;
}
.footer-links:hover{
  text-decoration: none;
  color: white;
  font-size: 14px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer-ul{
  list-style-type: none;
  padding:0px;
}
.social-links a{
    display: inline;
    text-align: right;
    width: 100%;
    font-size: 20px;
    color: #838282a3;
    padding: 0 10px;
}
.social-links a :hover{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: white;
}
.footer-h5{
  font-family: 'Lato', sans-serif;
}