body{background: #f2f2f2;}
.login{padding: 60px 0px;position: relative;}
.login section{margin: 40px 90px 0px 90px;}
.login section button{background: #0961ba;}
.btn-primary:hover{background-color: #09335d;}
.shadow-lg{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border: 0px;}
.card-footer{background: none;}
.title {width:100%;position:relative;z-index:1;text-align: center;background:url(../images/bg.jpg); background-repeat:no-repeat; background-size:cover;background-position:center;padding:70px 15px 74px;border-top-left-radius: 20px;  border-top-right-radius: 20px;}
.title::before {
  content:"";
  display:block;
  position:absolute;
  z-index:-1; 
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:rgba(54,84,99,.9);border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.title span {
  font-family: Lato, sans-serif;font-weight: 900;
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}
.list-group li{font-size: 18px;font-family: Lato, sans-serif;font-weight: 700;cursor: pointer;}
.list-group li i{margin: 0px 5px 0px 0px;vertical-align: middle;}
.list-group li a:hover{color: #0961ba;}
.list-group li a{color: #212529;}
.text-link{color: #0961ba;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration: underline;}
.text-link:hover{color: #000;}
@media only screen and (min-width:1px)and (max-width:320px){
  .why{padding:40px 0;}
  .why h3{font-size:22px;}
  .why h1{font-size:32px;}
}  
@media only screen and (min-width:320px)and (max-width:479px){}
@media only screen and (min-width:480px) and (max-width:767px){}
@media only screen and (min-width:768px) and (max-width:1024px){  .list-group li{font-size: 16px;font-weight: 600;}}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .mrlft{margin-left: 120px}
  .how-we-work section {padding: 38px 50px 0px 50px;}
  .how-we-work section h3 {font-size: 24px;}
  .how-we-work section p{font-size: 14px;line-height: 20px;}
  .how-we-work .counter-box {padding: 0px 8px 0px;}
  .how-we-work .counter{font-size: 30px;  padding: 10px 0px;}
  .how-we-work .counter-box p{font-size: 14px;}
}
@media only screen and (min-width:1200px) and (max-width:1280px){
  .why{padding:40px 20px;}
  .services{padding: 60px 20px 80px 20px;}
  .services p{padding: 0% 10% 0% 10%;}
  .process p{padding: 0px 20px;}
  .process-wrap .item-text{padding: 0px;}
  .list-group li{font-size: 16px;font-weight: 600;}
}
@media only screen and (min-width:1280px) and (max-width:1440px){
  .how-we-work section{padding: 50px 80px 50px 80px;}
  .list-group li{font-size: 16px;font-weight: 600;}
}
@media only screen and (min-width:1024px) and (max-width:1920px) {
  .mrlft{margin-left: 120px}
}