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

.section_banner-work-with-us {
    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-work-with-us h1 {
    font-size: 50px;
    color: #ffffff;
}


/*******************
Section be-part-of-it
********************/

.container-be-part-of-it {
    display: flex;
    align-items: center;
    gap: 50px;
}
.container-be-part-of-it .column-one {
    width:50%;
    text-align:center;
}
.container-be-part-of-it .column-one img{
    width:350px;
}

.container-be-part-of-it .column-two h2 {
    margin-top:0;
    margin-bottom: 1rem;
}

.container-be-part-of-it .column-two li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 1rem;
}
.container-be-part-of-it .column-two p{
    margin-bottom:0;
}
.container-be-part-of-it .column-two img {
    max-width: 50px;
}


/****************
Section Form Work
*****************/
.container-form-work {
    display: flex;
    align-items: center;
}


.container-form-work .content-form {
    padding:20px;
    background-color:#e4e0ee;;
}

.wpcf7-submit {
    background-color: #01aad2;

    font-weight: bold;
}


/******************
Section depositions
*******************/
.container-depositions {
    text-align: center;
}

/* Estilos para quando estiver fora do carrossel */
.card-depositions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    /* Ajuste conforme necessário */
    background-image: linear-gradient(90deg, #0d1119 0%, #0c323c 100%);
}

.content-card-depositions {
    width: 50%;
}

.content-card-depositions {
    padding:30px;
}

.content-card-depositions h2 {
    color: #ffffff;
}

.img-card-depositions {
    width: 50%;
}

.img-card-depositions img {
    height: auto;
}

.slick-initialized .slick-slide {
    display: flex !important;
}

.prev-btn-depositions,
.next-btn-depositions {
    color:#ffffff !important;
    width: 52px !important;
    height: 52px!important;
    border-radius: 26px !important;
    background-color: #00a4d5 !important;
    
}
.slick-controls-depositions {
    display: flex;
    gap: 2%;
    justify-content: flex-end;
}

@media screen and (max-width: 768px){
.container-be-part-of-it {
    gap:25px;
}

.container-be-part-of-it .column-one img {
    width:200px;
}
.card-depositions {
    display:flex;
    flex-direction:column;
    }
    .content-card-depositions,.img-card-depositions {
        width:100%;
    }
}