.elementor-13 .elementor-element.elementor-element-ff9deec{--display:flex;--min-height:94vh;}.elementor-13 .elementor-element.elementor-element-ff9deec:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-ff9deec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D6CBB6 0%, #D6CBB6 100%);}.elementor-13 .elementor-element.elementor-element-ff9deec:hover::before, .elementor-13 .elementor-element.elementor-element-ff9deec:hover > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-ff9deec:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-ff9deec > .elementor-background-slideshow:hover::before, .elementor-13 .elementor-element.elementor-element-ff9deec > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F1F0EDAD 0%, #F9EED8 100%);}.elementor-13 .elementor-element.elementor-element-ff9deec:hover{--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-83b8dab{--display:flex;--min-height:81vh;}.elementor-13 .elementor-element.elementor-element-a4e63ec{--display:flex;--min-height:96vh;--background-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-a4e63ec:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-a4e63ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D6CBB6 0%, #D6CBB6 100%);}.elementor-13 .elementor-element.elementor-element-a4e63ec:hover::before, .elementor-13 .elementor-element.elementor-element-a4e63ec:hover > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-a4e63ec:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-a4e63ec > .elementor-background-slideshow:hover::before, .elementor-13 .elementor-element.elementor-element-a4e63ec > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-a4e63ec:hover{--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-0263985{--display:flex;--min-height:88vh;}.elementor-13 .elementor-element.elementor-element-0263985:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0263985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D6CBB6 0%, #D6CBB6 100%);}.elementor-13 .elementor-element.elementor-element-8ca517f{--display:flex;--min-height:78vh;}.elementor-13 .elementor-element.elementor-element-323be38{--display:flex;--min-height:100vh;}.elementor-13 .elementor-element.elementor-element-323be38:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-323be38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D6CBB6 0%, #D6CBB6 100%);}.elementor-13 .elementor-element.elementor-element-cc2bba8{--display:flex;--min-height:45vh;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9ead1b7 *//*=========================================
MOIN BESPOKE EXPERIENCE
PART 2 - CSS
=========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
    --bg:#F8F6F2;
    --text:#111111;
    --muted:#6b6b6b;
    --line:#dddddd;
    --white:#ffffff;
}

body{
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
}

img{
    display:block;
    max-width:100%;
}

a{
    text-decoration:none;
}

/*========================*/

.moin-bespoke{
    background:var(--bg);
    padding:90px 6%;
}

.moin-container{
    max-width:1400px;
    margin:auto;
}

/*========================*/

.moin-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.moin-subtitle{
    display:block;
    font-size:12px;
    letter-spacing:4px;
    color:#777;
    margin-bottom:14px;
}

.moin-heading h2{
    font-family:"Cormorant Garamond",serif;
    font-size:62px;
    font-weight:500;
    line-height:1.1;
    margin-bottom:18px;
}

.moin-heading p{
    font-size:17px;
    line-height:1.8;
    color:var(--muted);
}

/*========================*/

.moin-grid{
    display:grid;
    grid-template-columns:46% 54%;
    gap:70px;
    align-items:start;
}

/*========================*/

.moin-left{
    position:sticky;
    top:90px;
}

.moin-image-wrapper{
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 30px 70px rgba(0,0,0,.08);
}

.moin-image-wrapper img{
    width:100%;
    height:78vh;
    object-fit:cover;
    transition:.5s ease;
}

/*========================*/

.moin-right{
    position:relative;
}

.moin-step{
    position:relative;
    min-height:72vh;
    display:flex;
    align-items:center;
    padding-left:80px;
    border-left:1px solid var(--line);
}

.moin-number{
    position:absolute;
    left:-24px;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    border:1px solid var(--line);

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

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

    transition:.3s;
}

.moin-step.active .moin-number{
    background:#111;
    color:#fff;
    border-color:#111;
}

.moin-content{
    max-width:520px;
}

.moin-content h3{
    font-family:"Cormorant Garamond",serif;
    font-size:52px;
    font-weight:500;
    margin-bottom:22px;
}

.moin-content p{
    font-size:17px;
    color:var(--muted);
    line-height:1.9;
}

.moin-btn{
    display:inline-block;
    margin-top:32px;
    padding:16px 38px;
    background:#111;
    color:#fff;
    border:1px solid #111;
    letter-spacing:2px;
    font-size:12px;
    transition:.35s;
}

.moin-btn:hover{
    background:transparent;
    color:#111;
}

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

@media (max-width:1024px){

.moin-bespoke{
    padding:70px 5%;
}

.moin-grid{
    gap:45px;
}

.moin-image-wrapper img{
    height:60vh;
}

.moin-step{
    min-height:60vh;
    padding-left:60px;
}

.moin-content h3{
    font-size:42px;
}

}

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

