:root{--page-title-display:none;}@media(max-width:767px){.elementor-409 .elementor-element.elementor-element-965c333{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-965c333 *//*==========================
CATERING HERO
==========================*/

.catering-hero{

    position:relative;
    padding-top:90px;
    padding-bottom: 60px;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

}

/* Background */

.catering-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-24-2026-01_59_47-AM.png") center center/cover no-repeat;

    transform:scale(1.18);

    animation:heroZoom 12s ease-out forwards;

    z-index:0;

}

@keyframes heroZoom{

    from{

        transform:scale(1.18);

    }

    to{

        transform:scale(1);

    }

}

/* Overlay */

.catering-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(rgba(19,62,36,.78),rgba(19,62,36,.74));

    z-index:1;

}

/* Pattern */

.catering-pattern{

    position:absolute;

    inset:0;

    background:url("images/mandala-white.png") center center no-repeat;

    background-size:900px;

    opacity:.04;

    z-index:2;

}

/* Content */

.catering-content{

    position:relative;

    z-index:3;

    max-width:850px;

    padding:0 25px;

}

.hero-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#EE771C;

    font-family:Poppins,sans-serif;

    font-size:18px;

    letter-spacing:3px;

    font-weight:600;

    text-transform:uppercase;

}

.catering-content h1{

    font-family:"Cormorant Garamond",serif;

    font-size:72px;

    color:#F8F5EE;

    line-height:1.05;

    margin-bottom:28px;

}

.catering-content p{

    max-width:700px;

    margin:auto;

    font-family:Poppins,sans-serif;

    font-size:16px;

    line-height:1.9;

    color:rgba(255,255,255,.88);

}

/* Minimum Order */

.minimum-order{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:35px;

    padding:14px 28px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:50px;

    color:#fff;

    font-family:Poppins,sans-serif;

}

.minimum-order span{

    font-size:20px;

}

.minimum-order strong{

    color:#EE771C;

}

/* Button */

.hero-btn{

    display:inline-block;

    margin-top:40px;

    padding:16px 40px;

    background:#EE771C;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-family:Poppins,sans-serif;

    font-weight:600;

    transition:.35s;

    box-shadow:0 20px 40px rgba(238,119,28,.25);

}

/*=========================================
TEXT ANIMATION
=========================================*/

.hero-tag,
.catering-content h1,
.catering-content p,
.minimum-order,
.hero-btn{

    opacity:0;
    transform:translateY(35px);

    animation:fadeBlur .9s ease forwards;

}

.hero-tag{
    animation-delay:.2s;
}

.catering-content h1{
    animation-delay:.4s;
}

.catering-content p{
    animation-delay:.6s;
}

.minimum-order{
    animation-delay:.8s;
}

.hero-btn{
    animation-delay:1s;
}

@keyframes fadeBlur{

    0%{

        opacity:0;
        transform:translateY(35px);
        filter:blur(6px);

    }

    100%{

        opacity:1;
        transform:translateY(0);
        filter:blur(0);

    }

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1024px){

    .catering-content h1{

        font-size:58px;

    }

}

@media(max-width:767px){

    .catering-hero{

        min-height:100vh;

    }

    .catering-content h1{

        font-size:44px;

    }

    .catering-content p{

        font-size:18px;

    }

    .minimum-order{

        flex-direction:column;
        border-radius:18px;
        padding:18px;
        gap:8px;

    }

    .hero-btn{

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

    }

}

    .hero-btn{

        width:100%;

        max-width:260px;

    }


