.qr {
	margin-bottom: 25px;
}

.qr-box a {
	color: white;
	text-align: center;
	font-size: 13px;
}

.qr-box a strong {
	display: block;
}

.qr-box a img {
	margin-bottom: 8px;
	aspect-ratio: 1/1;
	border-radius: 5px;
}

.footer {
	padding: 30px 0 0 0;
	color: #fff;
	background: rgb(18, 37, 157);
	background: linear-gradient(0deg, #536c0f 0%, #89ad27 100%);
	position: relative;
	background-position: center;
}

.footer__logo-over {
	width: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1
}

.logo-footer-pc {
	/* height: 75px; */
	width: unset;
	max-width: 250px;
	margin-right: 0;
}

@media(max-width:768px) {
	.footer__logo-over {
		display: none
	}
}

.footer .wrapper-footer {
	display: flex
}

@media(max-width:768px) {
	.footer .wrapper-footer {
		flex-direction: column-reverse
	}
}


@media(max-width:768px) {
	.footer__col-1 {
		margin-bottom: 0
	}
}

.footer__col-1>a {
	display: flex;
	margin-bottom: 10px;
	max-width: 260px;
}

.footer__col-1 p {
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size: 14px;
}
.footer__col-1 p:last-child{
	margin-bottom: 0;
}

@media(max-width:768px) {
	.footer__col-1 p {
		margin-bottom: 10px
	}
}

.footer__col-1--thaiminhhitech {
	display: flex
}

.footer__col-1--thaiminhhitech a {
	margin-bottom: 0;
	color: #fff;
	margin-left: 5px
}

.footer__col-1--socials {
	display: flex;
	margin-bottom: 10px
}

@media(max-width:768px) {
	.footer__col-1--socials {
		margin-top: 14px;
		margin-bottom: 24px
	}
}

.footer__col-1--socials .social-item {
	margin-right: 16px
}

.footer__col-1--socials .social-item a {
	display: flex
}

.footer__col-1--socials .social-item a svg {
	transition: all .3s ease
}

.footer__col-1--socials .social-item a svg path {
	transition: all .3s ease
}

.footer__col-1--socials .social-item a:hover svg {
	fill: var(--color-primary)
}

.footer__col-1--socials .social-item a:hover path {
	fill: var(--color-primary)
}

.footer__col-1--dkkd {
	margin-bottom: 0 !important
}

.footer__col-1--phone {
	display: flex;
	align-items: center
}

.footer__col-1--phone span {
	margin-right: 3px
}

.footer__col-1--phone a {
	margin-bottom: 0;
	color: #fff;
	margin-left: 3px
}

.footer__col-1--email a {
	margin-bottom: 0;
	color: #fff
}

.footer__col-end {
	flex-basis: 50%;
	display: flex
}


.footer__col-end--wrapper-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*! margin-bottom: 24px; */
}



.footer__col-end--wrapper-title__title {
	font-size: 19px;
	font-weight: 600;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.footer__col-end--menu li {
	margin-bottom: 5px;
}

@media(max-width:768px) {
	.footer__col-end--menu li {
		margin-bottom: 10px
	}
}

.footer__col-end--menu li:last-child {
	margin-bottom: 0
}

.footer__col-end--menu a {
	display: block;
	color: #fff;
	font-size: 15px;
}

.footer__col-end--policy p,
.footer__col-end--policy a {
	margin-bottom: 10px;
	color: #fff;
	display: block;
	padding-bottom: 0px;
}



.footer-line {
	background: var(--bg-linear-gradient-1);
	text-align: center
}

.footer-item-has-icon {
	padding-left: 25px;
}

.footer-item-has-icon svg {
	position: absolute;
	left: 0;
	top: 4px;
}

.mr-2 img,
.mr-1 img {
	height: 41px;
	margin-top: 20px;
	margin-right: 9px;
	width: unset;
	object-fit: contain;
}


#button-contact-vr {
	bottom: -15px;
	left: 10px;
	margin: -10px;
	transform: scale(0.8);
	margin-bottom: 0px !important;
	position: fixed;
	z-index: 99999;
}

#gom-all-in-one #viber-vr {
	transition: 1.3s all;
	-moz-transition: 1.3s all;
	-webkit-transition: 1.3s all;
}

#button-contact-vr .button-contact {
	position: relative;
	margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
	position: relative;
	visibility: visible;
	background-color: transparent;
	width: 90px;
	height: 90px;
	cursor: pointer;
	z-index: 11;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transition: visibility .5s;
	left: 0;
	bottom: 0;
	display: block;
}

