.timer-container {
	padding: 5px;
	display: grid;
	text-align: center;
}
.countdown {
	display: flex;
	gap: 20px;
	justify-content: center;
}
@media (max-width: 992px) {
	.countdown {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
}
.time-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.time-box span {
	font-size: 2rem;
	font-weight: bold;
}
.time-label {
	font-size: 0.9rem;
	color: #555;
}
.progress-ring circle {
	fill: none;
	stroke-width: 8;
}
.progress-bg {
	stroke: #b7410e;
	opacity: 0.8;
}
.bg-light .progress-bg {
	stroke: #000000f2;
}
.progress {
	stroke: #f5d3a5;
	stroke-linecap: round;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}