section{
    display: flex;
    flex-direction: column;
    align-items: center;
}
section#home div.banner{
    --height: auto;
    flex-grow: 1;
}
section#home h1{
    font-family: 'Afacad-Bold';
    font-size: calc(var(--font-size-h1) * 0.75);
}
section#home p{
    font-family: 'Afacad-SemiBoldItalic';
    font-size: calc(var(--font-size-general) * 1.85);
    width: 90%;
}
section#home a{
    margin-top: 1em;
    font-size: calc(var(--font-size-general) * 1.5);
    white-space: nowrap;
    width: min-content;
}
section#about h2{
    border-bottom: var(--underline-light-background);
    color: var(--text-light-background);
}
section#about p{
    max-width: var(--content-max-width);
    display: flex;
    flex-direction: column;
    gap: calc(4 * var(--gap));
}
section#about > :last-child{
    margin: calc(4 * var(--gap)) 0;
}
section#developments{
    background-color: var(--secondary);
}
section#developments h2{
    border-bottom: var(--underline-dark-background);
    color: var(--text-dark-background);
}
section#testimonials h2{
    border-bottom: var(--underline-light-background);
    color: var(--text-light-background);
}
#slider-testimonials .collection{
    --v: 3 !important;
}

@media only screen and (max-width: 1024px) {
    #slider-testimonials .collection{
        --v: 2 !important;
    }
}
@media only screen and (max-width: 600px) {
    #slider-testimonials .collection{
        --v: 1 !important;
    }
    section#home p{
        font-size: calc(var(--font-size-general) * 1.5);
    }
}
#slider-testimonials div.item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--gap) * 10);
    padding: var(--container-padding);
}
#slider-testimonials div.item:nth-child(odd){
    background-color: var(--secondary);
    color: var(--text-dark-background);
}
#slider-testimonials div.item img{
    margin-top: 10%;
    width: 70%;
    aspect-ratio: 5/3;
    height: min-content;
    border-radius: 3em;
}
#slider-testimonials div.item q{
    text-align: center;
    font-size: calc(0.8 * var(--font-size-h5));
}
section#programs{
    background-color: var(--secondary);
}
section#programs p{
    color: var(--text-dark-background);
}
section#programs > *:not(.CTA){
    width: 100%;
    max-width: var(--content-max-width);
}
section#programs h2{
    border-bottom: var(--underline-dark-background);
    color: var(--text-dark-background);
}
section#programs .content{
    display: grid;
    grid-template-columns: min-content min-content 1fr;
    grid-template-rows: min-content;
    grid-auto-rows: min-content;
    width: 100%;
    height: min-content;
    padding: var(--container-padding);
    max-width: var(--content-max-width);
    align-items: start;
    gap: calc(6 * var(--gap));
}

@media only screen and (max-width: 700px) {
    section#programs .content{
        grid-template-columns:  1fr 1fr;
    }

    section#programs .content div:last-child{
        grid-column: 1 / -1;
        height: 15em !important;
    }
}

@media only screen and (max-width: 1024px) {
    section#programs .content li h3{
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    section#programs .content{
        grid-template-columns:  1fr;
    }
    section#programs .content li h3{
        font-size: 18px;
    }
}

section#programs .content > *{
    height: min-content;
}
section#programs .content li{
    display: flex;
    flex-direction: column;
}
section#programs .content li :is(h3, p){
    padding: 0;
}
section#programs .content li h3{
    font-size: 25px;
}
section#programs .content li p{
    grid-column: 1/-1;
}
section#programs .content :is(li > h3, h3){
    white-space: nowrap;
    text-shadow: 0 0 1px black;
    color: var(--accent);
}
@media only screen and (max-width: 675px) {
    section#programs .content :is(li > h3, h3){
        white-space: normal;
    }
}
section#programs .content div:last-child{
    position: relative;
    height: 100%;
    width: 100%;
}
section#programs .content div:last-child img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section#programs .content h3{
    color: var(--primary);
}
section#programs .content li{
    color: var(--text-dark-background);
}
section#programs .content li.link:hover::before{
    content:  url('data:image/svg+xml;charset=UTF-8,<svg height="1em" viewBox="0 0 30 30" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M22.8281 16.875H0V13.125H22.8281L12.3281 2.625L15 0L30 15L15 30L12.3281 27.375L22.8281 16.875Z" fill="inherit"></path></svg>');
}
section#programs a.CTA{
    margin-top: auto;
    margin-bottom: 2em;
}