.elementor-66 .elementor-element.elementor-element-8e34263{--display:flex;}/* Start custom CSS for html, class: .elementor-element-147477b *//* =====================================================
   CONTACT — PART 3
===================================================== */

.serenity-contact-enquiry{

    width:100%;

    padding:
        110px 7vw;

    background:#f4f1eb;

}


.serenity-contact-enquiry-wrapper{

    max-width:1200px;

    margin:0 auto;

    display:grid;

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

    gap:8vw;

    align-items:start;

}


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

.serenity-contact-enquiry-info{

    padding-top:20px;

}


.serenity-contact-enquiry-info h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(58px,6vw,82px);

    line-height:.78;

    font-weight:400;

}


.serenity-contact-enquiry-info h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-contact-enquiry-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#b38b68;

}


.serenity-contact-enquiry-info > p{

    max-width:450px;

    margin:
        0 0 14px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-contact-enquiry-info
.serenity-contact-enquiry-lead{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   DIRECT CONTACT
===================================================== */

.serenity-contact-direct{

    max-width:450px;

    margin-top:30px;

    border-top:
        1px solid #d8d0c7;

}


.serenity-contact-direct a{

    display:flex;

    flex-direction:column;

    gap:4px;

    padding:
        13px 0;

    border-bottom:
        1px solid #d8d0c7;

    color:#3d3833;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


.serenity-contact-direct a:hover{

    color:#b38b68;

}


.serenity-contact-direct span{

    color:#a88b70;

    font-family:
        Arial,
        sans-serif;

    font-size:6px;

    letter-spacing:1.8px;

}


/* =====================================================
   SOCIAL
===================================================== */

.serenity-contact-social{

    margin-top:35px;

}


.serenity-contact-social > span{

    display:block;

    margin-bottom:12px;

    color:#938980;

    font-size:6px;

    letter-spacing:2px;

}


.serenity-contact-social > div{

    display:flex;

    gap:10px;

}


.serenity-contact-social a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:
        10px 14px;

    border:
        1px solid #d5ccc2;

    color:#4d4741;

    font-size:7px;

    letter-spacing:1.3px;

    transition:
        background .3s ease,
        color .3s ease;

}


.serenity-contact-social a b{

    color:#b38b68;

    font-size:12px;

    font-weight:400;

}


.serenity-contact-social a:hover{

    background:#292621;

    border-color:#292621;

    color:#fff;

}


/* =====================================================
   FORM BOX
===================================================== */

.serenity-contact-form-box{

    padding:
        38px;

    background:#fff;

    box-shadow:
        0 25px 70px
        rgba(50,40,30,.08);

}


.serenity-form-top{

    display:flex;

    justify-content:space-between;

    padding-bottom:18px;

    border-bottom:
        1px solid #ddd5cd;

}


.serenity-form-top span{

    color:#a88b70;

    font-size:7px;

    letter-spacing:2px;

}


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

.serenity-contact-form{

    padding-top:10px;

}


.serenity-form-field{

    display:flex;

    flex-direction:column;

    margin-top:22px;

}


.serenity-form-field label{

    margin-bottom:8px;

    color:#7f766e;

    font-size:6px;

    letter-spacing:1.7px;

}


.serenity-form-field input,
.serenity-form-field select,
.serenity-form-field textarea{

    width:100%;

    box-sizing:border-box;

    border:0;

    border-bottom:
        1px solid #d8d0c7;

    outline:none;

    border-radius:0;

    background:transparent;

    padding:
        10px 0;

    color:#3c3732;

    font-family:inherit;

    font-size:10px;

}


.serenity-form-field textarea{

    resize:vertical;

    min-height:100px;

}


.serenity-form-field input:focus,
.serenity-form-field select:focus,
.serenity-form-field textarea:focus{

    border-bottom-color:#b38b68;

}


.serenity-form-field input::placeholder,
.serenity-form-field textarea::placeholder{

    color:#b4ada6;

}


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

.serenity-form-submit{

    margin-top:30px;

    border:0;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:space-between;

    width:100%;

    padding:
        16px 20px;

    background:#292621;

    color:#fff;

    font-size:7px;

    letter-spacing:1.8px;

    transition:
        background .3s ease;

}


.serenity-form-submit span{

    color:#d2ad88;

    font-size:16px;

}


.serenity-form-submit:hover{

    background:#b38b68;

}


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

@media(max-width:900px){

    .serenity-contact-enquiry-wrapper{

        grid-template-columns:1fr;

        gap:60px;

    }

}


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

@media(max-width:600px){

    .serenity-contact-enquiry{

        padding:
            75px 20px;

    }


    .serenity-contact-enquiry-info h2{

        font-size:55px;

    }


    .serenity-contact-form-box{

        padding:25px 20px;

    }


    .serenity-contact-social > div{

        flex-direction:column;

        align-items:flex-start;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0450fc *//* =====================================================
   CONTACT — MAP
===================================================== */

.serenity-contact-map{

    padding:
        105px 7vw;

    background:#211c18;

    color:#fff;

}


.serenity-contact-map-heading{

    max-width:650px;

    margin:
        0 auto 45px;

    text-align:center;

}


.serenity-contact-map-heading h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(52px,5vw,72px);

    line-height:.85;

    font-weight:400;

}


.serenity-contact-map-heading h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-contact-map-heading p{

    max-width:500px;

    margin:18px auto 0;

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

    font-size:10px;

    line-height:2;

}


.serenity-contact-map-wrapper{

    max-width:1200px;

    margin:0 auto;

    overflow:hidden;

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

}


.serenity-contact-map-wrapper iframe{

    display:block;

    filter:
        grayscale(100%)
        contrast(.9);

}


/* =====================================================
   MAP INFO
===================================================== */

.serenity-contact-map-info{

    max-width:1200px;

    margin:
        0 auto;

    display:grid;

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

    border-left:
        1px solid
        rgba(255,255,255,.12);

}


.serenity-contact-map-info > div{

    padding:
        20px 25px;

    border-right:
        1px solid
        rgba(255,255,255,.12);

}


.serenity-contact-map-info span{

    display:block;

    margin-bottom:7px;

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

    font-size:6px;

    letter-spacing:2px;

}


.serenity-contact-map-info strong{

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:19px;

    font-weight:400;

}


@media(max-width:600px){

    .serenity-contact-map{

        padding:
            75px 20px;

    }


    .serenity-contact-map-wrapper iframe{

        height:400px;

    }


    .serenity-contact-map-info{

        grid-template-columns:1fr;

    }


    .serenity-contact-map-info > div{

        border-bottom:
            1px solid
            rgba(255,255,255,.12);

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c49d99a *//* =====================================================
   CONTACT PAGE — PART 5
   FINAL BOOKING CTA
===================================================== */

.serenity-contact-final{

    position:relative;

    width:100%;

    min-height:650px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    color:#fff;

}


/* =====================================================
   BACKGROUND
===================================================== */

.serenity-contact-final-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-contact-final-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    transition:
        transform 10s ease;

}


.serenity-contact-final:hover
.serenity-contact-final-bg img{

    transform:scale(1.09);

}


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

.serenity-contact-final-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(17,14,12,.88),
            rgba(17,14,12,.66),
            rgba(17,14,12,.38)
        );

}


/* =====================================================
   FRAME
===================================================== */

.serenity-contact-final-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-contact-final-content{

    position:relative;

    z-index:5;

    width:min(750px,84%);

    text-align:center;

}


.serenity-contact-final-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(65px,7vw,100px);

    line-height:.78;

    font-weight:400;

}


.serenity-contact-final-content h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-contact-final-line{

    width:50px;

    height:1px;

    margin:
        28px auto;

    background:#d2ad88;

}


.serenity-contact-final-content > p{

    max-width:540px;

    margin:
        0 auto;

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

    font-size:10px;

    line-height:2;

}


/* =====================================================
   ACTIONS
===================================================== */

.serenity-contact-final-actions{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:30px;

}


.serenity-contact-final-primary,
.serenity-contact-final-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    min-width:190px;

    padding:
        15px 20px;

    font-size:8px;

    letter-spacing:1.6px;

    transition:
        all .3s ease;

}


