@import url('common.css'); 

.GenerationArea{text-align:center;padding:125px 20px}
.GenerationArea h1{color:#131313;margin:0 0 20px 0;font-size:45px;font-weight:600}
.GenerationArea h1 span{color:#26A9E1}
.GenerationArea p{font-size:16px;color:#131313;font-weight:400;margin:0 0 20px 0}
.GenerationArea a{background-color:#26A9E1;color:#fff;padding:15px 0;display:inline-block;max-width:400px; width:100%; font-size:15px;font-weight:500}

.EcommerceAbout{background:radial-gradient(50% 50% at 50% 50%,#082632 0%,#131313 100%);padding:50px 0}
.EcommerceAbout h2{color:#fff;margin:0 0 50px 0;font-size:45px;font-weight:600;text-align:center}
.EcommerceAbout h2 span{color:#26A9E1}
.EcommerceAbout .EcommerceAboutLeft p{color:#e7e7e7;margin:0 0 20px 0;font-size:15px;line-height:30px}
.EcommerceAbout .EcommerceAboutRight ul{display:flex;flex-wrap:wrap}
.EcommerceAbout .EcommerceAboutRight ul li{width:50%;padding:15px}
.EcommerceAbout .EcommerceAboutRight ul li aside{background-color:#fff;text-align:center;padding:45px 0;border-radius:20px}
.EcommerceAbout .EcommerceAboutRight ul li aside h4{color:#26A9E1;font-size:36px;font-weight:700}
.EcommerceAbout .EcommerceAboutRight ul li aside p{color:#131313;font-size:18px;font-weight:500}

.SolutionArea{background-color:#F4F4F4;padding:50px 0}
.SolutionArea .SolutionHead{text-align:center;margin:0 0 50px 0}
.SolutionArea .SolutionHead h2{color:#131313;margin:0 0 20px 0;font-size:45px;font-weight:600;text-align:center}
.SolutionArea .SolutionHead h2 span{color:#26A9E1}
.SolutionArea .SolutionHead p{color:#667085;text-align:center;font-size:14px;line-height:22px}
.SolutionArea .SolutionBox{border:1px solid #D2D2D2;background-color:#fff;padding:15px;border-radius:10px;margin:0 0 30px 0;    height: calc(100% - 30px);}
.SolutionArea .SolutionBox .Icon{max-width:50px;display:block;margin:auto}
.SolutionArea .SolutionBox h3{text-align:center;font-size:18px;font-weight:600;margin:20px 0 10px 0}
.SolutionArea .SolutionBox p{color:#667085;text-align:center;font-size:13px;line-height: 20px;min-height:60px;margin: 0 0 30px 0;}
.SolutionArea .SolutionBox ul li{padding:0 0 0 27px;position:relative;font-size:13px;font-weight:400;color:#5A5A59;margin:0 0 10px 0}
.SolutionArea .SolutionBox ul li:before{content:'';left:10px;top:5px;width:6px;height:10px;border:solid #0CBB52;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute}

.ComprehensiveArea.SolutionArea{background-color:#121314}
.ComprehensiveArea.SolutionArea .SolutionHead h2{color:#fff}
.ComprehensiveArea.SolutionArea .SolutionHead p{color:#dfdfdf}
.ComprehensiveArea.SolutionArea .SolutionBox .Icon{margin:0}
.ComprehensiveArea.SolutionArea .SolutionBox h3{text-align:left;margin:15px 0 10px 0}

.ModulesArea.SolutionArea .SolutionBox h3{margin:0 0 10px 0;text-align:left}
.ModulesArea.SolutionArea .SolutionBox{padding:11px}

.StackArea.SolutionArea{background-color:#121314}
.StackArea.SolutionArea .SolutionHead h2{color:#fff}
.StackArea.SolutionArea .SolutionHead p{color:#dfdfdf}
.StackArea.SolutionArea .SolutionBox{background:#121314;transition:0.5s all ease-in-out}
.StackArea.SolutionArea .SolutionBox h3{text-align:left;margin:0 0 10px 0;color:#fff}
.StackArea.SolutionArea .SolutionBox ul li{color:#fff}
.StackArea.SolutionArea .SolutionBox:hover{background-color:#fff}
.StackArea.SolutionArea .SolutionBox:hover h3{color:#000}
.StackArea.SolutionArea .SolutionBox:hover ul li{color:#5A5A59}

.StructureArea{background-color:#FFFEFD;padding:50px 0 30px}
.StructureArea .StructureHead{margin:0 0 40px 0;display:flex;justify-content:space-between}
.StructureArea .StructureHead h2{color:#000;font-size:45px;font-weight:600}
.StructureArea .StructureHead h2 span{color:#26A9E1}
.StructureArea .StructureHead p{color:#5A5A59;text-align:left;font-size:14px;line-height:22px}
.StructureArea .StructureBox{border:1px solid #D2D2D2;background-color:#fff;padding:20px;border-radius:20px;margin:0 0 30px 0;height:calc(100% - 30px)}
.StructureArea .StructureBox .Count{color:#B3B3B3;font-weight:600;font-size:14px}
.StructureArea .StructureBox h3{font-size:20px;font-weight:600;margin:20px 0 10px 0}
.StructureArea .StructureBox p{color:#667085;font-size:14px;line-height:23px;font-weight:400}
.StructureArea .StructureBox:hover{background-color:#131313;border-color:#131313}
.StructureArea .StructureBox:hover h3{color:#fff}
.StructureArea .StructureBox:hover p{color:#d1d1d1}

.StructureArea.MethodologyArea{background-color:#121314}
.StructureArea.MethodologyArea .StructureBox{background:#121314;border-color:#121314}
.StructureArea.MethodologyArea .StructureBox h3{color:#fff}
.StructureArea.MethodologyArea .StructureBox p{color:#fff}
.StructureArea.MethodologyArea .MethodologyHead{margin:0 0 40px 0}
.StructureArea.MethodologyArea .MethodologyHead h2{color:#fff;margin:0 0 20px 0;font-size:45px;font-weight:600;text-align:center}
.StructureArea.MethodologyArea .MethodologyHead h2 span{color:#26A9E1}
.StructureArea.MethodologyArea .MethodologyHead p{color:#fff;text-align:center;font-size:14px;line-height:22px}
.StructureArea.MethodologyArea .StructureBox:hover{background-color:#fff}
.StructureArea.MethodologyArea .StructureBox:hover h3{color:#000}
.StructureArea.MethodologyArea .StructureBox:hover p{color:#667085}