.activity-banner{background:#1e5a60}.activity-banner .wrapper.page-width{padding:0}.activity-banner-main{padding:9.6rem;display:flex;flex-direction:row-reverse;background:#5cc0a5;color:#fff;overflow:hidden;position:relative}.activity-banner .image-vector-desktop{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.activity-banner .image-vector-desktop svg,.activity-banner .image-vector-mobile svg{transform:translate(-50%,-50%);color:#aee0d2}.activity-banner .image-vector-desktop .image-one{position:absolute;top:10%;left:55%;width:64px;height:64px}.activity-banner .image-vector-desktop .image-two{position:absolute;top:8%;left:90%;width:24px;height:24px}.activity-banner .image-vector-desktop .image-three{position:absolute;top:40%;left:98%;width:56px;height:56px}.activity-banner .image-vector-desktop .image-four{position:absolute;top:80%;left:45%;width:56px;height:56px}.activity-banner .image-vector-desktop .image-five{position:absolute;top:85%;left:78%;width:40px;height:40px}.activity-banner .image-vector-desktop .image-six{position:absolute;top:95%;left:97%;width:48px;height:48px}.activity-banner .image-vector-desktop .image-seven{position:absolute;top:98%;left:65%;width:96px;height:96px}.activity-banner .image-main{display:flex;align-items:center;justify-content:center;width:100%;height:auto;margin-top:0;margin-right:-9.6rem;padding:0}.activity-banner .image-vector-mobile{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.activity-banner .image-vector-mobile .image-first{position:absolute;top:10%;left:60%;width:24px;height:24px}.activity-banner .image-vector-mobile .image-secound{position:absolute;top:15%;left:10%;width:40px;height:40px}.activity-banner .image-vector-mobile .image-third{position:absolute;top:20%;left:-2%;width:56px;height:56px}.activity-banner .image-vector-mobile .image-four{position:absolute;top:22%;left:95%;width:56px;height:56px}.activity-banner .image-vector-mobile .image-five{position:absolute;top:80%;left:10%;width:24px;height:24px}.activity-banner .image-vector-mobile .image-six{position:absolute;top:80%;left:99%;width:40px;height:40px}.activity-banner .image-vector-mobile .image-seven{position:absolute;top:90%;left:20%;width:24px;height:24px}.activity-banner .image-vector-mobile .image-eight{position:absolute;top:90%;left:80%;width:56px;height:56px}.activity-banner .image-main-inner{position:absolute;display:block;background-size:cover;width:540px;height:540px}.activity-banner .image-main-inner .picture{position:relative;display:block;width:100%;height:100%}.activity-banner .image-main-inner .picture img,.activity-banner .image-text .picture img{width:100%;height:100%;object-fit:cover}.activity-banner .image-text{max-width:384px;position:relative}.activity-banner .image-text h3{font-size:40px;line-height:1.2;color:#fff}.activity-banner .image-text .mt-8{font-size:18px;line-height:1.5;margin-top:3.2rem}.activity-banner .image-text .mt-12.grid{gap:2.4rem;margin-top:4.8rem}.activity-banner .image-text .logo-iiner{max-width:200px}.activity-banner .image-text .picture{width:100%;position:relative;display:block}.activity-banner .image-vector-mobile{display:none}@media only screen and (max-width:1280px){.activity-banner .wrapper.page-width{padding:0 2rem}}@media only screen and (max-width:1024px){.activity-banner-main{padding:4.8rem}.activity-banner .image-main-inner{width:384px;height:384px}.activity-banner .image-text h3{font-size:3.2rem}}@media only screen and (max-width:767px){.activity-banner .image-text h3{font-size:2.4rem}.activity-banner-main{flex-direction:column}.activity-banner .image-main{margin-top:0;padding:4.8rem 0;width:100%;height:384px;position:relative}.activity-banner .image-vector-desktop{display:none}.activity-banner .image-vector-mobile{display:block}.activity-banner .image-text{max-width:100%}}@media only screen and (max-width:480px){.activity-banner-main{padding:2.4rem}.activity-banner .image-main-inner{width:240px;height:240px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/social-activity-banner.css.map */