.upcoming-course{background:var(--section-background-color)}.upcoming-course .referral-page-container{padding-bottom:20px;padding-top:20px}.upcoming-course .title,.upcoming-course .title *{color:#f5f5f5;font-size:24px;font-style:normal;font-weight:700;letter-spacing:-.892px;line-height:100%}.upcoming-course .course-list{display:grid;gap:8px;grid-template-columns:1fr;margin-top:32px}.upcoming-course .course-list .course{background:#fff;border-radius:12px 12px 18px 18px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.upcoming-course .course-list .course .photo{background-position:50%;background-repeat:no-repeat;background-size:103%;padding-bottom:70.7%;position:relative}.upcoming-course .course-list .course .photo .date{background:var(--primary-color);border-radius:11px;display:flex;justify-content:center;left:9px;padding:6px 17px 7px;position:absolute;top:11px}.upcoming-course .course-list .course .photo .date .value,.upcoming-course .course-list .course .photo .date .value *{color:#e5f744;font-family:Neue Montreal;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.upcoming-course .course .course-name-wrapper{padding:27px 16px 0}.upcoming-course .course .course-name,.upcoming-course .course .course-name *{color:#212121;font-size:24px;font-style:normal;font-weight:700;letter-spacing:-.192px;line-height:100%;text-transform:uppercase}.upcoming-course .course .btn-wrapper{padding:14px 16px 24px}.upcoming-course .course button{background:var(--primary-color);border:none;border-radius:11px;color:#f5f5f5;cursor:pointer;display:block;font-family:Neue Montreal;font-size:18px;font-style:normal;font-weight:500;line-height:130%;padding:8px 15px;text-align:center;width:100%}.upcoming-course .course .description{display:none;height:var(--desc-height)}@media (min-width:370px){.upcoming-course .referral-page-container{padding-bottom:23px;padding-top:27px}.upcoming-course .title,.upcoming-course .title *{font-size:28px;letter-spacing:-.87px}.upcoming-course .course-list{gap:9px;margin-top:35px}.upcoming-course .course-list .course{border-radius:14px 14px 21px 21px}.upcoming-course .course-list .course .photo .date{border-radius:13px;left:11px;padding:7px 20.5px;top:12px}.upcoming-course .course-list .course .photo .date .value,.upcoming-course .course-list .course .photo .date .value *{font-size:16px}.upcoming-course .course .course-name-wrapper{padding:30px 19px 0}.upcoming-course .course .course-name,.upcoming-course .course .course-name *{font-size:28px;letter-spacing:-.225px}.upcoming-course .course .btn-wrapper{padding:17px 19px 28px}.upcoming-course .course button{border-radius:13px;font-size:21px;padding:9px 15px}}@media (min-width:767px){.upcoming-course .referral-page-container{padding-bottom:50px;padding-top:50px}.upcoming-course .title,.upcoming-course .title *{font-size:32px}.upcoming-course .course-list{gap:16px;grid-template-columns:1fr 1fr}.upcoming-course .course-list .course{justify-content:space-between}}@media (min-width:1099px){.upcoming-course .referral-page-container{padding-bottom:80px;padding-top:84px}.upcoming-course .title,.upcoming-course .title *{font-size:36px;letter-spacing:0}.upcoming-course .course-list{gap:32px;grid-template-columns:1fr 1fr 1fr;margin-top:56px}.upcoming-course .course-list .course{border-radius:17px 17px 18px 18px}.upcoming-course .course-list .course .photo .date{border-radius:17px;left:13px;padding:10px 26px 9px;top:16px}.upcoming-course .course-list .course .photo .date .value,.upcoming-course .course-list .course .photo .date .value *{font-size:21px}.upcoming-course .course .course-name-wrapper{padding:39px 22px 0}.upcoming-course .course .course-name,.upcoming-course .course .course-name *{font-size:36px;letter-spacing:-.288px}.upcoming-course .course .btn-wrapper{padding:9px 22px 24px}.upcoming-course .course button{border-radius:12px;font-size:18px;padding:11px 15px}.upcoming-course .course .description{color:#212121;display:block;font-family:Neue Montreal;font-size:18px;font-style:normal;font-weight:500;line-height:130%;margin-top:16px}}