.hero-banner-sec{background-position:top;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;padding:78px 0;position:relative;vertical-align:top;width:100%}.hero-banner-sec .hero-banner-inner{align-items:center;display:flex;gap:100px;height:100%;position:relative;width:100%}.hero-banner-sec .hero-banner-inner .left{display:flex;flex-wrap:wrap;margin:0;max-width:600px}.hero-banner-sec .hero-banner-inner .left h1{line-height:58px;margin-bottom:22px}.hero-banner-sec .hero-banner-inner .left h1 span{position:relative}.hero-banner-sec .hero-banner-inner .left h1 span:after{background:transparent linear-gradient(90deg,#f2a900,#ff671f 51%,#ce0f69) 0 0 no-repeat padding-box;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.hero-banner-sec .hero-banner-inner .left p{font-size:22px;font-weight:400;line-height:29px;margin-bottom:35px}.hero-banner-sec .hero-banner-inner .left a{margin:0}.hero-banner-sec .hero-banner-inner .left .cta{align-items:center;display:flex;flex-wrap:wrap;gap:35px;justify-content:flex-start;margin:0}.hero-banner-sec .hero-banner-inner .left .watch-video{display:inline-block;margin:0;width:auto}.hero-banner-sec .hero-banner-inner .left .watch-video button{align-items:center;background:transparent;color:#fff;display:flex;font-size:18px;font-weight:700;gap:12px;line-height:18px;padding:0}.hero-banner-sec .hero-banner-inner .left .watch-video button img{margin:0;max-width:9px}.hero-banner-sec .hero-banner-inner .left .watch-video button img.white-btn{display:block}.hero-banner-sec .hero-banner-inner .left .watch-video button img.hover-btn{display:none}.hero-banner-sec .hero-banner-inner .left .watch-video button:hover{color:#ff671f}.hero-banner-sec .hero-banner-inner .left .watch-video button:hover img.white-btn{display:none}.hero-banner-sec .hero-banner-inner .left .watch-video button:hover img.hover-btn{display:block}.hero-banner-sec .hero-banner-inner .left video{height:100%}.hero-banner-sec .hero-banner-inner .left .video-popup .popup-content{position:relative;width:100%}.hero-banner-sec .hero-banner-inner .left .video-popup .popup-content button.close-btn{align-items:normal;background:#ff671f;border-radius:50%;color:#fff;display:flex;font-size:0;font-weight:900;height:30px;margin:auto;padding:0;position:absolute;right:0;top:0;width:30px;z-index:1}.hero-banner-sec .hero-banner-inner .left .video-popup .popup-content button.close-btn:after{content:"+";display:block;font-size:30px;height:20px;line-height:30px;transform:rotate(45deg);width:20px}.hero-banner-sec .hero-banner-inner .right{display:inline-block;width:calc(100% - 700px)}.hero-banner-sec .hero-banner-inner .left .watch-video .popup-bg{background-color:#000;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:1}.hero-banner-sec .hero-banner-inner .left .video-popup{display:none;left:0;margin:0 auto;position:fixed;right:0;top:20%;width:60%;z-index:99}.hero-banner-sec .hero-banner-inner .left .hero-banner-sec .hero-banner-inner .left .video-popup .popup-content .embed-video{display:inline-block;height:100%;width:100%}.hero-banner-sec .hero-banner-inner .embed_container,.hero-banner-sec .hero-banner-inner .oembed_container,.hero-banner-sec .hero-banner-inner iframe{height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.hero-banner-sec .hero-banner-inner .left .video-popup .popup-content .embed-video{display:inline-block;height:100%;width:100%}.hero-banner-sec .hero-banner-inner .left .watch-video button svg{height:11px;width:11px;fill:#fff}.hero-banner-sec .hero-banner-inner .left .watch-video button:hover svg{fill:#ff671f}@media(max-width:1199px){.hero-banner-sec{padding:70px 0}.hero-banner-sec .hero-banner-inner{flex-wrap:wrap;gap:50px}.hero-banner-sec .hero-banner-inner .right{width:calc(100% - 520px)}}@media(max-width:991px){.hero-banner-sec .hero-banner-inner .left h1{font-size:40px;line-height:50px;margin-bottom:20px}.hero-banner-sec{background-image:unset!important;padding:60px 0}.hero-banner-sec .hero-banner-inner .left{max-width:100%}.hero-banner-sec .hero-banner-inner{gap:40px}.hero-banner-sec .hero-banner-inner .right{max-width:500px;width:100%}}@media(max-width:767px){.hero-banner-sec{padding:50px 0}.hero-banner-sec .hero-banner-inner .left .video-popup{max-width:700px;width:90%}}@media(max-width:600px){.hero-banner-sec .hero-banner-inner .left h1{font-size:30px;line-height:40px}.hero-banner-sec .hero-banner-inner .left{width:100%}.hero-banner-sec .hero-banner-inner .left .cta{gap:20px}}