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

.container{
    flex: 1;
}

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

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

@media screen and (max-width: 768px) {
.navbar {
        height:6rem;
}
.logo {
        height:87px;
        width:107px;
        position:relative;
        bottom:11px;
    }
}
@media screen and (max-width:426px){
        .logo-ESM {
        display:none
  }

}

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

.f-info-links a:hover{
text-decoration: underline;
}

.f-info-links, 
.f-info-socials,
.f-info-brand {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.f-info-socials i{
margin-right: 1rem;
font-size: 1.2rem;
}

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

/* cards */
.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 Effects */
.card-img-overlay{
    opacity: 0;
}

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

/* New Page */

.add-btn{
    background-color: #fe424d !important;
    border: none !important;
}

/* Edit Page */
.edit-btn{
    background-color: #fe424d !important;
    border: none !important;
}

/* Show Page */
.show-img{
    height: 30vh;
}

.btns{
    display: flex;
}

.border {
    border: 1px solid #ddd;
}
.p-3 {
    padding: 1rem;
}
.rounded {
    border-radius: 8px;
}
.fw-bold {
    font-weight: bold;
}
.text-muted {
    color: #6c757d;
}

@media (max-width: 991.98px) { /* Adjust breakpoint as needed */
    .dropdown-menu {
        max-height: 300px; /* Adjust the max-height as per your requirement */
        overflow-y: auto;
    }
}