.select { margin-right: 50px; height: 35px; border-radius: 10px; border: 1px solid var(--gray_stroke, #D0D2D8); width: 200px; padding-left: 10px; option { padding-left: 10px; } &__container { display: flex; width: 93%; margin-top: 30px; } } .addUsers { &__search { border-radius: 10px; border: 1px solid var(--gray_stroke, #D0D2D8); height: 70px; width: 100%; font-family: Montserrat; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 40px; } } .profile { &__container { margin-top: 200px; display: flex; justify-content: space-between; } &__user { &_img { &_container { display: flex; flex-direction: column; margin-right: 50px; } } &_container { display: flex; width: 50%; } &_info_container { text-align: left; margin-top: 20px; display: flex; text-align: left; flex-direction: column; } &_fullName { color: #000; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; span { color: #FD0; } } &_spaciality { color: #000; font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 25px; } &_socialMedia { color: #000; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 25px; } &_email { color: #000; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 25px; } &_role { color: #000; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 20px; } &_progress { &_container { display: flex; justify-content: center; align-items: center; margin-top: 20px; } &_line { height: 2px; width: 140%; background: linear-gradient(90deg, #ffdd00,#d0d2d8); padding: 0 30px 0 30px; margin: 0 10px 0 10px; } } } } .addUser { &__cards_container { display: flex; justify-content: space-between; margin-top: 120px; } &__card { &_container { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 48%; border-radius: 10px; border: 1px solid var(--gray_stroke, #D0D2D8); } &_text { color: #000; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 34px; } } } .round { border-radius: 80%; height: 50px; border: 1px solid var(--yellow, #FD0); background: var(--yellow, #FD0); width: 50px; display: flex; justify-content: center; align-items: center; color: #000; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; }