.section--portfoliosimple {
  position: relative;
}
.section--portfoliosimple.is-wave {
  padding-bottom: min(12rem, 11vw);
}

.portfoliosimple-wrap {
  padding: 0 calc(var(--padding-section-base) * 6);
}
.portfolios-simple-card {
  display: flex;
  flex-direction: column;
  position: relative;
  transform: translate3d(0, 0, 0);
  height: 100%;
  /* gap: 3rem; */
}
.sw--portfolios-simple {
  position: static;
  --swiper-pagination-color: #5f5f5f;
  --swiper-pagination-bullet-inactive-color: #5f5f5f;
  --swiper-pagination-bullet-inactive-opacity: 1;
  margin-bottom: 6rem;
  --swiper-navigation-sides-offset: -7rem;
  --swiper-navigation-top-offset: calc(50% - 6rem);
}

.sw--portfolios-simple .portfolio-card {
  margin-top: 4.5rem;
}
.sw--portfolios-simple .swiper-pagination-bullet {
  border: 2px solid transparent;
  position: relative;
}
.sw--portfolios-simple
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #b1b1b1;
}
.sw--portfolios-simple
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  transform: scale(1);
}
.sw--portfolios-simple .swiper-pagination-bullet::before {
  content: "";
  background-color: #000;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: var(--t-ease) var(--ease2);
  transform: scale(0);
}
.btns__portfoliosimple {
  justify-content: center;
  margin-top: 4rem;
}
.portfoliosimple__logo {
  /* position: absolute; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin: auto;
  background: var(--c-white);
  border-radius: 50%;
  padding: 6px;
  left: 50%;
  /* transform: translate(-50%, 5vw); */
}
.portfoliosimple__logo img {
}
/**************************/
/* card */
/**************************/

/**************************/
/* BELOW 360px */
/**************************/
@media (min-width: 22.5em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}

/**************************/
/* ABOVE 800px */
/**************************/

@media (min-width: 50em) {
  .section-wrapper.portfoliosimple {
  }
}

/**************************/
/* ABOVE 1024px */
/**************************/
@media (min-width: 64em) {
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
}