.elementor-442 .elementor-element.elementor-element-00ab28f{--display:flex;}.elementor-442 .elementor-element.elementor-element-fdf618a{--display:flex;}.elementor-442 .elementor-element.elementor-element-53ad595{--display:flex;}.elementor-442 .elementor-element.elementor-element-d2eb8a2{--display:flex;}.elementor-442 .elementor-element.elementor-element-38d6c1e{--display:flex;}.elementor-442 .elementor-element.elementor-element-061d754{--display:flex;}.elementor-442 .elementor-element.elementor-element-26c118a{--display:flex;}.elementor-442 .elementor-element.elementor-element-48277cc{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-442 .elementor-element.elementor-element-48277cc > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#133E24;}.elementor-442 .elementor-element.elementor-element-48277cc > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#EE771C;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1261668 *//*=================================
CONTACT HERO
=================================*/

.contact-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

}

/* Background */

.contact-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/Front-Photo.jpg") center center/cover no-repeat;

    transform:scale(1.18);

    animation:contactZoom 12s ease-out forwards;

    z-index:0;

}

@keyframes contactZoom{

    from{

        transform:scale(1.18);

    }

    to{

        transform:scale(1);

    }

}

/* Overlay */

.contact-overlay{

    position:absolute;

    inset:0;

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

    z-index:1;

}

/* Pattern */

.contact-pattern{

    position:absolute;

    inset:0;

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

    background-size:850px;

    opacity:.04;

    z-index:2;

}

/* Content */

.contact-content{

    position:relative;

    z-index:3;

    max-width:820px;

    padding:120px 25px 0;

}

.contact-tag{

    display:inline-block;

    margin-bottom:18px;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#EE771C;

}

.contact-content h1{

    font-family:"Cormorant Garamond",serif;

    font-size:72px;

    font-weight:500;

    color:#F8F5EE;

    line-height:1.05;

    margin-bottom:25px;

}

.contact-content p{

    max-width:700px;

    margin:auto;

    font-family:Poppins,sans-serif;

    font-size:18px;

    line-height:1.9;

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

}

.contact-location{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:35px;

    padding:14px 28px;

    border-radius:50px;

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

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

    backdrop-filter:blur(10px);

    color:#fff;

    font-family:Poppins,sans-serif;

    font-size:16px;

}

