/** Shopify CDN: Minification failed

Line 183:0 Unexpected "{"

**/
/*over-main-header*/
.steps-main-wapper.active {
    display: block;
}
.steps-main-wapper {
    display: none;
}

/*guide*/
.b2c-guide-wrapper.step-1 .next-prew-button .prev-btn{
  display:none;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper {
  max-width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 50px 20px 50px;
  margin: 50px 0 0 0;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper a {
  padding: 0px;
  margin: 0;
  border: none;
  background: transparent;
}
.template-quiz{
  background:#f4eaeb;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a.prev-btn {
  background: transparent;
  color: #d14124;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a.prev-btn:hover{
  background-color:#d14124;
  color:#fff;
  border:2px solid #d14124;
}
.template-quiz .breadcrumbs{
  margin-bottom:10px;
}
.steps-main-wapper{
  padding-bottom: 100px;
}
.template-quiz .b2c-guide-wrapper, .template-quiz .featured-collection-b2c{
  padding:0px !important;
}
.template-quiz .inner-content-wrapper .inputs{
  display:flex;
/*   flex-direction: column; */
  justify-content:center;
}
.b2c-quiz-featured-text .sub-text {
  margin: 0 auto;
  max-width: 620px;
}
.b2c-quiz-featured-text .inner-content-wrapper .inputs{
  flex-direction: column;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .single-input label img {
    width: 100%;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .single-input{
  margin:0px 35px;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs label{
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  text-align:center;
}
.b2c-guide-wrapper.step-4 .inner-content-wrapper.single,
.b2c-guide-wrapper.step-8 .inner-content-wrapper.single, 
.b2c-guide-wrapper.step-newsletter .inner-content-wrapper{
  max-width: 800px;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs label span{
  font-size:22px;
  font-weight:700;
  color:#D14124;
  opacity:.7;
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  text-align:center;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs input[type=radio]:checked+label span{
  opacity:1;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs input[type=radio]:checked+label{
  opacity:1;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs input[type=radio]:checked+label{
  transform: translate(0px, -10px);
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs label span {
    padding: 5px 0;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.next-prew-button a.outline-btn{
  background: 0 0;
  color: #d14124;
  border: solid 2px #d14124;
  margin-right: 15px;
  border-radius: 30px;
  padding: 10px 35px;
}

.next-prew-button a.outline-btn:hover{
  background:#d14124;
  color:#fff;
  border: solid 2px #d14124;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs{
  padding:80px 0 100px;
  position:relative;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs:before{
  position:absolute;
  margin:auto;
  left:0px;
  right:0px;
  height:8px;
  width:80%;
  z-index:9;
  background:#E0B5C3;
  content:"";
  top: 25%;
  bottom: 0;
  border-radius:5px;
}
.template-quiz .b2c-guide-wrapper.step-5 .inner-content-wrapper.single .inputs:before, .template-quiz .b2c-guide-wrapper.step-8 .inner-content-wrapper.single .inputs:before{
  top:35%;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs label:before {
  position: absolute;
  margin: auto;
  width: 15px;
  height: 15px;
  content: "";
  background: #F4EAEB;
  border-radius: 50%;
  border: solid 7px #ebb4bb;
  left: 0;
  right: 0;
  bottom: -50px;
  outline: solid 5px #f4eaeb;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs input[type=radio]:checked+label:before {
  background: #e0b5c3;
  border: solid 7px #d14124;
  outline: solid 6px #f4eaeb;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  top:48px;
}
.template-quiz .b2c-guide-wrapper.step-3 .inner-content-wrapper,
.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper,
.template-quiz .b2c-guide-wrapper.step-5 .inner-content-wrapper,
{
/*   max-width: 1170px; */
  margin: auto;
}
.b2c-guide-wrapper.step-newsletter .inputs h3 {
    margin: 10px auto;
}
.b2c-guide-wrapper.step-newsletter .purchase-wrapper h4 {
    font-size: 20px;
    padding: 0;
}
.template-quiz .b2c-guide-wrapper.step-3 .inner-content-wrapper .inputs,
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs{
  flex-wrap: wrap;
  margin:30px 0px 50px;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper{
  width:100%;
  max-width:100%;
}
.b2c-guide-wrapper.step-4 .inner-content-wrapper {
    max-width: 100%;
    margin: 50px 0 0 0;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .single-input {
    width: calc(25% - 20px);
    margin: 20px 10px 0;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .single-input img {
    border-radius: 20px;
    box-shadow: 0 0 3px 3px transparent;
    transition: 0.3s all;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs input[type=radio]:checked+label img {
   box-shadow: 0 0 3px 3px #d14224;
}
.template-quiz .b2c-guide-wrapper.step-3 .inner-content-wrapper .inputs .single-input,
.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs .single-input{
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  width: calc(20% - 20px);
}
.template-quiz .b2c-guide-wrapper.step-3 .inner-content-wrapper .inputs .single-input label img,
.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs .single-input label img{
  width:100%;
  margin-top:5px;
  border-radius:10px;
}
.template-quiz .b2c-guide-wrapper.step-3 .inner-content-wrapper .inputs .single-input label,
.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs .single-input label{
  color: #411064;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 400;
}
.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs label span{
  text-align:center;
}
.purchase-wrapper {
    margin-bottom: 15px;
}
.template-quiz .b2c-guide-wrapper.step-5 .inner-content-wrapper h3{
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 32px;
  color: #411064;
  margin:15px 0;
}
.purchase-wrapper form {
    max-width: 60%;
    margin: 0 auto;
}
.purchase-wrapper form input {
    border-radius: 4px;
    padding: 0 15px;
}
.purchase-wrapper form label p {
    margin: 0 0px 0 10px;
    font-weight: normal;
    font-size: 16px;
}
.purchase-wrapper form label {
    display: flex;
    align-items: center;
}
.template-quiz .b2c-guide-wrapper.step-5 .inner-content-wrapper .purchase-wrapper h4{
   padding: 0px;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .matched-products .grid__item {
  width: 100%!important;
  max-width: calc(33.33% - 70px)!important;
  margin: 40px auto;
  position: relative;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .matched-products .grid__item:before{
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 45px;
  width: 45px;
  content: "";
  right: -57px;
  background-color: #f4eaeb;
  background-image:url('/cdn/shop/files/pluse-icon.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
  border-radius: 50%;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .matched-products .product-details {
    padding: 20px 0;
}
.purchase-wrapper .button-section{
  margin:20px 0 0 0;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .matched-products .grid__item:last-child:before{
  display:none;
}
.purchase-wrapper .button-section a {
    padding: 5px 20px!important;
    text-transform: uppercase;
    font-size: 14px;
    background: #fff;
    display: table;
    margin: 15px auto 0px !important;
    transition:0.2s all;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .matched-products .theme-b2c{
  width:100%;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a {
    display: inline-flex;
    margin: 0 auto !important;
    width: auto !important;
    padding: 8px 20px;
    align-items: center;
    border: 2px solid #d14124;
    background-color:#d14124;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a:hover{
  background-color:transparent;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a:hover svg path {
    fill: #d14224;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .start-over-wrapper a:hover {
    background: #fff;
    color: #d14124;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .start-over-wrapper a {
    display: inline-block;
    width: auto;
    text-align: left;
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid;
    border-radius: 0;
}
.b2c-quiz-result .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a svg{
  margin-left:10px;
}
.b2c-quiz-result .b2c-guide-wrapper .next-prew-button a .inline-cart-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .product-block{
  display:flex;
  width:100%;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .match-title {
  color: #411064;
  font-size: 32px;
  margin-bottom:20px;
  display:block;
}
.b2c-progressbar-wrapper{
  width:100%;
  position:relative;
}
.guide-progress-bg{
  position: absolute;
  margin: auto;
  left: 0;
  right:0px;
  width: 100%;
  content: "";
  top: 0px;
  height: 8px;
  background:#F4EAEB
}
.purchase-wrapper .button-section a:hover {
  background: #d14224;
}
.purchase-wrapper .button-section a.no-tnx-msg {
  background: transparent;
  text-transform: capitalize;
}
.guide-progress .guide-progress-indicator{
  position: absolute;
  margin: auto;
  left: 0;
  width: 0%;
  background: #CB5024;
  content: "";
  top: 0px;
  height: 8px;
  border-radius: 5px;
}
.guide-progress .guide-progress-indicator[data-step='1']{
  width: 11.11%;
}

.guide-progress .guide-progress-indicator[data-step='2']{
  width: 22.22%;
}
/*Temp commented by sagar*/
.b2c-guide-wrapper.step-newsletter .inner-content-wrapper .next-prew-button {
/*     display: none; */
}
.guide-progress .guide-progress-indicator[data-step='3']{
  width: 33.33%;
}
.guide-progress .guide-progress-indicator[data-step='4']{
  width: 44.44%;
}
.guide-progress .guide-progress-indicator[data-step='5']{
  width: 55.55%;
}
.guide-progress .guide-progress-indicator[data-step='6']{
  width: 66.66%;
}
.guide-progress .guide-progress-indicator[data-step='7']{
  width: 77.77%;
}
.guide-progress .guide-progress-indicator[data-step='8']{
  width: 88.88%;
}
.guide-progress .guide-progress-indicator[data-step='9']{
  width: 100%;
}
.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a{
  margin:20px 10px;
/*   width:130px; */
}
.template-quiz .inner-content-wrapper .product-form-wrapper a:hover:not(.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a:hover){
  background:transparent;
  border:none;
}
.template-quiz .product-form-wrapper .inline-quickshop{
  display:none;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .next-prew-button a:hover{
  border-color:#d14124;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .next-prew-button a:hover .inline-cart-icon svg path{
  fill:#d14124;
}
.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .next-prew-button a .inline-cart-icon{
  margin-left:15px;
}
#shopify-section-header-b2c #leftMenu li ul li a{
  font-size:24px !important;
}
/*over-guide*/

/* NEW CSS */
.template-quiz .b2c-quiz-featured-text h1.b2c-main-title {
  text-align: center;
  font-size: 56px;
  font-family: var(--theme_heading_font_light);
  margin-bottom: 0;
}
.template-quiz .b2c-quiz-question-section {
  max-width: var(--page-width);
  display: block;
  margin: 0 auto;
}



/* quiz css by jay */

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a {
    transition: .5s all;
    text-transform: uppercase;
    padding: 14px 50px;
    min-height: 42px;
    line-height: 1.3;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    font-family: var(--theme_body_font_bold);
  letter-spacing: 0.15rem;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button .next-btn{
  background: var(--theme_brown_color) !important;
  color: #fff;
  border: 1px solid var(--theme_brown_color);
  display: inline-block;
  width: 100%;
  max-width: max-content;
  margin: 10px auto 0;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button .prev-btn{
  background: transparent !important;
  color: var(--theme_brown_color) !important;
  border: 1px solid var(--theme_brown_color);
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a.next-btn:hover {
    color: var(--theme_brown_color);
    border: 1px solid var(--theme_brown_color);
    background: transparent !important;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a.prev-btn:hover {
    background: var(--theme_brown_color) !important;
    color: #fff !important;
    border: 1px solid var(--theme_brown_color);
}

label.single-button {
    display: block;
    font-family: var(--theme_body_font_regular);
    border: 1px solid var(--theme_brown_color);
    border-radius: 50px;
    padding: 10px;
    margin: 30px 0;
    font-size: 18px;
    color: var(--theme_brown_color);
    transition: .3s all;
    cursor: pointer;
    text-align: center;
}

.b2c-guide-wrapper .inner-content-wrapper.single_button input {
    position: absolute;
    visibility: hidden;
}

.b2c-guide-wrapper .inner-content-wrapper {
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs label span{
  color:var(--theme_brown_color);
  font-family:var(--theme_body_font_medium);
}

h1.b2c-main-title {
    text-align: center;
    font-size: 56px;
    font-family: var(--theme_heading_font_light);
}

.b2c-guide-wrapper  .next-prew-button {
    text-align: center;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .next-prew-button a.prev-btn {
    background: transparent !important;
    color: var(--theme_brown_color) !important;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs label:before {
    background: #fef5f3;
    border: solid 7px #e1d3c4;
    bottom: -37px;
    outline: solid 5px #fef5f3;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs input[type=radio]:checked+label:before {
    background: #fef5f3;
    border: solid 7px var(--theme_brown_color);
    outline: solid 6px #fef5f3;
    top: 60px;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper.single .inputs:before {
    background: #e1d3c4;
    z-index: 2;
}

.template-quiz .b2c-guide-wrapper .inner-content-wrapper .inputs label {
    z-index: 2;
}

.template-quiz {
    background: #fef5f3;
}

.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs input[type=radio]:checked+label img , .template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs input[type=radio]:checked+label img {
    box-shadow: 0 0 3px 3px var(--theme_brown_color);
}

.inner-content-wrapper .single-button:hover, .inner-content-wrapper a:hover, .inner-content-wrapper.single_button input[type=radio]:checked+label {
    background-color: var(--theme_brown_color);
    border: 1px solid var(--theme_brown_color);
    color: #fff;
}

.template-quiz .b2c-guide-wrapper.step-6 .inner-content-wrapper .inputs input[type=radio]:checked+label,.template-quiz .b2c-guide-wrapper.step-4 .inner-content-wrapper .inputs input[type=radio]:checked+label {
    transform: translate(0px, -10px);
}
@media (min-width: 799px){
  .is-hidden-desktop-only{display: none !important;}
}
@media (max-width: 798px){
  .is-hidden-desktop-only{display: none !important;}
}