/* news-sec-title */
.news-sec-title .sec {
  width: fit-content;
  padding: 30px 0;
}
.news-sec-title .sec h2 {
  font-size: 25px;
}
.news-sec-title .sec hr {
  background-color: #ea2d48;
}
/* card css */
.col-xl-4 .card-info {
  margin: 10px;
  box-shadow: 0px 6px 7px -6px #000000;
  border-radius: 15px;
  height: 97%;
}
.card-thumbnail {
  width: 100%;
  border-radius: 15px 15px 0 0;
}
.card-date-tag {
  position: relative;
}
.card-date-tag .text-center {
  position: absolute;
  top: -30px;
  left: 40px;
  color: #ffffff;
  padding: 8px;
  background-image: url(../imgs/course-cards/tag-bgr.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 11px;
}
.card-price-tag {
  position: relative;
}
.card-price-tag .text-center {
  position: absolute;
  top: -47px;
  left: 41px;
  color: #ffffff;
  padding: 20px 12px;
  background-image: url(../imgs/course-cards/tag-bgr.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 15px;
}
.card-info .day {
  margin: 0;
}
.card-info .month {
  padding: 0 10px;
}
.bottom-sec {
  padding: 40px 13px 19px;
  border-radius: 0 0 15px 15px;
  background-color: #ffffff;
}
.card-info .bottom-sec .title {
  font-size: 14px;
}
.card-info .bottom-sec p {
  font-size: 13px;
  margin-bottom: 40px;
}
.card-info .card-btn {
  padding: 5px 15px;
  background-color: #ea2d48;
  color: #ffffff;
  margin-top: 10px;
  border-radius: 10px;
  font-size: 13px;
}
.card-info .card-btn:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #bf142d;
}
.card-btn-right {
  text-align: left;
  position: absolute;
  left: 43px;
  bottom: 23px;
}
.load-more-course {
  padding: 5px 15px;
  background-color: #79025e;
  color: #ffffff;
  margin-top: 45px;
  border-radius: 10px;
  font-size: 13px;
  margin-right: 52px;
  text-decoration: none;
  color: #ffffff !important;
  background-color: #5d0348;
  height: max-content;
}

.news-read-more {
  color: #ea2d48;
}
.news-read-more:hover {
  color: #bf142d;
}
.news-read-more-filled {
  background-color: #ea2d48;
  color: #ffffff;
  padding: 5px 15px;
  border-radius: 10px;
  font-size: 14px;
}
.news-read-more-filled:hover {
  color: #ffffff;
  background-color: #bf142d;
}

/* pagination */
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  margin-right: auto;
}
.pagination {
  padding: 20px 0;
}
.page-link {
  padding: 0.3rem 0.4rem;
  color: #ffd872;
}
.page-item:first-child .page-link {
  color: #000000;
}

/* responsive */
@media only screen and (min-width: 1700px) {
  .card-btn-right {
    left: 65px;
  }
}