.x{
    padding-top: 200px;
    padding-bottom: 100px;
    }


.location-card {
    
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: left;
    background-color: #fff;
    height: 100%;
}

.location-card .icon {
    font-size: 40px;
    color: #7b3fe4;
}
.location-card .location-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.location-card .address {
    font-size: 14px;
    color: #6c757d;
}
.location-card .phone {
    font-weight: bold;
    font-size: 16px;
    color: #f58220;
    margin-top: 10px;
}
.location-card .phone i {
    color: #6c757d;
}

.card-custom {
    height: 230px; /* Same height for all cards */
    background-size: cover;
    background-position: center;
    color: white; /* Text color for better readability */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 20px;
}

.card-top h4 {
    font-size: 24px;
    font-weight: bold;
    
}

.single-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for better look */
}
.card-custom {
    height: 230px; 
    background-size: cover; 
    background-position: center; 
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    margin-bottom: 10px; /* Custom margin-bottom for reduced gap */
}

.card-top h4 {
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); 
}

.single-card {
    transition: transform 0.3s ease; 
}

.single-card:hover {
    transform: scale(1.05); 
}