body {
   font-family: 'Heebo', sans-serif !important;
 }

 #qLpercentage {
  font-size: 20px !important;
  color: #019bec !important;
  position: absolute !important;
  top: 65% !important;
  font-family: 'Heebo', sans-serif !important;
  font-weight: bold;
 
}

#qLoverlay::before {
  position: absolute;
  content: url(../images/logo1.png);
  left: 0;
  right: 0;
  top:30%;
  width: 140px;
  height: 57px;
  margin: auto; }

.loaderCover {
  width: 100%;
  height: 100vh;
  background: #d7f1ff;
  z-index: 20;
  position: fixed; }

 h2 {
   color: #fff;
   font-size: 60px;
 }
 h3.awards{
  font-size: 40px;
}

h3.awards span{
  font-size: 30px;
}

 p {
   color: #cccccc;
   font-size: 18px;
 }
 .text-primary {
   color: #09abff;
 }
.header{
  background-color: #d7f1ff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header .nav-link{
 color: #313233 !important;
  font-size: 18px;
  padding-right: 1rem!important;
  padding-left: 1rem!important;
}

.header  .fa-search{
  position: absolute;
    right: 20px;
    top: 35px;
}

.hero-slider .slick-slide {
  margin: 0;
}

/* .navbar-nav
{
  position: absolute;
    left: 0;
    right: 0;
    
    justify-content: center;
} */

 .heading {
   line-height: 62px;
 }
 .heading:after {
   content: '';
   background-image: url(../images/heading-underline.png);
   width: 128px;
   height: 5px;
   display: block;
   margin: 25px 0 40px 0;
 }
  
 .hero-section .down-arrow {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 20px;
   display: block;
 }

 .hero-section .slick-prev {
  left: 10px;
  z-index: 5;
}

.hero-section .slick-next {
  right: 20px;
}

.slick-prev:before, .slick-next:before {
   
  font-size: 30px;
 
}

 .about-sec {
   background-image: url(../images/about_bg.png);
   background-position: center top;
   padding: 150px 0;
   background-repeat: no-repeat;
   background-color: #04224d;
 }
 .about-works {
   margin-top: 110px;
 }
 .about-works h3 {
   color: #09abff;
   font-size: 24px;
   font-weight: 700;
 }
 .about-works ul {
   padding: 0;
   list-style: none;
 }
 .about-works ul li {
   color: #cccccc;
   background: url(../images/bullet.png);
   background-repeat: no-repeat;
   padding-left: 15px;
   background-position-y: 8px;
 }
 .weCover-sec {
   background-image: url(../images/strenght_bg.png);
   background-position: center top;
   padding: 150px 0;
   background-repeat: no-repeat;
   background-color: #04224d;
 }
 p.border-text {
   padding: 14px 41px;
   border-left: 1px solid #ccc;
 }
 .weCover-sec .box {
   border: 1px solid #01c6ff;
   padding: 75px 35px;
    height: 100%;
 }
 .weCover-sec .box h3 {
   font-size: 26px;
   color: #fff;
   margin: 25px 0 18px;
 }
 .weCover-sec .box p {
   font-size: 16px;
   margin: 0;
 }
 .weCover-sec .our-strength {
   margin-top: 200px;
 }
 .project-sec {
   background-image: url(../images/project-bg.png);
   background-position: center top;
   background-size: cover;

   padding: 150px 0;
   background-repeat: no-repeat;
   background-color: #04224d;
 }
 .project-sec .tab-row {
   margin-top: 100px;
 }
 .project-sec .tab-row a {
   color: #ccc;
   font-size: 13px;
   text-transform: uppercase;
   margin-right: 15px;
   border-right: 1px solid #ccc;
   padding-right: 15px;
   line-height: 13px;
 }
 .project-sec .tab-row a:last-child {
   border-right: 0px solid #ccc;
 }
 .project-sec .prj-box img {
  border-radius: 5px;
  width: 100%;
}
 .project-sec .prj-box p {
   font-size: 13px;
   text-transform: uppercase;
   margin-bottom: 8px;
   margin-top: 18px;
 }
 .project-sec .prj-box h3 {
   font-size: 20px;
   color: #fff;
 }
 .gallery-sec{
   background-image: url(../images/gallery_bg.jpg);
   padding: 70px 0;

 }

 .inner-masthead{
  background-image: url(../images/masthead-bg.jpg);
   
  padding: 90px 0 70px 0;
}

