.subtitulo {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.especialidades {
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}

section.especialidades {
    padding: 20px;
}

.especialidades .especialidade_box1,
.especialidades .especialidade_box2,
.especialidades .especialidade_box3 {
    color: #fff;
    padding: 50px;
    border-radius: 20px;
    margin-top: 45px;
    transition: .2s ease-in-out;
    background-color: #efb710bd;
    backdrop-filter: blur(10px);
}

section.especialidades .flex {
    gap: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.especialidades .especialidade_box1 i,
.especialidades .especialidade_box2 i,
.especialidades .especialidade_box3 i {
    font-size: 70px;
    color: #2240a5;
}

.especialidades .especialidade_box1 h3,
.especialidades .especialidade_box2 h3,
.especialidades .especialidade_box3 h3 {
    font-size: 25px;
    margin: 15px 0;
    font-weight: 500;
}

.especialidade_box1 p,
.especialidade_box2 p,
.especialidade_box3 p {
    font-size: 20px;
    text-align: start;
}

.box1,
.box2,
.box3 {
    animation-name: box;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    display: none;
    justify-content: center;
    flex-direction: column;
    padding: 50px;
    margin-top: 40px;
    color: #fff;
    border-radius: 20px;
    background-color: #efb710bd;
    backdrop-filter: blur(10px);
    transition: .2s ease-in-out;
}



/* Responsive Styles */
@media screen and (max-width: 1080px) {

    section.especialidades {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 5px;
    }

    .flex {
        display: flex;
    }

    .flex .especialidade_box1,
    .flex .especialidade_box2,
    .flex .especialidade_box3 {
        padding: 30px;
    }

    .especialidades .especialidade_box1 {
        color: #fff;
        padding: 15px;
        padding-right: 10px;
        border-radius: 20px;
        margin-top: 60px;
        transition: .2s ease-in-out;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
    }

    .especialidades .especialidade_box2 {
        color: #fff;
        padding: 15px;
        padding-right: 45px;
        border-radius: 20px;
        margin-top: 60px;
        transition: .2s ease-in-out;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
    }

    .especialidades .especialidade_box3 {
        color: #fff;
        padding: 15px;
        padding-right: 26px;
        border-radius: 20px;
        margin-top: 60px;
        transition: .2s ease-in-out;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
    }

    section.especialidades .flex {
        gap: 15px;
    }

    .especialidades .especialidade_box1 i,
    .especialidades .especialidade_box2 i,
    .especialidades .especialidade_box3 i {
        font-size: 40px;
        color: #2240a5;
    }

    .especialidades .especialidade_box1 h3,
    .especialidades .especialidade_box2 h3,
    .especialidades .especialidade_box3 h3 {
        font-size: 17px;
        margin: 8px 0;
        font-weight: 500;
    }

    .especialidade_box1 p,
    .especialidade_box2 p,
    .especialidade_box3 p {
        display: none;
    }

    .box1{
        animation-name: box;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        display: none;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
        margin-top: 40px;
        color: #fff;
        border-radius: 20px;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
        transition: .2s ease-in-out;
    }
    .box2{
        animation-name: box;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        display: none;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
        margin-top: 40px;
        color: #fff;
        border-radius: 20px;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
        transition: .2s ease-in-out;
    }
    .box3{
        animation-name: box;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        display: none;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
        margin-top: 40px;
        color: #fff;
        border-radius: 20px;
        background-color: #efb710bd;
        backdrop-filter: blur(10px);
        transition: .2s ease-in-out;
    }

    @keyframes box {
        0% {
            transform: translateY(100px);
            opacity: 0;
        }

        50% {
            transform: translateY(-30px);
            opacity: 0.5;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }

}

    .btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #2240a5;
    }

    .bi-houses {
        font-size: 70px;
    }

    .bi-building {
        font-size: 70px;
    }

    .bi-buildings {
        font-size: 70px;
    }

    .bi-x-lg {
        font-size: 30px;
    }

    .box1 h3,
    .box2 h3,
    .box3 h3 {
        font-size: 30px;
        margin: 8px 0;
        font-weight: 500;
    }

    .box1 p,
    .box2 p,
    .box3 p {
        font-size: 20px;
        text-align: start;
    }

}