.carouselOfImages {
  position: relative;
  margin: auto;
  overflow: visible;
  width: 100%;
}

.gradient-left {
  display: block;
  position: relative;
  background-image: linear-gradient(to right, whitesmoke, transparent 100%);
  margin-top: -270px;
  height: 150px;
  width: 8%;
  content: "";
}

.gradient-right {
  display: block;
  position: relative;
  float: right;
  right: 0;
  background-image: linear-gradient(to left, whitesmoke, transparent 100%);
  margin-top: -150px;
  height: 150px;
  width: 8%;
  content: "";
}

.item {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  height: auto;
  border-radius: 20px;
  padding: 42px 32px;
  border: 3px solid #E6E6E6;
  margin-right: 33px;
  margin-top: 70px;
  margin-bottom: 50px;
  counter-increment: carousel-cell;
  text-align: left;
  vertical-align: center;
  transition: transform 0.5s;
  font-size: 1.2em;
  height: 500px;
}
.item div.image {
  position: absolute;
  right: 20px;
  top: -20px;
}
.item p {
  margin-top: 15px;
  font-size: 20px;
  color: #343434;
  font-family: "Roboto";
  flex: 1;
  display: flex;
  align-items: center;
  line-height: 26px;
}
.item h3 {
  color: #343434;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.item .comma {
  display: block;
  max-width: 80px;
}

@media only screen and (max-width: 1300px) {
  .item {
    width: 30%;
  }
}
@media only screen and (max-width: 773px) {
  .item {
    width: 50%;
  }
}
@media only screen and (max-width: 490px) {
  .item {
    width: 50%;
    padding: 15px;
  }
}
.item.is-selected {
  border: 1.5px solid #cde322;
  color: #cde322;
  z-index: 10;
  transform: scale(1);
}

.item.nextToSelectedLeft,
.item.nextToSelectedRight {
  transform: scale(1);
  z-index: 5;
}

/*! Flickity v2.0.5
  https://flickity.metafizzy.co
  ---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

/* .flickity-enabled:focus { outline: none; } */
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  /*           tap-highlight-color: transparent; */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

.flickity-viewport {
  margin: 0px;
  width: 100%;
}

.home-demo .item {
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  width: 435px;
  height: auto;
  border-radius: 20px;
  padding: 42px 32px;
  border: 3px solid #E6E6E6;
  margin-right: 33px;
  margin-top: 70px;
  margin-bottom: 50px;
  counter-increment: carousel-cell;
  text-align: left;
  vertical-align: center;
  transition: transform 0.5s;
  font-size: 1.2em;
  height: 530px;
}

.carousel-modalidades {
  margin: 50px 0;
  margin-bottom: 20px;
  /* cell number */
}
.carousel-modalidades .carousel {
  width: 100%;
}
.carousel-modalidades .carousel-cell {
  display: flex;
}
.carousel-modalidades .modalidade {
  flex: 0 0 33.33%;
  width: 33.33%;
}
.carousel-modalidades .modalidade img {
  width: 100%;
}
.carousel-modalidades .carousel {
  background: #FAFAFA;
}
.carousel-modalidades .carousel-cell {
  width: 100%;
  margin-right: 10px;
  counter-increment: carousel-cell;
}
.carousel-modalidades .carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 370px;
  font-size: 0px;
  color: white;
}
.carousel-modalidades .flickity-prev-next-button {
  top: 10px;
  transform: none;
}
.carousel-modalidades .flickity-prev-next-button.previous {
  left: auto;
  right: 60px;
}
.carousel-modalidades .flickity-prev-next-button.next {
  right: 10px;
}/*# sourceMappingURL=carrossel.css.map */