body {
  font-family: "Roboto";
  padding: 0;
  margin: 0;
}
body,
html {
  overflow-x: hidden;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  font-family: "Tahoma";
}
ul {
  padding: 0;
  margin: 0;
}
a:hover {
  text-decoration: none;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2222222;
  width: 100%;
}
.hd-top {
  background: url(../images/bg-header.png) no-repeat center center/cover;
  padding: 20px 0;
  border-bottom: 1px solid #486f89;
  min-height: 77px;
}
.uk-container {
  max-width: 1152px;
  padding: 0 20px;
  margin: 0 auto;
}
.menu-main ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-main li {
  font-size: 24.24px;
  padding: 0 22px;
  position: relative;
  display: inline-block;
  font-family: Tahoma, sans-serif;
}
ul.menu-main-left li:first-child {
  padding-left: 0;
}
ul.menu-main-right li:last-child {
  padding-right: 0;
}

.menu-main li a {
  color: #f4efd5;
  padding: 7px 25px;
}
.menu-main li.current-menu-item a,
.menu-main li a:hover {
  background: url(../images/menu_active.png) no-repeat center center / contain;
}

.menu-main-logo {
  position: relative;
  min-width: 236px;
}

.menu-main-logo a {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  top: -15px;
}
.wrapper {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo {
  top: 10px;
  left: 235px;
}
#banner {
  height: 792px;
  padding-bottom: 36px;
}
.home-box-1 {
  max-width: 808px;
  margin: 0 auto;
}
.banner_cta {
  width: 100%;
  max-width: 1204px;
  margin: 0 auto;
  background: url(../images/cta_bg.png) no-repeat center center/100% 100%;
}
/*.home-box-1{
	width: 715px;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../images/bg-1.png);
	padding: 9px 30px;
}*/

/*.home-box-1-col2 {
    position: relative;
	top: -11px;
}
.home-box-1-col2 a:first-child{
	margin-bottom: 10px;
}*/
.home-box-1-trailer {
  width: 118px;
  height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/btn_trailer_bg.png) no-repeat center center/contain;
}
.home-box-1-trailer-top {
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 6px;
}
.home-box-1-trailer span {
  color: #fff5d9;
  font-size: 18px;
}
.home-box-1-trailer-top-circle {
  animation: rotateCircles 10s linear infinite;
}
.home-box-1-trailer-top-circle + img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*.home-section-1{
	padding-top: 63px;
}*/
#siteMain2 {
  padding: 50px 0 0;
  border-top: 1px solid #486f89;
}
.home #siteMain2 {
  padding: 32px 0 0;
}
.home-section-1 .uk-container {
  max-width: 1254px;
}
.home-section-1-head {
  margin-bottom: 30px;
}
.home-news .box {
  max-width: 1254px;
  margin: 0 auto;
  background: url(../images/s2/bg.png) no-repeat center center/100% 100%;
  padding: 0px 0px 0px 183px;
  position: relative;
  /*min-height: 493px;*/
  /*    left: 7px;*/
}
.news-slider {
  border: 1px solid #f1e5b5;
}
img.home-news-char {
  position: absolute;
  top: -20px;
  left: -114px;
}
.news-slider-wrap {
  width: 325px;
  position: relative;
  padding: 0 20px;
}
.news-slider-bg {
  position: absolute;
  top: -10px;
  left: 0;
}
.news-slider-it {
  height: 455px;
}
.image-fit {
  overflow-y: hidden;
}
.image-fit img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.news-right {
  width: calc(100% - 325px);
  padding: 15px 20px 40px 8px;
}
.news-search {
  /*margin-bottom: 10px;*/
  padding: 6px 20px;
  position: relative;
  background: #e9dcbb;
  background-size: 100% 100%;
  border: 1px solid #d59647;
}
.news-search button {
  border: none;
  background: none;
  position: absolute;
  top: 51%;
  right: 13px;
  outline: none;
  appearance: none;
  transform: translateY(-50%);
}
.news-search input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: #8c8c8c;
  font-size: 18px;
  line-height: 1;
  outline: none;
}
.news-search input[type="text"]::placeholder {
  color: #8c8c8c;
}
.news-tab-title-left {
  width: calc(100% - 158px);
  padding-left: 28px;
}
.news-tab-title-right {
  width: 158px;
}
.news-tab-title li {
  list-style: none;
}
.news-tab-title li a {
  display: inline-block;
  /*width: 122px;
	height: 45px;*/
  line-height: 39px;
  text-align: center;
  font-size: 21px;
  font-family: Roboto, sans-serif;
  color: #291815;
  /*background-image: url(../images/title.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;*/
  padding-right: 25px;
  position: relative;
}
.news-tab-title li.active a,
.news-tab-title li:hover a {
  font-weight: bold;
  color: #673d02;
  /*background-image: url(../images/title-active.png);*/
}
.news-tab-title li.active a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #d59647;
  bottom: -12px;
  left: 0;
}
.news-tab-title {
  margin-bottom: 20px;
  padding: 10px 25px;
  border-bottom: 1px solid #d59647;
}
.home .news-tab-title {
  padding: 10px 0;
}
.news-list .news-it {
  padding: 14px 0;
  border-bottom: 1px dashed #662110;
  /* min-height: 40px; */
}
.news-list .news-it:last-child {
  border-bottom: none;
}
.news-list .news-it p {
  color: #270000;
  font-size: 18px;
  margin-bottom: 0;
  font-family: "Roboto";
  font-weight: 700;
}
.news-list .news-it p a {
  color: #291815;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-list .news-it p a span.date {
  color: #270000;
  font-weight: 300;
}
.news-list .news-it p .title {
  position: relative;
  padding-left: 35px;
  background: url(../images/icon-list-back.png) no-repeat left center/15px auto;
}
.news-list .news-it p a:hover {
  color: #91412f;
}
/*.news-list .news-it p a:hover .title{
	background-image: url(../images/icon-list.png);
}*/
.news-list {
  /*margin-bottom: 50px;*/
  min-height: 333.33px;
}
.news-all {
  display: inline-block;
  font-size: 21px;
  line-height: 28px;
  color: #291815;
  font-family: Roboto, sans-serif;
  padding: 5.5px 19px;
  text-align: center;
  background: url(../images/btn-bg.png) no-repeat left center/100% 100%;
}
.news-all:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url(../images/s2/icon_plus.png) no-repeat left center/contain;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.news-all:hover {
  opacity: 0.8;
  color: #eee1ce;
}
.slick-slider {
  margin-bottom: 0;
}
.w-slider .slick-dots {
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  background: rgb(2 2 2 / 60%);
}
.w-slider .slick-dots li {
  width: 25px;
  height: 25px;
  margin: 0 6px;
  background: url(../images/dot.png) no-repeat center center/contain;
}
.w-slider .slick-dots li button {
  display: none;
}
.w-slider .slick-dots li.slick-active {
  background: url(../images/dot_active.png) no-repeat center center/contain;
}
.home-slider-for .for-featured {
  width: auto;
  position: absolute;
  top: var(--top);
  left: var(--left);
  transition: all 0.3s;
  transform: translateX(50px);
  max-width: initial;
}
#characters {
  padding: 97px 0 0;
}
.characters-head {
  margin-bottom: 20px;
}
.characters-content {
  max-width: 1152px;
  margin: auto;
  position: relative;
}
.home-slider-for {
  background: url(../images/dragon.png) no-repeat top right 36px;
}
.home-slider-for .slick-list {
  overflow: visible;
}
.home-for-it {
  position: relative;
  height: 625px;
}
.home-for-it .des {
  position: absolute;
  max-width: 450px;
  left: 0;
  top: 0px;
}
.home-for-it .des p {
  font-size: 22px;
  color: #fff5d9;
  margin-bottom: 0;
  line-height: 1.5;
  position: relative;
  padding: 10px 0;
}
.home-for-it .des p:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/char/line.png) no-repeat center center;
  height: 12px;
}
.home-for-it .des p:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/char/line.png) no-repeat center center;
  height: 12px;
}
.home-for-it .des img {
  display: inline-block;
  margin-bottom: 17px;
  transform: translateY(-20px);
  transition: all 0.4s;
}
img.for-hanh {
  position: absolute;
  right: 16px;
  top: 18px;
  z-index: 222;
}
a.home-for-it-video {
  display: block;
  margin-top: 10px;
}
.home-for-it.slick-current .des img {
  transform: translateY(0);
}

