.quiz-heade-text {
    color:#000000;
    text-align:center;
}
.quiz-heade-text h2.elementor-heading-title {
    color: #fff;
    text-align: center;
    font-family: Bison;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px;
}
.quiz-heade-text p {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 9px;
}
.quiz-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.quiz-form form#quiz_email_form {
    display: flex;
    min-width: 431px;
}
button.question_submit_btn img {
    width: 9px;
    margin-left: 10px;
    margin-top: 2px;
}
button.question_prev_btn img {
    width: 9px;
    margin-top: 2px;
    margin-right: 2px;
}
[type=button]:focus, [type=submit]:focus, button:focus{
	outline:none !important;
}
.quiz-form input.quiz_email{
    color: #fff;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding:10px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    background: #2B3873;
    background: #0000;
    border-radius: 7px;
}
.quiz-form input.quiz_email:focus{
    outline: none;
    border:1px solid rgba(255, 255, 255, 0.28) !important;
}
.quiz-form input.quiz_email::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.quiz-form input.quiz_email::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}
body .quiz-form input[type="submit"] {
    padding: 16px 25px;
    clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 44px);
    background: #FFF509;
    color: #000;
    font-family: Bison;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 20px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    margin-left: -12px;
}
body .quiz-form input[type="submit"]:focus{
    outline: none;
    border:1px solid rgba(255, 255, 255, 0.28);
}
.quiz-dashbord {
    color:#fff;
    padding:15px;
}
.question_form_header {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ffffff21;
}
.quiz-dashbord ul {
    list-style: none;
}
.fomr_questions_wrap {
    text-align:left;
    width: 100%;
    padding:25px 0px;
}
.question_div {
    display: none;
}
.question_div.active {
    display: block;
}
.question1, .question2, .question3 {
    padding: 10px;
}

.question_form_footer {
    padding: 10px;
    padding-top:50px;
    border-top: 1px solid #ffffff21;
    text-align:center;
}
.quiz-after-form {
    max-width: 382px;
}
p.sub-text {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.6;
    padding-top: 22px;
}
.question_form_footer {
    display: flex;
    justify-content: space-around;
}
.quiz-dashbord .quiz-question-answer .question_form_footer .question_submit_btn, .products_footer .search-for-more-iteam, .quiz-dashbord .question_prev_btn {
    padding: 15px 30px;
    margin: 0 !important;
    height: 100%;
    background-color: #FFF509;
    color: #000000 !important;
    font-family: "Bison", Sans-serif;
    font-size: 20px !important;
    font-weight: bold !important;
    font-style: italic;
    line-height: 20px !important;
    letter-spacing: 1px;
    border-color:#FFFFFF4D;
    border-radius: 7px 7px 7px 7px !important;
}
.error-message{
    color: red;
    font-weight: 600;
}
.banner-text {
    max-width:450px;
}

ul.grid-column-3.produts.loop {
    list-style: none; 
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 -10px;
}
li.single-product.product-detail {
    width: 30%;
    margin: 0;
    padding: 10px;
    height: 400px !important;
    margin-top: 15px;
    background: #0001;
    margin-left: 2.5%;
    border-radius: 12px;
}
li.single-product.product-detail a {
    color: unset !important;
    text-align:center !important;
}
li.single-product.product-detail a:hover {
    color: unset !important;
}
h1.product-title {
    font-size: 22px;
}
.product-image img {
    height: 200px !important;
    object-fit: contain;
    padding: 5px;
}
.product-categories {
    font-weight: 700;
}

.products_footer {
    display: flex;
    justify-content: center;
    margin-top: 60px !important;
}  
div#loader {
    display: flex;
    flex-direction: column;
    align-items: center;
}
div#loader img {
    width: 300px;
}
ul.how_exp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
ul.how_exp li span {
    margin-left: 5px;
}
.heading{
    color:red;
}



