.before-footer {
	padding: 60px 0;
	background: linear-gradient(to bottom, #434343, #000);
	position: relative;
	z-index: 0;
	/* overflow: hidden; */
}

.before-footer-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

.before-footer-heading {
	position: relative;
	z-index: 1;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 3rem;
	text-align: center;
	font-weight: 900;
	color: #fff;
}

.cta-container {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	position: relative;
	z-index: 1;
}

.cta {
	width: 100%;
	line-height: 1.2;
	font-family: Inter;
	font-weight: 900;
	letter-spacing: -1px;
	color: #000;
	max-width: 385px;
	cursor: pointer;
	font-size: 28px;
	padding: 20px 0;
	background: linear-gradient(to right, #FFE48F, #fff);
	border-radius: 10px;
	border: 0;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	text-align: center;
	box-shadow: 1px 8px 30px rgba(0, 0, 0, .03), 1px 4px 10px rgba(0, 0, 0, .05);
	position: relative;
	z-index: 1;
	transition: all .3s ease;
	overflow: hidden;
}

.cta-remind {
	font-size: 14px;
	font-weight: 300;
	color: #554f16;
}

.cta::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	height: 100%;
	width: 90px;
	background: hsla(0, 0%, 100%, .4);
	-webkit-transition: all .15s linear;
	transition: all .15s linear;
	-webkit-transform: skewX(-20deg) translateX(0);
	transform: skewX(-20deg) translateX(0);
	z-index: 1;
}

.cta:hover::after {
	-webkit-animation: ctaShine .9s 1 forwards;
	animation: ctaShine .9s 1 forwards;
}

.cta:hover {
	-webkit-transform: scale(1.015);
	transform: scale(1.015);
	transition: all .3s ease;
}

@keyframes ctaShine {
	0% {
		-webkit-transform: skewX(-20deg) translateX(0);
		transform: skewX(-20deg) translateX(0);
	}

	100% {
		-webkit-transform: skewX(-20deg) translateX(1500px);
		transform: skewX(-20deg) translateX(1500px);
	}
}

.before-footer-icons {
	position: absolute;
	scale: .7;
}

.icon-1 {
	left: 3%;
	top: 10%;
	height: 80px;
	width: 80px;
	-webkit-animation: iconfloat 80s linear 1s infinite;
	animation: iconfloat 80s linear 1s infinite;
}

.icon-2 {
	left: 9%;
	top: 70%;
	height: 90px;
	width: 90px;
	-webkit-filter: blur(.5px);
	filter: blur(.5px);
	animation: iconfloat 100s linear 1s infinite reverse;
}

.icon-3 {
	right: 7%;
	top: 3%;
	height: 90px;
	width: 90px;
	-webkit-animation: iconfloat 80s linear 1s infinite;
	animation: iconfloat 80s linear 1s infinite;
}

.icon-4 {
	left: 33%;
	top: 7%;
	height: 60px;
	width: 60px;
	-webkit-filter: blur(.4px);
	filter: blur(.4px);
	animation: iconfloat 60s linear 1s infinite reverse;
}

.icon-5 {
	right: 30%;
	top: 3%;
	height: 50px;
	width: 50px;
	-webkit-animation: iconfloat 80s linear 1s infinite;
	animation: iconfloat 80s linear 1s infinite;
}

.icon-6 {
	left: 16%;
	top: 50%;
	animation: iconfloat 40s linear 1s infinite reverse;
	-webkit-filter: blur(1px);
	filter: blur(1px);
}

.icon-7 {
	left: 50%;
	bottom: 7%;
	height: 50px;
	width: 50px;
	-webkit-filter: blur(1px);
	filter: blur(1px);
	-webkit-animation: iconfloat 80s linear 1s infinite;
	animation: iconfloat 80s linear 1s infinite;
}

.icon-8 {
	right: 5%;
	bottom: 20%;
	height: 65px;
	width: 65px;
	-webkit-filter: blur(.5px);
	filter: blur(.5px);
	animation: iconfloat 60s linear 1s infinite reverse;
}

.icon-9 {
	left: 30%;
	bottom: 11%;
	height: 50px;
	width: 50px;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	animation: iconfloat 80s linear 1s infinite reverse;
}

.icon-10 {
	left: 70%;
	top: 90%;
	height: 50px;
	width: 50px;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	animation: iconfloat 40s linear 1s infinite reverse;
}

@keyframes iconfloat {
	0% {
		-webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
		transform: rotate(0deg) translateX(60px) rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(1turn) translateX(60px) rotate(-1turn);
		transform: rotate(1turn) translateX(60px) rotate(-1turn);
	}
}

@media screen and (min-width: 576px) {
	.before-footer-heading {
		font-size: 37px;
	}
}

@media screen and (min-width: 768px) {
	.before-footer-container {
		max-width: 720px;
	}

	.before-footer-heading {
		font-size: 45px;
	}

	.cta {
		margin-left: auto;
		margin-right: auto;
	}

	.cta {
		padding: 30px 0;
		margin-top: 30px;
		max-width: 920px;
	}

	.cta-remind {
		font-size: 20px;
		font-weight: 300;
	}
}

@media screen and (min-width: 992px) {
	.before-footer-container {
		max-width: 960px;
	}

	.before-footer-heading {
		font-size: 54px;
		margin: 0 140px;
	}

	.before-footer-icons {
		scale: 1;
	}

}

@media screen and (min-width: 1200px) {
	.before-footer-container {
		max-width: 1140px;
	}

	.before-footer {
		padding: 200px 0;
	}

	.before-footer-heading {
		margin-left: 250px;
		margin-right: 250px;
	}

	.cta {
		font-size: 40px;
		padding: 30px 0;
		margin-top: 30px;
		max-width: 920px;
	}
}

@media screen and (min-width: 1400px) {
	.before-footer-container {
		max-width: 1320px;
	}

	.before-footer-heading {
		margin-top: 50px;
		margin-left: 135px;
		margin-right: 135px;
	}
}
.footer-link,.footer-logo,.footer-social{text-decoration:none}.footer{background-color:#000;color:#fff;padding-top:60px}.footer-container{width:100%;margin-left:auto;margin-right:auto;padding:0 15px}.footer-high{display:flex;flex-direction:column}.footer-column-1,.footer-column-5{width:100%;margin-bottom:50px}.footer-column-2,.footer-column-3,.footer-column-4{width:100%;display:flex;flex-direction:column;margin-bottom:50px}.footer-logo{display:flex;font-weight:900;font-size:35px;background:linear-gradient(to right,#ffe48f 0,#fff 100%);background-clip:text;color:transparent;-webkit-background-clip:text;line-height:35px}.footer-head-tag{font-weight:600;font-size:18px;margin-bottom:25px;line-height:35px}.footer-link,.footer-paragraph{font-size:15px;font-weight:300}.footer-paragraph{line-height:1.5;margin:25px 0}.footer-link{margin-bottom:10px;color:#fff}.footer-link:hover{text-decoration:underline}.footer-social{width:30px;height:30px;margin-right:8px}.footer-mid img,.google-maps{width:100%}.subscription-form{display:flex;align-items:center;justify-content:space-between;gap:3px;height:43px;border-radius:9999px;background-color:#fff;padding:4px}.subscription-form button,.subscription-form input{border:0;outline:0;height:100%;font-size:18px;font-weight:500}.subscription-form input{width:calc(100% - 110px);background-color:transparent;padding-left:14px;padding-right:4px}.subscription-form button{width:110px;text-align:center;background-color:#ffe28b;color:#000;user-select:none;cursor:pointer;transition:.2s;border-radius:9999px}.footer-low,.footer-low span{color:#a1a1a1}.subscription-form button:hover{background-color:#d6bd74}.subscription-form button::after{content:"Đăng ký"}.subscription-form button svg{display:none}.subscription-form.succeeded button{pointer-events:none;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#00000050}.subscription-form.succeeded button::after{content:"Xong"}.subscription-form.succeeded button svg{display:block}.footer-mid{max-width:594px;width:100%;margin-left:auto;margin-right:auto;padding-bottom:20px}.footer-low{background-color:#373737;padding:10px 0;text-align:center;font-size:16px}@media screen and (min-width:768px){.footer-container{max-width:720px}.footer-high{flex-direction:row;gap:20px;flex-wrap:wrap}.footer-column-1{order:1;width:calc(100% / 3 - 10px)}.footer-column-2{order:2;width:calc(100% / 3 - 20px)}.footer-column-3{order:3;width:calc(100% / 3 - 10px)}.footer-column-4{order:4;width:calc(100% / 3 - 10px)}.footer-column-5{order:5;width:calc(50% - 10px)}.subscription-form{flex-direction:row;padding:4px}.footer-mid{display:flex;justify-content:center;align-items:center;gap:30px}}@media screen and (min-width:992px){.footer-container{max-width:960px}.footer-column-1{width:calc(25% - 10px);order:1}.footer-column-2{width:calc(25% - 20px);order:2}.footer-column-3{width:calc(25% - 20px);order:3}.footer-column-4{width:calc(25% - 20px);order:4}.footer-column-5{width:calc(35% - 10px);order:5}}@media screen and (min-width:1200px){.footer-container{max-width:1140px}}@media screen and (min-width:1400px){.footer-container{padding:0;max-width:1320px}.footer-column-1{width:calc(20% - 10px);order:1}.footer-column-2{width:calc(20% - 20px);order:2}.footer-column-3{width:calc(20% - 20px);order:3}.footer-column-4{width:calc(20% - 20px);order:4}.footer-column-5{width:calc(20% - 10px);order:5}}



:not(#support-form) :is(input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover){-webkit-box-shadow:0 0 0 30px #232323 inset!important;-webkit-text-fill-color:#9d9d9d!important}.form-for-chat .title{font-size:22px;margin:0;font-weight:600;color:#fff;text-align:left;line-height:1.3}.form-for-chat .text{font-size:16px;opacity:.8;color:#fff}.form-for-chat.open{transform:translateY(0);display:flex}.form-for-chat.open~#terus__chatbox svg{scale:0}.form-for-chat~#terus__chatbox svg{scale:1;transition:.3s}.form-for-chat.open~#close-chatbox{z-index:7;opacity:1}.form-for-chat~#close-chatbox svg{scale:0;transition:.3s}.form-for-chat.open~#close-chatbox svg{scale:1}.form-header{display:flex;flex-direction:column;gap:8px}.form-main,.form-select-dropdown,.option-group{display:grid;gap:10px}.form-for-chat .form-group{display:flex;gap:10px}.form-for-chat .form-control{width:100%;flex-grow:1;--terus-border-width:0px;--terus-body-bg:transparent;padding:0}.form-for-chat .form-control input,.form-for-chat .form-control textarea,.form-for-chat .option-group-label,.form-for-chat .option-item{padding:12px 14px;background-color:rgba(255,255,255,.02);color:rgba(255,255,255,.6);width:100%;font-family:Inter;font-size:12px;outline:0}.form-for-chat .form-control input,.form-for-chat .option-group-label,.form-for-chat .option-item{min-height:39px;border:1px solid rgba(255,255,255,.2);border-radius:5px}.form-for-chat .form-control textarea{height:100px;border:1px solid rgba(255,255,255,.2);border-radius:5px;resize:none}.form-for-chat .form-select{position:relative;cursor:pointer;padding:0}.form-select-opener{position:relative;z-index:0;cursor:pointer}.form-select-opener.open::before{content:"";background-color:transparent;position:fixed;width:100vw;height:100vh;top:0;left:0}.form-select .form-select-input{cursor:pointer;padding-right:28px}.form-select-opener svg{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.form-select-dropdown{position:absolute;top:45px;right:0;min-width:260px;width:100%;height:270px;overflow-x:hidden;overflow-y:auto;background:#292929;padding:10px;border-radius:4px;z-index:-1;opacity:0;visibility:hidden;transform:translateY(40px);transition:.3s}.form-select-dropdown.open{z-index:1;opacity:1;visibility:visible;transform:translateY(0)}.form-select-dropdown::-webkit-scrollbar{width:5px;background:0 0}.option-group-label{cursor:auto}.option-group{padding:0 12px}.option-item{height:auto;line-height:1.4;transition:.3s}.option-item:hover{background:rgba(255,255,255,.3)}.form-submit{height:39px;width:100%;display:flex;justify-content:center;align-items:center;background:#fff;color:#000;font-family:Inter;font-size:12px;font-weight:600;border:0;outline:0;border-radius:5px;cursor:pointer}@media screen and (min-width:768px){.form-for-chat{margin-left:0}form .title{font-size:30px}.form-control textarea,.form-submit{font-size:15px}.form-control input,.option-group-label,.option-item{font-size:15px;height:42px;font-weight:400}.option-item{height:auto;line-height:1.4}.form-select-dropdown{min-width:260px;height:270px}.option-group{padding:0 22px}.form-submit{height:42px}}
#close-chatbox,#terus__chatbox, .terus__chatbox{width:60px;height:60px;border-radius:50%;bottom:10px;transition:.3s}#terus__chatbox, .terus__chatbox,.initial-message-bubble{position:fixed;right:10px;display:flex;z-index:6;cursor:pointer}#terus__chatbox, .terus__chatbox{color:#000;background-color:#131313;justify-content:center;align-items:center;box-shadow:0 0 5px rgba(0,0,0,.5)}#close-chatbox{background:#131313;position:fixed;right:10px;z-index:5;opacity:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.initial-message-bubble{bottom:150px;border:1px solid #eaf0f6;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1);border-radius:4px;width:240px;padding:12px 16px 16px;font-size:14px;color:#131313;font-weight:400;flex-direction:column}.initial-message-bubble svg{align-self:end;cursor:pointer}

:not(#support-form) :is(input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover) {
	-webkit-box-shadow: 0 0 0 30px #232323 inset !important;
	-webkit-text-fill-color: #9d9d9d !important
}

.form-for-chat .title {
	font-size: 22px;
	margin: 0;
	font-weight: 600;
	color: #fff;
	text-align: left;
	line-height: 1.3
}

.form-for-chat .text {
	font-size: 16px;
	opacity: .8;
	color: #fff
}

.form-for-chat {
	max-width: 100vw;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	color: #fff;
	transform: translateY(20px);
	transition: .3s;
	justify-content: center;
	align-items: center;
	background: #000;
	gap: 55px;
	padding: 15px;
}

.form-for-chat.open {
	transform: translateY(0);
	display: flex
}

.form-decoration {
	--form-chat-end: 100%;
	--form-chat-start: 100%;
	display: none;
	mask-image: linear-gradient(to bottom, transparent var(--form-chat-end, 100%), #000 var(--form-chat-start, 100%));
}

.form-for-chat .border-gold {
	--border-gold-start: 0%;
	--border-gold-end: 0%;
	border-style: solid !important;
	border-width: 1px !important;
	border-image: linear-gradient(to bottom, #fff, #FFE48F var(--border-gold-start), #000 var(--border-gold-end)) 1 !important;
}

.form-for-chat-container {
	max-width: 546px;
	max-height: 634px;
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: 15px;
	color: #fff;
}

.form-for-chat-container .form-chat-header {
	gap: 16px;
}

.form-for-chat-container .text {
	line-height: 1.3;
}

.form-for-chat .form-for-chat-container :is(.option-group-label, .option-item) {
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #fff, #FFE48F) 1;
}

.form-for-chat .form-for-chat-container :not(#support-form) :is(input:-webkit-autofill,
	input:-webkit-autofill:active,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:hover) {
	-webkit-box-shadow: 0 0 0 30px #000 inset !important;
	-webkit-text-fill-color: #fff !important;
	border-radius: 0;
}

.form-for-chat .form-for-chat-container input::placeholder {
	color: #fff;
}

.form-for-chat .form-for-chat-container :is(input, textarea, .option-group-label, .option-item) {
	padding: 12px 14px;
	background-color: #000;
	color: #fff !important;
	width: 100%;
	font-family: 'Inter';
	font-size: 12px;
	outline: 0
}

.form-for-chat .form-for-chat-container .form-select-dropdown {
	background: #000;
}

.form-for-chat .form-for-chat-container .form-submit {
	border-radius: 0;
	background: #000;
}

.form-for-chat .form-for-chat-container .text-gold {
	background: linear-gradient(to left, #FFE48F 0%, #fff 100%);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
}

.form-for-chat .form-for-chat-container .hover-gold {
	overflow: hidden;
	position: relative;
	border-radius: 0;
}

.form-for-chat .form-for-chat-container .hover-gold:hover {
	border-image: none !important;
	background-color: transparent !important;
	color: #000 !important;
}

.form-for-chat .form-for-chat-container .hover-gold:hover * {
	color: #000 !important;
}

.form-for-chat .form-for-chat-container .hover-gold::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(to right, #fff, #FFE48F 80%, #000 100%);
	height: 100%;
	width: 600px;
	transform: translateX(-120%);
	transition: all .5s ease;
}

.form-for-chat .form-for-chat-container .hover-gold:hover .text-gold {
	z-index: 1;
}

.form-for-chat .form-for-chat-container .hover-gold:hover::before {
	transform: translateX(0);
}

@media screen and (min-width: 768px) {
	.form-for-chat-container {
		padding: 60px;
		gap: 26px;
	}

	.form-for-chat-container .form-chat-header {
		gap: 26px;
	}

	.form-for-chat .form-for-chat-container :is(input, textarea, .option-group-label, .option-item) {
		min-height: 42px;
	}

	.form-for-chat-container .title {
		font-size: 30px;
	}

	.form-for-chat-container .text {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media screen and (min-width: 1024px) {
	.form-decoration {
		display: block;
	}
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000088;
}

.modal.open {
	opacity: 1;
	visibility: visible;
}

.modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.modal form {
	transform: translateY(-100px);
	transition: all .3s ease;
}

.modal.open form {
	transform: translateY(0);
}

@media screen and (min-width: 768px) {
	.modal-close {
		top: 15px;
		right: 15px;
	}
}
:not(#support-form) :is(input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active) {
	-webkit-box-shadow: 0 0 0 30px #232323 inset !important;
	-webkit-text-fill-color: #9d9d9d !important;
}

.title:not(h1) {
	font-size: 22px;
	margin: 0;
	font-weight: 600;
	color: #fff;
}

.text {
	font-size: 16px;
	opacity: 0.8;
	color: #fff;
}

.form-for-contact {
	max-width: 546px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	display: flex;
	flex-direction: column;
	gap: 41px;
	background: #222;
	border-radius: 20px;
	position: relative;
	z-index: 0;
}

.form-header {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.form-main {
	display: grid;
	gap: 14px;
}

.form-group {
	display: flex;
	gap: 14px;
}

.form-control {
	width: 100%;
	flex-grow: 1;
}

.form-control input,
.option-item,
.option-group-label {
	font-family: Inter;
	font-size: 12px;
	width: 100%;
	height: 39px;
	padding: 12px 14px;
	background-color: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 5px;
	outline: none;
	color: rgba(255, 255, 255, 0.6);
}

.form-control textarea {
	font-family: Inter;
	font-size: 12px;
	width: 100%;
	height: 109px;
	padding: 12px 14px;
	background-color: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 5px;
	outline: none;
	resize: none;
	color: rgba(255, 255, 255, 0.6);
}

.form-select {
	position: relative;
	cursor: pointer;
}

.form-select-opener {
	position: relative;
	z-index: 0;
	cursor: pointer;
}

.form-select-opener.open::before {
	content: "";
	background-color: transparent;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.form-select .form-select-input {
	cursor: pointer;
	padding-right: 28px;
}

.form-select-opener svg {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.form-select-dropdown {
	position: absolute;
	top: 45px;
	right: 0;
	min-width: 260px;
	width: 100%;
	height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #292929;
	padding: 10px;
	display: grid;
	gap: 10px;
	border-radius: 4px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	transition: all .3s ease;
}

.form-select-dropdown.open {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.form-select-dropdown::-webkit-scrollbar {
	width: 5px;
	background: transparent;
}

.option-group-label {
	cursor: auto;
}

.option-group {
	display: grid;
	gap: 10px;
	padding: 0 12px;
}

.option-item {
	height: auto;
	line-height: 1.4;
	transition: all .3s ease;
}

.option-item:hover {
	background: rgba(255, 255, 255, .3);
}

.form-submit {
	height: 39px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-family: Inter;
	font-size: 12px;
	font-weight: 600;
	border: 0;
	outline: 0;
	border-radius: 5px;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.title:not(h1) {
		font-size: 30px;
	}

	.form-for-contact {
		padding: 60px;
		border-radius: 20px;
	}

	.form-control input,
	.option-item,
	.option-group-label {
		font-size: 15px;
		height: 42px;
		font-weight: 400;
	}

	.form-control textarea {
		font-size: 15px;
	}

	.option-item {
		height: auto;
		line-height: 1.4;
	}

	.form-select-dropdown {
		min-width: 426px;
		height: 300px;
	}

	.option-group {
		padding: 0 22px;
	}

	.form-submit {
		height: 42px;
		font-size: 15px;
	}
}