body {
  background: #421b47;
  transition: background-color 1s ease;
}

.marquee_box.pink {
  color: #f2d5e7;
}

.marquee_box.blue {
  color: #033059;
}

.marquee_box.purple {
  color: #c13375;
}

.section-1 {
  position: relative;
}

.content_repetition {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  text-align: center;
  justify-content: space-between;
}

.image_repetition {
  margin: 0 1vw;
  display: grid;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.image--style-4 {
  width: 16.35em;
  height: 24.6em;
  border-radius: 170px 170px 0 0;
}

.image_repetition > .image__element,
.image__wrap {
  transform-origin: inherit;
  position: relative;
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
  height: 100%;
  will-change: transform;
  border-radius: inherit;
}

.image__wrap {
  overflow: hidden;
}

.image__element {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}

.quotation_marks {
  margin-top: 4em;
  margin-bottom: 2em;
}

.quotation_marks,
.quotation_marks svg {
  width: 3em;
  height: 2.6em;
}

.vertical_text {
  width: 6.56em;
  height: 60.9em;
  position: absolute;
  bottom: 0;
  left: 47%;
  transform: translateX(-50%);
  margin-bottom: -1.56em;
}

.portfolio_text_container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.portfolio_image {
  opacity: 75%;
}

.circle_svg {
  transform-origin: center;
}

.arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.arrow_left,
.arrow_right {
  overflow: visible;
  width: 6.55em;
  cursor: pointer;
}

.slider_home .swiper_html {
  height: 100%;
  width: 100%;
}

.swiper-slide {
  height: unset !important;
  top: 0%;
  left: 0%;
  bottom: 0%;
  width: 100%;
  position: relative;
}

.slider_height {
  position: relative;
  width: 100%;
  padding-top: 120%;
}

.swiper {
  width: 36.6em;
}

.swiper-slide.is-photos {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

.swiper-slide-shadow {
  visibility: hidden;
}

.swiper-slide.is-photos:nth-child(1n) {
  background-image: url("https://flowerartmatteocrugnola.com/wp-content/uploads/2023/03/Trudon_candele.jpg");
}

.swiper-slide.is-photos:nth-child(2n) {
  background-image: url("https://flowerartmatteocrugnola.com/wp-content/uploads/2023/03/Bitossi_piatti.jpg");
}

.swiper-slide.is-photos:nth-child(3n) {
  background-image: url("https://flowerartmatteocrugnola.com/wp-content/uploads/2023/03/Drvranjes_fragranze.jpg");
}

.swiper-slide.is-photos:nth-child(4n) {
  background-image: url("https://flowerartmatteocrugnola.com/wp-content/uploads/2023/03/Trudon_candles.jpg");
}

body .swiper-slide.is-photos {
  display: block !important;
}

.swiper-slide.is-photos {
  display: none;
}
.swiper-slide.is-photos:first-child {
  display: block;
}

.transition_svg path {
  fill: #421b47;
}

.transition_svg {
  margin-top: -10.66em;
  margin-left: -10.09em;
  width: 126em;
  height: 85em;
}

.transition_wrapper {
  z-index: 1000;
  overflow: hidden;
}

/* Mobile */
@media screen and (max-width: 767px) {
  .marquee_container {
    height: unset;
  }
  .marquee_box {
    line-height: 1.2;
    font-size: 17em;
  }
  .vertical_text {
    left: 4.7em;
    transform: unset;
    width: 13em;
    height: 120em;
  }
  .image--style-4 {
    width: 24.27em;
    height: 62.8em;
    border-radius: 170px 170px 0 0;
  }

  .quotation_marks,
  .quotation_marks svg {
    width: 7.6em;
    height: 6.7em;
  }

  .swiper {
    width: 58em;
  }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .swiper {
    width: 55em;
  }

  .vertical_text {
    left: 50%;
  }
  .image--style-4,
  .image--style-2 {
    width: 17.77em;
    height: 46em;
    border-radius: 170px 170px 0 0;
  }
}