/*************** CSS for Desktop ***************/
@keyframes pulse_old {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}
@-webkit-keyframes brightness {
    0% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }

    50% {
        /* transform: scale(1); */
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    100% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }
}
@-webkit-keyframes pulse {
    0% {
		transform: scale(0.95);
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }

    50% {
		transform: scale(1);
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    100% {
		transform: scale(0.95);
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }
}
.j-bg > .section-bg :is(img,picture,video) {
    -o-object-fit: fill;
    object-fit: fill;
}
.j-sticky {
	position: fixed;
    top: 50%;
    right: 1.5%;
}
.j-sticky p, .j-sticky a {
    position: absolute;
    background: linear-gradient(to bottom, white, #1db954);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 7px;
    font-weight: bold;
    top: 51.2%;
    right: 27%;
}
.j-sticky img {
  width: 160px;
  height: auto;
}
.j-logo {
    position: absolute;
	margin-top: 2%;
    z-index: 99;
}
.j-video {
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 0 !important;
}
.pulse {
	transform: scale(1);
	animation: pulse .5s linear infinite;
}
html, body, #main, #wrapper, .j-section {
    /*height: 100%;/**/
}
html, body {
    background-color: #000 !important;
}
#main, #wrapper {
    background-color: transparent !important;
}
body, #main, #wrapper {
    /*overflow: hidden;/**/
}
.j-section {
    margin: 0 auto;
    max-width: 100%;
}
.j-section .section-content {
	height: 96%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
body {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
#main, #wrapper {
    background-color: transparent;
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child), blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 0;
}
.j-slider .img {
    width: 33.333333% !important;
    display: flex;
    align-items: flex-end;
    min-height: 8.5vw;
}
.j-img {
    padding: 0 0.6% !important;
}
.j-img .img-inner {
    margin-bottom: 2%;
    margin-left: -13.5%;
    z-index: 99;
}
.tab-panels {
	padding: 0;
}
.tabbed-content .nav {
    position: absolute;
	top: 25.8vw;
    z-index: 99;
    font-size: 0;
}

.tabbed-content li.tab {
	font-size: 0;
    width: 15%;
    margin: 0;
}
.tabbed-content li.tab a {
    width: 100%;
    padding-top: 15%;
    background-image: url(../images/tab2.webp);
    background-size: 100% 100%;
}
.tabbed-content li.tab:hover a,
.tabbed-content li.tab.active a {
    background-image: url(../images/tab2-a.webp);
}
.tabbed-content li.tab:first-child a {
    background-image: url(../images/tab1.webp);
}
.tabbed-content li.tab:first-child:hover a,
.tabbed-content li.tab:first-child.active a {
    background-image: url(../images/tab1-a.webp);
}
.tabbed-content li.tab:last-child a {
    background-image: url(../images/tab4.webp);
}
.tabbed-content li.tab:last-child:hover a,
.tabbed-content li.tab:last-child.active a {
    background-image: url(../images/tab4-a.webp);
}
.tabbed-content li.tab:nth-child(3) a {
    background-image: url(../images/tab3.webp);
}
.tabbed-content li.tab:nth-child(3):hover a,
.tabbed-content li.tab:nth-child(3).active a {
    background-image: url(../images/tab3-a.webp);
}
.wp-video {
    position: absolute;
    top: 0;
    width: 100% !important;
}

.slider-show-nav .flickity-prev-next-button svg {
    opacity: 0;
}
.slider-show-nav .flickity-prev-next-button {
    height: 3vw;
    width: 3vw;
}
.slider-show-nav .flickity-prev-next-button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../images/arrow-active.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.slider-nav-outside .flickity-prev-next-button.next:before {
    transform: rotate(0deg);
}
.slider-show-nav .flickity-prev-next-button:hover:before {
    background-image: url(../images/arrow.webp);
    transform: rotate(0deg);
}
.slider-nav-outside .flickity-prev-next-button.next:hover:before {
    transform: rotate(180deg);
}
.slider-nav-outside .flickity-prev-next-button.next {
    left:100%;
    right: auto
}
.slider-nav-outside .flickity-prev-next-button.previous {
    left: auto;
    right: 100%
}
/* .banner .video-banner-text-domain .text-bottom{
    position: absolute !important;
    bottom: 29%;
    top: unset;
    right: 7.5%;
    left: unset;
    width: auto !important;
    font-size: 24px;
    font-weight: bold;
} */

