.courseSection{width:100%;max-width:150px;box-shadow:0px 0px 3px -1px var(--boxshadow);-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative}.examCourseLogo{background-color:#fff;width:79px;height:79px;padding:7px;transition:transform .3s;position:absolute;top:-30px;right:50%;transform:translate(50%)}.vectorarrow{margin:auto;position:absolute;bottom:-20px;left:0;right:0}.courseSection{background:#fff;border-radius:12px;width:100%;max-width:180px;min-height:90px;margin:0 auto;padding:45px 10px 15px;transition:all .3s;position:relative;box-shadow:0 0 3px -1px #00000047}.examCourseLogo{object-fit:contain;background:#fff;border-radius:50%;width:75px;height:75px;padding:6px;transition:all .3s;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.examCourseTitle{word-break:break-word;line-height:1.4}.courseSection:hover{color:#016fe9;font-weight:700;box-shadow:0 0 0 1px #016fe9,inset 0 0 0 1px #016fe9}.courseSection:hover .examCourseLogo{transform:translate(-50%)scale(1.2)}@media (max-width:992px){.courseSection{max-width:160px;min-height:90px}.examCourseLogo{width:70px;height:70px}}@media (max-width:768px){.courseSection{width:80%;max-width:100%;min-height:90px}.examCourseLogo{width:55px;height:55px}.examCourseTitle{font-size:12px}}@media (max-width:576px){.courseSection{min-height:90px;padding:35px 8px 12px}.examCourseLogo{width:65px;height:65px;top:-22px}.examCourseTitle{font-size:11px}.vectorarrow{max-width:90px;bottom:-10px}}@media (max-width:380px){.courseSection{min-height:90px;padding:32px 6px 10px}.examCourseLogo{width:55px;height:55px}.examCourseTitle{font-size:10px}}