/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
  --primary-color: #fead00;
  --fs-color-primary: #fead00;
  --fs-color-secondary: #d26e4b;
  --fs-color-success: #7a9c59;
  --fs-color-alert: #b20000;
  --fs-experimental-link-color: #f7eb44;
  --fs-experimental-link-color-hover: #f32929;
}
.tooltipster-base {
  --tooltip-color: #fff;
  --tooltip-bg-color: #000;
}
.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
  --drawer-width: 300px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1250px
}
.row.row-collapse {
  max-width: 1220px
}
.row.row-small {
  max-width: 1242.5px
}
.row.row-large {
  max-width: 1280px
}
.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
  background-color: #252b38
}
.header-main {
  height: 80px
}
#logo img {
  max-height: 80px
}
#logo {
  width: 130px;
}
.header-bottom {
  min-height: 34px
}
.header-top {
  min-height: 50px
}
.transparent .header-main {
  height: 90px
}
.transparent #logo img {
  max-height: 90px
}
.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
  padding-top: 170px;
}
.header.show-on-scroll,
.stuck .header-main {
  height: 70px !important
}
.stuck #logo img {
  max-height: 70px !important
}
.header-bg-color {
  background-color: #15181f
}
.header-bottom {
  background-color: #252b38
}
.top-bar-nav>li>a {
  line-height: 16px
}
@media (max-width: 549px) {
  .header-main {
    height: 70px
  }
  #logo img {
    max-height: 70px
  }
}
.header-top {
  background-color: #252b38 !important;
}
body {
  color: #ffffff
}
h1, h2, h3, h4, h5, h6, .heading-font {
  color: #fead00;
}
body {
  font-family: "Roboto Slab", sans-serif;
}
body {
  font-weight: 400;
  font-style: normal;
}
.nav>li>a {
  font-family: "Roboto Slab", sans-serif;
}
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
  font-family: "Roboto Slab", sans-serif;
}
.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
  font-weight: 700;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6, .heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
  font-family: "Roboto Slab", sans-serif;
}
h1, h2, h3, h4, h5, h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: 700;
  font-style: normal;
}
.alt-font {
  font-family: "Dancing Script", sans-serif;
}
.alt-font {
  font-weight: 400 !important;
  font-style: normal !important;
}
.nav-vertical-fly-out>li+li {
  border-top-width: 1px;
  border-top-style: solid;
}
/* Custom CSS */
/* Container của nút, để căn giữa trên trang */
.gifcode-container {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  position: relative;
  /* Giữ lại position để container không bị lạ */
  /* Không cần `z-index` */
}
/* Style cho nút "GIFCODE" */
#gifcode-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #fab000;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  line-height: 60px;
  position: -webkit-sticky;
  /* Dính cho cả trình duyệt Webkit (Chrome, Safari) */
  position: sticky;
  /* Dính cho các trình duyệt khác */
  top: 80px;
  /* Khoảng cách từ trên, thay đổi giá trị này theo chiều cao của header */
  /* Không cần `z-index` */
  pointer-events: auto;
  padding: 0 20px;
  /* Box Shadow để tạo hiệu ứng nổi bật */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
/* Hiệu ứng hover (di chuột vào nút) */
#gifcode-btn:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
/* Style cho thông báo */
.gifcode-msg {
  text-align: center;
  margin-top: 15px;
  color: #ffd700;
  font-size: 15px;
  position: relative;
  /* Giữ lại position để thông báo không bị lệch */
  /* Không cần `z-index` */
}
#header {
  z-index: 10000;
}
.label-new.menu-item>a:after {
  content: "New";
}
.label-hot.menu-item>a:after {
  content: "Hot";
}
.label-sale.menu-item>a:after {
  content: "Sale";
}
.label-popular.menu-item>a:after {
  content: "Popular";
}

