body{
    background:#f5f7fa;
}

.navbar-brand{
    font-size:1.5rem;
}


.navbar .nav-link {
    color: #fff !important;
    font-weight: 500;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #f8f9fa !important;
}

.navbar .navbar-brand {
    color: #fff !important;
}

.navbar .navbar-brand:hover {
    color: #fff !important;
}

.card{
    border:none;
    border-radius:15px;
}

.btn{
    border-radius:10px;
}

footer{
    margin-top:80px;
}

.pet-photo{

    width:180px;

    height:180px;

    border-radius:50%;

    object-fit:cover;

}

.stat-card{

    text-align:center;

    padding:30px;

}

.list-group-item {
    border: none;
    border-radius: 0;
}

.list-group-item:hover {
    background: #0d6efd;
    color: white;
}

.list-group-item.active {
    background: #0d6efd;
    color: white;
}

.min-vh-100 {
    min-height: 100vh;
}

.dashboard-card {

    transition:0.3s;

}


.dashboard-card:hover {

    transform:translateY(-5px);

}


.sidebar-link {

    text-decoration:none;

}

.hero-banner {

    position: relative;

    width:100%;

    min-height:650px;

    background-image:url("/assets/images/hero-banner.webp");

    background-size:cover;

    background-position:top;

    display:flex;

    align-items:center;

}


.hero-overlay {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.45);

}


.hero-banner .container {

    position:relative;

    z-index:2;

}

.header-banner {

    position: relative;

    width:100%;

    min-height:300px;

    background-image:url("/assets/images/header-banner-4.webp");

    background-size:cover;

    background-position:top;

    display:flex;

    align-items:center;

}


.header-overlay {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.45);

}


.header-banner .container {

    position:relative;

    z-index:2;

}

.header-banner-2 {

    position: relative;

    width:100%;

    min-height:300px;

    background-image:url("/assets/images/header-banner-2.webp");

    background-size:cover;

    background-position:top;

    display:flex;

    align-items:center;

}


.header-overlay-2 {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.45);

}


.header-banner-2 .container {

    position:relative;

    z-index:2;

}

.header-banner-3 {

    position: relative;

    width:100%;

    min-height:300px;

    background-image:url("/assets/images/header-banner-3.webp");

    background-size:cover;

    background-position:top;

    display:flex;

    align-items:center;

}


.header-overlay-3 {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.45);

}


.header-banner-3 .container {

    position:relative;

    z-index:2;

}

.step-number {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}