/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: OPEN A SHOP
----------------------------------------------------------------*/

/* Layout */
.mw-550 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.mw-650 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.mw-850 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mw-1100 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.border-box {
  padding: 2.5rem;
}

.double-border-box {
  align-items: stretch;
}

h2.small {
  font-size: var(--small);
}

h2.accent-text {
  font-weight: 900;
}

.icon-text {
  max-width: 205px;
}

.accent-number-round {
  font-weight: 700;
  color: var(--text-white-clr);
  height: 32px;
  width: 32px;
  background: var(--accent-clr);
  border-radius: 40px;
  margin-bottom: 0.75rem;
}

.gpbox-icon.small-icon svg {
  height: 24px;
  width: 24px;
}

.gpbox-icon.accent-color svg path {
  stroke: var(--accent-clr);
}

/* Pricing */
.border-box-small {
  padding: 2rem;
}

/* Stats*/
.grey-background.grey-box .icons-wrapper {
  justify-content: space-around;
}

/* Seller Testimonials */
.seller-testimonial {
  z-index: 1;
  padding: 2.5rem 0;
}
.seller-testimonial img {
  border: var(--border);
  border-radius: 8px;
  width: unset !important;
}

/* Steps */
@media screen and (min-width: 64rem) {
  body:not(.mobile) .open-shop-steps__content > div:nth-child(2n) {
    margin-left: 11rem;
    margin-right: -11rem;
  }

  body:not(.mobile) .open-shop-steps__content img {
    width: 190px;
    height: 140px;
    object-fit: cover;
  }
}

@media screen and (max-width: 37.5rem) {
  .seller-testimonial {
    flex-direction: column;
    padding: 1.5rem 0;
  }

  .seller-testimonial img {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }

  .seller-testimonial blockquote {
    margin: 0;
  }

  .icons-wrapper .icon-text {
    max-width: 90%;
  }

  .double-border-box {
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .double-border-box .border-box {
    margin: 0.75rem 0;
  }

  .ecommerce-platforms > img:nth-child(3n) {
    margin-right: 0;
  }
}