.tabs{display:flex;justify-content:space-around;margin-bottom:20px}.tab{color:#191D23;border:none;padding:10px 20px;cursor:pointer;font-size:12px;background:#fff}.North-tab{color:#191D23;border:none;padding:10px 20px;cursor:pointer;font-size:12px;background:#fff}.tab:hover,.tab.active{border-bottom:1px solid #ccc}.North-tab:hover,.North-tab.active{border-bottom:1px solid #ccc}.south-images{display:flex;flex-wrap:wrap;gap:20px}.north-images{display:flex;flex-wrap:wrap;gap:20px}.south-image-item{width:calc(25% - 20px);padding:10px;text-align:left}.North-image-item{width:calc(25% - 20px);padding:10px;text-align:left;transition:transform 0.3s ease}.south-image-item img{width:100%}.North-image-item img{width:100%}.south-image-item p{margin-top:10px;font-size:14px;color:#333;margin-bottom:0}.south-image-item span{font-size:10px}.North-image-item p{margin-top:10px;font-size:14px;color:#333;margin-bottom:0}.North-image-item span{font-size:10px}.hidden{display:none}.south-image-item{position:relative}.North-image-item{position:relative}.vert-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.3s ease;background-color:rgb(0 0 0 / .6);padding:10px;border-radius:5px}.south-image-item:hover .vert-center{opacity:1}.North-image-item:hover .vert-center{opacity:1}.vert-center span{color:#fff;font-size:16px;font-weight:700;text-align:center}