/* Gallery Filter Section Style - start */
.gallery-main-container .gallery-filters{ position: relative; padding: 70px 100px 50px; background-color: #636569;}
.gallery-main-container .gallery-filters h2{ font-size: 40px; color: #ffffff;}
.gallery-main-container .gallery-filters .gallery-filters-box{ display: flex; gap: 15px; align-items: end; justify-content: start; flex-wrap: wrap; width: 100%; position: relative;}
.gallery-main-container .gallery-filters label{ width: 100%; font-weight: 600; letter-spacing: 0.8px; font-size: 18px; margin-bottom: 0px; color: #ffffff;}

.gallery-main-container .gallery-filters #productType,
.gallery-main-container .gallery-filters #marketType{ display: block; color: #53555a !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; height: 48px !important; border: 1px solid rgba(27, 54, 79, 0.5) !important; padding: 5px 40px 5px 20px !important; border-radius: 0 !important; font-size: 15px !important; max-width: 350px; margin-top: 4px; margin-bottom: 0px; font-family: "Alright Sans", Helvetica, Arial, Verdana, sans-serif !important; background-color: #fff !important; font-weight: 400 !important; box-shadow: 0px 0px 4px 0px rgba(27, 54, 79, 0.15); cursor: pointer; transition: all 0.3s linear;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%231b364f' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat: no-repeat; background-position: right 18px center; background-size: 10px;
}
.gallery-main-container .gallery-filters #productType:focus,
.gallery-main-container .gallery-filters #marketType:focus{ border-color: #1b364f !important; outline: 0 !important;}

.gallery-main-container .gallery-filters select::-ms-expand{ display:none;}

.gallery-main-container .gallery-filters #productType option,
.gallery-main-container .gallery-filters #marketType option{ background: #0a93d1 !important; color: #ffffff !important; font-size: 16px !important;}



.gallery-main-container .gallery-filters #resetFilter{ font-family: "Alright v2 Condensed LP", Sans-serif; font-weight: bold; text-transform: uppercase; font-size: 24px; text-decoration: none; line-height: 1em; letter-spacing: 0px; transition-duration: 1s; background-color: var(--e-global-color-primary); color: var(--e-global-color-467c773); border: none; text-align: center; padding: 12px 14px; margin: 0px;}

@media (max-width: 1024px){
  .gallery-main-container .gallery-filters .gallery-filters-box{ justify-content: center;}
  .gallery-main-container .gallery-filters{ padding: 50px 30px 30px;}
  .gallery-main-container .gallery-filters h2{ text-align: center; font-size: 36px;}
  .gallery-main-container .gallery-filters label{ display: block; text-align: center;}
}
@media (max-width: 600px){
  .gallery-main-container .gallery-filters{ padding: 50px 10px 30px;}
  .gallery-main-container .gallery-filters h2{ font-size: 27px;}
  .gallery-main-container .gallery-filters label{ font-size: 16px;}

  .gallery-main-container .gallery-filters #productType,
  .gallery-main-container .gallery-filters #marketType{ height: 40px !important; padding: 5px 25px 5px 10px !important; font-size: 14px !important; max-width: 300px; background-position: right 10px center; background-size: 8px;}
  
  .gallery-main-container .gallery-filters #productType option,
  .gallery-main-container .gallery-filters #marketType option{ font-size: 14px !important;}

  .gallery-main-container .gallery-filters #resetFilter{ font-size: 22px; padding: 8px 10px; }
}

/* Gallery Filter Section Style - End */

.gallery-main-container #gallery-list{ position: relative;}
.gallery-main-container #gallery-list p{ text-align: center; font-weight: 900; padding: 50px 10px; text-transform: capitaliz }
.gallery-main-container #gallery-list #gallery_cta{ background-color: #4099d4; padding: 22px; text-align: center; position: relative;}
.gallery-main-container #gallery-list #gallery_cta a{ display: inline-block; background-color: #FFFFFF; background-image: none; font-family: "Alright v2 Condensed LP", Sans-serif; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; font-style: normal; text-decoration: none; line-height: 1em; letter-spacing: 0px; fill: var(--e-global-color-text); color: var(--e-global-color-text) !important; transition-duration: 0.5s; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #FFFFFF; border-radius: 0px 0px 0px 0px; padding: 12px 15px;}
.gallery-main-container #gallery-list #gallery_cta.sticky { position: fixed; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; z-index: 10; transition: 0.3s;}

.gallery-main-container .gallery-grid{ display: grid; 
  /* grid-template-columns: repeat(4, 1fr);  */
  grid-template-columns: repeat(auto-fit, minmax(455px, 1fr));
  justify-content: start;
  gap: 10px; padding: 10px 25px 10px 10px;}
.gallery-main-container .gallery-grid .gallery-item{ overflow: hidden; opacity: 0; transform: translateY(40px) scale(.95); animation: galleryReveal .6s ease forwards; position: relative;}
@keyframes galleryReveal{ 
  to{ opacity: 1; transform: translateY(0) scale(1);}
}
.gallery-main-container .gallery-grid .gallery-item a{ display: block; font-size: 0px;}
.gallery-main-container .gallery-grid .gallery-item::before{ content: ""; position: absolute; inset: 0; background: #00000020; z-index: 1; pointer-events: none;}

.gallery-main-container .gallery-grid .gallery-item img{ width: 100%; height: 300px; object-fit: cover; transition-property: all; transition-duration: 350ms; transition: 0.7s;}
.gallery-main-container .gallery-grid .gallery-item img:hover{ transform: scale(1.1);}
.loadMorebtn-container{ text-align: center;}
.loadMorebtn-container #loadMoreBtn{ font-family: "Alright v2 Condensed LP", Sans-serif; font-weight: bold; text-transform: uppercase; font-size: 30px; text-decoration: none; line-height: 1em; letter-spacing: 0px; transition-duration: 1s; background-color: var(--e-global-color-primary); color: var(--e-global-color-467c773); border: none; padding: 12px 24px; margin: 20px 10px;}

.loadMorebtn-container #loadMoreBtn:focus, 
.loadMorebtn-container #loadMoreBtn:hover { transform: scale(1.1);}

.load-more-spinner {
  display: none;
  width: 32px;
  height: 32px;
  border: 4px solid #ddd;
  border-top: 3px solid var(--e-global-color-primary);
  border-radius: 50%;
  margin: 20px auto;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1900px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1500px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(4, 1fr);}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 230px;}
}
@media (max-width: 1200px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(4, 1fr); padding: 10px;}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 200px;}
}
@media (max-width: 1024px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(3, 1fr);}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 200px;}
}
@media (max-width: 768px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(3, 1fr);}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 160px;}
}
@media (max-width: 600px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(2, 1fr);}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 160px;}
  
  .gallery-main-container #gallery-list #gallery_cta{ padding: 12px;}
  .gallery-main-container #gallery-list #gallery_cta a {font-size: 18px; padding: 8px 10px;}
  .loadMorebtn-container #loadMoreBtn{ font-size: 22px; padding: 8px 10px; margin-top: 10px; }

  /* .gallery-main-container #gallery-list #gallery_cta.sticky { position: fixed; top: unset; bottom: 0;} */
}
@media (max-width: 450px){
  .gallery-main-container .gallery-grid{ grid-template-columns: repeat(2, 1fr);}
  .gallery-main-container .gallery-grid .gallery-item img{ height: 110px;}
}