body, html, a, p, span, small {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

body {
    background-color: #fafafe;
}

.text-black, .navbar-light .navbar-nav .nav-link {
    color: #2b2f4e;
}

header .navbar-nav li:not(:last-child) {
    margin-right: 40px;
}

.navbar .navbar-nav .nav-link {
    font-weight: 600 !important;
}

.text-truncate-custom {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.text-truncate-custom-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-custom-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-custom-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-light-green {
    color: #c0ca67
}

.text-light-green:hover {
    color: #c0ca67
}


.spicy-label {
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-image: url('https://uploads-ssl.webflow.com/6020f345c078342ed95088a5/60215c244b0f96d71fa7efc6_noun-spicy.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.products-logos-label {
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.vegan-label {
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-image: url('https://uploads-ssl.webflow.com/6020f345c078342ed95088a5/60215c350ec8cfe62aa767bb_noun-carrot.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.fw-bolder {
    font-weight: 800 !important;
}

.nav.nav-pills .nav-link.active {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: transparent;
    color: black;
    font-weight: 600;
}

.nav .nav-link:not(.disabled).active, .nav .nav-link:not(.disabled):hover {
    color: #1f2937 !important;
}

.text-dark-blue, .text-dark-blue:hover {
    color: #2b2f4e;
}

.text-light-gray, footer:not(.text-white):not(.text-light) a:not(.btn):not(.dropdown-item):not(.text-muted) {
    color: #7c809b !important;
}

.text-gray {
    color: #a3a6c5;
}

.btn-dark-blue {
    background-color: #2b2f4e;
    border-color: #2b2f4e;
    color: white;
}

.btn-dark-blue:hover {
    color: white;
}

.rounded-500 {
    border-radius: 500px;
}

.fs-6 {
    font-size: 1rem;
}

.fs-7 {
    font-size: .9rem;
}

.fs-8 {
    font-size: .8rem;
}

header.header-transparent.sticky-fixed .navbar {
    padding: 10px 0;
}

.hero-section {
    background-position: 50% 50%, 100% 0%;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 100vh;
}

.box-information-section {
    padding: 40px 16px;
    height: 100%;
    max-width: 1062px;
}

.main-a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.fs-5-5 {
    font-size: 1.1rem;
}

header.header-transparent.sticky-fixed.is-fixed .navbar {
    background-color: transparent;
    border: none;
}


.swiper-partners-4 .swiper-slide img {
    width: 150px;
}

#footer .list-group-item {
    border-bottom: 1.5px solid #ebebf7;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

.product-category .list-group-item {
    background-color: transparent;
    border-bottom: 1.5px solid #ebebf7;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

#footer .list-unstyled li a:hover {
    color: #c0ca67 !important;

}

.our-websites a img {
    width: 150px;
    height: 100px;
    object-fit: contain;
}

.our-websites-background {
    background: #e7f2f7ad;
    padding: 20px;
    border-radius: 10px;
}

.bg-events-image {
    background: url("https://images.pexels.com/photos/6210916/pexels-photo-6210916.jpeg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

header.header-transparent.sticky-fixed.is-fixed .navbar {
    transform: translateY(0);

}

header.header-transparent.sticky-fixed .navbar .navbar-fixed-bg {
    height: 100%;
}

.card {
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}

.product-categories .nav-link {
    border-bottom: 1px solid #ddd;
    font-weight: 600;

}

@media (min-width: 768px) {
    .footer-left-bg {
        background-color: #fafafe;
        border-radius: 8px;
    }

    .box-information-section {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .product-image-2 {
        max-height: 300px;
        min-height: 300px;
        width: 100%;
        padding: 20px;
        object-fit: contain;
    }

    .product-categories .nav .nav-link:not(.disabled) {
        font-size: 1.4rem;
        padding: 20px 0;
    }

    .nav-fill .nav-item, .nav-fill > .nav-link {
        flex: none;
        margin-right: 25px;

    }

    .about-image {
        width: 100%;
        max-width: 244px;
        height: 244px;
        object-fit: cover;
    }

    .text-truncate-custom-4 {
        max-height: 86px;

    }

    .min-24 {
        min-height: 24px;
    }

    .events-detail figure img {
        height: 315px;
        object-fit: cover;
    }

    .product-category .list-group-item {
        padding: 20px 0 !important;
    }

    .events-detail article p {
        line-height: 32px;
        font-size: 1.1rem !important;
    }

    .border-end-md:not(:last-child) {
        border-right: 1px solid #ebebf7 !important;
    }

    .navbar-expand-lg .navbar-brand {
        width: 12rem;
    }

    .product-card {
        max-height: 466px;
        min-height: 466px;
    }

    .product-card-2 {
        max-height: 480px;
        min-height: 480px;
    }

    .card-desc-height {
        max-height: 65px;
        min-height: 65px;
    }

    .height-custom {
        height: 388px;
        object-fit: cover;
    }

    .max-240 {
        max-height: 230px;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .product-image {
        height: 250px;
        width: 100%;
        object-fit: contain;
    }

    .card.card-home {
        max-height: 450px;
        min-height: 450px;
    }

    .height-48 {
        min-height: 52px;
        max-height: 52px;
    }

    .latest-card {
        min-height: 212px;
        max-height: 212px;
    }

    .padding-md-top {
        padding-top: 300px
    }

    .detail-image {
        max-height: 450px;
    }

    .blog-image {
        max-height: 350px;
        object-fit: cover;
        width: 100%;
    }

    .product-values-img img {
        width: 100px;
        margin-right: 1.5rem !important;
    }

    .blog-card {
        min-height: 480px;
        max-height: 480px;
    }

    header.header-transparent.sticky-fixed .navbar {
        border-bottom: 1px solid #fff;
        background-color: hsla(0, 0%, 100%, 0.8);
        padding: 10px 0;
    }

    .magnify > .magnify-lens {
        width: 100px !important;
        height: 100px !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}

@media (max-width: 767.9px) {
    .footer-bg {
        display: none;
    }

    .product-card img, .product-card-2 img {
        height: 250px;
        padding: 10px 0;
    }

    .product-values-img img {
        width: 60px;
        margin-right: 1.5rem !important;
    }

    .about-image {
        width: 100%;
        max-width: 100%;
        height: 244px;
        object-fit: cover;
    }

    .about-image-2 {
        width: 100%;
        max-width: 100%;
        height: 244px;
        object-fit: cover;
    }

    .navbar-brand {
        width: 7.5rem;
    }

    .d-sm-flex {
        display: flex;
    }

    .detail-image {
        height: 300px;
    }

    .product-image {
        height: 300px;
        width: 100%;
        object-fit: contain;
    }
}