html{
    scroll-behavior: smooth;
}

.nav-link {
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.nav-link:hover {
    color: rgb(67, 18, 87);
}

.dropdown-item {
    font-weight: 600;
    color: rgb(0, 0, 0);
}

.dropdown-item:hover {
    background: rgba(55, 164, 228, 0.877);
    color: white;

}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0;
    align-items: center;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
    /* background:rgba(128, 128, 128, 0.466); */
}


.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgb(13, 154, 236) !important;
    width: 100%;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: center;
    padding: 0 6%;
}


.navbar-brand {
    margin: 0;
}

.navbar-expand-lg .navbar-collapse {
    margin: 0;
}
/*
.h-100 {
    height: 100% !important;
    min-height: 400px !important;
    border-radius: 15px;
    border: 3px solid var(--primary-color);
}
*/
.main-product-category.h-100:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    
}
#category-cards-fixed-image {
  height: 300px; /* or whatever height you want */
  object-fit: contain; /* crops image to fit without stretching */
  width: 100%; /* ensures full card width */
}
/*
.card-img .card-img-top {
    
    padding: 10px;
    width: 50%;
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    margin: 1rem auto 0px auto;
    padding-top: 1rem;
    box-shadow: 5px 5px 4px rgba(64, 105, 64, 0.753);
}
*/
/*
.card-title {
    text-align: center;
}
*/
/*
.card-text {
    text-align: justify;
}
*/
@media screen and (max-width:980px) {

    .navbar-nav {
        display: block;
    }

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: left;
        padding: 0 6%;
    }

}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 1rem;
    }
}