<?php $head_title="Breathe Events | Relax In the Moment"; ?>

<?php require_once('parts/header/header5.php'); ?>

<?php
$page_title = "Our Gallery";
$page_sub_title = "Gallery";
# require_once('parts/page-title.php');
?>

<style>
/* Page gallery only: no dark overlay; bold pop-out hover */
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  overflow: hidden;
  transition:
    transform 0.5s cubic-bezier(0.34, 1.45, 0.64, 1),
    box-shadow 0.45s ease;
}
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box:hover {
  z-index: 8;
  transform: translateY(-18px) scale(1.045);
  box-shadow:
    0 8px 0 rgba(0, 0, 0, 0.04),
    0 28px 55px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset,
    0 0 0 2px var(--theme-color1, #c9a882);
}
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box .image-box .image img {
  transition:
    transform 0.55s cubic-bezier(0.34, 1.45, 0.64, 1),
    filter 0.45s ease;
}
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box:hover .image img {
  transform: scale(1.14);
  filter: brightness(1.08) saturate(1.05);
}
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box:hover .info-box {
  opacity: 0;
  visibility: hidden;
}
.gallery-section-two.gallery-page-hover .gallery-block-two .inner-box .info-box {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .gallery-section-two.gallery-page-hover .gallery-block-two .inner-box,
  .gallery-section-two.gallery-page-hover .gallery-block-two .inner-box .image-box .image img {
    transition-duration: 0.2s;
  }
  .gallery-section-two.gallery-page-hover .gallery-block-two .inner-box:hover {
    transform: translateY(-6px) scale(1.02);
  }
  .gallery-section-two.gallery-page-hover .gallery-block-two .inner-box:hover .image img {
    transform: scale(1.06);
    filter: none;
  }
}
</style>

<!-- Gallery Section -->
<section class="gallery-section-two gallery-page-hover pt-0">
  <div class="sec-title text-center">
    <span class="icon-divider"></span>
    <h2>Bridal Collection</h2>
  </div>
  <div class="outer-box">
    <div class="row g-0">
      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/20.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/21.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/22.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/23.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/24.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/26.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/27.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>
      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/28.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/29.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/30.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/31.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/32.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/33.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/34.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/35.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/36.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/37.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/38.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/39.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/40.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/41.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/42.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>
      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/30.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <!-- <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/43.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!-- <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-4.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!-- <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-5.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!-- <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-6.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!-- <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-7.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!--<div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-7.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!--<div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-7.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->

      <!-- Gallery Block -->
      <!--<div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-8.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
          </div>
        </div>
      </div> -->
    </div>
  </div>
</section>
<!-- End Gallery Section -->
<?php
$new_footer_logo_url = "images/logo-2.png";
?>
<?php require_once('parts/footer/footer.php'); ?>