.banner .video-banner-text-domain, .banner .video-banner-text-domain .text-box-content {
    height: 100%;
    width: 100%;
    position: relative;
}
.banner .video-banner-text-domain .text-inner .text-top {
    background-color: #1db954; /* Green color similar to the one shown */
    background: linear-gradient(to bottom, white, #ffc901); /* White to green gradient */
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
        font-size: 2.5vw;
    font-weight: bold;
    position: absolute;
    right: 8vw;
    top: 30%;
    text-transform: uppercase;
}

.banner .video-banner-text-domain .text-inner .text-bottom {
    font-size: 1.4vw;
    font-weight: bold;
    background-color: #1db954; /* Green color similar to the one shown */
    background: linear-gradient(to bottom, white, #1db954); /* White to green gradient */
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    bottom: 32%;
    right: 12vw;
}

.stack-image-bottom {
    position: relative;
}
.stack-image-bottom-1 {
    position: absolute;
    font-size: 1.3vw;
    font-weight: bold;
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
}

.stack-image-bottom-1.active {
    background: linear-gradient(to bottom, white, #ffc901);
    width: 19vw;
    height: 14%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    bottom: 33%;
}

.stack-image-bottom-1.active span {
    color: black;
}
.stack-image-bottom-1 span {
    background: linear-gradient(to bottom, white, #ffc901);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
}
.stack-image-bottom-2 {
    position: absolute;
    font-size: 1.3vw;
    font-weight: bold;
    bottom: 19%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, white, #ffc901);
    -webkit-background-clip: text;
    color: transparent;
}
/*************** CSS for landscape Desktop ***************/
@media (max-width: 1750px) {
    .j-slider .img {
        min-height: calc(8.5vw*0.92);
    }
}



@media (max-height: 660px) and (orientation: landscape) {

}
/*************** CSS for Tablet ***************/
@media (max-width: 1023px) and (orientation: landscape) {
    .j-section {
        height: 100dvh;
        min-height: auto !important;
    }
}
@media (min-width: 720px) and (max-height: 360px) and (orientation: landscape) {
    .j-section .row {
        /*max-width: 85% !important;/**/
    }
}
@media (min-width: 820px) and (max-height: 400px) and (orientation: landscape) {
    .j-section .row {
        /*max-width: 70% !important;/**/
    }
}
@media (orientation: portrait) {
    body {
    }
    .j-bg {
        background-image: url(../images/bgmb.webp);
        background-size: 100% 100%;
    }
    .j-bg .section-bg :is(img,picture,video) {
        display: none;
    }
    .j-logo {
        position: relative;
        margin-top: 3%;
    }
    .j-section {
        max-width: 100%;
    }
    .col, .row-collapse>.col {
        flex-basis: 100%;
        max-width: 100%;
        /* padding: 0 5% !important; */
    }
    .col.small-1, .row-collapse>.col.small-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    
    .col.small-2, .row-collapse>.col.small-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    
    .col.small-3, .row-collapse>.col.small-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    
    .col.small-4, .row-collapse>.col.small-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    
    .col.small-5, .row-collapse>.col.small-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    
    .col.small-6, .row-collapse>.col.small-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    
    .col.small-7, .row-collapse>.col.small-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    
    .col.small-8, .row-collapse>.col.small-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    
    .col.small-9, .row-collapse>.col.small-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    
    .col.small-10, .row-collapse>.col.small-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    
    .col.small-11, .row-collapse>.col.small-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .hide-for-small, [data-show=hide-for-small], .hide-for-medium, [data-show=hide-for-medium] {
        display: none !important;
    }
    .show-for-small, [data-show=show-for-small] {
        display: block !important;
    }
    .j-video {
        height: 90%;
    }
    .tabbed-content .nav {
        top: 90vw;
    }
    .tabbed-content li.tab {
    	margin-top: 3.5%;
        width: 45%;
    }
    .tabbed-content li.tab a {
    	padding-top: 32.8%;
        background-image: url(../images/tab2-mb.webp);
    }
    .tabbed-content li.tab:hover a,
    .tabbed-content li.tab.active a {
        background-image: url(../images/tab2-mb-a.webp);
    }
    .tabbed-content li.tab:first-child a {
        background-image: url(../images/tab1-mb.webp);
    }
    .tabbed-content li.tab:first-child:hover a,
    .tabbed-content li.tab:first-child.active a {
        background-image: url(../images/tab1-mb-a.webp);
    }
    .tabbed-content li.tab:last-child a {
        background-image: url(../images/tab4-mb.webp);
    }
    .tabbed-content li.tab:last-child:hover a,
    .tabbed-content li.tab:last-child.active a {
        background-image: url(../images/tab4-mb-a.webp);
    }
    .tabbed-content li.tab:nth-child(3) a {
        background-image: url(../images/tab3-mb.webp);
    }
    .tabbed-content li.tab:nth-child(3):hover a,
    .tabbed-content li.tab:nth-child(3).active a {
        background-image: url(../images/tab3-mb-a.webp);
    }
    .slider-wrapper .flickity-prev-next-button {
    	display: block !important;
        height: 7vw;
        width: 7vw;
    }

    .banner .video-banner-text-domain .text-inner .text-bottom {
        font-size: 2vw;
        right: 14vw;
    }

    .banner .video-banner-text-domain .text-inner .text-top {
        right: 12vw;
        font-size: 3vw;
    }
}


/*************** CSS for mobile ***************/
@media (max-width: 549px) {
    .j-slider .img {
        width: 50% !important;
        min-height: 27.5vw;
    }
}

/*************** CSS for mobile ***************/
@media (max-width: 390px) {

}

/* ===== HEADER WRAPPER ===== */
.hitclub-header {
  position: fixed;
  width: 100%;
  z-index: 999;
  background: transparent;
}

/* Background trái + phải */
.hitclub-header::before,
.hitclub-header::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

.hitclub-header::before {
    content: "";
    left: 0;
    background-image: url('../images/bg-header-left.webp');
    position: absolute;
    width: calc(50% - 50px);
    top: 0;
    height: 100%;
    z-index: -999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hitclub-header::after {
    content: "";
    right: 0;
    background-image: url('../images/bg-header-right-1.webp');
    background-position: right top;
    position: absolute;
    width: calc(50% - 50px);
    top: 0;
    height: 100%;
    z-index: -999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* ===== INNER CONTAINER ===== */
.hitclub-header-inner {
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px;
}

/* ===== MENU ===== */
.hitclub-nav {
  display: flex;
  gap: 40px;
  align-items: center;
}

.hitclub-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: all 0.25s ease;
  position: relative;
  font-weight: 500;
}

.hitclub-nav a:hover, .hitclub-nav-left a:first-child {
  color: #ffd700;
}

/* ===== LOGO CENTER ===== */
.hitclub-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.hitclub-logo img {
  height: 90px;
  width: auto;
  display: block;
  margin-top: 20px;
}

/* ===== REGISTER BUTTON ===== */
.btn-register {
  background: linear-gradient(180deg, #ffe27a, #d4a017);
  color: #000 !important;
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.btn-register:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .hitclub-nav {
    gap: 18px;
  }
  .hitclub-logo img {
    height: 60px;
  }
}

@media (max-width: 768px) {
  .hitclub-header-inner {
    justify-content: center;
  }

  .hitclub-nav-left,
  .hitclub-nav-right {
    display: none; /* Ẩn menu desktop */
  }

  .hitclub-logo img {
    height: 55px;
  }

  .stack-image-bottom-mb .stack-image-bottom-2 {
    font-size: 4.3vw;
    bottom: 8%;
  }

  .stack-image-bottom-mb .stack-image-bottom-1.active  {
    width: 64vw;
    height: 30%;
    bottom: 34%;
  }

  .stack-image-bottom-mb .stack-image-bottom-1 {
    font-size: 6.3vw;;
  }
}


/* ===== MOBILE BAR (Ẩn trên desktop) ===== */
.hitclub-mobile-bar {
  display: none;
}

/* ===== MOBILE ONLY ===== */
@media (max-width: 900px) {

  /* Ẩn header desktop */
  .hitclub-header-inner {
    display: none;
  }

  /* Hiện mobile bar */
  .hitclub-mobile-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1360px;
    margin: 0 auto;
    padding: 10px 15px;
    height: 70px;
    position: relative;
    z-index: 2;
    background-color: #1f1205;
  }

  .mobile-logo img {
    height: 50px;
  }

  .mobile-right {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* Hamburger */
  .mobile-menu-toggle {
    width: 40px;
    height: 40px;
    border: 2px solid #ffd700;
    border-radius: 6px;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    cursor: pointer;
    margin: 0;
  }

  .mobile-menu-toggle span {
    height: 2px;
    background: #ffd700;
    display: block;
    border-radius: 2px;
  }

  /* ===== MOBILE MENU DROPDOWN ===== */
  .hitclub-mobile-menu {
    display: none;
    flex-direction: column;
    background: #1f1205;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.08);
  }

  .hitclub-mobile-menu a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-weight: 600;
    display: block;
    text-align: left;
    font-weight: 500;
    padding: 8px 20px;
  }

  .hitclub-mobile-menu a:hover,   .hitclub-mobile-menu a:first-child {
    color: #ffd700;
  }

  .hitclub-mobile-menu.active {
    display: flex;
  }

  /* Animation hamburger to X */
    .mobile-menu-toggle span {
    transition: all 0.3s ease;
    }

    .mobile-menu-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }

    .mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
    }

    .mobile-menu-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }

}


@media (min-width: 750px) and (orientation: portrait) {
    .j-section {
        min-height: 0 !important;
    }
    .j-section .row {
        /* max-width: 65% !important; */
    }
    .col, .row-collapse>.col {
        flex-basis: 100%;
        max-width: 100%;
        /* padding: 0 5% !important; */
    }
    .hide-for-small, [data-show=hide-for-small], .hide-for-medium, [data-show=hide-for-medium] {
        display: none !important;
    }
    .show-for-small, [data-show=show-for-small] {
        display: block !important;
    }

   
}
@media (max-width: 1000px) and (orientation: portrait) {
  .stack-image-bottom-2 {
      font-size: 4vw;
      bottom: 10%;
  }
  .stack-image-bottom-1 {
    font-size: 4.5vw;
    bottom: 39%;
  }

  .stack-image-bottom-1.active {
    width: 64vw;
    height: 31%;
    bottom: 33%;
  }
}
@media (max-width: 1000px) and (orientation: landscape) {
    .stack-image-bottom-2 {
        font-size: 2vw;
    }

    .stack-image-bottom-1.active {
        width: 29vw;
    }

    .stack-image-bottom-1 {
        font-size: 2.6vw;
        bottom: 33%;
    }
}

/* ===== INLINE CSS FROM INDEX.HTML ===== */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

/* --- */

img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */

/* --- */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */

/* --- */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #010719;--wp--preset--color--secondary: #1f2337;--wp--preset--color--success: #7a9c59;--wp--preset--color--alert: #b20000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

/* --- */

:root {--primary-color: #010719;--fs-color-primary: #010719;--fs-color-secondary: #1f2337;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #ffffff;--fs-experimental-link-color-hover: #ffffff;}.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: 1170px}.row.row-collapse{max-width: 1140px}.row.row-small{max-width: 1162.5px}.row.row-large{max-width: 1200px}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:430px;}.header-top{min-height: 30px}.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: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bottom {background-color: #f1f1f1}@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #ffffff}h1,h2,h3,h4,h5,h6,.heading-font{color: #ffffff;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 90%;}}body{font-family: inherit;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: inherit;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: inherit;}.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: inherit;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: inherit;}.alt-font {font-weight: 400!important;font-style: normal!important;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.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";}

/* --- */

html, body {
    background-color: #000 !important;
}
#main, #wrapper {
    background-color: transparent !important;
}

/* 1. Thiết lập cột chứa là mốc tọa độ */
.box-chua-video .col-inner {
  position: relative; /* Để các con bên trong định vị theo khung này */
}

/* 2. Định vị Video/GIF bay lên trên */
.video-noi {
  position: absolute; /* Tách khỏi dòng chảy văn bản bình thường */
  right: 23.5%;          /* Cách lề phải 5% */
  top: 42.5%;           /* Nằm ở giữa chiều cao */
  transform: translateY(-50%); /* Căn chỉnh chính xác giữa tâm dọc */
  
  width: 30%;         /* Độ rộng của video (tùy chỉnh to nhỏ ở đây) */
  z-index: 10;        /* Đảm bảo nó nằm đè lên trên ảnh nền */
}

/* video-footer-2 */
.box-video-footer-2 .col-inner {
  position: relative;
}
.video-footer-2 {
  position: absolute;
  right: 2.3%;
  top: 33.7%;
  transform: translateY(-50%);
  width: 30%;
  z-index: 10;
}

/* @media screen and (max-width: 599px) {
  .mfp-arrow-left {
    top: 45%;
		left: -10px;
	}
	.mfp-arrow-right {
		top: 45%;
		right: -10px;
	}
} */

@media screen and (max-width: 599px) {
  /* Tăng diện tích bấm cho người dùng dễ thao tác trên điện thoại */
  .mfp-arrow {
    width: 60px !important;
    height: 60px !important;
    opacity: 1 !important; /* Cho hiện rõ để dễ bấm */
  }

  .mfp-arrow-left {
    left: -15px !important;
    top: 45% !important;
    transform: translateY(-50%);
  }

  .mfp-arrow-right {
    right: -15px !important;
    top: 45% !important;
    transform: translateY(-50%);
  }
}

/* --- */

#gap-315911987 {
  padding-top: 5%;
}
@media (min-width:550px) {
  #gap-315911987 {
    padding-top: 100px;
  }
}

