* {
font-family: 'Poppins', sans-serif;
}


.coming-soon {
position: relative;
height: 100vh;
overflow: hidden;
}


.bg-image {
position: absolute;
width: 100%;
height: 100%;
background-image: url('assets/images/convocation_banner.jpg');
background-repeat: no-repeat;
background-size: contain; /* show full image */
background-position: center top; /* center or top */
background-color: #422422; /* fallback background */
animation: slowZoom 20s ease-in-out infinite alternate;
}


/* Option: switch to center-center if needed */
.bg-center {
background-position: center center;
}


.overlay {
position: absolute;
width: 100%;
height: 100%;
/*background: rgba(40, 15, 15, 0.65);*/
}


.content {
position:relative;
z-index: 2;
color: #fff;
top: 50%;
transform: translateY(-50%);
}


.title {
font-size: 3rem;
font-weight: 700;
animation: fadeInUp 1.5s ease;
}


.subtitle {
font-size: 1.2rem;
opacity: 0.9;
animation: fadeInUp 2s ease;
}


.coming-text {
	margin-top: 20px;
	font-size: 1.1rem;
	letter-spacing: 2px;
	animation: pulse 2.5s infinite;
}



.countdown {
	position: relative; 
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 200px;
}

@media (max-width: 768px) {
    .countdown {
        margin-top: 0px;      /* exact just below banner */
        position: relative;    /* flow naturally after image */
    }
}
.countdown div {
background: rgba(255,255,255,0.15);
padding: 15px 20px;
border-radius: 10px;
min-width:150px;
}


.countdown span {
display: block;
font-size: 2rem;
font-weight: 600;
}
}