.programme-section {
	margin-top: 5%;
}

.programme-section h2 {
	text-align: center;
}
.programme-list{
    max-width:1000px;
    margin:auto;
}

.programme-item{

    margin-bottom:20px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    overflow:hidden;

    background:#171b22;
    transition:.35s;

}

.programme-item:hover{

transform:translateY(-4px);

border-color:rgba(247,148,29,.4);

box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.programme-header{

    width:100%;

    padding:30px;

    background:none;

    border:none;

    display:flex;

    justify-content:space-between;

    align-items:center;

    text-align:left;

    cursor:pointer;

    transition:.3s;

}

.programme-header:hover{

    background:rgba(255,255,255,.03);

}

.programme-type{

display:inline-flex;

padding:.45rem .9rem;

border-radius:30px;

background:rgba(247,148,29,.15);

color:#f7941d;

font-size:.75rem;

font-weight:700;

letter-spacing:.15em;

}

.programme-title h3{
	font-size:1.4rem;
	line-height:1.25;
	font-weight:600;
	color: var(--orange);
}

.programme-title p{

    margin-top:20px;
    color:#c7ced9;

}

.programme-toggle{
width:56px;
height:56px;
border:2px solid var(--primary);
border-radius:50%;
font-size:2rem;
transition:.3s;
color: var(--orange);

}

.programme-body{

max-height:0;

overflow:hidden;

transition:.45s ease;

padding:0 40px;

}

.programme-body h5 {
	color: var(--orange);
}

.programme-item.active .programme-body{

max-height:800px;

padding:20px 40px 40px;

}


.programme-item.active .programme-toggle{

    transform:rotate(45deg);

}

.programme-meta{

display:flex;

gap:.75rem;

flex-wrap:wrap;

margin-top:20px;

}

.programme-meta span{

padding:6px 14px;

background:#10141b;

border-radius:40px;

font-size:.8rem;

}

.programme-notice{
    display:flex;
    align-items:flex-start;
    gap:18px;

    padding:24px 28px;
    margin:0 auto 50px;

    max-width:1000px;

    background:rgba(247,148,29,.08);
    border:1px solid rgba(247,148,29,.25);
    border-left:5px solid var(--primary);

    border-radius:16px;
}

.programme-notice i{
    color:var(--primary);
    font-size:1.4rem;
    margin-top:3px;
    flex-shrink:0;
}

.programme-notice strong{
    color:#fff;
}

.programme-notice a{
    color:var(--primary);
    text-decoration:none;
    font-weight:600;
}

.programme-notice a:hover{
    text-decoration:underline;
}

@media (max-width:768px){

    .programme-notice{
        flex-direction:column;
        gap:12px;
    }

}