.programs-container-main {
    position: relative;
    background: url(../images/DSC_1913.JPG) no-repeat center center fixed;
    height: 700px;
}

.programs-container-info {
    padding: 20px 150px;
}

@media (max-width: 768px) {
    .programs-container-info {
        padding: 30px 10px;
    }
}

.programs-row {
    position: relative !important;
}

.program-box {
    text-align: center;
    padding: 0;
    height: 450px; 
    position: relative;   
    clip-path: polygon(0% 100%, 50% 85%, 100% 100%, 100% 0%, 0% 0%);
}

@media (max-width: 768px) {
    .programs-container-main {
        position: relative;
        background: url(../images/DSC_1913.JPG) no-repeat center center fixed;
        height: 1800px;
    }
    
    .program-box {
        min-height: 350px;
    }
}

@media (max-width: 576px) {
    .programs-container-main {
        position: relative;
        background: url(../images/DSC_1913.JPG) no-repeat center center fixed;
        height: 1800px;
    }
    .program-box {
        min-height: 400px;
    }
}
 
.box-blue {
    background-color: rgb(145, 197, 210);
}

.box-red {
    background-color: rgb(238, 116, 114);
}

.box-purple {
    background-color: rgb(202, 167, 237);
}

.box-green {
    background-color: rgb(150, 198, 134);
}

.programs-banner-image {
    width: 100%;
    height: 200px;
    padding: 30px 0 10px 0;
    object-fit: cover;
}

.programs-banner-text {
    padding: 30px 0 10px 0;
    font-size: 20px;
}

/* youth and teen programs */

.programs-header {
    color: rgb(31, 31, 31);
    padding: 15px 30px;
    font-weight: 700;
}

.programs-subheader {
    font-weight: 700;
}

.programs-text {
    padding: 15px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    color: rgb(53, 53, 53);
}

.youth-teen-programs-header {
    background-color: rgb(235, 245, 247);
}

/* teen programs */

.teen-programs-header {
    color: rgb(96, 136, 247);
    padding: 15px 30px;
    font-weight: 700;
}

.clubhouse-header {
    font-size: 25px;
}


.sports-programs-header {
    background-color: rgb(253, 240, 240);
}

.sport-images {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.seniors-programs-header {
    background-color: rgb(247, 242, 252);
}

.preschool-programs-header {
    background-color: rgb(230, 243, 227);
}