.loop-btn-add-product {
  height: 100%;
}
.main {
  overflow-x: hidden;
}
.text-with-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-with-img {
  display: flex;
  justify-content: space-between;
  background-color: #c7d8bd;
}

.text-with-img * {
  line-height: 1.2;
}

.text-with-img h1 {
  margin-top: 45px;
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 5px;
}

.text-with-img h2 {
  font-size: 30px;
  margin-bottom: 30px;
  text-transform: none;
}

.text-with-img ul {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}

.text-with-img button {
  padding: 10px 15px;
  font-size: 20px;
  background-color: #000;
  color: #fff;
  margin-bottom: 20px;
  max-width: 270px;
  cursor: pointer;
}

.text-with-img button:hover,
.text-with-img button:focus {
  opacity: 0.7;
}
.text-content {
  flex: 60%;
  display: flex;
  padding: 50px 2em;
  flex-direction: column;
  justify-content: center;
}
.sing-in {
  display: flex;
  gap: 10px;
}
.sing-in a {
  text-decoration: underline;
}
.sing-in p {
  margin-bottom: 0;
}
.text-with-img .img-wrapper {
  flex: 40%;
}
.description-icons-section {
  display: block;
  padding: 50px 2em;
  background-color: #fef8e5;
}

.description-icons-section * {
  line-height: 1.2;
}

.description-icons-section h2 {
  padding-bottom: 50px;
  margin: 0;
}

.description-icons-section h3 {
  text-transform: none;
  margin: 0;
  color: #5e8068;
}
.description-icons-section p {
  margin: 0;
}
.description-icons {
  display: flex;
  // flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
.description-icon {
  display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  width: 33%;
}

.description-icon img {
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
}
.loop-bundle-description,
.loop-bundle-footer-description {
  text-align: start;
  width: 100%;
}
.subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5e8068;
}
.subscribe .sing-in {
  margin: 0 auto;
  padding: 10px;
}
.subscribe * {
  color: #fff;
}

.mobile__img {
  display: none;
}
.img-wrapper {
  cursor: pointer;
  background-color: #fef8e5;
}

.faq__wrapper {
  padding: 0 2em;
}

.loop-products-align {
  margin-right: 2em;
}

@media screen and (max-width: 767px) {
  .text-with-img {
    display: flex;
    flex-direction: column;
  }
  .loop-products-align {
    margin-right: 0;
  }

  .description-icons {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 50px;
  }

  .description-icon {
    width: 100%;
  }

  .description-icons-section,
  .text-content {
    padding: 30px 1em;
  }
  .description-icons-section h2 {
    font-size: 18px;
  }
  .description-icons-section h3 {
    font-size: 16px;
  }
  .desktop__img {
    display: none;
  }
  .mobile__img {
    display: block;
  }
  .img-wrapper {
    background-color: #5e8068;
  }
  .subscribe .sing-in {
    margin: 0 auto;
    padding: 10px 5px;
  }
  .faq__wrapper {
    padding: 0 1em;
  }
}

.loop-bundle-image-container {
  display: none;
}
.loop-bundle-title-wrapper {
  display: none;
}

.loop-background {
  padding-top: 0;
}

.loop-text-p1 {
  line-height: inherit;
}

.faq__wrapper .u-large {
  text-transform: uppercase;
} 

.loop-bs-container {
  max-width: none !important;
}
strong {
  font-size: 26px;
}
.loop-btn-input-increase {
  padding-top: 4px !important
}
.loop-btn-input-decrease {
  padding-top: 4px !important
}
.milestones {
    transform: translate(-50%) !important;
}
.label-container .milestones {
    top: 22%;
}
.loop-frequency-selector .btn:hover {
  background-color: #000 !important;
  color:#fff !important;
}

@media screen and (max-width: 767px) {
    .label {
        padding: 6px 18px !important;
        top: 12px !important;
    }
    .label-container .milestones {
    top: -60%;
}
}