/************* ******************/
   /* custom bootstrap classes  */
   .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
   }
   .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* 0rem);
    margin-right: calc(-.5* 1.5rem);
    margin-left: calc(-.5* 1.5rem);
   }
   .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
   }
   .col-6 {
    flex: 0 0 auto;
    width: 50%;
   }
   @media (max-width: 500px){
        .quiz-form form#quiz_email_form {
            display: flex;
            min-width: 100%;
        }
   }
   @media (min-width: 576px) {
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .container, .container-sm {
        max-width: 540px;
    }
   }
   @media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
   }
   @media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
	.col-lg-4{
		flex: 0 0 auto;
        width: 33.33333%;
	}
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
	.col-lg-8{
		flex: 0 0 auto;
        width: 66.666%;
	}
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1140px;
    }
   }
   .pointer {
      cursor: pointer;
   }
   .section-area {
   padding-top: 25px;
   padding-bottom: 25px;
   }
   .common-btn {
   background: #FFF50A;
   border: none;
   font-family: Bison;
   font-size: 18px;
   font-style: italic;
   font-weight: 700;
   line-height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   }
   .common-btn:hover {
   background: #FFF50A !important;
   }
   .white-btn {
   border: 2px solid #fff;
   color: #fff !important;
   font-family: Bison;
   font-size: 18px;
   font-style: italic;
   font-weight: 700;
   }
   .white-btn:hover {
   background:none;
   }
   .item-cards h1 {
   font-family: Bison;
   font-size: 52px;
   font-style: italic !important;
   font-weight: 700;
   line-height: 46.8px;
   text-align: center;
   margin-bottom: 60px;
   }
   .sub-cards {
   padding: 20px;
   border-radius: 10px;
   border: 1px solid #E5E5E5;
   margin-bottom: 20px;
   }
   .multi-card {
   width: 58px;
   border-radius: 20px;
   padding: 4px;
   display: flex;
   justify-content: center;
   font-weight: 700;
   font-size: 14px;
   font-family: Bison;
   font-style: italic;
   }
   .multi-card.pink {
   background: #F8DAE8;
   color: #DB458A;
   }
   .multi-card.blue {
   background: #E4E3FD;
   color: #7872EE;
   }
   .multi-card.green {
   background: #CCEEEB;
   color: #00A89C;
   }
   .multi-card img {
   width: 15px !important;
   margin-left: 8px;
   }
   .sub-cards img {
   width: 100%;
   height: auto;
   }
   .sub-cards h4 {
   font-family: Proxima Nova;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   height: 72px;
   overflow:hidden;
   }
   .emp-cards {
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   height: 394px;
   padding: 24px;
   border-radius: 8px 8px 8px 8px!important;
   display: flex; 
   flex-direction: column; 
   justify-content: center; 
   align-items: center; 
   }
   .emp-cards h3 {
   font-family: Bison;
   font-size: 40px;
   font-style: italic;
   font-weight: 700;
   line-height: 40px;
   color: #fff;
   }
   .slider-section {
   background-size: cover;
   background-repeat: no-repeat;
   padding: 100px 0;
   }
   .slide-text h3 {
	   font-family: Bison;
	   font-size: 52px;
	   font-weight: 700;
	   line-height: 41.6px;
	   color: #fff;
	   margin-bottom:5px;
   }
	.slide-text {
		padding: 0px 30px 0 0 !important;
	}
   .slide-text p {
   font-family: Proxima Nova;
   font-size: 13px;
   font-weight: 400;
   color: #fff;
   }
	
   .slide-card {
	   background-color: #fff;
	   border-radius: 10px;
	   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	   position: relative;
	   border:1px solid #d5d5d555;
   }
   .slide-content {
	   padding: 20px;
   }
   .slide-card img {
	   border-radius: 10px 10px 0 0 !important;
   }
   .slide-content h4 {
		color: #000;
		font-family: Bison;
		font-size: 32px;
		font-style: italic;
		font-weight: 700;
		line-height: 120%; /* 38.4px */
   }
   .slide-content p {
	   color: #000;
		font-family: "Proxima Nova";
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 21px */
   }
   .slide-card h5 {
	   position: absolute;
	   top: 10px;
	   left: 10px;
	   background: #0000004D;
	   border-radius: 20px;
	   color: #fff;
	   font-family: Bison;
	   font-size: 14px;
	   font-style: italic;
	   font-weight: 700;
	   letter-spacing: 0.03em;
	   padding: 5px 10px;
   }
   .slide-gear h1 {
   font-family: Bison;
   font-size: 52px;
   font-style: italic !important;
   font-weight: 700;
   margin-bottom: 30px;
   }
   .drawer-content {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 99999;
   width: 620px;
   height: 100vh;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   padding: 28px;
   display: flex;
   flex-flow: column;
   justify-content: space-between;
   }
   .centered-content {
   text-align: center;
   padding: 0 122px;
   }
   .centered-content img {
   width: 350.14px;
   height: 289.77px;
   }
   .centered-content h6 {
   font-size: 18px;
   font-weight: 700;
   }
   .centered-content p {
   color: #000000;
   opacity: 0.6;
   }
   .centered-content button {
   width: 100%;
   margin: 0 0 6px;
   font-family: Bison;
   font-size: 18px;
   font-style: italic;
   }
   .centered-content button.bg-btn {
   background: #DB458A;
   color: #fff;
   }
   .centered-content button.inline-btn {
   border: 1px solid #000;
   color: #000;
   }
   .centered-content button.inline-btn:hover {
   border: 1px solid #000;
   color: #000;
   background:none;
   }
   .drawer-content a {
   font-size: 15px;
   font-weight: 700;
   text-align: center;
   color: #DB458A !important;
   }
   .drawer-head{
   display: flex;
   justify-content: space-between;
   align-items: center;
   } 
   .drawer-head img {
   width: 16px;
   height: 16px;
   }
   .guitarists-wrapper {
   overflow: hidden;
   }
   .guitarists-wrapper .container{
   position: relative;
   }
   .owl-nav button {
   background: #FFF50A !important;
   border-radius: 100%;
   width: 50px;
   height: 50px;
   border: none !important;
   font-size: 36px !important;
   }
   .guitarist-slider {
   width: 70.5vw !important;
   position: unset !important;
   }
   .gear-slider {
   width: 92.5vw !important;
   position: unset !important;
   }
   .guitarist-slider .owl-nav button {
   position: absolute;
   left: 0px !important;
   bottom: 0;
   }
   .guitarist-slider  button.owl-next {
   left: 70px !important;
   }
   .owl-dots {
   display: none;
   }
   .section-area{
   overflow: hidden;
   }
   .sub-cards button img {
   width: 18px !important;
   height: 18px;
   }
   .slide-gear {
   position: relative;
   }
   .slide-gear .owl-nav {
   position: absolute;
   top: 0;
   right: 0;
   }
   .slide-gear .owl-nav button {
   margin: 0 5px;
   }
   /* drawer product list */
   .drawer-area {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 99999;
   width: 620px;
   height: 100vh;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   overflow-x: scroll;
   }
   .drawer-product-card {
   display: flex;
   justify-content: space-between;
   border: 1px solid #00000012;
   padding: 10px 16px;
   border-radius: 10px;
   align-items: center;
   margin: 0 0 10px;
   }
   .drawer-product-card span {
   padding: 5px 10px 5px 10px;
   font-family: Bison;
   font-size: 14px;
   font-style: italic;
   border-radius: 20px;
   background: #E4E3FC;
   color: #7872EE;
   }
   .drawer-product-card .blue {
   background: #E4E3FC;
   color: #7872EE;
   }
   .drawer-product-card .pink {
   background: #F5DCE7;
   color: #DB458A;
   }
   .drawer-product-card h6 {
   font-weight: 700;
   margin: 6px 0 0;
   }
   .close-icon {
   width: 12px;
   height: 12px;
   filter: opacity(0.5);
   }
   .pro-img {
   margin: 0 20px 0 0;
   width: 70px;
   height: 70px;
   }
   .drawer-search {
   display: flex;
   align-items: center;
   justify-content: space-between;
   }
   .drawer-search h5 {
   font-size: 15px;
   font-weight: 700;
   }
   .search-input {
   display: flex;
   margin: 0 -40px 0 0;
   }
   .search-input button {
   clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 9% 100%);
   background: #FFF70C;
   color: #000;
   border: none;
   font-family: Bison;
   font-style: italic;
   letter-spacing: 0.05em;
   border-radius: 2px !important;
   position: relative;
   right: 47px;
   padding: 13px;
   }
   .drawer-product {
   background: url(http://localhost/wp-content/uploads/2024/07/Untitled-1.png);
   background-size: cover;
   background-repeat: no-repeat;
   width: 620px;
   height: 490px;
   padding: 28px;
   }
   .drawer-card {
   padding: 28px;
   }
   .drawer-card h6 {
   font-size: 18px;
   font-weight: 700;
   }
   .drawer-card p {
   font-size: 14px;
   font-weight: 400;
   }
   .drawer-card p span {
   font-weight: bold;
   }
   .drawer-card-btn button {
   width: 441px;
   background: #FFF70C;
   border: none;
   color: #000;
   font-family: Bison;
   font-style: italic;
   letter-spacing: 0.05em;
   }
   .drawer-card-btn a {
   font-family: Bison;
   font-size: 18px;
   font-style: italic;
   letter-spacing: 0.05em;
   margin: 0 0 0 10px;
   }
   .drawer-card-btn h6 {
   font-size: 14px;
   font-weight: 400;
   }
   .drawer-card-btn {
   margin: 10px 0;
   display: flex;
   border-radius: 8px;
   padding: 10px;
   color: #fff;
   }
   .drawer-card-btn.pink {
   background:#DB458A;
   }
   .drawer-card-btn.blue {
   background: #7972F6;
   }
   .drawer-card-btn span {
   font-size: 13px;
   font-weight: 700;
   line-height: 14px;
   text-align: center;
   border: 1px solid #FFFFFF36;
   border-radius: 4px;
   display: flex;
   align-items: center;
   }
   body.show-drawer #drawer {
   transform: translateX(0%);
   display: flex;
   }
   #drawer {
   transform: translateX(100%);
   transition: transform 300ms ease-in-out;
   display: none;
   }
   body.show-drawer #overlay {
   opacity: 0.5;
   visibility: visible;
   }
   #overlay {
   background: black;
   bottom: 0;
   height: 100vh;
   left: 0;
   opacity: 0;
   position: fixed;
   right: 0;
   top: 0;
   transition: opacity 250ms, visibility 0s;
   visibility: hidden;
   width: 100vw;
   z-index: 2;
   }
   @media (max-width: 1024px) {
   .emp-cards {
   height: 362px;
   }
   }
   @media (max-width: 768px) {
   .guitarist-slider .owl-nav button {
   bottom: -14%;
   }
   .guitarist-slider {
   margin: 15px 0 0;
   }
   @media only screen and (max-width: 540px) {
   .item-cards h1 {
	   font-family: Bison;
	   font-size: 40px;
	   line-height: 40px;
	   font-style: italic !important;
	   margin-bottom:30px;
   }
   .sub-cards h4 {
	   font-size: 11px;
	   line-height: 15px;
   }
   .common-btn {
	   font-size: 12px !important;
   }
   .emp-cards h3 {
	   font-size: 22px;
	   line-height: 22px;
   }
   .emp-cards {
   height: 282px;
   }
   .slide-gear .owl-nav {
   position: relative;
   text-align: center;
   }
   .slide-text h3 {
   font-family: Bison;
   font-size: 32px;
   }
   .slide-gear h1 {
   font-family: Bison;
   font-size: 40px;
   font-style: italic !important;
   line-height: 40px;
   }
   .centered-content {
   padding: 0;
   }
   .drawer-content {
   width: 100%;
   }
   .centered-content img {
   width: 300px;
   height: 248px;
   }
   .drawer-product {
   width: 100%;
   padding: 15px;
   }
   .guitarist-slider {
   width: 100% !important;
   }
   .owl-nav {
   text-align: center;
   margin: 10px 0;
   }
   .guitarist-slider .owl-nav button {
   position: unset;
   margin: 0 6px;
   }
   }
   }

   .emp-cards{
    background-size:cover !important;
    background-repeat:no-repeat !important;
   }

