.solutionsNav{margin:60px 0 40px}.solutionsNav ul{display:flex;align-items:center;flex-wrap:wrap}.solutionsNav ul li{height:60px;padding:0 30px;margin-right:30px;transition:all .5s}.solutionsNav ul li:last-child{margin-right:0}.solutionsNav ul li a{display:block;line-height:60px;color:#333333CC;font-size:18px;font-family:'OpenSansSemiBold';transition:color .5s}.solutionsNav ul li.solutionsNavActive{background:var(--bgcolor);box-shadow:0 10px 15px -3px rgba(17,40,139,0.40),0 4px 6px -4px rgba(17,40,139,0.40)}.solutionsNav ul li.solutionsNavActive a{color:var(--white)}.solutionsMain ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.solutionsMain ul>li{width:calc(33% - 15px);margin-bottom:30px;transition:all .5s}.solutionsMain ul>li:last-child:nth-child(3n - 1){margin-right:calc(33% + 1.5% / 2)}.solutionsMain ul>li:last-child:nth-child(3n - 2){margin-right:calc(66% + 3% / 2)}.solutionsMain .img{position:relative}.solutionsMain .img::before{opacity:1;content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border:12px solid rgba(255,255,255,0.60);transition:opacity .5s}.solutionsMain .txt{padding:30px;background:var(--white);transition:all .5s}.solutionsMain h3{font-size:22px;line-height:30px;font-family:'OpenSansSemiBold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .5s}.solutionsMain p{color:#454545;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 20px}.solutionsMain span{color:#454545;display:flex;align-items:center;transition:color .5s}.solutionsMain span i{opacity:0;display:inline-block;margin-left:10px;font-size:18px;color:var(--bgcolor);transform:translateX(0px);transition:all .5s}@media(any-hover:hover){.solutionsNav ul li:hover{background:var(--bgcolor);box-shadow:0 10px 15px -3px rgba(17,40,139,0.40),0 4px 6px -4px rgba(17,40,139,0.40)}.solutionsNav ul li:hover a{color:var(--white)}.solutionsMain ul>li:hover .img::before{opacity:0}.solutionsMain ul>li:hover{box-shadow:0 0 24px 0 rgba(17,40,139,0.16)}.solutionsMain ul>li:hover .txt{background:var(--gray)}.solutionsMain ul>li:hover h3,.solutionsMain ul>li:hover .txt>span{color:var(--bgcolor)}.solutionsMain ul li:hover .txt>span i{opacity:1;transform:translateX(10px)}}@media(max-width:1280px){.solutionsMain ul>li{width:calc(50% - 10px)}}@media(max-width:1024px){.solutionsMain .txt{padding:30px}}@media(max-width:750px){body{background:var(--gray)}.solutionsNav ul li{border-radius:5px;height:40px;padding:0 15px;margin-right:15px;margin-bottom:15px;background:var(--white)}.solutionsNav ul li a{line-height:40px!important;font-size:14px}.solutionsNav ul li:last-child,.solutionsMain ul>li:last-child{margin-bottom:0}.solutionsNav ul li.solutionsNavActive{box-shadow:0 2px 24px -3px rgba(17,40,139,0.30)}.solutionsMain ul>li{width:100%;margin-bottom:25px;box-shadow:0 2px 8px 0 rgba(17,40,139,0.10);border-radius:5px;margin-right:0!important}.solutionsMain .img::before{border-width:8px}.solutionsMain .img img{border-radius:5px 5px 0 0}.solutionsMain .txt{padding:15px;border-radius:0 0 5px 5px}.solutionsMain .txt li,.solutionsMain li span{line-height:1!important}.solutionsMain h3{font-size:18px;margin-bottom:8px}.solutionsMain .txt p{font-size:14px;margin-bottom:15px}.solutionsMain .txt>span{font-size:14px}.solutionsMain .txt>span i{opacity:1;margin-left:8px;font-size:16px;color:var(--fttcolor)}}