@import url(https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=block);
body{margin:0;padding:0}.App{color:#fff;background-image:url("https://videos.sota.id/assets/landing/images/more_bg.webp");background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-family:"Golos Text",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;overflow:hidden}.App *{font-family:"Golos Text",sans-serif}.App .ant-btn{font-family:"Golos Text",sans-serif}body .ant-modal-content{background-color:rgba(0,0,0,0) !important;padding:0 !important}body .ant-modal-content .formContainer{top:0}body .ant-drawer-body{background-color:rgba(0,0,0,0) !important;padding:0 !important}body .ant-drawer-body .formContainer{top:0}body .ant-drawer-body .formContainer .form{margin-top:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}body .ant-drawer-content{background-color:rgba(0,0,0,0) !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}
.delCategoryContainer .delCategory:not(:first-child){margin-top:137px;position:relative}.delCategoryContainer .delCategory:first-child .deliverNumber{top:109px}@media(max-width: 576px){.delCategoryContainer .delCategory:first-child .deliverNumber{top:82px}}@media(max-width: 576px){.delCategory{width:100% !important}.delCategoryContainer{padding-top:60px;width:100%;margin-left:0 !important;margin-right:0 !important}.delCategoryContainer .ant-col{padding:0 !important}.delCategoryContainer .delCategory:not(:first-child){margin-top:24px;width:100%}}@media(max-width: 992px)and (min-width: 577px){.delCategoryContainer{padding-top:54px}.lastDelCategory{margin-top:24px !important;margin-bottom:93px !important}}.deliverNumber{position:absolute;color:#000;font-weight:800;font-size:30px;line-height:45px;width:48px;height:56px;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;text-align:center;display:flex;align-items:center;vertical-align:middle;justify-content:center;left:-10px;top:-28px;z-index:1}@media(max-width: 576px){.deliverNumber{width:36px;height:42px;font-size:24px;font-weight:700;line-height:36px;text-align:center;left:-16px;top:-21px}}.deliverBlock{position:relative;border-radius:30px;border-top-left-radius:0;background-color:rgba(0,184,225,.3137254902);height:289px;width:100%;overflow:hidden}@media(max-width: 576px){.deliverBlock{height:180px}}.deliverBlock p{font-size:25px;font-weight:600;line-height:30px;text-align:left}.firstBlock{background-image:url("https://videos.sota.id/assets/landing/images/sl1.webp");background-position:center;background-size:cover;margin-top:56px}@media(max-width: 576px){.firstBlock{margin-top:40px}}.firstBlock::before,.secondBlock::before{content:"";position:absolute;z-index:0;opacity:.5;width:100%;height:100%}.firstBlock::before{background-color:#245432}.secondBlock{background-image:url("https://videos.sota.id/assets/landing/images/sl2.webp");background-position:center;background-size:cover}.firstBlock .ant-flex,.secondBlock .ant-flex{position:relative;z-index:5;box-sizing:border-box;padding:50px}.secondBlock::before{background-color:#00b8e1}.thirdBlock{box-sizing:border-box;background-color:hsla(0,0%,100%,.1019607843);padding:10px}@media(max-width: 992px)and (min-width: 577px){.thirdBlock{height:173px}}@media(max-width: 576px){.thirdBlock{height:230px !important}}.thirdBlockOne,.thirdBlockTwo{box-sizing:border-box;background-color:aqua;border-radius:30px;overflow:hidden;width:100%;height:50%;background-position:center;background-size:cover;position:relative}@media(max-width: 992px)and (min-width: 577px){.thirdBlockOne,.thirdBlockTwo{height:100%}}@media(max-width: 576px){.thirdBlockOne,.thirdBlockTwo{padding:20px 40px;border-radius:20px}}.thirdBlockOne p,.thirdBlockTwo p,.thirdBlockOne img,.thirdBlockTwo img{position:relative;z-index:5}.thirdBlockOne{background-image:url("https://videos.sota.id/assets/landing/images/sl3.webp")}.thirdBlockTwo{background-image:url("https://videos.sota.id/assets/landing/images/sl4.webp")}.thirdBlockOne::before,.thirdBlockTwo::before{content:"";position:absolute;z-index:0;opacity:.5;width:100%;height:100%}.thirdBlockOne::before{background-color:#481d6d}.thirdBlockTwo::before{background-color:#59476f}@media(max-width: 992px)and (min-width: 577px){.mqThirdBlockWrapper{flex-direction:row !important}}
.joinThePilot{position:relative;z-index:1;min-height:360px;margin-top:150px;margin-bottom:120px;box-shadow:0px 4px 250px 0px #0082e5;overflow:hidden}@media(max-width: 992px)and (min-width: 577px){.joinThePilot{margin-top:120px}}@media(max-width: 576px){.joinThePilot{margin-top:120px}.joinThePilot .ant-row{margin-left:0 !important;padding-left:24px !important}}.joinThePilotBG{width:100%;height:100%;background-image:url("https://videos.sota.id/assets/landing/images/cta_bg.webp");background-size:cover;background-repeat:no-repeat;background-position:center}@media(max-width: 576px){.joinThePilotBG{background-position:left}}.joinThePilotBGWrapper{position:absolute;top:-50%;width:100%;height:200%;z-index:0}.joinThePilotContent{padding-top:86px;padding-bottom:86px}@media(max-width: 992px)and (min-width: 577px){.joinThePilotContent h1{margin-bottom:10px}}@media(max-width: 576px){.joinThePilotContent h1{margin-bottom:10px}}.joinThePilotContent p{margin-top:1em !important;margin-bottom:1em !important}@media(max-width: 992px)and (min-width: 577px){.joinThePilotContent p{margin-top:10px !important;margin-bottom:10px !important}}@media(max-width: 576px){.joinThePilotContent p br{content:""}.joinThePilotContent p br:after{content:" "}}.joinThePilot h1{font-size:48px;font-weight:500;line-height:48px;text-align:left;margin-bottom:10px !important}.joinThePilot p{font-size:20px;font-weight:400;line-height:30px;text-align:left;margin-top:10px !important;max-width:331px;color:#cecece}
.perfomanceContainer{margin-top:120px;margin-left:-40px;padding-left:40px;padding-right:34px;position:relative}@media(max-width: 1250px)and (min-width: 991px){.perfomanceContainer{padding-right:0}}@media(max-width: 576px){.perfomanceContainer{padding:0;margin:0;margin-top:160px}}.perfomanceContainerFirst{margin-top:40px}@media(max-width: 576px){.perfomanceContainerFirst{margin-top:136px}}.perfomanceContainerBG{position:absolute;width:60%;height:100%;background-color:#565656;background-image:url("https://videos.sota.id/assets/landing/images/perform_1_bg.webp");background-size:cover;background-repeat:no-repeat;background-position:center;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;z-index:1}@media(max-width: 992px)and (min-width: 577px){.perfomanceContainerBG{width:calc(100% + 48px);margin-left:-40px;margin-right:-24px}}@media(max-width: 576px){.perfomanceContainerBG{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px}}.rightOrientation .perfomanceContainerBG{border-top-right-radius:0;border-top-left-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px}@media(max-width: 576px){.rightOrientation .perfomanceContainerBG{border-top-left-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px}}.perfomanceContainerBG.second{background-image:url("https://videos.sota.id/assets/landing/images/perform_2_bg.webp")}.perfomanceContainerBG.third{background-image:url("https://videos.sota.id/assets/landing/images/perform_3_bg.webp")}.bgOrnament{position:relative;background-image:url("https://videos.sota.id/assets/landing/images/Pattern.png");width:300vw;height:152px;left:-100vw;z-index:0}.bgOrnamentWrapper{position:absolute;top:calc(50% - 120px)}@media(max-width: 576px){.bgOrnamentWrapper{display:none}}.reversed{left:100vh}.perfomanceContent{position:relative;z-index:10}.perfomanceContent h1{font-size:48px;font-weight:500;line-height:48px;text-align:left;margin-top:40px;text-align:left;margin-left:59px}@media(max-width: 992px)and (min-width: 577px){.perfomanceContent h1{margin-left:20px}}@media(max-width: 576px){.perfomanceContent h1{font-size:32px;font-weight:500;line-height:32px;margin-left:0}}.perfomanceContent p{font-size:20px;font-weight:400;line-height:30px;text-align:left;margin-left:59px;margin-bottom:50px;color:#cecece;padding-right:96px}@media(max-width: 992px)and (min-width: 577px){.perfomanceContent p{margin-left:20px}}@media(max-width: 576px){.perfomanceContent p{font-size:16px;font-weight:400;line-height:24px;text-align:left;margin-left:0;margin-bottom:30px;padding-right:12px}}.perfomanceContent ul{list-style:none;padding-left:20px !important;margin-left:40px;margin-bottom:50px}@media(max-width: 992px)and (min-width: 577px){.perfomanceContent ul{margin-left:0px}}@media(max-width: 576px){.perfomanceContent ul{margin-left:0;margin-bottom:30px}}.perfomanceContent ul li{font-size:20px;font-weight:400;line-height:30px;text-align:left;margin-top:30px;position:relative;padding-right:96px}@media(max-width: 992px)and (min-width: 577px){.perfomanceContent ul li{padding-right:0}}@media(max-width: 576px){.perfomanceContent ul li{font-size:16px;font-weight:400;line-height:24px;text-align:left;margin-top:20px;padding-right:12px}}.perfomanceContent ul li::before{content:"";position:absolute;top:7px;left:-30px !important;width:17px;height:17px;background-image:url("https://videos.sota.id/assets/landing/images/bulletList.png");background-size:contain;background-repeat:no-repeat}@media(max-width: 576px){.perfomanceContent ul li::before{top:6px;width:12px;height:12px;left:-20px !important}}.rightOrientation{display:flex;flex-direction:row-reverse}@media(max-width: 992px)and (min-width: 577px){.rightOrientation{flex-direction:row}}video:hover{cursor:pointer}.react-player__play-icon{background-image:url("https://videos.sota.id/assets/landing/images/playIcon.png")}.react-player__shadow{background:none !important}video{border-radius:5px;overflow:hidden}@media(max-width: 992px)and (min-width: 577px){.mqContent{margin-top:0 !important}.dotWithDash::before{display:none}.successContainer .dotWithDash::before{display:block}.mqOrderTwo{order:2}.perfomanceContainer{margin-top:220px}.perfomanceContainer .dotWithDash{display:none}.perfomanceContainer .videoWrapper{margin-top:-100px;margin-left:-10px;width:80%}}@media(max-width: 576px){.mqPerfImage{width:calc(100% + 48px);margin-left:-24px;margin-top:-40%}.dotWithDash{display:none}.mqOrderTwo{order:2}.perfomanceContainer .videoWrapper{margin-top:-100px}.mqContent{width:100%;overflow:hidden;padding:0 24px}.mqContent>.ant-row>.ant-col{display:flex;align-items:center;flex-direction:column}}
.clubsContainer{display:flex;flex-direction:row-reverse;padding-right:68px;position:relative;z-index:5}@media(max-width: 576px){.clubsContainer{align-items:center;justify-content:center;width:100%;padding-right:0;margin-top:7px}.clubsContainer img{width:120px !important}}.successContainer{margin-top:123px !important}@media(max-width: 576px){.successContainer{margin-top:80px !important}}.successHeader{position:relative}@media(max-width: 576px){.successHeader{width:100%;display:flex;align-items:center}}.successHeader .headerLabel{background:#1a160a;background-color:#1a160a;z-index:4}@media(max-width: 576px){.successHeader .headerLabel{padding-right:20px !important}}.successContent{position:relative !important;border:2px dashed #00e03c;padding:50px 40px;border-radius:60px;background:rgba(0,224,60,.0509803922);margin-top:22px;margin:0 0px}@media(max-width: 992px)and (min-width: 577px){.successContent{margin-left:8px;margin-right:8px}}@media(max-width: 576px){.successContent{padding:24px 24px;border-radius:30px;margin-left:8px;margin-right:8px}}.successContent h1{font-size:48px;font-weight:500;line-height:48px;text-align:left}@media(max-width: 992px)and (min-width: 577px){.successContent h1{margin-top:0px}}.successContent p{font-size:24px;font-weight:400;line-height:36px;text-align:left;color:#cecece}.dotGreen{position:absolute;top:-15px;left:87.3%}@media(max-width: 992px)and (min-width: 577px){.dotGreen{left:78.7%}}.reviewWrapper{margin-top:40px;padding:31px 40px;overflow:hidden;border-radius:40px;background-color:rgba(0,168,45,.3019607843)}.reviewWrapper h1{margin-top:0}.reviewWrapper .reviewVideo{width:100%;display:flex;vertical-align:middle;align-items:center}.reviewWrapper .reviewVideo .videoWrapper{width:100%}.reviewWrapper span{display:block;height:80px}.reviewWrapper .name{margin-top:40px;font-size:24px;font-weight:400;line-height:36px}.reviewWrapper .jobTitle{font-size:20px;font-weight:400;line-height:30px;color:#cecece}@media(max-width: 576px){.medals{margin-top:30px}.successContentWrapper{display:block !important}.successContentWrapper>.ant-flex{gap:20px !important}.successContent .dotGreen{display:none}.successContainer .dotWithDash{display:block;margin:0;top:96px !important;right:auto;left:50%;margin-left:-12px;background-image:url("https://videos.sota.id/assets/landing/images/dot_green.png")}.successContainer .dotWithDash::after{content:"";position:absolute;width:2px;height:40px;background-color:rgba(245,207,82,.6);top:-39px;left:11px}.successContainer .ant-row{margin-bottom:20px !important}.successContentWrapper h1{font-size:32px;font-weight:500;line-height:32px;text-align:left}.successContentWrapper p{font-size:16px;font-weight:400;line-height:24px;text-align:left}.successContentWrapper img{width:100%}.reviewVideo{order:1}.reviewContent{order:2}.reviewWrapper{gap:24px !important;margin-left:-20px;margin-right:-20px;padding:16px;padding-bottom:24px;flex-direction:column;border-radius:20px;margin-bottom:-20px}.reviewWrapper h1{font-size:32px;font-weight:500;line-height:32px}.reviewWrapper .name{margin-top:20px}}.successContentWrapper img{max-width:444px}@media(max-width: 992px)and (min-width: 577px){.successContentWrapper{flex-direction:column;gap:25px}.reviewVideo{order:1}.reviewContent{order:2}.reviewWrapper{gap:30px !important;margin-left:-20px;margin-right:-20px;margin-bottom:-20px;padding:30px;flex-direction:column}}
.footer{height:603px;box-sizing:border-box;background-image:url("https://videos.sota.id/assets/landing/images/footer_bg.webp");background-size:cover;background-repeat:no-repeat;background-position:center;z-index:5;position:relative}.formContainer{width:100%;display:flex;justify-content:center;position:relative;top:-275px}@media(max-width: 576px){.formContainer{top:-100px}}.formContainer .ant-checkbox-checked .ant-checkbox-inner{background-color:#f5cf52 !important}.formContainer .ant-checkbox-checked .ant-checkbox-inner:after{border-color:#000}.form{border-radius:60px;border:1px solid #353d47;background:#101010;background:var(--Grey-1, #101010);display:flex;width:861px;padding:50px 50px 50px 50px;align-items:center;gap:50px;max-width:100%;box-sizing:border-box}@media(max-width: 576px){.form{gap:30px}}.form input,.form textarea{font-size:16px !important}@media(max-width: 576px){.noModalForm button{max-width:100% !important;margin-right:18px}}.form .ant-form-item{margin-bottom:0}.formTitle{color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:48px;font-style:normal;font-weight:500;line-height:100%}.formDescription{color:#cecece;color:var(--Grey-4, #cecece);font-size:20px;font-style:normal;font-weight:400;line-height:150%}@media(max-width: 576px){.formDescription{font-size:16px !important}}.form input{align-self:stretch;border-radius:20px;background:#282826}.form .ant-input-affix-wrapper,.form textarea{height:60px;align-self:stretch !important;border-radius:20px !important;background:#282826;padding:20px 19px}.form .ant-input-affix-wrapper:hover,.form textarea:hover{background:rgba(245,207,82,.1) !important}textarea{height:152px !important;align-self:stretch}.footerWings{position:relative;top:-50%}.footerWing{position:relative;width:10%}.footerWing.left{left:-29%}.footerWing.right{right:-19%}.mapWrapper{position:relative;z-index:1;box-shadow:0px 4px 250px 0px #ffde85}.inputTextAreaSuffix{position:absolute !important;right:20px;top:16px}.formDescription{color:#cecece;color:var(--Grey-4, #cecece);font-size:20px;font-style:normal;font-weight:400;line-height:150%}.addressText{color:#fff !important;color:var(--Grey-5, var(--Black, #fff)) !important;font-size:20px;font-style:normal;font-weight:400;line-height:150%;max-width:483px}.wingLeft,.wingRight{position:absolute;display:block;top:-248px}@media(max-width: 576px){.wingLeft,.wingRight{display:none}}.wingLeft{right:50%}.wingRight{left:50%;margin-top:-47px}textarea{resize:none !important}.checkbox{color:#cecece;font-size:18px;font-style:normal;font-weight:400;line-height:120%;margin-top:35px !important;margin-bottom:15px}@media(max-width: 576px){.checkbox{line-height:21px;margin:35px 0 20px !important}}:where(.css-dev-only-do-not-override-az1syw).ant-checkbox .ant-checkbox-inner:hover,.ant-checkbox-inner:hover{border-radius:6px;border:1px solid #f5cf52 !important;background-color:rgba(245,207,82,.1) !important}:where(.css-dev-only-do-not-override-az1syw).ant-checkbox-checked .ant-checkbox-inner{background-color:#f5cf52 !important;border-color:#f5cf52 !important}:where(.css-dev-only-do-not-override-az1syw).ant-checkbox-checked .ant-checkbox-inner:after{border-bottom:2px solid #000 !important;border-right:2px solid #000 !important;border-top:0}.successAlert{border-radius:40px;border:1px solid #00e03c;background:#225038;width:535px !important;max-width:535px !important}.ant-notification-notice-description,.ant-notification-notice-message{padding-left:20px}.ant-notification-notice-description{color:#cecece !important;color:var(--Grey-4, #cecece) !important;font-size:20px !important;font-style:normal !important;font-weight:400 !important;line-height:150% !important}.ant-notification-notice-message{color:#fff !important;color:var(--Grey-5, #fff) !important;font-size:36px !important;font-style:normal !important;font-weight:500 !important;line-height:100% !important}.mapContainer{min-height:700px;width:100%}.mapContainer iframe{position:relative;z-index:2}.mapContainer .staticMap{position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;top:0;left:0}.texareaCounter{position:absolute;right:20px;bottom:18px;font-size:18px;font-weight:400;line-height:21.6px;text-align:right;opacity:.5}@media(max-width: 992px)and (min-width: 577px){.form .mainButton{max-width:70% !important}}@media(max-width: 992px)and (min-width: 577px){.mqTamletInputForm{width:auto !important;min-width:362px;box-sizing:border-box}}@media(max-width: 992px)and (min-width: 577px){.footerContent img{padding-left:24px}.footerContent .addressText{padding-right:24px}.footer>.ant-flex{bottom:90px !important}}@media(max-width: 576px){.formContainer .form{flex-direction:column;padding:32px 24px;margin-top:-15%;border-radius:40px}.formTitle{font-size:36px;font-weight:500;line-height:39.6px;text-align:left}.footer{height:auto}.footer .formContainer+.ant-flex{bottom:auto !important;position:relative !important}.footerContent{padding:0px 24px 90px;flex-direction:column;align-items:start}.footerContent *{font-size:16px;font-weight:400;line-height:24px}.footer .address{flex-direction:column;gap:8px !important;align-items:flex-start}}
.teamContainer{width:100%;margin:auto !important}@media(max-width: 992px)and (min-width: 577px){.teamContainer{margin:0 !important}}.personnel-qty{-webkit-text-stroke-width:3;-webkit-text-stroke-color:#f5cf52;font-family:"Inter Tight";font-size:200px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-4px}.teamContainer img{width:180px;height:180px}.personnnelQty{width:242px !important;height:200px !important}.personnelName{color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:30px;font-style:normal;font-weight:500;line-height:90%}.personnelPosition{color:#cecece;color:var(--Grey-4, #cecece);font-size:20px;font-style:normal;font-weight:400;line-height:150%}.personnelDescription{width:330px;color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:24px;font-style:normal;font-weight:400;line-height:150%}.teamWrapper{padding-top:200px;padding-bottom:130px}@media(max-width: 992px)and (min-width: 577px){.teamWrapper{padding-top:300px}}.normalLabel.teamHeader{position:absolute !important;margin-top:-100px;margin-left:-15%}.l{margin-top:13px;color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:24px;font-style:normal;font-weight:400;line-height:150%;width:330px}@media(max-width: 576px){.l{margin-top:0;width:auto !important;margin-right:24px;padding-right:24px}}.dotFor28{width:24px;height:28px;margin-left:-11px;margin-right:-13px;margin-top:-14px;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;position:absolute;top:23px;left:60px}.dotFor28::after{top:-47px;left:10px;width:3px;height:47px;position:absolute;content:"";background-color:rgba(245,207,82,.6);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}@media(max-width: 1250px)and (min-width: 577px){.teamWrapper .ant-row{display:block !important}.teamPersonnel{width:330px !important}.teamContainer{flex-wrap:wrap !important}.teamHeader{display:none !important}.dotFor28{display:none !important}.onlyMobile{display:block !important}}@media(max-width: 576px){.teamContainer{flex-direction:column;gap:32px !important}.teamWrapper{padding-top:88px}.teamContainer .headerLabel.horizontal{margin-bottom:0px !important;position:relative;left:25px;box-sizing:border-box}.onlyMobile::before{display:block !important;content:"";width:50px !important;height:50px !important;border-top:2px solid #f5cf52 !important;border-left:2px solid #f5cf52 !important;border-radius:20px 0 0 0 !important;opacity:.5 !important;background-image:none !important;top:28px !important;left:-50px;box-sizing:border-box}.teamContainer .onlyMobile::after{display:block !important;content:"";box-sizing:border-box;position:absolute;width:24px;height:28px;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;left:-63px;top:55px}.teamWrapper .normalLabel,.dotFor28{display:none}.teamPersonnel img{width:100px !important;height:auto !important}.teamPersonnel{width:100% !important;display:flex;padding-left:24px;padding-right:24px;flex-direction:row;gap:24px !important;align-items:center}.teamPersonnel .ant-flex{gap:8px !important}.personnelName{font-size:24px;font-weight:500;line-height:21.6px;text-align:left}.personnelPosition{font-size:16px;font-weight:400;line-height:24px;text-align:left}}
.vCamHeader{position:relative}@media(max-width: 992px)and (min-width: 577px){.vCamHeader{padding-left:34px}}@media(max-width: 576px){.vCamHeader{display:flex;flex-direction:column;align-items:center}.vCamHeader .dot{display:none !important}}.vCamHeader .dot{display:block;width:24px;position:relative;top:39px;left:-10px}.bgVCam{margin-top:25px;background-position:center;background-size:cover;background-repeat:no-repeat}.bgVCam2{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;top:0}@media(max-width: 576px){.bgVCam2 .dotWithDash.first,.bgVCam2 .dotWithDash.second,.bgVCam2 .dotWithDash.third{display:block !important}}@media(max-width: 576px){.bgVCam2 .dotWithDash.first{left:0;right:auto;top:0;bottom:auto}}@media(max-width: 576px){.bgVCam2 .dotWithDash.second,.bgVCam2 .dotWithDash.third{left:auto;right:0;top:0;bottom:auto}}.bgVCamBottom{position:absolute;width:100%;height:50%;background-image:url("https://videos.sota.id/assets/landing/images/bg_bottom.png");background-position:center;background-size:cover;background-repeat:no-repeat;bottom:0}.vCamContent{position:relative;margin-left:40px}@media(max-width: 992px)and (min-width: 577px){.vCamContent{margin-left:0;padding-left:24px;padding-right:24px}}@media(max-width: 576px){.vCamContent{margin:0;padding:0 24px;margin-bottom:11px}}@media(max-width: 992px)and (min-width: 577px){.mqVCamContent{margin-left:0px;padding-left:24px;margin-bottom:12px}}@media(max-width: 576px){.mqVCamContent{margin-bottom:161px}}.vCamContent h1{font-size:72px;font-weight:500;line-height:72px;text-align:left;margin-top:135px;margin-bottom:152px;position:relative;z-index:5;max-width:900px}@media(max-width: 992px)and (min-width: 577px){.vCamContent h1{margin-top:90px;max-width:auto}}@media(max-width: 576px){.vCamContent h1{font-size:48px;font-weight:500;line-height:48px;letter-spacing:-0.02em;text-align:left;margin-top:40px !important;margin-bottom:12px;max-width:auto}}@media(max-width: 992px)and (min-width: 577px){.bgVCam2 h1{margin-top:100px !important;margin-bottom:152px !important;max-width:inherit}}.camPic{position:absolute;display:block;width:70%;margin-left:37%;margin-top:6%;top:0;z-index:1}@media(max-width: 992px)and (min-width: 577px){.camPic{width:90%;margin-left:28%;margin-top:22%}}@media(max-width: 576px){.camPic{width:120%;top:67%;margin-top:0;margin-left:5%}}.camPic2{margin-top:10%;margin-left:70%}.camOnPlayers{position:absolute;margin-top:-5%;z-index:20;left:-2%}@media(max-width: 1250px)and (min-width: 991px){.camOnPlayers{margin-top:0;width:40%}}@media(max-width: 992px)and (min-width: 577px){.camOnPlayers{margin-top:0;width:47%}}@media(max-width: 576px){.camOnPlayers{width:225px;left:0;top:58%;position:relative}}.players{position:relative;margin-left:21%;margin-top:8%;z-index:10}@media(max-width: 1250px)and (min-width: 991px){.players{margin-left:19%;width:80%;box-sizing:border-box}}@media(max-width: 992px)and (min-width: 577px){.players{margin-left:182px;padding-left:22px;width:calc(100% - 225px);margin-top:14%}}@media(max-width: 576px){.players{width:94%;margin:0;left:3%;position:absolute}}@media(max-width: 992px)and (min-width: 577px){.hiResLabel{margin-right:68px}}@media(max-width: 576px){.hiResLabel{margin:0 !important}}.hiResLabel .normalLabel.horizontal.opaque{white-space:nowrap}@media(max-width: 992px)and (min-width: 577px){.hiResLabel .normalLabel.horizontal.opaque{margin-top:0 !important}}@media(max-width: 576px){.hiResLabel .normalLabel.horizontal.opaque{position:absolute;white-space:normal;top:-65px !important;margin:0 !important;margin-right:30px !important;padding:10px 15px !important;max-width:128px;font-size:16px}.hiResLabel .normalLabel.horizontal.opaque .dotWithDash{display:block !important}}.easyInstall{top:-50px}@media(max-width: 992px)and (min-width: 577px){.easyInstall{position:relative;margin-left:50px !important;top:auto}}@media(max-width: 576px){.easyInstall{position:relative;top:80px !important;white-space:nowrap;margin-left:25px !important;left:155px;top:auto;font-size:16px !important}.easyInstall .dotWithDash{display:block !important}}.normalLabel{border-radius:15px;border:2px dashed rgba(245,207,82,.6);background:rgba(245,207,82,.1019607843);color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:20px;font-style:normal;font-weight:700;line-height:120%;display:inline-block;padding:17px 20px;margin-left:40px;position:relative;z-index:25}@media(max-width: 576px){.normalLabel{padding:10px 15px !important}}.normalLabel.smallLabel{padding:10px 20px !important}.normalLabel.opaque{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed rgba(245,207,82,.6);background:rgba(245,207,82,.3);backdrop-filter:blur(10px);color:#fff;color:var(--Grey-5, var(--Black, #fff));font-size:20px;font-style:normal;font-weight:500;line-height:120%}.normalLabel.horizontal::before{display:none}.normalLabel .dotWithDash.leftTop{top:0;left:0;z-index:5}.normalLabel .dotWithDash.rightTop{top:0;right:0;z-index:5}.bgVCam2 .dotWithDash.dotWithDash.rightTop::before,.dotWithDash.dotWithDash.topRight::before,.dotWithDash.dotWithDash.leftBottom::before,.dotWithDash.dotWithDash.leftTop::before{display:none}.toolsPic{display:block;margin-left:-15%;align-items:center;margin-top:-1%;top:-20%;z-index:1;border-radius:12px;border:1px solid #353d47;background:#d3d3d3 0px 0px/100% 100% no-repeat;box-shadow:0px 4px 150px 0px #39424e}@media(max-width: 992px)and (min-width: 577px){.toolsPic{margin-left:0;width:100%}}.phonePic{position:relative;left:0;top:10%;display:block;z-index:2}@media(max-width: 992px)and (min-width: 577px){.phonePic{width:100%;left:24px}}.phonePic2{position:absolute;right:10%;top:-30%;display:block;z-index:2}@media(max-width: 992px)and (min-width: 577px){.phonePic2{width:100%}}.toolsPic2{margin-top:10%;margin-left:70%}.dotWithDash.leftBottom{bottom:-15px;left:0;z-index:5}.dotWithDash.topRight{top:0px;right:15px;z-index:5}.bgOrnamentWrapper.cameraOrnament{top:50%}@media(max-width: 992px)and (min-width: 577px){.bgOrnamentWrapper.cameraOrnament{display:none}}@media(max-width: 576px){.bgOrnamentWrapper.cameraOrnament{display:none}}.phoneOneContainer img{max-width:216px}@media(max-width: 1350px)and (min-width: 991px){.phoneThreeContainer{width:17.3%}.phoneThreeContainer{left:15px !important}.phoneOneContainer{width:17.3%;margin-left:0 !important}.phoneTwoContainer{width:63.5%;margin-left:-24px !important}}@media(max-width: 992px)and (min-width: 577px){.vCamContainer{padding-bottom:100px !important}.phoneOneContainer{width:17.3%;margin-left:0 !important}.phoneTwoContainer{width:63.5%;margin-left:-24px !important}.phoneThreeContainer{width:17.3%}.phoneOneContainer .normalLabel{top:-43px !important;left:35px !important}.phoneTwoContainer .normalLabel{left:48% !important;top:-28% !important}.phoneThreeContainer{left:15px !important}.phoneThreeContainer .normalLabel{right:38px !important;bottom:auto !important;margin-top:182px !important}.phonePic2{right:auto !important}}@media(max-width: 576px){.vCamTwoContainer{display:block}.phoneOneContainer{margin-left:24px !important}.phoneOneContainer img{width:113px;position:relative !important}.phoneOneContainer .normalLabel{position:absolute !important;top:20px !important;left:50px !important;font-size:16px;font-weight:500;line-height:19px;text-align:left;width:135px !important}.phoneTwoContainer .toolsPic{margin-left:4%;margin-top:-100px;width:92% !important}.phoneTwoContainer .normalLabel{top:auto !important;left:0 !important;margin-left:24px !important;font-size:16px;font-weight:500;line-height:19px;text-align:left;width:160px !important}.phoneThreeContainer{left:0 !important;display:flex;flex-direction:row-reverse}.phoneThreeContainer .normalLabel{width:185px !important;right:80px !important;bottom:-15% !important;font-size:16px;font-weight:500;line-height:19px;text-align:left}.phoneThreeContainer .phonePic2{right:0 !important;margin-right:24px !important;width:113px;top:0 !important;position:relative !important;margin-top:-80px}.vCamContainer{padding-bottom:54px !important}.bgVCam{padding-bottom:70px !important}}
h1{margin-top:.67em;margin-bottom:.67em}p{margin-top:1em;margin-bottom:1em}.container{max-width:1300px;margin:0 86px;width:100%}@media(max-width: 1250px)and (min-width: 991px){.container{margin:0 10px;padding:0 10px !important}}@media(max-width: 992px){.container{margin:0 auto}}@media(max-width: 576px){.container{margin:0 auto}}.content{margin-top:40px;padding:0 40px}@media(max-width: 576px){.content{padding:0 24px}}@media(max-width: 992px)and (min-width: 577px){.content{padding:0 24px}}.mainButton{border-top-right-radius:0;border-bottom-right-radius:0;position:relative;transition-duration:background-color 0s}@media(max-width: 576px){.mainButton{height:50px !important;font-size:20px;font-weight:500;line-height:18px;text-align:left;padding:16px 32px}}.specialBG{position:fixed;display:block;width:100vw;height:100vh;left:0;top:0;z-index:0}.mainButton:hover{background:#ebb913 !important;z-index:20}.mainButton.disabled:hover{background:#8c8c8c !important;z-index:20}.mainButton::after{content:"";position:absolute;right:-23px;width:46px;height:62px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA+CAYAAACyRuLoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI8SURBVHgB7ZpbUhpBFIb/bpJUjZfE7IDswN5B3AHB5D3sIFkBsILEFahvVqnIDnQH7RJmCZY3ygemPW2J1Vr03OgjTFV/TxQM8PFBNVNzWoABoztb92jt080riY/DRB2lCIBAYO70bsfA7NMLbz3flRpguKFGB1iQYLK25gSyT2J/5h8hDhatHER2on9+z5DZr71dcOhClReSLa7pfdtalWvLVqjpI6W3/7uuTsdln1BZtn5Nr8D/B2TDr2p8VeLY8gSo6SOVkL1EnVzkHVRKNnTNHJncyoWyjDV90IrR+rGhji/fPuCVfa+aPiQwSNRo6N43V3YJNX3Qb/nTzmyJeyW77Jo+ZpVfZG/1r22B6RmWX9MHVYb92rt9EtVYXVFLW9BZEkmabTQA2RRRi0SDiLJcRFkuoiwXUZaLKMtFlOUiynIRZbmIslxEWS6iLBdRlosoy0WU5UKKp+FZM5BravQto3kqGsDLZfqJ7rQN5LlZ0avfYnaZ3pKocbqqlQ3MXoJMeUZLq1HZ1pzSmHTzeUyaO2G80d0Bpe9jCdia6zAD4YxGC8ehduQkaeT0XpXf1nQpXGftDJWGvyqjTwpmZr/NTc90vNII/4bGpC0ak4aunFfTpdI/mH2x0JWLarrU3nZyrXc7H2D+1a1ctqZL7XODz+p0LJDtUJlDVKRKTZcgW6Vudfe3XeKKKtep6RLkrMvu0yqqXLemS/DtfXMq06IuelW2RPkILmuxf9dTiIGA/LKGaU+U2AZVhkcnBf0zvawciwAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat}.mainButton.disabled::before{background-image:url("https://videos.sota.id/assets/landing/images/diamondDisabled.png");opacity:1}.mainButton::before{content:"";position:absolute;right:-23px;width:47px;height:63px;z-index:2;opacity:0;transition:all .2s cubic-bezier(0.645, 0.045, 0.355, 1);background-image:url("https://videos.sota.id/assets/landing/images/diamondHover.png");background-size:contain;background-repeat:no-repeat}.mainButton:hover::before{opacity:1}.dotWithDash{position:absolute;width:24px;height:28px;margin-left:-11px;margin-right:-13px;margin-top:-14px;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;z-index:2}.dotWithDash::before{left:9px;top:-327px;width:3px;height:655px;position:absolute;content:"";background-image:url("https://videos.sota.id/assets/landing/images/dotLineVertical.png");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}.dotForDashHorizontal{position:absolute;width:24px;height:28px;left:363px;top:36%;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;z-index:5}@media(max-width: 576px){.dotForDashHorizontal{left:50%;margin-left:-12px;top:110px;background-image:url("https://videos.sota.id/assets/landing/images/GreenDot.png")}.dotForDashHorizontal::before{position:absolute;top:-50px;left:49.5%;content:"";height:52px;border-left:2px dashed rgba(245,207,82,.6)}}.dashForDotHorizontal{position:absolute;z-index:1;top:36%;left:-10%;width:100%;box-sizing:border-box;display:block}@media(max-width: 576px){.dashForDotHorizontal{left:0;top:110px}}.headerLabel{border-radius:15px;border:2px dashed rgba(245,207,82,.6);background:rgba(245,207,82,.1019607843);font-weight:500;font-size:38px;line-height:57px;text-align:center;display:inline-block;padding:10px 20px;margin-left:40px;position:relative}@media(max-width: 576px){.headerLabel{font-size:24px;font-weight:500;line-height:36px;text-align:left;white-space:nowrap;border-radius:20px}}.videoWrapper>div{max-width:100% !important;margin:0 auto}@media(max-width: 992px)and (min-width: 577px){.videoWrapper>div{height:auto !important;width:90% !important}}.videoWrapper video{box-sizing:border-box}.videoWrapper .react-player__preview{border-radius:5px;overflow:hidden}.playButton{position:absolute;top:50%;left:50%;cursor:pointer;z-index:100;margin-top:-45px;margin-left:-45px}@media(max-width: 576px){.playButton{margin-top:-32px;margin-left:-32px;width:50px}}.playThumbnail{width:100%}.onlyMobile{display:none}@media(max-width: 576px){.onlyMobile{display:block !important}}.headerLabel::before{content:"";width:41px;height:81px;position:absolute;left:-41px;top:39px;background-image:url("https://videos.sota.id/assets/landing/images/yellowCurveLine.png");background-size:contain;background-repeat:no-repeat}.headerLabel.horizontal::before{display:none}.headerLabel.horizontal .dotWithDash{top:50%;right:0;z-index:5}.headerLabel.horizontal .dotWithDash::before{top:13px;left:-400px;height:3px;width:1400px;z-index:0;background-image:url("https://videos.sota.id/assets/landing/images/dotLineHoriz.png")}.showOnMobile{display:none}@media(max-width: 992px)and (min-width: 577px){.PerfEnch{top:40px;margin-left:59px}}@media(max-width: 992px)and (min-width: 577px){.PerfEnch::before{display:block !important}}@media(max-width: 992px)and (min-width: 577px){.PerfEnch::after{content:"";position:absolute;width:24px;height:28px;background-image:url("https://videos.sota.id/assets/landing/images/dot.png");background-size:contain;background-repeat:no-repeat;z-index:50;left:-52px;top:115px}}.App>div>.ant-flex{position:relative;z-index:1}.camAndTeam{position:static !important}.camAndTeam .container{position:relative;z-index:1}@media(max-width: 576px){.mainButton::after,.mainButton::before{height:50px;width:37px;right:-20px}.headerLabel.mqCentered{margin-top:56px;margin-left:-15px;margin-right:-15px}.headerLabel.mqCentered::before{display:none}.videoWrapper>div{width:100% !important;min-width:0 !important;height:100% !important}.headerLabel.horizontal{margin:0 auto !important;margin-bottom:75px !important}.mqHeaderLabel{margin:0 auto !important}.mqHeaderLabel::before{display:none}.teamWrapper .mqHeaderLabel.onlyMobile::before{left:-52px}.hideOnMobile{display:none !important}.showOnMobile{display:block !important}}@media(max-width: 1250px)and (min-width: 991px){.mqHeaderLabel.onlyMobile{position:absolute;margin-left:270px;margin-top:-140px}.mqHeaderLabel.onlyMobile::before{display:block;content:"";position:absolute;height:50px;width:2px;background-color:rgba(245,207,82,.6);background-image:none;top:100%;left:50%}.mqHeaderLabel.onlyMobile::after{display:block;content:"";position:absolute;width:24px;height:28px;background-image:url(https://videos.sota.id/assets/landing/images/dot.png);background-size:contain;background-repeat:no-repeat;top:calc(100% + 50px);left:50%;margin-left:-11px}}@media(max-width: 992px)and (min-width: 577px){.hideOnMobile{display:none !important}.showOnMobile{display:block !important}.headerLabel.mqCentered::before{display:none}.mqHeaderLabel.onlyMobile{position:absolute;margin-left:270px;margin-top:-140px}.mqHeaderLabel.onlyMobile::before{display:block;content:"";position:absolute;height:50px;width:2px;background-color:rgba(245,207,82,.6);background-image:none;top:100%;left:50%}.mqHeaderLabel.onlyMobile::after{display:block;content:"";position:absolute;width:24px;height:28px;background-image:url(https://videos.sota.id/assets/landing/images/dot.png);background-size:contain;background-repeat:no-repeat;top:calc(100% + 50px);left:50%;margin-left:-11px}}
.en{display:block;margin:44px 0 0 0}@media(max-width: 992px){.en{margin-top:44px;margin-bottom:24px}}@media(max-width: 576px){.en{margin:24px 0}}.logo{display:block;margin:131px 0 50px 0}@media(max-width: 992px){.logo{margin-top:131px;margin-bottom:50px}}@media(max-width: 576px){.logo{margin:40px 0;margin-top:80px}}.hero{aspect-ratio:265/271;width:100%;margin-top:44px;min-width:530px}.welcomeContent{padding-left:40px;padding-right:80px}@media(max-width: 992px)and (min-width: 577px){.welcomeContent{padding-right:36px}}@media(max-width: 576px){.welcomeContent{padding-left:24px;padding-right:24px}}.welcomeContent h1{font-size:40px;line-height:44px;font-weight:500;margin-bottom:15px}@media(max-width: 576px){.welcomeContent h1{font-size:36px;font-weight:500;line-height:39px;text-align:left}}.welcomeContent p{font-weight:400;color:#cecece;font-size:20px;line-height:30px;margin-bottom:50px;margin-top:15px}@media(max-width: 576px){.welcomeContent p{font-size:16px;font-weight:400;line-height:24px;text-align:left;margin-bottom:40px}}.welcomeBG{background-image:url("https://videos.sota.id/assets/landing/images/header_bg.png");background-size:cover;background-repeat:no-repeat;background-position:center;margin-bottom:70px;display:flex;justify-content:center;position:relative;z-index:1}@media(max-width: 992px)and (min-width: 577px){.welcomeBG{padding-bottom:14px;margin-bottom:0px}}@media(max-width: 576px){.welcomeBG{margin-bottom:0px;background-image:none !important}}@media(max-width: 760px){.mqHeroCol{display:none}}