/* CSS Document */
.banner-section .banner-content .txtp{ color:white;}
.dxxx{display: block;}
	@media (max-width: 767px) {
  .banner-section .banner-content .txtp {
     font-size: 18px; font-weight: bold;
	  text-shadow: 1px 1px 1px darkblue;
	  
  }
		footer .pbxs{ pading-bottom:250px;}
		.dxxx{display: none;}
}

.popup-container {
    margin-left:10px;
    margin-bottom:60px;
    width:40%;
    height:20px;
    justify-content: center;
    align-items: center;
    
}

.popup {
    display: none;
    background-color: #ff0000; /* Warna latar belakang merah */
    box-shadow: 0 0 20px rgba(0, 0, 255, 0.7); /* Bayangan dengan warna biru */
    
    border-radius: 10px;
    animation: slideInUp 1s ease-in-out;
    position: relative;
    color: #fff; /* Warna teks saat aktif */
    text-align: center;
    font-size: 13px;
}

@keyframes slideInUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.popup.active {
    animation: none;
    background-color: #ff0000; /* Warna latar belakang saat aktif */
    box-shadow: 0 0 10px rgba(0, 0, 255, 0.9); /* Bayangan dengan warna biru saat aktif */
    color: #fff; /* Warna teks saat aktif */
}