.elementor-60 .elementor-element.elementor-element-644c5c8{--display:flex;}.elementor-60 .elementor-element.elementor-element-13fbed2{--display:flex;--margin-top:-95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-8e423c7 *//* =====================================================
   ROOMS & SUITES PAGE — HERO
===================================================== */

.serenity-rooms-page-hero{

    position:relative;

    width:100%;

    height:650px;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

}


.serenity-rooms-page-hero-image{

    position:absolute;

    inset:0;

}


.serenity-rooms-page-hero-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    display:block;

    transform:scale(1.03);

    animation:
        serenityRoomsHeroZoom
        15s
        ease-in-out
        infinite
        alternate;

}


.serenity-rooms-page-hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.76),
            rgba(18,15,12,.42),
            rgba(18,15,12,.28)
        );

}


.serenity-rooms-page-hero-content{

    position:relative;

    z-index:5;

    width:min(900px,86%);

    text-align:center;

}


.serenity-rooms-page-hero-content h1{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(65px,8vw,110px);

    font-weight:400;

    line-height:.82;

    letter-spacing:-1px;

}


.serenity-rooms-page-hero-content h1 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


.serenity-rooms-page-hero-content p{

    max-width:500px;

    margin:
        28px auto 0;

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

    font-size:11px;

    line-height:2;

}


.serenity-rooms-page-hero-line{

    width:50px;

    height:1px;

    background:#d2ad88;

    margin:
        25px auto 15px;

}


.serenity-rooms-page-hero-content > span{

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

    font-size:7px;

    letter-spacing:3px;

}


.serenity-rooms-page-scroll{

    position:absolute;

    z-index:5;

    bottom:28px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:9px;

}


.serenity-rooms-page-scroll span{

    font-size:7px;

    letter-spacing:2px;

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

}


.serenity-rooms-page-scroll i{

    width:1px;

    height:38px;

    background:
        linear-gradient(
            to bottom,
            #fff,
            transparent
        );

    animation:
        serenityRoomsScroll
        2s
        ease-in-out
        infinite;

}


@keyframes serenityRoomsHeroZoom{

    from{
        transform:scale(1.03);
    }

    to{
        transform:scale(1.09);
    }

}


@keyframes serenityRoomsScroll{

    0%{
        transform:scaleY(.5);
        opacity:.4;
        transform-origin:top;
    }

    50%{
        transform:scaleY(1);
        opacity:1;
    }

    100%{
        transform:scaleY(.5);
        opacity:.4;
        transform-origin:bottom;
    }

}


