@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.ttf) format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.ttf) format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.ttf) format('truetype');
    font-weight:900;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, a, button { font-family: Gotham; font-style: normal; margin: 0; padding: 0; font-size: 16px; }
.pb-0 { padding-bottom: 0 !important; }
.twt-container { max-width: 1360px; margin: 0 auto; }
.twt-container-fluid { max-width: 100%; margin: 0 auto; }
.twt-row { padding: 40px 0 20px; }
.flex-box { display: flex; justify-content: space-between; }
.flex-valign { align-items: center; }
.header { background: #ffffff; height: auto; width: 100%; position: fixed; top: 0; left: 0; z-index: 1500; box-shadow: 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802);} /* fw css */
.brand-logo { height: auto; width: 250px; padding: 5px 0; margin: 10px 0 0; position: relative; z-index: 100; }
.brand-logo a img { width: 100%; height: 64px;}
.navigation-links { height: fit-content; }

#top-menu { display: flex; align-items: center; }
#top-menu li { padding: 0 10px 0; }
#top-menu li a { display: block; padding: 14px 0 10px 0; color: #064f9e; text-decoration: none; font-size: 12px; text-transform: uppercase; position: relative; font-weight: 500; } /* fw css */
#top-menu li a svg{
    pointer-events: none;
}
#top-menu >li a::after { content: ""; display: block; width: 0; height: 1px; background-color: #e18d4b; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: width .3s ease-in-out; }
#top-menu > li:hover > a { color: #3c6; }
#top-menu > li:hover > a::after { width: 100%; }

#top-menu li.hamberg-menu { position: relative; top: 0px; width: 47px; }
#top-menu li.hamberg-menu .hmbrgmnu { cursor: pointer; }
#top-menu li.hamberg-menu .top-heading svg { color: #064f9e; font-size: 18px; } /* fw css */
#top-menu li.hamberg-menu .dropdown { width: 172px; left: auto; color: #fff; padding: 10px 0; margin: 0; display: none; position: absolute; overflow: hidden; top: 100%; background-color: #000000; right: 0; }
#top-menu li.hamberg-menu .dropdown.active { display: block; }
#top-menu li.hamberg-menu .dropdown ul li a { font-size: 11px; color: rgba(256,256,256, 0.5); text-transform: uppercase; display: block; width: fit-content; text-wrap: nowrap; transition: all 0.2s ease-in-out; position: relative; }
#top-menu li.hamberg-menu .dropdown ul li a::after { content: ""; display: block; width: 0; height: 1px; background-color: #e18d4b; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: width .3s ease-in-out; }

#top-menu li.hamberg-menu .dropdown ul li:hover a { color: rgba(51,204,102, 1); }
#top-menu li.hamberg-menu .dropdown ul li:hover a::after { width: 100%; }

.sec-experience { padding: 2rem 0; }
.sec-experience ul { list-style: none; }

