.common-hero{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;overflow:hidden}.common-hero.whatWeDo:after,.common-hero.creativeVision:after,.common-hero.contact:after{background:linear-gradient(180deg,#0000,#000)}.common-hero.careers:after{background:linear-gradient(180deg,#0000,#000)}.common-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:220px;background:linear-gradient(180deg,#0000,#f5f1f0 78%)}.common-hero .common-hero-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.common-hero .common-hero-media img,.common-hero .common-hero-media video{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 992px){.common-hero .hero-subtitle{text-align:center;padding:0 20px;margin-top:10px}}.floating-nav{position:absolute;top:0;bottom:0;left:60px;height:fit-content;z-index:1;margin:auto}@media screen and (max-width: 992px){.floating-nav{display:none}}.floating-nav:hover .floating-nav-title{opacity:1;width:fit-content;margin-right:10px;padding:0 15px;transition:opacity .8s ease-in-out,width .8s ease-in-out}.floating-nav:hover .floating-nav-pill{width:fit-content;border-radius:40px;transition:width .8s ease-in-out}.floating-nav:hover .floating-nav-arrow{transform:translate(10px);opacity:0;transition:all .3s ease-in-out}.floating-nav ul{list-style:none;padding:0;margin:0}.floating-nav ul li{margin-bottom:20px}.floating-nav .floating-nav-pill{background-color:var(--white);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:width .8s ease-in-out}.floating-nav .floating-nav-pill:hover .floating-nav-link{background-color:var(--light-blue);width:100%;border-radius:40px}.floating-nav .floating-nav-pill .floating-nav-link{height:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:background-color .4s ease-in-out;border-radius:40px;background-color:transparent;box-shadow:none;border:none}.floating-nav .floating-nav-title{opacity:0;display:block;width:0;font-size:20px;font-family:var(--primary-font);font-weight:400;color:var(--black);transition:opacity .8s ease-in-out,width .8s ease-in-out;white-space:nowrap;overflow:hidden}.floating-nav .floating-nav-arrow{transition:all .3s ease-in-out;opacity:1}