/* Section 2 */ 

.sec2-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 64px;
}

.sec2-div p {
    text-align: left;
    display: block;
    width: 180px;
    height: 72px;
    border-radius: 2px;
    background-color: #00A9BA;
    margin-bottom: 16px;
    padding: 16px;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

/* Antes e depois */ 



.antes-depois .subtitle2 {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #D9D9D9;
    max-width: 940px;
    padding: 32px;
}

.antes-depois .subtitle2 h2{
    color: #737373;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.antes-depois .subtitle2 p{
    color: #737373;
    font-size: 16px;
    margin-top: 10px;
}

.antes-depois .bg {
    text-align: center;
}

.antes-depois .bg a {
    display: inline-block;
    margin: 16px 0;
    padding: 8px 16px;
    border: 2px solid #00A9BA;
    border-radius: 2px;
    color: #00A9BA;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    cursor: pointer;
}

.antes-depois .bg div {
    max-width: 940px;
    margin: 0 auto;
    display: flex;
}

.antes-depois .bg img {
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    padding: 20px;
}

.antes-depois .bg div img {
    padding: 20px;
}

/* Section 6 */

.section6 .sec6-div h3 {
    padding-top: 30px;
}

/* Media Queries */

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .antes-depois .subtitle2 {
        margin: 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .antes-depois .subtitle2 {
        margin: 0 20px;
    }
}

@media screen and (max-width: 515px) {
    .antes-depois .subtitle2 {
        margin: 0 20px;
    }

    .sec6-div2 .coluna1 .logo {
        display: none;
    }

    .antes-depois .bg div {
        flex-wrap: wrap;
    }
}