.section-slide-show {
  height: 590.9px;
  width: 100%;
  position: relative;
  object-fit: cover;
  display: none;
  max-width: 100%;
}

.home-header-logo {
  text-decoration: none;
}

.ready-for-faith-based {
  position: relative;
  line-height: 20.8px;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: bold;
}

.link,
.section-slide-show {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.link {
  border-radius: var(--br-10xs);
  background-color: var(--color-teal);
  border: 1px solid var(--color-teal);
  padding: var(--padding-xs) 27px var(--padding-smi) var(--padding-10xl);
  min-height: 51px;
  z-index: 1;
}

.section-slide-show {
  align-self: stretch;
  overflow: hidden;
  padding: 274.9px 106px 243.2px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: left;
  font-size: var(--font-size-lg-1);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.heading-2 {
  flex: 1;
  position: relative;
  line-height: 17.3px;
  text-transform: uppercase;
  flex-shrink: 0;
}

.heading-2-featured-collectio-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 395px;
}

.image {
  width: 186.5px;
  height: 186.5px;
  position: relative;
  object-fit: cover;
}

.from {
  position: relative;
  line-height: var(--font-size-4xl);
}

.from-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.div {
  position: relative;
  font-size: var(--font-size-3xl-5);
  line-height: var(--font-size-4xl);
}

.frame_home1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-7);
}

.ngn {
  position: relative;
  font-size: var(--font-size-4xl);
  line-height: var(--font-size-4xl);
  font-weight: 400;
  font-family: inherit;
  margin: -2.5px 0 0;
}

.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  color: var(--color-forestgreen);
}

.faith-based {
  margin: 0 auto;
  max-width: 90vw;
}

.faith-based-entrepreneur-unis-container {
  position: relative;
  font-size: 15.7px;
  line-height: var(--font-size-3xl-3);
  color: var(--color-gray-300);
  flex-shrink: 0;
}

.frame-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs-8);
}

.olivespine {
  position: relative;
  font-size: var(--font-size-smi-9);
  line-height: var(--font-size-lg-1);
  color: var(--color-dimgray-300);
}

.home_backgroundbordershadow,
.frame-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs-8);
}

.home_backgroundbordershadow {
  flex: 1;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  padding: var(--padding-lgi) var(--padding-xl) var(--padding-18xl);
  gap: var(--gap-6xl-7);
  min-width: 210px;
  max-width: 228px;
}

.view-all {
  position: relative;
  line-height: 17.9px;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  min-width: 68px;
}

.heading-21 {
  flex: 1;
  position: relative;
  line-height: 23.5px;
}

.heading-2-shirts-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-4xs) 0 7px;
  font-size: 19px;
}

.button:hover,
.home_item {
  box-sizing: border-box;
}

.home_item {
  flex: 0.3673;
  background-color: var(--color-teal);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 180.4px var(--padding-60xl) 179.9px 81px;
  gap: var(--gap-smi-8);
  min-width: 210px;
  text-align: center;
  font-size: var(--font-size-mini-7);
  color: var(--color-white);
  text-decoration: none;
}

.home_backgroundbordershadow-parent {
  max-width: calc(100% - 10px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-row-start: span;
  grid-auto-flow: column;
  grid-auto-columns: minmax(250px, 1fr);
  /* align-self: stretch; */
  justify-content: center;
  gap: 20px;
  text-align: left;
  font-size: var(--font-size-mid-6);
  color: var(--color-teal);
  margin: 0 auto;
}

.frame_home,
.main-main-content-inner {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}

.frame_home {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 29.7px;
}

.main-main-content-inner {
  align-self: stretch;
  flex-direction: row;
  /* align-items: flex-start; */
  padding: 0 var(--padding-6xl) var(--padding-6xs-8);
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.hi-im-stephanie-container {
  height: 134.6px;
  position: relative;
  line-height: 35.7px;
  display: inline-block;
  flex-shrink: 0;
}

.hi-im-stephanie-rodnez-ceo-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-168xl);
  box-sizing: border-box;
  max-width: 100%;
}

.faith-based-author-black-u {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 50vw;
  overflow: hidden;
  max-height: 500px;
  object-fit: cover;
  object-position: top;
}

.product-thumbnails-button {
  width: 51px;
  height: 51px;
  position: relative;
  border-radius: var(--br-11xs);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  object-position: top;
}

.faith-based-author-black-u-parent,
.section-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.faith-based-author-black-u-parent {
  align-self: stretch;
  gap: 21.2px;
}

.section-inner {
  flex: 1;
  padding: 23.9px 0 0;
  box-sizing: border-box;
  min-width: 309px;
  max-width: 100%;
}

.faith-based-author-black-container {
  flex: 1;
  position: relative;
  font-size: 22.1px;
  line-height: 28.6px;
  font-family: var(--font-inter);
  color: var(--color-gray-300);
  text-align: center;
}

.faith-based-author-black-u-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 11px 0 var(--padding-xs);
}

.by,
.olivespine3 {
  position: relative;
  line-height: 27.2px;
  font-family: var(--font-inter);
  text-align: center;
  flex-shrink: 0;
}

.by {
  font-size: var(--font-size-mid);
  color: var(--color-dimgray-300);
  display: inline-block;
  min-width: 22.9px;
}

