html {
	scroll-behavior: smooth;
}

.h-title {
	text-align: right;
}

.to-top {
	background-color: #d8dae0;
	position: fixed;
	bottom: 16px;
	right: 13px;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #1f1f1f;
	text-decoration: none;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s;
}

.to-top.active {
	bottom: 20px;
	pointer-events: auto;
	opacity: 1;
}

@media (max-width: 575.98px) {
	.h-title {
		text-align: left;
	}
	.btn-serach {
		margin-top: 20px;
	}
	footer {
		text-align: center;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.h-title {
		font-size: 1.1em;
	}
	.contract h4 {
		display: inline;
	}
	#callcenter {
		padding-right: 20px;
	}
	footer {
		text-align: center;
	}
	.logof {
		height: 120px;
	}
	.btn-serach {
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.logof {
		height: 100px;
	}
	.qrcode {
		height: 110px;
	}
	.dqrcode span {
		text-align: center;
	}
	.btn-serach {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}