.elementor-62 .elementor-element.elementor-element-d97e7e9{--display:flex;--margin-top:-31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-51f458f *//* =====================================================
   EXPLORE SERENITY — HERO
===================================================== */

.serenity-explore-hero{

    position:relative;

    width:100%;

    height:680px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    color:#fff;

}


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

.serenity-explore-hero-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-explore-hero-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    animation:
        serenityExploreZoom
        16s
        ease-in-out
        infinite
        alternate;

}


@keyframes serenityExploreZoom{

    from{

        transform:scale(1.04);

    }

    to{

        transform:scale(1.10);

    }

}


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

.serenity-explore-hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.82),
            rgba(18,15,12,.48),
            rgba(18,15,12,.25)
        );

}


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

.serenity-explore-hero-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-explore-hero-content{

    position:relative;

    z-index:5;

    width:min(800px,86%);

    text-align:center;

}


.serenity-explore-hero-content h1{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

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

    font-weight:400;

    line-height:.78;

    letter-spacing:-1px;

}


.serenity-explore-hero-content h1 em{

    display:block;

    color:#d2ad88;

    font-style:italic;

}


.serenity-explore-hero-content p{

    max-width:520px;

    margin:
        30px auto 0;

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

    font-size:11px;

    line-height:2;

}


.serenity-explore-hero-line{

    width:50px;

    height:1px;

    margin:
        28px auto 15px;

    background:#d2ad88;

}


.serenity-explore-location{

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

    font-size:7px;

    letter-spacing:3px;

}


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

.serenity-explore-scroll{

    position:absolute;

    z-index:5;

    bottom:28px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:9px;

}


.serenity-explore-scroll span{

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-explore-scroll i{

    width:1px;

    height:40px;

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

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

}


@keyframes serenityExploreScroll{

    0%{

        transform:
            scaleY(.5);

        opacity:.3;

        transform-origin:top;

    }

    50%{

        transform:
            scaleY(1);

        opacity:1;

    }

    100%{

        transform:
            scaleY(.5);

        opacity:.3;

        transform-origin:bottom;

    }

}


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

.serenity-explore-side{

    position:absolute;

    right:35px;

    top:50%;

    z-index:5;

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

    writing-mode:vertical-rl;

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

    font-size:7px;

    letter-spacing:4px;

}


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

@media(max-width:600px){

    .serenity-explore-hero{

        height:600px;

    }


    .serenity-explore-hero-frame{

        inset:15px;

    }


    .serenity-explore-hero-content{

        width:82%;

    }


    .serenity-explore-hero-content h1{

        font-size:64px;

    }


    .serenity-explore-hero-content p{

        font-size:10px;

        line-height:1.9;

    }


    .serenity-explore-side{

        display:none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28584b9 *//* =====================================================
   EXPLORE SERENITY — PART 2
===================================================== */

.serenity-experience-section{

    width:100%;

    padding:
        115px 7vw;

    background:#f4f1eb;

}


.serenity-experience-wrapper{

    max-width:1250px;

    margin:0 auto;

    display:grid;

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

    align-items:center;

    gap:8vw;

}


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

.serenity-experience-images{

    position:relative;

    min-height:600px;

}


.serenity-experience-main-image{

    position:absolute;

    top:0;

    left:0;

    width:78%;

    height:530px;

    overflow:hidden;

}


.serenity-experience-main-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1.2s ease;

}


.serenity-experience-main-image:hover img{

    transform:scale(1.045);

}


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

.serenity-experience-small-image{

    position:absolute;

    right:0;

    bottom:0;

    width:42%;

    height:260px;

    border:
        12px solid #f4f1eb;

    overflow:hidden;

}


.serenity-experience-small-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1s ease;

}


.serenity-experience-small-image:hover img{

    transform:scale(1.06);

}


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

.serenity-experience-number{

    position:absolute;

    left:25px;

    bottom:30px;

    z-index:5;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        10px 14px;

    background:
        rgba(25,21,17,.78);

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-experience-number span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


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

.serenity-experience-content{

    max-width:520px;

}


.serenity-experience-content h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.78;

    font-weight:400;

}


.serenity-experience-content h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-experience-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#b38b68;

}


