:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-14d00f5 *//*=========================================
        CLOVE ABOUT HERO
=========================================*/

.clove-about-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

    padding:120px 30px;

    background-image:
    linear-gradient(rgba(19,62,36,.72),rgba(19,62,36,.72)),
    url("https://clovespiice.com/wp-content/uploads/2026/07/anju-ravindranath-Nihdo084Yos-unsplash-scaled.jpg");

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

}

/* Temple Watermark */

.clove-about-hero::before{

    content:"";

    position:absolute;

    inset:0;

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

    background-size:650px;

    opacity:.05;

    pointer-events:none;

}

/* Hero Content */

.hero-content{

    position:relative;

    z-index:2;

    max-width:900px;

}

.hero-tag{

    display:inline-block;
    
    font-family:"Cormorant Garamond",serif;

    color:#EE771C;

    text-transform:uppercase;

    letter-spacing:6px;

    font-size:25px;

    font-weight:800;

    margin-bottom:26px;

}

.hero-content h1{

    font-family:"Harrington",serif;

    color:#fff;

    font-size:82px;

    line-height:1.08;

    font-weight:500;

    margin-bottom:30px;

}

.hero-content p{

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

    font-size:21px;

    line-height:1.9;

    max-width:720px;

    margin:auto;

}

/* Buttons */

