.cursos {
    background-color: white;

}

.section-title#black,
.section-paragraph#black,
.section-subtitle#black {
    color: var(--background);
}


.cursos-row {
    margin-top: 2em;
    flex-direction: column;
    display: flex;
    gap: 1em;
}

.cursos-box {
    width: 100%;
    margin: 0 auto;
    border-radius: 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1em;
    overflow: hidden;
    min-height: 450px;
   

  }

  .cursos-header {
    width: 100%;
  }
  

  .cursos-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
  }

  .cursos-body {
    padding: 2em 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-height: 250px;
    justify-content: space-around;
  }

  .cursos-body .section-paragraph {
    width: 80%;
  }

  .cursos-button-link {
    background-color: var(--tidewater);
    padding: .75em 0;
    color: var(--white);
    border-radius: .25em;
    text-align: center;
    width: 40%;
  
 
    
     
 }
 
 .cursos-button {
     background-color: transparent;
     border: none;
     color: inherit;
    
     font-family: 'Outfit', sans-serif;
     font-size: .75em;
     letter-spacing: .25em;
     font-weight: 800;
     text-transform: uppercase;
 }

 .cursos-button {
  cursor: pointer;
 }

 .curso-lista {
  color: white!important;
  list-style: '-';
  margin-top: 1em;

  font-family: 'Inter', sans-serif;
  font-size: .87em;
  color: white;
  font-weight: 300;
  line-height: 2em;
 }

 @media (min-width: 600px) {

  .cursos-row {
    flex-direction: row;
    gap: 2em;
  }

 }