.EventVisualBox{width:min(100vw,767px);height:200px;display:block;position:relative}.EventVisualBox .visualSet{place-items:center;display:flex;position:absolute;inset:0}.EventVisualBox .visualSet .background{opacity:0;background-position:0;background-repeat:no-repeat;background-size:cover;transition:all .3s;display:block;position:absolute;inset:0;overflow:hidden}.EventVisualBox .visualSet .model{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.EventVisualBox .visualSet .model img{-o-object-fit:fill;object-fit:fill;transition:all .2s;display:block;position:absolute;top:-20px;right:0;transform:scale(.95)}.EventVisualBox .visualSet .entity{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.EventVisualBox .visualSet .entity img{-o-object-fit:fill;object-fit:fill;transition:all .2s;animation:1s infinite animate_heart_beat;display:block;position:absolute;top:80px;right:480px}@keyframes animate_heart_beat{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.EventVisualBox .visualSet .largeLabel{opacity:0;transition-property:all;transition-duration:.3s;transition-delay:0s;overflow:visible}.EventVisualBox .visualSet .largeLabel img{-o-object-fit:cover;object-fit:cover;width:min(100vw,768px);transition-duration:.5s;display:block;position:absolute;top:50%;transform:translateY(-50%)}.EventVisualBox .visualSet .smallLabel{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.EventVisualBox .visualSet .smallLabel img{-o-object-fit:none;object-fit:none;transition-duration:.5s;display:block;position:absolute;top:350px;left:30px}.EventVisualBox .visualSet.Active{place-items:center;display:flex;position:absolute;inset:0}.EventVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.EventVisualBox .visualSet.Active .model,.EventVisualBox .visualSet.Active .entity{opacity:1;transition-property:all;transition-duration:.5s;transition-delay:.2s}.EventVisualBox .visualSet.Active .largeLabel{opacity:1}.EventVisualBox .visualSet.Active .largeLabel img{transition-property:all;transition-duration:.5s}.EventVisualBox .visualSet.Active .smallLabel{opacity:1}.EventVisualBox .visualSet.Active .smallLabel img{transition-property:all;transition-duration:.5s;top:230px}.EventVisualBox .visualNav{display:flex;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.EventVisualBox .visualNav div{cursor:pointer;background:#222a3f;border-radius:10px;margin-left:5px;margin-right:5px;width:10px!important;height:10px!important}.EventVisualBox .visualNav div.Active{background:#fff;width:50px;transition:all .5s;box-shadow:0 0 #fff,0 0 10px #640ea9,0 0 30px #8600f7}
.background-container{background-repeat:no-repeat;background-size:cover;height:calc(100dvh - 100px);position:relative;overflow:hidden}.background-container>.background-layer{width:100%;height:100%;overflow:hidden}.background-container>.background-layer>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.background-container .overlay{height:calc(100dvh - 100px);position:relative;overflow:hidden}.background-container .overlay>.newMainContainer{z-index:5;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:absolute;bottom:10dvh}.background-container .overlay>.newMainContainer>.main-login-button{width:70%;max-width:100%}.background-container .overlay .center-details{height:100%;position:relative}.background-container .overlay .center-details>.particles{width:100%;height:100%;position:absolute;top:0}.background-container .overlay .center-details>.particles.particles-container-0 .particle{position:absolute}.background-container .overlay .center-details>.particles.particles-container-0 .particle.initial{opacity:0;transition:none}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated{opacity:1;transition:all 1s}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-0{width:43.49%;animation:4s ease-in-out infinite animate_grow_1;bottom:0;left:0}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-1{width:78.18%;animation:4s ease-in-out .2s infinite float;top:20dvh;left:-25%}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-2{width:21.46%;animation:4s ease-in-out .4s infinite animate_grow_1;bottom:10dvh;left:48%}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-3{width:43.96%;animation:4s ease-in-out .6s infinite float;top:7dvh;right:-10%}.background-container .overlay .center-details>.particles.particles-container-1 .particle{position:absolute}.background-container .overlay .center-details>.particles.particles-container-1 .particle.initial{opacity:0;transition:none}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated{opacity:1;transition:all 1s}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-0{z-index:1;width:75%;animation:5s ease-in-out .3s infinite animate_grow_1;top:6%;left:20%}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-1{z-index:5;width:55%;animation:5s ease-in-out .3s infinite float;bottom:0;right:-15%}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-2{z-index:1;width:30%;animation:5s ease-in-out .3s infinite float;top:35dvh;left:0}.background-container .overlay .center-details>.particles.particles-container-2 .particle.particle-img-0{width:200%;animation:60s linear .3s infinite rotate360;left:40%}.background-container .overlay .center-details>.particles>.visual-img{transition:all 2ms}.background-container .overlay .center-details>.particles>.visual-img.composite-img{width:100%;height:calc(100dvh - 100px);transition:all 1s;position:absolute;bottom:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-parts{position:absolute;bottom:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-1{width:80%;right:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-2{z-index:2;width:80%;right:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-3{width:100%;left:5%}.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial>.img-part-3,.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial>.img-part-1,.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial .img-part-2{animation:none}.background-container .overlay .center-details>.particles>.visual-img.composite-img.animated>.img-part-3{animation:7s cubic-bezier(.25,1,.5,1) forwards spinEaseOut}.background-container .overlay .center-details>.particles>.visual-img.right-img-0{z-index:6;transition:all 1s}.background-container .overlay .center-details>.particles>.visual-img.right-img-0.initial{opacity:0;transition:none}.background-container .overlay .center-details>.particles>.visual-img.right-img-0.animated{opacity:1;width:43.18%;bottom:0}.background-container .overlay .center-details>.particles>.visual-img.right-img-1{z-index:3;transition:all 1s;position:absolute}.background-container .overlay .center-details>.particles>.visual-img.right-img-1.initial{opacity:0;transition:none}.background-container .overlay .center-details>.particles>.visual-img.right-img-1.animated{opacity:1;width:165%;bottom:0;left:-10%}.background-container .overlay .center-details>.particles>.visual-img.right-img-2{z-index:2;transition:all 1s}.background-container .overlay .center-details>.particles>.visual-img.right-img-2.initial{opacity:0;transition:none}.background-container .overlay .center-details>.particles>.visual-img.right-img-2.animated{opacity:1;width:90%;position:absolute;bottom:-5dvh;left:10%}.background-container .overlay .center-details.center-text-0 .text-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;display:flex;position:absolute;top:10dvh}.background-container .overlay .center-details.center-text-0 .text-container>img{width:80.08%}.background-container .overlay .center-details.center-text-1 .text-container{z-index:6;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:auto;display:flex;position:absolute;bottom:30dvh}.background-container .overlay .center-details.center-text-1 .text-container>img{width:60.08%}.background-container .overlay .center-details.center-text-2 .text-container{z-index:7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:absolute;bottom:30dvh}.background-container .overlay .center-details.center-text-2 .text-container>img{width:70.08%}.background-container .overlay .visualNav{z-index:5;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.background-container .overlay .visualNav .nav-dot{cursor:pointer;background:#222a3f;border-radius:10px;width:20px;height:20px;margin-left:8px;margin-right:8px}.background-container .overlay .visualNav .nav-dot.active{background:#fff;width:50px;transition:all .5s;box-shadow:0 0 #fff,0 0 10px #8600f7,0 0 30px #8600f7}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes animate_grow_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.background-container .fade-in{animation:1s forwards fadeIn}.background-container .fade-out{animation:1s forwards fadeOut}.background-container .slide-down{animation:.5s forwards slideDown}.background-container .slide-up{animation:.5s forwards slideUp}.background-container .slide-out-down{animation:.5s forwards slideOutDown}.background-container .slide-out-top{animation:.5s forwards slideOutTop}.background-container .scale{animation:2s forwards scale-up}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinEaseOut{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scale-up{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-60dvh)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(60dvh)}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(60dvh)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-60dvh)}}