.serenity-experience-content > p{

    max-width:480px;

    margin:
        0 0 15px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-experience-content
.serenity-experience-lead{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   EXPERIENCE POINTS
===================================================== */

.serenity-experience-points{

    margin-top:30px;

    border-top:
        1px solid #d9d1c8;

}


.serenity-experience-points > div{

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:10px;

    padding:
        15px 0;

    border-bottom:
        1px solid #d9d1c8;

}


.serenity-experience-points > div > span{

    color:#b38b68;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-experience-points strong{

    display:block;

    color:#3d3833;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:500;

}


.serenity-experience-points p{

    margin:3px 0 0;

    color:#817a73;

    font-size:8px;

    line-height:1.7;

}


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

@media(max-width:950px){

    .serenity-experience-wrapper{

        grid-template-columns:1fr;

        gap:65px;

    }


    .serenity-experience-images{

        min-height:560px;

    }


    .serenity-experience-content{

        max-width:700px;

    }

}


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

@media(max-width:600px){

    .serenity-experience-section{

        padding:
            75px 20px;

    }


    .serenity-experience-images{

        min-height:400px;

    }


    .serenity-experience-main-image{

        width:82%;

        height:350px;

    }


    .serenity-experience-small-image{

        width:45%;

        height:170px;

        border-width:8px;

    }


    .serenity-experience-number{

        left:12px;

        bottom:18px;

    }


    .serenity-experience-content h2{

        font-size:54px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fcf20 *//* =====================================================
   EXPLORE SERENITY — PART 3
   ARUSHA TOWN TOURS
===================================================== */

.serenity-town-tour-section{

    width:100%;

    display:grid;

    grid-template-columns:
        1.05fr .95fr;

    min-height:650px;

    background:#211c18;

    color:#fff;

}


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

.serenity-town-tour-image{

    position:relative;

    min-height:650px;

    overflow:hidden;

}


.serenity-town-tour-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1.3s ease;

}


.serenity-town-tour-image:hover img{

    transform:scale(1.05);

}


.serenity-town-tour-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.08),
            rgba(18,15,12,.48)
        );

}


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

.serenity-town-tour-image-label{

    position:absolute;

    left:30px;

    bottom:30px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        10px 14px;

    background:
        rgba(20,17,14,.72);

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-town-tour-image-label span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


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

.serenity-town-tour-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        75px 7vw 75px 6vw;

}


.serenity-town-tour-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(60px,6vw,85px);

    line-height:.78;

    font-weight:400;

}


.serenity-town-tour-content h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-town-tour-line{

    width:50px;

    height:1px;

    background:#c29a76;

    margin:
        30px 0;

}


.serenity-town-tour-content > p{

    max-width:470px;

    margin:
        0 0 14px;

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

    font-size:10px;

    line-height:2;

}


.serenity-town-tour-content
.serenity-town-tour-lead{

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

    font-size:11px;

}


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

.serenity-town-tour-features{

    max-width:500px;

    margin-top:27px;

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

}


.serenity-town-tour-features > div{

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:10px;

    padding:
        13px 0;

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

}


.serenity-town-tour-features > div > span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-town-tour-features strong{

    display:block;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:400;

}


.serenity-town-tour-features p{

    margin:3px 0 0;

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

    font-size:8px;

    line-height:1.7;

}


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