@media (max-width: 766px) {
	.owl-nav button{
		width:40px;
		height:40px;
	}
	.slide-text {
		padding: 0px 20px 0 0 !important;
	}
    body .slider-section {
        padding: 40px 20px !important;
    }
	.slide-content h4 {
	   font-size: 20px;
	   margin-bottom: 5px;
	}
}
.common-btn {
    color: #000 !important;
}
.guitarist-slider .owl-nav {
    margin-bottom: -10px;
}

.item-cards.quiz-recommendations .sub-cards {
    margin-bottom: 24px;
}

.item-cards.quiz-recommendations .sub-cards .plan-type-label {
    display: flex;
    margin-bottom: -24px;
    z-index: 1;
    position: relative;
}

.item-cards.quiz-recommendations .sub-cards .plan-type-label .plan-tag {
    border-radius: 30px;
}

.item-cards.quiz-recommendations .sub-cards h4 {
    margin: 10px 0;
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}
@media (max-width: 766px) {
	.item-cards.quiz-recommendations .sub-cards {
		display: flex;
		flex-direction: column;
		padding: 10px;
		margin-bottom: 10px;
	}
	.item-cards.quiz-recommendations .sub-cards .plan-type-label {
    order: 2;
    margin-bottom: 0;
    margin-top: 7px;
}

.item-cards.quiz-recommendations .sub-cards .plan-type-label + .text-center {
    order: 1;
}

.item-cards.quiz-recommendations .sub-cards h4 {
    order: 3;
    margin: 6px 0 10px;
    font-size: 14px;
    line-height: 19.6px;
    height: 60px;
}

.item-cards.quiz-recommendations .sub-cards h4 + .text-center {
    order: 4;
}

.item-cards.quiz-recommendations .sub-cards .plan-type-label svg {
    display: none;
}
	.item-cards.quiz-recommendations .row {
    margin: 0 -5px;
}

.item-cards.quiz-recommendations .row .col-6 {
    padding: 0 5px;
}
}

