.formula-ingredients{background:linear-gradient(278deg,#1a7f5d 5.47%,#024933 93.79%);padding:40px 60px;text-align:center;position:relative;overflow:hidden;font-family:Inter,sans-serif}.headline{color:#faf9f7;text-align:center;font-family:Lexend;font-size:40px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize;margin:9px 0 30px}.headline span{color:#faf9f7;font-family:"Instrument Serif";font-size:42px;font-style:italic;font-weight:400;line-height:normal;text-transform:none}.know-more{display:none}.ingredient-scene{position:relative;max-width:1100px;margin:0 auto;height:700px}.bottle{position:absolute;top:12%;right:35%;z-index:2;max-width:250px;animation:float 6s ease-in-out infinite}.bubble-group{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.bubble{position:absolute;width:240px;height:240px;border-radius:50%;text-align:center;transition:transform .4s ease,opacity .4s ease;pointer-events:auto;cursor:pointer;transition:transform .6s ease-in-out,opacity .4s ease-in-out;will-change:transform,opacity}.ellipse-bg{position:absolute;width:333px;height:333px;object-fit:contain;z-index:1;top:-43px;left:-43px;pointer-events:none}.bubble-img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:50%}.bubble-label{position:absolute;bottom:40%;z-index:3;left:25%;max-width:125px;font-size:16px;font-weight:700;color:#faf9f7;text-transform:uppercase}.bubble-border-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:500;color:#fff;background:#0b7c41cc;padding:6px 12px;border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.bubble:hover{scale:1.2;z-index:5}.bubble-group:hover .bubble:not(:hover){scale:.5}.bubble-pointers{position:relative;bottom:60%;left:100%;list-style:none;padding:0;margin:0;opacity:0;transition:opacity .4s ease-in-out .1s;z-index:3}.bubble-pointers li{color:#fff;font-family:Lexend;font-size:10.089px;font-style:normal;font-weight:400;line-height:140%;padding:5.513px 8.269px;border-radius:5.513px;border:.551px solid #fff;display:inline-block;position:absolute}.bubble-pointers .dot{position:absolute;width:14px;height:14px}.small-bubble-img-1,.small-bubble-img-2,.small-bubble-img-3{position:absolute;object-fit:cover;z-index:2}.small-round{position:absolute;top:70%;right:32%;object-fit:cover;z-index:3;animation:float 6s ease-in-out infinite;animation-delay:.5s}.bubble:hover .bubble-pointers{opacity:1}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.bubble[data-index="1"]{top:25%;left:7%;animation:float 6s ease-in-out infinite;animation-delay:0s}.bubble[data-index="2"]{top:15%;right:14%;animation:float 5.5s ease-in-out infinite;animation-delay:.3s}.bubble[data-index="3"]{bottom:10%;left:2%;animation:float 6.2s ease-in-out infinite;animation-delay:.6s}.bubble[data-index="4"]{bottom:15%;right:3%;animation:float 5.8s ease-in-out infinite;animation-delay:.9s}.bubble[data-index="5"]{top:50%;left:25%;animation:float 6.4s ease-in-out infinite;animation-delay:1.2s}.bubble[data-index="6"]{top:60%;right:5%;animation:float 5.6s ease-in-out infinite;animation-delay:1.5s}.bubble-pointers li[data-index="1"]{top:-17rem;left:-45%}.bubble-pointers li[data-index="2"]{top:-13rem;left:-3%}.bubble-pointers li[data-index="3"]{top:-6rem;left:20%}.bubble-pointers li[data-index="4"]{top:-1rem;left:23%}.bubble-pointers .dot[data-index="1"]{top:-15rem;left:-45%}.bubble-pointers .dot[data-index="2"]{top:-11.5rem;left:-6%}.bubble-pointers .dot[data-index="3"]{top:-4.5rem;left:15%}.bubble-pointers .dot[data-index="4"]{top:.8rem;left:18%}.bubble[data-index="1"] .bubble-pointers li[data-index="3"]{top:-13rem;left:-157%}.bubble[data-index="1"] .bubble-pointers li[data-index="4"]{top:-6.5rem;left:-183%}.bubble[data-index="1"] .bubble-pointers .dot[data-index="3"]{top:-11.5rem;left:-96%}.bubble[data-index="1"] .bubble-pointers .dot[data-index="4"]{top:-5.2rem;left:-117%}.bubble[data-index="3"] .bubble-pointers li[data-index="1"]{top:-16rem;left:-111%}.bubble[data-index="3"] .bubble-pointers li[data-index="3"]{top:-11rem;left:-135%}.bubble[data-index="3"] .bubble-pointers li[data-index="4"]{top:-6.5rem;left:-183%}.bubble[data-index="3"] .bubble-pointers .dot[data-index="1"]{top:-14.5rem;left:-71%}.bubble[data-index="3"] .bubble-pointers .dot[data-index="3"]{top:-9.5rem;left:-105%}.bubble[data-index="3"] .bubble-pointers .dot[data-index="4"]{top:-5.2rem;left:-117%}.bubble[data-index="5"] .bubble-pointers li[data-index="2"]{top:-15.5rem;left:-106%}.bubble[data-index="5"] .bubble-pointers li[data-index="3"]{top:12rem;left:-149%}.bubble[data-index="5"] .bubble-pointers li[data-index="4"]{top:-6.5rem;left:-173%}.bubble[data-index="5"] .bubble-pointers .dot[data-index="2"]{top:-14rem;left:-77%}.bubble[data-index="5"] .bubble-pointers .dot[data-index="3"]{top:9.5rem;left:-105%}.bubble[data-index="5"] .bubble-pointers .dot[data-index="4"]{top:-5.2rem;left:-117%}.bubble[data-index="1"] .small-bubble-img-1{top:-30%;left:-20%}.bubble[data-index="1"] .small-bubble-img-2{bottom:-4%;left:-25%}.bubble[data-index="1"] .small-bubble-img-3{bottom:6%;left:85%}.bubble[data-index="2"] .small-bubble-img-1{top:10%;left:82%}.bubble[data-index="2"] .small-bubble-img-2{top:5%;left:-10%}.bubble[data-index="3"] .small-bubble-img-1{top:-10%;left:60%}.bubble[data-index="4"] .small-bubble-img-1{top:0%;left:95%}.bubble[data-index="4"] .small-bubble-img-2{top:40%;left:-35%}.bubble[data-index="1"] .bubble-label,.bubble[data-index="4"] .bubble-label{bottom:33%;left:23%}.bubble[data-index="3"] .bubble-label{bottom:45%;left:28%}.bubble-group.paused .bubble,.bubble-group.paused .bottle,.bubble-group.paused .small-round,.bubble-group.paused .small-bubble-img-1,.bubble-group.paused .small-bubble-img-2,.bubble-group.paused .small-bubble-img-3{animation:none!important}@media (max-width: 950px){.formula-ingredients{padding:32px 20px}.headline{font-size:24px;font-weight:300;margin:0}.headline span{font-size:28px;font-weight:400}.know-more{display:flex;align-items:center;color:#fff;font-size:14px;font-family:Lexend;font-weight:300;margin:25px auto 0;justify-content:center}.ingredient-scene{height:500px;margin:85px auto 0;max-width:500px}.ellipse-bg{width:160px;height:160px;top:-15px;left:-15px}.bubble{width:133px;height:133px}.bottle{width:112px;height:229px}.bubble[data-index="1"]{top:12%;left:3%}.bubble[data-index="2"]{top:5%;right:4%}.bubble[data-index="3"]{bottom:33%;left:9%}.bubble[data-index="4"]{bottom:32%}.bubble[data-index="5"]{top:58%;left:25%}.bubble-label{font-size:12px;left:15%;bottom:35%;max-width:120px}.bubble[data-index="1"] .bubble-label{left:5%}.bubble[data-index="4"] .bubble-label{left:5%;bottom:25%}.bubble[data-index="2"] .bubble-label{left:6%}.bubble[data-index="3"] .bubble-label{bottom:40%;left:12%}.small-round{display:none}.bubble[data-index="1"] .small-bubble-img-1{width:41px;height:41px;top:-21%;left:30%}.bubble[data-index="1"] .small-bubble-img-2{display:none}.bubble[data-index="1"] .small-bubble-img-3{width:24px;height:24px;bottom:6%;left:80%}.bubble[data-index="2"] .small-bubble-img-1{width:26px;height:26px;top:10%;left:65%}.bubble[data-index="2"] .small-bubble-img-2{width:43px;height:43px;top:-10%;left:-15%}.bubble[data-index="3"] .small-bubble-img-1{width:39px;height:39px;top:2%;left:-10%}.bubble[data-index="4"] .small-bubble-img-1{width:35px;height:35px;top:-34%;left:60%}.bubble[data-index="4"] .small-bubble-img-2{width:52px;height:52px}.bubble-pointers li{font-size:7px}.bubble[data-index="5"] .bubble-pointers .dot[data-index="4"]{top:-1rem;left:4%}.bubble[data-index="5"] .bubble-pointers li[data-index="4"]{top:1rem;left:13%;max-width:65px}.bubble[data-index="5"] .bubble-pointers .dot[data-index="2"]{top:3rem;left:-8%}.bubble[data-index="5"] .bubble-pointers li[data-index="2"]{top:5rem;left:0%}.bubble[data-index="5"] .bubble-pointers .dot[data-index="3"]{top:6rem;left:-53%}.bubble[data-index="5"] .bubble-pointers li[data-index="3"]{top:8.5rem;left:-110%}.bubble[data-index="5"] .bubble-pointers .dot[data-index="1"]{top:3.2rem;left:-105%}.bubble[data-index="5"] .bubble-pointers li[data-index="1"]{top:5rem;left:-150%;max-width:65px}.bubble[data-index="4"] .bubble-pointers .dot[data-index="1"]{top:5.5rem;left:-82%}.bubble[data-index="4"] .bubble-pointers li[data-index="1"]{top:9rem;left:-111%}.bubble[data-index="4"] .bubble-pointers .dot[data-index="2"]{top:6rem;left:-65%}.bubble[data-index="4"] .bubble-pointers li[data-index="2"]{top:8rem;left:-59%}.bubble[data-index="4"] .bubble-pointers .dot[data-index="3"]{top:-8.5rem;left:-55%}.bubble[data-index="4"] .bubble-pointers li[data-index="3"]{top:-10rem;left:-85%}.bubble[data-index="2"] .bubble-pointers .dot[data-index="1"]{top:-8rem;left:-78%}.bubble[data-index="2"] .bubble-pointers li[data-index="1"]{top:-9rem;left:-156%}.bubble[data-index="2"] .bubble-pointers .dot[data-index="2"]{top:5.8rem;left:-65%}.bubble[data-index="2"] .bubble-pointers li[data-index="2"]{top:8.5rem;left:-59%;max-width:90px}.bubble[data-index="2"] .bubble-pointers .dot[data-index="3"]{top:-8.5rem;left:-59%}.bubble[data-index="2"] .bubble-pointers li[data-index="3"]{top:-11rem;left:-55%;max-width:80px}.bubble[data-index="3"] .bubble-pointers .dot[data-index="1"]{top:.5rem;left:2%}.bubble[data-index="3"] .bubble-pointers li[data-index="1"]{top:3rem;left:6%}.bubble[data-index="3"] .bubble-pointers .dot[data-index="2"]{top:6rem;left:-54%}.bubble[data-index="3"] .bubble-pointers li[data-index="2"]{top:8rem;left:-98%}.bubble[data-index="3"] .bubble-pointers .dot[data-index="3"]{top:-7.5rem;left:-87%}.bubble[data-index="3"] .bubble-pointers li[data-index="3"]{top:-10rem;left:-123%;max-width:52px}.bubble[data-index="1"] .bubble-pointers .dot[data-index="1"]{top:-8rem;left:-36%}.bubble[data-index="1"] .bubble-pointers li[data-index="1"]{top:-9.5rem;left:-32%}.bubble[data-index="1"] .bubble-pointers .dot[data-index="2"]{top:-6rem;left:-11%}.bubble[data-index="1"] .bubble-pointers li[data-index="2"]{top:-7rem;left:-3%}.bubble[data-index="1"] .bubble-pointers .dot[data-index="3"]{top:6rem;left:-52%}.bubble[data-index="1"] .bubble-pointers li[data-index="3"]{top:8rem;left:-111%;max-width:80px}.bubble[data-index="1"] .bubble-pointers .dot[data-index="4"]{top:-8rem;left:-79%}.bubble[data-index="1"] .bubble-pointers li[data-index="4"]{top:-10rem;left:-109%;max-width:90px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/formula-ingredients.css.map */