:root {
    --white-color: #fff;
    --black-color: #000;
    --main-color: #025421;
    --red-color: #ed1f24;
    --bg: #ffffff;
    --text: #222;
    --card: #f3f3f3;
}
[data-theme="dark"] {
    --bg: #121212;
    --text: #ffffff;
    --card: #1f1f1f;
    --main-color: #5AC87A;
}
[data-theme="dark"] .bx-social a {background-color: var(--text);}
[data-theme="dark"] .bx-social svg path{fill: #000;}
[data-theme="dark"] .bx-cat-link{background-color: var(--bg);}

@font-face {font-family: 'KozGoPr6N-Regular';src: url('fonts/KozGoPr6N/KozGoPr6N-Regular.otf');font-weight: 400;}
@font-face {font-family: 'DaunPenh';src: url('fonts/daunpenh/daunpenh.ttf');font-weight: 400;}
@font-face {font-family: 'SaysetthaOT';src: url('fonts/saysettha-ot/saysettha_ot.ttf');font-weight: 400;}
@font-face {font-family: 'Anton';src: url('fonts/Anton/Anton-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Charis_SIL';src: url('fonts/Charis_SIL/CharisSIL-Bold.ttf');font-weight: 700;}
@font-face {font-family: 'Charis_SIL';src: url('fonts/Charis_SIL/CharisSIL-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Inter';src: url('fonts/Inter/Inter-Bold.ttf');font-weight: 700;}
@font-face {font-family: 'Inter';src: url('fonts/Inter/Inter-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Playfair_Display';src: url('fonts/Playfair_Display/PlayfairDisplay-Bold.ttf');font-weight: 700;}
* {margin: 0;padding: 0;}
*, *::before, *::after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {min-width: 1240px;font-size: 14px;font-family: 'Inter', sans-serif;font-weight: 400;line-height: 1.4;background: var(--bg);
    color: var(--text);
    transition: background .3s ease, color .3s ease;}
.siteCenter {width: 1180px;margin: 0 auto;}
.fw {width: 100%;}
a {text-decoration: none;border: none;color: inherit;transition: 0.3s ease all;}
img {border: none;vertical-align: middle;max-width: 100%;height: auto;}
input, button {border: 0;outline: 0;}
ul,ol {list-style: none;}
li {display: list-item;text-align: -webkit-match-parent;}
b,strong {font-weight: 700;}
.flex-0 {display: flex;justify-content: space-between;align-items: center;}
.flex-1 {display: flex;justify-content: flex-start;align-items: center;}
.flex-2 {display: flex;justify-content: flex-start;align-items: flex-start;}
.flex-3 {display: flex;flex-direction: column;row-gap: 30px;}

.gotop {width: 39px;height: 39px;background: #e0edf3 url(../images/pc/go-top.png) center center no-repeat;border-radius: 50%;display: none;position: fixed;bottom: 40px;right: 12px;cursor: pointer;z-index: 999;text-align: center;transition: .3s ease all;opacity: 1;}
.gotop:hover {opacity: .8;}
/* header */
.header-top{padding-block: 10px;}
.header-top .siteCenter {position: relative;}
.header-right-top {column-gap: 15px;}
.ico-flag {margin-left: 20px; padding-left: 36px;line-height: 34px;font-size: 12px;}
.flag-england {background: url(../images/pc/lang-en.png) 0 center no-repeat;}
.flag-china {background: url(../images/pc/lang-ch.png) 0 center no-repeat;font-family: 'KozGoPr6N-Regular', sans-serif;}
.flag-russia {background: url(../images/pc/lang-ru.png) 0 center no-repeat;}
.flag-combodia {background: url(../images/pc/lang-com.png) 0 center no-repeat;font-family: 'DaunPenh',sans-serif;font-size: 24px;}
.flag-laos {background: url(../images/pc/lang-laos.png) 0 center no-repeat;font-family: 'SaysetthaOT', sans-serif;}
.bx-social {column-gap: 3px;display: flex;align-items: center;justify-content: flex-start;}
.bx-social a {width: 30px;height: 30px;border-radius: 50%;background-color: #191816;display: flex;justify-content: center;align-items: center;}
.bx-social svg path{fill: #fff;}
.h-facebook svg {margin-top: 7px;}
/* .bx-social .h-facebook {background-position: 0px 0;}
.bx-social .h-tiktok {background-position: -32px 0;}
.bx-social .h-youtube {background-position: -65px 0;}
.bx-social .h-mail {background-position: -98px 0;} */
.ico-mode{background: url(../images/pc/mode-moon.png) center center no-repeat;width: 22px;height: 22px;display: block;background-size: cover;cursor: pointer;}
.ico-mode.icon-light {background-image: url(../images/pc/mode-light.png);}
.ico-search {width: 28px;height: 28px;display: block;cursor: pointer;}
.header-search-mb {
  display: flex;
  justify-content: end;
  padding: 20px 0;
}
.icon-search {cursor: pointer;}
.header-search {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 380px;
    height: 70px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    background: #025421;
    z-index: 9999;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search.active {
    opacity: 1;
    visibility: visible;
}

.icon-search.active,
.dropdown .menu-item.active {
  background-color: white;
}

#frmSearch {
  position: relative;
  overflow: hidden;
  font-size: 13px;
  width: 350px;
  height: 40px;
  padding: 0 16px;
  background: #f4f4f4;
  border: 0 none;
  border-radius: 20px;
}

#frmSearch input[type="text"] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding-right: 70px;
}

#frmSearch button[type="submit"] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  padding: 13px;
  background: var(--red-color);
  border-radius: 20px;
}

.split {width: 1px;height: 18px;background-color: #000;}
.nav-menu {
    background-color: var(--bg);
    padding: 10px 0;
}
.menu-item {transition: 0.25s ease;position: relative;}
.menu-link {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    display: block;
    padding: 9px 12px 8px;
}

.item-submenu:hover a,
.menu-item:not(.menu-homepage):hover,
.menu-item:not(.menu-homepage).active {
    background-color: var(--main-color);
    color: var(--white-color);
    border-radius: 5px;
}
.ico-home {
    padding: 0;
    padding-right: 8px;
    display: block;
}

.ico-bars::before {
    content: '';
    width: 18px;
    height: 1px;
    background-color: var(--main-color);
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    transition: .3s transform ease;
    z-index: 9;
}
.ico-bars {
    width: 18px;
    height: 9px;
    border-top: 1px solid var(--main-color);
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 99;
    transition: .3s ease all;
    cursor: pointer;
}

.ico-bars::after {
    content: '';
    width: 18px;
    height: 1px;
    background-color: var(--main-color);
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 9;
}

.ico-bars-close {
    /* position: absolute;
    right: 9px;
    top: 31px; */
    border-top: 0;
}

.ico-bars-close::before {
    transform: rotate(45deg);
}

.ico-bars-close::after {
    transform: rotate(-45deg) translate(3px, -4px);
}
.header-mega-menu {display: none;background-color: #ebebeb;position: absolute;z-index: 9;box-shadow: 0 0 5px 0 #ebebeb;padding: 30px 0;}
.header-mega-menu.show {display: block;-webkit-animation: goToTop .25s ease-in;animation: goToTop .25s ease-in;}
#nav {
    position: relative;
}
#nav.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    box-shadow: 0px 1px 10px #ebebeb;
}
.navigation-header {
    flex-wrap: wrap;
    gap: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.mega-menu-item {
    width: calc((100% - 4*25px) / 5);
}

.mega-menu-item a {
    display: block;
}

.mega-link {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.mega-link-sub {
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
}
.menu-sub {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    text-align: left;
    list-style: none;
    background-color: #eee;
    min-width: 200px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 8px 8px;
    transition: 0.5 ease-in all;
}

.menu-item:hover .menu-sub {
    display: block;
    border: none;
    -webkit-box-shadow: 0px 10px 34px -20px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 50%);
    box-shadow: 0px 10px 34px -20px rgb(0 0 0 / 50%);
    padding: 0;
    -webkit-animation: goToTop .25s ease-in;
    animation: goToTop .25s ease-in;
}

@-webkit-keyframes goToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.item-submenu:not(:first-child) {
    border-top: 1px solid var(--white-color);
}

.item-submenu a {
    padding: 8px 10px;
    display: block;
    font-size: 15px;
    transition: .3s ease all;
    color: #000;
    
}
#main {margin-bottom: 20px;}
.article-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../images/no-image.jpg) 0 0 no-repeat;
    background-size: cover;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 5px;
}

.article-image::before {
    padding-top: 56.25%;
    content: "";
    display: block;
}

.article-image:hover {
    opacity: .85;
}
.article-image .ico-player {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;background: url(../images/pc/ico-player.png) 0 0 no-repeat;width: 66px;height: 66px;background-size: cover;}
.article-image .ico-podcast {display: block;position: absolute;left: 10px;bottom: 10px;z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;background: url(../images/pc/ico-multi-podcast.png) 0 0 no-repeat;width: 20px;height: 20px;background-size: contain;}
.article-image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/* .article-image:hover {
    opacity: .85;
} */
.article-subtile {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}
.article .article-subtile:empty {
    display: none;
}
.article-title {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 700;
    transition: .3s ease;
}

/* .article-link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
} */

.article-desc {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.bx-cat-title {
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    color: var(--main-color);
    margin-bottom: 30px;
    text-align: center;
}
.article-date {color: #c2c2c2;text-transform: uppercase;font-size: 12px;}
.article-cate {color: var(--main-color);text-transform: uppercase;font-size: 12px;}
.article-date + .article-cate::before {content: '|';color: #999;padding-right: 5px;font-size: 12px;}

.bx-cat-name {position: relative;}
.bx-cat-name::before{
    content: '';position: absolute;left: 0;right: 0;height: 5px;background:url(../images/pc/line-cat.png) 0 0 repeat-x;top: 50%;z-index: -1;
}
.bx-cat-link {
    padding-inline: 25px;
    background-color: var(--white-color);
    font-size: 32px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
}

.bx-subcat-name {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
}
.bx-subcat-name a {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-inline: 20px 15px;
}
.bx-subcat-name a:not(:first-child):before {
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}
.title-left {text-align: left;}
.title-left .bx-cat-link {padding-left: 0;}
.title-left .bx-subcat-name {flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start;}
.title-left .bx-subcat-name a {padding-inline: 18px 12px;}
.title-left .bx-subcat-name a:first-child {padding-left: 0;}
.header-topic {
    display: flex;
    align-items: center;
    padding-block: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e1e1e1;
}
.bx-link-topic {background: url(../images/pc/ico-flash.png) 0 center no-repeat;padding-inline: 18px;font-family: 'Inter', sans-serif;color: #ff0000;text-transform: uppercase;font-size: 13px;font-weight: 700;flex-shrink: 0;flex-grow: 0;}
.header-topic .article-title {font-weight: 400;display: inline-block;margin-inline: 15px;color: var(--main-color);}
.article-title:hover {color: var(--main-color);}

.mul-cat-name:hover,
.bx-subcat-link:hover {text-decoration: underline;}

.header-topic .article-title:hover,
.bx-cat-link:hover {color: var(--red-color);}
.mul-cat .article-title:hover {opacity: .8;}
/* main */
.bx-coverange .article {width: 370px;border-top: 1px solid #ebebeb;margin-top: 20px;padding-top: 20px;float: right;}
.bx-coverange .article:not(:first-child) .article-subtile {padding-left: 25px;}
.bx-coverange .article-title {position: relative;padding-left: 25px;font-size: 18px;}
.bx-coverange .article-title::before {content: '';position: absolute;left: 0;top: 10px;border-radius: 50%;background-color: var(--main-color);width: 8px;height: 8px;}
.bx-coverange .article:first-child {width: 775px;float: left;margin-right: 35px;display: flex;flex-direction: column;row-gap: 10px;}
.bx-coverange .article:first-child .article-title::before {content: unset;}
.bx-coverange .article:nth-child(-n+2) {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-coverange .article:first-child .article-title {font-size: 30px;position: unset;padding-left: 0;}
.mul-right .article-desc,

.bx-cat-cover .article:not(:first-child) .article-desc,
.bx-cat-one .article:not(:first-child) .article-desc,
.bx-coverange .article:not(:first-child) .article-image,
.bx-coverange .article:not(:first-child) .article-desc {
    display: none;
}
.bx-coverange .article:first-child .article-subtile, .bx-cat-one .article:first-child .article-subtile{font-size: 18px;margin-bottom: -5px;}
.bx-article-3 {display: flex;gap: 32px;flex-wrap: wrap;}
.bx-article-3 .article {width: calc((100% - 32px*2) / 3);display: flex;flex-direction: column;row-gap: 10px;}
.bx-article-3 .article-title {font-size: 18px;}
.bx-cat-cover .article-content, .bx-cat-one .article-content {display: flex;flex-direction: column;row-gap: 6px;}
.bx-cat-cover .article:first-child, .bx-cat-one .article:first-child {width: 100%;display: flex;flex-direction: row-reverse;background-color: #d5e3da;border-radius: 5px;}
.bx-cat-cover .article:first-child .article-image, .bx-cat-one .article:first-child .article-image {width: 572px;}
.bx-cat-cover .article:first-child .article-content , .bx-cat-one .article:first-child .article-content {row-gap: 10px;padding: 25px 35px;color: var(--black-color);}
.bx-cat-cover .article:first-child .article-title, .bx-cat-one .article:first-child .article-title {font-size: 26px;}
.grid {display: flex;justify-content: space-between;row-gap: 34px;position: relative;}
.grid::before {content: '';position: absolute;left: 863px;top: 0;width: 1px;height: 100%;background-color: #e6e5e5;}
.grid-reverse {display: flex;justify-content: space-between;row-gap: 34px;position: relative;flex-direction: row-reverse;}
.grid-reverse::before {content: '';position: absolute;left: 316px;top: 0;width: 1px;height: 100%;background-color: #e6e5e5;}
.grid-twices {display: flex;justify-content: space-between;row-gap: 34px;position: relative;}
.grid-twices::before {content: '';position: absolute;left: 590px;top: 0;width: 1px;height: 100%;background-color: #e6e5e5;}
.col-left {width: 846px;}
.col-right{width: 300px;}
.rows-0 {display: flex;flex-direction: column;row-gap: 25px;}
.bx-article-2 {display: flex;gap: 36px;flex-wrap: wrap;}
.bx-article-2 .article {width: calc((100% - 36px) / 2);display: flex;flex-direction: column;row-gap: 10px;}
.bx-article-2 .article-title {font-size: 18px;}
/* .list-left {}
.list-right {width: 260px;} */
.bx-article-5 .article {display: flex;flex-direction: column;row-gap: 6px;}
.bx-article-5 .article:nth-child(1),
.bx-article-5 .article:nth-child(n+4){
    float:left;
    width:552px;
    clear:left;
}

.bx-article-5 .article:nth-child(2),
.bx-article-5 .article:nth-child(3){
    float:right;
    width:260px;
    clear:right;
}
.bx-article-5 .article:first-child .article-title {font-size: 22px;}
.bx-article-5 .article:nth-child(3) {margin-top: 25px;}
.bx-article-5 .article:nth-child(n+4) {margin-top: 18px;}
.bx-article-5 .article:nth-child(n+4) .article-subtile {padding-left: 25px;}
.bx-article-5 .article:nth-child(n+4) .article-title {position: relative;font-family: 'Inter', sans-serif;font-weight: 400;padding-left: 25px;}
.bx-article-5 .article:nth-child(n+4) .article-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: var(--main-color);
    width: 8px;
    height: 8px;
}
.bx-article-5 .article:nth-child(n+4) .article-image{display: none;}
/* multimedia */
.mul-name {
    text-transform: uppercase;
    font-family: 'Playfair_Display', sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: var(--main-color);
    text-align: center;
    margin-bottom: 20px;
}

.mul-container {background-color: #075724;padding: 32px 0;}
.mul-cat-content {padding-bottom: 40px;}
.mul-cat {position: relative;}
.mul-cat-name{color: var(--white-color);position: absolute;left: 0;top: 0;font-size: 50px;font-family: 'Inter', sans-serif;font-weight: 700;text-transform: uppercase;line-height: 1;width: 350px;text-align: center;}
.mulSwiper.swiper {padding:0 32px;}
.mul-right,
.mul-cat-content{display:flex;align-items:flex-start;gap: 20px 33px;}
.mul-right {flex-wrap: wrap;}
.mul-cat .article{width: 350px;flex-shrink: 0;flex-grow: 0;display: flex;flex-direction: column;row-gap: 10px;}
.mul-cat .article-title{color: var(--white-color);font-size: 17px;}
.mul-cat .article-desc{color: var(--white-color);font-size: 16px;}
.mul-cat-content > .article {margin-top: 80px;}
.mul-cat-content > .article .article-title {font-size: 20px;}
.mulSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}
.mulSwiper .swiper-pagination-bullet {
    width: 42px;
    height: 4px;
    border-radius: 4px;
    margin-inline: 4px;
    /* cursor: pointer; */
}

.mul-arrow{
    position: absolute;
    top: calc((100% - 40px) / 2);
    left: 12px;
    transform: translateY(-50%);
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    cursor: pointer;
    transition: .3s;
    z-index: 999;
}

.mul-arrow::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-30%,-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}

.mul-arrow:hover{
    background: rgba(255,255,255,.25);
}
.mul-arrow{
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 4px 15px rgba(0,0,0,.15);
}
.mul-next {
    right: 12px;
    left: unset;
}
.mul-next::before {
    border-left: 12px solid #fff;
    border-right: 0;
}
.bx-cat-three {width: 570px;}
.bx-cat-three .article {display: flex;column-gap: 30px;align-items: flex-start;margin-top: 25px;padding-top: 25px;border-top: 1px solid #ebebeb;}
.bx-cat-three .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-cat-three .article-image {width: 270px;}
.bx-cat-three .article-content {display: flex;flex-direction: column;row-gap: 7px;margin-top: -7px;}
.bx-cat-three .article-desc {font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bx-six-list, .bx-cat-six .bx-cat-content{display:flex;align-items:flex-start;gap: 20px 34px;}
.bx-six-list {flex-wrap: wrap;}
.bx-cat-six .article{width: 270px;flex-shrink: 0;flex-grow: 0;display: flex;flex-direction: column;row-gap: 6px;}
.bx-cat-six .article-title{font-size: 16px;}
.bx-cat-six .article-desc{font-size: 16px;}
.bx-cat-six .bx-cat-content > .article {width: 572px;}
.bx-cat-six .bx-cat-content > .article .article-title {font-size: 22px;}
.bx-six-list .article-desc {display: none;}
.bx-cat-seven .article {display: flex;flex-direction: column;row-gap: 6px;}
.swiper.sevenSwiper {padding-bottom: 40px;}
.sevenSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #075724;
}
.sevenSwiper .swiper-pagination-bullet {
    margin-inline: 3px;
    background: #c2c2c2;
    opacity: 1;
    cursor: pointer;
}
.bx-print .article {display: flex;flex-direction: column;row-gap: 15px;}
.bx-print .article-image::before {
    padding-top: 150%;
}
/* category */
.bre-title {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    color: var(--main-color);
    /* margin-bottom: 30px; */
    text-align: center;
    position: relative;
    background-color: var(--bg);
    padding-inline: 25px;
    flex-wrap: wrap;
}

.bre-link {
    padding-right: 15px;
    background-color: var(--white-color);
    font-size: 32px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

.bre-sublink {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
}

.bre-sublink::before {
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}

.bx-sub-breadcrumb {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.bx-sub-breadcrumb::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    background: url(../images/pc/line-cat.png) 0 0 repeat-x;
    top: 50%;
    z-index: -1;
}
.bx-cat-list .article {display: flex;column-gap: 36px;align-items: flex-start;margin-top: 30px;padding-top: 30px;border-top: 1px solid #ebebeb;}
.bx-cat-list .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-cat-list .article-image {width: 405px;}
.bx-cat-list .article-content {display: flex;flex-direction: column;row-gap: 10px;margin-top: -7px;}
.bx-cat-list .article-subtile{font-size: 18px;}
.bx-cat-list .article-title{font-size: 26px;line-height: 1.4;}
.bx-cat-list .article-desc {font-size: 18px;}
/* overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical; */
.__MB_ARTICLE_PAGING {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
    width: 100%;
    column-gap: 10px;
    white-space: nowrap;
}

.__MB_ARTICLE_PAGING>a,
.__MB_ARTICLE_PAGING>div,
.__MB_ARTICLE_PAGING span {
    padding: 14px 40px;
    background-color: #e1e0e0;
    border-radius: 42px;
    display: inline-flex;
    font-size: 12px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

.__MB_ARTICLE_PAGING>div:hover,
.__MB_ARTICLE_PAGING span.current {
    color: var(--white-color);
    background-color: var(--main-color);
}

.__MB_ARTICLE_PAGING span:first-child {
    display: none;
}

/* loading more */

.loader-ellips:not(.__mbloading) {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 48px auto 0;
}

.loader-ellips__dot {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--red-color);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }

    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}
/* detail */

.article-detail-intro {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
}
.ico-google-news {
    background-color: #ebebeb;
    color: var(--black-color);
    padding: 8px;
    display: inline-block;
    border-radius: 4px;
}
.article-detail-extensition {
    width: 32px;
}

.article-detail-button {
    position: sticky;
    position: -webkit-sticky;
    top: 50px;
}

.change-font {
    width: 32px;
    overflow: hidden;
    border: 1px solid #dfe0e3;
    border-radius: 32px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.font {
    text-align: center;
    float: left;
    padding: 24px 0;
    width: 32px;
    cursor: pointer;
}

.change-font .ico-arrow {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 24px;
    border: 1px solid #ebebeb;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-detail-social>div,
.article-detail-social>a {
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.ic-copy {
    position: relative;
}

.ic-copy .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
    z-index: 999;
}

.ic-copy .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.ic-copy:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.article-detail-subtitle {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}
.article-detail-subtitle:empty {
    display: none;
}
.article-detail-title {
    font-size: 32px;
    line-height: 1.2;
    font-family: 'Playfair_Display', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
.article-detail-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.article-cat {
    font-size: 14px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.article-publish {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #a6a6a6;
}

.article-cat +.article-publish::before {
    content: '|';
    padding-inline: 4px;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 400;
}
.author-image {width: 35px;height: 35px;border-radius: 35px;overflow: hidden;border: 1px solid #ebebeb;margin-right: 15px;flex-shrink: 0;flex-grow: 0;}
.author-image {background: url(../images/pc/mastercms_noavatar.png) 0 0 no-repeat;background-size: cover;}
.author-image img[src=""] {display: none;}
.author-info .author-title{font-size: 14px;color: var(--main-color);line-height: 1.4;}
.author-info .author-email{font-size: 12px;line-height: 1;margin-top: 3px;display: block;line-height: 1.4;}
.author-link-more{font-size: 14px;line-height: 1.4;color: var(--main-color);}
.link-google-news {
    border-top: 1px solid #ed1c24;
    color: #999;
    padding-top: 12px;
    margin-bottom: 20px;
}
.article-detail-main {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    column-gap: 38px;
}
.article-detail-desc {
    text-align: justify;
    font-size: inherit;
    line-height: 1.6;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 25px;
    font-weight: 700;
}
.article-detail-share {padding-left: 15px;}
.post-mail {height: 20px;width: 26px;background: url(../images/pc/ico-mailto.png) center center no-repeat; float: left;background-color: #dadada;border-radius: 3px;margin: 0 10px 0 0;}
.post-print {height: 20px;width: 26px;background: url(../images/pc/ico-print.png) center center no-repeat; float: left;background-color: #dadada;border-radius: 3px;}

.article-detail-extensition {
    width: 32px;
    display: inline-block;
}
.article-detail-content {font-size:16px;text-align: justify;line-height: 1.75;}
.__MASTERCMS_CONTENT p{margin-block: 20px;}
.__MASTERCMS_CONTENT > :first-child {
    margin-top: 0;
}

.article-detail-author{text-align: right;font-size: 16px;font-weight: 700;}
.article-detail-source{text-align: right;font-size: 16px;font-style: italic;margin-top: 10px;}
.article-detail-subtitle:empty,.article-detail-source:empty,.article-detail-author:empty{display: none;}
.cat-name {
    padding-bottom: 10px;
}
.cat-link {
    font-size: 18px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
    color: var(--main-color);
}

.topic-link {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--red-color);
}
.bx-detail-news .bx-cat-content {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding-block: 15px;
}

.bx-detail-news .article-title {
    color: var(--main-color);
    position: relative;
    padding-left: 20px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Charis_SIL', sans-serif;
}
.bx-detail-news .article-title::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
}
.article-tags {
    display: flex;
    column-gap: 16px;
    padding-top: 20px;
}

.article-tags span {
    display: block;
    font-size: 16px;
    padding-left: 32px;
    height: 36px;
    line-height: 36px;
    background: url(../images/pc/ico-tags.png) 0 center no-repeat;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.article-keyword {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 5px;

}

.article-keyword a {
    background-color: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Charis_SIL', sans-serif;
    color: var(--main-color);
}

.bx-related-cat .bx-cat-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}

.bx-related-cat .article {
    width: calc((100% - 2*30px) / 3);
}
.bx-related-cat .article-title {
    font-weight: 400;
    font-size: 16px;
}

/* comment */
.fancybox-desktop.fancybox-opened {width: 600px !important;}
.fancybox-inner {width: 100% !important;}
#comment-system-cms{
    margin-bottom:0;
    background-color: #f6f6f6;
    padding: 20px;
    border-radius: 5px;
}
.box-reply,.article-comment,.box-comment,#commnet-top,.comments,.comment-actions,.comment-actions .reply{
    width:100%;
    float:left;
}

.article-comment .b-title {
    background: none;
    margin-bottom: 10px;
}
.article-comment .b-title h3 {
    font: 700 22px/30px 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--black-color);
    margin-bottom: 15px;
}
#comment-system-cms .content {
    background: url(../images/pc/ico-users-cmt.png) 25px center no-repeat;
    padding: 0 0 0 95px;
}
.box-comment textarea,.comment-actions .reply textarea{
    width:100%;
    max-width:100%;
    min-width:100%;
    height:56px;
    border:none;
    padding:10px;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-weight: 400;
}
.__MB_ACTION_POST_COMMENT, .__MB_ACTION_POST_COMMENT-SUB, .__MB_USER_ACTION_POST_COMMENT, .__MB_USER_ACTION_CLOSED_COMMENT {
    width: 100px;
    height: 35px;
    display: block;
    float: right;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #2b4974;
    border: 0;
    font: 700 14px/35px 'Inter', sans-serif !important;
    margin-top: 10px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 !important;
}
.__MB_USER_ACTION_POST_COMMENT{margin-right: 10px;}
#commnet-top {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    position: relative;
}
#commnet-top:before{
	content: '';
    width: 50px;
    height: 2px;
    background: #d60a0b;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.__MB_USER_ACTION_CLOSED_COMMENT{float: none;}
#commnet-top label {
    float: left;
    font: 15px/30px Roboto-Bold, sans-serif;
    text-transform: uppercase;
    display: block;
    height: 30px;
}
#commnet-top label img{
    padding-right:8px;
}
.__MB_FILTER_COMMENT {
    float: right;
    display: block;
    height: 20px;
    line-height: 19px;
    text-align: center;
    padding: 0 5px;
    font-size: 11px;
    color: #0c0c0c;
    margin-top: 5px;
}
.__MB_FILTER_COMMENT.current{
    background-color:#f6f7fa;
    border: 1px solid #ced0d5;
}
.comments{
    padding:0 0;
    list-style:none;
}
.comments li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #efefef;
    margin-bottom: 12px;
}
.comments > li{
    padding-bottom: 12px;
}
.comments li .meta {
    height: 34px;
    line-height: 34px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.comments > li > .meta{
    margin-top: 0;
}
.comments li .meta .author {
    font: 12px Roboto-Bold, sans-serif;
}
.comments li .meta img.avatar {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
}
.comments li .meta .time {
    color: #999;
    font-size: 12px;
}
.comment-actions {
    margin-top: 0;
    background: #f4f4f4;
    padding: 0 12px 10px 12px;
}
.comment-content {
    background-color: #f4f4f4;
    width: 100%;
    float: left;
    padding: 15px 12px 5px 12px;
    text-align: justify;
    color: #555;
}
.comment-content p{
    margin-top: 0;
    margin-bottom:5px;
}
.comment-actions a {
    display: inline-block;
    margin-right: 15px;
    line-height: 20px;
    height: 20px;
    color: #525252;
    text-decoration: none;
    float: left;
    font-size: 14px;
    width: 20px;
}
.comment-actions .btnReply{
    width:20px;
}
.comment-actions a:hover{
    text-decoration: none;
}
.comment-actions a.btnLike {
    background: url(../images/comment/ico-like.png) no-repeat left -1px;
    width: 27px;
    padding-left: 20px;
}
.comment-actions a.btnDislike {
    /*background: url(../images/ico-dislike.png) no-repeat right 4px;*/
    display: none;
}
a.btnReply {
    background: url(../images/comment/ico-send.png) no-repeat left 2px;
    margin-right: 0;
    background-size: 16px;
    opacity: .7;
}
.comment-actions .reply{
    margin-top: 10px;
    display:none;
}
.comment-actions .reply textarea{
    height:50px;
}
.comments.sub-comments {
    padding: 0 0 0 40px;
    background-color: #fff;
}
.comments.sub-comments li{
    border-bottom: 0;
    margin-bottom: 0;
}
.comments.sub-comments li .comment-content {
    background: #fff;
    padding: 5px 0;
}
.comments.sub-comments li .comment-actions{
    background: #fff;
    padding: 0;
}
.comments.sub-comments .btnDislike{
    margin-right:0;
}
.paging-comment{
    width:100%;
    float:left;
    text-align:center;
    border-top: 1px solid #ccc;
    padding-top:10px;
}
.grNextPage.paging-comment a,.grNextPage.paging-comment a:hover, .grNextPage.paging-comment a.actedPage, .grNextPage.paging-comment span.current {
    background: #e7e7e7;
    color: #333;
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 700;
}
/* detail live */
.MASTERCMS_MEDIA_BOX,
.__MASTERCMS_CONTENT .video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.MASTERCMS_MEDIA_BOX iframe,
.__MASTERCMS_CONTENT .video-container iframe,.__MASTERCMS_CONTENT  .video-container object,.__MASTERCMS_CONTENT  .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
._MB_INFO *{
    padding: initial;
    margin: initial;
}
.blogCtentLiveStreams {
    background: url(../images/live/line-content.png) top left repeat-y;
    padding-left: 40px;
    clear: both;
    position: relative;
}
.blogItemStreams {
    clear: both;
    position: relative;
    padding-top: 25px;
}
span.noteTimeline, span.noteTimelineed {
    background: #fff;
    padding: 10px 0 10px 0;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -54px;
    font-size: 14px;
}
span.noteTimelineed {
    color: #B32229;
}
.boxTimeline {
    background: url(../images/live/dote-timeline.png) center top repeat-y;
    position: absolute;
    text-align: center;
    width: 60px;
    left: -10px;
    z-index: 1000;
    top: 180px !important;
    display: none;
}
span.noted {
    background: url(../images/live/ico-noted.png) #fff center top no-repeat;
    width: 100%;
    height: 21px;
    position: relative;
    display: inline-block;
    top: 0;
    left: 1px;
    margin-bottom: 30px;
    clear: both;
}
span.note, span.note:hover {
    background: url(../images/live/ico-living.png) top no-repeat;
    padding-top: 20px;
    color: #7b7b7b;
    display: inline-block;
    margin-bottom: 10px;
    clear: both;
    position: relative;
    left: 1px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}
span.note:hover {
    background: url(../images/live/timeover.png) top no-repeat;
    color: #21265d;
}
#__MB_LIVE_UPDATE_TOOL {
    display: none;
    width: 100%;
    height: 32px;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    background: rgb(179, 34, 41);
    position: fixed;
    bottom: 0;
    z-index: 10;
}
/* search */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.__MB_KEYWORS h1 {font-size: inherit;display: inline-block;}
.highlight{
	background-color: yellow;
}
.bx-article-4 {display: flex;gap: 25px;flex-wrap: wrap;}
.bx-article-4 .article {width: calc((100% - 25px*3) / 4);display: flex;flex-direction: column;row-gap: 10px;}
.bx-article-4 .article-title {font-size: 16px;}
.bx-epaper-list .article-image::before {padding-top: 150%;}
.bx-epaper-list .article-title {text-align: center;}
/* error */
.bx-error-page {padding: 20px 0 30px 0;text-align: center;}
.bx-error-page h1 {margin: 15px auto;color: #000;font-weight: 400;font-size: 24px;max-width: 540px;width: 100%;}
.backToHomepage {background:var(--main-color); display: inline-block;color: #fff;height: 40px;line-height: 40px;padding: 0 20px;border-radius: 20px;font-weight: 400;font-size: 14px;}
.backToHomepage:hover {background:var(--red-color);}
/* cover-list-multimedia */
.article-cate-red {background: #ff0808;height: 26px;line-height: 26px;border-radius: 3px;color: #fff;text-transform: uppercase;padding: 0 12px;display: inline-block;font-size: 12px;}
.ico-view{background: url(../images/pc/ico-eye.png) 0 center no-repeat;margin-left: 10px;padding-left: 22px;font-size: 12px;color: #c4c4c4;display: none;}
.cover-list-multimedia {width: 100%;margin-bottom: 50px;}
.cover-list-multimedia .article {position: relative;}
.cover-list-multimedia .article-image {margin-bottom: 0;}
.bx-podcast-detail .article-image::after,
.cover-list-multimedia .article-image::after {content: '';width: 100%;height: 400px;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0.75) 35%, rgba(0,0,0,0.0125) 100%);position: absolute;z-index: 1;}
.cover-list-multimedia .article-info {position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.bx-podcast-detail .article-title,
.cover-list-multimedia .article-title {font-size: 36px;line-height: 1.3;color: #fff;}
.bx-podcast-detail :where(.article-date,.ico-cmt, .article-desc),
.cover-list-multimedia :where(.article-date,.ico-view,.ico-cmt, .article-desc) {color: #fff;}
.cover-list-multimedia .ico-view {display: inline-block;}
.bx-podcast-detail .article-cate,
.cover-list-multimedia .article-cate {display: none;}
.bx-podcast-detail .article-date::after,
.cover-list-multimedia .article-date::after {content: '|';padding-left: 5px;color: #fff;}
/* .bx-emag-list */
.bx-emag-list {padding: 0 130px 20px 130px;}
.bx-emag-list .article-title {font-size: 20px;}
.bx-emag-list .article-content{display: flex;flex-direction: column;row-gap: 10px;}
/* cover-list-multimedia */
.cover-list-multimedia {width: 100%;margin-bottom: 50px;}
.cover-list-multimedia .article {position: relative;}
.cover-list-multimedia .article-image {margin-bottom: 0;}
.bx-podcast-detail .article-image::after,
.cover-list-multimedia .article-image::after {content: '';width: 100%;height: 400px;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0.75) 35%, rgba(0,0,0,0.0125) 100%);position: absolute;z-index: 1;}
.cover-list-multimedia .article-info {position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;z-index: 1;}
.bx-podcast-detail .article-title,
.cover-list-multimedia .article-title {font-size: 36px;line-height: 1.3;margin-top: 10px;color: #fff;}
.bx-podcast-detail :where(.article-date,.ico-cmt, .article-desc),
.cover-list-multimedia :where(.article-date,.ico-view,.ico-cmt, .article-desc) {color: #fff;}
.cover-list-multimedia .ico-view {display: inline-block;}
.bx-podcast-detail .article-cate,
.cover-list-multimedia .article-cate {display: none;}
.bx-podcast-detail .article-date::after,
.cover-list-multimedia .article-date::after {content: '|';padding-left: 5px;color: #fff;}
/* bx-video-detail */
.bx-video-detail {display: flex;flex-direction: column;row-gap: 10px;}
.bx-videoContainer {background: #f5f5f5;display: flex;flex-direction: row;align-items: stretch;}
.bx-videoPlayer {width: 750px;}
.bx-videoBody {width: 430px;padding: 0 15px;margin: 20px 0;overflow-y: scroll;scrollbar-width: thin;height: 365px;display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.video-title {font-size: 22px;color: #000;font-family: 'Charis_SIL', sans-serif;}
.desc-video-large,
.video-desc {font-size: 16px;text-align: justify;line-height: 1.75;}
.desc-video-large a {color: var(--red-color);}
.desc-video-large:hover a{color: #0077b5;}
.bx-podcast-detail .article-detail-social, .bx-video-detail .article-detail-social {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.bx-podcast-detail .article-detail-social a,
.bx-video-detail .article-detail-social a {margin-right: 5px;margin-bottom: 15px;}
.title-social {margin-bottom: 15px;margin-right: 10px;display: block;}
.bx-videos-list .ico-player, .bx-cat-item .ico-player {width: 60px;height: 60px;background-size: cover;}
.bx-videoBody .ico-view, .bx-videos-list .ico-view {
    display: inline-block;
}
.bx-videoBody {overflow-y: scroll;scrollbar-width: thin;}
.bx-videoBody::-webkit-scrollbar {width:4px;}
.bx-videoBody::-webkit-scrollbar-thumb {background: var(--main-color);}
.bx-videoBody::-webkit-scrollbar-track {background: #ebebeb;}
.bx-cat-item .article-desc {display: none;}
/* podcast-detail */
.podcast-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f2;
  }
  
  .podcast-detail .podcast-thumb {
    width: 526px;
    position: relative;
  }
  
  .podcast-detail .podcast-thumb::before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
  
  .podcast-detail .podcast-thumb .podcast-image {
    display: block;
    position: absolute;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
  }
  
  .podcast-detail .podcast-content {
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 296px;
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
  }
  .podcast-content .video-desc {height: 120px;overflow-y: scroll;scrollbar-width: thin;}
.podcast-content .video-desc::-webkit-scrollbar {width:4px;}
.podcast-content .video-desc::-webkit-scrollbar-thumb {background: var(--main-color);}
.podcast-content .video-desc::-webkit-scrollbar-track {background: #ebebeb;}
  .podcast-detail .podcast-player {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  
  .podcast-detail .svg-player-background {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  
.bx-podcasts-player{position: absolute;left: 0;bottom: 0;}
.pcast-play {width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../images/podcast/pod-play.png) center center no-repeat;background-size: 20px;}
.pcast-pause{width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../images/podcast/pod-pause.png) center center no-repeat;background-size: 20px;}
._MB_PODCASTS_STATISTICS{display: none;}
.pcast-rewind{display: none;}
.pcast-progress {position: absolute;left: 0;bottom: 0;width: 100%;box-shadow: none;outline: none;vertical-align: unset;height: 6px;z-index: 9;line-height: 0;border-radius: 0;}
.pcast-progress::-webkit-progress-bar{background: #ebebeb;}
.pcast-progress::-webkit-progress-value{background: #c3c3c3;}
.pcast-currenttime {color: #c3c3c3;position: absolute;left: 20px;bottom: 10px;}
.pcast-duration{color: #c3c3c3;position: absolute;right: 20px;bottom: 10px;}
.pcast-mute {display: block;position: absolute;right: 20px;bottom: 36px;border: 0;outline: none;cursor: pointer;font-size: 16px;color: #c3c3c3;background: none;width: 24px;height: 24px;}
.pcast-mute-on {background: url(../images/podcast/pod-mute-on.png) center center no-repeat;background-size: 20px;}
.pcast-mute-off {background: url(../images/podcast/pod-mute-off.png) center center no-repeat;background-size: 20px;}
.pcast-speed {display: block;position: absolute;right: 50px;bottom: 40px;border: 0;outline: none;cursor: pointer;color: #c3c3c3;background: none;}
.svg-player-background{position: absolute;bottom: 0;left: 0;width: 100%;}
/* footer */
.footer-content {
    background-color: #075724;
    color: var(--white-color);
    padding-block: 20px 25px;
}
.ft-border {
    border-top: 1px solid #428a5c;
    margin-top: 15px;
    padding-top: 15px;
}
.footer-menu {
    flex-wrap: wrap;
    gap: 25px;
    padding-top: 30px;
}
.ft-menu-item {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    width: calc((100% - 5*25px) / 6);
}
.ft-menu-link {
    text-transform: uppercase;
}
.ft-item-submenu {
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
}

.footer-text p {
    margin-block: 10px;
}
.footer-text p:first-child {
    margin-top: 0;
}
.footer-info, .footer-contact {
    width: 50%;
}
.footer-contact {
    padding-left: 18px;
    border-left: 1px solid #428a5c;
}
.footer-cms a {
    color: #7a7a7a;
    display: block;
    padding: 20px 0;
}

.mobile-button {
    display: none;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background: #ed1b24;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 12px;
    z-index: 9999;
}


.mobile-button>svg {
    vertical-align: -7px;
}
@media screen and (max-width: 900px) {
    .mobile-button {
        display: block;
    }
}