.who-help {
opacity: 1;
}
.who-help__row {
display: flex;
}
@media screen and (max-width: 780px) {
.who-help__row {
flex-direction: column;
}
}
.who-help__left {
margin-right: 93px;
flex: 0 0 455px;
}
@media screen and (max-width: 1700px) {
.who-help__left {
margin-right: 40px;
}
}
@media screen and (max-width: 1500px) {
.who-help__left {
flex-basis: 350px;
}
}
@media screen and (max-width: 1300px) {
.who-help__left {
flex-basis: 450px;
}
}
@media screen and (max-width: 1100px) {
.who-help__left {
flex-basis: 400px;
}
}
@media screen and (max-width: 960px) {
.who-help__left {
flex: 0 0 50%;
margin-right: 30px;
}
}
@media screen and (max-width: 780px) {
.who-help__left {
margin-bottom: 30px;
max-width: 400px;
margin-right: 0;
}
}
.who-help__img {
border-radius: 20px;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1500px) {
.who-help__img {
max-height: 400px;
}
}
.who-help__right {
flex: 1 1 auto;
max-width: 1056px;
}
@media screen and (max-width: 960px) {
.who-help__title {
display: none;
}
}
@media screen and (max-width: 780px) {
.who-help__title {
margin-bottom: 30px;
}
}
.who-help__title.--mob {
display: none;
}
@media screen and (max-width: 960px) {
.who-help__title.--mob {
display: block;
}
}
.who-help__items {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media screen and (max-width: 960px) {
.who-help__items {
justify-content: unset;
flex-direction: column;
}
}
.who-help__item {
cursor: pointer;
position: relative;
border-radius: 100px;
font-weight: 700;
font-size: 20px;
color: #303030;
padding: 20px 30px 20px 50px;
background: #F2F5F8;
margin-bottom: 34px;
margin-left: 15px;
margin-right: 15px;
transition: all 0.3s;
}
.who-help__item p {
margin: 0;
}
.who-help__item p b, .who-help__item p strong {
font-weight: 400;
}
@media screen and (max-width: 960px) {
.who-help__item p b, .who-help__item p strong {
font-weight: 700;
color: #1c427f;
}
}
@media screen and (max-width: 1700px) {
.who-help__item {
font-size: 18px;
padding-left: 40px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item {
padding: 15px 20px 15px 35px;
font-size: 16px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 22px;
}
}
@media screen and (max-width: 960px) {
.who-help__item {
flex: unset !important;
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 780px) {
.who-help__item {
font-size: 14px;
padding: 12px 10px 12px 22px;
border-radius: 100px;
}
}
.who-help__item:hover {
background: #F03444;
color: #ffffff;
}
.who-help__item:hover p b, .who-help__item:hover p strong {
color: #ffffff;
}
.who-help__item:nth-child(1) {
flex: 0 0 382px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(1) {
flex-basis: 340px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(1) {
flex-basis: 290px;
}
}
.who-help__item:nth-child(2) {
flex: 0 0 407px;
margin-right: 60px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(2) {
flex-basis: 320px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(2) {
flex-basis: 280px;
}
}
.who-help__item:nth-child(3) {
flex: 0 0 429px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(3) {
flex-basis: 380px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(3) {
flex-basis: 330px;
}
}
.who-help__item:nth-child(4) {
flex: 0 0 557px;
margin-right: 17px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(4) {
flex-basis: 490px;
margin-right: 0;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(4) {
flex-basis: 440px;
margin-right: 0;
}
}
.who-help__item:nth-child(5) {
flex: 0 0 464px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(5) {
flex-basis: 410px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(5) {
flex-basis: 360px;
}
}
.who-help__item:nth-child(6) {
flex: 0 0 402px;
}
@media screen and (max-width: 1700px) {
.who-help__item:nth-child(6) {
flex-basis: 360px;
}
}
@media screen and (max-width: 1400px) {
.who-help__item:nth-child(6) {
flex-basis: 310px;
}
}
.who-help__item a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}