.courses_listing {
  padding: 64px 120px;
  color: #00141a;
}
@media screen and (max-width: 992px) {
  .courses_listing {
    padding: 64px 24px;
  }
}
@media screen and (max-width: 992px) {
  .courses_listing .row {
    margin: 0;
  }
}
.courses_listing .header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 72px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .courses_listing .header {
    margin-bottom: 48px;
  }
}
.courses_listing .header .title {
  font-size: 44px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.88px;
}
@media screen and (max-width: 992px) {
  .courses_listing .header .title {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
}
.courses_listing .header .text {
  color: #3c484b;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
}
@media screen and (max-width: 992px) {
  .courses_listing .header .text {
    font-size: 16px;
  }
}
.courses_listing .courses-list .box {
  padding: 10px;
  border: 1px solid #e2ecee;
  border-radius: 16px;
  margin-bottom: 72px;
  transition: all 300ms ease-in-out;
  position: relative;
}
.courses_listing .courses-list .box:hover {
  border-color: #ff6f61;
}
.courses_listing .courses-list .box-content {
  text-decoration: none;
  color: initial;
}
.courses_listing .courses-list .box .trainers {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.courses_listing .courses-list .box .trainers .link {
  position: relative;
  z-index: 2;
}
.courses_listing .courses-list .box .trainers .link img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  object-position: top;
  border: 1px solid #d6dfe1;
  border-radius: 360px;
}
.courses_listing .courses-list .box span.text-link {
  color: #002a93;
  text-decoration: none;
  border-bottom: 1px solid #002a93;
  padding-bottom: 2px;
  font-weight: 600;
  transition: all 300ms ease-in-out;
}
.courses_listing .courses-list .box span.text-link::after {
  content: "";
  mask: url("data:image/svg+xml,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg id='Icons'%3e %3cpath id='Vector' d='M11.55 7.91011L8.10747 4.46761C7.96695 4.32792 7.77686 4.24951 7.57872 4.24951C7.38058 4.24951 7.1905 4.32792 7.04997 4.46761C6.97968 4.53733 6.92388 4.62028 6.88581 4.71167C6.84773 4.80307 6.82812 4.9011 6.82812 5.00011C6.82812 5.09911 6.84773 5.19714 6.88581 5.28854C6.92388 5.37993 6.97968 5.46288 7.04997 5.53261L10.5 8.96761C10.5703 9.03733 10.6261 9.12028 10.6641 9.21167C10.7022 9.30307 10.7218 9.4011 10.7218 9.50011C10.7218 9.59911 10.7022 9.69714 10.6641 9.78854C10.6261 9.87993 10.5703 9.96288 10.5 10.0326L7.04997 13.4676C6.90875 13.6078 6.82901 13.7984 6.82831 13.9975C6.8276 14.1965 6.90599 14.3876 7.04622 14.5289C7.18646 14.6701 7.37705 14.7498 7.57607 14.7505C7.7751 14.7512 7.96625 14.6728 8.10747 14.5326L11.55 11.0901C11.9713 10.6682 12.208 10.0964 12.208 9.50011C12.208 8.90385 11.9713 8.33198 11.55 7.91011Z' fill='%23002A93' /%3e %3c/g%3e %3c/svg%3e");
  display: inline-block;
  vertical-align: -3px;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background-color: #002a93;
  transition: all 300ms ease-in-out;
}
.courses_listing .courses-list .box span.text-link:hover {
  color: #ff6f61;
  border-color: #ff6f61;
}
.courses_listing .courses-list .box span.text-link:hover::after {
  background-color: #ff6f61;
}
.courses_listing .courses-list .box span.text-link.text-link-collapse::after {
  transform: rotate(-90deg);
}
.courses_listing .courses-list .box span.text-link.text-link-down::after {
  transform: rotate(90deg);
}
.courses_listing .courses-list .box .image {
  position: relative;
  margin-bottom: 12px;
}
.courses_listing .courses-list .box .image .thumbnail img {
  border-radius: 8px;
}
.courses_listing .courses-list .box .post-content .pills {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.courses_listing .courses-list .box .post-content .pills .pill {
  color: #ff6f61;
  width: fit-content;
  padding: 5px 10px;
  border: 1px solid #ff6f61;
  border-radius: 360px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
.courses_listing .courses-list .box .post-content .pills .pill span {
  font-weight: 600;
}
.courses_listing .courses-list .box .post-content .pills .pill::before {
  content: "";
  display: inline-block;
  vertical-align: -3px;
  width: 22px;
  height: 21px;
  margin-right: 4px;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3e %3cpath d='M16.5 8V16M12.5 11V16M8.5 14V16M6.5 20H18.5C19.6046 20 20.5 19.1046 20.5 18V6C20.5 4.89543 19.6046 4 18.5 4H6.5C5.39543 4 4.5 4.89543 4.5 6V18C4.5 19.1046 5.39543 20 6.5 20Z' stroke='%2300C9FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e");
  background-color: #ff6f61;
}
.courses_listing .courses-list .box .post-content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 32px;
}
.courses_listing .courses-list .box .post-content .btn-wrapper {
  text-align: right;
  padding-bottom: 5px;
}
.courses_listing .courses-list .posts-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 900px;
  margin: auto;
  margin-top: 72px;
}
@media screen and (max-width: 992px) {
  .courses_listing .courses-list .posts-navigation {
    margin-top: 48px;
    justify-content: center;
  }
}
.courses_listing .courses-list .posts-navigation .posts-number {
  color: #808b8e;
  font-size: 16px;
  font-weight: 400;
  line-height: 145%;
}
@media screen and (max-width: 992px) {
  .courses_listing .courses-list .posts-navigation .posts-number {
    display: none;
  }
}
.courses_listing .courses-list .posts-navigation .pagination {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.courses_listing .courses-list .posts-navigation .pagination .page-numbers {
  width: 28px;
  height: 28px;
  color: #3c484b;
  padding: 0px 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 145%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.courses_listing .courses-list .posts-navigation .pagination .page-numbers.current {
  border-radius: 4px;
  background-color: #fff1f0;
  color: #ff6f61;
}
.courses_listing .post-content {
  margin-bottom: 0;
}

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