.academic__title {
    color: var(--preto-100);
    text-align: center;
    font-family: 'Raleway';
    font-size: 165%;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 10%;
    width: 30%;

}


.academic__courses {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    width: 62.5%;
    height: 80%;


}


.academic__courses__box {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 32.5%;
    height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 50px 50px 15px 1px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 22px 22px 15px 1px rgba(0, 0, 0, 0.30);
    box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.30);


}



.academic__courses__item__img {
    display: flex;
    width: 94.8%;
    height: 70%;
    padding: 0.5rem;
    margin-top: -4.5%;
    justify-content: center;
    align-items: center;
    background: var(--preto-branco, #FFF);
    border-radius: 10px;



}

.academic__courses__item__img>img {
    width: 60%;
    height: 55%;
    flex-shrink: 0;
}


.academic__courses__item__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 98%;
    height: 10%;
    justify-content: center;
    margin-top: 2%;
    margin-left: 1.5%;
}

.academic__courses__list {
    width: 100%;
    height: 100%;
}


.academic__courses__item__title>h4 {
    color: var(--preto-100);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 4%;
    margin-bottom: 2%;


}


.academic__courses__item__subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 10%;
    width: 98%;
    margin-top: 2%;
}

.academic__courses__item__subtitle>p {
    display: flex;
    color: var(--preto-100, #464646);
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2%;
    margin-left: 1.5%;
}

/* medias querys*/

@media (max-width: 1440px) {


    .academic__title {
        font-size: 130%;

    }

    .academic__courses__box {
        height: 100%;
        width: 25%;
        margin-left: 5%;


    }

    .academic__courses__item__img {

        width: auto;
        height: 75%;
        margin-top: -12%;
        margin-left: -0%;


    }

    .academic__courses__item__title>h4 {
        font-size: 85%;

    }

}


@media (max-width: 1024px) {

    .academic {
        height: 35vh;
        width: 100vw;
        margin-top: 5%;


    }

    .academic__courses {
        width: 105%;
        height: 104%;
        justify-content: center;
        align-items: center;
    }

    .academic__courses__box {
        height: 55%;
        width: 30%;
        display: flex;
        justify-content: center;
        justify-content: center;

    }

    .academic__courses__item__img {

        width: auto;
        height: 75%;
        margin-top: -12%;
        margin-left: -0%;


    }

}







@media (max-width: 432px) {

    .academic {
        height: 35vh;
        width: 100vw;
    }

    .academic__title {
        font-size: 100%;
        margin-top: -13%;
    }

    .academic__courses {

        width: 110%;
        height: 104%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .academic__courses__box {
        height: 40%;
        width: 38%;
        align-items: center;

    }

    .academic__courses__list {
        height: auto;
        width: auto;

    }

    .academic__courses__item__img {

        width: auto;
        height: 75%;
        margin-top: -12%;
        margin-left: -0%;


    }

    .img-center{
        width: 105.5%;
        height: 111%;
        margin-top: -35%;
        margin-left: -10%;

    }

    .academic__courses__item__title {
        margin-top: 9%;
        width: 90%;
        height: 10%;
    }

    .title-izq {
        margin-left: -3%;
        margin-bottom: 7%;
    }

    .title-center{
        margin-left: -4%;
        margin-bottom: 8%;
    } 

    .subtitle-izq , .subtitle-center{
        margin-left: -3%;
    }

    .academic__courses__item__title>h4 {
        font-size: 80%;

    }

    .academic__courses__item__subtitle {
        width: 95%;
        height: 10%;
        margin-top: 4%;
    }

    .academic__courses__item__subtitle>p {
        font-size: 70%;
    }

    .img-izq {
        width: 94%;
        height: 87%;
        margin-left: -4%;
        margin-top: -20%;

    }


}



@media (max-width: 394px) {

    .academic {
        margin-top: 35%;

    }

    .academic__courses__item__img {

        width: auto;
        height: 70%;
        margin-top: -12%;
        margin-left: -0%;

    }


    .academic__courses__item__title {
        margin-top: 9%;
        width: 100%;
        height: 10%;

    }

    .academic__courses__item__title>h4 {
        font-size: 70%;
        margin-left: 2%;
    }

    .academic__courses__item__subtitle {
        width: 98%;
        height: 10%;
        margin-top: 6%;
        margin-left: 1%;
    }

    .academic__courses__item__subtitle>p {
        font-size: 65%;
    }

    .img-izq {
        width: 90%;
        height: 80%;
        margin-left: -4%;
        margin-top: -20%;

    }


}