section.hero-space-style{width:100%;height:100%;overflow:hidden;position:relative}section.hero-space-style .background{position:absolute;top:0;right:0;width:100%;height:100%;z-index:-2}section.hero-space-style .background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.5;transition:all 0s linear}section.hero-space-style .foreground{position:absolute;bottom:0;right:0;transition:all 0s linear;z-index:-1;width:250%;max-width:250%;height:auto}section.hero-space-style:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to bottom,transparent,#000)}section.hero-space-style .scroll{display:none;position:absolute;z-index:10;bottom:12vh;right:0;left:0;margin:0 auto;text-align:center;width:100px}section.hero-space-style .scroll .mouse{position:relative;width:25px;height:48px;margin:0 auto;border-radius:999px;border:2px solid var(--Colours-UI-Grey-0, #FBFBFB);background:rgba(255,255,255,.5);filter:drop-shadow(0 5px 5px #000)}section.hero-space-style .scroll .mouse .wheel{position:absolute;top:5px;left:0;right:0;margin:0 auto;height:5px;border-radius:10px;z-index:1;width:4px;background:#FFF;filter:drop-shadow(0 5px 5px #000);transition:all .3s ease-in-out;animation:mouse-bounce 1.5s ease-in-out infinite}section.hero-space-style .scroll p{font-family:Kanit;font-weight:400;font-size:1rem;color:#0aba90;margin-top:20px;line-height:24px;letter-spacing:3px;text-transform:uppercase}@keyframes mouse-bounce{0%{top:5px;opacity:0}50%{opacity:1}to{top:35px;opacity:0}}section.hero-space-style .wrapper{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;flex-wrap:auto;height:50vh}section.hero-space-style .wrapper .content-wrapper{gap:16px;max-width:1012px;width:100%;margin:80px auto 0;padding:16px;text-align:center;transition:all 0s linear}section.hero-space-style .wrapper .content-wrapper.small-text h1{font-size:3rem;line-height:1.1}section.hero-space-style .wrapper .content-wrapper.small-text h1 strong{font-size:3rem}section.hero-space-style .wrapper .content-wrapper h1{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#fff;line-height:56px;text-transform:uppercase;margin-bottom:24px}section.hero-space-style .wrapper .content-wrapper h1 strong{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.hero-space-style .wrapper .content-wrapper p{font-family:Figtree;font-weight:400;font-size:1.25rem;color:#fff;line-height:24px}@media only screen and (min-width: 992px){section.hero-space-style .scroll{display:block}section.hero-space-style .foreground{width:100%}section.hero-space-style .wrapper{height:85vh}section.hero-space-style .wrapper .content-wrapper{margin:150px auto 0}section.hero-space-style .wrapper .content-wrapper.small-text h1{font-size:4.5rem}section.hero-space-style .wrapper .content-wrapper.small-text h1 strong{font-size:4.5rem}section.hero-space-style .wrapper .content-wrapper h1{font-size:6rem;line-height:110px}section.hero-space-style .wrapper .content-wrapper h1 strong{font-size:6rem}section.hero-space-style .wrapper .content-wrapper p{font-size:1.375rem}}