.elementor-3168 .elementor-element.elementor-element-36e247b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-6fe6126 *//*========================================
Penne all’Arrabbiata
NEW INTRO DESIGN
========================================*/

.arr-intro-section{
    padding:50px 20px;
    background:#ffffff;
}

.arr-intro-container{
    max-width:1200px;
    margin:0 auto;

    display:grid;
    grid-template-columns:55% 45%;

    gap:50px;

    align-items:center;
}


/*========================================
LEFT CONTENT
========================================*/

.arr-intro-main{
    padding-right:20px;
}

.arr-small-title{
    display:flex;
    align-items:center;
    gap:10px;

    color:#C02334;

    font-size:12px;
    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:18px;
}

.arr-small-title span{
    width:35px;
    height:2px;

    background:#C02334;

    display:block;
}

.arr-intro-main h2{
    color:#012255;

    font-size:48px;

    line-height:1.1;

    margin:0 0 20px;

    font-weight:700;
}

.arr-intro-main h2 em{
    color:#C02334;
    font-style:normal;
}

.arr-divider{
    width:70px;
    height:4px;

    background:#C02334;

    border-radius:5px;

    margin-bottom:25px;
}

.arr-intro-main p{
    color:#626b79;

    font-size:15px;

    line-height:1.85;

    margin:0 0 17px;
}

.arr-intro-main p:last-child{
    margin-bottom:0;
}

.arr-intro-main strong{
    color:#012255;
}

.arr-intro-main p em{
    color:#C02334;
    font-style:italic;
}


/*========================================
RIGHT FEATURES
========================================*/

.arr-features{
    display:flex;
    flex-direction:column;

    gap:15px;
}


/* Feature */

.arr-feature{
    display:flex;

    align-items:center;

    gap:18px;

    background:#f8fafc;

    border:1px solid #e8edf3;

    border-radius:16px;

    padding:20px 22px;

    position:relative;

    transition:.35s;
}

.arr-feature::before{
    content:"";

    position:absolute;

    left:0;
    top:18px;
    bottom:18px;

    width:4px;

    background:#C02334;

    border-radius:0 5px 5px 0;

    opacity:0;

    transition:.35s;
}

.arr-feature:hover{
    background:#fff;

    border-color:#C02334;

    transform:translateX(-6px);

    box-shadow:0 12px 30px rgba(1,34,85,.08);
}

.arr-feature:hover::before{
    opacity:1;
}


/* Icon */

.arr-feature-icon{
    width:62px;
    height:62px;

    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ffffff;

    border-radius:15px;

    font-size:28px;

    box-shadow:0 5px 15px rgba(1,34,85,.06);

    transition:.35s;
}

.arr-feature:hover .arr-feature-icon{
    background:#fff1f3;

    transform:scale(1.08);
}


/* Feature Content */

.arr-feature-content{
    flex:1;
}

.arr-feature-content > span{
    display:block;

    color:#C02334;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:3px;
}

.arr-feature-content h3{
    color:#012255;

    font-size:20px;

    line-height:1.3;

    margin:0 0 6px;

    font-weight:700;
}

.arr-feature-content p{
    color:#6b7280;

    font-size:13px;

    line-height:1.65;

    margin:0;
}


/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .arr-intro-container{
        grid-template-columns:1fr;

        gap:40px;
    }

    .arr-intro-main{
        padding-right:0;
    }

    .arr-intro-main h2{
        font-size:42px;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .arr-intro-section{
        padding:55px 15px;
    }

    .arr-intro-main h2{
        font-size:32px;
    }

    .arr-intro-main p{
        font-size:14px;

        line-height:1.8;
    }

    .arr-feature{
        padding:17px;

        gap:13px;
    }

    .arr-feature-icon{
        width:52px;
        height:52px;

        font-size:23px;
    }

    .arr-feature-content h3{
        font-size:18px;
    }

    .arr-feature-content p{
        font-size:12px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6654387 *//*========================================
Penne all’Arrabbiata
Recipe Highlight With Image
========================================*/

.paa-highlight-section{
    padding:50px 20px;
    background:#f7f9fc;
}

.paa-highlight-container{
    max-width:1200px;
    margin:0 auto;

    display:grid;
    grid-template-columns:42% 58%;
    gap:55px;

    align-items:center;
}


/*========================================
IMAGE
========================================*/

.paa-highlight-image{
    position:relative;
}

.paa-image-frame{
    position:relative;

    width:100%;
    max-width:500px;

    height:600px;

    margin:auto;

    border-radius:25px;

    overflow:hidden;

    background:#ffffff;

    box-shadow:0 20px 50px rgba(1,34,85,.13);
}

.paa-image-frame::after{
    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(1,34,85,.30),
        transparent 35%
    );

    pointer-events:none;
}

.paa-image-frame img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.5s;
}

