.ff-city-option {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ff-city-content {
    flex: 1;
    min-width: 0;
}

.ff-city-name {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}
	/* ================================
   DESTINATION CITY LIST
================================ */

.ff-city-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    position: relative;
}

/* Cities after the first 8 */
.ff-city-option:nth-child(n + 9) {
    display: none;
}

/* When expanded */
.ff-city-grid.is-expanded {
    max-height: 230px;
    overflow-y: auto;
    padding-right: 5px;

    scrollbar-width: thin;
    scroll-behavior: smooth;
}

/* Show hidden cities after clicking */
.ff-city-grid.is-expanded .ff-city-option:nth-child(n + 9) {
    display: flex;
}

/* Smooth scrollbar */
.ff-city-grid.is-expanded::-webkit-scrollbar {
    width: 4px;
}

.ff-city-grid.is-expanded::-webkit-scrollbar-track {
    background: transparent;
}

.ff-city-grid.is-expanded::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 10px;
}

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

.ff-show-more-cities {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    width: 100%;
    margin-top: 10px;
    padding: 8px 10px;

    border: 0;
    background: transparent;

    color: #1a6dff;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease;
}

.ff-show-more-cities:hover {
    color: #1458d4;
    background: rgba(26, 109, 255, 0.05);
    border-radius: 8px;
}

.ff-show-more-cities i {
    font-size: 10px;

    transition: transform .35s cubic-bezier(.4, 0, .2, 1);
}

/* Arrow rotation */
.ff-show-more-cities.is-active i {
    transform: rotate(180deg);
}

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

@media (max-width: 575px) {

    .ff-city-grid {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .ff-city-grid.is-expanded {
        max-height: 220px;
    }

}
.collapse.in {
    padding-top: 10px;
}
.flight-filter-v3 .ff-city-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}


.flight-filter-v3 .ff-city-option {
    position: relative;
    min-height: 42px;
    padding: 10px 32px 10px 12px;
    border: 1px solid #e5e8ef;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: all .25s ease;
    display: flex;
    align-items: center;
}


.flight-filter-v3 .ff-city-option:hover {
    border-color: #ff7043;
    background: #fff8f5;
}


.flight-filter-v3 .ff-city-option input {
    display: none;
}


.flight-filter-v3 .ff-city-name {
    font-size: 12px;
    font-weight: 600;
    color: #17213d;
    line-height: 1.2;
}


.flight-filter-v3 .ff-city-check {
    position: absolute;
    right: 9px;
    width: 17px;
    height: 17px;
    border: 1px solid #d9dee8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 8px;
    transition: all .2s ease;
}


/* SELECTED CITY */

.flight-filter-v3 .ff-city-option.active {
    border-color: #ff6335;
    background: linear-gradient(
        135deg,
        #fff8f5,
        #fff0eb
    );
}


.flight-filter-v3 .ff-city-option.active .ff-city-check {
    background: #ff6335;
    border-color: #ff6335;
}



.flight-filter-v3 .ff-show-more-cities {
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1665d8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}


.flight-filter-v3 .ff-show-more-cities i {
    margin-left: 4px;
    font-size: 10px;
}


.flight-filter-v3 .ff-night-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}


.flight-filter-v3 .ff-night-option {
    position: relative;
    height: 42px;
    border: 1px solid #e3e7ef;
    border-radius: 11px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .25s ease;
}


.flight-filter-v3 .ff-night-option input {
    display: none;
}


.flight-filter-v3 .ff-night-option span {
    font-size: 12px;
    font-weight: 600;
    color: #26324d;
}


.flight-filter-v3 .ff-night-option:hover {
    border-color: #ff7043;
    background: #fff8f5;
}


.flight-filter-v3 .ff-night-option.active {
    border-color: #ff6335;
    background: linear-gradient(
        135deg,
        #fff8f5,
        #fff0eb
    );
}


.flight-filter-v3 .ff-night-option.active span {
    color: #f45127;
}


/* =========================================================
   NIGHT ICON
========================================================= */

.flight-filter-v3 .ff-night-icon {
    background: #eef2ff;
    color: #3158b8;
}



.flight-filter-v3 .ff-section + .ff-section {
    border-top: 1px solid #edf0f4;
}


.flight-filter-v3 .ff-section-content {
    padding-top: 12px;
    padding-bottom: 18px;
}


/* =========================================================
   PRICE
========================================================= */

.flight-filter-v3 .ff-price-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}


.flight-filter-v3 .ff-price-display > span {
    font-size: 12px;
    color: #606b7d;
}


.flight-filter-v3 .ff-price-display strong {
    font-size: 13px;
    color: #18213b;
    white-space: nowrap;
}


/* =========================================================
   SLIDER
========================================================= */

.flight-filter-v3 .ff-slider {
    margin: 20px 8px 8px;
    height: 5px;
    border: 0 !important;
    background: #e8eaf0 !important;
    border-radius: 20px;
}


.flight-filter-v3 .ff-slider .ui-slider-range {
    background: #ff6335 !important;
    border: 0;
    border-radius: 20px;
}


.flight-filter-v3 .ff-slider .ui-slider-handle {
    width: 17px;
    height: 17px;
    top: -6px;
    margin-left: -8px;
    border-radius: 50%;
    border: 3px solid #fff !important;
    background: #ff426b !important;
    box-shadow: 0 2px 8px rgba(255, 66, 107, .35);
    cursor: grab;
}


