.study-program {
    margin: 72px auto 0;
    width: 100%;
    max-width: 1300px;
    box-sizing: border-box;
}

.study-program .study-program-container {
    margin: 48px 0 8px 0;
    display: flex;
    flex-direction: column;
    padding: 0 16px;
}

.study-program .study-program-container .heading-text {
    text-align: center;
    width: 100%;
}

.study-program .study-program-container .heading-text .leading-text {
    font-size: var(--f6);
    font-weight: 600;
    color: var(--color-secondary);
    text-align: center;

}

.study-program .study-program-container .heading-text .desc {
    font-weight: normal;
    font-size: var(--f3);
    margin-bottom: 24px;
    color: var(--color-leading-text);
}
.study-program .study-program-container .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.study-program .study-program-container .content .box-container {
    padding: 24px;
    border-radius: 8px;
    border: rgb(0 0 0 / 9%) 0.5px solid;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.study-program .study-program-container .content .box-container:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0.5px var(--color-secondary) solid;
}
.study-program .study-program-container .content .box-container:nth-child(3n+2):hover{
    border: 0.5px var(--color-accent) solid;
}
.study-program .study-program-container .content .box-container:nth-child(3n+2):hover .leading-text{
    color: var(--color-accent);
}
.study-program .study-program-container .content .box-container:nth-child(3n+3):hover{
    border: 0.5px var(--color-accent-2) solid;
}
.study-program .study-program-container .content .box-container:nth-child(3n+3):hover .leading-text{
    color: var(--color-accent-2);
}

.study-program .study-program-container .content .box-container:hover .leading-text{
    color: var(--color-secondary);
    display: flex;
}

.study-program .study-program-container .content .box-container .leading-text {
    font-size: var(--f4);
    font-weight: 600;
    color: var(--color-leading-text);
    transition: all 0.3s ease-in-out;
    text-align: start;
    line-height: 1.2;
}
.study-program .study-program-container .content .box-container .leading-text:nth-child(3){
    margin-top: 8px;
}
.study-program .study-program-container .content .box-container .desc {
    font-size: var(--f2);
    line-height: 1.5;
    color: var(--color-desc);
    text-align: start;
    margin-top: 4px;
    opacity: 0.8;
}


.study-program .study-program-container .content .box-container:hover .desc {
    color: var(--color-accent-3);
}

@media screen and (max-width: 468px) {

    .study-program .study-program-container .content {
        grid-template-columns: 1fr;
    }

    .study-program .study-program-container .content .box-container .leading-text {
        font-size: var(--f3);
        font-weight: 500;
    }
    
    .study-program .study-program-container .content .box-container .desc {
        font-size: var(--f2);
    }
}