/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/carousel/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.celorg-carousel {
  position: relative;
  width: 100%;
  max-width: 1920px;
  max-height: 175px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.celorg-carousel, .celorg-carousel * {
  box-sizing: border-box;
}
.celorg-carousel .carousel-track {
  display: flex;
  flex-direction: row;
  transition: transform 0.5s ease-in-out;
  gap: 0;
}
.celorg-carousel .carousel-slide {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  height: 175px;
  box-sizing: border-box;
}
.celorg-carousel .carousel-slide img {
  display: block;
  width: 85%;
  max-height: 175px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .celorg-carousel .carousel-track {
    gap: 1rem;
  }
  .celorg-carousel .carousel-slide {
    flex: 0 0 calc(50% - 0.5rem);
  }
}
@media (min-width: 900px) {
  .celorg-carousel .carousel-track {
    gap: 1.5rem;
  }
  .celorg-carousel .carousel-slide {
    flex: 0 0 calc(33.3333% - 1rem);
  }
  .celorg-carousel.is-image .carousel-track {
    gap: 18px;
  }
  .celorg-carousel.is-image .carousel-slide {
    flex: 0 0 calc(33.3333% - 9px);
  }
}
@media (min-width: 1024px) {
  .celorg-carousel .carousel-track {
    gap: 2rem;
  }
  .celorg-carousel .carousel-slide {
    flex: 0 0 calc(25% - 1.5rem);
  }
  .celorg-carousel.is-image .carousel-track {
    gap: 18px;
  }
  .celorg-carousel.is-image .carousel-slide {
    flex: 0 0 calc(25% - 9px);
  }
}
.celorg-carousel.is-image {
  max-width: 1920px;
  max-height: unset;
}
.celorg-carousel.is-image .carousel-track {
  gap: 18px;
}
.celorg-carousel.is-image .carousel-slide {
  width: auto;
  height: 100%;
  max-height: unset;
  aspect-ratio: 4/3;
}
.celorg-carousel.is-image .carousel-slide img {
  width: 100%;
  height: 100%;
  max-height: unset;
  -o-object-fit: cover;
     object-fit: cover;
}

/*# sourceMappingURL=style-index.css.map*/