.comoRealizarSec p{
    font-size: 16px !important;
}

.comoRealizarSec{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 80px 0px;
    background-color: #F8F8F8;
}

.contentRealizar{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contentRealizar h1{
    color: #283069 !important;
    text-transform: none !important;
    font-size: 28px !important;
    width: 80%;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 60px !important;
}

.contenidoPasosRealizar{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    gap: 70px;
}

.pasosRealizar{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    height: 380px;
    padding: 20px 0px;
}

.pasosRealizar h1{
    font-size: 40px !important;
    color: #3CC2D5 !important;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    text-transform: none !important;
    margin-top: 0px !important;
}

.pasosRealizar h2{
    width: 55%;
    text-align: center;
    font-weight: bold !important;
    font-size: 20px !important;
    color: black !important;
    text-transform: none !important;
    margin: 10px 0px 20px;
}

.pasosRealizar h4{
    width: 90%;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px !important;
    color: black !important;
    text-transform: none !important;
}

.pasosRealizar p{
    color: black !important;
    margin-bottom: 15px !important;
    width: 80%;
    text-align: center !important;
}

.italicText{
    font-style: italic !important;
}

.textBold{
    font-weight: bold !important;
}

.contenidoComprometemos{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;
}

.contenidoCardsComprometemos{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 70px;
}

.cardsComprometemos {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    height: 350px;
    margin-bottom: 30px;
    padding: 20px 0px;
}

.cardsComprometemos img{
    width: 85px;
    height: 85px;
    margin-bottom: 20px;
}

.cardsComprometemos p{
    color: black !important;
    width: 80%;
    text-align: center !important;
}

.tramitacionPro{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    background-color: white;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 20px;
}

.tramitacionPro img{
    width: 140px;
    margin: 0px 40px;
}

.contenidoTramitacion{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contenidoTramitacion h1{
   font-size: 24px !important;
   text-align: left !important;
   width: 100%;
   color: black !important;
   text-transform: none !important;
   margin-bottom: 10px !important; 
   margin-top: 0px !important;
}

.contenidoTramitacion p{
    color: black !important;
    width: 100%;
    text-align: left !important;
}

@media (max-width:1366px) {
    .pasosRealizar {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        border-radius: 20px;
        background-color: white;
        box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
        height: 430px;
        padding: 20px 0px;
    }

    .cardsComprometemos {
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        border-radius: 20px;
        background-color: white;
        box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
        height: 420px;
        margin-bottom: 30px;
        padding: 20px 0px;
    }
}



@media (max-width: 1024px) {
    .contenidoPasosRealizar{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        gap: 20px;
        flex-direction: column;
    }

    .pasosRealizar{
        width: 100%;
        height: auto;
    }

    .contenidoCardsComprometemos{
        display: flex;
        width: 90%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }
    
    .cardsComprometemos {
        width: 100%;
        height: auto;
    }

    .tramitacionPro {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        background-color: white;
        box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
        padding: 30px;
        border-radius: 20px;
        flex-direction: column;
    }

    .contenidoTramitacion h1 {
        font-size: 24px !important;
        text-align: center !important;
        width: 100%;
        color: black !important;
        text-transform: none !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    .contenidoTramitacion p {
        color: black !important;
        width: 100%;
        text-align: center !important;
    }

    .tramitacionPro img {
        width: 140px;
        margin: 25px 40px;
    }

    .contenidoComprometemos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
}