.cards_portal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 75px;
}

.cards_portal .card {
  width: 45%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(var(--main-color), 1);
  border-radius: 5px;
  padding: 45px;
  gap: 20px;
}

.cards_portal .card .card_info_content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
}

.cards_portal .card .card_info_content .description {
  color: rgb(var(--white-color), 1);
}

.cards_portal .card .card_info_content .btn.gold.wide {
  border-radius: 5px;
}

.cards_portal .card img {
  max-height: 150px;
  max-width: 150px;
  object-fit: contain;
}

.cards_portal .card.card-inactive {
    background-color: rgba(58, 99, 150, 0.842) !important;
}


.cards_portal .card .card-inactive .btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}


@media screen and (max-width: 991px) {
  .cards_portal .card {
    width: 100%;
  }

  .cards_portal .card img {
    max-width: 80px;
  }
}

@media screen and (max-width: 330px) {
  .cards_portal .card {
    justify-content: center;
  }

  .cards_portal .card img {
    display: none;
  }
}