.char-group {
  /*position: absolute;*/
  top: 0;
  right: 0;
  min-width: 320px;
  background: url(../images/char/bg_group.png) repeat-x center center;
  padding: 8px 0 15px;
}

.char-group-item-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 28px 0 0;
}
.char-group-item {
  margin-bottom: 30px;
}
.char-group-item-head {
  cursor: pointer;
}
.char-group-item-ic {
  margin: 0 11px;
  position: relative;
}

.char-group-item-ic.active:before,
.char-group-item-ic:not(.active):hover:before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  background: url(../images/char/Hover.png) no-repeat center center/contain;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.char-group-item-ic img {
  position: relative;
}
#homeGallery {
  padding: 60px 0 37px;
}
.homeGallery-desc p {
  font-family: Tahoma;
  font-size: 18px;
  color: #f4efd5;
}

#footer {
  background: #040404;
  padding: 91px 0 125px;
}
#footer p {
  color: #9c9c9c;
  font-size: 29px;
  margin-bottom: 0;
}
#footer .uk-container {
  max-width: 1474px;
}
.footer-left-logo {
  width: 32%;
}
.footer-left-desc {
  width: 68%;
}
.home-section-2 .bg-2 {
  left: 0;
  bottom: -16%;
  max-height: 89%;
}
.home-section-2 .uk-container {
  position: relative;
  z-index: 3;
}
.menu-fixed {
  position: fixed;
  width: 178px;
  height: 441px;
  background: url(../images/bg-fixed.png) no-repeat center center/contain;
  padding: 90px 0 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 999999;
}
.menu-fixed ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 4px;
}
.menu-fixed ul li {
  margin-bottom: 5px;
}
.menu-fixed-topup {
  position: relative;
  left: -18px;
}
.menu-fixed-button {
  margin-top: -31px;
}
a.gototop {
  display: block;
  height: 49px;
  width: 100%;
  margin-top: -5px;
}

