@import url("https://fonts.googleapis.com/css?family=Lato|Sans Serif|Poppins");
:root {
    --font: "Lato";
    --font1: "Poppins";
     
  }

  html,
body {
    font-family: var(--font1);
    background-color: #f9f9f9;
    font-size:1rem;
}
nav
{
    font-family: var(--font);
    background-color: white;;
}

.navbar{
  padding: 0rem 1rem;

}
.nav-link {
  display: block;
  padding: 1rem 1rem;
}
.nav-center .nav-item
{
    font-family:  var(--font);
    padding:0rem 1rem;
} 
.navbar-light .navbar-nav .nav-link {
    color:#00517B;
    font-size: 20px;
    
}
.navbar-light .navbar-nav .nav-link {
    color:#00517B;
}
.navbar-light .navbar-nav .nav-link:hover {
  color:#00517B;
 
  font-weight: bold;
  
}
.navbar-light .navbar-nav .active>.nav-link:hover {
  color:#00517B;
  font-weight: bold;
  border-bottom: 3px solid #00517B;
  
}
.navbar-light .navbar-nav .active>.nav-link
{
   color:#00517B;
   font-weight: bold;
   border-bottom: 3px solid #00517B;
   
}
.active1{
  position:absolute;
  padding-top: 2.5%;
}
  
 


.navbar-light .navbar-nav  .active1
{
  display:none;
}
.navbar-light .navbar-nav .active .active1
{
  display:inline;
}
.navbar-brand
{
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.core-image img
{
    width:50%;
}
.core-img1
{

}
.core-image 
{
    width:15%;
    position: absolute;
    
}
.core-image1
{
    width:20%;   
}
.over1 .core-head
{
    font-size: 35px;
    color:#00517B;
    font-weight: bold;
    font-family: var(--font1);
}
.over1 p{
    font-size: 20px;
    color:#313131;
}
.over2 .core-head
{
    font-size: 35px;
    color:#00517B;
    font-weight: bold;
    font-family: var(--font1);
}
.over2 p{
    font-size: 20px;
    color:#313131;
}
.over .core-head
{
    font-size: 35px;
    color:#00517B;
    font-weight: bold;
    font-family: var(--font1);
}
.over p{
    font-size: 20px;
    color:#313131;
}
.overlay .core-head
{
    font-size: 35px;
    color:#FFFFFF;
    font-weight: bold;
    font-family: var(--font1);
}
.overlay p{
    font-size: 20px;
    color:#FFFFFF;
}
.overlay1 .core-head
{
    font-size: 35px;
    color:#FFFFFF;
    font-weight: bold;
    font-family: var(--font1);
}
.overlay1 p{
    font-size: 20px;
    color:#FFFFFF;
}
.overlay2 .core-head
{
    font-size: 35px;
    color:#FFFFFF;
    font-weight: bold;
    font-family: var(--font1);
}
.overlay2 p{
    font-size: 20px;
    color:#FFFFFF;
}
.header-text
{
    color:#34690E;
    font-weight: bold;
    font-family: var(--font);
}
.highlight-text 
{
 
    font-size: 5.5rem;
    
    color:#EFEFEF;
    font-family: var(--font);
  
    font-weight: bold; 
position: relative;

}

.highlight-text span{
    
    padding-top: 1.9rem;
    font-weight: bold; 
    color:black;
font-size: 2.5rem;
font-family: var(--font);
position: absolute;
top: 0;
align-items: center; /** Y-axis align **/
justify-content: center; /** X-axis align **/
width: 100%;
height: 100%;
display: flex;



}
.core-card
{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.core-card:hover .overlay {
    opacity: 1;
  }
  .core-card:hover .overlay1 {
    opacity: 1;
  }
  .core-card:hover .overlay2 {
    opacity: 1;
  }
  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: black;
    background-image:url(../assets/mission.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
   
  }
  .overlay1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-image:url(../assets/vision.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .overlay2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-image:url(../assets/flight.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .overlay3
  {
    background-image:url(../assets/vision-big.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .core-expert
  {
    background-color: white;
  }
  .expert-img
  {
    width:30%;
    
  }
  .expert-img1
  {
    position: absolute;
   left:43%;
  top:16%;
  }
  .core-expert
  {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
  }
  .core-expert p
{
    font-size: 1rem;
    font-family: var(--font1);

}
  .expert-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
   
    
  }
 .expert-overlay{
    background-image: url(../assets/20.png);
   
    background-repeat: no-repeat;
    background-size: 100% 100%;

 }
 .address h5
 {
  font-family: var(--font);
 }
 
 .address a{
  text-decoration: none;
  font-size: 1rem;
 
  
}
.address p{
  margin-bottom: 0.5rem;
  font-family: var(--font);
}

.core-expert:hover .expert-overlay {
    opacity:1;
  }
  .form-card
  {
    background-color: #ffffff;
  }
  #grad {
    background-image: linear-gradient(to right, #00517B , #0D9ECB);
    color:white;
    border-radius: 5px;
  }
 
  footer{
    background-image: linear-gradient(to bottom, #00517B , #1A1C1C);
  
  }
  .foot-link a
  {
    text-decoration: none;
   
    font-size: 1rem;
   
   
  
  }
  .foot-link p{
    margin-bottom: 0.5rem;
    
  }
  
  hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
   
    border-style: inset;
    border-width: 1px;
    color:white;
    width:99.5%;
    

  }
  #myDIV1 {
    
    padding:10px;
    display:none;
   }
   #myDIV2 {
    
    padding:10px;
    display:none;
   }
   .leader-row h2{
    font-family: (--font);
    color:#848484;
    font-size: 60px;
    opacity: 12%;
    font-weight: bold;


   }
   .leader-row .col-md-8 h5{
    font-weight: bold;
    color: #00517B;
    font-size: 45px;
   }
   .leader-row .col-md-8 h4{
    font-weight: 200;
    margin-bottom: 1.5rem;
   }
   .leader-row .col-md-8 p{
    
    color: #999999;
    font-size: 17px;
   }

   .carousel-control, .carousel-control1 {
    text-decoration: none;
    
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: none;
   background-color:none;
   border-color: none; 
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
 color:#00517B;
   background-color:white; 
}
.nav-link p{
  margin-bottom: 0.3rem;
 
}
.nav-link p img{
  padding-right: 0.5rem;
  
}

.nav-pills .nav-link
{
  color:#00517B;
  background-color:white; 
  font-size: 1rem;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BFBFBF;
  opacity: 1; /* Firefox */
}
.card{
  border: none;
}
.carousel-control-next {
  justify-content: end;
  padding-right: 2%;

}
.carousel-control-prev
{
  justify-content: start;
  padding-left: 2%;
}
.address p span{
 padding-left: 3rem;
}
.locate-para
{
 
}
.nav-pills img
{
  width:10%;
}
.footer-copy
{
  float: right;
}