/* --- */

#gap-1655725253 {
  padding-top: 3%;
}

/* --- */

#image_518572366 {
  width: 85%;
}
@media (min-width:550px) {
  #image_518572366 {
    width: 85%;
  }
}
@media (min-width:850px) {
  #image_518572366 {
    width: 50%;
  }
}

/* --- */

#gap-308634591 {
  padding-top: 3%;
}

/* --- */

#image_1928747049 {
  width: 100%;
}
@media (min-width:850px) {
  #image_1928747049 {
    width: 75%;
  }
}

/* --- */

#text-box-1018936445 {
  width: 100%;
}
#text-box-1018936445 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-945125854 {
  padding-top: 46%;
}

/* --- */

#image_1991499082 {
  width: 100%;
}
@media (min-width:850px) {
  #image_1991499082 {
    width: 75%;
  }
}

/* --- */

#gap-1752910843 {
  padding-top: 1%;
}

/* --- */

#image_1996677445 {
  width: 59%;
}
@media (min-width:550px) {
  #image_1996677445 {
    width: 59%;
  }
}
@media (min-width:850px) {
  #image_1996677445 {
    width: 33%;
  }
}

/* --- */

#gap-1273622535 {
  padding-top: 3%;
}

/* --- */

#image_742132847 {
  width: 56%;
}

