.hardware-software{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:100%}.hardware-software .box{box-shadow:0 0 1px #c2bfbb;display:block;overflow:hidden;position:relative;transition:all .3s ease;width:33.33333%}@media screen and (max-width:767px){.hardware-software .box{width:50%}}.hardware-software .box:hover{background-color:#f7f7f7}.hardware-software .box:hover .icon{opacity:1}.hardware-software .flip-container{height:250px;margin:50px auto;perspective:1000px;position:relative;width:100%}@media screen and (max-width:767px){.hardware-software .flip-container{height:150px;margin:20px auto}}.hardware-software .flipper{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.hardware-software .box:hover .flipper{transform:rotateY(180deg)}.hardware-software .back,.hardware-software .front{align-items:center;backface-visibility:hidden;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.hardware-software .front{z-index:2}.hardware-software .back{transform:rotateY(180deg)}.hardware-software .flip-container img{display:block;height:auto;max-height:100%;max-width:68%;object-fit:contain;width:auto}@media screen and (max-width:767px){.hardware-software .flip-container img{max-width:90%;padding:0}}.hardware-software .box h3{color:#ff8034}.hardware-software .box h3,.hardware-software .box p{bottom:0;padding-left:10%;position:relative;z-index:3}.hardware-software .box p{color:#4b4b4d;margin-bottom:50px}@media screen and (max-width:767px){.hardware-software .box p{margin-bottom:20px;margin-top:0;padding:0 10px}.hardware-software .box h3{font-size:15px;font-weight:600;min-height:60px;padding:3% 12px}}.hardware-software .box .icon{opacity:0;position:absolute;right:16px;top:16px;transition:all .3s ease;z-index:4}.hardware-software .box .icon:after{background-image:url(no_such_asset_in_module_asset_url);background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:36px;width:36px}.hardware-software .main-box{background-color:#4b4b4b;display:flex;flex-direction:column;height:480px;justify-content:flex-end;padding:8%;width:66.66667%}@media screen and (max-width:992px){.hardware-software .main-box{height:400px;width:100%}}@media screen and (max-width:767px){.hardware-software .main-box{height:auto}}.hardware-software .main-box h2{color:#fff}.hardware-software .main-box h1{margin-bottom:16px}.hardware-software .more-box{background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:flex-end;padding:3%}.hardware-software .more-box h2{color:#585858;margin-top:22px}.hardware-software .more-box .icon{opacity:1}.hardware-software .more-box .icon:after{background-image:url(no_such_asset_in_module_asset_url)}.hardware-software.more-single-products .box{width:25%}@media screen and (max-width:992px){.hardware-software.more-single-products .box{width:50%}}@media screen and (max-width:767px){.hardware-software.more-single-products .box{width:100%}}.hardware-software.more-single-products .box h3 span{color:#585858;display:block;font-size:16px}