.hero-banner-section{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;line-height:0;padding:364px 0 276px;position:relative;vertical-align:top;width:100%;z-index:9}.hero-banner-section:after{background:linear-gradient(90deg,#000 27.44%,transparent 93.64%),url(image.png);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-1}.hero-banner-section .hero-wrap,.hero-banner-section .hero-wrap .hero-title{display:inline-block;width:100%}.hero-banner-section .hero-wrap .hero-title h1{color:#fff;display:inline-block;width:100%}.hero-banner-section .hero-wrap .hero-sub-title{display:inline-block;width:100%}.hero-banner-section .hero-wrap .hero-sub-title p{color:#fff;display:inline-block;max-width:790px;width:100%}.hero-banner-section .hero-wrap .hero-cta-box{display:inline-block;padding:63px 0 0;width:100%}.hero-banner-section .hero-wrap .hero-cta-box ul{display:inline-block;list-style:none;margin:0;padding:0;width:100%}.hero-banner-section .hero-wrap .hero-cta-box ul li{display:inline-block}.hero-banner-section .hero-wrap .hero-cta-box ul li a{background:#9836ff;border:1px solid #9836ff;border-radius:10px;color:#fff;display:inline-block;padding:24px 66px;text-transform:capitalize;transition:all .4s;width:auto}.hero-banner-section .hero-wrap .hero-cta-box ul li:first-child a:hover{background-color:#304583;border:1px solid #304583}.hero-banner-section .hero-wrap .hero-cta-box ul li:nth-child(2) a{background-color:transparent;border:none;padding:24px 0 24px 52px}.hero-banner-section .hero-wrap .hero-cta-box ul li:nth-child(2) a i{color:#fff;font-size:18px;height:18px;margin:0 19px 0 0;width:11px}@media(max-width:1600px){.hero-banner-section{padding:300px 0 240px}}@media(max-width:1399px){.hero-banner-section{padding:200px 0}.hero-banner-section .hero-wrap .hero-title h1{font-size:70px;line-height:80px}}@media(max-width:1199px){.hero-banner-section{padding:180px 0}.hero-banner-section .hero-wrap .hero-title h1{font-size:60px;line-height:70px}.hero-banner-section .hero-wrap .hero-cta-box{padding:50px 0 0}}@media(max-width:991px){.hero-banner-section{padding:100px 0}.hero-banner-section .hero-wrap .hero-title h1{font-size:50px;line-height:60px;text-align:left}.hero-banner-section .hero-wrap .hero-cta-box{padding:40px 0 0}.hero-banner-section .hero-wrap .hero-sub-title p{font-size:22px;line-height:35px}}@media(max-width:767px){.hero-banner-section .hero-wrap .hero-title h1{font-size:40px;line-height:50px;text-align:left}.hero-banner-section .hero-wrap .hero-sub-title p{font-size:20px;font-size:18px;line-height:30px;line-height:28px}.hero-banner-section .hero-wrap .hero-cta-box{padding:30px 0 0}.hero-banner-section{padding:80px 0}}.hero-banner-section .hero-wrap .hero-cta-box ul li a{padding:18px 40px}.hero-banner-section .hero-wrap .hero-cta-box ul li:nth-child(2) a{padding:18px 0 18px 40px}