.footer {
	
}
.lien_ket {
    margin-top: 20px;
}
.footer-section p span {
	background: linear-gradient(90deg, #8E7A49, #FCCF64 49.48%, #8E7A49);
	color: #111;
	font-weight: 600;
	margin-bottom: 20px;
	padding: 15px 16px 8px 16px;
	border-radius: 6px;
	font-size: 16px;
}
.footer-section p span a {
	color: #333 !important;
	font-size: 25px;
	margin: 0;
	font-weight: 600;
}

.footer-content {
	margin: 0 auto;
	display: grid;
	grid-template-columns: 26% 16% 26% 1fr;
	gap: 40px;
	padding: 0 0px 40px 0px;
}

.footer-section h3 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: 500;
}

.logo {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.logo-icon {
	width: 30px;
	height: 30px;
	background-color: #c4965f;
	margin-right: 10px;
	position: relative;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.logo-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-color: #2c2c2c;
	border-radius: 50%;
}

.brand-name {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
}

.brand-subtitle {
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 40px;
}

.footer-section ul {
	list-style: none;
}

.footer-section ul li {
	margin-bottom: 3px;
}

.footer-section ul li a {
	color: #999;
	text-decoration: none;
	transition: color 0.3s ease;
	display: flex;
	align-items: center;
}
.footer-section svg{
	width: 20px;
	height: 20px;
}

.footer-section ul li a:hover {
	color: #c4965f;
}

.footer-section ul li a::before {
	/* content: ''; */
	width: 6px;
	height: 6px;
	background-color: #c4965f;
	border-radius: 50%;
	margin-right: 10px;
}

.social-links ul {
	display: flex;
	gap: 4px;
}

.social-links a {
	width: 40px;
	height: 40px;
	/* background-color: #404040; */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	text-decoration: none;
	transition: all 0.3s ease;
}

.social-links a:hover {
	color: #fff;
}

.contact-info {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.contact-info .icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-color: #c4965f;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
}

.newsletter-form {
	margin-top: 20px;
	position: relative;
	border: 1px solid transparent;
}

.newsletter-form input[type="email"] {
	width: 100%;
	padding: 14px;
	background-color: #303030;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	border: 1px solid #ffffff12;
}

.newsletter-form input[type="email"]::placeholder {
	color: #999;
}

.newsletter-form button {
	background-color: #c4965f;
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	transition: background-color 0.3s ease;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.newsletter-form button:hover {
	background-color: #b8894d;
}

.newsletter-form .checkbox-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.newsletter-form input[type="checkbox"] {
	margin-right: 10px;
}

.newsletter-form label {
	font-size: 12px;
	color: #999;
}

.footer-bottom {
	margin-top: 20px;
}

.footer-bottom-content {
	padding: 0 0px;
	font-size: 17px;
	color: #fff;
	padding-bottom: 20px;
}

.footer-section h2 {
	color: var(--color-main);
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
}
.footer-section a:not(.c-btn-01){
	color: var(--color-main);
}

.footer-section p {
	padding-bottom: 3px;
}

.social-links {
	margin-top: 10px;
}

.footer-section p a {
	color: #ADADAD;
	margin-left: 10px;
	display: inline-block;
}
.footer-section:not(:first-child){
	margin-top: 24px;
}

.footer-section ul li {
	display: flex;
	gap: 0px 5px;
}

.footer-section ul li a {
	flex: 1;
	display: inline-block;
}

.footer-section.section3 ul li {
	align-items: start;
}

.footer-section.section3 ul li img {
	margin-top: 5px;
}

.footer-section ul li img {
	object-fit: contain;
}
.footer__row{
	gap: 20px 0;
}
.fixed-action{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 10;
	gap: 10px;
	display: flex;
	align-items: center;

}
.fixed-action__btn{
	box-shadow: 0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);
	width: 45px;
	height: 45px;
	border-radius: 9999px;
}
.fixed-action__btn svg{
	width: 28px;
	height: 28px;
}
.fixed-action__btn.btn-whatapp{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #25d366;
}
.fixed-action__btn.btn-whatapp svg{
	fill: white;
}
.fixed-action__btn.btn-hotline{
	background: #e60808bf;
	padding: 6px;
	overflow: hidden;
    display: flex;
	align-items: center;
    gap: 10px;
	color: white;
	font-weight: 700;
	transition: all .3s;
}
.fixed-action__btn.btn-hotline:hover{
	width: auto;
	padding-right: 10px;
}

.btn-hotline__icon{
	background: #e60808;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
}
.btn-hotline__icon svg{
	width: 14px;
	height: 14px;
}
.btn-hotline__icon svg path{
	stroke: white;
}
.btn-zalo img{
	width: 100%;
	height: 100%;
}
@media(max-width:990px) {
	.footer-section .logo img {
		height: 54px;
	}

	.footer {
		padding-top: 30px;
	}
}

@media (max-width: 768px) {
	.footer-content {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.fixed-action{
		flex-direction: column;
	}
	.btn-hotline__txt{
		display: none;
	}
}

.footer-section {
	font-size: 16px;
}

.brand-name img {
	padding: 0px 20px 0px;
}

.contact-info span {
	flex: 1;
}