.candidateSidebar { display: flex; flex-direction: column; align-items: center; border: 2px solid whitesmoke; border-bottom: none !important; position: sticky; top: 80px; &__achievements { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 1rem; margin-bottom: 80px; } } .candidateSidebar__info { text-align: center; margin-top: 40px; } @media (max-width: 575.98px) { .candidateSidebar__info { margin-top: 140px; } } .candidateSidebar__info > img { width: 180px; height: 180px; border-radius: 100px; } .candidateSidebar__experience-title { font-family: 'GT Eesti Pro Display'; font-size: 1.8em; font-weight: normal; font-style: normal; letter-spacing: normal; line-height: 36px; margin-top: 20px; } .candidateSidebar__experience { font-family: 'GT Eesti Pro Display'; font-size: 3em; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: normal; } .candidateSidebar__select { width: 280px; height: 60px; border-radius: 100px; border: none; background-color: #73c141; color: #ffffff; font-family: 'Muller'; font-size: 1.6em; font-style: normal; letter-spacing: normal; line-height: normal; text-align: center; margin-top: 20px; margin-bottom: 40px; } .candidateSidebar__select:hover { background: rgba(0, 0, 0, 0); color: #73c141; box-shadow: inset 0 0 0 3px #73c141; } .candidateSidebar__info__l { font-family: 'GT Eesti Pro Display'; font-size: 1.8em; font-weight: 600; font-style: normal; letter-spacing: normal; line-height: 36px; text-align: center; } .candidateSidebar__arrows { display: flex; align-items: center; margin-top: 20px; } @media (max-width: 575.98px) { .candidateSidebar__info__l, .candidateSidebar__arrows { display: none; } } .arrow__left { position: relative; width: 30px; height: 30px; border-radius: 20px; background-color: #f6f6f6; } .arrow__left > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .arrows__sp { color: #705fa3; font-family: 'Circe'; font-size: 1.3em; font-weight: 400; font-style: normal; letter-spacing: normal; text-align: center; margin: 0 10px; } .arrow__right { position: relative; width: 30px; height: 30px; border-radius: 20px; background-color: #74be4d; } .arrow__right > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 1199px) { .candidateSidebar { flex-direction: row; padding-left: 16px; } .candidateSidebar__info { display: flex; flex-direction: column; } .candidateSidebar__info__e, .candidateSidebar__info__y { width: 180px; } }