.main-need__card {
    width: 100%;
    border-radius: 8px;
    background-color: var(--color-backgroud-gray);
}

.main-need__card .title {
    background-color: var(--color-primary);
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: var(--color-white);
    text-align: left;
    font-size: 16px;
    padding: 16px;
    margin: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.main-need__card:hover .title {
    background-color: var(--color-green-hover);
}

.main-need__card .main-need__card--foot {
    display: flex;
    text-decoration: none;
}

.main-need__card .main-need__card--foot p {
    width: 81%;
    background-color: var(--color-backgroud-gray);
    margin-bottom: 0;
    border-bottom-left-radius: 5px;
    color: var(--color-black);
    font-size: 16px;
    text-align: start;
    padding: 16px;
}

.main-need__card .main-need__card--foot img {
    border-bottom-right-radius: 5px;
    padding: 12px;
    transition: var(--transition);
}

.main-need__card .main-need__card--foot p,
.main-need__card .main-need__card--foot img {
    height: 48px;
}

.main-need__card:hover .main-need__card-foot--image-block {
    background-color: var(--color-orange-hover);
    transition: var(--transition);
}

.main-need__card .main-need__card-foot--image-block {
    display: flex;
    justify-content: center;
    background-color: var(--color-orange);
    width: 20%;
    border-bottom-right-radius: 4px;
}

.main-need__card .main-need__card-foot--image-block img {
    max-width: 48px;
}