:root{
  --contentNext:"Next";
  --contentPrevious:"Previous";
  --pagingBtnWidth:63px;
}
:root[theme="th"]{
  --contentNext:"ต่อไป";
  --contentPrevious:"ย้อนกลับ";
  --pagingBtnWidth:63px;
}
:root[theme="zh"]{
  --contentNext:"下一页";
  --contentPrevious:"上一页";
  --pagingBtnWidth:74px;
}
:root[theme="my"]{
  --contentNext:"Seterusnya";
  --contentPrevious:"Sebelumnya";
  --pagingBtnWidth:102px;
}
:root[theme="vi"]{
  --contentNext:"Kế tiếp";
  --contentPrevious:"Trước";
  --pagingBtnWidth:75px;
}
:root[theme="id"]{
  --contentNext:"Berikutnya";
  --contentPrevious:"Sebelumnya";
  --pagingBtnWidth:100px;
}
:root[theme="kk"]{
  --contentNext:"Следующий";
  --contentPrevious:"Предыдущий";
  --pagingBtnWidth:110px;
}
:root[theme="ko"]{
  --contentNext:"다음 페이지";
  --contentPrevious:"이전 페이지";
  --pagingBtnWidth:105px;
}
:root[theme="tw"]{
  --contentNext:"下一頁";
  --contentPrevious:"上一頁";
  --pagingBtnWidth:74px;
}
:root[theme="la"]{
  --contentNext:"ຕໍ່ໄປ";
  --contentPrevious:"ຍ້ອນກັບ";
  --pagingBtnWidth:63px;
}

  .blog-page .page-banner-content .page-banner-message h1{color:#034754;font-weight: 700;margin-bottom: 40px;font-size:var(--fs-45);}
    .blog-page .page-banner-content .page-banner-message p{color:var(--v-black);font-size:var(--fs-24);line-height: 1.2;}

    .blog-info {background: #f5f5f5;padding:120px 0px 230px;}
    .blog-info .blog-new {position: relative;}
    .blog-new h2{color: var(--v-black);font-size: var(--fs-40);margin-bottom:40px;}
    .blog-new .title-message{color: var(--v-black);font-size: var(--fs-24);margin-bottom:97px;}
    .blog-new h3 {margin-bottom:45px;color:var(--v-black);font-size:var(--fs-32);}
    .blog-new .filter-box li{margin-right:24px;margin-bottom:20px;display:flex;align-items: center;}
    .blog-new .filter-box li .label {color: #034754;font-weight: 500;width: 100px;padding-right:24px;font-size: var(--fs-14);}

    .blog-new .post-list {display:flex;flex-wrap:wrap;margin:48px -1.5% 50px}
    .blog-new .post-item {width:30.3%;max-width:374px; margin:0px 1.5% 40px;position:relative;background: var(--v-white);border-radius: 15px;overflow: hidden;}
    .blog-new .post-item .img_box{overflow: hidden;}
    .blog-new .post-item .text{font-size:18px;font-weight: 500;color:#034754;margin-bottom: 24px;}
    .blog-new .post-item .excerpt {font-size:14px;color: #646464;line-height: 1.3;}
    .blog-new .post-item a{text-decoration: none;}
    .blog-new .post-item .item-info {padding:25px;display: flex;flex-direction: column;justify-content: flex-end;}
    .blog-new .post-item .item-message{flex:1;}
    .blog-new .post-item .tag{margin-top:20px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between }
    .blog-new .post-item .tag-button {padding: 3px 24px 10px;margin: 0px;position: relative;text-transform: uppercase;font-size: 12px;color: var(--v-black);display:inline-block;font-weight: 500;}
    .blog-new .post-item .tag-button::after {content:'';display:block;width: 16px;height: 16px;position: absolute;background:url(/wp-content/themes/pantners-apac/images/blog-tag-button-icon.svg)center center no-repeat;left:0px;top:0px;}
    .blog-new .post-item .tag-button:last-child{padding-bottom:0px;}
    .blog-new .tags-box {width:75%;}
    .blog-new .tags-box p{margin:0px 5px 5px 0px}
    .blog-new .post-item .date{margin-bottom: 0px;font-size:12px;color: #646464;}
    .not-data{text-align:center;padding:20px}
    .search-status {color:var(--v-black);}
    .search-status span{color:#034754;font-weight: 500;}

    /* element style start*/
    .blog-new .el-checkbox-button__inner,
    .blog-new .el-radio-button__inner {border: 1px solid #646464 !important;margin-right:12px;border-radius:50px !important;color:var(--v-black);margin-bottom:4px;padding: 8px 15px;}
    .blog-new .el-checkbox-button.is-checked .el-checkbox-button__inner,
    .blog-new .el-radio-button__orig-radio:checked+.el-radio-button__inner {border: 1px solid #646464 !important;background: #646464;box-shadow: -1px 0 0 0 #646464;-webkit-box-shadow: -1px 0 0 0 #646464;}

    .blog-new .el-radio-button,
    .blog-new .el-checkbox-button{-webkit-box-shadow: none !important;box-shadow: none !important;border:0px !important;}
    .blog-new .el-checkbox-button.is-checked .el-checkbox-button__inner,
    .blog-new .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover {color:var(--v-white);}
    .blog-new .el-checkbox-button__inner,
    .blog-new .el-radio-button__inner:hover {color:var(--v-black);}
    .blog-new .el-input--prefix .el-input__inner{width: 214px;border-radius: 50px;border-color: #646464;}
    .blog-new .el-input__icon {color:var(--v-black);font-weight: 600;}

    .el-pagination{text-align:center}
    .el-pagination .btn-next,
    .el-pagination .btn-prev,
    .el-pager li{font-size: var(--fs-14) !important;color: #034754; background:var(--p-grey-light2) !important;margin: 0px 7px; min-width: 21px; height: 21px;line-height: 21px;}
    .el-pager li.active,
    .el-pager li:hover,
    .el-pagination button:hover {background: #034754 !important;border-radius: 5px;color:var(--v-white);}
    .el-pagination button {color: #034754;min-width: var(--pagingBtnWidth) !important;text-align:right;position: relative;}

    
    .blog-new button.btn-next::after{content: var(--contentNext);position: absolute;left: 10px;top: -1px;}
    .blog-new button.btn-prev::after{content: var(--contentPrevious);margin-left:5px;}

    .blog-new button.btn-prev i {display: inline-block !important;}
    /* element style end */
    @media (max-width:980px) {
      .blog-new .post-list {max-width:800px;margin:0px auto;justify-content: space-between;}
      .blog-new .post-item {width: 48%;margin:0px 0px 24px;}
      .blog-new .post-item .item-info {height: calc(100% - 240px);}
    }
    @media (max-width:768px) {
      .blog-page .page-banner-content .page-banner-message p{display: none;}
      .blog-page .page-banner-content .page-banner-message h1{margin-bottom: 0 !important;}
      /* .page-banner-content .inner{min-height: auto !important;} */

      .page-banner-content .page-banner-message h1 {margin-bottom:10px;}
      .blog-info {padding: 50px 0px;}
      .blog-new h2 {margin-bottom:15px;}
      .blog-new h3 {margin-bottom:20px;}
      .blog-new .title-message{margin-bottom:20px;}
      .blog-new .filter-box li {margin:0px 0px 16px;display:block;}
      .blog-new .filter-box li .label {padding:0px 0px 8px;font-size:16px;}
      .blog-new .post-list {margin:50px auto 10px;justify-content:center;}
      .blog-new .post-item {width: 100%;}
      .blog-new .post-item .item-info {height: auto;}

      .blog-new .el-radio-group {width: 100%;}
      .blog-new .el-radio-button {width:50%;padding-right:12px;}
      .blog-new .el-radio-button:last-child {padding-right:0px;}
      .blog-new .el-radio-button span{width:100%;}
      .el-pager li {margin: 0px 2px;}
      .el-pagination button {min-width: 35.5px !important;}
      .blog-new button.btn-next::after,
      .blog-new button.btn-prev::after{display:none;}
      .blog-new .el-checkbox-button__inner,
      .blog-new .el-radio-button__inner {padding: 10px 16px;}
      .blog-new .el-input--prefix .el-input__inner {width: 100%;}

    }
    .blog-new .rotate-data-box {width:100%;height: 100%; background-color:rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;display: flex;justify-content: space-around;align-items: center;z-index: 100;}
    .blog-new .rotate-data-box img{animation: rotate 1s infinite linear;}
    @keyframes rotate{
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }