.elementor-257 .elementor-element.elementor-element-17fc54c{--display:flex;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-32616ea *//* =====================================================
   ROOMS HERO
===================================================== */

.serenity-rooms-hero{

    position:relative;

    width:100%;

    min-height:760px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:visible;

    color:#fff;

}


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

.serenity-rooms-hero-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-rooms-hero-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

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

}


@keyframes serenityRoomsHeroZoom{

    from{
        transform:scale(1.04);
    }

    to{
        transform:scale(1.09);
    }

}


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

.serenity-rooms-hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.86),
            rgba(18,15,12,.55),
            rgba(18,15,12,.30)
        );

}


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

.serenity-rooms-hero-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-rooms-hero-content{

    position:relative;

    z-index:5;

    width:min(800px,86%);

    margin-top:-80px;

    text-align:center;

}


.serenity-rooms-hero-content h1{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(70px,9vw,120px);

    line-height:.78;

    font-weight:400;

}


.serenity-rooms-hero-content h1 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


.serenity-rooms-hero-content p{

    max-width:540px;

    margin:
        30px auto 0;

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

    font-size:10px;

    line-height:2;

}


.serenity-rooms-hero-line{

    width:50px;

    height:1px;

    margin:
        28px auto 15px;

    background:#d2ad88;

}


.serenity-rooms-hero-content > span{

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

    font-size:7px;

    letter-spacing:2.5px;

}


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

.serenity-rooms-booking{

    position:absolute;

    left:50%;

    bottom:-45px;

    z-index:20;

    transform:translateX(-50%);

    width:min(1080px,86%);

    min-height:90px;

    padding:12px;

    display:grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1.35fr;

    align-items:center;

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

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

}


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

.serenity-booking-field{

    padding:
        8px 25px;

}


.serenity-booking-field label{

    display:block;

    margin-bottom:7px;

    color:#a88b70;

    font-size:6px;

    letter-spacing:2px;

}


.serenity-booking-field input,
.serenity-booking-field select{

    width:100%;

    padding:0;

    border:0;

    outline:0;

    background:transparent;

    color:#302a25;

    font-family:inherit;

    font-size:10px;

}


.serenity-booking-field select{

    cursor:pointer;

}


.serenity-booking-field input::-webkit-calendar-picker-indicator{

    opacity:.55;

}


/* =====================================================
   DIVIDERS
===================================================== */

.serenity-booking-divider{

    width:1px;

    height:42px;

    background:#ddd5cd;

}


/* =====================================================
   BUTTON
===================================================== */

.serenity-check-availability{

    height:66px;

    margin-left:8px;

    padding:
        0 25px;

    border:0;

    background:#292621;

    color:#fff;

    cursor:pointer;

    font-family:inherit;

    font-size:7px;

    letter-spacing:1.8px;

    transition:
        background .3s ease;

}


.serenity-check-availability span{

    margin-left:15px;

    color:#d2ad88;

    font-size:15px;

}


.serenity-check-availability:hover{

    background:#b38b68;

}


.serenity-check-availability:hover span{

    color:#fff;

}


/* =====================================================
   SCROLL
===================================================== */

.serenity-rooms-scroll{

    position:absolute;

    left:50%;

    bottom:28px;

    z-index:5;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:9px;

}


.serenity-rooms-scroll span{

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-rooms-scroll i{

    width:1px;

    height:40px;

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

}


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

.serenity-rooms-side{

    position:absolute;

    right:35px;

    top:50%;

    z-index:5;

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

    writing-mode:vertical-rl;

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

    font-size:7px;

    letter-spacing:4px;

}


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

@media(max-width:900px){

    .serenity-rooms-hero{

        min-height:800px;

    }


    .serenity-rooms-booking{

        width:88%;

        grid-template-columns:
            1fr 1fr;

        gap:8px;

        padding:15px;

    }


    .serenity-booking-divider{

        display:none;

    }


    .serenity-check-availability{

        grid-column:
            1 / 3;

        margin-left:0;

    }

}


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

@media(max-width:600px){

    .serenity-rooms-hero{

        min-height:850px;

    }


    .serenity-rooms-hero-frame{

        inset:15px;

    }


    .serenity-rooms-hero-content{

        width:82%;

        margin-top:-170px;

    }


    .serenity-rooms-hero-content h1{

        font-size:62px;

    }


    .serenity-rooms-side{

        display:none;

    }


    .serenity-rooms-booking{

        bottom:-90px;

        width:
            calc(100% - 40px);

        display:flex;

        flex-direction:column;

        align-items:stretch;

        gap:0;

        padding:15px;

    }


    .serenity-booking-field{

        padding:
            12px 10px;

    }


    .serenity-booking-field + .serenity-booking-field{

        border-top:
            1px solid #ddd5cd;

    }


    .serenity-check-availability{

        height:58px;

        margin-top:8px;

    }


    .serenity-rooms-scroll{

        display:none;

    }

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

.serenity-standard-intro{

    width:100%;

    padding:
        110px 7vw;

    background:#f4f1eb;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:8vw;

    align-items:center;

}


/* IMAGE */

.serenity-standard-intro-image{

    height:620px;

    overflow:hidden;

}


.serenity-standard-intro-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1s ease;

}


.serenity-standard-intro-image:hover img{

    transform:scale(1.04);

}


/* CONTENT */

.serenity-standard-intro-content{

    max-width:520px;

}


.serenity-standard-intro-content h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.82;

    font-weight:400;

}


.serenity-standard-intro-content h2 em{

    display:block;

    color:#b38b68;

    font-style:italic;

}


.serenity-standard-intro-line{

    width:50px;

    height:1px;

    margin:
        28px 0;

    background:#b38b68;

}


.serenity-standard-intro-content p{

    max-width:470px;

    margin:
        0 0 15px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


/* BOOK BUTTON */

.serenity-standard-book{

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-top:20px;

    padding:
        15px 20px;

    background:#292621;

    color:#fff;

    font-size:7px;

    letter-spacing:1.7px;

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

}


.serenity-standard-book span{

    color:#d2ad88;

    font-size:15px;

}


.serenity-standard-book:hover{

    background:#b38b68;

    color:#fff;

    transform:
        translateY(-3px);

}


.serenity-standard-book:hover span{

    color:#fff;

}


/* MOBILE */

@media(max-width:800px){

    .serenity-standard-intro{

        grid-template-columns:1fr;

        padding:
            75px 25px;

        gap:50px;

    }


    .serenity-standard-intro-image{

        height:500px;

    }

}


@media(max-width:600px){

    .serenity-standard-intro-image{

        height:420px;

    }


    .serenity-standard-intro-content h2{

        font-size:54px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adaa562 *//* =====================================================
   STANDARD ROOM — PART 3
   FEATURES
===================================================== */

.serenity-standard-features{

    width:100%;

    padding:
        110px 7vw 95px;

    background:#211c18;

    color:#fff;

}


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

.serenity-standard-features-heading{

    max-width:700px;

    margin:
        0 auto 65px;

    text-align:center;

}


.serenity-standard-features-heading h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.84;

    font-weight:400;

}


.serenity-standard-features-heading h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-standard-features-heading p{

    max-width:510px;

    margin:
        20px auto 0;

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

    font-size:10px;

    line-height:2;

}


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

.serenity-standard-feature-grid{

    max-width:1100px;

    margin:0 auto;

    display:grid;

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

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

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

}


/* =====================================================
   FEATURE CARD
===================================================== */

.serenity-standard-feature{

    position:relative;

    min-height:330px;

    padding:
        35px 28px;

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

    transition:
        background .4s ease;

}


.serenity-standard-feature:last-child{

    border-right:0;

}


.serenity-standard-feature:hover{

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

}


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

.serenity-standard-feature-number{

    position:absolute;

    top:22px;

    right:24px;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:35px;

}


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

.serenity-standard-feature-icon{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:40px;

    border:
        1px solid
        rgba(210,173,136,.4);

    border-radius:50%;

    color:#d2ad88;

    font-size:20px;

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

}


.serenity-standard-feature:hover
.serenity-standard-feature-icon{

    background:#b38b68;

    color:#fff;

    transform:
        rotate(8deg);

}


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

.serenity-standard-feature h3{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:29px;

    line-height:.85;

    font-weight:400;

}


.serenity-standard-feature h3 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


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

.serenity-standard-feature p{

    max-width:190px;

    margin:
        20px 0 0;

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

    font-size:9px;

    line-height:2;

}


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

.serenity-standard-features-bottom{

    max-width:1100px;

    margin:
        35px auto 0;

    display:flex;

    align-items:center;

    gap:20px;

}


.serenity-standard-features-bottom span{

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

    font-size:6px;

    letter-spacing:2px;

}


.serenity-standard-features-bottom div{

    flex:1;

    height:1px;

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

}


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

@media(max-width:900px){

    .serenity-standard-feature-grid{

        grid-template-columns:
            1fr 1fr;

    }


    .serenity-standard-feature:nth-child(2){

        border-right:0;

    }


    .serenity-standard-feature:nth-child(-n+2){

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

    }

}


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

@media(max-width:600px){

    .serenity-standard-features{

        padding:
            75px 20px 70px;

    }


    .serenity-standard-feature-grid{

        grid-template-columns:1fr;

    }


    .serenity-standard-feature{

        min-height:auto;

        padding:
            30px 20px;

        border-right:0;

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

    }


    .serenity-standard-feature:last-child{

        border-bottom:0;

    }


    .serenity-standard-feature-icon{

        margin-bottom:28px;

    }


    .serenity-standard-feature p{

        max-width:100%;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d578bd7 *//* =====================================================
   STANDARD ROOM — PART 4
   PHOTO GALLERY
===================================================== */

.serenity-standard-gallery{

    width:100%;

    padding:
        110px 7vw 120px;

    background:#f4f1eb;

}


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

.serenity-standard-gallery-heading{

    max-width:700px;

    margin:
        0 auto 60px;

    text-align:center;

}


.serenity-standard-gallery-heading h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.84;

    font-weight:400;

}


.serenity-standard-gallery-heading h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-standard-gallery-heading p{

    max-width:500px;

    margin:
        20px auto 0;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


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

.serenity-standard-gallery-grid{

    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        1.25fr .75fr .75fr;

    grid-template-rows:
        330px 260px 330px;

    gap:12px;

}


/* =====================================================
   PHOTO
===================================================== */

.standard-gallery-photo{

    position:relative;

    overflow:hidden;

    cursor:pointer;

}


.standard-gallery-photo img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1s cubic-bezier(.2,.7,.2,1);

}


.standard-gallery-photo:hover img{

    transform:scale(1.07);

}


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

.standard-gallery-main{

    grid-column:
        1 / 2;

    grid-row:
        1 / 3;

}


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

.standard-gallery-wide{

    grid-column:
        2 / 4;

}


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

.standard-gallery-photo:last-child{

    grid-column:
        1 / 4;

}


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

.standard-gallery-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(12,10,8,.78),
            transparent 65%
        );

    opacity:.6;

    transition:
        opacity .4s ease;

}


.standard-gallery-photo:hover
.standard-gallery-overlay{

    opacity:.9;

}


/* =====================================================
   CAPTION
===================================================== */

.standard-gallery-caption{

    position:absolute;

    left:20px;

    right:20px;

    bottom:18px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:12px;

}


.standard-gallery-caption span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.standard-gallery-caption strong{

    color:#fff;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:400;

}


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

@media(max-width:900px){

    .serenity-standard-gallery-grid{

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            400px 280px 280px 320px;

    }


    .standard-gallery-main{

        grid-column:
            1 / 3;

        grid-row:
            1 / 2;

    }


    .standard-gallery-wide{

        grid-column:
            1 / 3;

    }


    .standard-gallery-photo:last-child{

        grid-column:
            1 / 3;

    }

}


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

@media(max-width:600px){

    .serenity-standard-gallery{

        padding:
            75px 20px 85px;

    }


    .serenity-standard-gallery-grid{

        display:grid;

        grid-template-columns:1fr;

        grid-template-rows:none;

        gap:10px;

    }


    .standard-gallery-photo,
    .standard-gallery-main,
    .standard-gallery-wide,
    .standard-gallery-photo:last-child{

        grid-column:auto;

        grid-row:auto;

        height:380px;

    }


    .standard-gallery-main{

        height:470px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8071d7f *//* =====================================================
   STANDARD ROOM — PART 5
   BOOKING CTA
===================================================== */

.serenity-standard-booking{

    position:relative;

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    color:#fff;

}


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

.serenity-standard-booking-bg{

    position:absolute;

    inset:0;

}


.serenity-standard-booking-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

}


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

.serenity-standard-booking-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(25,20,16,.91),
            rgba(25,20,16,.67),
            rgba(25,20,16,.45)
        );

}


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

