.h-100{
  height: 100%;
}

.w-80{
  width: 80%;
}

.w-60{
  width: 60%;
}

.bg-theme-blue{
  background-color: #003366;
}

.bg-theme-red{
  background-color: #D84635;
}

.bg-theme-grey{
  background-color: #f5f5f5;
}

.text-theme-blue{
  color: #003366;
}

.text-theme-red{
  color:  #D84635;
}


.font-500{
  font-weight: 500;
}

.h-400p{
  height: 400px;
}

.w-200p{
  min-width: 200px;
}

.hero-banner-para{
  font-size: 16px; !important 
}

.border-grey{
  border: 1px solid #0033661a;
}

/* .border-pretty-theme-light{
  color: white;
  border: 1px solid white;
} */

.vertical-align-middle{
  margin-top: 25%;
}

.text-theme-small{
  font-size: 14px;
}

.m-blog-left{
  margin-left: -20px;
}

.animated-hover-card {
  background-color: #f5f5f5;
  color: inherit;
  
}

.animated-hover-card:hover {
  background-color: #003366;
  color: white;
} 

.animated-hover-card p{
  display: none;
  transition: 1s;
}

.animated-hover-card:hover p{
  display: block;
}

.animated-hover-card img{
  height: 200px;
  transition: 1s;
}

.animated-hover-card:hover img{
  height: 160px;
}

.overlay {
  position: absolute; 
  top: 0; 
  left: 0;
  background: rgb(0, 0, 0);
  background: #d84535da; /* Black see-through */
  color: #f1f1f1; 
  width: 0%;
  height: 160px ;
  transition: .5s ease;
  opacity:0;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.animated-hover-card:hover .overlay {
  opacity: 1;
  width: 100%;
}

.bg-dark-blue{
  background-color: #00203f;
}

.footer-small-text{
  font-size: 12px;
}

a.footer-links{
  padding-bottom: 50px;
  margin-bottom: 10px;
  color: #f1f1f1;
}

.text-lower{
  text-transform: lowercase;
}

.about-animated-img{
  margin-top: -250px;
}

.designation-text{
  opacity: 60%;
  margin-top: -5px; font-weight: 400
}



#projects, #about, #home, #contact, #subscribe{
  padding-top: 18%;
margin-top: -18%;
}



 #dot-nav {
    top: 100px;
  }
.fleft {
    float: left !important;
}

@media (min-width: 1200px) and (max-width: 1440px) { 
  /* div{
    background-color: aqua;
  } */
  #dot-nav {
    top: 100px;
  }

  #projects, #about, #home, #contact, #subscribe{
    padding-top: 120px;
  margin-top: -120px;
  }

 }