.section-hero-banner .wrapper .content{position:relative;overflow:hidden;background:url("waves-hero-mobile.svg") center top;background-size:cover;border-radius:20px;height:127.5dvw}.section-hero-banner .wrapper .content img{position:absolute;bottom:0;left:0;width:100%;transform:translateY(29%);transition:transform 2s ease-in-out}.section-hero-banner .wrapper .title{margin:9.5dvw 0 0;font-size:20.6dvw;font-weight:500;line-height:.9;color:#fff6ea}.section-hero-banner .wrapper .icons{display:grid;width:fit-content;align-items:center;margin:-60px auto 0;grid-template-columns:1fr 1fr;gap:4px 12px;position:relative;z-index:1}.section-hero-banner .wrapper .icons .tag-20g{grid-column:span 2;justify-self:center}.section-hero-banner.animate .content img{transform:translateY(0%)}@media only screen and (min-width: 1025px){.section-hero-banner .wrapper .content{height:auto;padding-bottom:56.25%;background:url("waves-hero.svg") center top}.section-hero-banner .wrapper .content img{left:21.15%;width:57.7%;transform:translateY(35.6%)}.section-hero-banner .wrapper .title{position:absolute;left:0;top:0;width:100%;margin:min(4.85dvw,70px) 0 0;font-size:min(10.4dvw,150px);line-height:.85}.section-hero-banner .wrapper .icons{display:flex;gap:30px;margin-top:-74px}.section-hero-banner .wrapper .icons .tag-4g{order:-1;width:136px;transition:all .4s ease-in-out}.section-hero-banner .wrapper .icons .tag-20g{width:226px;transition:all .4s ease-in-out}.section-hero-banner .wrapper .icons .tag-0g{width:139px;transition:all .4s ease-in-out}.section-hero-banner .wrapper .icons:hover .tag-4g{transform:rotate(-10deg)}.section-hero-banner .wrapper .icons:hover .tag-20g{transform:rotate(10deg)}.section-hero-banner .wrapper .icons:hover .tag-0g{transform:rotate(-11deg)}.section-hero-banner.animate .content img{transform:translateY(0%)}}