.hero-banner-section{background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.hero-banner-section:before{background:linear-gradient(90deg,#13132e 63%,rgba(255,56,56,.71) 83%);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.hero-banner-section .content-wrapper{position:relative}.hero-banner-section .content\&counter{width:63%}.hero-banner-section .content\&counter .content h1{color:#fff;font-size:60px;line-height:100%;margin-bottom:16px}.hero-banner-section .content\&counter .content h1 span{color:#ff3838}.hero-banner-section .content\&counter .content p{color:#fff;font-size:16px;margin:16px 0 39px}.hero-banner-section .button{margin-top:25px}.hero-banner-section a.button{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px;transition:gap .3s ease}.hero-banner-section a.button:hover{gap:15px}@media screen and (max-width:1200px){.hero-banner-section .content\&counter{width:70%}.hero-banner-section .content\&counter .content h1{font-size:52px}}@media screen and (max-width:991px){.hero-banner-section:before{background:linear-gradient(180deg,#13132e 55%,rgba(255,56,56,.7))}.hero-banner-section .content\&counter{width:100%}.hero-banner-section .content\&counter .content h1{font-size:44px;line-height:110%}.hero-banner-section .content\&counter .content p{font-size:15px;margin:14px 0 30px}}@media screen and (max-width:767px){.hero-banner-section:before{background:linear-gradient(180deg,#13132e 60%,rgba(255,56,56,.65))}.hero-banner-section .content\&counter .content h1{font-size:34px;line-height:120%}.hero-banner-section .content\&counter .content p{font-size:14px;margin:12px 0 24px}.hero-banner-section a.button{gap:8px}.hero-banner-section a.button:hover{gap:12px}}@media screen and (max-width:480px){.hero-banner-section .content\&counter .content h1{font-size:28px}.hero-banner-section .button{margin-top:20px}}