/** Shopify CDN: Minification failed

Line 1668:31 Expected "}" to go with "{"

**/
@font-face {
    font-family: 'avenir_medium';
    src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-medium-webfont.woff2') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_book';
    src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-book-webfont.woff2') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_heavy';
    src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-heavy-webfont.woff2') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_roman';
    src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-roman-webfont.woff2') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/avenirltstd-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.mega-menu__item-link:hover .header__menu-item .label,.mega-menu__item-link:hover .list-menu__item--active .label,.mega-menu__item-link span.label {
    background-position: unset !important;
    background-size: 0 !important;
}
.mega-menu__item-link {
    pointer-events: none;
}
@font-face { font-family: 'triestervector'; src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/triester-vector-webfont.woff2?v=1724158764') format('woff2'), url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/triester-vector-webfont.woff?v=1724158764') format('woff'); font-weight: normal; font-style: normal; }
  body.loaded #accessiblyAppWidgetButton.accessibly-app-widget-button-container {
    z-index: 99 !important;
}
.list-menu-dropdown.dropdown-menu.hidden.shop .list-mega-menu .mega-menu__item:first-child .list-menu li a {
    font-weight: 600;
  letter-spacing: 1.5px;
}




/* Skin Quiz creation start */
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"] { max-width: 100%; margin: 0 auto; display: flex; flex-direction: row-reverse; margin: 75px 17px 0 17px; justify-content: start; position: relative; min-height: 115px; letter-spacing: 5px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:before { content: ""; background-image: url('quiz-logo-update.png'); max-width: 131px; width: 100%; display: block; height: 131px; margin-bottom: 18px; background-size: cover; position: absolute; right: 0; top: -59px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after { position: absolute; left: -3px; top: 59px; height: 100%; width: auto; content: 'Skincare Quiz'; z-index: -1; font-size: 94px; color: #779a49; font-family: 'triestervector'; letter-spacing: 0px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { font-family: Gilroy; font-size: 18px; font-weight: 300; color: #000; line-height: 24px; padding-top: 0; width: 100%; text-align: left; padding-left: 10px; max-width: 310px; }
.quiz-app.slide-0 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { text-align: right; margin-right: 17px; padding-top: 45px; }
.quiz-app.slide-0 .octane-ai-quiz-rendered:before, .quiz-app.slide-0 .octane-ai-quiz-rendered:after { content: normal; }
.quiz-page main .page-width { width: 100%; max-width: 100%; padding: 0; }
.quiz-app { position: relative; overflow: hidden; }
.quiz-app .background-image { width: 100%; }
.quiz-app .background-image img { width: 100%; height: auto; display: block; min-height: 500px; }
.quiz-app .octane-ai-quiz-rendered { position: absolute; z-index: 1; top: 50%; transform: translate(-50%, -50%); left: 70%; }
.quiz-app .octane-ai-quiz-rendered > div { align-items: start; }
.quiz-app .octane-ai-quiz-rendered { min-height: auto !important; max-width: 636px; width: 100%; }
.quiz-app .octane-ai-quiz-rendered > div:before { position: absolute; left: 0; top: 0; background: url('quiz-bg.png') 0 0 no-repeat; background-size: cover; height: 100%; width: 100%; content: ''; z-index: -1; }
.quiz-app .oct-quiz-bottom_content { display: none; }
.quiz-app .octane-ai-quiz-rendered>div { min-height: 425px !important; }
.quiz-app  [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 22px; font-weight: 500; line-height: 26px; color: #000; letter-spacing: 2px; }
.quiz-app [data-element="oct-quiz-text oct-quiz-subheading"] { font-family: 'Gilroy'; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; padding-top: 8px; width: 100%; }
.quiz-app [data-element*='oct-quiz-submit-btn'] button { font-family: Gilroy; font-size: 14px; font-weight: 500; color: #fff; line-height: 25px; padding: 8px 23px; min-height: auto; border-radius: 0; letter-spacing: 2px; }
.quiz-app [data-element*=oct-quiz-submit-btn] button:disabled { background-color: #828282; color: #fff; opacity: 1; transform: unset; border-color: inherit; box-shadow: none; }
.oct-quiz-multiple-choice-options__option { padding: 9px 12px; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option { padding: 9px 12px !important; border-radius: 0; font-size: 12px; font-weight: 600 !important; font-family: Gilroy !important; color: #828282; line-height: 14px; letter-spacing: 1.1px; border-color: #272727; opacity: 1 !important; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option[data-is-option-selected="selected"] { color: #fff !important; background: #272727; }
.quiz-app .octane-ai-quiz-rendered>div >div> button { font-family: Gilroy; font-size: 14px; font-weight: 500; color: #fff; line-height: 24px; padding: 8px 24px; min-height: auto; border-radius: 0; letter-spacing: 2px; background-color: #272727; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option { display: inline-block; min-width: auto; width: auto; margin-right: 12px; margin-bottom: 15px; margin-top: 0; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option:last-child { margin-right: 0; }
.quiz-app .oct-datepicker { max-width: 240px; }
.quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) [data-element*=oct-quiz-submit-btn] button { max-width: 249px; width: 100%; }
.quiz-app [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button { text-decoration: underline; font-family: Gilroy !important; font-size: 12px !important; font-weight: 400 !important; color: #000 !important; line-height: 24px !important; box-shadow: none; }
.quiz-app [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover { box-shadow: none !Important; text-decoration: none; transform: unset !Important; }
.quiz-app .ant-picker { border: 1px solid #272727 !important; height: 32px !important; }
.quiz-app input[type="email"] { max-width: 240px; height: 42px; padding-bottom: 5px; font-family: Gilroy; font-size: 16px; font-weight: 500; line-height: 24px; padding-top: 4px; border-color: #828282; color: #828282; }
.quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) >div>button, .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div >div> button { display: none; }
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button { width: 100%; max-width: 240px; background-color: #7DA246; border: 1px solid #7DA246; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { content: ""; background-image: url(/cdn/shop/files/quiz-background-1.jpg); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.2; background-size: 100%; background-position: 50% 50%; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { display: flex; flex-flow: row wrap; min-height: 100%; align-self: baseline; height: 100%; z-index: 1; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"] { margin: 0; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"] { margin: 0; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-2 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-3 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-4 [data-element="oct-quiz-multiplechoice oct-quiz-media"] { width: 100%; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { display: block; max-width: 310px; text-align: left; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button { margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px }
.quiz-app.slide-1 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-2 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-4 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-3 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { order: 2; }
.quiz-app.slide-1 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-2 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-3 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-4 [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2.octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4.octane-ai-quiz-rendered>div { position: relative; padding: 40px 35px 93px; }
.quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-2.jpg'); }
.quiz-app.slide-3 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-3.jpg'); }
.quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-3.jpg'); }
.quiz-app.slide-4 div ul li.oct-quiz-multiple-choice-options__option { margin-top: 0; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div, .quiz-app.slide-6 .octane-ai-quiz-rendered>div { align-items: baseline; }
.quiz-app.slide-6 [data-element="oct-quiz-text oct-quiz-subheading"] { max-width: 460px; margin: 0 auto; }
.quiz-app .octane-ai-quiz-rendered:before, .quiz-app .octane-ai-quiz-rendered:after { content: ""; position: absolute; width: 100%; height: 9px; background-color: #C1C9B8; left: 0; top: -8px; }
.quiz-app.slide-1 .octane-ai-quiz-rendered:after { width: calc(100%/6*1); background-color: #7DA246; }
.quiz-app.slide-2 .octane-ai-quiz-rendered:after { width: calc(100%/6*2); background-color: #7DA246; }
.quiz-app.slide-3 .octane-ai-quiz-rendered:after { width: calc(100%/6*3); background-color: #7DA246; }
.quiz-app.slide-4 .octane-ai-quiz-rendered:after { width: calc(100%/6*4); background-color: #7DA246; }
.quiz-app.slide-5 .octane-ai-quiz-rendered:after { width: calc(100%/6*5); background-color: #7DA246; }
.quiz-app.slide-6::before { content: normal; }
.quiz-app.slide-7 .octane-ai-quiz-rendered { position: static; transform: translate(0, 0); width: 100%; max-width: 100%; }
.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered:after, .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered:before { content: normal }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] { width: 100%; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { position: static; order: 0; width: 100%; padding-top: 12px; }
.quiz-app:has(input[type=email]) input[type=email] { width: 100%; min-width: 240px; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-input oct-quiz-media"] { width: 100%; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered { position: static; transform: translate(0, 0); width: 100%; max-width: 100%; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; font-weight: 400; line-height: 37px; letter-spacing: 5px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultitem"] a { font-size: 18px; font-weight: 500; line-height: 21px; letter-spacing: 3px; color: #7DA246; text-transform: uppercase; }
.quiz-app [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; font-weight: 400; line-height: 37px; letter-spacing: 5px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] { max-width: 1278px; padding: 0px 30px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered:before, .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered:after { content: normal; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered>div:before { content: normal; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered>div>div { display: block; max-width: 1278px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .background-image, .quiz-app .background-image img.mobile-img { display: none; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-productblock oct-quiz-media"] + [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: calc(100%/3); }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before { content: "I don’t want to share my age,"; font-size: 12px; color: #828282; line-height: 24px; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button { font-size: 0 !important; text-decoration: none; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after { content: "SEE MY RESULTS"; font-size: 12px; margin-left: 4px; text-decoration: underline; color: #272727; }
.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div { justify-content: center; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: center; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { text-align: center; }
.quiz-app { padding-top: 0px; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { max-width: 100%; }
.quiz-app:has(.ant-picker-input) [data-element*='oct-quiz-skip-btn'] { width: 100%; text-align: left; }
.quiz-app:has(input[type=text]) input[type=text] { max-width: 200px; height: 42px; padding-bottom: 5px; font-family: Gilroy; font-size: 16px; font-weight: 500; line-height: 24px; padding-top: 4px; border-color: #828282; color: #828282; }
.quiz-app:has(input[type="text"]) .octane-ai-quiz-rendered>div>div > div:nth-child(2) { width: 100%; text-align: left; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { text-align: left; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: left; margin-left: 0; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:nth-child(2) { color: #000; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:first-child { text-transform:capitalize; }
@media(max-width:767px) {
    .quiz-app:has(date-picker) .octane-ai-quiz-rendered>div>div { text-align: center; }
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) [data-element*=oct-quiz-submit-btn] button { max-width: 100%; padding: 8px 23px; }
    .quiz-app:has(date-picker)  date-picker { text-align: left; }
    .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div [data-element="oct-quiz-text oct-quiz-title"] { width: 100%; }
    .quiz-app .octane-ai-quiz-rendered { max-width: 100%; margin: 0 auto; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"] { justify-content: center; font-size: 16px; min-height: 100px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after { left: 0; right: 0; font-size: 68px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: center; margin: 0 auto; font-size: 12px; max-width: 220px; }
    .quiz-app.slide-0 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { text-align: center; margin-bottom: 27px; padding-top: 27px; margin-right: 0; }
    .quiz-app.slide-0 [data-element*=oct-quiz-submit-btn] button { width: auto; margin: 0 auto; text-align: center; letter-spacing: 3px; line-height: 12px; padding: 9px 16px; font-size: 10px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:before { display: none; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-productblock oct-quiz-media"] + [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: calc(100%/1); }
    .quiz-app .background-image img { min-height: auto; }
    .quiz-app .octane-ai-quiz-rendered { position: relative; transform: none; top: 9px; left: 0; }
    .quiz-app .octane-ai-quiz-rendered>div { padding: 30px 15px; }
    .quiz-app.slide-0 .octane-ai-quiz-rendered>div, .quiz-app.slide-0 .octane-ai-quiz-rendered { min-height: 390px !important; height: auto; }
    .quiz-app.slide-0 .background-image img.mobile-img { display: block; }
    .quiz-app .background-image img.desktop-img { display: none; }
    .quiz-app .octane-ai-quiz-rendered, .quiz-app .octane-ai-quiz-rendered>div { min-height: calc(100vh); height: calc(100vh - 110px); }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div { flex-direction: column; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button { bottom: 30px; left: 15px; }
    .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] { bottom: 30px; right: 15px; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { flex-direction: column; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { background-size: cover; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered >div { height: auto; overflow: visible; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] { padding: 0px 0px; margin-left: 0; margin-right: 0; display: flex; overflow: visible; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: 100%;max-width:100%; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered { height: auto; }
    .quiz-page iframe#tidio-chat-iframe { display: none !important; }
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered>div:has(input[type=email]) { height: auto; min-height: 395px !important; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered:has(input[type=email]) { height: auto; }
    .quiz-app:has(.ant-picker) .background-image .mobile-img, .quiz-app:has(input[type=email]) .background-image .mobile-img { display: block; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) [data-element*='oct-quiz-submit-btn'] { padding-top: 12px; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) [data-element*='oct-quiz-skip-btn'] { padding-top: 18px; }
}
@media(max-width:430px) {
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered>div:has(input[type=email]) { height: auto; min-height: 425px !important; }
}

/* Skin Quiz creation end */

/* Skin Quiz creation Start */
/* .quiz-app [data-element*=oct-quiz-submit-btn] button{ letter-spacing: 4px; } */
.quiz-app .octane-ai-quiz-rendered:after{ top:0 !important;}
.quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2.octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4.octane-ai-quiz-rendered>div{ padding: 75px 35px 93px !important; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"]{ font-size: 16px !important;}
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"]{ font-size:30px !important; line-height: normal; }
.quiz-app.slide-4 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { position: absolute; left: 0; top: 0; background: url('quiz-bg.png') 0 0 no-repeat !important; background-size: cover; height: 100%; width: 100%; content: ''; opacity: initial;z-index: -1; }
.quiz-app.slide-6 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-6 .octane-ai-quiz-rendered>div, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-7 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-8 [data-element="oct-quiz-text oct-quiz-title"]{  font-size:30px !important;  line-height: normal;  text-align:left !important;    }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"] {  font-size: 18px !important; line-height: normal;  text-align:left !important;    }
.quiz-app.slide-2 .octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div, .quiz-app.slide-5 .octane-ai-quiz-rendered>div, .quiz-app.slide-6 .octane-ai-quiz-rendered>div,  .quiz-app.slide-7 .octane-ai-quiz-rendered>div, .quiz-app.slide-8 .octane-ai-quiz-rendered>div{ padding: 75px 35px 93px !important; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover { border-bottom: none;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-input] { text-align: left;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button,.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div>button{ display:block !important; margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button{ font-size: 0 !important; border-bottom: 1px #000 solid; height: 16px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-size:16px !important; color:#000 !important; line-height: 0; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-weight:500; text-decoration:none;}
.ant-picker-dropdown { display: none;}
.quiz-app.slide-6 .octane-ai-quiz-rendered>div>div>button { display: block !important; margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px;}
.quiz-app.slide-6 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px;}
.quiz-app div ul li.oct-quiz-multiple-choice-options__option{ margin-left: 0 !important;}
.quiz-app.slide-1 .octane-ai-quiz-rendered:after { width: calc(100%/8*1); background-color: #7DA246; }
.quiz-app.slide-2 .octane-ai-quiz-rendered:after { width: calc(100%/8*2); background-color: #7DA246; }
.quiz-app.slide-3 .octane-ai-quiz-rendered:after { width: calc(100%/8*3); background-color: #7DA246; }
.quiz-app.slide-4 .octane-ai-quiz-rendered:after { width: calc(100%/8*4); background-color: #7DA246; }
.quiz-app.slide-5 .octane-ai-quiz-rendered:after { width: calc(100%/8*5); background-color: #7DA246; }
.quiz-app.slide-6 .octane-ai-quiz-rendered:after { width: calc(100%/8*6); background-color: #7DA246; }
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after { width: calc(100%/8*7); background-color: #7DA246; }
.quiz-app.slide-8 .octane-ai-quiz-rendered:after { width: calc(100%); background-color: #7da246;}
.quiz-app.slide-7 .octane-ai-quiz-rendered { min-height: auto !important; max-width: 636px; width: 100%; position: absolute; z-index: 1; top: 50%; transform: translate(-50%, -50%); left: 70%;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after { top: 0 !important; content: ""; position: absolute; height: 9px; left: 0;}
.quiz-app.slide-7 [data-element="oct-quiz-input oct-quiz-media"],
.quiz-app.slide-7 [data-element="oct-quiz-input oct-quiz-media"] p,
.quiz-app.slide-7 [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"]{ text-align:left;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn] { text-align: right;}
.quiz-app.slide-7:has(input[type=email]) input[type=email]::placeholder,
.quiz-app.slide-6:has(input[type=text]) input[type=text]::placeholder{ text-align:left; opacity:.5;}
.quiz-app.slide-7:has(input[type=email]) input[type=email],
.quiz-app.slide-6:has(input[type=text]) input[type=text]{ text-align:left;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before{ content:'No thank you,' !important;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input::placeholder {  text-align:left; opacity:.5;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input{ text-align:left;}
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button { width: auto !important; }
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button:disabled { background-color: #828282 !important; border-color: inherit !important;}
.quiz-app.slide-8 .octane-ai-quiz-rendered>div>div>button{ margin: auto auto 0 0;  position: absolute;  bottom: 40px;  left: 35px;}
@media (max-width: 767px) {
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { flex-direction: column; height: fit-content; width: fit-content; min-height: fit-content;  }
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div,.quiz-app.slide-5 .octane-ai-quiz-rendered>div,.quiz-app.slide-6 .octane-ai-quiz-rendered>div,.quiz-app.slide-7 .octane-ai-quiz-rendered>div ,.quiz-app.slide-8 .octane-ai-quiz-rendered>div{ max-height: fit-content; padding: 35px 29px 93px !important;  min-height: 490px !important; }
  .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { position: absolute; left: 0; top: 0; background: url('curve-1.png') 0 0 no-repeat !important; background-size: cover; height: 100%; width: 100%; content: ''; opacity: initial;z-index: -1; }
  .quiz-app .octane-ai-quiz-rendered, .quiz-app .octane-ai-quiz-rendered>div{ height: 100% !important;  }
  .quiz-app .octane-ai-quiz-rendered>div { top: 0px; }
  .quiz-app .octane-ai-quiz-rendered{ top:0;}
  .quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { display: grid; grid-template-columns: auto auto;  padding-top: 15px; }
  .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after {  font-size: 75px; min-height: 100px; }
  .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { font-size: 15px; max-width: 90%; padding-right: 10px;  }
  .quiz-app.slide-0 [data-element*=oct-quiz-submit-btn] button {  font-size: 14px; padding: 14px 14px; }
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option:last-child { margin-right: 12px !important;  }
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div { width: 84%; margin-left: 0; margin-right: 0;  }
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-size: 14px!important  }
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option div{ width: max-content; margin: 0 auto; color: #000; font-weight: 500; font-size:10px;}
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option[data-is-option-selected=selected] div { color: #fff !important;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"],.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-7 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-8 [data-element="oct-quiz-text oct-quiz-title"]{ font-size: 28px !important;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"] ,.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"]{ font-size: 17px !important;}
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button {   height: 15px;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered{ position: relative; transform: none; top: 0; left: 0;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn] { width: auto;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"] { white-space: nowrap;}
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option{ padding:5px 12px !important; margin-bottom: 10px;}
  .quiz-app .octane-ai-quiz-rendered>div>div>button {  padding: 7px 23px;}
  .quiz-app [data-element*=oct-quiz-submit-btn] button {  padding: 7px 20px;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div>div{ max-width: 290px; margin-left: 0;}
  .quiz-app .background-image img.mobile-img{ display:none !important; }
  .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) ,.quiz-app.slide-7 [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"][data-element*=oct-quiz-skip-btn]{padding-top:8px!important;}
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input{ font-size: 10px;}
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button,.quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button{ bottom: 25px; }
  .quiz-app.slide-7:has(input[type=email]) .octane-ai-quiz-rendered>div>div>button ,.quiz-app.slide-6 .octane-ai-quiz-rendered>div>div>button,.quiz-app.slide-8 .octane-ai-quiz-rendered>div>div>button {  bottom: 25px; left: 15px;}
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button { left: 15px;}
  .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn],.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn],.quiz-app.slide-6 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn]{ bottom: 25px; right: 10px;}
}
/* Skin Quiz creation End */

.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a {
    color: #000;
}

.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:nth-child(1) {
    color: #7da246;
}
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .oct-quiz-top_content 
 > div {
    text-align: center !important;
}
.quiz-app:has(date-picker) .ant-picker-suffix {display: none !important;}

/* .is-megamenu>.list-menu-dropdown.dropdown-menu.holiday {
  display: none !important;
} */
@font-face { font-family: 'triestervector'; src: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/triester-vector-webfont.woff2?v=1724158764') format('woff2'), url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/triester-vector-webfont.woff?v=1724158764') format('woff'); font-weight: normal; font-style: normal; }

/* Skin Quiz creation start */
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"] { max-width: 100%; margin: 0 auto; display: flex; flex-direction: row-reverse; margin: 75px 17px 0 17px; justify-content: start; position: relative; min-height: 115px; letter-spacing: 5px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:before { content: ""; background-image: url('quiz-logo-update.png'); max-width: 131px; width: 100%; display: block; height: 131px; margin-bottom: 18px; background-size: cover; position: absolute; right: 0; top: -59px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after { position: absolute; left: -3px; top: 59px; height: 100%; width: auto; content: 'Skincare Quiz'; z-index: -1; font-size: 94px; color: #779a49; font-family: 'triestervector'; letter-spacing: 0px; }
.quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { font-family: Gilroy; font-size: 18px; font-weight: 300; color: #000; line-height: 24px; padding-top: 0; width: 100%; text-align: left; padding-left: 10px; max-width: 310px; }
.quiz-app.slide-0 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { text-align: right; margin-right: 17px; padding-top: 45px; }
.quiz-app.slide-0 .octane-ai-quiz-rendered:before, .quiz-app.slide-0 .octane-ai-quiz-rendered:after { content: normal; }
.quiz-page main .page-width { width: 100%; max-width: 100%; padding: 0; }
.quiz-app { position: relative; overflow: hidden; }
.quiz-app .background-image { width: 100%; }
.quiz-app .background-image img { width: 100%; height: auto; display: block; min-height: 500px; }
.quiz-app .octane-ai-quiz-rendered { position: absolute; z-index: 1; top: 50%; transform: translate(-50%, -50%); left: 70%; }
.quiz-app .octane-ai-quiz-rendered > div { align-items: start; }
.quiz-app .octane-ai-quiz-rendered { min-height: auto !important; max-width: 636px; width: 100%; }
.quiz-app .octane-ai-quiz-rendered > div:before { position: absolute; left: 0; top: 0; background: url('quiz-bg.png') 0 0 no-repeat; background-size: cover; height: 100%; width: 100%; content: ''; z-index: -1; }
.quiz-app .oct-quiz-bottom_content { display: none; }
.quiz-app .octane-ai-quiz-rendered>div { min-height: 425px !important; }
.quiz-app  [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 22px; font-weight: 500; line-height: 26px; color: #000; letter-spacing: 2px; }
.quiz-app [data-element="oct-quiz-text oct-quiz-subheading"] { font-family: 'Gilroy'; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; padding-top: 8px; width: 100%; }
.quiz-app [data-element*='oct-quiz-submit-btn'] button { font-family: Gilroy; font-size: 14px; font-weight: 500; color: #fff; line-height: 25px; padding: 8px 23px; min-height: auto; border-radius: 0; letter-spacing: 2px; }
.quiz-app [data-element*=oct-quiz-submit-btn] button:disabled { background-color: #828282; color: #fff; opacity: 1; transform: unset; border-color: inherit; box-shadow: none; }
.oct-quiz-multiple-choice-options__option { padding: 9px 12px; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option { padding: 9px 12px !important; border-radius: 0; font-size: 12px; font-weight: 600 !important; font-family: Gilroy !important; color: #828282; line-height: 14px; letter-spacing: 1.1px; border-color: #272727; opacity: 1 !important; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option[data-is-option-selected="selected"] { color: #fff !important; background: #272727; }
.quiz-app .octane-ai-quiz-rendered>div >div> button { font-family: Gilroy; font-size: 14px; font-weight: 500; color: #fff; line-height: 24px; padding: 8px 24px; min-height: auto; border-radius: 0; letter-spacing: 2px; background-color: #272727; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option { display: inline-block; min-width: auto; width: auto; margin-right: 12px; margin-bottom: 15px; margin-top: 0; }
.quiz-app div ul li.oct-quiz-multiple-choice-options__option:last-child { margin-right: 0; }
.quiz-app .oct-datepicker { max-width: 240px; }
.quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) [data-element*=oct-quiz-submit-btn] button { max-width: 249px; width: 100%; }
.quiz-app [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button { text-decoration: underline; font-family: Gilroy !important; font-size: 12px !important; font-weight: 400 !important; color: #000 !important; line-height: 24px !important; box-shadow: none; }
.quiz-app [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover { box-shadow: none !Important; text-decoration: none; transform: unset !Important; }
.quiz-app .ant-picker { border: 1px solid #272727 !important; height: 32px !important; }
.quiz-app input[type="email"] { max-width: 240px; height: 42px; padding-bottom: 5px; font-family: Gilroy; font-size: 16px; font-weight: 500; line-height: 24px; padding-top: 4px; border-color: #828282; color: #828282; }
.quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) >div>button, .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div >div> button { display: none; }
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button { width: 100%; max-width: 240px; background-color: #7DA246; border: 1px solid #7DA246; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { content: ""; background-image: url(/cdn/shop/files/quiz-background-1.jpg); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.2; background-size: 100%; background-position: 50% 50%; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { display: flex; flex-flow: row wrap; min-height: 100%; align-self: baseline; height: 100%; z-index: 1; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"] { margin: 0; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"] { margin: 0; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-2 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-3 [data-element="oct-quiz-multiplechoice oct-quiz-media"], .quiz-app.slide-4 [data-element="oct-quiz-multiplechoice oct-quiz-media"] { width: 100%; align-self: baseline; text-align: left; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { display: block; max-width: 310px; text-align: left; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button { margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px }
.quiz-app.slide-1 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-2 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-4 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"], .quiz-app.slide-3 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { order: 2; }
.quiz-app.slide-1 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-2 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-3 [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-4 [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px; }
.quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2.octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4.octane-ai-quiz-rendered>div { position: relative; padding: 40px 35px 93px; }
.quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-2.jpg'); }
.quiz-app.slide-3 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-3.jpg'); }
.quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { background-image: url('https://cdn.shopify.com/s/files/1/0518/1158/2121/files/quiz-background-3.jpg'); }
.quiz-app.slide-4 div ul li.oct-quiz-multiple-choice-options__option { margin-top: 0; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div, .quiz-app.slide-6 .octane-ai-quiz-rendered>div { align-items: baseline; }
.quiz-app.slide-6 [data-element="oct-quiz-text oct-quiz-subheading"] { max-width: 460px; margin: 0 auto; }
.quiz-app .octane-ai-quiz-rendered:before, .quiz-app .octane-ai-quiz-rendered:after { content: ""; position: absolute; width: 100%; height: 9px; background-color: #C1C9B8; left: 0; top: -8px; }
.quiz-app.slide-1 .octane-ai-quiz-rendered:after { width: calc(100%/6*1); background-color: #7DA246; }
.quiz-app.slide-2 .octane-ai-quiz-rendered:after { width: calc(100%/6*2); background-color: #7DA246; }
.quiz-app.slide-3 .octane-ai-quiz-rendered:after { width: calc(100%/6*3); background-color: #7DA246; }
.quiz-app.slide-4 .octane-ai-quiz-rendered:after { width: calc(100%/6*4); background-color: #7DA246; }
.quiz-app.slide-5 .octane-ai-quiz-rendered:after { width: calc(100%/6*5); background-color: #7DA246; }
.quiz-app.slide-6::before { content: normal; }
.quiz-app.slide-7 .octane-ai-quiz-rendered { position: static; transform: translate(0, 0); width: 100%; max-width: 100%; }
.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered:after, .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered:before { content: normal }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] { width: 100%; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { position: static; order: 0; width: 100%; padding-top: 12px; }
.quiz-app:has(input[type=email]) input[type=email] { width: 100%; min-width: 240px; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-input oct-quiz-media"] { width: 100%; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered { position: static; transform: translate(0, 0); width: 100%; max-width: 100%; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; font-weight: 400; line-height: 37px; letter-spacing: 5px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultitem"] a { font-size: 18px; font-weight: 500; line-height: 21px; letter-spacing: 3px; color: #7DA246; text-transform: uppercase; }
.quiz-app [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { font-family: 'Gilroy'; font-size: 32px; font-weight: 400; line-height: 37px; letter-spacing: 5px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] { max-width: 1278px; padding: 0px 30px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered:before, .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered:after { content: normal; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered>div:before { content: normal; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered>div>div { display: block; max-width: 1278px; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .background-image, .quiz-app .background-image img.mobile-img { display: none; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-productblock oct-quiz-media"] + [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: calc(100%/3); }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before { content: "I don’t want to share my age,"; font-size: 12px; color: #828282; line-height: 24px; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button { font-size: 0 !important; text-decoration: none; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after, .quiz-app:has(date-picker) [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after { content: "SEE MY RESULTS"; font-size: 12px; margin-left: 4px; text-decoration: underline; color: #272727; }
.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div { justify-content: center; }
.quiz-app:has(input[type=email]) [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: center; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { text-align: center; }
.quiz-app { padding-top: 0px; }
.quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { max-width: 100%; }
.quiz-app:has(.ant-picker-input) [data-element*='oct-quiz-skip-btn'] { width: 100%; text-align: left; }
.quiz-app:has(input[type=text]) input[type=text] { max-width: 200px; height: 42px; padding-bottom: 5px; font-family: Gilroy; font-size: 16px; font-weight: 500; line-height: 24px; padding-top: 4px; border-color: #828282; color: #828282; }
.quiz-app:has(input[type="text"]) .octane-ai-quiz-rendered>div>div > div:nth-child(2) { width: 100%; text-align: left; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-title"] { text-align: left; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: left; margin-left: 0; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:nth-child(2) { color: #000; }
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:first-child { text-transform:capitalize; }
@media(max-width:767px) {
    .quiz-app:has(date-picker) .octane-ai-quiz-rendered>div>div { text-align: center; }
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker) [data-element*=oct-quiz-submit-btn] button { max-width: 100%; padding: 8px 23px; }
    .quiz-app:has(date-picker)  date-picker { text-align: left; }
    .quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div [data-element="oct-quiz-text oct-quiz-title"] { width: 100%; }
    .quiz-app .octane-ai-quiz-rendered { max-width: 100%; margin: 0 auto; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"] { justify-content: center; font-size: 16px; min-height: 100px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after { left: 0; right: 0; font-size: 68px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { text-align: center; margin: 0 auto; font-size: 12px; max-width: 220px; }
    .quiz-app.slide-0 [data-element="oct-quiz-btn oct-quiz-submit-btn oct-quiz-media"] { text-align: center; margin-bottom: 27px; padding-top: 27px; margin-right: 0; }
    .quiz-app.slide-0 [data-element*=oct-quiz-submit-btn] button { width: auto; margin: 0 auto; text-align: center; letter-spacing: 3px; line-height: 12px; padding: 9px 16px; font-size: 10px; }
    .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:before { display: none; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-productblock oct-quiz-media"] + [data-element="oct-quiz-productblock oct-quiz-media"] [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: calc(100%/1); }
    .quiz-app .background-image img { min-height: auto; }
    .quiz-app .octane-ai-quiz-rendered { position: relative; transform: none; top: 9px; left: 0; }
    .quiz-app .octane-ai-quiz-rendered>div { padding: 30px 15px; }
    .quiz-app.slide-0 .octane-ai-quiz-rendered>div, .quiz-app.slide-0 .octane-ai-quiz-rendered { min-height: 390px !important; height: auto; }
    .quiz-app.slide-0 .background-image img.mobile-img { display: block; }
    .quiz-app .background-image img.desktop-img { display: none; }
    .quiz-app .octane-ai-quiz-rendered, .quiz-app .octane-ai-quiz-rendered>div { min-height: calc(100vh); height: calc(100vh - 110px); }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div { flex-direction: column; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button { bottom: 30px; left: 15px; }
    .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] { bottom: 30px; right: 15px; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { flex-direction: column; }
    .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before { background-size: cover; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered >div { height: auto; overflow: visible; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] { padding: 0px 0px; margin-left: 0; margin-right: 0; display: flex; overflow: visible; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element="oct-quiz-resultWrapper oct-quiz-media"] > div { width: 100%;max-width:100%; }
    .quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .octane-ai-quiz-rendered { height: auto; }
    .quiz-page iframe#tidio-chat-iframe { display: none !important; }
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered>div:has(input[type=email]) { height: auto; min-height: 395px !important; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered:has(input[type=email]) { height: auto; }
    .quiz-app:has(.ant-picker) .background-image .mobile-img, .quiz-app:has(input[type=email]) .background-image .mobile-img { display: block; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) [data-element*='oct-quiz-submit-btn'] { padding-top: 12px; }
    .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) [data-element*='oct-quiz-skip-btn'] { padding-top: 18px; }
}
@media(max-width:430px) {
    .quiz-app .octane-ai-quiz-rendered>div:has(.ant-picker), .quiz-app .octane-ai-quiz-rendered>div:has(input[type=email]) { height: auto; min-height: 425px !important; }
}

/* Skin Quiz creation end */

/* Skin Quiz creation Start */
/* .quiz-app [data-element*=oct-quiz-submit-btn] button{ letter-spacing: 4px; } */
.quiz-app .octane-ai-quiz-rendered:after{ top:0 !important;}
.quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2.octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4.octane-ai-quiz-rendered>div{ padding: 75px 35px 93px !important; }
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"]{ font-size: 16px !important;}
.quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"]{ font-size:30px !important; line-height: normal; }
.quiz-app.slide-4 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { position: absolute; left: 0; top: 0; background: url('quiz-bg.png') 0 0 no-repeat !important; background-size: cover; height: 100%; width: 100%; content: ''; opacity: initial;z-index: -1; }
.quiz-app.slide-6 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-6 .octane-ai-quiz-rendered>div, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-7 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-8 [data-element="oct-quiz-text oct-quiz-title"]{  font-size:30px !important;  line-height: normal;  text-align:left !important;    }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"] {  font-size: 18px !important; line-height: normal;  text-align:left !important;    }
.quiz-app.slide-2 .octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div, .quiz-app.slide-5 .octane-ai-quiz-rendered>div, .quiz-app.slide-6 .octane-ai-quiz-rendered>div,  .quiz-app.slide-7 .octane-ai-quiz-rendered>div, .quiz-app.slide-8 .octane-ai-quiz-rendered>div{ padding: 75px 35px 93px !important; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:hover { border-bottom: none;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-input] { text-align: left;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button,.quiz-app:has(input[type=email]) .octane-ai-quiz-rendered>div>div>button{ display:block !important; margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button{ font-size: 0 !important; border-bottom: 1px #000 solid; height: 16px;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-size:16px !important; color:#000 !important; line-height: 0; }
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-weight:500; text-decoration:none;}
.ant-picker-dropdown { display: none;}
.quiz-app.slide-6 .octane-ai-quiz-rendered>div>div>button { display: block !important; margin: auto auto 0 0; position: absolute; bottom: 40px; left: 35px;}
.quiz-app.slide-6 .octane-ai-quiz-rendered>div [data-element*='oct-quiz-submit-btn'] { padding-top: 30px; margin-top: auto; position: absolute; bottom: 40px; right: 35px;}
.quiz-app div ul li.oct-quiz-multiple-choice-options__option{ margin-left: 0 !important;}
.quiz-app.slide-1 .octane-ai-quiz-rendered:after { width: calc(100%/8*1); background-color: #7DA246; }
.quiz-app.slide-2 .octane-ai-quiz-rendered:after { width: calc(100%/8*2); background-color: #7DA246; }
.quiz-app.slide-3 .octane-ai-quiz-rendered:after { width: calc(100%/8*3); background-color: #7DA246; }
.quiz-app.slide-4 .octane-ai-quiz-rendered:after { width: calc(100%/8*4); background-color: #7DA246; }
.quiz-app.slide-5 .octane-ai-quiz-rendered:after { width: calc(100%/8*5); background-color: #7DA246; }
.quiz-app.slide-6 .octane-ai-quiz-rendered:after { width: calc(100%/8*6); background-color: #7DA246; }
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after { width: calc(100%/8*7); background-color: #7DA246; }
.quiz-app.slide-8 .octane-ai-quiz-rendered:after { width: calc(100%); background-color: #7da246;}
.quiz-app.slide-7 .octane-ai-quiz-rendered { min-height: auto !important; max-width: 636px; width: 100%; position: absolute; z-index: 1; top: 50%; transform: translate(-50%, -50%); left: 70%;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after { top: 0 !important; content: ""; position: absolute; height: 9px; left: 0;}
.quiz-app.slide-7 [data-element="oct-quiz-input oct-quiz-media"],
.quiz-app.slide-7 [data-element="oct-quiz-input oct-quiz-media"] p,
.quiz-app.slide-7 [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"]{ text-align:left;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn] { text-align: right;}
.quiz-app.slide-7:has(input[type=email]) input[type=email]::placeholder,
.quiz-app.slide-6:has(input[type=text]) input[type=text]::placeholder{ text-align:left; opacity:.5;}
.quiz-app.slide-7:has(input[type=email]) input[type=email],
.quiz-app.slide-6:has(input[type=text]) input[type=text]{ text-align:left;}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before{ content:'No thank you,' !important;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input::placeholder {  text-align:left; opacity:.5;}
.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input{ text-align:left;}
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button { width: auto !important; }
.quiz-app:has(input[type=email]) [data-element*=oct-quiz-submit-btn] button:disabled { background-color: #828282 !important; border-color: inherit !important;}
.quiz-app.slide-8 .octane-ai-quiz-rendered>div>div>button{ margin: auto auto 0 0;  position: absolute;  bottom: 40px;  left: 35px;}
@media (max-width: 767px) {
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div { flex-direction: column; height: fit-content; width: fit-content; min-height: fit-content;  }
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div,.quiz-app.slide-5 .octane-ai-quiz-rendered>div,.quiz-app.slide-6 .octane-ai-quiz-rendered>div,.quiz-app.slide-7 .octane-ai-quiz-rendered>div ,.quiz-app.slide-8 .octane-ai-quiz-rendered>div{ max-height: fit-content; padding: 35px 29px 93px !important;  min-height: 490px !important; }
  .quiz-app.slide-4 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-3 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-1 .octane-ai-quiz-rendered>div:before, .quiz-app.slide-2 .octane-ai-quiz-rendered>div:before { position: absolute; left: 0; top: 0; background: url('curve-1.png') 0 0 no-repeat !important; background-size: cover; height: 100%; width: 100%; content: ''; opacity: initial;z-index: -1; }
  .quiz-app .octane-ai-quiz-rendered, .quiz-app .octane-ai-quiz-rendered>div{ height: 100% !important;  }
  .quiz-app .octane-ai-quiz-rendered>div { top: 0px; }
  .quiz-app .octane-ai-quiz-rendered{ top:0;}
  .quiz-app.slide-1 [data-element="oct-quiz-multiplechoice oct-quiz-media"] ul { display: grid; grid-template-columns: auto auto;  padding-top: 15px; }
  .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-title"]:after {  font-size: 75px; min-height: 100px; }
  .quiz-app.slide-0 [data-element="oct-quiz-text oct-quiz-subheading"] { font-size: 15px; max-width: 90%; padding-right: 10px;  }
  .quiz-app.slide-0 [data-element*=oct-quiz-submit-btn] button {  font-size: 14px; padding: 14px 14px; }
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option:last-child { margin-right: 12px !important;  }
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div { width: 84%; margin-left: 0; margin-right: 0;  }
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after,
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:before, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button:after{ font-size: 14px!important  }
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option div{ width: max-content; margin: 0 auto; color: #000; font-weight: 500; font-size:10px;}
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option[data-is-option-selected=selected] div { color: #fff !important;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-title"],.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-7 [data-element="oct-quiz-text oct-quiz-title"], .quiz-app.slide-8 [data-element="oct-quiz-text oct-quiz-title"]{ font-size: 28px !important;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-2 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-3 [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-4 [data-element="oct-quiz-text oct-quiz-subheading"] ,.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-text oct-quiz-subheading"]{ font-size: 17px !important;}
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button, .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"] button {   height: 15px;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered{ position: relative; transform: none; top: 0; left: 0;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn] { width: auto;}
  .quiz-app.slide-1 [data-element="oct-quiz-text oct-quiz-subheading"] { white-space: nowrap;}
  .quiz-app div ul li.oct-quiz-multiple-choice-options__option{ padding:5px 12px !important; margin-bottom: 10px;}
  .quiz-app .octane-ai-quiz-rendered>div>div>button {  padding: 7px 23px;}
  .quiz-app [data-element*=oct-quiz-submit-btn] button {  padding: 7px 20px;}
  .quiz-app.slide-7 .octane-ai-quiz-rendered>div>div{ max-width: 290px; margin-left: 0;}
  .quiz-app .background-image img.mobile-img{ display:none !important; }
  .quiz-app .octane-ai-quiz-rendered:has(.ant-picker) ,.quiz-app.slide-7 [data-element="oct-quiz-btn oct-quiz-skip-btn oct-quiz-media"][data-element*=oct-quiz-skip-btn]{padding-top:8px!important;}
  .quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element="oct-quiz-input oct-quiz-media"] input{ font-size: 10px;}
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button,.quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button{ bottom: 25px; }
  .quiz-app.slide-7:has(input[type=email]) .octane-ai-quiz-rendered>div>div>button ,.quiz-app.slide-6 .octane-ai-quiz-rendered>div>div>button,.quiz-app.slide-8 .octane-ai-quiz-rendered>div>div>button {  bottom: 25px; left: 15px;}
  .quiz-app.slide-1 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div>button, .quiz-app.slide-5 .octane-ai-quiz-rendered>div:has(.ant-picker)>div>button { left: 15px;}
  .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn],.quiz-app.slide-5 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn], .quiz-app.slide-7 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn],.quiz-app.slide-6 .octane-ai-quiz-rendered>div [data-element*=oct-quiz-submit-btn]{ bottom: 25px; right: 10px;}
}
/* Skin Quiz creation End */

.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a {
    color: #000;
}

.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) [data-element=oct-quiz-resultitem] a p:nth-child(1) {
    color: #7da246;
}
.quiz-app:has([data-element="oct-quiz-productblock oct-quiz-media"]) .oct-quiz-top_content 
 > div {
    text-align: center !important;
}
.quiz-app:has(date-picker) .ant-picker-suffix {display: none !important;}
  body.loaded #accessiblyAppWidgetButton.accessibly-app-widget-button-container {
    z-index: 99 !important;
}

body.quiz-page:has(.slide-1) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-2) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-3) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-4) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-5) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-6) div#accessiblyAppWidgetButton,
body.quiz-page:has(.slide-7) div#accessiblyAppWidgetButton{
  display: none;
}
.list-menu-dropdown.dropdown-menu.hidden.shop .list-mega-menu .mega-menu__item:first-child .list-menu li a {
    font-weight: 600;
  letter-spacing: 1.5px;
}

/* PLP Design Updates start */
.splide.card-slider { opacity: 0; }
.splide.card-slider-mobile { display: none; }
.grid__item.slider-active div.splide.card-slider { opacity: 1; }
.custom-slider-class { position: relative; overflow: hidden; }
.splide.card-slider { max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; opacity: 0; transition: opacity 0.3s; }
.custom-slider-class .splide__slide img { max-width: 100%; height: auto; }
.custom-slider-class .splide__track, .custom-slider-class .splide__list, .custom-slider-class .splide__track--fade>.splide__list>.splide__slide { height: 100%; }
.splide__slide img { max-width: 100%; height: auto; }
.product-grid-container .collection .product-grid.grid--4-col-desktop>.grid__item { align-self: unset; flex-grow: unset; flex-shrink: unset; }
.card-wrapper .card-information .card-information__wrapper> .card-price { margin-top: 0px; margin-bottom: 2px; font-size: 14px; font-family: 'Gilroy'; font-weight: 500; color: #272727; letter-spacing: 1.5px; text-transform: uppercase; }
.card-wrapper .card-information .card-information__wrapper .card-information__title { font-size: 16px; font-family: 'Gilroy'; font-weight: 600; color: #628037; letter-spacing: 1px; line-height: normal; padding: 0; }
.card-wrapper:hover .card-information__text { background: none; }
.card-wrapper .card-information { margin-top: 16px; }
.card-wrapper .card-information .card-information__wrapper .smallcaption { margin: 5px 0 10px; font-size: 13px; font-weight: 400; font-family: 'Gilroy'; letter-spacing: 0px; color: #272727; line-height: 16px; }
.card-wrapper .card-information .card-information__wrapper> .review-wraper { margin-top: 0; margin-bottom: 0; }
.card-wrapper .card-price { margin-top: 0px; margin-bottom: 0px; font-size: 14px; font-family: 'Gilroy'; font-weight: 500; color: #272727; letter-spacing: 1.5px; }
.card-wrapper .card-information .card-information__wrapper> .product-metadata { margin-top: 0px; margin-bottom: 0; }
.card-wrapper .card-information .card-information__wrapper> .product-metadata { font-weight: 600; color: #628037; font-size: 11px; font-family: 'Gilroy'; letter-spacing: 1.5px; text-transform: uppercase; }
.card-wrapper .yotpo .text-m { font-size: 12px; font-weight: 500; font-family: 'Gilroy'; letter-spacing: 1px; line-height: normal; color: #707070 !important; margin-left: 2px; }
.card-wrapper .review-wraper .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star, .review-wraper  .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star, .review-wraper  .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star, .review-wraper  .yotpo.bottomline .yotpo-bottomline .yotpo-icon-star, .review-wraper  .yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star, .review-wraper  .yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star, .review-wraper  .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star, .review-wraper  .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star, .review-wraper  .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star { font-size: 12px; }
.collection .product-grid.grid--2-col-desktop>.grid__item.d-l-2 { max-width: calc(50% - var(--grid-horizontal-spacing)* 1 / 2); width: calc(50% - var(--grid-horizontal-spacing)* 1 / 2); }
.collection .product-grid.grid--2-col-desktop>.grid__item.d-l-1 { max-width: calc(25% - var(--grid-horizontal-spacing)* 1 / 2); width: calc(25% - var(--grid-horizontal-spacing)* 1 / 2); }
.collection .product-grid.grid--2-col-desktop>.grid__item.d-l-3 { max-width: calc(75% - var(--grid-horizontal-spacing)* 1 / 2); width: calc(75% - var(--grid-horizontal-spacing)* 1 / 2); }
.collection .product-grid.grid--2-col-desktop>.grid__item.d-l-4 { max-width: calc(100% - var(--grid-horizontal-spacing)* 1 / 2); width: calc(100% - var(--grid-horizontal-spacing)* 1 / 2); }
.collection .product-grid.grid--3-col-desktop>.grid__item.d-l-2 { max-width: calc(50% - var(--grid-horizontal-spacing)* 2 / 3); width: calc(50% - var(--grid-horizontal-spacing)* 2 / 3); }
.collection .product-grid.grid--3-col-desktop>.grid__item.d-l-1 { max-width: calc(25% - var(--grid-horizontal-spacing)* 2 / 3); width: calc(25% - var(--grid-horizontal-spacing)* 2 / 3); }
.collection .product-grid.grid--3-col-desktop>.grid__item.d-l-3 { max-width: calc(75% - var(--grid-horizontal-spacing)* 2 / 3); width: calc(75% - var(--grid-horizontal-spacing)* 2 / 3); }
.collection .product-grid.grid--3-col-desktop>.grid__item.d-l-4 { max-width: calc(100% - var(--grid-horizontal-spacing)* 2 / 3); width: calc(100% - var(--grid-horizontal-spacing)* 2 / 3); }
.collection .product-grid.grid--4-col-desktop>.grid__item.d-l-2 { max-width: calc(50% - var(--grid-horizontal-spacing)* 3 / 4); width: calc(50% - var(--grid-horizontal-spacing)* 3 / 4); }
.collection .product-grid.grid--4-col-desktop>.grid__item.d-l-1 { max-width: calc(25% - var(--grid-horizontal-spacing)* 3 / 4); width: calc(25% - var(--grid-horizontal-spacing)* 3 / 4); }
.collection .product-grid.grid--4-col-desktop>.grid__item.d-l-3 { max-width: calc(75% - var(--grid-horizontal-spacing)* 3 / 4); width: calc(75% - var(--grid-horizontal-spacing)* 3 / 4); }
.collection .product-grid.grid--4-col-desktop>.grid__item.d-l-4 { max-width: calc(100% - var(--grid-horizontal-spacing)* 3 / 4); width: calc(100% - var(--grid-horizontal-spacing)* 3 / 4); }
.image-container img { max-width: 100%; display: block; width: 100%; }
.grid__item.mobile-show { display: none; }
@media(max-width:767px) {
    .grid__item.desktop-show { display: none; }
    .grid__item.mobile-show { display: block; }
}
/* PLP Design Updates end */

/* PLP Design Updates start 07/02/23 */
.grid__item .tags-show { font-family: Gilroy; font-size: 9px; font-weight: 600; letter-spacing: 1px; line-height: normal; text-transform: uppercase; color: #628037; position: absolute; top: auto !important; bottom: 4px; left: 0 !important; width: 100%; display: flex; flex-wrap: nowrap; gap: 4px; white-space: nowrap; pointer-events: all; height: auto !important; }
.grid__item .card-wrapper .tags-show .tag-show-badge { background-color: #ececec; padding: 3px 8px; display: inline-block; text-align: center; white-space: nowrap; }
.grid__item .splide__arrow { background: transparent; }
.grid__item .desktop-show.cutom-media--wide, .grid__item .desktop-show.cutom-media--landscape, .desktop-show.cutom-media--portrait, .grid__item .desktop-show.cutom-media--square, .grid__item .desktop-show.cutom-media--adapt { padding-bottom: 27%; position: relative; }
.grid__item .desktop-show.cutom-media--wide .image-container, .grid__item .desktop-show.cutom-media--landscape .image-container, .desktop-show.cutom-media--portrait  .image-container, .grid__item .desktop-show.cutom-media--square .image-container, .grid__item .desktop-show.cutom-media--adapt .image-container { display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.grid__item .image-container img { height: 100%; object-fit: cover; }
.grid__item .splide__arrow--prev { left: 6px; }
.grid__item .splide__arrow--next { right: 6px; }
.grid__item .splide__arrow svg { width: 30px; height: 20px; }
.card-wrapper .card-information .card-information__wrapper .smallcaption { text-transform: none; }
@media(max-width:989px) {
  .product-grid.grid--4-col-desktop>.grid__item.d-l-2 { max-width: calc(66.67% - var(--grid-horizontal-spacing)* 3 / 11); width: calc(66.67% - var(--grid-horizontal-spacing)* 3 / 11); }
  .product-grid.grid--4-col-desktop>.grid__item.d-l-1 { max-width: calc(33.33% - var(--grid-horizontal-spacing)* 3 / 4); width: calc(33.33% - var(--grid-horizontal-spacing)* 3 / 4); }
  .grid__item .splide__arrow--prev { left: 8px; }
  .grid__item .splide__arrow--next { right: 8px; }
  .grid__item .splide__arrow svg { width: 20px; height: 14px; }
}
@media(max-width:767px) {
  .card-wrapper .card--product + .card-slider { display: none; }
  .card-wrapper .card--product { display: none; }
  .card-wrapper .card-slider + .splide.card-slider-mobile { display: block; }
  .product-grid.grid--3-col-tablet.grid--2-col-mobile > .grid__item { max-width: calc(50% - var(--grid-horizontal-spacing)* 2 / 3) !important; }
  .card-wrapper .card-information .card-information__wrapper .card-information__title { }
  .card-wrapper .card-information .card-information__wrapper .smallcaption { font-size: 12px; word-break: break-all;  }
  .card-wrapper .yotpo .text-m { font-size: 11px; }
  .product-grid.grid--2-col-mobile>.grid__item .card-information__title { font-size: 13px; line-height: 16px; }
  .product-grid.grid--2-col-mobile>.grid__item .smallcaption { font-size: 11px; line-height: 15px; margin: 10px 0 8px; }
  .product-grid.grid--2-col-mobile>.grid__item .card-information__wrapper>.card-price { font-size: 13px; margin-bottom: -2px; }
  .product-grid.grid--2-col-mobile>.grid__item  .product-metadata { font-size: 10px; letter-spacing: 1px; }
  .grid__item .mobile-show.cutom-mobile-media--wide, .grid__item .mobile-show.cutom-mobile-media--landscape, .mobile-show.cutom-mobile-media--portrait, .grid__item .mobile-show.cutom-mobile-media--square, .grid__item .mobile-show.cutom-mobile-media--adapt { padding-bottom: 27%; position: relative; }
  .grid__item .mobile-show.cutom-mobile-media--wide .image-container, .grid__item .mobile-show.cutom-mobile-media--landscape .image-container, .mobile-show.cutom-mobile-media--portrait  .image-container, .grid__item .mobile-show.cutom-mobile-media--square .image-container, .grid__item .mobile-show.cutom-mobile-media--adapt .image-container { display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
  .product-grid.grid--3-col-tablet.grid--2-col-mobile>.grid__item.m-l-2 { max-width: 100% !important; width: 100% !important; }
  .grid__item .product-grid { row-gap: 30px; column-gap: 13px; }
  .grid__item .splide__arrow svg path { fill: #000; }
  .grid__item .splide__arrow{ width: 44px; height: 44px; }
  .grid__item .splide__arrow--prev{ justify-content: flex-start; }
  .grid__item .splide__arrow--next{ justify-content: flex-end; }
  facet-filters-form .mobile-facets { z-index: 9999999999; }
  body.template-collection:not(.double-column-mobile) main .product-grid-container .grid--2-col .grid__item .tags-show .tag-show-badge { padding: 4px 12px; }
  body.template-collection:not(.double-column-mobile) main .product-grid-container .grid--2-col .grid__item .tags-show { font-size: 12px; }
}
.card-wrapper:hover .card-information__wrapper .card-information__text{    background-image: none !important;
    background-size: unset !important;
    background-position: unset !important;}
a.card-information__text:hover,.card-wrapper:hover .card-information__text {
    background-image: none !important;
    background-size: unset !important;
    background-position: unset !important;
}
/* PLP Design Updates end 07/02/23 */

/* PLP Design Updates 18/02/2025 start */
.grid__item .card-wrapper .card-information .card-information__wrapper .smallcaption {
    margin: 5px 0;
}
.grid__item .review-wraper .yotpo-reviews-star-ratings-widget .yotpo-sr-star-full svg,
.grid__item .review-wraper .yotpo-reviews-star-ratings-widget .yotpo-sr-star-empty svg {
    width: 12px;
    height: 12px;
}
.grid__item .review-wraper .yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-right-panel .yotpo-sr-bottom-line-text {
    padding-top: 1px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    color: #707070 !important;
}
.grid__item .card__media .tags-show .tag-show-badge {
    padding: 4px 11.75px;
    font-size: 12px;
    line-height: 14.32px;
    letter-spacing: 1px;
}
@media(max-width:767px) {
  .grid__item .review-wraper .yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-summary {
      gap: 0 9px !important;
      flex-direction: row !important; 
  }
  .grid__item .review-wraper .yotpo-reviews-star-ratings-widget {
      margin-bottom: 2px !important;
  }
  .grid__item .card-wrapper .tags-show .tag-show-badge {
    font-size: 9px;
    line-height: 1.112;
    padding: 4px 8px;
  }
  body.template-collection:not(.double-column-mobile) main .product-grid-container .grid--2-col .grid__item .tags-show .tag-show-badge {
    font-size: 12px;
    line-height: 14.32px;
    letter-spacing: 1px;
    padding: 4px 11.75px;
  }
}
/* PLP Design Updates 18/02/2025 end */
/* Homepage Refresh start */
.image-with-text .image-with-text__content .image-with-text__text {
        font-size: 16px;
    font-weight: 400;
}
.featured-collection .title-wrapper { align-items: flex-end; margin-bottom: 3rem; }
.custom-splide-collection > .splide__arrows .splide__arrow--prev { left: -30px; top: 40%; transform: translateY(-50%) rotate(180deg); }
.custom-splide-collection > .splide__arrows .splide__arrow--next { right: -30px; top: 40%; }
.custom-splide-collection > .splide__arrows button { background: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgOCAxMyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDYuMzE0ODVDOCA2LjQ2NDggNy45NTAwMiA2LjYxNDc0IDcuODAwMDcgNi43MTQ3TDEuMzAyNTkgMTIuMjEyNkMxLjEwMjY2IDEyLjQxMjUgMC43NTI3OTkgMTIuMzYyNSAwLjYwMjg1NyAxMi4xNjI2QzAuNDAyOTM0IDExLjk2MjcgMC40NTI5MTUgMTEuNjEyOCAwLjY1MjgzNyAxMS40NjI5TDYuNzUwNDggNi4zMTQ4NUwwLjcwMjgxOCAxLjIxNjgyQzAuNTAyODk1IDEuMDE2OSAwLjQ1MjkxNSAwLjcxNzAxNyAwLjY1MjgzNyAwLjUxNzA5NUMwLjg1Mjc2IDAuMzE3MTcyIDEuMTUyNjQgMC4yNjcxOTEgMS4zNTI1NyAwLjQ2NzExM0w3Ljg1MDA2IDUuOTY0OTlDNy45NTAwMiA2LjAxNDk3IDggNi4xNjQ5MSA4IDYuMzE0ODVaIiBmaWxsPSIjMjcyNzI3Ii8+PC9zdmc+"); background-repeat: no-repeat; background-size: contain; opacity: 1; background-position: 50% 50%; }
.custom-splide-collection > .splide__arrows button:disabled { opacity:0.7;display:none; }
.custom-splide-collection > .splide__arrows button svg{display:none;}
@media(max-width:992px){
  .image-with-text .image-with-text__heading {
    font-size: 18px;
}

.image-with-text .image-with-text__content .image-with-text__text {
    font-size: 12px;
}
  .custom-splide-collection > .splide__arrows .splide__arrow--prev { left: -10px; top: 40%; transform: translateY(-50%) rotate(180deg); }
.custom-splide-collection > .splide__arrows .splide__arrow--next { right: -10px; top: 40%; }
}
@media(max-width:767px){
    .image-with-text .image-with-text__content .image-with-text__text {
        font-size: 16px;
        letter-spacing: normal;
        margin-top: 14px;
        line-height: 1.5;
    }
  .image-video-section .image-with-text .image-with-text__content .image-with-text__text {
    max-width: 100%;
}
.image-with-text .image-with-text__content .image-with-text__heading {
    font-size: 18px;
}
  .featured-collection .title-wrapper { align-items: flex-end; margin-bottom: 4rem; }
  .custom-splide-collection>.splide__arrows .splide__arrow--prev,.custom-splide-collection>.splide__arrows .splide__arrow--next {top: 0;right: 0;left: auto;width: 1.5em;height: 1.5em;position: inherit;}
.custom-splide-collection>.splide__arrows .splide__arrow--prev {
    right: 30px;
}
.custom-splide-collection > .splide__arrows {
    display: flex;
    justify-content: end;
  margin-top:-20px;
}

  .custom-splide-collection > .splide__arrows button:disabled { opacity:0.7;display:block; }
  .slideshow__text{position:relative;z-index:9;}
  .slideshow__card .slideshow__heading{position:relative;z-index:9;}
}

/* Homepage Refresh end */
/* pdp popup css strat */
.yuka-main,.full-ingredients, .user-full-result{ height: 100%; background: #fff; max-width: 475px; width: 100%; right: 0; position: fixed; top: 0; z-index: 1000; padding: 0; overflow-y: auto; }
.yuka-main .yuka-popup .yuka-title-main { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 30px;position: relative; }
.yuka-main .yuka-popup .yuka-title  > div { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 10px; }
.yuka-main .yuka-popup .yuka-title .metafield-rich_text_field > p { font-family: Gilroy; font-weight: 500; font-size: 14px; line-height: 1; letter-spacing: 1px;    /* text-transform: uppercase; */ color: #272727; margin: 0; }
.yuka-main .yuka-popup .close-popup button { padding: 10px; border: 0; font-size: 14px; line-height: 14px; background: transparent; position: absolute;right: -20px;top: -10px;cursor: pointer;background-color: #fff;
    border-radius: 100%;}
.yuka-main .yuka-popup .yuca-score span { font-size: 22.4px; }
.yuka-main .yuka-popup .yuca-score { background: transparent; margin-bottom: 20px; }
.yuka-main .yuka-popup .yuka-full-description p { font-family: Gilroy; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0px; color: #272727; margin-bottom: 15px; }
.yuka-main .yuka-popup .yuka-url a { font-family: Gilroy; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0px; text-decoration: underline; color: #272727; }
.yuka-main .yuka-popup .yuka-content { display: block; padding: 28px 36px 10px; }
.yuka-main .yuka-popup .yuka-url { display: flex; flex-flow: row wrap; align-items: center; gap: 7px; }
.yuka-main .yuka-popup .yuka-view { background: #f6f6f6; padding: 42px  36px 32px; }
.yuka-main .yuka-popup .yuka-positive .positive-title span, .yuka-main .yuka-popup .yukc-ingredients .ingredient-title span { color: #272727; font-family: Gilroy; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 1px; }
.yuka-main .yuka-popup .positive-title { margin-bottom: 22px; }
.yuka-main .yuka-popup .positive-list .posilive-item .list-title, .yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredients-level { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; display: flex; }
.yuka-main .yuka-popup .positive-list .posilive-item .list-title .metafield-rich_text_field p, .yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredient-list-title span .metafield-rich_text_field p { font-family: Gilroy; font-weight: 600; font-size: 16px; line-height: 100%; margin: 0; letter-spacing: 0px; }
.yuka-main .yuka-popup .positive-list .posilive-item .background-icon { height: 16px; width: 16px; display: block; border-radius: 50%; position: relative; }
.yuka-main .yuka-popup .positive-list .posilive-item .background-icon:before { content: ''; position: absolute; width: 4px; height: 6px; border-top: 1px solid #fff; top: 4px; left: 6px;    /* transform: translate(-50%,-50%); */ border-left: 1px solid #fff; rotate: -135deg; }
.yuka-main .yuka-popup .positive-list .posilive-item { display: flex; flex-flow: row wrap; justify-content: flex-start; gap: 8px; align-items: center; margin-bottom: 16px; }
.yuka-main .yuka-popup .yukc-ingredients { margin-top: 32px; }
.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item { padding: 16px 0 10px; border-bottom: 1px solid #E4E4E4; }
.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredient-list-title { margin-bottom: 10px; }
.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredients-level .ingredients-label-name .metafield-rich_text_field p { font-family: Gilroy; font-weight: 500; font-size: 14px; leading-trim: Cap height; line-height: 100%; letter-spacing: 0px; color: #707070; margin: 0; }
.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredients-level .ingredients-label-color { height: 12px; width: 12px; border-radius: 50%; }
.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredients-level { gap: 5px; }
body.template-product:has(.yuka-main:not(.hide-poup)) .header-wrapper{
    z-index: 99 !important;
}
.yuka-main .yuka-popup .yuca-score span[onclick="yukaPopUP(this);"]{
    display: none;
}

.yuka-main .yuka-popup .yuca-score .yuka-review {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 22.4px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #707070;
}
body.template-product.popup-enabled {
    overflow: hidden;
}

.yuka-main .yuka-popup .yuca-score .yuca-color {
    height: 16px;
    width: 16px;
}

.yuka-main .yuka-popup .yuca-score {
    width: fit-content;
    background: #fff;
    border-radius: 40px;
    padding: 4px 12px;
    gap: 8px;
    margin-bottom: 20px;
}

.yuka-main.popup-hide,.full-ingredients.popup-hide,.user-full-result.popup-hide{
    transform:translateX(100%);
   transition: transform 1s ease;
}
.yuka-main:not(.popup-hide),.full-ingredients:not(.popup-hide),.user-full-result:not(.popup-hide) {
  transform: translateX(0);
   transition: transform 1s ease;
}

.full-ingredients .full-ingredients-popup  .title-popup {
    padding: 48px 36px 32px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    background: #F6F6F6;
    position: relative;
}

.full-ingredients .full-ingredients-popup  .title-popup h2 {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
    color: #2C2C2C;
    position: relative;
    margin: 0;
}
.full-ingredients .full-ingredients-popup  .title-popup .close-btn button {padding: 10px;border: 0;font-size: 14px;line-height: 14px;background: transparent;position: absolute;right: 30px;top: 56%;transform: translateY(-50%);cursor: pointer;background-color: #fff;
    border-radius: 100%;}

.full-ingredients .full-ingredients-popup  .full-ingredients-view {
    padding: 20px 36px 20px;
}

.full-ingredients .full-ingredients-popup  .full-ingredients-view .metafield-rich_text_field p{
    font-family: Gilroy;
font-weight: 400;
font-size: 16px;
line-height: 1.1;
letter-spacing: 0.5px;
color: #272727;
}

.user-full-result .user-full-result-popup  .user-title {
    background: #f6f6f6;
    position: relative;
}

 .user-full-result .user-full-result-popup .user-full-result-view {
    padding: 40px 36px 32px;
}

 .user-full-result .user-full-result-popup .user-title .close-btn button {
    position: absolute;
    right: 30px;
    top: 35px;
    padding: 10px;border: 0;font-size: 14px;line-height: 14px;background: transparent;
    cursor: pointer;
   background-color: #fff;
    border-radius: 100%;
}


  .user-full-result .user-full-result-popup .user-full-result-view .result-title {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

  .user-full-result .user-full-result-popup .full-result-description p {
   font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    margin: 0;

}
.user-full-result .user-full-result-popup .full-result-list {
    padding: 34px 36px 20px;
}

.user-full-result .user-full-result-popup .full-result-list  .result-list-view .result-list-title p {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    margin: 0 0 14px;
}

.user-full-result .user-full-result-popup .full-result-list  .result-list-description p {
    margin: 0;
    font-family: Gilroy;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.user-full-result .user-full-result-popup .full-result-list .result-list-view {
    margin-bottom: 23px;
}
body.template-product.popup-enabled #popUpOverlay {
    content: '';
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    top:0;
    left:0;
}
  .close-popup.mobile-btn ,
  .close-btn.mobile-btn ,
  .close-btn.ut-mobile-btn {
    display: none;
  }
@media(max-width: 767px){
  body:has(.yuka-main:not(.popup-hide)) .close-popup.mobile-btn,body:has(.full-ingredients:not(.popup-hide)) .close-btn.mobile-btn,body:has(.user-full-result:not(.popup-hide)) .close-btn.ut-mobile-btn{
    display: block;
}
  .yuka-main, .full-ingredients, .user-full-result{
    max-width: 328px;
    left: 0;
    right: auto;
  }
  .yuka-main.popup-hide,.full-ingredients.popup-hide,.user-full-result.popup-hide{
    transform:translateX(-100%);
   transition: transform 1s ease;
  }
 .yuka-main:not(.popup-hide),.full-ingredients:not(.popup-hide),.user-full-result:not(.popup-hide) {
  transform: translateX(0);
   transition: transform 1s ease;
  }
  .user-full-result .user-full-result-popup .user-full-result-view {
    padding: 36px 16px 32px;
}

.user-full-result .user-full-result-popup .user-full-result-view .result-title {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.user-full-result .user-full-result-popup .full-result-description p {
    font-size: 14px;
    line-height: 1.5;
    /* font-weight: 400; */
}

.user-full-result .user-full-result-popup .full-result-list {
    padding: 22px 20px 20px;
}

.user-full-result .user-full-result-popup .full-result-list .result-list-view .result-list-title p {
    font-size: 14px;
    margin: 0 0 21px;
}

.user-full-result .user-full-result-popup .full-result-list .result-list-description p {
    font-size: 14px;
}
  .user-full-result .user-full-result-popup .user-full-result-view {
    padding: 36px 16px 32px;
}

.user-full-result .user-full-result-popup .user-full-result-view .result-title {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.user-full-result .user-full-result-popup .full-result-description p {
    font-size: 14px;
    line-height: 1.5;
    /* font-weight: 400; */
}

.user-full-result .user-full-result-popup .full-result-list {
    padding: 22px 16px 20px;
}

.user-full-result .user-full-result-popup .full-result-list .result-list-view .result-list-title p {
    font-size: 14px;
    margin: 0 0 21px;
}

.user-full-result .user-full-result-popup .full-result-list .result-list-description p {
    font-size: 14px;
}

.full-ingredients .full-ingredients-popup .title-popup {
    padding: 36px 20px 30px;
}

.full-ingredients .full-ingredients-popup .title-popup h2 {
    font-size: 18px;
    letter-spacing: 2px;
}

.full-ingredients .full-ingredients-popup .full-ingredients-view {
    padding: 31.5px 16px 10px;
}

.full-ingredients .full-ingredients-popup .full-ingredients-view .metafield-rich_text_field p {
    font-size: 14px;
    margin: 0;
}

.yuka-main .yuka-popup .yuka-view {
    padding: 45px 16px 32px;
}

.yuka-main .yuka-popup .yuka-title-main {
    margin-bottom: 33px;
}

.yuka-main .yuka-popup .yuka-title .metafield-rich_text_field>p {
    font-size: 12px;
}

.yuka-title img {
    width: 44px;
}

.yuka-main .yuka-popup .yuca-score span {
    font-size: 18px;
}

.yuka-main .yuka-popup .yuca-score .yuca-color {
    height: 14px;
    width: 14px;
}

.yuka-main .yuka-popup .yuca-score .yuka-review {
    font-size: 18px;
}


.yuka-main .yuka-popup .yuka-full-description p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.4;
}

.yuka-main .yuka-popup .yuka-content {
    padding: 21.5px 16px 20px;
}

.yuka-main .yuka-popup .yuka-positive .positive-title span, .yuka-main .yuka-popup .yukc-ingredients .ingredient-title span {
    font-size: 14px;
}

.yuka-main .yuka-popup .positive-list .posilive-item .list-title .metafield-rich_text_field p, .yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredient-list-title span .metafield-rich_text_field p {
    font-size: 14px;
}

.yuka-main .yuka-popup .yukc-ingredients {
    margin-top: 37px;
}
.yuka-main .yuka-popup .yukc-ingredients .ingredient-title{
    padding-bottom: 0;
}

.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item {
    padding: 12px 0;
}

.yuka-main .yuka-popup .yukc-ingredients .ingredient-list .ingredients-item .ingredient-list-title {
    margin-bottom: 13px;
}

.yuka-main .yuka-popup .yuca-score {
    margin-bottom: 16px;
}

.yuka-main .yuka-popup .positive-title {
    margin-bottom: 17px;
}
  .close-popup.mobile-btn button,
  .close-btn.mobile-btn button,
  .close-btn.ut-mobile-btn button {
    position: fixed;
    top: 15px;
    background: #fff;
    right: 20px;
    z-index: 10001;
    padding: 10px;
    height: 34px;
    width: 34px;
    display: flex;
    justify-content: center;
    border: none;
    border-radius: 50%;
    display: none;
    cursor: pointer;
}

body:has(.yuka-main:not(.popup-hide)) .close-popup.mobile-btn button,body:has(.full-ingredients:not(.popup-hide)) .close-btn.mobile-btn button,body:has(.user-full-result:not(.popup-hide)) .close-btn.ut-mobile-btn button{
    display: flex;
}
  .yuka-main .yuka-popup .close-popup,.user-full-result .user-full-result-popup .user-title .close-btn,.full-ingredients .full-ingredients-popup .title-popup .close-btn {
    display: none;
}
}
@media(max-width:390px){
  .yuka-main, .full-ingredients, .user-full-result {
    max-width: calc(100vw - 65px);
}
}
/* pdp popup css end */

/* Padding Issues - Mobile - Product Cards css start */

.grid__item .card-wrapper .card-information .card-information__wrapper .smallcaption{
    word-break: keep-all;
}

/* Padding Issues - Mobile - Product Cards css end*/

/* Pre order on PDP+PDP CHANGES start */
.clinical-content .clinical-title + .clinical-view {
    margin-top: 18px;
}
@media(max-width:767px){
 .clinical-content .clinical-title + .clinical-view {
    margin-top: 22px;
}   
}
/* Pre order on PDP+PDP CHANGES end */

/* Octane Ai App Css Start*/

#octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn { font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -4px !important; margin-right: auto !Important; margin-left: 38px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }

@media (min-width: 767px) { .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {     padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 475px !important;     top: 40px !important; 
} 
}

@media (max-width: 767px) { .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {     padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 230px !important;     top: 41px !important; 
} 
}

@media (min-width: 767px) { .quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {     padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 475px !important;     top: 87px !important;     width: 88.7344px !important; 
} 
}

@media (max-width: 767px) { .quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {     padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 150px !important;     top: 101.5px !important;     width: 88.7344px !important; 
} 
}

@media (min-width: 767px) { .quiz-app.slide-6 [data-element*=oct-quiz-submit-btn] {   padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 457px !important;     top: 41px !important; 
} 
}

@media (max-width: 767px) { .quiz-app.slide-6 [data-element*=oct-quiz-submit-btn] {   padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 230px !important;     top: 41px !important; 
} 
}

@media (min-width: 767px) { .quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] { padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 435px !important;     top: 87px !important; width: fit-content !important; 
} 
}  

@media (max-width: 767px) { .quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] { padding-top: 30px !important;     margin-top: auto !important;     position: relative !important;     bottom: 0px !important;     right: 0px !important;     left: 230px !important;     top: 90px !important; width: fit-content !important; 
} 
}

.quiz-app.slide-7 [data-element*=oct-quiz-skip-btn] { position: relative !important;     bottom: 125px !important;     left: 25px !important;     z-index: 999 !important; 
}  

.quiz-app.slide-5 [data-element*=oct-quiz-skip-btn] { position: relative !important;     bottom: 125px !important;     left: 25px !important;     z-index: 999 !important; 
}  

@media (min-width: 767px) { .oct-quiz-collect-text-wrapper { position: relative !important; right: 145px !important; 
} 
}  

@media (max-width: 767px) { .oct-quiz-collect-text-wrapper { position: relative !important; right: 49px !important; 
} 
}

@media (min-width: 767px) {
     .quiz-app.slide-1 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-2 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-3 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-4 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-5 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-6 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-7 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
         font-size: 14px !important;
         font-weight: 500 !important;
         color: #fff !important;
         line-height: 25px !important;
         padding: 8px 23px !important;
         min-height: auto !important;
         border-radius: 0 !important;
         letter-spacing: 2px !important;
         display: flex !important;
         margin-top: -70px !important;
         margin-right: auto !Important;
         margin-left: 38px !important;
         left: 13px !important;
         right: 20px !important;
         align-items: baseline !important;
         align-content: center !important;
         flex-wrap: wrap !important;
         flex-direction: column-reverse !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-8 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
         font-size: 14px !important;
         font-weight: 500 !important;
         color: #fff !important;
         line-height: 25px !important;
         padding: 8px 23px !important;
         min-height: auto !important;
         border-radius: 0 !important;
         letter-spacing: 2px !important;
         display: flex !important;
         margin-top: 70px !important;
         margin-right: auto !Important;
         margin-left: 38px !important;
         left: 13px !important;
         right: 20px !important;
         align-items: baseline !important;
         align-content: center !important;
         flex-wrap: wrap !important;
         flex-direction: column-reverse !important;
    }
}
 @media (max-width: 767px) {
     #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
         font-size: 14px !important;
         font-weight: 500 !important;
         color: #fff !important;
         line-height: 25px !important;
         padding: 8px 23px !important;
         min-height: auto !important;
         border-radius: 0 !important;
         letter-spacing: 2px !important;
         display: flex !important;
         margin-top: -4px !important;
         margin-right: auto !Important;
         margin-left: 38px !important;
         left: 13px !important;
         right: 20px !important;
         align-items: baseline !important;
         align-content: center !important;
         flex-wrap: wrap !important;
         flex-direction: column-reverse !important;
    }
}
 @media (min-width: 767px) {
     #octane-quiz-outer-wrapper {
         padding: 0 !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 475px !important;
         top: -25px !important;
    }
}
 @media (max-width: 767px) {
     .quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 110px !important;
         top: 41px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 475px !important;
         top: -23px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 475px !important;
         top: -20px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 475px !important;
         top: -24px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 475px !important;
         top: 23px !important;
         width: 88.7344px !important;
    }
}
 @media (max-width: 767px) {
     .quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 150px !important;
         top: 101.5px !important;
         width: 88.7344px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-6 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 457px !important;
         top: -20px !important;
    }
}
 @media (max-width: 767px) {
     .quiz-app.slide-6 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 230px !important;
         top: 41px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-6 .oct-quiz-collect-text-wrapper input {
         margin-right: 66px !important;
    }
}
 @media (min-width: 767px) {
     .quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 435px !important;
         top: 25px !important;
         width: fit-content !important;
    }
}
 @media (max-width: 767px) {
     .quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] {
         padding-top: 30px !important;
         margin-top: auto !important;
         position: relative !important;
         bottom: 0px !important;
         right: 0px !important;
         left: 230px !important;
         top: 90px !important;
         width: fit-content !important;
    }
}
 .quiz-app.slide-7 [data-element*=oct-quiz-skip-btn] {
     position: relative !important;
     bottom: 125px !important;
     left: 25px !important;
     z-index: 999 !important;
}
 .quiz-app.slide-5 [data-element*=oct-quiz-skip-btn] {
     position: relative !important;
     bottom: 125px !important;
     left: 25px !important;
     z-index: 999 !important;
}
 @media (min-width: 767px) {
     .oct-quiz-collect-text-wrapper {
         position: relative !important;
         right: 145px !important;
    }
}
 @media (max-width: 767px) {
     .oct-quiz-collect-text-wrapper {
         position: relative !important;
         right: 49px !important;
    }
}

/* Octane Ai App Css Start*/

/* QUIZ START PAGE */
@media (min-width: 767px) {
.quiz-app.slide-0 [data-element*=oct-quiz-submit-btn] {
    bottom: 35px !important;
    right: 39px !important;
    position: relative !important;
}

/* MAIN WRAPPER */
@media (min-width: 767px) {
.quiz-app.slide-1 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-2 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-3 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-4 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-5 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-6 .octane-ai-quiz-rendered>div>div, .quiz-app.slide-7 .octane-ai-quiz-rendered>div>div  {
    display: flex !important;
    flex-flow: row wrap !important;
    min-height: 100% !important;
    align-self: baseline !important;
    height: 100% !important;
    z-index: -1 !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    margin-right: 32px !important;
}

/* MULTIPLE-CHOICE QUESTION WRAPPER */
@media (min-width: 767px) {
.quiz-app.slide-1 .oct-quiz-multiple-choice-wrapper { padding-top: 25px !important; }
}

/* QUIZ CONTENT WRAPPER */
@media (min-width: 767px) {
.quiz-app.slide-1 #octane-quiz-wrapper, .quiz-app.slide-3 #octane-quiz-wrapper, .quiz-app.slide-5 #octane-quiz-wrapper, .quiz-app.slide-6 #octane-quiz-wrapper, .quiz-app.slide-7 #octane-quiz-wrapper { margin-top: 55px !important; }
}

/* BACK BUTTON */
@media (min-width: 767px) {
.quiz-app.slide-1 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-2 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn, .quiz-app.slide-4 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn
{ position: static !important; z-index: 999 !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -70px !important; margin-right: auto !Important; margin-left: 37px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

@media (min-width: 767px) {
.quiz-app.slide-6 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn
{ position: static !important; z-index: 999 !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -10px !important; margin-right: auto !Important; margin-left: 37px !important; left: 13px !important;    right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

@media (min-width: 767px) {
.quiz-app.slide-5 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
position: static !important; z-index: 999 !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -62px !important; margin-right: auto !Important; margin-left: 37px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

@media (min-width: 767px) {
.quiz-app.slide-3 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
position: static !important; z-index: 999 !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: 4px !important; margin-right: auto !Important; margin-left: 37px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

@media (min-width: 767px) {
.quiz-app.slide-7 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn {
position: static !important; z-index: 999 !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -97px !important; margin-right: auto !Important; margin-left: 37px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

@media (max-width: 767px) {
#octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn
{ font-size: 14px !important; font-weight: 500 !important; color: #fff !important; line-height: 25px !important; padding: 8px 23px !important; min-height: auto !important; border-radius: 0 !important; letter-spacing: 2px !important; display: flex !important; margin-top: -4px !important; margin-right: auto !Important; margin-left: 38px !important; left: 13px !important; right: 20px !important; align-items: baseline !important; align-content: center !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; }
}

/* OUTER WRAPPER */
@media (min-width: 767px) {
#octane-quiz-outer-wrapper { padding: 0 !important; }
}

/* SUBMIT BUTTONS */
@media (min-width: 767px) {
.quiz-app.slide-1 [data-element*=oct-quiz-submit-btn] {
                   margin-top: auto !important;
                position: relative !important;
                bottom: 32px !important;
                right: 30px !important;
                top: -25px !important;
}
}

@media (max-width: 767px) {
.quiz-app.slide-1 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-2 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-3 [data-element*=oct-quiz-submit-btn], .quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {
    padding-top: 30px !important;
    margin-top: auto !important;
    position: relative !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 110px !important;
    top: 41px !important;
}
}

@media (min-width: 767px) {
.quiz-app.slide-2 [data-element*=oct-quiz-submit-btn] {
                   margin-top: auto !important;
                position: relative !important;
                bottom: 32px !important;
                right: 30px !important;
                top: -25px !important;
}
}

@media (min-width: 767px) {
.quiz-app.slide-3 [data-element*=oct-quiz-submit-btn] {
  left: -34px !important;
  top: -23px !important;
  position: relative !important;
  top: 47px !important;
}
}

@media (min-width: 767px) {
.quiz-app.slide-4 [data-element*=oct-quiz-submit-btn] {
                  margin-top: auto !important;
                position: relative !important;
                bottom: -140px !important;
                right: -231px !important;
                left: -35px !important;
                top: -23px !important;
}
}


@media (min-width: 767px) {
.quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {
    position: relative !important;
    left: -35px !important;
    top: 29px !important;
}
}

@media (max-width: 767px) {
.quiz-app.slide-5 [data-element*=oct-quiz-submit-btn] {
    padding-top: 30px !important;
    margin-top: auto !important;
    position: relative !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 150px !important;
    top: 101.5px !important;
    width: 88.7344px !important;
}
}

@media (min-width: 767px) {
.quiz-app.slide-6 [data-element*=oct-quiz-submit-btn]
{ position: relative !important;
  left: 512px !important;
  top: 34px !important;
}
}

@media (max-width: 767px) {
.quiz-app.slide-6 [data-element*=oct-quiz-submit-btn]
{   padding-top: 30px !important;
    margin-top: auto !important;
    position: relative !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 230px !important;
    top: 41px !important;
}
}

@media (min-width: 767px) {
.quiz-app.slide-6 .oct-quiz-collect-text-wrapper input { margin-right: 66px !important; }
}

@media (min-width: 767px) {
.quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] { 
     margin-top: auto !important;
     position: sticky !important;
     bottom: -140px !important;
     right: -224px !important;
     left: 509px !important;
     top: -23px !important;
width: fit-content !important;
}
}

@media (max-width: 767px) {
.quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] { padding-top: 30px !important;
    margin-top: auto !important;
    position: relative !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 230px !important;
    top: 90px !important;
width: fit-content !important;
}
}

.quiz-app.slide-7 [data-element*=oct-quiz-skip-btn] { position: relative !important;
    bottom: 118px !important;
    left: 25px !important;
    z-index: 999 !important;
}

.quiz-app.slide-5 [data-element*=oct-quiz-skip-btn] { position: relative !important;
    bottom: 118px !important;
    left: 25px !important;
    z-index: 999 !important;
}

@media (min-width: 767px) {
.oct-quiz-collect-text-wrapper { position: relative !important; right: 145px !important; }
}

@media (max-width: 767px) {
.oct-quiz-collect-text-wrapper { position: relative !important; right: 49px !important; }
}

.quiz-app.slide-8 #octane-quiz-outer-wrapper > :nth-child(2).oct-quiz-btn { display: none !important; }

@media (min-width: 767px) {
.quiz-app.slide-1 [data-element*=oct-quiz-submit-btn] {
margin-top: auto !important;
position: relative !important;
bottom: 32px !important;
margin-right: 510px !important;
top: -25px !important;
}
}@media (min-width: 767px) {
.quiz-app.slide-2 [data-element*=oct-quiz-submit-btn] {
margin-top: auto !important;
position: relative !important;
bottom: 32px !important;
Margin-right: 510px !important;
top: -25px !important;
}
}

.quiz-app .octane-ai-quiz-rendered:before { top: 2px !important; }

@media (min-width: 767px) {
.quiz-app.slide-7 [data-element*=oct-quiz-submit-btn] {
position: relative !important;
z-index: 999 !important;
left: -35px !important;
top: -6px !important;
}
}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after {
top: -9px !important;
}
.quiz-app.slide-7 .octane-ai-quiz-rendered>div:before {
top: -9px !important;
}


.quiz-app.slide-7 .octane-ai-quiz-rendered>div:after {
    content: none;
}
.quiz-page .quiz-app.slide-7 .octane-ai-quiz-rendered>div:before{
    top: 0 !important;
}

/* Octane Ai App CSS Start  */


/* padding subnavigation start */
@media(max-width:992px){
ul.top-menu-mobile {
    padding: 13px 0 10px;
}
}
/* padding subnavigation end */