.catalog-specialists { background: #f1f1f1; display: flex; flex-direction: column; min-height: 100vh; &__content { display: flex; flex-direction: column; flex: 1; color: #000000; padding: 50px 0 0; @media (max-width: 1375px) { padding-top: 100px; } @media (max-width: 1000px) { background-color: white; } } &__head { display: flex; justify-content: space-between; margin-top: 23px; align-items: center; h2 { font-size: 30px; line-height: 32px; margin-bottom: 0; color: #000000; } } &__count { border-radius: 38px; border: 1px solid #e3e3e9; padding: 6px 32px 6px 6px; width: 100%; max-width: 450px; background: white; display: flex; justify-content: space-between; align-items: center; p { color: #777989; font-size: 16px; line-height: 19px; } } .count-info { &__imgWrapper { width: 46px; height: 46px; border-radius: 60px; border: 3px solid white; img { width: 43px; height: 43px; } } } &__items { position: relative; margin-top: 40px; width: 100%; display: grid; grid-gap: 24px; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 45px; } &__search-title { font-size: 25px; line-height: 32px; color: #000000; margin-bottom: 25px; } &__search-block { display: flex; justify-content: space-between; margin-bottom: 39px; input { border-radius: 5px; border: 0.5px solid #b0babf; background: #f4f4f4; outline: none; height: 50px; padding: 0 10px; font-size: 20px; width: 100%; } button { padding: 9px 36px; border-radius: 44px; border: none; background-color: #52b709; color: white; font-size: 16px; margin-left: 20px; } } &__employees { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 10px; row-gap: 25px; margin-bottom: 20px; } }