.question1, .question2, .question3, .question4, .question5 {
    display: none !important;
    width: 100% !important;
}

.question1.active, .question2.active, .question3.active, .question4.active, .question5.active {
    display: block !important;
}

.question {
text-align: center !important;
}

.quiz-question-answer input[type="radio"] {
/*     accent-color: #c85188 !important; */
}

.quiz-question-answer input[type="radio"]:checked,
.quiz-question-answer input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.quiz-question-answer input[type="radio"]:checked + label,
.quiz-question-answer input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}
.quiz-question-answer input[type="radio"]:checked + label:before,
.quiz-question-answer input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.quiz-question-answer input[type="radio"]:checked + label:after,
.quiz-question-answer input[type="radio"]:not(:checked) + label:after {
    content: url(/wp-content/uploads/2024/07/ic_baseline-check.svg);
    width: 18px;
    height: 18px;
    background: #FFF50A;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-question-answer input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.quiz-question-answer input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#range {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}
.question-select {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.quiz-dashbord > ul {
    list-style: none;
    padding: 0;
    display: flex;
}

/* .error-message + ul {
    padding: 0;
    display: flex;
    gap: 30px;
		flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}

.error-message + ul > li {
    width: calc(50% - 15px);
    border: 1px solid #fff;
    padding: 30px;
    border-radius: 20px;
}
 */

.question_div  ul {
    padding: 0;
    display: flex;
    gap: 30px;
		flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.question_div ul > li {
	width: calc(50% - 15px);
}
.question_div  ul li  label{
    width: 100%;
    border: 1px solid #fff;
    padding: 30px;
    border-radius: 20px;
	padding-left: 60px !important;
}
.quiz-question-answer .question_div  ul li  label::before , .quiz-question-answer .question_div  ul li  label::after{
	left: 30px !important;
	top: 30px !important
}
.how_exp {
    justify-content: flex-start !important;
}

.kind_music_you_like_error.error-message + ul .question-select, .how_experimental_error.error-message + ul .question-select {
    margin-bottom: 0;
}

.kind_music_you_like_error.error-message + ul li, .how_experimental_error.error-message + ul li, .experience_lavel_error.error-message + ul li {
    width: calc(32% - 10px);
}

.error-message {
    text-align: center;
}

.question_form_header h1 {
    font-family: "Hyperwave", Sans-serif;
    font-size: 125px;
    font-weight: 400;
    font-style: italic;
    line-height: 100px;
	color: #FFF50A;
}

.question {
    font-size: 52px;
}

@media (max-width: 740px) {
	.error-message + ul > li {
		width: 100% !important;
		padding: 0;
	}
	.error-message + ul {
		gap: 20px;
	}
}
.error-message {
    padding: 8px;
    background: rgb(245 212 212);
    border-radius: 8px;
    color: rgb(175, 4, 4);
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
	display:none;
}

.range-slider{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }

    #range:focus {
      outline: none;
}
#range::before, #range::after {
	position: absolute;
	top: 2rem;
	color: #333;
	font-size: 14px;
	line-height: 1;
	padding: 3px 5px;
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
	opacity: 0;
}
#range::before { left: 0; content: attr(data-min); }
#range::after { right: 0; content: attr(data-max); }
#range::-webkit-slider-runnable-track {
	width: 100%;
	height: 1rem;
	cursor: pointer;
	animate: 0.2s;
	background: linear-gradient(90deg, #FFF50A var(--range-progress), #DEE4EC var(--range-progress));
	border-radius: 1rem;
}
#range::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 0.25rem solid #fff41d;
	box-shadow: 0 1px 3px rgba(0,0,255,.3);
	border-radius: 50%;
	background: #fff41d;
	cursor: pointer;
	height: 32px; width: 32px;
	transform: translateY(calc(-50% + 8px));
}
#tooltip {
	position: absolute;
	top: -35px;
}
#tooltip span {
    position: absolute;
    text-align: center;
    display: block;
    line-height: 1;
    padding: 4px 8px;
    color: #DB458A;
    border-radius: 0.125rem;
    background: #fff41d;
    font-size: 16px;
    left: 50%;
    transform: translate(-50%, 0);
}
/* #tooltip span:before {
	position: absolute;
	content: "";
	left: 50%; bottom: -8px;
	transform: translateX(-50%);
	width: 0; height: 0;
	border: 4px solid transparent;
	border-top-color: #DB458A;
} */

