.event-carousel-wrapper{width:100%;margin:20px 0;position:relative;overflow:hidden}.event-carousel-wrapper .swiper{position:relative!important;overflow:visible!important;padding:10px 40px!important}.event-carousel-wrapper .swiper-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important}.event-carousel-wrapper .swiper-slide{flex-shrink:0!important;height:auto!important}.event-carousel-wrapper .swiper-button-next,.event-carousel-wrapper .swiper-button-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;margin-top:0!important;z-index:10!important;width:40px!important;height:40px!important;background:white!important;border-radius:50%!important;box-shadow:0 2px 6px rgb(0 0 0 / .2)!important;display:flex!important;align-items:center!important;justify-content:center!important}.event-carousel-wrapper .swiper-button-prev{left:0px!important}.event-carousel-wrapper .swiper-button-next{right:0px!important}.event-carousel-wrapper .swiper-button-next::after,.event-carousel-wrapper .swiper-button-prev::after{font-family:Arial,sans-serif!important;font-size:36px!important;font-weight:700!important;color:#005a9c!important;content:'›'!important}.event-carousel-wrapper .swiper-button-prev::after{content:'‹'!important}.upcoming-events-header{width:100%;margin-bottom:25px;text-align:center}.upcoming-events-header h2{font-size:2em;font-weight:400;color:#132A13;margin:0;padding:15px 0;border-bottom:3px solid #005a9c;text-transform:uppercase;letter-spacing:1px}.event-card{display:flex;align-items:center;padding:15px;height:120px;min-height:120px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);border:1px solid #fff0;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:transform 0.2s ease,box-shadow 0.2s ease}.event-card:hover{transform:translateY(-2px)}.event-card.regular-event{border-color:#4caf50;background-color:#f0f8f0;color:#2e7d32}.event-card.wiladat-event{border-color:#2196f3;background-color:#e8f4fd;color:#1565c0}.event-card.shahadat-event{border-color:#757575;background-color:#f5f5f5;color:#424242}.event-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:15px;min-width:50px;text-align:center}.event-day{font-size:2em;font-weight:700;line-height:1}.event-month{font-size:.8em;font-weight:600;letter-spacing:1px}.event-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%}.event-title{font-size:1em;font-weight:700;margin:0 0 5px 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-time{font-size:.85em;margin:0}.loader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;border-radius:8px;background:#f9f9f9;border:1px dashed #ccc;color:#999;text-align:center;padding:15px}.ec-spinner{width:30px;height:30px;border:3px solid rgb(0 0 0 / .1);border-radius:50%;border-top-color:#005a9c;animation:ec-spin 1s ease-in-out infinite;margin-bottom:10px}@keyframes ec-spin{to{transform:rotate(360deg)}}.event-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.event-modal-content{background-color:#fff;margin:10% auto;padding:30px;border-radius:10px;width:90%;max-width:600px;position:relative;box-shadow:0 10px 30px rgb(0 0 0 / .3);animation:slideIn 0.3s ease;max-height:80vh;overflow-y:auto}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.event-modal-close{color:#999;float:right;font-size:32px;font-weight:700;position:absolute;top:15px;right:20px;cursor:pointer}.event-modal h2{margin-bottom:20px;font-size:1.8em;padding-right:40px}.modal-event-info{background-color:rgb(255 255 255 / .5);padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #005a9c}.modal-event-description{border-top:1px solid #eee;padding-top:20px}@media (max-width:640px){.upcoming-events-header h2{font-size:1.5em}.event-carousel-wrapper .swiper{padding:10px 15px}.swiper-slide{width:calc(50% - 10px);margin-right:10px}.event-card,.loader-card{height:auto;min-height:110px;padding:10px;align-items:center}.event-date-box{min-width:35px;max-width:35px;margin-right:8px}.event-day{font-size:1.4em}.event-month{font-size:.65em}.event-details .event-title{font-size:.85em;line-height:1.2;max-height:2.4em;margin-bottom:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-details .event-time{font-size:.72em;white-space:nowrap}.ec-spinner{width:25px;height:25px}.event-modal-content{margin:5% auto;padding:20px;width:95%;max-height:90vh}.event-modal h2{font-size:1.4em;padding-right:35px}.modal-event-info{padding:15px}.modal-event-info strong{min-width:60px}.event-carousel-wrapper .swiper-button-next::after,.event-carousel-wrapper .swiper-button-prev::after{font-size:28px!important;position:relative!important}.event-carousel-wrapper .swiper-button-prev::after{left:-2px!important}.event-carousel-wrapper .swiper-button-next::after{left:2px!important}}