.serenity-contact-final-primary{

    background:#b38b68;

    color:#fff;

}


.serenity-contact-final-primary:hover{

    background:#c39a77;

    color:#fff;

    transform:
        translateY(-3px);

}


.serenity-contact-final-secondary{

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

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

    color:#fff;

}


.serenity-contact-final-secondary:hover{

    background:#fff;

    border-color:#fff;

    color:#292621;

    transform:
        translateY(-3px);

}


.serenity-contact-final-actions span{

    font-size:15px;

}


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

.serenity-contact-final-contact{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:27px;

}


.serenity-contact-final-contact a{

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

    font-size:8px;

    transition:
        color .3s ease;

}


.serenity-contact-final-contact a:hover{

    color:#d2ad88;

}


.serenity-contact-final-contact i{

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

    font-style:normal;

}


/* =====================================================
   LOCATION
===================================================== */

.serenity-contact-final-location{

    margin-top:20px;

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

    font-size:6px;

    letter-spacing:3px;

}


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

@media(max-width:600px){

    .serenity-contact-final{

        min-height:700px;

    }


    .serenity-contact-final-frame{

        inset:15px;

    }


    .serenity-contact-final-content{

        width:82%;

    }


    .serenity-contact-final-content h2{

        font-size:58px;

    }


    .serenity-contact-final-actions{

        flex-direction:column;

        width:100%;

    }


    .serenity-contact-final-primary,
    .serenity-contact-final-secondary{

        width:100%;

    }


    .serenity-contact-final-contact{

        flex-direction:column;

        gap:6px;

    }


    .serenity-contact-final-contact i{

        display:none;

    }

}/* End custom CSS */