/* -------------------------------------- 
Slider Handle
-----------------------------------------*/

/*---------------------------------------
  IMAGE GALLERY             
-----------------------------------------*/

div.gallery {
  margin: 5px;
  border: none;
  float: left;
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: relative;
}


div.gallery img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}


div.desc {
  padding: 5px;
  text-align: center;
}


.zoom-container:hover img {
      transform: scale(1.5); /* Zoom 120% */
    }

/*---------------------------------------
 Video Gallery            
-----------------------------------------*/

.video-wrapper {
  flex: 1 1 100%;
  max-width: 600px;
  aspect-ratio: 16 / 9;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/*---------------------------------------
 Rewards           
-----------------------------------------*/