/*#region gallery slider */
.gallery-home-section.gallery {
  margin-left: 0;

  background: url(../img/gallery-home-bg.png) 0 0 / 100% 100% no-repeat;
}

.gallery__slider-button-prev {
  width: 3.5rem;
  height: 3.5rem;

  background: 
    url(/wp-content/themes/ieu__3/img/gallery-update/prev-arrow.svg) center/2.574375rem 2.310625rem no-repeat,
    transparent;

  position: absolute;
  top: 50%;
  left: 6.5rem;

  transform: translateY(-50%);
}

.gallery__slider-button-next {
  width: 3.5rem;
  height: 3.5rem;

  background: 
    url(/wp-content/themes/ieu__3/img/gallery-update/next-arrow.svg) center/2.574375rem 2.310625rem no-repeat,
    transparent;

  position: absolute;
  top: 50%;
  right: 6.5rem;

  transform: translateY(-50%);
}

.gallery__slider {
  height: 24.64rem;
  width: 67.72625rem;

  margin: 0 auto;
  margin-top: 2rem;

  position: relative;
  overflow: hidden;
}

/* slide */
.gallery__slide {
  visibility: hidden;

  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.675rem;

  position: absolute;
}

.gallery__slide .photos-slide__photo {
  transform: scaleY(0);
  transition: transform 0.7s;
  border-radius: 0.375rem;
}

.gallery__slide .photos-slide__photo--1 {
  transition-delay: 0s;
}
.gallery__slide .photos-slide__photo--2 {
  transition-delay: 0.1s;
}
.gallery__slide .photos-slide__photo--3 {
  transition-delay: 0.2s;
}
.gallery__slide .photos-slide__photo--4 {
  transition-delay: 0.3s;
}
.gallery__slide .photos-slide__photo--5 {
  transition-delay: 0.4s;
}
.gallery__slide .photos-slide__photo--6 {
  transition-delay: 0.5s;
}
.gallery__slide .photos-slide__photo--7 {
  transition-delay: 0.6s;
}

.gallery__slide.active {
  visibility: visible;
}

.gallery__slide.active .photos-slide__photo {
  transform: scaleY(1);
}

.gallery__slide.hidden .photos-slide__photo {
  transform: scaleY(0);
}

.gallery__slide.inactive {
  visibility: hidden;
}

/* photos-slide */
.photos-slide__photo-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.photos-slide__photo-box--left,
.photos-slide__photo-box--right {
  width: 11.02rem;
  height: 16.445rem;

  position: relative;
}

.photos-slide__photo-box--center {
  width: 17.4rem;
  height: 24.64rem;

  border-radius: 0.375rem;

  position: relative;
}

.photos-slide__photo-box--group {
  width: 12.77rem;
  height: 20.6rem;

  gap: 0.675rem;

  position: relative;
}

.photos-slide__photo-box--group-top, 
.photos-slide__photo-box--group-bottom-right {
  width: 100%;
  height: 7.853625rem;

  position: relative;
}

.photos-slide__photo-box--group-bottom, 
.photos-slide__photo-box--group-top-right {
  width: 100%;
  height: 12.0911875rem;

  position: relative;
}

.photos-slide__photo {
  width: 100%;
  height: 100%;

  cursor: pointer;

  object-fit: contain;
}

.photos-slide__photo-box--group-top::after,
.photos-slide__photo-box--group-bottom::after,
.photos-slide__photo-box--group-top-right::after,
.photos-slide__photo-box--group-bottom-right::after {
  content: '';
  width: 100%;
  height: 100%;

  border-radius: 0.375rem;
  backdrop-filter: blur(0.125rem);

  background: 
    url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/5.8125rem 5.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);

  cursor: pointer;

  position: absolute;
  left: 0;

  pointer-events: none;

  opacity: 0;
}

.photos-slide__photo-box--left::after,
.photos-slide__photo-box--right::after {
  content: '';
  width: 11.02rem;
  height: 16.445rem;

  border-radius: 0.375rem;
  backdrop-filter: blur(0.125rem);

  background: 
    url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/5.8125rem 5.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);

  cursor: pointer;

  pointer-events: none;

  position: absolute;

  opacity: 0;
}

