body{font-family:Arial,sans-serif;margin:0;padding:0}.section-title{text-align:center;font-size:30px;font-weight:700;color:#104b97;padding-bottom:10px}.carousel-container{position:relative;max-width:12000px;padding:20px;background-color:#e5e7eb;border-radius:10px;margin:0 auto 20px}.carousel{display:flex;align-items:center;justify-content:center;position:relative}.carousel-track{display:flex;width:80%;overflow:hidden;gap:15px}.card1{min-width:30%;height:500px;position:relative;text-align:center;background-color:#c4c4c4;border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease-in-out}.card1:hover{transform:scale(1.03)}.image-container{position:relative;overflow:hidden}.image-container,.main-image{height:100%;width:100%;border-radius:8px}.main-image{object-fit:cover;transition:transform .3s ease-in-out}.card1:hover .main-image{transform:scale(1.1)}.overlay{top:0;height:100%;background-color:rgba(0,0,0,.4);border-radius:8px}.caption,.overlay{position:absolute;left:0;width:100%}.caption{bottom:10px;color:white;font-weight:700;text-align:center;padding:10px;font-size:18px;z-index:3}.progress-bar{position:absolute;bottom:0;left:0;width:0;height:4px;background-color:#104b97;animation:progress-animation 5s linear infinite}@keyframes progress-animation{0%{width:0}to{width:100%}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:10px;color:black;font-weight:700;font-size:18px;background-color:rgba(255,255,255,.8);border:none;border-radius:50%;z-index:3;user-select:none}.prev{left:15px}.next{right:15px}.next:hover,.prev:hover{background-color:#555;color:white}@media (max-width:768px){.carousel-track{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;gap:10px}.card1{min-width:90%;height:200px;margin:0 auto}.caption{font-size:14px;padding:10px}.next,.prev{display:none}}