.hero-banner{background-size:cover;overflow:hidden}.hero-banner,.hero-banner-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.hero-banner-wrapper{box-sizing:border-box;gap:24px;max-width:100%;width:1170px}.hero-banner-detail{animation:oscillate 10s ease-in-out infinite;background-size:cover;height:100%;opacity:.2;position:absolute;right:0;top:0;transform:scale(1);width:70%}@keyframes oscillate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero-banner-col{width:50%}.hero-banner-col.content-box{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;max-width:100%;padding:60px 0;width:600px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-banner-col img{animation:fadeInUp 1.5s ease-in-out;animation-fill-mode:forwards;opacity:0}.hero-banner h1{color:#fff;font-size:45px;line-height:1.2em;margin-top:10px}.hero-banner p{color:#fff;font-size:18px;line-height:1.4em;margin:0}a.cta-primary{background:#ffffff36;border:2px solid #fff;border-radius:50px;color:#fff;display:inline-block;font-weight:600;margin-top:5px;padding:8px 25px;transition:all .3s linear}a.cta-primary:hover{background:#fff;color:#62453c}.top-section{position:relative}.scroll-header{animation:scrollheader .4s normal;animation-fill-mode:forwards;margin-top:-100px;opacity:0;position:fixed;vertical-align:bottom}@keyframes scrollheader{0%{margin-top:-100px;opacity:0}to{margin-top:0;opacity:1}}@media (max-width:600px){.hero-banner-wrapper{flex-wrap:wrap}.hero-banner-col{padding:0;width:100%}.hero-banner-col.content-box{padding:20px}}