*{
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  list-style: none !important;
}

    input, select, textarea {
      box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    }
    
a {
  color: black;
}

button, a  {
  cursor: pointer;
  transition: opacity .3s ease-in-out;
}
button:hover {
  opacity: .8;
}
button:active, a:active {
  opacity: .3;
}

body, main {
  background-color: #edf3f7 !important;
}

    .no-scrollbar::-webkit-scrollbar
  {
      width: 0;
      height: 0;
    } 
.light-bg {
  background: #C6D8E8;
}
.nav {
  top: 35px;
  left: 10vw;
  right: 10vw;
  background: #C6D8E8;
background: linear-gradient(90deg, rgba(198, 216, 232, 1) 0%, rgba(198, 216, 232, 1) 19%, rgba(255, 255, 255, 1) 100%);
}

.nav-item {
  transition: border .05s;
}

.nav-mini {
  
  top: 110px;
  left: 10vw;
  right: 10vw;
}

.sections {
  padding-left: 10vw;
  padding-right: 10vw;
}
.active:active {
  opacity: .6;
}

.top-pad {
  padding-top: 150px;
}
.top-pad-sm {
  padding-top: 100px;
}

.bottom-margin {
  margin-bottom: 130px;
}



.top-pad-tn {
  padding-top: 70px;
}


.s1 {
  padding-top: 150px;
  background-image: url(/assets/images/Hero-section-img.jpg);
  background-size: cover;
  background-position: center;
  height: 750px;
}

.h1 {
  color: #386890 !important;
}

.btn-sub {
  background-color: #386890;
}

.btn-main {
  background-color: #0A2471;
}

.text-main {
  color: #0A2471;
}

.bg-slate-blue {
  background-color: #356287;
}

.gallery-item {
  width: 690px;
  min-width: 690px;
  min-height: 614px;
  height: 614px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

div.pic-card  {

  background-size: cover;
  cursor: pointer;

}

.card-a {
  background-image: url(/assets/images/sciences.webp);
}

.card-b {
  background-image: url(/assets/images/field.webp);
}

.card-c {
  background-image: url(/assets/images/astro.webp);
}

.card-d {
  background-image: url(/assets/images/tools.webp);
}


.gallery-item-content {
  left: 30px;
  bottom: 40px;
  

}

.item-a {
  background-image: url(/assets/images/energy-infrastructure.webp);
  
}

.item-b {
  background-image: url(/assets/images/Construction-and-engineering.webp);
}

.item-c {
  background-image: url(/assets/images/manufacturing-and-industrial.webp);
}

.item-d {
  background-image: url(/assets/images/defense-and-security.webp);
}

.item-e {
  background-image: url(/assets/images/emergency-medic-systems.webp);
  background-position: left;
}

.s5 .sentinel {
  background-image: url(/assets/images/Texture.webp);
  background-position: center;
  background-size: cover;
  height: 470px;
}


.big {
  font-size: 70px;
  opacity: .6;
}

.icon {
  width: 30px;
  height: 30px;
}

.pic-card {
  height: 0px;
  transition: height .5s ease-in-out, width .5s ease-in-out;
}

/* .cards:hover {
  width: 50% !important;
} */

.cards {
  transition: width .7s !important ;
}
.cards:hover .pic-card {
  height: 200px;
  width: auto;
}
/* 
.operational-pipeline {
  height: au;
} */
@media (max-width: 768px) {
  /* .nav {
    left: 0px;
    right: 0px;
  } */
}