.serenity-town-tour-button{

    width:max-content;

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-top:30px;

    padding:
        14px 20px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-town-tour-button span{

    font-size:15px;

}


.serenity-town-tour-button:hover{

    background:#c29a76;

    color:#fff;

    transform:
        translateY(-3px);

}


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

@media(max-width:900px){

    .serenity-town-tour-section{

        grid-template-columns:1fr;

    }


    .serenity-town-tour-image{

        min-height:500px;

    }


    .serenity-town-tour-content{

        padding:
            70px 8vw;

    }

}


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

@media(max-width:600px){

    .serenity-town-tour-image{

        min-height:380px;

    }


    .serenity-town-tour-image-label{

        left:15px;

        bottom:15px;

    }


    .serenity-town-tour-content{

        padding:
            65px 25px;

    }


    .serenity-town-tour-content h2{

        font-size:58px;

    }


    .serenity-town-tour-button{

        width:100%;

        justify-content:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2227d9e *//* =====================================================
   EXPLORE SERENITY — PART 4
   AIRPORT TRANSFERS
===================================================== */

.serenity-transfer-section{

    width:100%;

    display:grid;

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

    min-height:680px;

    background:#f4f1eb;

}


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

.serenity-transfer-content{

    padding:
        90px 6vw 90px 8vw;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.serenity-transfer-content h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.78;

    font-weight:400;

}


.serenity-transfer-content h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-transfer-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#b38b68;

}


.serenity-transfer-content > p{

    max-width:460px;

    margin:
        0 0 15px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-transfer-content
.serenity-transfer-lead{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   DETAILS
===================================================== */

.serenity-transfer-details{

    max-width:500px;

    margin-top:28px;

    border-top:
        1px solid #d8d0c7;

}


.serenity-transfer-details > div{

    display:grid;

    grid-template-columns:
        38px 1fr;

    gap:12px;

    padding:
        14px 0;

    border-bottom:
        1px solid #d8d0c7;

}


.serenity-transfer-icon{

    color:#b38b68;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-transfer-details strong{

    display:block;

    color:#3e3934;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:500;

}


.serenity-transfer-details p{

    margin:3px 0 0;

    color:#817a73;

    font-size:8px;

    line-height:1.7;

}


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

.serenity-transfer-button{

    width:max-content;

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-top:30px;

    padding:
        14px 20px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-transfer-button span{

    font-size:15px;

}


.serenity-transfer-button:hover{

    background:#967253;

    color:#fff;

    transform:
        translateY(-3px);

}


/* =====================================================
   VISUAL
===================================================== */

.serenity-transfer-visual{

    position:relative;

    min-height:680px;

    overflow:hidden;

}


.serenity-transfer-image{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-transfer-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(20,17,14,.12),
            rgba(20,17,14,.35)
        );

}


.serenity-transfer-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform 1.2s ease;

}


.serenity-transfer-visual:hover
.serenity-transfer-image img{

    transform:scale(1.05);

}


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

.serenity-transfer-number{

    position:absolute;

    right:30px;

    top:25px;

    z-index:5;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:75px;

    line-height:1;

}


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

.serenity-transfer-location{

    position:absolute;

    left:30px;

    bottom:30px;

    z-index:5;

    padding:
        10px 14px;

    background:
        rgba(20,17,14,.68);

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

    font-size:7px;

    letter-spacing:2.5px;

}


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

@media(max-width:900px){

    .serenity-transfer-section{

        grid-template-columns:1fr;

    }


    .serenity-transfer-content{

        padding:
            75px 8vw;

        order:1;

    }


    .serenity-transfer-visual{

        min-height:500px;

        order:2;

    }

}


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

@media(max-width:600px){

    .serenity-transfer-content{

        padding:
            65px 25px;

    }


    .serenity-transfer-content h2{

        font-size:55px;

    }


    .serenity-transfer-button{

        width:100%;

        justify-content:center;

    }


    .serenity-transfer-visual{

        min-height:380px;

    }


    .serenity-transfer-number{

        right:15px;

        top:15px;

        font-size:55px;

    }


    .serenity-transfer-location{

        left:15px;

        bottom:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3c2d96 *//* =====================================================
   EXPLORE SERENITY — PART 5
   YOUR STAY, YOUR PACE
===================================================== */

.serenity-pace-section{

    position:relative;

    width:100%;

    min-height:700px;

    display:flex;

    align-items:center;

    overflow:hidden;

    color:#fff;

}


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

.serenity-pace-background{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-pace-background img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    transition:
        transform 10s ease;

}


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

    transform:scale(1.09);

}


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

.serenity-pace-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(19,16,13,.88),
            rgba(19,16,13,.68) 45%,
            rgba(19,16,13,.25)
        );

}


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

.serenity-pace-content{

    position:relative;

    z-index:5;

    width:min(600px,82%);

    margin-left:10vw;

}


.serenity-pace-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.78;

    font-weight:400;

}


.serenity-pace-content h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-pace-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#d2ad88;

}


