.pagination li {
  border-color: transparent; }
  .pagination li .page-link {
    min-width: 38px;
    color: var(--mainColor) !important;
    transition: all 0.3s ease; }
    .pagination li .page-link:hover {
      background: var(--mainColor);
      border-color: var(--mainColor);
      color: #fff !important; }
    .pagination li .page-link:focus {
      box-shadow: 0 0 0 0.2rem var(--mainColor); }
  .pagination li.active .page-link {
    border-color: var(--mainColor);
    color: var(--mainColor) !important; }

.blog-name {
  font-size: 24px; }

.img_thm {
  border-radius: 10px; }

.mn_box {
  gap: 15px; }
  .mn_box .li_menu .link.active {
    color: var(--mainColor);
    border-bottom: 3px solid; }

.title-head {
  font-size: 16px; }
  .title-head.big {
    background: var(--mainColor);
    color: #fff; }

a.title-head.big:hover {
  background: var(--mainColor2); }

@media (min-width: 768px) {
  .blog-item-list {
    margin-bottom: 10px !important; } }

.blog-item-list:last-child {
  margin-bottom: 0px !important; }

.blog-item-list .blog-item-name {
  font-size: 1rem; }

@media (max-width: 575px) {
  .item_list_index {
    transition: all 0.5s;
    margin-bottom: 15px; }
    .item_list_index .title_blo {
      line-height: normal;
      font-size: 1rem; }
      .item_list_index .title_blo a {
        font-size: 1rem; }
    .item_list_index .entry-date {
      color: #ffffff;
      top: 10px;
      left: -5px;
      background: var(--mainColor);
      padding: 3px 7px;
      line-height: normal;
      z-index: 9; }
      .item_list_index .entry-date:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 0;
        border-color: transparent var(--mainColor) transparent transparent;
        position: absolute;
        left: 0;
        bottom: -5px;
        filter: brightness(0.7); }
      .item_list_index .entry-date p {
        margin: 0; }
        .item_list_index .entry-date p.day {
          font-size: 1.2rem; }
        .item_list_index .entry-date p.yeah {
          font-size: 0.8rem; }
    .item_list_index .sum {
      font-size: 0.95rem; } }

.blog-list ul li {
  min-width: 25%;
  flex: 0 0 25%; }
  @media (max-width: 767px) {
    .blog-list ul li {
      min-width: 50%;
      flex: 0 0 50%; } }
  .blog-list ul li .image {
    width: 3rem;
    height: 3rem;
    min-width: 48px; }
    .blog-list ul li .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .blog-list ul li .text h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0; }
  .blog-list ul li .text span {
    font-size: .75rem;
    line-height: 1rem; }

.custom-article-item {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .15s; }
  .custom-article-item:hover {
    background: #f9fafb;
    box-shadow: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; }
  .custom-article-item .custom-article-item_info {
    padding: 1rem; }
    .custom-article-item .custom-article-item_info .title_blo {
      font-size: 16px; }
    .custom-article-item .custom-article-item_info .tags {
      gap: 5px;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .custom-article-item .custom-article-item_info .tags::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: #f7f7f7;
        border-radius: 10px; }
      .custom-article-item .custom-article-item_info .tags::-webkit-scrollbar {
        height: 3px;
        background-color: #f7f7f7; }
      .custom-article-item .custom-article-item_info .tags::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #FFF;
        background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(var(--mainColor)), to(var(--mainColor)), color-stop(0.6, var(--mainColor))); }
    .custom-article-item .custom-article-item_info .item_tags {
      color: #854d0e;
      transition: all 0.3s ease;
      padding-top: .25rem;
      padding-bottom: .25rem;
      padding-left: .625rem;
      padding-right: .625rem;
      font-size: 12px;
      margin-top: .25rem;
      margin-bottom: .25rem;
      transition: all .3s ease; }
      .custom-article-item .custom-article-item_info .item_tags:hover {
        color: #fff; }
    .custom-article-item .custom-article-item_info > span {
      color: #6b7280;
      font-size: 12px; }

.lastest-articles .large-article:after {
  content: '';
  height: 60%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, transparent 0%, black 100%); }

.lastest-articles .large-article-info .title_blo {
  font-size: 2.25rem;
  line-height: 2.5rem; }
  .lastest-articles .large-article-info .title_blo a {
    color: #fff; }
    .lastest-articles .large-article-info .title_blo a:hover {
      color: var(--menuHover); }
  @media (max-width: 767px) {
    .lastest-articles .large-article-info .title_blo {
      font-size: 16px;
      line-height: 20px; }
      .lastest-articles .large-article-info .title_blo a {
        color: #000; } }

.lastest-articles .list_b-infor h3 {
  font-size: 16px;
  line-height: normal; }
  .lastest-articles .list_b-infor h3 a {
    color: #000; }

.lastest-articles .large-article-info {
  color: #fff;
  bottom: 0; }
  @media (max-width: 767px) {
    .lastest-articles .large-article-info {
      position: relative !important;
      color: #000;
      background: #fff;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; } }

.lastest-articles .blog_opa {
  right: 20px;
  top: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  max-height: calc(100% - 40px);
  overflow-y: auto; }
  @media (max-width: 767px) {
    .lastest-articles .blog_opa {
      background: #fff;
      backdrop-filter: initial;
      position: relative !important;
      right: 0; } }
  .lastest-articles .blog_opa::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    border-radius: 10px; }
  .lastest-articles .blog_opa::-webkit-scrollbar {
    width: 0px;
    background-color: #f7f7f7; }
  .lastest-articles .blog_opa::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(var(--mainColor)), to(var(--mainColor)), color-stop(0.6, var(--mainColor))); }

.lastest-articles .item_list {
  border-bottom: 1px solid #fff; }
  .lastest-articles .item_list:last-child {
    border-bottom: none; }

.rte a {
  color: #2196f3; }

#AjaxinatePagination a {
  font-size: 18px;
  min-width: 180px; }
  #AjaxinatePagination a:hover {
    color: var(--mainColor);
    box-shadow: 0 0px 2px 0 var(--mainColor), 0 0px 6px 0px var(--mainColor); }