@charset "UTF-8";
@font-face {
  font-family: "San Francisco Display";
  src: url("../fonts/font-web/SanFranciscoDisplay-Medium.woff2") format("woff2"), url("../fonts/font-web/SanFranciscoDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Display";
  src: url("../fonts/font-web/SanFranciscoDisplay-Bold.woff2") format("woff2"), url("../fonts/font-web/SanFranciscoDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-color-default: #fbfbfb;
  --bg-color-primary: #eff0f6;
  --bg-color-secondary: #FFFFFF;
  --bg-color-thirty: #FFB200;
  --bg-color-fourty: #4EB250;
  --bg-color-fivety: #757575;
  --bg-color-sixty: #434343;
  --bg-color-seventy: #007AFF;
  --bg-color-iframe: transparent;
  --bg-color-blur: rgb(255 255 255 / 95%);
  
  --cl-color-primary: #222222;
  --cl-color-secondary: #ffffff;
  --cl-color-thirty: #7C7B8B;
  --cl-color-fourty: #FFB200;
  --cl-color-fivety: #019D71;
  --cl-color-sixty: #F05243;
  --cl-color-seventy: #007AFF;
  --cl-color-eighty: #dbdbdb;
}

body.dark-mode {
  --bg-color-default: #1e1e1e;
  --bg-color-primary: #2a2a3c;
  --bg-color-secondary: #2b2b2b;
  --bg-color-thirty: #d99100;
  --bg-color-fourty: #3c9e45;
  --bg-color-fivety: #a8a8a8;
  --bg-color-sixty: #000000;
  --bg-color-seventy: #3399ff;
  --bg-color-iframe: #ffffff;
  --bg-color-blur: rgba(0, 0, 0, 0.95);

  --cl-color-primary: #f2f2f2;
  --cl-color-secondary: #ffffff;
  --cl-color-thirty: #a0a0b2;
  --cl-color-fourty: #d99100;
  --cl-color-fivety: #26c491;
  --cl-color-sixty: #ff6b5b;
  --cl-color-seventy: #3399ff;
  --cl-color-eighty: #444444;
}
body.eyecare-mode {
--bg-color-default: #fff8e1;   /* vàng nhạt dịu mắt */
--bg-color-primary: #fdf0d5;   /* nền chính sáng vàng ấm */
--bg-color-secondary: #fff3e0; /* nền phụ gần trắng vàng */
--bg-color-thirty: #ffb74d;    /* cam dịu (accent) */
--bg-color-fourty: #aed581;    /* xanh lá nhạt (thư giãn) */
--bg-color-fivety: #8d6e63;    /* xám nâu dễ chịu */
--bg-color-sixty: #fff8e1;
--bg-color-seventy: #ff9800;   /* cam nhấn mạnh */
--bg-color-iframe: transparent;
--bg-color-blur: rgba(246, 245, 226, 0.95);

--cl-color-primary: #4e342e;   /* nâu sẫm - tốt cho mắt trên nền sáng */
--cl-color-secondary: #fff8e1; /* nâu đậm hơn cho độ tương phản cao */
--cl-color-thirty: #795548;    /* nâu trung tính */
--cl-color-fourty: #ffb300;    /* cam vừa */
--cl-color-fivety: #689f38;    /* xanh lá hơi đậm */
--cl-color-sixty: #e57373;     /* đỏ nhạt để tạo điểm nhấn */
--cl-color-seventy: #007AFF;   /* cam nhạt dùng cho nút */
--cl-color-eighty: #a1887f;    /* xám nâu nhẹ cho text phụ */
}

body.eyecare-mode #menu_mobile .user_menu ul li a.login_btn {
  background: #4e342e;
}
body, .form-control {
  color: var(--cl-color-primary);
}
.ff-title {
  font-family: "San Francisco Display", sans-serif;
  font-weight: bold;
}

.fs-32 {
  font-size: 32px;
  line-height: 125%;
}

.fs-30 {
  font-size: 30px;
  line-height: 120%;
}

.fs-28 {
  font-size: 28px;
  line-height: 130%;
}

.fs-24 {
  font-size: 24px;
  line-height: 100%;
}

.fs-20 {
  font-size: 20px;
  line-height: 130%;
}

.fs-18 {
  font-size: 18px;
  line-height: 145%;
}

.fs-16 {
  font-size: 16px;
}

.fs-15 {
  font-size: 15px;
}

.fs-14 {
  font-size: 14px;
  line-height: 130%;
}

.fs-13 {
  font-size: 13px;
  line-height: 140%;
}

.fs-12 {
  font-size: 12px;
}

.fs-11 {
  font-size: 11px;
}

.fs-10 {
  font-size: 10px;
}

.fs-9 {
  font-size: 9px;
}

.fs-8 {
  font-size: 8px;
}

.cl-grey {
  color: var(--cl-color-thirty);;
}

.cl-gray {
  color: var(--cl-color-thirty);;
}

.cl-black {
  color: var(--cl-color-primary);
}

.cl-green {
  color: var(--cl-color-fivety);
}

.cl-down,
.cl-red {
  color: #dc3545;
}

.cl-up {
  color: var(--cl-color-fivety);
}

.row:not([class^=gx-]):not([class*=" gx-"]) {
  --bs-gutter-x: 30px;
}

@media (max-width: 991px) {
  .row:not([class^=gx-]):not([class*=" gx-"]) {
    --bs-gutter-x: 20px;
  }
}

.col-lg {
  min-width: 0;
}

@media (min-width: 1400px) {
  .col-xxl-2j {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fs-32 {
    font-size: 26px;
    line-height: 125%;
  }
  .fs-30 {
    font-size: 24px;
    line-height: 120%;
  }
  .fs-28 {
    font-size: 20px;
    line-height: 130%;
  }
  .fs-18 {
    font-size: 18px;
    line-height: 145%;
  }
  .fs-16 {
    font-size: 16px;
  }
  .fs-15 {
    font-size: 15px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-13 {
    font-size: 13px;
    line-height: 140%;
  }
  .fs-12 {
    font-size: 12px;
  }
  .fs-11 {
    font-size: 11px;
  }
  .fs-10 {
    font-size: 10px;
  }
  .fs-9 {
    font-size: 9px;
  }
  .fs-8 {
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  .fs-32 {
    font-size: 26px;
    line-height: 125%;
  }
  .fs-30 {
    font-size: 24px;
    line-height: 120%;
  }
  .fs-28 {
    font-size: 20px;
    line-height: 130%;
  }
  .fs-18 {
    font-size: 18px;
    line-height: 145%;
  }
  .fs-16 {
    font-size: 16px;
  }
  .fs-15 {
    font-size: 15px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-13 {
    font-size: 13px;
    line-height: 140%;
  }
  .fs-12 {
    font-size: 12px;
  }
  .fs-11 {
    font-size: 11px;
  }
  .fs-10 {
    font-size: 10px;
  }
  .fs-9 {
    font-size: 9px;
  }
  .fs-8 {
    font-size: 8px;
  }
}
body {
  font-family: "Roboto", sans-serif;
  /* text-rendering: geometricPrecision; */
  font-size: 15px;
  color: var(--cl-color-thirty);;
  background: var(--bg-color-default);
}

body.no-scroll {
  overflow: hidden;
}
body a {
  text-decoration: none;
  outline: none;
  transition: all 0.5s ease;
}
body .btn {
  font-size: 14px;
}
body .btn.btn-rounded {
  color: var(--cl-color-primary);
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 100%;
  border: 1px solid var(--cl-color-secondary);
  background: linear-gradient(80deg, #E3E5F1 0%, #C4C8D8 100%);
  padding: 11px 17px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  background-size: 300% auto;
}
body .btn.btn-rounded:hover {
  background-position: 100% 0;
}
body .btn.btn-large {
  color: var(--cl-color-primary);
  text-align: center;
  font-weight: bold;
  line-height: 100%;
  padding: 16px 130px;
  background-color: var(--bg-color-primary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
body .btn.btn-large:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
}
body .btn.btn-yellow {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
  font-weight: bold;
  padding: 11px 17px;
  border: 1px solid var(--cl-color-fourty);
}
body .btn.btn-yellowline {
  background: transparent;
  color: var(--cl-color-fourty);
  font-weight: bold;
  padding: 11px 17px;
  border: 1px solid var(--cl-color-fourty);
}
body .btn.btn-violet {
  background: transparent;
  color: var(--cl-color-thirty);
  font-weight: bold;
  padding: 11px 17px;
  border: 1px solid var(--cl-color-thirty);
}
body .btn.btn-violet:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
  border-color: var(--cl-color-fourty);
}
body .btn.btn-blue {
  background: transparent;
  color: var(--cl-color-thirty);
  font-size: 12px;
  font-weight: bold;
  padding: 11px 17px;
  border: 1px solid var(--cl-color-seventy);
}
body .btn.btn-blue:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
  border-color: var(--cl-color-fourty);
}
body .btn.btn-bgblue {
  background-color: var(--bg-color-seventy);
  color: var(--cl-color-secondary);
  font-size: 12px;
  font-weight: bold;
  padding: 11px 17px;
  border: 1px solid var(--cl-color-seventy);
}
body .btn.btn-bgblue:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
  border-color: var(--cl-color-fourty);
}
body .btn.btn-seemore {
  padding: 8px 12px;
  background-color: var(--bg-color-fivety);
  color: var(--cl-color-secondary);
}
body .btn.btn-seemore:hover {
  background-color: var(--bg-color-thirty);
}
@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
  body .btn.btn-large {
    padding: 16px 32px;
  }
}

#menu_mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999999999;
  top: 0;
  right: 0;
  display: flex;
  display: -ms-flexbox;
  background-color: var(--bg-color-secondary);
  flex-direction: column;
  padding: 50px 16px 50px;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 0.5s ease;
  transform: translateX(-100%);
  padding-bottom: 50px;
}
#menu_mobile.open {
  transform: translateX(0);
}
#menu_mobile .hamburger-icon {
  width: 26px;
  height: 22.5px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-left: 20px;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
#menu_mobile .hamburger-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background-color: var(--bg-color-fivety);
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#menu_mobile .hamburger-icon span:nth-child(even) {
  right: 0;
  border-radius: 0 9px 9px 0;
}
#menu_mobile .hamburger-icon span:nth-child(odd) {
  left: 0;
  border-radius: 9px 0 0 9px;
}
#menu_mobile .hamburger-icon span:nth-child(1), #menu_mobile .hamburger-icon span:nth-child(2) {
  top: 0;
}
#menu_mobile .hamburger-icon span:nth-child(3) {
  top: 8px;
  width: 0%;
  left: -25%;
}
#menu_mobile .hamburger-icon span:nth-child(4) {
  top: 8px;
}
#menu_mobile .hamburger-icon span:nth-child(5), #menu_mobile .hamburger-icon span:nth-child(6) {
  top: 16px;
}
#menu_mobile .hamburger-icon.open span:nth-child(1), #menu_mobile .hamburger-icon.open span:nth-child(6) {
  transform: rotate(45deg);
}
#menu_mobile .hamburger-icon.open span:nth-child(2), #menu_mobile .hamburger-icon.open span:nth-child(5) {
  transform: rotate(-45deg);
}
#menu_mobile .hamburger-icon.open span:nth-child(1) {
  left: 2px;
  top: 5px;
}
#menu_mobile .hamburger-icon.open span:nth-child(2) {
  right: 2px;
  top: 5px;
}
#menu_mobile .hamburger-icon.open span:nth-child(3) {
  left: -50%;
  width: 0;
  opacity: 0;
}
#menu_mobile .hamburger-icon.open span:nth-child(4) {
  right: 50%;
  opacity: 0;
}
#menu_mobile .hamburger-icon.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}
#menu_mobile .hamburger-icon.open span:nth-child(6) {
  right: 2px;
  top: 14px;
}
#menu_mobile .menu_site {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--cl-color-secondary);
}
#menu_mobile .menu_site li {
  position: relative;
}
#menu_mobile .menu_site li a {
  font-size: 16px;
  color: var(--cl-color-thirty);;
  padding: 10px 16px;
  display: block;
  font-weight: bold;
}
#menu_mobile .menu_site li:not(:last-child) > a {
  border-bottom: 1px solid var(--cl-color-secondary);
}
#menu_mobile .menu_site li.current-menu-item > a,
#menu_mobile .menu_site li.current-menu-parent > a {
  color: var(--cl-color-fourty);
  font-weight: bold;
}
#menu_mobile .menu_site li .sub-menu {
  list-style: none;
  border-bottom: 1px solid var(--cl-color-secondary);
  display: none;
  padding-left: 0;
}
#menu_mobile .menu_site li .sub-menu li {
  padding-left: 1rem;
}
#menu_mobile .menu_site li .sub-menu li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: normal;
}
#menu_mobile .menu_site li.menu-item-has-children:before {
  display: flex;
  width: 55px;
  height: 55px;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right: 0;
  top: 0;
  color: var(--cl-color-primary);
  transition: all 0.5s ease;
}
#menu_mobile .menu_site li.menu-item-has-children.show_submenu:before {
  transform: rotate(180deg);
}
#menu_mobile .user_menu {
  padding: 15px;
  border-top: 1px solid var(--cl-color-thirty);
}
#menu_mobile .user_menu ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
#menu_mobile .user_menu ul li a {
  color: var(--cl-color-thirty);;
  font-size: 13px;
  font-weight: bold;
  font-family: "San Francisco Display", sans-serif;
  padding: 8px 10px;
  display: block;
}
#menu_mobile .user_menu ul li a.login_btn {
  background-color: var(--bg-color-sixty);
  color: var(--cl-color-secondary);
}
#menu_mobile .user_menu ul li a.register_btn {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
}
#menu_mobile .menu_profile {
  border-top: 1px solid var(--cl-color-thirty);
  border-bottom: 1px solid var(--cl-color-thirty);
}
#menu_mobile .menu_profile > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#menu_mobile .menu_profile > ul li {
  position: relative;
}
#menu_mobile .menu_profile > ul li.menu-item-has-children:before {
  display: flex;
  width: 55px;
  height: 55px;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right: 0;
  top: 0;
  color: var(--cl-color-primary);
  transition: all 0.5s ease;
  z-index: 1;
}
#menu_mobile .menu_profile > ul li.menu-item-has-children.show_submenu:before {
  transform: rotate(180deg);
}
#menu_mobile .menu_profile > ul li a {
  color: var(--cl-color-thirty);;
  font-size: 16px;
  font-weight: bold;
  font-family: "San Francisco Display", sans-serif;
  padding: 15px 45px 15px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#menu_mobile .menu_profile > ul li a::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--bg-color-thirty);
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
#menu_mobile .menu_profile > ul li a span {
  background-color: var(--bg-color-thirty);
  display: block;
  padding: 2px 8px;
  color: var(--cl-color-secondary);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#menu_mobile .menu_profile > ul li .sub-menu {
  list-style: none;
  border-bottom: 1px solid var(--cl-color-secondary);
  display: none;
  padding-left: 0;
}
#menu_mobile .menu_profile > ul li .sub-menu li {
  padding-left: 1rem;
}
#menu_mobile .menu_profile > ul li .sub-menu li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: normal;
}
#menu_mobile .menu_profile > ul li .sub-menu li:not(:last-child) > a {
  border-bottom: 1px solid var(--cl-color-secondary);
}
#menu_mobile .menu_profile > ul li:hover > a {
  background-color: var(--bg-color-secondary);
}
#menu_mobile .menu_profile > ul li:hover > a::before {
  opacity: 1;
  visibility: visible;
}
#menu_mobile .menu_profile > ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.overlay_menu {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 998;
}
.overlay_menu.active {
  visibility: visible;
}

