/*
Theme Name: Flastsome Child
Theme URI: https://example.com/
Description: Child theme for the Flatsome theme
Author: Your Name
Author URI: https://example.com/
Template: flatsome
Version: 1.0.0
*/
.d-flex {
	display: flex;
}
.d-al-center {
	align-items: center;
}
.d-wrap {
	flex-wrap: wrap;
}
.d-center {
	justify-content: center;
}
.d-space {
	justify-content: space-between;
}
.mrb-0 {
	margin-bottom: 0;
}
.pdb-0{
	padding-bottom: 0;
}
.gap-5 {
	gap: 5px;
}
.gap-15 {
	gap: 15px;
}
.gap-10 {
	gap: 10px;
}
.gap-20 {
	gap: 20px;
}
.w-100 {
	width: 100%;
}
.w-24 {
	width: 24% !important;
}
.d-block {
	display: block;
}
.mrb-0 {
	margin-bottom: 0;
}
#masthead {
	background-color: rgb(24 23 16 / 0.95);
	border: 1px solid rgb(58 55 39);
}
#masthead .header-inner ul li:not(.html){
	margin: 0;
	padding: 0;
} 
#masthead .header-inner ul {
	gap: 28px;
}
#masthead .header-inner ul li:not(.html) a {
	font-size: 12.25px;
	line-height: 17.5px;
	color: #c4c7cc;
	font-weight: 700;
	text-transform: capitalize;
	transition: all 0.3s ease-in;
}
#masthead .header-inner ul li:not(.html):hover a {
	color: rgb(255 217 0) ;
	transition: all 0.3s ease-in;
}
#masthead .header-inner ul li.html a {
	--tw-shadow: 0 0 15px rgba(255, 217, 0, 0.3);
	--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	color: rgb(24 23 16);
	font-size: 12.25px;
	line-height: 17.5px;
	font-weight: 700;
	padding: 12px 21px;
	border-radius: 999px;
	background-color: rgb(255 217 0);
	transition: all 0.3s ease;
}
#masthead .header-inner ul li.html a:hover {
	transform: translatey(-3px);
	--tw-shadow: 0 0 20px rgba(255, 217, 0, 0.5);
	--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transition: all 0.3s ease;
}
.banner-custom {
	padding: 42px;
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 21px;
}
.banner-custom  img {
	border-radius: 21px;
}
.banner-custom:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 21px;
	left: 0;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(24, 23, 16, 0.95) 100%);
	z-index: 99;
}
.section-row-0 .section-content .row > .col {
	padding-bottom: 0;
}
#main,
.absolute-footer.dark{
	background-color: rgb(24 23 16)!important;
}
.banner-custom .banner-layers {
	position: relative;
	z-index: 100;
}
.section-about {
	padding-top: 35px !important;
	padding-bottom: 70px !important;
}
.top-banner {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background-color: rgb(220 38 38 / 20%);
	border: 1px solid rgb(239 68 68 / 50%);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: max-content;
	margin: 0 auto 14px;
	padding: 6px 14px;
}
.top-banner span.dots {
	width: 8.75px;
	height: 8.75px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.top-banner span.dot-1 {
	background-color: rgb(248 113 113);
	border-radius: 9999px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.top-banner span.dot-2 {
	background-color: rgb(239 68 68);
	border-radius: 9999px;
	width: 8.75px;
	height: 8.75px;
}
.banner-custom h1 {
	font-size: 63px;
	line-height: 1;
	color: rgb(255 255 255);
	text-transform: uppercase;
	font-weight: 900;
	margin: 0;
}
.banner-custom h1 span {
	color: rgb(255 217 0);
	display: block;
	margin-bottom: 14px;
}
.banner-custom h1 span:nth-child(2) {
	color: #FFF;
}
.banner-custom p.loingo{
	font-size: 21px;
	line-height: 28px;
	font-weight: 500;
	color: rgb(229 231 235);
	margin-bottom: 40px;
}
@keyframes ping {
	75%, 100% {
		transform: scale(2);
		opacity: 0;
	}
}
.top-banner p {
	margin: 0;
	color: rgb(254 226 226);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10.5px;
	line-height: 14px;
}
.btn-custom-call {
	gap: 14px;
	justify-content: center;
}
.btn-custom-call a {
	height: 56px;
	width: auto;
	color: rgb(24 23 16);
	font-weight: 900;
	font-size: 15.75px;
	line-height: 24.5px;
	padding-right: 28px;
	padding-left: 28px;
	min-width: 28px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	gap: 7px;
}

.btn-custom-call a:nth-child(1) {
	--tw-shadow: 0 0 30px rgba(255, 217, 0, 0.4);
	--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background-color: rgb(255 217 0);
	transition: all 0.3s ease;
}
.btn-custom-call a:nth-child(1):hover {
	--tw-shadow: 0 0 40px rgba(255, 217, 0, 0.6);
	--tw-shadow-colored: 0 0 40px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transform: scale(1.05);
	transition: all 0.3s ease;
}

.btn-custom-call a:nth-child(2) {
	background-color: rgb(58 55 39 / 80%);
	border: 1px solid rgb(86 81 57);
	color: #FFf;
	transition: all 0.3s ease;
}
.btn-custom-call a:nth-child(2):hover {
	background-color:rgb(74 70 50);
	border-color: rgb(255 217 0 / 50%);
	transition: all 0.3s ease;
}
.co-mat {
	margin: 40px auto 0 !important;
	color: rgb(156 163 175) !important;
	font-size: 12.25px;
	line-height: 17.5px;
	padding: 7px 14px !important;
	background-color:rgb(0 0 0 / 40%);
	border-radius: 9999px;
	width: max-content;
}
.co-mat span {
	color: rgb(255 217 0);
	font-weight:700;
	font-size: 14px;
	line-height: 21px;
}
.title-all h2,
.qt-title{
	font-size: 42px;
	line-height: 1;
	color: rgb(255 255 255);
	margin: 0 0 14px;
}
.title-all {
	margin-bottom: 42px;
}
.title-all h2 span {
	color: rgb(255 217 0);
}
.title-all p,
.qt-sub{
	color: rgb(156 163 175);
	max-width: 588px;
	font-size: 17.5px;
	line-height: 24.5px;
}

/* ===== Reasons cards (dark + gold) ===== */
.acf-reasons{
	--bg: #0b0d0f;
	--card: rgba(255,255,255,.05);
	--card-2: rgba(255,255,255,.03);
	--stroke: rgba(255,255,255,.08);
	--text: rgba(255,255,255,.75);
	--title: rgba(255,255,255,.95);
	--gold: #f5c542;

	display: grid;
	grid-template-columns: repeat(var(--acf-reasons-cols, 3), minmax(0, 1fr));
	gap: 28px;
}

/* responsive giống kiểu 3 thẻ -> xuống dòng */
@media (max-width: 1024px){
	.acf-reasons{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
	.acf-reasons{ grid-template-columns: 1fr; }
}

.acf-reason-card{
	position: relative;
	padding: 34px 34px 32px;
	border-radius: 22px;
	background: linear-gradient(180deg, var(--card), var(--card-2));
	border: 1px solid var(--stroke);
	box-shadow:
		0 14px 34px rgba(0,0,0,.45),
		inset 0 1px 0 rgba(255,255,255,.05);
	overflow: hidden;
	transition: all 0.3s ease-in;
}
.acf-reason-card:hover {
	--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-color: rgb(255 217 0 / 50%);
	transform: translatey(-3.5px);
	transition: all 0.3s ease;
}
.acf-reason-card:before{
	content:"";
	position:absolute;
	inset:-2px;
	background: radial-gradient(800px 220px at 20% 0%, rgba(245,197,66,.10), transparent 60%);
	pointer-events:none;
}

.acf-reason-icon{
	width: 56px;
	height: 56px;
	border-radius: 16px;
	display:flex;
	align-items:center;
	justify-content:center;
	background: rgba(245,197,66,.12);
	border: 1px solid rgba(245,197,66,.18);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
	margin-bottom: 22px;
	transition: all 0.3s ease;
}
.acf-reason-card:hover  .acf-reason-icon{
	background: rgb(255 217 0);
	transition: all 0.3s ease;
}
/* SVG vàng như ảnh */
.acf-reason-icon svg{
	width: 26px;
	height: 26px;
	display:block;
	stroke: var(--gold);
	fill: none;
}
.acf-reason-card:hover .acf-reason-icon svg{
	stroke: #000;
}
.acf-reason-icon svg [fill]{
	fill: var(--gold);
}

.acf-reason-title{
	margin: 0 0 12px;
	font-size: 21px;
	line-height: 28px;
	font-weight: 700;
	color: var(--title);
	letter-spacing: -0.2px;
}

.acf-reason-content{
	color: var(--text);
	font-size: 14px;
	line-height: 1.625;
}

.acf-reason-content p{
	margin: 0;
}

/* ===== SECTION ===== */

.qt-wrap{
	max-width: 1220px;
	margin: 0 auto;
	text-align: center;
}

.qt-title{
	margin: 0;
	font-weight: 800;
	font-size: 44px;
	line-height: 1.15;
	letter-spacing: -0.4px;
	color: rgba(255,255,255,.95);
}

.qt-sub{
	margin-top: 12px;
	font-size: 18px;
	line-height: 1.6;
	color: rgba(255,255,255,.70);
}

/* ===== GRID ===== */
.qt-grid{
	margin-top: 72px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 48px;
	align-items: start;
}

@media (max-width: 1024px){
	.qt-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 46px; }
}
@media (max-width: 560px){
	.qt-grid{ grid-template-columns: 1fr; gap: 34px; }
}

/* ===== STEP ===== */
.qt-step{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.qt-icon{
	width: 84px;
	height: 84px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;

	background: transparent;
	border: 2px solid rgba(255,214,0,1);
	box-shadow: none;
	transition: background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.qt-icon svg{
	width: 34px;
	height: 34px;
	display: block;
	stroke: rgba(255,214,0,1);
	fill: none;
	stroke-width: 2;
}

/* ===== ACTIVE like screenshot ===== */
.qt-step.is-active .qt-icon{
	background: rgba(255,214,0,1);
	border-color: rgba(255,214,0,1);
	box-shadow:
		0 0 0 6px rgba(255,214,0,.10),
		0 0 34px rgba(255,214,0,.35);
}

.qt-step.is-active .qt-icon svg{
	stroke: rgba(10,10,10,1);
}

/* ===== Hover for FIRST (active) step ===== */
.qt-step:hover .qt-icon{
	transform: translateY(-1px);
	box-shadow:
		0 0 0 8px rgba(255,214,0,.12),
		0 0 42px rgba(255,214,0,.40);
}
/* ===== HOVER GIỐNG ẢNH (NO GLOW) ===== */
.qt-step:hover .qt-icon{
	background: #ffd600;              /* vàng đặc */
	border-color: #ffd600;
	box-shadow: none;                 /* KHÔNG glow */
	transform: none;
}

.qt-step:hover .qt-icon svg{
	stroke: #0a0a0a;                  /* icon đen */
}
/* ===== TEXT ===== */
.qt-name{
	margin-top: 22px;
	font-size: 22px;
	line-height: 1.35;
	font-weight: 800;
	color: rgba(255,255,255,.95);
}

.qt-no{
	margin-right: 6px;
}

.qt-desc{
	margin-top: 10px;
	max-width: 260px;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,.55);
}
.title-bang-gia p {
	width: max-content;
	max-width: max-content;
}

.bg-price__wrap {
	max-width: 1240px;
	margin: 0 auto;
}
.bg-price__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	align-items: stretch;
}
@media (max-width: 1024px) {
	.bg-price__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

/* ===== CARD ===== */
.bg-card {
	position: relative;
	border-radius: 22px;
	padding: 34px 32px 28px;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.06),
		rgba(255, 255, 255, 0.03)
	);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	overflow: hidden;
	min-height: 520px;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.bg-card:hover {
	transform: translatey(-7px);
	transition: all 0.3s ease;
}
/* watermark icon-ish */
.bg-watermark {
	position: absolute;
	right: 22px;
	top: 24px;
	width: 170px;
	height: 170px;
	opacity: 0.08;
	background: radial-gradient(
		circle at 50% 50%,
		rgba(255, 255, 255, 0.22) 0 18%,
		transparent 19% 100%
	),
		radial-gradient(
			circle at 50% 50%,
			rgba(255, 255, 255, 0.12) 0 32%,
			transparent 33% 100%
		);
	filter: blur(0.2px);
	pointer-events: none;
}

/* ===== POPULAR (middle) ===== */
.bg-card.is-popular {
	border: 2px solid rgba(255, 214, 0, 1);
	transform: translatey(-14px);
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.bg-badge {
	position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
    border-radius: 0 0 0 999px;
    background: rgba(255, 214, 0, 1);
    color: #111;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 0.6px;
}

/* ===== TOP TEXT ===== */
.bg-top {
	padding-right: 44px;
}
.bg-zone {
	color: rgba(255, 214, 0, 1);
	font-weight: 900;
	letter-spacing: 1.2px;
	font-size: 12.25px;
	line-height: 17.5px;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.bg-priceRow {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	margin-bottom: 6px;
}
.bg-priceBig {
	font-size: 42px;
	font-weight: 900;
	line-height: 1;
	color: rgba(255, 255, 255, 0.95);
}
.bg-priceUnit {
	font-size: 15.75;
	line-height: 24.5px;
	font-weight: 500;
	color: rgb(156 163 175);
	transform: translateY(-6px);
	letter-spacing: 0.8px;
}

.bg-contactBig {
	font-size: 42px;
	font-weight: 900;
	line-height: 1.05;
	color: rgba(255, 255, 255, 0.95);
	margin-bottom: 8px;
}

.bg-sub {
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 22px;
}

/* ===== FEATURES LIST ===== */
.bg-list {
	list-style: none;
	padding: 8px 0 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
}
.bg-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	color: rgb(209 213 219);
	font-weight: 400;
	margin: 0 !important;
}
.bg-tick {
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 214, 0, 1);
	flex: 0 0 22px;
	transform: translateY(1px);
}
.bg-tick svg {
	width: 22px;
	height: 22px;
	display: block;
}
.bg-text {
	line-height: 1.6;
}


/* ===== BUTTONS ===== */
.bg-actions {
	margin-top: 26px;
}
.bg-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 0.2px;
	transition: transform 0.15s ease, filter 0.15s ease;
}

.bg-btn.is-primary {
	background: rgba(255, 214, 0, 1);
	color: #111;
}
.bg-btn.is-muted {
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.92);
}

