h4.parent-redline .oop-parent-name{color:#ffd5d5!important}h4.parent-blueline .oop-parent-name{color:#d5e3ff!important}#redline .oop-child-title,#blueline .oop-child-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;font-size:3.5rem}#redline .oop-child-title{color:#ffd5d5!important}#blueline .oop-child-title{color:#d5e3ff!important}#greenline .oop-child-title{color:#75af828a!important}#greyline .oop-child-title{color:#afafafc4!important}#redline>h4,#blueline>h4{height:3rem}#redline>h4::before,#blueline>h4::before{content:'FIRMWARE BY CATEGORIES';text-align:center;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-shadow:2px 2px 4px #fff;color:var(--wd-primary-color);font-size:30px}#greenline .oop-child-title,#greyline .oop-child-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;font-size:4rem;line-height:4.5rem}#greenline>h4::before,#greyline>h4::before{content:'SOLUTIONS';text-align:center;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-shadow:2px 2px 4px #fff;color:var(--wd-primary-color);font-size:30px}.oop-child-title{text-shadow:2px 2px 4px #fff}.parent-redline .oop-child-title{font-size:30px}.oop-child-term .oop-child-category{border:0 solid;margin:60px 20px 30px}.oop-child-term .oop-child-category .mtt-pic{background:#fff;position:relative;width:100%;block-size:calc(100% + 10px)!important;border-radius:0.5rem!important;overflow:hidden;transition:all 0.2s linear;padding:80px;box-shadow:0 0 6px var(--wd-primary-color)}.oop-child-term .oop-child-category .mtt-pic>img{transition:all 0.2s linear;height:200px;width:200px}.oop-child-term .oop-child-category .mtt-pic::after{content:'';position:absolute;top:50%;left:0;height:100%;width:20px;background:#fff;opacity:0;transition:all 0.2s linear;-webkit-transform:skewX(20deg) translateX(0) translateY(-50%);transform:skewX(20deg) translateX(0) translateY(-50%);-webkit-transition:all 0.3s linear}.oop-child-term .oop-child-category>div{position:relative}.oop-child-term .oop-child-category>div h4{-webkit-clip-path:polygon(50% 0%,100% 0,100% 35%,100% 63%,100% 80%,51% 100%,0 80%,0 51%,0% 35%,0 0);clip-path:polygon(50% 0%,100% 0,100% 35%,100% 63%,100% 80%,51% 100%,0 80%,0 51%,0% 35%,0 0);background:linear-gradient(to right,var(--wd-primary-color),#6088D6);padding:0 10px;color:#fff;min-height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute!important;border-radius:15px;overflow:hidden;top:-60px;left:50%;transform:translateX(-50%);width:calc(100% + 20px);font-size:24px;font-weight:500}.oop-child-term .oop-child-category>div>a{padding:10px 50px;font-size:16px;white-space:nowrap;color:#fff;display:inline-block;margin:0 auto;background:none;border:1px solid #fff;text-transform:capitalize;border-radius:30px;position:absolute;overflow:hidden;padding:17px 50px;background:linear-gradient(to right,var(--wd-primary-color),#6088D6);left:50%;transform:translateX(-50%);bottom:-24px}.oop-child-term .oop-child-category:hover{cursor:pointer;border-radius:0.5rem!important}.oop-child-term .oop-child-category:hover .mtt-pic::after{opacity:1;-webkit-transform:skewX(20deg) translateX(800px) translateY(-50%);transform:skewX(20deg) translateX(800px) translateY(-50%)}.oop-child-term .oop-child-category:hover .mtt-pic>img{transform:scale(1.2)}@media (min-width:768px) and (max-width:1024px){.oop-child-term .oop-child-category{margin:5.6rem 1rem 1.5rem}.oop-child-term .oop-child-category .mtt-pic{padding:1rem}.oop-child-term .oop-child-category>div h4{min-height:5.6rem;font-size:1.2rem}#redline>h4::before,#blueline>h4::before,#greenline>h4::before,#greyline>h4::before,.parent-redline .oop-child-title{font-size:1.8rem}.oop-child-term .oop-child-category>div>a{bottom:-20px;font-size:.8rem;padding:.8rem 2rem}}@media (max-width:768px){.oop-child-term .oop-child-category .mtt-pic{padding:.4rem}#redline>h4::before,#blueline>h4::before,#greenline>h4::before,#greyline>h4::before,.parent-redline .oop-child-title{font-size:1.4rem!important;white-space:nowrap}.oop-child-term .oop-child-category>div h4{top:-50px;min-height:4.5rem;width:calc(100% + 1rem);font-size:1.2rem}.oop-child-term .oop-child-category>div>a{font-size:.8rem;padding:.8rem 2rem}}