.package-filters { display: flex; justify-content: space-evenly; align-items: center; margin-bottom: 100px; }
.filter { width: 60%; position: relative; text-align: center; }
.filter-toggle-cta { background: #ffffff; border: 1px solid #a5a5a5; padding: 10px 20px; width: 75%; border-radius: 25px; cursor: pointer; }
.filter ul { list-style: none; position: absolute; text-align: left; padding: 20px; background-color: #ffffff; width: 60%; left: 50%; transform: translateX(-50%); border: 1px solid #ffffff; overflow-y: auto; height: 180px; display: none; z-index: 999}
.filter ul li { border-bottom: 1px solid #a5a5a5; margin-bottom: 4px; }
.filter ul li:last-child { border: none; margin: none; }
.filter ul li a { display: block; padding: 10px; text-decoration: none; font-size: 16px; color: #000000; position: relative; padding-left: 20px; }
.filter ul li a::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #3c6; top: 45%; left: 0; transform: translateY(-50%); }

.card-blocks { display: flex; justify-content: space-between; flex-wrap: wrap;}
.card-blocks .items { width: 24%; margin-bottom: 20px; }
.card-blocks .items:last-child { margin-right: 0; }
.card-blocks .items .cardblock { border: 1px solid rgb(221, 223, 226); }
.card-blocks .items .item-head img { width: 100%; }

.card-blocks .cardblock { border: 1px solid rgb(221, 223, 226); }
.card-blocks .cardblock .item-head { max-height: 370px; overflow: hidden; }

.items .card-text { padding: 20px 15px 10px; min-height: 125px; position: relative; }
.items .card-text h2 { font-weight: 500; padding-bottom: 15px; line-height: 22px; }
.items .card-text a { text-decoration: none; display: inline-block; font-size: 14px; position: absolute; bottom: 20px; color: #000000; }
.items .card-text a > svg { transition: .25s ease-in-out; }
.items:hover .card-text a { color: #3c6; }
.items:hover .card-text a > svg { color: #e18d4b; margin-left: 3px; }

.itinerary-page { padding-top: 50px; }
.package-content { display: flex; }
.package-content .content-left { width: 36%; position: relative; }
.package-content .content-right { width: 64%; }
.package-content .content-left img { width:100%; }
h2.itinerary-locname { width: fit-content; font-size: 80px; font-weight: 700; text-transform: uppercase; }
.content-left h2.itinerary-locname { position: absolute; top: 20px; right: 5px; z-index: 1; color: #ffffff; text-align: right; padding: 0 0 0; }
.content-right h2.itinerary-locname { color: /*#4587d6*/ #000000; text-align: left; padding: 0 0 10px 2px; position: relative; top: 20px; }
.content-left h2.itinerary-locname-mob { display: none; }
.pckg-slider { position: relative; background-color: #6d6d6e; }
.pckg-slider .owl-nav { position: absolute; top: 50%; z-index: 2; width: 100%; left: 50%; transform: translate(-50%, -50%); }
.pckg-slider .owl-nav button.owl-prev,
.pckg-slider .owl-nav button.owl-next { background-color: #ffffff; padding: 10px 5px !important; }
.pckg-slider .owl-nav button:last-child { float: right; position: relative; right: -1px; }
.pckg-slider .owl-nav .pckg-slider-nav-arrow { color:#000000; }
.itinerary-content { padding: 5% 10%; }
.itinerary-content h1.ity-heading { font-size: 28px; color: #000000; font-weight: 500; text-transform: uppercase; line-height: 32px; margin-bottom: 10px; }
.itinerary-content ul.ity-duration { padding: 10px 0 30px; list-style: none; display: flex; }
.itinerary-content ul.ity-duration li { color: #000000; font-size: 14px; margin-right: 15px; position: relative; padding-left: 15px; }
.itinerary-content ul.ity-duration li::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50px; background-color: #8f8f8f; border: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.itinerary-content div.ity-description > p { font-size: 13px; font-weight: 500; line-height: 20px; color: #000000; margin-bottom: 15px; }
.ity-description { margin-bottom: 30px; }
.ity-description h2 { font-weight: 600; margin-bottom: 12px; }
.cr-trustpilot { font-size: 16px; color: #000000; margin-bottom: 30px; border-bottom: 1px solid #cccccc; padding-bottom: 30px; }
.cr-trustpilot a { text-decoration: none; font-size: 14px; color: #000000; font-weight: 500; }

body .tp-widget-logo { width: 90px !important; }
body .tp-widget-rating { font-size: 16px !important; font-family: Gotham !important; margin-left: 0 !important; padding: 0 !important; }
@media only screen and (max-width:1024px){
   .brand-logo {
    width: 200px;
   }
   #top-menu li {
        padding: 0 5px 0;
    }
}
@media only screen and (max-width:767px){
    #top-menu li.hamberg-menu .dropdown{
        color: #064f9e;
        background: #fff;
        width: 100%;
    }
    #top-menu li.hamberg-menu .dropdown ul li a{
        color: #064f9e;
        font-size: 12px;
    }
}

.ity-cost-container { padding: 30px 0 0; /* border: 1px solid #124d98;*/ border-radius: 0px; display: flex; justify-content: space-between; align-items: center; width: 100%; /*border-top: 1px solid #cccccc;*/ }
.ity-cost-container .cost { position: relative; width: 100%; /*background-color: #124d98;*/ display: flex; align-items: center; }
.ity-cost-container .cost .price { font-size: 42px; color: #23a762; width: 100%; text-align: left; font-weight: 600; }
.ity-cost-container .cost .bc-note { font-size: 12px; display: block; color: #000000; margin-bottom: 5px; position: absolute; bottom: 0; right: 0; font-weight: 300; }
.ity-cost-container .cost .currency-unit { /*padding: 10px 20px; border-right: 1px solid #426ea5;*/ padding-right: 10px; }
.ity-cost-container .cost .currency-unit > svg { color: #124d98; /*padding: 15px 25px;*/ font-size: 46px; }

.itinerary-content .ity-ctas { width: 67%; display: flex; justify-content: space-between; column-gap: 15px; padding: 0; }
.itinerary-content .ity-ctas .ui-datepicker-trigger { opacity: 0; position: absolute; }
/* .ity-cost-container .ity-ctas .twt-btn { width: 50%; background-color: #23a762; color: #ffffff; border: none; transition: 0.2s ease-in-out; border: 1px solid #ffffff; } */
/*.ity-cost-container .ity-ctas button.customise-btn { margin-right: 10px; }*/

.itinerary-content .booking-ctas .fixed-departures { width: 50%; position: relative; }
.itinerary-content .booking-ctas .fixed-departures > a { width: 100%; position: relative; }

.itinerary-content .booking-ctas .fixed-departures > a#fixed-dates > .fa-angle-up,
.itinerary-content .booking-ctas .fixed-departures > a#fixed-dates > .fa-angle-down { position: absolute; right: 20px; top: 55%; transform: translateY(-50%); font-size: 18px; color: #23a762; transition: all 0.2s ease-in-out; }
.itinerary-content .booking-ctas .fixed-departures > a#fixed-dates > .fa-angle-up { display: none; }

.itinerary-content .booking-ctas .fixed-departures ul.departure-dates { list-style: none; position: absolute; top: 43px; left: 50%; width: 85%; background-color: #ffffff; transform: translateX(-50%); display: none; border: 1px solid #23a762; }
.itinerary-content .booking-ctas .fixed-departures ul.departure-dates li { padding: 0 0px; }
.itinerary-content .booking-ctas .fixed-departures ul.departure-dates li a { display: block; width: 100%; padding: 12px 0; border-bottom: 1px solid #cccccc; text-align: center; text-decoration: none; font-size: 14px; color: #23a762; font-weight: 500; }
.itinerary-content .booking-ctas .fixed-departures ul.departure-dates li:last-child a { border-bottom: none; }

.itinerary-content .booking-ctas .fixed-departures ul.departure-dates li a:hover { background-color: #1a7d49; color: #ffffff; }

.itinerary-content .booking-ctas .fixed-departures.active ul.departure-dates { display: block; }

.itinerary-content .booking-ctas .fixed-departures.active > a#fixed-dates > .fa-angle-up { display: block; }
.itinerary-content .booking-ctas .fixed-departures.active > a#fixed-dates > .fa-angle-down { display: none; }

.twt-btn { width: 50%; font-size: 14px; background-color: #23a762; border: 1px solid #ffffff; color: #ffffff; padding: 15px 30px 12px; border-radius: 30px; cursor: pointer; transition: 0.2s ease-in-out; }
.twt-btn > svg { color: #124d98; margin-right: 6px; transition: 0.2s ease-in-out; }
/* .twt-btn:hover { background-color: #23a762; color: #ffffff; } */
/* .twt-btn:hover > svg { color: #ffffff; } */
.twt-btn:hover { background-color:#ffffff; color: #23a762; border: 1px solid #23a762; }
.twt-btn:hover > svg { color: #23a762; }
.twt-btn:hover > .fa-angle-up,
.twt-btn:hover > .fa-angle-down { color: #23a762; }

.twt-fillbtn { width: 50%; font-size: 14px; background-color: #23a762; border: 1px solid #ffffff; color: #ffffff; padding: 15px 30px 12px; border-radius: 30px; cursor: pointer; transition: 0.2s ease-in-out; }
.twt-fillbtn > svg { color: #ffffff; margin-right: 6px; transition: 0.2s ease-in-out; }
/* .twt-fillbtn:hover { background-color: #23a762; color: #ffffff; } */
/* .twt-fillbtn:hover > svg { color: #ffffff; } */
.twt-fillbtn:hover { background-color:#1a7d49; color: #ffffff; border: 1px solid #1a7d49; }
.twt-fillbtn:hover > svg { color: #ffffff; }
.twt-fillbtn:hover > .fa-angle-up,
.twt-fillbtn:hover > .fa-angle-down { color: #1a7d49; }

.twt-outlinebtn { width: 32%; font-size: 14px; background-color: #ffffff; border: 1px solid #23a762; color: #23a762; padding: 15px 30px 12px; border-radius: 30px; cursor: pointer; transition: 0.2s ease-in-out; }
.twt-outlinebtn > svg { color: #23a762; margin-right: 6px; transition: 0.2s ease-in-out; }
/* .twt-fillbtn:hover { background-color: #23a762; color: #ffffff; } */
/* .twt-fillbtn:hover > svg { color: #ffffff; } */
.twt-outlinebtn:hover { background-color:#1a7d49; color: #ffffff; border: 1px solid #1a7d49; }
.twt-outlinebtn:hover > svg { color: #ffffff; }
.twt-outlinebtn:hover > .fa-angle-up,
.twt-outlinebtn:hover > .fa-angle-down { color: #ffffff; }


.cost-instruct { font-size: 12px; padding: 10px 0; font-weight: 500; margin-bottom: 30px; }
#pckg-slider .owl-dots { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }
#pckg-slider .owl-dots button.owl-dot { background-color: #ffffff; border: none; outline: 2px solid #ffffff; width: 8px; height: 8px; border-radius: 100%; margin-right: 10px; transition: 0.5s ease-in-out; }
#pckg-slider .owl-dots button.owl-dot:last-child { margin-right: 0; }
#pckg-slider .owl-dots button.owl-dot.active { background-color: #23a762; outline: 3px solid #ffffff; width: 13px; height: 13px; }
.booking-ctas { display: inline-flex; justify-content: flex-start; margin-top: 0px; column-gap: 20px; width: 100%; }
/* .booking-ctas .twt-btn { width: 32%; background-color: #23a762; color: #ffffff; border: none; } */
/* .booking-ctas .twt-btn > svg { color: #124d98; } */
/* .booking-ctas .twt-btn:hover > svg { color: #ffffff; } */
/*.booking-ctas .twt-btn:first-child { width: 50%; }
.booking-ctas .ui-datepicker-trigger { opacity: 0; }*/

.booking-ctas form { width: 50%; }
.booking-ctas form .twt-outlinebtn { width: 100%; }
/*
.ui-datepicker td { padding: 4px; }
.ui-datepicker td span, .ui-datepicker td a { padding: 6px; }
.ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 400; border: 0; color: #e18d4b; font-size: 12px; font-family: 'poppins'; }
.ui-widget-header { background-color: #23a762; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-family: "poppins", sans-serif; font-size: 14px; padding: 5px 0px 2px 2px; border: none; margin-right: 8px; }
.ui-state-default, .ui-widget-content .ui-state-default { font-size: 14px; color: #000000; border: 1px solid #23a762; background: #ffffff; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color: #23a762; color: #ffffff; border: 1px solid #23a762; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #e18d4b; color: #ffffff; border: 1px solid #e18d4b; }
*/
/**
Package page stories block
*/
#relblogs { padding: 25px 0 0; }
#relblogs .container-fluid { padding: 0; --bs-gutter-x: 0; }
#relblogs .container-fluid .row { --bs-gutter-x: 0; }
#relblogs h2.stories-title { font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 50px; }
#relblogs .pckg-stories { display: flex; }
#relblogs .pckg-stories .card-holde { margin: 0; }
#relblogs .pckg-stories .card { height: 320px; overflow: hidden; border-radius: 0; }
#relblogs .pckg-stories .card img { border-radius: 0; }
#relblogs .pckg-stories .card.dark-bg-txt { color: #ffffff; }
#relblogs .pckg-stories .card .card-img-overlay { background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; }
#relblogs .pckg-stories .card a { text-decoration: none; color: #ffffff; }
#relblogs .pckg-stories .card .card-img-overlay h2.story-title { font-size: 24px; color: #ffffff; text-align: center; font-weight: 600; }
#relblogs .pckg-stories .card a:hover .card-img-overlay { opacity: 1; }

/**
 * Taxonomy Archive Page
 * Countries
*/
.taxo-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #000000; overflow: hidden; }
.taxo-bg > img { width: 100%; height: auto; opacity: 0.5; }
.taxopage { height: 100vh; position: relative; }
.taxocont { width: 75%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.taxocont h1 { color: #fff; font-size: 6em; text-transform: uppercase; font-weight: 700; margin-bottom: 5%; }
.taxocont .taxo-itinerary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.taxocont .taxo-itinerary li { margin: 0 10px 15px 0 }
.taxocont .taxo-itinerary li a { width: fit-content; display: block; font-size: 14px; font-weight: 500; border: 1px solid #ffffff; text-decoration: none; color: #ffffff; border-radius: 20px; padding: 12px 40px 10px; background: rgba(0, 0, 0, 0.3); transition: 0.5s ease-in-out; position: relative; }
.taxocont .taxo-itinerary li a svg { margin-left: 10px; vertical-align: bottom; }
.taxocont .taxo-itinerary li a:hover { background-color: #178de6; color: #ffffff; border: 1px solid #178de6; }

/**
 * Experiences
*/
.exp-taxo-header h1{
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
.exp-taxo-header .exp-taxo-desc{
    font-size: 16px;
    width: 60%;
    margin: 0 auto 50px;
    text-align: center;
}

.exp-taxo { 
    padding: 70px 15px;
    margin-top: 50px;
}

.exp-taxo-itinerary { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
    flex-wrap: wrap; 
}

.exp-taxo-itinerary li { 
    width: 33.33%; 
    overflow: hidden; 
    position: relative; 
    height: 534px;
}

.exp-taxo-itinerary li a {
    display: block;
    height: 100%;
    position: relative;
}
@media only screen and (max-width: 840px){
   .exp-taxo-itinerary li { 
        width: 50%; 
    }
}
@media only screen and (max-width: 768px){
    .exp-taxo-header h1{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .exp-taxo-header .exp-taxo-desc{
        font-size: 14px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .exp-taxo { 
        padding: 50px 15px;
        margin-top: 50px;
    }
    .exp-taxo-itinerary li { 
        height: 400px;
    }
    
}
@media only screen and (max-width: 576px){
    .exp-taxo-itinerary li { 
        width: 100%; 
    }
}
/* Image & Gradient overlay */
.exp-taxo-itinerary li .exp-taxo-image { 
    position: relative; 
    height: 100%;
}

.exp-taxo-itinerary li .exp-taxo-image img { 
    width: 100%; 
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}

.exp-taxo-itinerary li .exp-taxo-image::after { 
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #ffffff00 62%, #1A1A1A 100%);
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    z-index: 1;
}

/* Title styling */
.exp-taxo-itinerary li h2 { 
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);  /* centered horizontally */
    color: #fff;
    font-weight: bold;
    width: 90%;
    text-align: center;
    z-index: 2;
    transition: all 0.5s ease;  /* smooth movement */
      font-size: 20px;
    font-weight: 400;
}

/* Hover effects */
.exp-taxo-itinerary li a:hover .exp-taxo-image img { 
    transform: scale(1.15); 
}

.exp-taxo-itinerary li a:hover .exp-taxo-image::after {
    background: rgba(0,0,0,0.6);
}

.exp-taxo-itinerary li a:hover h2 {
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%); /* Move title to center */
}
/**
Itinerary Details
*/
.itinerary-pop { position: fixed; z-index: 9999; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(0,0,0,0.9); display: none; }
.itinerary-data { width: min(60vw, 920px); height: 100%; position: absolute; top: 0; right: -980px; padding: 25px 25px 50px; /*overflow: hidden;*/ overflow-y: auto; background-color: #3da5bf; transition: 0.2s ease-in-out 1s; }
.itinerary-banner { margin-bottom: 20px; position: relative; }
.itinerary-banner img { width:100%; }
.itinerary-banner h2 { font-size: 24px; font-weight: 600; color: #ffffff; position: absolute; top: 0; left: 0; padding: 20px 0; background-color: rgba(0,0,0,0.70); width: 100%; text-align: center; text-transform: uppercase; }
.itinerary-data .titledesc h2,
.itinerary-data .titledesc p { padding: 10px 0; color: #ffffff; }
.itinerary-data .titledesc h2 { text-transform: uppercase; font-size: 20px; font-weight: 600; }
.itinerary-data .titledesc p { line-height: 22px; }

.itinerary-banner .dwnld-pdf { display: block; width: fit-content; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: 500; position: absolute; top: 10px; right: 10px; padding: 10px; background-color: #23a762; border-radius: 5px; }
.itinerary-banner .dwnld-pdf svg { font-size: 24px; color: #ffffff; }

.closepopup { position: absolute; top: 1%; right: min(61vw, 990px); background: none; border: none; }
.closepopup svg { color: #9E9E9E; font-size: 48px; }

body.popup { overflow: hidden; }
.itinerary-pop.popup { display:block; }
.itinerary-pop.popup .itinerary-data { right: 0; }

#ity-accordion { padding: 30px 0; }
#ity-accordion h3 { color: #ffffff; font-size: 22px; font-weight: 600; padding: 20px 0 20px 20px; }
#ity-accordion .ity-card { padding: 2rem; display: flex; }
#ity-accordion .ity-card .actimg { width: 40%; margin-right: 30px; overflow: hidden; }
#ity-accordion .ity-card .actimg > img { width: 100%; }
#ity-accordion .ity-card .actinfo-wimg { width: 60%; }
#ity-accordion .ity-card .actinfo-wimg p { color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
#ity-accordion .ity-card .actinfo-wimg p:last-child { margin-bottom: 0; }

#ity-accordion .ity-card .actinfo-woimg { width: 100%; }

#ity-accordion .ui-state-default, .ui-widget-content .ui-state-default { font-size: 14px; color: #ffffff; border: unset; background-color: rgba(0, 0, 0, 0.25); }
#ity-accordion .ui-state-default .daytitle, .ui-widget-content .ui-state-default .daytitle { color: #000000; }
#ity-accordion .ui-state-active, .ui-widget-content .ui-state-active { background-color: rgba(0, 0, 0, 0.25); color: #ffffff; border: unset; }
#ity-accordion .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: rgba(0, 0, 0, 0.25); color: #ffffff; border: 1px solid #e18d4b; }
#ity-accordion .ui-icon, .ui-widget-content .ui-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

.weather-info,
.temperature-info,
.ity-inclusions,
.ity-exclusions,
.note { padding: 30px; border: 1px solid #2e7c8f; margin-bottom: 30px; }

.weather-info h3,
.temperature-info h3,
.ity-inclusions h3,
.ity-exclusions h3,
.note h3 { font-weight: 600; text-transform: uppercase; width: 96%; background-color: rgba(0,0,0,0.2); padding: 10px 0 10px 4%; margin-bottom: 15px; position: relative; }

.weather-info h3::before,
.temperature-info h3::before,
.ity-inclusions h3::before,
.ity-exclusions h3::before,
.note h3::before { content: ""; display: block; position: absolute; top: 50%; left: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #ffffff; transform: translateY(-50%); }

.weather-info h3,
.weather-info p,
.temperature-info h3,
.temperature-info p,
.ity-inclusions h3,
.ity-exclusions h3,
.ity-inclusions ul li,
.ity-exclusions ul li,
.note h3,
.note p { color: #ffffff; position: relative; }

.weather-info p,
.temperature-info p,
.note p { line-height: 24px; }

.ity-inclusions ul,
.ity-exclusions ul { padding-left: 20px; }

.ity-inclusions ul li::before,
.ity-exclusions ul li::before { content: ""; display: block; position: absolute; top: 50%; left: 0px; width: 8px; height: 8px; transform: translateY(-50%); background-color: #318499; border-radius: 25px; }

.ity-inclusions ul li,
.ity-exclusions ul li { margin-top: 10px; margin-bottom: 10px; padding-left: 20px; }

.ity-inclusions ul li:last-child,
.ity-exclusions ul li:last-child { margin-bottom: 0; }

/**
* CUSTOMIZE FORM STYLING
*/

.customizeform {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.ity-form-wrapper {
    max-width: 525px;
    width: 100%;
    /*height: 0;*/
    transition: all 0.2s ease-in-out;
    /*position: relative;*/
}

.customizeform.active {
    padding-top: 50px;
}

.customizeform.active .ity-form-wrapper {
    height: 730px;
}


.enqform {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.enqform.active {
    padding-top: 50px;
}

.enqform.active .ity-form-wrapper {
    height: 730px;
}

.ityform {
    background-color: #014c82;
    padding: 20px;
    border: none;
    border-radius: 6px;
    width: 100%;
}

.ityform h2.form-title {
    font-size: 24px;
    color: #ffffff;
    padding: 10px 0 30px;
    font-weight: 500;
}

.ityform .close-form {
    position: absolute;
    right: 20px;
    top: 30px;
    background: none;
    border: none;
}

.ityform .close-form svg {
    color: #fff;
    font-size: 20px;
}

.ityform .enq-close-form {
    position: absolute;
    right: 20px;
    top: 30px;
    background: none;
    border: none;
}

.ityform .enq-close-form svg {
    color: #fff;
    font-size: 20px;
}

.ityfields span {
    display: block;
}

.ityfields span.wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 20px;
}

.ityfields span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: #ffb900;
    font-size: 12px;
    margin-top: 10px;
    position: absolute;
    right: 10px;
    bottom: 14px;
}

.ityfields span[data-name="firstname"] .wpcf7-not-valid-tip,
.ityfields span[data-name="lastname"] .wpcf7-not-valid-tip,
.ityfields span[data-name="email"] .wpcf7-not-valid-tip,
.ityfields span[data-name="phone"] .wpcf7-not-valid-tip,
.ityfields span[data-name="travel-period"] .wpcf7-not-valid-tip {
    right: 0px;
    bottom: -18px;
}

.ityfields span input,
.ityfields span textarea {
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

.ityfields span input::placeholder,
.ityfields span textarea::placeholder {
    font-size: 13px;
    color: #7091a8;
}

.ityfields span[data-name="firstname"],
.ityfields span[data-name="lastname"],
.ityfields span[data-name="email"],
.ityfields span[data-name="phone"] {
    width: 235px;
    display: inline-block;
    margin-bottom: 30px;
}

.ityfields span[data-name="firstname"],
.ityfields span[data-name="email"] {
    margin-right: 10px;
}

.ityfields .wpcf7-submit {
    font-size: 16px;
    font-weight: 500;
    background-color: #23a762;
    border: 1px solid #23a762;
    padding: 15px 30px 12px;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    text-decoration: none;
    display: block;
    width: fit-content;
    color: #ffffff;

}

.wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    bottom: 60px;
    right: 15px;
    width: 67%;
    text-align: center;
    color: #29d47b;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    margin: 0;
}


/**
EXPERIENCES PAGE STYLING
*/
.exptaxo {
    padding: 0px 15px 70px;
    margin-top: 0px !important;
}
.exps-block {
    display: flex;
    flex-wrap: wrap;
}
.exptaxo h1{
    margin-bottom: 30px;
}
.exps-block .items {
    width: 33.33%;
    position: relative;
    overflow: hidden;
}
.exps-block .items > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease-in-out; /* smoother + slower */
    will-change: transform; /* boosts performance */
}
@media only screen and (max-width: 840px){
    .exps-block .items {
        width: 33.33%;
    }
}
@media only screen and (max-width: 768px){
    .exptaxo {
        padding: 20px 15px 50px;
    }
    .exps-block .items {
        width: 50%;
    }
    .exps-list{
        padding:0px;
    }
}
@media only screen and (max-width: 576px){
    .exps-block .items {
        width: 100%;
    }
}
/* Smooth overlay */
.exps-block .items:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #fff0 67%, #1A1A1A 100%);
    pointer-events: none;
    z-index: 1;
}

.exps-block .items a.exp-cta {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Title starts at bottom */
    padding-bottom: 20px;
    text-decoration: none;
    z-index: 2;
}

.exps-block .icon-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    justify-content: center;
}

/* Icon: initially hidden above */
.exps-block .icon-text img {
    max-width: 110px;
    opacity: 0;
    /*transform: translateY(-60px);  *//* Hidden above the card */
    transition: all 0.6s ease;
}

/* Title: starts from bottom */
.exps-block .icon-text .title {
    color: #fff;
    font-weight: 400;
    transform: translateY(90px);  /* At bottom initially */
    transition:all 1.5s ease;
}

/* Hover Effects */
.exps-block .items:hover .icon-text {
    justify-content: center;
}
.exps-block .items:hover > img {
    transform: scale(1.1);
}

.exps-block .items:hover:before {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

.exps-block .items:hover a.exp-cta {
    align-items: center; /* Move content vertically to center */
}

.exps-block .items:hover .icon-text img {
    opacity: 1;
    rotate: 360deg;  /* Top to center */
}

.exps-block .items:hover .icon-text .title {
    transform: translateY(10px); /* Bottom to center */
}
@media only screen and (max-width: 1200px){
    .exps-block .icon-text .title {
    transform: translateY(56px);
    }
}
@media only screen and (max-width: 900px){
    .exps-block .icon-text .title {
    transform: translateY(28px);
    }
}
@media only screen and (max-width: 768px){
    .exps-block .icon-text .title {
    transform: translateY(80px);
    }
}
@media only screen and (max-width: 767px){
    .exps-block .icon-text .title {
    transform: translateY(38px);
    }
}
@media only screen and (max-width: 576px){
    .exps-block .icon-text .title {
    transform: translateY(88px);
    }
}
@media only screen and (max-width: 576px){
    .exps-block .icon-text .title {
    transform: translateY(55px);
    }
}
/*.exps-block .items a.exp-cta .icon-text h2.title::after { content: ""; display: block; width: 0; height: 3px; background-color: #e18d4b; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); transition: width .3s ease-in-out; }
.exps-block .items > img {
    width: 100%;
    display: block;
}
.exps-block .items:hover > img { scale: 1; transition:.5s ease-in-out; }
.exps-block .items:hover a.exp-cta > .icon-text h2.title { color: #3c6; }
.exps-block .items:hover a.exp-cta > .icon-text h2.title::after { width: 100%; }
.exps-block .items:hover a.exp-cta > .icon-text img { rotate: 360deg; }
.exps-block .items:hover > img { scale: 1.1; }*/

/**
EXPLORE ITINERARY FORM
*/
.email-popup {
    position: fixed;
    width: 50%;
    top: -25%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 50px 20px;
    z-index: 9999;
    background: #014c82;
    transition: all 0.5s ease-in-out;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
    opacity: 0;
}
.email-popup.active {
    top: 50%;
    opacity: 1;
}
.email-popup .close {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #014c82;
    background-color: #ffffff;
    padding: 3px 5px;
    border-radius: 25px;
}
.email-popup .wpcf7 label {
    color: #ffffff;
    font-weight: 600;
}

.email-popup .wpcf7 input[type="email"] {
    background: none;
    border: 1px solid #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 5px;
    color: #ffffff;
}

.email-popup .wpcf7 .wpcf7-spinner {
    display: block;
    margin: 0 auto;
}

.email-popup .wpcf7 .wpcf7-submit {
    width: 50%;
    font-size: 14px;
    background-color: #23a762;
    border: none;
    color: #ffffff;
    padding: 15px 30px 12px;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

/**
FOOTER STYLING
*/

.footer-top { background-color: #282828; padding: 2% 0; }
ul.footer-menuitems li { margin-bottom: 5px; }
ul.footer-menuitems li a { display: block; font-size: 12px; color: #ababab; text-decoration: none; text-transform: uppercase; padding: 10px 0 0; position: relative; transition: all 0.2s; width: fit-content; }
ul.footer-menuitems li a::after { content:""; width: 0; height: 1px; background-color: #e18d4b; position: absolute; bottom: -5px; left: 0; transition: all 0.2s ease-in-out; }
ul.footer-menuitems li a:hover { color: #23a762; }
ul.footer-menuitems li a:hover::after { width: 100%; }

ul.social-items { list-style: none; display: flex; flex-wrap: wrap; width: 54%; }
ul.social-items li { display: block; position: relative; margin-right: 5px; margin-bottom: 6px; border-radius: 5px; }
ul.social-items li a { display: block; font-size: 20px; color: #ffffff; padding: 8px 0; border-radius: 5px; background-color:#676464; width: 45px; text-align: center; transition: all 0.2s ease-in-out; }

ul.social-items li a.facebook:hover { background: #4267B2; }
ul.social-items li a.twitter:hover { background: #1DA1F2; }
ul.social-items li a.googleplus:hover { background: #DB4437; }
ul.social-items li a.linkedin:hover { background: #1986c6; }
ul.social-items li a.instagram:hover { background: #7a5543; }
ul.social-items li a.youtube:hover { background: #FF0000; }

.footer-bottom { background-color: #000000; padding: 20px 0; }
.footer-menuitems-policies { list-style: none; }
.footer-menuitems-policies li { display: inline-block; }
.footer-menuitems-policies li a { display: block; text-decoration: none; font-size: 12px; color: #ababab; padding: 5px 0 5px 0; margin-right: 10px; width: fit-content; transition: all 0.2s; position: relative; }
.footer-menuitems-policies li a::after { content:""; width: 0; height: 1px; background-color: #e18d4b; position: absolute; bottom: 0px; left: 0; transition: all 0.2s ease-in-out; }
.footer-menuitems-policies li a:hover { color: #23a762; }
.footer-menuitems-policies li a:hover::after { width: 100%; }
.footer-bottom .copyrights { font-size: 11px; color: #ababab; font-weight: 400; padding: 5px 0; text-align: right; text-transform: uppercase; }
@media (max-width: 768px){

    .navigation-links #ddmenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }


    /* Make search button sit on right side */
    .navigation-links #top-menu > li ul .srch-btn {
        position: absolute;
        left: 5px;
        top: 0px;
        z-index: 999;
    }

    /* Prevent layout breaking */
    .navigation-links #top-menu li {
        white-space: nowrap;
    }
    .navigation-links #top-menu li:first-child {
        padding-top: 30px;
    }
}