.bg-btn:hover {
	transform: translateY(-1px);
	background-color: rgb(255 214 0);
	filter: brightness(1.02);
}
/* ===== Reviews Section ===== */
.rvw__wrap{ max-width: 1240px; margin: 0 auto; }

.rvw__head{ text-align:center; margin-bottom: 54px; }
.rvw__title{
	margin: 0;
	font-weight: 900;
	font-size: 44px;
	line-height: 1.15;
	letter-spacing: -0.4px;
	color: rgba(255,255,255,.95);
}
.rvw__underline{
	width: 104px;
	height: 6px;
	border-radius: 999px;
	background: rgba(255,214,0,1);
	margin: 12px auto 18px;
}
.rvw__sub{
	margin: 0 auto;
	max-width: 760px;
	font-size: 18px;
	line-height: 1.65;
	color: rgba(255,255,255,.65);
}

/* ===== Slider layout ===== */
.rvw__slider{
	position: relative;
	display: grid;
	grid-template-columns: 52px 1fr 52px;
	gap: 18px;
	align-items: center;
}

@media (max-width: 640px){
	.rvw__slider{ grid-template-columns: 44px 1fr 44px; gap: 10px; }
}

.rvw__viewport{
	overflow: hidden;
	border-radius: 22px;
}

.rvw__track{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 2 * 22px) / 3); /* 3 cards + gaps */
	gap: 22px;
	will-change: transform;
	transition: transform .35s ease;
	padding: 6px;
}

