.hero{align-items:center;display:flex;height:630px;justify-content:center;padding:100px;position:relative}.hero .hero-bg{object-fit:cover;width:100%;z-index:0}.hero .hero-bg,.hero .overlay{height:100%;left:0;position:absolute;top:0}.hero .overlay{background:linear-gradient(90deg,#3b3637,rgba(59,54,55,0));width:50%;z-index:1}.hero .container{max-width:1440px;position:relative;width:100%;z-index:3}.hero .text-wrapper{color:#fff;display:flex;flex-direction:column;max-width:390px}.hero .text-wrapper .heading{font-size:40px;font-weight:400;line-height:120%;text-decoration:underline;text-decoration-thickness:2px;text-transform:uppercase;text-underline-offset:12px}.hero .text-wrapper h1{color:#fff;font-size:50px;font-weight:700;line-height:120%}.hero .text-wrapper a{align-items:flex-start;background:transparent;border:1px solid #fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:400;gap:15px;line-height:100%;padding:20px 15px;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in-out;width:fit-content!important}.hero .arrow-img{animation:up-down .7s ease infinite alternate;height:auto;margin-top:13px;object-fit:contain;width:18px}.hero .text-wrapper a:active,.hero .text-wrapper a:focus,.hero .text-wrapper a:hover{background:#fff;color:#000;font-family:Poppins,sans-serif;transition:all .2s ease-in-out}@keyframes up-down{0%{transform:translateY(0)}to{transform:translateY(10px)}}@media screen and (max-width:767px){.hero{height:550px;padding:20px}.hero .overlay{width:100%}.hero .container{align-items:center;display:flex;justify-content:center}.hero .text-wrapper{align-items:center;text-align:center}.hero .text-wrapper .heading{font-size:24px}.hero .text-wrapper h1{font-size:37px}.hero .text-wrapper a{font-size:16px;padding:15px}}