.hubanimated-header-outer{background:url(https://www.hakedigital.com/hubfs/Hake%20Website%202024/OnboardingWhy-BG.jpg);height:700px;margin-top:-100px;overflow:hidden;position:relative;width:100%}.hubanimated-header-main-image-container{float:right;height:700px;position:relative;text-align:center;width:50%}.hubanimated-header-main-image{bottom:-15px;position:absolute;right:10%;z-index:1}.hubanimated-header-text-container{float:left;padding:200px 0 0;width:50%}.hubanimated-header-title-1{color:#fff;font-family:Poppins,sans-serif!important;font-size:75px;font-weight:600;letter-spacing:1px;line-height:1.2}.hubanimated-header-logo{filter:brightness(0) invert(1)}.hubanimated-header-text{color:#fff;padding-right:200px}* .main-container{align-items:center;-webkit-align-items:center;display:flex;display:-webkit-flex;height:560px;min-height:100vh;overflow:hidden}.main{height:480px;left:10%;position:absolute;top:20%;width:480px}.big-circle{animation:Rotate 20s linear infinite;-webkit-animation:Rotate 20s linear infinite;border:20px solid hsla(0,0%,98%,.14);height:100%;position:relative;width:100%}.big-circle,.icon-block{align-items:center;-webkit-align-items:center;border-radius:50%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}.icon-block{-webkit-background-image:none;background:#fff;-webkit-box-shadow:none;height:150px;position:absolute;width:150px}.icon-block img{animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite;margin:0 auto;width:86%}.icon-block:first-child{left:50%;top:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.icon-block:nth-child(2){right:0;top:50%;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.icon-block:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}.icon-block:nth-child(4){left:0;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.circle{animation:circle-rotate 20s linear infinite;-webkit-animation:circle-rotate 20s linear infinite;border:3px solid #6495f2;border-radius:50%;height:75%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:75%}.circle .icon-block img{animation:img-rotate 20s linear infinite;-webkit-animation:img-rotate 20s linear infinite}.center-logo{filter:brightness(0) invert(1);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.center-logo img{max-width:240px}@keyframes Rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes Rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@-webkit-keyframes Rotate-reverse{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0deg)}}@keyframes circle-rotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}@-webkit-keyframes circle-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(405deg)}}@keyframes img-rotate{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@-webkit-keyframes img-rotate{0%{-webkit-transform:rotate(-45deg)}to{-webkit-transform:rotate(-405deg)}}@media screen and (max-width:1250px) and (min-width:0){.main{height:380px;left:unset;position:absolute;right:100px;top:200px;width:380px}.center-logo img{max-width:120px}.hubanimated-header-title-1{font-size:68px}}@media screen and (max-width:992px) and (min-width:0){.hubanimated-header-text-container{float:left;padding:150px 0 0;width:100%}.hubanimated-header-outer{height:unset}.hubanimated-header-title-1{font-size:60px;text-align:center}.hubanimated-header-outer{text-align:center}.hubanimated-header-text{color:#fff;margin:0 auto;padding-right:0;width:80%}.hubanimated-header-main-image-container{height:500px}.main{float:none;height:380px;left:unset;margin:0 auto;position:relative;right:unset;top:100px;width:380px}.hubanimated-header-main-image-container{float:right;height:590px;position:relative;text-align:center;width:100%}}@media screen and (max-width:550px) and (min-width:0){.main{float:none;height:300px;left:unset;margin:0 auto;position:relative;right:unset;top:100px;width:300px}.center-logo img{max-width:100px}.hubanimated-header-logo{filter:brightness(0) invert(1);width:250px}}