/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.1
*/
 
.embla {
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
}
.embla__viewport {
  overflow: hidden;
  width: 100%;
}
.embla__container {
  display: flex;
  transition: transform 0.3s ease;
}
.embla__slide {
  flex: 0 0 50%; /* 2 slides per view on desktop */
  padding: 0.5rem;
  box-sizing: border-box;
}
.embla__slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Mobile: 1 image per slide */
@media screen and (max-width: 768px) {
  .embla__slide {
    flex: 0 0 100%;
  }
}

.embla__button {
  background-color: #b4d8d8; /* light teal */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.embla__button:hover {
  background-color: #2c7c7c; /* darker teal */
}