/* --- */

#image_220152864 {
  width: 56%;
}

/* --- */

#image_704221610 {
  width: 90%;
}

/* --- */

#image_203652801 {
  width: 56%;
}

/* --- */

#image_1339605772 {
  width: 9.6%;
}

/* --- */

#gap-1208658670 {
  padding-top: 3%;
}

/* --- */

#section_433483337 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* --- */

#gap-44753159 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-44753159 {
    padding-top: 2%;
  }
}

/* --- */

#image_27144978 {
  width: 59%;
}
@media (min-width:850px) {
  #image_27144978 {
    width: 36%;
  }
}

/* --- */

#gap-1723748330 {
  padding-top: 2%;
}

/* --- */

#image_774453593 {
  width: 100%;
}

/* --- */

#image_1507922567 {
  width: 86%;
}
@media (min-width:550px) {
  #image_1507922567 {
    width: 86%;
  }
}
@media (min-width:850px) {
  #image_1507922567 {
    width: 100%;
  }
}

/* --- */

#gap-1156480296 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1156480296 {
    padding-top: 2%;
  }
}

/* --- */

#image_275635185 {
  width: 100%;
}

/* --- */

#image_2043399015 {
  width: 100%;
}

/* --- */

#image_1176314757 {
  width: 100%;
}