.serenity-standard-booking-content{

    position:relative;

    z-index:5;

    width:min(720px,88%);

    text-align:center;

}


.serenity-standard-booking-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.82;

    font-weight:400;

}


.serenity-standard-booking-content h2 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


.serenity-standard-booking-content p{

    max-width:500px;

    margin:
        25px auto 0;

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

    font-size:10px;

    line-height:2;

}


/* =====================================================
   BUTTONS
===================================================== */

.serenity-standard-booking-actions{

    margin-top:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    flex-wrap:wrap;

}


.serenity-standard-book-button,
.serenity-standard-back-button{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:
        15px 20px;

    font-size:7px;

    letter-spacing:1.7px;

    transition:
        all .3s ease;

}


.serenity-standard-book-button{

    background:#b38b68;

    color:#fff;

}


.serenity-standard-book-button span,
.serenity-standard-back-button span{

    font-size:15px;

}


.serenity-standard-book-button:hover{

    background:#d2ad88;

    color:#292621;

    transform:
        translateY(-3px);

}


.serenity-standard-back-button{

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

    color:#fff;

}


.serenity-standard-back-button span{

    color:#d2ad88;

}


.serenity-standard-back-button:hover{

    background:#fff;

    border-color:#fff;

    color:#292621;

    transform:
        translateY(-3px);

}


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

