p{color:#fff;font-family:Londrina Solid,sans-serif;font-weight:300}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.overview1{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 200px}.overview1 .background1{position:absolute;z-index:-2;width:100%;height:100%}.overview1 .background2{position:absolute;z-index:-1;width:100%;height:100%;background-color:#000;opacity:.8}.overview1 .title{margin-top:195px}.overview1 .title p{font-size:70px;text-align:center;font-weight:700}.overview1 .subTitle{font-size:25px;text-align:center;margin-top:40px;max-width:70%}.overview1 .btnPlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f90;width:205px;height:55px;border-radius:8px;margin-top:40px;cursor:pointer;margin-bottom:200px}.overview1 .btnPlay .background{position:absolute;z-index:-1;transform:rotate(-5deg);background-color:#f90;opacity:.7;border-radius:8px;top:0;bottom:7px;left:5px;right:-5px}.overview1 .btnPlay p{font-size:14px;text-align:center;font-weight:700}.overview3{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 200px 150px}.overview3 .overview2{position:absolute;z-index:2;top:-175px;width:100%;gap:32px;flex-direction:row;padding:0 50px}.overview3 .overview2,.overview3 .overview2 .content1{height:350px;display:flex;align-items:center;justify-content:center}.overview3 .overview2 .content1{position:relative;flex-direction:column;background-color:#fff;width:375px;border-radius:10px;border:3px solid #ffc700;padding:0 32px}.overview3 .overview2 .content1 img{width:100px;height:100px;position:absolute;top:-20px}.overview3 .overview2 .content1 .titleO2{font-size:25px;font-weight:700;text-align:center;color:#000;margin-top:50px}.overview3 .overview2 .content1 .subTitleO2{font-size:16px;text-align:center;margin-top:10px;color:#000;width:100%}.overview3 .overview2 .content2{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffc700;height:350px;width:375px;border-radius:10px;border:3px solid #ffc700;padding:0 32px}.overview3 .overview2 .content2 .titleO2{font-size:25px;font-weight:700;text-align:center;margin-top:50px}.overview3 .overview2 .content2 .subTitleO2{font-size:16px;text-align:center;margin-top:10px;width:100%}.overview3 .background{position:absolute;z-index:-2;width:100%;height:100%}.overview3 .image{margin-top:200px;width:600px;height:30px}.overview3 .content{display:flex;margin-top:50px;align-items:center;justify-content:space-between;padding:0 120px;gap:160px}.overview3 .content .content-left{position:relative;max-width:500px;max-height:500px}.overview3 .content .content-left .image1{width:500px}.overview3 .content .content-left .image2{position:absolute;z-index:2;width:450px;bottom:-30px;right:-160px}.overview3 .content .content-right{width:50%;display:flex;flex-direction:column;justify-content:center}.overview3 .content .content-right :first-child{font-size:14px;font-weight:300;color:#f90;text-transform:uppercase}.overview3 .content .content-right :nth-child(2){font-size:38px;font-weight:700;text-transform:capitalize;margin-top:5px}.overview3 .content .content-right :nth-child(3){font-size:16px;margin-top:10px}.overview4,.overview4 .content{position:relative;display:flex;flex-direction:column;width:100%}.overview4 .content{justify-content:center;align-items:center;padding:200px}.overview4 .content .background1{position:absolute;z-index:-2;width:100%;height:100%}.overview4 .content .background2{position:absolute;z-index:-1;width:100%;height:100%;background-color:#000;opacity:.7}.overview4 .content .title{font-size:32px;font-weight:700;text-align:center}.overview4 .content .subTitle{font-size:16px;font-weight:300;font-family:Poppins,sans-serif;text-align:center;width:70%;margin-top:12px}.overview5{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 200px}.overview5 .background1{position:absolute;z-index:-2;width:100%;height:100%}.overview5 .background2{position:absolute;z-index:-1;width:100%;height:100%;background-color:#000;opacity:.7}.overview5 .content1{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 50px;margin-top:10px}.overview5 .content1 .content-left{display:flex;flex-direction:column;align-items:center}.overview5 .content1 .content-left .imgcharacter{width:550px}.overview5 .content1 .content-left .nameCharacter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:50px}.overview5 .content1 .content-left .nameCharacter img{width:70px;height:70px;cursor:pointer}.overview5 .content1 .content-left .nameCharacter .char{font-size:52px;font-weight:700}.overview5 .content1 .content-right{display:flex;flex-direction:column;gap:10px;margin-right:100px}.overview5 .content1 .content-right .title-content{font-size:52px;font-weight:700;margin-bottom:15px}.overview5 .content1 .content-right .content-ability{display:flex;flex-direction:column;gap:10px}.overview5 .content1 .content-right .content-ability .title{display:flex;flex-direction:row;align-items:center;gap:20px}.overview5 .content1 .content-right .content-ability .title img{width:30px;height:30px}.overview5 .content1 .content-right .content-ability .title p{font-size:32px;font-weight:700}.overview5 .content1 .content-right .content-ability .ability-group{display:flex;align-items:center;gap:10px}.overview5 .content1 .content-right .content-ability .ability-group .ability{width:100px;height:20px;background-color:#868686;border-radius:8px}.overview5 .content2{display:flex;flex-direction:column;padding:0 150px 150px;margin-top:70px}.overview5 .content2 :first-child{font-size:52px;font-weight:700}.overview5 .content2 :nth-child(2){font-size:24px}.overview6{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:100%;padding:180px 200px}.overview6 .background{position:absolute;z-index:-1;width:100%;height:100%}.overview6 .content-left{display:flex;flex-direction:column;justify-content:center;width:40%;gap:20px}.overview6 .content-left .char1{font-size:14px;font-weight:300;color:#f90;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:2px}.overview6 .content-left .char2{font-size:40px;font-weight:700}.overview6 .content-left .char3{font-size:16px;font-weight:300;font-family:Poppins,sans-serif}.overview6 .content-left img{width:300px;height:300px}.overview6 .content-right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;gap:12px}.overview6 .content-right .content{display:flex;flex-direction:column;width:100%}.overview6 .content-right .content .title{display:flex;justify-content:space-between;padding:30px 25px;border-radius:8px;background-color:#fff}.overview6 .content-right .content .title p{font-size:16px;font-weight:500;color:#000}.overview6 .content-right .content .title img{width:20px;height:20px;cursor:pointer}.overview6 .content-right .content .char{display:none}.overview6 .content-right .active{display:flex;flex-direction:column}.overview6 .content-right .active .title{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#f90}.overview6 .content-right .active .title p{color:#fff;text-transform:uppercase}.overview6 .content-right .active .char{display:block;padding:26px 25px;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.overview6 .content-right .active .char p{color:#000}@media(max-width:1600px){.overview3{padding:0 0 150px}.overview5{padding:0 50px}.overview6{padding:100px}}@media(max-width:1440px){.overview3 .overview2{padding:0}}@media(max-width:1280px){.overview3 .content{gap:80px}.overview5{padding:0}.overview6{padding:100px 50px}}@media(max-width:1100px){.overview1{padding:0 100px}.overview1 .subTitle{width:unset}.overview3 .overview2{height:unset;position:unset;padding:50px;flex-direction:column}.overview3 .overview2 .content1,.overview3 .overview2 .content2{height:unset;padding:32px;width:80%}.overview3 .image{margin:0}.overview3 .content{flex-direction:column}.overview3 .content .content-right{width:unset}.overview4 .content{padding:100px}.overview5 .content1{flex-direction:column}.overview5 .content1 .content-right{margin:50px 0 0}.overview6{flex-direction:column;gap:50px}.overview6 .content-left,.overview6 .content-right{width:100%}}@media(max-width:850px){.overview3 .content .content-left .image2{right:0}}@media(max-width:800px){.overview1{padding:0 50px}.overview3 .content{padding:0 60px}}@media(max-width:600px){.overview4 .content{padding:100px 50px}.overview5 .content2{padding:0 50px 150px}}@media(max-width:450px){.overview5 .content1{padding:0}.overview5 .content1 .content-right .content-ability .ability-group .ability{width:40px}}