.carousel{box-sizing:border-box;position:relative;overflow:hidden;padding:4rem 0;perspective:1000px;max-width:1200px;margin:0 auto}.carousel-track{max-width:80%;height:500px;margin:0 auto;position:relative;transform-style:preserve-3d}.card{width:320px;max-width:90%;height:550px;overflow:hidden;border:1px solid #000;border-radius:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 0.5s ease-in-out,opacity 0.5s ease-in-out;background-color:#fff;display:flex;flex-direction:column}.center-card{z-index:10;opacity:1;transform:translate(-50%,-50%) translateX(0px) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.left-card-1{z-index:5;opacity:0.7;transform:translate(-50%,-50%) translateX(-300px) translateZ(-100px) scale(0.9)}.left-card-2{z-index:5;transform:translate(-50%,-50%) translateX(-500px) translateZ(-200px) scale(0.9)}.right-card-1{z-index:5;opacity:0.7;transform:translate(-50%,-50%) translateX(300px) translateZ(-100px) scale(0.9)}.right-card-2{z-index:5;transform:translate(-50%,-50%) translateX(500px) translateZ(-200px) scale(0.9)}.hidden-card{opacity:0;z-index:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}.card-image{width:100%;height:220px;object-fit:cover;flex-shrink:0}.card-content{padding:0px 10px 30px 10px;text-align:center;flex:1;display:flex;flex-direction:column;margin-top:10px}.card-heading{font-size:1.75rem;margin:10px 0 0 0}.card-action{display:inline-flex;align-items:center;background-color:#0a51a1;color:#fff;border-radius:20px;padding:5px 16px;text-decoration:none;transition:all 0.5s ease;margin-top:auto;align-self:center;letter-spacing:0.2em;font-weight:400;outline:none;user-select:none}.action-arrow{opacity:0;max-width:0;transform:translateX(-10px);transition:all 0.5s ease;display:block;color:#fff}.card-action:hover{padding-right:20px}.card-action:hover .action-arrow{opacity:1;max-width:20px;transform:translateX(0);margin-left:8px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:50;background-color:#0a51a1;color:#fff;border:none;width:36px;height:36px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.5s ease}.prev-btn{left:20px}.next-btn{right:20px}@media (max-width:768px){.carousel-track{max-width:90%}.left-card-1,.right-card-1{z-index:0;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}}@media (max-width:420px){.card{height:550px}}