@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
body{min-height:100%;font-family:"Montserrat",sans-serif;font-weight:400;font-style:normal;overflow:scroll;position:relative}
.content{height:auto;position:relative}
.content .video-bg__media{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;z-index:-1;pointer-events:none}
.content .video-player{mix-blend-mode:lighten;filter:brightness(1.1) contrast(1.1);width:90%;-o-object-fit:cover;object-fit:cover;margin:auto}
.content #contentId{position:absolute;top:0;left:0;height:auto;display:flex;flex-direction:column}
.content__left{max-width:100%;width:100%;position:relative;display:flex}
.content__right{max-width:100%;width:100%}
.copyright{width:40%;margin-left:auto;margin-right:auto;margin-bottom:0}
.mb-0{margin-bottom:0}
.backdrop{position:absolute;inset:0;z-index:30;background-color:rgba(0,0,0,.8);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;opacity:0;pointer-events:none}
.backdrop figure{width:100%;padding:1rem;cursor:pointer;pointer-events:none;transition:all .3s ease;opacity:0}
.backdrop.open{opacity:1;pointer-events:auto}
.backdrop.open figure{opacity:1;pointer-events:auto}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes zoomIn{0%{transform:scale(0.8);opacity:0}50%{transform:scale(1.1);opacity:1}100%{transform:scale(0.8);opacity:0}}
@keyframes zoomOut{0%{transform:scale(1.1);opacity:1}50%{transform:scale(0.8);opacity:0}100%{transform:scale(1.1);opacity:1}}
@keyframes scaleUp{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes scrollAnimation{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
header figure{width:100%;margin-bottom:.5rem}
header figure.tagline{width:90%;margin-bottom:.5rem}
.regFrm{width:80%;z-index:9}
.regFrm .form-group{position:relative;width:100%;margin-bottom:1rem}
.regFrm .form-group .input-form{position:relative}
.regFrm .form-group .input-form .gradient-part{position:absolute;left:0;top:0;height:100%;width:90px;background:linear-gradient(129deg, #6ee8e9 27.63%, #5846fa 100%);border-radius:20px 0 0 20px;display:flex;padding-left:1rem;align-items:center;z-index:2;clip-path:polygon(0 0, 50% 0, 100% 100%, 0 100%)}
.regFrm .form-group .input-form .gradient-part .u-p{position:relative;z-index:3;margin:0}
.regFrm .form-group .input-form .form-control{width:100%;color:#000;padding:0rem 1.25rem;background:#fff;border-radius:20px;outline:none;position:relative;z-index:1;height:56px;box-sizing:border-box;text-align:center}
.regFrm .form-group .input-form .form-control::-moz-placeholder{color:#676767;font-weight:600}
.regFrm .form-group .input-form .form-control::placeholder{color:#676767;font-weight:600}
.regFrm .form-group figure{width:25px;margin-bottom:0}
.regFrm .form-group .eye-toggle,.regFrm .form-group .eye{position:absolute;width:20px;top:50%;right:15px;transform:translateY(-50%);z-index:10;cursor:pointer}
.regFrm .form-group .eye-toggle img,.regFrm .form-group .eye img{width:100%;height:auto}
.regFrm .btn{border:0;padding:0;margin:0rem auto;width:100%;position:relative}
.regFrm .btn .img1{display:block;animation:zoomOut 2s infinite ease-in-out}
.regFrm .btn .img2{display:block;position:absolute;top:0;left:0;animation:zoomIn 2s infinite ease-in-out}
#form .bg-form{padding:1rem 0rem;position:relative;z-index:20}
#form .bg-form .join p{font-size:1rem;font-weight:900;margin-bottom:.5rem}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-0.8rem}
.banners{overflow:hidden;position:absolute;bottom:4%;margin:0 .5rem}
.banners .banner-scroll{display:flex;animation:scrollAnimation 15s linear infinite;width:500%}
.banners .banner-item{flex:0 0 70%}
.banners .banner-item img{width:100%;height:auto;max-width:none}
footer{padding:1rem;display:flex;flex-direction:column;gap:30px;margin-top:-10px;background-image:url(../assets/bg-ft-mbf5b5a1b2438444a8e2a4.png);background-position:center;background-size:cover;background-repeat:no-repeat}
footer figure{margin-bottom:0}
footer figure .logo-ft-mb{width:150px}
footer div{display:flex;align-items:center;gap:1rem}
footer div figure{width:192px}
footer p{color:#fff;margin-bottom:0;font-weight:700;font-style:italic;white-space:nowrap}
@media screen and (min-width: 344px){html,body{height:100%}.content{height:100%;overflow-x:hidden}.content #contentId{width:100%}.content .video-bg__media{height:100%}.content .video-bg__media video{width:100%;height:100%;position:absolute;bottom:0}header{margin:1.2rem auto}header figure{width:12.5rem}.social{position:absolute;right:1rem;top:8%}.social a figure img{width:48px}#form{width:100%}#form .bg-form{background-image:url(../assets/bg-form-mb8765a523aabb4d175221.png);background-position:top center;background-size:100% 80%;background-repeat:no-repeat;width:100%;margin-left:auto;margin-right:auto;padding:1.5rem 0}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:.8rem}#form .bg-form .form-group .input-form .gradient-part{width:70px}#form .bg-form .form-group .input-form .gradient-part .u-p img{position:absolute;left:0;top:10%}#form .bg-form .form-group figure{width:25px;margin-bottom:0}#form .bg-form .form-group .eye-toggle,#form .bg-form .form-group .eye{position:absolute;width:60px;top:50%;right:0;transform:translateY(-50%);z-index:10;cursor:pointer}#form .bg-form .form-group .eye-toggle img,#form .bg-form .form-group .eye img{width:100%;height:auto}#form .bg-form .close-btn{position:absolute;background:rgba(0,0,0,0);right:0;top:-10%;border:none}.cta{position:absolute;top:40%;width:11rem;left:28%}.cta .img1{display:block;animation:zoomOut 2s infinite ease-in-out}.cta .img2{display:block;position:absolute;top:0;left:0;animation:zoomIn 2s infinite ease-in-out}.promotions-wrapper{position:absolute;bottom:0;flex-direction:column;width:100%}.promotions-wrapper figure{width:45%}}
@media screen and (min-width: 360px){.content .video-bg__media{height:auto}.promotions-wrapper{bottom:-5%}}
@media screen and (min-width: 375px){.promotions-wrapper{bottom:-20%}.promotions-wrapper figure{width:38%}}
@media screen and (min-width: 390px){.content .video-bg__media{height:auto}.promotions-wrapper{bottom:-28%}.promotions-wrapper figure{width:45%}.cta{top:52%;width:14rem;left:25%}}
@media screen and (min-width: 412px){header{margin-top:1.5rem}header figure{width:17rem}}
@media screen and (min-width: 540px){header figure{width:18.5rem}.content .video-bg__media{height:auto}#form .bg-form{padding:3rem 0rem 3rem;width:100%}#form .bg-form .join p{font-size:1.2rem}.regFrm .form-group{margin-bottom:1rem}.cta{top:68%;width:15rem}.promotions-wrapper{bottom:-62%}.promotions-wrapper figure{width:50%}}
@media screen and (min-width: 568px){header figure{width:240px}#form .bg-form{padding:2rem 0rem 0rem}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 576px){header figure{width:60%}#form .bg-form{padding:5.5rem 0rem 2rem}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}}
@media screen and (min-width: 720px){#form .bg-form{padding:2rem 0rem 2rem}}
@media screen and (min-width: 768px){header{margin-top:2rem}header figure{width:28rem}#form .bg-form{padding:2.5rem 0rem 4rem}#form .bg-form .join p{font-size:1.5rem}.regFrm{width:80%}.regFrm .form-group{margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.regFrm .form-group input{padding:1.2rem;font-size:1.2rem}.regFrm .form-group figure{width:40px}.error.errors{font-size:1rem;margin-bottom:-1.4rem}.cta{left:30%;top:67%;width:18rem}.promotions-wrapper{bottom:-60%}}
@media screen and (min-width: 820px){.regFrm .form-group input{padding:1.2rem}.regFrm .form-group figure{width:35px}.cta{top:63%;width:20rem}.promotions-wrapper{bottom:-50%}}
@media screen and (min-width: 850px){.promotions-wrapper{bottom:-40%}}
@media screen and (min-width: 912px){.promotions-wrapper figure{width:45%}}
@media screen and (min-width: 1024px){header{margin-top:5.5rem}#form .bg-form{padding:5rem 0rem 5rem}#form .bg-form .join p{font-size:2rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.5rem}.regFrm .form-group figure{width:40px}.cta{width:25rem;top:69%;left:30%}.promotions-wrapper{bottom:-50%}.promotions-wrapper figure{width:40%}}
@media screen and (min-width: 1180px){.regFrm .form-group{margin-bottom:2rem}}
@media screen and (min-width: 1200px){html,body{height:100%;overflow:hidden}header{width:100%;margin-top:3.813rem}header figure{width:27rem}.content{height:auto}.content #contentId{position:relative;height:100vh;flex-direction:row;justify-content:space-between;overflow-y:hidden}.content .video-bg__media{height:100%;position:absolute;inset:0;-o-object-fit:cover;object-fit:cover}.content__left{max-width:50%}.content__right{display:flex;justify-content:center;padding:0 2rem}.content__right section{width:100%}.content__right section .social{position:absolute;right:1rem;top:5%}.content__right section .social a figure img{width:100%}.content__right section .social a:hover figure img{filter:brightness(1.2) drop-shadow(0 8px 16px rgba(255, 255, 255, 0.3))}.content__right section .social a:hover:active{transform:translateY(-1px)}.content__right section .social a:hover:active figure{transform:scale(1.05)}header figure{width:45%;margin-bottom:.5rem}header figure.tagline{width:50%;margin-bottom:.5rem}#form{position:relative;left:-11%}#form .bg-form{background-image:url(../assets/bg-form167fa8c1d4a05efa5828.png);background-position:top center;background-size:100% 80%;background-repeat:no-repeat;padding:1.5rem 0rem;width:100%;margin:auto}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:1rem;margin-bottom:.5rem}#form .bg-form .form-group .input-form input{font-size:1.25rem}#form .bg-form .form-group .input-form .gradient-part .u-p img{position:relative}#form .bg-form .form-group .eye-toggle,#form .bg-form .form-group .eye{right:20px;width:30px}#form .carousel{width:55%;margin:auto}.regFrm{width:80%}.regFrm .form-group{margin-bottom:1.2rem}.regFrm .form-group figure{width:25px}.regFrm .form-group input{padding:.5rem 3rem;font-size:1rem}.regFrm .form-group .eye-toggle,.regFrm .form-group .eye{cursor:pointer}.regFrm .btn{margin:-1rem auto 0;width:70%}.banners{margin:0 2rem;bottom:2%}.banners .banner-scroll{width:200%}.banners .banner-item{flex:0 0 50%}.backdrop figure{width:35%}.promotions-wrapper{margin-top:5.375rem;background-image:url(../assets/bg-promotion771a5cd9eee65ee5267b.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;padding:2rem;position:relative;flex-direction:row}.promotions-wrapper figure{width:100%}}
@media screen and (min-width: 1366px){header figure{width:50%}header figure.tagline{width:60%}}
@media screen and (min-width: 1500px){header figure{width:55%;margin-bottom:3rem}header figure.tagline{width:65%;margin-bottom:1.5rem}}
@media screen and (min-width: 1600px){header figure{width:50%;margin-bottom:1rem}header figure.tagline{width:60%;margin-bottom:1rem}#form .bg-form .join p{font-size:1.3rem}.regFrm .form-group{margin-bottom:1.5rem}}
@media screen and (min-width: 1700px){header{margin-top:1rem}.regFrm .form-group input{padding:1rem 4rem}.regFrm .form-group figure{width:30px}.regFrm .btn{margin:-3rem auto 0}.promotions-wrapper{margin-top:5.375rem}}
@media screen and (width: 1728px)and (height: 1117px){header{margin-top:3.813rem}.regFrm .form-group input{padding:1rem 4rem}.regFrm .form-group figure{width:30px}.regFrm .btn{margin:-3rem auto 0}.promotions-wrapper{margin-top:8.375rem}}
@media screen and (min-width: 1920px){header{margin-top:3.813rem}.content{height:100%;overflow-y:hidden}.content .video-bg__media{height:auto}#form .bg-form{padding:1.5rem 0 2rem}#form .bg-form .join p{font-size:1.5rem}#form .carousel{width:43%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group figure{width:30px}.error.errors{font-size:1rem;margin-bottom:-1.6rem}.promotions-wrapper{margin-top:8.375rem}}
@media screen and (min-width: 2336px){.promotions-wrapper figure img{width:30rem}#form .bg-form{width:100%}#form .bg-form .join{margin-bottom:3rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group figure{width:35px}.regFrm .form-group input{padding:1.4rem 4rem;font-size:1.4rem}footer h6{font-size:1.12rem}footer p{font-size:1rem}}
@media screen and (min-width: 2560px){header figure{width:50%}header figure.tagline{width:70%}.promotions-wrapper{margin-top:12rem;padding:3rem}.promotions-wrapper figure img{width:33rem}#form .bg-form{width:100%;padding:1.5rem 0 2rem}#form .bg-form .join{margin-bottom:3rem}#form .bg-form .join p{font-size:30px}.regFrm .form-group input{padding:1.4rem 6rem}}
@media screen and (min-width: 2992px){#form .bg-form{width:100%}.regFrm .form-group input{font-size:2rem;padding:1.4rem 5rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .form-group figure{width:35px}.regFrm .btn{margin:0rem auto 0}.error.errors{font-size:1.5rem;margin-bottom:-2rem}}
@media screen and (min-width: 3456px){header{margin-top:6.813rem}#form .bg-form{padding:2.5rem 0 4rem}#form .bg-form .join{margin-bottom:5rem}.regFrm .form-group{margin-bottom:3rem}.regFrm .form-group figure{width:45px}.regFrm .form-group input{font-size:2.3rem;padding:1.4rem 6rem}}
@media screen and (min-width: 3840px){#form .bg-form{padding:2rem 0rem 0rem}#form .bg-form .join p{font-size:2.3rem}#form .regFrm .form-group{margin-bottom:2.5rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}}
.promotions-wrapper figure{transition:transform .5s ease-in-out}
.promotions-wrapper figure:first-child{animation:scaleUp 2s ease-in-out infinite}
.promotions-wrapper figure:last-child{animation:scaleUp 2s ease-in-out infinite 1s}