.catering-content p{

    opacity:0;

    transform:translateY(40px);

    animation:fadeUp 1s ease forwards;

    animation-delay:.6s;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:100;

        transform:translateY(0);

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a9a622 *//*=============================
CATERING OPTIONS
==============================*/

.catering-options{

    padding:110px 8%;

    background:#F8F5EE;

}

.co-heading{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.co-heading span{

    display:inline-block;

    font-size:14px;

    letter-spacing:3px;

    font-family:Poppins,sans-serif;

    color:#EE771C;

    text-transform:uppercase;

    font-weight:600;

    margin-bottom:18px;

}

.co-heading h2{

    font-family:"Cormorant Garamond",serif;

    font-size:60px;

    color:#133E24;

    margin-bottom:20px;

}

.co-heading p{

    font-family:Poppins,sans-serif;

    font-size:17px;

    color:#555;

    line-height:1.8;

}

.co-grid{

    max-width:1200px;

    margin:auto;

    display:grid;

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

    gap:40px;

}

.co-card{

    background:#fff;

    padding:50px;

    border-radius:22px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.4s;

    border:1px solid rgba(19,62,36,.08);

}

.co-card:hover{

    transform:translateY(-10px);

    border-color:#EE771C;

}

.co-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#133E24;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:30px;

}

.co-card h3{

    font-family:"Cormorant Garamond",serif;

    font-size:38px;

    color:#133E24;

    margin-bottom:18px;

}

.co-card p{

    font-family:Poppins,sans-serif;

    line-height:1.8;

    color:#666;

    margin-bottom:25px;

}

.co-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.co-card li{

    padding:10px 0;

    font-family:Poppins,sans-serif;

    color:#333;

    border-bottom:1px solid #eee;

}

.co-card li:last-child{

    border:none;

}

/* Responsive */

@media(max-width:768px){

    .co-grid{

        grid-template-columns:1fr;

    }

    .co-heading h2{

        font-size:42px;

    }

    .co-card{

        padding:35px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-568ebd3 *//*==============================
PERFECT FOR EVERY OCCASION
==============================*/

.occasion-section{

    padding:120px 8%;

    background:#133E24;

}

.occasion-heading{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.occasion-heading span{

    display:inline-block;

    color:#EE771C;

    font-family:Poppins,sans-serif;

    font-size:14px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:600;

    margin-bottom:18px;

}

.occasion-heading h2{

    font-family:"Cormorant Garamond",serif;

    font-size:60px;

    color:#F8F5EE;

    margin-bottom:20px;

}

.occasion-heading p{

    font-family:Poppins,sans-serif;

    color:rgba(255,255,255,.78);

    font-size:17px;

    line-height:1.9;

}

.occasion-grid{

    max-width:1320px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.occasion-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:45px 35px;

    text-align:center;

    transition:.35s;

}

.occasion-card:hover{

    transform:translateY(-8px);

    border-color:#EE771C;

    background:#1A4B2B;

}

.occasion-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:#EE771C;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.occasion-card h3{

    font-family:"Cormorant Garamond",serif;

    color:#F8F5EE;

    font-size:32px;

    margin-bottom:15px;

}

.occasion-card p{

    font-family:Poppins,sans-serif;

    color:rgba(255,255,255,.75);

    line-height:1.8;

    font-size:15px;

}

@media(max-width:1024px){

    .occasion-grid{

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

    }

}

@media(max-width:767px){

    .occasion-section{

        padding:80px 24px;

    }

    .occasion-grid{

        grid-template-columns:1fr;

    }

    .occasion-heading h2{

        font-size:42px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf2dd71 *//*================================
WHY CHOOSE CLOVE
================================*/

.why-clove{

    padding:120px 8%;

    background:#F8F5EE;

}

.wc-container{

    max-width:1320px;

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.wc-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#EE771C;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}

.wc-content h2{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    line-height:1.05;

    color:#133E24;

    margin-bottom:30px;

}

.wc-content p{

    font-family:Poppins,sans-serif;

    color:#555;

    line-height:1.9;

    font-size:17px;

    margin-bottom:40px;

}

.wc-list{

    display:grid;

    gap:18px;

}

.wc-item{

    display:flex;

    align-items:center;

    gap:18px;

    font-family:Poppins,sans-serif;

    font-size:17px;

    color:#222;

}

.wc-item span{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#133E24;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:600;

    flex-shrink:0;

}

.wc-image{

    overflow:hidden;

    border-radius:24px;

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

}

.wc-image img{

    width:100%;

    display:block;

    transition:6s;

}

.wc-image:hover img{

    transform:scale(1.08);

}

@media(max-width:1024px){

    .wc-container{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

    .why-clove{

        padding:80px 24px;

    }

    .wc-content h2{

        font-size:42px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b775f5 *//*===================================
CATERING SECTION
===================================*/

.catering-section {
    padding: 120px 8%;
    background: #f8f6f0;
    overflow: hidden;
}

.catering-container {
    max-width: 1320px;
    margin: auto;

    display: grid;
    grid-template-columns: 1.05fr .95fr;

    gap: 80px;
    align-items: center;
}


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

.catering-content {
    width: 100%;
}

.catering-tag {
    display: inline-block;

    margin-bottom: 18px;

    color: #EE771C;

    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: 3px;
    text-transform: uppercase;
}

.catering-content h2 {
    margin: 0 0 22px;

    color: #133E24;

    font-family: "Cormorant Garamond", serif;
    font-size: 62px;
    font-weight: 500;

    line-height: 1.02;
}

.catering-intro {
    max-width: 650px;

    margin: 0;

    color: #666;

    font-family: Poppins, sans-serif;
    font-size: 16px;

    line-height: 1.8;
}


/*===================================
DIVIDER
===================================*/

.catering-divider {
    display: flex;
    align-items: center;

    gap: 18px;

    margin: 32px 0 35px;
}

.catering-divider span {
    width: 100px;
    height: 1px;

    background: #d8d8d2;
}

.catering-divider b {
    width: 38px;
    height: 38px;

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

    border: 1px solid #f3c3a0;
    border-radius: 50%;

    color: #EE771C;

    font-size: 15px;
    font-weight: 400;
}


/*===================================
CONTACT FORM 7
===================================*/

.catering-form {
    width: 100%;
}

.catering-form form {
    margin: 0;
}

.catering-form form > p {
    margin: 0;
}


/* Form labels */

.catering-form label {
    display: block;

    margin-bottom: 18px;

    color: #133E24;

    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 500;
}


/* Inputs */

.catering-form input[type="text"],
.catering-form input[type="email"],
.catering-form input[type="tel"],
.catering-form input[type="number"],
.catering-form input[type="date"],
.catering-form select,
.catering-form textarea {

    width: 100%;

    box-sizing: border-box;

    padding: 15px 18px;

    background: #ffffff;

    border: 1px solid #ddd9d0;
    border-radius: 12px;

    color: #333;

    font-family: Poppins, sans-serif;
    font-size: 14px;

    outline: none;

    transition: .3s ease;
}


/* Focus */

.catering-form input:focus,
.catering-form select:focus,
.catering-form textarea:focus {

    border-color: #EE771C;

    box-shadow:
        0 0 0 4px rgba(238,119,28,.10);
}


/* Textarea */

.catering-form textarea {

    min-height: 130px;

    resize: vertical;
}


/* Select */

.catering-form select {

    appearance: none;

    cursor: pointer;
}


/* Submit */

.catering-form input[type="submit"] {

    display: inline-flex;

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

    padding: 16px 30px;

    margin-top: 5px;

    background: #EE771C;
    color: #ffffff;

    border: 1px solid #EE771C;
    border-radius: 50px;

    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition: .35s ease;
}

.catering-form input[type="submit"]:hover {

    background: #133E24;
    border-color: #133E24;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(19,62,36,.15);
}


/* Required error */

.catering-form .wpcf7-not-valid-tip {

    margin-top: 5px;

    color: #d9534f;

    font-family: Poppins, sans-serif;
    font-size: 11px;
}


/* Success message */

.catering-form .wpcf7-response-output {

    margin: 20px 0 0 !important;
    padding: 12px 15px !important;

    border-radius: 10px;

    font-family: Poppins, sans-serif;
    font-size: 13px;
}


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

.catering-image {

    position: relative;

    min-height: 680px;

    overflow: hidden;

    border-radius: 26px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.13);
}

.catering-image img {

    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    object-fit: cover;

    display: block;

    transition: transform 8s ease;
}

.catering-image:hover img {

    transform: scale(1.06);
}


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

.catering-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(19,62,36,.82),
            rgba(19,62,36,0) 60%
        );

    pointer-events: none;
}

.catering-image-overlay {

    position: absolute;

    left: 35px;
    right: 35px;
    bottom: 35px;

    z-index: 2;

    color: #ffffff;
}

.catering-image-overlay span {

    color: #f6b17e;

    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 600;

    letter-spacing: 3px;
}

.catering-image-overlay h3 {

    margin: 10px 0 0;

    color: #ffffff;

    font-family: "Cormorant Garamond", serif;
    font-size: 40px;
    font-weight: 500;

    line-height: 1.05;
}


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

@media (max-width: 1024px) {

    .catering-section {
        padding: 90px 6%;
    }

    .catering-container {

        grid-template-columns: 1fr;

        gap: 60px;
    }

    .catering-image {

        min-height: 550px;
    }

}


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

@media (max-width: 767px) {

    .catering-section {

        padding: 75px 24px;
    }

    .catering-content h2 {

        font-size: 45px;
    }

    .catering-intro {

        font-size: 14px;
    }

    .catering-divider {

        margin: 25px 0 30px;
    }

    .catering-divider span {

        width: 65px;
    }

    .catering-form input[type="submit"] {

        width: 100%;
    }

    .catering-image {

        min-height: 480px;

        border-radius: 20px;
    }

    .catering-image-overlay {

        left: 25px;
        right: 25px;
        bottom: 25px;
    }

    .catering-image-overlay h3 {

        font-size: 34px;
    }

}
/*===================================
CATERING FORM GRID FIX
===================================*/

.catering-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 20px !important;
    margin-bottom: 18px !important;
}

.catering-field {
    width: 100% !important;
    margin: 0 !important;
}

.catering-field label {
    display: block !important;
    margin: 0 0 7px !important;

    color: #133E24 !important;

    font-family: Poppins, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.catering-field input[type="text"],
.catering-field input[type="email"],
.catering-field input[type="tel"],
.catering-field input[type="number"],
.catering-field input[type="date"],
.catering-field select,
.catering-field textarea {

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 14px 17px !important;

    background: #ffffff !important;

    border: 1px solid #ddd9d0 !important;
    border-radius: 12px !important;

    color: #333333 !important;

    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;

    outline: none !important;

    transition: all .3s ease !important;
}

.catering-field input:focus,
.catering-field select:focus,
.catering-field textarea:focus {

    border-color: #EE771C !important;

    box-shadow:
        0 0 0 4px rgba(238,119,28,.10) !important;
}


/* Full-width fields */

.catering-full {
    margin-bottom: 18px !important;
}

.catering-full textarea {
    min-height: 110px !important;
    resize: vertical !important;
}


/* Submit */

.catering-submit {
    margin-top: 5px !important;
}

.catering-submit input[type="submit"] {

    padding: 15px 30px !important;

    background: #EE771C !important;
    color: #ffffff !important;

    border: 1px solid #EE771C !important;
    border-radius: 50px !important;

    font-family: Poppins, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all .35s ease !important;
}

.catering-submit input[type="submit"]:hover {

    background: #133E24 !important;
    border-color: #133E24 !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 8px 20px rgba(19,62,36,.15) !important;
}


/*===================================
FIX INTRO TEXT
===================================*/

.catering-intro {
    color: #666666 !important;
}


/*===================================
REMOVE CF7 DEFAULT SPACING
===================================*/

.catering-form p {
    margin: 0 !important;
    padding: 0 !important;
}


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

@media (max-width: 767px) {

    .catering-form-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .catering-full {
        margin-bottom: 16px !important;
    }

    .catering-submit input[type="submit"] {
        width: 100% !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56b585 *//*=================================
CATERING CTA
=================================*/

.catering-cta{

    position:relative;

    padding:140px 20px;

    text-align:center;

    overflow:hidden;

}

.catering-cta::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-24-2026-01_59_47-AM.png") center center/cover no-repeat;

    transform:scale(1.08);

    transition:8s;

}

.catering-cta:hover::before{

    transform:scale(1);

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(19,62,36,.82);

}

.cta-content{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:auto;

}

.cta-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#EE771C;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}

.cta-content h2{

    font-family:"Cormorant Garamond",serif;

    font-size:68px;

    color:#F8F5EE;

    margin-bottom:25px;

    line-height:1.1;

}

.cta-content p{

    font-family:Poppins,sans-serif;

    color:rgba(255,255,255,.88);

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;

}

.cta-features{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:45px;

}

.cta-features span{

    padding:12px 22px;

    border:1px solid rgba(255,255,255,.18);

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(8px);

    border-radius:50px;

    color:#fff;

    font-family:Poppins,sans-serif;

    font-size:15px;

}

.cta-btn{

    display:inline-block;

    padding:18px 48px;

    background:#EE771C;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-family:Poppins,sans-serif;

    font-weight:600;

    transition:.35s;

    box-shadow:0 20px 45px rgba(238,119,28,.28);

}

.cta-btn:hover{

    background:#ff8d3a;

    transform:translateY(-4px);

}

@media(max-width:767px){

    .catering-cta{

        padding:90px 24px;

    }

    .cta-content h2{

        font-size:42px;

    }

    .cta-content p{

        font-size:16px;

    }

    .cta-features{

        flex-direction:column;

        align-items:center;

    }

    .cta-btn{

        width:100%;

        max-width:260px;

    }

}/* End custom CSS */