.hero-wrapper{width:100%;height:calc(100vh - 100px);margin-top:100px;overflow:hidden;background-color:#f4f4f4}.hero-container{width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 25px;display:flex}.hero-text-container{width:45%;height:100%;display:flex;flex-direction:column}.hero-title{width:80%;margin-top:35%;font-size:50px;line-height:55px;color:#000;z-index:10}.hero-paragraph{width:80%;font-size:18px;line-height:29px;color:#565656;z-index:10}.hero-button-container{width:100%;height:fit-content;display:flex;justify-content:flex-start}.hero-images-container{width:55%;height:100%;z-index:10;position:relative}.hero-image-container{width:100%;height:75%}.hero-image{height:100%;width:100%;object-fit:cover;object-position:left;border-bottom-left-radius:200px}.green-semi-bubble{width:190px;height:180px;background:#00f2fe;border-radius:0 0 0 100px;position:absolute;right:15%;bottom:15%;z-index:-1;animation:enterGreenSemiBubble 8s}.bubble{background:#4facfe;width:150px;height:150px;border-radius:50%;position:absolute;top:0;left:0;animation:ballBounce 12s infinite;z-index:1}@keyframes ballBounce{0%{transform:translateX(0) translateY(calc(30vh - 75px))}12.5%{transform:translateX(calc(30vw - 75px)) translateY(calc(100vh - 150px))}25%{transform:translateX(calc(100vw - 150px)) translateY(calc(30vh - 75px))}37.5%{transform:translateX(calc(70vw - 75px)) translateY(100px)}50%{transform:translateX(0) translateY(calc(70vh - 75px))}62.5%{transform:translateX(calc(70vw - 75px)) translateY(calc(100vh - 150px))}75%{transform:translateX(calc(100vw - 150px)) translateY(calc(70vh - 75px))}87.55%{transform:translateX(calc(30vw - 75px)) translateY(100px)}to{transform:translateX(0) translateY(calc(30vh - 75px))}}@keyframes enterGreenSemiBubble{0%{transform:translateX(30vw)}to{transform:translateX(0)}}@media (max-width:992px){.hero-text-container{width:50%}.hero-paragraph,.hero-title{width:85%}.hero-images-container{width:50%}}@media (max-width:767px){.hero-container{flex-direction:column-reverse;justify-content:flex-end;padding:0}.hero-images-container{width:100%;height:50%}.hero-image-container{width:100%;height:90%}.hero-text-container{width:100%;height:50%;align-items:center;justify-content:center}.hero-title{width:90%;margin-top:0;margin-bottom:20px;font-size:30px;line-height:32px;text-align:center}.hero-paragraph{width:75%;font-size:16px;line-height:26px;text-align:center}.hero-button-container{justify-content:center}.primaryButton{justify-self:center;height:50px;font-size:16px}.bubble,.green-semi-bubble{display:none}}