.home-for-it.slick-current .for-featured {
  transform: translateX(0);
}
.home-section-2 .container {
  position: relative;
}
.page-content .uk-container {
  max-width: 1152px;
}
.page-custom {
  background: url(../images/page-bg.png) no-repeat center center/100% 100%;
  padding: 30px 150px 35px;
  min-height: 1056px;
  box-sizing: border-box;
}
.page-title {
  position: relative;
  font-family: "Tahoma";
  font-size: 40px;
  font-weight: bold;
  color: #001639;
  margin-bottom: 20px;
  /*padding-bottom: 25px;*/
  text-transform: uppercase;
}
/*.page-title:before{
	content: '';
	display: inline-block;
	width: 100%;
	max-width: 550px;
	height: 48px;
	background: url(../images/bg_archive_title.png) no-repeat center center/100% 100%;
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}*/
.cat-title {
  max-width: 700px;
  margin: 0 auto 50px;
}
.cat-title .news-tab-title {
  margin-bottom: 20px;
}
.cat-title .news-search {
  /*max-width: 560px;*/
  margin: 0 auto;
}
.cat-item {
  padding: 22px 0;
  display: flex;
  border-bottom: 2px solid #dfdacd;
  position: relative;
}
.cat-item:hover:before,
.cat-list .cat-item:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  right: -8px;
  background: #f1e7c9;
}
.cat-item:hover h5 {
  font-weight: bold;
}
.cat-item .featured {
  height: 83px;
  display: inline-block;
  vertical-align: middle;
  width: 182px;
}
.cat-item .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  width: 100%;
}
.cat-item-info-left {
  width: 22%;
  position: relative;
}
.cat-item-info-left:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 56px;
  background: #cec5aa;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.cat-item-info-right {
  width: 78%;
  padding-left: 35px;
}
.cat-item .featured h4 {
  font-size: 20px;
  color: #f9edd8;
  font-weight: 700;
  margin: 0;
  left: 18px;
  top: 50%;
  right: 38px;
  transform: translateY(-50%);
}
.cat-item h5 {
  font-family: Tahoma, sans-serif;
  font-size: 24.01px;
  line-height: 1.79;
  margin: 0;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 80px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 35px;
  position: relative;
}
.cat-item h5:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/cat_list_dot.png) no-repeat center center/contain;
  position: absolute;
  top: 15px;
  left: -1px;
}
.cat-item h5 a {
  color: #1a3a70;
}
/*.cat-item h5:hover a{
	color: #91412f;
}*/
.cat-item p.date {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 0 50px;
  color: #842f3d;
  text-align: center;
  font-weight: bold;
}
.cat-item p.date span {
  display: block;
  font-weight: 400;
  font-size: 19.24px;
  line-height: 0.8;
}
.cat-list {
  margin-bottom: 54px;
}
.pagination .page-numbers {
  margin: 0 10px;
  width: 33.46px;
  height: 33.46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 19.23px;
  color: #f9edd8;
  line-height: 1.2;
  background: #797979;
  font-family: "Tahoma", sans-serif;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: #061934;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}


.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* thêm khoảng cách dễ nhìn hơn */
}

.pagination .page-numbers {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  font-weight: 600;
  font-size: 18px;
  color: #f9edd8;
  background: #797979;
  font-family: "Tahoma", sans-serif;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
  background: #061934;
  color: #fff;
  transform: scale(1.05);
}
.page-content {
  padding-bottom: 85px;
}
.single .page-content {
  padding-bottom: 125px;
}
.single-box {
  padding: 30px 85px;
  min-height: 1551px;
}
.single-bg-2 {
  background-image: url(../images/single-bg-big.png);
}
.guide-box-inner {
  min-height: auto;
  padding: 30px 122px 280px 118px;
}
.btn-back {
  top: 35px;
  left: 25px;
}
.single-title h1 {
  margin: 35px 0 2px;
  font-size: 23px;
  font-family: Tahoma, sans-serif;
  color: #1a3a70;
  font-weight: 700;
}
.single-title p.date {
  font-size: 19px;
  color: #626262;
  margin-bottom: 0;
}
.single-title {
  border-bottom: 1px solid #ccc5c4;
  margin: 0 65px 45px;
  padding-bottom: 7px;
}
.single-custom {
  color: #202020;
}
.single-custom p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
.single-custom img {
  max-width: 100%;
  height: auto;
  margin-bottom: 37px;
}
.single-custom h3 {
  margin-bottom: -8px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #1a3a70;
  margin-left: -26px;
}

.single-custom h3:before {
  width: 45px;
  background: url(../images/single-icon.png) no-repeat center center/100% auto;
  height: 46px;
  display: inline-block;
  margin-right: 2px;
  content: "";
  vertical-align: middle;
}
.guide-box-inner .single-custom h3:before {
  background-image: url(../images/install/install-icon.png);
  margin-right: 13px;
}
.single-custom ul {
  padding-left: 19px;
  /* margin-bottom: 40px; */
}
.single-custom ul ul li {
  background: url(../images/icon_disc.gif) no-repeat left top 15px / 4px auto;
}
.single-custom ul li {
  padding-left: 19px;
  position: relative;
  background: url(../images/single-icon-list.png) no-repeat left top 8px/12px auto;
  font-size: 18px;
  line-height: 30px;
  display: block;
}
.single-custom table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.single-custom table th,
.single-custom table td {
  background: #91412f;
  color: #f9edd8;
  font-size: 18px;
  font-weight: 700;
  padding: 23px 20px;
  border-right: 1px solid #0f5f7e;
  border-bottom: 1px solid #0f5f7e;
  line-height: 1;
}

