.breadcrumb {
  display: none; }

.card-body.flex-column {
  padding: 0; }
  .card-body.flex-column .card-body {
    padding: 0 !important; }

.search {
  display: flex;
  width: 350px;
  padding: 7px 15px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #E6E7EC;
  background: #FFF; }
  .search > input {
    border: 0;
    outline: none;
    color: var(--PIA_BK-01, #042040);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    display: inline-block;
    width: 260px; }
  .search > .search-close {
    cursor: pointer;
    display: none;
    width: 19px; }

.high-light {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 460px;
  gap: 43px;
  margin-bottom: 40px; }
  .high-light .high-light-left {
    width: 560px; }
    .high-light .high-light-left .blog-left {
      cursor: pointer; }
      .high-light .high-light-left .blog-left .img-a {
        overflow: hidden;
        width: 100%;
        min-height: 300px;
        margin-bottom: 20px; }
        .high-light .high-light-left .blog-left .img-a:hover img {
          transform: scale(1.05); }
        .high-light .high-light-left .blog-left .img-a img {
          width: 100%;
          transform: scale(1);
          transition: all .5s; }
  .high-light .high-light-right {
    width: 605px;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 30px; }
    .high-light .high-light-right ::-webkit-scrollbar {
      width: 2px; }
    .high-light .high-light-right ::-webkit-scrollbar-thumb {
      background: #f1f1f1;
      border-radius: 5px; }
    .high-light .high-light-right .high-light-right__blog {
      display: flex;
      gap: 20px;
      position: relative;
      min-height: 150px;
      flex-shrink: 0; }
      .high-light .high-light-right .high-light-right__blog.goinfo {
        cursor: pointer; }
      .high-light .high-light-right .high-light-right__blog .img-a {
        overflow: hidden;
        width: 280px;
        flex-shrink: 0; }
        .high-light .high-light-right .high-light-right__blog .img-a:hover img {
          transform: scale(1.05); }
        .high-light .high-light-right .high-light-right__blog .img-a img {
          width: 100%;
          transform: scale(1);
          transition: all .5s; }
      .high-light .high-light-right .high-light-right__blog .m-0 {
        width: 291px; }
      .high-light .high-light-right .high-light-right__blog::after {
        content: '';
        width: 100%;
        height: 1px;
        background: #E7EAF0;
        position: absolute;
        bottom: -15px;
        left: 0; }
      .high-light .high-light-right .high-light-right__blog:nth-last-of-type(1)::after {
        display: none; }
  .high-light h2 {
    margin-bottom: 0; }
  .high-light .blog-left-tit {
    width: 100%;
    display: block;
    font-size: 18px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 600;
    color: #042040;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; }
    .high-light .blog-left-tit:hover {
      color: #0E6FDE !important; }
  .high-light .blog-left-p {
    font-size: 16px;
    font-family: "Open Sans" !important;
    font-weight: 400;
    color: #042040 !important;
    line-height: 170%;
    margin-top: 10px;
    margin-bottom: 20px; }
  .high-light .text-muted {
    font-size: 14px;
    font-family: Ubuntu-Light;
    font-weight: 400;
    color: #55687D !important;
    line-height: 24px; }

.pagination {
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 60px; }

.pagination a, .pagination span {
  display: flex;
  width: 30px;
  padding: 8px 11px 8px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 22px;
  cursor: pointer;
  color: var(--PIA24-BK-02, #55687D);
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */ }
  .pagination a.prev i, .pagination span.prev i {
    width: 14px;
    height: 14px;
    background: url("../img/blog/next.svg");
    transform: rotate(180deg);
    background-repeat: no-repeat; }
  .pagination a.prev.disabled, .pagination span.prev.disabled {
    cursor: none; }
    .pagination a.prev.disabled i, .pagination span.prev.disabled i {
      background: url("../img/blog/next_dis.svg");
      transform: rotate(180deg); }
  .pagination a.next i, .pagination span.next i {
    width: 14px;
    height: 14px;
    background: url("../img/blog/next.svg");
    background-repeat: no-repeat; }
  .pagination a.next.disabled, .pagination span.next.disabled {
    cursor: none; }
    .pagination a.next.disabled i, .pagination span.next.disabled i {
      background: url("../img/blog/next_dis.svg"); }

.pagination a:hover {
  border-radius: 22px;
  background: var(--PIA_BK-LIne02, #F4F4F5);
  color: var(--PIA24-BK-01, #042040);
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */ }

.pagination .active {
  border-radius: 22px;
  background: var(--PIA_BK-LIne02, #F4F4F5);
  color: var(--PIA24-BK-01, #042040);
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */ }

.pagination .disabled {
  color: #ccc;
  pointer-events: none; }

@media screen and (max-width: 1280px) {
  .flex-column-fluid {
    width: 100%; }

  .page {
    padding: 0 20px; } }
@media screen and (max-width: 1280px) {
  .high-light {
    gap: 30px; }
    .high-light .high-light-left {
      width: calc(50% - 20px); }
      .high-light .high-light-left .blog-left .img-a {
        min-height: 175px; }
    .high-light .high-light-right {
      width: calc(50% - 20px); }
      .high-light .high-light-right .high-light-right__blog {
        display: flex;
        flex-direction: column; }
        .high-light .high-light-right .high-light-right__blog .img-a, .high-light .high-light-right .high-light-right__blog .m-0 {
          width: 100%;
          min-height: 175px; } }
  @media screen and (max-width: 1280px) and (max-width: 680px) {
    .high-light {
      height: unset; }
      .high-light .high-light-left {
        width: 100%; }
      .high-light .high-light-right {
        width: 100%;
        overflow: hidden; } }

@media screen and (max-width: 820px) {
  .page {
    padding: 0 10px; }

  .blog-section .toolbar {
    padding: 0;
    align-items: flex-end; }

  .blog-section .card-body {
    padding: 0 !important; }

  .blog-section .card-rounded.d-flex.flex-stack.flex-wrap.p-5 {
    padding: 0 !important; }

  .card .card-body .row .fw-bolder > div:last-child {
    white-space: wrap; } }
@media screen and (max-width: 500px) {
  .page .search {
    width: 100%; } }
.card {
  border: 0; }
  .card .card-body {
    padding: 0;
    margin-top: 0; }
    .card .card-body .row {
      display: flex;
      flex-wrap: wrap;
      gap: 45px 45px;
      margin: 0; }
      .card .card-body .row .col-md-4 {
        width: calc((100% - 90px) / 3);
        min-width: 370px;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 500px) {
          .card .card-body .row .col-md-4 {
            min-width: unset;
            width: 100%; } }

.card-rounded.d-flex.flex-stack.flex-wrap.p-5 {
  border: 0; }

.card-rounded.d-flex.flex-stack.flex-wrap.p-5 {
  padding: 0 !important; }
  .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px; }
  .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item {
    border-radius: 4px;
    border: 1px solid #E7EAF0; }
    .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item a {
      padding: 0 20px !important;
      height: 38px;
      display: flex;
      align-items: center;
      color: var(--PIA_BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 14px */
      text-transform: capitalize; }
    .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item:hover {
      border-radius: 4px;
      border: 1px solid #E7EAF0;
      background: #F7F8FC !important; }
      .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item:hover a {
        background: none !important;
        color: #042040; }
    .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item.active {
      border-radius: 4px;
      border: 1px solid var(--PIA_BK-01, #042040);
      background: var(--PIA_BK-01, #042040); }
      .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item.active a {
        background: none !important;
        color: #FFF; }
      .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item.active:hover {
        border-radius: 4px !important;
        border: 1px solid var(--PIA_BK-01, #042040) !important;
        background: var(--PIA_BK-01, #042040) !important; }
        .card-rounded.d-flex.flex-stack.flex-wrap.p-5 .nav-item.active:hover a {
          background: none !important;
          color: #FFF !important; }

.text-black, .text-dark {
  font-size: 36px !important;
  font-family: Ubuntu-Medium, Ubuntu;
  font-weight: 500;
  color: #042040;
  line-height: 28px; }

.blog-list-tit {
  width: 100%;
  display: block;
  font-size: 18px;
  font-family: Ubuntu-Medium, Ubuntu;
  font-weight: 600;
  color: #042040;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }
  .blog-list-tit:hover {
    color: #0E6FDE !important; }

.blog-list-p {
  font-size: 16px;
  font-family: "Open Sans" !important;
  font-weight: 400;
  color: #042040 !important;
  line-height: 27px;
  margin-top: 12px;
  margin-bottom: 25px; }

.text-hover-primary {
  color: var(--PIA_BK-02, #55687D) !important;
  font-family: "Open Sans" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px; }
  .text-hover-primary:hover {
    color: #0E6FDE !important; }

.text-muted {
  font-size: 14px;
  font-family: Ubuntu-Light;
  font-weight: 400;
  color: #55687D !important;
  line-height: 24px; }

.badge-light-info {
  font-size: 14px;
  font-family: Ubuntu-Light;
  font-weight: 400;
  color: #7239EA;
  line-height: 21px;
  padding: 3px 6px !important; }

.blog-img-tit {
  overflow: hidden;
  width: 491px;
  height: 275px; }
  .blog-img-tit:hover img {
    transform: scale(1.05); }
  .blog-img-tit img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all .5s; }

.blog-list {
  width: 100%;
  cursor: pointer; }
  .blog-list .img-a {
    overflow: hidden;
    width: 100%; }
    .blog-list .img-a:hover img {
      transform: scale(1.05); }
    .blog-list .img-a img {
      width: 100%;
      transform: scale(1);
      transition: all .5s; }

.party-li {
  margin-top: 10px !important; }

.fw-bolder > div:first-child {
  float: left; }
.fw-bolder > div:last-child {
  float: right;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }
.fw-bolder::after {
  display: block;
  clear: both;
  content: ""; }

.card-title {
  padding-bottom: 25px;
  border-bottom: 1px solid #EFF2F5;
  margin-bottom: 50px; }
  .card-title > p,
  .card-title > h1 {
    font-size: 40px !important;
    font-weight: 500;
    color: #042040; }
  .card-title > div p {
    color: #94A3B8;
    font-size: 18px;
    margin-top: 40px; }
    .card-title > div p a {
      color: #94A3B8; }
  .card-title .card-desc {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px; }
    .card-title .card-desc span {
      color: var(--PIA_BK-02, #55687D) !important;
      font-size: 14px !important;
      font-style: normal;
      font-weight: 400 !important;
      line-height: 14px;
      /* 14px */
      display: flex;
      align-items: center; }
    .card-title .card-desc .dot {
      margin-top: -8px; }

.card-content {
  padding-bottom: 25px;
  border-bottom: 1px solid #EFF2F5;
  margin-bottom: 15px; }
  .card-content > p {
    font-size: 18px;
    color: #042040;
    font-weight: 400;
    margin-bottom: 20px; }

.card-bottom::after {
  display: block;
  clear: both;
  content: ""; }
.card-bottom > div:first-child {
  float: left; }
.card-bottom > div:last-child {
  float: right;
  text-align: right; }
.card-bottom > div > p {
  font-size: 15px;
  font-weight: 400;
  color: #55687D; }
.card-bottom > div > a {
  width: 100%;
  color: #042040;
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 370px; }
  .card-bottom > div > a:hover {
    color: #174FDB;
    text-decoration: underline !important; }

.mt-lg-10 {
  margin-top: 8.5rem !important; }

.search-none {
  display: none; }

.search-no {
  width: 100%;
  display: none; }
  .search-no > img {
    display: block;
    margin: 0 auto; }
  .search-no > p {
    text-align: center;
    color: #042040;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-top: 10px;
    font-family: 'Open Sans-Regular';
    margin-top: 20px; }

.wrapper {
  position: relative; }

.popular_blogs {
  display: flex;
  width: 340px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: absolute;
  right: 0;
  top: 0; }
  .popular_blogs > p {
    color: var(--PIA_BK-01, #042040);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 18px */ }
  .popular_blogs > a {
    color: var(--PIA_BK-01, #042040);
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 24px */ }
    .popular_blogs > a:hover span {
      text-decoration: underline; }

.b_right_wrap {
  width: 340px;
  margin-left: 60px; }
  .b_right_wrap .right_list_w {
    width: 340px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    align-self: stretch; }
    .b_right_wrap .right_list_w .right_list_tit {
      color: var(--PIA_BK-01, #042040);
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 15px */ }
    .b_right_wrap .right_list_w .right_list {
      display: flex;
      flex-direction: column;
      border-left: 1px solid #EFF2F5;
      position: relative; }
      .b_right_wrap .right_list_w .right_list .li {
        padding-left: 10px;
        color: var(--PIA_BK-01, #042040);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 24px */
        cursor: pointer; }
        .b_right_wrap .right_list_w .right_list .li + .li {
          margin-top: 15px; }
        .b_right_wrap .right_list_w .right_list .li:hover {
          text-decoration-line: underline;
          font-weight: 400;
          color: #042040; }
      .b_right_wrap .right_list_w .right_list .line {
        position: absolute;
        left: -1px;
        top: 0;
        width: 2px;
        border-radius: 1px;
        background-color: #042040;
        transition: all .2s; }
  .b_right_wrap .keyword {
    gap: 20px;
    align-self: stretch;
    border-radius: 8px;
    padding: 30px;
    background: #F5F6FA; }
    .b_right_wrap .keyword .keyword_tit {
      color: var(--luna-black-1, #22264B);
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      text-transform: capitalize; }
      .b_right_wrap .keyword .keyword_tit .right_list .r_b_li {
        color: var(--luna-black-1, #22264B);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; }
    .b_right_wrap .keyword .keyword_cont {
      margin-top: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
      .b_right_wrap .keyword .keyword_cont .key_cont_li a {
        display: block;
        padding: 10px 20px;
        border-radius: 26px;
        border: 1px solid var(--luna-bk-04, #DADCE5);
        background: #FFF;
        color: var(--luna-black-1, #22264B);
        text-align: center;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        text-transform: capitalize;
        cursor: pointer; }
        .b_right_wrap .keyword .keyword_cont .key_cont_li a:hover {
          color: #fff;
          border-radius: 26px;
          background: var(--luna-black-1, #22264B);
          border: 1px solid #22264B; }
        .b_right_wrap .keyword .keyword_cont .key_cont_li a.active {
          color: #fff;
          border-radius: 26px;
          background: var(--luna-black-1, #22264B); }

header .header-cont > .header-right > .header-login-box > .loginTxt > img {
  top: 0px; }

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