.main{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{color:#fff;padding:20px;text-align:center;width:100%;font-size:28px;margin-top:0}.card{width:900px;margin:20px;text-align:center;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:220px;opacity:0;transform:translateY(100px) rotateY(15deg);transition:all .5s ease;animation:bounceIn 1s forwards;border:2px solid transparent;background-size:cover;background-position:center}.card:hover{transform:scale(1.05) rotateY(5deg);box-shadow:0 10px 30px #0000004d;background-color:#f0f0f0;cursor:pointer}@keyframes bounceIn{0%{opacity:0;transform:translateY(100px) rotateY(15deg)}50%{transform:translateY(-10px) rotateY(5deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}.slide-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.card:nth-child(1){animation-delay:.3s}.card:nth-child(2){animation-delay:.6s}.card:nth-child(3){animation-delay:.9s}.card:nth-child(4){animation-delay:1.2s}.card:nth-child(5){animation-delay:1.5s}.card:hover{transform:scale(1.1) rotate(3deg);box-shadow:0 8px 16px #0003}.card.flip{transform:rotateY(180deg);transition:transform .5s ease}.card:hover.flip{transform:rotateY(180deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.card-container{animation:fadeIn 1s ease-out}.slideshow-container1{display:flex;justify-content:flex-start;margin-top:20px;width:100%;overflow-x:auto;gap:20px;flex-wrap:wrap;padding:20px}.card1{width:220px;text-align:center;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,opacity .5s ease;height:220px;opacity:0;animation:fadeIn 1s forwards,shuffle 5s ease-in-out infinite;margin-left:10px;margin-right:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shuffle{0%,to{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(20px)}75%{transform:translate(-20px)}}.card1:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 4px 16px #0003}.card1 h4{color:#0d1164;font-size:18px;margin-bottom:10px}.card1 p{font-size:16px;color:#555;line-height:1.6}.card1 strong{font-weight:700}@media screen and (max-width: 768px){.card1{width:180px;height:200px}h1{font-size:24px}}@media screen and (max-width: 480px){.card1{width:150px;height:180px}}