.hero-banner-sec{background-color:#040404;background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;min-height:810px;overflow:hidden;padding:366px 0 238px;position:relative;vertical-align:top;width:100%}.hero-banner-sec .bg-image,.hero-banner-sec .video{height:100%;left:0;line-height:0;position:absolute;top:0;width:100%;z-index:0}.hero-banner-sec .bg-image{display:none}.hero-banner-sec.active .video{display:inline-block}.hero-banner-sec.active .short-video{display:none}.hero-banner-sec .video video{display:inline-block;height:100%;object-fit:cover;width:100%}.hero-banner-sec .short-video{display:inline-block;height:100%;left:50%;line-height:0;max-width:1152px;position:absolute;top:164px;transform:translateX(-50%);width:100%;z-index:0}.hero-banner-sec .short-video video{display:inline-block;height:100%;object-fit:cover;width:100%}.hero-banner-sec .hero-inner{display:inline-block;line-height:0;position:relative;width:100%;z-index:0}.hero-banner-sec .hero-inner .title h1{color:#fff;text-align:center}.hero-banner-sec .hero-inner .cta{text-align:center}.hero-banner-sec .hero-inner .cta a{align-items:flex-end;display:flex;gap:15px;justify-content:center;width:fit-content}.hero-banner-sec .hero-inner .cta a span{border-bottom:1px solid #fff;color:#fff;display:inline-block;font-size:18px;font-weight:500;line-height:30px;margin:0;width:auto}.hero-banner-sec .hero-inner .cta a svg{display:inline-block;height:34px;margin:0;width:34px}.hero-banner-sec .bg-image img{height:100%;object-fit:cover}@media(max-width:991px){.hero-banner-sec{min-height:570px;padding:316px 0 190px}}@media(max-width:767px){.hero-banner-sec.mobile-ios .bg-image{display:block}.hero-banner-sec.mobile-ios .video{display:none}.hero-banner-sec{padding:246px 0 120px}}