/* Responsif: Mobile Portrait (≤576px) */
	@media (max-width: 576px) and (orientation: portrait) {
		.our-commitment {
			margin-top: -20px;
		}	  
	}

	/* HP Portrait */
	@media (orientation: portrait) and (max-width: 576px) {
		.our-commitment {
			margin-top: -10px;
		}			
	}

	/* HP Landscape */
	@media (max-width: 900px) and (orientation: landscape) {
		.our-commitment {
			margin-top: -50px;
		}			
	}

	/* iPad Portrait (768x1024) */
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.our-commitment {
			margin-top: 0px;
		}			
	}

	/* iPad Landscape (1024x768) */
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
		.our-commitment {
			margin-top: 0px;
		}				
	}

	/* iPhone 11 Pro - Landscape */
	@media (max-width: 812px) and (orientation: landscape) {
		.our-commitment {
			margin-top: -20px;
		}				
	}


	/* Desktop (≥1025px) */
	@media (min-width: 1025px) {
		.our-commitment {
			margin-top: 0px;
		}			
	}

	/* Tambahan opsional: efek bayangan teks agar tetap terbaca di gambar terang */
		.banner-text-our-commitment h1,
		.banner-text-our-commitment p {
		text-shadow: 0 2px 4px rgba(0,0,0,0.4);
	}