body {
   padding:0;
   margin:0;
}

 @media (max-width: 548px) {
  h5 {
    font-size:1em
     }   
  .head{
       padding-top:2em;
  } 
}


.head {
  color: #084b6f;
  font-weight: 500;
  margin-bottom: 1em;
  text-transform: uppercase;
  text-align:center;
  padding-top:1em;
  padding-bottom:0.8em;
}
.subhead{
  color:#0d56a5;
  font-weight:500;
  margin-bottom: 1em;
  text-align:justify;
}
@media (max-width: 548px) {
  .head{
       padding-top:2em;
  } 
}

.aboutus {
    padding:2em 3.5em 1em 3.5em;
}
@media (max-width: 548px) {
    .aboutus {
        padding: 2em 1em 1em 1em;
    }
}
.aboutus .photo img {
    width: 100%;
}
@media (max-width: 548px) {
    .aboutus .wrap-block {
        padding: 0.5em 1em;
    }
}

.whywebest {
    padding:0 3.5em 1em 3.5em;
  }
.whywebest .photo img {
    width: 100%;
}
@media (max-width: 548px) {        
     .whywebest {
        padding: 0.3em 1em 0.5em 1em;
    }
     .whywebest .wrap-block {
        padding: 0.5em 1em;
    }
      
}

.bullet ul {
  list-style:none;
 text-align:justify;
}
.bullet li{
    padding-bottom:0.5em;
    text-align: justify;
}
.bullet ul li::before {
  content: "\2022";
  color:blue;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.visionBox{
    border: 1px solid #3498db;
    margin-top:3em;
    text-align: center;
    padding:1.5em 1em 0 1em;
    background-color:#fff;
    height:100%;
}
.vrow {
    padding-top:0.2em;
    padding-bottom:2em;
    display: flex;
    flex-wrap: wrap;
}
.visionBox .vision-icon {
    width: 2em;
    height: 2em;
    border: 1px solid #3498db;
    text-align: center;
    line-height: 2em;
    font-size: 2.2em;
    background: #fff;
    transform: rotate(-45deg);
    margin: -1.69em auto -0.5em;
}

.visionBox .vision-icon i{
    transform: rotate(45deg);
    color:#4f4f4f;
    transition:all 0.3s ease-out;
}
.visionBox:hover .vision-icon{
    background: #3498db;
    border-color: #3498db;
    transition:all 0.3s ease-out;
}
.visionBox:hover .vision-icon i{
    color:#fff;
}
.visionBox .vision-content{
    margin-top: 3.2em;
    margin-bottom:0.5em;
}
.visionBox .vision-content h3{
    text-transform: capitalize;
    color:#161616;
    font-size: 1.3em;
}
.visionBox .vision-content h3:after{
    content: "";
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    width: 4em;
    height:0.21em;
    display:block;
    margin: 0.62em auto 1.25em;
}
.visionBox .vision-content p{
      line-height: 1.5em;
      text-align:justify;
}

@media only screen and (max-width: 990px){
    .visionBox{
        margin-top: 3em;
    }
    .vision pt-5{
        padding-top: 1em!important;
    }
    .vbcol{
        padding-top:1.5em;
        padding-bottom:2em;
    }
    .vrow{
        padding-top:0.5em;
    }
}
.vision{
    background-color:#0c7aa7;
}
.vision:hover{
     background-color:#f7f7f7;
}


.bestservice{
    padding:3em 3em 1em 3em;
}


@media (max-width: 548px) {   
     .bestservice {
        padding: 2em 1em 0.5em 1em;      
    }   
}
.bestservice .head ,.subhead{
    text-align:center;
}

.bs1, .bs2, .bs3{
    padding-top:0.8em;
    padding-bottom:0.8em;
    display:flex;
    flex-wrap: wrap;
}
.bsp{
   text-align:center;
}

    .bestserviceBox {
        border: 0.11em solid #dfdfdf;
        border-radius: 0px 1.7em;
        padding: 1.5em 0.6em;
        text-align: center;
        transition: all 0.5s ease 0s;
        height:100%;
       }

        .bestserviceBox:hover {
            background-color: #3498db;
            border-color: #3498db;
        }

        .bestserviceBox .bestservice-icon {
            width: 4em;
            height: 4em;
            background-color: #3498db;
            border-radius: 0 1.25em;
            margin: 0 auto 1.5em;
            transition: all 0.5s ease 0s;
        }

        .bestserviceBox:hover .bestservice-icon {
            background-color: #fff;
        }

        .bestserviceBox .bestservice-icon i {
            font-size: 1.5em;
            color: #fff;
            line-height: 2.5em;
            transition: all 0.5s ease 0s;
        }

        .bestserviceBox:hover .bestservice-icon i {
            color: #40d4f5;
        }

        .bestserviceBox .besttitle {
            font-size: 1em;
            font-weight: bold;
            color: #5e5e5e;
            margin-bottom: 1.25em;
            text-transform: capitalize;
            transition: all 0.5s ease 0s;
        }

        .bestserviceBox:hover .besttitle {
            color: #fff;
        }

        .bestserviceBox .besttitle:after {
            content: "";
            width: 25%;
            border-top: 0.11em solid #5e5e5e;
            display: block;
            margin: 0.937em auto;
            transition: all 0.8s ease 0s;
        }

        .bestserviceBox:hover .besttitle:after {
            width: 80%;
            border-color: #fff;
        }

        .bestserviceBox:hover .bestdescription {
            color: #fff;
        }

    @media only screen and (max-width: 990px) {
        .bestserviceBox {
            margin-bottom: 0.5em;           
        }
        .bsp  {
              text-align:justify;
             }
       .bscol {
              padding-top:1em;
            }
    }

    .disclaimer{
         padding:2em 3.5em 2.5em 3.5em;
    }
@media (max-width: 548px) {
    .disclaimer {
        padding: 0.8em 1em 1em 1em;
    }
}
  .disclaimer .head {
                   text-align: left;
                    }