.stbg-card-graduacao {
  display: flex;
  flex-direction: column;

  overflow: hidden;

  border-radius: 15px;

  background-color: #ffffff;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

  text-decoration: none;
  color: inherit;

  transition: 0.3s ease;
}

.stbg-card-graduacao:hover {
  transform: translateY(-5px);
}

.stbg-card-graduacao-imagem {
  width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
}

.stbg-card-graduacao-imagem img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

.stbg-badge-tipo-curso {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 18px;
  padding: 6px 14px;

  border-radius: 50px;

  background-color: #7f1616;
  color: #ffffff;

  font-size: 12px;
  font-weight: 700;

  text-transform: uppercase;
  line-height: 1;
}

.stbg-card-graduacao-conteudo {
  padding: 25px;
}

.stbg-card-graduacao-conteudo h2 {
  margin: 0;

  color: #1f2937;

  font-size: 1.35rem;
  line-height: 1.5;
}

.stbg-card-graduacao-link {
  display: inline-block;

  margin-top: 15px;

  color: #7f1616;

  font-size: 14px;
  font-weight: 700;

  transition: 0.3s ease;
}

.stbg-card-graduacao:hover .stbg-card-graduacao-link {
  color: #b06a23;
}

/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 1024px) {
  .stbg-card-graduacao-imagem {
    height: 220px;
  }
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {
  .stbg-card-graduacao-imagem {
    height: 200px;
  }

  .stbg-card-graduacao-conteudo {
    padding: 20px;
  }

  .stbg-card-graduacao-conteudo h2 {
    font-size: 1.2rem;
  }
}