.slick-slide{
  margin: 0 5px;
}
.gallery-slider img{
 border-radius: 5px;

}

.gallery-heading{
  position: absolute;
  z-index: 5;
  top: -25px;
}

.contact-sec{
  background-image: url(../images/contact-bg.png);
  background-position: center bottom;
  padding: 150px 0;
  background-repeat: no-repeat;
  background-color: #04224d;
}

.contact-sec .phone{
  color: #fff;
  font-size: 30px;
}
.contact-sec .email{
  color: #ccc;
  font-size: 18px;
  margin: 40px 0;
}

.contact-sec .social .fa{
  color: #00a3fe;
  font-size: 30px;
  margin-right: 15px;
}

.footer{
  background-color: #01234a;
  padding: 30px 0;
}
.footer p{
 font-size: 16px;
}

.footer .btn-top{
  position: relative;
  color: #fff;
}

.btn-top::after{
  content: '';
  background-image: url(../images/arrow-up.png);
  width: 52px;
  height: 49px;
  position: absolute;
  top: -13px;
  right: -59px;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/menu.png) ;
width: 24px;
height: 18px;
}
.gallert-page{
  background-image: url(../images/contact-bg.png);
  background-position: center bottom;
  padding: 150px 0;
  background-repeat: no-repeat;
  background-color: #04224d;
}
.gallert-page img{
  transform: scale(1);
 transition: all .4s;
}

.gallert-page img:hover{
  transform: scale(1.05);
 
}

.awards-slider img{
  width: 100%;
  height: 363px;
  object-fit: cover;
  object-position: top;

}

.awards-slider .slick-next::before {
  content:url(../images/nexta.png);
}
.awards-slider .slick-next {
  right: 30px;
  bottom: 20px;
  top: inherit;
}

.awards-slider .slick-prev::before {
  content:url(../images/preva.png);
}

 .awards-slider .slick-next:focus {
  outline: 0;
 }
 .awards-slider .slick-prev:focus {
  outline: 0;
 }
.awards-slider .slick-prev {
  left: 20px;
  bottom: 20px;
  top: inherit;
  z-index: 5;
}

.awards-slider .slick-list{
  margin: 0 0;
  border-radius: 15px;
  overflow: hidden;
}

 @media (min-width: 1200px) {
   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
     max-width: 1200px;
   }
 }

 @media (max-width:992px) {
 .header  .container  {
  max-width: 100%;
}
.navbar-nav {
  position: static;
  padding-top: 25px;
}
.navbar-toggler {
  padding: 0;
   
  border: 0px solid transparent;
 
}
.header .fa-search {
  
  right: 90px;
  
}
.header .nav-link {
  font-size: 16px;
  border-top: 1px solid #c4dce9;
}
}

@media (max-width:600px) {

  h3.awards span {
    font-size: 23px;
}

h3.awards   {
  font-size: 30px;
}
.hero-section h2 {
  font-size: 47px;
  color: #fff;
  line-height: 44px;
}
.hero-section .down-arrow {
   
  width: 30px;
}
h2 {
 
  font-size: 40px;
}
.heading:after {
   
  margin: 21px 0 40px 0;
}
p {
  
  font-size: 16px;
}
.about-sec {
  
  padding: 100px 0;
 
}
.about-works {
  margin-top: 40px;
}
.heading {
  line-height: 43px;
}
.weCover-sec {
 
  padding: 100px 0;
 
}
.weCover-sec .our-strength {
  margin-top: 70px;
}
.project-sec {
  
  padding: 100px 0;
 
}
.project-sec .tab-row a {
   
  font-size: 11px;
   
  padding-right: 7px;
 
}
p.border-text {
  padding: 0;
  border-left: 0px solid #ccc;
}
.project-sec .tab-row {
  margin-top: 50px;
}

.slick-prev {
  left: -5px;
  z-index: 5;
}
.slick-next {
  right: -5px;
   
}
.contact-sec {
   
  padding: 100px 0;
 
}

.contact-sec h3{
  font-size: 21px;
}
.contact-sec .phone {
  
  font-size: 21px;
}
.weCover-sec .box {
  
  padding: 55px 35px;
  
}
.header .fa-search {
  right: 60px;
}
}