.photos-slide__photo-box--center::after {
  content: '';
  width: 17.4rem;
  height: 24.64rem;

  border-radius: 0.375rem;
  backdrop-filter: blur(0.125rem);

  background: 
    url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/5.8125rem 5.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);

  cursor: pointer;

  pointer-events: none;

  position: absolute;

  opacity: 0;
}

.gallery__slide.active .photos-slide__photo-box--left:hover::after,
.gallery__slide.active .photos-slide__photo-box--right:hover::after,
.gallery__slide.active .photos-slide__photo-box--center:hover::after,
.gallery__slide.active .photos-slide__photo-box--group-top:hover::after,
.gallery__slide.active .photos-slide__photo-box--group-bottom:hover::after,
.gallery__slide.active .photos-slide__photo-box--group-top-right:hover::after,
.gallery__slide.active .photos-slide__photo-box--group-bottom-right:hover::after {
  transition: all 0.3s;

  opacity: 1;
}

@keyframes scalePseudoElem_1 {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}

.gallery__slide.active .photos-slide__photo-box--left::after,
.gallery__slide.active .photos-slide__photo-box--right::after,
.gallery__slide.active .photos-slide__photo-box--center::after,
.gallery__slide.active .photos-slide__photo-box--group-top::after,
.gallery__slide.active .photos-slide__photo-box--group-bottom::after,
.gallery__slide.active .photos-slide__photo-box--group-top-right::after,
.gallery__slide.active .photos-slide__photo-box--group-bottom-right::after {
  animation: scalePseudoElem_1 1.5s forwards ease-in-out;
}

@keyframes scalePseudoElem_0 {
  0% {
    transform: scaleY(1);
  }

  100% {
    transform: scaleY(0);
  }
}

.gallery__slide.hidden.active .photos-slide__photo-box--left::after,
.gallery__slide.hidden.active .photos-slide__photo-box--right::after,
.gallery__slide.hidden.active .photos-slide__photo-box--center::after,
.gallery__slide.hidden.active .photos-slide__photo-box--group-top::after,
.gallery__slide.hidden.active .photos-slide__photo-box--group-bottom::after,
.gallery__slide.hidden.active .photos-slide__photo-box--group-top-right::after,
.gallery__slide.hidden.active .photos-slide__photo-box--group-bottom-right::after {
  animation: scalePseudoElem_0 1.5s forwards ease-in-out;
}

/* pagination */
.gallery__slider-box-pagination {
  margin-top: 1.5rem;
}
.gallery__pagination {
  display: flex;
  justify-content: center;
  gap: 1.125rem
}

.gallery__pagination-bullet {
  width: 2.375rem;
  height: 0.25rem;

  border-radius: 2.5rem;
  background-color: #001c54;

  transition: all 0.3s;
}

.gallery__pagination-bullet.active {
  background-color: #d00000;
}
/*#endregion gallery slider */


