/*************
Section Banner
*************/

.section_banner-partners {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url('https://www.markp.com.br/shield-demo/wp-content/uploads/2024/04/bg-section-quem-somos.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 30vh;
}

.section_banner-partners h1 {
    font-size: 50px;
    color: #ffffff;
}

.container-partners {
    display: flex;
    align-items: center;
}

.container-partners .column-one {
    width: 50%;
    text-align:center;
}
.container-partners .column-one img {
    max-width:300px;
}

.container-partners .column-two {
    width: 40%;
}


/*************************
Sections redes de parceria
*************************/
.container-partner-networks {
    padding-bottom:30px;
}
.section_partner-networks{
    background-color: #e3e3e3;
    text-align: center;

}


/************************
Section Benefits Partners
************************/
.section_benefits-partner {
    background-image: url('https://www.markp.com.br/shield-demo/wp-content/uploads/2024/04/bg-section-differential.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.container-benefits-partner {
    padding-bottom:30px;
}
.container-benefits-partner h2 {
    text-align: center;
    margin-bottom: 3rem;
}
.card-benefits-partner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 30px;
    background-color: #e3e3e3;
    margin-bottom: 30px;
}
.card-benefits-partner p {
    margin-bottom:0;
}
.content-card-benefits-partner {
    display: flex;
    align-items: start;
    gap: 15px;
    justify-content: center;
 
}
.content-card-benefits-partner i {
    margin-top: 5px;
    color: #01aad2;
    
}

/********************
Section our-experience
*********************/
.container-our-experience h2 {
    text-align: center;
}


@media screen and (max-width: 768px) { 
    
    .container-partners {
        padding:15px 30px;
    }
    .container-partners .column-two {
        width:100%;
    }
    .section_partner-networks {
        text-align:left;
    }
    .container-benefits-partner h2,.container-our-experience h2{
        text-align:left;
        margin-bottom:1rem;
    }
}