.tech-wrapr .heading{font-size:32px;line-height:1.2;position:relative}h1.heading:before{background:#ef4f37;content:"";height:22px;left:-78px;position:absolute;top:20px;width:30px}.tech-wrapr{background-position:center 30px;background-repeat:no-repeat;background-size:800px;padding:60px 0 330px;position:relative}.tech-wrapr.has-topcard-item{background-position:center 50px}.tech-wrapr.has-topcard-item .grid-wrapr{margin-top:50px}.clm>div img{box-sizing:border-box;height:84px;left:0;position:absolute;top:0;width:84px}.clm>div.has-back-img img.imgback{object-fit:cover;opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.clm>div.has-back-img:hover img.imgback{opacity:1}.clm{position:relative}.clm>div{position:absolute;transition:transform .6s;width:96px}.clm>div.card-item1{left:40%;top:-90px;transform:translateX(-50%)}.clm>div.card-item2{left:61%;top:-90px;transform:translateX(-50%)}.clm>div.card-item3{left:31%;top:10px;transform:translateX(-50%)}.clm>div.card-item4{left:70.5%;top:10px;transform:translateX(-50%)}.clm>div.card-item5{left:26%;top:122px;transform:translateX(-50%)}.clm>div.card-item6{left:76%;top:122px;transform:translateX(-50%)}.clm>div.card-item7{left:31%;top:235px;transform:translateX(-50%)}.clm>div.card-item8{left:71.5%;top:235px;transform:translateX(-50%)}.card-item,.card-item *{box-sizing:content-box}.card-item>.card-link{border:3px solid #002f43;bottom:0;height:80px;left:0;position:absolute;right:0;top:0;width:80px;z-index:1}.clm>div.has-back-img:hover img.imgfront{opacity:0}.clm>div.top-card-item{left:40%;top:-90px;transform:translateX(-50%)}@media(max-width:1599px) and (min-width:1251px){.clm>div.top-card-item{margin-top:-5%!important}}@media(max-width:1250px){.tech-wrapr{background-size:600px;padding:50px 0 235px}.tech-wrapr,.tech-wrapr.has-topcard-item{background-position:center 80px}.tech-wrapr .heading{margin-bottom:60px}.tech-wrapr .grid-wrapr .container{max-width:767px}.clm>div img{height:64px;width:64px}.clm>div.card-item1{left:41%;top:-80px}.clm>div.card-item2{left:64%;top:-80px}.clm>div.card-item3{left:29.5%;top:0}.clm>div.card-item4{left:76%;top:0}.clm>div.card-item5{left:24.5%;top:84px}.clm>div.card-item6{left:80%;top:84px}.clm>div.card-item7{left:30%;top:165px}.clm>div.card-item8{left:75%;top:165px}.clm>div.has-back-img:hover,.clm>div:hover{transform:rotateY(180deg) translateX(78%)!important}.card-item>.card-link{height:60px;width:60px}.clm>div.top-card-item{left:52.7%;margin-top:-10%}}@media only screen and (max-width:1366px){h1.heading:before{height:18px}}@media(max-width:767px){.tech-wrapr{background-size:cover;padding:50px 0}.tech-wrapr .heading{font-size:30px}h1.heading:before{height:15px;top:9px;width:25px}.tech-wrapr .grid-wrapr .container{max-width:400px}.clm{display:flex;flex-wrap:wrap}.clm>div{align-items:center;display:flex;flex:0 0 33.33%;justify-content:center;left:0!important;padding-bottom:20px;position:relative!important;top:0!important;transform:unset!important;width:33.33%!important}.clm>div.has-back-img:hover,.clm>div:hover{transform:rotateY(180deg) translateX(32px)!important}.card-item>.card-link{border:0}.clm>div img{border:3px solid #002f43;height:71px;position:relative;width:71px}.clm>div img.imgback{position:absolute!important}.card-item>.card-link{height:70px;width:70px}.clm>div.top-card-item{margin-top:0}}@media(max-width:440px){.tech-wrapr .grid-wrapr .container{max-width:280px}.clm>div.has-back-img:hover,.clm>div:hover{transform:rotateY(180deg) translateX(12px)!important}}@media(min-width:1251px){.clm>div.top-card-item{left:50%;margin-top:-2%}}@media(min-width:1600px){.tech-wrapr{background-size:1200px;padding:50px 0 660px}.tech-wrapr,.tech-wrapr.has-topcard-item{background-position:center 150px}.tech-wrapr .grid-wrapr .container{max-width:1550px}.clm>div{width:90px}.clm>div img{height:125px;width:125px}.clm>div.card-item1{left:38.5%;top:15px}.clm>div.card-item2{left:61%;top:15px}.clm>div.card-item3{left:28%;top:180px}.clm>div.card-item4{left:72%;top:180px}.clm>div.card-item5{left:22%;top:350px}.clm>div.card-item6{left:76.5%;top:350px}.clm>div.card-item7{left:27.5%;top:515px}.clm>div.card-item8{left:72.3%;top:515px;transform:translateX(-50%)}.clm>div.has-back-img:hover,.clm>div:hover{transform:rotateY(180deg) translateX(14%)!important}.card-item>.card-link{height:120px;width:120px}}.clm>div.has-back-img:hover,.clm>div:hover{transform:rotateY(180deg) translateX(58%)}