#index-feature {background:#f0f3fa}
#index-feature .icon {top:8px;right:8px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:inherit;font-size:1.2rem}
/* Background colors for each card */
.bg-0 { background:#f84e8a;}
.bg-1 { background:#3db6e8;}
.bg-2 { background:#c471f6;}
.bg-3 { background:#f78b77;}
.bg-4 { background:#55d6a5;}
.bg-5 { background:#f9a24b;}
.bg-6 { background:#bbbbbb;}
#hero .hero-title h1{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
#hero .hero-title h2{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
#hero .hero-title h3{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
#hero .hero-title h4{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
#hero .hero-title h5{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
#hero .hero-title h6{color:white;text-transform:capitalize;font-weight:bolder;font-size:3.5em}
@media (max-width:580px)	{
	#hero .hero-title h1{font-size:1.9em}
	#hero .hero-title h2{font-size:1.9em}
	#hero .hero-title h3{font-size:1.9em}
	#hero .hero-title h4{font-size:1.9em}
	#hero .hero-title h5{font-size:1.9em}
	#hero .hero-title h6{font-size:1.9em}
	#hero .hero-title p{line-height:1.0em}
	#hero .hero-title span{line-height:1.0em}
}

.shadow{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important}
.common-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box}
.card-text-price {font-size:1.25rem;font-weight:500;color:#6c757d}
.text-second-color {color:#e6007a}
.nav-continent .nav-link {color:#6c757d;background-color:#ffffff;border-radius:50rem;padding:.5rem 1.5rem;margin-right:5px;border:solid 1px #9397a2;white-space:nowrap;/* Prevents text from wrapping */}
.nav-continent .nav-link.active {background:#0d6efd;color:#fff}
.card {border-radius:1rem;overflow:hidden}
.card-img-overlay {top:auto;bottom:0;color:white;padding:1rem}
.location-icon {font-size:1.25rem}
/* Enables horizontal scrolling and hides the scrollbar on small screens */
.nav-continent {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;/* Firefox */-ms-overflow-style:none;/* Internet Explorer and Edge */}
.nav-continent::-webkit-scrollbar {display:none;/* Chrome, Safari, and Opera */}
.city-breaks-card {border-radius:1rem;border:none;box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}
.card-img-top {border-top-left-radius:1rem;border-top-right-radius:1rem;object-fit:cover}
.price-pill {background:#e6007a;color:#fff;border:1px solid #e6007a;border-radius:50rem;padding:.25rem .75rem;font-weight:500;min-width:100px;text-align:center}
.nights-pill {background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:50rem;padding:.25rem .75rem;font-weight:500;margin-right:.5rem}
.card-subtitle {color:#495057}
.text-light-muted {color:#adb5bd !important}
.card-body .d-flex {gap:0.5rem}
.icon-text {color:#212529;font-size:0.875rem}
.card {border-radius:1rem;border:none;box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}
.card-img-top {border-top-left-radius:1rem;border-top-right-radius:1rem;height:200px;object-fit:cover}
.card-subtitle {color:#6c757d}
.icon-text {color:#495057;font-size:0.875rem}
.card {border-radius:1rem;border:none;box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}
.card-img-top {border-top-left-radius:1rem;border-top-right-radius:1rem;height:200px;object-fit:cover}
.star-rating {color:#ffc107}
.discount-pill {background:#129054;color:#fff;border-radius:50rem;padding:.25rem .75rem;font-size:0.875rem;font-weight:bold}
.card-subtitle-text {color:#6c757d;font-size:0.875rem}
.small-text {font-size:0.8rem;color:#6c757d}
.list-group-item {border-radius:0.5rem;margin-bottom:0.5rem}
.list-item-container {border-bottom:1px solid #dee2e6;padding-top:1rem;padding-bottom:1rem}
.list-item-container:last-child {border-bottom:none}
.promo-section {background-color:#1a1a1a;color:#fff;border-radius:12px;overflow:hidden}
/* Phone Mockup */
.phone-mockup {background-color:#f8f9fa;border-radius:40px;width:260px;height:480px;margin:0 auto;position:relative;box-shadow:0 8px 20px rgba(0,0,0,0.4);align-items:center;justify-content:center;padding:1rem;overflow:hidden}
/* Only show half height */
.phone-wrapper {height:240px;/* half of 480px */overflow:hidden;margin:0 auto}
.phone-notch {position:absolute;top:0.5rem;left:50%;transform:translateX(-50%);width:100px;height:18px;background:#333;border-radius:10px}
.store-badges img {width:160px;margin:0.5rem 0}
.btn-custom {background-color:#fff;border:none;border-radius:10px}
.btn-custom i {font-size:1.5rem;vertical-align:middle;color:#e6007a}

@media (max-width:767px) {}
@media (max-width:425px) {}
@media (max-width:375px) {}
@media (max-width:320px) {} 

/* Multi Item Carousel */
#idxFeatureCarousel .carousel-inner {display:flex !important;flex-wrap:nowrap;overflow:hidden}
#idxFeatureCarousel .carousel-item {flex:0 0 auto!important;width:16.5%;transition:transform 0.5s ease-in-out;display:none;justify-content:center;align-items:center}
#idxFeatureCarousel .carousel-item.active {margin:5px auto;display:block !important}
#idxFeatureCarousel .carousel-controls {text-align:right;margin-bottom:5px}
#idxFeatureCarousel .carousel-controls .indicator{padding:3px 6px 3px 6px;border:none}
#idxFeatureCarousel .carousel-controls .indicator:hover{box-shadow:0px 0px 10px -3px rgba(0,0,0,0.75);-webkit-box-shadow:0px 0px 10px -3px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 10px -3px rgba(0,0,0,0.75);transition:200ms}
#idxFeatureCarousel .carousel-controls .indicator:hover{color:white;transition:200ms}
#idxFeatureCarousel .carousel-controls .indicator{color:lightgray;border-radius:6px;background:#fff}
#idxFeatureCarousel .carousel-controls .indicator .bi{color:#242424}
/* Responsive widths */
@media (min-width:992px) {
  #idxFeatureCarousel .carousel-item {width:16.5%;}/* 6 per row */
}
@media (min-width:768px) and (max-width:991.98px) {
  #idxFeatureCarousel .carousel-item {width:25%;}/* 4 per row */
}
@media (max-width:767.98px) {
  #idxFeatureCarousel .carousel-item {width:100%;}/* 1 per row */
}

/* --------- Responsive Table in pioneer-intro --------- */
#pioneer-intro .custom-width ul{width:25%}
#pioneer-intro .custom-width .tab-content{width:75%}
#pioneer-intro .tab-content .accordion-button{background:transparent}
#pioneer-intro .tab-content .accordion-button:not(.collapsed){background:transparent}
#pioneer-intro .table{width:100%;border-collapse:collapse}
#pioneer-intro .table td, #pioneer-intro .table th{font-size:1.0rem}
#pioneer-intro .table td.d-sm-block {display: table-cell !important;}
#pioneer-intro .nav-pills .nav-link {text-align:left;border-radius:0.5rem;position:relative;white-space:nowrap;/* prevents text from breaking */}
#pioneer-intro .nav-pills .nav-link.active, .nav-pills .show>.nav-link {width:100%}
#pioneer-intro .nav-pills .nav-link.active::after {content:" ›";/* Arrow symbol */font-size:1.2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
/* medium and up screens */
@media (max-width:768px) {
	#pioneer-intro .custom-width ul{width:30%}
	#pioneer-intro .custom-width .tab-content{width:69%}
	#pioneer-intro .nav-pills {flex-direction:row !important;/* horizontal row */white-space:nowrap;/* keep tabs in one line */-webkit-overflow-scrolling:touch;/* smooth swipe on iOS */}
	#pioneer-intro .nav-pills .nav-link {flex:0 0 auto;/* prevent wrapping */margin-right:0.5rem}
}
@media (min-width:768px) {
	#pioneer-intro .tab-content .accordion-item {background-color:transparent;}
}
@media (max-width:767px) {
	#pioneer-intro .custom-width .tab-content{width:94%; margin:auto}
	#pioneer-intro .tab-content > .tab-pane {display: block;opacity: 1;background-color:transparent;}
	#pioneer-intro .table td.d-sm-block {display: none !important;}
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width:768px) {}