.search_table {
  position: fixed;
  left: 200px;
  top: 0;
  width: 500px;
  height: 100%;
  background-color: var(--bg-color-secondary);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  padding: 80px 30px 30px;
}
/* .hasqc .search_table{
  padding: 150px 30px 30px 30px;
} */
.search_table .close_search {
  position: absolute;
  top: 12px;
  right: 12px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.hasqc .search_table .close_search{
  top: 135px;
}
.search_table .close_search img {
  height: 32px;
}
.search_table .close_search:hover {
  transform: rotate(180deg);
}
.search_table.active {
  opacity: 1;
  visibility: visible;
  left: 180px;
}
.search_table .form-control {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-bottom: 2px solid var(--cl-color-thirty);
  box-shadow: none;
  outline: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
}
.search_table .form-control::-moz-placeholder {
  color: var(--cl-color-thirty);;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.search_table .form-control::placeholder {
  color: var(--cl-color-thirty);;
  transition: all 0.5s ease;
}
.search_table .form-control:focus {
  box-shadow: none;
  outline: none;
}
.search_table .form-control:focus::-moz-placeholder {
  padding-left: 15px;
  opacity: 0;
}
.search_table .form-control:focus::placeholder {
  padding-left: 15px;
  opacity: 0;
}
.search_table button.btn{
  background-color: var(--bg-color-thirty);
  border: 0;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-bottom: 2px solid var(--cl-color-thirty);
}
.search_table button img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.quick_search ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  margin-bottom: 16px;
}
.quick_search ul li a {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  background: var(--bg-color-secondary);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: var(--cl-color-thirty);;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.quick_search ul li a img {
  height: 16px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.quick_search ul li a:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-primary);
}
@media (max-width: 991px) {
  .search_table.active {
    left: 160px;
  }
}
@media (max-width: 767px) {
  .hasqc .search_table .close_search {
    top: 30px;
  }
  .search_table {
    left: 10px;
    width: 100%;
    padding: 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .hasqc .search_table{
    padding: 120px 20px 20px;
  }
  .search_table.active {
    left: 0;
  }
  .search_table .quick_search li a {
    font-size: 11px;
  }
}

.body_wrapper {
  display: flex;
}
.body_wrapper #header_site {
  flex: 0 0 180px;
  width: 180px;
  height: 100vh;
  background: var(--bg-color-secondary);
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.hasqc .body_wrapper #header_site.scrolled{
  padding-top: 90px;
}
.body_wrapper #header_site::after {
  width: 1px;
  position: absolute;
  content: "";
  height: 100%;
  background-color: var(--bg-color-primary);
  right: 0;
  top: 0;
}
.body_wrapper #header_site .logo_box {
  text-align: center;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.body_wrapper #header_site .logo_box a {
  padding: 20px;
  display: block;
  text-align: center;
}
.body_wrapper #header_site .search_btn {
  font-size: 13px;
}
.body_wrapper #header_site .search_btn > a {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  padding: 12px;
  color: var(--cl-color-thirty);;
  position: relative;
}
.body_wrapper #header_site .search_btn > a img {
  width: 18px;
}
.body_wrapper #header_site .search_btn > a::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--bg-color-thirty);
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.body_wrapper #header_site .search_btn > a:hover {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .search_btn > a:hover::before {
  opacity: 1;
  visibility: visible;
}
.body_wrapper #header_site .menu_site {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  margin-bottom: 0;
}
.body_wrapper #header_site .menu_site li {
  position: relative;
}
.body_wrapper #header_site .menu_site li a {
  position: relative;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  padding: 5px 22px 5px 12px;
  color: var(--cl-color-thirty);;
}
.body_wrapper #header_site .menu_site li a img {
  width: 18px;
}
.body_wrapper #header_site .menu_site li a::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--bg-color-thirty);
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.body_wrapper #header_site .menu_site li.menu-item-has-children > a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  right: 8px;
  top: 50%;
  background: url(../images/right.svg) no-repeat center center/contain;
  transform: translateY(-50%);
}
.body_wrapper #header_site .menu_site li .sub-menu {
  position: absolute;
  list-style: none;
  padding-left: 0;
  top: 30px;
  left: 100%;
  min-width: 280px;
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.body_wrapper #header_site .menu_site li .sub-menu li a {
  background: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_site li .sub-menu li a::before {
  width: 100%;
  height: 1px;
}
.body_wrapper #header_site .menu_site li .sub-menu li:hover > a {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_site li.current-menu-item > a,
.body_wrapper #header_site .menu_site li.current-menu-parent > a {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_site li.current-menu-item > a::before,
.body_wrapper #header_site .menu_site li.current-menu-parent > a::before {
  opacity: 1;
  visibility: visible;
}
.body_wrapper #header_site .menu_site li:hover > a {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_site li:hover > a::before {
  opacity: 1;
  visibility: visible;
}
.body_wrapper #header_site .menu_site li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.body_wrapper #header_site .user_menu {
  padding: 12px;
  border-top: 1px solid var(--cl-color-thirty);
}
.body_wrapper #header_site .user_menu > ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  padding-left: 0;
}
.body_wrapper #header_site .user_menu > ul li a {
  color: var(--cl-color-thirty);;
  font-size: 13px;
  font-weight: bold;
  font-family: "San Francisco Display", sans-serif;
  padding: 4px 8px;
  display: block;
}
.body_wrapper #header_site .user_menu > ul li a.register_btn {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
}
.body_wrapper #header_site .menu_profile {
  border-top: 1px solid var(--cl-color-thirty);
  border-bottom: 1px solid var(--cl-color-thirty);
}
.body_wrapper #header_site .menu_profile ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.body_wrapper #header_site .menu_profile ul li {
  position: relative;
}
.body_wrapper #header_site .menu_profile ul li a {
  color: var(--cl-color-thirty);;
  font-size: 13px;
  font-weight: bold;
  font-family: "San Francisco Display", sans-serif;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.body_wrapper #header_site .menu_profile ul li a::before {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: var(--bg-color-thirty);
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.body_wrapper #header_site .menu_profile ul li a span {
  background-color: var(--bg-color-thirty);
  display: block;
  padding: 2px 8px;
  color: var(--cl-color-secondary);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.body_wrapper #header_site .menu_profile ul li .sub-menu {
  position: absolute;
  list-style: none;
  padding-left: 0;
  top: 30px;
  left: 100%;
  min-width: 280px;
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.body_wrapper #header_site .menu_profile ul li .sub-menu li a {
  background: var(--bg-color-secondary);
  padding: 12px;
}
.body_wrapper #header_site .menu_profile ul li .sub-menu li a::before {
  width: 100%;
  height: 1px;
}
.body_wrapper #header_site .menu_profile ul li .sub-menu li:hover > a {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_profile ul li:hover > a {
  background-color: var(--bg-color-secondary);
}
.body_wrapper #header_site .menu_profile ul li:hover > a::before {
  opacity: 1;
  visibility: visible;
}
.body_wrapper #header_site .menu_profile ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.body_wrapper #header_site .group_bottom {
  padding: 30px;
}
.body_wrapper #header_site .group_bottom .social {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
  padding-left: 0;
  margin-bottom: 0;
}
.body_wrapper #header_site .group_bottom .social li a img {
  height: 32px;
}
.body_wrapper .primary_content {
  flex: 1 0 0%;
  width: calc(100% - 180px);
}
@media (max-width: 991px) {
  .body_wrapper #header_site {
    flex: 0 0 160px;
    width: 160px;
  }
  .body_wrapper #header_site .menu_site li a {
    font-size: 12px;
  }
  .body_wrapper #header_site .group_bottom {
    padding: 20px;
  }
  .body_wrapper .primary_content {
    flex: 1 0 0%;
    width: calc(100% - 160px);
  }
}
@media (max-width: 767px) {
  .body_wrapper #header_site {
    display: none;
  }
  .body_wrapper .primary_content {
    width: 100%;
  }
}
.ads_box {
  text-align: center;
}
.ads_footer {
  padding: 16px;
}
.ads_footer .ads_box {
  text-align: center;
}
.ads_footer .ads_box img {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

#ads_head .ads_box {
  text-align: center;
}
#ads_head .ads_box img {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.head_mobile {
  padding: 7px 20px;
  position: sticky;
  top: 0;
  z-index: 997;
  background: var(--bg-color-secondary);
}
.hasqc .head_mobile{
  top: 90px;
}
.head_mobile .logo_site img {
  height: 60px;
}
.head_mobile .hamburger_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.head_mobile .hamburger_btn .hamburger-icon {
  width: 24px;
  height: 18px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.head_mobile .hamburger_btn .hamburger-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background-color: var(--bg-color-fivety);
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(even) {
  right: 0;
  border-radius: 0 9px 9px 0;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(odd) {
  left: 0;
  border-radius: 9px 0 0 9px;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(1), .head_mobile .hamburger_btn .hamburger-icon span:nth-child(2) {
  top: 0;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(3) {
  top: 8px;
  left: 0;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(4) {
  top: 8px;
}
.head_mobile .hamburger_btn .hamburger-icon span:nth-child(5), .head_mobile .hamburger_btn .hamburger-icon span:nth-child(6) {
  top: 16px;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(1), .head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(6) {
  transform: rotate(45deg);
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(2), .head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(5) {
  transform: rotate(-45deg);
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(1) {
  left: 3px;
  top: 4px;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(2) {
  right: 3px;
  top: 4px;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(3) {
  left: 50%;
  opacity: 0;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(4) {
  right: 50%;
  opacity: 0;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(5) {
  left: 3px;
  top: 10px;
}
.head_mobile .hamburger_btn .hamburger-icon.open span:nth-child(6) {
  right: 3px;
  top: 10px;
}

.login_page {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: url(../images/bg-login.jpg) no-repeat center center/cover;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 0;
}
.login_page .form_wrapper {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  background: var(--bg-color-secondary);
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.25);
  width: 530px;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.login_page .form_wrapper .logo_site img {
  height: 60px;
}
.login_page .form_wrapper .login_by {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.login_page .form_wrapper .login_by li {
  margin-bottom: 12px;
}
.login_page .form_wrapper .login_by li a {
  background: var(--bg-color-secondary);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  padding: 12px 24px;
  align-items: center;
  border: 1px solid var(--cl-color-thirty);
  -moz-column-gap: 12px;
       column-gap: 12px;
  color: var(--cl-color-primary);
}
.login_page .form_wrapper .login_by li a img {
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.login_page .form_wrapper .login_by li a:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);
  border-color: var(--cl-color-fourty);
}
.login_page .form_wrapper .by_email {
  position: relative;
  text-align: center;
  color: var(--cl-color-primary);
  margin: 32px 0;
}
.login_page .form_wrapper .by_email::before {
  position: absolute;
  content: "";
  width: calc(100% - 44px);
  height: 1px;
  background-color: var(--bg-color-fivety);
  left: 22px;
  top: 50%;
}
.login_page .form_wrapper .by_email span {
  background: var(--bg-color-secondary);
  position: relative;
  padding: 0 15px;
}
.login_page .form_wrapper .form-control {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: none;
  outline: none;
  font-size: 16px;
  border: 1px solid var(--cl-color-thirty);
  height: 48px;
  background: transparent;
}
.login_page .form_wrapper .form-control.is-invalid:focus {
  box-shadow: none;
  outline: none;
}
.login_page .form_wrapper .form-control[readonly] {
  background-color: var(--bg-color-secondary);
}
.login_page .form_wrapper .password-container {
  padding: 12px;
  border: 1px solid var(--cl-color-thirty);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.login_page .form_wrapper .conditions {
  padding-left: 16px;
  margin-bottom: 0;
  list-style: none;
}
.login_page .form_wrapper .conditions li {
  margin: 5px 0;
  color: var(--cl-color-thirty);;
}
.login_page .form_wrapper .conditions li::before {
  content: "• ";
}
.login_page .form_wrapper .conditions li.valid {
  color: var(--cl-color-fivety);
}
.login_page .form_wrapper .conditions li.valid::before {
  content: "⎷ ";
}
.login_page .form_wrapper .conditions li ul {
  list-style: none;
  margin-bottom: 0;
}
.login_page .form_wrapper .success_info img {
  height: 75px;
}
.login_page .form_wrapper .checkbox_group {
  cursor: pointer;
}
.login_page .form_wrapper .checkbox_group .wpcf7-list-item-label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
  color: var(--cl-color-primary);
}
.login_page .form_wrapper .checkbox_group .wpcf7-list-item-label::before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  border: 2px solid var(--cl-color-primary);
  left: 0;
  top: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.login_page .form_wrapper .checkbox_group .wpcf7-list-item-label::after {
  position: absolute;
  width: 7px;
  height: 15px;
  content: "";
  border-right: 2px solid var(--cl-color-secondary);
  border-bottom: 2px solid var(--cl-color-secondary);
  left: 7px;
  top: 5px;
  transform: rotate(45deg);
  opacity: 0;
}
.login_page .form_wrapper .checkbox_group .wpcf7-list-item-label a {
  color: var(--cl-color-primary);
  text-decoration: underline;
}
.login_page .form_wrapper .checkbox_group input[type=checkbox] {
  display: none;
}
.login_page .form_wrapper .checkbox_group input[type=checkbox]:checked ~ .wpcf7-list-item-label::before {
  background-color: var(--bg-color-thirty);
  border-color: var(--cl-color-fourty);
}
.login_page .form_wrapper .checkbox_group input[type=checkbox]:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
.login_page .form_wrapper .captcha img {
  height: 60px;
}
.login_page .form_wrapper a {
  color: var(--cl-color-fourty);
}
.login_page .form_wrapper form :invalid ~ .invalid-feedback {
  margin-top: 0.25rem;
}
.login_page .form_wrapper form :valid {
  border-color: var(--cl-color-fourty);
}
.login_page .form_wrapper .was-validated .form-control:valid:focus, .login_page .form_wrapper .was-validated .form-control:invalid:focus {
  box-shadow: none;
  outline: none;
}
.login_page .form_wrapper .valid_group {
  position: relative;
}
.login_page .form_wrapper .valid_group label {
  position: absolute;
  left: 10px;
  font-size: 16px;
  padding: 0 5px;
  top: 24px;
  transform: translateY(-50%);
  transition: all 0.5s ease;
  color: var(--cl-color-thirty);;
  pointer-events: none;
}
.login_page .form_wrapper .valid_group label::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--bg-color-secondary);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.login_page .form_wrapper .valid_group label span {
  color: var(--cl-color-fourty);
}
.login_page .form_wrapper .valid_group .showPass {
  position: absolute;
  right: 10px;
  top: 24px;
  transform: translateY(-50%);
  cursor: pointer;
}
.login_page .form_wrapper .valid_group .form-control.hasValue + label, .login_page .form_wrapper .valid_group .form-control:focus + label {
  top: 0;
  font-size: 14px;
}
@media (max-width: 991px) {
  .login_page {
    padding: 3rem 20px;
  }
  .login_page .form_wrapper {
    width: 100%;
    padding: 30px 15px;
    min-height: 600px;
  }
}

.coin_news {
  background-color: var(--bg-color-primary);
  position: relative;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.coin_news::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 15px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #FFF 0%, rgba(254, 254, 254, 0) 100%);
  z-index: 1;
}
.coin_news::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 15px;
  top: 0;
  right: 0;
  background: linear-gradient(-90deg, #FFF 0%, rgba(254, 254, 254, 0) 100%);
  z-index: 1;
}
.coin_news .splide__slide .item {
  font-size: 12px;
}
.coin_news .splide__slide .item a {
  color: var(--cl-color-primary);;
  text-transform: uppercase;
  display: block;
  padding: 12px 10px;
}
.coin_news .splide__slide .item a:hover {
  color: var(--cl-color-fourty);
}

.trade_live {
  border-bottom: 1px solid  var(--cl-color-eighty);
}
.trade_live .splide__slide .item {
  display: flex;
  padding: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  /* border-right: 1px solid var(--cl-color-secondary); */
  background-color: var(--bg-color-secondary);
  transition: all 0.5s ease;
  color: var(--cl-color-primary);
}
.trade_live .splide__slide .item:hover {
  background-color: var(--bg-color-primary);
}
.trade_live .splide__slide .item .jlogo {
  flex: 0 0 30px;
  width: 30px;
}
.trade_live .splide__slide .item .jtitle {
  flex: 0 0 60px;
  width: 60px;
}
.trade_live .splide__slide .item .jtitle a {
  color: var(--cl-color-thirty);;
}
.trade_live .splide__slide .item .jchart {
  flex: 0 0 70px;
  width: 70px;
  position: relative;
}
.trade_live .splide__slide .item .jchart .date_time {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  color: var(--cl-color-secondary);
  background: rgba(34, 34, 34, 0.8);
  text-align: center;
  padding: 5px 0;
  transition: all 0.5s ease;
  opacity: 0;
}
.trade_live .splide__slide .item .jnumber {
  flex: 0 0 65px;
  width: 65px;
}
.trade_live .splide__slide .item:hover .jchart .date_time {
  opacity: 1;
}

.breaking_wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding-left: 15px;
  border-top: 1px solid var(--cl-color-secondary);
  border-bottom: 1px solid var(--cl-color-secondary);
}
.breaking_wrapper .title_tag {
  padding: 6px 6px 6px 25px;
  background-color: var(--bg-color-sixty);
  color: var(--cl-color-secondary);
  position: relative;
  text-transform: uppercase;
  flex: 0 0 60px;
  width: 60px;
}
.breaking_wrapper .title_tag::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 100%;
  top: 0;
  left: 6px;
  background: url(../images/fire-icon.png) no-repeat center center/10px auto;
}
.breaking_wrapper .breaking_slider {
  flex: 1 0 0%;
  width: calc(100% - 75px);
}

.breaking_news .splide__slide .item {
  position: relative;
}
.breaking_news .splide__slide .item::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--bg-color-sixty);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.breaking_news .splide__slide .item a {
  display: block;
  white-space: nowrap;
  color: var(--cl-color-primary);;
  padding: 12px;
}
.breaking_news .splide__slide .item a:hover {
  color: var(--cl-color-fourty);
}

.trending_wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding-left: 15px;
  border-top: 1px solid var(--cl-color-secondary);
  border-bottom: 1px solid var(--cl-color-secondary);
}
.trending_wrapper .title_tag {
  padding: 6px 6px 6px 15px;
  color: var(--cl-color-primary);
  position: relative;
  flex: 0 0 80px;
  width: 80px;
  font-size: 11px;
  font-weight: bold;
}
.trending_wrapper .trending_slider {
  flex: 1 0 0%;
  width: calc(100% - 95px);
}

.trending_news .splide__slide {
  margin: 8px;
}
.trending_news .splide__slide .item {
  position: relative;
}
.trending_news .splide__slide .item a {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  white-space: nowrap;
  color: var(--cl-color-primary);
  padding: 8px;
  background-color: var(--bg-color-primary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
}
.trending_news .splide__slide .item a img {
  height: 20px;
}
.trending_news .splide__slide .item a:hover {
  background-color: var(--bg-color-thirty);
}

.ads_top {
  padding: 10px 20px 16px;
}
.ads_top .ads_box {
  text-align: center;
}
.ads_top .ads_box img {
  width: 720px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 991px) {
  .ads_top .ads_box img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ads_top {
    padding: 0;
  }
}

.news_heading {
  padding: 30px;
  border-top: 1px solid var(--cl-color-secondary);
}
.news_heading .post_rss {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding-left: 0;
}
.news_heading .post_rss li a {
  display: block;
  padding: 7px;
  border: 1px solid var(--cl-color-primary);
  color: var(--cl-color-primary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.news_heading .post_rss li a i {
  margin-right: 5px;
}
.news_heading .post_rss li.telegram a {
  color: var(--cl-color-seventy);
  border-color: var(--cl-color-seventy);
}
@media (max-width: 991px) {
  .news_heading {
    padding: 20px;
  }
}

.jbreadcrumb ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-bottom: 20px;
}
.jbreadcrumb a {
  color: var(--cl-color-primary);
}
.jbreadcrumb p {
 margin-bottom: 0px;
}
.jbreadcrumb ul li {
  position: relative;
}
.jbreadcrumb ul li:not(:first-child)::before {
  content: "\f0da";
  font-family: FontAwesome;
  top: 2px;
  left: -10px;
  color: var(--cl-color-thirty);;
  margin-right: 8px;
}
.jbreadcrumb ul li a {
  color: var(--cl-color-thirty);;
}

.menu_coin {
  border-bottom: 1px solid var(--cl-color-secondary);
  background: var(--bg-color-secondary);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  z-index: 111;
}
.menu_coin .brand_name {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 8px 10px;
  border-right: 1px solid var(--cl-color-secondary);
}
.menu_coin .brand_name figure {
  margin-bottom: 0;
}
.menu_coin .brand_name figure img {
  height: 24px;
}
.menu_coin ul {
  display: flex;
  list-style: none;
  justify-content: space-around;
  margin-bottom: 0;
}
.menu_coin ul li a {
  color: var(--cl-color-thirty);;
}
.menu_coin ul li:hover > a, .menu_coin ul li.active > a {
  color: var(--cl-color-seventy);
  text-decoration: underline;
}
.menu_coin .search_btn {
  border-left: 1px solid var(--cl-color-secondary);
}
.menu_coin .search_btn a {
  padding: 12px 12px;
  display: block;
}
.menu_coin .search_btn a img {
  height: 16px;
}
.menu_coin .coin_bullet {
  border-left: 1px solid var(--cl-color-secondary);
}
.menu_coin .coin_bullet a {
  padding: 12px 15px;
  display: block;
  color: var(--cl-color-thirty);;
}
@media (max-width: 991px) {
  .menu_coin {
    position: static;
  }
  .menu_coin .brand_name {
    border-right: 0;
  }
}

.sticky_sidebar {
  position: sticky;
  top: 0;
  margin-bottom: 0px;
}
.hasqc .sticky_sidebar{
  top: 100px;
}
.sticky_sidebar.no_sticky {
  position: static;
}

.sidebar_ads {
  margin-top: 30px;
}
.sidebar_ads .ads_box img {
  width: 100%;
  height: auto;
}

.coin_inpost {
  margin-top: 17px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid var(--cl-color-eighty);
  background: var(--bg-color-secondary);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.03);
  padding: 12px;
}
.coin_inpost .head {
  display: flex;
  padding: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.coin_inpost .head .jlogo {
  flex: 0 0 30px;
  width: 30px;
}
.coin_inpost .head .jtitle {
  flex: 0 0 60px;
  width: 60px;
}
.coin_inpost .head .jtitle a {
  color: var(--cl-color-thirty);;
}
.coin_inpost .head .jnumber {
  flex: 1 0 0%;
  text-align: right;
}
.coin_inpost .gopost a {
  font-size: 10px;
  font-weight: bold;
  color: var(--cl-color-thirty);;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid var(--cl-color-secondary);
  padding: 5px 10px;
}

.jtag.line_bottom {
  border-bottom: 1px solid var(--cl-color-secondary);
}
.jtag span {
  background-color: var(--bg-color-primary);
  color: var(--cl-color-primary);
  display: inline-block;
  padding: 8px 12px;
}

.title_group {
  margin-bottom: 30px;
}
.title_group span {
  background-color: var(--bg-color-primary);
  color: var(--cl-color-primary);
  display: inline-block;
  padding: 8px 12px;
  box-shadow: 4px 4px 0px 0px var(--cl-color-secondary);
}

.body_content {
  padding: 0 30px;
}
.body_content .breakline {
  margin: 30px -30px 20px;
  border-color: var(--cl-color-secondary);;
  opacity: 1;
}
.body_content .vline {
  width: 1px;
  height: 100%;
  background-color: var(--cl-color-eighty);
}
.body_content .daily_post .item {
  padding: 16px 0 12px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.body_content .daily_post .item h3 {
  color: var(--cl-color-primary);
  height: 54px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .daily_post .item h3 a {
  color: var(--cl-color-primary);
}
.body_content .daily_post .item h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .daily_post .item h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .daily_post .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 8px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 0;
}
.body_content .daily_post .item .post_meta li {
  position: relative;
}
.body_content .daily_post .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .daily_post .item .post_meta li:first-child a {
  color: var(--cl-color-primary);
}
.body_content .daily_post .item .post_meta li:not(:last-child):not(:first-child)::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: -8px;
  top: 50%;
  color: var(--cl-color-thirty);;
  transform: translateY(-50%);
}
.body_content .daily_post .item .post_meta li:last-child::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--bg-color-fivety);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.body_content .featured_post {
  padding: 20px 0;
}
.body_content .featured_post h2 a {
  color: var(--cl-color-primary);
}
.body_content .featured_post h2:hover {
  color: var(--cl-color-fourty);
}
.body_content .featured_post h2:hover a {
  color: var(--cl-color-fourty);
}
.body_content .featured_post h3 a {
  color: var(--cl-color-primary);
}
.body_content .featured_post h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .featured_post h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .featured_post .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 9px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.body_content .featured_post .post_meta li {
  position: relative;
}
.body_content .featured_post .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .featured_post .post_meta li:first-child a {
  color: var(--cl-color-primary);
}
.body_content .featured_post .post_meta li:not(:last-child):not(:first-child)::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: -8px;
  top: 50%;
  color: var(--cl-color-thirty);;
  transform: translateY(-50%);
}
.body_content .featured_post .post_meta li:last-child::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--bg-color-fivety);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.body_content .featured_post figure {
  position: relative;
  padding-bottom: 60%;
}
.body_content .featured_post figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body_content .featured_second {
  padding-top: 35px;
}
.body_content .featured_second .item {
  padding: 12px;
  /* border: 1px solid var(--cl-color-secondary); */
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.03);
  border-radius: 0 3px 3px 3px;
  -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  -ms-border-radius: 0 3px 3px 3px;
  -o-border-radius: 0 3px 3px 3px;
  margin-bottom: 8px;
}
.body_content .featured_second .item figure {
  position: relative;
  padding-bottom: 77%;
  margin-bottom: 8px;
}
.body_content .featured_second .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body_content .featured_second .item h2 {
  color: var(--cl-color-primary);
  height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .featured_second .item h2 a {
  color: var(--cl-color-primary);
}
.body_content .featured_second .item h2:hover {
  color: var(--cl-color-fourty);
}
.body_content .featured_second .item h3 {
  color: var(--cl-color-primary);
  height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .featured_second .item h3 a {
  color: var(--cl-color-primary);
}
.body_content .featured_second .item h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .featured_second .item h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .featured_second .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 9px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.body_content .featured_second .item .post_meta li {
  position: relative;
}
.body_content .featured_second .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .featured_second .item .post_meta li:first-child a {
  color: var(--cl-color-primary);
}
.body_content .featured_second .item .post_meta li:not(:last-child):not(:first-child)::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: -8px;
  top: 50%;
  color: var(--cl-color-thirty);;
  transform: translateY(-50%);
}
.body_content .featured_second .item .post_meta li:last-child::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--bg-color-fivety);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.body_content .featured_second .item .post_excerpt p {
  margin-bottom: 0;
  max-height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .press_post {
  padding-top: 0px;
  position: relative;
}
.body_content .press_post .item {
  margin-bottom: 20px;
}
.body_content .press_post .item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.body_content .press_post .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body_content .press_post .item h3 {
  height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .press_post .item h3 a {
  color: var(--cl-color-primary);
}
.body_content .press_post .item h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .press_post .item h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .press_post .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.body_content .press_post .item .post_meta li {
  position: relative;
}
.body_content .press_post .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .lasted_post {
  padding-top: 10px;
}
.body_content .lasted_post .list_post .item {
  padding: 15px 0;
  position: relative;
}
.body_content .lasted_post .list_post .item::before {
  position: absolute;
  content: "";
  width: calc(100% + 60px);
  left: -30px;
  bottom: 0;
  height: 1px;
  background-color: var(--cl-color-eighty);
}
.body_content .lasted_post .list_post .item:first-child {
  padding-top: 0;
}
.body_content .lasted_post .list_post .item h3 {
  color: var(--cl-color-primary);
  height: 78px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .lasted_post .list_post .item h3 a {
  color: var(--cl-color-primary);
}
.body_content .lasted_post .list_post .item h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .lasted_post .list_post .item h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .lasted_post .list_post .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.body_content .lasted_post .list_post .item .post_meta li {
  position: relative;
}
.body_content .lasted_post .list_post .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .lasted_post .list_post .item .post_meta li:first-child a {
  color: var(--cl-color-primary);
}
.body_content .lasted_post .list_post .item .post_meta li:not(:last-child):not(:first-child)::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: -8px;
  top: 50%;
  color: var(--cl-color-thirty);;
  transform: translateY(-50%);
}
.body_content .lasted_post .list_post .item .post_meta li:last-child::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--bg-color-fivety);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.body_content .lasted_post .list_post .item figure {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 0;
}
.body_content .lasted_post .list_post .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body_content .lasted_post .list_post .item .post_excerpt p {
  /* height: 68px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
}
.body_content .lasted_post .load_post a {
  margin: 30px 0;
}
.body_content.news_page {
  border-top: 1px solid var(--cl-color-eighty);
}
.body_content.news_page .press_post {
  padding: 24px 0;
}
.body_content.news_page .press_post::before {
  position: absolute;
  content: "";
  width: calc(100% + 60px);
  left: -30px;
  top: 0;
  height: 1px;
  background-color: var(--bg-color-primary);
}
.body_content .single_content {
  padding: 30px;
}
.body_content .single_content .single_meta {
  padding: 20px 0;
  border-top: 1px solid var(--cl-color-secondary);
}
.body_content .single_content .single_meta .post_author {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.body_content .single_content .single_meta .post_author figure {
  flex: 0 0 40px;
  width: 40px;
  margin-bottom: 0;
}
.body_content .single_content .single_meta .post_social ul {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-left: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.body_content .single_content .single_meta .post_social ul li a img {
  height: 32px;
}
.body_content .single_content .single_meta .fake_line {
  height: 100%;
  width: 1px;
  background-color: var(--bg-color-secondary);
}
.body_content .single_content .lasted_post .list_post .item::before {
  left: -60px;
  width: calc(100% + 120px);
}
.body_content .single_content .near_post {
  border-bottom: 1px solid var(--cl-color-secondary);
  position: relative;
}
.body_content .single_content .near_post::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: var(--bg-color-primary);
}
.body_content .single_content .near_post .prev_post,
.body_content .single_content .near_post .next_post {
  padding: 15px 0px;
}
.body_content .single_content .near_post .j_title {
  margin-bottom: 12px;
  border-bottom: 3px solid var(--cl-color-secondary);
}
.body_content .single_content .near_post .j_title span {
  padding: 6px;
  background-color: var(--bg-color-primary);
  display: inline-block;
  color: var(--cl-color-primary);
}
.body_content .single_content .near_post h3 a {
  color: var(--cl-color-primary);
}
.body_content .single_content .related_post {
  padding: 30px 0 0;
}
.body_content .single_content .related_post .nav-tabs {
  -moz-column-gap: 10px;
       column-gap: 10px;
  border-bottom: 0;
}
.body_content .single_content .related_post .nav-tabs .nav-item .nav-link {
  border: 0;
  background-color: var(--bg-color-primary);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 7px 12px;
}
.body_content .single_content .related_post .nav-tabs .nav-item .nav-link.active {
  background-color: var(--bg-color-thirty);
}
.body_content .single_content .related_post .arrow_slider {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: none;
}
.body_content .single_content .related_post .arrow_slider.active {
  display: flex;
}
.body_content .single_content .related_post .arrow_slider .prev_slider a {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: var(--cl-color-primary);
  font-size: 20px;
  background: var(--bg-color-secondary);
}
.body_content .single_content .related_post .arrow_slider .prev_slider a:hover {
  background-color: var(--bg-color-secondary);
  color: var(--cl-color-thirty);;
}
.body_content .single_content .related_post .arrow_slider .next_slider a {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: var(--cl-color-primary);
  font-size: 20px;
  background: var(--bg-color-secondary);
}
.body_content .single_content .related_post .arrow_slider .next_slider a:hover {
  background-color: var(--bg-color-secondary);
  color: var(--cl-color-thirty);;
}
.body_content .single_content .related_post .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}
.body_content .single_content .related_post .tab-pane.active {
  height: auto;
}
.body_content .single_content .related_post .tab-content {
  padding: 30px 0 0;
}
.body_content .single_content .related_post .tab-content .related_slider {
  margin: 0 -15px;
}
.body_content .single_content .related_post .tab-content .related_slider .slick-slide {
  margin: 0 15px;
}
.body_content .single_content .related_post .tab-content .related_slider .item {
  margin-bottom: 30px;
}
.body_content .single_content .related_post .tab-content .related_slider .item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.body_content .single_content .related_post .tab-content .related_slider .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.body_content .single_content .related_post .tab-content .related_slider .item h3 {
  height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body_content .single_content .related_post .tab-content .related_slider .item h3 a {
  color: var(--cl-color-primary);
}
.body_content .single_content .related_post .tab-content .related_slider .item h3:hover {
  color: var(--cl-color-fourty);
}
.body_content .single_content .related_post .tab-content .related_slider .item h3:hover a {
  color: var(--cl-color-fourty);
}
.body_content .single_content .related_post .tab-content .related_slider .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.body_content .single_content .related_post .tab-content .related_slider .item .post_meta li {
  position: relative;
}
.body_content .single_content .related_post .tab-content .related_slider .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.body_content .post_content {
  font-size: 17px;
  color: var(--cl-color-primary);
}
.the_content * {
  font-family: "Roboto", sans-serif !important;
}
.body_content .post_content h2 {
  text-align: left;
}
.body_content .post_content h3 {
  text-align: left;
}
.body_content .post_content img {
  max-width: 100%;
  height: auto;
}
.body_content .post_content img.aligncenter,
.body_content .post_content figure.aligncenter {
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}
.body_content .post_content figure.aligncenter figcaption {
  text-align: center;
  font-style: italic;
  font-size: 14px;
  margin-top: 5px;
}
.body_content .post_content p {
  margin-bottom: 24px;
}
.body_content .post_content ul,
.body_content .post_content ol {
  padding-left: 16px;
}
.body_content .post_content h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 24px;
}
.body_content .post_content h3 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 24px;
}
.body_content .post_content h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
}
.body_content .post_content h5 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 24px;
}
.body_content .post_content a {
  color: var(--cl-color-seventy);
}
.body_content .post_content .ads_box {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.body_content .post_content .ads_box img {
  width: 304px;
}
.body_content .post_content .post_tag {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  margin-bottom: 20px;
}
.body_content .post_content .post_tag li a {
  position: relative;
  display: block;
  padding: 8px 8px 8px 30px;
  background-color: var(--bg-color-primary) url(../images/coin-logo.png) no-repeat center left 8px/16px auto;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: var(--cl-color-thirty);;
  font-weight: bold;
  min-width: 110px;
}
.body_content .post_content .post_cate {
  display: flex;
  list-style: none;
  padding-left: 0;
  -moz-column-gap: 5px;
       column-gap: 5px;
  flex-wrap: wrap;
  padding: 8px;
  background-color: var(--bg-color-primary);
  color: var(--cl-color-primary);
  border-bottom: 1px solid var(--cl-color-thirty);
  margin-bottom: 20px;
}
.body_content .post_content .post_cate li {
  line-height: 180%;
}
.body_content .post_content .post_cate li a {
  color: var(--cl-color-seventy);
  font-weight: bold;
  position: relative;
}
.body_content .post_content .post_cate li:not(:first-child):not(:last-child)::after {
  content: ",";
}
.body_content .post_content .author_detail {
  border-bottom: 1px solid var(--cl-color-secondary);
}
.body_content .post_content .author_detail .owner_title {
  border-bottom: 3px solid var(--cl-color-secondary);
}
.body_content .post_content .author_detail .owner_title span {
  padding: 6px;
  background-color: var(--bg-color-primary);
  display: inline-block;
}
.body_content .post_content .author_detail .owner {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 20px 0;
}
.body_content .post_content .author_detail .owner figure {
  flex: 0 0 40px;
  width: 40px;
  margin-bottom: 0;
}
.body_content .post_content .author_detail .owner .desc {
  flex: 0 0 100%;
  width: 100%;
}
.body_content .post_content .author_detail .owner .owner_social {
  flex: 0 0 100%;
  width: 100%;
}
.body_content .post_content .author_detail .owner .owner_social ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.body_content .post_content .author_detail .owner .owner_social ul li a {
  display: block;
  padding: 8px;
  background-color: var(--bg-color-primary);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: var(--cl-color-primary);
  font-weight: bold;
}
.body_content .post_content .author_detail .owner .owner_social ul li a img {
  height: 12px;
  margin-right: 6px;
}
.body_content .post_content .post_on_social {
  padding: 20px 0;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.body_content .post_content .post_on_social .fb-like iframe {
  height: auto !important;
}
.body_content .post_content .post_on_social ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: wrap;
}
.body_content .post_content .post_on_social ul li a {
  display: block;
  color: var(--cl-color-primary);
  font-weight: bold;
}
.body_content .post_content .post_on_social ul li a img {
  height: 24px;
  margin-right: 6px;
}
.body_content .post_content .comment_post {
  padding: 20px 0;
  padding-top: 0px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.body_content .post_content .comment_post .form-control {
  background: transparent;
  height: 40px;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  box-shadow: none;
  outline: none;
  border-right: 0;
}
.body_content .post_content .comment_post .form-control::-moz-placeholder {
  font-size: 14px;
  color: var(--cl-color-thirty);;
}
.body_content .post_content .comment_post .form-control::placeholder {
  font-size: 14px;
  color: var(--cl-color-thirty);;
}
.body_content .post_content .comment_post button {
  color: var(--cl-color-secondary);
  background-color: var(--bg-color-seventy);
  border-color: var(--cl-color-seventy);
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  min-width: 40px;
}
.body_content .post_content .ggnews {
  padding: 3px 24px;
  color: var(--cl-color-primary);
  border: 1px solid var(--cl-color-primary);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  display: block;
}
.body_content .post_content .ggnews img {
  height: 32px;
  margin-left: 12px;
}
@media (max-width: 991px) {
  #display_setting {
    display: none;
  }
  #display_setting.pwa .display_toggle {
    display: none;
  }
  #display_setting.pwa.active {
    display: flex;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 999998;
  }
  #display_setting.pwa h6 {
    margin-bottom: 15px;
  }
  .body_content {
    padding: 0 20px;
  }
  .body_content .daily_post {
    margin-bottom: 30px;
  }
  .body_content .breakline {
    margin: 30px -20px 20px;
  }
  .body_content .featured_second .item h3 {
    height: auto;
    display: block;
  }
  .body_content .lasted_post .list_post .item {
    padding: 20px 0;
  }
  .body_content .lasted_post .list_post .item::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .body_content.news_page .press_post::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .body_content .single_content {
    padding: 0;
  }
  .body_content .single_content .lasted_post .list_post .item::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .body_content .single_content .near_post .prev_post {
    padding: 20px 10px 20px 0;
  }
  .body_content .single_content .near_post .next_post {
    padding: 20px 0 20px 10px;
  }
  .body_content .post_content {
    font-size: 16px;
  }
  .body_content .post_content .ads_box {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .body_content .post_content p {
    margin-bottom: 18px;
  }
  .body_content .post_content h2 {
    font-size: 20px;
    margin-bottom: 18px;
  }
  .body_content .post_content h3 {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .body_content .post_content h4 {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .body_content .post_content h5 {
    font-size: 15px;
    margin-bottom: 18px;
  }
  .body_content .post_content .ggnews {
    font-size: 12px;
  }
  .body_content .post_content .ggnews img {
    height: 24px;
  }
}
@media (max-width: 767px) {
  .body_content .featured_post {
    padding: 20px 0 0;
  }
  .body_content .featured_post .item {
    position: relative;
  }
  .body_content .featured_post .item figure {
    margin-bottom: 0;
  }
  .body_content .featured_post .item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.4%, #000 100%);
    z-index: 1;
    pointer-events: none; 
  }
  .body_content .featured_post .item .text_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0 20px;
    color: var(--cl-color-secondary);
  }
  .body_content .featured_post .item .text_box h3 a {
    color: var(--cl-color-secondary);
  }
  .body_content .featured_post .item .text_box .post_excerpt {
    display: none;
  }
  .body_content .featured_post .item .text_box .post_meta li a {
    color: var(--cl-color-secondary);
  }
  .body_content .featured_second {
    padding-top: 0;
    margin-bottom: 20px;
  }
  .body_content .featured_second > .row {
    --bs-gutter-x: 4px;
  }
  .body_content .featured_second .item {
    padding: 0;
    box-shadow: none;
    position: relative;
    margin-bottom: 0;
    margin-top: 4px;
  }
  .body_content .featured_second .item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #000 100%);
    z-index: 1;
    pointer-events: none; 
  }
  .body_content .featured_second .item .post_excerpt {
    display: none;
  }
  .body_content .featured_second .item .text_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0 6px;
    color: var(--cl-color-secondary);
  }
  .body_content .featured_second .item .text_box h3 {
    display: -webkit-box;
    height: 48px;
    font-size: 6px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
  }
  .body_content .featured_second .item .text_box h3 a {
    color: var(--cl-color-secondary);
  }
  .body_content .featured_second .item .text_box .post_meta li {
    font-size: 8px;
  }
  .body_content .featured_second .item .text_box .post_meta li a {
    color: var(--cl-color-secondary);
  }
  .body_content .lasted_post .item .post_excerpt {
    display: none;
  }
  .body_content .lasted_post .item .btn-seemore {
    display: none;
  }
}

.price_content .jbreadcrumb {
  padding: 16px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.price_content .jbreadcrumb ul {
  margin-bottom: 0;
}
.price_content .price_sidebar {
  padding: 0 16px;
  position: sticky;
  top: 0;
}
.price_content .price_sidebar > ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.price_content .price_sidebar > ul > li {
  margin-bottom: 8px;
  position: relative;
}
.price_content .price_sidebar > ul > li > a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: var(--bg-color-primary);
  display: block;
  padding: 10px 12px;
  color: var(--cl-color-primary);
  font-weight: bold;
  font-size: 13px;
  border: 1px solid var(--cl-color-secondary);
  position: relative;
}
.price_content .price_sidebar > ul > li > a::after {
  position: absolute;
  content: "\f0da";
  font-family: "FontAwesome";
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: var(--bg-color-fivety);
  justify-content: center;
  align-items: center;
  display: flex;
  color: var(--cl-color-secondary);
  font-size: 10px;
  transition: all 0.5s ease;
}
.price_content .price_sidebar > ul > li ul {
  margin-top: 8px;
  display: none;
  list-style: none;
  padding-left: 0;
}
.price_content .price_sidebar > ul > li ul li a {
  font-size: 13px;
  color: var(--cl-color-primary);
  padding: 10px 8px;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.price_content .price_sidebar > ul > li ul li:hover > a, .price_content .price_sidebar > ul > li ul li.active > a {
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0px 0px 0px 1px #E0E2E8 inset;
}
.price_content .price_sidebar > ul > li:hover > a {
  border: 1px solid var(--cl-color-thirty);
  background: transparent;
}
.price_content .price_sidebar > ul > li:hover > a::after {
  background-color: var(--bg-color-seventy);
}
.price_content .price_sidebar > ul > li.active > a {
  border: 1px solid var(--cl-color-thirty);
  background: transparent;
}
.price_content .price_sidebar > ul > li.active > a::after {
  background-color: var(--bg-color-seventy);
  transform: translateY(-50%) rotate(90deg);
}
.price_content .price_sidebar .ads_box img {
  width: 100%;
  height: auto;
}
.price_content .head_price {
  border-left: 1px solid var(--cl-color-secondary);
  padding: 0 16px 16px;
}
.price_content .head_price .rank_box {
  text-align: center;
  padding: 14px 16px;
  background: var(--bg-color-secondary);
  border: 1px solid var(--cl-color-secondary);
  margin-bottom: 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.price_content div.dt-container div.dt-layout-row:nth-child(1), .price_content div.dt-container div.dt-layout-row:nth-child(2) {
  margin: 0;
}
.price_content table {
  border-left: 1px solid var(--cl-color-secondary);
}
.price_content table thead tr th {
  text-align: center !important;
  white-space: nowrap;
  font-size: 12px;
}
.price_content table thead tr th:nth-child(2) {
  min-width: 200px;
}
.price_content table tbody tr {
  vertical-align: middle;
}
.price_content table tbody tr td {
  font-size: 12px;
}
.price_content table tbody tr td .coin_title a {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  color: #000000;
}
.price_content table tbody tr td .coin_title a figure {
  margin-bottom: 0;
}
.price_content table tbody tr td .coin_title a figure img {
  height: 24px;
}
.price_content table tbody tr td .coin_title a .cl-black {
  transition: all 0.5s ease;
  color: #000000;
}
.price_content table tbody tr td .coin_title a:hover .cl-black {
  color: var(--cl-color-fourty);
}
.price_content table tbody tr td .up {
  color: #28a745;
}
.price_content table tbody tr td .down {
  color: #dc3545;
}
.price_content table tbody tr td:not(:nth-child(2)) {
  text-align: center;
}
.price_content .dt-length {
  display: none;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.price_content div.dt-container .dt-paging .dt-paging-button {
  border: 1px solid transparent;
  padding: 5px 10px;
  box-shadow: none;
}
.price_content div.dt-container .dt-paging .dt-paging-button:hover, .price_content div.dt-container .dt-paging .dt-paging-button.current {
  border-color: var(--cl-color-seventy);
  background: transparent;
  color: var(--cl-color-seventy) !important;
}
@media (max-width: 991px) {
  .price_content .head_price .ads_box {
    margin-bottom: 20px;
  }
  .price_content .head_price .rank_box {
    padding: 8px;
  }
}

.price_detail .search_people {
  padding: 20px 30px 0;
}
.price_detail .search_people input {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-color-secondary);
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  height: 40px;
}
.price_detail .search_people input::-moz-placeholder {
  color: var(--cl-color-thirty);;
}
.price_detail .search_people input::placeholder {
  color: var(--cl-color-thirty);;
}
.price_detail .search_people button {
  background-color: var(--bg-color-seventy);
  border-color: var(--cl-color-seventy);
}
.price_detail .search_people button img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  height: 16px;
  display: block;
}
.price_detail .daily_update {
  padding: 20px 30px;
  overflow-x: auto;
}
.price_detail .daily_update .brand_name {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
}
.price_detail .daily_update .brand_name figure {
  margin-bottom: 0;
}
.price_detail .daily_update .brand_name figure img {
  height: 76px;
}
.price_detail .daily_update .info {
  padding-left: 30px;
}
.price_detail .jtag span {
  background-color: var(--bg-color-primary);
  color: var(--cl-color-primary);
  display: inline-block;
  padding: 8px 12px;
  text-transform: uppercase;
}
.price_detail .price_primary_info {
  border-top: 4px solid var(--cl-color-secondary);
  border-bottom: 4px solid var(--cl-color-secondary);
  padding: 15px 30px 30px;
  background-color: var(--bg-color-secondary);
}
.price_detail .price_primary_info table tbody tr td {
  color: var(--cl-color-thirty);;
  background: transparent;
}
.price_detail .price_primary_info table tbody tr td:first-child {
  padding-left: 0;
}
.price_detail .price_primary_info table tbody tr td:last-child {
  padding-right: 0;
}
.price_detail .price_primary_info .btn_explorer {
  background-color: var(--bg-color-primary) url(../images/explorer.png) no-repeat right 10px center/auto 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: block;
  text-align: left;
  margin-bottom: 16px;
}
.price_detail .price_primary_info .btn_explorer:hover {
  background-color: var(--bg-color-thirty);;
  color: var(--cl-color-secondary);
}
.price_detail .price_primary_info .live_chart {
  margin-bottom: 16px;
}
.price_detail .price_primary_info .daily_post .item {
  padding: 16px 0 12px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.price_detail .price_primary_info .daily_post .item h3 {
  color: var(--cl-color-primary);
  height: 54px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.price_detail .price_primary_info .daily_post .item h3 a {
  color: var(--cl-color-primary);
}
.price_detail .price_primary_info .daily_post .item h3:hover {
  color: var(--cl-color-fourty);
}
.price_detail .price_primary_info .daily_post .item h3:hover a {
  color: var(--cl-color-fourty);
}
.price_detail .price_primary_info .daily_post .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 8px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 0;
}
.price_detail .price_primary_info .daily_post .item .post_meta li {
  position: relative;
}
.price_detail .price_primary_info .daily_post .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.price_detail .price_primary_info .daily_post .item .post_meta li:first-child a {
  color: var(--cl-color-primary);
}
.price_detail .price_primary_info .daily_post .item .post_meta li:not(:last-child):not(:first-child)::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: -8px;
  top: 50%;
  color: var(--cl-color-thirty);;
  transform: translateY(-50%);
}
.price_detail .price_primary_info .daily_post .item .post_meta li:last-child::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--bg-color-fivety);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.price_detail .price_info {
  padding: 15px;
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: var(--bg-color-secondary);
}
.price_detail .price_info iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.price_detail .price_info .price_stats {
  position: sticky;
  top: 30px;
}
.price_detail .price_info .price_stats table tbody tr td {
  color: var(--cl-color-thirty);;
  background: transparent;
}
.price_detail .price_info .price_stats table tbody tr td:first-child {
  padding-left: 0;
}
.price_detail .price_info .price_stats table tbody tr td:last-child {
  padding-right: 0;
}
.price_detail .price_info .price_stats .coin_social {
  display: flex;
  list-style: none;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  padding-left: 0;
  flex-wrap: wrap;
}
.price_detail .price_info .price_stats .coin_social li a {
  border: 1px solid var(--cl-color-primary);
  padding: 7px;
  display: flex;
  align-items: center;
  font-size: 10px;
  color: var(--cl-color-primary);
  font-weight: bold;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.price_detail .price_info .price_stats .coin_social li a img {
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}
.price_detail .price_info .price_stats .coin_social li a:hover {
  background-color: var(--bg-color-thirty);
  border-color: var(--cl-color-fourty);
}
.price_detail .price_info .price_content {
  font-size: 16px;
  color: var(--cl-color-primary);
}
.price_detail .price_info .price_content img {
  max-width: 100%;
  height: auto;
}
.price_detail .price_info .price_content p {
  margin-bottom: 24px;
}
.price_detail .price_info .price_content ul,
.price_detail .price_info .price_content ol {
  padding-left: 16px;
}
.price_detail .price_info .price_content h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 24px;
}
.price_detail .price_info .price_content h3 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 24px;
}
.price_detail .price_info .price_content h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
}
.price_detail .price_info .price_content h5 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 24px;
}
.price_detail .price_info .price_content a {
  color: var(--cl-color-seventy);
}
.price_detail .price_info .price_content .ads_box {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.price_detail .price_info .price_content .ads_box img {
  width: 304px;
}
.price_detail .news_section {
  padding: 0 15px;
  padding-top: 0px;
  position: relative;
}
.price_detail .news_section .inner_content {
  border-top: 4px solid var(--cl-color-secondary);
  border-bottom: 4px solid var(--cl-color-secondary);
  padding: 15px 0;
}
.price_detail .news_section .item {
  margin-bottom: 20px;
}
.price_detail .news_section .item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.price_detail .news_section .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price_detail .news_section .item h3 {
  height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.price_detail .news_section .item h3 a {
  color: var(--cl-color-primary);
}
.price_detail .news_section .item h3:hover {
  color: var(--cl-color-fourty);
}
.price_detail .news_section .item h3:hover a {
  color: var(--cl-color-fourty);
}
.price_detail .news_section .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.price_detail .news_section .item .post_meta li {
  position: relative;
}
.price_detail .news_section .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.price_detail .news_section .big_item {
  margin-bottom: 20px;
}
.price_detail .news_section .big_item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.price_detail .news_section .big_item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price_detail .news_section .big_item h3 a {
  color: var(--cl-color-primary);
}
.price_detail .news_section .big_item h3:hover {
  color: var(--cl-color-fourty);
}
.price_detail .news_section .big_item h3:hover a {
  color: var(--cl-color-fourty);
}
.price_detail .news_section .big_item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 9px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.price_detail .news_section .big_item .post_meta li {
  position: relative;
}
.price_detail .news_section .big_item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.price_detail .token_section {
  min-height: 520px;
  padding: 0 30px;
  background-color: var(--bg-color-iframe);
}
.price_detail .token_section .inner_content {
  padding: 30px 0;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.price_detail .token_section .inner_content .jtag img {
  height: 20px;
}
.price_detail .token_section .inner_content .token_item {
  padding: 10px;
  background: var(--bg-color-secondary);
  border: 1px solid var(--cl-color-secondary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--cl-color-primary);
  position: relative;
}
.price_detail .token_section .inner_content .token_item h3 {
  padding-right: 20px;
}
.price_detail .token_section .inner_content .token_item .info {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 12px;
}
.price_detail .token_section .inner_content .token_item .info img {
  display: block;
}
.price_detail .signal_section {
  padding: 0 30px;
}
.price_detail .signal_section .inner_content {
  padding: 30px 0;
  border-bottom: 4px solid var(--cl-color-secondary);
}
.price_detail .signal_section .inner_content .signal_filter {
  display: flex;
  list-style: none;
  padding-left: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.price_detail .signal_section .inner_content .signal_filter li a {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cl-color-thirty);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  color: var(--cl-color-thirty);;
}
.price_detail .signal_section .inner_content .signal_filter li:hover a, .price_detail .signal_section .inner_content .signal_filter li.active a {
  border-color: var(--cl-color-seventy);
  color: var(--cl-color-seventy);
}
.price_detail .signal_section .inner_content .box_chart {
  background: var(--bg-color-secondary);
  border: 1px solid var(--cl-color-secondary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 10px;
  margin-top: 16px;
}
.price_detail .signal_section .inner_content .box_chart .chart_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.price_detail .signal_section .inner_content .box_chart .chart_inner h4 {
  border-bottom: 1px solid var(--cl-color-secondary);
  line-height: 38px;
  margin-bottom: 10px;
}
.price_detail .signal_section .inner_content .box_chart .chart_inner .no_content {
  height: 100%;
  flex: 1 0 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price_detail .list_coin {
  padding: 0 30px;
}
.price_detail .list_coin .inner_content {
  padding: 30px 0;
  border-bottom: 4px solid var(--cl-color-secondary);
}
.price_detail .list_coin .inner_content .item {
  background: var(--bg-color-secondary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid var(--cl-color-secondary);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.03);
  padding: 12px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 16px;
}
.price_detail .list_coin .inner_content .item figure {
  margin-bottom: 0;
  width: 36px;
  flex: 0 0 36px;
}
.price_detail .list_coin .inner_content .item .info {
  width: 100%;
  flex: 1 0 0%;
}
.price_detail .list_coin .inner_content .item .info h4 {
  margin-bottom: 0;
}
.price_detail .list_coin .inner_content .item .info h4 a {
  color: var(--cl-color-primary);
  display: block;
}
.price_detail .list_coin .inner_content .item .info h4 a:hover {
  color: var(--cl-color-fourty);
}
@media (max-width: 991px) {
  .price_detail .search_people {
    padding: 20px 20px 0;
  }
  .price_detail .daily_update {
    padding: 20px;
  }
  .price_detail .daily_update .brand_name figure img {
    height: 54px;
  }
  .price_detail .price_primary_info {
    padding: 20px;
  }
  .price_detail .price_info {
    padding: 20px;
  }
  .price_detail .price_info .price_content .ads_box {
    margin-left: 0;
    text-align: center;
    float: none;
  }
  .price_detail .price_info .price_stats {
    padding-top: 20px;
  }
  .price_detail .news_section {
    padding: 0 20px;
  }
  .price_detail .news_section .inner_content {
    padding: 20px 0;
  }
  .price_detail .news_section .big_item .desc {
    display: none;
  }
  .price_detail .news_section .big_item h3 {
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 130%;
  }
  .price_detail .list_coin,
  .price_detail .signal_section,
  .price_detail .token_section {
    padding: 0 20px;
  }
  .price_detail .list_coin .inner_content,
  .price_detail .signal_section .inner_content,
  .price_detail .token_section .inner_content {
    padding: 20px 0;
  }
}

.people_page .head_people {
  padding: 30px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.people_page .head_people .search_people input {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-color-secondary);
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  height: 40px;
}
.people_page .head_people .search_people input::-moz-placeholder {
  color: var(--cl-color-thirty);;
}
.people_page .head_people .search_people input::placeholder {
  color: var(--cl-color-thirty);;
}
.people_page .head_people .search_people button {
  background-color: var(--bg-color-seventy);
  border-color: var(--cl-color-seventy);
}
.people_page .head_people .search_people button img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  height: 16px;
  display: block;
}
.people_page .head_people.people_info {
  border-top: 1px solid var(--cl-color-eighty);
  border-bottom: 1px solid var(--cl-color-eighty);
  position: relative;
}
.people_page .head_people.people_info::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: var(--cl-color-eighty);
}
.people_page .head_people.people_info .people_name {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.people_page .head_people.people_info .people_name figure {
  flex: 0 0 60px;
  width: 60px;
  position: relative;
}
.people_page .head_people.people_info .people_name figure > img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.people_page .head_people.people_info .people_name figure figcaption {
  position: absolute;
  width: 24px;
  bottom: 0;
  right: -8px;
}
.people_page .head_people.people_info .people_name figure figcaption > img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.people_page .head_people.people_info .people_social {
  display: flex;
  list-style: none;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  padding-left: 0;
  flex-wrap: wrap;
}
.people_page .head_people.people_info .people_social li a {
  border: 1px solid var(--cl-color-primary);
  padding: 7px;
  display: flex;
  align-items: center;
  font-size: 10px;
  color: var(--cl-color-primary);
  font-weight: bold;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: #ffffff;
}
.people_page .head_people.people_info .people_social li a img {
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}
.people_page .head_people.people_info .people_social li a:hover {
  background-color: var(--bg-color-thirty);
  border-color: var(--cl-color-fourty);
}
.people_page .content_people {
  padding: 0 30px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.people_page .content_people .vline {
  width: 1px;
  height: 100%;
  background-color: var(--bg-color-primary);
}
.people_page .content_people .people_group .nav {
  padding: 16px 12px;
  border-bottom: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.people_page .content_people .people_group .nav .nav-item .nav-link {
  background-color: var(--bg-color-primary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 0;
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: var(--cl-color-primary);
  font-size: 14px;
}
.people_page .content_people .people_group .nav .nav-item .nav-link[disabled] {
  color: var(--cl-color-primary);
  font-weight: bold;
}
.people_page .content_people .people_group .nav .nav-item .nav-link[disabled]::before {
  width: 12px;
  height: 12px;
  display: block;
  content: "";
  background-color: var(--bg-color-seventy);
}
.people_page .content_people .people_group .nav .nav-item .nav-link.active {
  background-color: var(--bg-color-fivety);
  color: var(--cl-color-secondary);
}
.people_page .content_people .people_group .tab-content .people_list {
  padding: 30px 0 0;
}
.people_page .content_people .people_group .tab-content .people_list .item {
  background: var(--bg-color-secondary);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid var(--cl-color-secondary);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.03);
  padding: 12px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 1.5rem;
}
.people_page .content_people .people_group .tab-content .people_list .item figure {
  margin-bottom: 0;
  width: 50px;
  flex: 0 0 50px;
  height: 50px;
}
.people_page .content_people .people_group .tab-content .people_list .item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.people_page .content_people .people_group .tab-content .people_list .item .info {
  width: 100%;
  flex: 1 0 0%;
}
.people_page .content_people .people_group .tab-content .people_list .item .info h4 {
  margin-bottom: 0;
}
.people_page .content_people .people_group .tab-content .people_list .item .info h4 a {
  color: var(--cl-color-primary);
  display: block;
}
.people_page .content_people .people_group .tab-content .people_list .item .info h4 a:hover {
  color: var(--cl-color-fourty);
}
.people_page .people_detail .people_id {
  position: sticky;
  top: 0;
  padding-left: 0;
  list-style: none;
}
.people_page .people_detail .people_id li a {
  padding: 12px 30px;
  display: block;
  position: relative;
  font-weight: bold;
  color: var(--cl-color-thirty);;
}
.people_page .people_detail .people_id li a::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 0;
  background-color: var(--bg-color-thirty);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.people_page .people_detail .people_id li:hover a::before, .people_page .people_detail .people_id li.active a::before {
  height: 100%;
  opacity: 1;
}
.people_page .people_detail .section_scroll {
  padding: 15px;
  border-right: 1px solid var(--cl-color-eighty);
}
.people_page .people_detail .section_scroll .edu_content img,
.people_page .people_detail .section_scroll .bio_content img {
  max-width: 100%;
  height: auto;
}
.people_page .people_detail .section_scroll .edu_content p,
.people_page .people_detail .section_scroll .bio_content p {
  margin-bottom: 24px;
}
.people_page .people_detail .section_scroll .edu_content ul,
.people_page .people_detail .section_scroll .edu_content ol,
.people_page .people_detail .section_scroll .bio_content ul,
.people_page .people_detail .section_scroll .bio_content ol {
  padding-left: 16px;
}
.people_page .people_detail .section_scroll .edu_content h2,
.people_page .people_detail .section_scroll .bio_content h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 24px;
  color: var(--cl-color-primary);
}
.people_page .people_detail .section_scroll .edu_content h3,
.people_page .people_detail .section_scroll .bio_content h3 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 24px;
  color: var(--cl-color-primary);
}
.people_page .people_detail .section_scroll .edu_content h4,
.people_page .people_detail .section_scroll .bio_content h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  color: var(--cl-color-primary);
}
.people_page .people_detail .section_scroll .edu_content h5,
.people_page .people_detail .section_scroll .bio_content h5 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 24px;
}
.people_page .people_detail .section_scroll .edu_content a,
.people_page .people_detail .section_scroll .bio_content a {
  color: var(--cl-color-seventy);
}
.people_page .people_detail .section_scroll .news_content .item {
  margin-bottom: 20px;
}
.people_page .people_detail .section_scroll .news_content .item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.people_page .people_detail .section_scroll .news_content .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.people_page .people_detail .section_scroll .news_content .item h3 a {
  color: var(--cl-color-primary);
}
.people_page .people_detail .section_scroll .news_content .item h3:hover {
  color: var(--cl-color-fourty);
}
.people_page .people_detail .section_scroll .news_content .item h3:hover a {
  color: var(--cl-color-fourty);
}
.people_page .people_detail .section_scroll .news_content .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 9px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.people_page .people_detail .section_scroll .news_content .item .post_meta li {
  position: relative;
}
.people_page .people_detail .section_scroll .news_content .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
.people_page .people_detail .section_scroll .video_content {
  text-align: center;
}
.people_page .people_detail .section_scroll .video_content iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.people_page .people_detail .section_scroll .work_content .item {
  border: 1px solid var(--cl-color-secondary);
  background: var(--bg-color-secondary);
  padding: 12px;
  text-align: center;
  margin-bottom: 1rem;
}
.people_page .people_detail .section_scroll .work_content .item figure img {
  height: 48px;
  width: 48px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.people_page .people_detail .section_scroll .work_content .item h4 {
  color: var(--cl-color-primary);
}
.people_page .people_detail .note_section {
  padding: 30px;
  border: 1px solid var(--cl-color-secondary);
}
.people_page .similar_people {
  padding: 30px 30px 0;
  border-top: 1px solid var(--cl-color-secondary);
}
.people_page .similar_people ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  margin-bottom: 16px;
}
.people_page .similar_people ul li a {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  background-color: var(--bg-color-primary);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: var(--cl-color-primary);
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: bold;
}
.people_page .similar_people ul li a img {
  height: 20px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.people_page .similar_people ul li a:hover {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-primary);
}
.list_releated_coin {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.list_releated_coin a {
  display: flex;
  margin-right: 15px;
  padding: 5px 0px;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--bg-color-secondary);
  text-align: center;
  align-items: center;
  gap: 5px;
  padding: 5px 25px;
  border-radius: 5px;
  color: var(--cl-color-primary);
  margin-bottom: 15px;
  border: 1px solid var(--cl-color-thirty);
}
.list_releated_coin a p {
  margin-bottom: 0px;
  margin-top: 2px;
}
.list_releated_coin a:hover {
  
}
.list_releated_coin img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.list_releated_people {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.list_releated_people a {
  display: flex;
  margin-right: 15px;
  padding: 5px 0px;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--bg-color-secondary);
  text-align: center;
  align-items: center;
  gap: 5px;
  padding: 5px 15px;
  border-radius: 5px;
  color: var(--cl-color-primary);
  margin-bottom: 15px;
  border: 1px solid var(--cl-color-thirty);
}
.list_releated_people a p {
  margin-bottom: 0px;
  margin-top: 2px;
}
.list_releated_people a:hover {
  
}
.list_releated_people img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 991px) {
  .people_page .head_people {
    padding: 20px;
  }
  .people_page .head_people.people_info::before {
    display: none;
  }
  .people_page .content_people {
    padding: 0 20px;
  }
  .people_page .content_people .people_group .nav {
    padding: 16px 0;
  }
  .people_page .people_detail .section_scroll,
  .people_page .people_detail .note_section {
    padding: 20px;
  }
  .people_page .similar_people {
    padding: 20px 20px 0;
  }
}

.seach_page {
  border-top: 1px solid var(--cl-color-secondary);
  padding: 0 30px;
}
.seach_page .head_search {
  padding: 30px 0;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.seach_page .head_search .search_people input {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-color-secondary);
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  height: 40px;
}
.seach_page .head_search .search_people input::-moz-placeholder {
  color: var(--cl-color-thirty);;
}
.seach_page .head_search .search_people input::placeholder {
  color: var(--cl-color-thirty);;
}
.seach_page .head_search .search_people button {
  background-color: var(--bg-color-seventy);
  border-color: var(--cl-color-seventy);
}
.seach_page .head_search .search_people button img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  height: 16px;
  display: block;
}
.seach_page .search_result {
  padding: 30px 0;
  border-bottom: 1px solid var(--cl-color-secondary);
}
.seach_page .search_result .total_result {
  background-color: var(--bg-color-primary);
  color: var(--cl-color-primary);
  padding: 8px;
}
.seach_page .search_result .list_post {
  padding-top: 30px;
}
.seach_page .search_result .list_post .item figure {
  position: relative;
  padding-bottom: 70%;
  margin-bottom: 12px;
}
.seach_page .search_result .list_post .item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.seach_page .search_result .list_post .item h3 {
  height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.seach_page .search_result .list_post .item h3 a {
  color: var(--cl-color-primary);
}
.seach_page .search_result .list_post .item h3:hover {
  color: var(--cl-color-fourty);
}
.seach_page .search_result .list_post .item h3:hover a {
  color: var(--cl-color-fourty);
}
.seach_page .search_result .list_post .item .post_meta {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 8px;
}
.seach_page .search_result .list_post .item .post_meta li {
  position: relative;
}
.seach_page .search_result .list_post .item .post_meta li a {
  color: var(--cl-color-thirty);;
}
@media (max-width: 991px) {
  .seach_page {
    padding: 0 20px;
  }
  .seach_page .head_search,
  .seach_page .search_result {
    padding: 20px 0;
  }
}

#footer_site {
  padding: 30px 30px 60px;
  background: var(--bg-color-secondary);
  border-top: 1px solid var(--cl-color-secondary);
}
#footer_site .logo_ft img {
  max-height: 50px;
}
#footer_site h4 {
  font-size: 13px;
  font-weight: bold;
  color: var(--cl-color-primary);
  margin-bottom: 10px;
}
#footer_site ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}
#footer_site ul li {
  font-size: 13px;
}
#footer_site ul li a {
  color: var(--cl-color-thirty);
}
#footer_site .social {
  list-style: none;
  display: block;
  padding-left: 0;
  margin-bottom: 0;
}
#footer_site .social li {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
#footer_site .social li:nth-child(4n+1) {
  clear: both;
}
#footer_site .social li a img {
  height: 32px;
  display: block;
}
#footer_site .policy {
  padding: 12px 0;
  border-top: 1px solid var(--cl-color-secondary);
  border-bottom: 1px solid var(--cl-color-secondary);
  color: var(--cl-color-thirty);
}
#footer_site .policy a {
  color: var(--cl-color-thirty);
  text-decoration: underline;
}
#footer_site .copyright {
  padding-top: 12px;
}
#footer_site .copyright ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: var(--cl-color-primary);
  margin-bottom: 0;
}
#footer_site .copyright ul li {
  font-size: 8px;
}
#footer_site .copyright ul li a {
  color: var(--cl-color-primary);
}
@media (max-width: 991px) {
  #footer_site {
    padding: 20px 20px 40px;
  }
  #footer_site .logo_ft {
    margin-bottom: 20px;
    display: block;
  }
  #footer_site .social {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  #footer_site .social li {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }
  #footer_site .social li:nth-child(4n+1) {
    clear: none;
  }
}

#subscribeModal .modal-content {
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
#subscribeModal .modal-content .modal-body {
  background: url(../images/bg-modal.jpg) no-repeat center center/cover;
  padding: 30px;
  border-top: 5px solid var(--cl-color-fourty);
}
#subscribeModal .modal-content .modal-body form .form-control {
  box-shadow: none;
  height: 48px;
  font-size: 16px;
  border: 1px solid var(--cl-color-thirty);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#subscribeModal .modal-content .modal-body form a {
  color: var(--cl-color-primary);
}
@media (max-width: 991px) {
  #subscribeModal .modal-content .modal-body {
    padding: 20px;
  }
}

#adsModal .modal-dialog {
  max-width: 300px;
}
#adsModal .modal-content {
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
#adsModal .modal-content .modal-body {
  padding: 0;
  position: relative;
}
#adsModal .modal-content .modal-body img {
  max-width: 100%;
}
#adsModal .modal-content .modal-body .close_ads {
  position: absolute;
  top: 0;
  left: 100%;
  width: 40px;
  padding: 8px;
  display: block;
  z-index: 999999;
}
#adsModal .modal-content .modal-body .close_ads:hover {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  #adsModal .modal-dialog {
    max-width: 100%;
  }
  #adsModal .modal-content .modal-body .close_ads {
    top: 0;
    right: 0;
    left: unset;
    width: 30px;
  }
}

.j_paging .wp-pagenavi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.j_paging .wp-pagenavi span {
  border: 1px solid var(--cl-color-secondary);
  background-color: var(--bg-color-primary);
  min-width: 35px;
  text-align: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  font-weight: 700;
  color: var(--cl-color-thirty);
  box-shadow: none;
  outline: none;
  padding: 5px;
  display: block;
  margin: 2px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.j_paging .wp-pagenavi span.current {
  border: 1px solid var(--cl-color-primary);
  background-color: var(--bg-color-sixty);
  color: var(--cl-color-secondary);
}
.j_paging .wp-pagenavi a {
  border: 1px solid var(--cl-color-secondary);
  background-color: var(--bg-color-primary);
  min-width: 35px;
  text-align: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  font-weight: 600;
  color: var(--cl-color-thirty);;
  box-shadow: none;
  outline: none;
  padding: 5px;
  display: block;
  margin: 2px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.j_paging .wp-pagenavi a:hover {
  border: 1px solid var(--cl-color-primary);
  background-color: var(--bg-color-sixty);
  color: var(--cl-color-secondary);
}/*# sourceMappingURL=main.css.map */

.body_content .post_content .comment-respond {
  display: none;
}
.body_content .post_content .comment_post .reply {
  display: none;
}

.body_wrapper #header_site .menu_profile ul li form {
  background: var(--bg-color-secondary);
}

.body_wrapper #header_site .menu_profile ul li form button.btn-delete-account {
    color: var(--cl-color-thirty);;
    font-size: 13px;
    font-weight: bold;
    font-family: "San Francisco Display", sans-serif;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border: unset;
    width: 100%;
}
.body_wrapper #header_site .menu_profile ul li form button.btn-delete-account:hover {
  background-color: var(--bg-color-secondary);
}

.body_wrapper #header_site .menu_profile ul li form button.btn-delete-account:before {
    position: absolute;
    background-color: var(--bg-color-thirty);
    content: "";
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s ease;
    width: 100%;
    height: 1px;
}
.body_wrapper #header_site .menu_profile ul li form button.btn-delete-account:hover:before {
    opacity: 1;
    visibility: visible;
}

#menu_mobile .menu_profile ul li form button.btn-delete-account {
    color: var(--cl-color-thirty);;
    font-size: 15px;
    font-weight: bold;
    font-family: "San Francisco Display", sans-serif;
    padding: 12px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border: unset;
    width: 100%;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    padding: 15px 45px 15px 16px;
}
#menu_mobile .menu_profile ul li form button.btn-delete-account:hover {
  background-color: var(--bg-color-secondary);
}

