.header_area .navbar .nav .nav-item .nav-link {
  font: 500 16px/100px "Poppins", sans-serif;
  text-transform: uppercase;
  color: #222222;
  padding: 0px;
  display: inline-block;
  margin-right: 44px;
}

#owl-demo {
  margin-top: 132px;
}

#owl-demo .item img {
  /* min-height: 720px; */
  display: block;
  width: 100%;
  /* height: 720px; */
}


#owl-demo .item::after {
  position: absolute;
  content: "";
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgb(46, 49, 53);
  background: -webkit-gradient(linear, left top, right top, from(rgba(4, 9, 30, 0.4)), to(rgba(4, 9, 30, 0.4)));
  background: -webkit-linear-gradient(left, rgba(4, 9, 30, 0.4), rgba(4, 9, 30, 0.4));
  background: -o-linear-gradient(left, rgba(4, 9, 30, 0.4), rgba(4, 9, 30, 0.4));
  background: linear-gradient(to right, rgba(4, 9, 30, 0.4), rgba(4, 9, 30, 0.4));
}

.banner_content {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 680px;
  display: flex;
}

.banner_highlight {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

.banner_highlight h2 {
  font-size: 40px;
}


.about_content p {
  text-align: justify;
  text-justify: inter-word;
}

.dropdown-menu {
  width: 18rem !important;
}

.donate_area {
  padding: 60px 0;
}

.instafeed img {
  width: 50px;
}

.section_gap {
  padding: 100px 0px;
}

.img-label {
  background: #0000009e;
  padding: 10px 20px;
  position: absolute;
  z-index: 100;
  color: #fff;
  width: 95%;
  margin-top: -46px;
  margin-right: 58px;
}



/** bread crumb styles **/

.quiz-notification {
  animation: notification 2s ease infinite;
}

.quiz-notification::after {
  display: block;
  content: '';
  margin-left: 12%;
  padding-top: 5px;
  border-bottom: solid 2px #fff;
  animation: border_animation 2s ease infinite;
}

.breadcrumb_area {
  background-image: url('../../image/breadcrumb.jpg');
}

breadcrumb_area .page-cover {
  color: #fff;
}

.breadcrumb_area::before {
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}


@keyframes notification {

  0%,
  100% {
      color: #fff;
  }

  50% {
      color: #f00;
  }
}

@keyframes border_animation {

  0%,
  100% {
      width: 0%;
  }

  50% {
      width: 50%;
  }

}