.single-custom table th:first-child,
.single-custom table td:first-child {
  border-left: 1px solid #91412f;
  width: 196px;
}
.single-custom table th:nth-child(2) {
  width: 164px;
}
.single-custom table td {
  background: transparent;
  color: #202020;
  font-weight: 400;
  padding: 19px 20px;
  border: 1px solid #0f5f7e;
}
.guide-box {
  /*background: url(../images/guide-bg.png) no-repeat center center/100% 100%;
	padding: 87px 0px 50px 0px;
	margin: 3px -116px 0 -112px;*/
  margin-right: -116px;
  margin-left: -112px;
  position: relative;
}
.guide-box-links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}
.guide-box-links div {
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.guide-box-links div.guide-box-links-right {
  align-items: flex-start;
}
.guide-box-links a {
  display: block;
  width: 100%;
  height: 40%;
  width: 244px;
}
.guide-box-links a.link-1 {
  height: 60%;
}
.guide-box-links a.link-3 {
  height: 60%;
}
.guide-box img {
  margin: 0;
}
.guide-list {
  margin: 0;
  display: flex;
}
.guide-it {
  width: 50%;
  padding: 0 20px;
  text-align: center;
}
.guide-it-box {
  background: url(../images/guide-bg2.png) no-repeat center center/100% 100%;
  padding: 24px 8px 14px 20px;
}
.guide-it:last-child .guide-it-box {
  background: url(../images/guide-bg3.png) no-repeat center center/100% 100%;
}
.guide-it a {
  display: block;
  padding: 0 20px;
  margin-bottom: 2px;
}
.guide-it img {
  max-width: 100%;
  margin: 0;
  width: auto;
}
.guide-it p {
  margin: 0;
  font-size: 15px;
  color: #fff;
}
.single-custom .box img {
  margin-top: -37px;
}
.single-custom .box p {
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 0;
  color: #2c2c2c;
  text-align: center;
}
.single-custom .box p span {
  color: #ae3621;
}
.single-bottom {
  bottom: 84px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.single-bottom h4 {
  margin: 5px 0 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #49150f;
}
.media-right .music {
  padding: 0 17px;
}

.btn_code_newbie {
  position: fixed;
  bottom: 5%;
  left: 60px;
  z-index: 222;
  animation: ic-arrow 3s 0ms infinite ease-in-out;
}
@keyframes ic-arrow {
  50% {
    transform: translateY(10px);
  }
}
.menu-main {
  padding: 0 18px;
}
/*.page-wrapper{
	padding-top: 585px;
}*/
.guide-box-inner .single-title {
  margin-bottom: 36px;
}
.guide-it .pack {
  margin: 2px 0 -13px;
}
.guide-box-inner .single-bottom {
  bottom: 134px;
}
.on-tablet {
  display: none;
}
.on-sp {
  display: none;
}
.btn-sweep {
  position: relative;
  display: inline-block;
}
.btn-sweep:before {
  top: 0;
  bottom: 0;
  left: 0;
  background: #1110 -webkit-linear-gradient(left, #1110, #ffffff52) no-repeat 0 0 / 30px;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: sweep 2.5s ease infinite;
  animation: sweep 2.5s ease infinite;
  content: "";
  position: absolute;
  right: 0;
  z-index: 22;
}
@-webkit-keyframes sweep {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 100%;
  }
}
@keyframes sweep {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 100%;
  }
}
.music-round {
  animation: rotateCircles 10s linear infinite;
}
@keyframes rotateCircles {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

#gallery {
  padding: 0px 0 150px;
}
.gallery-container {
  max-width: 1585px;
  margin: auto;
}
.gallery-slider .slick-current.slick-active {
  min-height: 554px;
  aspect-ratio: 964/554;
}
.gallery-slider .slick-current.slick-active img {
  transform: scale(1.75);
  position: relative;
  z-index: 999;
}
.gallery-slider .slick-current.slick-active img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(1);
}
.gallery-slider .gallery-slider-item img {
  filter: brightness(0.5);
  /*    transform: scale(1.5);*/
}
.gallery-slider .slick-track {
  display: flex;
  align-items: center;
}
#gallery .slick-arrow {
  left: 240px;
  top: 40%;
}
#gallery button.slick-next.slick-arrow {
  left: auto;
  right: 240px;
}
#gallery ul.slick-dots {
  margin: 0;
  bottom: -20px;
}
ul.slick-dots li {
  display: inline-block;
  margin: 0 25px;
}
ul.slick-dots li button {
  font-size: 0;
  outline: none;
  width: 27px;
  height: 28px;
  background: url("../images/dot2.png") no-repeat center center/contain;
  border: none;
  cursor: pointer;
}
.slick-dots li button::before {
  display: none;
}
ul.slick-dots li.slick-active button {
  width: 38px;
  height: 40px;
  background: url("../images/dot2_active.png") no-repeat center center/contain;
}
ul.slick-dots {
  text-align: center;
  padding-left: 0;
  margin: 0px;
  z-index: 99999;
}
.slick-prev:before,
.slick-next:before {
  display: none;
}
.slick-slider button.slick-arrow {
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  width: 62px;
  height: 115px;
  font-size: 0;
  outline: none;
  border: none;
  cursor: pointer;
  z-index: 999;
  background: url(../images/Pre.png) no-repeat center center/contain;
}
button.slick-next.slick-arrow {
  left: auto;
  right: -60px;
  background: url(../images/Next.png) no-repeat center center/contain;
}