#menu_mobile .menu_profile ul li form button.btn-delete-account:before {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--bg-color-thirty);
    content: "";
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s ease;
}
#menu_mobile .menu_profile ul li form button.btn-delete-account:hover:before {
    opacity: 1;
    visibility: visible;
}

.loading {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 9999;
}

.loading .loading_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgb(255 255 255 / 95%);
  height: 100%;
  width: 100%;
}

.loading .loading_wrapper .loading_logo {
  max-width: 400px;
  margin-bottom: 20px;
  padding-right: 50px;
}

.loading .loading_wrapper .loading_effect {
  max-width: 50px;
}

.loader {
  width: 16px;
  height: 16px;
  position: relative;
  left: -32px;
  border-radius: 50%;
  color: var(--cl-color-fourty);
  background: currentColor;
  box-shadow: 32px 0 , -32px 0 ,  64px 0;
}

.loader::after {
  content: '';
  position: absolute;
  left: -32px;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background:#FF3D00;
  animation: move 3s linear infinite alternate;
}

@keyframes move {
  0% , 5%{
    left: -32px;
    width: 16px;
  }
  15% , 20%{
    left: -32px;
    width: 48px;
  }
  30% , 35%{
    left: 0px;
    width: 16px;
  }
  45% , 50%{
    left: 0px;
    width: 48px;
  }
  60% , 65%{
    left: 32px;
    width: 16px;
  }

  75% , 80% {
    left: 32px;
    width: 48px;
  }
  95%, 100% {
    left: 64px;
    width: 16px;
  }
}
.stiky_header_ads{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
}
.price_table_action {
  width: 150px;
}
.price_table_action a {
  background-color: var(--bg-color-thirty);
  color: var(--cl-color-secondary);;
  width: 100px;
}
.price_table_name {
  width: 120px;
}
.ads_box {
  overflow-x: hidden;
}
.body_content .post_content .coin_suggest_item p {
  margin-bottom: 0px;
}
.body_content .post_content .coin_suggest_item {
  margin-bottom: 15px;
}
.nsl-container-buttons {
  width: 100%;
}
.body_content .lasted_post .short_news_wrap {
  position: relative;
}
.body_content .lasted_post .short_news_wrap::before {
  content: '';
  width: 1px;
  position: absolute;
  background-color: var(--bg-color-primary);
  height: 98%;
  left: 5px;
  top: 5px;
}
.body_content .lasted_post .list_post .item.short_news {
  padding: 0px 30px 0px;
  margin-bottom: 15px;
}
.body_content .lasted_post .list_post .item.short_news:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--bg-color-fourty);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}
.body_content .lasted_post .list_post .item.short_news h3 {
  display: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: unset;
 }
 #footer_site .logo_ft img {
   max-width: 200px;
   max-height: unset;
}