@media(max-width:600px){

    .serenity-rooms-page-hero{

        height:600px;

    }


    .serenity-rooms-page-hero-content{

        width:82%;

    }


    .serenity-rooms-page-hero-content h1{

        font-size:62px;

    }


    .serenity-rooms-page-hero-content p{

        font-size:10px;

        line-height:1.9;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ff54ea *//* =====================================================
   ROOMS PAGE — INTRO
===================================================== */

.serenity-rooms-intro{

    padding:
        100px 7vw;

    background:#f4f1eb;

    text-align:center;

}


.serenity-rooms-intro-inner{

    max-width:700px;

    margin:auto;

}


.serenity-rooms-intro h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(48px,5vw,68px);

    line-height:.9;

    font-weight:400;

    color:#292621;

}


.serenity-rooms-intro h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-rooms-intro p{

    max-width:540px;

    margin:
        20px auto 0;

    color:#77716b;

    font-size:11px;

    line-height:2;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1022bc *//* =====================================================
   ROOMS PAGE — STANDARD ROOM
===================================================== */

.serenity-room-detail-section{

    width:100%;

    padding:
        110px 7vw;

    background:#fff;

}


.serenity-room-detail-wrapper{

    max-width:1250px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        1.08fr
        .92fr;

    align-items:center;

    gap:7vw;

}


/* =====================================================
   IMAGE
===================================================== */

.serenity-room-detail-image{

    position:relative;

}


.serenity-room-detail-image-inner{

    position:relative;

    height:600px;

    overflow:hidden;

}


.serenity-room-detail-image-inner img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform 1.2s ease;

}


.serenity-room-detail-image:hover
.serenity-room-detail-image-inner img{

    transform:scale(1.045);

}


/* =====================================================
   IMAGE LABEL
===================================================== */

.serenity-room-detail-number{

    position:absolute;

    left:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        11px 15px;

    background:
        rgba(22,19,16,.78);

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-room-detail-number span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


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

.serenity-room-detail-content{

    max-width:520px;

}


.serenity-room-detail-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(55px,5.5vw,78px);

    line-height:.82;

    font-weight:400;

    color:#292621;

}


.serenity-room-detail-content h2 em{

    display:block;

    color:#b38b68;

    font-style:italic;

}


.serenity-room-detail-line{

    width:50px;

    height:1px;

    background:#b38b68;

    margin:
        30px 0;

}


.serenity-room-detail-content p{

    max-width:490px;

    margin:
        0 0 15px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-room-detail-content
.serenity-room-detail-intro{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   ROOM SPECS
===================================================== */

.serenity-room-specs{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    margin-top:30px;

    border-top:
        1px solid #ded7cf;

    border-left:
        1px solid #ded7cf;

}


.serenity-room-specs > div{

    min-height:78px;

    padding:
        16px 18px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-right:
        1px solid #ded7cf;

    border-bottom:
        1px solid #ded7cf;

}


.serenity-room-specs span{

    color:#a88b70;

    font-size:6px;

    letter-spacing:1.8px;

    margin-bottom:5px;

}


.serenity-room-specs strong{

    color:#3d3833;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:19px;

    font-weight:500;

}


/* =====================================================
   FEATURES
===================================================== */

.serenity-room-detail-features{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px 20px;

    margin-top:25px;

}


.serenity-room-detail-features > div{

    display:flex;

    align-items:center;

    gap:8px;

    color:#625c56;

    font-size:8px;

}


.serenity-room-detail-features span{

    color:#b38b68;

    font-size:11px;

}


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

.serenity-room-detail-actions{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:32px;

}


.serenity-room-detail-actions
.serenity-brown-button{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:
        14px 20px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-room-detail-actions
.serenity-brown-button:hover{

    background:#967253;

    color:#fff;

    transform:
        translateY(-2px);

}


.serenity-room-detail-actions
.serenity-text-button{

    color:#4b4640;

    font-size:8px;

    letter-spacing:1.5px;

}


.serenity-room-detail-actions
.serenity-text-button span{

    color:#b38b68;

    margin-left:5px;

}


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

@media(max-width:950px){

    .serenity-room-detail-wrapper{

        grid-template-columns:1fr;

        gap:55px;

    }


    .serenity-room-detail-content{

        max-width:700px;

    }


    .serenity-room-detail-image-inner{

        height:550px;

    }

}


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

@media(max-width:600px){

    .serenity-room-detail-section{

        padding:
            75px 20px;

    }


    .serenity-room-detail-image-inner{

        height:390px;

    }


    .serenity-room-detail-number{

        left:15px;

        bottom:15px;

    }


    .serenity-room-detail-content h2{

        font-size:52px;

    }


    .serenity-room-specs{

        grid-template-columns:1fr 1fr;

    }


    .serenity-room-specs > div{

        min-height:70px;

        padding:
            13px;

    }


    .serenity-room-detail-features{

        grid-template-columns:1fr;

    }


    .serenity-room-detail-actions{

        flex-wrap:wrap;

        gap:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5613a92 *//* =====================================================
   ROOMS PAGE — DELUXE ROOM
===================================================== */

.serenity-deluxe-section{

    width:100%;

    padding:
        110px 7vw;

    background:#f4f1eb;

}


.serenity-deluxe-wrapper{

    max-width:1250px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    align-items:center;

    gap:7vw;

}


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

.serenity-deluxe-content{

    max-width:520px;

}


.serenity-deluxe-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(55px,5.5vw,78px);

    line-height:.82;

    font-weight:400;

    color:#292621;

}


.serenity-deluxe-content h2 em{

    display:block;

    color:#b38b68;

    font-style:italic;

}


.serenity-deluxe-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#b38b68;

}


.serenity-deluxe-content p{

    max-width:470px;

    margin:
        0 0 15px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-deluxe-content
.serenity-deluxe-intro{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   HIGHLIGHTS
===================================================== */

.serenity-deluxe-highlights{

    margin-top:32px;

    border-top:
        1px solid #d8d0c7;

}


.serenity-deluxe-highlights > div{

    display:grid;

    grid-template-columns:
        35px 1fr;

    padding:
        15px 0;

    border-bottom:
        1px solid #d8d0c7;

}


.serenity-deluxe-highlights span{

    color:#b38b68;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-deluxe-highlights strong{

    color:#3e3934;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:500;

}


.serenity-deluxe-highlights p{

    grid-column:2;

    margin:3px 0 0;

    color:#817a73;

    font-size:8px;

    line-height:1.7;

}


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

.serenity-deluxe-actions{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:32px;

}


.serenity-deluxe-actions
.serenity-brown-button{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:
        14px 20px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-deluxe-actions
.serenity-brown-button:hover{

    background:#967253;

    color:#fff;

    transform:
        translateY(-2px);

}


.serenity-deluxe-actions
.serenity-text-button{

    color:#4b4640;

    font-size:8px;

    letter-spacing:1.5px;

}


.serenity-deluxe-actions
.serenity-text-button span{

    color:#b38b68;

    margin-left:5px;

}


/* =====================================================
   IMAGE
===================================================== */

.serenity-deluxe-image{

    position:relative;

}


.serenity-deluxe-image-inner{

    height:600px;

    overflow:hidden;

}


.serenity-deluxe-image-inner img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform 1.2s ease;

}


.serenity-deluxe-image:hover
.serenity-deluxe-image-inner img{

    transform:scale(1.045);

}


/* =====================================================
   IMAGE LABEL
===================================================== */

.serenity-deluxe-number{

    position:absolute;

    right:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        11px 15px;

    background:
        rgba(22,19,16,.78);

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-deluxe-number span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


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

@media(max-width:950px){

    .serenity-deluxe-wrapper{

        grid-template-columns:1fr;

        gap:55px;

    }


    .serenity-deluxe-content{

        max-width:700px;

        order:1;

    }


    .serenity-deluxe-image{

        order:2;

    }


    .serenity-deluxe-image-inner{

        height:550px;

    }

}


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

@media(max-width:600px){

    .serenity-deluxe-section{

        padding:
            75px 20px;

    }


    .serenity-deluxe-image-inner{

        height:390px;

    }


    .serenity-deluxe-content h2{

        font-size:52px;

    }


    .serenity-deluxe-number{

        right:15px;

        bottom:15px;

    }


    .serenity-deluxe-actions{

        flex-wrap:wrap;

        gap:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1519fa *//* =====================================================
   ROOMS PAGE — LUXURY ROOM
===================================================== */

.serenity-luxury-section{

    position:relative;

    width:100%;

    min-height:720px;

    display:flex;

    align-items:center;

    overflow:hidden;

    color:#fff;

}


.serenity-luxury-background{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-luxury-background img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    transition:
        transform 10s ease;

}


.serenity-luxury-section:hover
.serenity-luxury-background img{

    transform:scale(1.09);

}


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

.serenity-luxury-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(16,13,10,.88),
            rgba(16,13,10,.66) 50%,
            rgba(16,13,10,.25)
        );

}


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

.serenity-luxury-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-luxury-content{

    position:relative;

    z-index:5;

    width:min(650px,82%);

    margin-left:10vw;

}


.serenity-luxury-number{

    position:absolute;

    top:-5px;

    right:0;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:80px;

    line-height:1;

}


.serenity-luxury-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(65px,8vw,105px);

    line-height:.78;

    font-weight:400;

}


.serenity-luxury-content h2 em{

    display:block;

    color:#d4af8a;

    font-style:italic;

}


.serenity-luxury-line{

    width:52px;

    height:1px;

    margin:
        30px 0;

    background:#d2ad88;

}


.serenity-luxury-content p{

    max-width:500px;

    margin:
        0 0 14px;

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

    font-size:10px;

    line-height:2;

}


.serenity-luxury-content
.serenity-luxury-intro{

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

    font-size:11px;

}


/* =====================================================
   FEATURES
===================================================== */

.serenity-luxury-features{

    max-width:530px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    margin-top:30px;

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

}


.serenity-luxury-features > div{

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        15px 12px 15px 0;

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

}


.serenity-luxury-features span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-luxury-features strong{

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

    font-size:8px;

    font-weight:400;

    letter-spacing:.8px;

}


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

.serenity-luxury-actions{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:32px;

}


.serenity-luxury-book{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:
        14px 21px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-luxury-book span{

    font-size:15px;

}


.serenity-luxury-book:hover{

    background:#c29a76;

    color:#fff;

    transform:
        translateY(-3px);

}


.serenity-luxury-contact{

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

    font-size:8px;

    letter-spacing:1.5px;

}


.serenity-luxury-contact span{

    color:#d2ad88;

    margin-left:5px;

}


/* =====================================================
   SIDE LABEL
===================================================== */

.serenity-luxury-side-label{

    position:absolute;

    right:35px;

    top:50%;

    z-index:5;

    transform:
        translateY(-50%)
        rotate(180deg);

    writing-mode:vertical-rl;

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

    font-size:7px;

    letter-spacing:4px;

}


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

@media(max-width:900px){

    .serenity-luxury-content{

        margin-left:7vw;

    }


    .serenity-luxury-side-label{

        display:none;

    }

}


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

@media(max-width:600px){

    .serenity-luxury-section{

        min-height:700px;

    }


    .serenity-luxury-frame{

        inset:15px;

    }


    .serenity-luxury-content{

        width:82%;

        margin-left:0;

    }


    .serenity-luxury-content h2{

        font-size:60px;

    }


    .serenity-luxury-number{

        right:0;

        font-size:55px;

    }


    .serenity-luxury-features{

        grid-template-columns:1fr;

    }


    .serenity-luxury-actions{

        flex-wrap:wrap;

        gap:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a146caf *//* =====================================================
   ROOMS PAGE — AMENITIES
===================================================== */

.serenity-room-amenities{

    width:100%;

    padding:
        110px 7vw 90px;

    background:#f4f1eb;

}


/* =====================================================
   HEADING
===================================================== */

.serenity-room-amenities-heading{

    max-width:700px;

    margin:
        0 auto 60px;

    text-align:center;

}


.serenity-room-amenities-heading h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(48px,5vw,68px);

    line-height:.9;

    font-weight:400;

    color:#292621;

}


.serenity-room-amenities-heading h2 em{

    display:block;

    color:#b38b68;

    font-style:italic;

}


.serenity-room-amenities-heading p{

    max-width:540px;

    margin:
        20px auto 0;

    color:#77716b;

    font-size:11px;

    line-height:2;

}


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

.serenity-room-amenities-grid{

    max-width:1200px;

    margin:0 auto;

    display:grid;

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

    border-top:
        1px solid #d9d1c8;

    border-left:
        1px solid #d9d1c8;

}


/* =====================================================
   AMENITY CARD
===================================================== */

.serenity-room-amenity{

    min-height:230px;

    padding:
        30px;

    background:#f4f1eb;

    border-right:
        1px solid #d9d1c8;

    border-bottom:
        1px solid #d9d1c8;

    transition:
        background .35s ease,
        transform .35s ease;

}


.serenity-room-amenity:hover{

    background:#fff;

}


/* =====================================================
   TOP
===================================================== */

.serenity-room-amenity-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:28px;

}


.serenity-room-amenity-top > span{

    color:#b8aea4;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-room-amenity-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid #d5ccc2;

    border-radius:50%;

    color:#a9896c;

    font-size:18px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;

}


.serenity-room-amenity:hover
.serenity-room-amenity-icon{

    background:#b38b68;

    border-color:#b38b68;

    color:#fff;

    transform:
        rotate(8deg);

}


/* =====================================================
   TITLE
===================================================== */

.serenity-room-amenity h3{

    margin:
        0 0 10px;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:26px;

    line-height:1;

    font-weight:500;

}


/* =====================================================
   DESCRIPTION
===================================================== */

.serenity-room-amenity p{

    max-width:280px;

    margin:0;

    color:#77716b;

    font-size:9px;

    line-height:1.9;

}


/* =====================================================
   BOTTOM NOTE
===================================================== */

.serenity-room-amenities-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin-top:55px;

}


.serenity-room-amenities-note span{

    width:45px;

    height:1px;

    background:#cfc5bb;

}


.serenity-room-amenities-note p{

    margin:0;

    color:#928a82;

    font-size:7px;

    letter-spacing:2px;

    text-align:center;

}


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

@media(max-width:900px){

    .serenity-room-amenities-grid{

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

    }

}


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

@media(max-width:600px){

    .serenity-room-amenities{

        padding:
            75px 20px 65px;

    }


    .serenity-room-amenities-heading{

        margin-bottom:40px;

    }


    .serenity-room-amenities-heading h2{

        font-size:48px;

    }


    .serenity-room-amenities-grid{

        grid-template-columns:1fr;

    }


    .serenity-room-amenity{

        min-height:205px;

        padding:27px 24px;

    }


    .serenity-room-amenities-note{

        gap:9px;

    }


    .serenity-room-amenities-note span{

        width:23px;

    }


    .serenity-room-amenities-note p{

        font-size:6px;

        letter-spacing:1px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adcdd59 *//* =====================================================
   ROOMS PAGE — FINAL BOOKING CTA
===================================================== */

.serenity-rooms-booking{

    position:relative;

    width:100%;

    min-height:600px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    color:#fff;

}


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

.serenity-rooms-booking-bg{

    position:absolute;

    inset:0;

}


.serenity-rooms-booking-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    transition:
        transform 8s ease;

}


.serenity-rooms-booking:hover
.serenity-rooms-booking-bg img{

    transform:scale(1.09);

}


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

.serenity-rooms-booking-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.87),
            rgba(18,15,12,.63),
            rgba(18,15,12,.43)
        );

}


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

.serenity-rooms-booking-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-rooms-booking-content{

    position:relative;

    z-index:5;

    width:min(650px,86%);

    text-align:center;

}


.serenity-rooms-booking-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(60px,7vw,90px);

    line-height:.82;

    font-weight:400;

}


.serenity-rooms-booking-content h2 em{

    color:#d3ae88;

    font-style:italic;

}


.serenity-rooms-booking-line{

    width:50px;

    height:1px;

    margin:
        28px auto;

    background:#d2ad88;

}


.serenity-rooms-booking-content > p{

    max-width:510px;

    margin:
        0 auto;

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

    font-size:10px;

    line-height:2;

}


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

.serenity-rooms-booking-actions{

    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:30px;

}


.serenity-room-booking-primary,
.serenity-room-booking-secondary{

    min-width:225px;

    min-height:66px;

    padding:
        11px 16px;

    display:flex;

    align-items:center;

    gap:12px;

    text-align:left;

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

}


.serenity-room-booking-primary{

    background:#b38b68;

    color:#fff;

}


.serenity-room-booking-secondary{

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

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

    color:#fff;

}


.serenity-room-booking-primary:hover{

    background:#c39a77;

    color:#fff;

    transform:
        translateY(-3px);

}


.serenity-room-booking-secondary:hover{

    background:#fff;

    border-color:#fff;

    color:#292621;

    transform:
        translateY(-3px);

}


/* =====================================================
   ICON
===================================================== */

.booking-icon{

    width:33px;

    height:33px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:50%;

    font-size:11px;

}


/* =====================================================
   NUMBER TEXT
===================================================== */

.serenity-room-booking-primary > span:nth-child(2),
.serenity-room-booking-secondary > span:nth-child(2){

    flex:1;

    display:flex;

    flex-direction:column;

    gap:3px;

    font-size:9px;

    letter-spacing:.7px;

}


.serenity-room-booking-actions small{

    font-size:6px;

    letter-spacing:1.8px;

    opacity:.7;

}


.serenity-room-booking-actions b{

    font-size:15px;

    font-weight:400;

}


/* =====================================================
   EMAIL
===================================================== */

.serenity-rooms-booking-email{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-top:18px;

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

    font-size:9px;

    transition:
        color .3s ease;

}


.serenity-rooms-booking-email span{

    font-size:6px;

    letter-spacing:1.7px;

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

}


.serenity-rooms-booking-email b{

    color:#d2ad88;

    font-size:15px;

    font-weight:400;

}


.serenity-rooms-booking-email:hover{

    color:#fff;

}


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

.serenity-rooms-booking-location{

    margin-top:28px;

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

    font-size:7px;

    letter-spacing:3px;

}


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

@media(max-width:600px){

    .serenity-rooms-booking{

        min-height:680px;

    }


    .serenity-rooms-booking-frame{

        inset:15px;

    }


    .serenity-rooms-booking-content{

        width:82%;

    }


    .serenity-rooms-booking-content h2{

        font-size:58px;

    }


    .serenity-room-booking-primary,
    .serenity-room-booking-secondary{

        width:100%;

        min-width:0;

    }


    .serenity-rooms-booking-actions{

        flex-direction:column;

    }


    .serenity-rooms-booking-email{

        flex-direction:column;

        gap:4px;

        line-height:1.6;

    }

}/* End custom CSS */