body{
    
    font-family: "Plus Jakarta Sans", sans-serif !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;

}

.navbar{
 height: 5rem;
 background-color: white;

}
.navbar-nav a{
    margin-right: 3px;
}
.navbar-nav a:hover{
    border-bottom: 2px #222222 solid ;
}

.fa-compass{

    color: #fe424d;
    font-size: 2rem;
}

.nav-link{
    color: #222222 !important;
}

.f-info-links a{
    text-decoration:  none ;
    color: #222222;
}

.f-info-links a:hover{
  text-decoration: underline;
}
.f-info-links{
    width: 100%;
    vertical-align: middle;
}
.f-info-links,.f-info-social ,.f-info-brand{
    width: 100%;
   
}

.f-info-social i {
    font-size: 1.2rem;
    margin: 10px;
}

.f-info{
    text-align: center;
    height: 8rem;
    display: flex;
  background-color:#ebebeb;
  justify-content: center;
  flex-wrap: wrap;
  align-items: space-evenly;
}

/* card */
.listing-card{
    border: none !important;
    margin-bottom: 2rem;
}
.card-img-top{
 
    border-radius: 1rem !important;
    width: 100% !important;
    object-fit: cover !important;

}

.card-body{
    padding: 0 !important;
}
.card-text p {
 font-weight: 400 !important;
}
.listing-link{
    text-decoration: none;
}


/* .card-effect */

.card-img-overlay{
    opacity: 0;

}
.card-img-overlay:hover{
    opacity: 0.2;
    background-color: white;

}
.container{
    flex: 1;
}
.Add-btn{
    background-color: #fe424d !important;  
    border: none !important;
}

.Add-btn:hover{
background-color: #8e82ff; /* Lighter shade of purple */
transform: scale(1.1); /* Scale up slightly */
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Stronger shadow */
}

/* //showpage */
.show-img{
    height: 30vh;
}
.btns{
    display: flex;
    gap: 10;
}