/* Your Existing CSS (with some formatting improvements) */

/* Navbar Logo Size */
.logo {
	max-height: 70px;
}

/* KEY INITIATIVE */
.initiative-section {
	background: #fff;
	padding-bottom: 30px;
}

.initiative-title {
	text-align: center;
	font-size: 38px;
	font-weight: 700;
	margin: 30px;
	color: #111;
}

.initiative-item {
	border-bottom: 1px solid #ddd;
}

.initiative-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 12px 0;
	transition: .4s;
}

.initiative-header h3 {
	margin: 0;
	font-size: 26px;
	font-weight: 400;
	color: #5b5b5b;
	transition: .35s;
	width: 92%;
}

.initiative-icon {
	font-size: 38px;
	color: #888;
	transition: .35s;
	user-select: none;
}

.initiative-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);

    transition:
        max-height 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease,
        transform 0.35s ease,
        padding 0.35s ease;

    padding: 0;
}

.initiative-item.active .initiative-content {
    opacity: 1;
    transform: translateY(0);
    padding: 0 0 20px;
}

.initiative-content p {
	font-size: 18px;
	color: #444;
	line-height: 1.6;
}

.initiative-header:hover h3 {
	color: #6e7743;
}

.initiative-header:hover .initiative-icon {
	color: #6e7743;
}

.initiative-item.active .initiative-header h3 {
	color: #6e7743;
}

.initiative-item.active .initiative-icon {
	color: #6e7743;
}

/* High-Resolution Screens */
@media ( min-width : 2400px) {
	.logo {
		max-height: 80px;
	}
}

@media ( max-width : 2399px) {
	.logo {
		max-height: 70px;
	}
}

/* Mobile-Specific Adjustments */
@media ( max-width : 991px) {
	.initiative-title {
		font-size: 34px;
	}
	.initiative-header h3 {
		font-size: 24px;
	}
	.initiative-content p {
		font-size: 17px;
	}
}

@media ( max-width : 768px) {
	.initiative-section {
		padding: 70px 0;
	}
	.initiative-header {
		padding: 22px 0;
	}
	.initiative-header h3 {
		font-size: 21px;
	}
	.initiative-icon {
		font-size: 30px;
	}
}

@media ( max-width : 575px) {
	.logo {
		max-height: 60px;
	}
	.initiative-title {
		font-size: 28px;
		margin-bottom: 40px;
	}
	.initiative-header {
		align-items: flex-start;
	}
	.initiative-header h3 {
		font-size: 18px;
		width: 88%;
		line-height: 1.5;
	}
	.initiative-content p {
		font-size: 15px;
	}
	.initiative-icon {
		font-size: 25px;
	}
}

@media ( max-width : 400px) {
	.logo {
		max-height: 50px;
	}
	.initiative-header h3 {
		font-size: 16px;
	}
	.initiative-icon {
		font-size: 22px;
	}
	.initiative-content p {
		font-size: 14px;
	}
}

@media ( max-width : 320px) {
	.logo {
		max-height: 40px;
	}
}