.alert-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px;
}

.alert-box-icon{
  font-size: 70px !important;
  margin-bottom: 10px;
}

.alert-box-title{
  font-weight: 500;
  font-size: 20px;
}

.alert-box-desc{
  color: black;
  font-size: 17px;
  margin-bottom: 25px;
}

.alert-box-button-whatsapp{
  margin: 0px 20px;
  font-size: 17px;
}

.alert-box-button-kontak{
  font-size: 17px;
}

.alert-box-button-whatsapp{
  background-color: green;
}

.alert-box-button-kontak{
  background-color: #F7931E;
}

/* COMMENTED OUT FOR MODERN FOOTER
.footer-widget>p{
  margin: 0px !important;
}

footer p a:hover{
  color: #1a1b59;  
}
*/

.splide__slide img {
  width: 100%;
  height: auto;
}
.splide__slide{
  display: flex;
  align-items: center;
}

.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active {
  color: #1a1b59 !important;
}
.background-header .nav li a.active:after {
  background-color: #F7931E !important;
}


/* COMMENTED OUT FOR MODERN FOOTER
footer{
  background-image: none;
  color: black;
  padding-top: 20px;
  margin-top: 20px;
}
.footer-widget h4,
.footer-widget ul li a,
.footer-widget p, .footer-widget p a,
footer .copyright-text p{
  color: black;
}
*/



/* CUSTOM BOOTSTRAP OVERRIDES */
/* Pastikan file ini dimuat setelah bootstrap.min.css */



/* ===== TEXT COLOR OVERRIDES ===== */
.text-primary {
  color: #0E0F3B !important;
}

.text-secondary {
  color: #F7931E !important;
}

/* ===== BACKGROUND COLOR OVERRIDES ===== */
.bg-primary {
  background-color: #0E0F3B !important;
}

.bg-secondary {
  background-color: #F7931E !important;
}

/* ===== BORDER COLOR OVERRIDES ===== */
.border-primary {
  border-color: #0E0F3B !important;
}

.border-secondary {
  border-color: #F7931E !important;
}

/* ===== UTILITIES ===== */
a.text-primary:hover,
a.text-primary:focus {
  color: #1a1b59 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #d57e15 !important;
}

/* Custom styles for specific pages */

/* Extra large heading for special sections */
.extra-large-heading {
    font-size: 70px !important;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 30px;
}

/* Additional custom styles can be added here */

/* ===== RESPONSIVE FONT SIZE OPTIMIZATION FOR CUSTOM STYLES ===== */

/* For 1366x768 and similar resolutions */
@media (min-width: 1300px) and (max-width: 1400px) {
    .extra-large-heading {
        font-size: 50px !important;
        line-height: 1.2 !important;
    }
}

/* For 1024x768 and tablet landscape */
@media (min-width: 1024px) and (max-width: 1199px) {
    .extra-large-heading {
        font-size: 45px !important;
        line-height: 1.2 !important;
    }
}

/* For tablet portrait */
@media (min-width: 768px) and (max-width: 1023px) {
    .extra-large-heading {
        font-size: 40px !important;
        line-height: 1.2 !important;
    }
}

#goToTopBtn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: opacity 0.3s ease;
    background-color: #f19c33;
    color: #1a1b59;
}
#goToTopBtn:hover {
    opacity: 0.9;
}
.d-none{
  opacity: 0 !important;
}