.header-bottom-nav .header-info {
  --wpr-bg-8432928f-088a-4ee4-9e83-f08c808e149e: url("assets/img/speak.png");
}
#header marquee {
  -webkit-font-smoothing: antialiased;
}
.custom-btn {
  border: solid 1px #feac00;
  background: none;
  color: #feac00 !important;
  margin-bottom: 01 !important;
}
.offer__number2 {
  width: 12%;
  text-align: center;
  border-radius: 50%;
  border: 7px solid #303840;
  font-size: 20px;
  width: 42px;
  height: 42px;
  font-weight: 700;
  color: #444;
  margin-top: 50%;
}
.custom-btn:hover {
  background: #fdac00 !important;
  color: white !important;
  border: solid 1px #fdac00 !important;
  cursor: pointer !important;
}
.header-nav-main {
  align-items: flex-start;
}
.header-nav-main > li > a:hover {
  color: #fead00 !important;
}
.topbar-btn-gold {
  min-width: 128px;
  height: 40px;
  line-height: 3;
  font-size: 13px;
  text-align: center;
  border-radius: 50px !important;
  color: #111;
  border: solid 1px #ffff65;
  background-color: #fead00;
}
.topbar-btn-gold:hover {
  background-color: #ffff65;
  color: #000;
  box-shadow: unset;
}
.topbar-btn-grey {
  min-width: 128px;
  line-height: 3;
  font-size: 13px;
  text-align: center;
  border-radius: 50px !important;
  color: #c1c1c1;
  border: solid 1px #fff;
  background-color: #383838;
}
.topbar-btn-grey:hover {
  color: #fead00;
  box-shadow: unset;
}
.topbar-menu-icon {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.topbar-menu-icon li {
  font-size: 13px;
  cursor: pointer;
}
.topbar-menu-icon li a {
  display: block;
  height: 100%;
  color: #c1c1c1;
}
.topbar-menu-icon li a:hover {
  color: #fead00;
}
.topbar-menu-icon li a:hover i {
  background-position: center bottom;
}
.topbar-menu-icon li i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 20px;
  margin-right: 5px;
}
.topbar-menu-icon li i.topbar-icon-daily {
  background: var(--wpr-bg-371383fd-886c-4ad0-826c-2d02b6e9690a) center top;
}
.topbar-menu-icon li i.topbar-icon-care {
  background: var(--wpr-bg-b14305e6-1771-46f0-841d-256f1b5d9a65) center top;
}
.header-top {
  padding-top: 10px;
}
.header-bottom-nav .header-info {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 29px;
  margin-right: 20px;
  background: var(--wpr-bg-8432928f-088a-4ee4-9e83-f08c808e149e) center top;
}
.header-bottom-nav .html_topbar_left .notice {
  display: flex;
  align-items: center;
}
.flex-row.recent-blog-posts.align-top.pt-half.pb-half {
  background-color: rgba(61, 61, 61, 0.6);
  border-radius: 0.375rem;
  padding: 0.5rem;
  border-bottom: 0px;
  border: 1px;
  border-color: #fead00;
  border-style: solid;
}

li.recent-blog-posts-li {
  border: unset !important;
  padding-bottom: 10px;
}

.recent-blog-posts a {
  color: white !important;
  font-size: 13px;
  line-height: 16px;
}

.col-md-4 {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 10px;
  font-size: 0.75rem;
  display: inline-block;
  border: 1px solid;
  border-radius: 99px;
  color: white;
  margin-right: 10px;
  text-transform: uppercase;
  padding-right: 10px;
}

.col-md-4 a {
  color: white;
}