.post_content .twitter-tweet {
   display: block;
   margin: 0 auto;
}

#mentioned-coins-box .card-body {
   flex-direction: column;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px;
   min-height: 110px;
}

#mentioned-coins-box .card-body p {
   margin-bottom: 0px;
}

#mentioned-coins-box .card-body h6 {
   line-height: 25px;
   margin-bottom: 0px;
}

.body_content .post_content img,  .body_content .post_content figure {
   max-width: 100%;
   height: auto;
}

.biggest_mover .card-body h6 {
   line-height: 25px;
   margin-bottom: 0px;
}
.biggest_mover .card-body p {
   margin-bottom: 0px;
}
.biggest_mover .card-body {
   flex-direction: column;
   display: flex;
   align-items: center;
   padding: 5px;
}
.biggest_mover .card {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* border:0.5px solid var(--cl-color-thirty); */
  margin-bottom: 1rem;
  /* padding-bottom: calc(20px + (var(--padding) / 5)); */
}

#biggest-movers > .row .col-md-12:not(:last-child) .card{
  border-bottom: 0;
}
#mentioned-coins-box .card {
  height: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border:0.5px solid var(--cl-color-thirty);
  margin-bottom: 1rem;
  /* padding-bottom: calc(20px + (var(--padding) / 5)); */
}
#mentioned-coins-box > .card:not(:last-child){
  border-bottom: 0;
}

