/**
 * ============================================
 * TABLE OF CONTENTS
 * ============================================
 * 1. Full Call Us Page Css
 * 2. Leaflet
 * ============================================
 */

/* 1. Full Call Us Page Css
   ============================================ */
.shadow-card {
    transition: all 0.3s ease;
    border: none;
    border-radius: 20px;
    background: white;
    box-shadow: 0 8px 25px rgba(0,0,0,0.05);
    padding: 2rem;
    margin-bottom: 2rem;
}

    .shadow-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    }

@media (max-width: 768px) {


    .shadow-card {
        padding: 1.5rem;
    }
}
/* 2. Leaflet
   ============================================ */
#map {
    height: 400px;
    width: 100%;
    border-radius: 12px;
    z-index: 1;
}

.shadow-card {
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    background: white;
}

@media (max-width: 768px) {
    #map {
        height: 300px;
    }
}

.custom-marker i {
    font-size: 32px;
    color: #dc3545;
    text-shadow: 0 2px 5px rgba(0,0,0,0.3);
    display: block;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.custom-marker i {
    animation: bounce 1.5s ease infinite;
}