body {
    background-color: #f9f5ef;
}
.navbar-bg{
    background-color:rgb(23, 57, 84);

}



@media screen and (min-width: 320px) {
    .navbar-toggler{
        margin-left: 130px;
    }
    .carousel-caption{
        font-size: 22px;
        position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 375px) {
    .navbar-toggler{
        margin-left: 210px;
    }
    .carousel-caption{
        font-size: 25px;
        position: absolute;
      top: 48%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}

@media screen and (min-width: 425px) {
    .navbar-toggler{
        margin-left: 225px;
    }
    .carousel-caption{
        font-size: 28px;
        position: absolute;
      top: 49%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 768px) {
    .navbar-toggler{
        margin-left: 527px;
    }
    .carousel-caption{
        font-size: 37px;
        position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 1024px) {
    .carousel-caption{
        font-size: 80px;
        position: absolute;
      top: 59%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}

.dropdown-bg{
    background-color: #f9f5ef;
    
}

.dropdown-list{
    font-size: 15px;
    color: black;
}

.dropdown-list:hover{
    background-color: #112b43;
    color: white;
}

.highlight{
    font-weight: bold;
    color: white !important;
}

.active-btn{
    color: #f49100 !important;
}
.active-btn:hover{
    color: white !important;
}


.homepage-about, .about, .hostel-para{
    text-align: justify ;
}
.footer-bg{
    background-color: rgb(23, 57, 84) !important;
}

.footer-details{
text-align: justify;
}

.socialmedia-btn{
    transition: 1s;
    color: white;
}

.socialmedia-btn:hover{
    transition: 1s;
    color: #f49100;

}
.btn-bg{
    transition: 1s;

}
.btn-bg:hover{
    background-color: #f49100;
    border-radius: 8px;
    transition: 1s;
}

.btn-background{
    transition: 1s;
    background-color: #183b5c;
    color: white;
}

.btn-background:hover{
    background-color: #f49100;
    border-radius: 8px;
    transition: 1s ;
}

.footer-link{
    color: white;
    transition: 1s;

}
.footer-link:hover{
    color: #f49100;
    transition: 1s ;

}


/* Admin css */

.navbar-toggler-icon{
    color: white !important;
}
@media screen and (min-width: 768px) {
    .admin-category, .admin-profile-password, .admin-profile-personalinfo, .admin-product, .admin-hostel, .edit-category, .edit-product, .admin-login{
        width: 512px;
    }
    
    .admin-category-list,  .admin-product-list, .admin-hostel-list{
        width: 50%;
    }
}
/* //Admin css */