.body-carousel{position:relative;width:100%;height:300px;perspective:1000px;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform 1s ease}.carousel-item{padding:10px;position:absolute;width:600px;height:220px;backface-visibility:hidden;transition:transform 1s ease,opacity 1s ease;display:flex;flex-direction:column;align-items:start;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px;padding:20px}.item-content{overflow:hidden}.carousel-item.active{transform:scale(1)}.carousel-item h3{font-size:32px;margin:0;padding-bottom:5px}.carousel-item p{font-size:20px}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;font-size:20px;cursor:pointer;z-index:10}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;opacity:0;transition:opacity 1s ease}.modal.show{display:block;animation:fadeIn .6s ease forwards}.modal.hide{animation:fadeOut .6s ease forwards}.modalContent{position:relative;margin:0 auto;width:80%;background-color:#69c;padding:20px;border-radius:10px;border:3px solid #000;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-20px);opacity:0;animation:zoomIn .6s ease forwards;display:flex;flex-direction:column;justify-content:center}.modal.hide .modalContent{animation:zoomOut .6s ease forwards}.closeBtn{position:absolute;top:10px;right:20px;font-size:36px;cursor:pointer;color:#fff}.modalContent p{font-size:22px !important;margin:0;overflow:auto;color:#fff}.modalContent h1{font-size:28px;font-weight:700}.carousel-header{text-align:center}.modalContent h1,.modalContent p{color:#fff}@media (max-width:1024px){.carousel-item{width:500px;height:160px;padding:15px}.body-carousel{height:300px}.carousel-item p{font-size:16px}.carousel-item h3{font-size:28px}.carousel-button{font-size:18px;padding:8px}.modalContent p{font-size:20px}.modalContent{top:15%}}@media (max-width:767px){.carousel-item{width:400px;height:150px;padding:15px}.body-carousel{height:200px}.carousel-item h3{font-size:24px}.carousel-item p{font-size:14px}.modalContent p{font-size:16px}.modalContent{top:5%}}@media (max-width:480px){.carousel-item{width:300px;height:125px;padding:10px}.body-carousel{height:200px}.carousel-item h3{font-size:20px}.carousel-item p{font-size:14px}.modalContent p{font-size:16px}.carousel-button.next{display:none}.carousel-button.prev{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes zoomIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}