.date-section {
    height: 30rem;
    padding: 0 1.5rem;
}

.date-number {
    width: 10.5rem;
    background-color: var(--color-primary);
}

.date-content {
    width: calc(100% - 10.5rem);
    gap: .6rem;
}

.date-number, .date-content {
    gap: 1.4rem !important;
}

.date-number > h2, .date-content > section {
    height: calc((100% - (1.4rem * 3)) / 4);
}

.date-number > h2 {
    color: #fff;
}

.date-content > section {
    padding: 0 .5rem;
    border: .1rem solid #00B293;
    border-left: none;
}

.date-content > section > p {
    text-align: start;
}


.teacher-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: linear-gradient(263deg, #FFFFFF 0%, #E0F6F0 46%, #00B293 100%)
}

.teacher-section > img {
    width: 10rem;
    height: 10rem;
}

.teacher-text {
    flex: 1;
}

.teacher-text > p {
    color: var(--color-primary);
    text-align: end;
}

.right-section > h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--color-primary);
}