/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');


body-nouse {
  padding-top: 80px;
  font-family: 'Montserrat', sans-serif;
}

.fontcolor{
  color: #10146D !important ; 
  font-weight: 900;
}

.navbars {
  background-color: #10146D;
}

.fontcolorgrey{
  color: #475267 !important ; 
}

.navigation{
  /* background-color: #000420 !important; */
  margin-top: 0.69rem;
  background-color: white !important;
  box-shadow: 0px 5px 12px -3px rgba(0,0,0,0.75);
}
/* top-bar */
.top-bar{
  margin-top: -0.5rem;
}
.top-bar-text{
  font-size: 0.9rem;
  padding: 0.2rem 1rem; 
}
/* page -header */
.page-header{
  margin-top: 2.3rem;
}
.bar{
  width: 5rem;
  height: 5px;
  background-color: #61ff12;
}
/* dropdown dep */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */


/* common  */
.header{
  margin: 3rem 0;
}

.logoimg{
  width:  80px; 
  height: 80px;
}

/* index page */
.crimg{
  width: auto;
  height: 80vh;
}
/* aboutpage */
.abtimg{  
  height: 30rem;
}
.absplit{
  width: 35rem;
  height: auto;
}
.abh3{
  font-weight: 600;
  font-size: 1.5rem;
  margin: 1rem;
}

.depimg{
  height: 25rem;
  background-size: cover;
}

.depspan{
  font-size: .8rem;
  opacity: 0.7;
}

.deph5{
  margin: 0rem;
  font-weight: 500;
  font-family: Verdana, Geneva, sans-serif;
}

/* consultant */
  .consplit{
    width: 27rem;
    height: auto;
  }
  @media (min-width: 768px) {
    .consplit {
      width: 30rem;
    }
  }

/* facilities page */
.facimg{
  width: 13rem;
  height: auto;
}
.facicon{
  width: 2rem;
  margin: 1rem 0rem ;
}
.facCardimg{
  width: 15.9rem;
  height: 15rem;
}

/* contact page */
.icon{
  width: 2rem;
  height: 2rem;
}

iframe{
  width: 29rem;
  height: 23rem;
}
@media (max-width: 500px) {
  iframe {
    width: 15rem;
  }
}

.let-space1 {  
  letter-spacing: 1px;
}

.fontsize5 {
  font-size: 5px;
}

.fontsize10 {
  font-size: 10px;
}

.fontsize15 {
  font-size: 15px;
}

.fontsize20 {
  font-size: 20px;
}

.image {
  display: block;
  width: 100%;
  height: 100px;
}

.overlay {
  position: absolute; 
  width: 100%;
  transition: .5s ease;
  opacity:0.8;
  color: white;
  font-size: 30px;
  padding: 20px;
}

.borderradius10 {
  border-radius:10px;
}

.hometextblock {
  position: absolute;
  top: 200px;
  left: 50px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.zoom {
  /* padding: 50px; */
  /* background-color: green; */
  transition: transform .2s; /* Animation */
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.contentfont {
  font-family: Poppins;
  font-size: 14px;
  line-height: 1.7;
  color: #2A2F35;
}

.poppinsfont {
  font-family: Poppins;
}

.maintenance{
  height: 50rem;
  background-repeat: no-repeat;
}

.homeoverlay1 {
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: .5s ease;
  color: white;
  font-size: 30px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);     
}

.homeoverlay2 {
  position: absolute;
  bottom: 0;
  width: 100%;  
  transition: .5s ease;
  color: white;
  font-size: 30px;
  padding: 5px;
  background: #10146D    
}

.orangefont {
  color: #f0672f;
}

.home-image  {  
  height: 81vh;
  display: block;
  width: 100%;
}

.heading-sub{
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  color: #f0672f;
  margin-top: 10px;  
}

.webappoverlay {
  position: absolute;
  top: 0;
  /* width: 100%; */
  transition: .5s ease;
  color: rgb(117, 102, 102);
  font-size: 30px;
  padding: 5px;
  background: rgba(165, 133, 133, 0.0);     
}

.productoverlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: .5s ease;
  font-size: 30px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.8);     
}