/* Footer background override for tp-footer-main-area */
.tp-footer-main-area.tp-footer-border {
  background-color: #ffffff !important;
}
/* Make mobile background images clear, centered, and fully visible */
@media (max-width: 767px) {
  .backdrop-filter.p-8.position-relative.rounded-3 {
    width: 90% !important;            /* Adjust container width */
    margin: 0 auto !important;        /* Center horizontally */
    padding: 1rem !important;         /* Optional padding */
    
    /* Background settings */
    background-size: cover !important;      /* Fill container proportionally */
    background-position: center center !important; /* Center image */
    background-repeat: no-repeat !important; /* Avoid tiling */
    -webkit-backface-visibility: hidden;     /* Smooth rendering on mobile */
    -webkit-background-size: cover;          /* For Safari */
    background-attachment: scroll !important; /* Prevent weird fixed behavior on mobile */
  }
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg');
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    transition: transform 0.3s, box-shadow 0.3s;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}