.olivespine3 {
  font-size: 17px;
  color: var(--color-teal);
  padding-left: 3px;
}

.by-parent,
.frame-wrapper,
.olivespine-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.olivespine-wrapper {
  flex-direction: column;
  margin-left: -0.2px;
  position: relative;
}

.by-parent,
.frame-wrapper {
  flex-direction: row;
}

.frame-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: 10px;
}

.ngn3 {
  position: relative;
  font-size: 20.8px;
  line-height: 24.4px;
  font-family: var(--font-inter);
  color: var(--color-gray-300);
  text-align: center;
}

.product-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* padding: 0 var(--padding-110xl) var(--padding-smi-2) var(--padding-111xl); */
}

.label-size,
.xs {
  position: relative;
  font-family: var(--font-inter);
}

.label-size {
  font-size: 12.8px;
  line-height: 13px;
  color: var(--color-gray-100);
  text-align: center;
  z-index: 1;
}

.xs {
  font-size: var(--font-size-mid);
  line-height: 19.6px;
  color: var(--color-dimgray-300);
  text-align: left;
}

.container,
.container-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.container {
  align-self: stretch;
  overflow: hidden;
  flex-direction: row;
}

.container-wrapper {
  flex: 1;
  flex-direction: column;
  padding: 2.3px 0 0;
  box-sizing: border-box;
  min-width: 250px;
  max-width: 100%;
}

.frame-icon {
  height: 6px;
  width: 8px;
  position: relative;
  z-index: 1;
}

.frame_home11 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-2xs);
  max-width: 100%;
}

.options-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 var(--padding-12xs);
}

.options,
.options-inner,
.options-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

.options {
  flex: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: var(--br-10xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro);
  flex-direction: column;
  padding: var(--padding-7xs) var(--padding-4xs) var(--padding-8xs);
  gap: var(--gap-11xs-7);
  min-height: 52px;
}

.options-wrapper {
  align-self: stretch;
  flex-direction: row;
  /* padding: 0 0 var(--padding-smi-2); */
  margin: 0 auto;
  width: 100%;
}

.product-size {
  max-width: 50%;
  margin: 0 auto;

}

.label-quantity,
.quantity-value {
  position: relative;
  font-family: var(--font-inter);
}

.label-quantity {
  font-size: var(--font-size-smi-1);
  line-height: 13px;
  color: var(--color-gray-100);
  text-align: center;
  z-index: 1;
}

.quantity-value {
  font-size: var(--font-size-mid);
  line-height: 19.6px;
  color: var(--color-dimgray-300);
  text-align: left;
  display: inline-block;
  min-width: 9.6px;
}

.container-container {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-10xs-2) 0 0;
}

.container-container,
.options-quantity,
.options-quantity-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.options-quantity-inner {
  width: 95px;
  flex-direction: row;
  padding: 0 0 0 var(--padding-12xs);
  box-sizing: border-box;
}

.options-quantity {
  align-self: stretch;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: var(--br-10xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro);
  flex-direction: column;
  padding: var(--padding-7xs) var(--padding-4xs) var(--padding-8xs);
  gap: var(--gap-11xs-8);
}

.product-quantity-options {
  margin: 0 auto;
  height: 63.8px;
  width: 50%;
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  /* padding: 0 var(--padding-135xl) 12.3px; */
  box-sizing: border-box;
}

.add-to-cart {
  position: relative;
  font-size: var(--font-size-mid);
  line-height: 19.6px;
  text-transform: uppercase;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: center;
}

.button {
  cursor: pointer;
  border: 1px solid var(--color-gainsboro);
  padding: var(--padding-xs) var(--padding-xl) var(--padding-smi);
  background-color: var(--color-gray-300);
  height: 49.5px;
  flex: 1;
  border-radius: var(--br-10xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
}

.button:hover {
  background-color: var(--color-dimgray-200);
  border: 1px solid var(--color-silver);
}

.buy-with {
  position: relative;
  font-size: 15.7px;
  line-height: 19.6px;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: center;
}

.img-icon {
  height: 20px;
  width: 85px;
  position: relative;
  top: 5px;
}

.slot-shop-pay-wallet-button,
.slot-shop-pay-wallet-button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.slot-shop-pay-wallet-button {
  cursor: pointer;
  border: 0;
  padding: 14px;
  background-color: var(--color-blueviolet-200);
  border-radius: var(--br-10xs);
  justify-content: center;
  gap: var(--gap-10xs-8);
  text-decoration: none;
  color: white;
  text-decoration: none;
  font-size: 15px;
  width: 100%;
}

.slot-shop-pay-wallet-button:hover {
  background-color: var(--color-blueviolet-100);
}

.slot-shop-pay-wallet-button-wrapper {

  max-width: 300px;
  justify-content: flex-start;
  padding: 0 0 10.6px;
}

.more-payment-options {
  position: relative;
  font-size: var(--font-size-mini-8);
  line-height: 18.3px;
  font-family: var(--font-inter);
  color: var(--color-teal);
  text-align: center;
  text-decoration: none;
}

.more-payment-options-wrapper,
.view-full-details-wrapper {
  display: flex;
  /* flex-direction: row; */
  /* align-items: flex-start; */
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.view-full-details {
  position: relative;
  font-size: var(--font-size-base-8);
  line-height: 19.6px;
  font-family: var(--font-inter);
  color: var(--color-teal);
  text-align: center;
  text-decoration: none;
}

.share-this {
  flex: 1;
  position: relative;
  font-size: var(--font-size-mini-7);
  line-height: 17.1px;
  font-family: var(--font-inter);
  color: var(--color-gray-300);
  text-align: center;
}

.share-this-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /* padding: 0 173px 8px 174px; */
}

.image3 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: var(--br-5xl);
}