.hero-buttons{

    margin-top:50px;

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.btn-primary{

    background:#EE771C;

    color:#fff;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.btn-primary:hover{

    background:#d86412;

    transform:translateY(-3px);

}

.btn-secondary{

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

    color:#fff;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

    backdrop-filter:blur(10px);

}

.btn-secondary:hover{

    background:#fff;

    color:#133E24;

}

/* Scroll Indicator */

.scroll-indicator{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:translateX(-50%);

    z-index:2;

}

.scroll-indicator span{

    display:block;

    width:28px;

    height:48px;

    border:2px solid rgba(255,255,255,.55);

    border-radius:20px;

    position:relative;

}

.scroll-indicator span::before{

    content:"";

    position:absolute;

    left:50%;

    top:8px;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#EE771C;

    transform:translateX(-50%);

    animation:scrollDown 2s infinite;

}

@keyframes scrollDown{

0%{

opacity:1;

top:8px;

}

100%{

opacity:0;

top:28px;

}

}

/* Responsive */

@media(max-width:991px){

.hero-content h1{

font-size:58px;

}

.hero-content p{

font-size:18px;

}

}

@media(max-width:767px){

.clove-about-hero{

background-attachment:scroll;

padding:100px 25px;

}

.clove-about-hero::before{

background-size:350px;

opacity:.04;

}

.hero-content h1{

font-size:42px;

}

.hero-content p{

font-size:17px;

line-height:1.8;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.btn-primary,
.btn-secondary{

width:260px;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6af1e9a *//*=========================================
        OUR STORY
=========================================*/

.clove-story{

    position:relative;

    background:#F8F5EE;

    padding:120px 8%;

    overflow:hidden;

}

/* Temple Sculpture Background */

.story-watermark{

    position:absolute;

    inset:0;

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

    background-size:550px;

    opacity:.05;

    pointer-events:none;

}

.story-container{

    position:relative;

    z-index:2;

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.story-image{

    position:relative;

}

.story-image img{

    width:100%;

    border-radius:24px;

    display:block;

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

}

.story-image::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:#EE771C;

    opacity:.12;

    border-radius:50%;

    bottom:-40px;

    left:-40px;

    z-index:-1;

}

.story-content{

    max-width:560px;

}

.section-tag{

    display:inline-block;

    color:#EE771C;

    font-size:13px;

    letter-spacing:5px;

    font-weight:600;

    text-transform:uppercase;

    margin-bottom:20px;

}

.story-content h2{

    font-family:"Cormorant Garamond",serif;

    font-size:58px;

    color:#133E24;

    line-height:1.15;

    margin-bottom:28px;

    font-weight:500;

}

.story-content p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:22px;

}

.story-features{

    display:grid;

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

    gap:20px;

    margin-top:40px;

}

.feature-item{

    background:#fff;

    padding:25px;

    border-radius:18px;

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

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.3s;

}

.feature-item:hover{

    transform:translateY(-6px);

}

.feature-item h3{

    font-family:"Cormorant Garamond",serif;

    color:#133E24;

    font-size:26px;

    margin-bottom:12px;

}

.feature-item p{

    font-size:15px;

    line-height:1.7;

    color:#666;

    margin:0;

}

/* Responsive */

@media(max-width:991px){

.story-container{

grid-template-columns:1fr;

gap:60px;

}

.story-content{

max-width:100%;

}

.story-content h2{

font-size:46px;

}

.story-features{

grid-template-columns:1fr;

}

.story-watermark{

background-size:380px;

opacity:.04;

}

}

@media(max-width:767px){

.clove-story{

padding:80px 25px;

}

.story-content h2{

font-size:38px;

}

.story-content p{

font-size:16px;

}

.story-image::after{

width:120px;

height:120px;

left:-20px;

bottom:-20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0827ea5 */.section-divider{
    text-align:center;
    color:#EE771C;
    font-size:12px;
    letter-spacing:12px;
    margin:2px 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df3091d *//*=========================================
        OUR HERITAGE
=========================================*/

.clove-heritage{

    position:relative;

    overflow:hidden;
    padding: 80px 8% 130px;

    background:#133E24;
    opacity: 10;
     background-image:
    linear-gradient(rgba(19,62,36,.72),rgba(19,62,36,.72)),
    url("https://clovespiice.com/wp-content/uploads/2026/07/timothy-newman-pBwMdofMxtU-unsplash-scaled.jpg");
    background-size:cover;

    background-position:center;

    background-attachment:fixed;

}

.clove-heritage::before{

    content:"";

    position:absolute;

    top:0;

    right:-120px;

    width:650px;

    height:100%;

    background:url("image") center right no-repeat;

    background-size:contain;

    opacity:.10;

    z-index:0;

}

.heritage-container{

    position:relative;

    z-index:2;

}

/* Mandala Background */

.heritage-pattern{

    position:absolute;

    inset:0;

    background:url("") center center no-repeat;

    background-size:700px;

    opacity:.04;

    pointer-events:none;

}

.heritage-container{

    position:relative;

    z-index:5;

    max-width:1300px;

    margin:auto;

    text-align:center;

}

.clove-heritage .section-tag{

    color:#EE771C;

}

.clove-heritage h2{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    color:#F8F5EE;

    line-height:1.1;

    margin:20px 0;

    font-weight:500;

}

.heritage-intro{

    max-width:760px;

    margin:0 auto 70px;

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

    font-size:19px;

    line-height:1.9;

}

/* Grid */

.heritage-grid{

    display:grid;

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

    gap:30px;

}

/* Card */

.heritage-card{

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

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

    backdrop-filter:blur(8px);

    border-radius:22px;

    padding:40px 30px;

    transition:.35s;

}

.heritage-card:hover{

    transform:translateY(-8px);

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

}

.heritage-icon{

    width:70px;

    height:70px;

    margin:auto;

    border-radius:50%;

    background:#EE771C;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.heritage-card h3{

    font-family:"Cormorant Garamond",serif;

    font-size:30px;

    color:#F8F5EE;

    margin-bottom:15px;

}

.heritage-card p{

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

    line-height:1.8;

    font-size:16px;

}

/* Responsive */

@media(max-width:991px){

.heritage-grid{

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

}

.clove-heritage h2{

font-size:50px;

}

}

@media(max-width:767px){

.clove-heritage{

padding:90px 25px;

}

.heritage-grid{

grid-template-columns:1fr;

}

.clove-heritage h2{

font-size:40px;

}

.heritage-intro{

font-size:17px;

margin-bottom:50px;

}

.heritage-pattern{

background-size:400px;

opacity:.03;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-019aa5e *//*=================================
SECTION 4
=================================*/

.clove-why{

    position:relative;

    background:#F8F5EE;

    overflow:hidden;

    padding:130px 8%;

}

.why-bg{

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/download-2.jpg") right bottom no-repeat;

    background-size:420px;

    opacity:.05;

    pointer-events:none;

}

.why-container{

    position:relative;

    z-index:2;

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.why-image img{

    width:100%;

    border-radius:24px;

    display:block;

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

}

.why-content h2{

    font-family:"Cormorant Garamond",serif;

    font-size:58px;

    color:#133E24;

    margin:20px 0;

    line-height:1.1;

    font-weight:500;

}

.why-intro{

    font-size:18px;

    color:#555;

    line-height:1.9;

    margin-bottom:40px;

}

.why-grid{

    display:grid;

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

    gap:22px;

}

.why-card{

    background:#fff;

    border-radius:18px;

    padding:28px;

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

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    transition:.3s;

}

.why-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.why-card h3{

    font-family:"Cormorant Garamond",serif;

    color:#133E24;

    font-size:28px;

    margin-bottom:12px;

}

.why-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

}

/* Responsive */

@media(max-width:991px){

.why-container{

grid-template-columns:1fr;

}

.why-grid{

grid-template-columns:1fr;

}

.why-content h2{

font-size:46px;

}

}

@media(max-width:767px){

.clove-why{

padding:90px 25px;

}

.why-content h2{

font-size:38px;

}

.why-intro{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07cb45a *//*=====================================
        SECTION 5 - OUR PROMISE
=====================================*/

.clove-promise{

    position:relative;

    overflow:hidden;

    padding:140px 8%;

    background:#133E24;

}

/* Background Image */

.clove-promise::before{

    content:"";

    position:absolute;

    inset:0;

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

    opacity:100
;

    mix-blend-mode:soft-light;

}

/* Green Overlay */

.promise-overlay{

    position:absolute;

    inset:0;

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

}

/* Content */

.promise-content{

    position:relative;

    z-index:2;

    max-width:1200px;

    margin:auto;

    text-align:center;

}

/* Section Tag */

.section-tag{

    display:inline-block;

    color:#EE771C;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}

/* Heading */

.clove-promise h2{

    font-family:"Cormorant Garamond",serif;

    color:#F8F5EE;

    font-size:68px;

    line-height:1.1;

    margin-bottom:30px;

    font-weight:500;

}

/* Text */

.promise-text{

    max-width:760px;

    margin:auto;

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

    font-size:19px;

    line-height:1.9;

}

/* Divider */

.promise-divider{

    width:90px;

    height:2px;

    background:#EE771C;

    margin:55px auto 70px;

}

/* Grid */

.promise-items{

    display:grid;

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

    gap:30px;

}

/* Cards */

.promise-card{

    position:relative;

    padding:45px 30px;

    border-radius:24px;

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

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

    backdrop-filter:blur(10px);

    transition:.45s ease;

    overflow:hidden;

}

/* Glow */

.promise-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
    );

    transition:.8s;

}

/* Animated underline */

.promise-card::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:3px;

    background:#EE771C;

    transition:.4s;

}

/* Hover */

.promise-card:hover{

    transform:translateY(-12px);

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

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

}

.promise-card:hover::before{

    left:120%;

}

.promise-card:hover::after{

    width:90px;

}

/* Number */

.promise-number{

    font-family:"Cormorant Garamond",serif;

    font-size:60px;

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

    margin-bottom:15px;

    transition:.35s;

}

.promise-card:hover .promise-number{

    color:#EE771C;

    transform:translateY(-6px);

}

/* Title */

.promise-card h3{

    font-family:"Cormorant Garamond",serif;

    color:#F8F5EE;

    font-size:32px;

    margin-bottom:15px;

}

/* Paragraph */

.promise-card p{

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

    line-height:1.8;

    font-size:16px;

}

/* Responsive */

@media(max-width:991px){

.promise-items{

grid-template-columns:1fr;

max-width:500px;

margin:auto;

}

.clove-promise h2{

font-size:50px;

}

}

@media(max-width:767px){

.clove-promise{

padding:90px 25px;

}

.clove-promise h2{

font-size:40px;

}

.promise-text{

font-size:17px;

}

.promise-card{

padding:35px 25px;

}

.promise-number{

font-size:48px;

}

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

.clove-quote{

    position:relative;

    overflow:hidden;

    background:#F8F5EE;

    padding:150px 8%;

}

/* Decorative Background */

.quote-bg{

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/Great_Wheel_of_Konark__War_Horses_of_Konark_Temple__Figures_of_Konark_Sun_Temple-removebg-preview.png") center center no-repeat;

    background-size:700px;

    opacity:.12;

    pointer-events:none;

}

/* Content */

.quote-content{

    position:relative;

    z-index:2;

    max-width:950px;

    margin:auto;

    text-align:center;

}

/* Quote Icon */

.quote-icon{

    font-size:90px;

    color:#EE771C;

    line-height:1;

    margin-bottom:20px;

    opacity:.8;

    animation:floatQuote 5s ease-in-out infinite;

}

/* Quote */

blockquote{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    line-height:1.2;

    color:#133E24;

    margin:0 auto 35px;

    max-width:850px;

    font-weight:500;

}

/* Description */

.quote-content p{

    max-width:700px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.9;

}

/* Divider */

.quote-divider{

    width:90px;

    height:2px;

    background:#EE771C;

    margin:50px auto 25px;

}

/* Author */

.quote-author{

    color:#133E24;

    font-size:15px;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:600;

}

/* Floating Quote */

@keyframes floatQuote{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/* Responsive */

@media(max-width:991px){

blockquote{

font-size:50px;

}

}

@media(max-width:767px){

.clove-quote{

padding:90px 25px;

}

blockquote{

font-size:36px;

}

.quote-content p{

font-size:16px;

}

.quote-icon{

font-size:60px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-321f500 *//*=================================
SECTION 7
=================================*/

.clove-cta{

    position:relative;

    overflow:hidden;

    min-height:650px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    background:#133E24;

}

/* Background Image */

.clove-cta::before{

    content:"";

    position:absolute;

    inset:0;

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

    opacity:.82;

    z-index:0;

}

/* Green Overlay */

.cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(19,62,36,.88),

        rgba(19,62,36,.88)

    );

    z-index:1;

}

/* Content */

.cta-content{

    position:relative;

    z-index:2;

    max-width:900px;

    padding:40px;

}

/* Heading */

.clove-cta h2{

    font-family:"Cormorant Garamond",serif;

    font-size:74px;

    color:#F8F5EE;

    line-height:1.08;

    margin:25px 0;

    font-weight:500;

}

/* Paragraph */

.clove-cta p{

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

    font-size:20px;

    line-height:1.9;

    max-width:720px;

    margin:0 auto 50px;

}

/* Buttons */

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

/* Primary Button */

.cta-btn-primary{

    display:inline-block;

    padding:18px 42px;

    background:#EE771C;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.cta-btn-primary:hover{

    background:#d96714;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(238,119,28,.35);

}

/* Secondary Button */

.cta-btn-secondary{

    display:inline-block;

    padding:18px 42px;

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

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    backdrop-filter:blur(8px);

    transition:.35s;

}

.cta-btn-secondary:hover{

    background:#fff;

    color:#133E24;

}

/* Background Zoom Animation */

.clove-cta::before{

    animation:zoomBG 20s ease-in-out infinite alternate;

}

@keyframes zoomBG{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}

/* Responsive */

@media(max-width:991px){

.clove-cta h2{

font-size:58px;

}

}

@media(max-width:767px){

.clove-cta{

min-height:520px;

padding:90px 25px;

}

.clove-cta h2{

font-size:42px;

}

.clove-cta p{

font-size:17px;

}

.cta-buttons{

flex-direction:column;

align-items:center;

}

.cta-btn-primary,

.cta-btn-secondary{

width:260px;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-346b516 */.section-divider{
    text-align:center;
    color:#EE771C;
    font-size:12px;
    letter-spacing:12px;
    margin:2px 0;
}/* End custom CSS */