/** Shopify CDN: Minification failed

Line 17:0 Unexpected "`"
Line 1712:0 Expected "}" to go with "{"

**/
@font-face {
  font-family: 'icons';
  src: url('/cdn/shop/files/icons.eot');
  src: url('/cdn/shop/files/icons.eot#iefix') format("embedded-opentype"),
  url('/cdn/shop/files/icons.woff') format("woff"),
  url('/cdn/shop/files/icons.ttf') format("truetype"),
  url('/cdn/shop/files/icons.svg#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
`
/* Moon Banner  */
.form-item select {
  box-shadow: 0px 0px 0px 0px #000000;
}

button.form-submit.submit-btn {
  background: none;
  border: none;
  width: 150px;
  display: flex;
  justify-content: center;
  margin: 0px auto 0;
}
.fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o {
    color: #96877e !important;
    padding: 0;
}
.form-item select {
  background-color: #fff;
  border: none;
  color: #8f7a75;
  text-transform: uppercase;
  text-align: center;
  background-image: url('/cdn/shop/files/Asset_1.svg?v=1647683673');
  background-size: 25px 30px;
}

.moon-form h3 {
  color: #fff;
  margin-bottom: 15px;
  margin-top: 15px;
}

.grid__item.large--one-quarter.form-input {
  margin: 15px 0;
}

.result-banner-overlay {
  color: #ffffff;
}

/* New moon banner */
.result-banner-overlay-content {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  width: 50%;
  margin: 0 auto;
  
}
body#sign-up .klaviyo-form-VhjF2H {
    display: none;
}
.result-banner-subheading {
  text-transform: uppercase;
  margin-left: 10px;
  color:white !important;
}

.result-content {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

.result-content p {
  margin-bottom: 5px;
  margin-top:0;
}

h4#moon-content-subheading em {
  font-style: normal;
}

.new-moon-newsletter .input-group.form-row {
  display: flex;
  flex-wrap: wrap;
}

.new-moon-newsletter .input-group.form-row input {
  width: 45%;
  text-align: center;
}

.new-moon-newsletter .input-group.form-row input::placeholder {
  color: #CDADA6;
}

.new-moon-newsletter .input-group.form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.wrapper.new-moon-newsletter {
  max-width: 700px;
  color: #9a7b68;
  margin-top: 60px;
}

.new-moon-newsletter .input-group-btn {
  text-align: center;
}

.new-moon-newsletter .input-group-btn input {
  width: 40%;
  margin-top: 20px;
  background-color: #CDADA6;
}

.new-moon-newsletter form {
  margin-top: 30px;
}

.wrapper.new-moon-newsletter h5 {
  text-transform: none;
}

h3.text-center.newsletter-main-heading {
  margin-bottom: 55px;
}

p.text-center.after-btn-caption {
  font-weight: 500;
}

/*font */
.moon-page-title,
h3.text-center.newsletter-main-heading {
  font-family: Birallina;
  text-transform: unset;
}

h3.text-center.newsletter-main-heading {
  font-size: 45px;
}

.st1:hover {
  transition: 0.5s;
  fill: #fff;
  /*   box-shadow: -1px 0px 0px 0px #f3efe8; */
  /*   stroke: #efd19f69; */
  stroke-width: 4px;
  filter: drop-shadow(6px 1px 5px #efd19f);
}

.st1 {
  transition: 0.5s;
}

#moon-page-content #moon-title-wrapper {
  margin-bottom: 5px;
}

#moon-page-content #moon-title-wrapper h3 {
  font-size: 32px;
  margin: 0;
  font-family: 'Trajan Pro';
}

#moon-page-content #moon-content-subheading {
  text-transform: capitalize;
  margin-top: 5px;
  font-family: 'Trajan Pro';
  font-size: 22px;
}

/* #moon-page-content h3 {
  margin-bottom: 0;
  font-family: 'Trajan Pro';
  font-size: 14px;
} */

div#moon-page-content .grid__item h4#mantra {
  margin: 0;
  display: none;
}

.border-right {
  position: relative;
}

.border-right:after {
  content: "";
  position: absolute;
  right: 0;
  width: 0px;
  height: 100%;
  border: 0.1px solid;
  background: #fff;
  top: 0;
}

p.profile-subheading,
.result-content p {
  font-size: 18px !Important;
  color:white;
}
p.result-banner-subheading.profile-subheading {
    font-family: "Trajan Pro";
    font-size: 22px !important;
}
.mobile-banner {
  display: none;
}

.slick-prev {
  left: 0;
  padding: 100px 20px 100px 0;
}

.slick-next {
  right: 0;
  padding: 100px 0 100px 20px;
}

.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -124px;
  z-index: 500;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  outline: none;
  opacity: 0.75;
  -webkit-text-size-adjust: none;
  font-size: 1px;
  letter-spacing: -1px;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.slick-next:before, .slick-prev:before {
  display: inline;
  font-family: "icons";
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before, .slick-next:before {
  font-size: 3rem;
  letter-spacing: normal;
  color: #d2c3ac;
}
.slick-next:before {
  content: "\e902";
}
.slick-prev:before {
  content: "\e901";
}

@media(min-width:800px) {
  .moon-page-title {
    font-size: 40pt;
  }

  #moonphase .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .desktop--big-hide {
    display: none;
  }

  .moon-form {
    position: absolute;
    width: 100%;
    bottom: 15%;
  }

  .moon-form h3 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  form#moonphase {
    margin: 0;
  }

  .moon-form,
  .result-banner-overlay {
    position: absolute;
    width: 100%;
    bottom: 30%;
  }
}

@media (max-width: 900px) and (min-width: 1023px) {

  .moon-form,
  .result-banner-overlay {
    bottom: 10%;
  }

  button.form-submit.submit-btn {
    margin: 15px auto 0;
  }
}

@media(min-width: 1025px) {

  .moon-form,
  .result-banner-overlay {
    bottom: 5%;
  }

  button.form-submit.submit-btn {
    margin: 15px auto 0;
  }
}

@media(max-width: 1024px) {

  .moon-form,
  .result-banner-overlay {
    bottom: 5%;
  }

  button.form-submit.submit-btn {
    margin: 25px auto 0;
  }

  .result-banner-overlay-content {
    width: 50%;
  }
}

@media (max-width: 799px) {
  .moon-form {
    width: 80%;
    margin: auto;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%);
  }

  .tab--small-hide {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 1026px) { 
    .top_text{
    width: 67%;
  }
  .info-bar .wrapper.text-center {
   
    flex-wrap: inherit;
}
}
@media(max-width:768px) {
  .quiz_content .quiz-bottom-content-wrap {
    gap: 10px;
    margin: 28px 0 0;
  }
  
  .border-right:after {
    right: 5px;
  }

  p.result-banner-subheading {
    text-align: center;
  }

  .result-content div {
    margin: 0 !important;
  }

  .moon-form {
    width: 80%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
  }

  .new-moon-newsletter .input-group-btn input,
  .new-moon-newsletter .input-group.form-row input {
    width: 100%;
    margin: 5px 0;
  }

  .result-banner-overlay-content {
    width: 80%;
    padding: 0 10px;
  }

  .mobile-top-title.desktop--big-hide {
    position: absolute;
    text-align: left;
    color: #fff;
    left: 50%;
    transform: translate(-50%, -20%);
    top: 10%;
    width: 100%;
  }

  .moon-collections .btn {
    width: 100%;
    font-size: 12px;
  }

  h1.title--flex.moon-page-title.text-center {
    font-size: 60px;
  }

  ul.footer-social.new-moon-share.social-icons.grid__item.inline-list {
    padding: 0;
  }

  .new-moon-newsletter .input-group.form-row input {
    text-align: left;
  }

  .mobile-banner {
    display: block;
  }

  .desktop-banner {
    display: none;
  }
}

@media(max-width:600px) {
  p.profile-subheading,
.result-content p {
  font-size: 12px !Important;
  
}
  h1.title--flex.moon-page-title.text-center {
    font-size: 40px;
  }

  .result-content p {
    font-size: 12px;
    font-weight: 500;
  }
  form#moonphase .form-input {
    width: 100%;
}
}

.moonphase .large--one-fifth {
  width: 20%;
}
.moonphase .nice-select {
  display: block;
}

/* .moonphase select {
  display: none !important;
} */



/* new css */

.spotted_on_section {
    display: flex;
    flex-wrap: wrap;
}
.spotted_on_section .spotted_on_inner {
    width: calc(25% - 20px);
}
div#moon-page-content h2 {
    font-size: 1.6em;
   line-height: 1.1;
  margin:0 0 10px;
}
 #moon-page-content h2 span {
    color: #543c44;
    font-size: 21.4px;
    margin: 0;
    letter-spacing: 1px;
    line-height: 1;
}
#moon-page-content h3, #moon-page-content h3 strong, #moon-page-content h3 strong span{
    margin-bottom: 0;
   font-size: 16px;
    /* font-weight:400; */
    letter-spacing: 1px;
}
#ananda-soul-jewelry-ethical-amp-hand-made .product__grid__info span.stamped-product-reviews-badge {
    display: none !important;
}






/***** New Header Css *****/


header.theme__header.inline .header-wrapper {
    position: relative;
    width: 100%;
}
header.theme__header.inline .inner-pannel .left-pannel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 240px;
}
header.theme__header.inline .inner-pannel {
    max-width: 1500px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  padding: 0 15px;
}
header.theme__header.inline .header-menu {
    padding-left: 0;
}
/* .header__backfill{
  display:none !important;
} */
.header__backfill {
    z-index: -1;
    height: 0 !important;
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 90px !important;
}
header.theme__header.inline .right-pannel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 160px;
}
header.theme__header.inline .header__dropdown__wrapper{
  margin:auto;
}
header.theme__header.inline .header__desktop{
  padding-bottom:0 !important;
}
header.theme__header.inline .header__desktop{
  display:block !important;
}
header.theme__header.inline .header__logo{
  padding:5px 0 !important;
}

.discover-moon-phase {
    text-decoration: unset !important;
    width: 100% !important;
}
.discover-moon-phase p {
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 100% !important;
}




















@media(max-width:1200px){
   .header__backfill {
    padding-bottom: 80px !important;
  }
  header.theme__header.inline .header-logo img {
    max-height: 70px !important;
    width:100% !important;
  }
  header.theme__header.inline .navlink {
    padding: 5px 8px;
  }
  header.theme__header.inline .header__logo{
    max-width:170px !important;
  }
}


@media(max-width:1024px){
  header.theme__header.inline .header__mobile, header.theme__header.inline .header_mobile {
    display: flex !important;
        padding: 0 15px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
  header.theme__header.inline .header-wrapper{
    display:none !important;
  }
}



@media(min-width:991px){
  .header__mobile, .header_mobile{
    display:none !important;
  }
}


@media(max-width:991px){
  .header_mobile{
  display:block;
  }
 .inner-pannel .left-pannel{
   display:none;
 }
     header.theme__header.inline .currency-switcher-vitals {
   width: 105px;
    }
  header.theme__header.inline .header__mobile__right{
     display: flex;
    align-items: center;
  }
}



@media only screen and (min-width: 769px){
  #moon-page-content .large--push-one-eighth {
    left: 12.5%;
    }
  #moon-page-content .large--three-quarters {
    width: 75%;
    }
  
}


@media(max-width:767px){
  .spotted_on_section .spotted_on_inner {
    width: calc(50% - 20px);
  }
}


@media(max-width:576px){
  .spotted_on_section .spotted_on_inner {
      width: calc(100% - 0px);
      margin: 0 0 10px;
  }
   header.theme__header.inline .header__mobile__right a.header__mobile__button, header.theme__header.inline .header__mobile__left .header__mobile__button  {
    width: 30px;
    min-width: 30px;
  }
  header.theme__header.inline .header__logo {
    max-width: 130px !important;
  }
}

@media (max-width: 410px) {
    header.theme__header.inline .header__logo {
        max-width: 110px !important;
    }
}
/* custom css  */

#ananda-soul-jewelry-ethical-amp-hand-made  .product-grid-item{
  padding:0 10px;
}
#ananda-soul-jewelry-ethical-amp-hand-made .product-grid-slider {
  display: flex;
  overflow-x: auto; 
  scroll-snap-type: x mandatory; 
  scroll-behavior: smooth; 
}
#ananda-soul-jewelry-ethical-amp-hand-made .product-grid-slider .product-grid-item {
  scroll-snap-align: start;
  flex: 0 0 auto;
}
#ananda-soul-jewelry-ethical-amp-hand-made .custom-collection-slider-main .product-grid-item {
  width: 100%;
}
.vitals-cc-flag {
  max-width: 30px !important;
}

@media only screen and (max-width: 767px) {
    .product__inner {
        padding-top: 0;
    }

  .pmslider-root {
      margin-bottom: 0 !important;
  }

  .product__block__title {
    margin-top: 0 !important;
  }

  .product__block__quantity {
    margin: 0 !important;
  }

  .selector-wrapper {
    margin-bottom: 1em;
  }
}

.breadcrumb, .product__block__icon p {
  font-size: .65em;
}

.product__title,
.product__price,
.product__grid__title {
  color: #543C44;
  line-height: 1.25em;
}

.product__title {
  font-weight: bold;
}

.product__grid__price {
  font-weight: 400;
}

.product__price__wrap {
  margin: 0;
}

.checkout__button {
  width: 100%;
}

#pushdaddy-widget, .ssw-reward-tab {
  display: none !important;
}

div.stamped-container[data-widget-style] {
  margin-top: 0 !important;
}

#stamped-reviews-tab .next a {
  background: #543c44;
}

product-grid-item .stamped-product-reviews-badge {
  display: none !important;
}

.radio__legend {
  justify-content: space-between;
}

.radio__legend span {
  border-left: unset !important;
}

#footer-policy-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5em;
  margin-top: 1em;
}

@media screen and (min-width: 786px) {
  #footer-policy-container {
    flex-direction: row;
    gap: 1.5em;
  } 
}

#menu-container {
  display: flex;

  .footer__copyright {
    width: 100%;
  }

  .footer__item--copyright {
    justify-content: start;
  }

  .footer-title {
    font-weight: bold;
  }
}

#disclaimer-container {
  margin-top: 4px;
  margin-bottom: 1.5em;
  font-size: .875em;
  border-radius: 7px;
  /* background-color: #fafafa; */
  /* padding: 8px; */
  text-align: center;
  line-height: 1.2em;
}

.footer__menu {
  display: flex;
  flex-direction: column;
  min-width: 250px;
  flex: 1;
}

#menu-container {
  justify-content: space-between;
  padding-top: 2em;
}

@media screen and (max-width: 786px) {
  #menu-container {
    flex-direction: column;
    gap: 2em;
  }
}

.klaviyo-form {
  max-width: 450px;
}

.slider__track {
  scroll-snap-type: unset !important;
}

.collection-grid-item__title {
  text-transform: uppercase;
}

.footer__items {
  text-transform: unset;
}

.footer-title {
  color: #543c44;
}

@media screen and (min-width: 768px) {
  #email-container {
    width: 50%;
    justify-content: center;
  }
}

#your-shopping-cart .footer_symbols {
  justify-content: center;
}

#email-container {
  h2 {
    text-transform: lowercase;
  }

  button {
    font-size: 1em !important;
  }

  .kl-private-reset-css-Xuajs1 {
    justify-content: start !important;
    min-height: unset !important;
  }

  @media screen and (min-width: 786px) {
     .klaviyo-form {
        padding-top: 0 !important;
    } 
  }
}

.vitals-cc-notice  svg {
  display: none !important;
}

.cart__template .vtl-rv-main-widget {
  display: none;
}

html {
  padding-bottom: 0 !important;

/* Quiz css */
.outer .answer_wrapper.has-image-layout .block_wrapper,
.outer .answer_wrapper.has-image-layout .block_wrapper img {
  transition: transform 0.3s ease-in-out;
}
.outer .answer_wrapper.has-image-layout .block_wrapper:hover img {
  transform: scale(1.1);
}
.quiz_banner {
  padding: 271px 0 235px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.quiz_banner h1 {
  color: #FFF;
  text-align: center;
  font-family: "Trajan Pro";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 29px;
}
.quiz_banner .btn_pannel {
  text-align: center;
}
.quiz_outer .summary p,
.quiz_outer .quiz-bottom-content-wrap p {
  color: #917F6F !important;
  font-family: "ITC Novarese Std";
  font-size: 20px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 12px 0;
}
.quiz_banner .btn_pannel a.btn{
  color: #835757;
  background: #F0E5E5;
  font-family: "Trajan Pro";
  font-style: normal;
  /* line-height: 150%; */
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
}
.quiz_content  .quiz-bottom-content-wrap .btn_pannel a.btn {
  color: #835757;
  font-family: "Trajan Pro";
  font-style: normal;
  background: #F0E5E5;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
}
.quiz_content .quiz-bottom-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: 48px 0 0;
  text-align: center;
}
.quiz_content .quiz-bottom-header {
  margin: 0;
}
.quiz_content {
  padding: 57px 0 82px;
}
.quiz_content h5 {
  color: #917F6F;
  font-family: "Trajan Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin:0 0 35px;
}
.block_wrapper {
  position: relative;
  padding: 15px;
  border: 1px solid #333;
  margin-bottom: 20px;
}
.block_wrapper input.choices {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  border: none;
  outline: none;
  box-shadow: none;
  color: transparent;
  opacity: 0;
  cursor: pointer;
  height:100%;
  width:100%;
}
.outer {
  background-color: #E6DCD5;
  padding:45px 0 115px;
}
.outer.active {
  background-color: #C4AB9A;
}
.block_wrapper.active{
  background-color:#E6DDDD;
  border-color: #e6dddd !important;
}
.block_wrapper.active .answer_inner{
  color:#8C5D5D;
}
.outer .quiz-image {
  margin: 0 0 25px;
  text-align:center;
}
.outer .quiz-image img {
  max-width: 800px;
  margin: auto;
}
.outer h3 {
  color: #644A4A;
  text-align: center;
  font-family: "Trajan Pro";
  font-size: 25px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 71px !important;
}
.outer .block_wrapper {
  position: relative;
  padding: 8px 95px 8px 51px;
  border-color: #CCB5B5;
  margin-bottom: 23px;
  border-width: 3px;
  border-style: solid;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height:97px;
}
.outer .block_wrapper .answer_inner {
  color: #644A4A;
  font-family: "ITC Novarese Std";
  /* font-size: 25px; */
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  user-select: none;
}
.outer .next_button {
  margin-top: 66px;
  text-align:center;
}
.outer .next_button a.btn {
  padding: 14px 57px 10px;
  color: #A2A2A2;
  font-family: "Trajan Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: rgba(203, 203, 203, 0.50);
  border-radius: 8px;
  text-transform: uppercase;
}
.outer .next_button a.btn.active{
  background:#F0E5E5;
  color:#835757;
}
.outer.active .answer_inner {
  color: #fff;
}
.outer.active h3{
  color: #fff;
}
.outer.active  .block_wrapper.active .answer_inner{
  color:#8C5D5D;
}
/* Reuslt Page css */
#our-ethics-vision-and-values .custom_html_block_wrapper {
  display: flex;
  justify-content: center;
}
.result_banner {
  padding: 58px 0;
  background: #EBE8E5;
}
.result_banner h3.subtitle {
  color: #644A4A;
  text-align: center;
  font-family: "Trajan Pro";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 45px 0 22px;
}
.result_banner h1.main_title {
  color: #644A4A;
  text-align: center;
  font-family: "Trajan Pro";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.result_content {
  padding: 0 0 35px 84px;
}
.result_content h5 {
  color: #917F6F;
  font-family: "Trajan Pro";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.result_content .result_summary p {
  color: #917F6F !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  font-family: "ITC Novarese Std";
  margin: 12px 0;
}
.result_content .capital_title,
.result_content .capital_title p{
  color: #917F6F;
  font-family: "Trajan Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-top: 27px;
  margin-bottom:20px;
}
.collections_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.collections_wrapper>p span{
  width: 100%;
  padding: 70px 0 41px;
  color: #917F6F !important;
  font-family: "ITC Novarese Std";
  font-size: 20px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  display:inline-block;
}
.collections_wrapper .products {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.collections_wrapper .products .product {
  width: calc(33.33% - 16px);
  margin-right: 24px;
  text-align:center;
  position:relative;
}
.collections_wrapper .products .product:nth-child(3n) {
  margin-right: 0;
}
.collections_wrapper .products h3 {
  color: #917F6F;
  text-align: center;
  font-family: "ITC Novarese Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 29px 0 0;
}
.collections_wrapper .products .product p span {
  color: #917F6F;
  font-family: "ITC Novarese Std";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
  margin: auto;
  text-align: center;
}
.collections_wrapper .products .product .star {
 color: #917f6f !important;;
}
.collections_wrapper .products .product .empty {
  color: lightgray;
}
.result_outer .btn_wrapper {
  text-align: center;
  padding-top: 92px;
}
.result_outer .btn_wrapper a {
  color: #E3D7D7;
  text-align: center;
  font-family: "Trajan Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background-color: #644A4A;
  padding: 20px 50px;
  display: inline-block;
  border-radius: 10px;
  text-transform: uppercase;
  border:1px solid #644a4a;
  transition:0.4s;
}
.result_outer .btn_wrapper a:hover {
  background: transparent;
  color: #644a4a;
  transition:0.4s;
}
.quiz_banner .btn_pannel a.btn:hover,
.quiz_content  .quiz-bottom-content-wrap .btn_pannel a.btn:hover {
  background: rgba(255,255,255,0.4);
}
.collections_wrapper .products .product a.product_link {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}
.quiz_outer .quiz-bottom-content-wrap p {
  margin: 0;
}
.quiz_content .quiz-bottom-content-wrap .btn_pannel a.btn {
  border: 1px solid #f0e5e5;
}
.quiz_content .quiz-bottom-content-wrap .btn_pannel a.btn:hover {
  border: 1px solid #835757;
}

.outer .answer_wrapper.has-image-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* position: relative; */
}
.outer .answer_wrapper.has-image-layout .block_wrapper {
  width: calc(100% / 2);
  padding: 0;
  border: none;
}
.outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 99;
}
.outer .answer_wrapper.has-image-layout .block_wrapper.active .answer_inner_image img {
  transition: 0.3sease-in-out;
  filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.9)) 
          drop-shadow(0 0 50px rgba(255, 255, 255, 0.7)) 
          drop-shadow(0 0 80px rgba(255, 255, 255, 0.5));
}
.outer .answer_wrapper.has-image-layout .block_wrapper.active {
  background: transparent !important;
}
.outer .answer_wrapper.has-image-layout .next_button {
  margin-top: 15px;
}
.brick__block.content-area p {
  padding: 5px 0;
  font-size: 16px;
  max-width: 98%;
  color: #917f6f;
}
.brick__block.content-area h2.h2.standard__heading {
  font-size: 28px;
  font-weight: bold;
  color: #917f6f;
}
.brick__block.content-area .standard__rte {
  color: #917f6f;
}
.brick__block.content-area p strong {
  text-transform: uppercase;
}
div#rich-text-01JECD3XG964VGABK44235BEPC p:nth-child(1) {
  display: none;
}
.brick__section .brick__block.content-area .brick__block__text__inner .standard__kicker_custom_font {
  text-transform: capitalize;
  font-size: 82px !important;
  line-height: 100px;
  font-weight: 500 !important;
  margin: 0 0 20px;
}
.brick__section .standard__heading.show-for-mobile {
  display: none;
}
h3.cstm_quiz_mobile_view {
  display: none;
}
h3.cstm_quiz_desktop_view {
  display: block;
}
.main-quiz-section{
  position: relative;
}
.previous_btn {
  position: absolute;
  top: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  gap: 5px;
  left: 20px;
  z-index: 10;
}
.previous_btn .prev_btn {
  font-size: 15px;
  font-weight: bold;
  color: #835757;
}
.previous_btn svg {
  width: 15px;
  fill: #835757;
  transform: rotate(180deg);
}
.question-counter {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
}
.outer .next_button a.btn {
  cursor: not-allowed;
  pointer-events: none;
}
.outer .next_button a.btn.active {
  cursor: pointer;
  pointer-events: auto;
}
.klaviyo-form-VhjF2H.klaviyo-form.form-version-cid-2 {
  display: none;
}
/* Responsive */
@media only screen and (min-width:768px){
  .brick__block.image-area {
    width: 40%;
  }
  .brick__block.content-area{
    width: 60%;
  }
  .brick__block.content-area .standard__kicker {
    font-size: 44px !important;
  }
}
@media only screen and (min-width:1023px) {
  .quiz-outer-block-main.outer {
    height: calc(100vh - 220px);
    padding-block: 1vh;
  }
  .quiz-outer-block-main.outer .question-counter {
    margin-bottom: 1vh;
  }
  .quiz-outer-block-main.outer .next_button {
    margin-top: 1vh;
  }
  .quiz-outer-block-main.outer .next_button a.btn {
    font-size: 2vh;
    padding: 10px 40px 8px;
  }
  .quiz-outer-block-main.outer .block_wrapper .answer_inner {
    font-size: 2vh;
    line-height: 2.5vh;
  }
  .quiz-outer-block-main.outer .block_wrapper {
    min-height: 30px;
    margin-bottom: 10px;
    padding-inline: 2rem;
  }
  .quiz-outer-block-main.outer h3 {
    font-size: 1.8vh !important;
    margin: 0 0 1vh !important;
  }
  .quiz-outer-block-main.outer .main-quiz-section,
  .quiz-outer-block-main.outer .main-quiz-section .quiz-image,
  .quiz-outer-block-main.outer .main-quiz-section .quiz-image img {
    height: inherit;
  }
  .quiz-outer-block-main.outer .main-quiz-section .quiz-image {
    margin-bottom: 0;
  }
  .quiz-outer-block-main.outer .main-quiz-section .quiz-image img {
    object-fit: contain;
  }
  .template-page .quiz-outer-block-main.outer .answer_wrapper.has-image-layout img {
    max-height: 20vh;
  }
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(1), 
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(4) {
    justify-content: flex-end;
  }
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(3) {
    justify-content: center;
  }
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(5), 
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(2) {
    justify-content: flex-start;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .brick__section .brick__block.content-area .brick__block__text__inner .standard__kicker_custom_font {
    font-size: 72px !important;
    line-height: 72px;
    margin: 0 0 12px;
  }
}
@media only screen and (min-width:1023px) and (max-width:1260px) {
  .quiz-outer-block-main.outer {
    height: calc(100vh - 296px);
  }
  .quiz-outer-block-main.outer .question-counter {
    margin-bottom: 0vh;
  }
  .quiz-outer-block-main.outer .next_button a.btn {
    font-size: 1.5vh;
    padding: 6px 40px 4px;
  }
  .quiz-outer-block-main.outer .next_button {
    margin-top: 0;
  }
  .quiz-outer-block-main.outer h3 {
    font-size: 1.5vh !important;
  }
  .quiz-outer-block-main.outer .block_wrapper .answer_inner {
    font-size: 1.8vh;
    line-height: 2.2vh;
  }
  .quiz-outer-block-main.outer .block_wrapper {
    margin-bottom: 6px;
    border-width: 2px;
  }
}
@media only screen and (max-width:767px) {
  #our-ethics-vision-and-values .custom_html_block_wrapper,.custom_html_block_wrapper .klaviyo-form-S93yj3.klaviyo-form {
    width: 100%;
  }
  .quiz_banner {
    padding: 100px 0;
  }
  .quiz_banner h1 {
    font-size: 40px;
    line-height: 1.3;
  }
  .quiz_banner .btn_pannel a.btn,
  .quiz_content  .quiz-bottom-content-wrap .btn_pannel a.btn {
    font-size:18px;
  }
  .quiz_banner h1 {
    font-size: 30px;
    line-height: 1.3;
  }
  .quiz_banner .btn_pannel a.btn,
  .quiz_content  .quiz-bottom-content-wrap .btn_pannel a.btn {
    font-size: 16px;
  }
  .outer .block_wrapper .answer_inner {
    font-size:15px;
    line-height: 135%;
  }
  .outer .block_wrapper {
    padding:10px;
    margin-bottom: 20px;
  }
  .outer .next_button a.btn {
    font-size:15px;
  }
  .outer h3 {
    font-size: 18px !important;
    font-style: normal;
    margin: 0 0 25px !important;
  }
  .outer {
    padding:60px 0 60px;
  }
  .result_banner h3.subtitle {
    font-size:30px;
  }
  .result_banner h1.main_title {
    font-size:40px;
    line-height:1.3;
  }
  .result_content {
    padding: 0 0 50px 0;
  }
  .collections_wrapper .products .product {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .result_outer .btn_wrapper{
    padding-top:40px;
  }
  .result_outer .btn_wrapper a{
    font-size:18px;
  } 
  .brick__block.content-area .standard__kicker {
    font-size: 28px !important;
  }
  .brick__section .brick__block.content-area .brick__block__text__inner .standard__kicker_custom_font {
    line-height: 72px;
    margin: 0 0 10px;
  }
  .img_bottom_question_top .main-quiz-section {
    flex-direction: column-reverse;
  }
  .img_bottom_question_top .quiz_question_answer_wrap .answer_wrapper .previous_btn{
    top:-25px;
  }
  .new_layout_mobile_cstm .quiz-image {
    order: 1;
  }
 .new_layout_mobile_cstm h3.cstm_quiz_mobile_view {
    display: block !important;
    margin-top: 15px !important;
  }
 .new_layout_mobile_cstm h3.cstm_quiz_desktop_view {
    display: none;
  } 
  .brick__section .text__standard .standard__heading.hide-for-mobile {
    display: none;
  }
  .brick__section .standard__heading.show-for-mobile {
    display: block;
  }
  .outer .answer_wrapper.has-image-layout .block_wrapper:nth-child(3) {
    top: 55%;
  }
}
@media only screen and (max-width:480px){
  .quiz_banner h1{
    font-size: 35px;
    line-height: 1.3;
  }
  .result_banner h3.subtitle{
    font-size:25px;
  }
  .result_banner h1.main_title{
    font-size:35px;
  }
}


ul.stamped-pagination li.next a:hover {
color: white !important;  
}

.breadcrumb a, .breadcrumb span {
  padding: 2px;
  margin-right: 2px;
}

.product__block__title {
  margin-top: 14px;
}

#email-container {
  .ql-font-lora span:first-of-type {
    text-transform: uppercase !important;
  }

  .ql-font-lora span:nth-of-type(2) {
    text-transform: math-auto !important;
  }

  #rich-text-01JR8PQHX7WEYNZWB4CQVRQ3VD p {
    text-align: start;
    
    span {
       font-size: 13px; 
    }
  }
}

/* footer */

.footer__split-layout {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 1.5em;
  justify-content: space-between;
  margin-top: 2rem;
}

.footer__column {
  width: 100%;
}

.footer__column--menus {
  display: flex;
  gap: 1.5em;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .footer__column {
    width: 45%;
    display: flex;
  }

  .footer__column--menus {
    flex-direction: row;
  }

  .footer__split-layout {
    flex-direction: row-reverse;
  }
}

/* Klaviyo form spacing */
.footer__column--form > div {
  margin-bottom: 1.5rem;
}

/* Menus flex side-by-side */
.footer__column--menus .footer__menus-flex {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Each menu takes half width */
.footer__menus-flex .footer__menu {
  flex: 1 1 45%;
}

/* Responsive: stack menus on small screens */
@media (max-width: 767px) {
  .footer__menus-flex .footer__menu {
    flex: 1 1 100%;
  }
}

/* Optional: make titles bold and aligned */
.footer__menu .footer-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

/* Optional: spacing between links */
.footer__link {
  display: block;
  margin: 0.25rem 0;
}

.klaviyo-form {
  justify-content: start !important;
}

.brick__section .h2 {
  font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));

  p {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
  }
}

.kicker__line::after {
  display: none;
}

.uppercase :is(h1, h2, h3, h4, h5, h6) {
  text-transform: uppercase !important;
}

.no-transform :is(h1, h2, h3, h4, h5, h6) {
  text-transform: none !important;
}