.social-links-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs-5);
}

.social-links-container-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}

.frame-form {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 15px;
  max-width: 100%;
}


.section {
  /* align-self: stretch; */
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-6xl) var(--padding-5xl) var(--padding-5xl) var(--padding-7xl);
  gap: 23.1px;
  flex-shrink: 0;
  width: 80%;
  max-width: 1200px !important;
  margin: 0 auto;
}

.frame_home10,
.main-main-content-child,
.section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.frame_home10 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-14xl-9);
}

.main-main-content-child {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-6xl) 2.8px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-2xl-9);
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.heading-22 {
  position: relative;
  line-height: 35.7px;
}

.heading-2-hey-sis-welcome-t-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 9.2px;
  box-sizing: border-box;
  max-width: 100%;
}

.the-mission-of-container {
  position: relative;
  line-height: 25.5px;
}

.the-mission-of-olivespine-girl-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 2.5px;
  font-size: var(--font-size-base-8);
}

.if-you-feel-container {
  position: relative;
  font-size: 15.7px;
  line-height: 25.5px;
}

.then-olivespine-girl {
  position: relative;
  font-size: var(--font-size-base-9);
  line-height: 25.5px;
}

.frame_home13,
.frame-section {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.frame_home13 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 14.5px;
}

.frame-section {
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 11.5px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-3xl-5);
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.but-by-the-container,
.you-see-i-container {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.you-see-i-container {
  height: 63.2px;
  line-height: 35.7px;
}

.but-by-the-container {
  font-size: var(--font-size-base-8);
  line-height: 25.5px;
  max-width: 100%;
}

.frame_home14,
.you-see-i-knew-since-the-age-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 28px;
  max-width: 100%;
}

.frame_home14 {
  gap: 59.5px;
}

.heading-2-and-thats-how-god-wrapper,
.main-main-content-inner1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-3xl-3);
}

.main-main-content-inner1 {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-5xl) 5.8px var(--padding-xl);
  flex-shrink: 0;
  text-align: left;
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.heading-2-and-thats-how-god-wrapper {
  justify-content: flex-start;
  padding: 0 0 7.2px;
}

.check-out-the {
  position: relative;
  line-height: 20px;
  flex-shrink: 0;
}

.check-out-the-website-for-reso-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  min-width: 331px;
  max-width: 100%;
}

.free-sales-funnels {
  font-size: var(--font-size-mid);
  color: var(--color-teal);
  z-index: 1;
}

.and-dont-forget,
.free-sales-funnels,
.toolkit {
  position: relative;
  line-height: 25.5px;
  flex-shrink: 0;
}

.and-dont-forget {
  margin-right: -0.2px;
  line-height: 20px;
  z-index: 2;
}

.and-dont-forget-to-join-the-g-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  min-width: 384px;
  max-width: 100%;
  font-size: var(--font-size-base-9);
  color: var(--color-gray-300);
}

.olivespine-girl {
  position: relative;
  line-height: 25.5px;
  flex-shrink: 0;
  z-index: 3;
}

.toolkit-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  row-gap: 20px;
}

.live-your-purpose {
  position: relative;
  line-height: 21px;
  z-index: 1;
}

.strong-on {
  position: relative;
  font-size: var(--font-size-base-7);
  line-height: 25.5px;
}

.frame_home18,
.live-your-purpose-group-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -0.5px;
  position: relative;
}

.live-your-purpose-group-parent {
  flex-direction: row;
  justify-content: flex-start;
  gap: 4.6px;
  font-size: var(--font-size-mid);
}

.frame_home18 {
  font-size: var(--font-size-base-7);
  color: var(--color-teal);
}

.frame_home16,
.frame_home18 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
}

.frame_home15,
.frame_home16,
.main-main-content-inner2 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.frame_home15 {
  width: 776.8px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16.5px;
}


.main-main-content-inner2 {
  width: 100%;
  flex-direction: row;
  padding: 0 var(--padding-xl) var(--padding-8xs-3);
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-base-8);
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.did-you-know-container {
  height: 98.9px;
  flex: 1;
  position: relative;
  line-height: 35.7px;
  display: inline-block;
}

.second-book-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-171xl) 0 191px;
}

.how-to-write-a-book-make-mon,
.product-thumbnails-button1 {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 474.8px;
  height: 474.8px;
  overflow: hidden;
  object-fit: cover;
}

.product-thumbnails-button1 {
  top: 522.1px;
  border-radius: var(--br-11xs);
  width: 51px;
  height: 51px;
}

.how-to-write-container {
  height: 56.1px;
  position: relative;
  line-height: 28.6px;
  display: inline-block;
  flex-shrink: 0;
}

