/* ============================================
   Countdown Section Styles
   ============================================ */

.countdown-section {
	background-image: url('../images/backgrounds/accelerate-countdown-banner.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 1180px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 14rem 0 5rem;
}

.countdown-section .container {
	max-width: var(--containerWidth);
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.countdown-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.countdown-title {
	font-size: var(--fontSizeH1);
    line-height: var(--lineheightH1);
    font-weight: var(--fontWeightMedium);
    letter-spacing: var(--letterSpacingH1);
	color: var(--white);
	margin-bottom: 2.25rem;
	text-align: center;
}

.countdown-subtitle {
	font-family: 'Inter Display', sans-serif;
	font-size: var(--fontSizeH6);
	font-weight: var(--fontWeightNormal);
	line-height: 34px;
	color: var(--white);
	margin-bottom: var(--fontSizeH2);
}

.countdown-timer {
	display: flex;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	margin-bottom: 5.75rem;
}

.countdown-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	min-width: 148px;
}

.countdown-value {
	font-family: 'Inter Display', sans-serif;
	font-size: var(--fontSizeH4);
	font-weight: var(--fontWeightNormal);
	line-height: 44px;
	color: var(--white);
}

.countdown-label {
	font-family: 'Inter Display', sans-serif;
	font-size: var(--text-24);
	font-weight: 400;
	line-height: 28px;
	color: var(--white);
}


/* Responsive Styles */
@media screen and (max-width: 1600px) {
	.countdown-section {
		padding: 100px 0;
		height: 840px;
		background-image: url('../images/backgrounds/accelerate-countdown-banner-1366.png');
	}

	.countdown-title {
		margin-bottom: 2rem;
	}

	.countdown-timer {
        margin-bottom: 32px;
        gap: 0;
    }

	.countdown-subtitle {
        line-height: 28px;
        margin-bottom: 22px;
    }

	.countdown-value {
        font-size: 32px;
        line-height: 36px;
    }

	.countdown-label {
		font-size: var(--text-20);
		line-height: 24px;
	}
	.countdown-item {
        gap: 8px;
        min-width: inherit;
        padding: 16px 24px;
    }
}

@media screen and (max-width: 1199px) {
	.countdown-section {
		padding: 60px 0;
		background-image: url('../images/backgrounds/accelerate-countdown-banner-1024.png');
		height: 629.333px;
	}

	.countdown-title {
		margin-bottom: 1.5rem;
	}

	.countdown-subtitle {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 1.5rem;
	}

	.countdown-timer {
		margin-bottom: 2rem;
	}

	.countdown-value {
		font-size: var(--text-24);
		line-height: 28px;
	}

	.countdown-label {
		font-size: var(--text-16);
		line-height: 20px;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 991px) {

	.countdown-section {
		background-image: url('../images/backgrounds/accelerate-countdown-banner-768.png');
		height: 472px;
	}

	.countdown-title {
		margin-bottom: 1rem;
	}

	.countdown-subtitle {
		line-height: 26px;
		margin-bottom: 1rem;
	}

	.countdown-timer {
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 767px) {
	.countdown-section {
		padding: 40px 0 48px 0;
        height: 424px;
		background-image: url('../images/backgrounds/accelerate-countdown-banner-375.png');
	}

	.countdown-title {
		width: 262px;
		margin-bottom: 2rem;
	}

	.countdown-subtitle {
        line-height: 22px;
        margin-bottom: 1.5rem;
        font-size: var(--text-18);
    }

	.countdown-timer {
		gap: 1rem;
		margin-bottom: 2rem;
	}
	.countdown-item {
        padding: 0;
    }
}