.serenity-standard-booking-contact{

    margin-top:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

}


.serenity-standard-booking-contact span{

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

    font-size:6px;

    letter-spacing:2px;

}


.serenity-standard-booking-contact strong{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:22px;

    font-weight:400;

}


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

@media(max-width:600px){

    .serenity-standard-booking{

        min-height:570px;

    }


    .serenity-standard-booking-content{

        width:84%;

    }


    .serenity-standard-booking-content h2{

        font-size:54px;

    }


    .serenity-standard-booking-actions{

        flex-direction:column;

    }


    .serenity-standard-book-button,
    .serenity-standard-back-button{

        width:100%;

        justify-content:center;

    }


    .serenity-standard-booking-contact{

        flex-direction:column;

        gap:5px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-faf045b *//* =====================================================
   STANDARD ROOM — PART 6
   OTHER ROOMS
===================================================== */

.serenity-other-rooms{

    width:100%;

    padding:
        110px 7vw 120px;

    background:#f4f1eb;

}


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

.serenity-other-rooms-heading{

    max-width:700px;

    margin:
        0 auto 55px;

    text-align:center;

}


.serenity-other-rooms-heading h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.84;

    font-weight:400;

}


.serenity-other-rooms-heading h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-other-rooms-heading p{

    max-width:500px;

    margin:
        20px auto 0;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


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

.serenity-other-rooms-grid{

    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;

}


/* =====================================================
   ROOM CARD
===================================================== */

.serenity-other-room-card{

    position:relative;

    height:570px;

    display:block;

    overflow:hidden;

    color:#fff;

}


.serenity-other-room-image{

    position:absolute;

    inset:0;

}


.serenity-other-room-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1.1s
        cubic-bezier(.2,.7,.2,1);

}


.serenity-other-room-card:hover
.serenity-other-room-image img{

    transform:scale(1.07);

}


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

.serenity-other-room-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(17,14,11,.94),
            rgba(17,14,11,.25) 65%,
            rgba(17,14,11,.08)
        );

}


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

.serenity-other-room-content{

    position:absolute;

    left:35px;

    right:35px;

    bottom:35px;

    z-index:5;

}


.serenity-other-room-number{

    position:absolute;

    right:0;

    bottom:0;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:80px;

    line-height:1;

}


.serenity-other-room-content h3{

    margin:0;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(48px,4vw,65px);

    line-height:.78;

    font-weight:400;

}


.serenity-other-room-content h3 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


.serenity-other-room-content p{

    max-width:390px;

    margin:
        18px 0 22px;

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

    font-size:9px;

    line-height:2;

}


/* =====================================================
   LINK
===================================================== */

.serenity-other-room-link{

    display:inline-flex;

    align-items:center;

    gap:15px;

    color:#fff;

    font-size:7px;

    letter-spacing:1.8px;

}


.serenity-other-room-link b{

    color:#d2ad88;

    font-size:16px;

    font-weight:400;

    transition:
        transform .3s ease;

}


.serenity-other-room-card:hover
.serenity-other-room-link b{

    transform:
        translateX(5px);

}


/* =====================================================
   BOTTOM BUTTON
===================================================== */

.serenity-other-rooms-bottom{

    margin-top:45px;

    text-align:center;

}


.serenity-other-rooms-bottom a{

    display:inline-flex;

    align-items:center;

    gap:17px;

    padding:
        14px 20px;

    border:
        1px solid #b38b68;

    color:#5c4b3e;

    font-size:7px;

    letter-spacing:1.8px;

    transition:
        all .3s ease;

}


.serenity-other-rooms-bottom a span{

    color:#b38b68;

    font-size:15px;

}


.serenity-other-rooms-bottom a:hover{

    background:#b38b68;

    color:#fff;

}


.serenity-other-rooms-bottom a:hover span{

    color:#fff;

}


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

@media(max-width:800px){

    .serenity-other-rooms-grid{

        grid-template-columns:1fr;

    }


    .serenity-other-room-card{

        height:530px;

    }

}


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

@media(max-width:600px){

    .serenity-other-rooms{

        padding:
            75px 20px 85px;

    }


    .serenity-other-room-card{

        height:480px;

    }


    .serenity-other-room-content{

        left:22px;

        right:22px;

        bottom:25px;

    }


    .serenity-other-room-content h3{

        font-size:50px;

    }


    .serenity-other-room-number{

        font-size:60px;

    }

}/* End custom CSS */