
/* Section 1 */
.c-programs-banner {
    background-size: cover;
    background-position: center center;
}

.c-programs-banner__wrapper {
    display:flex;
    padding-block:var(--space-l-3xl);
}

.c-programs-banner__columns {
    background-color:rgba(255,255,255,.8);
    padding:var(--space-xl) var(--space-m);
    min-width:min(450px, 100%);
    flex-basis:55%;
    box-sizing: border-box;
    border-radius: 5px;
}

.c-programs-banner__header {
    margin-inline: auto;
    overflow: hidden;
    position: relative;
    /* Added for line-height fix */
    padding-block: 1%;
}

.c-programs-banner__heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    color:var(--pine);
}

/* Animation sizer */
.c-programs-banner__heading--first {
    position: relative;
}

@media(max-width: 768px) {
    .c-programs-banner__columns {
        flex-basis:auto;
        margin-inline:auto;
    }
}

/* Section 2 */
.c-programs {
    background:var(--white);
    padding-block:var(--space-l);
}
.c-programs__container {
    display:flex;
    flex-direction: column;
    gap:var(--space-s);
}
.c-program {
    width:100%;
    position: relative;
    filter:drop-shadow(0px 3px 6px rgba(0,0,0,.3));
}
.c-program__top {
    color:var(--white);
    display:flex;
    justify-content: space-between;
    align-items:center;
    background:var(--corporategreen);
    padding:var(--space-xs) var(--space-s);
    border-start-start-radius:var(--border-radius);
    border-start-end-radius:var(--border-radius);
    border-end-start-radius:0;
    border-end-end-radius:0;
    cursor: pointer;
    transition: .5s ease-in-out;
}
.c-program__arrow {
    display:block;
    margin-top:0;
    transition: .5s ease-in-out;
}
.c-program__arrow svg {
    transform:rotate(-180deg);
    transition: .5s ease-in-out;
}

@media (hover:hover) {
  .c-program__top:hover .c-program__arrow {
    transform:scale(1.1);
    transform-origin: center center;
  }
  .c-program__top:hover {
    color:var(--medallion);
  }
}

.c-program__body {
    overflow:auto;
    max-height:300px;
    height:auto;
    background:var(--powder);
    border-end-start-radius:var(--border-radius);
    border-end-end-radius:var(--border-radius);
    transition:max-height .5s ease-in-out;
}

.c-program__inner {
    padding:var(--space-m);
    width:100%;
    height:100%;
    box-sizing: border-box;
}

.c-program--closed .c-program__top {
    border-end-start-radius:var(--border-radius);
    border-end-end-radius:var(--border-radius);
}
.c-program--closed .c-program__body {
    max-height:0;
}
.c-program--closed .c-program__arrow svg {
    transform:rotate(0deg);
}