/* Tinggi default untuk desktop */
									#maybankSlider .carousel-inner,
									#maybankSlider .carousel-item {
									height: 100vh; /* 80% tinggi layar */
									}
									
									/* Mobile: sedikit lebih pendek */
									@media (max-width: 768px) {
									#maybankSlider .carousel-inner,
									#maybankSlider .carousel-item {
									height: 94vh; /* 80% tinggi layar */
									}
									}
									
									
									.custom-currency-table {
									width: 100%;
									border-collapse: collapse;
									background-color: rgba(255, 255, 255, 0.3); /* opacity lebih tebal */
									border-radius: 8px;
									overflow: hidden;
									font-size: 1rem;
									
									}
									.custom-currency-table th,
									.custom-currency-table td {
									padding: 12px 20px;
									text-align: center;
									}
									.custom-currency-table thead {
									background-color: rgba(255, 255, 255, 0.15);
									font-weight: bold;
									}
									.custom-currency-table tbody tr {
									border-top: 1px solid rgba(255, 255, 255, 0.2);
									}
									.custom-currency-table tbody tr:hover {
									background-color: rgba(255, 198, 0, 0.15);
									}
									
									
									
									
									
									
									#sliderSection {
									background: #ffc600;
									min-height: 100vh;
									padding: 50px 30px;
									display: flex;
									flex-direction: column;
									justify-content: flex-start; /* jangan center */
									}
									
									.slider-content {
									position: relative;
									top: 50px; /* default desktop */
									padding: 0 30px; /* padding kiri & kanan sama */
									}
									
									
									
									
									/* Versi mobile */
									@media (max-width: 768px) {
									.slider-content {
									top: 20px; /* naik sedikit di mobile */
									padding: 0 0px; /* padding kiri & kanan sama */
									}
									}
									
									
									.icon-box {
									background: rgba(248, 249, 250, 0.8); /* sedikit transparan */
									border-radius: 10px;
									padding: 6px;
									display: flex;
									align-items: center;
									justify-content: center;
									width: 70px;
									height: 70px;
									margin: 0 auto;
									box-shadow: 0 1px 2px rgba(0,0,0,0.05);
									}
									
									
									.icon-box img {
									max-width: 40px;
									height: auto;
									}
									
									.icon-text {
									color: black;
									margin-top: 8px;
									line-height: 1.1;
									}