.sun .img-fluid {
  width: 15%;
}
@media (min-width: 362px) and (max-width: 439.98px) {
  .sun .img-fluid {
    width: 12%;
  }
}
@media (min-width: 440px) {
  .sun .img-fluid {
    width: 11%;
  }
}
@media (min-width: 530px) {
  .sun .img-fluid {
    width: 9.5%;
  }
}
@media (min-width: 768px) {
  .sun .img-fluid {
    width: 7%;
  }
}
@media (min-width: 992px) {
  .sun .img-fluid {
    width: 5%;
  }
}
@media (min-width: 1200px) {
  .sun .img-fluid {
    width: 4%;
  }
}
@media (min-width: 1400px) {
  .sun .img-fluid {
    width: 3.5%;
  }
}

.list-header {
  font-family: "Source-Sans-Pro-Regular";
  font-size: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
  .list-header {
    font-size: 1.625rem;
  }
}

.stylish-list li {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.stylish-list li::marker {
  font-family: "bootstrap-icons" !important;
  content: "\f26f";
}

.carousel-control {
  background-image: unset;
}

.carousel-item {
  background-color: #fcfcfc;
  filter: drop-shadow(2px 4px 6px #d7d7d7);
}
.carousel-item .raised {
  top: -2rem;
  width: 32%;
}
@media (min-width: 510px) {
  .carousel-item .raised {
    width: 30%;
  }
}
@media (min-width: 768px) {
  .carousel-item .raised {
    width: 21%;
  }
}
@media (min-width: 992px) {
  .carousel-item .raised {
    width: 15%;
  }
}
@media (min-width: 1200px) {
  .carousel-item .raised {
    width: 12%;
  }
}

.carousel-caption {
  color: #1a1919;
}
.carousel-caption a {
  color: inherit;
  text-decoration: underline;
}

.carousel-indicators {
  bottom: 0.3rem;
}
.carousel-indicators [data-bs-target] {
  background-color: #1a1919;
}

.product-background {
  background-color: rgba(204, 192, 181, 0.25);
}

.product-heading {
  background-color: #1a1919;
  font-family: "Hatton-UltraLight";
  font-size: 1.25rem;
  color: #f0eee9;
}
.product-heading .raised {
  top: -0.5rem;
}

.product-price {
  font-family: "Hatton-Regular";
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .product-price {
    font-size: 3rem;
  }
}
.product-price {
  color: #98274a;
}

.purchased {
  font-size: 1rem;
  color: #a7c096;
}

.accordion-framed .accordion-item,
.accordion-framed .accordion-button {
  background: inherit !important;
}
.accordion-framed .accordion-item, .accordion-framed .accordion-item:first-of-type,
.accordion-framed .accordion-button,
.accordion-framed .accordion-button:first-of-type {
  border-radius: var(--bs-accordion-border-radius) !important;
}
.accordion-framed .accordion-header {
  font-family: "Hatton-Light";
}
.accordion-framed .accordion-button {
  border: 1px solid #1a1919;
  font-size: 1.25rem;
}
.accordion-framed .accordion-button:focus, .accordion-framed .accordion-button:focus-visible {
  border-color: #98274a !important;
}
.accordion-framed .accordion-button:focus {
  box-shadow: none;
}
.accordion-framed .accordion-button:focus-visible {
  outline: 0;
}
.accordion-framed .accordion-button:not(.collapsed) {
  --bs-accordion-active-color: #1a1919;
}

#reviews .reviews-heading {
  font-family: "Hatton-Light";
}

.StripeElement {
  height: calc(1.6em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.55rem 0.75rem;
}

.StripeElement--focus {
  border-color: #98274a;
}

.StripeElement--invalid {
  border-color: #d52929;
}

#card-errors {
  color: #d52929;
}

#payment-form .third-party-branding .card-icon {
  width: 12.5%;
}
#payment-form .third-party-branding .stripe-integrated {
  width: 60%;
}
#payment-form .third-party-branding .padlock {
  width: 7%;
}

#payment-dialog, #payment-dialog .form-label {
  font-size: 0.875rem;
}
#payment-dialog .first-party-branding {
  background-color: #1a1919;
}
#payment-dialog .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f0eee9'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

#user-message-dialog h1 {
  text-align: center;
}

body {
  background-image: url(/images/brand-dna-landing.webp?89f4b0167c6e6ab9cf3eb8682d58ea89);
  background-position: center center;
  background-size: cover;
}

#landing {
  color: #f0eee9;
}
#landing p:last-of-type {
  font-size: 1.25rem;
}

#pillars {
  background: #1a1919 !important;
  color: #f0eee9;
}
@media (max-width: 991.98px) {
  #pillars {
    background-position-x: 40%;
  }
}

#how-we-do-it .methodology-component > div {
  background-color: #f9f9f9;
}
@media (min-width: 768px) {
  #how-we-do-it .methodology-component {
    background-color: #f9f9f9;
  }
}

#my-commitment-to-you {
  background-image: url(/images/brand-dna-my-commitment-to-you.webp?5105ea5dfb5803003ba1cb15cf047127) !important;
  background-size: cover;
  background-position: center center;
  color: #f0eee9;
}

#what-you-will-learn {
  background: #1a1919 !important;
  color: #f0eee9;
}
@media (min-width: 992px) {
  #what-you-will-learn {
    background-size: cover;
  }
}

#whats-included .d-grid {
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(13, 1fr);
}
#whats-included .d-grid .img-fluid:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/9;
}
#whats-included .d-grid .img-fluid:nth-child(2) {
  grid-row: 2/4;
  grid-column: 6/14;
  filter: drop-shadow(20px 20px 10px rgba(0, 0, 0, 0.1));
}

#offer {
  background-image: url(/images/background-manifestation.webp?a8ed4aefc6896226779c61bae761a494) !important;
  background-position: center center;
  color: #f0eee9;
}

#guaranteed-satisfaction .container {
  background-image: url("/../../../../images/background-flower.webp") !important;
  background-size: cover;
  color: #f0eee9;
}

#curriculum .row:last-of-type > div {
  background-image: url(/images/background-flowers.webp?90c912daa506724b80c0430e7ef6ce21);
  background-position: center top;
}
#curriculum .row:last-of-type > div * {
  color: #f0eee9;
}

#purchase-options .row:nth-of-type(1) p:nth-of-type(2) {
  font-size: calc(1.255rem + 0.06vw);
}
@media (min-width: 1200px) {
  #purchase-options .row:nth-of-type(1) p:nth-of-type(2) {
    font-size: 1.3rem;
  }
}

#reach-out .row > div {
  background-image: url(/images/background-manifestation.webp?a8ed4aefc6896226779c61bae761a494);
  background-position: center center;
}
#reach-out .row > div * {
  color: #f0eee9;
}