body {
    background: #F9F9F9;
}

.mpgtitle {
    margin-bottom: 0em;
    background: none;
    border-left: 0;
    padding: 0 .3em;
}

.mpgtitle .hdline {
    color: var(--main-dark-blue);
    font-size: 2.8rem;
}

.coursedetail_grid {
    width: 100%;
    --banner-gap: 1em;
    display: grid;
    margin-bottom: var(--banner-gap);
    grid-row-gap: var(--banner-gap);
    grid-column-gap: var(--banner-gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.coursedetail_grid h3 {
    margin-top: 1.5em;
}

.coursedetail_grid_4 {
    grid-column: span 4;
}

.coursedetail_grid_6 {
    grid-column: span 6;
}

.coursedetail_grid_12 {
    grid-column: span 12;
}

.coursedetail_head {
    display: flex;
    gap: 1em;
    align-items: flex-start;
    margin-top: 2em;
}

.coursedetail_head_img {
    width: 100%;
    height: auto;
    border-radius: 1em;
    box-shadow: 2px 2px 8px rgba(50, 50, 50, .1);
}

.head_left {
    flex: 1;
}

.head_right {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 35%;
    margin: 0;
}

.course_info {
    border-radius: 1em;
    padding: 1em 1.1em;
    background: #ffffff;
    box-shadow: 2px 2px 8px rgba(50, 50, 50, .1);
    display: flex;
    align-items: flex-start;
    gap: 0.7em;
}

.course_speaker {
    padding: 13px 25px;
    border-left: 1px solid #999;
    height: fit-content;
}

.speaker_company {
    margin-right: 5px;
}

.info-icon {
    width: 1.5em;
    height: 1.5em;
    color: var(--main-dark-blue);
    flex-shrink: 0;
}

.info_content {
    flex: 1;
}

.info_content_location {
    font-size: 0.9em;
}

.info_title {
    font-weight: bold;
    font-size: 1em;
    color: var(--main-dark-blue);
    margin: 0;
}

.info_content_location .info_title {
    font-size: 1.1em;
}

.info_text {
    font-weight: bold;
    font-size: 1em;
    margin: 0;
}

.course_CTA {
    text-align: center;
    background: #00303C;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: 1px solid #00303C;
    justify-content: center;
}

.course_CTA:hover {
    background: #FFF;
    color: #00303C;
}

@media(max-width: 768px) {}

@media(max-width: 992px) {
    .coursedetail_grid {}

    .coursedetail_grid_4,
    .coursedetail_grid_6,
    .coursedetail_grid_12 {
        grid-column: span 12;
    }

    .coursedetail_head {
        flex-direction: column;
    }

    .head_left,
    .head_right {
        flex: none;
        width: 100%;
        max-width: 100%;
    }
}

.fdb {
    margin: 5px 10px;
}

.fdb:hover {
    scale: 1.1;
    transition: all 0.5s ease-in-out;
}


.td_br {
    display: none;
}

.th_mob {
    display: none;
}

.th_des {
    display: inline;
}

@media(max-width: 992px) {

    .fdb {
        margin: 15px 0px 10px;
    }

    .td_br {
        display: inline;
    }

    .th_mob {
        display: inline;
    }

}