.know-the-difference__cont{padding-block:72px;background-color:#fff}.know-the-difference{display:flex;flex-direction:column;gap:56px}.know-the-difference__header{display:flex;flex-direction:column;gap:24px;align-items:center}.know-the-difference__title *{color:var(--Hello-Skin-Green-Granite, #8c9691);font-family:Juana;font-size:48px;font-style:normal;font-weight:400;line-height:normal;margin:0;text-align:center;padding:0}.know-the-difference__title * strong{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);font-family:Juana;font-size:48px;font-style:normal;font-weight:400;line-height:normal}.know-the-difference__header>p{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);text-align:center;max-width:82rem;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0}.know-the-difference__cta{padding:10px 42px;margin:0 auto;font-size:20px}@media (min-width: 800px){.know-the-difference__cta{margin-top:-30px}}.know-the-difference__content{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:100rem;margin:0 auto}.know-the-difference__content *{margin:0;padding:0}.know-the-difference__media-wrapper{margin-top:auto}.know-the-difference__item{display:flex;flex-direction:column;gap:24px;max-width:100%;overflow:hidden}.know-the-difference__item h3{color:var(--Hello-Skin-Green-Granite, #8c9691);font-family:Bricolage Grotesque;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.know_the_difference_swiper .swiper-slide{height:100%;position:relative}.know_the_difference_swiper .swiper-slide span{position:absolute;bottom:12px;left:12px;color:#fff;font-family:Bricolage Grotesque;font-size:20px;font-style:normal;font-weight:500;line-height:28px;background-color:#0006;padding:6px 12px;border-radius:6px}.know_the_difference_swiper .swiper-slide img{border-radius:12px;aspect-ratio:1/1.2;background:linear-gradient(180deg,#fdf7f7,#fff);height:auto;object-fit:cover;object-position:center;width:100%}.know-the-difference__item-description *{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.know-the-difference__item-description li:before{content:"\2022";color:var(--Hello-Skin-Green-Granite, #8c9691);margin-right:.5rem}.know-the-difference__mobile-switcher{display:none;gap:10px;background-color:#f5f5f5;border-radius:8px;padding:6px}.mobile-switcher__tab{flex:1;display:flex;justify-content:center;align-items:center;padding:12px 8px;text-align:center;border-radius:6px;cursor:pointer;transition:all .3s ease;background-color:transparent}.mobile-switcher__tab span{color:var(--Hello-Skin-Green-Granite, #8c9691);text-align:center;font-family:Bricolage Grotesque;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.mobile-switcher__tab.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:12px}.mobile-switcher__tab.active span{color:var(--Hello-Skin-Green-Granite, #8c9691)}@media (max-width: 800px){.know-the-difference__cont{padding-block:48px}.know-the-difference__mobile-switcher{display:flex;width:100%}.know-the-difference__content{grid-template-columns:1fr;gap:0}.know-the-difference__item{display:none}.know-the-difference__item.active{display:flex}.know-the-difference{gap:24px}.know-the-difference__media-wrapper{order:-1}.know-the-difference__item h3{order:-1;text-align:center;color:var(--Hello-Skin-Green-Granite, #8c9691);font-family:Bricolage Grotesque;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.know-the-difference__item-description *{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);font-family:Bricolage Grotesque;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.know-the-difference__title *{color:var(--Hello-Skin-Green-Granite, #8c9691);font-family:Juana;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.know-the-difference__title * strong{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);text-align:center;font-family:Juana;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.mobile-switcher__tab span{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/know-the-difference.css.map */