.featured_second.short_news_wrap {
  background: var(--bg-color-secondary);
  padding: 20px;
}

.short_news_list {
  position: relative;
}

.short_news_list:before {
  width: 1px;
  position: absolute;
  content: '';
  background-color: var(--bg-color-primary);
  height: 98%;
  left: 5px;
  top: 5px;
}


.short_news_list .short_news_item {
  /* border-bottom: 1px solid #ffb202; */
  padding: 0px 0px 15px 30px;
  position: relative;
}

.short_news_list .short_news_item:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--bg-color-fourty);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
}
.short_news_list .short_news_item .ff-title {
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 55px; */
}
.short_news_list .short_news_item .ff-title a {
  color: var(--cl-color-primary);
}

.short_news_list .short_news_item .timestamp {
  margin-bottom: 0px;
  font-size: 13px;
}

span.title_comment {
   font-size: 20px;
   color: var(--cl-color-thirty);;
   line-height: 1.3em;
   font-weight: 700;
   margin: 0 0 15px;
   display: inline-block;
}
.comment-author.vcard {
   width: 25px;
}
#formcmmaxweb {
  overflow: hidden;
  position:relative;
  margin-bottom: 20px;
}
#formcmmaxweb .nameuser {
  text-align: left;
}
#formcmmaxweb .avatarmw img {
   float: left;
   margin: 5px 10px 0 0;
   border: 1px solid var(--cl-color-thirty);
   padding: 5px;
}
.comments-title-maxweb {
  margin: 30px 0;
  font-weight: normal;
}
.commentlist {
margin-top: 10px;
}
.commentlist .form-control{
   background: transparent;
   height: 40px;
   border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
   -moz-border-radius: 4px 0 0 4px;
   -ms-border-radius: 4px 0 0 4px;
   -o-border-radius: 4px 0 0 4px;
   box-shadow: none;
   outline: none;
   border-right: 0;
}
.commentlist button{
   color: var(--cl-color-secondary);
    background-color: var(--bg-color-seventy);
    border-color: var(--cl-color-seventy);
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    min-width: 40px;
}
.comment-author.vcard {
  float: left;
  clear: both;
  z-index: 2;
  position: relative;
  text-align: center;
}
.comment-author.vcard img{
   width: 100%;
   height: auto;
}
.commentlist li {
   overflow: hidden;
   clear: both;
  margin-bottom: 10px;
}
.commentlist .children {
  margin-top: 10px;
}
.commentBody em {
  color: red;
}
.commentBody {
  position: relative;
  margin-left: 35px;
  overflow: hidden;
  background-color: var(--bg-color-primary);
  padding: 15px;
  border-radius: 0 10px 10px 10px;
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  -ms-border-radius: 0 10px 10px 10px;
  -o-border-radius: 0 10px 10px 10px;
}
.comment-meta.commentmetadata {
  position: relative;
  padding: 0;
  margin: 0 0 5px;
}
.comment-meta.commentmetadata a{
   color: var(--cl-color-primary);
}
.noidungcomment {
   font-size: 14px;
   line-height: 24px;
}
.cancel-comment-reply a {
   font-size: 14px;
   text-decoration: none;
   color: var(--cl-color-primary);
}
.nocomments {
  border-color: var(--bg-color-thirty);
  background-color: var(--bg-color-thirty);
  background-position: left -792px;
  color: var(--cl-color-primary);
  padding: 10px;
}
.comment-meta.commentmetadata .ngaythang {
  position: absolute;
   top: 0;
   right: 0;
   color: var(--cl-color-primary);
   opacity: 0.3;
   font-size: 12px;
}
.commentBody:hover .comment-meta.commentmetadata .ngaythang{
  opacity: 1;
}
.commentBody .reply {
   float: right;
   margin: 0;
   position: absolute;
   bottom: 0;
   right: 0;
}
.comment-meta.commentmetadata .fn {
   font-weight: 700;
   color: var(--cl-color-primary);
   margin: 0;
   text-transform: capitalize;
   font-size: 17px;
   line-height: 22px;
   margin-top: 2px;
}

