.elementor-35665 .elementor-element.elementor-element-aab21b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-35665 .elementor-element.elementor-element-59a6ce0{--display:flex;overflow:visible;}@media(max-width:1024px){.elementor-35665 .elementor-element.elementor-element-aab21b5{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-ba9a166 */h1#ni-recipe-category-title {
    font-family: "Inter", Sans-serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9d7b58f */span.recipe-pill, .ni-recipe-title a, .ni-recipe-details, .ni-recipe-readmore  {
    font-family: "Inter", Sans-serif;
}

.ni-recipe-cards-wrapper {
    display: flex;
    /* grid-template-columns: repeat(3, 1fr); */
    gap: 25px;
    flex-wrap: wrap;
}

.ni-recipe-card {
    flex: 0 0 calc((100% / 3) - 25px) !important;
    padding: 20px 20px 48px;
    border: 1px solid #49454F;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 10px 35px 0px #575C8A0F;
    position: relative;
}

.ni-recipe-image {
    margin-bottom: 16px;
}

.ni-recipe-image img {
    width: 100%;
    height: 220px;
    border-radius: 20px;
    object-fit: cover;
}

span.recipe-pill {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.ni-recipe-title a {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: #0D0D0D;
}

.ni-recipe-title a:hover {
    color: #636363;
}

p.ni-recipe-details {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #808080;
}

a.ni-recipe-readmore {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
}
span.ni-recipe-vote {
    position: absolute;
    bottom: 15px;
    right: 20px;
    background-color: #5A42BE;
    color: #fff;
    padding: 4px 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ni-recipe-vote:hover {
    transform: scale(1.1);
}

span.ni-recipe-vote-count {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #827777;
}

@media (max-width: 1024px) {
    .ni-recipe-card {
        max-height: 650px;
    }
    .ni-recipe-title a {
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .ni-recipe-card {
        flex: 1 1 100% !important;
    }

    .ni-recipe-card {
        padding: 0 0 30px 0;
    }

    .ni-recipe-image {
        margin-bottom: 0px;
    }

    .ni-recipe-image img {
        border-radius: 0px;
    }

    .ni-recipe-content {
        padding: 20px;
    }
}/* End custom CSS */