@media (max-width: 1024px){
	.rvw__track{ grid-auto-columns: calc((100% - 1 * 18px) / 2); gap: 18px; }
}
@media (max-width: 560px){
	.rvw__track{ grid-auto-columns: 100%; gap: 14px; }
}

/* ===== Nav buttons ===== */
.rvw__nav{
	width: 52px;
    height: 52px;
    min-height: unset;
    max-width: unset;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 0, .35);
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 214, 0, 1);
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;
}
.rvw__nav svg{ width: 22px; height: 22px; display:block; }

.rvw__nav:hover{
	transform: translateY(-1px);
	background: rgba(255,214,0,.10);
	border-color: rgba(255,214,0,.65);
	filter: brightness(1.02);
}
.rvw__nav:disabled{
	opacity: .35;
	cursor: not-allowed;
	transform: none;
}

/* ===== Dots ===== */
.rvw__dots{
	grid-column: 1 / -1;
	margin-top: 18px;
	display:flex;
	justify-content:center;
	gap: 10px;
}
.rvw__dot{
	width: 10px !important;
	height: 10px;
	border-radius: 999px;
	border: 1px solid rgba(255, 214, 0, .55);
	background: rgba(255, 255, 255, .08);
	cursor: pointer;
	margin: 0;
	min-height: unset;
	min-width: unset;
	transition: transform .18s ease, background .18s ease, width .18s ease, filter .18s ease;
}
.rvw__dot:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.rvw__dot.is-active{
	width: 26px;
	background: rgba(255,214,0,1);
	border-color: rgba(255,214,0,1);
}

