section.solucoes-completas h2 {
    font-size: 2rem;
    text-align: center;
}

section.solucoes-completas {
    margin: 100px 0;
}

.solucoes-completas-content {
    display: grid;
    margin: 50px 0;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.solucoes-complestas-box {
    display: grid;
    /* grid-template-columns: 4fr 3fr; */
    gap: 1rem;
    /* background: #fff; */
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
}

.solucoes-complestas-box.box-green {
    grid-template-columns: 6fr 3fr;
}

.solucoes-complestas-box.box-red {
    grid-template-columns: 3fr 6fr;
}

.solucoes-complestas-box.box-red {
    background: #f3e2dc;
    border-radius: 1rem;
}

.solucoes-complestas-box.box-green {
    background: #c8d1cbf5;
    border-radius: 1rem;
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
}

.solucoes-completas-text h3 {
    font-size: 1.7rem;
    display: flex;
    flex-direction: column;
}

.solucoes-completas-text h3 .span-small {
    font-size: 16px;
}

.solucoes-completas-text h3 .span-red {
    color: #b83933;
}

.solucoes-completas-text h3 .span-green {
    color: #61a969;
}

.solucoes-completas-text {
    padding: 10px 20px;
}

ul.solucoes-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 6px;
}

.solucoes-complestas-img,
.solucoes-complestas-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

a.btn-red {
    border: solid 1px #b83933;
    padding: 10px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    gap: 0.5rem;
    background: #b83933;
    justify-content: center;
    flex-direction: row;
    margin: 20px 0;
    text-align: center;
    transition: ease-in-out 0.4s;
}

a.btn-red:hover {
    background: none;
    color: #b83933;
    transition: ease-in-out 0.4s;
}

a.btn-green:hover {
    background: none;
    color: #61a969;
    transition: ease-in-out 0.4s;
}

a.btn-green {
    border: solid 1px #61a969;
    padding: 10px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    gap: 0.5rem;
    background: #61a969;
    justify-content: center;
    flex-direction: row;
    margin: 20px 0;
    text-align: center;
    transition: ease-in-out 0.4s;
}

@media screen and (max-width: 1200px) {
    .solucoes-completas-content {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 992px) {}

@media screen and (max-width: 772px) {
    .solucoes-complestas-box {
        flex-direction: column;
        display: flex;
    }
}

@media screen and (max-width: 450px) {}