/* Color code: #DFD6CA, #F0EDE9, #193936, #CCBFAE, #393631 */

@font-face {
    font-family: 'ManropeBold';
    src: url('../font/Manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: bolder;
    font-display: swap;
}

@font-face {
    font-family: 'ManropeSemiBold';
    src: url('../font/Manrope/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: 'ManropeRegular';
    src: url('../font/Manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

*,
body {
    font-family: 'ManropeRegular', sans-serif !important;
    font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ManropeSemiBold';
    font-weight: 600;
}

body {
    overflow-x: hidden;
}

body::before {
    content: "";
    /* background-image: url("../media/logos/bg.jpg") !important; */
    background-color: #F0EDE9 !important;
    background-size: cover;
    background-position: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.scrolltop,
.scrolltop:hover {
    background-color: white;
    opacity: 1 !important;
}

.bg-mskt {
    background-color: #F0EDE9 !important;
}

.bg-card-light {
    background-color: #DFD6CA !important;
}

.text-dark {
    color: #193936 !important;
}

.badge-primary {
    background-color: #193936 !important;
}

.text-logo-light {
    color: #DAB88E !important;
}

.w--current .card {
    background-color: #ffffff !important;
    color: #b38a67 !important;
}


/* .sticky-navigation {
    position: relative;
    top: 0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #DFD6CA;
} */

.rounded-1 {
    border-radius: 1.5rem !important;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #CCBFAE;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.heading::after {
    content: ' ';
    width: 35px;
    text-align: center;
    height: 9px;
    border-radius: 120px;
    background-color: white;
    left: 50%;
    transform: translate(-50%, 5px);
    position: absolute;
}

.price-tag {
    background-color: #193936;
    color: #dfd6ca !important;
    padding: 5px 14px;
    border-radius: 14px;
    font-weight: bold;
}

.price-tag span {
    font-size: 14px !important;
    font-weight: 600;
}

.content {
    margin-top: 150px;
    max-height: 350px;
    overflow-y: auto;
}

.top-header::before {
    content: "";
    background-image: url("../media/logos/bg.jpg") !important;
    background-size: cover;
    /* background-position: center; */
    background-position: 0 10%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.owl-item img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.owl-item .card {
    border-radius: 12px;
}

.owl-item .card .title-container {
    padding: 0 3px 3px;
}

.menu_item .card {
    border-radius: 30px;
}

.menu_item .card img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.owl-carousel .owl-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}


@media (max-width: 991px) {
    .top-header::before {
        background-image: url("../media/logos/bg-tablet.jpg") !important;
    }
    .content {
        margin-top: 50px;
        max-height: 500px;
        overflow-y: auto;
    }
}

@media (max-width: 576px) {
    .top-header::before {
        background-image: url("../media/logos/bg-mobile.jpg") !important;
    }

    .category-div .card {
        height: 120px;
        border-radius: 8px;
        overflow: hidden;
    }

    .category-div .card img {
        height: 80px;
        object-fit: cover;
        width: 100%;
    }
}