/* Basic reset for the widget */
.ece-swiper-container { margin: 20px 0; }
.ece-card { display: flex; justify-content: center; }
.ece-card-inner {
    display: flex;
    width: 100%;
    max-width: 900px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    min-height: 520px;
    padding: 15px;
    position: relative; /* needed for overlay */
}

/* Left image column */
.ece-left { flex: 0 0 45%; position: relative; }
.ece-image { width: 100%; height:100%; background-size: cover; background-position: center;border-radius: 12px; }

/* Right content column */
.ece-right { flex: 1; padding: 28px 36px; display: flex; flex-direction: column; justify-content: space-between; }
.ece-dates { font-size: 13px; letter-spacing: 0.06em; color: #2d2d2d; margin-bottom: 10px; text-transform: uppercase; font-weight: 600; }
.ece-title {  font-size: 40px; color: #003D29; margin: 0 0 16px;font-style:italic;font-weight:400;
    
}
.ece-desc { color: #7a7a7a; line-height: 1.8; font-size: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-top: 20px;  padding-bottom:20px;}

/* Footer with button */
.ece-footer { display: flex; justify-content: flex-end; align-items: center; }
.ece-link {
    /*background: linear-gradient(180deg, #ffd94d, #ffd200);*/
    color: #000;
    padding: 0px 0px 0px 10px;
    border-radius: 999px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    /*padding-right:10px;*/
    border: 1px solid #ddd;
}
.ece-link2 {
    /*background: linear-gradient(180deg, #ffd94d, #ffd200);*/
    color: #000;
    padding: 0px 0px 0px 10px;
    border-radius: 999px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    /*padding-right:10px;*/
    /*border: 1px solid #ddd;*/
}
.ece-link:hover {
     color: #003D29;
}
.ece-link2:hover {
     color: #003D29;
}
.ece-arrow { 
    /*display: inline-block; margin-left: 8px; background: #fff; height: 26px; width: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; */
    padding-left:10px;
    margin-bottom: -9px;
    
}

/* Swiper navigation overrides */
.ece-nav-next, .ece-nav-prev { background: #FEF37A; color: #000; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.ece-nav-next:after, .ece-nav-prev:after { display: none; }

.ece-swiper-container {
    padding-right: 500px;
    padding-left:50px;
}
.ece-tag{    padding: 0px 10px 0px 10px;
    background-color: #E5E5E4;
    width: fit-content;
    border-radius: 5px;
    text-transform: uppercase;
    color: #7C8073;
}
.ece-date{
    margin-top:10px;
        display: flex;
    gap: 50px;
}
.ece-card-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* sits above the card but below inner links */
}


/* Responsiveness */
@media (max-width: 991px) {
    .ece-card-inner { flex-direction: column; min-height: auto; max-width:100%;min-height: 100px; }
    .ece-left { flex: 0 0 auto; height: 260px; }
    .ece-right { padding: 10px; }
    .ece-title { font-size: 24px; }
    .ece-swiper-container {
    padding-right: 5px;
    padding-left:5px;
}
.ece-date{
    gap: 5px;
}
}