@media (max-width: 991.99px) {
  /* slider */
  .gallery-mobile__slider {
    width: 20.25rem;
    height: 38.63625rem;

    margin: 0 auto;
    margin-top: 2rem;
  
    position: relative;
    overflow: hidden;
  }

  /* slide */
  .gallery-mobile__slide {
    visibility: hidden;

    width: 100%;
    height: 100%;
  
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: start;
    justify-content: start;

  
    position: absolute;
  }

  .gallery-mobile__slide .photos-slide__photo {
    transform: scaleY(0);
    transition: transform 0.7s;
  }
  
  .gallery-mobile__slide .photos-slide__photo--1 {
    transition-delay: 0s;
  }
  .gallery-mobile__slide .photos-slide__photo--2 {
    transition-delay: 0.1s;
  }
  .gallery-mobile__slide .photos-slide__photo--3 {
    transition-delay: 0.2s;
  }
  .gallery-mobile__slide .photos-slide__photo--4 {
    transition-delay: 0.3s;
  }
  .gallery-mobile__slide .photos-slide__photo--5 {
    transition-delay: 0.4s;
  }
  .gallery-mobile__slide .photos-slide__photo--6 {
    transition-delay: 0.5s;
  }
  .gallery-mobile__slide .photos-slide__photo--7 {
    transition-delay: 0.6s;
  }

  .gallery-mobile__slide.active {
    visibility: visible;
  }
  
  .gallery-mobile__slide.active .photos-slide__photo {
    transform: scaleY(1);
  }
  
  .gallery-mobile__slide.hidden .photos-slide__photo {
    transform: scaleY(0);
  }
  
  .gallery-mobile__slide.inactive {
    visibility: hidden;
  }

  /* photos-slide */
  .photos-slide__photo-box--left {
    width: 8.8125rem;
    height: 13.4375rem;

    position: absolute;
    top: 0;
    left: 0;
  }

  .photos-slide__photo-box--right {
    width: 9.32rem;
    height: 15.748125rem;

    position: absolute;
    bottom: 0;
    right: 0;
  }

  .photos-slide__photo-box--center {
    width: 10.760625rem;
    height: 15.16625rem;

    position: absolute;
    top: 7.16rem;
    right: 0;
  }

  .photos-slide__photo-box--group {
    width: auto;
    height: auto;

    gap: 0.5rem;
    position: static;
  }

  .photos-slide__photo-box--group-top {
    width: 10.675625rem;
    height: 6.56625rem;

    position: absolute;
    top: 0;
    right: 0;
  }

  .photos-slide__photo-box--group-bottom-right {
    width: 10.251875rem;
    height: 5.5075rem;

    position: absolute;
    top: 22.85rem;
    left: 0;
  }

  .photos-slide__photo-box--group-bottom {
    width: 8.811875rem;
    height: 8.34375rem;

    position: absolute;
    top: 14rem;
    left: 0;
  }

  .photos-slide__photo-box--group-top-right {
    width: 10.255625rem;
    height: 9.710625rem;

    position: absolute;
    bottom: 0;
    left: 0;
  }

  .photos-slide__photo {
    object-fit: cover;
    border-radius: 0.2875rem;
  }


  .photos-slide__photo-box--group-top::after,
  .photos-slide__photo-box--group-bottom::after,
  .photos-slide__photo-box--group-top-right::after,
  .photos-slide__photo-box--group-bottom-right::after {
    background: 
      url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/3.8125rem 3.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);
  }

  .photos-slide__photo-box--left::after,
  .photos-slide__photo-box--right::after {
    width: 100%;
    height: 100%;

    background: 
      url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/3.8125rem 3.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);
  }

  .photos-slide__photo-box--center::after {
    width: 100%;
    height: 100%;

    background: 
      url(/wp-content/themes/ieu__3/img/gallery-update/search.svg) center/3.8125rem 3.8125rem no-repeat,
    rgba(0, 105, 110, 0.35);
  }

  .gallery-mobile__slide .photos-slide__photo-box--left::after,
  .gallery-mobile__slide .photos-slide__photo-box--right::after,
  .gallery-mobile__slide .photos-slide__photo-box--center::after,
  .gallery-mobile__slide .photos-slide__photo-box--group-top::after,
  .gallery-mobile__slide .photos-slide__photo-box--group-bottom::after,
  .gallery-mobile__slide .photos-slide__photo-box--group-top-right::after,
  .gallery-mobile__slide .photos-slide__photo-box--group-bottom-right::after {
    transform: scaleY(0);
  }

  /* pagination */
  .gallery-mobile__slider-box-pagination {
    margin-top: 1.4rem;
  }

  .gallery-mobile__pagination {
    display: flex;
    justify-content: center;

    gap: 0.56625rem;
  }

  .gallery-mobile__pagination-bullet {
    width: 1.196875rem;
    height: 0.125rem;

    border-radius: 2.5rem;
    background-color: #001c54;
  
    transition: all 0.3s;
  }
  
  .gallery-mobile__pagination-bullet.active {
    background-color: #d00000;
  }


  .gallery-mobile .mob-button-group {
    padding: 0;
    padding-left: 0.4rem;
  }
}