.serenity-pace-content > p{

    max-width:480px;

    margin:
        0 0 15px;

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

    font-size:10px;

    line-height:2;

}


.serenity-pace-content
.serenity-pace-content > p:first-of-type{

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

    font-size:11px;

}


/* =====================================================
   MOMENTS
===================================================== */

.serenity-pace-moments{

    max-width:560px;

    display:grid;

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

    margin-top:32px;

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

}


.serenity-pace-moments > div{

    min-height:145px;

    padding:
        18px 18px 18px 0;

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

}


.serenity-pace-moments > div:last-child{

    border-right:0;

    padding-left:18px;

}


.serenity-pace-moments > div:nth-child(2){

    padding-left:18px;

}


.serenity-pace-moments span{

    display:block;

    margin-bottom:15px;

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-pace-moments strong{

    display:block;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:400;

}


.serenity-pace-moments p{

    margin:
        6px 0 0;

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

    font-size:7px;

    line-height:1.8;

}


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

.serenity-pace-side{

    position:absolute;

    right:35px;

    top:50%;

    z-index:5;

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

    writing-mode:vertical-rl;

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

    font-size:7px;

    letter-spacing:3px;

}


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

@media(max-width:900px){

    .serenity-pace-content{

        margin-left:7vw;

    }


    .serenity-pace-side{

        display:none;

    }

}


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

@media(max-width:600px){

    .serenity-pace-section{

        min-height:720px;

    }


    .serenity-pace-content{

        width:82%;

        margin-left:0;

    }


    .serenity-pace-content h2{

        font-size:58px;

    }


    .serenity-pace-moments{

        grid-template-columns:1fr;

    }


    .serenity-pace-moments > div,
    .serenity-pace-moments > div:nth-child(2),
    .serenity-pace-moments > div:last-child{

        min-height:auto;

        padding:
            14px 0;

        border-right:0;

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

    }


    .serenity-pace-moments > div:last-child{

        border-bottom:0;

    }


    .serenity-pace-moments span{

        display:inline-block;

        margin:
            0 10px 0 0;

    }


    .serenity-pace-moments strong{

        display:inline;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fc404e *//* =====================================================
   EXPLORE SERENITY — PART 6
   MOSHONO · ARUSHA
===================================================== */

.serenity-location-section{

    width:100%;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    min-height:650px;

    background:#fff;

}


/* =====================================================
   VISUAL
===================================================== */

.serenity-location-visual{

    position:relative;

    min-height:650px;

    overflow:hidden;

}


.serenity-location-image{

    position:absolute;

    inset:0;

}


.serenity-location-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:
        transform 1.2s ease;

}


.serenity-location-visual:hover
.serenity-location-image img{

    transform:scale(1.05);

}


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

.serenity-location-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    z-index:5;

    min-width:190px;

    padding:
        18px 20px;

    background:
        rgba(24,20,17,.82);

    backdrop-filter:blur(5px);

    border-left:
        2px solid #b38b68;

}


.serenity-location-badge span{

    display:block;

    margin-bottom:7px;

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

    font-size:6px;

    letter-spacing:2px;

}


.serenity-location-badge strong{

    display:block;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:28px;

    line-height:1;

    font-weight:400;

}


.serenity-location-badge small{

    display:block;

    margin-top:7px;

    color:#d2ad88;

    font-size:6px;

    letter-spacing:2px;

}


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

.serenity-location-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        85px 8vw;

}


.serenity-location-content h2{

    margin:0;

    color:#292621;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(60px,6vw,85px);

    line-height:.78;

    font-weight:400;

}


.serenity-location-content h2 em{

    color:#b38b68;

    font-style:italic;

}


.serenity-location-line{

    width:50px;

    height:1px;

    margin:
        30px 0;

    background:#b38b68;

}


.serenity-location-content > p{

    max-width:480px;

    margin:
        0 0 14px;

    color:#77716b;

    font-size:10px;

    line-height:2;

}


.serenity-location-content
.serenity-location-lead{

    color:#57514b;

    font-size:11px;

}


/* =====================================================
   DETAILS
===================================================== */

