.hero-banner{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;overflow:hidden;padding:50px;position:relative;width:100%;z-index:1}.hero-banner img.banner-image,.hero-banner video{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.hero-banner:before{background:rgba(0,0,0,.1);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-banner .caption{margin:0 auto;max-width:1200px;padding:0 15px;position:relative;text-align:center;width:90%;z-index:1}.hero-banner .caption h1{color:#fff;font-size:clamp(16px,4vw,55px);line-height:1.3;margin-bottom:20px;word-break:break-word}.hero-banner .banner-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;z-index:1}.hero-banner .banner-buttons a{border-radius:20px;font-size:16px;padding:8px;text-align:center;text-decoration:none;transition:.3s;width:180px}.hero-banner .banner-buttons a.solid{background:#84f3ff;border:1px solid #84f3ff;color:#111c29}.hero-banner .banner-buttons a.solid:hover{background:transparent;color:#fff}.hero-banner .banner-buttons a.outline{background:transparent;border:1px solid #fff;color:#fff}.hero-banner .banner-buttons a.outline:hover{background:#fff;color:#2d4057}.hero-banner .icon-bottom{align-items:center;border:2px solid #fff;border-radius:50px;bottom:50px;display:flex;height:40px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:40px;z-index:1}.hero-banner .icon-bottom svg{fill:#fff;height:20px}@media (max-width:991px){.hero-banner .banner-buttons a{font-size:15px;width:160px}}@media (max-width:767px){.hero-banner .caption{width:90%}.hero-banner .banner-buttons{flex-direction:column;gap:10px}.hero-banner .banner-buttons a{font-size:14px;width:140px}}@media (max-width:480px){.hero-banner .caption{padding:0 10px;width:80%}.hero-banner .banner-buttons a{font-size:13px;width:120px}}