.hero-banner{width:100%}.hero-banner .media:has(>.video) picture{display:none}.hero-banner .media .video{position:relative}.hero-banner .media .video video{display:inline-block;object-fit:fill;pointer-events:none;width:100%;min-height:100%;vertical-align:middle}.hero-banner .media .video button.video-control-btn{position:absolute;top:2rem;right:2rem;z-index:1;background-color:color-mix(in srgb, #202024 40%, transparent);color:#fff;border:2px solid #fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.hero-banner .media .video button.video-control-btn .material-icons-outlined{font-size:2rem}.hero-banner .media .video button.video-control-btn:hover{background-color:#00539b}.hero-banner .media .video button.video-control-btn:focus{outline:3px solid #ffb400;background-color:#003e74}.hero-banner .media .image img{position:relative;vertical-align:middle}.hero-banner .hero-banner-content .banner-box{width:100%}.hero-banner .hero-banner-content .banner-box .title-box{opacity:90%;padding:1rem;color:#fff;width:100%}.hero-banner .hero-banner-content .banner-box .title-box h2{margin:0;font-size:calc(2.48832em + .56344*(100vw - 36em)/39)}.hero-banner .hero-banner-content .banner-box .title-box a{color:#fff;text-decoration:none}.hero-banner .hero-banner-content .banner-box .title-box a:hover{text-decoration:underline}.hero-banner .hero-banner-content .banner-box .content-box{background-color:#fff;opacity:90%;padding:2rem 1rem 1rem 1rem;color:#0f0f11}.hero-banner .hero-banner-content .banner-box .content-box p{margin:0;line-height:1.5;font-size:calc(1.2em + .05*(100vw - 36em)/39)}.hero-banner .hero-banner-content .banner-box .content-box .btn{font-size:1.5rem;margin:1rem 1rem .5rem 0;display:inline-block}@media screen and (max-width: 576px){.hero-banner .media .video button.video-control-btn{top:1rem;right:1rem}}@media screen and (max-width: 992px){.hero-banner .media .image img{width:100%}.hero-banner .hero-banner-content{padding:0;margin:0;max-width:100%}}@media screen and (min-width: 992px){.hero-banner{height:580px;position:relative;align-content:end}.hero-banner .media{height:580px;position:absolute;overflow:hidden;top:0;left:0;width:100%}.hero-banner .media .video{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner .media .video video{position:absolute;width:100%}.hero-banner .media .image img{top:50%;left:50%;transform:translate(-50%, -50%);min-height:100%;min-width:100%}.hero-banner .hero-banner-content{padding:2rem 15px}}/*# sourceMappingURL=hero-banner.css.map */