.by1,
.olivespine-girl1 {
  position: relative;
  line-height: 27.2px;
  flex-shrink: 0;
}

.by1 {
  display: inline-block;
  min-width: 22.9px;
}

.olivespine-girl1 {
  align-self: stretch;
}

.second-book-author {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs-5) 0 0;
  margin-left: -0.2px;
  position: relative;
  font-size: var(--font-size-base-9);
  color: var(--color-teal);
}

.by-group,
.second-book-title-container-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.by-group {
  justify-content: flex-start;
  flex-shrink: 0;
}

.second-book-title-container-inner {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
  font-size: var(--font-size-mid);
  color: var(--color-dimgray-300);
}

.second-book-title-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 4.7px;
  max-width: 100%;
}

.second-book-title-container-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-mini) 0 var(--padding-base);
  box-sizing: border-box;
  max-width: 100%;
}

.ngn4 {
  position: relative;
  line-height: 24.4px;
}

.ngn-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-110xl) 0 var(--padding-111xl);
}

.label-quantity1 {
  position: relative;
  line-height: 13px;
  z-index: 1;
}

.second-book-number {
  position: relative;
  line-height: 19.6px;
  display: inline-block;
  min-width: 9.6px;
}

.second-book-number-input-conta {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-10xs-2) 0 0;
  box-sizing: border-box;
  min-width: 49px;
}

.second-book-number-input-conta-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-2xs);
}

.options-quantity1,
.second-book-quantity-container {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.second-book-quantity-container {
  width: 95px;
  flex-direction: row;
  padding: 0 0 0 var(--padding-12xs);
  text-align: left;
  font-size: var(--font-size-mid);
  color: var(--color-dimgray-300);
}

.options-quantity1 {
  flex: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: var(--br-10xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro);
  flex-direction: column;
  padding: var(--padding-7xs) var(--padding-4xs) var(--padding-8xs);
  gap: var(--gap-11xs-8);
  min-height: 52px;
}

.button1,
.options-quantity-wrapper,
.slot-shop-pay-wallet-button1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.options-quantity-wrapper {
  justify-content: flex-end;
  padding: 0 var(--padding-135xl);
  font-size: var(--font-size-smi-1);
  color: var(--color-gray-100);
}

.button1,
.slot-shop-pay-wallet-button1 {
  cursor: pointer;
  border-radius: var(--br-10xs);
}

.button1 {
  border: 1px solid var(--color-gainsboro);
  padding: var(--padding-xs) var(--padding-xl) var(--padding-smi);
  background-color: var(--color-gray-300);
  height: 49.5px;
  box-sizing: border-box;
  justify-content: center;
}

.button1:hover {
  background-color: var(--color-dimgray-200);
  border: 1px solid var(--color-silver);
  box-sizing: border-box;
}

.slot-shop-pay-wallet-button1 {
  border: 0;
  padding: var(--padding-sm) var(--padding-116xl);
  background-color: var(--color-blueviolet-200);
  justify-content: flex-start;
  gap: var(--gap-10xs-8);
}

.slot-shop-pay-wallet-button1:hover {
  background-color: var(--color-blueviolet-100);
}

.more-payment-options1 {
  position: relative;
  line-height: 18.3px;
}

.second-more-payment {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-113xl) 0 var(--padding-114xl);
  font-size: var(--font-size-mini-8);
  color: var(--color-teal);
}

.second-book-price-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 16.6px;
}

.view-full-details1 {
  position: relative;
  line-height: 19.6px;
}

.second-view-details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-133xl) 10.8px var(--padding-134xl);
  font-size: var(--font-size-base-8);
  color: var(--color-teal);
}

.share-this1 {
  flex: 1;
  position: relative;
  line-height: 17.1px;
}

.share-this-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-19xl) 0 var(--padding-20xl);
}

.second-share-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-smi-8);
}

.second-share-container-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  font-size: var(--font-size-mini-7);
}

.second-book-info,
.second-book-price-container-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.second-book-price-container-parent {
  align-self: stretch;
  gap: 24.3px;
  font-size: var(--font-size-xl-6);
}

.second-book-info {
  position: absolute;
  top: 36.5px;
  left: 523.9px;
  width: 424.1px;
  gap: 44.6px;
  max-width: 100%;
}

.section1 {
  align-self: stretch;
  height: 599.1px;
  position: relative;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  max-width: 100%;
  font-size: 22.9px;
}

.second-book-container-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-14xl-9);
  max-width: 100%;
}

.main-main-content-inner3,
.third-book-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.main-main-content-inner3 {
  padding: 0 var(--padding-6xl) var(--padding-6xs-8);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-2xl-9);
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.third-book-container {
  padding: 0 var(--padding-171xl) 0 186px;
}

.product-thumbnails-button2 {
  position: absolute;
  top: 522px;
  left: 26px;
  border-radius: var(--br-11xs);
  width: 51px;
  height: 51px;
  overflow: hidden;
  object-fit: cover;
}

.olivespine-girl-legendary-container {
  align-self: stretch;
  position: relative;
  line-height: 28.6px;
}

.olivespine4 {
  position: relative;
  line-height: 27.2px;
  flex-shrink: 0;
}

