.title{
  font-size: 96px;
  font-weight: 800;
  color: #005E60;
}
h1, h2{
  margin-right:15px;
}

h2{
  font-size: 48px;
  font-weight: 800;
  color: #005E60;
  max-width: 65%;

}

.swiper {
  width: 100%;
  height: 900px; /* Set a fixed or max height for layout consistency */
  position: relative;
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.swiper-slide {
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  filter: grayscale(30%) brightness(0.2);
  transform: scale(0.8) !important;
  overflow: hidden;
}
.swiper-slide img {
  object-fit: cover;
  height: 100%;
}

.swiper-slide-active {
  height: 100%;
  width: 50% !important;
  filter: grayscale(0%) brightness(1);
  transform: scale(1) !important;
}
.swiper-slide-prev,
.swiper-slide-next {
  height: 100%;
  width:26% !important;
  filter: grayscale(30%) brightness(0.2);
  transform: scale(0.8) !important;
}

[lang="en" ] .swiper-slide-prev {
  margin-left: -50px !important;
}
[lang="ar" ] .swiper-slide-prev {
  margin-right: -45px !important;
}

.overlay {
  background-image: 
                    linear-gradient(to bottom, #052F3075, #1B0C0C63),
                    url('/static/images/gallery/album_bg.png');
  background-size: cover;
  background-position: center; 
}

.pagination-container{
   justify-content: center;
   height: 10px;

}

.swiper-pagination {
    bottom: 20PX !important;
    color: #D3FF00;
}

.swiper-pagination-bullet {
  background-color: #ccc; /* unselected */
  opacity: 0.6;
}

.swiper-pagination-bullet-active {
  background-color: #D3FF00 !important; /* selected bullet */
  opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  color: #D3FF00 !important;
  border: #D3FF00 1px solid;
  padding: 30px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

/* Bring them closer to center */
.swiper-button-prev {
  left: 5%;
}

.swiper-button-next {
  right: 5%;
}

.swiper-slide-active {
  z-index: 10; /* Bring active slide to front */
}

@media  (max-width: 768px) {
  .title {
    font-size: 48px; /* Smaller title on mobile */
  }

  .swiper {
    height: 500px;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .swiper-slide {
    width: 100% !important; /* Full width on smaller screens */
    transform: scale(1) !important; /* Reset scale */
  }
  
  .swiper-slide-active {
    width: 100% !important; /* Full width for active slide */
  }
  
  .swiper-slide-prev,
  .swiper-slide-next {
    width: 100% !important; /* Full width for adjacent slides */
    
  }
  
  .swiper-button-next,
  .swiper-button-prev {
    padding: 20px; /* Smaller padding for buttons */
    position: absolute !important;
    top: 90% !important;
    display: none !important;
  }

  
  .swiper-button-prev {
    left: 15% !important;
  }

  .swiper-button-next{
    right: 15% !important;
  }

  .swiper-slide img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

[lang="en" ] .swiper-slide-prev {
    margin-left: 0 !important; 
}

[lang="ar" ] .swiper-slide-prev {
  margin-right: 0 !important;
}
  
}