.quiz-question-answer input[type="checkbox"]:checked, .quiz-question-answer input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.quiz-question-answer input[type="checkbox"]:checked + label, .quiz-question-answer input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}
.quiz-question-answer input[type="checkbox"]:checked + label:before, .quiz-question-answer input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 30px !important;
    top: 30px !important;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.quiz-question-answer input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.quiz-question-answer input[type="checkbox"]:checked + label:after{
    content: url(/wp-content/uploads/2024/07/ic_baseline-check.svg);
    width: 18px;
    height: 18px;
    background: #FFF50A;
    position: absolute;
    top: 30px !important;
    left: 30px !important;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-none{
	display:none !important;
}
@media (max-width: 740px) {
	div#quiz-form {
		padding: 0px 15px;
	}
	.quiz-heade-text h2.elementor-heading-title{
		font-size:28px;
	}
}

/* Firefox */
#range::-moz-range-track {
    width: 100%;
    height: 1rem;
    cursor: pointer;
    background: linear-gradient(90deg, #FFF50A var(--range-progress), #DEE4EC var(--range-progress));
    border-radius: 1rem;
}

#range::-moz-range-thumb {
    border: 0.25rem solid #fff41d;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
    border-radius: 50%;
    background: #fff41d;
    cursor: pointer;
    height: 32px;
    width: 32px;
}