body {
  font-family: "Quicksand", sans-serif;
}

/* header */
header {
  transition: 0.3s;
  background: linear-gradient(374deg, #6907FA 4.97%, #BE17FB 101.56%);

}
header.scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: -5px 18px 11px rgb(0 0 0 / 9%);
  border-radius: 0%;
}

/* iphone slider cards */
.card-check {
  transform: scale(1.4);
  opacity: 0.2;
}
.card-check:checked {
  opacity: 0.7;
}

/* iphone slider */
.iphone-slider-container {
  width: 1400px;
}
.iphone-body,
.iphone-body-top {
  top: 10px;
}
.iphone-body,
.iphone-body-top,
.iphone-body-bottom {
  width: 300px;
}
.iphone-body-bottom {
  bottom: 4px;
  padding-top: 2.5%;
  background: white;
}
/* born from everyday struggles */
.born_from_everyday_struggles_gradient {
  background: linear-gradient(
    180deg,
    transparent,
    transparent,
    transparent,
    #6c539bc1,
    #6c539bfc,
    #6c539b,
    #6c539b
  );
}
#born_from_everyday_struggles .box {
  background-image: url(/images/8.jpg);
  background-repeat: no-repeat;
  background-position: 24% -16%;
  background-size: auto 75%;
}
/* paragraph slide */
.slide {
  border: 2px solid #ffffff5e;
}
.slide.opened {
  border-color: #a11dfb;
  box-shadow: 3px 14px 16px #bcbcbc69;
}
.slide-icon {
  transition: 0.3s;
  cursor: pointer;
  background: #e9e5ef;
  transform: rotate(0deg);
}
.slide-icon.opened {
  background: #8264b9;
  transform: rotate(180deg);
}

/* logo parallax */
.logo-parallax {
  background: url(../images/logo-coming-soon.webp) no-repeat center 50svh;
  background-size: 90%;
  background-attachment: fixed;
}



@media (min-width: 420px) {
  /* iphone slider */
  .iphone-slider {
    margin-top: 0;
  }
  .iphone-slider-container {
    width: 1790px;
  }

  .iphone-body,
  .iphone-body-top {
    top: 12px;
  }
  .iphone-body-top,
  .iphone-body-bottom,
  .iphone-body {
    width: 390px;
  }
  .iphone-body-bottom {
    bottom: -5.1px;
    padding-top: 2.8%;
  }
}
@media (min-width: 640px) {
  .swiper-slide-prev {
    transform: translateX(-10px) scale(1) !important;
  }

  .swiper-slide-next {
    transform: translateX(10px) scale(1) !important;
  }

  /* born from everyday struggles section*/
  #born_from_everyday_struggles .box {
    background-position: 47% -392%;
    background-size: auto 95%;
  }

  /* proof section */
  .proof-container {
    background-image: url(/images/proof-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 768px) {



}
@media (min-width: 1024px) {
  /* born from everyday struggles section*/
  #born_from_everyday_struggles .box {
    background-position: center;
    background-size: cover;
  }
  .born_from_everyday_struggles_gradient {
    background: linear-gradient(
      89deg,
      transparent,
      transparent,
      transparent,
      #6c539bad,
      #6c539b,
      #6c539bfc,
      #6c539b
    );
  }
}

@media (min-width: 1280px) {
  /* logo parallax */
  .logo-parallax {
    background-size: 1280px;
  }
}