.elementor-3445 .elementor-element.elementor-element-e52439a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-71313a9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-5f6c5b4 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-3445 .elementor-element.elementor-element-5f6c5b4 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-3445 .elementor-element.elementor-element-5f6c5b4 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;width:100%;max-width:100%;}.elementor-3445 .elementor-element.elementor-element-5f6c5b4 .jet-listing-dynamic-image img{width:100%;max-width:100%;}.elementor-3445 .elementor-element.elementor-element-5f6c5b4 .jet-listing-dynamic-image__caption{color:#000000;font-family:"Cormorant Garamond", Sans-serif;font-size:25px;max-width:100%;align-self:flex-start;text-align:left;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3445 .elementor-element.elementor-element-b25c989 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;color:#000000;}.elementor-3445 .elementor-element.elementor-element-0b34d34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field__content{color:#000000;font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;text-align:left;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:100%;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:100%;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field__icon{color:#000000;}.elementor-3445 .elementor-element.elementor-element-2b3565e .jet-listing-dynamic-field__icon :is(svg, path){fill:#000000;}.elementor-3445 .elementor-element.elementor-element-18516e6 .jet-listing-dynamic-field__content{color:#000000;font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-align:left;}.elementor-3445 .elementor-element.elementor-element-18516e6 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-3445 .elementor-element.elementor-element-18516e6 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-3445 .elementor-element.elementor-element-18516e6 .jet-listing-dynamic-field{justify-content:flex-start;}#jet-popup-3445 .jet-popup__container-inner{background-color:#FFFFFF;justify-content:center;padding:55px 45px 55px 45px;}#jet-popup-3445{z-index:999;}#jet-popup-3445 .jet-popup__container{width:52%;height:100%;}#jet-popup-3445 .jet-popup__inner{justify-content:flex-end;align-items:center;}/* Start custom CSS for jet-listing-dynamic-image, class: .elementor-element-5f6c5b4 *//* =========================================================
   LUXURY ACCOMMODATION POPUP — IMAGE SLIDER
   JetPopup + JetEngine Dynamic Accommodation Gallery
   ========================================================= */


/* ---------------------------------------------------------
   SLIDER CONTAINER
   --------------------------------------------------------- */

.accommodation-slider {
    position: relative;
    width: 100%;
    overflow: visible;
}


/* ---------------------------------------------------------
   IMAGE AREA
   --------------------------------------------------------- */

.accommodation-slider .swiper,
.accommodation-slider .swiper-container {
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}


/* ---------------------------------------------------------
   SLIDE
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}


/* ---------------------------------------------------------
   ACCOMMODATION IMAGE
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 0;
}


/* ---------------------------------------------------------
   PREVIOUS / NEXT ARROWS
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button,
.accommodation-slider .swiper-button-prev,
.accommodation-slider .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 38px;
    height: 38px;

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

    background: #c79806;
    border: none;
    border-radius: 50%;

    color: #ffffff;

    z-index: 20;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ---------------------------------------------------------
   LEFT ARROW
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button-prev,
.accommodation-slider .swiper-button-prev {
    left: -10px;
}


/* ---------------------------------------------------------
   RIGHT ARROW
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button-next,
.accommodation-slider .swiper-button-next {
    right: -10px;
}


/* ---------------------------------------------------------
   ARROW ICON
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button i,
.accommodation-slider .elementor-swiper-button svg,
.accommodation-slider .swiper-button-prev::after,
.accommodation-slider .swiper-button-next::after {
    color: #ffffff;
    fill: #ffffff;
}


/* Elementor arrow icon size */

.accommodation-slider .elementor-swiper-button i {
    font-size: 14px;
}


/* SVG arrow size */

.accommodation-slider .elementor-swiper-button svg {
    width: 15px;
    height: 15px;
}


/* ---------------------------------------------------------
   HOVER EFFECT
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button:hover,
.accommodation-slider .swiper-button-prev:hover,
.accommodation-slider .swiper-button-next:hover {
    background: #302413;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18);

    transform: translateY(-50%) scale(1.08);
}


/* ---------------------------------------------------------
   REMOVE DEFAULT SWIPER ARROW STYLING
   --------------------------------------------------------- */

.accommodation-slider .swiper-button-prev::after,
.accommodation-slider .swiper-button-next::after {
    font-size: 14px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   DISABLED ARROWS
   --------------------------------------------------------- */

.accommodation-slider .swiper-button-disabled,
.accommodation-slider .elementor-swiper-button-disabled {
    opacity: 0.45;
    pointer-events: none;
}


/* ---------------------------------------------------------
   SLIDE TRANSITION
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide {
    transition: opacity 0.35s ease;
}


/* ---------------------------------------------------------
   POPUP IMAGE SPACING
   --------------------------------------------------------- */

.accommodation-slider img {
    vertical-align: middle;
}


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

@media (max-width: 1024px) {

    .accommodation-slider .swiper-slide img {
        height: 340px;
    }

    .accommodation-slider .elementor-swiper-button,
    .accommodation-slider .swiper-button-prev,
    .accommodation-slider .swiper-button-next {
        width: 36px;
        height: 36px;
    }

    .accommodation-slider .elementor-swiper-button-prev,
    .accommodation-slider .swiper-button-prev {
        left: -8px;
    }

    .accommodation-slider .elementor-swiper-button-next,
    .accommodation-slider .swiper-button-next {
        right: -8px;
    }
}


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

@media (max-width: 767px) {

    .accommodation-slider .swiper-slide img {
        height: 260px;
    }

    .accommodation-slider .elementor-swiper-button,
    .accommodation-slider .swiper-button-prev,
    .accommodation-slider .swiper-button-next {
        width: 34px;
        height: 34px;
    }

    .accommodation-slider .elementor-swiper-button-prev,
    .accommodation-slider .swiper-button-prev {
        left: -7px;
    }

    .accommodation-slider .elementor-swiper-button-next,
    .accommodation-slider .swiper-button-next {
        right: -7px;
    }

    .accommodation-slider .elementor-swiper-button i {
        font-size: 12px;
    }

    .accommodation-slider .elementor-swiper-button svg {
        width: 13px;
        height: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-image, class: .elementor-element-5f6c5b4 *//* =========================================================
   LUXURY ACCOMMODATION POPUP — IMAGE SLIDER
   JetPopup + JetEngine Dynamic Accommodation Gallery
   ========================================================= */


/* ---------------------------------------------------------
   SLIDER CONTAINER
   --------------------------------------------------------- */

.accommodation-slider {
    position: relative;
    width: 100%;
    overflow: visible;
}


/* ---------------------------------------------------------
   IMAGE AREA
   --------------------------------------------------------- */

.accommodation-slider .swiper,
.accommodation-slider .swiper-container {
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}


/* ---------------------------------------------------------
   SLIDE
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}


/* ---------------------------------------------------------
   ACCOMMODATION IMAGE
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 0;
}


/* ---------------------------------------------------------
   PREVIOUS / NEXT ARROWS
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button,
.accommodation-slider .swiper-button-prev,
.accommodation-slider .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 38px;
    height: 38px;

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

    background: #c79806;
    border: none;
    border-radius: 50%;

    color: #ffffff;

    z-index: 20;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ---------------------------------------------------------
   LEFT ARROW
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button-prev,
.accommodation-slider .swiper-button-prev {
    left: -10px;
}


/* ---------------------------------------------------------
   RIGHT ARROW
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button-next,
.accommodation-slider .swiper-button-next {
    right: -10px;
}


/* ---------------------------------------------------------
   ARROW ICON
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button i,
.accommodation-slider .elementor-swiper-button svg,
.accommodation-slider .swiper-button-prev::after,
.accommodation-slider .swiper-button-next::after {
    color: #ffffff;
    fill: #ffffff;
}


/* Elementor arrow icon size */

.accommodation-slider .elementor-swiper-button i {
    font-size: 14px;
}


/* SVG arrow size */

.accommodation-slider .elementor-swiper-button svg {
    width: 15px;
    height: 15px;
}


/* ---------------------------------------------------------
   HOVER EFFECT
   --------------------------------------------------------- */

.accommodation-slider .elementor-swiper-button:hover,
.accommodation-slider .swiper-button-prev:hover,
.accommodation-slider .swiper-button-next:hover {
    background: #302413;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18);

    transform: translateY(-50%) scale(1.08);
}


/* ---------------------------------------------------------
   REMOVE DEFAULT SWIPER ARROW STYLING
   --------------------------------------------------------- */

.accommodation-slider .swiper-button-prev::after,
.accommodation-slider .swiper-button-next::after {
    font-size: 14px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   DISABLED ARROWS
   --------------------------------------------------------- */

.accommodation-slider .swiper-button-disabled,
.accommodation-slider .elementor-swiper-button-disabled {
    opacity: 0.45;
    pointer-events: none;
}


/* ---------------------------------------------------------
   SLIDE TRANSITION
   --------------------------------------------------------- */

.accommodation-slider .swiper-slide {
    transition: opacity 0.35s ease;
}


/* ---------------------------------------------------------
   POPUP IMAGE SPACING
   --------------------------------------------------------- */

.accommodation-slider img {
    vertical-align: middle;
}


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

@media (max-width: 1024px) {

    .accommodation-slider .swiper-slide img {
        height: 340px;
    }

    .accommodation-slider .elementor-swiper-button,
    .accommodation-slider .swiper-button-prev,
    .accommodation-slider .swiper-button-next {
        width: 36px;
        height: 36px;
    }

    .accommodation-slider .elementor-swiper-button-prev,
    .accommodation-slider .swiper-button-prev {
        left: -8px;
    }

    .accommodation-slider .elementor-swiper-button-next,
    .accommodation-slider .swiper-button-next {
        right: -8px;
    }
}


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

@media (max-width: 767px) {

    .accommodation-slider .swiper-slide img {
        height: 260px;
    }

    .accommodation-slider .elementor-swiper-button,
    .accommodation-slider .swiper-button-prev,
    .accommodation-slider .swiper-button-next {
        width: 34px;
        height: 34px;
    }

    .accommodation-slider .elementor-swiper-button-prev,
    .accommodation-slider .swiper-button-prev {
        left: -7px;
    }

    .accommodation-slider .elementor-swiper-button-next,
    .accommodation-slider .swiper-button-next {
        right: -7px;
    }

    .accommodation-slider .elementor-swiper-button i {
        font-size: 12px;
    }

    .accommodation-slider .elementor-swiper-button svg {
        width: 13px;
        height: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52439a *//* =========================================================
   NANO SAFARIS AFRICA
   LUXURY ACCOMMODATION — RIGHT SIDE JETPOPUP
   ========================================================= */


/* ---------------------------------------------------------
   MAIN POPUP CONTAINER
   --------------------------------------------------------- */

.jet-popup .jet-popup__container {
    width: 52vw !important;
    height: 100vh !important;
    max-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border-radius: 0 !important;

    box-shadow:
        -20px 0 60px rgba(0, 0, 0, 0.14) !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   POPUP INNER CONTENT
   --------------------------------------------------------- */

.jet-popup .jet-popup__container-inner {
    width: 100% !important;
    height: 100% !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: #ffffff !important;

    scrollbar-width: thin;
}


/* ---------------------------------------------------------
   YOUR MAIN ELEMENTOR CONTAINER
   --------------------------------------------------------- */

.accommodation-popup {
    width: 100% !important;
    min-height: 100% !important;

    box-sizing: border-box !important;

    padding: 20px 0px 20px !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   POPUP OVERLAY
   --------------------------------------------------------- */

.jet-popup .jet-popup__overlay {
    background: rgba(20, 17, 12, 0.62) !important;
}


/* ---------------------------------------------------------
   CLOSE BUTTON
   --------------------------------------------------------- */

.jet-popup .jet-popup__close-button {
    position: absolute !important;

    top: 22px !important;
    right: 22px !important;

    width: 40px !important;
    height: 40px !important;

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

    background: #3E372D !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    z-index: 999 !important;

    cursor: pointer !important;

    transition:
        background 0.25s ease,
        transform 0.25s ease !important;
}


.jet-popup .jet-popup__close-button:hover {
    background: #302413 !important;

    transform: rotate(90deg) !important;
}


/* ---------------------------------------------------------
   POPUP HEADINGS
   --------------------------------------------------------- */

.accommodation-popup h1,
.accommodation-popup h2,
.accommodation-popup h3,
.accommodation-popup h4 {
    margin-top: 0 !important;

    color: #3E372D !important;

    font-family:
        "cormorant Garamond",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}


/* ---------------------------------------------------------
   MAIN ACCOMMODATION TITLE
   --------------------------------------------------------- */

.accommodation-popup .elementor-heading-title {
    color: ##3E372D !important;

    font-size: 20px !important;

    line-height: 1.12 !important;

    font-weight: 600 !important;

    letter-spacing: -0.5px !important;

    margin-bottom: 12px !important;
}


/* ---------------------------------------------------------
   NORMAL POPUP TEXT
   --------------------------------------------------------- */

.accommodation-popup p,
.accommodation-popup .jet-listing-dynamic-field__content {
    color: #000000 !important;

    font-family:
        "Poppins",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 16px !important;

    line-height: 1.75 !important;
}


/* ---------------------------------------------------------
   DYNAMIC IMAGES
   --------------------------------------------------------- */

.accommodation-popup img {
    display: block !important;

    width: 100% !important;

    height: auto !important;

    object-fit: cover !important;
}


/* ---------------------------------------------------------
   PREMIUM IMAGE PRESENTATION
   --------------------------------------------------------- */

.accommodation-popup .elementor-widget-image,
.accommodation-popup .elementor-widget-jet-dynamic-image {
    width: 100% !important;

    margin: 0 !important;
}


/* ---------------------------------------------------------
   IMAGE CORNERS
   --------------------------------------------------------- */

.accommodation-popup img {
    border-radius: 0 !important;
}


/* ---------------------------------------------------------
   GOLD ACCENT
   --------------------------------------------------------- */

.accommodation-popup .accommodation-location {
    color: #c79806 !important;

    font-size: 16px !important;

    font-weight: 500 !important;

    letter-spacing: 0.2px !important;
}


/* ---------------------------------------------------------
   SCROLLBAR
   --------------------------------------------------------- */

.jet-popup .jet-popup__container-inner::-webkit-scrollbar {
    width: 6px;
}

.jet-popup .jet-popup__container-inner::-webkit-scrollbar-track {
    background: #f4f2ee;
}

.jet-popup .jet-popup__container-inner::-webkit-scrollbar-thumb {
    background: #c79806;

    border-radius: 10px;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .jet-popup .jet-popup__container {
        width: 70vw !important;

        max-width: 720px !important;
    }

    .accommodation-popup {
        padding: 45px 35px 50px !important;
    }

    .accommodation-popup .elementor-heading-title {
        font-size: 36px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .jet-popup .jet-popup__container {
        width: 100vw !important;

        max-width: 100vw !important;

        height: 100vh !important;

        max-height: 100vh !important;
    }

    .accommodation-popup {
        padding: 40px 22px 45px !important;
    }

    .accommodation-popup .elementor-heading-title {
        font-size: 30px !important;

        line-height: 1.15 !important;
    }

    .accommodation-popup p,
    .accommodation-popup .jet-listing-dynamic-field__content {
        font-size: 15px !important;

        line-height: 1.7 !important;
    }

    .jet-popup .jet-popup__close-button {
        top: 16px !important;

        right: 16px !important;

        width: 38px !important;

        height: 38px !important;
    }
}/* End custom CSS */