#viber-vr .phone-vr-circle-fill {
	box-shadow: 0 0 0 0 #2196f3;
	background-color: rgba(33, 150, 243, 0.7);
}

.phone-vr-circle-fill {
	width: 65px;
	height: 65px;
	top: 12px;
	left: 12px;
	position: absolute;
	box-shadow: 0 0 0 0 #c31d1d;
	background-color: rgba(230, 8, 8, 0.7);
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
	animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animuiion: zoom 1.3s infinite;
	animation: zoom 1.3s infinite;
}

#button-contact-vr .button-contact .phone-vr {
	position: relative;
	visibility: visible;
	background-color: transparent;
	width: 90px;
	height: 90px;
	cursor: pointer;
	z-index: 11;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transition: visibility .5s;
	left: 0;
	bottom: 0;
	display: block;
}

.phone-vr-img-circle a {
	display: block;
	line-height: 37px;
}

.phone-vr-img-circle img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#gom-all-in-one #zalo-vr {
	transition: 1s all;
	-moz-transition: 1s all;
	-webkit-transition: 1s all;
}

#button-contact-vr .button-contact {
	position: relative;
	margin-top: -5px;
}

#zalo-vr .phone-vr-circle-fill {
	box-shadow: 0 0 0 0 #2196f3;
	background-color: rgba(33, 150, 243, 0.7);
}

#gom-all-in-one #phone-vr {
	transition: 0.7s all;
	-moz-transition: 0.7s all;
	-webkit-transition: 0.7s all;
}

#phone-vr .phone-vr-circle-fill {
	opacity: 0.7;
	box-shadow: 0 0 0 0 #dd2223;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
	background-color: #dd2223;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
	background-color: #dd2223;
}

#phone-vr .phone-vr-circle-fill {
	opacity: 0.7;
	box-shadow: 0 0 0 0 #dd2223;
}

.phone-vr-img-circle {
	background-color: #e60808;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 25px;
	left: 25px;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

#zalo-vr .phone-vr-img-circle {
	background-color: #2196F3;
}

#viber-vr .phone-vr-img-circle {
	background-color: #2196f3;
}

#gom-all-in-one>.button-contact:nth-child(1) .phone-vr-circle-fill, #gom-all-in-one>.button-contact:nth-child(1) .phone-vr-img-circle{
	background-color: #338fe3;
	box-shadow: 0 0 0 0 #338fe3;
}
#gom-all-in-one>.button-contact:nth-child(2) .phone-vr-circle-fill, #gom-all-in-one>.button-contact:nth-child(2) .phone-vr-img-circle{
	background-color: #367cb6;
	box-shadow: 0 0 0 0 #367cb6;
}


@-webkit-keyframes phone-vr-circle-fill {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
}

@-webkit-keyframes zoom {
	0% {
		transform: scale(.9)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px transparent
	}

	100% {
		transform: scale(.9);
		box-shadow: 0 0 0 0 transparent
	}
}

@keyframes zoom2 {
	0% {
		transform: scale(.9);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px transparent
	}

	100% {
		transform: scale(.9);
		box-shadow: 0 0 0 0 transparent
	}
}

@keyframes zoom {
	0% {
		transform: scale(.9)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px transparent
	}

	100% {
		transform: scale(.9);
		box-shadow: 0 0 0 0 transparent
	}
}

#phone-vr span {
	position: absolute;
	background: #d22228;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.2;
	padding: 10px 12px 10px;
	border-radius: 4px;
	/* box-shadow: inset 0 -10px 0 -6px rgba(0, 0, 0, .17); */
	margin-right: 10px;
	width: 168px;
	left: 100%;
	top: 30%;
}

#phone-vr span::before {
	content: "";
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent #d22228 transparent transparent;
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	-ms-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.footer__col-1 {
	color: #fff;
}

.footer__col-1 h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 15px;
}

.footer__col-1 ul li {
	list-style: disc !important;
	margin-left: 20px;
	color: #fff;
	font-size: 15px;
}

.footer__col-1 ul li a {
	color: #fff;
}
.footer__col-1 ul li a:hover{
	color: black;
}

.footer__col-1 p {}
.footer-wrapper{
	padding-bottom: 30px;
}
.footer-wrapper>.ctnr>.row{
	gap: 25px 0;
}
.footer-socail{
	gap: 2px;
	margin-top: 20px;
}