.container-all{margin-top:2%}.container-all main{max-width:1440px;margin:0 auto}.container-all main .can-image{max-width:250px;position:absolute;top:66px;left:65%;rotate:11deg;z-index:10}.container-all main .can-image img{width:100%;height:auto}.container-all main .can-image:after{content:"";position:absolute;border-radius:50%;background:#6c0a69;rotate:-11deg;width:100%;height:30px;bottom:-5%;left:5%}.container-all main .section-container-main{width:96%;height:600px;overflow:hidden;position:relative;margin:0 auto;border-radius:38px;background:#181818 url(home-hero-bg-swirl.png) no-repeat center;background-size:cover}.container-all main .section-container-main .section-container{width:100%;display:flex;position:relative;transition:all ease-in-out .5s;align-items:center}.container-all main .section-container-main .section-container .section{min-width:100%;height:600px;border-radius:38px;position:relative;overflow:hidden;z-index:1;background:transparent url(home-hero-berry-bg2.png) no-repeat;background-size:86% auto;background-position:180% 0%;padding-top:10px;animation:bgLoop 25s infinite}.container-all main .section-container-main .section-container .section .text{position:relative;width:50%;top:30%;padding:0 4rem;z-index:10}.container-all main .section-container-main .section-container .section .text h1{color:var(--brand-pink);opacity:0;font-size:52px;line-height:1.2;margin:0}.container-all main .section-container-main .section-container .section .text p.subtitle{font-family:BD-Supper,sans-serif;font-size:20px;line-height:1.5;margin:4rem 0;color:var(--secondary-color);opacity:0}.container-all main .section-container-main .section-container .section .text .btn-hero{font-family:Bd-Supper,sans-serif;text-transform:uppercase;letter-spacing:3.2px;background:transparent;padding:15px 45px;border-radius:100px;border:1px solid #FFF;color:#fff;text-decoration:none;transition:all ease-in-out .3s;opacity:0}.container-all main .section-container-main .section-container .section .text .btn-hero:hover{background:var(--font-color);color:#000}.container-all main .section-container-main .section-container .section .fruit-images .fruit-image{opacity:1;position:absolute}.container-all main .section-container-main .section-container .section .fruit-images .fruit-image img{width:100%;height:auto}.container-all main .section-container-main .section-container .section .fruit-images .image-one{max-width:192px;top:33px;left:51%;z-index:5}.container-all main .section-container-main .section-container .section .fruit-images .image-two{max-width:217px;top:150px;left:46%;z-index:4}.container-all main .section-container-main .section-container .section .fruit-images .image-three{max-width:211px;bottom:120px;right:0;z-index:3}.container-all main .section-container-main .section-container .section .fruit-images .image-four{max-width:294px;bottom:0;right:-15px;z-index:2}.container-all main .section-container-main .section-container .section .stars .star1{opacity:1;position:absolute;left:45%;top:15%}.container-all main .section-container-main .section-container .section .stars .star2{opacity:1;position:absolute;left:52%;bottom:8%}@keyframes bgLoop{50%{background-position:280% 60%}}@media screen and (max-width: 767px){.container-all{padding-bottom:90px}.container-all main .can-image{transform:translate(-85%);top:520px}.container-all main .can-image img{position:relative;z-index:5}.container-all main .section-container-main{background-position:center;height:800px}.container-all main .section-container-main .section-container .section{height:800px;background:transparent url(home-hero-berry-bg-mobile2.png) no-repeat;background-position:20% -120%}.container-all main .section-container-main .section-container .section .text{width:100%;top:100px;text-align:center}.container-all main .section-container-main .section-container .section .text h1{margin:0;font-size:3.5rem}.container-all main .section-container-main .section-container .section .text p.subtitle{margin:1rem 0 3rem;font-size:1.2rem}.container-all main .section-container-main .section-container .section .fruit-images .image-one{top:523px;left:-9%}.container-all main .section-container-main .section-container .section .fruit-images .image-two{top:680px;left:16%}.container-all main .section-container-main .section-container .section .stars{display:none}@keyframes bgLoop{50%{background-position:30% -110%}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wook-home-hero.css.map */