.elementor-166 .elementor-element.elementor-element-41a60a9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F3EDED;--border-color:#F3EDED;--border-radius:0px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-41a60a9:not(.elementor-motion-effects-element-type-background), .elementor-166 .elementor-element.elementor-element-41a60a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-166 .elementor-element.elementor-element-ac213b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-494e818{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-d2a4bae{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-68839ec .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-68839ec .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-166 .elementor-element.elementor-element-68839ec .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-68839ec .jet-listing-dynamic-image__caption{text-align:left;}.elementor-166 .elementor-element.elementor-element-1cc3f7e{--display:flex;--gap:015px 0px;--row-gap:015px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-166 .elementor-element.elementor-element-68fc632{padding:020px 0px 0px 0px;}.elementor-166 .elementor-element.elementor-element-68fc632 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:26px;font-weight:700;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-166 .elementor-element.elementor-element-be3f880{--divider-border-style:solid;--divider-border-width:0px;}.elementor-166 .elementor-element.elementor-element-be3f880 .elementor-divider-separator{width:100%;}.elementor-166 .elementor-element.elementor-element-be3f880 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-166 .elementor-element.elementor-element-90ca404 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:25px;font-weight:700;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-166 .elementor-element.elementor-element-6ce4852{font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-166 .elementor-element.elementor-element-de5db51 .elementor-button{background-color:#F7F7F7;font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:700;}.elementor-166 .elementor-element.elementor-element-0125be1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-0125be1:not(.elementor-motion-effects-element-type-background), .elementor-166 .elementor-element.elementor-element-0125be1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-166 .elementor-element.elementor-element-b94ec00{--display:flex;}.elementor-166 .elementor-element.elementor-element-08a22fb{text-align:start;}.elementor-166 .elementor-element.elementor-element-08a22fb .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;font-weight:700;color:#000000;}.elementor-166 .elementor-element.elementor-element-cf40354{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-7d24c47{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-fdc8101{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-166 .elementor-element.elementor-element-0a10ec8{--display:flex;--min-height:250px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-d6a3699 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-d6a3699 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-166 .elementor-element.elementor-element-d6a3699 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-d6a3699 .jet-listing-dynamic-image__caption{text-align:left;}.elementor-166 .elementor-element.elementor-element-dc096f7{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-166 .elementor-element.elementor-element-dc096f7:not(.elementor-motion-effects-element-type-background), .elementor-166 .elementor-element.elementor-element-dc096f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-166 .elementor-element.elementor-element-a96201e .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-166 .elementor-element.elementor-element-0c41a7a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-166 .elementor-element.elementor-element-f87ba31{--display:flex;--min-height:250px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-07e7bc0 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-07e7bc0 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-166 .elementor-element.elementor-element-07e7bc0 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-166 .elementor-element.elementor-element-07e7bc0 .jet-listing-dynamic-image__caption{text-align:left;}.elementor-166 .elementor-element.elementor-element-a639219{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-166 .elementor-element.elementor-element-a639219:not(.elementor-motion-effects-element-type-background), .elementor-166 .elementor-element.elementor-element-a639219 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-166 .elementor-element.elementor-element-9e6643b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-166 .elementor-element.elementor-element-d8781e5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-166 .elementor-element.elementor-element-d8781e5:not(.elementor-motion-effects-element-type-background), .elementor-166 .elementor-element.elementor-element-d8781e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-166 .elementor-element.elementor-element-8dddd74{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-166 .elementor-element.elementor-element-8dddd74 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:22px;font-weight:700;color:#000000;}.elementor-166 .elementor-element.elementor-element-e11a24a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-166 .elementor-element.elementor-element-e11a24a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;color:#000000;}.jet-listing-item.single-jet-engine.elementor-page-166 > .elementor{width:860px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-166 .elementor-element.elementor-element-8dddd74{--container-widget-width:17%;--container-widget-flex-grow:0;width:var( --container-widget-width, 17% );max-width:17%;}}/* Start custom CSS for text-editor, class: .elementor-element-6ce4852 *//* =========================================================
   DAY BY DAY CONTENT
========================================================= */

.day-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}


/* =========================================================
   DESCRIPTION - COLLAPSED
========================================================= */