/* --- */

#image_744117473 {
  width: 100%;
}

/* --- */

#text-box-1004203405 {
  width: 87%;
}
#text-box-1004203405 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-543934849 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#image_88267202 {
  width: 100%;
}
@media (min-width:550px) {
  #image_88267202 {
    width: 95%;
  }
}

/* --- */

#gap-1586402736 {
  padding-top: 3%;
}

/* --- */

#col-2049033749 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-2049033749 > .col-inner {
    margin: 0px 0px 0px 0px;
  }
}
@media (min-width:850px) {
  #col-2049033749 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-399536199 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-399536199 {
    padding-top: 2%;
  }
}

/* --- */

#image_1151156711 {
  width: 100%;
}

/* --- */

#gap-1903771187 {
  padding-top: 3%;
}

/* --- */

#col-1384115580 > .col-inner {
  margin: 0px 0px 0px 0px;
}

/* --- */

#image_1023601525 {
  width: 100%;
}

/* --- */

#image_389833060 {
  width: 100%;
}

/* --- */

#image_1851347577 {
  width: 100%;
}

/* --- */

#image_2073516236 {
  width: 100%;
}

/* --- */

#text-box-311087939 {
  width: 87%;
}
#text-box-311087939 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-876898218 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#col-78586184 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-78586184 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-2103271634 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-2103271634 {
    padding-top: 2%;
  }
}