.third-book-author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs-5) 0 0;
  margin-left: -0.2px;
  position: relative;
  font-size: var(--font-size-base-9);
  color: var(--color-teal);
}

.third-book-author-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 54px 0 55px;
}

.sold-out {
  flex: 1;
  position: relative;
  line-height: 15px;
}

.home_background {
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.2px var(--padding-9xs) var(--padding-8xs-3) var(--padding-8xs);
}

.ngn5 {
  position: relative;
  font-size: var(--font-size-xl-6);
  line-height: 24.4px;
  color: var(--color-gray-300);
}

.third-book-price {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-mid);
  font-size: var(--font-size-smi-9);
  color: var(--color-white);
}

.third-book-author-container-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 40.3px;
}

.third-book-title-inner {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 67px;
  font-size: var(--font-size-mid);
  color: var(--color-dimgray-300);
}

.third-book-title {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-8xs-8);
  max-width: 100%;
}

.planner-title-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-3xl) 0 23px;
  box-sizing: border-box;
  max-width: 100%;
}

.options-quantity2,
.third-book-number-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.third-book-number-input {
  flex: 1;
  flex-direction: row;
  gap: var(--gap-2xs);
}

.options-quantity2 {
  height: 51.5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: var(--br-10xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-7xs) var(--padding-4xs) var(--padding-8xs);
  gap: var(--gap-11xs-8);
}

.sold-out1 {
  position: relative;
  font-size: var(--font-size-lg-1);
  line-height: 20.8px;
  text-transform: uppercase;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: center;
}

.button2 {
  cursor: pointer;
  border: 1px solid var(--color-dimgray-100);
  padding: var(--padding-xs) var(--padding-xl) var(--padding-smi);
  background-color: var(--color-dimgray-100);
  flex: 1;
  border-radius: var(--br-10xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  min-width: 94px;
  min-height: 51px;
}

.button2:hover,
.button3:hover {
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-200);
  box-sizing: border-box;
}

.planner-quantity,
.planner-title-container-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.planner-quantity {
  flex-direction: row;
  gap: 12.7px;
  font-size: var(--font-size-smi-1);
  color: var(--color-gray-100);
}

.planner-title-container-parent {
  flex-direction: column;
  gap: 16.9px;
  max-width: 100%;
  margin-bottom: 30px;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  /* margin: 0 auto; */
  height: 100%;
}

.planner-details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-133xl) 10.4px var(--padding-134xl);
  font-size: var(--font-size-base-8);
  color: var(--color-teal);
}

.planner-info {
  position: absolute;
  top: 119.3px;
  left: 523.9px;
  width: 424.1px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 24.6px;
  max-width: 100%;
}

.section2 {
  align-self: stretch;
  height: 599.1px;
  position: relative;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  flex-shrink: 0;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-3xl-3);
}

.third-book-container-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-15xl);
  max-width: 100%;
}

.main-main-content-inner4,
.you-can-also-check-out-my-late-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.main-main-content-inner4 {
  align-self: stretch;
  padding: 0 var(--padding-6xl) 6.7px;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-3xl-5);
  color: var(--color-gray-300);
  font-family: var(--font-inter);
}

.you-can-also-check-out-my-late-wrapper {
  padding: 0 var(--padding-168xl);
}

.image18 {
  align-self: stretch;
  height: 250px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.self-publishing-a-book-container {
  position: relative;
  line-height: 22.1px;
  font-family: var(--font-inter);
}

.hey-there-sister-container {
  height: auto;
  position: relative;
  line-height: 27.6px;
  display: inline-block;
  flex-shrink: 0;
  font-family: var(--font-inter);
}

.self-publishing-a-book-secrets-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 21.6px;
}

.read-now,
.secrets-read-icon {
  position: relative;
  flex-shrink: 0;
}

.read-now {
  flex: 1;
  line-height: var(--font-size-mid);
  display: inline-block;
  min-width: 81.5px;
}

.secrets-read-icon {
  width: 6px;
  height: 8px;
  object-fit: contain;
}

.secrets-read-padding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs-6) 0 0;
}

.secrets-article-read-button,
.secrets-read-span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.secrets-read-span {
  width: 81.5px;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-11xs-7);
}

.secrets-article-read-button {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-10xl) 0 var(--padding-xl);
  font-size: var(--font-size-mid);
  color: var(--color-teal);
}

.secrets-article {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 29.6px;
}

.secrets-article-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-2xl) 0 var(--padding-3xl);
}

.article,
.home_item1 {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.article {
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 7.3px;
  gap: 22.2px;
}

.home_item1 {
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  min-width: 238px;
  font-size: var(--font-size-base-1);
}

.grow-your-business-container {
  flex: 1;
  position: relative;
  line-height: 22.1px;
}

.grow-your-business-as-a-female-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 36px 0 var(--padding-18xl);
}

.ready-to-learn-container {
  height: 249px;
  position: relative;
  line-height: 27.6px;
  display: inline-block;
  flex-shrink: 0;
}

.ready-to-learn-5-things-that-w-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 28.6px;
}

.business-article {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-7xl);
  font-size: var(--font-size-base-1);
}

.article1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 8.3px;
  gap: var(--gap-2xl-9);
}

