﻿.container-fluid{
    padding:0;
    margin:0;    
}
 
.banner-container{
    padding-top:2.8em;
    margin:0; 
}

#bannerimg.img-responsive{
   background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    width:100%;
    height:100%;     
    padding:0 0 1em 0;
    margin:0;
}

.head{
  color:#061771;
  font-weight: 500;
  margin-bottom: 1em;
  text-align:left;
  text-transform:uppercase;
  padding-bottom:0.1em;
}

.subhead{
  color:#0f68bd;
  text-align:left;
  font-size:1.05em;
  padding-bottom:0.2em;
}
@media (max-width: 548px) {
    .aboutus .wrap-block {
        padding: 0.5em 1em;
    }
    h5{
        font-size:1.05em;
    }
    .head {
    text-align:center;
    }
    .subhead{
    text-align:center;
    font-size:1em;
    }
    #bannerimg.img-responsive{   
    padding:1.5em 0 0.5em 0;
   }
}
.shead{
  color:#0f68bd;
  font-weight: 500;
  text-align:center;
  padding-bottom:0.1em;
  font-size:1.15em;
  text-transform:uppercase;
}
.service{
    padding:1em 3em 0.5em 3em;
}

.serviceBox{
    padding: 0 1.25em;
    text-align: center;
    border: 1px solid #ccc;
    margin: 2.5em 0;
    position: relative;
    transition: all 0.3s linear 0s;
    height:100%;
}
.serviceBox .service-icon{
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height:2.5em;
    border-radius: 0.32em;
    background: #0f68bd;
    font-size: 1.7em;
    color: #fff;
    margin: -2.4em 0em 1.7em;
    position: relative;
    transition: all 0.3s linear 0s;
}
.serviceBox:hover .service-icon{
    background: #dcdcdc;
    color: #0f68bd;
}
.serviceBox .service-icon:after{
    content: "";
    border-top: 0.62em solid #0f68bd;
    border-left: 0.62em solid transparent;
    border-right: 0.62em solid transparent;
    position: absolute;
    bottom: -0.32em;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear 0s;
}
.serviceBox:hover .service-icon:after{
    border-top-color: #dcdcdc;
}
.serviceBox .title{
    font-size: 1.09em;
    color: #061771;
    margin: 0 0 0.75em 0;
    transition: all 0.3s ease 0s;
   
}
.serviceBox:hover .title{
    color: #0f68bd;
}
.serviceBox .description{
  
    line-height: 1.5em;
}
.serviceBox .read-more{
    display: inline-block;
    padding: 0.08em;
    background: #fff;
    border: 0.08em solid #ccc;
    color: #414141;
    position: relative;
    bottom: -1.25em;
    transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s;
}
.serviceBox .read-more span{
    display: inline-block;
    padding: 0.32em 1.12em;
    background: #fff;
    margin: 0 -2.4em -0.75em 0;
    position: relative;
    left: 0.75em;
    transition: margin-right 0.5s ease 0s;
}
.serviceBox:hover .read-more span{
    color: #0f68bd;
    margin-right: 0;
}
.serviceBox .read-more i{
    display: inline-block;
    padding:0.56em 1.06em 0.50em 1.25em;
    background:#0f68bd;
    color: #fff;
}
.serviceBox:hover,
.serviceBox:hover .read-more{
    border-color:#0f68bd;
}
@media only screen and (max-width:548px){
    .serviceBox{ 
        margin-bottom: 2em;
    }
    .service{
      padding:0.5em 1.5em 2em 1.5em;
     }
    .sbcol{
    padding-bottom:1em;
 }
    }

.sr1{
    display: flex;
    flex-wrap: wrap;
    padding-bottom:3em;
}
.sbcol{
    padding-bottom:2em;
    padding-top:1em;
}

.infocol1{
    background-color:#065bad;
    color:#fff;
    padding:4em 3em;
}
.btn-success-gradiant {
      background: #fff;
}
.infohead{
    padding-bottom:0.5em;
    font-size:1.4em;
    text-transform:uppercase;
    font-weight:normal;
}
.infopara{
    font-size:1.05em;
    text-align:center;
}
@media only screen and (max-width:548px){
    .infocol1{  
    padding:3em 2em;
    }
    .infohead{
    font-size:1.05em;
}
.infopara{
    font-size:1em;
}
}

 