/* ===== Card ===== */
.rvw__card{
	border-radius: 22px;
	padding: 28px 28px 24px;
	background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
	border: 1px solid rgba(255,255,255,.10);
	box-shadow:
		0 18px 44px rgba(0,0,0,.50),
		inset 0 1px 0 rgba(255,255,255,.05);
	min-height: 340px;
	display:flex;
	flex-direction: column;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* hover: nhấc lên + nổi viền vàng */
.rvw__card:hover{
	transform: translateY(-8px);
	border-color: rgba(255,214,0,.70);
	box-shadow:
		0 22px 56px rgba(0,0,0,.55),
		inset 0 1px 0 rgba(255,255,255,.06);
}

/* stars */
.rvw__stars{
	display:flex;
	gap: 6px;
	color: rgba(255,214,0,1);
	margin-bottom: 14px;
}
.rvw__stars svg{ width: 22px; height: 22px; display:block; }

.rvw__quote{
	color: rgba(255,255,255,.90);
	font-style: italic;
	line-height: 1.75;
	font-size: 16px;
	flex: 1;
}
.rvw__quote p{ margin: 0; }

.rvw__divider{
	height: 1px;
	background: rgba(255,255,255,.10);
	margin: 18px 0 18px;
}

/* person */
.rvw__person{
	display:flex;
	align-items:center;
	gap: 14px;
}
.rvw__avatar{
	width: 44px;
	height: 44px;
	border-radius: 999px;
	display:flex;
	align-items:center;
	justify-content:center;
	background: rgba(255,255,255,.08);
	color: rgba(255,214,0,1);
	font-weight: 900;
}
.rvw__name{
	font-weight: 900;
	color: rgba(255,255,255,.95);
	font-size: 18px;
	line-height: 1.2;
}
.rvw__loc{
	color: rgba(255,255,255,.55);
	margin-top: 3px;
	font-size: 14px;
}

/* ===== Section giống hình ===== */

.kt-area__wrap{
	max-width: 1240px;
	margin: 0 auto;
}

.kt-area__title{
	margin: 0 0 22px;
	font-weight: 900;
	font-size: 30px;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: rgba(255,255,255,.95);
}

/* chips layout */
.kt-area__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

/* ===== Chip ===== */
.kt-chip{
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 10px 16px;
	border-radius: 999px;

	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.10);

	color: rgba(255,255,255,.65);
	font-weight: 400;
	cursor: pointer;
	font-size: 15px;
	line-height: 1;

	transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

/* Hover giống hình 2: viền vàng + chữ vàng */
.kt-chip:hover{
	border-color: rgba(255,214,0,1);
	color: rgba(255,214,0,1);
	background: rgba(255,214,0,.06);
	transform: translateY(-1px);
}

/* mobile spacing */
@media (max-width: 560px){
	.kt-area{ padding: 56px 14px 64px; }
	.kt-area__title{ font-size: 24px; }
	.kt-area__chips{ gap: 10px; }
	.kt-chip{ padding: 10px 14px; font-size: 14px; }
}
@media (max-width: 849px) {
	.section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.section-row-0 .title-all p {
		width: max-content;
		max-width: 100%;
	}
	.bg-card {
		min-height: auto;
	}
	.bg-card.is-popular {
		transform: unset;
	}
	.header-button a {
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	.header-button a i {
		color: #111;
	}
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: rgb(24 23 16 / 0.95);
	}
	.off-canvas .nav-vertical>li>a {
		color: #FFF;
	}
}
/* ===== Floating Zalo + Phone (bottom-right) ===== */
.fzp-wrap{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fzp-btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;

  height: 52px;
  padding: 0 18px 0 10px;
  border-radius: 999px;

  background: #1677ff;
  color: #fff !important;
  text-decoration: none !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  font-weight: 800;
}

.fzp-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.42);
  filter: brightness(1.02);
}

.fzp-icon{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #ffffff;
  color: #ffd900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}

.fzp-icon svg{
  width: 22px;
  height: 22px;
  display: block;
}

.fzp-text{
  font-size: 16px;
  letter-spacing: .1px;
  white-space: nowrap;
}

/* Zalo circle text */
.fzp-icon--zalo{
  color: #1677ff;
  font-weight: 900;
}
.fzp-z{
  font-size: 13px;
  line-height: 1;
}

/* Phone button slightly different shade (optional) */
.fzp-phone{
  background: #ffd900;
}

/* Responsive: nhỏ hơn thì thu gọn text nếu muốn */
@media (max-width: 420px){
  .fzp-text{ font-size: 14px; }
  .fzp-btn{ height: 48px; padding-right: 14px; }
}
@media (max-width: 768px){
  .fzp-btn{
    width: 52px;
    padding: 0;
    justify-content: center;
  }

  .fzp-text{
    display: none;
  }

  .fzp-icon{
    margin: 0;
  }
}