.ssp-pagina-curso__jeito-senac-educar-1 {

    @media screen and (max-width: 1024px) {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    background-color: var(--color-tecnico-200);
    padding: var(--espaco-56) 0;

    .ssp-pagina-curso__jeito-senac-educar-1-container {
        display: flex;
        flex-direction: column;

        h2 {
            color: var(--color-neutral-800);

            &.line-bottom {
                &::after {
                    background-color: var(--color-tecnico-400);
                }
            }
        }

        .grid-cards-destaques {
            margin-top: var(--espaco-40);
            display: flex;
            flex-direction: row;
            gap: var(--espaco-16);
            @media (max-width: 1220px) {
                flex-wrap: wrap;
                justify-content: center;
            }
        
            li {
                width: 100%;
                max-width: 18.25rem;
                padding: var(--espaco-24);
                background-color: var(--color-neutral-25);

                @media (max-width: 1220px) {
                    max-width: 48%;
                }

                @media (max-width: 767px) {
                    max-width: 100%;
                }
                
                .destaques-card-item {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    flex: 1 0 0;
                    
                    .ssp-pagina-curso__jeito-senac__icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 3.5rem;
                        width: 3.5rem;
                        margin-bottom: var(--espaco-12);
                        background-color: var(--color-tecnico-100);                        

                        i {                        
                            color: var(--color-tecnico-600);
                            font-size: 24px;
                        }
                    }

                    h3 {
                        margin-bottom: var(--espaco-4);
                        color: var(--color-neutral-800);
                        font-size: var(--ssp-h3-p-p-font-size);
                        line-height: var(--ssp-h3-p-p-line-height);
                        font-weight: var(--ssp-h3-p-p-font-weight);
                    }
                    
                    p {
                        color: var(--color-neutral-700);
                        font-size: var(--ssp-p-m-font-size);
                        font-weight: var(--ssp-p-m-font-weight);
                        line-height: var(--ssp-p-m-line-height);
                        margin-bottom: 0;
                    }
                }
            }

        }
    }
}