/* home page banner update */
.hero__caption {
  padding: 4rem;
  background-color: rgba(0, 0, 0, 0.438);
  /* border: 4px solid #0000002c; */
}

.slider-area .hero__caption p,
.slider-area2 .hero__caption p {
  margin-bottom: 30px;
}

.hero__caption h3 {
  font-size: 2rem;
  color: #fff;
}

/* gallery page banner slider */
.micro__gallery__slider {
  position: relative;
}

.banner__container {
  width: 100%;
  position: absolute;
  top: 40%;
  z-index: 10;
}
.banner__img {
  position: relative;
}
.banner__img::after {
  content: "";
  position: absolute;
  background-color: rgba(7, 17, 18, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  /* background-repeat: no-repeat; */
}

.gallery__header h3 {
  /* color: #fff; */
  font-size: 2rem;
  letter-spacing: 0.2em;
  text-align: center;
}

/* footer section */
.footer__detail {
  padding-top: 40px;
  background-color: #09142e;
}

.footer__detail > .container {
  margin-bottom: 30px;
}
.footer__detail p {
  margin-bottom: 14px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
}

.footer-tittle h4 {
  padding-top: 10px;
  font-size: 2rem;
  color: #f56600;
  text-align: center;
}

.copy__rights {
  padding: 14px 0 0;
  background-color: #030a1a;
}

.copy__right p,
.copy__right a {
  color: #fff;
  font-size: 15px;
}

@media (min-width: 768px) {
  .banner-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .banner__img img {
    min-height: 450px;
  }

  .banner-desktop {
    display: none;
  }
}