/* --- */

#image_1904250165 {
  width: 100%;
}

/* --- */

#image_34925653 {
  width: 100%;
}

/* --- */

#text-box-351793716 {
  width: 87%;
}
#text-box-351793716 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-449451750 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#image_944384757 {
  width: 100%;
}

/* --- */

#gap-931743858 {
  padding-top: 3%;
}

/* --- */

#col-1430267025 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1430267025 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-1042710438 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1042710438 {
    padding-top: 2%;
  }
}

/* --- */

#image_361444828 {
  width: 100%;
}

/* --- */

#text-1550609103 {
  font-size: 0.9rem;
  line-height: 1.6;
}
@media (min-width:550px) {
  #text-1550609103 {
    font-size: 0.98rem;
    line-height: 1.65;
  }
}

/* --- */

#gap-1397617642 {
  padding-top: 3%;
}

/* --- */

#col-289068691 > .col-inner {
  margin: 0px 0px 0px 0px;
}

/* --- */

#image_1846681456 {
  width: 100%;
}

/* --- */

#image_667927692 {
  width: 100%;
}

/* --- */

#image_1523177455 {
  width: 100%;
}

/* --- */

#text-box-1488700322 {
  width: 87%;
}
#text-box-1488700322 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-125240774 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#col-1035883552 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1035883552 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-2071804591 {
  padding-top: 5%;
}
@media (min-width:550px) {
  #gap-2071804591 {
    padding-top: 5%;
  }
}
@media (min-width:850px) {
  #gap-2071804591 {
    padding-top: 2%;
  }
}

/* --- */

#image_988584935 {
  width: 100%;
}

/* --- */

#image_669416389 {
  width: 100%;
}

/* --- */

#text-box-333526969 {
  width: 87%;
}
#text-box-333526969 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-915454788 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#image_2085526354 {
  width: 88%;
}

/* --- */

#gap-1081770304 {
  padding-top: 3%;
}

/* --- */

#col-846699090 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-846699090 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-699869334 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-699869334 {
    padding-top: 2%;
  }
}

/* --- */

#image_1700837555 {
  width: 100%;
}

/* --- */

#text-2939005941 {
  font-size: 0.9rem;
}
@media (min-width:550px) {
  #text-2939005941 {
    font-size: 1.05rem;
  }
}