@media (max-width: 1280px) {
  .hd-info .logo-text {
    height: auto;
    margin: 0 auto;
    max-width: 50%;
  }
  .news-tab-title li {
    max-width: 23%;
  }
  .news-tab-title li a {
    max-width: 100%;
  }
  .news-slider-it {
    height: auto;
  }
  .news-list .news-it p {
    font-size: 18px;
    line-height: 1.5;
  }
  .news-list .news-it {
    padding: 6px 0;
  }

  .home-for-it .des p {
    font-size: 16px;
    line-height: 1.5;
  }

  .menu-main li {
    font-size: 16px;
    padding: 0 10px;
  }
  .logo {
    top: 85px;
    left: 20px;
  }
  .page-custom {
    padding-left: 90px;
    padding-right: 90px;
  }

  .single-custom h3 {
    margin: 0 0 10px;
  }
  .single-box {
    min-height: 1800px;
  }
  .guide-it {
    padding: 0 5px;
  }
  /*.guide-box{
		padding-right: 180px;
		padding-left: 330px;
	}*/
  .guide-it p {
    font-size: 12px;
  }
  .guide-box {
    margin-left: -60px;
  }
  .guide-list {
    max-width: 500px;
    margin: 0 auto;
  }
  .single-custom .box {
    margin: 11px -39px 48px -43px;
  }
}
.show-mb {
  display: none !important;
}
.show-mb-inline {
  display: none !important;
}
@media (max-width: 1100px) {
  img.home-news-char {
    display: none;
  }
  .home-news .box {
    padding: 0px 0px 0px 10px;
  }
  .news-tab-title-left ul {
    justify-content: flex-start;
  }
  /*.news-tab-title li a{
		padding-right: 20px;
	}*/
  .news-slider-wrap {
    display: none;
  }
  .news-right {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .home-news .box {
    flex-direction: column;
    background-image: url(../images/bg-2_mb.png);
    padding: 17px 20px 40px;
  }
  .news-slider {
    width: 100%;
    padding: 0;
  }
  .news-right {
    width: 100%;
    margin-top: 0px;
    padding: 0;
  }
  .news-list .news-it {
    padding: 14px 0;
  }
  .news-list .news-it p .title {
    padding-left: 44px;
  }
  .news-list .news-it p .title {
    background: url(../images/icon-list-back_mb.png) no-repeat left 10px center / 20px auto;
  }
  .home-news .box .news-right.on-tablet,
  .on-tablet {
    display: block;
  }
  .news-list .news-it {
    border-bottom: 1px solid #662110;
  }
  .news-search {
    margin-top: 25px;
  }
  /*.news-right .news-tab-title li{
		margin: 0 10px;
	}*/

  .home-slider-for {
    background-size: contain;
  }
  .menu-fixed {
    display: none;
  }

  #footer {
    padding: 50px 0;
  }

  .page-custom {
    padding-left: 50px;
    padding-right: 50px;
  }
  .news-tab-title li {
    margin: 0 10px;
  }
  .cat-item h5 {
    max-width: calc(100% - 120px);
  }
  .single-custom .box {
    margin: 11px -19px 48px -21px;
    padding: 20px 80px 50px;
  }
  /*.guide-box {
	    padding-right: 129px;
	    padding-left: 276px;
	    padding-top: 84px;
	    padding-bottom: 50px;
	}*/
  .single-custom .box p {
    font-size: 18px;
    line-height: 1.3;
  }
  .guide-it img.cpacity {
    height: 45px;
  }
  .btn-back {
    top: 60px;
    left: 44px;
  }

  .footer-left-logo {
    width: 100%;
  }
  .footer-left-desc {
    width: 100%;
  }
  .footer-left {
    margin-bottom: 4.557vw;
  }
  .footer-left-desc {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  .logo-footer {
    margin-bottom: 5.859vw;
  }
  .btn_code_newbie {
    position: absolute;
    bottom: auto;
    left: 25px;
    top: 148px;
  }
}
@media (max-width: 768px) {
  .show-mb {
    display: block !important;
  }
  .show-mb-inline {
    display: inline-block !important;
  }
  .hide-mb {
    display: none !important;
  }
  .on-pc {
    display: none;
  }
  .on-sp {
    display: block;
  }
  .hd-top {
    padding: 3.255vw 0;
    position: relative;
    min-height: 10.026vw;
  }
  #header .uk-container {
    padding: 0 2.604vw;
  }
  .menu-mb {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.87);
    padding: 5.729vw 2.597vw;
    z-index: 100;
    display: none;
  }
  .menu-mb li {
    display: block;
    margin-bottom: 4.688vw;
    color: #fff;
    font-size: 4.427vw;
    line-height: 1.3;
    margin-bottom: 4.557vw;
    font-weight: 700;
    text-transform: uppercase;
  }
  .menu-mb li a {
    color: #fff;
  }
  .toggle img.toggle-close {
    display: none;
  }
  .toggle img {
    max-width: 6.12vw;
  }
  .toggle.exit img {
    display: none;
  }
  .toggle.exit img.toggle-close {
    display: inline-block;
  }
  a.ic_fb {
    margin-right: 3.255vw;
  }
  a.ic_sc img {
    max-width: 21.354vw;
  }
  a.ic_home {
    margin: 0 3.255vw;
  }
  a.ic_home img {
    max-width: 5.208vw;
  }

  .logo {
    top: -2.604vw;
    left: -0.13vw;
    z-index: 999999;
  }
  .logo img {
    max-width: 35.938vw;
  }

  #banner {
    height: 131.12vw;
    padding-bottom: 6.51vw;
    background-image: var(--bg-mb) !important;
  }
  #siteMain2 {
    background-image: url(../images/home-bg_mb.jpg) !important;
    padding-top: 5.859vw;
  }
  /*.home-box-1{
		width: 93.099vw;
		padding: 1.172vw 3.906vw;
	}*/
  .btn_code_newbie {
    left: 3.255vw;
    top: 19.271vw;
  }
  .btn_code_newbie img {
    max-width: 25.391vw;
  }
  .home-section-1 .uk-container {
    padding: 0;
  }
  .home-box-1 {
    gap: 0.911vw !important;
    justify-content: center;
  }
  .home-box-1-col1 img,
  .home-box-1-col3 img {
    max-width: 33.974vw;
  }
  .home-box-1-col2 {
    top: -1.432vw;
  }
  .home-box-1-col2 img {
    max-width: 23.177vw;
  }

  .home-box-1-trailer {
    width: 15.365vw;
    height: 15.365vw;
  }
  .home-box-1-trailer-top {
    width: 10.677vw;
    height: 10.677vw;
    margin-bottom: 0.781vw;
  }
  .home-box-1-trailer-top-circle + img {
    max-width: 8.854vw;
  }
  .home-box-1-trailer-top-circle {
    max-width: 10.677vw;
  }
  .home-box-1-trailer span {
    font-size: 2.344vw;
  }
  /*.home-box-1-col2 a:first-child {
	    margin-bottom: 1.302vw;
	}*/
  .home-box-1-col1 img {
    top: -0.521vw;
  }
  .home-news {
    padding: 0 2.083vw;
  }
  .home-news .box {
    max-width: 100%;
    padding: 2.214vw 1.432vw 5.208vw;
    flex-direction: column;
  }
  .news-right {
    /*margin-top: 2.987vw;*/
  }
  .news-search {
    margin-top: 0;
    width: 100%;
    /*max-width: 72.917vw;
		margin-bottom: 2.604vw;*/
    padding: 1.042vw 2.604vw;
  }
  .home .news-search {
    width: 95%;
  }
  .news-search button {
    /* top: 50%; */
    /* left: 2.5vw; */
    /* padding: 0; */
    /* width: 2.636vw; */
    /* transform: translateY(-50%); */
  }
  .news-tab-title-left {
    width: calc(100% - 20.573vw);
    padding-left: 5.208vw;
  }
  .news-tab-title-right {
    width: 20.573vw;
  }
  .news-search input[type="text"] {
    font-size: 2.344vw;
    display: block;
  }
  .news-slider {
    height: 39.063vw;
    margin-bottom: 5.729vw;
  }
  .w-slider .slick-dots li {
    width: 1.172vw;
    height: 1.042vw;
  }
  .w-slider .slick-dots li.slick-active {
    width: 2.083vw;
    height: 2.083vw;
  }
  .image-fit img {
    max-height: 39.063vw;
  }
  .news-right .news-tab-title li {
    margin: 0;
  }
  .news-tab-title li a {
    font-size: 2.734vw;
    line-height: 5.078vw;
    white-space: nowrap;
    padding-right: 5.208vw;
    /*width: 18.831vw;
		height: 6.753vw;
		line-height: 6.753vw;*/
  }
  .news-tab-title {
    margin-bottom: 1.953vw;
    padding: 1.302vw 0;
  }
  .news-tab-title li.active a:after {
    height: 0.521vw;
    bottom: -1.563vw;
  }

  .news-all:after {
    width: 1.953vw;
    height: 2.083vw;
    margin-left: 1.042vw;
  }
  .news-list {
    margin-bottom: 3.255vw;
    min-height: 39.063vw;
  }
  .news-list .news-it {
    padding: 1.823vw 0;
    border-bottom: 0.13vw solid #cabfae;
    min-height: 8.333vw;
  }
  .news-all {
    font-size: 2.734vw;
    padding: 0.716vw 2.474vw;
    line-height: 3.646vw;
  }
  /*section.home-section-1 {
	    padding-top: 5.99vw;
	}*/
  /*.home-section-1-head img {
	    max-width: 71.615vw;
	}*/
  .home-section-1-head {
    margin-bottom: 5.208vw;
  }
  /*.characters-head img{
		max-width: 71.615vw;
	}*/
  #characters {
    padding: 13.672vw 0 0;
  }
  .characters-head {
    margin-bottom: 0px;
  }
  .char-group {
    display: flex;
    justify-content: center;
    margin: 0 2.604vw;
    background-image: url(../images/char/bg_group_mb.png);
  }
  .char-group-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    gap: 2.604vw;
    /*padding: 1.953vw 0;*/
  }
  .char-group-item-list {
    width: 100vw;
    position: absolute;
    bottom: calc(100% + 40px);
    left: 0;
  }
  .char-group-item-ic.active:before,
  .char-group-item-ic:not(.active):hover:before {
    width: 12.109vw;
    height: 14.714vw;
  }
  .char-group-item-ic img {
    max-width: 10.677vw;
  }
  .char-group-item {
    margin-bottom: 0px;
  }
  .char-group-item-ic {
    margin: 0;
  }
  .home-for-it {
    height: 123.958vw;
  }
  .home-slider-for {
    background: url(../images/dragon_mb.png) no-repeat top 6.906vw center;
    background-size: 66.146vw;
  }
  .home-for-it.slick-current .for-featured {
    left: auto;
    right: var(--right, 0);
    max-width: var(--mw);
  }
  .home-for-it .des img {
    margin-bottom: 0;
    max-height: 39.063vw;
  }
  .home-for-it .des {
    top: 74.349vw;
    max-width: 100%;
    width: 100vw;
    /*position: static;*/
    display: flex;
    align-items: center;
  }
  .home-for-it .des p {
    font-size: 2.344vw;
    padding: 2.563vw 0;
    background: url(../images/char/bg_char_desc.png) no-repeat center center/100% 100%;
  }
  .home-for-it .des p:before,
  .home-for-it .des p:after {
    display: none;
  }
  .home-slider-nav {
    padding: 0 10.39vw;
  }

  .home-slider-nav .slick-track {
    flex-wrap: wrap;
  }

  #gallery {
    display: none;
  }
  #galleryMB {
    display: block !important;
    padding: 0 1.302vw 22.786vw;
  }
  .gallery-head img {
    max-width: 71.615vw;
  }
  ul.slick-dots li {
    display: inline-block;
    margin: 0 3.255vw;
  }
  ul.slick-dots li button {
    width: 3.516vw;
    height: 3.646vw;
  }
  ul.slick-dots li.slick-active button {
    width: 4.948vw;
    height: 5.208vw;
  }

  #footer {
    padding: 9.115vw 0 2.604vw;
  }
  .footer-inner {
    flex-direction: column;
  }
  .footer-left {
    margin-bottom: 4.557vw;
  }
  .footer-left-desc {
    padding-left: 1.953vw;
  }
  #footer {
    padding: 11.589vw 0 13.021vw;
  }
  .footer-inner {
    flex-direction: column;
  }
  .footer-left-logo {
    width: 100%;
  }
  .footer-left {
    margin-bottom: 4.557vw;
  }
  .footer-left-desc {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  #footer p {
    font-size: 2.632vw;
    line-height: 3.721vw;
  }
  .logo-footer {
    margin-bottom: 5.859vw;
  }
  .logo-footer img {
    max-width: 48.698vw;
  }
  .news-list .news-it p {
    font-size: 3.21vw;
    font-family: "Tahoma";
    font-weight: 400;
  }
  .news-list .news-it p .title {
    padding-left: 5.729vw;
    background-size: 2.604vw auto;
    background-position: left 1.302vw center;
  }

  .news-search button img {
    width: 100%;
    height: 100%;
    max-width: 2.474vw;
  }

  .page-custom {
    padding: 2.604vw 1.302vw 7.813vw 2.604vw;
    background-image: url(../images/sp-bg-single.png);
    min-height: 133.594vw;
  }
  .page-content .uk-container {
    padding: 0 1.302vw;
  }
  .page-title {
    font-size: 5.208vw;
    margin-bottom: 3.255vw;
    /*padding-bottom: 3.255vw;*/
  }
  .page-title:before {
    max-width: 71.615vw;
    height: 6.25vw;
  }
  .cat-list {
    margin-bottom: 3.906vw;
  }
  .cat-item .featured {
    height: 10.779vw;
    width: 23.636vw;
  }
  .cat-item h5 {
    font-size: 2.97vw;
    max-width: 100%;
    padding-left: 4.557vw;
  }
  .cat-item h5:before {
    content: "";
    display: inline-block;
    width: 1.302vw;
    height: 1.302vw;
    background: #07506c;
    transform: rotate(45deg);
    position: absolute;
    top: 1.953vw;
    left: 0.781vw;
  }
  .cat-title .news-search {
    max-width: 88.917vw;
  }
  .cat-item p.date {
    position: relative !important;
    right: auto;
    top: 0;
    transform: none;
    left: 0;
    margin-left: 0;
    font-size: 3.117vw;
    line-height: 1.5;
  }

  .pagination .page-numbers {
    margin: 0 1.039vw;
    width: 4.545vw;
    height: 4.156vw;
    font-size: 2.468vw;
  }
  .page-content {
    padding-bottom: 24.089vw;
  }
  .single .page-content {
    padding-bottom: 23.438vw;
  }
  .cat-title .news-tab-title li a {
    height: 5.844vw;
    width: 16.234vw;
    font-size: 2.338vw;
    line-height: 5.584vw;
  }
  /*.cat-title .news-tab-title li a{
		background-image: url(../images/title.png);
	}
	.cat-title .news-tab-title li.active a{
		background-image: url(../images/title-active.png);
	}*/

  .cat-title {
    max-width: 100%;
    margin: 0 auto 6.51vw;
  }
  .cat-title .news-tab-title {
    margin-bottom: 2.604vw;
  }
  .cat-list .cat-item {
    padding: 2.083vw 0;
  }
  .cat-item .featured h4 {
    font-size: 2.597vw;
    left: 2.338vw;
    right: 4.935vw;
  }
  .pagination .page-numbers img {
    width: 1.169vw;
  }
  .cat-title .news-tab-title li {
    margin: 0 1.299vw;
  }
  .btn-back {
    top: 5.2vw;
    left: 2.597vw;
    width: 20.573vw;
  }
  .btn-back img {
    width: 100%;
  }

  .single-title h1 {
    margin: 4.545vw 0 0.26vw;
    font-size: 3.247vw;
  }
  .single-title p.date {
    font-size: 2.727vw;
  }
  .single-title {
    margin: 0 0 5.325vw;
    padding-bottom: 0.649vw;
  }
  .single-custom p {
    font-size: 2.857vw;
    line-height: 3.896vw;
    margin-bottom: 3.896vw;
  }
  .single-custom img {
    margin-bottom: 6.623vw;
    margin-top: 2.468vw;
  }
  .single-custom h3 {
    font-size: 2.857vw;
    line-height: 3.896vw;
    margin-bottom: -0.909vw;
    margin-left: -0.909vw;
  }
  .single-custom h3:before {
    width: 5.065vw;
    height: 5.065vw;
    margin-right: 0.26vw;
  }
  .single-custom ul {
    padding-left: 4.805vw;
    margin-bottom: 8.052vw;
  }
  .single-custom ul li {
    padding-left: 2.468vw;
    background: url(../images/icon-list.png) no-repeat left top 1.039vw/1.558vw auto;
    font-size: 2.857vw;
    line-height: 3.896vw;
  }
  .single-custom table th,
  .single-custom table td {
    font-size: 2.338vw;
    padding: 2.987vw 2.597vw;
  }
  .single-custom table th:first-child,
  .single-custom table td:first-child {
    width: 25.455vw;
  }
  .single-custom table th:nth-child(2) {
    width: 21.299vw;
  }
  .single-custom table td {
    padding: 2.468vw 2.597vw;
  }
  .single-bottom {
    bottom: 9.221vw;
  }
  .single-bottom img {
    height: 5.195vw;
  }
  .single-bottom h4 {
    margin: 0.649vw 0 0;
    font-size: 2.338vw;
  }
  .single-box {
    padding-top: 5.143vw;
    min-height: 272.727vw;
    background-image: url(../images/sp-bg-single2.png);
  }
  .guide-box {
    /*padding-right: 21.429vw;
	    padding-left: 41.558vw;
	    padding-top: 12.987vw;
	    padding-bottom: 8.182vw;*/
    margin: 0 -1.302vw 0 -2.604vw;
  }
  .guide-box-links a {
    height: 44%;
    width: 33.333vw;
  }
  .guide-box-links a.link-1,
  .guide-box-links a.link-3 {
    height: 56%;
  }
  .guide-it {
    padding: 0 2.727vw;
  }
  .guide-it-box {
    padding: 3.117vw 1.039vw 1.818vw 2.597vw;
  }
  .guide-it a {
    padding: 0 2.597vw;
    margin-bottom: 0.26vw;
  }
  .guide-it img {
    margin: 0 !important;
  }
  .guide-it .pack {
    margin: 1.039vw 0 -1.558vw !important;
    height: auto;
    max-width: 100%;
  }
  .guide-it p {
    font-size: 1.818vw;
    margin: 0 0 -0.26vw;
  }
  .guide-it img.cpacity {
    height: 7.013vw;
    margin: 0;
  }
  .single-custom .box {
    margin: 1.429vw -8.312vw -0.779vw -7.792vw;
    padding: 3.117vw 8.442vw 7.532vw;
  }
  .single-custom .box p {
    font-size: 2.857vw;
    line-height: 3.766vw;
  }
  .guide-box-inner {
    min-height: auto;
    padding-bottom: 27.922vw;
    padding-top: 5.143vw;
  }
  .single-custom .box img {
    margin-top: -15.818vw;
  }
  .guide-box-inner .single-bottom {
    bottom: 19.351vw;
  }
  .guide-box-inner .single-title {
    margin-bottom: 5.195vw;
  }
  .w-slider .slick-dots {
    bottom: -5.208vw;
  }
  #homeGallery .uk-container {
    padding: 0 2.083vw;
  }
  .homeGallery-desc p {
    font-size: 2.995vw;
    line-height: 3.646vw;
  }
  #homeGallery {
    padding: 20.182vw 0 5.599vw;
  }
  .homeGallery-head {
    margin-bottom: 2.995vw !important;
  }
  a.ic_gr {
    margin-right: 2.995vw;
  }
  a.home-for-it-video img {
    max-width: 33.203vw;
  }
  .des-left {
    width: 50%;
    padding-right: 2.604vw;
    padding-left: 7.813vw;
  }
  .des-right {
    padding-right: 7.161vw;
    width: 50%;
  }
  img.for-hanh {
    max-width: 11.198vw;
    right: 6.51vw;
    top: 8.984vw;
  }
  .slick-slider button.slick-arrow {
    left: 4.167vw;
    width: 11.328vw;
    height: 6.901vw;
  }
  button.slick-next.slick-arrow {
    left: auto;
    right: 4.167vw;
  }
  .news-search button {
    right: 1.693vw;
  }
  .cat-item-info-left {
    width: 14%;
  }
  .cat-item-info-right {
    width: 86%;
    padding-left: 4.557vw;
  }
  .cat-item:hover:before,
  .cat-list .cat-item:first-child:before {
    right: 0;
    left: -1.042vw;
  }
  .cat-item p.date span {
    font-size: 2.38vw;
  }
  .cat-item-info-left:after {
    height: 7.292vw;
  }
}
/* kevin10 */
.news-it {
    /* margin-bottom: 6px; */
}

