header {
   box-shadow: 0px 0px 7px 1px #f9e208b3;
}

.img-land-zone3 {
   padding-bottom: 2em;
   max-width: unset !important;
   width: 74% !important;
}

.elementor-154 section {
   /*background-color: #000 !important;*/
   transition: background-color 0.3s ease-in-out;
}
.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button {
   color: #4e1f1f;
}

footer .elementor-widget-container {
   text-align: center;
}

footer .elementor-widget-wrap {
   margin: 0 !important;
}

/*nav menu*/
nav ul li a {
   font-size: 16px !important;
}

.menu-top-bar li {
   padding: 0 0.5em !important;
}

.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
   width: unset;
}


.elementor-nav-menu > li > a {
   text-decoration: none;
}
.elementor-nav-menu .menu-item-has-children:hover .sub-menu {
   display: block;
   visibility: visible;
   opacity: 1;
}
.elementor-nav-menu .sub-menu {
   display: none;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.2s linear;
}
.elementor-nav-menu .menu-item-has-children:hover .sub-menu {
   display: block;
   visibility: visible;
   opacity: 1;
   transition: visibility 0s, opacity 0.2s linear;
}

/*ul.sub-menu  {*/
/*   background-color: #270b086b !important;*/
/*}*/

@media (max-width: 767px) {
   .hfe-site-logo-img {
      padding-left: 5px;
   }
}

@media (max-width: 475px) {
   .elementor-nav-menu , ul.sub-menu {
      display: block !important;
      visibility: visible;
      opacity: 1;
      background-color: #270b086b !important;
   }
   .elementor-nav-menu--dropdown {
      /*background-color: unset !important;*/
   }
   .insidebarleft.active .menu-item-has-children a::after {
      display: none !important;
   }
}

/* END nav menu*/

.title-post {
   width: 100%;
   text-align: center;
   color: #ffd038;
}

.container-ai168 {
   /* Root container style */
   background-color: rgba(11, 0, 27, 0.72);
   border-radius: 20px 20px 20px 20px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) inset;
}

.internal-link {
   color: #fff3cd;
}
.internal-link:hover {
   color: #FBC638;
}

.container-ai168 .row {
   /* Style for row */
}

.container-ai168 .col-md-12 {
   /* Style for column */
}

.container-ai168 .card {
   /* Style for card */
   background-color: transparent;
}

.container-ai168 .card-body {
   /* Style for card body */
}

.container-ai168 .card-title {
   /* Style for card title */
}

.container-ai168 .card-text {
   /* Style for card text */
   font-size: 18px;
}

#table-of-contents {
   text-align: unset !important;
}

.container-ai168 ul.tb-contents {
   border: 2px solid #696969;
   border-radius: 9px;
   list-style: auto;
   padding: 1em 2em;
   box-shadow: 1px 2px 4px 1px #2b2708;
}

.container-ai168 .tb-contents li {
   padding: 3px;
   font-size: 17px;
}

.container-ai168 .tb-contents li a {
   color: #fff;
}

.container-ai168 .btn {
   /* Style for buttons */
}

.container-ai168 #accordion {
   /* Style for accordion */
   margin-bottom: 1.7rem;
}

.container-ai168 .card-header {
   /* Style for accordion card header */
}

.container-ai168 #accordion .card-header {
   padding: 0 0;
}

.container-ai168 .btn-link {
   /* Style for accordion button link */
   color: #fff3cd;
   width: 100%;
   text-align: left;
   border-bottom: 1px solid #fff3cd;
   border-radius: unset;
}

.container-ai168 .btn-link:hover, .container-ai168 .btn-link:focus {
   color: #FBC638;
   text-decoration: none;
}
.container-ai168 .btn-link:focus {
   box-shadow: unset;
}

.container-ai168 .btn-link:before {
   content: '+';
   margin-right: 10px;
   font-size: 20px;
}

.container-ai168 .btn-link[aria-expanded="true"]:before {
   content: '-';
}

.container-ai168 .collapse {
   /* Style for collapsed content */
}

.container-ai168 #accordion .card-body {
   text-indent: 20px;
}

.container-ai168 .collapse.show .card-body {
   /* Style for visible collapsed content */
   text-indent: 20px;
}

.container-ai168 #accordion .card-body:before {
   content: 'ตอบ: ';
   color: #FBC638;
}

.container-ai168 .card-body {
   /* Style for card body within accordion */
}

.container-ai168 .faq-section {
   /* Style for FAQ section */
}

.container-ai168 .faq-item {
   /* Style for each FAQ item */
}

.container-ai168 .faq-question {
   /* Style for FAQ question */
}

.container-ai168 .faq-answer {
   /* Style for FAQ answer */
}

.container-ai168 .toc {
   /* Style for table of contents (สารบัญ) */
}

.container-ai168 .toc ul {
   /* Style for unordered list within table of contents */
}

.container-ai168 .toc li {
   /* Style for list item within table of contents */
}

.container-ai168 .toc a {
   /* Style for links within table of contents */
}

.container-ai168 h2 {
   text-align: left;
   font-size: 23px;
}

.container-ai168 h3 {
   text-align: left;
}

.container-ai168 h4 {
   text-align: left;

}

.container-ai168 h1,
.container-ai168 h2,
.container-ai168 h3,
.container-ai168 h4,
.container-ai168 h5,
.container-ai168 h6 {
   color: #fde267;
   /* Style for headings (h1-h6) */
}


.btn-regis-in-post {
   display: block !important;
   margin: 0 auto;
   width: max-content;
   color: #fff !important;
   background-color: #f03e52 !important;
   box-shadow: 0 0 2px 3px #ffca2c !important;
   transition: all ease-in-out .3s;
}

.btn-regis-in-post:hover {
   color: #FBC638 !important;
   background-color: transparent !important;
}

.cover-img-box {
   width: 100%;
   height: 234px !important;
   object-fit: cover;
   object-position: center;
}

.read-more-relate {
   margin-top: 1em;
}

.img-article {
   width: 50%;
   height: auto !important;
   display: block;
   margin: 2em auto;
}

.img-logo-game {
   width: 150px;
   height: auto !important;
   display: block;
   margin: 2em;
}