.contact-buttons{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.contact-btn{

    display:inline-block;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-family:Poppins,sans-serif;

    font-weight:600;

    transition:.35s;

}

.contact-btn.primary{

    background:#EE771C;

    color:#fff;

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

}

.contact-btn.primary:hover{

    background:#ff8d3a;

    transform:translateY(-4px);

}

.contact-btn.secondary{

    color:#fff;

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

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

    backdrop-filter:blur(10px);

}

.contact-btn.secondary:hover{

    background:#fff;

    color:#133E24;

}

@media(max-width:1024px){

    .contact-content h1{

        font-size:58px;

    }

}

@media(max-width:767px){

    .contact-hero{

        min-height:450px;

    }

    .contact-content{

        padding:100px 24px 0;

    }

    .contact-content h1{

        font-size:42px;

    }

    .contact-content p{

        font-size:16px;

    }

    .contact-buttons{

        flex-direction:column;

        align-items:center;

    }

    .contact-btn{

        width:100%;

        max-width:260px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-790a08a *//*=================================
CONTACT INFO
=================================*/

.contact-info{

    padding:120px 8%;

    background:#F8F5EE;

}

.contact-info-header{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.contact-info-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;

}

.contact-info-header h2{

    font-family:"Cormorant Garamond",serif;

    font-size:60px;

    color:#133E24;

    margin-bottom:20px;

}

.contact-info-header p{

    font-family:Poppins,sans-serif;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

.contact-info-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.info-card{

    background:#fff;

    padding:45px 35px;

    border-radius:20px;

    text-align:center;

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

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

    transition:.35s;

}

.info-card:hover{

    transform:translateY(-8px);

    border-color:#EE771C;

    box-shadow:0 30px 60px rgba(0,0,0,.08);

}

.info-icon{

    width:80px;

    height:80px;

    margin:auto  auto 25px;

    border-radius:50%;

    background:#133E24;

    color:#F8F5EE;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.info-card h3{

    font-family:"Cormorant Garamond",serif;

    font-size:30px;

    color:#133E24;

    margin-bottom:15px;

}

.info-card p{

    font-family:Poppins,sans-serif;

    color:#666;

    line-height:1.8;

    font-size:15px;

}

@media(max-width:1024px){

    .contact-info-grid{

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

    }

}

@media(max-width:767px){

    .contact-info{

        padding:80px 24px;

    }

    .contact-info-header h2{

        font-size:42px;

    }

    .contact-info-grid{

        grid-template-columns:1fr;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fd8822 *//*===================================
CONTACT FORM SECTION
===================================*/

.contact-form-section {

    padding: 120px 8%;

    background: #ffffff;

}


/*===================================
CONTACT WRAPPER
===================================*/

.contact-wrapper {

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

    margin: 0 auto;

    display: grid;

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

    gap: 70px;

    align-items: center;

}


/*===================================
CONTACT FORM CONTENT
===================================*/

.contact-form-box {

    width: 100%;

}


.contact-form-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;

}


.contact-form-box h2 {

    margin: 0 0 18px;

    color: #133E24;

    font-family: "Cormorant Garamond", serif;

    font-size: 60px;

    font-weight: 500;

    line-height: 1.05;

}


.contact-form-box > p {

    max-width: 700px;

    margin: 0 0 35px;

    color: #666666;

    font-family: Poppins, sans-serif;

    font-size: 16px;

    line-height: 1.8;

}


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

.contact-form-box .wpcf7,
.contact-form-box .wpcf7 form {

    width: 100%;

}


/*===================================
FORM GRID
===================================*/

.contact-form-grid {

    display: grid;

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

    gap: 20px;

    margin-bottom: 20px;

}


/*===================================
CF7 FIELD WRAPPER
===================================*/

.contact-form-box .wpcf7-form-control-wrap {

    display: block;

    width: 100%;

    margin: 0;

}


/*===================================
INPUTS + TEXTAREA
===================================*/

.contact-form-box input[type="text"],
.contact-form-box input[type="email"],
.contact-form-box input[type="tel"],
.contact-form-box textarea {

    width: 100%;

    box-sizing: border-box;

    padding: 16px 18px;

    margin: 0;

    border: 1px solid #dddddd;

    border-radius: 12px;

    background: #ffffff;

    color: #333333;

    font-family: Poppins, sans-serif;

    font-size: 14px;

    line-height: 1.5;

    outline: none;

    transition:
        border-color .3s ease,
        box-shadow .3s ease;

}


/*===================================
PLACEHOLDER
===================================*/

.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder {

    color: #888888;

    opacity: 1;

}


/*===================================
FOCUS
===================================*/

.contact-form-box input:focus,
.contact-form-box textarea:focus {

    border-color: #EE771C;

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

}


/*===================================
MESSAGE
===================================*/

.contact-form-box textarea {

    min-height: 170px;

    resize: vertical;

    margin-bottom: 25px;

    line-height: 1.7;

}


/*===================================
SUBMIT BUTTON
===================================*/

.contact-form-box input[type="submit"] {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 16px 42px;

    margin: 0;

    border: none;

    border-radius: 50px;

    background: #EE771C;

    color: #ffffff;

    font-family: Poppins, sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2;

    cursor: pointer;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;

}


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

    background: #133E24;

    transform: translateY(-3px);

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

}


/*===================================
GOOGLE MAP
===================================*/

.contact-map {

    width: 100%;

    height: 610px;

    overflow: hidden;

    border-radius: 24px;

    background: #f5f5f5;

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

}


.contact-map iframe {

    width: 100%;

    height: 100%;

    display: block;

    border: 0;

}


/*===================================
VALIDATION
===================================*/

.contact-form-box .wpcf7-not-valid {

    border-color: #dc3545 !important;

}


.contact-form-box .wpcf7-not-valid-tip {

    display: block;

    margin-top: 5px;

    color: #dc3545;

    font-family: Poppins, sans-serif;

    font-size: 11px;

}


/*===================================
CF7 RESPONSE
===================================*/

.contact-form-box .wpcf7-response-output {

    margin: 25px 0 0;

    padding: 14px 18px;

    border-radius: 10px;

    font-family: Poppins, sans-serif;

    font-size: 13px;

    line-height: 1.6;

}


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

@media (max-width: 1024px) {

    .contact-form-section {

        padding: 100px 6%;

    }

    .contact-wrapper {

        grid-template-columns: 1fr;

        gap: 55px;

    }

    .contact-form-box {

        max-width: 800px;

        margin: 0 auto;

    }

    .contact-map {

        height: 500px;

    }

}


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

@media (max-width: 767px) {

    .contact-form-section {

        padding: 80px 24px;

    }

    .contact-form-box h2 {

        font-size: 42px;

    }

    .contact-form-box > p {

        font-size: 15px;

        line-height: 1.7;

    }

    .contact-form-grid {

        grid-template-columns: 1fr;

        gap: 15px;

        margin-bottom: 15px;

    }

    .contact-form-box textarea {

        min-height: 140px;

    }

    .contact-form-box input[type="submit"] {

        width: 100%;

    }

    .contact-map {

        height: 420px;

        border-radius: 20px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c144322 *//*=================================
FAQ SECTION
=================================*/

.faq-section{

    padding:120px 8% 70px;

    background:#F8F5EE;

}

.faq-heading{

    max-width:760px;

    margin:auto;

    text-align:center;

}

.faq-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;

}

.faq-heading h2{

    font-family:"Cormorant Garamond", serif;

    font-size:60px;

    color:#133E24;

    margin-bottom:20px;

}

.faq-heading p{

    font-family:Poppins,sans-serif;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

@media(max-width:767px){

    .faq-section{

        padding:80px 24px 50px;

    }

    .faq-heading h2{

        font-size:42px;

    }

}/* End custom CSS */