.news-it p {
    margin: 0;
}

.news-it a {
    /* display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #222; */
}

.news-it a:hover .title {
    /* color: #c00; */
}

.news-it .title {
    /* font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 4px; */
}

.news-it .date {
    /* font-size: 13px; */
    color: #888;
    margin-left: auto;
}

/* Icon HOT - nằm ngang hàng */
.hot-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    animation: hotPulse 1.6s ease-in-out infinite;
}

.hot-badge img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    filter: drop-shadow(0 0 4px rgba(255, 140, 0, 0.7));
}

.hot-badge::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 40%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    animation: flareMove 2.8s infinite;
    pointer-events: none;
}

@keyframes hotPulse {
    0% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.15); filter: brightness(1.3); }
    100% { transform: scale(1); filter: brightness(1); }
}

@keyframes flareMove {
    0% { left: -60%; opacity: 0; }
    50% { left: 100%; opacity: 1; }
    100% { left: 120%; opacity: 0; }
}

/* Tiêu đề bài viết được ghim */
.pinned-post .title {
    position: relative;
    color: #e02d2d; /* màu đỏ nổi bật */
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Hiệu ứng nhấp nháy ánh sáng nhẹ */
.pinned-post .title::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.6) 50%, transparent 100%);
    /* animation: shineMove 2.5s infinite; */
}

/* Hiệu ứng chuyển động ánh sáng */
@keyframes shineMove {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

/* Khi hover chuột vào bài ghim */
.pinned-post:hover .title {
    color: #ff1e00;
    text-shadow: 0 0 6px rgba(255, 80, 0, 0.8);
}