/* Media query for iPhone screens */
	@media only screen and (max-width: 600px) {
		.FS-HT-referral-form {
			width: 100%;
		}

		.FS-HT-section-hdr {
			font-size: 1.5rem;
		}

		input, label, select {
			width: 100%;
			font-size: 1.2rem;
		}

		.setting1 {
			flex-direction: column;
			align-items: flex-start;
		}
	}
	body {
/*		font-size: calc(1rem + .5vw); */
		background-color: #ECE9E9;
		box-sizing: border-box;
	}

	:root {
		--flex-direction: initial;
		--flex-wrap: initial;
		--justify-content: initial;
		--align-items: initial;
		--align-content: initial;
		--gap: initial;
		--flex-basis: initial;
		--flex-grow: initial;
		--flex-shrink: initial;
		--order: initial;
		--align-self: initial;
		--trvl-btn-width: 5rem;
		--trvl-btn-height: 5rem;
		--trvl-inp-height: 2rem;
	}

	.body {
		width: 100vw;
		box-sizing: border-box;
	}

	.FS-CCBE-Header {
		background-color: #ECE9E9;
		padding-top: 1.75rem;
		padding-bottom: 1.75rem;
		display: grid;
		justify-content: center;
		justify-self: center;
		box-sizing: border-box;
	}

	.FS-CCBE-BT-forms {
		display: flex;
	}

	.FS-CCBE-BT-header {
		display: flex;
		box-sizing: border-box;
		width: 98.5vw;
		max-width: 25rem;
		margin: 0 auto;
		height: 3rem;
		font-family: rockwell, sans-serif;
		font-size: 2.25rem;
		color: #1A1A1A;
		justify-content: center;
	}

	.s-opt:hover {
		background-color: green;
	}

	.FS-CCBE-BT-oneway-pck {
		display: flex;
		flex-direction: column;
		padding-left: .5rem;
		padding-right: .5rem;
		padding-top: 1rem;
		box-sizing: border-box;
		width: 98.5vw;
		max-width: 25rem;
		height: auto;
		margin: 0 auto;
		background-color: #467284;
	}

		.FS-CCBE-BT-oneway-pck .oneway-header {
			display: block;
			box-sizing: border-box;
			font-family: Ariel, sans-serif;
			font-size: 1.25rem;
			color: white;
		}

		.FS-CCBE-BT-oneway-pck .pck-clicked {
			background-color: #ee7a4d;
		}

		.FS-CCBE-BT-oneway-pck .s-opt-1 {
			background-image: url(/images/CBE_Airport_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-pck .s-opt-1:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-pck .s-opt-2 {
			background-image: url(/images/CBE_Hotel_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-pck .s-opt-2:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-pck .s-opt-3 {
			background-image: url(/images/CBE_Cruise_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-pck .s-opt-3:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-pck .pck-dtl {
			margin-bottom: 1rem;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: 100%;
			height: auto;
			flex-direction: column;
			justify-content: left;
		}

			.FS-CCBE-BT-oneway-pck .pck-dtl .pck-lctn-inf {
				display: flex;
				width: 100%;
				height: auto;
			}

	.pck-clicked {
		background-color: #ee7a4d;
	}

	.drp-optn {
		display: none; /* Hide dropoff options by default */
	}

	.drp-optn.drp-clicked {
		display: block; /* Show the clicked dropoff option */
	}

	.drp-clicked {
		background-color: #ee7a4d;
	}

	.FS-CCBE-BT-oneway-drp {
		display: flex;
		flex-direction: column;
		padding-left: .5rem;
		padding-right: .5rem;
		padding-top: 0rem;
		padding-bottom: 1rem;
		box-sizing: border-box;
		width: 98.5vw;
		max-width: 25rem;
		height: auto;
		margin: 0 auto;
		background-color: #467284;
	}

		.FS-CCBE-BT-oneway-drp .oneway-header {
			display: block;
			box-sizing: border-box;
			font-family: Ariel, sans-serif;
			font-size: 1.25rem;
			color: white;
		}

		.FS-CCBE-BT-oneway-drp .s-opt-1 {
			background-image: url(/images/CBE_Airport_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-drp .s-opt-1:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-drp .drp-clicked {
			background-color: #ee7a4d;
		}

		.FS-CCBE-BT-oneway-drp .s-opt-2 {
			background-image: url(/images/CBE_Hotel_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-drp .s-opt-2:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-drp .s-opt-3 {
			background-image: url(/images/CBE_Cruise_Transparent.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: var(--trvl-btn-width);
			height: var(--trvl-btn-height);
		}

			.FS-CCBE-BT-oneway-drp .s-opt-3:hover {
				background-color: green;
			}

		.FS-CCBE-BT-oneway-drp .drp-dtl {
			margin-top: 0rem;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: 100%;
			height: 4rem;
		}

		.FS-CCBE-BT-oneway-drp .spcl-dtl {
			margin-top: 0rem;
			display: flex;
			Position: relative;
			box-sizing: border-box;
			width: 100%;
			height: 11rem;
		}

			.FS-CCBE-BT-oneway-drp .drp-dtl .drp-lctn-inf {
				display: flex;
				width: 100%;
				height: auto;
			}

			.FS-CCBE-BT-oneway-drp .drp-dtl .drp-gst-inf {
				display: flex;
				width: 100%;
				height: auto;
			}

			.FS-CCBE-BT-oneway-drp .drp-dtl .drp-gst-inf {
				display: flex;
				width: 100%;
				height: auto;
			}

		.FS-CCBE-BT-oneway-drp .notHotel {
			display: flex;
		}

	.FS-CCBE-BT-footer {
		padding-top: 2rem;
		padding-bottom: 2rem;
		padding-left: 3rem;
		padding-right: 3rem;
		display: flex;
		box-sizing: border-box;
		width: 98.5vw;
		height: auto;
		max-width: 25rem;
		margin: 0 auto;
		font-family: roboto, sans-serif;
		font-size: 1rem;
		color: #467284;
	}

	.FS-CCBE-grtng {
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		margin: 1rem 0 1rem 0;
	}

		.FS-CCBE-grtng .FS-rating-header {
			width: 12.25rem;
			display: inline-flex;
			box-sizing: border-box;
			text-align: left;
			color: black;
			text-decoration: none;
			background-color: #ffffff;
			border-style: solid;
			border-color: #dbdde1;
			border-radius: 4px;
			padding: 0px;
			transition: all 300ms ease-out;
		}

			.FS-CCBE-grtng .FS-rating-header .rating-icon {
				width: 3rem;
				height: 3rem;
				padding: 4%;
			}

			.FS-CCBE-grtng .FS-rating-header .rating-detail {
				display: inline-flex;
				flex-direction: column;
				box-sizing: border-box;
				font-size: 1.25rem;
			}

				.FS-CCBE-grtng .FS-rating-header .rating-detail .rating-text {
					font-size: 1rem;
				}

				.FS-CCBE-grtng .FS-rating-header .rating-detail .stars-cont {
					display: flex;
					box-sizing: border-box;
					margin-left: 2%;
				}

					.FS-CCBE-grtng .FS-rating-header .rating-detail .stars-cont .star {
						color: gold;
						font-size: 1rem;
					}

	.FS-CCBE-footer {
		font-family: roboto, sans-serif;
		display: flex;
		position: relative;
		color: #3f4a49;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: auto;
		font-size: small;
	}

	.flex-pick-item {
		box-sizing: border-box;
		color: white;
		font-family: roboto, sans-serif;
		font-size: 1rem;
		width: fit-content;
		max-width:100%;
		margin: 0rem;
		text-align: left;
		display: flex;
		flex-direction: column;
		margin-top: 1rem;
		margin-bottom: 0rem;
	}

	.select, input {
		margin-bottom: .5rem;
		height: 1rem;
		font-size: 1rem;
		border: .1rem solid white;
		border-radius: .5rem;
	}

	.pcklctn {
		width: 8rem;
		max-width: 8rem;
	}

	.pckflght {
		width: 6rem;
	}

	.pckarrvl {
		width: 10rem;
	}

	.flex-drp-item {
		box-sizing: border-box;
		color: white;
		font-family: roboto, sans-serif;
		font-size: 1rem;
		width: 100%;
		margin: 0rem;
		text-align: left;
		display: flex;
		flex-direction: column;
		margin-top: 1rem;
		margin-bottom: 0rem;
	}

	select, input {
		margin-bottom: .2rem;
		height: 1.75rem;
		font-size: 1.5rem;
		border: .1rem solid black;
		border-radius: .5rem;
	}

	.pssngrs {
		width: 5rem;
	}

	.locbrdr {
		border: .2rem solid #2ca4b1;
	}

	.nobrdr {
		border: none;
	}

	.notopbrdr {
		border-top: none;
	}

	.nobotbrdr {
		border-bottom: none;
	}

	.nolftbrdr {
		border-left: none;
	}

	.norghtbrdr {
		border-right: none;
	}

	.sel-location {
		display: flex;
		flex-direction: row;
		Position: relative;
		box-sizing: border-box;
		background-color: #0b4056;
		width: fit-content;
	}

	.left-panel {
		border-top-left-radius: .5rem;
		border-bottom-left-radius: .5rem;
	}

	.right-panel {
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
	}

	.mid-panel {
		border-radius: 0rem;
	}

	.top-panel {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}

	.bot-panel {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}

	.dttm {
		box-sizing: border-box;
		height: 1.75rem;
		width: 11rem;
		font-family: roboto, sans-serif;
		font-size: 1.5em;
		border: .1rem solid lightgrey;
		border-radius: .5rem;
		font-weight:600;
		color: red;
	}

	.bot-mrgn {
		margin-bottom: 1rem;
	}

	.nomargin {
		margin: 0rem;
	}

	.notopmargin {
		margin-top: 0rem;
	}

	.nobotmargin {
		margin-bottom: 0rem;
	}

	.bot-pad {
		padding-bottom: 1em;
	}

	.nopad {
		padding: 0em;
	}

	.notoppad {
		padding-top: 0em;
	}

	.nobotpad {
		padding-bottom: 0em;
	}

	.rndtrp {
		display: inline-flex;
		color: white;
		font-size: 1rem;
		align-items: center;
	}

	.rounded-checkbox {
		margin-top: .5rem;
		width: 2rem;
		height: 2rem;
		appearance: none;
		background-color: white;
		border: .15rem solid black;
		border-radius: .5rem; /* Rounded corners */
		display: flex;
		position: relative;
	}

		.rounded-checkbox:checked::after {
			content: '';
			position: absolute;
			top: -1rem;
			left: .5rem;
			width: 1rem;
			height: 2rem;
			border: solid black;
			border-width: 0 .5rem .5rem 0;
			transform: rotate(45deg);
		}

	.hidden {
		display: none;
	}

	.flght {
		font-size: 1.5rem;
		width: 5rem;
		height: 1.55rem;
		border: .1rem solid black;
		border-radius: .5rem;
	}

	.fighttm {
		height: 1.7rem;
		width: 8rem;
		font-size: 1.25rem;
		border: .1rem solid black;
		border-radius: .5rem;
	}

	.rtn-pck-dtl {
		margin-bottom: .2em;
		display: flex;
		Position: relative;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		flex-direction: column;
		justify-content: left;
	}

	.allset-div {
		display: flex;
		width: 20em;
		padding: .5em;
		margin: .5em auto;
		background-color: #ffffff;
		color: #000000;
		border-radius: 1em;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
		position: relative;
		align-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	.allset-hdr {
		font-size:1.50em;
		font-family:Rockwell;
		font-weight:bold;
		color:black;
	}
	.allset-txt {
		font-size:1em;
		font-family:Arial;
		color:black;
	}
	.allset-div p {
		text-align:left;
		align-content:flex-start;
		justify-content:flex-start;
	}

	.collapsible {
		cursor: pointer;
		padding: 0em;
		border: none;
		outline: none;
		background-color: transparent;
		text-align: left;
		font-size: 1.5em;
		border-radius: 1em;
		font-weight:600;
		color: black;
		font-family: Arial;
	}

	.caret {
		display: inline-block;
		margin-right: .25em;
		transform: rotate(90deg);
		transition: transform 0.2s;
	}

	.caret-down {
		transform: rotate(270deg);
	}

	.content {
		padding: 0 1em;
		display: none;
		overflow: hidden;
	}
	#GuestInfo {
		z-index: 10;
	}
	.fs-flex-col {
		display:flex;
		flex-direction:column;
	}
	.fs-flex-row {
		display:flex;
		flex-direction:row;
		width:100%;
		align-items: center;
	}
	#testwindow {
		background-color: yellow;
	}

	#rtn-dropoff {
		margin-bottom: .5em;
	}

	#Trip1-pck {
		padding-top: 0em;
	}

	#PrivacyPolicy {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
		height: 80%;
		background-color: white;
		border: 2px solid #ccc;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index: 100;
		overflow-y: auto;
		padding: 20px;
		display: none; /* Hidden by default */
	}

		#PrivacyPolicy h2 {
			margin-top: 0;
		}

	#closeButton {
		position: absolute;
		top: 10px;
		right: 10px;
		background-color: #f44336;
		color: white;
		border: none;
		padding: 5px 10px;
		cursor: pointer;
	}
	.trvl-ops-disp{
		flex-direction: row;
		display: flex;
		align-items: center;
	}
#ITrip-content {
	font-size: 1rem;
}
#IRtrn-content {
	font-size: 1rem;
}
.spinner {
	display:flex;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	z-index: 500;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}