:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3f085f8 *//*=========================================
REVIEWS HERO
=========================================*/

.reviews-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

}

/* Background */

.reviews-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://clovespiice.com/wp-content/uploads/2026/07/WhatsApp-Image-2026-03-25-at-4.25.26-AM-1.jpeg") center center/cover no-repeat;

    transform:scale(1.15);

    animation:reviewZoom 12s ease-out forwards;

    z-index:0;

}

@keyframes reviewZoom{

    from{

        transform:scale(1.15);

    }

    to{

        transform:scale(1);

    }

}

/* Overlay */

.reviews-overlay{

    position:absolute;

    inset:0;

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

    z-index:1;

}

/* Pattern */

.reviews-pattern{

    position:absolute;

    inset:0;

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

    background-size:900px;

    opacity:.04;

    z-index:2;

}

/* Content */

.reviews-content{

    position:relative;

    z-index:3;

    max-width:1000px;

    padding:120px 25px 80px;

}

.hero-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#EE771C;

    font-family:Poppins,sans-serif;

    font-size:15px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:600;

}

.reviews-content h1{

    font-family:"Cormorant Garamond",serif;

    font-size:78px;

    line-height:1.08;

    color:#F8F5EE;

    font-weight:500;

    margin-bottom:28px;

}

.reviews-content p{

    max-width:760px;

    margin:auto;

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

    font-family:Poppins,sans-serif;

    font-size:18px;

    line-height:1.9;

}

/*=========================================
STATS
=========================================*/

.hero-review-stats{

    margin-top:60px;

    display:grid;

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

    gap:20px;

}

.review-stat{

    padding:28px;

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

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

    border-radius:22px;

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    transition:.35s;

}

.review-stat:hover{

    transform:translateY(-8px);

    background:rgba(238,119,28,.18);

    border-color:#EE771C;

}

.review-stat h3{

    font-family:"Cormorant Garamond",serif;

    font-size:42px;

    color:#F8F5EE;

    margin-bottom:8px;

}

.review-stat span{

    font-family:Poppins,sans-serif;

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

    font-size:15px;

}

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

.hero-tag,
.reviews-content h1,
.reviews-content p,
.hero-review-stats{

    opacity:0;

    transform:translateY(35px);

    animation:reviewFade .8s ease forwards;

}

.hero-tag{

    animation-delay:.2s;

}

.reviews-content h1{

    animation-delay:.4s;

}

.reviews-content p{

    animation-delay:.6s;

}

.hero-review-stats{

    animation-delay:.8s;

}

@keyframes reviewFade{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media(max-width:1024px){

.reviews-content h1{

font-size:60px;

}

.hero-review-stats{

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

}

}

@media(max-width:767px){

.reviews-hero{

min-height:auto;

padding:100px 0 70px;

}

.reviews-content{

padding:0 22px;

}

.reviews-content h1{

font-size:46px;

}

.reviews-content p{

font-size:16px;

line-height:1.8;

}

.hero-review-stats{

grid-template-columns:1fr 1fr;

gap:12px;

margin-top:40px;

}

.review-stat{

padding:18px;

border-radius:18px;

}

.review-stat h3{

font-size:28px;

}

.review-stat span{

font-size:13px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec051e3 *//*=========================================
GUEST JOURNEY
=========================================*/

.guest-journey{

    padding:140px 8%;

    background:#F8F5EE;

}

.journey-container{

    max-width:1300px;

    margin:auto;

    text-align:center;

}

.journey-container h2{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    color:#133E24;

    margin:20px 0;

    font-weight:500;

}

.journey-intro{

    max-width:760px;

    margin:0 auto 90px;

    color:#666;

    line-height:1.9;

    font-size:18px;

}

/* Timeline */

.journey-line{

    display:grid;

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

    position:relative;

    gap:30px;

}

.journey-line::before{

    content:"";

    position:absolute;

    top:45px;

    left:12%;

    width:76%;

    height:3px;

    background:#EE771C;

    z-index:0;

}

/* Step */

.journey-step{

    position:relative;

    z-index:2;

}

.journey-circle{

    width:90px;

    height:90px;

    margin:auto;

    background:#133E24;

    border:6px solid #F8F5EE;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:36px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.journey-step:hover .journey-circle{

    background:#EE771C;

    transform:translateY(-8px) scale(1.08);

}

.journey-step h4{

    margin-top:25px;

    font-family:"Cormorant Garamond",serif;

    color:#133E24;

    font-size:34px;

}

.journey-step p{

    margin-top:10px;

    color:#666;

    line-height:1.8;

    font-size:16px;

}

/* Mobile */

@media(max-width:991px){

.journey-line{

grid-template-columns:1fr;

gap:70px;

}

.journey-line::before{

display:none;

}

.journey-container h2{

font-size:46px;

}

}

@media(max-width:767px){

.guest-journey{

padding:90px 25px;

}

.journey-container h2{

font-size:38px;

}

.journey-intro{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f09a28 *//*=================================
REVIEWS WALL
=================================*/

.reviews-wall{

    padding:140px 8%;

    background:#ffffff;

}

.reviews-wall .container{

    max-width:1300px;

    margin:auto;

    text-align:center;

}

.reviews-wall h2{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    color:#133E24;

    margin:20px 0;

}

.reviews-intro{

    max-width:760px;

    margin:0 auto 70px;

    color:#666;

    line-height:1.9;

    font-size:18px;

}

/* Masonry */

.reviews-grid{

    columns:2;

    column-gap:30px;

}

.review-card{

    display:inline-block;

    width:100%;

    margin-bottom:30px;

    background:#F8F5EE;

    border-radius:24px;

    padding:35px;

    text-align:left;

    box-shadow:0 20px 45px rgba(0,0,0,.06);

    transition:.35s;

}

.review-card:hover{

    transform:translateY(-8px);

    box-shadow:0 35px 70px rgba(0,0,0,.12);

}

.review-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.reviewer{

    display:flex;

    align-items:center;

    gap:15px;

}

.reviewer img{

    width:60px;

    height:60px;

    border-radius:50%;

    object-fit:cover;

}

.reviewer h4{

    margin:0;

    color:#133E24;

    font-size:20px;

}

.reviewer span{

    color:#888;

    font-size:14px;

}

.google-icon{

    width:28px;

}

.stars{

    color:#EE771C;

    font-size:22px;

    letter-spacing:4px;

    margin-bottom:18px;

}

.review-card p{

    color:#555;

    line-height:1.9;

    font-size:16px;

}

/* Mobile */

@media(max-width:991px){

.reviews-grid{

columns:1;

}

.reviews-wall h2{

font-size:48px;

}

}

@media(max-width:767px){

.reviews-wall{

padding:90px 25px;

}

.reviews-wall h2{

font-size:38px;

}

.reviews-intro{

font-size:16px;

}

.review-card{

padding:28px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a749f66 *//*=================================
GUEST GALLERY
=================================*/

.guest-gallery{

    padding:140px 8%;

    background:#F8F5EE;

}

.guest-gallery .container{

    max-width:1400px;

    margin:auto;

    text-align:center;

}

.guest-gallery h2{

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    color:#133E24;

    margin:20px 0;

}

.gallery-intro{

    max-width:760px;

    margin:0 auto 70px;

    color:#666;

    font-size:18px;

    line-height:1.9;

}

/* Grid */

.gallery-grid{

    display:grid;

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

    grid-auto-rows:260px;

    gap:22px;

}

.gallery-item{

    overflow:hidden;

    border-radius:24px;

    position:relative;

}

.gallery-item.large{

    grid-column:span 2;

    grid-row:span 2;

}

.gallery-item.wide{

    grid-column:span 2;

}

.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-item::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(transparent,rgba(19,62,36,.45));

    opacity:0;

    transition:.4s;

}

.gallery-item:hover::after{

    opacity:1;

}

/* Mobile */

@media(max-width:991px){

.gallery-grid{

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

}

}

@media(max-width:767px){

.guest-gallery{

padding:90px 25px;

}

.guest-gallery h2{

font-size:40px;

}

.gallery-grid{

grid-template-columns:1fr;

grid-auto-rows:280px;

}

.gallery-item.large,

.gallery-item.wide{

grid-column:auto;

grid-row:auto;

}

}/* End custom CSS */