/* --- */

#gap-490082129 {
  padding-top: 3%;
}

/* --- */

#col-992618147 > .col-inner {
  margin: 0px 0px 0px 0px;
}

/* --- */

#image_518805342 {
  width: 100%;
}

/* --- */

#image_1579118078 {
  width: 100%;
}

/* --- */

#text-box-1969430536 {
  width: 87%;
}
#text-box-1969430536 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-1704740778 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#col-373762936 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-373762936 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-2014258972 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-2014258972 {
    padding-top: 2%;
  }
}

/* --- */

#image_1542596056 {
  width: 100%;
}

/* --- */

#text-box-423349055 {
  width: 87%;
}
#text-box-423349055 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-583644819 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#image_1582756403 {
  width: 100%;
}

/* --- */

#gap-1259855409 {
  padding-top: 3%;
}

/* --- */

#col-1806467651 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1806467651 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-1243211710 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1243211710 {
    padding-top: 2%;
  }
}

/* --- */

#image_1088150687 {
  width: 100%;
}

/* --- */

#gap-1537808904 {
  padding-top: 3%;
}

/* --- */

#col-881436758 > .col-inner {
  margin: 0px 0px 0px 0px;
}

/* --- */

#image_1785585286 {
  width: 100%;
}

/* --- */

#image_1139345937 {
  width: 100%;
}

/* --- */

#text-box-1539535578 {
  width: 87%;
}
#text-box-1539535578 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-321275787 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#col-1475777731 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1475777731 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-1758998831 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1758998831 {
    padding-top: 2%;
  }
}

/* --- */

#image_675366654 {
  width: 100%;
}

/* --- */

#image_11305141 {
  width: 100%;
}

/* --- */

#gap-391600739 {
  padding-top: 3%;
}

/* --- */

#col-1190530695 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1190530695 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-374094336 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-374094336 {
    padding-top: 2%;
  }
}

/* --- */

#section_519286372 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* --- */

#gap-626248623 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-626248623 {
    padding-top: 2%;
  }
}

/* --- */

#gap-156847628 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-156847628 {
    padding-top: 5%;
  }
}

/* --- */

#image_1064979148 {
  width: 100%;
}

/* --- */

#gap-476997195 {
  padding-top: 5%;
}
@media (min-width:550px) {
  #gap-476997195 {
    padding-top: 5%;
  }
}
@media (min-width:850px) {
  #gap-476997195 {
    padding-top: 2%;
  }
}

/* --- */

#gap-2059090829 {
  padding-top: 3%;
}
@media (min-width:550px) {
  #gap-2059090829 {
    padding-top: 5%;
  }
}
@media (min-width:850px) {
  #gap-2059090829 {
    padding-top: 2%;
  }
}

/* --- */

#image_313535260 {
  width: 100%;
}

/* --- */

#image_598612083 {
  width: 100%;
}

/* --- */

#image_1165046406 {
  width: 100%;
}

/* --- */

#text-box-2060826395 {
  width: 87%;
}
#text-box-2060826395 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-861898084 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#gap-258420357 {
  padding-top: 3%;
}
@media (min-width:850px) {
  #gap-258420357 {
    padding-top: 3%;
  }
}

/* --- */

#image_1302641689 {
  width: 90%;
}

/* --- */

#text-4206301429 {
  font-size: 0.75rem;
}
@media (min-width:550px) {
  #text-4206301429 {
    font-size: 0.9rem;
  }
}

/* --- */

#gap-1971214033 {
  padding-top: 3%;
}

/* --- */

#col-1809260180 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1809260180 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#image_1838754618 {
  width: 100%;
}
@media (min-width:550px) {
  #image_1838754618 {
    width: 64%;
  }
}
@media (min-width:850px) {
  #image_1838754618 {
    width: 91%;
  }
}

/* --- */

#col-1448555450 > .col-inner {
  margin: 0px 0px 0px 5%;
}

/* --- */

#gap-1630753791 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1630753791 {
    padding-top: 2%;
  }
}

/* --- */

