.eal-hero-carousel{
  width: 100%;
  height: 56vh;
  background-color: #1e2552;
}
.eal-slide{
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 32%;
}

#topCarousel .is-active .eal-slide-content{
  visibility: visible;
  opacity: 1;
  transition: 0.6s all ease-in-out;
}
.eal-slide-content{
  text-align: left;
}
#topCarousel .eal-slide-content, 
#topCarousel .is-prev .eal-slide-content, 
#topCarousel .is-next .eal-slide-content{
  font-size: 3rem;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: .7s all ease-in-out;
}
.eal-slide-1{
  background-image: url('/../img/pano-awards/Juan-Ruiz.jpg');
}

.eal-slide-2{
  background-image: url('/../img/pano-awards/Manish-Mamtani.jpg');
}

.eal-slide-3{
  background-image: url('/../img/pano-awards/Hougaard-Malan.jpg');
}

.eal-slide-4{
  background-image: url('/../img/pano-awards/Mark-Gray.jpg');
}

.eal-slide-5{
  background-image: url('/../img/pano-awards/Marsel-Van-Oosten.jpg');
}

.eal-slide-6{
  background-image: url('/../img/pano-awards/Tom-Putt.jpg');
}

.eal-slide-7{
  background-image: url('/../img/pano-awards/Manuel-Carmona.jpg');
}

.eal-slide-8{
  background-image: url('/../img/pano-awards/Colin-Sillerud.jpg');
}

.eal-slide-9{
  background-image: url('/../img/pano-awards/Jinyi-He.jpg');
}

.photo-by{
  font-size: 2.3rem;
}
.photo-by .country, .photo-details{
  font-size: 1.5rem;
}
.more-info-btn{
  font-size: 1.3rem;
}
.more-info-btn{
  width: fit-content;
  color: white;
  border: 1px solid white;
  padding: 1rem 4rem;
  transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
  text-transform: uppercase;
  box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.6);
  -webkit-box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.6);
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}
.more-info-btn:hover{
  background-color: white;
  color: #4d4d4d;
  text-decoration: none;
  text-shadow: none;
}

.eal-slide-7 .more-info-btn{
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 60%);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
}

.eal-mieke{
  background-image: url('/../img/pano-awards/mieke.jpg');
}
.eal-tom{
  background-image: url('/../img/pano-awards/tom.jpg');
}
.eal-paul{
  background-image: url('/../img/pano-awards/paul.jpg');
}
.eal-david{
  background-image: url('/../img/pano-awards/david.jpg');
}
#experts{
  margin: auto;
}

.is-active .eal-slide-content{
  /* transform: translateY(120%); */
  transition: 0.6s all ease-in-out;
  display: flex;
  height: 30%;
  flex-direction: column;
  justify-content: space-evenly;
}
#topCarousel .is-active .eal-slide-content{
  margin-top: 38%;
  justify-content: center;
  gap: 4%;
  height: 100%;
  justify-content: center;
}
#topCarousel{
  display: none;
}

/*        //
//        //
// MOBILE //
//  START //
//        */        
.eal-mob-pano-logo img, .eal-mob-slide-content img{
  width: 100%;
}
#mobileTopCarousel a{
  display: inline-block;
}
#mobileTopCarousel .splide__controls {
  bottom: 41%;
}
#mobileTopCarousel.eal-mob-hero-carousel{
  background-color: #1e2552;
}
.mobile-caption {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  gap: 2rem;
  text-align: left;
  width: 80%;
  margin: 4rem auto;
  color: white;
}
.eal-container.eal-mob-slide-content{
  padding: 0;
}

/*        //
//        //
// MOBILE //
//  END   //
//        */   

@media (min-width: 768px){
  .splide__arrow {
      height: 5em;
      width: 5em;
  }

  .splide__arrow svg {
      height: 3em;
      width: 3em;
  }
  .eal-slide{
    background-size: cover;
  }
  #topCarousel{
    display: block;
  }
  #topCarousel .is-active .eal-slide-content {
    transform: translateY(79%);
    transition: 0.6s all ease-in-out;
    display: flex;
    height: 40%;
    justify-content: space-evenly;
    margin: 0 auto;
    gap: 0;
  }

  #topCarousel .eal-slide-7.is-active .eal-slide-content {
    gap: 14%;
  }

  .eal-slide{
    background-position-y: 100%;
  }
  .eal-slide-9 {
    background-position-y: 38%;
  }
  .photo-by {
    font-size: 4rem;
  }
  .photo-by .country, .photo-details {
    font-size: 2.7rem;
  }
  .eal-hero-carousel {
    width: 100%;
    height: 64vh;
    background-color: #1e2552;
  }
  #mobileTopCarousel{
display: none;
  }
}


@media (min-width: 1024px){

  .is-active .eal-slide-content{
    transform: translateY(120%);
    height: 30%;
  }
  .eal-slide-content, 
  .is-prev .eal-slide-content, 
  .is-next .eal-slide-content{
    transform: translateY(150%);
    transition: .7s all ease-in-out;
  }
  .photo-by{
    font-size: 7rem;
  }
  .photo-by .country, .photo-details{
    font-size: 2.7rem;
  }
  .more-info-btn{
    font-size: 2rem;
  }
  .eal-slide{
    background-size: cover;
  }

}

@media (min-width: 1220px){
  .eal-hero-carousel{
    height: 82vh;
  }
  #topCarousel .is-active .eal-slide-content {
    transform: translateY(120%);
    transition: 0.6s all ease-in-out;
    display: flex;
    height: 30%;
    justify-content: space-evenly;
    margin: 0 auto;
    gap: 2rem;
  }
}