.list ul {margin-bottom: 20px !important;}
.panel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height 0.5s ease;
}

.panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease-in-out;
    pointer-events: none;
}

    /* ACTIVE PANEL */
    .panel.active-panel {
        opacity: 1;
        visibility: visible;
        z-index: 2;
        pointer-events: auto;
    }

    /* PANEL THAT IS LEAVING */
    .panel.fade-out {
        opacity: 0;
        z-index: 1;
    }

.text {
    overflow: hidden;
    transition: max-height 0.5s ease;
}
/* optional fade effect (looks premium) */
.text.collapsed::after {content: "";display: block;height: 30px;background: linear-gradient(to bottom, transparent, white);}
.read-toggle {margin-top: 10px;cursor: pointer;}
.visual-container-2100 {max-width:2900px; margin:0 auto}
.image-container {height: 100vh;position: fixed;top: 0;background-position: bottom left;background-attachment: fixed;background-repeat: no-repeat;background-size: 115vh;}
@media (max-width:767.98px) {
body {padding: 0px;}
header, .top-nav-collapse {position: relative !important;top: 0;width: 100%;z-index: 1000;transition: transform 0.3s ease;}
.top-nav-collapse .logo-panel {position: relative !important;top: 0px !important;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.logo {border-radius: 0px;width: 145px;height: auto;}
.top-nav-collapse .logo {border-radius: 100%;width: 145px !important;height: auto !important;}
.top-nav-collapse .tp-nav {padding: 0rem 0 !important;}
.top-nav-collapse .logo-panel {position: absolute;top: 0px !important;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.trip-nav {position: sticky;top:-362px;padding-top: 0px;z-index: 999;background: #fff;transition: all 0.3s ease;}
.image-container {background-image:none !important; position: relative;}
}
@media (min-width:767.98px) and (max-width:1279.98px) {
body {padding: 0px;}
header, .top-nav-collapse {position: relative !important;top: 0;width: 100%;z-index: 1000;transition: transform 0.3s ease;}
.top-nav-collapse .logo-panel {position: relative !important;top: 0px !important;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.logo {border-radius: 0px;width: 145px;height: auto;}
.top-nav-collapse .logo {border-radius: 100%;width: 145px !important;height: auto !important;}
.top-nav-collapse .tp-nav {padding: 0rem 0 !important;}
.top-nav-collapse .logo-panel {position: absolute;top: 0px !important;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.trip-nav {position: sticky;top: 0;padding-top: 0px;z-index: 999;background: #fff;transition: all 0.3s ease;}
.h2, h2 {transition: all 1s ease;}
.trip-header h1 {font-size: 1.75rem;transition: all 1s ease;}
.trip-header .h2, h2 {font-size: 1.475rem;margin-bottom: 10px !important}
}
@media (min-width:767.98px) and (max-width:1023.98px) {
    .image-container {background-image:none !important; position: relative;}
}
@media (min-width:1279.98px) {
body {padding: 0px;}
header, .top-nav-collapse {position: relative !important;top: 0;width: 100%;z-index: 1000;transition: transform 0.3s ease;}
.top-nav-collapse .logo {border-radius: 100%;width: 175px !important;height: 175px !important;}
.top-nav-collapse .tp-nav {padding: 1.5rem 0 !important;}
.top-nav-collapse .logo-panel {position: absolute;top: -26px !important;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.trip-nav {position: sticky;top: 0;padding-top:0px;z-index: 999;background: #fff;transition: all 0.3s ease;}
.trip-nav h1 {transition: all 1s ease;}
.trip-header h1 {font-size: 2.85rem;transition: all 1s ease;}
.h2, h2 {transition: all 1s ease;}
.trip-header .h2, h2 {font-size: 1.475rem;margin-bottom:10px !important}
}
section {position: relative}

    .accordian-img {
        min-width: 180px;
        height: 120px;
        background-position: center;
        background-size: 100% !important
    }

    .accordion-button[aria-expanded="false"] .accordian-img {
        min-width: 180px;
        transition: all .3s ease;
    }

    .accordion-button[aria-expanded="true"] .accordian-img {
        min-width: 0px;
        transition: all .3s ease;
    }

.swiper {margin-left: inherit !important}
/* Mobile Slider */
.subnav-slider {width: auto;overflow: hidden;}
.subnav-slider .swiper-slide {width: auto !important;}

/* Desktop Normal Menu */
@media (min-width: 1279.98px) {
.subnav-slider .swiper-wrapper {display: flex;flex-wrap: wrap;}
}