/* Navbar */

@media only screen and (min-width: 1200px) {
    .header-nav .nav > li .sub-menu {
width: 250px !important;
    }
    
  }

  @media only screen and (max-width:600px) {
    .logo-nav-top{
      width: 170px !important;
      height: 50px !important;
    }
    
  }
  .footer-dark .footer-top .widget-title::before {
   display:  none !important;
}
.widget-title:after{
  left: 2px !important;
}

  .animation-shadow{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

 .img-border{
border-radius: 15px !important;
 }

h2,h3,h4,h5,h6{
  font-size: 30px !important;
  line-height: 1.2 !important;
}

.p-big{
  color: black;
  font-size: 30px !important;

}

.fa-external-link{
  display: none !important;
}

/* .site-text-primary{
  -webkit-text-fill-color: #486CB3; 
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  color:#486CB3 ;
} */

.site-text-primary{
   /* Will override color (regardless of order) */

  /* -webkit-text-stroke-color:#486CB3 ; */
  color:#486CB3;
  -webkit-text-fill-color: #486CB3; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

/* .animate_line:hover:before {
    width:unset !important;
    height:unset !important;
    background: #486CB3;
} */

.bg-light-1{
  background-color: #486CB3!important;
  color: white !important;
}
.header-nav .nav > li > a {


  font-size: 18px !important;
  font-weight: 600;

}

.bg-custum-color{
  background: rgb(0,0,0) !important;
background: linear-gradient(90deg, #0f4fcf 0%, #486cb3 35%, #0f4fcf 100%) !important;
animation: gradientAnimation 15s ease infinite;
}


.footer-bg{
  background: rgb(0,0,0) !important;
  background: linear-gradient(90deg, #0f4fcf 0%, #486cb3 35%, #0f4fcf 100%) !important;
}
.bg-custum-color-2{
  /* background: rgb(61,61,61);
  background: linear-gradient(90deg, rgba(61,61,61,1) 0%, rgba(219,218,218,1) 35%, rgba(45,45,45,1) 100%); */
  /* background: rgb(164,164,164);
background: linear-gradient(90deg, rgba(164,164,164,1) 0%, rgba(219,218,218,1) 35%, rgba(164,164,164,1) 100%); */
}

.footer-top{
padding: 10px 0 !important;
}

.index-page-about-us{
object-fit: fill;
width: 100%;
height:440px !important;
}


.bg-black-1 {
  --bs-bg-opacity: 1;
  background-color: #0f4fcf !important;
}

@media only screen and (max-width: 600px) {
  .index-page-about-us{
 
    height:300px !important;
    }
  }    

 .project-gallery{
  width: 100%;
  height: 250px !important;
  object-fit: fill !important;
 }



 @media only screen and (min-width: 1000px) {
  .index-service {
 height: 400px !important;
 object-fit: fill !important;
 width: 100% !important;
  }
}