/* 
* Embla Carousel
* Custom styles for Embla Carousel
* Author: Ravindra Reddy
*/

.embla-container {
    display: flex;
}

.embla-container-vertical {
    display: flex;
    flex-direction: column;
    height: 200px;
}

.embla-slide-flex {
  flex: 0 0 80%; /* Slide covers 80% of the viewport */
}

.embla-container-grid {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 20px;
  grid-auto-columns: 80%; /* Each slide covers 80% of the viewport */
}

.embla-container-grid-vertical {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 80%; /* Each slide covers 80% of the viewport */
  height: 200px;
}