/** Shopify CDN: Minification failed Line 46:53 Expected identifier but found "*" Line 107:60 Expected identifier but found "'Monate'" Line 681:25 "paddint-top" is not a known CSS property Line 739:41 Expected identifier but found "!" Line 877:0 Unexpected "}" Line 1272:96 "rigth" is not a known CSS property Line 1430:17 Unexpected "section" Line 3043:29 Expected identifier but found "!" Line 3043:31 Expected identifier but found "!" Line 3043:34 Expected identifier but found "!" **/ body , * { font-family: "Quicksand", sans-serif; } html { scroll-behavior: smooth; } body { background:#fff !important; } h1, .h1 , h2 , .h2 , h3 , .h3 , h4 ,.h4 , h5 , .h5 , h6 , .h6 { font-family: "Lora", serif !important; } p { font-family: "Quicksand", sans-serif !important; } em { color: #CB342C; font-style: normal; font-family:inherit; } *{ letter-spacing:0; } strong , b { font-weight:600; } html[lang="de"] body { /* hyphens: auto; */ /* -webkit-hyphens: auto; /* For WebKit browsers */ */ /* -moz-hyphens: auto; /* For Mozilla browsers */ */ /* -ms-hyphens: auto; /* For Microsoft browsers */ */ } /* #shopify-section-header a.disclosure__link.link.focus-inset { color: #ECF1F4 !important; } */ .cst-custom-monthly-cycle-page.backgrond_class h2.banner__heading strong { font-family: 'Lora'; } body #shopify-section-template--24346832634203__main .rc-widget { display: block!important; } ul#HeaderLanguageList { background: #ECF1F4 !important; } button.disclosure__button span { font-family: 'Quicksand' !important; font-size: 16px !important; letter-spacing: 0px !important; font-weight: 600 !important; } ul#HeaderLanguageList a { font-size: 16px !important; text-transform: uppercase; } ul#HeaderLanguageList { background: #ECF1F4 !important; width: max-content !important; min-width: unset !important; } .footer__content-bottom .footer__payment { flex-basis: 100%; } .footer__content-bottom ul.list.list-payment { justify-content: start; margin: 5px 0; } .field textarea { font-family: 'Quicksand'; } .second_img_banner_custom.desktop img { width: 100%; } .accordion_content a { color: #2a2a2a; text-decoration: none; } body .german {display:none } html[lang="de"] .german {display:block } html[lang="de"] .german.tabs_container , html[lang="de"] .ingredients_content .card_wrapper.german {display:flex } html[lang="de"] .en {display:none } html[lang="de"] .why-powder h2.title.h1::before { content:'Warum ' } html[lang="de"] .pain_free_period .range-container .input_wrapper::before { content:'Tage'} html[lang="de"] .range-container .input_wrapper::before {'Monate'} .red_box .german{display:none;} html[lang="de"] .red_box .german {display:block;} html[lang="de"] .insta_col .feed_wrapper .social_wrapper .social_field{max-width:250px;} .ingredients_content .card_wrapper.german {display:none} html[lang="de"] .ingredients_content .card_wrapper.german {display:flex} a.see_all_reviews.german { display:none; } html[lang="de"] a.see_all_reviews.german { display:block; } .subscription i { font-style: normal; } .Contact.Us .section:has(form) , body.Kontaktieren .section:has(form) { background: none !important; } li.list-payment__item { max-width: 27px; padding: 0; margin-right: 5px; } /*popup css start*/ .size_popup { position:fixed; height:100%; width:100%; display:flex; align-items:center; justify-content:center; background:#0000006b; top:0; left:0; z-index:99; display:none; } .size_popup .inner_div { box-shadow: 0 7px 28px #9191914d; width: max-content; background:#fff; position:relative; } .size_popup.open { display: flex !important; padding:0 15px; } p.close_popup { position: absolute; right: 10px; top: 10px; margin: 0; font-size: 20px; color: #000; font-weight: 700; line-height: 1; z-index:999; cursor:pointer; } /*popup css end*/ button.product-form__submit.button.button--secondary.button--full-width:hover { color: #000; } body announcement-bar:not([data-layout=carousel]) .announcement-slider { column-gap: 0rem; } body #shopify-section-template--23340593643867__main .rc-widget {display:block !important} .button--cta .label { font-size: inherit !important; padding: 0 !important; } a.button.button--cta svg { background: url('https://withmonthlies.com/cdn/shop/files/Arrows_3.png?v=1722572084'); background-repeat: no-repeat; background-position: center left; fill: transparent !important; color: transparent !important; } p#rangeText b { font-weight: 600; } .why-powder .pain_free_period p#rangeText b { font-weight: 700; } div#shopify-section-header { position: sticky; top: 0; z-index: 99; } .announcement-link:active, .announcement-link:hover{color:#fff !important;} /* desktop css start*/ .list-menu li { position: relative; padding-left: 25px !important; background-repeat:no-repeat; background-position: center left; background:unset !important; } .list-menu li.monthlies { background-image:url('/cdn/shop/files/Bag.png?v=1722842279'); } .list-menu li.app { background-image:url('/cdn/shop/files/Mobile.png?v=1722842280'); } .list-menu li.experiences { background-image:url('/cdn/shop/files/Star.png?v=1722842280'); } .list-menu li.faq { background-image:url('/cdn/shop/files/Questions.png?v=1722842280'); } .list-menu li.about_us { background-image:url('/cdn/shop/files/Team.png?v=1722842279'); } .list-menu li.home { background-image:url('/cdn/shop/files/Home.png?v=1722852925'); } .banner__content.banner__content--middle-center.page-width { background: transparent; } body #shopify-section-header .header-wrapper { box-shadow: 0 7px 28px hwb(0deg 57% 43% / 30%); } /* 06-08-2024 start */ .painkiller .swiper-container_supl .swiper-slide { height: 300px; perspective: 1000px; } .inner_swiper { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; background: #fff; border-radius:20px; } /* .painkiller .swiper-container_supl .swiper-slide:hover .inner_swiper { transform: rotateY(180deg); } */ .inner_swiper.rotate { transform: rotateY(180deg); } .supplement_details_wrapper.front, .supplement_details_wrapper.back { position: absolute;height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding:25px;box-sizing:border-box; } .supplement_details_wrapper.back { transform: rotateY(180deg);background:#fff;border-radius:20px; } .swiper-supl-button-next { margin-top: 20px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px;cursor:pointer;display:flex;gap:5px; } main#MainContent { overflow-x: hidden; } body section:has(.how_it_work)[id*="custom_how_work"]{position:relative;} .rich-text.section--padding.how_it_work h2 p , .subscription-tabs h2 p { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align:center;letter-spacing:0; } .heading h2 p { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align:center;letter-spacing:0; } .heading span p { font-size: 26px; text-align: center;letter-spacing:0; } .how_work_wrapper { width: 100%; } .rich-text.section--padding.how_it_work .heading span p strong { display: block; } section:has(.subscription-tabs) { background:#ecf1f4; } /* 06-08-2024 start */ /* 13-8-24 start*/ body .swiper-reviews .swiper-slide { display:block; width:37% !important; padding:24px; box-shadow:0 7px 28px #0000003b; border-radius:16px; } a.see_all_reviews { margin: 0 16px; width: calc(100% - 32px); display: block; text-align: center; padding: 8px; border: 2px solid #CB342C; color: #CB342C; border-radius: 30px; font-weight: 600; font-size: 16px;text-decoration:none; } div[id*="shopify-section"]:has(.reviews-section) { background: #a6d0cd; padding-top:40px; } .page-width:has(>.new_app) { background: #ecf1f4; padding-top: 40px; border-radius: 70px 0 0 0; } section:has(.meet_the_team) { padding-top: 40px; background: #ABD0CD; } section:has(.subscription-tabs) { background:#ecf1f4; } .team_wrapper .dsc p { font-size: 13px; line-height: 1.3; } .team .swiper-container { margin-top: 100px; margin: 100px auto 0; max-width:1120px; } .team_wrapper span.title { font-size: 18px; color: #fff; } .team_wrapper span.subtitle { color: #fff; padding-bottom: 20px; line-height: 1; } .team_wrapper .dsc { background: #fff; display: block; padding: 24px 18px; border-radius: 0 0 16px 16px; } .by_women.banner .h1 strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; text-decoration-thickness: 3px;text-decoration-skip-ink:none; } .painkiller h2 p strong { font-family: inherit; font-weight: 600; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; text-decoration-thickness: 3px; } .subscription-tab_wrapper { cursor: pointer; } .subscription-tabs .subscription-tab_wrapper span.offprice { font-size: 18px; } .price_col > div:first-child { display: flex; flex-direction: column-reverse; align-items: start; gap: 5px; } .subscription-tabs .subscription-tab_wrapper span.price { font-size: 22px; font-weight: 700; display: flex;line-height:1; } .subscription-tabs .subscription-tab_wrapper span.price em { color: inherit; font-size: 30%; font-weight: 700; } .price_col > div:nth-of-type(2) { font-size: 18px; font-weight: 600; max-width: 60px; line-height: 1; margin-left: 10px; padding-left: 5px; border-left: 2px solid; } .team .swiper-slide img { max-width: 230px; } /* 13-8-24 end */ /* 16-08-2024 start */ .by_women .banner__box a.button { color: #CB342C!important;gap:8px; border:2px solid #CB342C; font-size: 20px!important; font-weight: 600; border-radius: 20px; font-family: Quicksand,sans-serif!important;margin: 30px auto; } .pay_managment img { max-width: 60%; border-radius: 0 !important; } .pay_managment { margin-top: 20px; } .pay_managment p { margin-top: 10px; line-height: 1.4; } .pay_managment p strong { display: block; color: #262a30b3; } #shopify-section-footer .footer { background: transparent !important; border: none;padding-top:0; } .new_app_main .right_col img { height: 100%;object-fit: contain; margin-bottom: -10px; max-height: 690px; padding-top: 20px; } a.button:hover { box-shadow: 0px 4px 13px hwb(0deg 0% 100% / 25%) !important; font-weight: 700 !important;white-space:nowrap; } .button:after {display:none;} /* 20/08/2024 */ body .subscription-tabs .swiper-slide:nth-child(2) .time_period { color: #a6d0cd !important; position: absolute; top: 48px; left: 0px; padding: 6px 8px; background: #fff; border-radius: 10px; border: 1px solid #a6d0cd; font-size: 14px !important; font-weight: 700; max-width: unset !important; } body .subscription-tabs .swiper-slide.active .time_period { top:75px; } body .subscription-tabs .swiper-slide:first-child .time_period { display: block; position: absolute; right: 15px; top: 67px; font-size: 11px; border: none; color: #fff; text-align: center; background: #CB342C;padding:0; height: 59px; width: 59px; border-radius: 50%; font-family: 'Lora'; line-height: 1; display: flex; align-items: center; font-weight: 400; justify-content: center; } span.list ol li { position:relative; list-style:none; padding-left:30px; font-size:18px; line-height:1.3; margin-bottom:8px; } subscription-tabs span.list ol { padding:0; } .subscription-tabs .subscription-tab_wrapper span.list ol li:before { content: ""; height: 20px; width: 20px; position: absolute; left: 0; top: 50%; background: url('/cdn/shop/files/Icon_a2bf24da-8444-426e-ba6d-da594af44aae.png?v=1723550182'); background-repeat: no-repeat; transform: translateY(-50%); } .off_save .save { color: #a6d0cd !important; position: absolute; top: 50px; left: 20px; padding: 6px 8px; background: #fff; border-radius: 10px; border: 1px solid #a6d0cd; font-size: 14px !important; font-weight: 700; } body .subscription-tabs .swiper-slide.active .off_save .save { top: 70px;left:15px; } body .subscription-tabs .swiper-slide:nth-child(2) .price_col { margin-top: 0; } .btns_wrapper a#read_more::before { content: ""; height: 12px; width: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url('/cdn/shop/files/Arrows_3.png?v=1722572084'); background-repeat: no-repeat; object-fit: cover; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3 { position: relative; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3::before { content: "Take Control"; height: 100%; width: 250px; background: #fff; color:#CB342C;padding-right:6px; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3::after { content: "."; color: #d43a32; } .take_control .multicolumn-card__info { padding: 35px 35px 60px; box-shadow: 0 7px 28px hwb(0deg 57% 43% / 30%); border-radius: 20px; position: relative;background:#fff; } .take_control .multicolumn-card__info a.button { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); } body .take_control .slider-mobile-gutter .grid--2-col .grid__item { max-width: 690px !important; flex-basis: 690px !important; width: 100% !important; margin: 0 auto; text-align: center; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3 { font-size: 36px; font-weight: 600; font-family: 'Lora'; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item a.button { margin: 0 auto; background:#CB342C; min-width:295px; border-radius:20px; color:#fff; font-size:20px;font-family: 'Quicksand'; } div[id*=_range_] { background:#ecf1f4; } div#offers .heading h2 strong { font-weight: inherit; font-family: inherit; position: relative; } /* div#offers .heading h2 strong::after { content: ""; height: 3px; width: 100%; bottom: 0; position: absolute; background: #CB342C; left: 0; border-radius: 10px; } */ div#offers h2 p strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; text-decoration-thickness: 3px; } body .swiper-reviews .swiper-slide:hover { box-shadow:0 7px 28px #929393; } img.not_hover , img.mobile_not_hover {animation: zoomInOut 2s infinite;} @keyframes zoomInOut { 0% { transform: scale(0.8); } 50% { transform: scale(1.2);} 100% { transform: scale(0.8);} } .supplement_details_wrapper.back h5.title { color: #8CBFBD; } .subscription-tabs .swiper-wrapper{ justify-content:space-between;} /* Style for the counter element */ /* 03-09-2024 start */ p.description strong , .heading span strong , body .by_women .banner__text.typeset2.rte p strong { font-weight: 600; } /* 03-09-2024 end */ /* 10-09-2024 start */ header span.cart-count-bubble { background-color: #cb342c; } #shopify-section-header .header-wrapper span.cart-count-bubble { bottom: .6rem; top: unset; } #shopify-section-header .header-wrapper span.cart-count-bubble span, #shopify-section-header .header-wrapper span.cart-count-bubble span:hover { color: #fff !important; font-size: 11px; } .by_women .desktop.banner__media.banner__media-half { margin-top: 40px; } .subscription-tabs .heading span p { margin: 20px 0 47px; } /* 10-09-2024 end */ /* all final */ .subscription-tab_wrapper .image_wrapper img.mobile_img { width: 55px; height: 93px; position: absolute !important; left: 50%; transform: translateX(-50%) !important; bottom: -25px; } .subscription-tabs .subscription-tab_wrapper .image_wrapper{position:relative;} .subscription-tab_wrapper .pay_managment ul.list.list-payment { justify-content: start; } section.reviews-section .swiper-wrapper span.date { display: none; } a.see_all_reviews { text-transform: capitalize; } .new_app_main .right_col img.for_desktop.hover_compoent { position: absolute; max-width: 120px; left: 24%; bottom: 15%; height: auto; } img.for_desktop:hover + .hover_compoent { transform: scale(1.1); } .home_insta .card_wrapper { display: flex; } .home_insta .ingredients_content.tab_content .card_wrapper .insta_col { padding:80px 60px 80px 118px; } .insta_col .feed_wrapper { margin-top: 45px; } .insta_col .feed_wrapper .social_wrapper { position: absolute; right: -100px; top: 50%; transform: translateY(-50%); } .insta_col .feed_wrapper .social_wrapper .social_field { display: flex;box-shadow: 0 4px 13px #00000021;align-items: center; gap: 10px; font-size: 16px; padding: 8px 15px; margin-bottom: 5px; background: #fff; border-radius: 20px; max-width: 240px; } .insta_col .feed_wrapper .social_wrapper .social_field:hover {box-shadow: 0 4px 13px #0000004d;} .insta_col .feed_wrapper .social_wrapper .social_field p a { font-size: 16px; font-family: 'Lora' !important; text-decoration: blink; color: #2a2a2a; margin: 0; display: block; } .control_sec {position: relative;background: #fff;border-radius: 20px;padding: 52px 42px;} .home_insta .ingredients_content.tab_content .card_wrapper { gap: 70px; } .control_sec a.shop_btn { background: #d43a32; margin: 0 auto; display: block; width: 295px; height: 49px; line-height: 2.5; text-align: center; color: #fff; text-decoration: none; border-radius: 16px; font-weight: 600; font-size: 20px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; } .control_sec p { font-size: 18px;text-align:center; } .control_sec p strong { font-weight:inherit; display:block; } .home_insta h2.title.h1 p em:first-child { display: block; } .home_insta h2.title.h1 p { margin-bottom: 20px; } .home_insta .control_sec p { margin: 0; line-height: 1.3; } .home_insta .left_col { display: flex; align-items: center; } img.insta_component_img { position: absolute; bottom: 0; right: 10px; } .home_insta .left_col {position:relative; } /* .home_insta .left_col::before { content: ""; width: 60vw; height: calc(100% - 100px ); position: absolute; right: -40px; background: #a6d0cd; z-index: 0; top: 100px; } */ .home_insta .faq_insta { background: #ffffff; } .control_sec a.shop_btn:hover { font-weight: 700; box-shadow: 0 4px 13px #0000004d; } .control_sec a.shop_btn:hover img { padding-left:5px; } .insta_col > h2 p strong { color: inherit !important; text-decoration: underline; text-decoration-color: #d43a32;font-weight:inherit; } .insta_col > h2.title.h1 > p { margin-bottom: 0 !important; line-height: 1.2; } .subscription-tab_wrapper a#cta-buynowben:hover:before { right: 12px; } body .subscription-tabs .swiper-slide:nth-child(2) a#cta-buynowben:hover:before { right:37px; } .subscription-tab_wrapper .btns_wrapper a#read_more:hover:before { right:21px; } .discover-monthlies img.top_shape { position: absolute; top: -130px; left: 200px; } .discover-monthlies { position: relative; } button#gorgias-chat-messenger-button { display: none; } div#offers .swiper-container { max-width: 895px; margin: 0 auto; } div#offers .swiper-container .swiper-wrapper { padding: 0; } .product__media.image-animate.media.media--landscape.media-mobile--landscape { width: 100%; } .what_you_get_content.tab_content .card_wrapper { gap: 0; } .clip_card .back .content_container b { font-weight: 600; } .clip_card.swiper-slide:nth-of-type(3) .back { align-items: flex-start; } .announcement-bar .page-width { padding: 0; } announcement-bar:not([data-layout=carousel]) .announcement-slider .announcement-slider__slide:first-child { justify-content: center; } announcement-bar:not([data-layout=carousel]) .announcement-slider .announcement-slider__slide:nth-of-type(3) { justify-content: center; } .subscription-tabs .subscription-tab_wrapper .image_wrapper .save { color: #a6d0cd !important; position: absolute; top: 10px; left: 10px; padding: 0px 8px; background: #fff; border-radius: 10px; border: 1px solid #a6d0cd; font-size: 14px !important; font-weight: 700; } body .subscription-tabs .swiper-slide:nth-child(2) .time_period { display:none; } body.Cookie.policy main#MainContent .page-width { max-width: 600px; padding-top: 70px; padding-bottom: 0; } .note_for_content { text-align: center; font-size: 16px; } .note_for_content p { margin: 0 !important; } .note_for_content p strong { font-weight: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #d43a32; text-decoration-thickness: 2px; } .footer__content-bottom ul.list.list-payment > li:first-child { padding-left: 0; } /* all final end */ /* experience page start*/ .expereince_image_text .image-with-text__text p { font-size: 60px; font-weight: 500; font-family: 'Lora' !important; position: relative; } .expereince_image_text .image-with-text__text p:before { content: ''; height: 40px; top: 0; background-size: cover; width: 40px; background: url('/cdn/shop/files/white-quote.png?v=1725612790'); position: absolute; left: -40px; background-repeat: no-repeat; } .expereince_image_text .image-with-text__text p:after { content: ''; height: 40px;bottom:0; width: 40px;background-size:cover; background: url('/cdn/shop/files/red-quote.png?v=1725612790'); position: absolute; } .expereince_image_text .grid__item:nth-of-type(2) { background: #a0d0cd;position:relative; } .expereince_image_text .page-width{ padding:0; } .expereince_image_text .image-with-text__grid .grid__item:nth-of-type(2)::before { content: ""; background: #a0d0cd; width: 100vw; position: absolute; left: -68vw; top: 0; height: 100%; bottom: -100px; z-index: 0; border-radius: 0 100px 0 0; } .expereince_image_text .image-with-text .image-with-text__content { padding-right: 0; } .expereince_image_text use-animate.media-wrapper { height: 100%; } .expereince_image_text .grid__item:first-child { flex-basis: 50%; max-width: 50%;background:#fff; } .expereince_image_text .grid__item { min-height: 832px; } .expereince_image_text .image-animate.media--650px.media-mobile--auto.media { height: 100%; } div[id*="experience_reviews"]:has(.reviews-section) { padding-top: 0; } div[id*="experience_reviews"]:has(.reviews-section) section.reviews-section::before { content: ""; right:0;background: #ECF1F4; width: 100vw; position: absolute; top: 0; height: 100%; bottom: -100px; z-index: 0; border-radius: 0 100px 0 100px; } div[id*="experience_reviews"] section.reviews-section .swiper-wrapper { gap: 16px; flex-wrap: wrap; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide { background: #fff;min-height:205px; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 60px; } div[id*="experience_reviews"] .swiper.swiper-reviews { padding: 0; margin-top: -180px; } div[id*="review_exp"]:has(.reviews-section) { padding-top: 0; } div[id*="review_exp"]:has(.reviews-section) section.reviews-section::before { content: ""; right:0;background: #ECF1F4; width: 100vw; position: absolute; top: 0; height: 100%; bottom: -100px; z-index: 0; border-radius: 0 100px 0 100px; } div[id*="review_exp"] section.reviews-section .swiper-wrapper { gap: 16px; flex-wrap: wrap; } div[id*="review_exp"] .swiper-wrapper .swiper-slide { background: #fff;min-height:205px; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 60px; } div[id*="review_exp"] .swiper.swiper-reviews { padding: 0; margin-top: 0; } .expereince_image_text .image-with-text__text:first-child { padding-top: 40px; } .tabs_wrapper h2 { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align: center; letter-spacing: 0; margin: 0; } .tabs_wrapper .d-flex { display:flex; align-items:center; justify-content:space-between; } .expereince_image_text .image-with-text__text.rte { width: 100%; padding-left: 70px; position:relative;flex-basis:47%; } .expereince_image_text .image-with-text__grid--reverse .image-with-text__content { padding-bottom: 0; } .expereince_image_text .image-with-text__content .image-with-text__text:nth-child(2) { position: relative; overflow: hidden;flex-basis:53%; } .expereince_image_text .image-with-text__content .image-with-text__text:nth-child(2)::before { content: ""; background: #ffffff; width: 100vw; position: absolute; left: 0; top: 0; height: 100%; z-index: 0; border-radius: 100px 0 0 0 !important; } .expereince_image_text .image-with-text__content.middle.left.mobile-left { max-width: unset; } .expereince_image_text .tabs_wrapper { position: relative; padding-top: 60px; padding-right: 50px; } .expereince_image_text .tabs_wrapper .sort_by { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ECF1F4; } .expereince_image_text .tab-button:not(.active):hover { color: #d43a32; box-shadow: 0 7px 28px hwb(0deg 57% 43% / 80%); } .expereince_image_text .tab-button { cursor:pointer;font-size: 18px; color: #2a2a2a; font-weight: 600; padding: 10px 15px; border-radius: 20px; background: transparent; box-shadow: 0 7px 28px #9191914d; border: none; margin-right: 3px; } .expereince_image_text .tab-button.active { background: #CB342C; color: #fff;box-shadow:0 7px 28px #919191cc; } div[id*="experience_reviews"] .tab-content { border-top: none;opacity:0;transition:all 0.25s ease-in;visibility:hidden;position:absolute;height:0;width:0;overflow:hidden;} div[id*="experience_reviews"] .tab-content.active { opacity:1;transition:all 0.25s ease-in;visibility:visible;position:static;height:auto;width:auto;overflow:visible; } div[id*="review_exp"] .tab-content { border-top: none;opacity:0;transition:all 0.25s ease-in;visibility:hidden;position:absolute;height:0;width:0;overflow:hidden;} div[id*="review_exp"] .tab-content.active { opacity:1;transition:all 0.25s ease-in;visibility:visible;position:static;height:auto;width:auto;overflow:visible; } .total_rating .d-flex div { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align: center; letter-spacing: 0; margin: 0; color:#d43a32; display:flex; align-items:center; gap:7px; } .total_rating div span { font-size:26px; font-weight:400; color:#2a2a2a; } section[id*="rich_text"] { background: none !important; margin-top: -80px; } section[id*="rich_text"] h2.rich-text__heading.h1 { font-size: 36px; font-family: 'Lora' !important; font-weight: 600; position: relative; } section[id*="rich_text"] .page-width { max-width: 670px; margin: 0 auto; border-radius: 30px; padding: 0; overflow: visible; margin-bottom: 50px; } section[id*="rich_text"] .rich-text__blocks.center .rich-text__text { font-size: 18px; } section[id*="rich_text"] a.button.button--medium { margin: 20px auto; position: absolute; left: 50%; transform: translateX(-50%); width: 295px; background: #d33c34; font-size: 20px; font-weight: 600; font-family: "Quicksand", sans-serif !important; } section[id*="rich_text"] .rich-text.section--padding { padding-left:20px; padding-right:20px;background: #fff; box-shadow: 0 7px 28px #9191914d; border-radius: 20px; position: relative; overflow: visible; } section[id*="rich_text"] h2.rich-text__heading.h1::before { content: "Take control "; color: #d43a32; } div[id*="shopify-section"]:has(.reviews-section.exp-review-sec) section.reviews-section { padding-bottom: 70px !important; } section[id*="rich_text"] a.button.button--medium::before { content: ""; height: 13px; width: 10px; position: absolute; right: 82px; top: 54%; transform: translateY(-50%); background: url('/cdn/shop/files/Arrows.png?v=1722494523'); background-repeat: no-repeat; object-fit: cover; } section[id*="rich_text"] a.button.button--medium:hover:before { right:78px; } .why-powder .pain_free_period p#rangeText div > p { font-size: 32.46px; color: #8CBFBD; line-height: normal; margin-bottom: 15px; } .why-powder .pain_free_period p#rangeText div span p { font-family: "Quicksand", sans-serif !important; font-size: 18px; font-weight: 400; line-height: 22px; color: #2A2A2A; } .Product-detail-faq .accordion_content1, .Product-detail-faq .accordion_content2 { height: 300px; overflow: auto; } .Product-detail-faq .accordionfaq.active .accordion_content1, .Product-detail-faq .accordionfaq1.active .accordion_content2 { display: block; } .instafeeds h2.title.h1 p a { font-family: Lora, sans-serif !important; color: #2A2A2A; } @media screen and (min-width:989px){ .Experiences main#MainContent { margin-bottom: -40px; } } @media screen and (max-width:1400px) { .expereince_image_text .grid__item:first-child { flex-basis: 46.736vw; max-width: 46.736vw;background:#fff; } .expereince_image_text .grid__item { min-height: 57.778vw; } .tabs_wrapper h2 , .total_rating .d-flex div { font-size:clamp(1rem, 3.056vw, 44px); } .expereince_image_text .image-with-text__text p { font-size:clamp(1rem, 4.167vw , 60px); } .expereince_image_text .tab-button { font-size:clamp(14px , 1.25vw ,18px);padding: 0.694vw; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 4.167vw; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 4.167vw; } .painkiller .swiper-container_supl .swiper-slide { height: 340px; } } @media screen and (max-width:1305px) { div[id*="experience_reviews"] .swiper-wrapper .swiper-slide { width: 15.792vw !important; } div[id*="review_exp"] .swiper-wrapper .swiper-slide { width: 15.792vw !important; } } @media screen and (max-width:1200px) { div[id*="experience_reviews"] .swiper-wrapper .swiper-slide { width: 14.5vw !important;min-height:175px; } div[id*="experience_reviews"] .swiper-reviews .swiper-slide p { font-size: 1.25vw; } div[id*="experience_reviews"] .swiper.swiper-reviews { padding: 0; margin-top: -115px; } div[id*="experience_reviews"]:has(.reviews-section){position:relative;} div[id*="review_exp"] .swiper-wrapper .swiper-slide { width: 14.5vw !important;min-height:175px; } div[id*="review_exp"] .swiper-reviews .swiper-slide p { font-size: 1.25vw; } div[id*="review_exp"] .swiper.swiper-reviews { padding: 0; margin-top: -115px; } div[id*="review_exp"]:has(.reviews-section){position:relative;} } @media screen and (max-width:1024px) and (min-width:767px) { .control_width.page-width { padding: 0 70px; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(2) { margin-right: 4.167vw; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 0; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(3) { margin-left: 4.167vw; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide:nth-child(7) { margin-left: 4.167vw; } div[id*="experience_reviews"] .swiper-wrapper .swiper-slide { width: calc(41% - 16px)!important; min-height: 175px; } div[id*="experience_reviews"] .swiper-reviews .swiper-slide p { font-size: 18px; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(2) { margin-right: 4.167vw; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(5) { margin-left: 0; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(3) { margin-left: 4.167vw; } div[id*="review_exp"] .swiper-wrapper .swiper-slide:nth-child(7) { margin-left: 4.167vw; } div[id*="review_exp"] .swiper-wrapper .swiper-slide { width: calc(41% - 16px)!important; min-height: 175px; } div[id*="review_exp"] .swiper-reviews .swiper-slide p { font-size: 18px; } .expereince_image_text .tabs_wrapper { padding-right: 10px; } .expereince_image_text .image-with-text__text.rte { padding-left: 40px; } div[id*="experience_reviews"] .swiper.swiper-reviews { padding: 0; margin-top: -30px; } div[id*="review_exp"] .swiper.swiper-reviews { padding: 0; margin-top: -30px; } .by_women.banner { background: unset; } } @media screen and (max-width:768px) { div[id*="experience_reviews"] section.reviews-section .swiper-wrapper .swiper-slide { height: auto; width: 100% !important; flex-shrink: unset; } div[id*="experience_reviews"] section.reviews-section .swiper-wrapper .swiper-slide:nth-child(odd) { margin-left:65px; margin-right:0; } div[id*="experience_reviews"] section.reviews-section .swiper-wrapper .swiper-slide:nth-child(even) { margin-right:65px; margin-left:0; } div[id*="experience_reviews"] .swiper-reviews .swiper-slide p { font-size: 16px; } div[id*="experience_reviews"] section.reviews-section .swiper.swiper-reviews { padding: 0; overflow: visible; } div[id*="review_exp"] section.reviews-section .swiper-wrapper .swiper-slide { height: auto; width: 100% !important; flex-shrink: unset; } div[id*="review_exp"] section.reviews-section .swiper-wrapper .swiper-slide:nth-child(odd) { margin-left:65px; margin-right:0; } div[id*="review_exp"] section.reviews-section .swiper-wrapper .swiper-slide:nth-child(even) { margin-right:65px; margin-left:0; } div[id*="review_exp"] .swiper-reviews .swiper-slide p { font-size: 16px; } div[id*="review_exp"] section.reviews-section .swiper.swiper-reviews { padding: 0; overflow: visible; } .expereince_image_text .grid__item:first-child { max-width: 100%; flex-basis: 100%; min-height: unset; max-height: 280px; } .expereince_image_text .image-with-text__text.rte { padding: 0 16px; } .expereince_image_text .image-with-text__grid .grid__item:nth-of-type(2)::before { display: none; } /* .expereince_image_text .image-with-text__text:first-child { background: #a0d0cd; max-width: calc(100% - 32px); margin-left: 16px; border-radius: 14px; margin-top: -20px; height: auto; min-height: auto; display: block; flex-basis: auto; padding: 16px 0; position: relative; } */ .expereince_image_text .image-with-text__text:first-child { background: #a0d0cd; max-width: calc(100% - 32px); margin-left: 16px; border-radius: 14px; margin-top: 31px; height: 150px; min-height: auto; display: block; flex-basis: auto; padding: 16px 0; position: relative; margin-bottom: 85px; display: flex; justify-content: center; align-items: center; /* margin-bottom: 90px; */ } .expereince_image_text .image-with-text__content.middle.left.mobile-left { padding-top: 0; display:block} .expereince_image_text .image-with-text__text:first-child p { font-size: 24px; font-weight: 600; text-align: center; } .expereince_image_text .image-with-text__text:first-child:after { content: ''; height: 40px; bottom: -20px; width: 40px; background-size: cover; background: url('/cdn/shop/files/red-quote.png?v=1725612790'); position: absolute; right:0; } .expereince_image_text .image-with-text__text:first-child:before { content: ''; height: 40px; top: -20px; background-size: cover; width: 40px; background: url('/cdn/shop/files/white-quote.png?v=1725612790'); position: absolute; left: 0px; background-repeat: no-repeat; } .expereince_image_text .image-with-text__text p:after {display:none} .expereince_image_text .image-with-text__text p:before {display:none} .tabs_wrapper h2, .total_rating .d-flex div { font-size: 24px; } .tabs_wrapper .sort_by .d-flex { flex-direction: column; align-items: start; } div[id*="experience_reviews"]:has(.reviews-section) section.reviews-section::before { display: none; } div[id*="review_exp"]:has(.reviews-section) section.reviews-section::before { display: none; } div[id*="experience_reviews"]:has(.reviews-section) { background: #fff; padding: 0 !important; } div[id*="review_exp"]:has(.reviews-section) { background: #fff; padding: 0 !important; } .expereince_image_text .grid__item:nth-of-type(2) { background: #fff; min-height: unset; } .expereince_image_text .tabs_wrapper { padding: 0; } div[id*="experience_reviews"] .swiper.swiper-reviews { padding: 0; margin-top: 0; } div[id*="review_exp"] .swiper.swiper-reviews { padding: 0; margin-top: 0; } .expereince_image_text .tabs_wrapper .sort_by { padding-bottom: 90px; } .expereince_image_text .tab-button {padding: 10px;border-radius: 15px;} div[id*="experience_reviews"] section.reviews-section .swiper-wrapper .swiper-slide:first-child { margin-top: -40px; } div[id*="review_exp"] section.reviews-section .swiper-wrapper .swiper-slide:first-child { margin-top: -40px; } .expereince_image_text .tabs { margin-top: 10px; } .total_rating div span { font-size: 18px; } div[id*="shopify-section"]:has(.reviews-section) section.reviews-section { padding-bottom: 150px !important; } section[id*="rich_text"] .page-width { max-width: unset; width: calc(100% - 32px); position: relative; } section[id*="rich_text"] h2.rich-text__heading.h1 { font-size: 24px; } section[id*="rich_text"] h2.rich-text__heading.h1::before { content: "Take control"; display: block; } section[id*="rich_text"] a.button.button--medium { position: relative; transform: none; width: auto; max-width: max-content; font-size: 16px; left: auto; margin-bottom: 5px; margin-top: 30px; } div[id*="shopify-section"]:has(.reviews-section.exp-review-sec) section.reviews-section::before { content: ""; width: 100%; height: 70vh; bottom: 0; left: 0; position: absolute; background: #99d0cd; display:block; top:auto; border-radius:0 70px 0 0; } section[id*="rich_text"]::before { content: ""; height: 100%; width: 100%; background: #ECF1F4; top: 44px; left: 0; position: absolute; right: auto; border-radius: 70px 0 0 0; } section[id*="rich_text"] { position: relative; } section[id*="rich_text"] .rich-text.section--padding { position: relative; margin-top: -100px; } section[id*="rich_text"] { background: none !important; margin-top: 0; background: #91cfcd !important; } section[id*="rich_text"] a.button.button--medium::before { right: 50px !important; } section[id*="rich_text"] a.button.button--medium:hover:before { right: 50px !important; } .by_women.banner { background: unset; } div[id*="shopify-section"]:has(.reviews-section.exp-review-sec) section.reviews-section { padding-bottom: 150px !important; } a.see_all_reviews , body .control_sec a.shop_btn {display:flex;justify-content:center;align-items:center;gap:5px;} body .control_sec a.shop_btn {line-height:1.2;} } @media screen and (max-width:385px) { .expereince_image_text .tabs { margin-top: 10px; display: flex;gap:10px; width: 100%; } } /* experience page end*/ @media screen and (max-width:1300px) { .discover-monthlies img.top_shape{left:0;} body ul.list-menu.list-menu--inline { gap: 20px; } body ul.list-menu li { padding-left: 10px !important; } } .in-view span.range__counter { animation: scroll 1s; animation-delay: 1s; } @keyframes scroll { 0% { transform: translateX(-30px); } /* Start position */ 100% { transform: translateX(0px); } /* End position */ } /* footer css start*/ footer .footer__content-bottom { padding: 80px 0 60px !important; } ul.policies.list-unstyled { display: flex; align-items: center; gap: 1%; padding: 0; padding-bottom: 0px !important; } ul.policies.list-unstyled li { list-style: none; position: relative; padding-left: 9px; white-space: nowrap; padding-bottom: 5px; padding-top: 5px; font-size: 11px; } ul.policies.list-unstyled li::before { content: ""; position: absolute; left: 0; top: 50%; height: 4px; width: 4px !important; background: #CB342C; padding: 0; border-radius: 50%; margin-top: -2px; } small.copyright__content { font-size: 12px; font-weight:400; text-align: left; max-width: 80%;width:100%; } .footer__content-bottom-wrapper { flex-direction:column !important; } #shopify-section-footer .footer__content-bottom { background: #fff; padding-top:0; } ul.policies.list-unstyled li a { font-size: 18px; font-weight:400; } ul.policies.list-unstyled li:not(:first-child) { padding-left: 30px; } ul.policies.list-unstyled li:not(:first-child):before { left:20px; } .footer_first_row { display: flex; align-items: center;flex-wrap:wrap; } .footer_first_row ul { flex: 1; } small.copyright__content a { display: block; } .footer__payment { margin-top: 0 !important; } .copyright__content a:hover { background: none; font-weight: 600 !important; color: #de4037; } @media screen and (max-width:1400px) { ul.policies.list-unstyled li a { font-weight: 400; font-size: 1.25vw; } body ul.list-menu li { padding-left: 10px !important; } } @media screen and (max-width:1300px) { ul.policies.list-unstyled li a { font-weight: 400; font-size: 1.15vw; } } @media screen and (max-width:1300px) and (min-width:1250px;) { body ul.list-menu.list-menu--inline {gap:20x;} } @media screen and (max-width:1200px) { .footer__payment { flex-basis: 100%; } .footer__payment ul { justify-content: start; } } /* footer css end */ @media screen and (min-width:1024px) { .page-width{ padding:0 70px; } .page-width--full-width { max-width: 100%; padding: 0; } .how_work.page-width{ padding:0 158px; } } @media screen and (min-width:989px) { .announcement-slider { min-width: 100%; } announcement-bar .announcement-slider { padding: 0 !important; } section:has(.custom_text_remark) { box-shadow: 0 7px 28px hwb(0deg 57% 43% / 30%);background: #ecf1f4!important; padding: 13px 13px 13px 25px; max-width: max-content; margin: 60px auto -25px !important; border-radius: 20px; z-index: 9; position: relative; } .custom_text_remark .rich-text__blocks { font-size: 20px; } .header__left { display:none; } .button_for_bg>a.button:first-of-type { box-shadow: 0 4px 13px hsl(0deg 0% 0% / 13%); } .banner__text.typeset2 p { color: #2A2A2A; font-size:30px; } .banner__box.center.mobile-center { text-align: left; } .button_for_bg { flex-direction: column;align-items: start;margin-bottom:20px;} .button_for_bg { margin-top: 50px !important; } .button_for_bg > a.button { width: 256px !important; display: inline-block; border-radius: 20px !important; } .backgrond_class h2.banner__heading.black-heading , .backgrond_class h2.banner__heading.black-heading strong { font-size: 60px; font-family: 'Lora' !important;letter-spacing:0px; } .backgrond_class.banner .banner__content .banner__box { padding: 0; } .backgrond_class.banner .desktop.banner__media { position: absolute; max-width: 500px; z-index: 9; bottom: -31px; height: max-content !important; left: calc(50% + 0px); transform: translateX(-50%);overflow:visible; } .backgrond_class.banner .desktop.banner__media img { object-fit: contain; height: auto !important; } .desktop .image-animate.media.media--650px.media-mobile--auto { height: auto; } .mobile .image-animate { display:none; } body .header__menu-item { padding: 0; } .header-wrapper>.header:before { background: #ECF1F4; } ul.list-menu.list-menu--inline { gap: 30px; background: #fff; border-radius: 16px; padding: 4px 60px; } header.header { padding: 15px 70px; } .backgrond_class.banner { margin: 0 auto; background: transparent; flex-direction: row-reverse; align-items: center; padding-left:70px;margin-bottom:50px; } .backgrond_class.banner .media img.image-fit {object-position: unset;position: static !important;object-position: center !important;height: 100%;width: 100%;} .backgrond_class.banner .banner__media { width: 50%; } .backgrond_class.banner .banner__content { position: static; width: 50%; height: 100%; padding:0; margin:0; } .backgrond_class.banner .banner__content .banner__box.center.mobile-center { width: 100%; } .backgrond_class.banner .banner__text { padding-right: 40px;line-height:1.3;margin-top:70px; } .backgrond_class.banner .desktop.banner__media:hover:before { transform:scale(1.15); } .backgrond_class.banner .desktop.banner__media::before { height: 150px; width: 150px; content: ""; position: absolute; background: url('/cdn/shop/files/Group.png?v=1723802483'); right: 0; background-size: cover; background-repeat: no-repeat; } .swiper-container_supl .swiper-wrapper { gap: 20px; } .swiper-container_supl .swiper-wrapper .swiper-slide {box-sizing: border-box;width: 25% !important;max-width: calc( 25% - 20px *3 / 4); margin:0 !important;} .rich-text.section--padding.painkiller h2 p { font-size: 44px; font-family: 'Lora'; text-align: center; } body section:has(.painkiller) { padding-bottom: 80px; } .painkiller .swiper-button-lock { display:flex; } section:has(.painkiller){paddint-top:100px;} .painkiller .swiper-container_supl .swiper-slide { min-height: 317px; } section:has(#painkiller) .page-width { padding: 0 60px; } body .painkiller h5.title { font-size: 22px; width: calc(100% + 50px); margin-left: -25px; white-space: nowrap; letter-spacing: 0; } body .painkiller h5.title~p { font-size: 18px; line-height: 1.2; letter-spacing: 0; color: #2A2A2A; } .rich-text.section--padding.painkiller p.description { text-align: center; font-size: 26px; margin-bottom: 60px;letter-spacing:0; } .custom_text_remark .rich-text__blocks { animation: typing 4s steps(40, end) , blinking-cursor .75s step-end ; white-space: nowrap; margin: 0 auto;overflow:hidden; } @keyframes typing { from { width: 0; } to { width: 100%; } } @keyframes blinking-cursor { from, to { border-color: transparent; } 50% { border-color: orange; } } div#painkiller { margin-top: 60px; } .announcement-bar a, .announcement-bar a * { font-size: 16px; font-family: 'Lora'; } /* body .announcement-bar { background: #404040; padding: 4px 0; } */ img.header__heading-logo.small-hide { width: 194px; height: 32px; object-fit: contain; } .header__right a svg { height: 29px; width: 18px; } .painkiller .swiper-container_supl .swiper-slide:hover .inner_swiper { transform: rotateY(180deg); } /* women section */ .by_women .second_img_banner_custom.desktop { display: none; } .by_women .desktop.banner__media.banner__media-half { position: static; max-width: 64%; flex-basis:64%; width: 64%;z-index:9; } .by_women .banner__content.page-width {box-shadow:none; position: relative; padding: 0; margin: 0; width: 36%; max-width: 36%; flex-basis: 36%; align-items: center !important; justify-content: center !important;height: auto; border-radius: 100px 0 0;} .by_women .banner__media { background: #ecf1f4; } .by_women .mobile.banner__media.banner__media-half { display: none; } .by_women.banner { margin: 0 auto; box-shadow: none !important;align-items:stretch;background:#ecf1f4;justify-content:space-between; } .page-width--full-width:has(>.by_women) { background: #a6d0cd;} .by_women .banner__content.page-width::before { content: ""; border-radius:120px 0 0;background: #fff; width: 100vw; position: absolute; left: -120px; top: 0; height: 100%; bottom: -100px;z-index:9; } .by_women .banner__box.center.mobile-center { letter-spacing:0;width: 100%; background: #fff; border-radius: 20px; padding: 50px 11px; z-index: 9;margin-left:-120px; border-radius: 100px 0 0 0;height: 100%; display: flex; flex-direction: column; justify-content: center; } body .by_women .banner__content .banner__heading.h1.black-heading { font-size: clamp(1rem, 3.056vw, 44px);;letter-spacing:0; } body .by_women .banner__text.typeset2.rte p { font-size: 26px;text-align:center;line-height:1.2; } .by_women .desktop.banner__media.banner__media-half img { height: 100% !important; object-fit: fill; } .by_women .banner__box a.button { margin-bottom: 0;padding:14px 39px !important; position:relative;} .by_women .image-animate.media.media--550px { height: 615px; } .by_women .image-animate.media.media--550px img { object-fit: cover; } section:has(.custom_text_remark):hover { box-shadow: 0px 6px 25px #0000004d; } section:has(.custom_text_remark):hover .custom_text_remark {background-size: 3.8%;} /* how it work */ body section:has(.how_it_work)[id*="custom_how_work"]{margin-top:0;border-radius:0 120px 0 0;} .swiper-container_how .swiper-wrapper { gap: 20px; } .how_work .swiper-container_how .swiper-slide { width: calc(25% - 20px *3 /4) !important; } .how_work .heading h2 , .heading h2 p { margin:0; } .how_work .heading { margin-bottom: 0px;margin-top:40px; } .how_work_wrapper .dsc p { font-size: 18px; padding: 0px 15px;line-height:1;margin-top:0;line-height:1.3; } .how_work_wrapper img { max-height: 200px; object-fit: cover; } .how_work_wrapper span.title { font-size: 22px; font-weight: 700; } .how_work_wrapper { min-height: 320px; overflow: hidden; } .rich-text.section--padding.how_it_work .heading span p , .subscription-tabs span p { font-size: 26px; text-align:center;letter-spacing:0; } /* range section start */ .range-container { max-width:1155px; margin: 0 auto; padding: 80px 15px; display: flex; gap: 60px;align-items:center; } .range-container h2.title strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; text-decoration-thickness: 3px; } .range-container h2.title { font-size: 44px; text-align: center;margin-top:0;font-weight:600; } .range-container p.description { font-size: 26px; text-align: center; line-height: 1.3; margin-top: 0; } .range-container h2.title p { margin-bottom: 20px; font-family: 'Lora' !important; } .full_width_range { background: #fff !important; border-radius: 100px 0 0 0; } .full_width_range .content_col { flex-basis: 63%; } .full_width_range .input_col { flex-basis: 37%; } .range-container h2.title p{margin-top:0;!important} .range-container p.month { top: 2px; font-size: 18px; position: absolute; margin: 0; z-index: 9; left: 10px; color: #fff; font-family: 'Lora' !important; } p#rangeText p span { font-size: 18px; line-height: 1.2;display:block;color:#2A2A2A; } p#rangeText p { font-size: 60px; color:#8CBFBD; font-weight: 500; font-family: 'Lora' !important; text-align: center; margin: 0; } .why-powder .pain_free_period p#rangeText p { font-size: 32px; color:#8CBFBD; font-weight: 500; font-family: 'Lora' !important; text-align: center; margin: 0;padding-top:5px; } /* subscription tabs */ section:has(.subscription-tabs){background:#fff;} section:has(.subscription-tabs) > .how_work.page-width { max-width: unset; padding: 0;border-radius:0 100px 0 0;} .rich-text.section--padding.subscription-tabs { max-width: 1140px; margin: 0 auto; padding: 40px 15px; } .subscription_btns { display: none; } .subscription-tabs .swiper-wrapper { padding: 0 115px; width: auto;align-items:end;gap:16px; } p.tabs_heading + p { margin: 0; padding: 5px 0 25px; text-align: center; background: #bf2f2642; color: #2A2A2A;font-weight:600; } body .subscription-tabs .subscription-tab_wrapper { padding: 0 !important; width: 100%; border-radius: 16px; overflow: visible;} .subscription-tabs .subscription-tab_wrapper img { margin: 0; width: 100%;object-fit:contain;border-radius: 16px 16px 0 0;} p.tabs_heading { display: none; } body .subscription-tabs .swiper-slide.active p.tabs_heading + p strong { display: block; } p.tabs_heading + p strong { display: none;line-height: 1;font-weight:600;} section:has(.subscription-tabs) .how_work .swiper-slide.swiper-slide-active { padding-bottom: 0; } body .subscription-tabs .swiper-slide { padding-bottom: 0; border-radius:30px;} body .subscription-tabs .swiper-slide { width: calc(50% - 8px) !important; } body .subscription-tabs .swiper-slide.active { width: 50% !important; margin-left: 0; } .content_part { padding: 0 35px 10px; } .subscription-tabs .subscription-tab_wrapper span.title { font-size: 22px; font-weight: 700; margin-bottom: 0; line-height:1.1;margin-top:40px; } .subscription-tabs .subscription-tab_wrapper span.dsc p { text-align: left; font-size: 18px; line-height: 1.3; } .subscription-tabs .subscription-tab_wrapper span.list ul li {font-size:18px;letter-spacing:normal;} body .subscription-tabs .active .subscription-tab_wrapper { border:4px solid #CB342C; } body .subscription-tabs .active p.tabs_heading + p { background:#CB342C;color:#fff;padding: 0px 0 30px;border-radius:20px 20px 0 0;} .price_col { display: flex;align-items:center;margin-top:5px; } .price_col span.save { color: #CB342C; font-weight: 700; font-size: 14px; line-height: 1;letter-spacing:0; } .subscription-tabs .subscription-tab_wrapper span.offprice { font-size: 20px; color: hwb(0deg 16% 84% / 40%); text-decoration: line-through; text-decoration-color: #CB342C; line-height: 1; } .btns_wrapper a#read_more { color: #cb342c!important; border-color: #cb342c!important; font-size: 18px!important; font-weight: 600; border-radius: 20px; font-family: Quicksand,sans-serif!important; max-width: 170px; border:2px solid; background:transparent !important; } .btns_wrapper { display: flex; align-items: center; gap: 15px; } .btns_wrapper a { flex: 1;border-radius:20px !important; } .btns_wrapper a#cta-buynowben { border-radius: 16px; border: 2px solid #CB342C; } body .subscription-tabs .subscription-tab_wrapper { border-radius: 30px; overflow: hidden; } body .swiper-slide.active .subscription-tab_wrapper { overflow: visible; } .content_part .list ol { padding: 0; } .image_wrapper { background: #eff3f7; border-radius: 25px 25px 0 0; margin-top: -20px; } /* .subscription-tabs .swiper-wrapper .swiper-slide:nth-of-type(1) .image_wrapper img { position:relative; margin-bottom:-15px; padding-top:10px; } */ body .subscription-tabs .swiper-slide:nth-child(2) .content_part ul { margin-bottom: 0 !important; } body .subscription-tabs .swiper-slide:nth-child(2) .content_part ol { margin-top: 0; } body .subscription-tabs .swiper-slide:nth-child(2) .content_part .price_col { margin-bottom: 40px; } body .subscription-tabs .swiper-slide:nth-child(2) p.tabs_heading + p { font-weight:700; } body .subscription-tabs .swiper-slide.active .single_purchase p.tabs_heading + p { line-height: 3; } .subscription-tab_wrapper:hover .image_wrapper img { transform: scale(1.02);} div#offers .swiper-slide:hover { box-shadow: 0 0 20px #939292; } div#offers .swiper-container { overflow: visible; } .subscription-tab_wrapper a#cta-buynowben { padding: 10px 24px 10px 12px!important;font-weight:600; } .subscription-tab_wrapper a#cta-buynowben::before { right: 15px; } .subscription-tab_wrapper .btns_wrapper a#read_more { padding: 10px 24px 10px 12px !important;height:auto; } .subscription-tab_wrapper .btns_wrapper a#read_more::before { right: 24px; } body .subscription-tabs .swiper-slide:nth-child(2) a#cta-buynowben::before { right: 40px; } /* review sections start */ section.reviews-section { margin: 0 auto; border-radius: 100px 0 0 0; } section.reviews-section h2.title { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align: center; letter-spacing: 0; } section.reviews-section .swiper-wrapper { align-items: stretch; } section.reviews-section .swiper-wrapper .swiper-slide { height: auto; } section.reviews-section .swiper-wrapper span.date { font-family: 'Lora'; font-size: 16px; color:#404040;opacity:0.6; } a.see_all_reviews { width: fit-content; margin: 25px auto; padding: 5px 34px; border-radius: 20px; font-size: 20px;box-shadow:0px 4px 13px hwb(0deg 0% 100% / 13%);cursor:pointer; } a.see_all_reviews img {display:none;} div[id*="shopify-section"]:has(.reviews-section) { position: relative; background: #a6d0cd; } /* div[id*="shopify-section"]:has(.reviews-section)::before { content: ""; height: 100%; width: calc((100% - 1440px)/2); background: #a6d0cd; position: absolute; top: 0; left: 0; right: 0; z-index: 9; } */ section.reviews-section { position: relative; } section.reviews-section::before { content: ""; background: #fff; width: 100vw; position: absolute; right: -50vw; top: 0; height: 100%; bottom: -100px; z-index: 0; } section.reviews-section > * { position: relative; } section.reviews-section .swiper.swiper-reviews { overflow: visible; } /* section.reviews-section .swiper-wrapper .swiper-slide.swiper-slide-active { margin-left:70px; } */ .swiper-reviews .swiper-slide .name{font-size:22px;font-weight:700!important; } /* new app soon */ .new_app_main { display: flex; } .new_app_main.page-width > div { flex: 1; text-align: center; } .page-width:has(>.new_app) {border-radius:0;padding-top:0;} .new_app_main.page-width .left-col { background: #ecf1f4; position:relative; } .new_app_main.page-width .left-col > * { position:relative; } .new_app_main .left-col.rich-text.section--padding.new_app { display: flex; flex-direction: column; justify-content: center; padding-right:90px; border-radius: 0 100px 0 0; } .new_app_main.page-width .left-col::before { content: ""; background: #ecf1f4; width: 100vw; position: absolute; left: -68vw; top: 0; height: 100%; bottom: -100px; z-index: 0; border-radius:0 100px 0 0; } .new_app_main .right_col { position: relative; } section:has(.new_app) { padding-top: 0; background: #ecf1f4;border-radius:0 100px 0 0; } section:has(.meet_the_team) { padding-top:0px; background: #fff; } .new_app_main .heading span p { margin-top: 20px; margin-bottom: 30px;line-height:1.2; } .new_app_main h2 { margin-bottom: 0; } /* meet the team */ .team .swiper-container { padding: 40px 0px; } .team_wrapper span.title { font-size: 22px; font-weight: 700; } .team_wrapper span.subtitle { font-size: 22px; } .team_wrapper .dsc p { font-size: 18px; } .team_wrapper .dsc { padding: 25px 30px;padding-bottom:40px; } .team_wrapper img {min-height:176px;} #shopify-section-header .header-wrapper a:hover, #shopify-section-header details summary span:hover, #shopify-section-header .header-wrapper a span:hover { color: #CB342C !important; font-weight:700; } /* Take care section */ /* final start*/ div#painkiller .swiper-slide:nth-of-type(2) .supplement_details_wrapper.front { padding: 25px 30px; } div#painkiller .swiper-slide:nth-of-type(1) .supplement_details_wrapper.back , div#painkiller .swiper-slide:nth-of-type(4) .supplement_details_wrapper.back { padding: 25px 17px; } .better_input_container .card .dsc { font-size: 18px; line-height: 1.3; color: #000; margin-top: 7px; } .better_input_container .right_side .card .dsc { padding-right: 32px; } .better_input_container .right_side .card:nth-of-type(3) .dsc strong { display:block; } .by_women .banner__box a.button:hover svg { margin-left: 5px; } .subscription-tab_wrapper .image_wrapper { position: relative; } .overflow_none { height: 190px; overflow: hidden;border-radius:25px 25px 0 0; } .overflow_none img { height: 100% !important; object-fit: contain !important; } .subscription-tabs .subscription-tab_wrapper:hover span.title { color: #d43a32; } .subscription-tab_wrapper .pay_managment ul.list.list-payment { justify-content: start; } body .subscription-tabs .swiper-wrapper .active.swiper-slide:nth-of-type(2) { margin-bottom:-5px; } ul.policies.list-unstyled li:first-child:before { display: none; } ul.policies.list-unstyled li:first-child { padding-left:0; } .painkiller .supplement_details_wrapper img {max-width:65px;} /* final end*/ } @media screen and (min-width:767px) { .announcement-bar .text_container { justify-content: space-between; } .announcement-bar .text_container>div span { font-size: 16px; font-family: 'Lora' , sans-serif !important; letter-spacing: -0.17px; } .subscription-tabs .swiper-wrapper{gap:16px;justify-content:space-between;} body .subscription-tabs .swiper-slide:first-child .subscription-tab_wrapper .time_period { top:47px; } body .subscription-tabs .swiper-slide.active:first-child .subscription-tab_wrapper .time_period { top:67px; } } .list-menu li{ background-position:3% center; } .list-menu li.monthlies:has(details[open]) { background-position: 3% 17%; } } /* desktop css end */ .announcement-bar a span { font-family: "Lora", serif ; } /* .announcement-bar a { color:#fff; text-decoration:none; } */ .announcement-bar .text_container { display: flex; gap: 30px; padding: 12px 0; overflow-x:auto; } .announcement-bar .text_container::-webkit-scrollbar { display:none; } .announcement-bar .text_container > div { white-space: nowrap; } body #shopify-section-header .header-wrapper { background:#fff ; } .header__icon { width: auto; padding: 0 16px; } .backgrond_class h2.banner__heading.black-heading strong { font-weight: inherit; color: #8CBFBD; } .backgrond_class h2.banner__heading.black-heading { font-weight:500; } .backgrond_class .banner__box.center.mobile-center { padding-top: 1rem; } .button_for_bg .button { min-width: unset !important; width: auto !important; margin-top: 0 !important; flex: 1; } .button_for_bg > a.button:first-of-type { margin-bottom:20px;color: #CB342C !important; border-color: #CB342C; font-size: 20px !important; font-weight: 600; border-radius: 20px; font-family: "Quicksand", sans-serif !important; } .button_for_bg > a.button:nth-of-type(2) { color: #fff !important; border-color: #CB342C; background-color: #CB342C!important; font-size: 20px !important; font-weight: 500; border-radius: 20px; font-family: "Quicksand", sans-serif !important;box-shadow: 0 4px 13px hsl(0deg 0% 0% / 13%); } .backgrond_class h2.banner__heading.h1.black-heading em { color: #CB342C; font-style: normal; } section:has(.custom_text_remark) { background: #ECF1F4 !important; margin-top: 65px !important; padding: 13px; padding-left: 94px;padding-right:94px; } .custom_text_remark { font-size: 14px; text-align: center; font-weight: 600; padding-left: 20px; letter-spacing: 0; margin: 0 auto; } .custom_text_remark { background: url('/cdn/shop/files/Vector_427_1.png?v=1724924484'); background-position: center left; background-size: auto; background-repeat: no-repeat; width: max-content; padding-right: 0px; padding-left: 10px; } section[id*=custom_text] .page-width { padding: 0; } .custom_text_remark .rich-text__blocks { padding-left: 12px; } section:has(.painkiller) { background: #abd0cd; padding-top: 15px; overflow: hidden; padding-bottom: 30px; } .swiper-slide-prev, .swiper-slide-next { opacity:1 !important; } .painkiller h5.title { font-size: 18px; font-weight: 700; font-family: 'Quicksand' !important; text-align: center; margin:20px 0; } .swiper-supl-button-next { margin-top: 20px; } .painkiller h5.title ~ p { font-size: 16px; font-weight: 400; font-family: 'Quicksand' !important; line-height: 1.25; text-align: center;margin-top:0; } .painkiller h5.title ~ p.dsc { display: none} .painkiller .supplement_details_wrapper img { margin: 0 auto; display: block;max-width:65px; } .painkiller h2 p { font-size: 24px; font-family: "Lora" , sans-serif !important; text-align: center; font-weight: 600; } .painkiller h2 p em { color: #B62820; font-style: normal; font-family:inherit; } .by_women .banner__media { background:#ecf1f4; } .by_women .banner__content { background: #fff!important; width: calc(100% - 32px); border-radius: 20px; margin-top: -40px; box-shadow: 0 7px 28px #9292927d; } .by_women .banner__content .banner__heading.h1.black-heading { font-size: 24px; font-family: "Lora" , sans-serif; font-weight: 600; } .by_women .banner__text.typeset2.rte p { font-size: 18px; } .by_women em { color: #B62820; font-style: normal; font-family:inherit; } .how_work_wrapper img { width: 100%; } .how_work_wrapper { background: #ABD0CD; border-radius: 20px; text-align: center; } .rich-text.section--padding.how_it_work { text-align: center; } section:has(.how_it_work)[id*="custom_how_work"] { margin-top: 70px; padding-top: 35px; background: #ECF1F4; border-radius: 0 70px 0 0; padding-bottom: 70px; } /* subscription section start */ .subscription_btns > div { position: relative; width: auto; height: auto; line-height: 2 !important; margin: 0; display: block; width:50%; overflow:hidden; border-radius:20px; } .subscription_btns>div > div { position: relative; } .subscription_btns > div:after { display: none; } section:has(.subscription-tabs) > .page-width { background: #fff; padding-top: 40px; border-radius: 0 70px 0 0; } section:has(.subscription-tabs) > .page-width { background: #ABD0CD; padding-top: 40px; border-radius: 0 70px 0 0; } .subscription_btns { border: 1px solid #fff; border-radius: 20px; background: #e3c2c2; justify-content: space-between; } .subscription_btns>div { padding: 6px 8px 15px 8px; text-align: center; } .subscription_btns>div.active { color: #fff; font-weight: 500; } .swiper-subscription-button-prev span { font-size: 75%; display: block; line-height: 0.5;letter-spacing:0;font-size:11px; } .swiper-subscription-button-next { padding: 13px !important; } /* .subscription_btns>div.active::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } */ .subscription-tabs .swiper-slide { background: #fff; display: block; border-radius: 16px; padding-bottom:20px; } .subscription-tabs .subscription-tab_wrapper { padding: 0 15px !important; border-radius: 16px; } .subscription-tabs .subscription-tab_wrapper span { display: block; } .subscription-tabs .swiper-wrapper { margin-top: 16px; } .subscription-tabs .subscription-tab_wrapper span.dsc { text-align: left; } .subscription-tabs .subscription-tab_wrapper span.list ul { list-style: none; padding: 0; } .subscription-tabs .subscription-tab_wrapper span.list ul li { position: relative; padding-left: 30px; margin-bottom: 8px; line-height: 1.3; } .subscription-tabs .subscription-tab_wrapper span.list ul li:before { content: ""; height: 20px; width: 20px; position: absolute; left: 0; top: 50%; background: url('/cdn/shop/files/Icon_02a897d5-ec3f-4575-aedb-894f42e0c552.png?v=1722493630'); background-repeat: no-repeat; transform: translateY(-50%); } a#cta-buynowben { font-size: 18px; font-weight: 400; width: max-content!important; display: block; background:#CB342C!important; padding: 12px 24px!important; height: auto; position: relative; font-family: 'Quicksand' , sans-serif; margin: 0 auto; } a#cta-buynowben::before { content: ""; height: 12px; width: 10px; position: absolute; right: 10px; top: 54%; transform: translateY(-50%); background: url('/cdn/shop/files/Arrows.png?v=1722494523'); background-repeat: no-repeat; object-fit: cover; } /* subscription section end */ /* discover ingredient start */ section:has(.discover-ingredient) { background: #a0d0cd; padding-top: 50px; } .discover-ingredient { background: #ecf1f4; padding-top: 40px !important; border-radius: 70px 0 0 0; } .discover-ingredient .heading img { margin: 0 auto; display: block; } .discover-ingredient_wrapper .dsc { display:none; } .discover-ingredient_wrapper .title { display: block; font-size: 18px; font-weight: 600; margin:0; } .discover-ingredient_wrapper { width: 100%; background: #fff; margin:20px 0px; border-radius: 16px; padding:15px; } .discover-ingredient_wrapper .dsc p { margin: 0; } .discover-ingredient_wrapper ul { margin: 0; padding-left: 25px !important; line-height: 1; font-size: 14px; } .discover-ingredient_wrapper ul li { padding-bottom: 7px; } .discover-ingredient_wrapper ul li::marker { color: #c7352c; } .discover-ingredient_wrapper .title { background: url('/cdn/shop/files/Arrows_2.png?v=1722497280'); background-repeat: no-repeat; background-position: center right; } .discover-ingredient_wrapper .title:has(~.dsc[style="display: inline;"]) { background-image: url('/cdn/shop/files/Arrows_1.png?v=1722497341'); } /* discover ingredient end */ /* review section start */ .reviews-section { border-radius:0 70px 0 0; } .swiper.swiper-reviews { padding: 20px 0 20px 16px; } section.reviews-section h2 { position: relative; width: max-content; margin: 0 auto; } section.reviews-section h2:before { content: ""; height: 3px; width: 200px; right: 0; bottom: 5px; background: #CB342C; position: absolute; } a.see_all_reviews:hover { font-weight: 700;box-shadow:0 4px 13px hwb(0deg 0% 100% / 25%); } /* review section end */ /* new app coming soon start */ .new_app { padding-bottom: 40px !important; } .new_app a#cta-buynowben { padding: 12px 43px !important; margin-top:0px; border-radius:20px;min-width:295px;font-weight:600;font-size:20px;} .new_app h2 p strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; text-decoration-thickness: 3px;text-decoration-skip-ink:none; } .new_app_main a#cta-buynowben::before{right:75px;} .new_app_main a#cta-buynowben:hover:before{right:70px;} /* new app coming soon end */ /* meet the team start */ .team.page-width { background:#fff; padding-top: 40px; border-radius: 0 70px 0 0; overflow:hidden; padding-bottom:40px; } .team_wrapper { background: #ABD0CD; padding: 24px 0 0; text-align: center; border-radius: 16px; box-shadow: 0px 7px 28px #9191914d; } .team_wrapper:hover { box-shadow: 0px 7px 28px #919191cc; } .team_wrapper .dsc p { margin: 0; } .team_wrapper > * { padding: 0 7px; } .team_wrapper > span { display: block; margin: 0;} .team_wrapper { position: relative; } .team_wrapper img { margin-top: -100px; } .team .swiper-container , .team .swiper-container * { overflow: visible; } div#team h2 p strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 4px; text-decoration-thickness: 3px; } /* meet the team end */ /**/ div:has(>.range-container) { padding-top: 0px !important; background: #ecf1f4; } .range-container input[type="range"] { height: 20px; border-radius: 8px; } p:has(span#valueDisplay) {margin: 10px auto 0!important; display: block !important;} span#valueDisplay , p:has(span#valueDisplay) { line-height:1;font-size: 60px; color: #8CBFBD; font-weight: 500; font-family: 'Lora' !important; text-align: center; margin: 0; text-align: center; display: inline-block;} .dynamic_val { margin-top: -20px !important; padding: 24px 25px; box-shadow: 0px 7px 28px hwb(0deg 57% 43% / 30%); border-radius: 0 0 16px 16px; margin-bottom: 0; } .range-container .input_wrapper { position: relative; } #menu-drawer { background: #abd0cd!important; top: 36px; height: calc(100vh - 41px); border-radius: 0 0 70px 0; } #shopify-section-header .header-wrapper a , #shopify-section-header details summary span , #shopify-section-header .header-wrapper a span { border: none; color: #2a2a2a !important; font-size: 19px; font-family: 'Quicksand'; font-weight: 500; padding:0; } div#link-Monthlies { position: static!important; display: block!important; opacity: 1!important; visibility: visible!important; transform: translate(0)!important; background: transparent; border: none; box-shadow: none; } div#link-Monthlies .menu-drawer__topbar { display: none; } div#link-Monthlies li a { font-size: 18px !important; font-family: 'Quicksand' !important; padding: 0; } div#link-Monthlies ul { padding: 0; } .menu-mobile--open .menu-drawer-container summary.header__icon--menu:after { display:none; } div#menu-drawer nav.menu-drawer__navigation .menu-drawer__menu.list-menu li svg { display: none; } div#menu-drawer nav.menu-drawer__navigation .menu-drawer__menu.list-menu li { padding: 1rem 0; } div#link-Monthlies ul.menu-drawer__menu.list-menu li { padding: 0 !important; } .header__left:has(.menu-opening) ~ h1.header__heading img.white-logo.medium-hide.large-up-hide.small-hide { display: block !important; position: relative; z-index: 9999; } .header__left:has(.menu-opening) ~ h1.header__heading img.header__heading-logo.medium-hide.large-up-hide { display:none } .header__right { margin:0 !important; } .menu-drawer__utility-links { border: none; } drawer-close-button.header__icon.bottom.medium-hide.large-up-hide { background: #f2f2f257; width: fit-content; margin: 0 auto; height: 40px; width: 40px; border-radius: 5px; } drawer-close-button.header__icon.header__icon--menu.medium-hide.large-up-hide:after { display: none; } drawer-close-button.header__icon.header__icon--menu.medium-hide.large-up-hide img{ margin-top:30px; } a.menu-drawer__menu-item.list-menu__itemfocus-inset.menu-drawer__menu-item--active , div#menu-drawer nav.menu-drawer__navigation .menu-drawer__menu.list-menu li details.menu-opening{ padding: 0 10px !important; } /* div#menu-drawer nav.menu-drawer__navigation li:has(.menu-drawer__menu-item--active) { background-color: #ffffff42 !important; padding-top:0 !important; padding-bottom:0 !important; margin:1rem 0; border-radius:10px; } */ div#menu-drawer nav.menu-drawer__navigation li .menu-drawer__menu-item--active { color: #CB342C !important; font-weight: 600; } a.menu-drawer__menu-item.list-menu__itemfocus-inset , a.menu-drawer__menu-item.list-menu__itemfocus-inset , div#menu-drawer nav.menu-drawer__navigation .menu-drawer__menu.list-menu li details{ padding: 0 10px !important; border-radius: 10px; } nav.menu-drawer__navigation ul.menu-drawer__menu.list-menu { padding: 0 20px; } /* middle sreen start */ @media screen and (max-width:1260px) and (min-width:767px) { .team_wrapper span.subtitle { font-size: clamp(1rem, 1.528vw, 22px); } .team_wrapper span.title { font-size: clamp(1rem, 1.528vw, 22px); } .team_wrapper .dsc p { font-size: clamp(1rem, 1.25vw, 18px); } .team_wrapper .dsc { padding: clamp(15px , 1.7vw , 25px ); height: clamp(100px , 10.5vw , 200px); } } @media screen and (max-width:1366px) and (min-width:989px) { body .painkiller h5.title {font-size:19px;} } @media screen and (max-width:1250px) and (min-width:990px) { body ul.list-menu.list-menu--inline { gap: 5px; padding: 4px 12px; } .backgrond_class h2.banner__heading.h1.black-heading, .backgrond_class h2.banner__heading.h1.black-heading strong { font-size:4.615vw; } body .painkiller h5.title { white-space: pre-wrap !important; font-size: 1.692vw; width: 100%; margin-left: 0; } body .painkiller h5.title~p { font-size: 1.38vw; } body .painkiller .swiper-supl-button-next { justify-content: center; gap: 5px; margin-top: 0 !important; bottom: 10px; } body .painkiller .swiper-supl-button-next img { margin: 0 !important; } .supplement_details_wrapper.front, .supplement_details_wrapper.back { padding: 15px; } body .by_women .banner__text.typeset2.rte p { font-size: 2vw; } .new_app_main .heading span p { font-size: 2vw; } .new_app .heading h2 p { font-size:clamp(1rem, 3.056vw, 44px); } .banner__text.typeset2 p { font-size: 2.083vw; } .backgrond_class.banner .banner__text { margin-top: 20px; } div#painkiller h2 p { font-size:clamp(1rem, 3.056vw, 44px); } div#painkiller p.description {font-size: 2.083vw;} .instafeeds h2.title.h1 p { font-size:clamp(1rem, 3.056vw, 44px); } section[id*=better_input] .heading h2 p , body .range-container h2.title , div#offers .heading h2 p , section.reviews-section h2.title , div#team .heading h2 p { font-size:clamp(1rem, 3.056vw, 44px); } } /* middle screen end */ @media screen and (max-width:1225px) and (min-width:768px) { .painkiller .supplement_details_wrapper img { max-width: 35px; } .painkiller .swiper-container_supl .swiper-slide { height: 260px;min-height:unset; } body .painkiller h5.title { margin-bottom: 10px; } } @media screen and (max-width:989px) { .new_app_main .left-col.rich-text.section--padding.new_app { padding: 0; } /*Header start*/ a.header__icon.header__icon--account.focus-inset.small-hide { display: block !important; height: auto; } img.close_menu_icon {display: none;} .menu-drawer__navigation-container drawer-close-button.header__icon.header__icon--menu.medium-hide.large-up-hide { display: none; } details.menu-drawer-container summary.header__icon.header__icon--menu.focus-inset { z-index: 999; } details.menu-drawer-container summary.header__icon.header__icon--menu.focus-inset svg { transition:all 0.25s ease; } details.menu-drawer-container.menu-opening summary.header__icon.header__icon--menu.focus-inset svg{ transform:rotate(90deg) } .menu-drawer__navigation-container .menu-drawer__utility-links { border: none; } body announcement-bar:not([data-layout=carousel]) .announcement-slider { column-gap: 5rem; } /*Header end*/ .painkiller .supplement_details_wrapper img { max-width: 45px; } .painkiller h5.title { margin:10px 0;letter-spacing:0;} .desktop { display: none; } .painkiller .swiper-container_supl .swiper-slide{ height: 267px;} .rich-text.section--padding.painkiller p.description { text-align: center; font-size: 18px; margin-bottom: 30px;letter-spacing:0; } .heading h2 p { font-size: 24px; font-family: Lora, sans-serif !important; font-weight: 600; text-align:center; } .heading span p { font-size: 18px; text-align: center; } .how_work_wrapper span.dsc p { margin-top: 0; font-size: 16px; line-height: 1; } /*hero section*/ .backgrond_class.banner .mobile.banner__media-half { width: 100%; } .backgrond_class.banner .banner__content { position: static;padding:0; } .backgrond_class.banner .banner__text p { color: #2A2A2A; } .backgrond_class.banner { background: transparent; display: block; } /*how it work small screen*/ .rich-text.section--padding.how_it_work h2 p , .subscription-tabs h2 p { font-size: 24px; font-family: Lora, sans-serif !important; font-weight: 600; text-align:center; } .rich-text.section--padding.how_it_work span p , .subscription-tabs span p { font-size: 18px; text-align:center; } .how_work_wrapper { min-height:285px; } .how_work_wrapper span.title { font-size: 18px; font-weight: 600; } /*range section start*/ .range-container h2.title { margin: 0; font-size: 24px; font-family: Lora, sans-serif !important; font-weight: 600; text-align:center; } .range-container p.description { font-size: 18px; text-align: center; } .range-container { margin: 20px 0; } .range-container { background: #fff; border-radius: 70px 0 0 0; padding:40px 16px; } .range-container p.month { position: absolute; margin: 0; left: 10px; font-size: 11px; color: #fff; font-family: 'Lora' !important; top: 5px;z-index:9; } p#rangeText p { font-size: 39px; color: #a0d0cd; font-weight: 500; font-family: 'Lora' !important; text-align: center; margin: 0; } p#rangeText p span { font-size: 16px; color: #2A2A2A; display: block; } .input_col { max-width: 415px; margin: 0 auto; } .range-container h2.title p strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #cb342c; text-underline-offset: 5px; text-decoration-thickness: 3px; text-decoration-skip-ink: none; } /*subscription tabs*/ .subscription_btns { display: flex; }.backgrond_class.banner .image-animate img { object-fit: contain; } p.tabs_heading , p.tabs_heading + p { display: none; } section:has(.subscription-tabs){background:#fff;} .subscription-tabs .subscription-tab_wrapper img { width: 100%; margin-left: 0px; } .subscription-tabs .subscription-tab_wrapper img { width: calc(100% + 30px); margin-left: -15px; } .subscription-tabs .subscription-tab_wrapper span.title ,.subscription-tabs .subscription-tab_wrapper span.price { font-size: 22px; font-weight: 700; margin-bottom: 0; line-height:1.1; } .subscription-tabs .subscription-tab_wrapper span.dsc p { text-align: left; font-size: 16px; line-height: 1.3; } a#read_more { color: #cb342c!important; border:2px solid #cb342c; font-size: 16px!important; font-weight: 600; border-radius: 20px; font-family: Quicksand,sans-serif!important; margin: 10px 0; background:transparent!important; max-width:171px; } a#cta-buynowben { width: 171px !important; margin: unset;font-size:16px; } .subscription-tabs .subscription-tab_wrapper span.list ol { padding: 0; } .subscription-tabs .subscription-tab_wrapper span.list ol li { font-size: 15px; letter-spacing: 0; } .off_save .save { line-height:1;top: 10px; left: 20px; padding: 4px 10px; font-size: 12px !important; font-weight: 700; letter-spacing: 0; } .subscription-tabs .subscription-tab_wrapper .image_wrapper { background: #eff3f7; } .subscription-tabs .subscription-tab_wrapper .image_wrapper img {padding-top:40px;margin-bottom:-20px;} body .subscription-tabs .swiper-slide:nth-child(2) .time_period { line-height: 1; top: 10px; left: 10px; padding: 4px 10px; font-size: 12px !important; font-weight: 700; letter-spacing: 0; } body .subscription-tabs .swiper-slide.active .off_save .save { top: 10px;} .subscription-tab_wrapper .image_wrapper img.mobile_img { width: 55px !important; height: 93px; position: absolute !important; left: 50%; transform: translateX(-50%) !important; bottom: -25px; margin: 0 !important; margin-bottom: -10px !important; } /* div#offers .swiper-container:has(.swiper-slide-next) .swiper-subscription-button-prev::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } */ /* body .subscription_btns div[class*="swiper-subscription-button"].active::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } */ .subscription-tabs .subscription-tab_wrapper span.offprice { font-size: 20px; color: hwb(0deg 16% 84% / 40%); text-decoration: line-through; text-decoration-color: #CB342C; line-height: 1; } body .subscription-tabs .swiper-slide:nth-child(2) .price_col { margin-bottom: 30px; } /*women section*/ .by_women .banner__box a.button { max-width: 170px;} /* reviews section */ section.reviews-section h2.title.h1 { font-size: 24px !important; font-family: Lora,sans-serif!important; font-weight: 600 !important; text-align: center; padding:0 0px; } body .swiper-reviews .swiper-slide {width:65% !important;} section.reviews-section .swiper-wrapper { align-items: stretch; } section.reviews-section .swiper-wrapper .swiper-slide { height: auto; } section:has(.new_app) { padding-top: 40px; } section.reviews-section h2:before { content: ""; height: 3px; width: 200px; right: 15px; bottom: 0px; background: #de4037; position: absolute; border-radius: 10px; } /* better input section */ .swiper-container_supl.better_input_slider .swiper-wrapper { height: 200px;} section[id*="better_input"] { margin-top: 40px !important; padding-top: 40px; background: #ECF1F4; border-radius: 0 70px 0 0; } .swiper-container_supl.better_input_slider .supplement_details_wrapper.front { padding: 24px; } .swiper-container_supl.better_input_slider .supplement_details_wrapper.front h5.title { margin-top: 0; margin-bottom: 10px; font-size: 16px; font-weight: 700; font-family: 'Quicksand' !important; } .supplement_details_wrapper.front { text-align: left; } .swiper-container_supl.better_input_slider .supplement_details_wrapper.front .dsc { line-height: 1.2; } .better_input_slider { text-align: center; } .subscription-tab_wrapper {overflow:hidden;} .image_wrapper { width: calc(100% + 30px); margin-left: -15px; } .trigger_slider .action_image { margin: 60px auto 30px; } div:has(>.range-container) { padding-top: 40px !important; background: #ecf1f4; } /*new app*/ .new_app a#cta-buynowben { margin: 20px auto 0; } .new_app .for_mobile { display: block; margin: 0 auto; } .reviews-section.review-home-sec, .team.page-width:has(.meet_the_team) { border-radius: 70px 0 0 0; } body.template-index .faq_insta .card_wrapper,body.template-index .insta_col::before { border-radius: 0 100px 0 0 !important; } } @media screen and (max-width:989px) and (min-width:767px) { summary.header__icon.header__icon--menu.focus-inset { top: 0; position: absolute; left: 0; z-index: 9999; } div#menu-drawer { top: 0; width: 70%; } nav.menu-drawer__navigation ul.menu-drawer__menu.list-menu { width: 50%; margin-top: 74px; } svg.icon.icon-close { display: none; } details.menu-opening span.header__icon--summary svg { transform: rotate(90deg); } details[open].menu-opening>summary .header__icon--summary:after { display: none; } details span.header__icon--summary svg { position: relative; left: 20px; top: 15px; } .header__left:has(.menu-opening) ~ h1.header__heading img.white-logo.medium-hide.large-up-hide.small-hide { display: block !important; position: relative; z-index: 9999; top: 0; position: absolute; } .footer_first_row li a, .footer_first_row li span { font-size: 14px !important; } .footer_first_row { flex-direction: column; align-items: start; } #shopify-section-footer .policies { padding-bottom: 30px; width: 100%; } } @media screen and (max-width:989px) and (min-width:600px) { div#offers .swiper-container { padding: 0 16px; } .by_women.banner { flex-direction: column; } body .by_women .banner__content { background: #ffffff !important; padding: 0; box-shadow: none; width: 100% !important; margin: 0 !important; } body .by_women .banner__content .banner__box { background: #fff; box-shadow: 0 4px 28px hwb(0deg 0% 100% / 30%); border-radius: 20px; margin-top: -40px; } body .by_women .banner__content .banner__box p { color: #000; } .by_women .mobile.banner__media { width: 100%; } .by_women .banner__box a.button { max-width: unset; } .by_women .banner__box a.button::before { right: 10px; } .by_women .mobile.banner__media .image-animate.media.media--550px.media-mobile--250px { border-radius: 70px 0 0 0; } .by_women.banner .banner__content.banner__content--middle-center.page-width { position: static; } a.see_all_reviews { max-width: 257px; margin: 0 auto; } } @media screen and (max-width:767px) and (min-width:550px) { body .insta_col .feed_wrapper .social_wrapper .social_field p { font-size: 18px !important; } } @media screen and (max-width:767px) { header.header { padding-top: 13px; padding-bottom: 13px; } .banner--mobile-bottom .banner__box { padding: 1rem 0; } ul.policies.list-unstyled li a { font-size: 11px; } .footer_first_row { flex-direction: column; align-items: start; gap: 16px; } small.copyright__content { order: 2; } ul.policies.list-unstyled { order: 1; padding-bottom: 0 !important; } .footer__payment { order: 3; } ul.policies.list-unstyled li:nth-child(4) { padding-left: 0; } ul.policies.list-unstyled li:nth-child(4)::before { display: none; } ul.policies.list-unstyled li:nth-child(1) { padding-left:0; } ul.policies.list-unstyled li:nth-child(1)::before { display: none; } ul.policies.list-unstyled li { flex-basis: 32%;display:block; } .announcement-bar a , .announcement-bar a * { font-size: 12px; } a.button { max-height: 44px; border-radius: 20px; } .button_for_bg { display: flex; align-items: start; gap: 16px; } .button_for_bg > a.button:first-of-type {font-size:16px !important;white-space:nowrap;} .button_for_bg > a.button:nth-of-type(2){font-size:16px !important;} .by_women .banner__box a.button {font-size:16px !important;} a#cta-buynowben {font-size:16px;font-weight:600;} .new_app a#cta-buynowben{font-size:16px;} .custom_text_remark {background-image:url('/cdn/shop/files/Vector_427_1.png?v=1724924484'); padding-right: 0px; padding-left: 25px; } section:has(.custom_text_remark) { padding-left: 20px; padding-right: 20px; } body.scrolled div#menu-drawer { top: 0; } /*hero section*/ .backgrond_class.banner .image-animate img { object-fit: cover; } .backgrond_class h2.banner__heading.h1.black-heading strong {font-weight:700;font-family:'Lora';} .backgrond_class .banner__box.center.mobile-center{padding-bottom:0;} .custom_text_remark .rich-text__blocks{padding-left:0;} .painkiller h2{ text-align: center; } .painkiller h2 p { display: inline; } .painkiller h2 p strong { text-underline-offset: 3px; text-decoration-thickness: 2px; } .supplement_details_wrapper.front, .supplement_details_wrapper.back { padding: 25px 15px; } .supplement_details_wrapper.back {padding:25px;} .button_for_bg > a.button:first-of-type{margin-bottom:0;} section:has(.custom_text_remark) { background: #ECF1F4 !important; margin-top: 40px !important; } /* women section*/ section:has(.painkiller){padding-bottom:40px;} .by_women .banner__media img { border-radius: 70px 0 0 0; } .by_women .banner__text.typeset2.rte p { font-size: 16px; } .by_women .banner__box a.button {margin-bottom:0;} .by_women .banner__content { padding: 0 23px !important; } .by_women .banner__box a.button { padding-left: 15px !important; } .by_women .banner__box a.button::before{right:25px;} .by_women .banner__box a.button { padding-left: 15px !important; } .by_women .banner__box.mobile-center .button {min-width:unset;padding:15px !important;gap:0; justify-content:center;} a.button.button--cta svg { background-position: center right; } .by_women .banner__box.mobile-center .button span.label { letter-spacing: 0; } .by_women.banner .h1 strong {text-decoration-thickness: 2px;} /*range section*/ .range-container h2.title p { font-family: 'Lora' !important; margin-top: 0; margin-bottom: 20px; } .range-container p.description { margin-top: 0; line-height: 1.3; margin-bottom: 30px; } .range-container { margin: 0px 0 0; } div:has(>.range-container) { padding-top: 40px !important; background: #ecf1f4; } span#valueDisplay, p:has(span#valueDisplay) { font-size: 39px; line-height: 1; } p#rangeText p span {line-height:1.3;} .dynamic_val { padding-bottom: 15px; } /* subscription */ .subscription-tabs h2 p, .subscription-tabs .heading , .subscription-tabs h2 p, .subscription-tabs h2 { margin-top: 0; margin-bottom: 20px; } .subscription-tabs span p { margin-bottom: 30px; } .subscription-tabs .subscription-tab_wrapper img { width: 100%; margin-left: 0; } .subscription-tabs .subscription-tab_wrapper .image_wrapper img { padding-top: 20px; margin-bottom: -20px; width: 120%; margin-left: -10%; } .subscription-tabs .subscription-tab_wrapper span.title, .subscription-tabs .subscription-tab_wrapper span.price, .subscription-tabs .subscription-tab_wrapper span.offprice {font-size:18px;} .subscription-tabs span p { margin-bottom: 20px; } .subscription-tab_wrapper .pay_managment p { margin-bottom: 0; font-size: 12px; } section:has(.subscription-tabs) > .page-width{padding-bottom:40px;} body .subscription-tabs .swiper-slide:first-child .time_period{height:55px;width:55px;padding:0;rigth:5px;top:5px;} div#offers h2 p strong {text-decoration-thickness: 2px; } div#offers .swiper-container:has(.swiper-slide-next) .swiper-subscription-button-prev { color: #fff;} div#offers .swiper-container:has(.swiper-slide-prev) .swiper-subscription-button-next { color: #fff;} div[id*="shopify-section"]:has(.reviews-section){padding-top:0;} body div[id*="shopify-section"] .reviews-section {padding-top:40px !important;} body.template-index div[id*="shopify-section"]:has(.reviews-section) section.reviews-section { padding-bottom: 0 !important; } section:has(.subscription-tabs) > .page-width { padding-left: 0; padding-right: 0; } .subscription-tabs .heading { padding: 0 16px; } div#offers .swiper-container { padding: 0 16px; } .range-container h2.title p strong {text-decoration-thickness:2px;} /*review*/ section.reviews-section h2:before { content: ""; height: 2px; width: 115px; bottom: 0px; background: #de4037; position: absolute; left: 50%; transform: translateX(-50%); } section.reviews-section h2.title.h1{width:auto;} section.reviews-section .swiper.swiper-reviews{padding:35px 16px 35px 16px;} body .reviews-section {padding-bottom:0 !important;} .swiper-reviews .swiper-slide .name{font-size:18px;font-weight:700!important; } /* Team */ div#team .heading , div#team .heading * { margin-top: 0; } .team_wrapper span.title { font-size: 18px; color: #fff; font-weight: 600; } .team_wrapper .dsc{padding: 24px 25px;} div#team h2 p strong , .new_app h2 p strong {text-decoration-thickness:2px;} /* Take care section */ body .take_control .slider-mobile-gutter .grid--2-col .grid__item{flex-basis:unset!important;} body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3 { font-size: 24px; font-weight: 600; font-family: 'Lora'; line-height: 1; margin-top: 30px; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item p.multicolumn-card__title.h3::before { position: absolute; bottom: 120%; margin-bottom: 0; } body .take_control .slider-mobile-gutter .grid--2-col .grid__item a.button { position: static; transform: none; min-width: unset !important; width: 170px !important; margin-top: 20px !important; font-size: 16px !important; font-weight: 400 !important; } .take_control.section--padding { padding-top: 40px; padding-bottom: 40px; background: #ECF1F4; } .take_control .multicolumn-card__info { padding: 35px 35px 40px;} .insta_col .feed_wrapper .social_wrapper .social_field p a { font-size: 12px; } /* footer */ footer .footer__content-bottom { padding: 40px 0 !important; } .footer__content-bottom-wrapper .footer__column--info { margin-top: 0!important; padding-top: 0; } .footer__payment , .footer__payment * { width: 100%; } #shopify-section-footer .footer{padding-top:0 !important;} ul.policies.list-unstyled li::before { height: 3px; width: 3px !important;} ul.policies.list-unstyled li:not(:first-child):before{left:1px;} .take_control ul.multicolumn-list { margin-top: 0; } #shopify-section-footer .policies{flex-wrap:wrap;} footer .footer__content-bottom-wrapper.page-width { padding: 0 16px; } body .subscription_btns>div.active {color:#000;} body .insta_col .feed_wrapper { margin-top: 15px; } body .insta_col > p { font-size: 18px; } body .instafeeds h2.title.h1 p { margin-bottom: 0; } body .instafeeds .ingredients_content.tab_content .card_wrapper { display: flex;flex-direction:column-reverse;background:#ecf1f4;border-radius:100px 0 0 0;gap:0; } body .instafeeds .ingredients_content.tab_content { padding: 0; } body .insta_col::before { width: 100vw; } body .instafeeds h2.title.h1 p { font-size: 24px; padding: 0; } body .instafeeds .ingredients_content.tab_content .card_wrapper .insta_col { padding: 40px 15px; } body img.insta_component_img { bottom: -20px; left: 45%; right: auto; max-width: 150px !important; } body .insta_col .feed_wrapper .social_wrapper .social_field p { font-size: 12px; } body .insta_col .feed_wrapper .social_wrapper { right: 0; } body .social_field img { height: 15px; width: 15px; } body .insta_col .feed_wrapper .social_wrapper .social_field { padding: 5px 7px; border-radius: 10px; } body .insta_col .feed_wrapper { margin-top: 15px; } .insta_col > p { font-size: 18px; } body .instafeeds h2.title.h1 p { margin-bottom: 0; } body .control_sec { padding: 35px 35px 60px; box-shadow: 0 7px 28px hwb(0deg 57% 43% / 30%); border-radius: 20px; position: relative; background: #fff;width:100%; } .left_col { padding: 40px 15px 0!important; } body .home_insta .left_col{padding-top:0 !important;} .home_insta .left_col::before { display:none; } body .control_sec { padding: 35px; margin-top:20px;} body .control_sec a.shop_btn { margin: 0 auto; width: 170px; height: 44px; line-height: 2.8; border-radius: 20px; font-weight: 600; font-size: 16px; position: static; transform: none; margin-top: 20px; } body .team.page-width{padding-bottom:25px;} .subscription-tabs .subscription-tab_wrapper span.list ul li , .subscription-tabs .subscription-tab_wrapper span.list ol li { font-size:16px; } .home_insta .faq_insta { background: #ffffff; padding-top: 15px; } .footer__payment ul.list.list-payment { justify-content: start ; } .footer__payment ul.list.list-payment li { width: auto; } small.copyright__content { order: 2; font-family: "Lato", sans-serif; font-weight: 400; color: #42474C; } .footer_first_row > small.copyright__content a { font-family: "Lato", sans-serif; } body .instafeeds .ingredients_content.tab_content .card_wrapper .left_col { padding-left: 0px !important; padding-right: 0px !important; } body .home_insta .ingredients_content.tab_content .card_wrapper .left_col { padding-left: 15px !important; padding-right: 15px !important; } .new_app_main a#cta-buynowben:hover:before { right: 20px; } body div[id*="experience_reviews"] .reviews-section { padding-top: 0 !important; background: #ECF1F4;border-radius:70px 0 0 0 !important; } body div[id*="review_exp"] .reviews-section { padding-top: 0 !important; background: #ECF1F4;border-radius:70px 0 0 0 !important; } .header__right .localization-form { display: block; margin-right: -16px; } .header__right a.header__icon.header__icon--account.focus-inset.small-hide { display: none !important; } details.cart-drawer-container summary.header__icon.focus-inset { padding-right: 0; } .note_for_content { display: none; } .backgrond_class h2.banner__heading.h1.black-heading, .backgrond_class h2.banner__heading.h1.black-heading strong {font-size:24px;} html[lang="de"] #shopify-section-footer .policies { padding-bottom: 30px; justify-content: space-between; } html[lang="de"] ul.policies.list-unstyled li:not(:first-child) { padding-left: 20px; } html[lang="de"] ul.policies.list-unstyled li { flex-basis: 29%; display: block; } html[lang="de"] ul.policies.list-unstyled li:nth-child(4) { padding-left: 0; } html[lang="de"] .backgrond_class h2.banner__heading.h1.black-heading {font-size:24px; } } @media screen and (max-width:789px) { .cst-custom-monthly-cycle-page.backgrond_class .banner__box h2 { font-size: 40px !important; } .cst-custom-monthly-cycle-page.backgrond_class h2.banner__heading.black-heading strong{ font-size: 40px ; } } @media screen and (max-width:750px) { .expert-video-right.cst-text-right { text-align: center; } .cst-text-right a#expert-video-btn { display: inline-block; margin-top: 0; width: 100%; } } @media screen and (max-width:550px) { body .insta_col .feed_wrapper img { max-width: 52%; } body img.insta_component_img { bottom: -20px; left: 45%; right: auto; max-width: 90px !important; } body.template-index section:has(.new_app) { margin-bottom: -1px; } } @media screen and (max-width:382px) { .team_wrapper .dsc { padding: 24px 22px; } } @media screen and (min-width:1550px) { .by_women .banner__content.page-width::before{left:-200px;} } @media screen and (min-width:1950px) { .by_women .banner__content.page-width::before{left:-240px;} } /*new css*/ #shopify-section-footer .policies small.copyright__content { max-width: unset; } ul.policies.list-unstyled li:not(:first-child) { padding-left: 30px; width: auto !important; flex-basis: auto !important; max-width: unset !important; } ul.policies.list-unstyled li:not(:first-child):before { left: 8px; } #shopify-section-footer .policies { gap: 16px; } .backgrond_class.banner .second_img_banner_custom.desktop img { max-height: 760px !important; margin-top: -10px; } .by_women.banner .image-animate.media { position: relative; bottom: -28px; } html[lang="de"]section[id*="rich_text"] .rich-text.section--padding { padding: 40px; } html[lang="de"] section[id*="rich_text"] h2.rich-text__heading.h1::before {content:'Übernimm die Kontrolle ';} .subscription-tabs .overflow_none { height: 235px; } .subscription-tabs .subscription-tab_wrapper img { object-fit: fill !important; } .subscription-tabs .subscription-tab_wrapper span.title { margin-top: 0px; } .subscription-tabs .subscription-tab_wrapper .image_wrapper img {width:100%;margin:0;} .subscription-tabs .subscription-tab_wrapper .image_wrapper::before { content: ""; height: 50%; width: 100%; background: #eff3f7; position: absolute; left: 0; top: 0; z-index: -1; } .subscription-tab_wrapper .image_wrapper {background:transparent;} button.ButtonBase__ButtonContainer-sc-p43e7i-3.euBiGU { background: #d43a32 !important; } section.reviews-section h2.title strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: 5px; } section.reviews-section h2:before {display:none;} .product .slider-buttons { position: static !important; } .product .slider-buttons button.slider-button.slider-button--prev { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index:999; pointer:cursor; border-radius:0 50px 50px 0; } .product button.slider-button.slider-button--next { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index:999; pointer:cursor; border-radius:50px 0 0 50px; } .dynamic_val p#rangeText .title { font-size: 28px; font-weight: 500; color: #a0d0cd; margin-top: 20px; margin-bottom: 15px; font-family: 'Lora'; } .form__message.h3 { font-family: "Quicksand", sans-serif !important; } .team .swiper-container:has(div[aria-label="4 / 4"]){ max-width:unset !important; } .team .swiper-container .team_wrapper { width: 100%; } .Monthlies section[id*="health_expert"] { background: #a6d0cd; } .Monthlies .health_expert.section--padding { border-radius: 100px 0 0 0; overflow: hidden; background: #fff; } .Monthlies .backgrond_class.banner .button_for_bg > a.button:first-of-type { width:295px !important; gap:5px; } .chat_with_us.page-width { display: flex;align-items:center; } .chat_with_us.page-width img { max-width: 327px; } .chat_with_us.page-width .right_col { flex-basis: 50%;text-align:center;position:relative; } .chat_with_us.page-width .left_col { flex-basis: 50%; } .chat_with_us.page-width .heading h2 p strong { font-family: inherit; display: block; } .chat_with_us.page-width .heading h2 p a { font-family: inherit; text-decoration-color: #CB342C; color: inherit; } .chat_with_us.page-width .heading h2 p strong::after { content: "."; color: #CB342C; } section:has(.chat_with_us.page-width) { background: #ECF1F4; border-radius:0 100px 0 0; padding:60px 0 0; } .chat_with_us.page-width .right_col p.img_text { background: #fff; width: max-content; padding: 9.313px 22.3px; border-radius: 20px; font-size: 18px; box-shadow: 0 7px 28px #9191914d; position: absolute; bottom: 35px; left: 100px; } .chat_with_us.page-width a#cta-buynowben {width:295px!important;font-weight: 600;text-transform: capitalize;} .chat_with_us.page-width a#cta-buynowben::before { background: url('/cdn/shop/files/Subtract.png?v=1730093340'); background-size: cover; height: 22px; width: 22px; right: 41px; } .chat_with_us.page-width .left-col .heading span p { margin-top: 10px; } .chat_with_us.page-width .left-col .heading h2 { margin-bottom:0px; } .home_insta.instafeeds .ingredients_content.tab_content .card_wrapper { flex-direction: row-reverse; } .home_insta .faq_insta { background: #a6d0cd; } .home_insta .left_col { justify-content: center; } .home_insta .ingredients_content.tab_content .card_wrapper .insta_col { padding: 80px 60px 80px 80px; margin-top: -80px;flex-basis:15%; } .home_insta .insta_col .feed_wrapper .social_wrapper{right:40px;} .home_insta img.insta_component_img{right:160px;} .home_insta .insta_col::before { left: auto; right: 0; border-radius: 0 100px 0 0; background: #fff;width:100vw; } .home_insta .insta_col .feed_wrapper .social_wrapper .social_field {background: #ECF1F4; } .home_insta .left_col{padding-top:0;} .feacture_bar img { max-width: 70px; object-fit: cover; } .feacture_bar span.title { font-size: 22px; color: #404040; font-weight: 600; margin: 0;line-height:1.3; } .feacture_bar .custom_image_section { gap: 10px; display: flex; align-items: center; } .feacture_bar .rich-text-image__blocks { display: flex; gap: 20px; } .rich-text-image.section--padding.feacture_bar { max-width: 1082px; margin: 0 auto ; padding: 14px 52px; background: #ecf1f4; border-radius: 20px;position:relative; } #shopify-section-header .header-wrapper a.header__active-menu-item span { font-weight: 700; color: #d43a32 !important; } .mobile.banner__media.banner__media-half video { max-height: 760px; width: 100%; object-fit: cover; } body #shopify-section-template--24135593460059__main .rc-widget { display: block !important; } /* 04-11-2024 start */ /* section[id*="custom_image"]:has(.feacture_bar) > .page-width { max-width: unset; background: #ecf1f4; } section:has(section .product):before { opacity:0; } section:has(section .product) { background:#fff; } section:has(.product) { background: #ffffff !important; } .backgrond_class h2.banner__heading.h2.black-heading, .backgrond_class h2.banner__heading.h2.black-heading strong{font-size:50px;} .backgrond_class h2.banner__heading.h0.black-heading, .backgrond_class h2.banner__heading.h0.black-heading strong{font-size:70px;} .product_btns img { max-width: 20px; } .product_btns a { color: #d43a32; font-weight: 500; text-decoration: none; padding-right: 10px; display: inline-flex; align-items: center; } .product_btns { padding-top: 20px; } .product_btns a span { height: 20px; } .product_btns svg , .product_btns svg * { stroke: #d43a32; } @media screen and (min-width:989px) { .product_feacture .svg-logo-image { filter: invert(1); } body .product_feacture {display:block;} } */ /* 04-11-2024 End */ @media screen and (max-width:989px) { .product .slider-buttons.no-js-hidden.small-hide { display: block !important; } .product .product__media-wrapper .slider-mobile--overlay .slider-button { height: 3rem; width: 3rem; } .feacture_bar .custom_image_section { flex-direction: column; text-align: center; } .feacture_bar span.title { font-size: 12px; line-height: 1.3; } .feacture_bar .rich-text-image__blocks { justify-content: center; } .feacture_bar img { max-width: 35px; } .page-width:has(.custom_image_section) { padding: 0; } .rich-text-image.section--padding.feacture_bar { border-radius: 0; margin: 0; margin-top: 40px; padding: 10px 20px; } } @media screen and (max-width:1400px) and (min-width:767px) { .by_women .image-animate.media.media--550px { height: 498px; } .by_women.banner .image-animate.media{obnject-fit:contain;} } @media screen and (max-width:1100px) and (min-width:989px) { .feacture_bar span.title { font-size: 18px; } } @media screen and (max-width:989px) { div#offers .swiper-container:has(.swiper-slide-next) .swiper-subscription-button-prev::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } div#offers .swiper-container:has(.swiper-slide-prev) .swiper-subscription-button-next::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } div#offers .swiper-container .swiper-button-disabled::before { content: ""; background: #B62820; height: 100%; width: 100%; left: 0; top: 0; position: absolute; } div#offers .swiper-container .swiper-button-disabled { color:#fff; } /* New app */ .page-width:has(>.new_app) { border-radius: 0 70px 0 0; } .new_app_main * { text-align: center; } .new_app_main a#cta-buynowben { margin: 30px auto 0; font-weight: 400; min-width: unset; } .new_app_main img.for_mobile { margin: 0 auto;width:100%; } .new_app_main a#cta-buynowben::before { right: 25px; } body .new_app { padding-bottom:0 !important; } .new_app_main .heading , .new_app_main .heading * { margin-top: 0; } .chat_with_us.page-width .for_mobile { display: none; } .chat_with_us.page-width img.for_desktop { display:block; } .chat_with_us.page-width { flex-direction: column; } .chat_with_us.page-width .right_col p.img_text { left: 50%; transform: translateX(-50%); padding: 2px 13px; font-size: 16px; border-radius: 10px;bottom:0; } .chat_with_us.page-width img { max-width: 245px; } section:has(.chat_with_us.page-width) { padding-top:30px;margin-top:40px;border-radius:0 70px 0 0;padding-bottom:15px;} .chat_with_us.page-width .heading h2 p { margin-top: 0px; } .chat_with_us.page-width a#cta-buynowben { width: 211px !important; margin: 0 auto; font-size: 16px; padding: 14px 10px!important; padding-right: 40px !important; box-shadow: 0 4px 13px hwb(0deg 0% 100% / 13%); border-radius: 20px; } .chat_with_us.page-width a#cta-buynowben::before { right: 20px; } .chat_with_us.page-width .heading h2 p a{text-decoration:none;} body .home_insta .ingredients_content.tab_content .card_wrapper .left_col * {z-index: 9;} body .home_insta .ingredients_content.tab_content .card_wrapper .left_col {background:#fff;padding-bottom: 40px !important;} .home_insta .insta_col::before { height: -webkit-fill-available; background: #ebf0f3; } .Monthlies footer .footer__content-bottom { padding: 00px 0 !important; } .home_insta .ingredients_content.tab_content .card_wrapper .insta_col { margin-top: 0; } .home_insta .faq_insta { padding-top: 40px; } .page-width:has(>.new_app) { background: #a0d0cd; } .Monthlies .health_expert .title-wrapper.left { padding: 0 30px !important; } } @media screen and (max-width:768px) { section#shopify-section-template--26248099365211__rich_text_ijzttN::before { content: none !important; } section#shopify-section-template--26248099365211__rich_text_ijzttN{ background: #fff !IMPORTANT; padding: 0; } section#shopify-section-template--26248099823963__rich_text_CTeEw::before { content: none !important; } section#shopify-section-template--26248099823963__rich_text_CTeEw { background: #fff !IMPORTANT; padding: 0; } body section.reviews-section h2.title{padding:0 20px !important;} .subscription-tabs .overflow_none { height: 200px; } .subscription-tabs .subscription-tab_wrapper .image_wrapper img { padding-top: 40px; } .subscription-tabs .subscription-tab_wrapper .image_wrapper{background:transparent;} #shopify-section-footer .policies small.copyright__content { max-width: unset; } ul.policies.list-unstyled li:not(:first-child) { padding-left: 20px; } ul.policies.list-unstyled li:not(:first-child):before { left: 8px; } #shopify-section-footer .policies { gap: 15px; } #shopify-section-footer ul.policies.list-unstyled li { flex-basis: 30.33% !important; max-width: 30.33% !important; width: 100%; display: block; } #shopify-section-footer ul.policies.list-unstyled li:nth-child(4) {padding-left:0;} html[lang="de"] .ingredients_content .card_wrapper.german {flex-direction: column; gap: 20px;} html[lang=de] .painkiller .swiper-container_supl .swiper-slide { height: 290px; } html[lang="de"] .no_pain .rte ul li, html[lang="de"] .no_pain .rte ol li { white-space: pre-wrap !important; } html[lang="de"] .App section.reviews-section h2.title.h1 { padding: 0; } html[lang="de"] .App section.reviews-section h2:before { left: 75%; } section.reviews-section h2.title strong { font-family: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: #CB342C; text-underline-offset: auto; text-decoration-thickness: 2px; } .discover-monthlies h2.section_heading span { text-underline-offset: auto; } .Monthlies .backgrond_class.banner .button_for_bg > a.button:first-of-type strong { display: none; } .home_insta.instafeeds .ingredients_content.tab_content .card_wrapper { flex-direction: column-reverse; } .backgrond_class.banner .mobile.banner__media-half + .desktop.banner__media { display: block; background: transparent; position:absolute; left:50%; top:0; transform:translate(-50%); } .backgrond_class.banner .mobile.banner__media-half + .desktop.banner__media img { max-width: 250px; margin: 0 auto; object-fit: contain; } .backgrond_class.banner .mobile.banner__media.banner__media-half video { max-height: 250px; } /* .backgrond_class.banner .banner__content.banner__content--middle-center.page-width { margin-top: -70px; } */ /* .product_btns { padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: center; width: 100%; gap: 10px; } */ } /* New product page css start */ @media screen and (min-width:989px) { .why-powder .reverse .inner_wrapper { flex-direction: row-reverse; } .why-powder .reverse .inner_wrapper slider-component::before { content: ""; width: 60vw; height: 115%; background: #ABD0CD; position: absolute; left: 0; z-index: 0; top: 0; border-radius: 100px 0px 0 0; } .why-powder .reverse .inner_wrapper .pain_free_period > div::before { content: ""; width: 60vw; height: 100%; position: absolute; right: 0; left:auto; background: #fff; z-index: 0; } .why-powder .reverse .inner_wrapper slider-component { flex-basis: 56.3%; max-width: 56.3%; position: relative; border-radius: 100px 0 0 0; } section.reviews-section.review-home-sec.right-radius { border-radius: 0 100px 0 0 ; overflow: hidden; } .why-powder .reverse .multicolumn-list.grid .multicolumn-list__item.grid__item { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; background: #ffffff00; padding-bottom: 20px; text-align: center; border-radius: 20px; overflow: visible; } .why-powder .reverse img.image_hover { display: none; } .why-powder .reverse .multicolumn-list.grid::before { display: none; } .why-powder .reverse .multicolumn-list.grid li:hover img { transform: none; } .why-powder .reverse .multicolumn-list.grid .multicolumn-list__item.grid__item img { object-fit: contain; } } .faq_insta .card_wrapper { display: flex; } .why-powder .reverse .title-wrapper .title strong { font-weight: inherit; font-family: Lora,serif!important; text-decoration: underline; text-decoration-color: #cb342c; } .why-powder .reverse h2.title.h1::before , .why-powder .reverse h2.title.h1::after { display:none; } .why-powder .reverse .title-wrapper { max-width: 90%; } .why-powder .reverse .title-wrapper span { text-align: center !important; display: inline-block; margin: 0; width: 100%; max-width: unset; } .new_powder_section .title-wrapper.center span { display: block; font-size: 26px; line-height: 1.3; max-width: 70%; margin: 0 auto; } .new_powder_section .title-wrapper.center.mobile-left.center { display: block; } .new_powder_section .multicolumn-list { justify-content: center; } .new_powder_section .title.h1 { font-size: 44px; font-family: Lora, sans-serif !important; font-weight: 600; text-align: center; letter-spacing: 0; text-align: center; } .new_powder_section .multicolumn-list__item.grid__item {padding-top:20px;} .new_powder_section .multicolumn-list__item.grid__item , .new_powder_section .multicolumn-list__item.grid__item * { overflow: visible ; } .new_powder_section .multicolumn-card { position: relative; } .new_powder_section .multicolumn-card__info .button { position: absolute; top: 100px; border-radius: 10px; background: #ECF1F4; color: #2a2a2a ; opacity: 1; min-height: unset; height: unset; padding: 7px 25px !important; border: none; box-shadow: none; font-weight:600; font-size:26px; } .new_powder_section li:nth-child(2) .multicolumn-card__info .button { position: absolute; bottom: 130px; border-radius: 10px; background: #ECF1F4; opacity: 1; min-height: unset; height: unset; padding: 7px 25px !important; border: none; box-shadow: none; top: auto; left: auto; right: 20px; margin-top: 0; } .new_powder_section li:first-child .multicolumn-card__info .button { text-decoration: line-through; text-decoration-color: #d43a32; text-decoration-thickness: 2px; } section:has(.no_pain) { position:relative; } .New.Design.template-product div[id*="shopify-section"]:has(.reviews-section) { position: relative; background: #ffffff; } .card_wrapper { display: flex; } .new_powder_section .multicolumn-list{position:relative;} .new_powder_section .multicolumn-list::before { content: ""; height: 142px; width: 157px; position: absolute; bottom: 0px; left: 49%; transform: translateX(-50%); background: url('/cdn/shop/files/Vector_352.png?v=1724828432'); background-repeat: no-repeat; background-size: contain; } .image_collapsible_tab .accordion { padding-bottom: 10px; } .product-faq-bottom { background:#ABD0CD } .custom_faq .Product-detail-faq .ingredients_content .accordion { box-shadow: none; background: transparent; border: none; margin-bottom:0; } .custom_faq .Product-detail-faq .ingredients_content .accordion:hover { box-shadow:none; } .custom_faq .Product-detail-faq .ingredients_content .accordion:not(:last-child) { border-bottom:1px solid #a6d0cd; border-radius:0px; } .shopify-section.custom_faq:has(.Product-detail-faq) { background: #ffffff; } .custom_faq .Product-detail-faq .ingredients_content .accordion_head { background: none; position: relative; font-size: 26px; font-weight: 600; } .custom_faq .Product-detail-faq .ingredients_content .accordion_head:after { content: ''; height: 30px; width: 30px; background: url('/cdn/shop/files/Arrows_99e09987-b8a0-4b9a-b2ea-cc36324752b8.png?v=1731331228'); position: absolute; background-position: center; background-size: contain; right: 20px; transform: rotate(-90deg); transition:all 0.3s ease-in; } .custom_faq .Product-detail-faq .ingredients_content .accordion.active .accordion_head{ background:none; } .custom_faq .Product-detail-faq .ingredients_content .accordion.active .accordion_head:after { transform:none; } .text-image-div.product_feacture.new { position: relative; padding: 40px 0 25px; } .text-image-div.product_feacture.new::before { content: ''; height: 180%; width: 60vw; background: #a6d0cd; position: absolute; left: -40px; top: 0; } .text-image-div.ultra_feacture.new {position:relative ; gap:10px;} .product_feacture.new .main_div_icon { position: relative; cursor:pointer; } .product_feacture.new .main_div_icon { display: inline-flex; align-items: center; gap: 10px; padding: 5px; background: #ecf1f461; border-radius: 10px; border: 1px solid #fff; margin-right: 10px; margin-bottom: 15px; font-size: 18px; } .product_feacture.new .main_div_icon p { line-height: 1 !important; font-weight: 400; color: #2a2a2a; padding: 0 6px; } .product_feacture.new .main_div_icon p a { color: inherit; text-decoration: none; } .product_feacture.new .main_div_icon:has(p > a) { border-color:#d43a32; } .product_feacture.new .main_div_icon a { text-decoration: none; } section:has(.product .new) { background:#fff; } section:has(.product .new):before { content: ""; height: calc(100% - 375px); width: 100%; position: absolute; background: #fff; left: 0; border-radius: 0; bottom: 0; border-radius: 0 100px 0 0; z-index: 1; top:auto; } .text-image-div.ultra_feacture.new , .text-image-div.ultra_feacture.new ~ * { position: relative; z-index: 9; } .ultra_feacture.new .main_div_icon p{ font-size:11px; font-weight:600; } .ultra_feacture.new .main_div_icon a { color: #2a2a2a; text-decoration: none ; } .product_feacture.new .svg-logo-image { display: none; } .bottom_part_desc { padding-left: 40px; } .new_product_temp h1.product__heading.h1:after { content: "."; color: #d43a32; margin-left: 0; position: absolute; } .new_product_temp .product .product__heading { font-size: 28px; font-weight: 500 !important; } .new_product_temp .product .product__heading + span { font-size: 18px; display:inline-block; line-height:1.3; margin: 12px 0; } .new_product_temp .title_wrapper_box { padding: 15px; border: 2px solid #ECF1F4; border-radius: 15px; margin-bottom: -20px; z-index: 9; background: #fff; } .new_product_temp .product__info-container { display: block; padding-bottom: 0; } .new_product_temp .product__description p { font-size: 16px; line-height: 1.1; } .new_product_temp .product__info-container > div { flex-basis: 50%; justify-content: start; align-items: center; } .new_product_temp .test_products.product__title { padding-right:25px; } .new_product_temp .text-image-div.product_feacture.new { margin-top: 0; } .new_product_temp .text-image-div.product_feacture.new img { display: none; } .new_product_temp .svg-logo-image img { height: 47px; width: 47px; } .ultra_feacture.new .main_div_icon:first-child , .ultra_feacture.new .main_div_icon:nth-of-type(6) { flex-basis: 4%; } body #shopify-section-template--24292424810843__main .rc-widget { display: block !important; } .rc-radio-group__options > .rc-radio:first-child { border-radius: 16px 0 0 0 !important; } .rc-radio-group__options > .rc-radio:nth-child(2) { border-radius: 0 16px 0 0 !important; border: 2px solid #29292966 !important; border-bottom: 0 !important; border-right: auto !important; border-left: 0 !important; } .bottom_part_desc:has(.rc-radio--active.subscription-radio) .single-purchase { display: none; } .bottom_part_desc:has(.rc-radio--active.onetime-radio) .monthly { display: none; } .bottom_part_desc:has(.rc-radio--active.onetime-radio) .single-purchase { display: flex; } .bottom_part_desc .rc-selling-plans { display: none; } .bottom_part_desc .subscription p { margin: 0; font-size: 14px; align-items: center; gap: 7px; } .bottom_part_desc .subscription p:has(img) { display: flex; } .bottom_part_desc .subscription > div { flex-basis: 50%; } .bottom_part_desc .subscription h3 + p, .bottom_part_desc .subscription h3 + p + p { font-size: 12px; color: #2a2a2a; padding: 0 0px; font-weight: 400; line-height: 1; white-space: pre-wrap !important; text-align: center; max-width: 70%; margin: 3px auto 0px; } .product-form__buttons { margin-top: 30px; } .old-template .product_feacture .main_div_icon a { display: flex !important; text-decoration: none; align-items: center; gap: 10px; } .old-template .main_div_icon a { color:#000; text-decoration:none; } .old-template .main_div_icon:nth-child(3) ~ div { display:none !important; } .text-icon-div img { max-width: 16px; max-height: 16px; object-fit:contain; } .text-icon-div { position: relative; z-index: 9; } .text-icon-div .main_div_icon { display: flex; align-items:start; gap:10px; } .text-icon-div p { margin: 0; font-size: 14px; } .text-image-data { } .text-icon-div { margin-top: 35px; } .text-icon-div .svg-logo-image { height: 16px; display: block; width: 16px; } .text-icon-div { display:none; } .uk .image_collapsible_tab .product-details accordion-tab.accordion:nth-last-child(2) { border-bottom: 1px solid #b7d7d5; } @media screen and (min-width:989px) { .new_product_temp .product--medium:not(.product--no-media) .product__media-wrapper { max-width: 48%; width: calc(48% - var(--grid-horizontal-spacing) / 2); } .new_product_temp .product--medium:not(.product--no-media) .product__info-wrapper { max-width: 52%; width: calc(52% - var(--grid-horizontal-spacing) / 2); } .new_powder_section.section--padding .slider-mobile-gutter { margin-top: -40px; } .new_powder_section .multicolumn-list__item.grid__item .media--landscape { padding-bottom:100%; } body .painkiller .back h5.title { margin-bottom: 5px; } } @media screen and (min-width:1367px) { .new_product_temp .product .product__heading { font-size: 26px; text-transform:capitalize; } } @media screen and (max-width:1366px) and (min-width:1024px) { .new_product_temp .product .product__heading { font-size:22px; } .new_product_temp .product .product__heading + span { font-size:16px; } .new_product_temp .product__description p { font-size:14px; } } @media screen and (max-width:767px) { .custom_faq .Product-detail-faq .ingredients_content.tab_content { padding: 0; } .custom_faq .Product-detail-faq .ingredients_content .accordion_head { font-size: 18px; } .custom_faq .Product-detail-faq .ingredients_content .accordion_head:after { height: 16px; width: 16px; } .custom_faq .Product-detail-faq .ingredients_content.tab_content .card_wrapper { display: block; } .custom_faq .Product-detail-faq .accordions:not(:last-child) { border-bottom: 1px solid #a6d0cd; } .Product-detail-faq { padding: 0 15px; } .shopify-section.custom_faq:has(.Product-detail-faq) { background: #ecf1f4; padding-top: 10px; margin-top:40px; } .section--padding:has(>.image-with-collapsible) { padding-top: 20px; } .why-powder .reverse .inner_wrapper { display: block; background: #a6d0cd; } .why-powder .reverse .pain_free_period { max-width: 100%; padding: 0; border-radius: 0 70px 0 0; overflow: hidden; } .why-powder .reverse .inner_wrapper slider-component { max-width: 100%; padding: 40px 20px; } .why-powder .reverse .title-wrapper { max-width: 100%; } .why-powder .reverse h2.title.h1 { font-size: 24px; margin-bottom: 10px; } .why-powder .reverse .title-wrapper span { font-size: 18px; } .why-powder .reverse .multicolumn-list.grid .multicolumn-list__item.grid__item { width: 100% !important; max-width: unset !important; background: transparent; padding: 0; margin: 0; overflow: visible !important; } .why-powder .reverse .multicolumn-list.grid .multicolumn-list__item.grid__item img { object-fit: contain; } .reverse .pain_free_period > div { padding: 0 15px; } .reverse .pain_free_period h2.section_heading { font-size: 24px; margin-top:40px; z-index:98; } .reverse p#rangeText p { font-size: 28px; line-height: 1.2; } .why-powder .reverse .multicolumn-list.grid img.image_hover { display: none; } .why-powder .reverse .multicolumn-list.grid::before { display: none; } .why-powder .reverse .title-wrapper { margin-bottom: 10px; } .reverse .pain_free_period .range-container.in-view { padding-top: 40px; } .new_powder_section .title.h1 { font-size: 24px; } .new_powder_section .title-wrapper.center span { font-size: 18px; max-width: unset; text-align: center; } .new_powder_section .multicolumn-card__info .button { top: -20px; white-space: nowrap; padding: 5px 10px !important; width: max-content !important; right: -70px; } .new_powder_section li.multicolumn-list__item.grid__item:nth-child(2) { padding-top: 42%; margin:0; padding-bottom:0; } .new_powder_section li:nth-child(2) .multicolumn-card__info .button { padding:5px !important; bottom:auto !important ; max-width:unset; width:max-content !important; top:0px; } .new_powder_section use-animate.media-wrapper { min-height: 190px; } .new_powder_section .media--landscape { padding-bottom: 170.6%; } .new_powder_section .multicolumn-list__item.grid__item .media { width: 150%; margin-left: -12.5%; } .new_powder_section .multicolumn-list__item.grid__item:nth-child(2) .media { margin-left: -30%; } .new_powder_section .multicolumn-list { padding-top: 10px; } .new_powder_section.section--padding { padding: 40px 0 0!important; border-radius: 0 70px 0 0 !important; overflow: hidden; background:#fff; } .new_powder_section .multicolumn-card { position: relative; gap: 0; } section:has(>.new_powder_section.section--padding) { background:#ecf1f4; } body:has(.new_powder_section) div[id*="shopify-section"]:has(.reviews-section) { background:#fff; } body:has(.new_powder_section) div[id*="shopify-section"]:has(.reviews-section) section.reviews-section { padding-bottom: 10px !important; background:#ECF1F4; } .custom_faq .product-faq-bottom h2.title.h1 p { font-size: 24px; } .custom_faq .product-faq-bottom .ingredients_content.tab_content .card_wrapper { flex-direction: column; gap: 0; } .custom_faq .product-faq-bottom .ingredients_content.tab_content { padding: 40px 15px; } .page-width.image-with-collapsible .accordion_wrapper { padding-bottom:40px; } .new_powder_section .multicolumn-list::before { content: ""; height: 105px; width: 105px; position: absolute; bottom: auto; top: 40px; left: auto; right: -30px; background: url(/cdn/shop/files/Vector_775.png?v=1731653863); background-repeat: no-repeat; background-position: right; background-size: contain; z-index: 99; } .new_product_temp .product__info-container > div { width: 100%; } .new_product_temp .title_wrapper_box { margin: 0; border: none; } .new_product_temp .product__info-container { padding-left: 15px !important; } .new_product_temp .product__info-container { } .new_product_tem .product__description.rte { padding: 0; } .new_product_tem .bottom_part_desc {padding-left: 15px;} .new_product_tem .ultra_feacture .main_div_icon:nth-child(3) ~ div { display: none; } .new_product_temp .title_wrapper_box { padding: 0; } .new_product_temp .review_star { float: none; justify-content: start !important; } .new_product_temp .product__info-container { flex-direction: column; gap: 0; } .new_product_temp .test_products.product__title { padding: 0; justify-content:start; } .new_product_temp .product__info-container > div { padding: 0; } .new_product_temp .product .product__heading + span { font-size: 14px; margin: 0; } .text-image-div.product_feacture.new {padding-top: 0px;} .bottom_part_desc { padding-left: 15px; padding-right: 15px; } .new_product_temp .product__description.rte { padding: 20px 0 10px!important; position: relative; z-index: 9; } .new_product_temp .product_feacture .main_div_icon { flex-basis: unset; margin-right: 0 !important; } .new_product_temp .product_feacture .main_div_icon, .new_product_temp .product_feacture .main_div_icon p { font-size:12px; } /* .new_product_temp .text-image-div.ultra_feacture:before { content: ""; height: 120%; width: 110%; position: absolute; left: -15px; top: -15px; background: #fff; z-index: 0; border-radius: 0 70px 0 0; } */ .new_product_temp .text-image-div.product_feacture.new { padding-bottom: 10px; min-height: 110px; } .new_product_temp .text-icon-div { z-index: 10; } .product_feacture.new .main_div_icon { margin-bottom: 5px; height: 100%; } .new_product_temp .text-image-div.ultra_feacture:before { content: ""; height: 220%; width: 110%; position: absolute; left: -15px; top: -120px; background: #ffffff; z-index: 0; border-radius: 0 70px 0 0; } .new_product_temp .text-image-div.product_feacture.new::before { content: ''; height: 250%; width: 100vw; background: #a6d0cd; position: absolute; left: -15px; top: -118px; } .new_product_temp .ultra_feacture .main_div_icon:nth-child(3) ~ div { display: none; } body .shopify-app-block.recharge-subscription-widget { padding: 0; } body product-form.product-form { padding: 0; } .new_product_temp .subscription { margin: -8px 0px 16px!important; } .bottom_part_desc .subscription h3 + p, .bottom_part_desc .subscription h3 + p + p { font-size: 11px; color: #2a2a2a; padding: 0 0px; font-weight: 400; line-height: 1; white-space: pre-wrap !important; text-align: left; max-width: `00%; margin: 3px 0px; } .bottom_part_desc:has(.rc-radio--active.onetime-radio) .single-purchase { display: block; } .new_product_temp .text-image-div.product_feacture.new::before { content: ''; height: 210%; width: 100vw; background: #a6d0cd; position: absolute; left: -15px; top: -115px; } .text-icon-div { display:block; } .old-template .bottom_part_desc { padding: 0; } body .old-template .shopify-app-block.recharge-subscription-widget { padding: 0 16px; } .old-template .product-form__buttons { padding-left: 15px; padding-right: 15px; } .old-template .review_star { float: none; display:block; margin:0; } .old-template .test_products.product__title { padding-left: 15px; } .old-template .product__description.rte { padding: 10px 15px 0; } .old-template .test_products.product__title { flex-basis:100%;width:100%; } } .accordionfaq1.teste .accordion_content2 , .accordionfaq.teste .accordion_content1 { display: block !important; } .new_product_temp .text-image-div.product_feacture.new { width: calc(100% + 92px); } /* New product page css end */ .Product-detail-faq .ingredients_content .accordion_head1 , .Product-detail-faq .ingredients_content .accordion_head2 { font-size: 26px; font-weight: 600; line-height: 1.15; padding: 15px 25px 15px 0 ; background-position: 98% center; cursor:pointer; } .Product-detail-faq .ingredients_content .accordion_content1 p , .Product-detail-faq .ingredients_content .accordion_content2 p , .Product-detail-faq .ingredients_content .accordion_content1 ul li , .Product-detail-faq .ingredients_content .accordion_content2 ul li , .Product-detail-faq .ingredients_content .accordion_content2 p strong , .Product-detail-faq .ingredients_content .accordion_content1 p strong , .Product-detail-faq .ingredients_content .accordion_content2 p li strong { margin: 0; font-weight: 500; font-size: 18px; line-height: 26px; } .Product-detail-faq div[class*="accordion_content"] { padding-bottom: 15px; } .Product-detail-faq .card_wrapper > div { flex: 1; } .Product-detail-faq .accordions_faq > .accordionfaq:not(:last-child) { border-bottom: 1px solid #a0d0cd; } .Product-detail-faq .accordions_faq1 > .accordionfaq1:not(:last-child) { border-bottom: 1px solid #a0d0cd; } .accordionfaq.teste { display: block !important; } .Product-detail-faq .card_wrapper div[class*="accordion_head"]:after { content: ''; height: 30px; width: 30px; background: url('/cdn/shop/files/Arrows_99e09987-b8a0-4b9a-b2ea-cc36324752b8.png?v=1731331228'); position: absolute; background-position: center; background-size: contain; right: 20px; transform: rotate(-90deg); transition:all 0.3s ease-in; } .Product-detail-faq .card_wrapper div[class*="accordionfaq"].active div[class*="accordion_head"]:after , .Product-detail-faq .card_wrapper div[class*="accordionfaq"].teste div[class*="accordion_head"]:after { transform:none; } .Product-detail-faq .card_wrapper div[class*="accordion_head"] {position:relative} @media screen and (max-width:767px) and (min-width:380px) { .new_product_temp .product_feacture .main_div_icon { padding: 5px 10px; } .new_product_temp .text-image-div.product_feacture.new { margin-top: 0; justify-content: start; gap: 7px; } } .review_star img { max-width: 110px; } .new_product_temp .product__description.rte > * { font-size: 16px !important; line-height:1.4; } .no_pain.section--padding { padding-bottom: 80px; } @media screen and (max-width:767px) { .Product-detail-faq .accordions_faq > .accordionfaq { border-bottom: 1px solid #a0d0cd; } .Product-detail-faq .ingredients_content .accordion_head1 , .Product-detail-faq .ingredients_content .accordion_head2 { font-size: 18px; font-weight: 600; line-height: 1.15; padding: 15px 25px 15px 0 ; background-position: 98% center; } .Product-detail-faq .card_wrapper div[class*="accordion_head"]:after { height: 16px; width: 16px; } .Product-detail-faq .ingredients_content .accordion_content1 p , .Product-detail-faq .ingredients_content .accordion_content2 p , .Product-detail-faq .ingredients_content .accordion_content1 ul li , .Product-detail-faq .ingredients_content .accordion_content2 ul li , .Product-detail-faq .ingredients_content .accordion_content2 p strong , .Product-detail-faq .ingredients_content .accordion_content1 p strong , .Product-detail-faq .ingredients_content .accordion_content2 p li strong { margin: 0; font-weight: 500; font-size: 16px; line-height: 1.5; } .new_product_temp .text-image-div.product_feacture.new::before { top: -135px; height:300%; } .review_star img { max-width: 100px; padding: 10px 0 15px; } .review_star { display: flex; align-items: center; } .review_star span.rating_count { line-height: 1; padding-bottom: 5px; } .custom_faq .ingredients_content .accordions:nth-child(2) .accordion:last-child { margin: 0; } .no_pain.section--padding { padding-bottom: 40px; } body .no_pain .title-wrapper span { text-align: center; font-size: 18px; } .why-powder .pain_free_period > div { padding: 0; } .why-powder .pain_free_period h2.section_heading { margin-bottom: 40px; } .why-powder .pain_free_period p#rangeText div span p { font-size: 16px; line-height: 20px; } .why-powder .pain_free_period p#rangeText div > p { font-size: 24px; line-height: 36px; margin-block: 8px; } .why-powder .pain_free_period p#rangeText { padding-inline: 18px; min-height: 195px; } .no_pain .rte ul li, .no_pain .rte ol li { font-size: 14px !important; } .custom_faq .ingredients_content .accordion_head { font-size: 18px !important; line-height: 1 !important; } } @media screen and (max-width:380px) { body .no_pain .title-wrapper span { text-align: center; font-size: 17px; } .new_product_temp .text-image-div.ultra_feacture:before { top: -145px; } .new_product_temp .text-image-div.product_feacture.new::before { top: -170px; height: 400%; } } /* 23-11-24 start */ .new_product_temp .text-image-div.product_feacture.new::before { DISPLAY: NONE; } section:has(.product .new):before { DISPLAY: NONE; } section.page-width.section--padding.new_product_temp { max-width: unset; } .new_product_temp .bottom_part_desc { padding-left: 0; } .new_product_temp .text-image-div.product_feacture.new { background: #abd0cd; width: calc(100% + 70px); padding-left: 40px; } .new_product_temp .product_btns { padding: 0; } .new_product_temp .text-image-div.ultra_feacture.new { margin: 0; width: calc(100% + 70px); padding-left: 40px; padding-top: 30px; background: #abd0cd; } .new_product_temp .text-image-div.ultra_feacture.new > * { position:relative; z-index:9; } .new_product_temp .text-image-div.ultra_feacture.new:before { content: ""; height: 100%; width: 100%; position: absolute; background: #fff; left: 0; border-radius: 0 100px 0 0; z-index: 1; top: 0; } .new_product_temp .bottom_part_desc .shopify-app-block.recharge-subscription-widget { padding-left: 40px; } .new_product_temp .bottom_part_desc .subscription { margin-left: 40px; } .new_product_temp .bottom_part_desc product-form.product-form { padding-left: 40px; } a#read_more { display: none !important; } .subscription-tab_wrapper a#cta-buynowben { max-width: 185px; margin-right: auto; margin-left: 0; } @media screen and (max-width:767px) { .new_product_temp .text-image-div.product_feacture.new { padding-top: 10px; padding-left: 15px; width: calc(100% + 15px); padding-right: 15px; } .new_product_temp .text-icon-div { background:#abd0cd; padding-top: 20px; padding-left: 15px; width: calc(100% + 15px); padding-right: 15px; margin:0; } .new_product_temp .text-icon-div > * {position:relative;z-index:9;} .new_product_temp .text-icon-div:before { content: ""; height: 100%; width: 100%; position: absolute; background: #fff; left: 0; border-radius: 0 70px 0 0; z-index: 1; top: 0; } .new_product_temp .text-image-div.ultra_feacture.new { margin: 0; width: calc(100% + 15px); padding-left: 15px; padding-right: 15px; padding-top: 30px; background: #ffffff; } .new_product_temp .bottom_part_desc .shopify-app-block.recharge-subscription-widget { padding:0 20px; } .new_product_temp .bottom_part_desc product-form.product-form { padding: 0 20px; } body .new_product_temp .bottom_part_desc .subscription { margin-left:15px !important; } .new_product_temp .product__description.rte { padding-top: 25px !important; padding-left: 15px !important; padding-right:15px !important; width: calc(100% + 30px); padding-right: 15px; background:#abd0cd; margin-left:-15px; } .new_product_temp .product__info-container { padding-right:0; } .image_collapsible_tab .product-details accordion-tab.accordion:nth-last-child(2) { border-bottom:1px solid; } .new_powder_section .multicolumn-list__item.grid__item img { min-height: 115px; } .backgrond_class.banner .media--650px { height:330px; } .app_hero.banner .mobile.banner__media.banner__media-half use-animate.media-wrapper .media img { max-height:250px; } .app_hero.banner .mobile.banner__media.banner__media-half use-animate.media-wrapper { margin-bottom: 20px; min-height:320px; } } /* 23-11-24 end */ /* custom css start */ .new_product_temp.bundle .bottom_part_desc .subscription { margin: 0; width:100%; } .new_product_temp.bundle fieldset.js.product-form__input.variant-input-wrapper { padding-left: 40px; padding-top:40px; } .new_product_temp.bundle fieldset.product-form__input .form__label { display: none; } .new_product_temp.bundle .product-form__input input[type=radio]:checked+label:not(.color__swatch):after{ background:#cb342c!important; border-radius:0; } .new_product_temp.bundle .product-form__input input[type=radio]:checked+label:not(.color__swatch){ color:#fff; } .subscription_btn_wrapper { display: flex; width: 100%; } .new_product_temp.bundle .subscription { margin-top:0 !important; } body .new_product_temp.bundle .subscription_btn_wrapper label.bundle_swatches{ border:2px solid #29292966; border-bottom:none; font-weight:600; flex: 1; margin: 0 ; font-size: 22px ; line-height: 2 ; box-shadow: none ; } body .new_product_temp.bundle .subscription_btn_wrapper label.bundle_swatches.One-time { border-radius: 16px 0 0 0; overflow:hidden; border-right:none; } body .new_product_temp.bundle .subscription_btn_wrapper label.bundle_swatches.Black.Friday { border-radius: 0 16px 0 0; overflow:hidden; border:2px solid #29292966; border-bottom:none; border-left:none; } .new_product_temp.bundle .product-form__input input[type=radio]:checked+label:not(.color__swatch) { border-color:#d43a32; } .new_product_temp.bundle .product-form__input input[type=radio]:not(:disabled)+label:not(.color__swatch):hover { box-shadow: 0 7px 28px #919191cc; } .products_pack { font-weight: 600; font-size: 20px; color: #d43a32; padding-bottom: 10px; } .new_product_temp.bundle .subscription.monthly.bundle_product_box .red_box p span { margin-top: 0; } @media screen and (max-width:1230px) and (min-width:768px) { body .new_product_temp.bundle .subscription_btn_wrapper label.bundle_swatches { line-height:1.1; } } @media screen and (max-width:767px) { body .new_product_temp.bundle .bottom_part_desc .subscription { margin: 0 !important; } body .new_product_temp.bundle .subscription_btn_wrapper label.bundle_swatches { font-size: 15px; line-height: 1.4; } .new_product_temp.bundle fieldset.js.product-form__input.variant-input-wrapper { padding: 15px 0 0 15px; width: 100%; max-width: 100%; margin: 0 !important; } .new_product_temp.bundle .subscription h3 { white-space:pre-wrap; } .products_pack { font-weight: 600; font-size: 15px; color: #d43a32; margin-top: 0px; padding-bottom: 10px; margin-left: 0px; } .products_pack { position: absolute; top: 15px; } body .new_product_temp.bundle .bottom_part_desc .subscription { position: relative; padding-top: 50px; } } body .product-sticky-cart .select .icon-caret, .customer select+svg { top: calc(50% - 0.32rem); right: 24px; } body .offer-banner-content h2 ,body .offer-banner-content p { color: #2a2a2a; } body .offer-banner .button--black { background-color: #cb342c !important; color: #fff!important; } body .offer-banner { background-color: #abd0cd; padding: 60px 0; } .page-width:has(.feacture_bar) { padding: 0; background: #ecf1f4; } section.offer-banner.promotional_banner .offer-banner-title img { display: none; } @media screen and (max-width:1200px) { .product_feacture .main_div_icon p { font-size: 13px !important; } } @media screen and (max-width:767px) { body .offer-banner { background-color: #abd0cd; padding: 40px 0; margin-top: 40px; margin-bottom: 0; } } @media screen and (min-width:1600px) { .backgrond_class.banner .second_img_banner_custom.desktop img { object-fit: cover; border-radius: 0 0 0 75px; } } .announcement-bar.header-section--padding { position: fixed; top: 0; width: 100%; z-index: 99; } div#shopify-section-header { top: 36px; } main#MainContent { margin-top: 36px; } .announcement-bar a.announcement-link span { font-family: 'Quicksand';!;!i;!; font-weight: 600; } .ingredients_content.tab_content .accordion_content2 strong { font-weight:600 !important; } .contact_banner .banner__media .banner__media-half { width: 100%; } .your-journey-accordion .accordionfaq1.active .accordion_content2 ul { padding: 20px 0; margin: 0; } .your-journey-accordion .accordionfaq1.active .accordion_content2 li { list-style: none; position: relative; padding-left: 1.75em; } .your-journey-accordion .accordionfaq1.active .accordion_content2 li:before { content: "✓"; height: 1em; width: 1em; position: absolute; top: 0.35em; left: 0px; color: #abd0cd; } @media screen and (min-width:767px) { .your-journey-accordion .accordionfaq1 .accordion_content2 li { padding-left: 0px !important; margin-left: 2rem; } .your-journey-accordion .accordionfaq1 .accordion_content2 li:before { margin-left: -20px; transform: rotate(15deg); font-size: 18px; margin-top: -7px; } } @media screen and (max-width:991px){ .new_product_temp .text-image-div.product_feacture.new { padding-left: 11px; } } @media screen and (max-width:767px) { .your-journey-accordion ul { list-style: none; } .your-journey-accordion ul li::before { content:'✓'; margin-left:-15px; padding-right:5px; font-size:15px; font-family:"Quicksand", sans-serif; } .your-journey-accordion .slick-slide ul { padding-left: 0; } .your-journey-accordion .slick-slide ul li { padding-left: 15px; } .your-journey-accordion ul li::before { color: #a6d0cd; } body .swiper-reviews.dr_swiper-reviews .swiper-slide { width: 65% !important; } } .health_expert.product_health_team { background: #ABD0CD; } .new_product_temp .text-image-div.ultra_feacture.new, .new_product_temp .text-image-div.ultra_feacture.new:before { background:unset !important; } .shopify-section .doctor_reviewss { background: transparent !important; } .template-product section.reviews-section.doctor_review { border-radius: unset; } /* .new_product_temp .media>img { object-fit: contain; } */ /* custom css end */