.hero{width:100%;height:100vh;margin:0 auto;position:relative;overflow:hidden}.hero__video,.hero__image{object-fit:cover;width:100%;height:100%;animation:.8s ease-in-out fadeIn;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hero__overlay{background:#0000004d;position:absolute;inset:0}.hero__content{text-align:center;color:#fff;width:85%;max-width:1000px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.hero__title{margin-bottom:18px;font-size:72px;font-weight:500;line-height:120%}.hero__subtitle{max-width:450px;margin:0 auto 24px;font-size:24px;font-weight:400;line-height:150%}.hero__btn{color:#fff;cursor:pointer;background:#4db96d;border:none;border-radius:40px;align-items:center;gap:8px;width:fit-content;margin:0 auto 50px;padding:16px 32px;font-size:18px;transition:all .3s;display:flex}.hero__btn:hover{background:#39a36e86}.hero__slider{justify-content:center;align-items:center;gap:14px;display:flex}.hero__slider .nav{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:25px;justify-content:center;align-items:center;width:62px;height:120px;font-size:32px;display:flex}.hero__slider .nav:hover{background:#0009}.hero__slider .items{gap:18px;display:flex}.hero__slider .items .item{object-fit:cover;opacity:.7;cursor:pointer;border:3px solid #0000;border-radius:40px;width:120px;height:120px;transition:all .3s;position:relative;overflow:hidden}.hero__slider .items .item img{border-radius:40px;width:100%;height:100%}.hero__slider .items .item.active{opacity:1;border-color:#fff;padding:1px}.hero__slider .items .item.active img{padding:6px}
@media (max-width:768px){.hero{width:100%;height:700px;margin:0 auto;position:relative;overflow:hidden}.hero__content{text-align:center;color:#fff;width:100%;padding:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.hero__title{margin-bottom:8px;font-size:32px}.hero__subtitle{margin:0 auto 14px;font-size:16px;line-height:150%}.hero__btn{align-items:center;gap:8px;padding:14px 24px;font-size:16px;display:flex}.hero__btn svg{width:12px;height:12px}.hero__slider{justify-content:center;align-items:center;gap:14px;display:flex}.hero__slider .nav{width:28px;height:50px}.hero__slider .nav svg{width:12px;height:12px}.hero__slider .items{gap:6px;display:flex}.hero__slider .items .item{border-radius:10px;width:50px;height:50px}.hero__slider .items .item img{border-radius:10px;width:100%;height:100%}.hero__slider .items .item.active{opacity:1;border-color:#fff;padding:1px}.hero__slider .items .item.active img{padding:1px}}