@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
body{font-family: 'Roboto', sans-serif;color: #222}
a, a:hover{text-decoration: none;}
.nav-link{text-transform: uppercase;font-weight: 500;}
a.nav-link{color: #fff !important;font-size: 15px !important;}
.ml-lnk li{list-style-type: none;color: #073553;}
.ml-lnk li a{color: #fff !important;}
.navbar-brand img{filter: grayscale(1) brightness(10);}
.navbar-nav li{padding:0 5px;}
.banner-sec{padding:12em 0 7em; background: url(../img/contact-banner.jpg);background-size: cover; margin-top: 0px;z-index: 1;position: relative;}
header{padding-left:60px !important;padding-right: 45px !important;z-index: 13;position: relative;}
.al-sec{padding:60px 0;}
h1, h2, h3,h4,h5,h6{color: #073553;font-weight: 600;font-family: 'Poppins', sans-serif;}
.pack-bx{position: relative;border-radius: 10px;z-index: 1;padding:20px;margin-top: 30px;}
.pack-bx:before{content:'';position: absolute;background: #0b4877;opacity: 0.8;width:100%;height: 100%;z-index:-1;left:0;top: 0;border-radius: 10px;}
.cnt{z-index: 1;color: #fff;}
.pack-bx.b1{background: url(../img/bx-1.jpg);background-size: cover;background-position: left center;}
.pack-bx.b2{background: url(../img/bx-2.jpg);background-size: cover;background-position: left center;}
.pack h2, .serv h2, .pft-gal h2, .promise h2, .partner h2, .rst-qt h2{text-transform: uppercase;font-weight: 600;}
.rst-qt h3{font-size: 24px;font-weight: 500;}
  .rst-qt h3:before{content:'';position: absolute;width: 50%;
    height: 2px;
    background: #2578b0;
    margin-left: -55%;
    margin-top: 14px;}
  .home-frm input, .home-frm select{ height:60px;padding:0 20px; margin-bottom: 30px;border: 1px solid #ddd;}
  .home-frm textarea{height:150px !important;border: 1px solid #ddd;}
  .frm-btn{
      background: #073553;
      width:100%;
      border-radius: 10px;
      padding:10px;
  }
  .frm-btn:hover{background: #0b4877;}
  .qt-img{
    position: absolute;
    top: -25px;
    margin: 0 auto;
    width: 100%;
}
::placeholder{opacity:0.8 !important}
footer{background: #bababa;font-family: 'Poppins', sans-serif;}
.main-foot{padding:60px 80px 20px;}
.foot-links li{list-style-type: none;padding:5px 0;font-size: 16px;}
.foot-links li a{color: #073553;}
.foot-links{padding: 0;}
.main-foot h3{font-weight: 500;}
.main-foot h4{font-size: 20px;font-weight: 500;}
.icn-list li{list-style: none; display: inline-block; padding: 10px;font-size: 16px;}
.icn-list li a{color: #073553; font-size: 24px;}
.icn-list{padding: 0;}
footer a, footer p{color: #073553;}
footer a:hover{color: #0b4877;}
.cpy-txt p{font-size: 14px;}
p.hr-line{border-radius: 100%;
    padding: 0;
    margin: 10px 0 0;
    line-height: 0;
    width: 100%;
    height: 3px;
    background: #878787;
}
.contact-icon-box{display:block;width:80%}
.contact-icon-box .icn-bx{width:15%;float:left;text-align: center;}
.icn-bx span{
    width:50px;height: 50px;border: 1px solid #0b4877; border-radius: 50%;padding:15px;text-align: center;font-size: 20px !important;
}
.icn-bx span.fa{color:#0b4877}
.contact-info{width: 80%;float:left;margin-left: 15px;margin-top: 5px;}
.contact-info h4{font-size:20px}
.contact-info a{color: #0b4877;}
.clearfix.contact-icon-box {
    display: block;
    margin: 20px 0;
    transition: 0.4s;
    border-radius: 10px;
    padding:10px 15px;
}
.clearfix.contact-icon-box:hover{box-shadow: 0px 0px 12px #aaa;transform: translateX(-10px);}
section.banner-sec:after {
    content: '';
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.5;
    z-index: -1;
    left: 0;
}
@media(max-width:600px){
    .contact-icon-box{width: 100%;}
    .contact-info {
    width: 76%;
    float: left;
    margin-left: 24px;
    margin-top: 5px;
}
.contact-icon-box .icn-bx {
    width: 14%;
    float: left;
    text-align: center;
}
}