places.css

body {
    background-color: rgb(255, 255, 255);
}

img {
    height: 250px;
}

.col {
    padding: 10px;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

.fa-solid{
    font-size: x-small;
}


.card {
    background-color: #fff;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.02);
}

.shadow-custom {
    box-shadow: 5px 5px 8px rgba(84, 84, 85, 0.5);
    border-radius: 30px;
    transition: transform 0.3s, box-shadow 0;
}

.card-img-top {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.navbar-custom {
    background: rgb(165, 165, 221);
    height: 40px;
    /* background-color: rgba(255, 255, 255, 0.7); Transparent background */
    padding: 1rem;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav .nav-link {
    color: rgb(0, 0, 0); /* Black text */
}

.navbar-custom .nav-link:hover {
    color: #181515; /* Darker text on hover */
}

/* Centered nav items */
.navbar-nav {
    height: 40px;
    margin-left: auto; /* Pushes navbar items to the right */
}

.navbar-nav .nav-item {
    margin-left: 20px;
}

.nav-item {
    font-size: 1rem;
    padding: 40px;
    padding-top: 0px;
    text-decoration: none;
}
.nav-item:hover {
    text-decoration: none;
}

.col-md-2 {
    width: 200px;
}

img {
    height: 250px;
}
.card .btn-location {
    background-color: #28a745; /* Green background */
    color: white; /* White text */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.3s;
}

.card .btn-location:hover {
    background-color: #218838; /* Darker green on hover */
    transform: scale(1.05); /* Slightly larger on hover */
}
h2{
    font-family: "Dancing Script", cursive;
    color: rgb(62, 60, 139);
    font-size: 40px;
}
h5{
    font-family: cursive;
}
.card {
    position: relative;
}
.card .fa-heart {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    color: rgb(250, 247, 247);
}
.fa-location-dot{
    font-size: 20px;
    /* color: green; */
}
.fa-heart{
    color: red;
}