.business-ideas-for-women-low-wrapper,
.home_item2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.home_item2 {
  flex: 1;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  justify-content: flex-start;
  padding: 0 0 220px;
  min-width: 238px;
}

.business-ideas-for-women-low-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 30px 0 31px;
}

.want-to-learn-container {
  position: relative;
  line-height: 27.6px;
}

.frame-frame,
.want-to-learn-my-top-4-busines-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.frame-frame {
  padding: var(--padding-6xs-5) 0 0;
}

.want-to-learn-my-top-4-busines-parent {
  flex: 1;
  gap: 3.4px;
}

.article-inner {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-2xl) 0 var(--padding-3xl);
  font-size: var(--font-size-base-1);
}

.article2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 33.3px;
  gap: var(--gap-2xl-9);
}

.frame_home19,
.home_item3,
.list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.home_item3 {
  flex: 1;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-gray-500);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  flex-direction: row;
  padding: 0 0 99px;
  min-width: 238px;
}

.frame_home19,
.list {
  align-self: stretch;
}

.list {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 10px;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-mid);
}

.frame_home19 {
  flex-direction: column;
  gap: var(--gap-15xl);
  max-width: 100%;
}

.see-more {
  flex: 1;
  position: relative;
  line-height: var(--font-size-mid);
  display: inline-block;
  min-width: 78.6px;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.more-articles,
.more-articles-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.more-articles {
  width: 78.6px;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-11xs-8);
  text-decoration: none;
}

.more-articles-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-10xl) 0 var(--padding-xl);
  text-align: center;
  font-size: var(--font-size-mid);
  color: var(--color-teal);
}

.you-tube-container,
.you-tube-container-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.you-tube-container {
  flex: 1;
  flex-direction: column;
  gap: 20.8px;
}

.you-tube-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-6xl) 31.3px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-3xl-5);
  color: var(--color-gray-300);
  font-family: inherit;
}

.heading-24 {
  flex: 1;
  position: relative;
  line-height: 23.5px;
}

.newsletter {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-60xl) 0 78px;
}

.enter-your-best-container {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base-9);
  line-height: 26.6px;
}

.newsletter-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20.5px;
}

.label-email {
  width: 100%;
  border: 0;
  outline: 0;
  font-family: var(--font-inter);
  font-size: 16.3px;
  background-color: transparent;
  position: relative;
  line-height: var(--font-size-mid);
  color: var(--color-gray-100);
  text-align: left;
  display: inline-block;
  padding: 0;
  z-index: 1;
}

.container4,
.input-email-address {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.input-email-address {
  border-radius: var(--br-10xs);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro);
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--padding-mini) 10px var(--padding-base);
}

.container4 {
  min-width: 234px;
}

.sign-up {
  flex: 1;
  position: relative;
  font-size: var(--font-size-lg-1);
  line-height: 20.8px;
  text-transform: uppercase;
  display: inline-block;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: center;
  min-width: 74.7px;
}

.button3,
.email-signup {
  flex-direction: row;
  justify-content: flex-start;
}

.button3 {
  cursor: pointer;
  border: 1px solid var(--color-teal);
  padding: var(--padding-xs) var(--padding-base) var(--padding-smi) 18px;
  background-color: var(--color-teal);
  height: 50.8px;
  border-radius: var(--br-10xs);
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}

.button3:hover {
  background-color: var(--color-forestgreen);
  border: 1px solid var(--color-forestgreen);
  cursor: pointer;
}

.email-signup {
  width: 80%;
  max-width: 100vw;
  gap: 14.7px;
  margin-bottom: 10px;
}

.email-signup,
.email-signup-wrapper,
.frame_home20 {
  display: flex;
  /* align-items: center; */
  max-width: 100%;
}

.email-signup-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  /* padding: 0 var(--padding-2xl) 0 var(--padding-xl); */
  box-sizing: border-box;
}


.frame_home20 {
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  justify-content: center;
  gap: 32.1px;
  margin: 0 auto;
}

.main-main-content,
.main-main-content-inner5 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

.main-main-content-inner5 {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-2xl) 0 var(--padding-xl);
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: 20.4px;
  color: var(--color-gray-300);
  font-family: var(--font-inter);
  margin-bottom: 10%;
}

