/* contact css start */
/* Custom styles for contact info cards hover effect */
.contact-card {
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
    /* To prevent jump on border change */
}

.contact-card:hover {
    background-color: #d97706;
    /* Darker amber-700 for hover effect */
    border-color: #f97316;
    /* Orange-500 equivalent */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    /* subtle shadow on hover */
}

/* Custom styles for the submit button hover effect */
.submit-button {
    transition: all 0.3s ease-in-out;
}

.submit-button:hover {
    background-color: #DAA520;
    /* Darker gold on hover */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

/* contact css end */
/* map css start */
.map-container {
    border: 1px solid #e2e8f0;
    /* Light border around the map and info */
    border-radius: 0.75rem;
    /* rounded-xl */
    overflow: hidden;
    /* Ensures rounded corners are applied */
}

/* Styling for the map iframe to be responsive */
.map-iframe-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio (height / width * 100%) */
    height: 0;
    overflow: hidden;
}

.map-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* map css end */