.card {
  width: 100%;
  text-decoration: none !important;
}

div.card-td > p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

div.card-td > a, div.card-td > p > span > a, div.card-td > p > a {
  color: black !important;
  text-decoration: none;
}

div.card-td > p {
  margin: 0;
}

div.card-td > p > span {
  text-decoration: none !important;
}

.card-body > div.card-td > p:first-of-type, div.card-td > a > p:nth-of-type(2), div.card-td > a > p:nth-of-type(1), div.card-td > p:nth-of-type(2) {
  margin: 0;
}

.col-sm-6:first-child {
  padding-right: 0;
}
.col-sm-6:nth-child(2) {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .col-sm-6:first-child {
    padding-right: 0;
    padding-left: 0;
  }
  .col-sm-6:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
  }
  .card-circle {
    display: none;
  }
  div.card-head {
    text-align: start !important;
  }
  .col-sm-6:nth-child(2) h2.card-title {
    float: none !important;
  }
}
div.card-head {
  padding-left: 20px;
  height: 315px;
  color: white;
  display: flex;
  flex-direction: column-reverse;
}
.col-sm-6:first-child div.card-head {
  background-color: #02a288;
}
.col-sm-6:nth-child(2) div.card-head {
  background-color: #BED747;
  text-align: end;
}
div.card-head div.card-td {
  padding-bottom: 40px;
}
div.card-body {
  height: 387.375px;
  font-size: 1.7rem;
  color: black !important;
  padding: 15px
}
div.card-body .card-td {
  vertical-align: baseline;
  color: black !important;
}
div.card-footer {
  text-align: center;
  font-size: 2rem;
  color: white;
}
div.card-footer > .card-td {
  padding: 10px 0 10px 0;
}
.col-sm-6:first-child div.card-footer {
  background-color: #02a288;
}
.col-sm-6:nth-child(2) div.card-footer {
  background-color: #BED747;
}
.col-sm-6:first-child .card-body {
  background-color: #AED0CB;
}
.col-sm-6:nth-child(2) .card-body {
  background-color: #E7EBD7;
}
.card-head h2 {
  margin-top: 3px !important;
  padding-right: 15px !important;
}
div.card-body.card-tr .view-courses-btn {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 100%;
}
h2.card-provider > a {
  color: #dc0018 !important;
  font-size: 26px;
}
h2.card-title {
  font-size: 2.4rem;
  width: 80%;
}
.col-sm-6:nth-child(2) h2.card-title {
  float: right;
}
h2.card-provider {
  padding: 0px;
  margin: 0px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 3rem;
}
.col-sm-6:first-child .card-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  background-color: #BED747;
  right: -15px;
  top: 184px;
}
.col-sm-6:nth-child(2) .card-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  background-color: #02a288;
  left: -15px;
  top: 44px;
}
.col-sm-6 a,
.col-sm-6 a:hover {
  text-decoration: none;
}