.day-description {
    position: relative;
    overflow: hidden;

    max-height: 175px;

    font-size: 17px;
    line-height: 1.55;
    color: #292929;

    transition: max-height 0.45s ease;
}


/* Remove unwanted margins from dynamic text */

.day-description p {
    margin: 0;
}


/* =========================================================
   FADE AT THE BOTTOM
========================================================= */

.day-description:not(.is-expanded)::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 55px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        #ffffff
    );

    pointer-events: none;
}


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

.day-description.is-expanded {
    max-height: 3000px;
}


/* =========================================================
   SHOW MORE / SHOW LESS BUTTON
========================================================= */

.day-read-more {
    margin-top: 12px;
}


/* Elementor button */

.day-read-more .elementor-button {
    display: inline-flex;

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

    padding: 9px 14px;

    background: #eeeeee;
    color: #252525;

    border: none;
    border-radius: 4px;

    font-size: 15px;
    font-weight: 500;

    line-height: 1;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover */

.day-read-more .elementor-button:hover {
    background: #e2e2e2;
    color: #222222;
    transform: translateY(-1px);
}


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

.day-read-more .elementor-button-text::after {
    content: "⌄";

    display: inline-block;

    margin-left: 8px;

    font-size: 18px;
    line-height: 10px;

    transition: transform 0.3s ease;
}


/* Arrow when open */

.day-read-more.is-open .elementor-button-text::after {
    transform: rotate(180deg);
}


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

@media (max-width: 767px) {

    .day-description {
        max-height: 190px;

        font-size: 16px;
        line-height: 1.55;
    }

    .day-read-more .elementor-button {
        padding: 9px 13px;
        font-size: 14px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf40354 *//* ==========================================
   NANO AFRICA SAFARIS
   SMART DYNAMIC ACCOMMODATION CARDS
   ========================================== */

/* Main accommodation section */
.accommodation-section {
    width: 100%;
    min-width: 0;

}

/* Two accommodation columns */
.accommodation-section .e-con-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px;
}

/* Individual accommodation cards */
.accommodation-section .accommodation-card {
    flex: 1 1 calc(50% - 12px);
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    transition: box-shadow 0.25s ease;
}

/* Completely remove unavailable accommodation cards */
.accommodation-section .accommodation-card.accommodation-hidden {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* One accommodation takes the full row */
.accommodation-section .accommodation-card.accommodation-full {
    flex: 0 0 100% !important;
    width: 70% !important;
    max-width: 70% !important;
}

/* Accommodation images */
.accommodation-section .accommodation-card img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
}

/* Hide the entire section if no accommodation exists */
.accommodation-section.accommodation-section-hidden {
    display: none !important;
}

/* Mobile layout */
@media (max-width: 767px) {
    .accommodation-section .e-con-inner {
        gap: 18px;
    }

    .accommodation-section .accommodation-card {
        flex: 0 0 100%;
        width: 100%;
    }

    .accommodation-section .accommodation-card img {
        height: 230px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41a60a9 *//* =========================================================
   PREMIUM SAFARI PACKAGE / DAY-BY-DAY
   Elementor + JetEngine

   MAIN DAY:
   .package-listing

   INNER DAY CONTENT:
   .itinerary-item

   JETENGINE REPEATED ITEM:
   .jet-listing-grid__item
========================================================= */


/* =========================================================
   PACKAGE / DAY CONTAINER
========================================================= */

.package-listing {
    width: 100%;
    max-width: 1010px;

    margin: 0 auto 82px;

    box-sizing: border-box;

    background: #ffffff;

    position: relative;
    overflow: visible !important;
}


/* =========================================================
   MAIN PACKAGE AREA
========================================================= */

.package-main {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 40px;

    align-items: start;
}


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

.package-image {
    width: 100%;
    overflow: hidden;
}

.package-image img {
    width: 100%;
    height: 300px;

    object-fit: cover;
    display: block;
}


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

.package-content {
    width: 100%;

    padding: 0;

    box-sizing: border-box;
}


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

.package-title {
    margin: 0;
    padding: 0;
}

.package-title h1,
.package-title h2,
.package-title h3,
.package-title h4 {
    margin: 0;

    font-size: 25px;
    line-height: 1.25;

    font-weight: 600;

    color: #252525;
}


/* =========================================================
   DIVIDER
========================================================= */

.package-divider {
    width: 100%;
    height: 1px;

    background: #dddddd;

    margin: 20px 0 26px;
}


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

.package-day-title {
    margin-bottom: 14px;
}

.package-day-title h1,
.package-day-title h2,
.package-day-title h3,
.package-day-title h4 {
    margin: 0;

    font-size: 24px;
    line-height: 1.35;

    font-weight: 500;

    color: #222222;
}


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

.package-description {
    font-size: 17px;
    line-height: 1.55;

    color: #333333;
}

.package-description p {
    margin: 0;
}


/* =========================================================
   SHOW MORE BUTTON
========================================================= */

.package-button {
    margin-top: 14px;
}

.package-button a,
.package-button button {
    display: inline-flex;

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

    gap: 8px;

    padding: 9px 15px;

    border: 0;
    border-radius: 4px;

    background: #eeeeee;

    color: #222222;

    font-size: 15px;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.package-button a:hover,
.package-button button:hover {
    background: #e2e2e2;
}


/* =========================================================
   ACCOMMODATION SECTION
========================================================= */

.accommodation-section {
    width: 100%;

    /*margin-top: 10px;*/
}


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

.accommodation-title {
    margin-bottom: px;
}

.accommodation-title h1,
.accommodation-title h2,
.accommodation-title h3,
.accommodation-title h4 {
    margin: 0;

    font-size: 25px;
    line-height: 1.3;

    font-weight: 600;

    color: #292929;
}


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

.accommodation-grid {
    width: 100%;

    display: grid;

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

    gap: 20px;
}


/* =========================================================
   ACCOMMODATION CARD
========================================================= */

.accommodation-card {
    width: 100%;

    overflow: hidden;

    background: #f7f7f7;

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

.accommodation-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.08);
}


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

.accommodation-image {
    width: 100%;
    overflow: hidden;
}

.accommodation-image img {
    width: 100%;
    height: 240px;

    object-fit: cover;

    display: block;

    transition: transform 0.4s ease;
}

.accommodation-card:hover .accommodation-image img {
    transform: scale(1.03);
}


/* =========================================================
   ACCOMMODATION NAME
========================================================= */

.accommodation-name {
    padding: 14px 15px 17px;

    text-align: center;
}

.accommodation-name a {
    color: #333333;

    font-size: 20px;
    line-height: 1.3;

    text-decoration: underline;
    text-underline-offset: 3px;

    transition: color 0.25s ease;
}

.accommodation-name a:hover {
    color: #a85d25;
}


/* =========================================================
   =========================================================
   PREMIUM JETENGINE DAY-BY-DAY TIMELINE
   =========================================================
   =========================================================

   IMPORTANT:

   JetEngine repeats:

   .jet-listing-grid__item
          ↓
      .package-listing
          ↓
      .itinerary-item

   Therefore the timeline is attached to:

   .jet-listing-grid__item

   NOT directly to .package-listing.

========================================================= */


/* =========================================================
   JETENGINE REPEATED DAY
========================================================= */

.jet-listing-grid__item {
    position: relative !important;

    overflow: visible !important;

    box-sizing: border-box;
}


/* =========================================================
   PACKAGE DAY INSIDE JETENGINE
========================================================= */

.jet-listing-grid__item .package-listing {
    position: relative;

    width: 100%;

    margin-bottom: 0 !important;

    overflow: visible !important;
}


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

.jet-listing-grid__item .itinerary-item {
    position: relative;

    width: 100%;

    box-sizing: border-box;

    overflow: visible !important;
}


/* =========================================================
   SPACE BETWEEN DAYS

   This creates the clean breathing space:

   DAY 1
      |
      |
      |
   DAY 2
========================================================= */

.jet-listing-grid__item:not(:last-child) {
    margin-bottom: 85px !important;
}


/* =========================================================
   PREMIUM ORANGE DASHED LINE

   The line appears ONLY between JetEngine days.
========================================================= */

.jet-listing-grid__item:not(:last-child)::after {
    content: "";

    position: absolute;

    /*
       Center of the complete Day
    */
    left: 50%;

    /*
       Start exactly at the bottom
       of the current Day.
    */
    top: 100%;

    /*
       Center the line precisely.
    */
    transform: translateX(-50%);

    /*
       Match the Day-to-Day spacing.
    */
    height: 90px;

    /*
       Premium thin line.
    */
    width: 5px;

    /*
       Safari orange dashed appearance.
    */
    background: repeating-linear-gradient(
        to bottom,

        #c45a25 0px,
        #c45a25 12px,

        transparent 12px,
        transparent 20px
    );

    /*
       Keep line visible above
       Elementor content.
    */
    z-index: 9999;

    pointer-events: none;
}


/* =========================================================
   FINAL DAY

   NO SPACE
   NO LINE
========================================================= */

.jet-listing-grid__item:last-child {
    margin-bottom: 0 !important;
}

.jet-listing-grid__item:last-child::after {
    content: none !important;

    display: none !important;
}


/* =========================================================
   LARGE DESKTOP
   1440px +
========================================================= */

@media (min-width: 1440px) {

    .package-listing {
        max-width: 1010px;
    }

    .jet-listing-grid__item:not(:last-child) {
        margin-bottom: 82px !important;
    }

    .jet-listing-grid__item:not(:last-child)::after {
        height: 90px;
        width: 4px;
    }
}


/* =========================================================
   LAPTOP / DESKTOP
   1025px – 1439px
========================================================= */

@media (min-width: 1025px)
       and (max-width: 1439px) {

    .package-listing {
        max-width: 100%;
    }

    .jet-listing-grid__item:not(:last-child) {
        margin-bottom: 72px !important;
    }

    .jet-listing-grid__item:not(:last-child)::after {
        height: 72px;
        width: 2px;
    }
}


/* =========================================================
   TABLET
   768px – 1024px
========================================================= */

@media (min-width: 768px)
       and (max-width: 1024px) {

    .package-listing {
        max-width: 100%;
    }

    .package-main {
        gap: 35px;
    }

    .jet-listing-grid__item:not(:last-child) {
        margin-bottom: 60px !important;
    }

    .jet-listing-grid__item:not(:last-child)::after {
        height: 60px;
        width: 2px;
    }
}


/* =========================================================
   MOBILE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .package-listing {
        width: 100%;
        max-width: 100%;

        margin-bottom: 0;
    }


    /* -----------------------------------------
       PACKAGE LAYOUT
    ----------------------------------------- */

    .package-main {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* -----------------------------------------
       PACKAGE IMAGE
    ----------------------------------------- */

    .package-image img {
        height: 260px;
    }


    /* -----------------------------------------
       PACKAGE TITLE
    ----------------------------------------- */

    .package-title h1,
    .package-title h2,
    .package-title h3,
    .package-title h4 {
        font-size: 22px;
    }


    /* -----------------------------------------
       DAY TITLE
    ----------------------------------------- */

    .package-day-title h1,
    .package-day-title h2,
    .package-day-title h3,
    .package-day-title h4 {
        font-size: 21px;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .package-description {
        font-size: 16px;

        line-height: 1.6;
    }


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

    .accommodation-section {
        margin-top: 40px;
    }

    .accommodation-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .accommodation-image img {
        height: 240px;
    }

    .accommodation-title h1,
    .accommodation-title h2,
    .accommodation-title h3,
    .accommodation-title h4 {
        font-size: 23px;
    }


    /* -----------------------------------------
       MOBILE DAY SPACING
    ----------------------------------------- */

    .jet-listing-grid__item:not(:last-child) {
        margin-bottom: 45px !important;
    }


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

    .jet-listing-grid__item:not(:last-child)::after {

        height: 45px;

        width: 2px;

        background: repeating-linear-gradient(
            to bottom,

            #c45a25 0px,
            #c45a25 8px,

            transparent 8px,
            transparent 15px
        );
    }
}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
========================================================= */

@media (max-width: 480px) {

    .package-image img {
        height: 220px;
    }


    .accommodation-image img {
        height: 220px;
    }


    .package-description {
        font-size: 15px;

        line-height: 1.6;
    }


    /* -----------------------------------------
       SMALL MOBILE DAY SPACING
    ----------------------------------------- */

    .jet-listing-grid__item:not(:last-child) {
        margin-bottom: 38px !important;
    }


    /* -----------------------------------------
       SMALL MOBILE TIMELINE
    ----------------------------------------- */

    .jet-listing-grid__item:not(:last-child)::after {

        height: 38px;

        width: 2px;
    }
}/* End custom CSS */