*{margin:0;padding:0;width:100%;font-family:Roboto,"sans-serif"}.main-menu{position:relative;width:1920px;height:3520px;background-color:#fff}.main-menu-bar{position:absolute;width:1920px;height:1092px}.menu-bar-container{position:fixed;width:96px;height:1080px;left:0;top:0;z-index:10px;background-color:#5e2cb0}.logo-dna{width:64px;height:65px;left:16px;top:24px}.logo,.logo-dna{position:absolute}.logo{width:32px;height:32px;left:32px}.logo-linkedin{top:739px}.logo-facebook{top:802px}.logo-instagram{top:865px}.logo-frame{position:absolute;width:14px;height:56px;left:40px;top:464px}.main-container{position:absolute;width:1920px;height:1092px;left:0;top:0;background:linear-gradient(124.11deg,rgba(110,42,169,.8) 27.4%,hsla(0,0%,100%,0) 102.33%),linear-gradient(108.51deg,rgba(110,42,169,.5) .81%,rgba(94,44,176,.5) 32.12%,rgba(112,42,168,.5) 40.81%,rgba(110,42,169,.5) 50.65%,rgba(121,40,164,.5) 63.06%,rgba(147,37,152,.5) 77.15%);box-shadow:inset 0 4px 4px rgba(0,0,0,.25)}.text-dna{position:absolute;width:992px;height:40px;left:136px;top:32px;font-size:42px;line-height:49px;font-weight:700;font-style:normal;color:#fff}.main-content{position:absolute;width:769px;height:140px;left:182px;top:304px}.text-content{font-size:50px;font-weight:900;line-height:75px;font-family:Roboto;font-style:normal;color:#fff}.btn{background-color:#fff;text-decoration:none}.btn,.learn-more{position:absolute}.learn-more{width:270px;height:82px;left:182px;top:479px;filter:drop-shadow(10px 10px 20px #5B2CB2);border-radius:36px}.text-learn-more{font-size:36px;line-height:42px;border-left:30px;padding-left:30px;padding-top:20px;font-style:normal;font-weight:400;align-items:center;color:#5e2cb0;display:flex;text-decoration:none}.mid-wrapper{position:absolute;width:1824px;height:264px;left:96px;top:1080px;background:#f4f3f3}.mid{position:absolute;width:215px;padding:80px 20px 80px 0}.content-years{left:349px}.content-projects{left:886px}.content-clients{left:1423px}.txt-number{position:absolute;font-weight:500;font-size:64px;line-height:75px;margin-left:10px;color:#5e2cb0}.mid-service{height:964px}.txt-content{position:absolute;margin-top:75px;left:-55px;font-size:24px;line-height:28px;color:#000}.service-wrapper{position:absolute;width:600px;height:58px;left:776px;top:1473px}.img-service{position:absolute;top:1520px;left:980px;width:100px}.txt-service{font-weight:500;font-size:36px;line-height:42px;color:#5b2cb2}.mid-icon{width:1368px;height:360px;left:294px;top:1592px}.icon,.mid-icon{position:absolute}.icon{width:144px;height:144px;top:87px}.img-mobile{left:1200px}.img-web{left:670px}.img-ui{left:120px}.text{position:absolute;width:360px;height:360px;padding:248px 0 36px;font-size:32px;font-weight:700;text-align:center;line-height:37px;color:#5e2cb0}.txt-ui{padding-left:100px;width:175px}.txt-web{padding-left:560px}.txt-mobile{padding-left:1090px}.txt-our-project{position:absolute;width:240px;height:160px;margin:280px 0 0 9px;font-weight:900;font-size:64px;line-height:75px;display:flex;align-items:center;text-align:right;color:#fff}.line-project{position:absolute;width:368px;height:0;left:120px;top:0;margin-top:240px;border:10px solid #fffdfd;transform:rotate(90deg)}.our-project-content{position:absolute;width:422px;height:265px;margin-top:0;margin-left:60px}.img-project-livera{position:absolute;top:88px;left:294px}.img-project-kolita{position:absolute;top:88px;left:778px}.img-project-wvi{position:absolute;top:88px;left:1262px}.project-menu{position:absolute;width:1824px;height:560px;top:2056px;left:96px;background-color:#5b2cb2}.txt-project{font-weight:700;font-size:30px;line-height:35px;align-items:center;font-style:normal;color:#fffefe;top:35px}.img-arrow,.txt-project{position:relative;display:flex}.img-arrow{top:460px;left:1613px;width:80px;height:80px}.client-menu{position:absolute;width:3113px;height:265px;left:96px;top:2720px}.title-client{position:absolute;width:300px;height:24px;left:5px;font-style:normal;font-weight:700;font-size:24px;line-height:28px;display:flex;align-items:center;color:#805cba}.line-client{position:absolute;width:1350px;height:0;left:290px;top:10px;border:2px solid #805cba}.logo-client{position:absolute;width:2000px;height:200px;top:100px;overflow-x:scroll}.logo-livera{position:absolute;width:105px;height:108px;left:19px;top:5px}.logo-atmajaya{position:absolute;width:352px;height:96px;left:529px;top:0}.logo-wvi{position:absolute;width:200px;height:105px;left:217px;top:0}.img-arrow-two{position:relative;display:flex;top:200px;left:1500px;width:80px;height:80px}