@media (max-width:768px){

.moin-bespoke{
    padding:55px 20px;
}

.moin-heading{
    margin-bottom:40px;
}

.moin-subtitle{
    font-size:11px;
    letter-spacing:3px;
}

.moin-heading h2{
    font-size:38px;
    margin-bottom:15px;
}

.moin-heading p{
    font-size:15px;
    line-height:1.7;
}

.moin-grid{
    display:block;
}

.moin-left{
    position:relative;
    top:0;
    margin-bottom:35px;
}

.moin-image-wrapper{
    border-radius:18px;
}

.moin-image-wrapper img{
    height:340px;
}

.moin-step{
    min-height:auto;
    padding:35px 0 35px 35px;
}

.moin-step + .moin-step{
    margin-top:12px;
}

.moin-number{
    width:34px;
    height:34px;
    left:-17px;
    font-size:11px;
}

.moin-content h3{
    font-size:32px;
    margin-bottom:12px;
}

.moin-content p{
    font-size:15px;
    line-height:1.7;
}

.moin-btn{
    margin-top:22px;
    padding:14px 26px;
    font-size:11px;
    letter-spacing:1.5px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-130410f *//* ================================
   MOIN TESTIMONIAL CONSTELLATION
   PART 2 - CSS
================================ */


/* MAIN SECTION */

.moin-testimonial-stars{
    width:100%;
    min-height:70vh;
    background:#F8F4EE;
    padding:70px 30px;
    overflow:hidden;
    position:relative;
    font-family:"Poppins", sans-serif;
}


.moin-testimonial-inner{
    max-width:1200px;
    margin:auto;
    text-align:center;
}


/* TITLE */

.moin-testimonial-title{
    font-family:"Cormorant Garamond", serif;
    font-size:46px;
    font-weight:500;
    color:#1b1b1b;
    margin:0 0 10px;
}


.moin-testimonial-subtitle{
    font-size:14px;
    letter-spacing:.5px;
    color:#555;
    margin-bottom:35px;
}



/* STAR AREA */

.star-canvas{
    width:100%;
    height:380px;
    position:relative;
}



/* DECORATIVE STARS */

.lux-star{
    position:absolute;
    color:#555;
    font-size:13px;
    opacity:.55;
    pointer-events:none;
}


/* scattered constellation */

.d1{top:8%;left:8%}
.d2{top:15%;left:23%}
.d3{top:5%;left:45%}
.d4{top:18%;right:15%}
.d5{top:10%;right:35%}

.d6{top:35%;left:5%}
.d7{top:45%;left:18%}
.d8{top:55%;left:35%}
.d9{top:40%;right:25%}
.d10{top:65%;right:8%}

.d11{bottom:15%;left:12%}
.d12{bottom:25%;left:28%}
.d13{bottom:10%;left:45%}
.d14{bottom:18%;right:30%}
.d15{bottom:8%;right:12%}

.d16{top:28%;left:70%}
.d17{top:50%;left:55%}
.d18{top:72%;left:65%}
.d19{top:25%;right:5%}
.d20{bottom:30%;right:45%}

.d21{top:80%;left:8%}
.d22{top:75%;left:40%}
.d23{top:30%;left:32%}
.d24{top:60%;right:35%}
.d25{bottom:5%;left:75%}

.d26{top:12%;left:60%}
.d27{top:70%;right:20%}
.d28{bottom:35%;left:58%}
.d29{top:85%;right:40%}
.d30{top:40%;left:85%}




/* CUSTOMER STARS */

.client-star{

    position:absolute;

    background:none;
    border:none;

    color:#111;

    font-size:22px;
    line-height:1;

    cursor:pointer;

    padding:0;

    transition:.3s ease;

}


.client-star:hover{
    transform:scale(1.2);
}


.client-star:focus{
    outline:none;
}


/* STAR POSITIONS */

.client-star:nth-of-type(31){
    top:40%;
    left:45%;
}


.client-star:nth-of-type(32){
    top:20%;
    left:25%;
}


.client-star:nth-of-type(33){
    top:65%;
    left:20%;
}


.client-star:nth-of-type(34){
    top:30%;
    right:25%;
}


.client-star:nth-of-type(35){
    bottom:20%;
    right:35%;
}


.client-star:nth-of-type(36){
    top:55%;
    right:15%;
}


.client-star:nth-of-type(37){
    top:15%;
    right:45%;
}


.client-star:nth-of-type(38){
    bottom:30%;
    left:55%;
}


.client-star:nth-of-type(39){
    top:70%;
    left:75%;
}


.client-star:nth-of-type(40){
    bottom:15%;
    left:35%;
}



/* ACTIVE STAR */

.client-star.active{
    font-size:27px;
}



/* REVIEW POPUP */

.mini-review{

    position:absolute;

    top:30%;
    left:50%;

    transform:translateX(-50%);

    width:220px;

    background:#fff;

    padding:15px 18px;

    text-align:left;

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

    border-radius:2px;

}


.mini-review h4{

    font-family:"Cormorant Garamond",serif;
    font-size:19px;
    font-weight:600;

    margin:0 0 5px;

    color:#111;

}


.mini-review p{

    font-size:12px;

    line-height:1.6;

    color:#555;

    margin:0;

}




/* ARROW POINTER */

.star-pointer{

    position:absolute;

    top:24%;
    left:44%;

    display:flex;

    flex-direction:column;

    align-items:center;

}


.pointer-arrow{

    font-size:28px;

    color:#111;

    line-height:1;

}



.pointer-click{

    margin-top:5px;

    font-size:10px;

    letter-spacing:2px;

    color:#555;

}




/* MOBILE */

@media(max-width:768px){


.moin-testimonial-stars{

    padding:50px 15px;

}


.moin-testimonial-title{

    font-size:32px;

}


.star-canvas{

    height:430px;

}


.client-star{

    font-size:18px;

}


.client-star.active{

    font-size:22px;

}


.mini-review{

    width:180px;

    padding:12px;

}


.mini-review p{

    font-size:11px;

}


.star-pointer{

    left:42%;

}



}/* End custom CSS */