.introService{position:relative;width:100%;height:783px;padding-top:100px;background:transparent no-repeat scroll 50%;background-size:cover;background-image:url(/_next/static/media/intro-bg.0d3a13ac.webp);overflow:hidden}.introService .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,32,145,.7);background:linear-gradient(225deg,rgba(0,32,145,.6),#002091);opacity:.95}.introService>.imgWrapper{position:absolute;right:5%;width:700px;height:700px}@media screen and (max-width:1600px){.introService>.imgWrapper{right:0}}@media screen and (max-width:1300px){.introService>.imgWrapper{top:453px;left:20%;left:0}}@media screen and (max-width:800px){.introService>.imgWrapper{top:553px;width:500px;height:500px}}@media screen and (max-width:600px){.introService>.imgWrapper{display:none}}.introService .breadcrumps{position:absolute;width:100%;padding:16px;color:#fafafa}.introService .introServiceContent{position:absolute;top:30%;left:15%;color:#fafafa}.introService .introServiceContent .title{font-size:44px;font-weight:700}@media screen and (max-width:600px){.introService .introServiceContent .title{font-size:36px;display:flex;flex-direction:column}}.introService .introServiceContent .bold{margin-right:12px}.introService .introServiceContent .text{max-width:550px;margin-top:36px;margin-bottom:36px;font-size:17px}@media screen and (max-width:1300px){.introService .introServiceContent .text{width:65%}}@media screen and (max-width:600px){.introService .introServiceContent .text{width:100%}}@media screen and (max-width:1600px){.introService .introServiceContent{left:5%}}@media screen and (max-width:1300px){.introService .introServiceContent{top:183px}}@media screen and (max-width:600px){.introService .introServiceContent{top:253px}}@media screen and (max-width:1600px){.introService{height:823px}}@media screen and (max-width:1300px){.introService{height:1083px}}@media screen and (max-width:600px){.introService{height:673px}}@media screen and (max-width:480px){.introService{height:763px}}.otherProjectsWrapper .otherProjects{display:flex;flex-direction:row;justify-content:space-between;padding-left:15%;padding-right:15%}.otherProjectsWrapper .otherProjects .case{position:relative;display:flex;flex-direction:column;margin-bottom:64px;padding-bottom:32px;background-color:#fff;border:1px solid #eeeff2;border-radius:16px;transition:all .4s;overflow:hidden}.otherProjectsWrapper .otherProjects .case:hover{box-shadow:0 15px 50px rgba(0,0,0,.07)}.otherProjectsWrapper .otherProjects .case .imgWrapper{position:relative;width:531px!important;height:300px!important;margin:0 auto;overflow:hidden}.otherProjectsWrapper .otherProjects .case .imgWrapper>img{top:0!important;width:100%;height:auto!important;object-fit:contain;margin:0 auto}@media screen and (max-width:1300px){.otherProjectsWrapper .otherProjects .case .imgWrapper{width:100%;height:auto}}@media screen and (max-width:850px){.otherProjectsWrapper .otherProjects .case .imgWrapper{width:100%!important;max-height:200px!important;overflow:hidden}}@media screen and (max-width:450px){.otherProjectsWrapper .otherProjects .case .imgWrapper{width:300px!important;height:150px!important}}@media screen and (max-width:350px){.otherProjectsWrapper .otherProjects .case .imgWrapper{width:200px!important;height:100px!important}}.otherProjectsWrapper .otherProjects .case .content{position:relative;width:531px;padding:0 32px 32px;color:#000}.otherProjectsWrapper .otherProjects .case .content .titleWrapper{align-items:flex-start;width:100%;text-align:left;padding-top:0}.otherProjectsWrapper .otherProjects .case .content .description{width:100%;height:80px}@media screen and (max-width:550px){.otherProjectsWrapper .otherProjects .case .content .description{height:120px}}@media screen and (max-width:450px){.otherProjectsWrapper .otherProjects .case .content .description{height:140px}}@media screen and (max-width:380px){.otherProjectsWrapper .otherProjects .case .content .description{height:180px}}@media screen and (max-width:300px){.otherProjectsWrapper .otherProjects .case .content .description{height:220px}}.otherProjectsWrapper .otherProjects .case .content .bottomComponent{position:absolute;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.otherProjectsWrapper .otherProjects .case .content .tags{display:flex;flex-direction:row;margin-top:32px;margin-bottom:16px}.otherProjectsWrapper .otherProjects .case .content .tags .tag{margin-right:12px;margin-bottom:16px;padding:3px 10px;color:#fafafa;font-size:12px;border-radius:20px;background-color:#2196f3}.otherProjectsWrapper .otherProjects .case .content .btnWrapper{position:absolute;bottom:0}@media screen and (max-width:850px){.otherProjectsWrapper .otherProjects .case .content{width:100%;padding-top:32px}}@media screen and (max-width:1600px){.otherProjectsWrapper .otherProjects{padding-left:5%;padding-right:5%}}@media screen and (max-width:1300px){.otherProjectsWrapper .otherProjects{flex-direction:column}}.contuctUs{width:100%;padding:64px 32px;color:#fafafa;background-color:#112144}.contuctUs .btnWrapper{display:flex;justify-content:center;align-items:center;margin-top:32px}@media screen and (max-width:600px){.contuctUs{padding:64px 16px}}.sloganGlobal{display:flex;justify-content:center;align-items:center;padding:64px 32px;color:#fafafa;font-size:24px;background-color:#112144}.timelineWrapper{margin-bottom:64px}.timelineWrapper .timeline{position:relative;max-width:1200px;margin:0 auto}.timelineWrapper .timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}.timelineWrapper .timeline .container{counter-increment:timeline;padding:10px 40px;position:relative;background-color:inherit;width:50%}.timelineWrapper .timeline .container:after{content:counter(timeline);position:absolute;width:25px;height:25px;right:-17px;display:flex;justify-content:center;align-items:center;font-size:16px;background-color:#3fc9ff;border:4px solid #3fc9ff;top:15px;border-radius:50%;z-index:1}.timelineWrapper .timeline .left{left:0}.timelineWrapper .timeline .left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid transparent;border-left:solid #fff;border-width:10px 0 10px 10px}.timelineWrapper .timeline .right{left:50%}.timelineWrapper .timeline .right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.timelineWrapper .timeline .right:after{left:-16px}.timelineWrapper .timeline .content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px}@media screen and (max-width:600px){.timelineWrapper .timeline:after{left:31px}.timelineWrapper .timeline .container{width:100%;padding-left:70px;padding-right:25px}.timelineWrapper .timeline .container:before{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.timelineWrapper .timeline .left:after,.timelineWrapper .timeline .right:after{left:15px}.timelineWrapper .timeline .right{left:0}}