.col-md-4 a:hover {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #fe8100 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(254, 129, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from: #fe8100;
  --tw-gradient-to: rgba(254, 129, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.col-md-4:hover {
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;

  font-style: normal;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  color: inherit;
  text-decoration: inherit;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #fe8100;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fead00 var(--tw-gradient-to-position);
}

.large-9 .post-item {
  background: #76767614;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  border: 1px;
  border-color: #fead00;
  border-style: solid;
}
.rank-math-breadcrumb {
  width: 100%;
  background-color: #3d3d3d;
  border: 1px solid #4f4f4f;
  border-radius: 6px;
  padding: 8px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.rank-math-breadcrumb p {
  margin-bottom: 0;
}
#content {
  /* 	padding-top: 0; */
}
.custom-btn-1 {
  border: solid 1px #feac00;
  background: #fead00;
  color: #000000 !important;
  margin-bottom: 0 !important;
}
.item-box {
  border: 1px solid #fead00;
  border-radius: 10px;
}
.video-container {
  position: relative;
  border-radius: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* Ratio 16:9 */
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.accordion-title {
  text-align: center;
  color: #fead00 !important;
}
.accordion .toggle {
  position: unset;
}
.accordion-inner {
  padding: 0;
}
.vid-custom {
  padding: 5px;
}
.vid-custom video {
  border: 1px solid #fead00;
  border-radius: 10px;
}
.content-bottom {
  font-size: 16px;
}
#row-1889197911 > img {
  background: grey;
}
.ng-scope1 {
  margin-top: 20px;
}
dl dt {
  display: flex;
  justify-content: center;
  margin-bottom: -30px;
}
@keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
.offer__number1 {
  margin-top: 50%;
  animation-name: zoom;
  -webkit-animation-name: zoom;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  cursor: pointer;
  box-shadow: 0 0 0 0 #dd5151;
  width: 12%;
  width: 38px;
  text-align: center;
  border-radius: 50%;
  border: 5px solid #ff0707;
  font-size: 20px;
  height: 38px;
  font-weight: 700;
}

.btn-start-im {
  margin-right: auto;
  margin-top: 6%;
  padding: 10px;
  max-width: 50%;
  margin-left: auto;
  font-weight: 700;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fa2828),
    to(#cf142b)
  );
  background: -webkit-linear-gradient(top, #fa2828 0, #cf142b 100%);
  background: -o-linear-gradient(top, #fa2828 0, #cf142b 100%);
  background: linear-gradient(3deg, maroon 0, #ff0505 100%);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  padding: 10px;
  border-radius: 20px;
}
.btn-rv {
  text-decoration: underline;
  color: #3f51b5;
  font-weight: 700;
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.header-iteam-of {
  margin-top: 45px;
  margin-bottom: auto;
}

.dec-ct {
  margin-top: 10%;
  font-size: 18px;
  color: #444;
}
@media only screen and (max-width: 750px) {
  .row-2-hed {
    display: none;
  }
  .rol-1-imt {
    margin-top: 20px;
    max-width: 10%;
  }
  .row-2-set {
    max-width: 30%;
  }
  .col-title-card {
    position: absolute;
    right: -90%;
  }
  .col-mo-content {
    position: absolute;
    text-align: left;
    font-size: 14px;
    position: absolute;
    margin-top: 60px;
    width: auto;
    width: 100%;
    left: 13px;
  }
  .dec-ct {
    width: 1000px;
    font-size: 14px;
  }
  .col-btn-a {
    position: absolute;
    font-size: 10px;
    left: 125px;
  }
}
.offer__name {
  font-weight: 700;
  font-size: 20px;
  color: #444;
}
.btn-start-im:hover {
  background-color: #3f51b5;
}
.wp-caption-text {
  margin-bottom: -20px;
}
.img-inc {
  margin-top: -10px;
}
blockquote {
  color: white;
  font-size: 17px;
}
.comment-form > label {
  color: white;
}
.comment-form-author > label {
  color: white;
}
.comment-form-email > label {
  color: white;
}
.comment-form-url > label {
  color: white;
}
.marqueesiwa {
  /* width: 1140px; */
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  font-size: 20px;
  color: #fff;
  text-shadow: #000 1px 1px 0;
  /* -webkit-animation: marquee 5s linear infinite; */
}
.content-bottom {
  font-size: 16px;
}
.tieude {
  margin-top: 35px;
  font-size: 24px;
  line-height: 48px;
  font-weight: bold;
  color: #fead00;
  margin-bottom: 0;
  background-color: #76767614;
  border: 4px solid #fead00;
  border-radius: 4px;
  padding: 0 16px;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 13px;
}
.customblogpost .post-item > div {
  background-color: #76767614;
  padding: 8px !important;
  border-radius: 6px;
  border: 1px;
  border-color: #fead00;
  border-style: solid;
  /* margin-right: 24px; */
}
.customblogpost .is-divider {
  display: none;
}
.customblogpost .post-title a,
.customblogpost .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customblogpost .from_the_blog_excerpt {
  -webkit-line-clamp: 2;
}

.footer-1 {
	background-color: transparent !important;
}
@media (min-width: 992px) {
	.footer-1 #custom_html-4,
	.footer-1 #custom_html-5 {
		padding-top: 100px;
	}
  .nav-column > li > a, .nav-vertical-fly-out>li>a, .nav > li > a {
    color: hsla(0,0%,100%,.8);
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}