.flight-filter-v3 .ff-slider .ui-slider-handle:focus {
    outline: none;
}
	    .flight-filter-v3 {
        position: relative !important;
        top: 0px !important;
    }
	.inallsn {
		position: relative;
		right: 0px;
	}

	.coleft {
		float: left;
		width: 30% !important;
	}

	.resultalls .colrit {
		width: 80%;
	}

	.rowresult {
		float: left;
		transition: all 400ms ease-in-out 0;
		/* width: 87.5% !important; */
		width: 82.4% !important;
	}

	.flight-results-shell {
		width: 100%;
	}

	.flight-results-main {
		min-width: 0;
	}

	.flight-results-sidebar {
		width: 100%;
		margin-top: 20px;
	}

	.sidebar-ad-wrapper {
		width: 100%;
		position: absolute;
		/* left: 70px; */
	}

	.sidebar-ad-card {
		/* display: none; */
		position: relative;
		overflow: hidden;
		width: 100%;
		padding: 26px 20px 22px;
		border-radius: 32px;
		background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
		border: 1px solid #dae8f7;
		box-shadow: 0 24px 50px rgba(20, 41, 85, .12);
	}

	.sidebar-ad-card::before {
		content: "";
		position: absolute;
		top: -96px;
		right: -88px;
		width: 220px;
		height: 220px;
		border-radius: 50%;
		background: rgba(60, 142, 232, .11);
	}

	.sidebar-ad-card::after {
		content: "";
		position: absolute;
		left: -80px;
		bottom: 155px;
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background: rgba(255, 158, 64, .08);
	}

	.sidebar-ad-card-inner {
		position: relative;
		z-index: 2;
	}

	.sidebar-ad-dots {
		position: absolute;
		top: 12px;
		left: 4px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
		width: 56px;
	}

	.sidebar-ad-dots span {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: rgba(57, 136, 226, .35);
	}

	.sidebar-ad-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding-left: 74px;
		margin-bottom: 14px;
	}

	.sidebar-ad-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 17px;
		font-weight: 800;
		letter-spacing: .02em;
		color: #1768d8;
	}

	.sidebar-ad-badge i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		border-radius: 12px;
		background: #edf5ff;
		color: #1768d8;
		font-size: 15px;
	}

	.sidebar-ad-sponsored {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 7px 12px;
		border-radius: 999px;
		background: #edf7ff;
		color: #5d7697;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}

	.sidebar-ad-image {
		position: relative;
		width: 117px;
		height: 102px;
		margin: 18px auto 22px;
		border-radius: 50%;
		border: 8px solid #fff;
		background: white;
		box-shadow: 0 18px 40px rgba(35, 104, 197, .16);
		overflow: hidden;

	}

	.sidebar-ad-image::before {
		content: "";
		position: absolute;
		inset: -15px;
		border-radius: 50%;
		border: 4px solid rgba(41, 119, 213, .12);
		border-left-color: #2877d5;
		border-bottom-color: #7db6ff;
		transform: rotate(-18deg);
	}

	.sidebar-ad-image img {
		position: relative;
		z-index: 1;
		width: 65%;
		margin-left: 18px;
		height: 100%;
		object-fit: cover;
	}

	.sidebar-ad-phone-bubble {
		position: absolute;
		right: 9px;
		bottom: 18px;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 48px;
		border-radius: 50%;
		border: 5px solid rgba(255, 255, 255, .95);
		background: linear-gradient(135deg, #ffb247 0%, #ff6b3d 100%);
		color: #fff;
		font-size: 24px;
		box-shadow: 0 16px 28px rgba(255, 122, 70, .26);
	}

	.sidebar-ad-phone-bubble i {
		font-size: 16px;
	}

	.sidebar-ad-content {
		text-align: center;
	}

	.sidebar-ad-eyebrow {
		display: inline-block;
		margin-bottom: 10px;
		font-size: 11px;
		font-weight: 700;
		color: #368eda;
		text-transform: uppercase;
		letter-spacing: .14em;
	}

	.sidebar-ad-content h3 {
		margin: 0;
		color: #102c67;
		font-size: 32px;
		line-height: 1.12;
		font-weight: 800;
	}

	.sidebar-ad-content p {
		margin: 12px 0 18px;
		color: #69778b;
		font-size: 14px;
		line-height: 1.6;
	}

	.sidebar-ad-call {
		display: flex;
		align-items: center;
		gap: 7px;
		width: 100%;
		padding: 14px 5px;
		border-radius: 18px;
		background: linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
		border: 1px solid #d4e5ff;
		text-align: left;
		text-decoration: none !important;
		transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
	}

	.sidebar-ad-call i {
		font-size: 16px
	}

	.sidebar-ad-call:hover {
		background: linear-gradient(135deg, #f2f8ff 0%, #e5f0ff 100%);
		transform: translateY(-2px);
		box-shadow: 0 14px 28px rgba(54, 142, 218, .15);
	}

	.sidebar-ad-call>span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 33px;
		height: 34px;
		min-width: 33px;
		border-radius: 50%;
		background: linear-gradient(135deg, #2577ff 0%, #224bd4 100%);
		color: #fff;
		font-size: 21px;
		box-shadow: 0 10px 20px rgba(35, 84, 212, .25);
	}

	.sidebar-ad-call small {
		display: block;
		margin-bottom: 4px;
		color: #54657d;
		font-size: 11px;
		font-weight: 600;
	}

	.sidebar-ad-call strong {
		display: block;
		color: #1e55cf;
		font-size: 11px;
		line-height: 1.3;
		white-space: nowrap;
	}

	.sidebar-ad-benefits {
		margin-top: 18px;
		padding: 10px 8px;
		border-radius: 24px;
		background: rgba(255, 255, 255, .92);
		border: 1px solid #e6eef8;
		box-shadow: 0 16px 34px rgba(20, 41, 85, .08);
	}

	.sidebar-ad-benefit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0px;
		padding: 14px 0;
	}

	.sidebar-ad-benefit+.sidebar-ad-benefit {
		border-top: 1px solid #eef3f9;
	}

	.sidebar-ad-benefit-left {
		display: flex;
		align-items: center;
		gap: 12px;
		min-width: 0;
	}

	.sidebar-ad-benefit-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		min-width: 35px;
		border-radius: 50%;
		font-size: 18px;
	}

	.sidebar-ad-benefit-icon.is-blue {
		background: #eaf3ff;
		color: #2577ff;
	}

	.sidebar-ad-benefit-icon.is-orange {
		background: #fff1ea;
		color: #ff6b3d;
	}

	.sidebar-ad-benefit-icon.is-green {
		background: #ebfaef;
		color: #1fa64a;
	}

	.sidebar-ad-benefit strong {
		color: #1a2c51;
		font-size: 13px;
		font-weight: 300;
		line-height: 1.4;
	}

	.sidebar-ad-benefit-arrow {
		color: #87a9de;
		display: none;
		font-size: 18px;
	}

	.sidebar-ad-availability {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		margin-top: 18px;
		padding: 7px 2px;
		border-radius: 18px;
		background: linear-gradient(135deg, #eefbf0 0%, #f7fff8 100%);
		border: 1px solid #ccebd2;
		color: #FF571A;
		font-size: 12px;
		font-weight: 700;
	}

	.sidebar-ad-availability i {
		font-size: 24px;
	}

	.sidebar-ad-trust {
		position: relative;
		overflow: hidden;
		margin-top: 18px;
		padding: 22px 20px;
		border-radius: 24px;
		background: linear-gradient(135deg, #0f2d6d 0%, #173f9a 100%);
		color: #fff;
		box-shadow: 0 22px 36px rgba(12, 34, 84, .22);
	}

	.sidebar-ad-trust::after {
		content: "";
		position: absolute;
		right: -55px;
		bottom: -60px;
		width: 170px;
		height: 170px;
		border-radius: 50%;
		background: rgba(73, 135, 255, .18);
	}

	.sidebar-ad-trust-content {
		position: relative;
		flex-direction: column;
		z-index: 1;
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.sidebar-ad-trust-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 62px;
		height: 62px;
		min-width: 62px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .14);
		font-size: 28px;
	}

	.sidebar-ad-trust h4 {
		margin: 0 0 4px;
		font-size: 18px;
		font-weight: 800;
		line-height: 1.2;
	}

	.sidebar-ad-trust p {
		margin: 0;
		color: rgba(255, 255, 255, .82);
		font-size: 14px;
		line-height: 1.5;
	}

	@media (min-width: 1200px) {

		.flight-results-shell {
			display: flex;
			align-items: flex-start;
			gap: 0px;
		}

		.flight-results-main {
			flex: 1 1 auto;
		}

		.flight-results-sidebar {
			position: relative;
			top: 60px;
			left: 80%;
			flex: 0 0 374px;
			max-width: 200px;
			margin-top: 0;
			align-self: flex-end;
		}
	}

	@media (max-width: 1199px) {

		.flight-results-sidebar {
			max-width: 420px;
			margin-right: auto;
			margin-left: auto;
		}
	}

	@media (max-width: 991px) {
		.flight-results-sidebar {
			display: none;
		}

		.for_flight_modi .hotel-modern-search.hotel-search-sticky,
		.for_flight_modi .oneway_frm.hotel-search-sticky,
		#flight_form.hotel-search-sticky,
		.hotel-modern-search-form.hotel-search-sticky,
		.oneway_frm.hotel-search-sticky,
		.hotel-search-sticky {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			position: static !important;
			top: auto !important;
			left: auto !important;
			right: auto !important;
			z-index: -1 !important;
			height: 0 !important;
			width: 0 !important;
			overflow: hidden !important;
			pointer-events: none !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			box-shadow: none !important;
		}

		.flight-results-sidebar {
			margin-top: 16px;
		}

		.sidebar-ad-card {
			display: none;
			padding: 22px 16px 18px;
			border-radius: 24px;
		}

		.sidebar-ad-top {
			padding-left: 66px;
		}

		.sidebar-ad-badge {
			font-size: 15px;
		}

		.sidebar-ad-sponsored {
			font-size: 10px;
			padding: 6px 10px;
		}

		.sidebar-ad-image {
			width: 176px;
			height: 176px;
			margin-bottom: 18px;
		}

		.sidebar-ad-phone-bubble {
			width: 58px;
			height: 58px;
			font-size: 20px;
		}

		.sidebar-ad-content h3 {
			font-size: 28px;
		}

		.sidebar-ad-content p {
			font-size: 13px;
		}

		.sidebar-ad-call strong {
			font-size: 14px;
		}

		.sidebar-ad-benefit strong {
			font-size: 15px;
		}

		.sidebar-ad-availability {
			font-size: 15px;
		}

		.sidebar-ad-trust-content {
			align-items: flex-start;
		}

		.sidebar-ad-trust h4 {
			font-size: 21px;
		}
	}

	.flight-filter-v3 {
		--ff-dark: #0a1730;
		--ff-text: #172033;
		--ff-muted: #8d96a6;
		--ff-line: #edf0f4;
		--ff-soft: #f7f8fb;

		--ff-orange: #ff7a3c;
		--ff-pink: #ff3d6b;

		width: 100%;

		font-family: "Poppins", sans-serif;
	}


	/* =========================================================
   PANEL
========================================================= */
	.ff-stop-icon i {
		color: black;
		font-size: 16px;
		font-weight: 100;
	}

	.ff-panel {
		position: relative;

		background: #fff;

		border: 1px solid rgba(10, 23, 48, .06);

		border-radius: 26px;

		overflow: hidden;

		box-shadow:
			0 1px 2px rgba(16, 24, 40, .02),
			0 12px 40px rgba(16, 24, 40, .055);
	}


	/* =========================================================
   HEADER
========================================================= */

	.ff-header {
		position: relative;

		padding: 24px 22px 20px;

	}


	.ff-header::after {
		content: "";

		position: absolute;

		left: 22px;
		right: 22px;
		bottom: 0;

		height: 1px;

		background: var(--ff-line);
	}


	.ff-header-top {
		display: flex;

		align-items: flex-start;
		justify-content: space-between;
	}


	.ff-eyebrow {
		display: block;

		margin-bottom: 5px;

		color: var(--ff-pink);

		font-size: 13px;
		font-weight: 700;

		letter-spacing: 1.4px;

		text-transform: uppercase;
	}


	.ff-title-wrap h3 {
		margin: 0;

		color: var(--ff-dark);

		font-size: 23px;
		font-weight: 700;

		letter-spacing: -.7px;
	}


	.ff-mobile-close {
		display: none;
	}


	/* =========================================================
   RESULT BAR
========================================================= */

	.ff-result-bar {
		display: flex;

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

		margin-top: 20px;
	}


	.ff-result-count {
		display: flex;
		align-items: center;

		gap: 9px;
	}


	.ff-result-icon {
		width: 32px;
		height: 32px;

		display: flex;

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

		border-radius: 10px;

		background:
			linear-gradient(135deg,
				rgba(255, 122, 60, .12),
				rgba(255, 61, 107, .12));

		color: var(--ff-pink);

		font-size: 11px;
	}


	.ff-result-count strong {
		color: var(--ff-dark);

		font-size: 15px;
		font-weight: 700;
	}


	.ff-result-count>div>span {
		color: #596273;

		font-size: 14px;
		font-weight: 600;
	}


	.ff-result-count small {
		display: block;

		margin-top: 1px;

		color: #a1a8b4;

		font-size: 11px;
	}


	.ff-reset {
		display: flex;

		align-items: center;

		gap: 5px;

		color: white !important;

		font-size: 8px;
		font-weight: 600;

		cursor: pointer;

		text-decoration: none !important;

		transition: .2s ease;
	}


	.ff-reset:hover {
		color: var(--ff-pink) !important;
	}


	/* =========================================================
   BODY
========================================================= */

	.ff-body {
		padding: 0 22px 10px;
	}


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

	.ff-section {
		position: relative;

		border-bottom:
			1px solid var(--ff-line);
	}


	.ff-section:last-child {
		border-bottom: 0;
	}


	/* HEADER */

	.ff-section-trigger {
		width: 100%;

		display: flex;

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

		padding: 25px 0;

		border: 0;

		background: transparent;

		cursor: pointer;

		text-align: left;

		outline: none !important;
	}


	.ff-section-left {
		display: flex;

		align-items: center;

		gap: 11px;
	}


	.ff-section-icon {
		width: 31px;
		height: 31px;

		display: flex;

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

		flex-shrink: 0;

		border-radius: 10px;

		background: #f7f8fa;

		color: #7b8494;

		font-size: 10px;

		transition: .25s ease;
	}

	.ff-section-icon i {
		font-size: 18px;
		font-weight: 100;
	}

	.ff-section-trigger:hover .ff-section-icon {

		color: #fff;

		background: linear-gradient(90deg, #0B3AA4, #2563eb);
		transform: rotate(-4deg);
	}


	.ff-section-left strong {
		display: block;

		color: var(--ff-text);

		font-size: 15px;
		font-weight: 650;
	}


	.ff-section-left small {
		display: block;

		margin-top: 2px;

		color: #a0a7b3;

		font-size: 13px;
		font-weight: 200;
	}


	.ff-chevron {
		color: #b0b6c0;

		font-size: 8px;

		transition: transform .25s ease;
	}


	.ff-section-trigger[aria-expanded="false"] .ff-chevron {

		transform: rotate(-90deg);
	}


	.ff-section-content {
		padding:
			0 0 21px 42px;
	}


	/* =========================================================
   PRICE
========================================================= */

	.ff-price-display {
		display: flex;

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

		margin-bottom: 17px;
	}


	.ff-price-display span {
		color: black;
		font-size: 13px;
		font-weight: 100;
	}


	.ff-price-display strong,
	.ff-price-display #amount,
	.ff-price-display #layover {
		margin: 0 !important;

		color: var(--ff-dark) !important;

		font-size: 10px !important;
		font-weight: 650 !important;
	}


	/* =========================================================
   SLIDERS
========================================================= */

	.ff-slider,
	#slider-range,
	#slider-range-lay {

		height: 4px !important;

		margin:
			5px 9px 3px !important;

		border: 0 !important;

		border-radius: 20px !important;

		background:
			#e9ecf1 !important;
	}

	.inallsn::before {
		display: none;
	}

	.ff-slider .ui-slider-range,
	#slider-range .ui-slider-range,
	#slider-range-lay .ui-slider-range {

		border: 0 !important;
		border-radius: 20px;
		background: #FF5E1D !important;
	}


	.ff-slider .ui-slider-handle,
	#slider-range .ui-slider-handle,
	#slider-range-lay .ui-slider-handle {

		width: 17px !important;
		height: 17px !important;

		top: 50% !important;

		margin-left: -8px !important;

		border: 4px solid #fff !important;

		border-radius: 50% !important;

		background:
			var(--ff-pink) !important;

		box-shadow:
			0 2px 7px rgba(10, 23, 48, .16),
			0 0 0 2px rgba(255, 61, 107, .12);

		transform:
			translateY(-50%);

		outline: none !important;
	}


	/* =========================================================
   STOPS
========================================================= */

	.ff-stop-selector {
		display: flex !important;

		flex-direction: column;

		gap: 6px;
	}


	.ff-stop-option {
		position: relative;

		display: grid !important;

		grid-template-columns:
			31px 1fr auto;

		grid-template-rows:
			auto auto;

		align-items: center;

		column-gap: 10px;

		min-height: 54px;

		padding: 9px 12px;

		border:
			1px solid #edf0f4;

		border-radius: 13px;

		background: #fafbfc;

		cursor: pointer;

		transition: .22s ease;
	}


	.ff-stop-option:hover {
		border-color:
			rgba(255, 61, 107, .2);

		background: #fff;

		transform:
			translateX(3px);

		box-shadow:
			0 6px 18px rgba(10, 23, 48, .05);
	}


	.ff-stop-icon {
		grid-row: 1 / 3;

		width: 31px;
		height: 31px;

		display: flex;

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

		border-radius: 9px;

		background: #fff;

		color: #8c95a4;

		font-size: 9px;

		box-shadow:
			0 2px 7px rgba(10, 23, 48, .05);
	}


	.ff-stop-main {
		align-self: end;

		color: #30394a;

		font-size: 14px;
		font-weight: 400;
	}


	.ff-stop-sub {
		align-self: start;
		color: #00235e;
		font-size: 12px;
		font-weight: 100;
	}


	.ff-stop-option::after {
		content: "\f00c";

		grid-column: 3;
		grid-row: 1 / 3;

		width: 20px;
		height: 20px;

		display: flex;

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

		border:
			1px solid #e0e4e9;

		border-radius: 50%;

		color: transparent;

		font-family:
			"Font Awesome 5 Free";

		font-size: 7px;
		font-weight: 900;

		transition: .2s ease;
	}


	.ff-stop-option:has(input:checked) {

		border-color:
			rgba(255, 61, 107, .22);

		background:
			linear-gradient(90deg,
				rgba(255, 122, 60, .055),
				rgba(255, 61, 107, .055));
	}


	.ff-stop-option:has(input:checked) .ff-stop-icon {

		color: #fff;

		background:
			linear-gradient(135deg,
				var(--ff-orange),
				var(--ff-pink));
	}


	.ff-stop-option:has(input:checked)::after {

		color: #fff;

		border-color:
			transparent;

		background:
			var(--ff-pink);
	}


	/* =========================================================
   TIME SELECTOR
========================================================= */

	.ff-time-grid {
		display: grid !important;

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

		gap: 7px;

		padding: 0 !important;
	}


	.ff-time-option {
		position: relative;

		min-width: 0;

		display: flex !important;

		flex-direction: column;

		align-items: flex-start;

		padding: 11px !important;

		border:
			1px solid #edf0f4;

		border-radius: 13px;

		background: #fafbfc;

		cursor: pointer;

		transition: .22s ease;
	}


	.ff-time-option:hover {

		border-color:
			rgba(255, 61, 107, .18);

		background: #fff;

		transform:
			translateY(-2px);

		box-shadow:
			0 7px 17px rgba(10, 23, 48, .05);
	}


	.ff-time-icon {
		width: 27px;
		height: 27px;

		display: flex;

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

		margin-bottom: 8px;

		border-radius: 9px;

		font-size: 10px;
	}


	.ff-time-icon.morning {
		background: #fff8df;
		color: #eaaa00;
	}


	.ff-time-icon.afternoon {
		background: #fff1e9;
		color: #ff783d;
	}


	.ff-time-icon.evening {
		background: #fff0f3;
		color: #f45b72;
	}


	.ff-time-icon.night {
		background: #eff1ff;
		color: #6170d9;
	}


	.ff-time-option strong {

		color: #394254;

		font-size: 8px;
		font-weight: 600;
	}


	.ff-time-option small {

		margin-top: 2px;

		color: #9ca4b1;

		font-size: 7px;
	}


	.ff-time-option:has(input:checked) {

		border-color:
			rgba(255, 61, 107, .25);

		background:
			linear-gradient(135deg,
				rgba(255, 122, 60, .055),
				rgba(255, 61, 107, .055));
	}


	.ff-time-option:has(input:checked) strong {

		color: var(--ff-pink);
	}


	/* =========================================================
   AIRPORT
========================================================= */

	.ff-airport-group {
		position: relative;
	}


	.ff-airport-heading {
		display: flex;

		align-items: center;

		gap: 8px;

		margin-bottom: 8px;
	}


	.ff-airport-heading h5 {

		margin: 0 !important;

		color: #7d8696 !important;

		font-size: 8px !important;
		font-weight: 600 !important;

		text-transform: uppercase;

		letter-spacing: .7px;
	}


	.ff-airport-dot {

		width: 7px;
		height: 7px;

		flex-shrink: 0;

		border-radius: 50%;
	}


	.ff-airport-dot.departure {

		background: var(--ff-orange);

		box-shadow:
			0 0 0 4px rgba(255, 122, 60, .1);
	}


	.ff-airport-dot.arrival {

		background: var(--ff-pink);

		box-shadow:
			0 0 0 4px rgba(255, 61, 107, .1);
	}


	.ff-airport-dot.layover {

		background: #8d96a6;

		box-shadow:
			0 0 0 4px rgba(141, 150, 166, .1);
	}


	.ff-airport-route-line {

		width: 1px;
		height: 20px;

		margin:
			4px 0 4px 3px;

		border-left:
			1px dashed #d8dde5;
	}


	/* =========================================================
   DYNAMIC LISTS
========================================================= */

	.ff-dynamic-list {
		max-height: 220px;

		overflow-y: auto;

		padding-right: 3px;
	}


	.ff-dynamic-list::-webkit-scrollbar {
		width: 3px;
	}


	.ff-dynamic-list::-webkit-scrollbar-track {
		background: transparent;
	}


	.ff-dynamic-list::-webkit-scrollbar-thumb {
		background: #dce1e7;

		border-radius: 10px;
	}


	/*
 Existing JS-generated checkbox rows
*/

	.ff-dynamic-list .tmxdv,
	.ff-dynamic-list .starin {

		transition:
			background .2s ease,
			transform .2s ease;
	}


	.ff-dynamic-list .tmxdv:hover {

		transform:
			translateX(2px);
	}


	/* checkbox */

	.ff-dynamic-list input[type="checkbox"] {

		accent-color:
			var(--ff-pink);

		cursor: pointer;
	}


	/* =========================================================
   HIDDEN TILE INPUTS
========================================================= */

	.ff-stop-option .hidecheck,
	.ff-time-option .hidecheck {

		position: absolute !important;

		width: 1px !important;
		height: 1px !important;

		opacity: 0 !important;

		pointer-events: none;
	}


	/* =========================================================
   STICKY DESKTOP
========================================================= */

	@media (min-width: 992px) {

		.flight-filter-v3 {

			position: sticky;

			top: 100px;
		}

	}


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

	@media (max-width: 767px) {

		.flight-filter-v3 {

			position: fixed;

			inset: 0;

			z-index: 999999;

			padding: 12px;

			background:
				rgba(6, 15, 30, .38);

			backdrop-filter:
				blur(8px);

			-webkit-backdrop-filter:
				blur(8px);
		}


		.ff-panel {

			position: absolute;

			left: 10px;
			right: 10px;
			bottom: 10px;

			max-height: 92vh;

			border-radius: 26px;

			overflow-y: auto;

			animation:
				ffMobileOpen .35s cubic-bezier(.2, .8, .2, 1);
		}


		@keyframes ffMobileOpen {

			from {

				opacity: 0;

				transform:
					translateY(60px);
			}

			to {

				opacity: 1;

				transform:
					translateY(0);
			}

		}


		.ff-header {

			position: sticky;

			top: 0;

			z-index: 20;

			background:
				rgba(255, 255, 255, .96);

			backdrop-filter:
				blur(15px);
		}


		.ff-mobile-close {

			width: 34px;
			height: 34px;

			display: flex;

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

			border: 0;

			border-radius: 50%;

			background: #f4f6f8;

			color: #657083;
		}

	}


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

	@media (max-width: 390px) {

		.ff-header {
			padding:
				20px 17px 18px;
		}


		.ff-body {
			padding:
				0 17px 8px;
		}


		.ff-section-content {
			padding-left: 0;
		}

	}

	/* =========================================================
   FIX LEGACY CSS CONFLICTS
   MUST BE AFTER OLD FILTER CSS
========================================================= */


	/* -----------------------------------------
   Remove OLD collapse arrow
----------------------------------------- */

	.flight-filter-v3 .collapsebtn::before,
	.flight-filter-v3 .collapsebtn::after {
		content: none !important;
		display: none !important;
	}


	/* Keep our actual arrow */

	.flight-filter-v3 .ff-chevron {
		display: inline-block !important;
		position: static !important;

		width: auto !important;
		height: auto !important;

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

		float: none !important;

		font-size: 10px !important;

		transform: none;

		background: none !important;
		border: 0 !important;
	}


	/* -----------------------------------------
   TIME GRID
----------------------------------------- */

	.flight-filter-v3 .ff-time-grid.price_slider1 {
		display: grid !important;

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

		gap: 10px !important;

		width: 100% !important;

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

		float: none !important;
	}


	/* Time tile */

	.flight-filter-v3 .ff-time-grid .ff-time-option.timone {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 14px !important;
		float: none !important;
		border: 1px solid #edf0f4 !important;
		border-radius: 16px !important;
		background: #fafbfc !important;
		overflow: visible !important;
		text-align: left !important;
		box-sizing: border-box !important;
		gap: 15px;
	}


	/* Fix text wrapping */

	.flight-filter-v3 .ff-time-option strong {

		display: block !important;

		width: 100% !important;

		margin: 8px 0 3px !important;

		color: #202a3c !important;

		font-size: 11px !important;
		font-weight: 600 !important;

		line-height: 1.4 !important;

		white-space: nowrap !important;

		word-break: normal !important;
	}


	.flight-filter-v3 .ff-time-option small {

		display: block !important;

		width: 100% !important;

		color: #929bab !important;

		font-size: 9px !important;

		line-height: 1.4 !important;

		white-space: nowrap !important;

		word-break: normal !important;
	}


	/* Time icon */

	.flight-filter-v3 .ff-time-option .ff-time-icon {

		display: flex !important;

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

		width: 34px !important;
		height: 34px !important;

		min-width: 34px !important;

		margin: 0 !important;

		border-radius: 11px !important;
	}


	/* -----------------------------------------
   SECTION CONTENT
----------------------------------------- */

	.flight-filter-v3 .ff-section-content {

		width: 100% !important;

		padding:
			0 0 22px 0px !important;

		margin: 0 !important;

		float: none !important;

		box-sizing: border-box !important;
	}


	/* -----------------------------------------
   STOP SELECTOR
----------------------------------------- */

	.flight-filter-v3 #stopCountWrapper {

		display: grid !important;

		grid-template-columns: 1fr !important;

		gap: 8px !important;

		width: 100% !important;

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


	.flight-filter-v3 .ff-stop-option.stopone {

		display: grid !important;

		grid-template-columns:
			36px minmax(0, 1fr) 24px !important;

		width: 100% !important;

		min-width: 0 !important;
		height: auto !important;

		margin: 0 !important;

		float: none !important;

		box-sizing: border-box !important;
	}


	/* -----------------------------------------
   DYNAMIC AIRLINE/AIRPORT LIST
----------------------------------------- */

	.flight-filter-v3 .ff-dynamic-list.boxins {

		width: 100% !important;

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

		float: none !important;
	}


	/* Don't force every airport section
   into its own tiny scrollbar */

	.flight-filter-v3 #originairport,

	.flight-filter-v3 #destinationairport {

		max-height: none !important;

		overflow: visible !important;
	}


	/* Layovers can scroll if there are many */

	.flight-filter-v3 #layovers {

		max-height: 260px !important;

		overflow-y: auto !important;

		overflow-x: hidden !important;

		padding-right: 8px !important;
	}


	/* Airlines */

	.flight-filter-v3 #allairlines {

		max-height: 260px !important;

		overflow-y: auto !important;

		overflow-x: hidden !important;
	}


	/* -----------------------------------------
   OLD FLOATS
----------------------------------------- */

	.flight-filter-v3 .ff-section,

	.flight-filter-v3 .ff-section-trigger,

	.flight-filter-v3 .ff-section-left,

	.flight-filter-v3 .ff-price-display,

	.flight-filter-v3 .ff-stop-selector,

	.flight-filter-v3 .ff-time-grid {

		float: none !important;
	}


	/* -----------------------------------------
   INPUTS
----------------------------------------- */

	.flight-filter-v3 .ff-stop-option>input,

	.flight-filter-v3 .ff-time-option>input {

		position: absolute !important;

		width: 1px !important;
		height: 1px !important;

		opacity: 0 !important;

		pointer-events: none !important;
	}


	/* -----------------------------------------
   PANEL WIDTH
----------------------------------------- */

	.flight-filter-v3,
	.flight-filter-v3 .ff-panel {

		box-sizing: border-box !important;
	}


	.flight-filter-v3 .ff-panel {

		width: 100% !important;
	}


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

	@media (max-width: 420px) {

		.flight-filter-v3 .ff-section-content {

			padding-left: 0 !important;
		}


		.flight-filter-v3 .ff-time-grid.price_slider1 {

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

	}

	/* body{
  font-family: source sans pro, sans-serif !important;
	} */
	.searchsbmt_flight {
		width: 20%;
		position: relative;
		top: 33px;
	}


	/* .flightbutton{
		display: flex;
		align-items: center;
		justify-content: center;
	 }
	 .flightbutton i {
	position: relative;
 top: 0px;} */
	.trvlhdr-optn {
		position: relative;
		top: 0px;
		margin-top: 0;
	}

	.tabrow {
		/* padding: 24px 30px !important; */
	}

	/* #modify #flight_form .tabspl{
		margin: 10px;
	width: 98%;
 } */
	.fxheigt input.normalinput {
		background: transparent;
	}

	/* ============================================================
   MODERN AIRPORT FILTER
============================================================ */

	.ff-airports-modern {
		--ap-dark: #101828;
		--ap-text: #344054;
		--ap-muted: #98a2b3;
		--ap-border: #eaecf0;
		--ap-soft: #f8fafc;

		--ap-orange: #ff7a3c;
		--ap-pink: #ff3d6b;

		position: relative;
	}


	/* ============================================================
   SECTION ICON
============================================================ */

	.ff-airports-modern .ff-airport-main-icon {
		color: #fff !important;

		background:
			linear-gradient(135deg,
				var(--ap-orange),
				var(--ap-pink)) !important;

		box-shadow:
			0 8px 18px rgba(255, 61, 107, .18);
	}



	.ff-airports-content {
		padding:
			0 0 24px 0px;
	}


	.ff-airport-route {
		position: relative;

		padding: 5px 0 20px;
	}


	/* ============================================================
   ROUTE POINT
============================================================ */

	.ff-route-point {
		display: grid;

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

		gap: 12px;

		align-items: flex-start;
	}


	/* MARKER */

	.ff-route-marker {
		position: relative;

		z-index: 3;

		width: 38px;
		height: 38px;

		display: flex;

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

		border-radius: 13px;

		font-size: 11px;
	}


	.ff-route-from {
		color: #ff753b;

		background: #fff3eb;

		border:
			1px solid rgba(255, 122, 60, .12);
	}


	.ff-route-to {
		color: #ff4266;

		background: #fff0f3;

		border:
			1px solid rgba(255, 61, 107, .12);
	}


	/* ============================================================
   ROUTE CONTENT
============================================================ */

	.ff-route-content {
		min-width: 0;

		padding-top: 1px;
	}


	.ff-route-label {
		margin-bottom: 7px;
		color: var(--ap-muted);
		font-size: 13px;
		font-weight: 100;
		letter-spacing: .8px;
		text-transform: uppercase;
	}


	/* ============================================================
   CONNECTOR
============================================================ */

	.ff-route-connector {
		position: relative;

		width: 38px;
		height: 38px;

		display: flex;

		flex-direction: column;

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

		gap: 2px;

		margin: 2px 0;
	}


	.ff-route-line {
		display: block;

		width: 1px;
		height: 11px;

		border-left:
			1px dashed #d7dce4;
	}


	.ff-route-plane {
		width: 18px;
		height: 18px;

		display: flex;

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

		border-radius: 50%;

		background: #fff;

		border:
			1px solid var(--ap-border);

		color: #a0a8b5;

		font-size: 6px;

		transform: rotate(90deg);
	}


	/* ============================================================
   REMOVE OLD UL STYLING
============================================================ */

	.ff-airports-modern .locationul {

		width: 100% !important;

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

		list-style: none !important;
	}


	/* ============================================================
   AIRPORT ROW
============================================================ */

	.ff-airports-modern .locationul>li {

		position: relative !important;

		display: flex !important;

		align-items: center !important;

		width: 100% !important;

		min-height: 46px !important;

		margin: 0 0 6px !important;

		padding: 7px 10px !important;

		float: none !important;

		border:
			1px solid var(--ap-border) !important;

		border-radius: 12px !important;

		background: #fff !important;

		box-sizing: border-box !important;

		cursor: pointer;

		transition:
			border-color .2s ease,
			background .2s ease,
			transform .2s ease,
			box-shadow .2s ease;
	}


	.ff-airports-modern .locationul>li:hover {

		border-color:
			rgba(255, 61, 107, .18) !important;

		background: #fffafb !important;

		transform:
			translateX(2px);

		box-shadow:
			0 5px 14px rgba(16, 24, 40, .04);
	}


	/* ============================================================
   CHECKBOX CONTAINER
============================================================ */

	.ff-airports-modern .squaredThree.airlinesrt {

		position: relative !important;

		width: 19px !important;
		height: 19px !important;

		min-width: 19px !important;

		margin: 0 10px 0 0 !important;

		padding: 0 !important;

		float: none !important;
	}


	/* REAL CHECKBOX */

	.ff-airports-modern .squaredThree input[type="checkbox"] {

		position: absolute !important;

		inset: 0 !important;

		width: 19px !important;
		height: 19px !important;

		margin: 0 !important;

		opacity: 0 !important;

		cursor: pointer !important;

		z-index: 4;
	}


	/* CUSTOM CHECKBOX */

	.ff-airports-modern .squaredThree>label {

		position: absolute !important;

		inset: 0 !important;

		width: 19px !important;
		height: 19px !important;

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

		border:
			1.5px solid #d5dae2 !important;

		border-radius: 6px !important;

		background: #fff !important;

		cursor: pointer;

		box-shadow: none !important;

		transition: .2s ease;
	}


	/* Remove old checkbox graphics */

	.ff-airports-modern .squaredThree>label::before {

		content: none !important;
	}


	.ff-airports-modern .squaredThree>label::after {

		content: "\f00c" !important;

		position: absolute !important;

		left: 50% !important;
		top: 50% !important;

		width: auto !important;
		height: auto !important;

		border: 0 !important;

		background: none !important;

		color: #fff !important;

		font-family:
			"Font Awesome 5 Free" !important;

		font-size: 7px !important;
		font-weight: 900 !important;

		opacity: 0 !important;

		transform:
			translate(-50%, -50%) !important;
	}


	/* CHECKED */

	.ff-airports-modern .squaredThree input[type="checkbox"]:checked+label {

		border-color:
			transparent !important;

		background:
			linear-gradient(135deg,
				var(--ap-orange),
				var(--ap-pink)) !important;

		box-shadow:
			0 4px 10px rgba(255, 61, 107, .2) !important;
	}


	.ff-airports-modern .squaredThree input[type="checkbox"]:checked+label::after {

		opacity: 1 !important;
	}


	/* ============================================================
   AIRPORT NAME
============================================================ */

	.ff-airports-modern .lbllbl {

		display: flex !important;

		align-items: center !important;

		flex: 1 !important;

		min-width: 0 !important;

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

		float: none !important;

		color: var(--ap-text) !important;

		cursor: pointer;
	}


	.ff-airports-modern .airline_namesrch {

		display: flex !important;

		align-items: center !important;

		width: 100% !important;

		min-width: 0;

		color: #344054 !important;

		font-size: 12px !important;
		font-weight: 550 !important;

		line-height: 1.3 !important;

		white-space: nowrap;
	}


	/* ============================================================
   AIRPORT CODE
============================================================ */

	.ff-airports-modern .airline_smldts {

		display: inline-flex !important;

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

		margin-left: auto !important;

		padding: 4px 7px !important;

		border-radius: 7px;

		background: #f4f6f8;

		color: #667085 !important;

		font-size: 8px !important;
		font-weight: 700 !important;

		letter-spacing: .5px;
	}


	/*
 Remove parentheses visually.

 Your HTML currently outputs:
 (DEL)

 We can leave them for now. If you control the
 dynamic JS/PHP output, output DEL instead of (DEL).
*/


	/* ============================================================
   CHECKED ROW
============================================================ */

	.ff-airports-modern .locationul>li:has(input[type="checkbox"]:checked) {

		border-color:
			rgba(255, 61, 107, .22) !important;

		background:
			linear-gradient(90deg,
				rgba(255, 122, 60, .045),
				rgba(255, 61, 107, .045)) !important;
	}


	.ff-airports-modern .locationul>li:has(input[type="checkbox"]:checked) .airline_namesrch {

		color:
			var(--ap-dark) !important;

		font-weight: 600 !important;
	}


	.ff-airports-modern .locationul>li:has(input[type="checkbox"]:checked) .airline_smldts {

		color:
			var(--ap-pink) !important;

		background:
			#fff0f3 !important;
	}


	/* ============================================================
   CONNECTION AREA
============================================================ */

	.ff-connection-area {
		position: relative;

		margin-top: 5px;
		padding-top: 20px;

		border-top:
			1px solid var(--ap-border);
	}


	.ff-connection-header {

		display: flex;

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

		margin-bottom: 5px;
	}


	.ff-connection-header>div {
		display: flex;

		flex-direction: column;
	}


	.ff-connection-eyebrow {

		margin-bottom: 2px;

		color: var(--ap-pink);

		font-size: 11px;
		font-weight: 700;

		letter-spacing: .8px;

		text-transform: uppercase;
	}


	.ff-connection-header strong {

		color: var(--ap-dark);

		font-size: 14px;
		font-weight: 650;
	}


	.ff-connection-icon {

		width: 28px;
		height: 28px;

		display: flex;

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

		border-radius: 9px;

		background: #f6f7f9;

		color: #8c95a4;

		font-size: 9px;
	}


	.ff-connection-description {

		margin:
			0 0 13px !important;
		color: var(--ap-muted);
		font-size: 13px;
		font-weight: 100;
		letter-spacing: .8px;
		text-transform: uppercase;
	}


	/* ============================================================
   CONNECTING AIRPORT LIST
============================================================ */

	.ff-airports-modern #layovers {

		position: relative;

		width: 100% !important;

		max-height: 255px !important;

		padding:
			0 7px 0 0 !important;

		margin: 0 !important;

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

		box-sizing: border-box;
	}

	.ff-airports-modern .squaredThree>label::after {
		content: "\f00c" !important;
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		background: none !important;
		color: #fff !important;
		font-family: "Font Awesome 5 Free" !important;
		font-size: 7px !important;
		font-weight: 900 !important;
		opacity: 0 !important;
		transform: translate(-50%, -50%) !important;
	}

	/* scrollbar */

	.ff-airports-modern #layovers::-webkit-scrollbar {

		width: 3px;
	}


	.ff-airports-modern #layovers::-webkit-scrollbar-track {

		background: transparent;
	}


	.ff-airports-modern #layovers::-webkit-scrollbar-thumb {

		border-radius: 20px;

		background: #dce1e7;
	}


	.ff-airports-modern #layovers::-webkit-scrollbar-thumb:hover {

		background: #bfc6d0;
	}


	/* Connecting rows slightly smaller */

	.ff-airports-modern #layovers .locationul>li {

		min-height: 42px !important;

		margin-bottom: 4px !important;

		border-color:
			transparent !important;

		background:
			#f8f9fb !important;
	}


	.ff-airports-modern #layovers .locationul>li:hover {

		border-color:
			rgba(255, 61, 107, .12) !important;

		background:
			#fff !important;
	}


	/* ============================================================
   REMOVE OLD FLOAT / WIDTH RULES
============================================================ */

	.ff-airports-modern .boxins,

	.ff-airports-modern .locationul,

	.ff-airports-modern .locationul li,

	.ff-airports-modern .airlinesrt,

	.ff-airports-modern .lbllbl {

		float: none !important;

		box-sizing:
			border-box !important;
	}


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

	@media (max-width: 420px) {

		.ff-airports-content {

			padding-left: 0;
		}


		.ff-route-point {

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

			gap: 10px;
		}


		.ff-route-marker {

			width: 35px;
			height: 35px;

			border-radius: 11px;
		}



		.ff-route-connector {

			width: 35px;
		}

	}

	.ff-route-from i,
	.ff-route-to i {
		font-size: 23px;
	}
    
	.for_hotel_modi .hotel-modern-hero-wrap {
		background: #F5F7FB;
	}

	@media(max-width:991) {
		.holiday-layout {
			padding: 0px !important;
		}
	}

	.header-main-bar {
		background: transparent;
	}

	:root {
		--holiday-primary: #003df6;
		--holiday-primary-dark: #002bb5;
		--holiday-orange: #ff8d28;
		--holiday-text: #14213d;
		--holiday-muted: #718096;
		--holiday-border: #e8edf5;
		--holiday-bg: #f5f7fb;
		--holiday-white: #ffffff;
		--holiday-radius: 22px;
		--holiday-shadow: 0 14px 45px rgba(20, 33, 61, 0.08);
		--holiday-shadow-hover: 0 22px 55px rgba(20, 33, 61, 0.14);
	}

	* {
		box-sizing: border-box;
	}

	body {
		margin: 0;
		background: var(--holiday-bg) !important;
		color: var(--holiday-text);
		font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	}

	.holiday-package-page {
		width: 100%;
		max-width: 1380px;
		margin: 0 auto;
		/* padding: 0 24px 70px; */
		margin-bottom: 100px;
	}

	.holiday-packages-banner {
		position: relative;
		height: 360px;
		bottom: 70px;
		/* margin: 20px 0 0; */
		overflow: hidden;
		/* border-radius: 28px; */
		background:
			url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=85') center / cover no-repeat;
		box-shadow: 0 25px 70px rgba(14, 32, 67, 0.18);
	}

	.holiday-packages-banner::before {
		content: "";
		position: absolute;
		inset: 0;

		background:
			linear-gradient(90deg,
				rgba(3, 19, 48, 0.82) 0%,
				rgba(3, 25, 55, 0.48) 45%,
				rgba(3, 25, 55, 0.08) 100%);
	}

	.holiday-packages-banner::after {
		content: "";
		position: absolute;
		width: 420px;
		height: 420px;
		right: -120px;
		bottom: -220px;

		background: rgba(255, 141, 40, 0.35);
		filter: blur(80px);
		border-radius: 50%;
	}

	.searchsbmt {
		min-height: 48px;
		background: linear-gradient(90deg, #0B3AA4, #2563eb) !important;
	}

	.holiday-banner-copy {
		position: absolute;
		z-index: 2;
		left: 55px;
		top: 56%;
		transform: translateY(-50%);
		color: #fff;
		max-width: 620px;
	}

	.holiday-banner-copy::before {
		content: "EXPLORE THE WORLD";
		display: inline-flex;
		align-items: center;

		padding: 7px 12px;
		margin-bottom: 18px;

		border: 1px solid rgba(255, 255, 255, .25);
		border-radius: 999px;

		background: rgba(255, 255, 255, .10);
		backdrop-filter: blur(12px);

		font-size: 10px;
		font-weight: 800;
		letter-spacing: .16em;
	}

	.holiday-banner-copy h1 {
		margin: 0;

		font-size: clamp(38px, 5vw, 64px);
		line-height: .98;

		font-weight: 850;
		letter-spacing: -0.045em;

		color: #fff;
	}

	.holiday-banner-copy p {
		margin: 18px 0 0;

		max-width: 450px;

		font-size: 16px;
		line-height: 1.6;

		color: rgba(255, 255, 255, .85);
	}


	.holiday-layout {
		position: relative;

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

		gap: 13px;
		padding: 0 50px;
		margin-top: -65px;
		bottom: 35px;
		z-index: 5;
	}


	.holiday-filter-panel {
		position: sticky;
		top: 20px;

		height: fit-content;

		background: rgba(255, 255, 255, .94);
		backdrop-filter: blur(18px);

		border: 1px solid rgba(255, 255, 255, .8);
		border-radius: 22px;

		padding: 20px;

		box-shadow: var(--holiday-shadow);
	}

	.holiday-filter-panel .filter-head {
		display: flex;
		align-items: center;
		justify-content: space-between;

		padding: 0 0 16px;
		margin-bottom: 20px;

		border-bottom: 1px solid var(--holiday-border);
	}

	.holiday-filter-panel .filter-head strong {
		position: relative;

		font-size: 15px;
		font-weight: 800;
		letter-spacing: -.01em;
		text-transform: none;

		color: var(--holiday-text);
	}

	.holiday-filter-panel .filter-head strong::before {
		content: "";
		display: inline-block;

		width: 7px;
		height: 7px;

		margin-right: 8px;

		border-radius: 50%;
		background: var(--holiday-primary);
	}

	.holiday-filter-form .filter-row {
		margin-bottom: 18px;
	}

	.holiday-filter-form .lbl_txt {
		display: block;

		margin-bottom: 8px;

		font-size: 12px;
		font-weight: 750;

		color: #46546a;
	}

	.holiday-filter-form select,
	.holiday-filter-form .padselct,
	.holiday-filter-form .normalsel {
		width: 100% !important;
		height: 46px !important;

		padding: 0 40px 0 14px !important;

		border: 1px solid #e1e7f0 !important;
		border-radius: 12px !important;

		background-color: #f8fafc !important;

		color: #27364d;

		font-size: 13px;

		outline: none;

		transition:
			border-color .25s ease,
			background .25s ease,
			box-shadow .25s ease;
	}

	.holiday-filter-form select:hover,
	.holiday-filter-form select:focus {
		background-color: #fff !important;

		border-color: rgba(0, 61, 246, .45) !important;

		box-shadow:
			0 0 0 4px rgba(0, 61, 246, .07);
	}

	.holiday-filter-form .searchsbmt.flight_search_btn {
		width: 100%;
		height: 48px;

		border: 0;
		border-radius: 13px;

		background:
			linear-gradient(135deg,
				var(--holiday-primary),
				#2861ff);

		color: #fff;

		font-size: 13px;
		font-weight: 800;

		letter-spacing: .01em;

		cursor: pointer;

		box-shadow: none;

		transition:
			transform .25s ease,
			box-shadow .25s ease;
	}

	.holiday-filter-form .searchsbmt.flight_search_btn:hover {
		transform: translateY(-2px);

		box-shadow: none;
	}


	.holiday-results {
		min-width: 0;
	}


	.holiday-results>.filter-head {
		display: flex !important;

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

		gap: 15px;

		margin-bottom: 20px !important;

		padding: 8px;
		background: rgb(255 255 255 / 97%);

		border: 1px solid var(--holiday-border);
		border-radius: 17px;

		box-shadow: 0 8px 25px rgba(20, 33, 61, .04);
	}

	.holiday-results>.filter-head>div:first-child {
		display: flex !important;

		align-items: center;

		gap: 4px !important;

		flex-wrap: nowrap !important;

		overflow-x: auto;

		scrollbar-width: none;
	}

	.holiday-results>.filter-head>div:first-child::-webkit-scrollbar {
		display: none;
	}

	.holiday-results>.filter-head>div:first-child span {
		display: inline-flex;

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

		min-height: 38px;

		padding: 0 15px !important;

		border-radius: 11px !important;

		white-space: nowrap;

		font-size: 12px !important;
		font-weight: 700 !important;

		color: #68768b !important;

		background: transparent !important;

		transition:
			background .25s ease,
			color .25s ease,
			transform .25s ease;
	}

	.holiday-results>.filter-head>div:first-child span:hover {
		color: var(--holiday-primary) !important;

		background: #eef3ff !important;
	}

	.holiday-results>.filter-head>div:first-child span:first-child {
		color: #fff !important;

		background:
			linear-gradient(135deg,
				var(--holiday-primary),
				#2861ff) !important;

		box-shadow:
			0 7px 18px rgba(0, 61, 246, .22);
	}

	.holiday-results>.filter-head>div:last-child {
		flex-shrink: 0;

		padding-right: 5px;
	}

	.holiday-results>.filter-head>div:last-child span {
		font-size: 11px !important;
		color: #8995a8 !important;
	}

	.holiday-results>.filter-head select {
		height: 36px !important;

		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;

		padding: 0 30px 0 12px !important;

		font-size: 12px;

		background: #fff !important;
	}

	/* =========================================================
   PACKAGE GRID
   ========================================================= */

	.holiday-result-list {
		display: grid;

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

		gap: 22px;

		list-style: none;

		margin: 0;
		padding: 0;
	}

	/* =========================================================
   PACKAGE CARD
   ========================================================= */

	.holiday-result-item {
		position: relative;

		display: flex;
		flex-direction: column;

		min-width: 0;

		margin: 0;

		overflow: hidden;

		background: #fff;

		border: 1px solid rgba(222, 229, 240, .9);

		border-radius: var(--holiday-radius);

		box-shadow:
			0 8px 30px rgba(20, 33, 61, .055);

		transition:
			transform .35s cubic-bezier(.2, .8, .2, 1),
			box-shadow .35s ease,
			border-color .35s ease;
	}

	.holiday-result-item:hover {
		transform: translateY(-7px);

		border-color: rgba(0, 61, 246, .12);

		box-shadow: var(--holiday-shadow-hover);
	}

	.holiday-thumb {
		position: relative;

		height: 235px;

		overflow: hidden;

		background: #e9eef5;
	}

	.holiday-thumb::after {
		content: "";

		position: absolute;
		inset: 0;

		background:
			linear-gradient(180deg,
				rgba(0, 0, 0, .03) 30%,
				rgba(0, 0, 0, .45) 100%);

		pointer-events: none;
	}

	.holiday-thumb img {
		display: block;

		width: 100%;
		height: 100%;

		object-fit: cover;

		transition:
			transform .7s cubic-bezier(.2, .8, .2, 1);
	}

	.holiday-result-item:hover .holiday-thumb img {
		transform: scale(1.07);
	}

	/* =========================================================
   IMAGE BADGE
   ========================================================= */

	.holiday-card-tag {
		position: absolute;

		z-index: 3;

		top: 14px;
		left: 14px;
		right: auto;

		display: inline-flex;

		align-items: center;
		gap: 5px;

		padding: 7px 10px;

		border-radius: 999px;

		background: rgba(255, 255, 255, .9);

		color: var(--holiday-primary);

		font-size: 10px;
		font-weight: 800;

		backdrop-filter: blur(12px);

		box-shadow:
			0 5px 15px rgba(0, 0, 0, .12);
	}

	.holiday-card-tag::before {
		content: "";

		width: 6px;
		height: 6px;

		border-radius: 50%;

		background: var(--holiday-orange);
	}

	/* =========================================================
   CARD CONTENT
   ========================================================= */

	.holiday-info {
		padding: 18px 18px 8px;
	}

	.holiday-info h3 {
		margin: 0 0 7px;

		color: #15233b;

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

		font-weight: 800;

		letter-spacing: -.025em;

		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

		overflow: hidden;
	}

	.holiday-location {
		margin: 0 0 9px;

		color: #718096;

		font-size: 11px;

		font-weight: 600;
	}

	.holiday-description {
		margin: 0;

		color: #8490a3;

		font-size: 12px;
		line-height: 1.55;

		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

		overflow: hidden;
	}

	/* =========================================================
   CARD FOOTER
   ========================================================= */

	.holiday-card-footer {
		display: flex;

		align-items: flex-end;
		justify-content: space-between;

		gap: 15px;

		margin-top: auto;

		padding: 15px 18px 18px;
	}

	.holiday-price-box {
		text-align: left;
	}

	.holiday-price {
		display: flex;

		align-items: baseline;

		gap: 2px;

		color: #7a8799;

		font-size: 11px;
		font-weight: 700;
	}

	.holiday-price strong {
		color: #18263e;

		font-size: 14px;

		line-height: 1;
	}

	.holiday-price::after {
		content: " / person";

		color: #9aa4b3;

		font-size: 10px;
		font-weight: 500;
	}

	.holiday-duration {
		margin-top: 5px;

		color: #8995a7;

		font-size: 10px;

		font-weight: 600;
	}

	/* =========================================================
   OPTIONAL VIEW BUTTON
   ========================================================= */

	.holiday-view-btn {
		display: inline-flex;

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

		min-height: 38px;

		padding: 0 14px;

		border-radius: 10px;

		background: #f0f4ff;

		color: var(--holiday-primary);

		font-size: 11px;
		font-weight: 800;

		text-decoration: none;

		transition:
			background .25s ease,
			color .25s ease,
			transform .25s ease;
	}

	.holiday-view-btn:hover {
		background: var(--holiday-primary);

		color: #fff;

		transform: translateY(-2px);
	}

	/* =========================================================
   EMPTY STATE
   ========================================================= */

	.holiday-empty {
		grid-column: 1 / -1;

		padding: 70px 25px;

		text-align: center;

		background: #fff;

		border: 1px solid var(--holiday-border);

		border-radius: 24px;

		box-shadow: var(--holiday-shadow);
	}

	.holiday-empty img {
		display: inline-block;

		max-width: 150px;

		margin-bottom: 15px;
	}

	.holiday-empty h3 {
		margin: 0 0 15px;

		color: #18263e;

		font-size: 25px;
		font-weight: 800;
	}

	.holiday-empty a {
		display: inline-flex;

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

		min-height: 42px;

		padding: 0 18px;

		background: var(--holiday-primary);

		color: #fff;

		border-radius: 11px;

		text-decoration: none;

		font-size: 12px;
		font-weight: 800;
	}

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

	@media (max-width: 1100px) {

		.holiday-package-page {
			padding: 0 18px 50px;
		}

		.holiday-layout {
			grid-template-columns: 235px minmax(0, 1fr);
			gap: 18px;
		}

		.holiday-result-list {
			gap: 16px;
		}

		.holiday-result-list {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}

		.holiday-layout {
			padding: 0px !important;
		}

		.holiday-thumb {
			height: 210px;
		}
	}

	@media (max-width: 768px) {

		.holiday-package-page {
			padding: 0 0px 0px;
		}

		.holiday-packages-banner {
			height: 290px;

			margin-top: 10px;

			border-radius: 20px;
		}

		.holiday-banner-copy {
			left: 25px;
			right: 25px;
		}

		.holiday-banner-copy h1 {
			font-size: 42px;
		}

		.holiday-layout {
			display: block;

			margin-top: -25px;
		}

		.holiday-filter-panel {
			position: relative;

			top: auto;

			margin-bottom: 16px;

			border-radius: 18px;
		}

		.holiday-result-list {
			grid-template-columns: 1fr;
		}

		.holiday-thumb {
			height: 240px;
		}

		.holiday-results>.filter-head {
			align-items: stretch;

			flex-direction: column;

			padding: 7px;
		}

		.holiday-results>.filter-head>div:last-child {
			display: flex;

			justify-content: flex-end;
		}
	}

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

	@media (max-width: 480px) {

		.holiday-packages-banner {
			height: 250px;

			border-radius: 17px;
		}

		.holiday-banner-copy {
			left: 20px;
			right: 20px;
		}

		.holiday-banner-copy h1 {
			font-size: 35px;
		}

		.holiday-banner-copy p {
			font-size: 13px;
		}

		.holiday-result-item {
			border-radius: 18px;
		}

		.holiday-thumb {
			height: 205px;
		}

		.holiday-info {
			padding: 16px 15px 6px;
		}

		.holiday-card-footer {
			padding: 13px 15px 16px;
		}
	}

	.holiday-result-list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 22px;
	}

	/* =========================================================
   HOLIDAY PACKAGES - FINAL FULL RESPONSIVE CSS
   Desktop + Laptop + Tablet + Mobile + Small Mobile
   ========================================================= */

	/* ---------- Global protection ---------- */

	.holiday-package-page,
	.holiday-package-page *,
	.holiday-layout,
	.holiday-layout *,
	.holiday-results,
	.holiday-results * {
		box-sizing: border-box;
	}

	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}


	/* =========================================================
   LARGE DESKTOP
   ========================================================= */

	.holiday-package-page {
		width: 100%;
		max-width: 1380px;

		margin: 0 auto 100px;

		padding: 0 24px;
	}

	.holiday-packages-banner {
		width: 100%;
		height: clamp(300px, 28vw, 360px);

		bottom: 0;

		margin: 0;

		overflow: hidden;
	}

	.holiday-banner-copy {
		left: clamp(30px, 4vw, 55px);
		right: 30px;

		max-width: 620px;
	}

	.holiday-layout {
		width: 100%;

		display: grid;

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

		gap: 22px;

		padding: 0;

		margin-top: -55px;

		bottom: 0;

		z-index: 5;
	}

	.holiday-filter-panel {
		width: 100%;
		min-width: 0;
	}

	.holiday-results {
		width: 100%;
		min-width: 0;
	}

	.holiday-result-list {
		width: 100%;

		display: grid;

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

		gap: 22px;

		margin: 0;
		padding: 0;
	}

	.holiday-result-item {
		width: 100%;
		min-width: 0;
	}

	.holiday-thumb {
		width: 100%;
		height: clamp(190px, 18vw, 235px);
	}


	/* =========================================================
   1200px - 1399px
   ========================================================= */

	@media (max-width: 1399px) {

		.holiday-package-page {
			padding-left: 20px;
			padding-right: 20px;
		}

		.holiday-layout {
			grid-template-columns:
				250px minmax(0, 1fr);

			gap: 18px;
		}

		.holiday-result-list {
			gap: 18px;
		}

		.holiday-info {
			padding-left: 15px;
			padding-right: 15px;
		}

		.holiday-card-footer {
			padding-left: 15px;
			padding-right: 15px;
		}
	}


	/* =========================================================
   LAPTOP / SMALL DESKTOP
   992px - 1199px
   ========================================================= */

	@media (max-width: 1199px) {

		.holiday-package-page {
			padding-left: 18px;
			padding-right: 18px;
		}

		.holiday-layout {
			grid-template-columns:
				230px minmax(0, 1fr);

			gap: 16px;
		}

		.holiday-result-list {
			grid-template-columns:
				repeat(2, minmax(0, 1fr));

			gap: 16px;
		}

		.holiday-thumb {
			height: 210px;
		}

		.holiday-banner-copy h1 {
			font-size: clamp(38px, 5vw, 55px);
		}

		.holiday-banner-copy p {
			font-size: 14px;
		}

		.holiday-filter-panel {
			padding: 17px;
		}
	}


	/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

	@media (max-width: 991px) {

		.holiday-package-page {
			width: 100%;

			padding-left: 15px;
			padding-right: 15px;

			margin-bottom: 60px;
		}

		/* Hero */
		.holiday-packages-banner {
			height: 300px;

			bottom: 0;

			border-radius: 20px;
		}

		.holiday-banner-copy {
			left: 30px;
			right: 30px;

			top: 55%;

			max-width: 600px;
		}

		.holiday-banner-copy h1 {
			font-size: clamp(35px, 6vw, 48px);
		}

		.holiday-banner-copy p {
			max-width: 420px;

			font-size: 14px;
		}


		/* Main layout */
		.holiday-layout {
			display: grid;

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

			gap: 15px;

			padding: 0;

			margin-top: -30px;

			bottom: 0;
		}


		/* Filter */
		.holiday-filter-panel {
			position: sticky;

			top: 15px;

			padding: 15px;

			border-radius: 17px;
		}

		.holiday-filter-form .filter-row {
			margin-bottom: 14px;
		}

		.holiday-filter-form .lbl_txt {
			margin-bottom: 6px;

			font-size: 11px;
		}

		.holiday-filter-form select,
		.holiday-filter-form .padselct,
		.holiday-filter-form .normalsel {
			height: 43px !important;

			font-size: 12px;
		}


		/* Results */
		.holiday-result-list {
			grid-template-columns:
				repeat(2, minmax(0, 1fr));

			gap: 14px;
		}

		.holiday-thumb {
			height: 190px;
		}

		.holiday-info {
			padding: 14px 13px 6px;
		}

		.holiday-info h3 {
			font-size: 15px;
		}

		.holiday-location {
			font-size: 10px;
		}

		.holiday-description {
			font-size: 10px;
		}

		.holiday-card-footer {
			gap: 8px;

			padding: 12px 13px 14px;
		}

		.holiday-view-btn {
			min-height: 35px;

			padding: 0 11px;

			font-size: 10px;
		}
	}


	/* =========================================================
   LARGE MOBILE / PORTRAIT TABLET
   481px - 767px
   ========================================================= */

	@media (max-width: 767px) {

		.holiday-package-page {
			width: 100%;

			padding: 0 12px 40px;

			margin-bottom: 0;
		}


		/* -----------------------------------------------------
	   HERO
	   ----------------------------------------------------- */

		.holiday-packages-banner {
			width: 100%;

			height: 270px;

			margin: 0;

			bottom: 0;

			border-radius: 18px;

			background-position: center center;
		}


		.holiday-packages-banner::after {
			width: 280px;
			height: 280px;

			right: -150px;
			bottom: -160px;

			filter: blur(60px);
		}


		.holiday-banner-copy {

			position: absolute;

			left: 20px;
			right: 20px;

			top: 54%;

			max-width: none;

			transform: translateY(-50%);
		}


		.holiday-banner-copy::before {

			padding: 6px 10px;

			margin-bottom: 12px;

			font-size: 8px;

			letter-spacing: .12em;
		}


		.holiday-banner-copy h1 {

			font-size: clamp(30px, 8vw, 40px);

			line-height: 1.05;

			letter-spacing: -.035em;
		}


		.holiday-banner-copy p {

			max-width: 300px;

			margin-top: 10px;

			font-size: 12px;

			line-height: 1.5;
		}


		/* -----------------------------------------------------
	   MAIN LAYOUT
	   ----------------------------------------------------- */

		.holiday-layout {

			width: 100%;

			display: block;

			padding: 0;

			margin-top: -20px;

			bottom: 0;
		}


		/* -----------------------------------------------------
	   FILTER
	   ----------------------------------------------------- */

		.holiday-filter-panel {

			position: relative;

			top: auto;

			width: 100%;

			margin-bottom: 15px;

			padding: 15px;

			border-radius: 17px;
		}


		.holiday-filter-panel .filter-head {

			margin-bottom: 15px;

			padding-bottom: 12px;
		}


		.holiday-filter-panel .filter-head strong {

			font-size: 14px;
		}


		.holiday-filter-form {

			width: 100%;
		}


		.holiday-filter-form .filter-row {

			width: 100%;

			margin-bottom: 12px;
		}


		.holiday-filter-form .lbl_txt {

			margin-bottom: 6px;

			font-size: 11px;
		}


		.holiday-filter-form select,
		.holiday-filter-form .padselct,
		.holiday-filter-form .normalsel {

			height: 42px !important;

			font-size: 11px;
		}


		.holiday-filter-form .searchsbmt.flight_search_btn {

			width: 100%;

			height: 44px;

			border-radius: 11px;
		}


		/* -----------------------------------------------------
	   RESULTS
	   ----------------------------------------------------- */

		.holiday-results {

			width: 100%;

			min-width: 0;
		}


		/* Results top bar */
		.holiday-results>.filter-head {

			width: 100%;

			display: flex !important;

			flex-direction: column;

			align-items: stretch;

			justify-content: flex-start;

			gap: 8px;

			margin-bottom: 14px !important;

			padding: 7px;

			border-radius: 14px;
		}


		.holiday-results>.filter-head>div:first-child {

			width: 100%;

			max-width: 100%;

			overflow-x: auto;

			flex-wrap: nowrap !important;

			scrollbar-width: none;
		}


		.holiday-results>.filter-head>div:first-child::-webkit-scrollbar {

			display: none;
		}


		.holiday-results>.filter-head>div:first-child span {

			flex: 0 0 auto;

			min-height: 35px;

			padding: 0 12px !important;

			font-size: 10px !important;
		}


		.holiday-results>.filter-head>div:last-child {

			width: 100%;

			display: flex;

			align-items: center;

			justify-content: space-between;

			padding: 2px 4px 3px;
		}


		.holiday-results>.filter-head>div:last-child span {

			font-size: 10px !important;
		}


		.holiday-results>.filter-head select {

			height: 34px !important;

			min-width: 105px;

			font-size: 10px;

			border-radius: 9px !important;
		}


		/* -----------------------------------------------------
	   PACKAGE GRID
	   ----------------------------------------------------- */

		.holiday-result-list {

			width: 100%;

			display: grid;

			grid-template-columns: 1fr !important;

			gap: 14px;

			margin: 0;

			padding: 0;
		}


		/* -----------------------------------------------------
	   PACKAGE CARD
	   ----------------------------------------------------- */

		.holiday-result-item {

			width: 100%;

			min-width: 0;

			border-radius: 17px;

			overflow: hidden;
		}


		.holiday-thumb {

			width: 100%;

			height: clamp(190px, 52vw, 245px);
		}


		.holiday-card-tag {

			top: 11px;

			left: 11px;

			padding: 6px 9px;

			font-size: 9px;
		}


		.holiday-info {

			width: 100%;

			padding: 14px 14px 5px;
		}


		.holiday-info h3 {

			margin-bottom: 6px;

			font-size: 15px;

			line-height: 1.3;
		}


		.holiday-location {

			margin-bottom: 7px;

			font-size: 10px;

			line-height: 1.4;
		}


		.holiday-description {

			font-size: 10px;

			line-height: 1.5;
		}


		/* -----------------------------------------------------
	   CARD FOOTER
	   ----------------------------------------------------- */

		.holiday-card-footer {

			width: 100%;

			display: flex;

			align-items: center;

			justify-content: space-between;

			gap: 10px;

			padding: 12px 14px 14px;
		}


		.holiday-price {

			font-size: 10px;
		}


		.holiday-price strong {

			font-size: 13px;
		}


		.holiday-price::after {

			font-size: 8px;
		}


		.holiday-duration {

			margin-top: 4px;

			font-size: 9px;
		}


		.holiday-view-btn {

			flex: 0 0 auto;

			min-height: 35px;

			padding: 0 12px;

			border-radius: 9px;

			font-size: 9px;
		}
	}


	/* =========================================================
   SMALL MOBILE
   381px - 480px
   ========================================================= */

	@media (max-width: 480px) {

		.holiday-package-page {

			padding-left: 10px;
			padding-right: 10px;
		}


		.holiday-packages-banner {

			height: 240px;

			border-radius: 16px;
		}


		.holiday-banner-copy {

			left: 17px;
			right: 17px;
		}


		.holiday-banner-copy h1 {

			font-size: clamp(27px, 8vw, 35px);
		}


		.holiday-banner-copy p {

			max-width: 260px;

			font-size: 11px;
		}


		.holiday-layout {

			margin-top: -16px;
		}


		.holiday-filter-panel {

			padding: 13px;

			border-radius: 15px;
		}


		.holiday-filter-form select,
		.holiday-filter-form .padselct,
		.holiday-filter-form .normalsel {

			height: 40px !important;

			font-size: 10px;
		}


		.holiday-result-list {

			gap: 12px;
		}


		.holiday-thumb {

			height: 200px;
		}


		.holiday-info {

			padding: 13px 13px 4px;
		}


		.holiday-info h3 {

			font-size: 14px;
		}


		.holiday-card-footer {

			padding: 11px 13px 13px;
		}


		.holiday-view-btn {

			min-height: 34px;

			padding: 0 10px;

			font-size: 9px;
		}


		.holiday-empty {

			padding: 50px 18px;
		}


		.holiday-empty h3 {

			font-size: 20px;
		}
	}


	/* =========================================================
   VERY SMALL MOBILE
   320px - 380px
   ========================================================= */

	@media (max-width: 380px) {

		.holiday-package-page {

			padding-left: 8px;
			padding-right: 8px;
		}


		.holiday-packages-banner {

			height: 220px;

			border-radius: 14px;
		}


		.holiday-banner-copy {

			left: 15px;
			right: 15px;
		}


		.holiday-banner-copy::before {

			padding: 5px 8px;

			margin-bottom: 9px;

			font-size: 7px;
		}


		.holiday-banner-copy h1 {

			font-size: 27px;
		}


		.holiday-banner-copy p {

			margin-top: 8px;

			font-size: 10px;
		}


		.holiday-layout {

			margin-top: -12px;
		}


		.holiday-filter-panel {

			padding: 11px;

			border-radius: 14px;
		}


		.holiday-filter-panel .filter-head {

			padding-bottom: 10px;

			margin-bottom: 12px;
		}


		.holiday-filter-form .filter-row {

			margin-bottom: 10px;
		}


		.holiday-filter-form select,
		.holiday-filter-form .padselct,
		.holiday-filter-form .normalsel {

			height: 40px !important;

			font-size: 10px;
		}


		.holiday-result-list {

			gap: 10px;
		}


		.holiday-thumb {

			height: 185px;
		}


		.holiday-info {

			padding: 12px 12px 3px;
		}


		.holiday-info h3 {

			font-size: 13px;
		}


		.holiday-location {

			font-size: 9px;
		}


		.holiday-description {

			font-size: 9px;

			line-height: 1.45;
		}


		.holiday-card-footer {

			padding: 10px 12px 12px;

			gap: 7px;
		}


		.holiday-price {

			font-size: 9px;
		}


		.holiday-price strong {

			font-size: 12px;
		}


		.holiday-duration {

			font-size: 8px;
		}


		.holiday-view-btn {

			min-height: 32px;

			padding: 0 8px;

			font-size: 8px;
		}
	}


	/* =========================================================
   ULTRA SMALL DEVICES
   <= 320px
   ========================================================= */

	@media (max-width: 320px) {

		.holiday-package-page {

			padding-left: 6px;
			padding-right: 6px;
		}


		.holiday-packages-banner {

			height: 205px;
		}


		.holiday-banner-copy h1 {

			font-size: 24px;
		}


		.holiday-banner-copy p {

			font-size: 9px;
		}


		.holiday-thumb {

			height: 170px;
		}


		.holiday-card-footer {

			flex-wrap: wrap;
		}


		.holiday-view-btn {

			width: 100%;

			margin-top: 4px;
		}


		.holiday-price-box {

			width: 100%;
		}


		.holiday-results>.filter-head>div:last-child {

			gap: 5px;
		}
	}


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

	@media (max-width: 767px) and (orientation: landscape) {

		.holiday-packages-banner {

			height: 230px;
		}


		.holiday-banner-copy {

			top: 56%;
		}


		.holiday-banner-copy h1 {

			font-size: 30px;
		}


		.holiday-layout {

			margin-top: -15px;
		}


		.holiday-thumb {

			height: 190px;
		}
	}



	@media (hover: none) {

		.holiday-result-item:hover {

			transform: none;

			box-shadow:
				0 8px 30px rgba(20, 33, 61, .055);
		}


		.holiday-result-item:hover .holiday-thumb img {

			transform: none;
		}


		.holiday-view-btn:hover {

			transform: none;
		}
	}



	.holiday-layout--full .dif-container {
		width: 100%;
	}

	.holiday-layout--full .dif-container.holiday-results-with-packages {
		align-items: flex-start;
	}