.main-main-content {
  width: 100%;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  gap: 72.2px;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 975px) {

  .frame_home20 {
    width: 70%;
  }

  .email-signup-wrapper {
    align-self: normal;
    /* justify-content: flex-start; */
    padding: 0;
    min-width: 350px;
  }

  .faith-based-author-black-u {
    max-width: 100%;
    max-height: 60%
  }

  .section-slide-show {
    padding-left: var(--padding-34xl);
    padding-right: var(--padding-34xl);
    box-sizing: border-box;
  }

  .section-slide-show {
    align-self: normal;
    overflow: hidden;
    background-size: auto;
    background-repeat: repeat;
    background-position: top;
    background-position-x: 1000px;
  }


  .heading-2-featured-collectio-wrapper {
    padding-left: var(--padding-178xl);
    padding-right: var(--padding-178xl);
    box-sizing: border-box;
  }

  .home_backgroundbordershadow-parent {
    justify-content: start;
    /* overflow-x: scroll; */
    max-width: 100%;
  }

  .hi-im-stephanie-rodnez-ceo-wrapper {
    padding-left: var(--padding-74xl);
    padding-right: var(--padding-74xl);
    box-sizing: border-box;
  }

  .frame-form {
    flex: 1;
  }

  .section {
    flex-wrap: wrap;
  }

  .second-book-container {
    padding-left: var(--padding-76xl);
    padding-right: var(--padding-76xl);
    box-sizing: border-box;
  }

  .third-book-container,
  .you-can-also-check-out-my-late-wrapper {
    padding-left: var(--padding-74xl);
    padding-right: var(--padding-76xl);
    box-sizing: border-box;
  }

  .you-can-also-check-out-my-late-wrapper {
    padding-right: var(--padding-74xl);
  }

  .home_item2,
  .home_item3 {
    padding-bottom: 143px;
    box-sizing: border-box;
  }

  .home_item3 {
    padding-bottom: 64px;
  }

  .content-wrapper {
    margin-right: 100px;
  }

  .slot-shop-pay-wallet-button {
    padding: 14px;
  }

  .slot-shop-pay-wallet-button-wrapper {
    justify-content: center;
  }

  .frame_home15 {
    padding: 0 var(--padding-xl) 11.5px;
  }
}

@media screen and (max-width: 800px) {
  .content-wrapper {
    margin: 0 50px;
  }
}


@media screen and (max-width: 700px) {
  .section-slide-show {
    background-repeat: repeat;
    background-position: top;
    background-position-x: 700px;
  }

  .content-wrapper {
    margin: 0;
    margin-right: 0;
  }

  .section-slide-show {
    padding-top: 179px;
    padding-bottom: 158px;
    box-sizing: border-box;
  }

  .heading-2-featured-collectio-wrapper {
    padding-left: var(--padding-79xl);
    padding-right: var(--padding-79xl);
    box-sizing: border-box;
  }

  .hi-im-stephanie-rodnez-ceo-wrapper {
    padding-left: var(--padding-27xl);
    padding-right: var(--padding-27xl);
    box-sizing: border-box;
  }

  .frame-form {
    min-width: 100%;
  }

  .section {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }

  .frame_home10 {
    gap: var(--gap-mid);
  }

  .toolkit-parent {
    flex-wrap: wrap;
  }

  .second-book-container {
    padding-left: var(--padding-28xl);
    padding-right: var(--padding-28xl);
    box-sizing: border-box;
  }

  .second-book-container-parent {
    gap: var(--gap-mid);
  }

  .third-book-container {
    padding-left: var(--padding-27xl);
    padding-right: var(--padding-28xl);
    box-sizing: border-box;
  }

  .frame_home19,
  .third-book-container-parent {
    gap: var(--gap-mid);
  }

  .newsletter {
    padding-left: var(--padding-20xl);
    padding-right: var(--padding-20xl);
    box-sizing: border-box;
  }

  .email-signup {
    flex-wrap: wrap;
    justify-content: center;
  }

  .email-signup-footer {
    justify-content: flex-start !important;
  }

  .frame_home20 {
    gap: 16px;
  }

  .main-main-content {
    gap: 36px;
  }
}

@media screen and (max-width: 450px) {
  .faith-based-author-black-u {
    width: 90%;
  }

  .section-slide-show {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }



  .div,
  .ngn {
    font-size: var(--font-size-lg);
    line-height: var(--font-size-lg);
  }

  .home_backgroundbordershadow,
  .home_item {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-5xl);
    box-sizing: border-box;
  }

  .home_item {
    padding-top: var(--padding-98xl);
    padding-bottom: var(--padding-98xl);
  }

  /* .home_backgroundbordershadow-parent {
    grid-template-columns: minmax(171px, 1fr);
  } */

  .hi-im-stephanie-container {
    font-size: var(--font-size-lg);
    line-height: 29px;
  }

  .faith-based-author-black-container {
    font-size: var(--font-size-lg);
    line-height: var(--font-size-4xl);
  }

  .ngn3 {
    font-size: var(--font-size-mid);
    line-height: 20px;
  }

  .product-price {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .frame_home11 {
    flex-wrap: wrap;
  }

  .more-payment-options-wrapper,
  .product-quantity-options,
  .share-this-wrapper,
  .slot-shop-pay-wallet-button,
  .view-full-details-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .heading-22,
  .you-see-i-container {
    font-size: var(--font-size-lg);
    line-height: 29px;
  }

  .frame_home14 {
    gap: 30px;
  }

  .and-dont-forget-to-join-the-g-wrapper {
    min-width: 100%;
  }

  .live-your-purpose-group-parent {
    flex-wrap: wrap;
  }

  .did-you-know-container {
    font-size: var(--font-size-lg);
    line-height: 29px;
  }

  .how-to-write-container {
    font-size: var(--font-size-lg);
    line-height: var(--font-size-4xl);
  }

  .ngn4 {
    font-size: var(--font-size-base);
    line-height: 20px;
  }

  .section1 {
    height: auto;
    min-height: 599.0999999999999;
  }

  .olivespine-girl-legendary-container {
    font-size: var(--font-size-lg);
    line-height: var(--font-size-4xl);
  }

  .ngn5 {
    font-size: var(--font-size-base);
    line-height: 20px;
  }

  .planner-quantity,
  .third-book-price {
    flex-wrap: wrap;
  }

  .section2 {
    height: auto;
    min-height: 599.0999999999999;
  }

  .you-can-also-check-out-my-late-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .home_item2,
  .home_item3 {
    box-sizing: border-box;
  }

  .home_item2 {
    padding-bottom: var(--padding-74xl);
  }

  .home_item3 {
    padding-bottom: 42px;
  }

  .heading-24 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }

  .main-main-content {
    gap: 18px;
  }

  .section {
    width: 100%;
  }
}

