.hover-box-effect{position:relative;overflow:hidden;width:100%;height:200px;box-shadow:0 4px 6px rgba(8,11,246,0.4);border-radius:10px;transition:box-shadow 0.3s ease-in-out}.hover-box-effect:hover{box-shadow:0 8px 12px rgba(0,0,0,0.2)}.hover-box-effect img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease-in-out;border-radius:10px}.hover-box-effect::before,.hover-box-effect::after{content:'';position:absolute;background-color:rgba(1,22,241,0.3);width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;z-index:10;border-radius:10px}.hover-box-effect::before{top:10%;left:10%}.hover-box-effect::after{bottom:10%;right:10%}.hover-box-effect:hover img{transform:scale(1.1)}.hover-box-effect:hover::before,.hover-box-effect:hover::after{opacity:1}.hover-box-effect a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;font-size:24px;color:white;background:rgba(0,0,0,0.7);border-radius:50%;padding:10px;opacity:0;transition:opacity 0.3s ease-in-out;text-decoration:none}.hover-box-effect:hover a{opacity:1}.hover-box-content{text-align:center;margin-top:15px}.hover-box-content h3{font-size:24px;font-weight:bold;color:#333;margin-bottom:10px}.hover-box-content p{font-size:14px;color:#555;margin-bottom:20px}.hover-box-content .hover-box-btn{display:inline-block;padding:10px 20px;font-size:16px;color:white;background-color:#0033CC;text-decoration:none;border-radius:5px;transition:background-color 0.3s ease-in-out}.hover-box-content .hover-box-btn:hover{background-color:#0e677c}.machine-hover-box{position:relative;width:100%;height:200px;overflow:hidden;margin:auto;border:3px solid rgba(0,0,255,0.2);border-radius:0px;box-shadow:0 8px 15px rgba(0,0,255,0.2);transition:box-shadow 0.3s ease-in-out}.machine-hover-box:hover{box-shadow:0 12px 25px rgba(0,0,255,0.3)}.machine-hover-box img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease-in-out}.machine-hover-box::before,.machine-hover-box::after{content:'';position:absolute;background-color:rgba(0,0,255,0.1);width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;z-index:10}.machine-hover-box::before{top:10%;left:10%}.machine-hover-box::after{bottom:10%;right:10%}.machine-hover-box:hover img{transform:scale(1.1)}.machine-hover-box:hover::before,.machine-hover-box:hover::after{opacity:1}.machine-hover-box a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;font-size:24px;color:white;background:rgba(0,0,128,0.7);border-radius:50%;padding:10px;opacity:0;transition:opacity 0.3s ease-in-out;text-decoration:none}.machine-hover-box:hover a{opacity:1}.machine-content{text-align:center;margin-top:15px}.machine-content h3{font-size:24px;font-weight:bold;margin-bottom:10px;color:#0033cc}.machine-content-box{margin-top:-10px;padding:15px;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,255,0.2);background-color:rgba(0,0,255,0.05);display:inline-block;text-align:left}.machine-content p{font-size:14px;color:#000;margin-bottom:15px}.machine-button{font-size:12px;padding:8px 15px;border:1px solid #0033cc;border-radius:5px;background-color:#0033cc;color:white;cursor:pointer;transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out}.machine-button:hover{background-color:#0056ff;color:white}