.serenity-location-details{

    max-width:500px;

    margin-top:28px;

    border-top:
        1px solid #d9d1c8;

}


.serenity-location-details > div{

    display:grid;

    grid-template-columns:
        38px 1fr;

    gap:12px;

    padding:
        14px 0;

    border-bottom:
        1px solid #d9d1c8;

}


.serenity-location-details > div > span{

    color:#b38b68;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-location-details strong{

    display:block;

    color:#3e3934;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:500;

}


.serenity-location-details p{

    margin:3px 0 0;

    color:#817a73;

    font-size:8px;

    line-height:1.7;

}


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

.serenity-location-actions{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:30px;

}


.serenity-location-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-location-button span{

    font-size:15px;

}


.serenity-location-button:hover{

    background:#967253;

    color:#fff;

    transform:
        translateY(-3px);

}


.serenity-location-phone{

    display:flex;

    flex-direction:column;

    gap:4px;

    color:#4d4842;

    font-size:7px;

    letter-spacing:1.5px;

}


.serenity-location-phone span{

    color:#a27e5e;

    font-size:9px;

    letter-spacing:.5px;

}


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

@media(max-width:900px){

    .serenity-location-section{

        grid-template-columns:1fr;

    }


    .serenity-location-visual{

        min-height:500px;

    }


    .serenity-location-content{

        padding:
            75px 8vw;

    }

}


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

@media(max-width:600px){

    .serenity-location-visual{

        min-height:380px;

    }


    .serenity-location-badge{

        left:15px;

        bottom:15px;

    }


    .serenity-location-content{

        padding:
            65px 25px;

    }


    .serenity-location-content h2{

        font-size:56px;

    }


    .serenity-location-actions{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }


    .serenity-location-button{

        width:100%;

        justify-content:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59603f8 *//* =====================================================
   EXPLORE SERENITY — PART 7
   PLAN YOUR EXPERIENCE
===================================================== */

.serenity-plan-section{

    position:relative;

    width:100%;

    min-height:700px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    color:#fff;

}


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

.serenity-plan-background{

    position:absolute;

    inset:0;

    overflow:hidden;

}


.serenity-plan-background img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transform:scale(1.04);

    transition:
        transform 10s ease;

}


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

    transform:scale(1.09);

}


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

.serenity-plan-overlay{

    position:absolute;

    inset:0;

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

}


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

.serenity-plan-frame{

    position:absolute;

    inset:30px;

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

    pointer-events:none;

}


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

.serenity-plan-content{

    position:relative;

    z-index:5;

    width:min(720px,84%);

    text-align:center;

}


.serenity-plan-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

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

    line-height:.78;

    font-weight:400;

}


.serenity-plan-content h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-plan-line{

    width:50px;

    height:1px;

    margin:
        28px auto;

    background:#d2ad88;

}


.serenity-plan-content > p{

    max-width:540px;

    margin:0 auto;

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

    font-size:10px;

    line-height:2;

}


/* =====================================================
   OPTIONS
===================================================== */

.serenity-plan-options{

    max-width:650px;

    margin:
        32px auto 0;

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

}


.serenity-plan-option{

    display:grid;

    grid-template-columns:
        45px 1fr 30px;

    align-items:center;

    gap:15px;

    padding:
        17px 5px;

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

    text-align:left;

    color:#fff;

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

}


.serenity-plan-option:hover{

    padding-left:15px;

    padding-right:15px;

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

    color:#fff;

}


.serenity-plan-number{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:15px;

}


.serenity-plan-option-content{

    display:flex;

    flex-direction:column;

    gap:3px;

}


.serenity-plan-option-content strong{

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:22px;

    font-weight:400;

}


.serenity-plan-option-content small{

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

    font-size:6px;

    letter-spacing:1.8px;

}


.serenity-plan-arrow{

    color:#d2ad88;

    font-size:18px;

    transition:
        transform .3s ease;

}


.serenity-plan-option:hover
.serenity-plan-arrow{

    transform:
        translateX(5px);

}


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

.serenity-plan-contact{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    margin-top:25px;

    flex-wrap:wrap;

}


