.index-products {
    overflow-wrap: anywhere;
    padding: 40px 40px 40px 40px;
}
.index-products > h3 {
    padding: 20px 0px 20px 0px;
    font-size: 40px;
    color: var(--main-color);
    margin: 0;
}

.index-products > h4 {
    font-weight: normal;
    color: var(--main-text-color);
    padding: 0px 0px 60px 0px;
    font-size: 25px;
    margin: 0;
}

.index-products > .products-list {
    row-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: auto auto;
}
.list-item:hover {
    transform: translateY(-4px);
}
.list-item {
    transition: var(--transition);
    cursor: pointer;
    background: var(--third-color);
    padding: 20px;
    color: white;
}
.list-item > h5 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.list-item > h6 {
    color: var(--third-text-color);
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.list-item > div {
    font-size: 14px;
    padding-top: 20px;
}


.index-products {
    padding: 40px 40px 40px 40px;
}
.index-products > h3 {
    padding: 20px 0px 20px 0px;
    font-size: 40px;
    color: var(--main-color);
    margin: 0;
}


.index-products > h4 {
    font-weight: normal;
    color: var(--main-text-color);
    padding: 0px 0px 60px 0px;
    font-size: 25px;
    margin: 0;
}

.index-products > .products-list {
    row-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: auto auto;
}