.xmas-offer .timer { background: #8DC20B; /* background: linear-gradient(90deg, #c8995c, #e2b97f 50%, #f4cc95); */ border-radius: 42px; bottom: -138px; display: flex; flex-direction: column; padding: 37px 16px 50px 16px; position: absolute; width: calc(100% - 30px); border: 15px solid #ffffff; box-shadow: 0px 4px 30px 0px #0000001A; } .xmas-offer .timer-title { color: #fff; display: flex; font-family: open_sanslight; font-size: 36px; font-weight: 600; justify-content: center; align-items: center; height: 100%; text-align: center; } .xmas-offer .button-wrapper { background: #ffffff; } .xmas-offer .button-wrapper p { font-size: 18px; text-align: center; line-height: 28px; margin: 0; } .xmas-offer .button-wrapper-content { display: flex; justify-content: center; width: 100%; padding: 67px 0 21px 0; color: #000000; } .xmas-offer .button-wrapper-content-1 { position: relative; text-align: center; z-index: 9; font-size: 24px; } .xmas-offer .bf-button { display: flex; justify-content: center; margin-top: 30px !important; padding: 3px; border: 6px solid #000000; border-radius: 50px; width: 313px; margin: 0 auto; background: #c8995c; } .xmas-offer .bf-button a { background: #000000; border-radius: 50px; color: #fff; display: flex; font-family: open_sanssemibold; font-size: 25.16px; justify-content: center; padding: 20px 0; width: 300px; } .topTitle { padding: 50px 0; } .topTitle-text { margin: 0; font-size: 18px; text-align: center; line-height: 26px; } .flipclock { box-sizing: border-box; display: flex; justify-content: center; } .flipclock * { box-sizing: inherit; } .leaf { border-radius: 12px; box-shadow: -4px 2px 14px 0 rgba(0, 0, 0, 0.75); display: flex; flex-direction: column; margin: 0 13px; perspective: 300px; } .leaf:after { color: #fff; content: attr(data-label); font-family: open_sansregular; font-size: 17.15px; font-weight: 400; left: 50%; margin-top: 8px; position: absolute; text-transform: uppercase; top: 100%; transform: translateX(-50%); } .bottom, .leaf-back, .leaf-front, .top { background: #e1e1e1; background: linear-gradient(90deg, #e1e1e1, #e9e9e9 50%, #ebebeb); border-color: #2d3748; color: #2d3748; display: block; height: 64px; overflow: hidden; position: relative; width: 94px; } .bottom span, .leaf-back span, .leaf-front span, .top span { color: #282828; font-family: open_sansbold; font-size: 49px; height: 128px; left: 50%; line-height: 128px; position: absolute; text-align: center; transform: translateX(-50%); width: 100%; } .leaf._3-digits .bottom, .leaf._3-digits .leaf-back, .leaf._3-digits .leaf-front, .leaf._3-digits .top { width: 148px; } .leaf-front, .top { border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 12px; border-top-right-radius: 12px; margin-bottom: 0; } .top span { top: 0; } .leaf-front { position: absolute; z-index: 10; } .leaf-front span { top: 0; } .bottom, .leaf-back { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-style: solid; border-top-width: 1px; } .bottom span { bottom: 0; } .leaf-back { position: absolute; top: 64px; z-index: 10; } .leaf-back span { bottom: 0; } @media screen and (max-width: 600px) { .leaf { margin: 0 0.6666666667vw; } .leaf:after { font-size: 2.9vw; margin-top: 2.3333333333vw; } .bottom, .leaf-back, .leaf-front, .top { height: 10.6666666667vw; width: 18vw; } .bottom span, .leaf-back span, .leaf-front span, .top span { font-size: 10.3333333333vw; height: 21.3333333333vw; line-height: 21.3333333333vw; } .leaf._3-digits .bottom, .leaf._3-digits .leaf-back, .leaf._3-digits .leaf-front, .leaf._3-digits .top { width: 24.6666666667vw; } .leaf-front, .top { border-top-left-radius: 1vw; border-top-right-radius: 1vw; } .bottom, .leaf-back { border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw; } .leaf-back { top: 10.6666666667vw; } } .leaf-front { transform: rotateX(0deg); transform-origin: bottom center; transform-style: preserve-3d; transition-delay: 0.3s; } .leaf-back { transform: rotateX(90deg); transform-origin: top center; transform-style: preserve-3d; transition-delay: 0s; } .bottom:before { background: #000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent); content: ""; display: block; filter: blur(10px); height: 0%; left: 0; position: absolute; top: 0; width: 100%; } .flip .leaf-front { background-color: #737373; color: #000; transform: rotateX(-90deg); transition: transform 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; transition-delay: 0s; } .flip .leaf-back { transform: rotateX(0deg); transition: transform 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in; transition-delay: 0.3s; } .flip .bottom:before { height: 100%; transition: height 0.3s ease-in-out; transition-delay: 0.15s; } .fitness-bundle { margin-top: 25px; } .fitness-bundle-margin-boxes { margin: 0 0 50px 0; } .fitness-bundle-content-wrapper { margin-bottom: 20px; } .fitness-bundle-content-wrapper-subtitle{ margin-bottom: 10px; font-size: 25px; color: #d75378; font-family: open_sansbold; } .fitness-bundle-content-wrapper-title { font-family: open_sansregular; font-size: 28.16px; color: #060606; } .fitness-bundle-content-wrapper-title span:first-child { font-family: open_sansbold; } .fitness-bundle-content-wrapper-text { color: #1A1B1D; font-family: open_sansregular; font-size: 17.15px; } .fitness-bundle-grey-belt { background: #e9e9e9; height: 270px; position: absolute; width: 100%; } .fitness-bundle .box-main-container { background-color: #fff; border-radius: 20px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.13); padding: 43px 30px 30px; } .fitness-bundle .box-main-container p { font-family: open_sanssemibold; font-size: 16.62px; margin-bottom: 0; margin-top: 10px; } .fitness-bundle .box-main-container p a{ color: #1A1B1D; } .fitness-bundle .box-main-container .box-main-container-price { color: #1A1B1D; font-family: open_sansbold; font-size: 17px; margin-bottom: 10px; } .fitness-bundle .box-main-container .add-to-cart a:first-child { border-radius: 50px; display: flex; justify-content: center; padding: 9px 0; border: 1px solid transparent; width: 100%; background: linear-gradient(90deg, #c8995c, #e2b97f 50%, #f3cb95); color: #fff; } .fitness-bundle .box-main-container .add-to-cart a:nth-child(2) { background: #000000; border-radius: 50px; color: #fff; display: flex; justify-content: center; padding: 9px 0; border: 1px solid #000000; width: 100%; } .fitness-bundle .box-main-container .add-to-cart a span { font-size: 18px; } .fitness-bundle .box-main-container .add-to-cart a span:first-child { /* font-family: open_sansbold;*/ font-family: open_sansregular; /* text-transform: uppercase;*/ } .fitness-bundle .box-main-container .add-to-cart a span:last-child { font-family: open_sansregular; } .fitness-bundle .box-main-container .add-to-cart a span.youSave { margin-left: 10px; border-left: 1px solid #fff; padding-left: 10px; font-size: 18px; /* text-transform: uppercase;*/ } .contentContainer { color: #213B54; font-family: open_sanslight; font-size: 17.14px; } .fARightArrow { font-size: 19px; margin-left: 7px; position: absolute; right: 22px; top: 11px; } .newArrivalCarousel .slick-list { padding: 0; } .newArrivalWrapper { background: #fff; padding: 30px 0 50px; margin-top: 30px; } .newArrivalWrapper .btn { border-radius: 50px; color: #fff; font-family: open_sanssemibold; font-size: 15px; padding: 10px 60px; position: relative; } .newArrivalWrapper .btn-darkGreen { background: #8DC20B !important; border-color: #8DC20B !important; /* background-color: #00977c; border-color: #00977c; */ color: #fff; } .newArrivalWrapper .newArrivalCard { margin: 0 12px; } .newArrivalWrapper .newSliderMainInner img { border-radius: 20px; mix-blend-mode: multiply; } .newArrivalWrapper .newSliderContentWrapper { padding-top: 20px; text-align: left; } .newArrivalWrapper .newSliderContentWrapper p { color: #888888; font-family: open_sansregular; font-size: 15px; margin-bottom: 10px; display: -webkit-box; max-width: 400px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } .product-rating-reviews{ color: #888888; } .newArrivalWrapper .newSliderContentWrapper .sliderImageTitle { color: #213B54; font-family: open_sansbold; font-size: 18px; /* margin-bottom: 10px; */ /* min-height: 52px; */ } .newArrivalWrapper .newSliderContentWrapper .sliderImagePrice { color: #213B54; font-family: open_sansbold; font-size: 20px; margin-bottom: 10px; } .newArrivalWrapper .newArrivalsSliderContainer h2 { color: #000; font-family: open_sansbold; margin-bottom: 20px; font-size: 20px; } .newArrivalWrapper .newArrivalsSliderContainer h2 span.light { font-family: open_sansregular; } /*--*/ .newProductWrapper { background: #f4f4f4; padding: 30px 0 50px; } .newProductWrapper .btn { border-radius: 50px; color: #fff; font-family: open_sanssemibold; font-size: 15px; padding: 10px 60px; position: relative; } .newProductWrapper .btn-darkGreen { background-color: #00977c; border-color: #00977c; color: #fff; } .newProductWrapper .newArrivalCard { margin: 0 12px; } .newProductWrapper .newSliderMainInner img { border-radius: 20px; } .newProductWrapper .newSliderContentWrapper { padding-top: 20px; text-align: center; } .newProductWrapper .newSliderContentWrapper p { color: #1a1a1a; font-family: open_sansregular; font-size: 15px; margin-bottom: 10px; display: -webkit-box; max-width: 400px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } .newProductWrapper .newSliderContentWrapper .sliderImageTitle { color: #213B54; font-family: open_sansbold; font-size: 18.21px; margin-bottom: 10px; } .newProductWrapper .newSliderContentWrapper .sliderImagePrice { color: #213B54; font-family: open_sansbold; font-size: 20px; margin-bottom: 10px; } .newProductWrapper .newArrivalsSliderContainer h2 { color: #213B54; font-family: open_sansbold; } .newProductWrapper .newArrivalsSliderContainer h2 span.light { font-family: open_sansregular; } /*--*/ @media (max-width: 767px) { .newArrivalWrapper { padding: 25px 0 40px; margin-top: 25px; } .newArrivalWrapper .newArrivalCard { max-width: 250px; } /*--*/ .newProductWrapper { padding: 25px 0 40px; margin-top: 25px; } .newProductWrapper .newArrivalCard { max-width: 250px; } /*--*/ .newArrivalSlider { padding: 0 0 0 15px; } .btn-green { font-size: 15.66px; padding: 8px 35px 8px 15px; } .fARightArrow { font-size: 20px; right: 20px; top: 9px; } } @media (min-width: 1024px) and (max-width: 1439px) { .newArrivalWrapper .newArrivalsSliderContainer .slick-next { left: calc(100% - 11px); } .newArrivalWrapper .newArrivalsSliderContainer .slick-prev { left: -11px; } .newProductWrapper .newArrivalsSliderContainer .slick-next { left: calc(100% - 11px); } .newProductWrapper .newArrivalsSliderContainer .slick-prev { left: -11px; } } .mbg-steps-wrapper p { font-family: open_sanssemibold; margin: 0 auto; max-width: 66%; } .mbg-accordian h5, .mbg-image-title, .mbg-steps-wrapper .steps-description, .mbg-steps-wrapper .steps-title { color: #2e2e2e; } @media (max-width: 1023px) { .customerReviewJusConCenter{ justify-content: center; } } @media (max-width: 1023px) { .mbg-steps-wrapper p { max-width: none; } } .customerReview { margin-top: 30px; } .customerReviewLeftSectionTitle { font-family: open_sansregular; font-size: 19.43px; margin-bottom: 20px; } .customerReview .trustpilot-stars { width: 200px; } .customerReviewLeftSection { background: #f0f0f0; border-radius: 0 20px 20px 0; padding: 110px 15px; position: relative; } .customerReviewLeftSection:before { background: #f0f0f0; bottom: 0; content: ""; position: absolute; right: 100%; top: 0; width: 100vw; } .customerReviewTitle { font-family: open_sansbold; font-size: 38.57px; margin-bottom: 0; margin-top: 36px; text-align: center; } .customerReviewSliderWrapper { background: #fafafc; border-radius: 20px; margin: 0 10px; min-width: 360px; padding: 35px; } .customerReviewSliderWrapper img { margin: 0 !important; max-width: none !important; width: auto !important; } .customerReviewCardContent { margin-top: 0px; } .customerReviewCardTitle { font-size: 21.43px; margin-top: 25px; } .customerReviewSlider { background-color: transparent; max-width: 100%; padding-left: 36.5%; position: absolute; transform: translateY(-108%); } .customerReviewDetailImage { align-items: center; display: flex; vertical-align: middle; } .customerReviewDetailImage img { margin: 0 !important; max-width: none !important; width: auto !important; } .customerReviewVerifiedWrapper { display: flex; flex-direction: column; margin-left: 15px; } .customerReviewDetailName { font-family: open_sanssemibold; font-size: 19.29px; position: relative; } .customerReviewDetailName:after { background: url(../images/offers/verified-sign.png) no-repeat 50%; content: ""; height: 18px; margin: auto auto auto 7px; position: absolute; top: 5px; width: 13px; z-index: 1; } .customerReviewDetailVerified { font-family: open_sanslight; font-size: 12.86px; } .customerReviewDetail { margin-top: 0px; } .trustPilotLogo { margin-top: 20px; } @media (min-width: 1023px) and (max-width: 1200px) { .customerReviewSliderWrapper { min-width: 285px; } .customerReviewSlider { padding-left: 39.5%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .subscribe-block-outer-image-3{ width: 148px !important; right: -11% !important; } .subscribe-block-outer-image-1{ width: 160px !important; left: -4% !important; } .subscribe-block-outer-image-1,.subscribe-block-outer-image-2,.subscribe-block-outer-image-3,.subscribe-block-outer-image-4{background-size: 100% !important;} } @media (max-width: 1023px) { .customerReview { background: #f0f0f0; } .customerReviewLeftSection { border-radius: 0; min-width: 100%; text-align: center; } .customerReviewSlider { background-color: transparent; padding-left: 0; position: relative; transform: translateY(-15%); } .customerReviewTitle { font-size: 31.57px; width: auto; } .customerReview .trustPilotLogo { margin-left: auto; } .customerReviewLeftSection { background: none; padding: 55px 15px 80px; } .customerReviewLeftSection .trustpilot-stars { width: 190px; } .customerReviewLeftSection .trustPilotLogo { width: 100px; } .customerReviewLeftSection:before { display: none; } } @media (max-width: 767px) { .subscribe-block-outer-image-1,.subscribe-block-outer-image-2,.subscribe-block-outer-image-3,.subscribe-block-outer-image-4{display: none;} .jus-con-center{ justify-content: center; } .subscribe-block-outer-image{ display: none; } .bf-accordian { margin: 25px 0 !important; } .customerReview { margin-top: 20px; } .customerReviewDetail { margin-top: 20px; } .customerReviewSliderWrapper { min-width: 300px; padding: 25px; } .customerReviewCardTitle { margin-top: 15px; } .customerReviewCardContent { margin-top: 10px; } .customerReviewTitle { font-size: 35.57px; } .customerReviewLeftSectionTitle { margin-bottom: 21px !important; } .customerReviewLeftSection { background: none; padding: 38px 15px 59px; } .customerReviewLeftSection img { height: 40px; } .customerReviewLeftSection .trustPilotLogo { height: 26px; } } .subscribe-wrap .leaf-1 { background-image: url(../images/sub-box-icon.png); background-repeat: no-repeat; background-size: contain; height: 355px; left: 22% !important; position: absolute !important; top: -5%; width: 230px; z-index: 10; } .subscribe-wrap { background: #fef0eb !important; padding: 100px 0; position: relative; } .subscribe-wrap .leaf { background-repeat: no-repeat; background-size: cover; position: absolute !important; } .subscribe-block { background: #fff; border-radius: 15px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 64, 107, 0.1); box-shadow: 0 0 20px 0 rgba(0, 64, 107, 0.1); margin: 0 auto; padding: 40px; position: relative; text-align: center; z-index: 9; } .subscribe-block h3, .subscribe-block p { color: #333; } .subscribe-block h3 { font-family: 'open_sanssemibold'; font-size: 19.73px; margin-top: 22px; } .subscribe-block p { font-family: open_sanslight; font-size: 15.01px; } .subscribe-block_form { align-items: center; display: flex; justify-content: center; margin: 30px auto 10px; position: relative; width: 80%; } .subscribe-block_form .form-control { color: #000000; /* background: #F5F5F5; */ border: 1px solid #C9C9C980; border-radius: 10px; height: 50px; padding-left: 20px; } .subscribe-block_form .form-control::placeholder { color: #000; } .subscribe-block_form .btn { background: linear-gradient(90deg, #c8995c, #e2b97f 50%, #f3cb95); border-radius: 10px; color: #fff; font-family: open_sanssemibold; font-size: 18.07px; padding: 0.7rem 2rem; position: absolute; right: 0; transition: all 0.3s ease; } .footer-top_wrap { text-align: center; } .outstanding-wrapper { margin: 50px 0; } .footer-top_iconBlock{ display: flex; align-items: center; flex-direction: column; } .footer-top_content_wrapper{ display: flex; flex-direction: column; height: 100%; color: #213B54; } .footer-top_content_wrapper p{ margin-top: auto; } .footer-top_content_wrapper h6 { font-family: open_sansbold; font-size: 17.15px; margin-top: 10px; text-transform: uppercase; } .footer-top_content_wrapper p { font-family: open_sansregular; font-size: 15.01px; } .subscribe-wrap { background: url('https://www.weightworld.dk/assets/weightworld/weightworld.dk/images/offers/single-days-subscribe-banner.jpg') 50% no-repeat !important } @media only screen and (min-width: 768px) and (max-width: 1023px) { .fitness-bundle-image .discountBadge{ font-size: 12px !important; } .subscribe-block-outer-image{ background-size: 67% !important; } .fitness-bundle .box-main-container .add-to-cart a:hover:after { transform: translateX(6px); } .leaf { margin: 0 10px; } .fitness-bundle .box-main-container { padding: 43px 30px 15px; margin-bottom: 25px; } .fitness-bundle-margin-boxes{ margin: 0; } .fitness-bundle .box-main-container .box-main-container-price { font-size: 13px; } .accordion-heading { font-size: 20.12px; } .accordion-content { font-size: 16.22px; } .fitness-bundle .box-main-container .add-to-cart a:after { height: 17px !important; right: 29px !important; top: 9px !important; width: 25px !important; } span.free-bottle { left: 38% !important; } .xmas-offer .bf-button a { font-size: 16.16px; padding: 10px 20px; } .xmas-offer .button-wrapper p { font-size: 18.12px; text-align: center; line-height: 25px; } /* .button-wrapper-content:not(.button-wrapper-content-1){ margin-top: 70px !important; }*/ .xmas-offer .bf-button { margin-top: 14px; width: auto; } .xmas-offer .button-wrapper-content-1 { margin: 25px 0; } .fitness-bundle .box-main-container p { font-size: 12.62px; } .fitness-bundle .box-main-container .add-to-cart a { padding: 6px 13px; justify-content: center; } .fitness-bundle .box-main-container .add-to-cart a span { font-size: 16.77px !important; } .fitness-bundle-content-wrapper-title { font-size: 26.16px; } .fitness-bundle-content-wrapper-text { font-size: 14.15px; } .fitness-bundle-content-wrapper { margin-bottom: 10px; } .xmas-offer .timer-title { font-size: 26.46px; margin-top: 0px; margin-bottom: 15px; } .bottom span, .leaf-back span, .leaf-front span, .top span { font-size: 34px; } .bottom, .leaf-back, .leaf-front, .top { width: 75px; } .xmas-offer .timer { /*height: 181px;*/ width: calc(100% - 30px); } .subscribe-wrap .leaf-1 { height: 334px; left: -11% !important; top: -5%; width: 209px; } } @media only screen and (min-width: 768px) { .footer-top_wrap{ margin-top: 15px; } .bf-banner-image { display: block; } .bf-banner-image-mobile { display: none; } } @media only screen and (width: 1024px) { .fitness-bundle-image .discountBadge{ top: 39px !important; left: 118px !important; } .leaf { margin: 0 6px; } .subscribe-wrap .leaf-1 { left: 8% !important; width: 200px; } } @media only screen and (width: 1440px) { .subscribe-wrap .leaf-1 { left: 10% !important; } } @media only screen and (min-width: 1440px) and (max-width: 1750px) { .subscribe-wrap .leaf-1{left: 14% !important;} } @media only screen and (max-width: 1024px) { .fitness-bundle .box-main-container .add-to-cart a:after{display: none !important;} } @media only screen and (max-width: 630px) { .xmas-offer .bf-button{width: auto;} } @media only screen and (max-width: 767px) { .fitness-bundle .box-main-container .priceInfoWrap{margin-bottom: 30px;} .box-main-container .add-to-cart{ flex-direction: column !important; margin-top: 0px !important; gap: 15px !important; } .fitness-bundle .box-main-container p { font-size: 12.62px; line-height: 15px; margin-bottom: 4px; } .fitness-bundle .box-main-container .box-main-container-price { font-size: 15px; margin-bottom: 10px; } .fitness-bundle .box-main-container { padding: 40px 30px 23px; } .newArrivalWrapper .newSliderContentWrapper button.btn:after { top: 10px !important; } .newProductWrapper .newSliderContentWrapper button.btn:after { top: 10px !important; } .accordion-heading { font-size: 18.12px; } .accordion-content { font-size: 14.22px; } .newArrivalWrapper .newSliderContentWrapper button.btn:after { height: 16px; right: 12px; top: 10px; width: 24px; } .newProductWrapper .newSliderContentWrapper button.btn:after { height: 16px; right: 12px; top: 10px; width: 24px; } .fitness-bundle .box-main-container .add-to-cart a:after { height: 17px !important; right: 32px !important; top: 11px !important; width: 20px !important; } .subscribe-block_form .btn:after { background: url(../images/offers/box-arrow-1.png) 100% no-repeat; content: ""; height: 28px; position: absolute; right: 11px; top: 9px; width: 23px; } .subscribe-block_form .btn { font-size: 0; height: 50px; padding: 22px; width: 50px; } .newArrivalWrapper .btn { font-size: 14.67px; } .newProductWrapper .btn { font-size: 14.67px; } .bf-banner-image { display: none; } .bf-banner-image-mobile { display: block; } .pageSeoBanner img.bf-banner-image-mobile { height: auto !important; } .fitness-bundle-content-wrapper-title { font-size: 28.16px; } span.free-bottle { font-size: 11.24px !important; left: 31% !important; padding: 4px 9px 2px !important; top: -29px !important; } .subscribe-wrap .leaf-1 { height: 201px; left: -14% !important; top: -16%; width: 172px; } .xmas-offer .bf-button { margin-top: 14px !important; border: 3px solid #0a3373; } .xmas-offer .bf-button a { font-size: 12.16px; padding: 10px 20px; } .fitness-bundle .box-main-container .add-to-cart a span { font-size: 14.77px !important; } .fitness-bundle .box-main-container .add-to-cart a { padding: 10px 0; } .xmas-offer .timer { bottom: -150px; /*height: 183px; padding-bottom: 14px;*/ width: calc(100% - 30px); padding: 10px 10px 30px 10px; border-radius: 20px; } .flipclock { padding: 3.666667vw; } .xmas-offer .timer-title { font-family: open_sansbold; font-size: 20px; margin-top: 5px; } .fitness-bundle-margin-boxes { margin: 0; } .fitness-bundle-content-wrapper { margin-top: 20px; } .outstanding-wrapper { margin: 30px 0 30px 0; } .subscribe-wrap { padding: 20px 0; } .xmas-offer .button-wrapper p { font-size: 14px; text-align: center; margin-bottom: 0.5rem !important; line-height: 22px; } .xmas-offer .button-wrapper-content-1 { margin: 20px 0 10px 0; } .fitness-bundle { margin-top: 20px; } .subscribe-block h3 { font-size: 14.73px; } .subscribe-block { padding: 20px 80px; } } span.free-bottle { background: #009e7b; border-radius: 25px; color: #fff; font-family: open_sanssemibold; font-size: 13.24px; left: 36%; padding: 3px 11px 2px; position: absolute; top: -32px; } /*.fitness-bundle .box-main-container .add-to-cart a:after { background: url(../images/offers/box-arrow-1.png) 100% no-repeat; content: ""; height: 17px; position: absolute; right: 36px; top: 11px; transition: transform 0.1s ease-out; width: 41px; }*/ .fitness-bundle .box-main-container .add-to-cart a:hover:after { transform: translateX(8px); } /*.newArrivalWrapper .newSliderContentWrapper a.btn:after { background: url(../images/offers/box-arrow-1.png) 100% no-repeat; content: ""; height: 16px; position: absolute; right: 12px; top: 15px; width: 24px; }*/ /* .accordion-items { margin: 50px 0 !important; } */ .accordion-heading { background: #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #213B54; cursor: pointer; font-family: open_sanssemibold; font-size: 18px; letter-spacing: 0.8px; margin-top: 15px; padding: 15px 60px 15px 20px; position: relative; transition: all 0.5s ease; } .accordion-heading:before { background: url(../images/offers/plus-sign-2.png) 50% no-repeat; content: ""; display: inline-block; height: 20px; width: 20px; position: absolute; right: 20px; top: 18px; -webkit-transition: -webkit-transform 0.25s linear; } .active.accordion-heading:before { background: url(../images/offers/minus-sign.png) 50% no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion-content { background: #f0f0f0; color: #292929; display: none; font-family: open_sansregular; font-size: 14px; line-height: 1.5; padding: 15px 15px 15px 0; } /*New CSS*/ .home-short-name { background: #979797; border-radius: 50%; color: #fff; height: 45px; line-height: 28px; padding: 10px; text-align: center; text-transform: uppercase; width: 45px; } @media only screen and (min-width: 1025px) { .fitness-bundle-image img { width: 100%; /*height: 156px; width: 156px;*/ } } .customerReviewLeftSection { padding: 74px 255px 74px 14px !important; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .subscribe-wrap{margin-top: 40px !important;} .xmas-offer .button-wrapper-content{text-align: center;padding: 42px 0 8px 0;} .button-bottom-content{padding: 42px 0 !important;} .xmas-offer .timer{bottom: -150px;padding: 30px 16px 40px 16px;} .customerReviewLeftSection { padding: 65px 15px !important; text-align: center; padding-right: 100px !important; } .customerReview .trustpilot-stars { width: 200px; } .customerReviewTitle{width: auto !important;} .trustPilotLogo{margin-left: 0 !important;} .customerReviewSlider{transform: translateY(-113%);} } @media only screen and (min-width: 768px) and (max-width: 893px) { .fitness-bundle .box-main-container .add-to-cart a{text-align: center;} /* .fitness-bundle .box-main-container .add-to-cart a span:last-child span{display: none;} */ } @media only screen and (max-width: 420px) { .fitness-bundle .box-main-container .add-to-cart a{flex-direction: column;text-align: center;} .fitness-bundle .box-main-container .add-to-cart a span:last-child span{display: none;} .fitness-bundle .box-main-container .add-to-cart a span.youSave { border: none; padding: 0; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .newArrivalWrapper .newSliderContentWrapper p{ height: 47px !important; } .newProductWrapper .newSliderContentWrapper p{ height: 47px !important; } .fitness-bundle .box-main-container p { line-height: 16px; } .customerReviewLeftSection { padding: 20px 15px 58px 15px !important; } .customerReviewLeftSectionTitle{ margin-bottom: 15px; } .customerReviewTitle{ margin-top: 15px; } .trustPilotLogo{ margin-top: 15px; } .customerReviewSlider{ transform: translateY(-8%) !important; } .outstanding-wrapper{ margin: 30px 0 50px 0; } } @media only screen and (max-width: 767px) { .button-wrapper-content:not(.button-wrapper-content-1){ /* margin-top: 20px !important;*/ padding: 25px 0 3px 0; } .button-bottom-content{ padding: 24px 0 !important; } /* .newArrivalWrapper .newSliderContentWrapper p{ height: 47px !important; } */ /* .newProductWrapper .newSliderContentWrapper p{ height: 47px !important; } */ .accordion-heading{font-size: 16px !important;} .newArrivalWrapper .newSliderContentWrapper a.btn:after{ top: 10px !important; } .newProductWrapper .newSliderContentWrapper a.btn:after{ top: 10px !important; } .customerReviewLeftSection { padding: 38px 15px 50px !important; } .xmas-offer .bf-button a { font-size: 12px !important; } .customerReviewLeftSectionTitle{ margin-bottom: 15px; } .customerReviewTitle{ margin-top: 15px; } .trustPilotLogo{ margin-top: 15px; } .customerReviewSlider{ transform: translateY(-8%) !important; } } .button-separator{ width: 1px; height: 20px; background: #fff; display: inline-block; vertical-align: middle; margin: 0 10px; } @media (min-width: 500px) and (max-width: 700px) { span.free-bottle{ left: 39% !important; } } @media only screen and (max-width: 500px) { #newArrivalCarousel1 .owl-stage { left: -90px !important; } #newArrivalCarousel2 .owl-stage { left: -90px !important; } } @media only screen and (max-width: 475px) { .subscribe-block{ padding: 20px; } .subscribe-wrap .leaf-1{ top: -70px; } } @media only screen and (max-width: 400px) { .xmas-offer .timer { bottom: -130px; border: 8px solid #fff; } } @media only screen and (min-width: 1025px) and (max-width: 1366px) { .subscribe-wrap .leaf-1{ top: -5%; left: 15% !important; width: 200px; background-size: contain; } } #newArrivalCarousel1 .owl-stage{ display: flex; flex-flow: row wrap; } #newArrivalCarousel1 .owl-stage .owl-item{ display: flex; flex-wrap: wrap; } #newArrivalCarousel1 .owl-stage .owl-item .item{ display: flex; flex-direction: column; flex-grow: 1; } #newArrivalCarousel2 .owl-stage{ display: flex; flex-flow: row wrap; } #newArrivalCarousel2 .owl-stage .owl-item{ display: flex; flex-wrap: wrap; } #newArrivalCarousel2 .owl-stage .owl-item .item{ display: flex; flex-direction: column; flex-grow: 1; } .newArrivalWrapper .newArrivalCard{ height: 100%; display: flex; flex-direction: column; } .newArrivalWrapper .newSliderContentWrapper{ height: 100%; display: flex; flex-direction: column; align-items: start; } .newArrivalWrapper .newSliderContentWrapper p { margin-top: auto; } .newArrivalWrapper .newSliderContentWrapper .priceWraper{ margin-top: auto; } /*--*/ .newProductWrapper .newArrivalCard{ height: 100%; display: flex; flex-direction: column; } .newProductWrapper .newSliderContentWrapper{ height: 100%; display: flex; flex-direction: column; align-items: center; } .newProductWrapper .newSliderContentWrapper p { margin-top: auto; } .newProductWrapper .newSliderContentWrapper .priceWraper{ margin-top: auto; } /*--*/ .fitness-bundle .box-main-container p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } .fitness-bundle-image{ display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; position: relative } .fitness-bundle-image .discountBadge { display: block; position: absolute; top: 70px; left: 161px; } .fitness-bundle .box-main-container .priceInfoWrap{ margin-top: auto; height: 100%; display: flex; flex-direction: column; } .fitness-bundle .box-main-container .box-main-container-price{ margin-top: auto; } .footer-top{ display: none !important; } .newArrivalWrapper .newSliderContentWrapper .priceWraper .old-price{ display: block; margin-bottom: 10px; margin-top: -8px; color: #000; font-size: 16px; } .newProductWrapper .newSliderContentWrapper .priceWraper .old-price{ display: block; margin-bottom: 10px; margin-top: -8px; color: #000; font-size: 16px; } /*-- START: Xmas --*/ .giftBlockContainer{ display: flex; align-items: center; justify-content: space-between; /* position: absolute; bottom: 100px; */ background: #fff; padding: 15px 0; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5); box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5); border-radius: 10px; width: 100%; margin-top: -130px; } .presentTitle{ color: #957743; font-size: 30px; text-align: center; margin: 30px 0 20px 0; position: relative; } .fitness-bundle-boxes .presentTitle{ font-size: 24px; margin-bottom: 40px; } .giftBlockWrap{ background: #fff; padding: 10px; border-radius: 10px; /* padding-top: 220px;*/ position: relative; } .giftBlockWrap .giftBlock{ text-align: center; margin: 0 15px; flex: 1; } .giftBlockWrap .giftBlock .giftImgWrap { background: #ebebeb; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 15px; } .giftBlockWrap .giftBlock p { font-size: 20px; display: inline-block; margin-bottom: 0; } .giftBlockWrap .giftBlock.openGift p a{ text-decoration: underline; } .giftBlockWrap .giftBlock.openGift p a:hover{ font-family: 'open_sanssemibold'; } .giftBlockWrap .giftBlock .overlayBlock{ position: absolute; top: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: none; } .giftBlockWrap .giftBlock .overlayBlock img{ width: 50px; } .giftBlockWrap .giftBlock.youmissGift .giftImgWrap > img{ opacity: 0.4; } .giftBlockWrap .giftBlock.youmissGift .overlayBlock{ display: block; } .giftBlockWrap .giftBlock.youmissGift .overlayBlock img{ display: none; } .giftBlockWrap .giftBlock.lockGift .overlayBlock{ display: block; display: flex; align-items: center; justify-content: center; } .freeGiftWrap{ width: 70%; margin: 0 auto; position: relative; margin-top: -130px; display: flex; overflow: hidden; } .freeGiftImgInfoBlock{ display: flex; position: relative; width: 100%; padding-bottom: 10px; } .freeGiftImg { text-align: center; position: relative; z-index: 9; background: #fff; border-radius: 10px; overflow: hidden; flex: 0 0 300px; padding: 10px; margin-left: 20px; } .freeGiftImg img { max-width: 100%; } .freeGiftWrap .freeGiftInfo { width: 100%; margin-left: 20px; } .freeGiftInfo .InfoTitleBlock { display: flex; align-items: flex-start; justify-content: space-between; } .freeGiftInfo .bluetick { margin-top: 0; padding-left: 20px; } .freeGiftInfo .InfoTitleBlock .InfoTitle h3{ font-family: 'open_sanssemibold'; font-size: 18px; color: #000; } .freeGiftInfo .InfoTitleBlock .InfoTitle p{ font-size: 18px; color: #000; } .freeGiftInfo .infoFreeBadge { font-family: 'open_sanssemibold'; background: #ac0000; color: #fff; padding: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 18px; letter-spacing: 1px; white-space: nowrap; } .freeGiftInfoPoints { padding: 0; list-style: none; color: #000; font-size: 14px; } .freeGiftInfoPoints li::before { content: ''; background: url("../images/xmasGreenTick.png") center center no-repeat; display: inline-block; padding: 7px; background-size: contain; margin-right: 8px; vertical-align: middle; } .orderNowWrap{ padding: 10px 25px 10px 41%; position: absolute; bottom: 0; background: #e9e9e9; width: 100%; } .orderNowWrapFirstRow { display: flex; align-items: center; justify-content: space-between; } .orderNowWrap h3 { font-family: 'open_sansregular'; font-size: 18px; color: #000; margin-bottom: 0; margin-right: 5px; } .onlyLeftWrap { text-align: center; margin-bottom: 10px; } .onlyLeftWrap .onlyLeftText { font-family: 'open_sanssemibold'; border: 1px dashed #c60000; color: #c60000; font-size: 18px; text-align: center; border-radius: 8px; padding: 5px 15px; white-space: nowrap; } .onlyLeftTerms span{ display: inline-block; font-size: 10px; color: #696969; text-align: left; } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .fitness-bundle-image .discountBadge{ top: 59px !important; left: 129px !important; } .giftBlockContainer.freeGiftWrap { width: 90%; } } @media only screen and (min-width: 1025px) and (max-width: 1440px) { .giftBlockContainer, .giftBlockContainer.freeGiftWrap{ margin-top: -90px; } } @media only screen and (max-width: 1024px) { .orderNowWrapFirstRow { flex-direction: column; } .orderNowWrap h3{ margin-bottom: 15px; } .onlyLeftTerms{text-align: center; margin-top: 10px;} .orderNowWrap{ position: static; padding: 20px; margin-bottom: -15px; width: 100%; justify-content: space-between; } .giftBlockContainer.freeGiftWrap { flex-direction: column; } .freeGiftWrap { width: 80%; margin-top: -80px; } .giftBlockContainer { margin-top: -80px; } } @media only screen and (max-width: 768px) { .giftBlockWrap .giftBlock p{ font-size: 13px; } .giftBlockContainer{ width: 100%; } } @media only screen and (max-width: 767px) { .onlyLeftWrap{ margin-bottom: 0; } .freeGiftWrap { margin-top: -240px; } .giftBlockContainer { flex-wrap: wrap; /* flex-direction: column;*/ } .giftBlockWrap .giftBlock{ flex: 1 0 37vw; } .giftBlockWrap .giftBlock:nth-child(-n + 2){ margin-bottom: 15px; } .giftBlockWrap .giftBlock p { font-size: 16px;} .freeGiftImg img { max-height: 100%; width: auto; } .fitness-bundle-grey-belt { /* display: none;*/ } .fitness-bundle-boxes .presentTitle { margin-bottom: 20px; } .freeGiftImgInfoBlock { flex-wrap: wrap; flex-direction: column; } .giftBlockContainer .orderNowWrap { position: static; padding: 20px; width: 100%; margin-bottom: -15px; justify-content: space-between; } .freeGiftImgInfoBlock .freeGiftInfo { margin-left: 0; padding-left: 20px; } .freeGiftImgInfoBlock { padding-bottom: 0 !important; } } @media only screen and (max-width: 575px) { .onlyLeftTerms span{text-align: center;} .fitness-bundle-boxes .presentTitle { font-size: 18px; } .giftBlockContainer .orderNowWrap{ flex-direction: column; } .onlyLeftWrap { margin-left: 0; } .giftBlockContainer.freeGiftWrap, .giftBlockContainer{ margin-top: -130px; } .giftBlockContainer{ flex-wrap: wrap; } .presentTitle { font-size: 20px; } .giftBlockWrap .giftBlock .overlayBlock img { width: 20px; } } @media only screen and (max-width: 422px) { .giftBlockWrap .giftBlock { flex: 1 0 32vw; } } @media only screen and (max-width: 360px) { .InfoTitleBlock{ flex-direction: column; } .InfoTitleBlock .infoFreeBadge{ width: 100%; } } @media only screen and (min-width: 819px) and (max-width: 912px) { .InfoTitleBlock{ flex-direction: column; } .InfoTitleBlock .infoFreeBadge{ width: 100%; } } .hideOnXmaspage{display: none;} /*-- END: Xmas --*/ /*-- START: Feb Offers --*/ .button-bottom-content{ display: flex; justify-content: center; width: 100%; padding: 61px 0; color: #000000; } .box-main-container .add-to-cart{ margin-top: 20px; display: flex; flex-direction: row; gap: 25px; } .newSliderMainInner { padding: 20px 0; background: #F7F7F7; border-radius: 10px; position: relative; } .sliderImageTitleContent{ font-size: 14px; color: #213B54; } .newArrivalWrapper .newSliderContentWrapper .sliderImageTitle a{ color: #213B54; } .newProductWrapper .newSliderContentWrapper .sliderImageTitle a{ color: #213B54; } .bf-accordian{ margin: 60px 0; padding-top: 0 !important; } .subscribe-block-outer-image-1{ background: url(https://www.weightworld.dk/assets/weightworld/weightworld.dk//images/offers/black-friday-2023-offer-gift-box-1.png?v4.1) 50% no-repeat; height: 200px; width: 200px; top: -19%; left: -4%; z-index: 9; background-size: 96%; transform: rotate(47deg); } /*.subscribe-block-outer-image-2{ background: url(https://www.weightworld.uk/assets/weightworld/weightworld.uk/images/april-leaf-2.png) 50% no-repeat; height: 92px; width: 110px; top: 64%; left: -9%; z-index: 9; } .subscribe-block-outer-image-3{ background: url(https://www.weightworld.uk/assets/weightworld/weightworld.uk/images/april-leaf-3.png) 50% no-repeat; height: 243px; width: 205px; top: -23%; right: -21%; z-index: 9; } .subscribe-block-outer-image-4{ background: url(https://www.weightworld.uk/assets/weightworld/weightworld.uk/images/april-leaf-4.png) 50% no-repeat; height: 118px; width: 120px; top: 57%; z-index: 9; right: -10%; }*/ @media only screen and (min-width: 991px) and (max-width: 1023px) { .fitness-bundle-image .discountBadge{ top: 36px !important; left: 47% !important; } .fitness-bundle-image .discountBadge img{ width: 60%; } } @media only screen and (min-width: 893px) and (max-width: 990px) { .fitness-bundle-image .discountBadge{ top: 45px !important; left: 103px !important; } .fitness-bundle-image .discountBadge img{ width: 60%; } } @media only screen and (min-width: 768px) and (max-width: 892px) { .fitness-bundle-image .discountBadge{ top: 43px !important; left: 109px !important; } } @media only screen and (min-width: 575px) and (max-width: 767px) { .fitness-bundle-image .discountBadge{ top: 36px !important; left: 62% !important; } } @media only screen and (min-width: 450px) and (max-width: 574px) { .fitness-bundle-image .discountBadge{ top: 36px !important; left: 45% !important; } .fitness-bundle-image .discountBadge img{ width: 50%; } } @media only screen and (max-width: 449px) { .fitness-bundle-image .discountBadge{ top: 29px; left: 62%; } } /*-- END: Feb Offers --*/ /*-- START: June Offers - Brand Ambassador Hover Appear --*/ /*.newSliderMainInner:hover::before{ background-color: rgb(70 70 70 / 50%) !important; } .newSliderMainInner:hover .newSliderMainInner-image{ display: block !important; } .newSliderMainInner::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; border-radius: 25px; transition: 0.4s all; } .newSliderMainInner-image{ display: none; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .newSliderMainInner-image img{ padding: 2px; border: 2px solid #ec97c4; border-radius: 50% !important; height: 100px; } .newSliderMainInner-image p{ color: #fff; text-align: center; margin-top: 10px; }*/ /*-- END: June Offers - Brand Ambassador Hover Appear --*/ @media only screen and (min-width: 768px) and (max-width: 1199px) { .bf-banner-image{ height: auto !important; } .xmas-offer .timer{ bottom: -180px !important; } } .timer-wrapper{ padding-bottom: 120px; } .subsFormBanner{ box-shadow: 0px 4px 30px 0px #0000001A; border-radius: 30px; bottom: -90px; position: absolute; padding: 30px; width: 90%; left: 0; right: 0; margin: 0px auto; } .subsFormBanner h3{ font-size: 26px; } .subsFormBanner p { font-size: 18px; line-height: 24px; } .subsFormBanner .formBlock input{ border-radius: 10px; border: 1px solid #C9C9C980; padding: 15px; font-size: 16px; width: 330px; height: 48px; } .subsFormBanner .formBlock button.footer-custom-nl-submit-button { padding: 10px 15px; color: #fff !important; background-color: #8DC20B; font-size: 16px; border-radius: 10px; width: 150px !important; } /* Ambassador Css */ .fs-20{ font-size: 20px; } .fs-22{ font-size: 22px; } .ff-semibold{ font-family: 'open_sanssemibold' !important; } .ls1{ letter-spacing: 1px; } .subscribeWrapperBlackFriday marquee{ font-size: 22px; } .ambassadorSlider .swiper-slide { padding: 2px; } .ambassadorSlider .swiper-slide a:hover .ambassadorWrapper { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; transition: box-shadow 0.1s ease-in-out; } .ambassadorWrapper { padding: 8px; border-radius: 8px; border: 1px solid #d9d9d9; transition: box-shadow 0.1s ease-in-out; } .ambassadorWrapperImage { position: relative; max-width: 400px; min-height: 200px; overflow: hidden; height: 300px; border-radius: 8px; } .ambassadorWrapperImage img { position: absolute; margin: auto; left: -100%; right: -100%; top: -100%; min-width: 100%; bottom: -100%; min-height: 100%; width: auto; max-width: none; } .ambassadorWrapperContent { display: flex; gap: 10px; } .ambassadorWrapperContentImage { background: #f7f7f7; border-radius: 8px; height: 100%; } .couponCode{ border: 1px dashed #000000; border-radius: 10px; padding: 8px 15px; font-size: 18px; letter-spacing: 2px; font-weight: 600; } .couponCopyCode{ border: 1px solid #D7D5D5; font-size: 16px; border-radius: 5px; padding: 8px 10px; } @media only screen and (max-width: 1023px) { .ambassadorWrapperContentDescription img { width: 80px; } } @media only screen and (min-width: 767px) and (max-width: 1199px) { .subsFormBanner{ width: 95%; bottom: -120px; } .subsFormBanner .formBlock input{ width: 270px; } } @media only screen and (max-width: 767px) { .footer-custom-nl-error-mess-email{ position: relative !important; top: 0 !important; left: 0 !important; } .subsFormBanner .formBlock input { width: 300px; } .ambassadorWrapperContentImage { width: auto; } .timer-wrapper { padding-bottom: 200px; } .subsFormBanner { bottom: -190px; width: 90%; } .subscribeWrapperBlackFriday marquee { font-size: 16px; } .subsFormBanner h3 { font-size: 20px; } .subsFormBanner p { font-size: 14px; } } .ambassadorWrapperContentImage img { mix-blend-mode: multiply; } .ambassadorWrapperContentDescription img { width: 60px; } .ambassadorWrapperContentDescription .product-rating-reviews { font-size: 14px; } @media only screen and (max-width: 1023px) { .ambassadorWrapperContentDescription .product-rating-reviews { font-size: 13px; } } /* Home Page Css Start */ .homeReviewSection { background: #fff; padding: 30px 0; } .newCustomerReview { background: #fafafa; padding: 30px 0; } .homeReviewSection .homeReviews { position: relative; background: #fff; display: flex; flex-wrap: wrap; padding-bottom: 70px; border-radius: 5px; } .homeReviewSection .homeReviews strong { color: #000; } .homeReviewSection .homeReviews h3 { color: #000; font-size: 36px; } .homeReviewSection .homeReviews a { color: #000; overflow: hidden; } .homeReviewSection .homeReviews p { margin: 0 0 5px; } .homeReviewSection .homeReviews .home-short-name { background: #979797; border-radius: 50%; color: #fff; height: 45px; margin-right: 10px; padding: 10px; text-align: center; width: 45px; text-transform: uppercase; margin-left: 50px; margin-top: -50px; line-height: 28px; } .homeReviewSection .home-inner-reviews { display: flex; flex-wrap: wrap; padding: 15px 15px 15px 50px; flex-direction: column; } .homeReviewSection .home-inner-reviews strong { width: 100%; display: inline-block; word-break: break-all; } .homeReviewSection .home-inner-reviews .home-rev-txt { display: block; display: -webkit-box; max-width: 100%; height: 43px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .homeReviewSection .home-reviewer-name { align-items: center; display: flex; flex-wrap: wrap; background: #fff; position: absolute; bottom: 0px; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .homeReviewSection .home-full-name { position: relative; top: -25px; } .homeReviewSection .home-full-name p { margin-top: 0; } .homeReviewSection .homeReviewBlock h3 { color: #333; font-size: 32px; } /* Home Page Css End */ .line-clamp-1 { -webkit-line-clamp: 1 !important; line-clamp: 1 !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .line-clamp-2 { -webkit-line-clamp: 2 !important; line-clamp: 2 !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* New Section */ .trustedModule { border: 1px solid #ddd; padding: 15px 15px 15px 25px; border-radius: 8px; flex-direction: row; } .trustedModuleTitle { font-size: 24px; color: #8dc20b; font-family: 'open_sansbold'; margin-bottom: 10px; } .trustedModuleWrapper { border-right: 1px solid #ddd; padding-right: 20px; } .trustedModulePoints { column-count: 2; list-style: none; padding-left: 20px; } .trustedModulePoints li { font-size: 16px; font-family: 'open_sanssemibold'; color: #5f5f5f; margin-top: 10px; } .trustedModuleDesc { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-family: 'open_sanssemibold'; gap: 5px; margin-bottom: 10px; } .trustedModuleDesc img { height: 40px; width: 40px; } .trustedModuleWrapper, .trustedModuleInnerWrapper { width: 50%; } .trustedModuleWrapper { margin-bottom: 10px; } .trustedModuleFullWidth { border: 1px solid #ddd; border-radius: 8px; } .trustedModuleFullWidth .trustedModuleDesc { margin-bottom: 0px; } @media only screen and (max-width: 767px) { .trustedModule { flex-direction: column; gap: 15px; padding: 15px; } .trustedModuleContent { margin-bottom: 25px; } .trustedModuleDesc { gap: 8px; } .trustedModuleWrapper, .trustedModuleInnerWrapper { width: 100%; border-right: 0; text-align: center; padding: 0 !important; } .trustedModuleFullWidth .trustedModuleTitle, .trustedModuleFullWidth .trustedModuleContent { text-align: center; } .trustedModuleFullWidth .trustedModuleDesc { margin-bottom: 30px; } } /* Supplement */ .supplementTest { background: #8cc20a; border-radius: 8px; padding: 48px 16px; } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .supplementTest { height: 100%; } } @media only screen and (max-width: 767px) { .supplementTest { padding: 18px 12px; } } @media only screen and (max-width: 1023px) { .supplementTest { margin-top: 20px; } } .supplementTest::before { content: ''; content: ''; width: 150px; background-image: url(https://www.weightworld.uk/assets/weightworld/weightworld.uk/images/homePage/supplement-test-bottle-image.png); position: absolute; height: 50%; right: 14px; background-repeat: no-repeat; background-size: 100%; bottom: 0px; border-bottom-right-radius: 8px; } @media only screen and (max-width: 1199px) { .supplementTest::before { bottom: -2px; height: 34%; width: 126px; } } @media only screen and (max-width: 1023px) { .supplementTest::before { bottom: -2px; height: 34%; width: 92px; } } @media only screen and (max-width: 767px) { .supplementTest::before { bottom: 0px; right: 16px; background-size: 100%; height: 77px; width: 82px; } } .supplementTestContent { width: 80%; } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .supplementTestContent { width: 85%; } } @media only screen and (max-width: 767px) { .supplementTestContent { width: 100%; } } .supplementTestContent h3, .supplementTestContent p { color: #fff; } .supplementTestContent button { background: #fff; color: #000; font-size: 15px; border-radius: 8px; font-family: 'open_sanssemibold'; border: 0; } @media only screen and (max-width: 767px) { .supplementTestContent button { padding: 10px !important; width: 65% !important; } } .supplementTestContent button::after, .supplementTestContent button::before { border-right: 2px solid #000; content: ''; display: block; height: 10px; margin-top: -7px; position: absolute; -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 25px; top: 50%; width: 0; } .supplementTestContent button::after { margin-top: -1px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }