.heroPhone,.heroVidPhone{display:none}.heroInfo{bottom:10%;left:5%;position:absolute;z-index:10;display:flex;flex-direction:column;gap:1em}.heroInfo h3{color:white;font-size:50px;font-family:var(--font-poppins)}.heroInfoBtn{display:flex;width:fit-content!important;padding:.7em 1.4em!important;font-weight:500;gap:1em;align-items:center;border:2px solid white!important;background:transparent!important;color:white!important;border-radius:11px!important}.heroVidWeb{background-image:url(https://i.postimg.cc/sD3194W7/mezame-website-landing-page.png);background-position:50%;background-size:cover;background-repeat:no-repeat}.heroInfoBtn p{margin:0;font-size:18px}.loader2{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.heroContainer{height:fit-content!important}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s infinite}@media (max-width:750px){.heroWeb{display:none}.heroPhone,.heroVidPhone{display:block}.heroVidWeb{display:none}}@media (max-width:755px){.heroInfoBtn{width:fit-content!important;padding:.5em 1em!important;font-weight:600;font-size:16px}.heroInfo{position:sticky;top:70%;bottom:20px;display:flex;align-items:center;justify-content:center;gap:1em}}