/** Shopify CDN: Minification failed

Line 168:0 Unexpected "{"

**/
.gs-faq-section {
     overflow: hidden;
     position: relative;
     width: 100%;
     height: fit-content;
     display: flex;
     flex-direction:column;
     justify-content: center;
     align-items: center;
     background-color: #FFF2D8;
     padding:120px 0px;
}
 .gs-faq-section-image-top {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 193px;
     z-index: 4;
}
 .gs-faq-section-image-top svg {
     width: 100vw;
     height: auto;
}
 .gs-faq-heading, .gs-faq-subheading{
     color: #7F3B2D;
     text-align: center;
     font-family: FinalSix;
     font-size: 75px;
     font-style: normal;
     font-weight: 900;
     line-height: 100%;
      padding: 0px 15px;
    /* 75px */
     text-transform: uppercase;
     /* margin-top:15%; */
}
 .gs-faq-subheading{
     display: flex;
     transform: rotate(-1.948deg);
     padding: 20px;
     justify-content: center;
     align-items: center;
     margin-top:20px;
     background: #F8D708;
}
 .faq-section{
     margin-top: 90px;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     justify-content: center;
      margin-bottom:25px;
}
 .faq-heading-wrapper{
     width: fit-content;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 50px;
}
 .faq-section .faq-accordion{
     max-width:1600px;
}
 .faq-question {
     padding: 30px 50px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     border: none;
     color: #7F3B2D;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
     font-family: Merel;
     font-size: 40px;
     font-style: normal;
     font-weight: 900;
     line-height: 120%;
    /* 48px */
     text-transform: uppercase;
     cursor: pointer;
     background: linear-gradient(to top, #7F3B2D 50%, transparent 50%);
     background-size: 100% 200%;
     background-position: top;
     transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
     border-bottom: 1px solid #1C0622;
}
 .faq-question-text{
     text-align:start;
}
 .faq-question:hover {
     background-position: bottom;
     border-bottom:1px solid transparent;
}
 .faq-question:hover{
   color:#FFF2D8;
 }
 .faq-question:hover .faq-number{
     transform: rotate(-8.031deg);
     transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
   background: #FAEADE;
   color: #7F3B2D;
   
}
.faq-question.active .faq-number{
  transform: rotate(0deg);
       transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
   background: #FAEADE;
   color: #7F3B2D;
}
 .faq-question.active{
     border-bottom:0px;
}
 .faq-question.active{
   background-position: bottom;
   color:#FFF2D8;
 }
.faq-answer{
  background: #7F3B2D;
  margin-top:-4px;
}
 /* .faq-question.active:hover {
     background-position: top;
} */
 /* .faq-question.active:hover .faq-number {
     transform: rotate(0deg);
} */
 .faq-number {
     display: flex;
     width: 73px;
     height: 58px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     padding: 8px 5px;
     background: #7F3B2D;
     color: #FAEADE;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
     font-family: FinalSix;
     font-size: 40px;
     font-style: normal;
     font-weight: 500;
     line-height: 12px;
      transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    /* 30% */
     text-transform: uppercase;
}
 .faq-icon {
     margin-left: 1rem;
     transition: transform 0.3s ease;
}
 .faq-icon--active {
     display: none;
}
 .faq-question[aria-expanded="true"] .faq-icon--inactive {
     display: none;
}
 .faq-question[aria-expanded="true"] .faq-icon--active {
     display: inline-block;
}
{
     padding: 0 1rem 1rem;
}
 .faq-answer-inner{
     padding-bottom: 30px;
     width:80%;
     margin-left: 178px;
     color: #FFF2D8;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
     font-family: Merel-Regular;
     font-size: 28px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
    /* 43.2px */
}
 .faq-question:hover .faq-icon.faq-icon--inactive svg .main-fill, .faq-question.active .faq-icon.faq-icon--active svg .main-fill {
     fill: #FFF2D8;
    /* Change the fill color on hover */
}
 @media(max-width:1024px){
     .gs-faq-heading{
         /* margin-top:10vh; */
    }
     .faq-answer-inner{
         margin-left:0px;
         padding:30px 50px;
         width:100%;
    }
     .faq-section{
         margin-top:42px;
    }
}
 @media(max-width:767px){
     .faq-question {
         padding: 8px 15px;
    }
     .faq-heading-wrapper{
         gap:15px;
    }
     .faq-answer-inner{
         margin-left:88px;
    }
     .gs-faq-heading{
         font-size:32px;
    }
     .gs-faq-subheading{
         font-size:28px;
         padding: 12px 15px;
    }
     .faq-question,.faq-number {
         font-size:12px;
    }
     .faq-question svg{
         width: 18px;
         height: 18px;
    }
     .faq-number{
         width: 21.9px;
         height: 17.4px;
    }
     .faq-answer-inner{
         font-size:10px;
         width:100%;
         margin-left:10px;
         padding:12px 20px 12px 0px;
    }
}