.home-faith-based {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.frame-section-home {
  margin: 0 auto;
  width: 80%;
}



/* Container styles */
.you-tube-container-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /* gap: 30px; */
  margin-top: 30px;
  align-items: stretch;
  /* This makes all items stretch to same height */
}

.home_item1 {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  /* Added */
  flex-direction: column;
  /* Added */
  height: 100%;
  /* Added */
}

.home_item1:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.article {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Makes article take full height of parent */
}

.image18 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  flex-shrink: 0;
  /* Prevents image from shrinking */
}

.secrets-article-wrapper {
  padding: 20px;
  flex-grow: 1;
  /* Takes remaining space */
  display: flex;
  flex-direction: column;
}

.self-publishing-a-book-container p {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #333;
  line-height: 1.4;
}

.hey-there-sister-container {
  flex-grow: 1;
  /* Makes this container grow to fill space */
}

.hey-there-sister-container p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}

.secrets-article-read-button {
  margin-top: auto;
  padding-top: 15px;
  text-decoration: none;
}

.secrets-read-span {
  display: inline-flex;
  align-items: center;
  color: var(--color-teal);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.secrets-read-span:hover {
  color: #1a5c6c;
}

.read-now {
  margin-right: 8px;
  text-decoration: none;
}

.more-articles-wrapper {
  margin-top: 40px;
  text-align: center;
}

.see-more {
  display: inline-flex;
  align-items: center;
  color: var(--color-teal);
  font-weight: 600;
  text-decoration: none;
  font-size: 1.1rem;
}

.see-more:hover {
  text-decoration: underline;
}

.frame-frame {
  display: inline-flex;
  margin-left: 8px;
}

.options {
  min-width: 300px;
  max-width: 300px;
}

@media (max-width: 768px) {
  .list {
    grid-template-columns: 1fr;
  }

  .image18 {
    height: 180px;
  }

  .frame-section-home {
    margin: 0 auto;
    width: 100%;
    max-width: 100vw;
  }

}



.home_backgroundbordershadow {
  flex: 1;
  box-shadow: 0 1px 4px rgba(127, 127, 127, 0.11);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-400);
  box-sizing: border-box;
  padding: var(--padding-lgi) var(--padding-xl) var(--padding-18xl);
  gap: var(--gap-6xl-7);
  min-width: 210px;
  max-width: 228px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.frame-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Take full height of parent */
  justify-content: space-between;
  /* Push content to top and bottom */
}

.faith-based-entrepreneur-unis-container {
  position: relative;
  font-size: 15.7px;
  line-height: var(--font-size-3xl-3);
  color: var(--color-gray-300);
  flex-shrink: 0;
  overflow: hidden;
  /* Prevent text from overflowing */
  text-overflow: ellipsis;
  /* Add ellipsis if text is too long */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limit to 2 lines */
  -webkit-box-orient: vertical;
}


#shadow3product-card {
  min-width: 250px;
}

.home-product-image-container {
  height: inherit;
  width: inherit;
}



/* Add to Cart buttom */
.add-to-cart-text {
  color: white;
  font-size: 17px;
  text-transform: uppercase;
}


.add-to-cart-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 0.8s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* .add-to-cart-message {
  margin-bottom: 5px;
  padding: 3px;
  text-align: left;
  width: 100%;
} */


.add-to-cart-message,
.mailpoet_message {
  margin: 0 auto;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  font-weight: 300;
  font-size: 15.9px;
  max-width: 300px;
  /* width: 97%; */
}

.success-message {
  background-color: #d4edda;
  color: #155724;
}

.error-message {
  background-color: #f8d7da;
  color: #721c24;
}



/* 
.disabled-link {
  pointer-events: none;
  color: gray;
  text-decoration: none;
  cursor: not-allowed;
} */



.numbered-tabbed-list {
  list-style-type: decimal;
  padding-left: 2em;
  /* Indents the list like a tab */
  margin-top: 0.5em;
}

.numbered-tabbed-list li {
  margin-bottom: 0.5em;
}

.scroll-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}


.you-see-i-knew-since-the-age-parent {
  gap: 10px;
}

.you-see-i-container {
  height: auto;
  max-width: 100vw;
  width: 100%;
}

.add-to-cart-button {
  max-width: 300px;
}

.set-none {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .email-signup-wrapper {
    min-width: 70vw;
    justify-content: center;
    /* width: 100%; */
}

.email-signup {
  width: 100%;
}

.frame_home20 {
  width: 100%;
}

  .options {
    min-width: 270px;
  }


  .fotter-sign-up .email-signup {
    justify-content: flex-start;
  }

}

.fotter-sign-up {
  text-align: start;
  justify-content: flex-start;
}