.bg-primary {
  background: #2f55d4;
}

.bg-secondary {
  background: #5a6d90;
}

.bg-success {
  background: #2eca8b;
}

.bg-danger {
  background: #e43f52;
}

.bg-warning {
  background: #f17425;
}

.bg-info {
  background: #17a2b8;
}

.bg-light {
  background: #f8f9fc;
}

.bg-white {
  background: #fff;
}

.bg-dark {
  background: #3c4858;
}

.bg-muted {
  background: #8492a6;
}

.bg-soft-primary {
  background: rgba(47, 85, 212, 0.1);
}

.bg-soft-secondary {
  background: rgba(90, 109, 144, 0.1);
}

.bg-soft-success {
  background: rgba(46, 202, 139, 0.1);
}

.bg-soft-danger {
  background: rgba(228, 63, 82, 0.1);
}

.bg-soft-warning {
  background: rgba(241, 116, 37, 0.1);
}

.bg-soft-info {
  background: rgba(23, 162, 184, 0.1);
}

.bg-soft-light {
  background: rgba(248, 249, 252, 0.1);
}

.bg-soft-dark {
  background: rgba(60, 72, 88, 0.1);
}

.bg-soft-muted {
  background: rgba(132, 146, 166, 0.1);
}

.random-cards {
  position: relative;
}
.random-cards .card-component.card-five-column .card-five-column:nth-child(1) {
  margin-top: 75px;
}
.random-cards .card-component.card-five-column .card-five-column:nth-child(3) {
  margin-top: 50px;
}
.random-cards .card-component.card-five-column .card-five-column:nth-child(4) {
  margin-top: 100px;
}
.random-cards .card-component.card-five-column .card-five-column:nth-child(5) {
  margin-top: 150px;
}
.random-cards:After {
  z-index: -1;
  position: absolute;
  content: "";
  background: url(/themes/custom/tedu/images/random-bg.jpg);
  height: 1450px;
  top: -500px;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.random-cards .card-component.card-five-column::after {
  display: none;
}

.card-component.card-five-column {
  display: flex;
  position: relative;
  margin: 100px 0;
}
@media only screen and (max-width: 992px) {
  .card-component.card-five-column {
    display: flex;
    position: relative;
    margin: 100px 0;
    overflow: scroll;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 992px) {
  .card-component.card-five-column .card-five-column {
    max-width: initial;
    min-width: 75%;
  }
}
.card-component.card-five-column .card-five-column:first-child .card-item {
  padding-left: 0;
}
.card-component.card-five-column .card-five-column:last-child .card-item {
  padding-right: 0;
}
.card-component.card-five-column .card-five-column .card-item {
  margin: 5px;
  position: relative;
}
.card-component.card-five-column .card-five-column .card-item img {
  width: 100%;
  height: auto;
  display: block;
}
.card-component.card-five-column .card-five-column .card-item .card-content a {
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: white;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 30px;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1440px) {
  .card-component.card-five-column .card-five-column .card-item .card-content a {
    font-size: 1.2rem;
    padding: 15px;
  }
}
.card-component.card-five-column .card-five-column .card-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #333333 90%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #333333 90%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #333333 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#333333",GradientType=1);
  transition: 1.5s;
}
.card-component.card-five-column .card-five-column .card-item:hover {
  cursor: pointer;
}
.card-component.card-five-column .card-five-column .card-item:hover:before {
  box-shadow: inset 0 0 0 275px rgba(41, 46, 111, 0.75);
}
.card-component.card-five-column:After {
  content: "";
  background: #F9F9F9;
  height: 300px;
  position: absolute;
  z-index: -1;
  top: -75px;
  width: calc(100% + 60px);
  left: -30px;
}
@media (min-width: 992px) {
  .card-component.card-three-column .col-lg-4:nth-child(2) .card-item {
    margin-top: 75px;
  }
  .card-component.card-three-column .col-lg-4:nth-child(3) .card-item {
    margin-top: 150px;
  }
  .card-component.card-three-column .card-item {
    margin: 30px 15px;
  }
}
.card-component.card-two-column .col-lg-5 .card-item {
  padding: 75px 0 0 30px;
}
@media only screen and (max-width: 992px) {
  .card-component.card-two-column .col-lg-5 .card-item {
    padding: 0;
  }
}
.card-component.card-one-column:before {
  content: "";
  position: absolute;
  left: 0;
  top: -125px;
  background: url("/themes/custom/tedu/images/one-column-before.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  z-index: -1;
  pointer-events: none;
}
.card-component.card-one-column .card-item .row.flex-row-reverse {
  flex-direction: row-reverse;
}
.card-component.card-one-column .col-lg-5 {
  padding-right: 50px;
}
@media only screen and (max-width: 992px) {
  .card-component.card-one-column .col-lg-5 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .card-component.card-one-column .col-lg-7 {
    order: -1;
  }
}
.card-component:not(.card-five-column) .card-item {
  margin: 30px 0;
}
.card-component:not(.card-five-column) .card-item img {
  width: 100%;
  height: auto;
  display: block;
}
.card-component:not(.card-five-column) .card-item.vertical {
  position: relative;
}
.card-component:not(.card-five-column) .card-item.vertical .card-content {
  position: absolute;
  bottom: 0;
  padding: 50px;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .card-component:not(.card-five-column) .card-item.vertical .card-content {
    padding: 15px;
  }
}
.card-component:not(.card-five-column) .card-item.vertical .card-content h2, .card-component:not(.card-five-column) .card-item.vertical .card-content a, .card-component:not(.card-five-column) .card-item.vertical .card-content p {
  color: #fff;
}
.card-component:not(.card-five-column) .card-item.vertical .card-content h2:After, .card-component:not(.card-five-column) .card-item.vertical .card-content a:After, .card-component:not(.card-five-column) .card-item.vertical .card-content p:After {
  color: #fff !important;
}
.card-component:not(.card-five-column) .card-item.vertical .card-content h2::before, .card-component:not(.card-five-column) .card-item.vertical .card-content a::before, .card-component:not(.card-five-column) .card-item.vertical .card-content p::before {
  background: #fff !important;
}
.card-component:not(.card-five-column) .card-item.vertical:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 46, 111, 0.65);
  pointer-events: none;
}

/*# sourceMappingURL=card.css.map */