.hero{background-color:var(--black-color);z-index:0;background-image:url(/images/new-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero .larger-h1{width:fit-content;color:var(--text-white-color);text-transform:capitalize;letter-spacing:-2px;text-align:center;margin-top:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .larger-h1 .white-span{color:var(--text-grey-color)}.scroll{position:absolute;bottom:5%;left:50%;transform:translate(-50%,-50%)}.scroll-container{background:#fff3;width:.5px;height:60px;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%)}.location{color:var(--text-grey-color);font-size:.85rem;position:absolute;bottom:40px;left:2%}.time-location{color:var(--text-grey-color);font-size:.85rem;position:absolute;bottom:40px;right:2%}.hero .container p{text-transform:uppercase;width:fit-content;font-size:.7rem;font-weight:500;line-height:1rem}.canvas-container{top:0;left:0;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.canvas-container .canvas{display:block;width:100%!important;height:100%!important}.scroll-line{background:var(--accent-color);width:100%;height:100%;animation:4s ease-in-out infinite scrollDown;display:block}@keyframes scrollDown{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(100%)}}@media screen and (max-width:480px){.hero{height:95dvh;padding:0 0}.hero .larger-h1{width:95%;margin-top:0;top:0%;left:50%;transform:translate(-50%,-50%)}.location{font-size:.75rem;bottom:10px;left:3%}.time-location{font-size:.75rem;bottom:10px;right:3%}}@media screen and (min-width:481px) and (max-width:768px){.hero{padding:8rem 0 0}.hero .larger-h1{width:100%;font-size:3.4rem;line-height:3.4rem}.hero .span-list{justify-content:center;width:80%;display:flex;top:40%}.span-list span{font-size:.75rem}}@media screen and (min-width:769px) and (max-width:1024px){.hero{padding:8rem 0 0}.hero .larger-h1{width:100%;font-size:4.4rem;line-height:4.4rem}.hero .span-list{justify-content:center;display:flex;top:40%}.span-list span{font-size:.75rem}.location,.time-location{font-size:1.1rem}}@media screen and (min-width:2560px){.hero{padding:8rem 0 0}.hero .larger-h1{font-size:8.4rem;line-height:8.4rem}.hero .span-list{justify-content:center;display:flex;top:37%}.span-list span{padding:1rem;font-size:1.5rem}.location,.time-location{font-size:2.2rem}}
.welcomeintro{z-index:1;background-color:var(--black-color);flex-flow:column;justify-content:start;align-items:center;width:100%;height:110vh;padding-top:2rem;display:flex;position:relative}.intro-container{width:100%}.welcomeintro .w-intro{flex-flow:column;justify-content:start;align-items:center;width:100%;margin-top:5rem;display:flex}.welcomeintro .w-intro .title-bold-extra{text-align:center;text-transform:uppercase;align-self:center;width:40%;margin:0 auto;line-height:2rem}.welcomeintro .w-intro .logopartners{width:50%;height:fit-content;margin-top:6rem}.welcomeintro .w-intro .myself{flex-flow:row;justify-content:center;align-items:center;width:100%;height:fit-content;margin-top:4rem;display:flex}.welcomeintro .w-intro .myself img{object-fit:cover;filter:grayscale();border-radius:50%;width:2rem;height:2rem}.welcomeintro .w-intro .myself h3{width:fit-content;color:var(--text-grey-color);text-transform:uppercase;margin-bottom:.2rem;margin-left:1rem;font-size:.65rem;font-weight:700}.welcomeintro .w-intro .myself h3:nth-child(2){text-transform:capitalize;color:var(--text-white-color);margin-top:0;margin-bottom:.5rem;font-size:.55rem;font-weight:400}@media screen and (max-width:480px){.welcomeintro{justify-content:start;width:100%;height:fit-content;padding-top:1rem;padding-bottom:0}.welcomeintro .container-holder{margin-top:0;margin-bottom:0}.welcomeintro .w-intro{align-items:start;margin-top:1rem}.welcomeintro .w-intro .title-bold-extra{text-align:start;width:70%;margin:1rem 0;font-size:1rem;line-height:1.3rem}.welcomeintro .w-intro .logopartners{width:100%;height:fit-content;margin-top:1rem}.welcomeintro .w-intro .myself{align-self:flex-start;width:100%;margin-top:.5rem;margin-bottom:1rem}.welcomeintro .w-intro .myself img{width:1.7rem;height:1.7rem;margin-right:0}.welcomeintro .w-intro .myself h3{margin-bottom:0;margin-left:.5rem;font-size:.6rem;font-weight:500}.welcomeintro .w-intro .myself h3:nth-child(2){margin-top:0;margin-bottom:.5rem;font-size:.5rem;font-weight:400}}@media screen and (min-width:481px) and (max-width:768px){.welcomeintro{width:100%;padding-bottom:0}.welcomeintro .title-bold-extra{text-align:center;width:80%;margin:0 auto 2rem;font-size:2.5rem;line-height:2.5rem}.welcomeintro .small-title{text-align:center;width:80%;margin:0 auto 4rem}}@media screen and (min-width:769px) and (max-width:1024px){.welcomeintro{width:100%;padding-bottom:0}.welcomeintro .title-bold-extra{text-align:center;width:60%;margin:0 auto 2rem;font-size:2.5rem;line-height:2.5rem}.welcomeintro .small-title{text-align:center;width:60%;margin:0 auto 4rem}}@media screen and (min-width:1920px){.text-intro{width:80%;font-size:3rem;font-weight:300;line-height:4.5rem}}