.section-contato{
    background-image: url('../img/pagEspecialidade/banner-lead.webp');
}
.escolha-especialidade {
    font-weight: 600;
    text-shadow: 0 4px 4px #9d9d9d;
    font-size: 1.2rem;
    padding-bottom: 20px;
    color: #85705f;
}
.section-especialidades{

    color: white;

    padding: 40px 0 67px 0;

    padding-bottom: 0;

    background-image: url('../img/pagHome/banner-especialidades.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    text-align: center;

}

.section-especialidades .wrapper-especialidades{

    align-items: start;

}

.section-especialidades .wrapper-especialidades{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 25px auto;

    gap: 64px;

}

.section-especialidades .wrapper-especialidades a{

    text-decoration: none;



}

.section-especialidades .wrapper-especialidades .card{

    position: relative;

    border-radius: 20px;

    padding-top: 20px;

    background-color: var(--CorFonte);

    color: white;

    width: 263px;

    height: auto;

    text-align: center;

    align-items: center;

    display: flex;

    padding-bottom: 28px;

}

.section-especialidades .wrapper-especialidades .card img{

    width: 225px;

    height: 190px;

    border-radius: 12px;

    object-fit: cover;

    margin-bottom: 24px;

}

.section-especialidades .wrapper-especialidades .card h3{

    font-size: 20.83px;

}

.section-especialidades .wrapper-especialidades .card p{

    position: absolute;

    bottom: -30px;

    background-color: var(--MarromClaro);

    padding: 5px 30px;

    border-radius: 30px;

}

.section-especialidades .wrapper-especialidades .card:hover,

.section-especialidades .wrapper-especialidades .card.selected{

    background-color: var(--MarromClaro);

}

.section-especialidades .wrapper-especialidades .card:hover p {
    box-shadow: #85705f 0px -4px 10px;

}

.section-especialidades .wrapper-especialidades .card.selected p{

    display: none;

}

.section-estetica{

    padding: 18px;

}

.section-estetica .wrapper-estetica{

    text-align: center;

}

.section-estetica .wrapper-estetica h2{

    margin-bottom: 12px;

}

.section-estetica .wrapper-estetica p{

    padding: 15px;

    font-size: var(--SizeParagrafo);

    text-align: justify;

    margin: 0;

}
.section-estetica .wrapper-estetica .list {
    width: fit-content;
    text-align: left;
    font-size: var(--SizeParagrafo);
}

section.section-swiper_estetica{  

    margin: 120px 0 150px 0;

    height: 200px;

    display: flex;

    align-items: center;

    background-color: #e6dad1;

    padding: 40px;

}

section.section-swiper_estetica .swiper-clinica{

    margin: 0 auto;

}

section.section-swiper_estetica .content{

    max-width: 1200px;

}

section.section-swiper_estetica .swiper .swiper-slide img{

    object-fit: cover;

    border: none;

    border-radius: 25px;

    width: 700px ;

    height: 410px ;

}

section.section-swiper_estetica .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img{

    border: 6px solid var(--CorFonte);

}

section.section-swiper_estetica .swiper .swiper-slide{

    padding: 40px;

}

section.section-swiper_estetica .swiper-button-prev {

    width: 0 !important;

    height: 0 !important;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-right: 20px solid var(--MarromClaro);

}

section.section-swiper_estetica .swiper-button-next {

    width: 0 !important;

    height: 0 !important;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-left: 20px solid var(--MarromClaro);

}

section.section-swiper_estetica .swiper-button-next:after,

section.section-swiper_estetica .swiper-button-prev:after {

    content: none !important;

}

@media(max-width: 900px){

    .section-especialidades{

        padding: 40px 0;

    }

    .section-especialidades .wrapper-especialidades{

        justify-content: center;

    }

    section.section-swiper_estetica {

        margin: 0px;

        height: auto;

        display: block;

        padding: 5px;

    }

    section.section-swiper_estetica .swiper .swiper-slide img{

        width: 100% ;

        height: 210px ;

    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{

        padding-top: 100px;

    }

    

}