.gallery-grid-rw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 5px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .gallery-grid-rw {
    grid-template-columns: repeat(3, 1fr);
    /* 3 columns */
  }
}
.gallery-grid-rw .gallery-grid-cl {
  width: 100%;
  overflow: hidden;
}
.gallery-grid-rw .gallery-grid-cl a {
  display: block;
  width: 100%;
}
.gallery-grid-rw .gallery-grid-cl:hover img {
  transform: scale(1.1);
}

.gallery-grid-rw .gallery-grid-cl a img {
  width: 100%;
  height: 125px;
  object-fit: cover;
  display: block;
  transition: 0.5s ease-in-out;
  border-radius: 0 !important;
}

.image-gallery-item {
  border-radius: 0 !important;
}

@media only screen and (max-width: 768px) {
  .gallery-grid-rw {
    grid-template-columns: repeat(1, 1fr);
    /* 3 columns */
  }
  .gallery-grid-rw .gallery-grid-cl a img {
    height: auto;
  }
}
.fancybox__container {
  --fancybox-bg: #373737;
}
.f-button {
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
}
.is-idle .fancybox__toolbar,
.is-idle .fancybox__nav {
  opacity: 1 !important;
}
[data-fancybox-close] {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
}
.f-button.is-next {
  right: 20px !important;
}
.f-button.is-prev {
  left: 20px !important;
}
.f-button[disabled] svg {
  opacity: 1 !important;
}
.f-button[disabled] {
  opacity: 0.5 !important;
}
.load-more-btn {
  border: 1px solid #f9423a;
  color: #f9423a;
  padding: 10px 20px;
  background: transparent;
  border-radius: 3px;
  margin: auto;
  display: block;
  margin-bottom: 40px;
  cursor: pointer;
  font-size: 14px;
}

/** Object Image Slider | Start */

.gallary-section {
  width: 80%;
  .swiper {
    width: 100%;
    .swiper-slide {
      overflow: hidden;
      img {
        width: 100%;
        height: auto;
        /* border-radius: 8px; */
        transition: transform 0.3s ease;
        display: block;
      }
    }
    .swiper-button-prev,
    .swiper-button-next {
      color: #fff;
    }
    .controls {
      position: absolute;
      bottom: 10px;
      right: auto;
      left: 50%;
      z-index: 9999;
      display: flex;
      gap: 10px;
      transform: translateX(-50%);
      button {
        width: 40px;
        height: 40px;
        font-size: 20px;
        font-weight: bold;
        border: none;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: background 0.2s;
        &:hover {
          background: #eee;
        }
      }
    }
  }

  /* Thumbnail Swiper */
  .thumbs {
    width: 100%;
    margin-top: 20px;
    .swiper-slide {
      opacity: 0.5;
      cursor: pointer;
      img {
        border-radius: 4px;
      }
    }
    .swiper-slide-thumb-active {
      opacity: 1;
    }
  }
}

.fullscreen-mode {
  .swiper-slide {
    img {
      height: 100vh !important;
      object-fit: contain;
    }
  }
}
@media only screen and (max-width: 900px) {
  .gallary-section {
    width: 100%;
  }
}
/** Object Image Slider | End */

/* Object image view collection style */

.course-item.reverse-color .square-block-title,
.course-item.reverse-color .square-block-subtitle,
.course-item.reverse-color .square-block-desc,
.square-block.reverse-color .square-block-title,
.square-block.reverse-color .square-block-subtitle,
.square-block.reverse-color .square-block-desc {
  color: #f9423a;
}

.copyright-notice {
  margin-top: 0 !important;
  top: 0 !important;
  left: 0 !important;
  transform: translate(0%, 0%) !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  position: relative;
  background: #00000066 !important;
  padding: 0 !important;
  .copyright-block {
    background: #fff;
    padding: 20px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 470px;
    /* text-align: center; */
  }

  h2 {
    margin-bottom: 30px;
    color: #666;
  }
  p {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  #download-cancel {
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 20px;
    right: 20px;
    svg {
      width: 15px;
      height: 15px;
      cursor: pointer;
    }
  }
  .btn-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 30px;
    #nod-download-approve {
      background: #f9423a !important;
      color: #fff !important;
      border: 1px solid #f9423a !important;
      &:before {
        display: none;
      }
      &:hover {
        background: #fff !important;
        color: #f9423a !important;
      }
    }
  }
}

/* @media only screen and (max-width: 767px) {
  .copyright-notice {
    .copyright-block {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
} */

/* Object image view collection style End */
