.hero-banner{ 
    width: 100%;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 40px 0 60px;
}

.card-custom-course, .card-custom-course .card-block{ 
    height: 100% !important
 }

 .card-custom-course .card-block{ 
    display: flex;
    flex-direction: column;
 }

.card-custom-course, a{ 
    margin-top: auto;
}

.bg-yellow-light { 
    background-color: #fce350;
}

.max-width-btn{ 
    width: max-content;
}

.accordion-course#accordionExampleCourse .accordion-button{ 
    background-color: #337ab7;
    color: #fff;
    padding: 1.5rem;
    font-size: 1.4rem;
}

.accordion-course#accordionExampleCourse .accordion-button::after{ 
    filter: brightness(0) invert(1);
}