body{  color:#202020; font-size: 18px; font-family: 'Lato', sans-serif; scroll-behavior: smooth;}

h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px; font-family: 'Titillium Web', sans-serif !important;}

a{
    -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
}
.clear { clear:both;}
.cta-button { width: 100%; background: #0099ff !important; text-align: center; display: inline-block;color: #FFF !important; font-weight: 700; font-size:18px !important; line-height: 60px; border-radius:50px; text-decoration: none; text-shadow:none; transition: all 0.5s; border: none;  } 
.cta-button:hover { background: #0066ff !important;  color: #FFF !important;
  }

  .errormsg { width:80%; height:auto; float:left; text-align:center; background-color: #f8cdcd; border:5px solid #ff0000; margin-left:9%; position:absolute; text-align:center; 
    top:10px; font-size:14px; line-height:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #2e2e2e; z-index:10000; padding-top:10px; padding-bottom:10px;}
    .errormsg ul { margin:0px; padding:0px; list-style-type:none;}
    .errormsg ul li { width:90%; height:auto; float:left; text-align:center; display:block; padding-top:3px; padding-bottom:3px; padding-left:5%; padding-right:5%; 
    font-size:14px; line-height:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color: #2e2e2e;}

  /* top-box start */

.top-box { width:100%; height:auto; float:left; text-align:left; padding-top:22px; padding-bottom: 22px;} 

 /* Welcome section start here */
.welcome{width: 100%; height: auto; clear: both;   }
.welcome p{color: #111;}
.welcome h1{font-weight: 700; color: #111;}
.welcome h2{font-weight:600; color: #111;}
.welcome u {color:#000;}
.lead-section  .row{flex-direction: row-reverse;}
.form-box { width: 100%; height: auto; float: left; background-color:#efeff0; border-radius: 10px;
  padding-top: 40px; padding-bottom: 40px;}
  .form-box .title { width: 100%; float: left; text-align: center; color: #111; 
  } .form-box .title h2 { color: #111; font-weight: 600; font-size: 32px;  }
  .form-box .inside { width: 100%; float: left;} 
  
  .form-box .inside .form-control { margin-bottom:10px; border-radius: 0px; border-color:#e8eaee;} 
  .form-box .inside .form-control:focus { box-shadow: none; outline: none;} .form-box .inside .form-select:focus { box-shadow: none; outline: none;}
  .form-box .inside .form-select {  border-radius: 0px; margin-bottom: 10px; border-color:#e8eaee; color: #555555;} 
  .form-box .inside .form-select-lg { font-size: 18px; height: 50px; } 
  .form-box .inside .form-control-lg { font-size: 18px; height: 50px;}
  .form-box .inside p { font-size: 14px; line-height: 18px; color: #333; font-weight: 400; margin: 10px 0px 5px 0px; text-align: center;} .form-box .inside p a { font-weight: 700; color: #111; text-decoration: none;}
  .form-box .inside p a:hover { font-weight: 700; color: #0099ff; text-decoration: none;}
  input[type=submit] { width: 100%; background: #0099ff !important; text-align: center; display: inline-block;color: #FFF !important; font-weight: 700; font-size:18px !important; line-height: 60px; border-radius:50px; text-decoration: none; text-shadow:none; transition: all 0.5s; border: none;  } 
   input[type=submit]:hover { background: #0066ff !important;  color: #FFF !important;
  }
  .form-control::-moz-placeholder {
  color: #555555;
  opacity: 1;
  }
  .form-control:-ms-input-placeholder {
  color: #555555;
  }
  .form-control::-webkit-input-placeholder {
  color: #555555;
  }

/* Welcome section end here */

.info{width: 100%; float: left; height: 100%; background-color: #003333; padding: 3% 0px; color: #FFF;}

.reasons{width: 100%; float: left; height: 100%;  padding: 5% 0px; }
.reasons h2{font-weight: 700;}
.reasons h3{font-weight: 600; color: #0099ff;}


/* Services section start here */
.services{width: 100%; height: 100%; float: left; padding: 5% 0px; background-color:#f7f7f7; }
.services h2{font-weight:600; color: #111;}
.services h3{font-weight:600; color: #222; font-size: 20px;}
.services .row {flex-direction: row-reverse;}
.services i{margin: 10px 5px 10px 0px; }


/* Services section end here */
.about{margin: 10% 0px;}
.about h2{font-weight: 700;}


/* footer section start here */
.footer{width: 100%; float: left; text-align: center; padding: 40px 0px;}
.footer a{color: #000; text-decoration: none; font-size: 16px;}
.footer a:hover {color:#3366ff;}
/* footer section end here */