:root {
    --darkred: #b23850;
    --darkblue: #3b8beb;
    --lightblue: #c4dbf6;
    --lightyellow: #e7e3d4;
    --dullblue: #8590aa;
}
.text-darkred {
    color: var(--darkred);
}
.text-darkblue {
    color: var(--darkblue);
}
.text-lightblue {
    color: var(--lightblue);
}
.text-lightyellow {
    color: var(--lightyellow);
}
.text-dullblue {
    color: var(--dullblue);
}
.bg-darkred {
    background-color: var(--darkred) !important;
}
.bg-darkblue {
    background-color: var(--darkblue) !important;
}
.bg-lightblue {
    background-color: var(--lightblue) !important;
}
.bg-lightyellow {
    background-color: var(--lightyellow) !important;
}
.bg-dullblue {
    background-color: var(--dullblue) !important;
}
.brand-wrap .logo,
.navbar-brand .logo {
    max-height: 70px;
    height: auto;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    .section-header .logo,
    .header-main .logo {
        max-height: 50px;
        width: auto;
    }
}
.slider-main .item-slide {
    height: 100%;
}

tr[data-href] * {
    cursor: pointer;
}

.card-banner .card-body,
.heading-line .title-section {
    z-index: 0;
}

.owl-carousel {
    z-index: 0;
}
.owl-prev {
    padding-top: 1rem;
    padding-bottom: 1rem;
    left: 0;
    content: "<";
}
.owl-next {
    padding-top: 1rem;
    padding-bottom: 1rem;
    right: 0;
    content: "<";
}
.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.owl-dots > .owl-dot {
    margin: 0 3px;
    height: 12px;
    border-radius: 50px;
}
.owl-dots > .owl-dot.active {
    background: var(--dark);
}

@media screen and (max-width: 991.75px) {
    #product-category-nav {
        width: 25%;
    }
    .section-main aside {
        z-index: 1;
    }
    ul.menu-category {
        position: relative;
        /* display: none; */
        background: white;
        /* max-height: 260px;
        overflow-y: auto; */
        box-shadow: 2px 0px 5px -2px rgba(0, 0, 0, 0.15);
    }
    #product-category-nav:hover ul.menu-category {
        display: block;
    }
    /* #product-category-nav .submenu {
        position: static;
    } */
    ul.submenu {
        left: 100% !important;
        top: 0 !important;
    }
    #top-section-nav nav {
        width: 75%;
    }
}
@media screen and (max-width: 768px) {
    #product-category-nav {
        width: auto;
    }
    div.title-category {
        margin-top: 0 !important;
    }
    ul.menu-category {
        max-height: unset;
        overflow: hidden;
        width: 100%;
    }
    .menu-category li {
        position: static;
    }
    #top-section-nav nav {
        width: auto;
    }
    li.has-submenu a.flex-grow-1 {
        border-right: 1px solid #dee2e6;
    }
}

/* header.section-header {
    background: linear-gradient(to right, var(--lightblue), white 25%, white 75%, var(--lightblue));
} */