.cover-bg-img {
  background-image: url(../img/jm8.jpg);
  height: auto;
  background-size: cover;
  background-position: center;
  border-radius: 0px;
  background-attachment: fixed;
  box-shadow: inset 0 0 0 2000px #1c1c1c7a;
}
.cover-bg-img h1 {
  color: #fff;
  margin: 20px 0;
  font-size: 35px;
  line-height: 1.5;
  font-weight: 700;
}
.intro {
  padding-top: 100px;
}
@media only screen and (max-width: 1000px) {
  .cover-bg-img h1 {
    font-size: 26px;
    line-height: 1.7;
  }
  .intro {
    padding-top: 110px;
  }
}
/* .gallery-bg {
  background-color: #FEF9EF;
  background-color: #f9f3df;
} */
.card-heading {
  color: #e40475;
  font-family: "Dancing Script", cursive;
  font-size: 28px;
  font-weight: 700;
}
.btn-heading {
  font-family: "Dancing Script", cursive;
  font-size: 25px;
  font-weight: 700;
}
.item {
    transition: .5s ease-in-out;
}
.item:hover {
    filter: brightness(80%);
}
/* ********************************* */
a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__backdrop::after {
  content: "";
  position: absolute;
  width: 10%;
  height: 10%;
  filter: blur(2px);
  left: 50%;
  top: 50%;
  transform: scale(11);
  opacity: 0.3;
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fancybox__container {
  --fancybox-bg: #000;

  --fancybox-thumbs-width: 48px;
  --fancybox-thumbs-ratio: 1;

  --carousel-button-bg: rgb(91 78 76 / 74%);

  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;

  --carousel-button-svg-stroke-width: 2.5;
}

.fancybox__nav {
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
}

.fancybox__nav .carousel__button.is-prev {
  left: 20px;
}

.fancybox__nav .carousel__button.is-next {
  right: 20px;
}

.carousel__button.is-close {
  right: auto;
  top: 20px;
  left: 20px;
}

.fancybox__slide {
  padding: 8px 88px;
}

/* Thumbnails */
.fancybox__thumbs .carousel__slide {
  padding: 8px 8px 16px 8px;
}

.is-nav-selected::after {
  display: none;
}

.fancybox__thumb {
  border-radius: 6px;
  opacity: 0.4;
}

.fancybox__thumb:hover,
.is-nav-selected .fancybox__thumb {
  border-radius: 6px;
  opacity: 1;
}

.is-nav-selected .fancybox__thumb::after {
  display: none;
}
