.program-tabs{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.program-tabs .tab{
    width:220px;
    border:none;
    cursor:pointer;
    padding:18px;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.program-tabs .tab::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:16px;
    border:2px solid transparent;
    transition:.35s;
}

.program-tabs .day{
    display:block;
    font-family:var(--heading-font);
    font-size:1.6rem;
    color:#7b1d1d;
    margin-bottom:6px;
}

.program-tabs small{
    color:#777;
    font-family:var(--body-font);

}

.tab-wrapper{
    background:#fff;
    border-radius:20px;
    padding:50px;
    box-shadow:0 15px 50px rgba(0,0,0,.08);
}



@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:none;
    }
}


@media(max-width:768px){

.program-tabs{

    flex-direction:column;

    align-items:center;

}

.program-tabs .tab{

    width:100%;

    max-width:340px;

}

.tab-wrapper{

    padding:30px 20px;

}

.section-title h2{

    font-size:2.2rem;

}

}


.program-timeline{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.program-card{

    display:grid;

    grid-template-columns:120px 1fr 90px;

    gap:25px;

    align-items:center;

    background:#fff;

    border-left:5px solid #7b1d1d;

    padding:22px;

    border-radius:14px;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.program-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.program-time{

    font-family:var(--heading-font);

    font-size:2rem;

    color:#7b1d1d;

}

.program-details h3{

    margin-bottom:6px;

    color:#7b1d1d;

}

.program-details p{

    color:#777;

}

.program-duration{

    background:#f4f4f4;

    padding:10px;

    border-radius:40px;

    text-align:center;

    font-weight:600;

}

.program-card.highlight{

    background:linear-gradient(135deg,#7b1d1d,#a82e2e);

    color:#fff;

    border-left:none;

}

.program-card.highlight h3,
.program-card.highlight p,
.program-card.highlight .program-time{

    color:#fff;

}

.program-card.highlight .program-duration{

    background:#f3c34d;

    color:#7b1d1d;

}

.break-card{

    background:#fff8e9;

    border-left:5px solid #f3c34d;

}

@media(max-width:768px){

.program-card{

    grid-template-columns:1fr;

    text-align:center;

    gap:15px;

}

.program-time{

    font-size:2.2rem;

}

.program-duration{

    width:120px;

    margin:auto;

}

}