.container-section-home-about {
	max-width: 1000px;
	margin: 0 auto;
}

.section-home-about {
	padding: 20px;
	border-bottom: 2px solid #333;
	margin: 10px 0;
}

.container-home-about {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.grid-container-form-home-about {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
	padding: 50px;
	margin: auto;
}

.grid-item-form-dropdown-home-about {
	position: relative;
	width: 480px;
	height: 100%;
	border-radius: 8px;
}

.grid-item-form-dropdown-home-about img{
	width: 480px;
}

.grid-item-form-home-about {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 520px;
}

.section2-home-about {
	padding-top: 75px;
	color: #CC0000; /* #EE3A43 */
	position: relative;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

.title-home-about {
	padding-left: 30px;
}

.section2-right-home-about {
	padding-top: 75px;
	text-align: right;
	color: #CC0000; /* #EE3A43 */
	position: relative;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

.title-right-home-about {
	padding-right: 30px;
}

/* Why Esmod */
.container-section-home-why {
	max-width: 1000px;
	margin: 0 auto;
}

.container-home-why {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.grid-container-form-home-why {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px;
	padding-top: 50px;
	margin: auto;
	grid-auto-rows: auto;
}

.grid-item-form-dropdown-home-why {
	position: relative;
	width: 200px;
	height: 100%;
	border-radius: 8px;
}

.grid-item-form-dropdown-home-why img{
	width: 200px;
	height: 100%;
}

.grid-item-form-home-why {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 180px;
}

.section2-home-why {
	padding-top: 5px;
	padding-left: 10px;
	color: #CC0000; /* #EE3A43 */
	position: relative;
	cursor: pointer;
}

.title-home-why {
	color: #3B3C3E;
	font-size: 12px;
}
/* End Why Esmod */

/* GRID 4 COLUMNS */
.section-4-columns {
	padding: 0px;
}

.grid-container-form-4-columns {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 100px;
	padding: 50px;
	margin: auto;
}

.grid-item-form-dropdown-4-columns {
	position: relative;
	width: 170px;
	height: 100%;
	border-radius: 8px;
}

.grid-item-form-dropdown-4-columns img{
	max-width:100%;
}

.grid-container-form-4-columns-our-facilities {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 65px;
	padding: 50px;
	margin: auto;
}

.grid-item-form-dropdown-4-columns-our-facilities {
	position: relative;
	width: 200px;
	height: 100%;
	border-radius: 8px;
}

.grid-item-form-dropdown-4-columns-our-facilities img{
	max-width:100%;
}

.picture-title-bold-4-columns-our-facilities {
	color: #CC0000; /* #EE3A43 */
	font-weight: bold;
	font-size: 16px;
}

.picture-notes-4-columns {
	color: #3B3D3C;
	font-size: 13px;
}
/* END GRID 4 COLUMNS */

/* IFRAME EVENTS */
.iframe-wrapper {
	position: relative;
	height: auto;
	overflow: hidden;
}

.iframe-wrapper iframe {
	top: 0;
	left: 0;
}
/* IFRAME EVENTS */

/* IMAGE TEXT */
.image-text-about {
	width: 320px;
}
.image-text-why {
	width: 500px;
}
.image-text-programs {
	width: 570px;
}
.image-text-teachers {
	width: 430px;
}
.image-text-alumni {
	width: 280px;
}
.image-text-events {
	width: 170px;
}
/* END IMAGE TEXT */

/* Mobile Devices */
@media screen and (max-width: 767px) {
	.container-section-home-about {
		max-width: 100%;
		margin: 0 auto;
	}
	.grid-container-form-home-about {
		gap: 0px;
		padding: 20px;
	}
	.grid-item-form-home-about {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0px;
	}
	.grid-item-form-home-about img{
		width: 100%;
	}
	.grid-item-form-dropdown-home-about {
		width: 100%;
	}
	.grid-item-form-dropdown-home-about img{
		width: 100%;
	}
	.section2-home-about {
		padding-top: 10px;
	}
	.title-home-about {
		padding-left: 10px;
	}
	.section2-right-home-about {
		padding-top: 10px;
		text-align: right;
	}
	.title-right-home-about {
		padding-right: 10px;
	}
	/* Why Esmod */
	.container-section-home-why {
		max-width: 100%;
	}
	.grid-container-form-home-why {
		grid-template-columns: 1fr;
		gap: 0px;
		padding-top: 20px;
	}
	.grid-item-form-dropdown-home-why {
		width: 100%;
	}
	.grid-item-form-dropdown-home-why img{
		width: 70px;
		align-items: center;
		justify-content: center;
	}
	.grid-item-form-home-why {
		gap: 0px;
		width: 100%;
	}
	.section2-home-why {
		padding-top: 0px;
		padding-left: 10px;
	}
	.title-home-why {
		font-size: 5px;
	}
	/* End Why Esmod */
	.grid-container-form-4-columns {
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 0px;
	}
	.grid-container-form-4-columns-our-facilities {
		grid-template-columns: 1fr;
		gap: 60px;
		padding: 0px;
	}
	.grid-item-form-dropdown-4-columns-our-facilities {
		position: relative;
		width: 100%;
	}
	.grid-item-form-dropdown-4-columns-our-facilities img{
		max-width:100%;
	}
	.picture-title-bold-4-columns-our-facilities {
		color: #CC0000; /* #EE3A43 */
		font-weight: bold;
		font-size: 20px;
	}
	/* IFRAME EVENTS */
	.iframe-wrapper {
		position: relative;
		width: 100%;
		padding-top: 56.25%; /* Menjaga rasio aspek video 16:9 / 56.25%*/
		overflow: hidden;
	}
	.iframe-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 10px;
		z-index: 0;
	}
	/* IFRAME EVENTS */
	/* IMAGE TEXT */
	.image-text-about {
		width: 190px;
	}
	.image-text-why {
		width: 310px;
	}
	.image-text-programs {
		width: 350px;
	}
	.image-text-teachers {
		width: 260px;
	}
	.image-text-alumni {
		width: 180px;
	}
	.image-text-events {
		width: 110px;
	}
	/* END IMAGE TEXT */
}