#image_1020043451 {
  width: 100%;
}
@media (min-width:550px) {
  #image_1020043451 {
    width: 88%;
  }
}
@media (min-width:850px) {
  #image_1020043451 {
    width: 100%;
  }
}

/* --- */

#image_1368296295 {
  width: 100%;
}
@media (min-width:550px) {
  #image_1368296295 {
    width: 88%;
  }
}
@media (min-width:850px) {
  #image_1368296295 {
    width: 100%;
  }
}

/* --- */

#col-1261159325 > .col-inner {
  margin: 0px 0px 0px -5%;
}

/* --- */

#image_1208487050 {
  width: 100%;
}

/* --- */

#text-475231770 {
  font-size: 0.75rem;
}
@media (min-width:550px) {
  #text-475231770 {
    font-size: 0.9rem;
  }
}

/* --- */

#gap-855040650 {
  padding-top: 3%;
}

/* --- */

#col-1922229760 > .col-inner {
  margin: 0px 0px 0px 0px;
}

/* --- */

#image_1799064835 {
  width: 100%;
}

/* --- */

#image_751760877 {
  width: 100%;
}

/* --- */

#text-box-1319618891 {
  width: 87%;
}
#text-box-1319618891 .text-box-content {
  font-size: 100%;
}

/* --- */

#banner-2134794626 {
  padding-top: 55.92%;
  background-color: rgba(255, 255, 255, 0);
}

/* --- */

#gap-1669851036 {
  padding-top: 3%;
}

/* --- */

#col-1374552859 > .col-inner {
  margin: 0px 0px 0px 0px;
}
@media (min-width:850px) {
  #col-1374552859 > .col-inner {
    margin: 0px 0px 0px 5%;
  }
}

/* --- */

#gap-1418983467 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-1418983467 {
    padding-top: 5%;
  }
}

/* --- */

#section_2086640327 {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section_2086640327 .section-bg img {
  object-position: top;
}

/* --- */

#gap-58814456 {
  padding-top: 5%;
}
@media (min-width:850px) {
  #gap-58814456 {
    padding-top: 2%;
  }
}

/* --- */

#gap-1278080533 {
  padding-top: 5%;
}

/* --- */

#image_1964255523 {
  width: 95%;
}
@media (min-width:550px) {
  #image_1964255523 {
    width: 80%;
  }
}

/* --- */

#gap-519486434 {
  padding-top: 2%;
}

/* --- */

#image_797786747 {
  width: 100%;
}

/* --- */

#image_286914871 {
  width: 17.1%;
}

/* --- */

#image_1851871295 {
  width: 100%;
}

/* --- */

#gap-490662715 {
  padding-top: 5%;
}

/* --- */

#image_1317189997 {
  width: 100%;
}

/* --- */

#stack-2616629563 > * {
  --stack-gap: 0rem;
}

/* --- */

#image_1917741494 {
  width: 100%;
}

/* --- */

#stack-3934214980 > * {
  --stack-gap: 0rem;
}

/* --- */

#image_925844069 {
  width: 100%;
}

/* --- */

#image_1633206199 {
  width: 100%;
}

/* --- */

#gap-863031949 {
  padding-top: 5%;
}

/* --- */

#section_1593594009 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgb(9, 8, 7);
}
.icon-phone:before, .icon-facebook:before {
  display: none;
}
.page-template-page-phan-biet-hitclub-that-gia-php header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
}
.page-template-page-phan-biet-hitclub-that-gia-php .section-bg.fill img {
  height: 100% !important;
}
@media (min-width: 992px) {
  .page-template-page-phan-biet-hitclub-that-gia-php .flex-col.hide-for-medium.flex-right {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .page-template-page-phan-biet-hitclub-that-gia-php .flex-col.hide-for-medium.flex-right {
    display: block !important;
  }
  .navbar .flex-right li.html a {
    line-height: 0;
  }
  .page-template-page-phan-biet-hitclub-that-gia-php  .navbar-toggler, .page-template-page-phan-biet-hitclub-that-gia-php .navbar .flex-right li.html {
    margin: 0;
  }

  .page-template-page-phan-biet-hitclub-that-gia-php header {
    position: relative;
  }
}