ol.commentlist_mw,
ol.commentlist_mw ul.children {
 list-style: none;
 padding-left: 0;
}
ol.commentlist_mw li{
  margin-bottom: 10px;
}
ol.commentlist_mw > ul.children{
  margin: 10px 0 15px 35px;
   background-color: var(--bg-color-secondary);
   padding: 10px;
   position: relative;
}
ol.commentlist_mw > ul.children:before {
   content: '';
   position: absolute;
   top: -10px;
   left: 14px;
   width: 0;
   height: 0;
   border-bottom: 10px solid var(--cl-color-secondary);
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
}
div.error {
   color: red;
   font-size: 12px;
   text-align: left;
   line-height: 16px;
   margin: 3px 0 0;
}
.tools_comment a {
   color: var(--cl-color-thirty);;
   font-size: 12px;
   position: relative;
   padding: 0 15px 0 0;
   margin: 0 7px 0 0;
   line-height: 14px;
}
.tools_comment a:after {
   content: "";
   width: 4px;
   height: 4px;
   top: 50%;
   margin-top: -2px;
   background-color: var(--bg-color-fivety);
   position: absolute;
   right: 0;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
}
.tools_comment a:last-child:after{
  display: none;
}
.tools_comment a:last-child{
  padding: 0;
  margin: 0;
}
.noidungcomment p {
   margin: 0 0 5px;
   color: var(--cl-color-primary);
}
#formcmmaxweb  input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"],
#formcmmaxweb article.post-password-required input[type=submit],
#formcmmaxweb li.bypostauthor cite span {
  padding: 6px 10px;
  padding: 0.428571429rem 0.714285714rem;
  font-size: 11px;
  font-size: 0.785714286rem;
  line-height: 1.428571429;
  font-weight: normal;
  color: var(--cl-color-thirty);;
  background-color: var(--bg-color-primary);
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
  background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
  border: 1px solid var(--cl-color-thirty);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
#formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea {
  border: 1px solid var(--cl-color-thirty);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: inherit;
  padding: 6px;
  padding: 0.428571429rem;
}
#formcmmaxweb button,
#formcmmaxweb input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"] {
  cursor: pointer;
}
.reply a.comment-reply-link {
   color: var(--cl-color-primary);
   text-decoration: none;
   font-weight: 400;
   font-size: 12px;
}
.reply a.comment-reply-link:hover {
  color: var(--cl-color-fourty);
}
#formcmmaxweb p,
#formcmmaxweb input,
#formcmmaxweb textarea{
  width: 100%;
  background: transparent;
  outline: none;
  font-size: 14px;
}
#formcmmaxweb input,
#formcmmaxweb textarea{
  border: 1px solid var(--cl-color-thirty);
  color: var(--cl-color-primary);;
  display: block;
}
#formcmmaxweb input:focus,
#formcmmaxweb textarea:focus{
  border-color: var(--cl-color-primary);
}
#formcmmaxweb p{
  margin-bottom: 10px;
  text-align: center;
}
#formcmmaxweb #commentform p{	
  overflow: hidden;
}
#formcmmaxweb .name-email p{
  width: 50%;
  float: left;
}
#formcmmaxweb .name-email p:first-child{
  padding-right: 5px;
}
#formcmmaxweb .name-email p:last-child{
  padding-left: 5px;
}
#formcmmaxweb input#submit {
   width: auto;
   font-weight: 400;
   color: var(--cl-color-secondary);;
   background-color: var(--bg-color-seventy);
   padding: 6px 20px;
   border: none;
   float: left;
   font-size: 16px;
   outline: none;
}
#formcmmaxweb input#submit:hover {
  background-color: var(--bg-color-thirty);
}
#formcmmaxweb  ::-webkit-input-placeholder {
  color: var(--cl-color-thirty);
}

