nav li a.active {color: #fdc93b;font-weight: bold;}
ul.menu li a {text-decoration: none;}
div.btns {margin-top: 30px;}
div.btns a {
  text-decoration:none;font-size: 0.9rem;padding: 13px 35px; background-color: #fff; font-weight: 600;border-radius: 5px;
}

div.btns a.blue {color: #fff;background-color: #7c2448;transition: 0.5s ease;}
div.btns a.blue:hover {color: #7c2448;background-color: #fff;}

div.btns a.yellow {color: #fff;background-color: #fdc93b;transition: 0.5s ease;}
div.btns a.yellow:hover {color: #7c2448;background-color: #fff;}

#courses {padding: 1vw 1vw 0 1vw;text-align: center;}
#courses .course-box {display: grid; grid-template-columns: 1fr 1fr;grid-gap: 1rem; margin-top: 20px;}
#courses .course {text-align: start;background: #f9f9f9;height: 100%;box-shadow: 4px 6px 0 rgba(255,255,255,0.7);position: relative;}
#courses .course img {width: 100%;height: 60%;background-size: cover;background-position: center;}
#courses .course .details {padding: 15px 15px 0 15px;}
#courses .course .certificate {background-color: rgb(74,74,139); color: #fff;width: 70px;height: 70px;line-height: 70px;text-align: center;border-radius: 50%;font-weight: bold;right: 15px;bottom: 150px;position: absolute;} /*702822572*/