.header-bg {
    background-color: #60a14842;
}
.main-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}


.main-banner .left-content {
    margin-right: 15px;
}

.main-banner .left-content h6 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: #1562ad;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.main-banner .left-content h2 {
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 50px;
    color: #5fa248;
    margin-bottom: 20px;
}

.main-banner .cloud {
    color: #1562ad;
    font-style: bold;
}

.main-banner .left-content p {
    margin-bottom: 30px;
    margin-right: 45px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
}

.main-banner .right-image {
    text-align: right;
    position: relative;
    z-index: 20;
}

.main-banner .right-image img {
    max-width: 593px;
}
@media (max-width: 991px) {
    .main-banner .hide-tablet {
        display: none;
    }
}
@media (max-width: 992px) {
    
    .main-banner .left-content {
        margin-right: 0px;
    }
    .main-banner {
        text-align: center;
    }
    .main-banner:before {
        display: none;
    }
    .main-banner .right-image {
        margin: 30px auto 0px auto;
        text-align: center;
    }
}
@media (max-width: 767px) {
    
    .main-banner .info-stat {
        margin-bottom: 15px;
    }
}
.button-blueP {
    color: #1562ad !important;
    border: 1px solid #1562ad !important;
}

.button-blueP:hover {
    background-color: #1562ad;
    color: #fff !important;
}
.show-up {
    position: relative;
    z-index: 222;
}
#about {
    padding: 5.856515373352855vw 0vw 5.856515373352855vw 0vw;
}
.grey-bg {
    background-color: #f1f2f3;
}

.white-bg {
    background-color: #ffffff;
}
.section-heading {
    position: relative;
    z-index: 2;
}

.section-heading h6 {
    font-size: 15px;
    font-weight: 700;
    color: #1562ad;
    text-transform: uppercase;
    margin-bottom: 1.0980966325036603vw;
}

.section-heading h5 {
    color: #5fa248;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 1.8301610541727673vw;
}

.section-heading h5 em {
    font-style: normal;
    color: #1562ad;
}

.section-heading h4 {
    color: #5fa248;
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
}

.section-heading h4 em {
    font-style: normal;
    color: #1562ad;
}

.section-heading .line-dec {
    width: 50px;
    height: 2px;
    background-color: #1562ad;
}
.clients-pre {
    margin: 5px;
}

.clients-post img {
    width:98px;
    height:61px;
    margin-left:1%;
    margin-right:1%;
}

.clients-post img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.clients-post img:hover{
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
}
.why-us {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 5.856515373352855vw 0vw 5.856515373352855vw 0vw;
    position: relative;
    overflow: hidden;
}

.why-us .left-content {
    margin-right: 2.235469448584203vw;
}

.why-us .left-content h6 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: #1562ad;
    margin-bottom: 2.235469448584203vw;
    text-transform: uppercase;
}

.why-us .left-content h2 {
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 50px;
    color: #2a2a2a;
    margin-bottom: 2.9806259314456036vw;
}

.why-us .cloud {
    color: #1562ad;
    font-style: bold;
}

.why-us .left-content p {
    margin-bottom: 4.470938897168406vw;
    margin-right: 6.7064083457526085vw;
    color: #333;
}

.why-us .right-image {
    text-align: right;
    position: relative;
    z-index: 20;
}

.why-us .right-image img {
    max-width: 593px;
}
@media (max-width: 992px) {
    
    .why-us .left-content {
        margin-right: 0px;
    }
    .why-us .right-image {
        margin: 30px auto 0px auto;
        text-align: center;
    }
}
.section-block-grey {
    padding: 2.1961932650073206vw 0vw 2.1961932650073206vw 0vw;
}
.serv-section-2 {
    position: relative;
    border: 1px solid #eee0;
    background: #fff;
    /*box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);*/
    border-radius: 5px;
    overflow: hidden;
    padding: 2.1961932650073206vw;
    margin: 0.5vw;
}

.serv-section-2:hover {
    border: 1px solid #5fa248;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}



.serv-section-2-icon {
    position: absolute;
    top: 18px;
    right: 22px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
}

.serv-section-2-icon i {
    color: #1562ad;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc {
    position: relative;
}

.serv-section-desc i {
    color: #1562ad;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc img{
    height:55px;
    width: 55px;
}

.serv-section-desc:hover i {
    color: #5fa248;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2 h4 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.serv-section-2 h5 {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.6603221083455345vw;
}

.section-heading-line-left {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #1562ad;
    border-radius: 25%;
    margin-top: 1.0980966325036603vw;
    margin-bottom: 0.36603221083455345vw;
}

.serv-section-2 p {
    margin-top: 1.8301610541727673vw;
    padding-right: 3.6603221083455346vw;
}

.serv-section-2:hover .serv-section-2-icon i {
    color: #fff;
}

.serv-section-2:hover:before {
    background: #5fa248;
}
.serviceBox{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.container-blog {
          position: relative;
          width: 100%;
          background-color: #fff;
          box-shadow: 0px 0px 4px 3px #acdb9d;
          border: 0px solid #1562ad;
          border-radius: 12px;
          height: 100%;
          min-height:21rem;
          }

       .images {
          display: block;
          width: 100%;
          height: auto;
          border-radius: 12px;
          }
          .blog-head{
             font-size:18px;
          font-weight:700;
             padding-left:1vw;
             padding-right:1vw;
             }
             .blog-head img{
                 width:26px;
                 height:26px;
             }
          .blog-desc{
             padding-left:1vw;
             font-weight:500;
             text-align:justify;
             padding-left:2vw;
             padding-right:1vw;
             position:relative;
             }
             .blog-desc img{
                 width:26px;
                 height:26px;
             }
             .blog-date{
                 padding: 0 10px;
                margin-top: 15px;
                font-weight: 400;
             }
             .blog-date .fa-calendar{
                 color:#1562ad;
             }
             .icon-card {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px;
    border-radius: 10px;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    line-height: 1.2;
    color: #fff;
    background-color: #1562ad;
    box-shadow: 0 40px 40px -20px #8fc7d544;
    display: grid;
    align-content: space-between;
    justify-content: center;
}

.icon-card .card-content {
    margin-top: 30px;
}

.icon-card h6 {
    font-size: 1.2em;
    font-weight: 700;
}

.icon-card p {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 400;
}
.btn-blog{
 background-color:#1562ad;
 color:#ffffff;
 box-shadow:0px 0px 4px 2px transparent;
}
.btn-blog:hover{
    box-shadow:0px 0px 4px 2px #5fa248;
    color:#ffffff;
}
.btn-news{
 color:#ffffff;
 font-weight:700;
 text-decoration:underline !important;
}
.btn-news:hover{
 color:#ffffff;
 font-weight:700;
 text-decoration:underline !important;
    box-shadow:0px 0px 4px 0px #ffffff;
}
.btn-lgg{
    padding:0.8rem 1.6rem;
}
.container-news{
 background-color:#ffffff;
 border-width:10%;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 box-shadow:0px 0px 4px 1px #1562ad;
 height: 100%;
 min-height:21rem;
}

.container-news p{
 font-size:16px;
 font-weight:400;
 text-align:justify;
}
.news-desc img {
    width: 26px;
    height: 26px;
}
.news-heading .fa-newspaper-o{
    color:#1562ad;
}
.news-heading #title{
    font-size:1.5rem;
}