.serenity-plan-contact > span{

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

    font-size:6px;

    letter-spacing:1.5px;

}


.serenity-plan-contact a{

    color:#d2ad88;

    font-size:8px;

}


.serenity-plan-contact a:hover{

    color:#fff;

}


.serenity-plan-contact i{

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

    font-style:normal;

}


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

@media(max-width:600px){

    .serenity-plan-section{

        min-height:750px;

    }


    .serenity-plan-frame{

        inset:15px;

    }


    .serenity-plan-content{

        width:82%;

    }


    .serenity-plan-content h2{

        font-size:58px;

    }


    .serenity-plan-option{

        grid-template-columns:
            35px 1fr 25px;

        gap:8px;

    }


    .serenity-plan-option-content strong{

        font-size:19px;

    }


    .serenity-plan-contact{

        flex-direction:column;

        gap:7px;

    }


    .serenity-plan-contact i{

        display:none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20b5bad *//* =====================================================
   EXPLORE SERENITY — PART 3
   ARUSHA TOWN TOURS
===================================================== */

.serenity-town-tour-section{

    width:100%;

    display:grid;

    grid-template-columns:
        1.05fr .95fr;

    min-height:650px;

    background:#211c18;

    color:#fff;

}


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

.serenity-town-tour-image{

    position:relative;

    min-height:650px;

    overflow:hidden;

}


.serenity-town-tour-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform 1.3s ease;

}


.serenity-town-tour-image:hover img{

    transform:scale(1.05);

}


.serenity-town-tour-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,12,.08),
            rgba(18,15,12,.48)
        );

}


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

.serenity-town-tour-image-label{

    position:absolute;

    left:30px;

    bottom:30px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        10px 14px;

    background:
        rgba(20,17,14,.72);

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

    font-size:7px;

    letter-spacing:2px;

}


.serenity-town-tour-image-label span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

}


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

.serenity-town-tour-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        75px 7vw 75px 6vw;

}


.serenity-town-tour-content h2{

    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(60px,6vw,85px);

    line-height:.78;

    font-weight:400;

}


.serenity-town-tour-content h2 em{

    color:#d2ad88;

    font-style:italic;

}


.serenity-town-tour-line{

    width:50px;

    height:1px;

    background:#c29a76;

    margin:
        30px 0;

}


.serenity-town-tour-content > p{

    max-width:470px;

    margin:
        0 0 14px;

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

    font-size:10px;

    line-height:2;

}


.serenity-town-tour-content
.serenity-town-tour-lead{

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

    font-size:11px;

}


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

.serenity-town-tour-features{

    max-width:500px;

    margin-top:27px;

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

}


.serenity-town-tour-features > div{

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:10px;

    padding:
        13px 0;

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

}


.serenity-town-tour-features > div > span{

    color:#d2ad88;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:14px;

}


.serenity-town-tour-features strong{

    display:block;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:20px;

    font-weight:400;

}


.serenity-town-tour-features p{

    margin:3px 0 0;

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

    font-size:8px;

    line-height:1.7;

}


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

.serenity-town-tour-button{

    width:max-content;

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-top:30px;

    padding:
        14px 20px;

    background:#b38b68;

    color:#fff;

    font-size:8px;

    letter-spacing:1.5px;

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

}


.serenity-town-tour-button span{

    font-size:15px;

}


.serenity-town-tour-button:hover{

    background:#c29a76;

    color:#fff;

    transform:
        translateY(-3px);

}


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

@media(max-width:900px){

    .serenity-town-tour-section{

        grid-template-columns:1fr;

    }


    .serenity-town-tour-image{

        min-height:500px;

    }


    .serenity-town-tour-content{

        padding:
            70px 8vw;

    }

}


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

@media(max-width:600px){

    .serenity-town-tour-image{

        min-height:380px;

    }


    .serenity-town-tour-image-label{

        left:15px;

        bottom:15px;

    }


    .serenity-town-tour-content{

        padding:
            65px 25px;

    }


    .serenity-town-tour-content h2{

        font-size:58px;

    }


    .serenity-town-tour-button{

        width:100%;

        justify-content:center;

    }

}/* End custom CSS */