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;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.container {
	flex: 1;
}

@media (max-width: 575.98px) {
	.h-title {
		text-align: left;
	}
	.status-text {
		font-size: 1.4em;
	}
	.status-text2 {
		font-size: 1.3em;
		text-align: center;
	}
	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;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/* footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 0.8em;
	} */
	.logof {
		height: 100px;
	}
	.qrcode {
		height: 110px;
	}
	.dqrcode span {
		text-align: center;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/* footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 0.8em;
	} */
}

@media (min-width: 1200px) {
	/* footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 0.8em;
	} */
}