.blog-list-grid-wrap {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .blog-list-grid-wrap {
      padding: 32px 0; } }
  .blog-list-grid-wrap .container .container {
    max-width: 100%;
    padding: 0; }

@media (max-width: 1024px) {
  .blog-list .cta-guide {
    padding-left: 16px;
    padding-right: 16px; } }
  @media (max-width: 1024px) and (max-width: 767px) {
    .blog-list .cta-guide .guide-box {
      background-image: none; } }

.blog-list > ul {
  justify-content: center; }
  .blog-list > ul > li {
    padding-bottom: 40px; }
    @media (max-width: 1024px) {
      .blog-list > ul > li {
        padding-bottom: 24px; } }

.blog-item {
  position: relative;
  display: flex;
  flex-direction: column; }
  .blog-item__img {
    padding-bottom: 20px; }
    .blog-item__img a {
      display: block;
      padding-bottom: 52%;
      position: relative;
      border-radius: 8px; }
      .blog-item__img a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 8px; }
  .blog-item__title {
    font-size: 20px;
    line-height: 1.6;
    font-weight: normal;
    color: #000;
    padding-bottom: 20px;
    font-weight: 600; }
    .dark .blog-item__title {
      color: #fff; }
    .blog-item__title a {
      color: inherit;
      display: inline-block;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out; }
    .blog-item__title:hover {
      color: #005457; }
  .blog-item__meta {
    margin-top: auto; }
    .blog-item__meta ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .blog-item__meta ul li {
        font-size: 14px;
        line-height: 1.5;
        color: #495057;
        position: relative; }
        .dark .blog-item__meta ul li {
          color: #ADB5BD; }
        .blog-item__meta ul li:not(:last-child) {
          padding-right: 10px;
          margin-right: 10px; }
          .blog-item__meta ul li:not(:last-child):after {
            content: "";
            height: 26px;
            width: 2px;
            background: #DEE2E6;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -13px; }
            .dark .blog-item__meta ul li:not(:last-child):after {
              background: #4c4c4c; }
            @media (max-width: 767px) {
              .blog-item__meta ul li:not(:last-child):after {
                height: 20px;
                margin-top: -10px; } }
          @media (max-width: 1024px) {
            .blog-item__meta ul li:not(:last-child) {
              margin-bottom: 4px; } }
        .blog-item__meta ul li a {
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out; }
          .dark .blog-item__meta ul li a {
            color: #00C5CC; }
          .blog-item__meta ul li a:hover {
            color: #005457; }

@media (max-width: 767px) {
  .blog-list-title-filter select {
    width: 100%; } }

@media (max-width: 1024px) {
  .blog-list-title-filter .title-wrap {
    width: 100%;
    padding-bottom: 24px; } }

@media (max-width: 767px) {
  .blog-list-title-filter .title-wrap {
    padding-bottom: 16px; } }

@media (max-width: 1100px) {
  .blog-list-title-filter .title-wrap .h2 {
    font-size: 35px; } }

/*# sourceMappingURL=blog-list-2-col.css.map */