.paa-image-frame:hover img{
    transform:scale(1.04);
}


/* Image Badge */

.paa-image-badge{
    position:absolute;

    left:20px;
    bottom:20px;

    z-index:2;

    background:#ffffff;

    padding:12px 18px;

    border-radius:12px;

    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.paa-image-badge strong{
    display:block;

    color:#C02334;

    font-size:16px;

    line-height:1;
}

.paa-image-badge span{
    display:block;

    color:#012255;

    font-size:10px;

    margin-top:4px;
}


/*========================================
CONTENT
========================================*/

.paa-highlight-content{
    padding-right:10px;
}

.paa-highlight-label{
    display:inline-block;

    color:#C02334;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:15px;
}

.paa-highlight-content h2{
    color:#012255;

    font-size:42px;

    line-height:1.15;

    margin:0 0 20px;

    font-weight:700;
}

.paa-highlight-content h2 span{
    display:block;

    color:#C02334;
}

.paa-highlight-description{
    color:#626b79;

    font-size:15px;

    line-height:1.85;

    margin:0 0 28px;

    max-width:620px;
}


/*========================================
HIGHLIGHT LIST
========================================*/

.paa-highlight-list{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:14px;
}

.paa-highlight-item{
    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:18px;

    background:#ffffff;

    border:1px solid #e7ecf3;

    border-radius:15px;

    transition:.35s;
}

.paa-highlight-item:hover{
    transform:translateY(-4px);

    border-color:#C02334;

    box-shadow:0 12px 30px rgba(1,34,85,.08);
}


/* Icon */

.paa-highlight-icon{
    width:45px;
    height:45px;

    flex-shrink:0;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#fff1f3;

    border-radius:12px;

    font-size:22px;

    transition:.35s;
}

.paa-highlight-item:hover .paa-highlight-icon{
    background:#C02334;

    transform:scale(1.05);
}


/* Text */

.paa-highlight-item h3{
    color:#012255;

    font-size:17px;

    line-height:1.3;

    margin:0 0 6px;

    font-weight:700;
}

.paa-highlight-item p{
    color:#707887;

    font-size:12px;

    line-height:1.6;

    margin:0;
}


/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .paa-highlight-container{
        grid-template-columns:1fr;

        gap:40px;
    }

    .paa-image-frame{
        max-width:500px;
        height:500px;
    }

    .paa-highlight-content{
        padding:0;
    }

    .paa-highlight-content h2{
        font-size:38px;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .paa-highlight-section{
        padding:55px 15px;
    }

    .paa-highlight-container{
        gap:30px;
    }

    .paa-image-frame{
        height:430px;
        border-radius:20px;
    }

    .paa-highlight-content h2{
        font-size:30px;
    }

    .paa-highlight-description{
        font-size:14px;
        line-height:1.8;
    }

    .paa-highlight-list{
        grid-template-columns:1fr;

        gap:12px;
    }

    .paa-highlight-item{
        padding:16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8878071 *//*========================================
Penne all’Arrabbiata
Required Ingredients
New Compact Design
========================================*/

.paa-ingredients-section{
    padding:50px 20px;

    background:#f7f9fc;
}

.paa-ingredients-container{
    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:40% 60%;

    gap:45px;

    align-items:center;
}


/*========================================
LEFT SIDE
========================================*/

.paa-ingredients-left{
    position:relative;

    padding:25px 20px 25px 0;
}

.paa-ingredients-tag{
    display:inline-block;

    background:#C02334;

    color:#ffffff;

    padding:8px 18px;

    border-radius:30px;

    font-size:11px;

    font-weight:600;

    margin-bottom:16px;
}

.paa-ingredients-left h2{
    color:#012255;

    font-size:43px;

    line-height:1.05;

    margin:0 0 18px;

    font-weight:700;
}

.paa-ingredients-left h2 span{
    color:#C02334;
}

.paa-ingredients-left > p{
    color:#687180;

    font-size:14px;

    line-height:1.8;

    margin:0 0 20px;

    max-width:450px;
}


/*========================================
IMAGE
========================================*/

.paa-ingredients-image{
    width:100%;

    max-width:330px;

    height:260px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:5px;

    overflow:hidden;
}

.paa-ingredients-image img{
    width:100%;

    height:100%;

    object-fit:contain;

    display:block;

    transition:.4s;
}

.paa-ingredients-image:hover img{
    transform:scale(1.04);
}


/*========================================
RIGHT SIDE
========================================*/

.paa-ingredients-right{
    background:#ffffff;

    padding:20px;

    border-radius:22px;

    border:1px solid #e6ebf2;

    box-shadow:0 15px 40px rgba(1,34,85,.08);
}


/* Heading */

.paa-ingredients-heading{
    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:15px;

    padding-bottom:10px;

    border-bottom:2px solid #edf1f5;
}

.paa-ingredients-heading span{
    color:#C02334;

    font-size:10px;

    font-weight:700;

    letter-spacing:1.2px;
}

.paa-ingredients-heading h3{
    color:#012255;

    font-size:20px;

    margin:0;

    font-weight:700;
}


/*========================================
INGREDIENT LIST
========================================*/

.paa-ingredients-list{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    column-gap:25px;

    row-gap:0;
}

.paa-ingredient-item{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    min-height:48px;

    padding:7px 0;

    border-bottom:1px dashed #dfe5ec;
}

.paa-ingredient-item span{
    color:#454e5b;

    font-size:16px;

    line-height:1.4;
}

.paa-ingredient-item strong{
    flex-shrink:0;

    background:#012255;

    color:#ffffff;

    padding:7px 11px;

    border-radius:20px;

    font-size:10px;

    font-weight:700;

    white-space:nowrap;

    transition:.3s;
}

.paa-ingredient-item:hover strong{
    background:#C02334;
}


/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .paa-ingredients-container{
        grid-template-columns:1fr;

        gap:35px;
    }

    .paa-ingredients-left{
        padding-right:0;

        text-align:center;
    }

    .paa-ingredients-left > p{
        margin-left:auto;
        margin-right:auto;
    }

    .paa-ingredients-image{
        margin-left:auto;
        margin-right:auto;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .paa-ingredients-section{
        padding:55px 15px;
    }

    .paa-ingredients-left h2{
        font-size:32px;
    }

    .paa-ingredients-left > p{
        font-size:14px;
    }

    .paa-ingredients-image{
        height:240px;
        max-width:300px;
    }

    .paa-ingredients-right{
        padding:22px 18px;

        border-radius:18px;
    }

    .paa-ingredients-heading{
        display:block;

        text-align:center;
    }

    .paa-ingredients-heading span{
        display:block;

        margin-bottom:5px;
    }

    .paa-ingredients-heading h3{
        font-size:19px;
    }

    .paa-ingredients-list{
        grid-template-columns:1fr;

        column-gap:0;
    }

    .paa-ingredient-item{
        min-height:46px;
    }

    .paa-ingredient-item span{
        font-size:12px;
    }

    .paa-ingredient-item strong{
        font-size:10px;

        padding:6px 10px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36e247b *//*========================================
Penne all’Arrabbiata
Cooking Instructions
========================================*/

.paa-cooking-section{
    padding:50px 20px;

    background:#ffffff;
}

.paa-cooking-container{
    max-width:1200px;

    margin:0 auto;
}


/*========================================
HEADING
========================================*/

.paa-cooking-heading{
    text-align:center;

    max-width:700px;

    margin:0 auto 35px;
}

.paa-cooking-heading > span{
    display:inline-block;

    color:#C02334;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:10px;
}

.paa-cooking-heading h2{
    color:#012255;

    font-size:38px;

    line-height:1.2;

    margin:0 0 10px;

    font-weight:700;
}

.paa-cooking-heading p{
    color:#6b7280;

    font-size:14px;

    line-height:1.7;

    margin:0;
}


/*========================================
COOKING GRID
========================================*/

.paa-cooking-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;
}


/*========================================
STEP CARD
========================================*/

.paa-cooking-card{
    position:relative;

    background:#f8fafc;

    border:1px solid #e7ecf3;

    border-radius:18px;

    padding:22px;

    min-height:275px;

    overflow:hidden;

    transition:.35s;
}

.paa-cooking-card::after{
    content:"";

    position:absolute;

    width:80px;
    height:80px;

    right:-35px;
    bottom:-35px;

    background:#fff0f2;

    border-radius:50%;

    transition:.35s;
}

.paa-cooking-card:hover{
    background:#ffffff;

    border-color:#C02334;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(1,34,85,.09);
}

.paa-cooking-card:hover::after{
    transform:scale(1.5);
}


/*========================================
STEP TOP
========================================*/

.paa-step-top{
    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:14px;
}

.paa-step-top span{
    color:#C02334;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;
}

.paa-step-top strong{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#012255;

    color:#ffffff;

    border-radius:50%;

    font-size:11px;

    font-weight:700;

    transition:.35s;
}

.paa-cooking-card:hover .paa-step-top strong{
    background:#C02334;
}


/*========================================
STEP ICON
========================================*/

.paa-step-icon{
    width:52px;
    height:52px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#ffffff;

    border-radius:14px;

    font-size:24px;

    margin-bottom:15px;

    box-shadow:0 5px 15px rgba(1,34,85,.05);

    transition:.35s;
}

.paa-cooking-card:hover .paa-step-icon{
    background:#fff0f2;

    transform:scale(1.07);
}


/*========================================
STEP CONTENT
========================================*/

.paa-cooking-card h3{
    color:#012255;

    font-size:19px;

    line-height:1.3;

    margin:0 0 9px;

    font-weight:700;
}

.paa-cooking-card p{
    color:#6b7280;

    font-size:12.5px;

    line-height:1.7;

    margin:0;
}

.paa-cooking-card p strong{
    color:#012255;
}


/*========================================
STEP TIP
========================================*/

.paa-step-tip{
    position:relative;

    z-index:2;

    display:inline-block;

    margin-top:14px;

    padding:7px 11px;

    background:#ffffff;

    border-radius:20px;

    color:#012255;

    font-size:10px;

    line-height:1.4;

    font-weight:600;

    border:1px solid #edf0f4;
}


/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .paa-cooking-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .paa-cooking-heading h2{
        font-size:34px;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .paa-cooking-section{
        padding:55px 15px;
    }

    .paa-cooking-heading{
        margin-bottom:28px;
    }

    .paa-cooking-heading h2{
        font-size:29px;
    }

    .paa-cooking-heading p{
        font-size:13px;
    }

    .paa-cooking-grid{
        grid-template-columns:1fr;

        gap:14px;
    }

    .paa-cooking-card{
        min-height:auto;

        padding:20px;
    }

    .paa-cooking-card h3{
        font-size:18px;
    }

    .paa-cooking-card p{
        font-size:13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b93d2b6 *//*========================================
Penne all’Arrabbiata
Recipe Information + Chef's Tip
========================================*/

.paa-recipe-info-section{
    padding:50px 20px;

    background:#f7f9fc;
}

.paa-recipe-info-container{
    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:55% 45%;

    gap:22px;

    align-items:start;
}


/*========================================
RECIPE INFORMATION
========================================*/

.paa-recipe-details{
    background:#ffffff;

    border:1px solid #e6ebf2;

    border-radius:20px;

    padding:30px;

    box-shadow:0 12px 35px rgba(1,34,85,.07);

    box-sizing:border-box;
}


/* Header */

.paa-details-header{
    margin-bottom:18px;

    padding-bottom:16px;

    border-bottom:1px solid #edf1f5;
}

.paa-details-header span{
    display:block;

    color:#C02334;

    font-size:10px;

    font-weight:700;

    letter-spacing:1.4px;

    margin-bottom:6px;
}

.paa-details-header h2{
    color:#012255;

    font-size:30px;

    line-height:1.2;

    margin:0;

    font-weight:700;
}


/*========================================
DETAIL GRID
========================================*/

.paa-details-grid{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    column-gap:28px;
}

.paa-detail-item{
    min-height:50px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    border-bottom:1px dashed #dfe5ec;

    padding:7px 0;
}

.paa-detail-item span{
    color:#5f6875;

    font-size:12px;

    line-height:1.4;
}

.paa-detail-item strong{
    color:#012255;

    background:#f1f5fa;

    padding:6px 10px;

    border-radius:20px;

    font-size:10px;

    font-weight:700;

    white-space:nowrap;
}


/*========================================
CHEF'S TIP
========================================*/

.paa-chef-tip{
    background:#012255;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(1,34,85,.13);

    box-sizing:border-box;
}


/* Header */

.paa-chef-top{
    padding:25px 28px;

    display:flex;

    align-items:center;

    gap:16px;

    background:#012255;
}

.paa-chef-icon{
    width:58px;
    height:58px;

    flex:0 0 58px;

    background:#ffffff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:27px;
}

.paa-chef-top span{
    display:block;

    color:#ffb3bb;

    font-size:10px;

    font-weight:700;

    letter-spacing:1.3px;

    margin-bottom:5px;
}

.paa-chef-top h2{
    color:#ffffff;

    font-size:27px;

    line-height:1.2;

    margin:0;

    font-weight:700;
}


/*========================================
CHEF CONTENT
========================================*/

.paa-chef-content{
    background:#ffffff;

    padding:25px 28px 28px;
}

.paa-chef-content > p{
    color:#626b79;

    font-size:14px;

    line-height:1.8;

    margin:0 0 20px;
}


/*========================================
PRO TIP
========================================*/

.paa-pro-tip{
    display:flex;

    align-items:flex-start;

    gap:13px;

    background:#f7f9fc;

    border:1px solid #e4eaf1;

    border-radius:13px;

    padding:14px 15px;

    box-sizing:border-box;
}

.paa-pro-icon{
    width:32px;
    height:32px;

    flex:0 0 32px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#C02334;

    color:#ffffff;

    border-radius:50%;

    font-size:14px;

    font-weight:700;
}

.paa-pro-content{
    flex:1;
}

.paa-pro-content span{
    display:block;

    color:#C02334;

    font-size:9px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:3px;
}

.paa-pro-content strong{
    display:block;

    color:#012255;

    font-size:14px;

    line-height:1.3;

    margin-bottom:5px;
}

.paa-pro-content p{
    color:#737b88;

    font-size:11px;

    line-height:1.55;

    margin:0;
}


/*========================================
HOVER
========================================*/

.paa-recipe-details,
.paa-chef-tip{
    transition:.35s;
}

.paa-recipe-details:hover,
.paa-chef-tip:hover{
    transform:translateY(-4px);
}


/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .paa-recipe-info-container{
        grid-template-columns:1fr;

        gap:20px;
    }

    .paa-details-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .paa-recipe-info-section{
        padding:55px 15px;
    }

    .paa-recipe-details{
        padding:24px 20px;
    }

    .paa-details-header h2{
        font-size:27px;
    }

    .paa-details-grid{
        grid-template-columns:1fr;
    }

    .paa-detail-item{
        min-height:46px;
    }

    .paa-chef-top{
        padding:22px 20px;

        gap:13px;
    }

    .paa-chef-icon{
        width:52px;
        height:52px;

        flex-basis:52px;

        font-size:24px;
    }

    .paa-chef-top h2{
        font-size:23px;
    }

    .paa-chef-content{
        padding:22px 20px 24px;
    }

    .paa-chef-content > p{
        font-size:13px;

        line-height:1.75;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-077d35e */.recipe-cta{
    padding:80px 20px;
    background:linear-gradient(135deg,#012255,#0d3475);
    border-radius:30px;
    margin:0px auto;
    max-width:1300px;
    text-align:center;
}

.recipe-cta-content{
    max-width:800px;
    margin:auto;
}

.cta-tag{
    display:inline-block;
    background:#C02334;
    color:#fff;
    padding:10px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.recipe-cta h2{
    color:#fff;
    font-size:42px;
    margin-bottom:20px;
}

.recipe-cta p{
    color:#dce6f5;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.cta-btn{
    display:inline-block;
    padding:15px 32px;
    border-radius:50px;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    transition:.35s;
}

.primary-btn{
    background:#C02334;
    color:#fff;
}

.primary-btn:hover{
    background:#fff;
    color:#012255;
}

.secondary-btn{
    background:#fff;
    color:#012255;
}

.secondary-btn:hover{
    background:#C02334;
    color:#fff;
}

@media(max-width:767px){

.recipe-cta h2{
    font-size:30px;
}

.recipe-cta p{
    font-size:16px;
}

.cta-buttons{
    flex-direction:column;
}

.cta-btn{
    width:100%;
}

}/* End custom CSS */