@font-face {
  font-family: 'Urdu_Emad_Nastaliq';
  src:url('../fonts/Urdu_Emad_Nastaliq.ttf.woff') format('woff'),
      url('../fonts/Urdu_Emad_Nastaliq.ttf.svg#Urdu_Emad_Nastaliq') format('svg'),
      url('../fonts/Urdu_Emad_Nastaliq.ttf.eot'),
      url('../fonts/Urdu_Emad_Nastaliq.ttf.eot?#iefix') format('embedded-opentype'); 
  font-weight: normal;
  font-style: normal;
}

.urdu-font {
  font-family: 'Urdu_Emad_Nastaliq';
}


#nav1 .nav-item:not(:first-child) {
  border-left: 1px solid #f8f9fa26;
}

#myNav .active {
  color: #736200 !important;
  background-color: #ffcd39 !important;
}

.container-imgs .overlay-img {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  transition: .3s ease;
}

.container-imgs .overlay-img:hover {
  background: rgba(0, 0, 0, 0.7);
}

.icon-zoom {
  font-size: 43px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin-top: -27px;
  opacity: 0;
  transition: .3s ease;
}

.container-imgs:hover .overlay-img .icon-zoom {
  margin-top: 0px;
  opacity: 1;
}