/* modal*/
.footer-link {
	position:relative;
}
.footer-link::after{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background-color:white;
	left :0;
	top:100%;
	opacity:0;
}
.footer-link.active::after {
	opacity:1;
}
.modal_response_Api {
	position: fixed;
	left: 0;
	top: 0;
	width: 100lvw;
	height: 100lvh;
	z-index: 9999;
	background-color: #cccccc69;
	display: none;
	align-items: center;
	justify-content: center;
}
.social-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.socials-footer{
	display:flex;
	align-items:center;
}
.socials-footer a {
	margin-right:1.81rem;
}
.socials-footer a:last-child {
	margin-right:0;
}
.modal_response_Api .modal_box {
	width: 21.9375rem;
	height: 14.125rem;
	flex-shrink: 0;
	background: #fff;
	border-radius: 0.375rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.125rem;
}
.modal_response_Api  img{
	display: none;
}
.modal_response_Api .modal_box svg, .modal_response_Api  img{
	width: 3.6875rem;
	height: 3.6875rem;
}
.modal_response_Api .modal_box span {
	color: var(--greyscaletext-90, #1d1d1d);
	text-align:center;
	font-size: 1.265rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}
.modal_response_Api_faile img{
	display: block;
}
.modal_response_Api_faile svg{
	display: none;
}
.footer {
	padding: 2.88rem 0;
	background-color: var(--grey-800);
}

.footer .footer-link-container {
	display: flex;
	width: fit-content;
	margin: auto;
	margin-bottom: 3rem;
}

.footer .footer-link-container > * + * {
	margin-left: 3.56rem;
}

.footer .footer-link {
	font-size: 1rem;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	color: #fff;
	position: relative;
	padding-bottom: 0.25rem;
}

.footer .footer-link-deco {
	position: absolute;
	width: 100%;
	height: 0.09375rem;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

.footer .info-container {
	border-radius: 0.625rem;
	background-color: rgba(255, 255, 255, 0.05);
	border-bottom: 3px solid #39c672;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}

.footer .info-item {
	flex-basis: 33.33%;
	padding: 1.5rem 3.25rem 1.5rem 5.25rem;
	display: flex;
	align-items: center;
}

.footer .info-item img {
	width: 3.6875rem;
	height: 3.6875rem;
	margin-right: 0.95rem;
}
.iconphonefooter {
	width: 3.6875rem;
	height: 3.6875rem;
	margin-right: 0.95rem;
	border:1px solid #fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;

}
.iconphonefooter img{
	width: 2.06213rem !important;
	height: 2.06219rem !important;
	margin-right:0 !important;
	transform:translatey(2px);
}

.footer .info-item h4 {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: #39c672;
	margin-bottom: 0.25rem;
}

.footer .info-item p,
.footer .info-item a{
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	color: #fff;
}

.footer .footer-last-content {
	display: flex;
	align-items: center;
	width: 100%;
}

.footer .dev-team {
	font-size: 1rem;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	color: #fff;
}

.footer .footer-icons-container {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.footer .footer-icons-container > * + * {
	margin-left: 1.8rem;
}

.footer .footer-icons-container .faceboook {
	width: 1.33175rem;
	height: 1.33175rem;
}

.footer .footer-icons-container .zalo {
	width: 3.375rem;
	height: 1.1875rem;
}

.footer .footer-icons-container .youtube {
	width: 1.625rem;
	height: 1.1875rem;
}

.footer .footer-icons-container .youtube {
	width: 1.25rem;
	height: 1.3125rem;
}

.footer .footer-icons-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mobile-footer {
	display: none;
	padding: 1.75rem 0;
	background-color: var(--grey-800);
}

@media (max-width: 768px) {
	.footer {
		padding: 2.25rem 0;
	}
	.social-footer {
		flex-direction:column;
		align-items: flex-start;
	}
	.social-footer p {
		margin-bottom:0.5rem;
	}
	.footer .footer-link-container {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 0.5rem;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		margin-bottom: 2rem;
	}
	.footer .footer-link-container .footer-link {
		padding: 0.5rem 0;
		width: fit-content;
	}
	.footer .footer-link-container > * + * {
		margin-left: 0;
	}
	.footer .info-container {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.footer .info-item {
		padding: 1rem;
	}
	.footer .info-item img {
		width: 2.5rem;
		height: 2.5rem;
		margin-right: 1.25rem;
	}
	.footer .footer-last-content {
		flex-direction: column;
	}
	.footer .footer-last-content .dev-team {
		order: 2;
	}
	.footer .footer-last-content .footer-icons-container {
		width: fit-content;
		margin: auto;
		margin-bottom: 1rem;
	}
	.iconphonefooter {
		width: 2.5rem;
		height: 2.5rem; 
		border: 1px solid #ffffff8c;
	}
	.iconphonefooter img  {
		width: 1.5rem !important;
		height: 1.5rem !important; 
	}
}