#formcmmaxweb ::-moz-placeholder { /* Firefox 18- */
  color: var(--cl-color-thirty);  
}

#formcmmaxweb ::-moz-placeholder {  /* Firefox 19+ */
  color: var(--cl-color-thirty);  
}

#formcmmaxweb ::-ms-input-placeholder {  
  color: var(--cl-color-thirty);  
}
.display_mode {
  border-top: 1px solid var(--cl-color-thirty);
  padding-bottom: 15px;
}
.display_mode h6 {
  font-size: 16px;
  color: var(--cl-color-thirty);
  padding: 10px 16px;
  display: block;
  font-weight: bold;
}
.display_mode .mode-selector {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.display_mode .mode-selector a {
  padding: 10px 15px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
}

.display_mode .mode-selector a.eyecare {
  background: #fff8e1;
  color: #4e342e;
  border: 1px solid #4e342e;
}
.display_mode .mode-selector a.dark {
  background: #000000;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.disclaimer {
  font-size: 14px;
  font-style: italic;
}
.social_post {
  padding: 15px;
  background: rgb(255 178 0 / 3%);
}
.social_post ul {
  margin-bottom: 0px;
}
#display_toggle{
  position: absolute;
  bottom: 100px;
  right: 100%;
}
#display_toggle a{
  color: var(--cl-color-primary);
  font-size: 25px;
  display: flex;
  background: var(--bg-color-primary);
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--cl-color-thirty);
}
#display_setting{
  position: fixed;
  bottom: 0;
  right: 0;
  height: 40%;
  z-index: 999;
  background: var(--bg-color-primary);
  padding: 30px 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  width: 300px;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}
#display_setting h6{
  color: var(--cl-color-primary);
}
#display_setting.active{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
#display_setting .mode-selector{
  display: flex;
  column-gap: 8px;
}
#display_setting .mode-selector a{
  display: block;
  text-align: center;
  color: #000;
  font-size: 11px;
  background: #ffffff;
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  flex: 1 0 0%;
  border: 1px solid var(--bg-color-primary);
}
#display_setting .mode-selector a.active {
  border: 1px solid var(--cl-color-primary);
}

#display_setting .mode-selector a span{
  display: block;
}
#display_setting .mode-selector a.eyecare{
  background: #fff8e1;
}
#display_setting .mode-selector a.dark{
  background: #000000;
  color: #ffffff;
}
.search_table.active {
  z-index: 999;
}
.bottom-nav {
  display: none;
  background-color: var(--bg-color-blur);
  color: var(--cl-color-primary);
  --webkit-backdrop-filter: blur(10px);
  z-index: 999999;
}

.bottom-nav .nav-container .nav-item.flex-fill {
  flex: 1;
}

.bottom-nav .nav-container .logo-center {
  flex: 0 0 auto;
}
.bottom-nav i { 
  font-size: 20px;
  margin-bottom: 5px;
}
.bottom-nav .nav-item span {
  font-size: 12px;
}
.bottom-nav .nav-item a.active{
  color: var(--cl-color-secondary);
  background-color: var(--bg-color-thirty);
  transition: all 0ms linear;
}
.pwa_menu_popup  {
  display: none;
}
.pwa_menu_popup i {
  font-size: 25px;
  margin-bottom: 10px;
}
.pwa_menu_popup .nav-item a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pwa-search .form-control {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-bottom: 2px solid var(--cl-color-thirty);
  color: var(--cl-color-primary);
  box-shadow: none;
  outline: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.pwa-search .form-control::-moz-placeholder {
  color: var(--cl-color-thirty);;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pwa-search .form-control::placeholder {
  color: var(--cl-color-thirty);;
  transition: all 0.5s ease;
}
.pwa-search .form-control:focus {
  box-shadow: none;
  outline: none;
}
.pwa-search .form-control:focus::-moz-placeholder {
  padding-left: 15px;
  opacity: 0;
}
.pwa-search .form-control:focus::placeholder {
  padding-left: 15px;
  opacity: 0;
}
.pwa-search button.btn {
  background-color: var(--bg-color-thirty);
  border: 0;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-bottom: 2px solid var(--cl-color-thirty);
}
.pwa-search button.btn img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.autocomplete-box {
  border: 1px solid #ddd;
  border-top: none;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  background: var(--bg-color-primary);
  z-index: 9999;
}

.autocomplete-item {
  padding: 8px 10px;
  cursor: pointer;
  color: var(--cl-color-primary);
}

.autocomplete-item:hover {
  padding: 8px 10px;
  cursor: pointer;
  color: var(--bg-color-thirty);
  font-weight: bold;
}

.autocomplete-item:hover {
  background: var(--bg-color-default);
}
.price_content table tbody tr td {
  min-height: 60px;
}
.jump-price {
  padding: 2px 6px;
}
.price-up {
  background-color: rgba(40, 167, 69, 0.15); /* xanh nhạt */
  color: #28a745;
  padding: 2px 6px;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
}

.price-down {
  background-color: rgba(220, 53, 69, 0.15); /* đỏ nhạt */
  color: #dc3545;
  padding: 2px 6px;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
}
body.hasqc .search_table.active {
  padding-top:  190px;
}
@media (max-width: 767px) {
  #display_setting .mode-selector a {
    padding: 15px 5px;
  }
  #display_setting.pwa .mode-selector a i {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .bottom-nav .btn-back {
    position: absolute;
    bottom: 110%;
    right: 5px;
    background: var(--bg-color-default);
    color: var(--cl-color-primary);
    width: 110px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1px #E0E2E8 inset;
  }
  .bottom-nav .btn-back i {
    margin-bottom: 0px;
    font-size: 20px;
    margin-right: 5px;
  }
  .bottom-nav .btn-back:hover {
    color: var(--cl-color-secondary);
    background-color: var(--bg-color-thirty);
    transition: all 100ms linear;
  }
  .pwa_menu_popup.active  {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:var(--bg-color-default);
    color: var(--cl-color-primary);
    z-index: 999998;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
  }
  .bottom-nav .nav-item {
    width: 20%;
    flex: 0 0 20%;
  }
  .search_table.active {
    z-index: 999999;
  }
  .bottom-nav.active {
    display: block;
  }
  .head_mobile.hide {
    display: none !important;
  }
  .bottom-nav img.nav-logo {
    position: relative;
    top: -5px;
  }
  .short_news_list .short_news_item .ff-title a {
    font-size: 16px;
  }
  .display_mode .mode-selector a i {
    display: block;
    margin-bottom: 5px;
  }
  .display_mode .mode-selector a {
    padding: 5px 8px;
    text-align: center;
  }
  body .clickout-relative {
    display: none !important;
  }
  body .clickout-relative.show {
    display: block !important;
  }
  .loading .loading_wrapper .loading_logo {
    max-width: 250px;
    margin-bottom: 20px;
    padding-right: 35px;
  }
  .home .featured_post {
    margin-bottom: 5px;
  }
  .list_biggest_movers .card {
    display: none;
  }
  .list_biggest_movers .card:nth-child(1), .list_biggest_movers .card:nth-child(2) {
    display: block;
  }
  .price_table_name {
    width: fit-content;
  }
  .hide_in_mobile {
    display: none;
  }
  .price_content table thead tr th:nth-child(2) {
    min-width: unset;
  }
  .price_content table tbody tr .coin_title .name .fs-12 {
    font-size: 14px;
  }
  .price_detail .daily_update {
    padding: 20px 0px;
  }
  .homepage .sticky_sidebar {
    margin-bottom: 0px;
  }
  .sticky_sidebar {
    position: relative;
    top: 0px;
  }
  .featured_second.short_news_wrap { 
    margin-bottom: 0px;
    background: transparent;
  }
  .sidebar_ads {
    margin-top: 0px;
  }
  .body_content .press_post {
    padding-top: 0px;
  }
  .body_content .lasted_post .list_post .item figure {
    position: relative;
    padding-bottom: 70%;
    height: 100%;
    margin-bottom: 0;
  }
  .body_content .lasted_post .list_post .item h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .body_content .lasted_post .list_post .item {
    padding: 10px 0px;
  }
  .body_content .breakline {
    margin: 15px -20px 5px;
  }
  .body_content .post_content .comment_post {
    padding-top: 16px;
  }
  .ads_top .ads_box #newcode_ADS img {
    width: 80%;
  }
  .people_page .people_detail .section_scroll .news_content .item .post_excerpt {
    display: none;
  }
  .people_page .people_detail .section_scroll .news_content .item figure {
    height: 100%;
  }
  .people_page .people_detail .section_scroll .news_content .item h3 {
    font-size: 16px;
  }
  .people_page .people_detail .section_scroll {
    padding: 0px;
    border: none;
  }
  .body_content .post_content {
    text-align: justify;
  }
  .people_page .head_people {
    padding: 0px 20px;
  }
  .short_news_list .short_news_item:nth-child(7),
  .short_news_list .short_news_item:nth-child(8) {
    display: none;
  }
  body.hasqc .search_table.active {
    padding-top:  0px;
  }
  .hasqc .sticky_sidebar{
    top: 0px;
  }
  #adsModal .modal-dialog {
    max-width: 300px;
    margin: 0 auto;
  }
  .coin_suggest_item .card .card-body {
    min-height: 135px;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  .body_content .single_content .related_post .tab-content .related_slider .item h3 {
    font-size: 16px;
    height: 60px;
  }
  .body_content .lasted_post .list_post .item .post_meta li:last-child::before {
    display: none;
  }
}

.ads_box {
  overflow: hidden;
  display: flex;
  justify-content: center;
}