/*# sourceMappingURL=magnific-popup.css.map */

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

.mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #ccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: "";
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
   * Remove all paddings around the image on small screen
   */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}
	
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75);
	}
	
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

#icabbi-booking-form {
	padding: 15px 0 0;
}

.booking-table, .icabbi-booking-form {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

form#location-form button {
	width: 100%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

form#location-form input, form#location-form select {
	border: unset;
	border-radius: 5px;
}

.vehicle-options-wrap .options-wrap {
	flex-wrap: wrap;
}

.vehicle-selection-opt .btn, .vehicle-selection-opt .btn:hover {
	border-radius: 0;
	color: #000 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
}

.booking-wrap .bgwhite .form-box {
	max-width: unset;
}

.PassengersDropdown .DropdownList {
	padding: 0;
}

#icabbi-booking-management .icabbi-form, .PassengersDropdown .DropdownList li, .booking-step.active {
	display: block;
}

.PassengersDropdown .DropValue {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-radius: 5px;
}

.icabbi-booking-form {
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	background: #fff;
}

.fw-small {
	max-width: 550px;
}

.fw-small.w-full {
	width: 100%;
	max-width: 940px;
}

.frm_stp_wrp {
	padding: 20px;
}

button:disabled {
	pointer-events: none;
	opacity: .8;
}

.bg_blue_d, .fw-small.w-full .bg_blue_d {
	background: #0c3458;
}

#location-form label {
	color: #fff;
	font-size: 15px;
}

.stp-heading {
	color: #000;
	font-weight: 600;
	font-size: 20px;
	padding: 3px 16px;
	margin-bottom: 0;
	border-radius: 10px 10px 0 0;
	display: inline-block;
}

.error, .success {
	padding: 4px 13px;
	border-radius: 5px;
	margin-bottom: 5px;
	font-size: 13px;
}

.stp-heading.bg_green {
	background: #4ec09e;
	color: #000;
}

.booking-step {
	animation: .3s ease-in fadeIn;
	display: none;
}

.vehicle-option.selected {
	background: #f0f8ff;
}

.error {
	background: linear-gradient(135deg, #f8d7da 0, #f5c6cb 100%);
	color: #721c24;
	border-left: 4px solid #dc3545;
}

.success {
	background: linear-gradient(135deg, #d4edda 0, #c3e6cb 100%);
	color: #155724;
	border-left: 4px solid #28a745;
}

.spinner {
	border: 3px solid #f3f3f3;
	border-top: 3px solid #007cba;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: 1s linear infinite spin;
	margin: 0 auto 8px;
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.form-group {
	margin-bottom: 18px;
}

.form-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #333;
	font-size: 14px;
}

.form-group input, .form-group select, .form-group textarea {
	width: 100%;
	font-size: 14px;
	padding: 6px 50px 6px 12px;
	margin: 0;
	border-radius: 0;
	height: 40px;
	border: 1px solid #bdbdbd;
	transition: border-color .3s;
	box-sizing: border-box;
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
	outline: 0;
	border-color: #007cba;
}

#icabbi-booking-management .icabbi-booking-card, .swap_outer {
	position: relative;
}

#swap-locations, .gps_tracker-icn {
	position: absolute;
	cursor: pointer;
}

#swap-locations {
	width: 19px;
	height: 31px;
	color: #fff;
	font-size: 30px;
	transition: transform .2s;
	left: -28px;
	top: 30%;
}

.pickup-flightinfo-wrap .form-fields-container {
	display: flex;
	gap: 24px;
}

.fw-small .bg_blue_d {
	background: rgba(0, 0, 0, .85);
	border-radius: 0 10px 10px 10px;
}

.step2loaded #cal-h1, .step2loaded #cal-h2, .step2loaded .banner-back {
	display: none;
}

form#location-form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 10px 0px 25px;
	margin-bottom: 0;
	flex-wrap: wrap;
}

#swap-locations:hover {
	color: #4ec09e;
}

.frm_outr_sec {
	padding: 0px 0 20px;
}

#location-form button {
	padding: 6px 16px;
	border: 1px solid #4ec09e;
	border-radius: 6px;
	cursor: pointer;
	transition: .3s;
	height: 40px;
	background: #4ec09e;
	color: #fff;
	box-shadow: 0 10px 10px rgba(7, 7, 7, .13);
	font-size: 14px;
	font-weight: 500;
}

.btn-primary:disabled {
	background: #ccc;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.btn-secondary {
	background: #6c757d;
	color: #fff;
}

.btn-danger {
	background: linear-gradient(135deg, #ff6b6b 0, #ee5a52 100%);
	color: #fff;
}

.vehicle-option {
	border: 2px solid #e1e5e9;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 16px;
	cursor: pointer;
	transition: .3s;
	background: #fafafa;
}

.vehicle-option:hover {
	border-color: #007cba;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
	transform: translateY(-2px);
}

.vehicle-option.selected {
	border-color: #007cba;
	background: linear-gradient(135deg, #f0f8ff 0, #e6f3ff 100%);
	box-shadow: 0 4px 20px rgba(0, 124, 186, .2);
}

.vehicle-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vehicle-info h4 {
	margin: 0 0 8px;
	color: #333;
	font-size: 18px;
}

.vehicle-info p {
	margin: 4px 0;
	color: #666;
	font-size: 14px;
}

.vehicle-price {
	font-size: 24px;
	font-weight: 700;
	color: #007cba;
}

.error-message {
	color: red !important;
}

.details-wrap .booking-info-wrap .vehicle-img img, .gps_tracker-icn img {
	max-width: 100%;
}

.booking-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.booking-table td {
	padding: 16px;
	border-bottom: 1px solid #e1e5e9;
}

.booking-table td:first-child {
	background: #f8f9fa;
	font-weight: 600;
	width: 30%;
}

.booking-actions {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 2px solid #e1e5e9;
}

.gps_tracker-icn {
	right: 21px;
	top: 11px;
	width: 17px;
	text-align: center;
}

.input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.clear-input {
	position: absolute;
	right: 8px;
	background: 0 0;
	border: none;
	font-size: 18px;
	cursor: pointer;
	color: #888;
	line-height: 1;
}

.clear-input:hover, b.customh {
	color: #000;
}

.vehicle-selection-opt .price span {
	color: #39b1e8 !important;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: 700;
}

.vehicle-selection-opt .price small {
	display: inline-block;
	font-size: 62%;
	font-weight: 400;
}

.vehicle-selection-opt .btn, .vehicle-selection-opt .btn:hover {
	display: block;
	background: #4ec09e !important;
	border: 1px solid #4ec09e !important;
	letter-spacing: 1px;
	-moz-box-shadow: 0 10px 10px rgba(7, 7, 7, .13);
	-webkit-box-shadow: 0 10px 10px rgba(7, 7, 7, .13);
	box-shadow: 0 10px 10px rgba(7, 7, 7, .13);
	color: #fff;
	border-radius: 4px;
}

b.customh {
	padding-left: 18px;
	display: inline-block;
}

.back-btn, a.edit_profile1 {
	background: #e3e3e3;
	color: #000;
	padding: 8px 20px;
	text-decoration: none;
}

.pickup_point.airportpickup_point {
	margin-bottom: 15px;
}

.back-btn:hover, a.edit_profile1:hover {
	background: #4ec09e;
}

#icabbi-booking-management {
	max-width: 1200px;
	margin: 2rem auto;
	padding: 0 1rem;
	color: #333;
	box-sizing: border-box;
}

#icabbi-booking-management .icabbi-booking-header {
	text-align: center;
	margin-bottom: 2rem;
}

#icabbi-booking-management .icabbi-booking-header h2 {
	font-size: 2rem;
	color: #2c3e50;
	margin-bottom: .5rem;
}

#icabbi-booking-management .icabbi-booking-header p {
	font-size: 1.1rem;
	color: #7f8c8d;
}

#icabbi-booking-management .icabbi-booking-search {
	background: #f8f9fa;
	padding: 2rem;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	margin-bottom: 2rem;
}

#icabbi-booking-management .icabbi-form-row, #icabbi-booking-management .icabbi-meta-info {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

#icabbi-booking-management .icabbi-form-group {
	flex: 1;
	min-width: 250px;
}

#icabbi-booking-management .icabbi-form-label {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
	color: #34495e;
}

#icabbi-booking-management .icabbi-form-input {
	width: 100%;
	padding: .75rem;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 1rem;
	transition: .3s;
}

#icabbi-booking-management .icabbi-form-input:focus {
	border-color: #3498db;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(52, 152, 219, .1);
}

#icabbi-booking-management .icabbi-btn {
	display: inline-block;
	padding: .75rem 1.5rem;
	border-radius: 5px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s;
	font-size: 1rem;
	border: none;
}

#icabbi-booking-management .icabbi-btn-primary {
	background-color: #3498db;
	color: #fff;
}

#icabbi-booking-management .icabbi-btn-primary:hover {
	background-color: #2980b9;
}

#icabbi-booking-management .icabbi-booking-details, #icabbi-booking-management .icabbi-edit-container {
	display: none;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .05);
	padding: 2rem;
	margin-top: 2rem;
}

#icabbi-booking-management .icabbi-detail-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

#icabbi-booking-management .icabbi-booking-status, #icabbi-booking-management .icabbi-booking-status.paused {
	padding: .5rem 1rem;
	border-radius: 20px;
	font-size: .9rem;
	text-transform: capitalize;
	font-weight: 600;
}

#icabbi-booking-management .icabbi-detail-header h3 {
	color: #2c3e50;
	font-size: 1.5rem;
	margin: 0;
}

#icabbi-booking-management .icabbi-booking-status.confirmed {
	background-color: #d4edda;
	color: #155724;
}

#icabbi-booking-management .icabbi-booking-status.pending {
	background-color: #fff3cd;
	color: #856404;
}

#icabbi-booking-management .icabbi-booking-status.cancelled, #icabbi-booking-management .icabbi-booking-status.customer_cancelled, #icabbi-booking-management .icabbi-booking-status.dispatch_cancelled {
	background-color: #f8d7da;
	color: #721c24;
}

#icabbi-booking-management .icabbi-booking-status.paused {
	background-color: #fff3cd;
	color: #856404;
	display: inline-block;
	border: 1px solid #ffeeba;
	position: relative;
	overflow: hidden;
}

#icabbi-booking-management .icabbi-booking-status.paused::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .5) 50%, transparent 100%);
	animation: 2s infinite icabbi_paused_shimmer;
}

@keyframes icabbi_paused_shimmer {
	0% {
		transform: translateX(-100%);
	}
	
	100% {
		transform: translateX(100%);
	}
}

#icabbi-booking-management .icabbi-booking-status.enroute {
	background-color: #e6f2ff;
	border: 1px solid #b8d4ff;
	color: #06c;
	position: relative;
	overflow: hidden;
}

#icabbi-booking-management .icabbi-booking-status.enroute::before {
	content: "";
	display: inline-block;
	font-weight: 700;
	animation: 1.5s infinite enrouteBounce;
}

#icabbi-booking-management .icabbi-booking-status.enroute::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);
	animation: 2.5s infinite enroutePulse;
}

.icabbi-booking-status.enroute:hover {
	background-color: #d6e9ff;
	box-shadow: 0 1px 4px rgba(0, 102, 204, .2);
}

@keyframes enrouteBounce {
	0%, 100% {
		transform: translateX(0);
	}
	
	50% {
		transform: translateX(3px);
	}
}

@keyframes enroutePulse {
	0% {
		transform: translateX(-100%);
	}
	
	100% {
		transform: translateX(100%);
	}
}

.icabbi-booking-status.new, .icabbi-booking-status.completed {
	background-color: #fff8e6;
	border: 1px solid #ffecb3;
	color: #ff9800;
	position: relative;
	overflow: hidden;
}

.icabbi-booking-status.new::before, .icabbi-booking-status.completed::before {
	display: inline-block;
	animation: 1.5s infinite searchingPulse;
	font-size: 14px;
}

.icabbi-booking-status.new::after, .icabbi-booking-status.completed::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ff9800;
	opacity: 0;
	animation: 2s infinite searchingDot;
}

@keyframes searchingPulse {
	0%, 100% {
		transform: scale(1);
	}
	
	50% {
		transform: scale(1.1);
	}
}

@keyframes searchingDot {
	0% {
		transform: translateX(0) translateY(-50%);
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		transform: translateX(120px) translateY(-50%);
		opacity: 0;
	}
}

#icabbi-booking-management .icabbi-meta-item {
	font-size: .95rem;
}

#icabbi-booking-management .icabbi-meta-label {
	font-weight: 600;
	color: #7f8c8d;
	display: inline-block;
	margin-right: .5rem;
}

#icabbi-booking-management .icabbi-section {
	margin-bottom: 2rem;
}

#icabbi-booking-management .icabbi-section-title {
	color: #2c3e50;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px dashed #eee;
}

#icabbi-booking-management .icabbi-detail-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1rem;
}

#icabbi-booking-management .icabbi-detail-item {
	margin-bottom: 1rem;
}

#icabbi-booking-management .icabbi-detail-label {
	font-weight: 600;
	color: #7f8c8d;
	display: block;
	font-size: .9rem;
}

#icabbi-booking-management .icabbi-detail-value {
	color: #34495e;
	font-size: 1rem;
}

#icabbi-booking-management .icabbi-detail-note {
	font-size: .85rem;
	color: #666;
	margin-top: .25rem;
	font-style: italic;
}

#icabbi-booking-management .icabbi-notes {
	background: #f8f9fa;
	padding: 1rem;
	border-radius: 5px;
	font-size: .95rem;
	line-height: 1.5;
}

#icabbi-booking-management .icabbi-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid #eee;
}

#icabbi-booking-management .icabbi-btn-danger {
	background-color: #e74c3c;
	color: #fff;
}

#icabbi-booking-management .icabbi-btn-danger:hover {
	background-color: #c0392b;
}

#icabbi-booking-management .icabbi-btn-secondary {
	background-color: #f8f9fa;
	color: #34495e;
	border: 1px solid #ddd;
}

#icabbi-booking-management .icabbi-btn-secondary:hover {
	background-color: #e9ecef;
}

#icabbi-booking-management .icabbi-loading {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #3498db;
	border-radius: 50%;
	animation: 1s linear infinite icabbi-spin;
}

@keyframes icabbi-spin {
	0% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

#icabbi-booking-management .icabbi-alert {
	padding: 1rem;
	border-radius: 5px;
	margin-bottom: 1.5rem;
}

#icabbi-booking-management .icabbi-alert-error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

#icabbi-booking-management .edit_booking_form {
	float: none;
	padding: 0;
}

.persional-details textarea {
	border: 1px solid #bdbdbd;
}

.loading-spinner {
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 2px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	border-top-color: currentColor;
	animation: 1s ease-in-out infinite spin;
	margin-right: 5px;
}

.loading-spinner.small {
	width: .75em;
	height: .75em;
	border-width: 1.5px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 14px;
	min-height: 14px;
}

.vehicle-options-wrap .options-wrap {
	display: flex;
}

.options-box .icon-row {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 0 22px;
}

.options-box .luggage-icons i {
	background: url("https://cdn-dgpda.nitrocdn.com/uekEXYvVmKgERnYRJgahBwwTiBRuzPEo/assets/images/optimized/rev-d40566f/www.aeroporttaxi.com/wp-content/plugins/icabbi-taxi-booking/assets/images/luggage@2x.png") left bottom/10px no-repeat;
	padding: 0 1px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.options-box .pessenger-icons i {
	background-image: url("https://cdn-dgpda.nitrocdn.com/uekEXYvVmKgERnYRJgahBwwTiBRuzPEo/assets/images/optimized/rev-d40566f/www.aeroporttaxi.com/wp-content/plugins/icabbi-taxi-booking/assets/images/passengers@2x.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 10px;
	padding: 0 1px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.options-box .pessenger-icons i.nitro-lazy {
	background-image: none !important;
}

.PassengersDropdown .DropValue strong {
	font-weight: 700;
}

.PassengersDropdown {
	border-radius: 5px;
	margin: 0;
}

.booking-wrap .line-wrap {
	margin: 15px 0 0;
	padding: 15px 0 0;
}

.booking-wrap .bgwhite .form-box input, .booking-wrap .bgwhite .form-box select, .booking-wrap .bgwhite .form-box textarea {
	border-radius: 5px;
}

.location-changer .changer-icon {
	padding: 20px 5px;
	background: transparent;
}

.location-changer .changer-icon img {
	width: 27px;
}

.booking-wrap .airportpickup_point, .booking-wrap .flight_info {
	width: 50%;
	float: left;
	clear: unset !important;
	min-height: 70px;
}

.booking-wrap .airportpickup_point input, .booking-wrap .flight_info input, .booking-wrap .airportpickup_point select, .booking-wrap .flight_info select {
	width: 100%;
}

.booking-wrap .date-time {
	clear: both;
	overflow: hidden;
}

.booking-wrap .flight_info {
	padding-left: 20px;
}

.booking-wrap .bgwhite .line-wrap .date_time {
	width: 50%;
}

.booking-wrap.form-field div.estimated-button {
	width: 50%;
	box-shadow: unset;
	float: left;
	padding: 17px 10px;
}

.booking-wrap .book_now_btn, .booking-wrap.form-field .btn, .booking-wrap .bgwhite .form-box button {
	width: calc(50% - 10px);
	float: right;
	margin: 0 0 0 10px;
	box-shadow: unset;
	color: #000 !important;
}

.booking-wrap .date-time .field-wrap.dat_time {
	width: 50%;
	float: left;
}

.booking-wrap .date-time .field-wrap.dat_time input {
	width: 83%;
}

.booking-wrap .date-time .field-wrap.dat_time i.side-icon {
	display: inline-block !important;
}

.details-wrap .bg-box {
	max-width: unset;
}

.details-wrap .line-wrap {
	padding: 0 !important;
	margin: 0 0 20px !important;
	border: unset !important;
}

.details-wrap .line-wrap:last-of-type {
	margin: 0 !important;
}

.details-wrap .line-wrap:has(#recaptcha-container) {
	margin: 0 !important;
}

.details-wrap.form-field .btn, .form-field.details-wrap.bgwhite .form-box button {
	box-shadow: unset;
	color: #000 !important;
}

.form-field.details-wrap.bgwhite .form-box input, .form-field.details-wrap.bgwhite .form-box textarea {
	border-radius: 5px;
}

.form-box .field-wrap .iti--show-flags input {
	font-size: 18px;
	padding-left: 77px !important;
}

.form-box .field-wrap .iti--show-flags input::placeholder {
	font-size: 18px;
}

.form-box .field-wrap .iti--show-flags .iti__country-container button {
	width: auto;
	margin: 0;
	font-size: 18px;
}

.form-box .iti--inline-dropdown .iti__dropdown-content {
	top: 36px;
}

.form-box .iti--inline-dropdown .iti__dropdown-content input {
	padding: 10px !important;
}

.details-wrap .booking-info {
	border-radius: 10px;
}

.booking-wrap .bgwhite .line-wrap {
	border-color: #e5e5e5;
	border-top-style: dashed;
	clear: both;
}

.stripe-card-element {
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: white;
}

.stripe-card-errors {
	color: #e74c3c;
	font-size: 14px;
	margin-top: 5px;
}

.payment-method-selector b {
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
	color: #444;
}

div#error-message {
	margin-top: 10px;
}

.screen_1 {
	/* max-width: 600px; */
	margin: 0 auto;
	width: 100%;
}

.screen_1 label {
	color: #fff;
	font-size: 15px;
	margin: 0 0 3px;
}

.screen_1 .outer_wrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.screen_1 .marker_icn {
	position: absolute;
	left: 9px;
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 2;
	width: 24px;
}

.screen_1 .marker_icn img {
	max-width: 100%;
}

.screen_1 .location_input_2 .marker_icn {
	width: 20px;
	left: 10px;
	top: -1px;
}

.screen_1 .autocomplete {
	flex: 1;
	padding: 8px 28px 8px 17px;
	border: 0;
	font-size: 17px;
	outline: none;
	transition: all .3s ease;
	position: relative;
	z-index: 1;
	height: 38px;
	color: #000;
}

.screen_1 .autocomplete::placeholder {
	font-size: 17px !important;
}

.screen_1 .outer_wrap.location_input_2 i.clear_input_btn {
	right: 4px;
	top: 0px;
}

.screen_1 .outer_wrap.location_input_2 input#start_destination {
	height: 38px;
	background: #c3c3c3;
}

p.color_white {
	color: #fff;
	font-size: 18px;
}

.fw-small .bg_blue_d {
	padding: 10px 16px 15px;
}

.screen_1 .autocomplete:focus {
	border-color: #4a90e2;
	box-shadow: 0 0 0 2px rgba(74, 144, 226, .2);
}

.screen_1 .clear_input_btn {
	position: absolute;
	right: 26px;
	cursor: pointer;
	padding: 5px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	z-index: 2;
}

.screen_1 .autocomplete:not(:placeholder-shown) + .clear_input_btn {
	opacity: 1;
	visibility: visible;
}

.screen_1 .clear_input_btn img {
	width: 17px;
	height: 17px;
	opacity: 1;
	transition: opacity .3s;
}

.screen_1 .clear_input_btn:hover img {
	opacity: 1;
}

.screen_1 .gps_tracker_icn {
	position: absolute;
	cursor: pointer;
	padding: 8px;
	z-index: 2;
	right: 0;
}

.screen_1 .gps_tracker_icn img {
	width: 20px;
	height: 20px;
	opacity: 1;
	transition: opacity .3s;
}

.screen_1 .gps_tracker_icn:hover img {
	opacity: 1;
}

.screen_1 button {
	padding: 2px 10px;
	background-color: #ebbe5e;
	border: none;
	font-size: 18px;
	cursor: pointer;
	transition: background-color .3s;
	white-space: nowrap;
	width: 100%;
	color: #000;
	font-weight: 600;
	height: 38px;
	margin: 10px 0 0;
	border-radius: 6px;
}

.screen_1 .marker_icn + input {
	padding-left: 42px;
}

.screen_1 button:hover {
	background-color: #cba452;
}

.screen_1 button:focus {
	outline: none;
}

.screen_1 .autocomplete::placeholder {
	color: #000;
}

#swap-locations1 {
	position: relative;
	width: 25px;
	height: 25px;
	margin: 10px auto -18px;
	cursor: pointer;
	z-index: 5;
}

#swap-locations1 .swap-icon1 {
	background: url("https://cdn-dgpda.nitrocdn.com/uekEXYvVmKgERnYRJgahBwwTiBRuzPEo/assets/images/optimized/rev-d40566f/www.aeroporttaxi.com/wp-content/plugins/icabbi-taxi-booking/assets/images/swap.png") center no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 0;
	transform: rotate(90deg);
}

#swap-locations1 .swap-icon1.nitro-lazy {
	background: none !important;
}

.modal-open .mbr-section {
	z-index: unset !important;
}

.notice_to_user.space_top {
	margin-top: 20px;
}

.step2loaded .notice_to_user.space_top {
	display: none;
}

/* Custom Dropdown Styling */
.autocomplete-results {
	position: absolute;
	z-index: 1000;
	background: #fff;
	width: 100%;
	border: 1px solid #d1d5db;
	border-top: none;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
	max-height: 250px;
	overflow-y: auto;
	display: none;
	top: 102%;
}

.autocomplete-item {
	padding: 8px 15px;
	cursor: pointer;
	border-bottom: 1px solid #e8ebf0;
	font-size: 14px;
	color: #374151;
	text-align: left;
}

.autocomplete-item:hover {
	background-color: #f9fafb;
}

.screen_1 .input_parent_wrap .autocomplete {
	border-radius: 5px;
}

.screen_1 .input_parent_wrap .outer_wrap {
	overflow: visible;
}

/* Ensure the parents can contain the absolute dropdown */
.outer_wrap, .frm_stp_wrp {
	position: relative !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.screen_1 {
		flex-direction: column;
		align-items: stretch;
	}
	
	.screen_1 .marker_icn {
		left: 7px !important;
		top: 7px !important;
		height: auto;
	}
	
	.screen_1 .autocomplete {
		padding-left: 40px;
		margin-bottom: 10px;
	}
	
	.screen_1 .clear_input_btn, .screen_1 .gps_tracker_icn {
		right: -3px;
		top: 2px;
	}
	
	.screen_1 button {
		width: 100%;
		margin-left: 0;
	}
	
	.screen_1 .outer_wrap {
		display: block;
	}
	
	.screen_1 .clear_input_btn {
		right: -1px !important;
		top: 5px;
	}
}

.step2loaded .screen_1 {
	display: none;
}

.step2loaded #location-form {
	padding-inline: 0;
	display: flex !important;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.step2loaded #location-form .swap_outer {
	display: flex;
	width: 73%;
}

.step2loaded #location-form .swap_outer #swap-locations {
	position: static;
	width: 38px;
	height: 38px;
	margin: 10px 0 0 0;
}

.step2loaded #location-form .swap_outer #swap-locations .swap-icon {
	background: url("https://cdn-dgpda.nitrocdn.com/uekEXYvVmKgERnYRJgahBwwTiBRuzPEo/assets/images/optimized/rev-d40566f/www.aeroporttaxi.com/wp-content/plugins/icabbi-taxi-booking/assets/images/swap.png") center no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.step2loaded #location-form .swap_outer #swap-locations .swap-icon.nitro-lazy {
	background: none !important;
}

.step2loaded #location-form > .form-controls {
	display: flex;
	width: 27%;
	margin: 0 -20px 0 0;
}

.step2loaded #location-form .swap_outer .swap-container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 60px;
	max-width: 30px;
	position: relative;
	z-index: 2;
}

.step2loaded #location-form .swap_outer > * {
	width: 100%;
}

.step2loaded #location-form > .form-controls > * {
	width: 50%;
	margin: 0 20px 0 0;
}

.step2loaded #location-form > .form-controls .quantity-input {
	display: flex;
	align-items: center;
	background: #fff;
	min-height: 40px;
	border-radius: 5px;
	padding: 5px 5px;
}

.step2loaded #location-form > .form-controls .quantity-input .quantity-adjust {
	width: 25px;
	height: 25px;
	background: #f3f3f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	padding: 0 0 2px;
	cursor: pointer;
}

.step2loaded #location-form > .form-controls .quantity-input input {
	width: calc(100% - 50px);
	text-align: center;
}

.step2loaded #location-form > .form-controls .quantity-input input::-webkit-outer-spin-button, .step2loaded #location-form > .form-controls .quantity-input input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.step2loaded #location-form > .form-controls .quantity-input input[type=number] {
	-moz-appearance: textfield;
}

.details-wrap .pdOuterWrap * {
	color: #000;
}

.details-wrap .pdOuterWrap {
	font-size: 18px;
	font-weight: 300;
}

.details-wrap .pdOuterWrap .nowOrLater {
	display: flex;
	align-items: center;
}

.details-wrap .pdOuterWrap .nowOrLater .fieldWrap {
	margin: 0 0 0 20px;
}

.details-wrap .pdOuterWrap .nowOrLater .fieldWrap > * {
	margin: 0 0 0 20px;
}

.details-wrap .pdOuterWrap .nowOrLater .fieldWrap > *:first-child {
	margin: 0;
}

.details-wrap .pdOuterWrap .pdSecDateTime {
	display: flex;
	width: 100%;
	padding: 20px 0 20px;
	flex-wrap: wrap;
}

.details-wrap .pdOuterWrap .pdSecDateTime > * {
	display: flex;
	padding: 0 20px 0 0;
	flex-direction: column;
}

.details-wrap .pdOuterWrap .pdSecDateTime .pdSecDate {
	width: 50%;
}

.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime {
	width: 50%;
}

.details-wrap .pdOuterWrap .pdSecDateTime input, .details-wrap .pdOuterWrap .pdSecDateTime select {
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	width: 100%;
	background: #fff;
}

.details-wrap .pdOuterWrap .pdSecDateTime > * label {
	margin: 0 0 7px;
	font-weight: 500;
}

.details-wrap .pdOuterWrap .pdSecDateTime .input-append {
	position: relative;
	width: 100%;
}

.details-wrap .pdOuterWrap .pdSecDateTime .input-append i {
	position: absolute;
	top: 9px;
	right: 10px;
}

.details-wrap .pdOuterWrap .pdSecDateTime > *:last-child {
	padding: 0;
}

/* .details-wrap .pdOuterWrap .pdSecDateTime:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #bdbdbd;
  margin: 24px 0 10px;
} */
.details-wrap .custom-time-picker .time-separator {
	padding: 0;
	width: auto;
}

.details-wrap .pdOuterWrap b {
	font-weight: 600;
}

.details-wrap .pdOuterWrap .payment-options .payment-option {
	margin: 0 10px 8px 0;
	font-size: 16px;
}

.details-wrap .pdOuterWrap .payment-options {}

.details-wrap .pdOuterWrap .payment-options > * {
	display: inline-block;
	vertical-align: middle;
}

/* .details-wrap .pdOuterWrap .payment-options  .payment-option-notes {
    font-size: 14px;
    color: #fff;
    background: #4dc09e;
    border: 1px solid #4dc09e;
    padding: 1px 4px;
    border-radius: 2px;
    font-weight: 500;
}

.details-wrap .pdOuterWrap .payment-options .payment-option-notes:hover {
    background: #fff;
    color: #4dc09e;
} */
.details-wrap .pdOuterWrap .pdSecDateTime .pdSecDate > label {
	margin: 0 0 27px;
}

.custom-time-picker > * {
	width: 100%;
}

/* Scoped popup styles with unique class prefix */
.custom-popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	z-index: 9999;
	/* High z-index to ensure it's on top */
	overflow-y: auto;
}

.custom-popup__container {
	background-color: white;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
	max-width: 600px;
	width: 90%;
	max-height: 90vh;
	position: relative;
	margin: 5vh auto;
	/* Center vertically with margin */
	
	/* Perfect centering */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.line-wrap.efse3 {
	overflow: visible !important;
}

.editpdSecTop .fieldWrap label {
	margin: 0;
	margin-left: 20px;
}

#res_con {
	display: flex;
	padding: 0;
	background: transparent;
}

#res_con .pdOuterWrap {
	padding: 25px 25px;
	width: 65%;
	background: #fff;
	border-radius: 4px 0 0 4px;
}

.custom-time-picker {
	width: 100%;
}

.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime .custom-time-picker .time-component {
	/* flex-direction: unset; */
	align-items: stretch;
}

.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime .custom-time-picker .time-component .time-adjust {
	display: flex;
	justify-content: center;
	text-align: center;
}

.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime .custom-time-picker .time-component .time-adjust i {}

/*.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime input,*/

/*.details-wrap .pdOuterWrap .pdSecDateTime .pdSecTime select {*/

/*  font-size: 14px;*/

/*}*/
#res_con .form-box {
	width: 100%;
}

#res_con .form-box .field-wrap {
	padding: 0;
}

#res_con .form-box .field-wrap label {
	position: static;
	display: block;
	transform: unset;
}

#res_con h1 {
	font-size: 33px;
	margin: 0 0 20px;
}

.payment-options .contactless-prepayment-box {
	width: 100%;
	display: block !important;
	background: #f8fafc;
	border: 1px solid #d7dfe8;
	font-size: 14px;
	line-height: normal;
	padding: 10px 15px !important;
	margin: 10px 0 !important;
	color: #9ca3ae !important;
	cursor: pointer;
}

.payment-options .contactless-prepayment-box p {
	margin: 0 !important;
	color: inherit !important;
}

.payment-options .contactless-prepayment-box p:first-child {
	color: #6b7079 !important;
}

#res_con .booking-info-wrap {
	background: #0c3458;
	padding: 25px 25px;
	border-radius: 0 4px 4px 0;
	width: 35%;
}

#res_con .booking-info-wrap .booking-summary-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

#res_con .booking-info-wrap .booking-summary-container .footer-note {
	margin: 0;
	font-size: 16px;
	line-height: normal;
	color: rgba(255, 255, 255, .74);
}

#res_con .booking-info-wrap h3 {
	font-size: 27px;
	margin: 0 0 19px;
}

#res_con .booking-info-wrap .vehicle-details {
	display: flex;
	align-items: center;
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: 600;
}

#res_con .booking-info-wrap .vehicle-details .vehicle-image-wrapper {
	padding: 0 0 0 10px;
}

#res_con .booking-info-wrap .vehicle-details .vehicle-text p {
	margin: 0;
}

#res_con .booking-info-wrap .vehicle-details .vehicle-text .vehicle-meta {
	font-size: 11px;
	font-weight: 400;
	color: rgba(255, 255, 255, .45);
	margin: 4px 0 0;
}

#res_con .booking-info-wrap .vehicle-details > * {
	width: 50%;
}

#res_con .booking-info-wrap .booking-details .booking-row {
	display: flex;
	color: rgba(255, 255, 255, .74);
	line-height: 1;
}

#res_con .booking-info-wrap .booking-details .booking-row .label {
	width: 40%;
	color: inherit;
}

#res_con .booking-info-wrap .booking-details .booking-row .value {
	width: 60%;
	text-align: right;
	color: inherit;
	padding: 0 0 13px 10px;
}

#res_con .booking-info-wrap .divider {
	border-color: #58667b;
}

#res_con .booking-info-wrap .rate-row {
	font-size: 26px;
	margin: 0 -10px 20px 0;
}

#res_con .booking-info-wrap .rate-row > * {
	margin: 0 10px 0 0;
}

#res_con .booking-info-wrap .rate-row .rate-amount {
	font-size: 60%;
	color: rgba(255, 255, 255, .74);
}

#res_con .booking-info-wrap .rate-row .rate-amount * {
	color: inherit;
}

#res_con .booking-info-wrap .rate-row .price {
	font-style: normal;
	color: #4dc09e;
	margin: 0 4px 0 0;
}

#res_con .booking-info-wrap .edit-button {
	width: 100%;
	margin: 0 0 25px;
	background: transparent;
	border: 1px solid #4dc09e;
	color: #4dc09e;
	padding: 8px 15px;
	border-radius: 4px;
	font-size: 18px;
}

#res_con .booking-info-wrap .edit-button:hover {
	background: #4dc09e;
	color: #fff;
}

#model_booking .modal-header {
	padding: 0;
	border: unset;
	font-size: 0;
}

#model_booking .modal-header .modal-title {
	display: none !important;
}

.modal-header .close {
	margin: 0 0 0 auto;
	padding: 4px 12px 0;
}

.model_booking-inner-wrap {
	display: flex;
	align-items: end;
}

#model_booking .modal-body {
	padding: 0;
}

.model_booking-inner-wrap .text-content {
	width: 50%;
	padding: 20px 0px 40px 30px;
}

.model_booking-inner-wrap .img-col {
	width: 50%;
}

.model_booking-inner-wrap .text-content h1, .model_booking-inner-wrap .text-content strong {
	color: #4dc09e;
}

.model_booking-inner-wrap .text-content ul {
	margin: 0;
	padding: 0;
}

.model_booking-inner-wrap .text-content ul > li {
	display: block;
	padding: 0 0 0 30px;
	position: relative;
}

.model_booking-inner-wrap .text-content ul > li svg {
	width: 20px;
	fill: #4dc09e;
	position: absolute;
	top: 4px;
	left: 2px;
}

.model_booking-inner-wrap .text-content ul > li h3 {
	font-size: 21px;
	font-weight: 600;
	margin: 0 0 3px;
}

.custom-popup__close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	background: none;
	border: none;
	padding: 0 8px;
	line-height: 1;
}

.custom-popup__content {
	padding: 10px 0;
	max-height: calc(90vh - 100px);
	/* Account for padding and close button */
	overflow-y: auto;
}

.custom-popup__content p {
	font-size: 18px;
}

div#vh-baby-seat {
	border-bottom: 1px solid #bdbdbd;
	padding: 10px 0 20px;
	margin-bottom: 24px;
}

.pdSecDateTime.datetime-disabled {
	pointer-events: none;
}

.err_val.final_step .smf {
	margin-bottom: 0;
	margin-top: 9px;
	font-size: 15px;
	text-align: left;
	line-height: 1;
}

.loader-outer {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.edit_booking_form .form-box {
	padding: 10px 20px 10px;
}

.details-wrap .line-wrap #submit-button {
	padding: 7px 10px;
}

/******************************************************************************/
.pasbags .quantity-control .quantity-input {
	display: flex;
	align-items: center;
	background: #fff;
	min-height: 40px;
	border-radius: 5px;
	padding: 0 6px;
	border: 1px solid #bdbdbd;
	min-width: 180px;
}

.pasbags .quantity-control .quantity-input .quantity-adjust {
	width: 25px;
	height: 25px;
	background: #f3f3f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	padding: 0 0 2px;
	cursor: pointer;
}

.pasbags .quantity-control .quantity-input input {
	width: calc(100% - 50px);
	text-align: center;
	border: unset !important;
	height: 38px;
}

.pasbags .form-controls {
	display: flex;
	margin: 0 -20px 0 0;
}

.pasbags .form-controls .quantity-control {
	width: auto;
	margin: 0 20px 0 0;
}

.pasbags, .editpdSecTop {
	margin: 0 0 30px;
	padding: 0 0 0 145px;
}

.editpdSecTop {
	margin: 0 0;
}

.editpdSecTop .nowOrLater {
	display: flex;
	align-items: center;
	margin: 5px 0 0px;
}

.editpdSecTop .nowOrLater .fieldWrap {
	margin: 0 0 0 20px;
}

.editpdSecTop .nowOrLater b {}

.editpdSecTop .pdSecDateTime {
	display: flex;
	width: 100%;
	padding: 10px 0 0px;
	flex-wrap: wrap;
}

.editpdSecTop .pdSecDateTime > * {
	display: flex;
	align-items: center;
	width: 50%;
	padding: 0 20px 0 0;
}

.editpdSecTop .pdSecDateTime > * label {
	margin: 0 15px 0 0;
	font-weight: 500;
}

.editpdSecTop .pdSecDateTime .input-append {
	position: relative;
	width: calc(100% - 110px);
}

.editpdSecTop .pdSecDateTime input, .editpdSecTop .pdSecDateTime select {
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	width: 100%;
	background: #fff;
}

.editpdSecTop .pdSecDateTime .input-append i {
	position: absolute;
	top: 9px;
	right: 10px;
	font-family: "Font Awesome 6 Free";
}

.editpdSecTop .pdSecDateTime .custom-time-picker {
	display: flex;
	align-items: center;
	gap: 5px;
}

.editpdSecTop .pdSecDateTime .custom-time-picker > * {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.editpdSecTop .pdSecDateTime .custom-time-picker > * i {
	font-family: "Font Awesome 6 Free";
}

.editpdSecTop .pdSecDateTime .custom-time-picker input {
	width: 50px;
	text-align: center;
	-moz-appearance: textfield;
}

.editpdSecTop .pdSecDateTime .custom-time-picker input::-webkit-outer-spin-button, .editpdSecTop .pdSecDateTime .custom-time-picker input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

ul.button-links {
	padding: 10px 0 0 0 !important;
	margin: 0 !important;
}

ul.button-links > li {
	display: inline-block !important;
	vertical-align: middle;
	padding: 0 10px 0 0 !important;
	margin: 0 !important;
}

ul.button-links > li a {
	display: block;
}

ul.button-links > li img {
	height: 50px;
}

.frm_outr_sec .total-years {
	z-index: 1 !important;
}

.iti input.iti__tel-input::placeholder {
	color: #999;
}

/* Responsive adjustment for small screens */
@media (max-height: 600px) {
	.custom-popup__container {
		max-height: 80vh;
		margin: 10vh auto;
	}
}

@media (max-width: 1199px) {
	.banner-back {
		width: 41% !important;
		top: 65% !important;
	}
	
	.frm_outr_sec .total-years {
		width: 120px;
		top: 10px !important;
	}
}

@media (max-width: 991px) {
	#icabbi-booking-form {
		max-width: 100%;
	}
	
	.step2loaded #location-form .swap_outer, .step2loaded #location-form > .form-controls {
		width: 100%;
	}
	
	.step2loaded #location-form > .form-controls > *:last-child {
		margin: 0 !important;
	}
	
	ul.button-links > li img {
		height: 47px !important;
	}
	
	ul.button-links {
		text-align: center !important;
	}
	
	.model_booking-inner-wrap .img-col {
		display: none;
	}
	
	.model_booking-inner-wrap .text-content {
		width: 100%;
		padding: 0px 16px 20px;
		text-align: center;
	}
	
	.model_booking-inner-wrap .text-content h1 {
		font-size: 30px;
		margin: 0 0 12px;
	}
	
	.model_booking-inner-wrap .text-content p {
		margin-bottom: 13px;
		line-height: normal !important;
	}
	
	.model_booking-inner-wrap .text-content ul {
		text-align: left;
	}
	
	.banner-back {
		width: 100% !important;
		position: static !important;
		margin: 0 auto;
		max-width: 720px;
	}
	
	.vehicle-options-wrap .options-box .btWrap {
		margin-top: 0 !important;
		position: static !important;
	}
	
	.options-box .icon-row {
		padding: 9px 0 13px !important;
	}
	
	.vehicle-options-wrap .options-box {
		padding: 10px 0px 10px;
		width: 31.33%;
	}
	
	.details-wrap .pdOuterWrap .pdSecDateTime > * {
		width: 100% !important;
		padding: 0 0 15px;
	}
	
	.details-wrap .pdOuterWrap .nowOrLater {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.details-wrap .pdOuterWrap .nowOrLater .fieldWrap {
		margin: 0;
	}
	
	#res_con .pdOuterWrap {
		width: 53%;
	}
	
	#res_con .booking-info-wrap {
		width: 47%;
	}
	
	.frm_outr_sec > #cal-h1, .frm_outr_sec > #cal-h1 + #cal-h2 {
		max-width: calc(100% - 120px);
	}
}

@media (max-width: 768px) {
	.frm_outr_sec > #cal-h1, .frm_outr_sec > #cal-h1 + #cal-h2 {
		max-width: 100%;
	}
	
	.screen_1 {
		flex-direction: column;
		align-items: stretch;
	}
	
	.screen_1 .map_marker {
		left: 15px;
		top: 18px;
	}
	
	.screen_1 .autocomplete {
		padding-left: 40px !important;
		margin-bottom: 0px;
		width: 100%;
	}
	
	.screen_1 .gps_tracker, .screen_1 .gps_tracker2 {
		right: 15px;
		top: 18px;
	}
	
	.screen_1 button {
		width: 100%;
		margin-left: 0;
	}
	
	#icabbi-booking-management .icabbi-form-row {
		flex-direction: column;
		gap: 1rem;
	}
	
	#icabbi-booking-management .icabbi-detail-grid {
		grid-template-columns: 1fr;
	}
	
	#icabbi-booking-management {
		padding: 0 .5rem;
	}
	
	#icabbi-booking-management .icabbi-booking-details, #icabbi-booking-management .icabbi-booking-search {
		padding: 1.5rem;
	}
	
	.icabbi-booking-form {
		margin: 10px;
		padding: 16px;
	}
	
	.vehicle-info {
		flex-direction: column;
		text-align: center;
	}
	
	.vehicle-price {
		margin-top: 12px;
	}
	
	.btn-danger, .btn-primary, .btn-secondary {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}
	
	.booking-wrap .date-time .field-wrap.dat_time {
		float: none;
		width: auto;
	}
	
	#icabbi-booking-management .icabbi-booking-details, #icabbi-booking-management .icabbi-edit-container {
		padding: 20px 5px;
	}
	
	.booking-wrap.form-field div.estimated-button {
		width: 100%;
	}
	
	.booking-wrap .book_now_btn, .booking-wrap.form-field .btn, .booking-wrap .bgwhite .form-box button {
		width: 100%;
		margin: 10px 0 0 0;
	}
	
	form#location-form {
		flex-wrap: wrap;
		gap: unset;
		padding: 0px 0px 0px 12px;
	}
	
	form#location-form > div {
		width: 100%;
	}
	
	.banner-back {
		width: 100% !important;
		position: static !important;
		width: 100% !important;
		max-width: 720px;
		margin: 0 auto;
		height: 130px !important;
		display: none;
	}
	
	.details-wrap .booking-info tr, .details-wrap .booking-info tr td {
		display: block;
		width: 100% !important;
		line-height: normal;
	}
	
	.details-wrap .booking-info-wrap .vehicle-img {
		margin: 0 0 10px;
	}
	
	.details-wrap .booking-info table tr td {
		padding: 0 0 5px;
	}
	
	.details-wrap .booking-info table tr {
		padding: 0 0 15px;
	}
	
	.details-wrap .booking-info {
		padding: 20px 20px 10px;
	}
	
	.back-btn, a.edit_profile1 {
		display: block;
	}
	
	.pickup-flightinfo-wrap .form-group {
		width: 46%;
	}
	
	.pickup-flightinfo-wrap {
		margin-top: 13px;
	}
	
	.step2loaded #location-form > .form-controls > * {
		width: 50%;
	}
	
	.step2loaded #location-form .swap_outer {
		flex-direction: column;
	}
	
	.step2loaded #location-form .swap_outer .swap-container {
		margin: 0 auto -16px;
	}
	
	.step2loaded #location-form .swap_outer #swap-locations {
		height: 30px;
		width: 30px;
		margin: 0;
	}
	
	.details-wrap .pdOuterWrap .pdSecDateTime > * {
		width: 100%;
		padding: 0 0 15px 0;
		flex-direction: column;
		align-items: baseline;
	}
	
	.details-wrap .pdOuterWrap .pdSecDateTime .pdSecDate > label {
		margin: 0 0 7px;
	}
	
	.details-wrap .pdOuterWrap .pdSecDateTime {
		flex-direction: column;
		padding: 10px 0 10px;
	}
	
	.details-wrap .pdOuterWrap .nowOrLater {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.details-wrap .pdOuterWrap .nowOrLater .fieldWrap {
		margin: 0;
	}
	
	.details-wrap .pdOuterWrap .pdSecDateTime .input-append {
		width: 100%;
	}
	
	#res_con .pdOuterWrap {
		width: 100%;
		border-radius: 4px;
		margin: 0 0 20px;
		padding: 15px 20px;
	}
	
	#res_con h1 {
		font-size: 30px;
		margin: 0 0 10px;
	}
	
	#res_con {
		flex-wrap: wrap;
	}
	
	#res_con .booking-info-wrap {
		width: 100%;
		border-radius: 4px;
	}
	
	.pasbags .form-controls {
		flex-direction: column;
		margin: 0;
	}
	
	.pasbags .form-controls .quantity-control {
		width: 100%;
		margin: 0 0 20px;
	}
	
	.pasbags .form-controls .quantity-control:last-of-type {
		margin: 0;
	}
	
	.editpdSecTop .nowOrLater {
		flex-direction: column;
		align-items: flex-start;
		margin: 0 0 10px;
	}
	
	.editpdSecTop .nowOrLater .fieldWrap {
		margin: 0;
	}
	
	.editpdSecTop .nowOrLater .fieldWrap input {
		width: auto;
	}
	
	.editpdSecTop .nowOrLater .fieldWrap label {
		margin: 5px 20px 0 0;
	}
	
	.editpdSecTop .nowOrLater .fieldWrap label:last-of-type {
		margin-right: 0;
	}
	
	.editpdSecTop .pdSecDateTime {
		flex-direction: column;
	}
	
	.editpdSecTop .pdSecDateTime > * {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		padding: 0 0 15px;
	}
	
	.editpdSecTop .pdSecDateTime .input-append {
		width: 100%;
	}
	
	.editpdSecTop .pdSecDateTime > * label {
		margin: 0 0 10px;
	}
	
	.pasbags, .editpdSecTop {
		padding: 0;
	}
	
	.booking-wrap .bgwhite .line-wrap.efse2 > * {
		width: 100%;
	}
	
	.booking-wrap .bgwhite .line-wrap.efse2 > *:last-of-type {
		padding: 0;
	}
	
	.additional-charges ul.disc {
		padding: 10px 0 0 15px;
		margin: 0;
	}
	
	.form-group {
		margin-bottom: 7px;
	}
	
	.vehicle-options-wrap .options-box {
		width: 48%;
	}
}

@media (max-width: 575px) {
	.modal#model_booking {
		top: 44px !important;
	}
}

@media only screen and (max-width: 991px) {
	html:has(#wprmenu_bar) {
		padding: 0 !important;
	}
	
	html:has(#wprmenu_bar) header {
		padding-top: 52px;
	}
	
	.location_input_1 i.clear_input_btn {
		right: 21px !important;
		top: 6px;
	}
	
	.screen_1 .location_input_1 .autocomplete {
		padding-right: 45px !important;
	}
	
	.page-template-template-thankyou-php .footerCTA, .page-template-template-booking-management .footerCTA {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.page-template-template-thankyou-php .footerCTA {
		display: none !important;
	}
	
	.aeroport-booking-confirmation .confirmation-body {
		padding: 15px;
	}
	
	.aeroport-booking-confirmation {
		margin: 0 auto !important;
	}
	
	.aeroport-booking-confirmation .confirmation-header {
		padding: 15px 10px;
	}
	
	.aeroport-booking-confirmation .detail-card {
		padding: 5px 15px;
	}
	
	.aeroport-booking-confirmation .notes-section {
		padding: 10px 15px;
	}
}

.location-form .clear-input {
	right: 11px !important;
	font-size: 23px !important;
	position: absolute !important;
}

.form-group input, .form-group select {
	padding: 6px 31px 6px 12px !important;
}

@media (min-width: 992px) {
	.screen_1 .outer_wrap.location_input_2 i.clear_input_btn, .screen_1 .clear_input_btn {
		right: 4px !important;
		top: 2px !important;
	}
}

@media (max-width: 991px) {
	section.banner-wrap.mbr-section.mbr-section-full {
		padding-bottom: 50px !important;
	}
	
	.lower-text {
		bottom: -55px !important;
	}
	
	.screen_1 .clear_input_btn, .location_input_1 i.clear_input_btn {
		right: 5px !important;
		top: 2px !important;
	}
}

@media (max-width: 767px) {
	.vehicle-selection-opt {
		min-width: 128px !important;
	}
	
	.pickup-flightinfo-wrap select, .pickup-flightinfo-wrap input {
		padding: 6px 13px 6px 12px !important;
		font-size: 13px;
	}
}

.popup-template .modal {
	opacity: 0;
	transition: all .25s ease;
}

.popup-template .modal.is-open {
	opacity: 1;
	transition: all .25s ease;
}

.rpi {
	--visible: visible;
	--font-family: Arial;
	--logo-size: 14px;
	--head-fs: 1em;
	--head-grade-fs: 1.125em;
	--head-logo-size: var(--logo-size);
	--head-star-color: #fb8e28;
	--head-text-fs: 1em;
	--head-based-fs: .85em;
	--head-btn-fs: .85em;
	--head-card-br: none;
	--head-card-br-color: #ccc;
	--head-card-bg: #f5f5f5;
	--head-card-bg-color: #f5f5f5;
	--head-card-radius: 12px;
	--head-card-shadow: none;
	--head-img-size: 48px;
	--fs: 1em;
	--name-fs: 15px;
	--text-fs: 15px;
	--rev-time-fs: .75em;
	--star-size: 20px;
	--stars-gap: .25em;
	--bubble-size: 1em;
	--img-size: 44px;
	--rev-text-lh: 1.25em;
	--flex-align-items: center;
	--info-gap: .375em;
	--card-gap: 16px;
	--card-padding: 1em;
	--card-br: none;
	--card-br-color: #ccc;
	--card-bg: #f5f5f5;
	--card-bg-color: #f5f5f5;
	--card-radius: 12px;
	--card-shadow: none;
	--meta-margin: 1em;
	--left-margin: .5em;
	--body-gap: 8px;
	--row-gap: .75em;
	--flex-text-align: start;
	--flex-direction: row;
	--flex-justify-content: flex-start;
	--stars-justify-content: flex-start;
	--text-lines: 6;
	--text-line-height: 24px;
	--media-lines: 2;
	--media-height: calc(var(--media-lines) * var(--text-line-height));
	--reply-lines: 2;
	--reply-height: calc(var(--reply-lines) * var(--text-line-height));
	--reply-margin: 6px;
	--reply-padding: 6px;
	--card-color: #333;
	--name-color: #154fc1;
	--time-color: #555;
	--star-color: #fb8e28;
	--readmore-color: #136aaf;
	--avaborder-margin: calc(-1 * ( var(--img-size) / 2 + var(--card-padding) ));
	--avaborder-margin-left: var(--avaborder-margin);
	--avaborder-padding: calc(var(--img-size) / 2);
	--avaborder-padding-left: var(--avaborder-padding);
	--bubble-flex-margin-left: calc(var(--card-padding) + var(--left-margin));
	--slider-bubble-flex-margin-left: calc(var(--card-padding) + var(--slider-card-margin) + var(--left-margin));
	--bubble-width-before: calc(var(--card-padding) + var(--left-margin) + var(--img-size) / 2 - hypot(var(--bubble-size), var(--bubble-size)) / 2);
	--bubble-width-after: calc(100% - ( var(--card-padding) + var(--left-margin) + var(--img-size) / 2 + hypot(var(--bubble-size), var(--bubble-size)) / 2 ));
	--bubble-width-center: calc(50% - hypot(var(--bubble-size), var(--bubble-size)) / 2);
	--triangle-left: calc(var(--card-padding) + var(--left-margin) + var(--img-size) / 2 - var(--bubble-size) / 2);
	--triangle-center: calc(50% - var(--bubble-size) / 2);
	--tag-fs: 1em;
	--tag-bg: #fff;
	--tag-logo-size: .85em;
	--tag-star-size: 16px;
	--tag-text-color: #333;
	--flash-width: 100%;
	--flash-height: auto;
	--slider-card-gap: 4px;
	--slider-card-margin: 8px;
	--slider-dot-gap: .5em;
	--slider-dot-size: .5em;
	--slider-dots-visible: 5;
	--slider-head-card-br: none;
	--slider-head-card-br-color: #ccc;
	--slider-head-card-bg: transparent;
	--slider-head-card-bg-color: #f5f5f5;
	--slider-head-card-radius: none;
	--slider-head-card-shadow: none;
	position: relative;
	display: block;
	direction: ltr;
	min-width: 0;
	max-width: 100%;
	font-size: var(--font-size, 16px);
	font-family: var(--font-family);
	font-style: normal;
	font-weight: 400;
	text-align: start;
	line-height: normal;
	overflow: visible;
	text-decoration: none;
	list-style-type: disc;
	box-sizing: border-box;
	overflow-wrap: break-word;
	visibility: visible !important;
}

.rpi *, .rpi :after, .rpi :before {
	box-sizing: inherit;
}

.rpi a {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	text-decoration: none !important;
	border: none !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: 0 0 !important;
}

.rpi .rpi-readmore {
	color: var(--readmore-color);
	font-size: inherit;
	cursor: pointer;
	text-decoration: none;
}

.rpi-hide {
	display: none;
}

.rpi-card-inner.rpi-logo::before, .rpi-card-inner > .rpi-logos {
	position: absolute;
	top: .75em;
	right: .75em;
	border-radius: 50%;
}

.rpi-logo.rpi-logo-left::before {
	right: auto;
	left: 7px;
}

.rpi-header .rpi-card-inner.rpi-logo::before, .rpi-header .rpi-card-inner > .rpi-logos {
	background-color: var(--head-card-bg);
}

.rpi-slider .rpi-header .rpi-card-inner.rpi-logo::before, .rpi-slider .rpi-header .rpi-card-inner > .rpi-logos {
	background-color: var(--slider-head-card-bg);
}

.rpi-content .rpi-card-inner.rpi-logo::before, .rpi-content .rpi-card-inner > .rpi-logos {
	background-color: var(--card-bg);
}

.rpi-body.rpi-logo::before {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--card-bg);
}

.rpi-body.rpi-logo.rpi-logo-left::before {
	right: auto;
	left: 0;
}

.rpi-img-wrap.rpi-logo_after::after {
	display: flex;
	position: absolute;
	bottom: calc(15% - var(--logo-size) / 2);
	right: calc(15% - var(--logo-size) / 2);
	background-color: #f5f5f5;
	border-radius: 50%;
}

.rpi-review_us .rpi-logo_after::after {
	vertical-align: middle;
	border-radius: 50%;
	background-color: #fff;
}

.rpi-review_us .rpi-logo-yelp::after {
	border: 1px solid;
}

.rpi-header .rpi-logo::before, .rpi-header .rpi-logo_after::after {
	width: var(--head-logo-size, 14px);
	height: var(--head-logo-size, 14px);
}

.rpi-based .rpi-logo_after.rpi-logo-yelp {
	color: #333;
	font-weight: 600;
}

.rpi .rpi-img {
	position: relative;
	margin: 0;
	padding: 0;
	min-width: var(--img-size);
	max-width: var(--img-size);
	height: var(--img-size);
	border-radius: 50%;
}

.rpi .rpi-content [data-provider=google] .rpi-img:not(.rpi-img-char) {
	border-radius: unset;
}

.rpi .rpi-img-char {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: calc(var(--img-size) / 2.2);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	-webkit-user-select: none;
	user-select: none;
}

.rpi .rpi-img-wrap {
	display: flex;
	position: relative;
	min-width: var(--img-size);
	max-width: var(--img-size);
	height: var(--img-size);
}

.rpi .rpi-img-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--img-size);
	height: var(--img-size);
	border-radius: 50%;
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
	pointer-events: none;
}

.rpi .rpi-header .rpi-img {
	object-fit: cover;
	object-position: top;
	min-width: var(--head-img-size);
	max-width: var(--head-img-size);
	height: var(--head-img-size);
}

.rpi .rpi-header .rpi-img-wrap {
	--img-size: var(--head-img-size);
}

.rpi-pop {
	top: 100% !important;
	bottom: auto !important;
	opacity: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.rpi-pop-up {
	opacity: 1;
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	text-align: start;
}

.rpi-pop-down {
	opacity: .5;
	-webkit-transition: opacity 150ms ease;
	transition: opacity 150ms ease;
	transition: opacity 150ms ease;
	transition: opacity 150ms ease;
}

.rpi-clickable {
	cursor: pointer !important;
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important;
}

.rpi-clickable:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24) !important;
}

.rpi-clickable:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .24) !important;
}

.rpi-scroll::-webkit-scrollbar {
	width: 4px;
}

.rpi-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.rpi-scroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #ccc;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
}

.rpi-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc;
}

.rpi-card-inner {
	padding: var(--card-padding);
}

.rpi-bubble__flex {
	margin-left: var(--bubble-flex-margin-left);
}

.rpi-bubble__flex_up {
	margin-bottom: var(--meta-margin);
}

.rpi-bubble__flex_down {
	margin-top: var(--meta-margin);
}

.rpi-slider .rpi-bubble__flex {
	margin-left: var(--slider-bubble-flex-margin-left);
}

.rpi-normal-up__body {
	margin-top: var(--meta-margin);
}

.rpi-normal-down__body {
	margin-bottom: var(--meta-margin);
}

.rpi-flex {
	gap: var(--flex-gap, .75em);
}

.rpi-info {
	gap: var(--info-gap);
}

.rpi-info .rpi-star-fb:last-child {
	margin-bottom: var(--tail-h) !important;
}

.rpi-flex, .rpi-flexwrap {
	position: relative;
	display: var(--flex-display, flex);
	flex-wrap: var(--flex-wrap, nowrap);
	align-items: var(--flex-align-items, center);
}

.rpi-flex {
	text-align: var(--flex-text-align, start);
	flex-direction: var(--flex-direction, row);
	justify-content: var(--flex-justify-content, flex-start);
}

.rpi-flexwrap {
	flex-wrap: wrap;
	column-gap: 0 !important;
	row-gap: var(--row-gap) !important;
}

.rpi-shift-up__flex {
	--flex-align-items: var(--center-align-items, star);
}

.rpi-shift-down__flex {
	--flex-align-items: var(--center-align-items, end);
}

.rpi-header {
	--flex-align-items: var(--center-align-items, flex-start);
}

.rpi-cards {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	align-items: center;
	scrollbar-width: none;
}

.rpi-card {
	display: block;
	position: relative;
	width: 100%;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.rpi-content .rpi-card {
	font-size: var(--fs);
}

.rpi-card-inner {
	display: block !important;
	position: relative;
	color: var(--card-color);
}

.rpi-card-inner.rpi-flexwrap {
	display: flex !important;
}

.rpi-header .rpi-card-inner {
	container-name: header;
	container-type: inline-size;
	border: var(--head-card-br);
	border-color: var(--head-card-br-color);
	border-radius: var(--head-card-radius);
	background-color: var(--head-card-bg);
	box-shadow: var(--head-card-shadow);
}

.rpi-header .rpi-cards {
	align-items: stretch;
}

.rpi-slider .rpi-header .rpi-card-inner {
	border: var(--slider-head-card-br);
	border-color: var(--slider-head-card-br-color);
	border-radius: var(--slider-head-card-radius);
	background-color: var(--slider-head-card-bg);
	box-shadow: var(--slider-head-card-shadow);
}

.rpi-content .rpi-card-inner {
	display: block;
	position: relative;
	border: var(--card-br);
	border-color: var(--card-br-color);
	border-radius: var(--card-radius);
	background-color: var(--card-bg);
	box-shadow: var(--card-shadow);
}

.rpi-bubble__inner.rpi-bubble__inner_up {
	border-top-width: 0;
}

.rpi-bubble__inner.rpi-bubble__inner_down {
	border-bottom-width: 0;
}

.rpi-slider .rpi-bubble__inner.rpi-bubble__inner_up {
	margin-top: 0;
}

.rpi-slider .rpi-bubble__inner.rpi-bubble__inner_down {
	margin-bottom: 0;
}

.rpi-bubble__inner::after, .rpi-bubble__inner::before {
	content: "";
	position: absolute;
	display: block;
	height: var(--card-radius, 4px);
	background-color: inherit;
}

.rpi-bubble__inner::before {
	left: 0;
	width: var(--bubble-width-before);
}

.rpi-bubble__inner::after {
	right: 0;
	width: var(--bubble-width-after);
}

.rpi-bubble__inner_up::after, .rpi-bubble__inner_up::before {
	top: 0;
	border-top: 1px solid #ccc;
	border-color: inherit;
}

.rpi-bubble__inner_up::before {
	border-top-left-radius: inherit;
}

.rpi-bubble__inner_up::after {
	border-top-right-radius: inherit;
}

.rpi-bubble__inner_down::after, .rpi-bubble__inner_down::before {
	bottom: 0;
	border-bottom: 1px solid #ccc;
	border-color: inherit;
}

.rpi-bubble__inner_down::before {
	border-bottom-left-radius: inherit;
}

.rpi-bubble__inner_down::after {
	border-bottom-right-radius: inherit;
}

.rpi-card-inner i {
	display: none;
}

.rpi-triangle {
	position: absolute;
	left: var(--triangle-left);
	width: var(--bubble-size);
	height: var(--bubble-size);
	background-color: inherit;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rpi-triangle.rpi-triangle_up {
	display: block;
	top: calc(var(--bubble-size) / -2);
}

.rpi-triangle__br_up {
	border-top: 1px solid;
	border-left: 1px solid;
	border-color: inherit;
}

.rpi-triangle.rpi-triangle_down {
	display: block;
	bottom: calc(var(--bubble-size) / -2);
}

.rpi-triangle__br_down {
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: inherit;
}

.rpi-avaborder-up {
	padding-left: var(--avaborder-padding-left);
	padding-top: var(--center-avaborder-padding, 0);
}

.rpi-avaborder-up div.rpi-flex {
	margin-left: var(--avaborder-margin-left);
	margin-top: var(--center-avaborder-margin, 0);
}

.rpi-avaborder-down {
	--flex-direction: var(--center-avaborder-flex-direction, row);
	padding-left: var(--avaborder-padding-left);
	padding-bottom: var(--center-avaborder-padding, 0);
}

.rpi-avaborder-down div.rpi-flex {
	margin-left: var(--avaborder-margin-left);
	margin-bottom: var(--center-avaborder-margin, 0);
}

.rpi-col-xs {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.rpi-card.rpi-card_block {
	--col: 1 !important;
	--gap: 1 !important;
}

.rpi-col-x .rpi-header_row + .rpi-content_row .rpi-card, .rpi-col-xs .rpi-card, .rpi-col-xs .rpi-content_row, .rpi-col-xs .rpi-header_row, .rpi-content, .rpi-header {
	--col: 1;
	--gap: 0;
}

.rpi-col-xl .rpi-header_row + .rpi-content_row {
	--col: 1.2;
	--gap: 1;
}

.rpi-col-l .rpi-header_row + .rpi-content_row {
	--col: 1.25;
	--gap: 1;
}

.rpi-col-m .rpi-header_row + .rpi-content_row {
	--col: 1.333333;
	--gap: 1;
}

.rpi-col-s .rpi-header_row + .rpi-content_row {
	--col: 1.5;
	--gap: 1;
}

.rpi-col-s .rpi-header_row + .rpi-content_row .rpi-card, .rpi-col-x .rpi-card, .rpi-col-x .rpi-header_row, .rpi-col-x .rpi-header_row + .rpi-content_row {
	--col: 2;
	--gap: 1;
}

.rpi-col-m .rpi-header_row + .rpi-content_row .rpi-card, .rpi-col-s .rpi-card, .rpi-col-s .rpi-header_row {
	--col: 3;
	--gap: 2;
}

.rpi-col-l .rpi-card, .rpi-col-m .rpi-card, .rpi-col-m .rpi-header_row {
	--col: 4;
	--gap: 3;
}

.rpi-col-l .rpi-header_row, .rpi-col-xl .rpi-card {
	--col: 5;
	--gap: 4;
}

.rpi-col-xl .rpi-header_row {
	--col: 6;
	--gap: 5;
}

.rpi-content_row, .rpi-grid .rpi-card, .rpi-header_row {
	-ms-flex: 1 0 calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col));
	flex: 1 0 calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col));
	width: calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col));
}

.rpi-slider .rpi-card {
	-ms-flex: 1 0 calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col));
	flex: 1 0 calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col));
	width: calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col));
}

.rpi-slider .rpi-content, .rpi-slider .rpi-header {
	-ms-flex: 1 0 calc(( 100% - var(--slider-card-gap) ) / var(--col, 1));
	flex: 1 0 calc(( 100% - var(--slider-card-gap) ) / var(--col, 1));
	width: calc(( 100% - var(--slider-card-gap) ) / var(--col, 1));
}

.rpi-content_top, .rpi-header_top {
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	width: 100%;
}

.rpi .rpi-badge, .rpi .rpi-header {
	--rpi-star-size: var(--head-star-size, var(--star-size, 22px));
	--rpi-star-color: var(--head-star-color, var(--star-color));
}

.rpi .rpi-content {
	--rpi-star-size: var(--star-size, 20px);
	--rpi-star-color: var(--star-color);
}

.rpi .rpi-badge {
	--rpi-star-size: var(--badge-star-size, 18px);
}

.rpi .rpi-tag {
	--star-align-self: center;
	--rpi-star-size: var(--tag-star-size, 16px);
}

.rpi-cnt, .rpi-slider-btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.rpi-content, .rpi-header {
	min-width: 0;
}

.rpi-header .rpi-card {
	font-size: var(--head-fs);
}

.rpi-header .rpi-flex {
	--star-align-self: var(--head-flex-text-align, auto);
	--flex-align-items: var(--head-flex-text-align, start);
	--head-justify-content: var(--head-flex-text-align, start);
	flex: 1 0 60%;
	overflow: visible;
	text-align: var(--head-flex-text-align, start);
	flex-direction: var(--head-flex-direction, row);
}

.rpi-slider .rpi-header .rpi-flex {
	--star-align-self: var(--slider-head-flex-text-align, auto);
	text-align: var(--slider-head-flex-text-align, start);
	align-items: var(--slider-head-flex-text-align, start);
}

.rpi-header .rpi-info {
	--info-gap: .5em;
	flex: 1 0 calc(100% - var(--img-size) - var(--card-padding));
	text-wrap: wrap;
	overflow: hidden;
}

.rpi-based {
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: var(--slider-head-flex-text-align, var(--head-flex-text-align, start));
}

.rpi-header .rpi-scale {
	display: flex !important;
	gap: 4px;
	align-items: center;
	justify-content: var(--slider-head-flex-text-align, var(--head-flex-text-align, start));
}

.rpi-header .rpi-name, .rpi-header .rpi-scale {
	text-align: var(--slider-head-flex-text-align, var(--head-flex-text-align, start));
	font-size: var(--head-text-fs);
	font-weight: 700;
	color: var(--head-scale-color, #154fc1) !important;
	white-space: normal;
	vertical-align: middle;
}

.rpi-header .rpi-name .rpi-logos {
	float: inline-start;
	display: flex;
	align-items: center;
	height: 1 lh;
	margin-inline-end: 4px;
}

.rpi-based {
	flex-wrap: wrap;
	font-size: var(--head-based-fs);
	color: var(--head-based-color, #777);
}

.rpi-info {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.rpi-content .rpi-info {
	overflow: hidden;
}

.rpi-name {
	position: relative;
	display: block !important;
	max-width: 100%;
	color: var(--name-color) !important;
	font-size: var(--name-fs);
	font-weight: var(--name-weight, 700);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	line-height: var(--rev-text-lh);
	padding-inline-start: 0 !important;
}

.rpi-name.rpi-logo {
	padding-inline-start: calc(var(--logo-size, 14px) + 4px) !important;
}

.rpi-name.rpi-logo::before {
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	transform: translateY(-50%);
}

.rpi-time {
	color: var(--time-color);
	font-size: var(--rev-time-fs);
	white-space: nowrap;
	line-height: var(--rev-text-lh);
}

.rpi-time + .rpi-stars {
	margin-top: 2px;
}

.rpi-body {
	--star-align-self: var(--text-align, start);
	position: relative;
	display: flex;
	gap: var(--body-gap);
	flex-direction: column;
	align-items: var(--text-align, start);
}

.rpi-text {
	--text-height: var(--text-height-auto, calc(var(--text-lines) * var(--text-line-height)));
	display: -webkit-box;
	width: 100%;
	max-height: var(--text-height);
	font-size: var(--text-fs);
	text-align: var(--text-align, start);
	line-height: var(--text-line-height);
	overflow: auto;
	overflow-x: hidden;
	white-space: pre-line;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: vertical;
}

@supports (-webkit-touch-callout:none) {
	.rpi-text {
		display: flex;
		flex-direction: column;
		-webkit-line-clamp: initial;
		-webkit-box-orient: initial;
		min-height: 0;
	}
}

.rpi-text [class^=rpi-star] {
	display: inline-block;
	margin-right: 6px;
}

[dir=rtl] .rpi-text {
	display: block;
}

.rpi-media {
	display: block;
	max-height: var(--media-height);
	overflow: hidden;
	text-align: var(--rev-txtalgn, start);
}

.rpi-thumb {
	position: relative;
	display: inline-block;
	width: var(--media-height);
	height: var(--media-height);
	margin-right: 4px;
	overflow: hidden;
	border-radius: 4px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.rpi-reply {
	display: block;
	color: var(--time-color);
	font-size: 14px;
	line-height: var(--text-line-height);
	width: calc(100% - var(--reply-margin));
	max-height: var(--reply-height);
	margin: 0 0 0 var(--reply-margin);
	padding: 0 0 0 var(--reply-padding);
	overflow-y: auto;
	overflow-x: hidden;
	border-left: 1px solid #999;
	text-align: var(--rev-txtalgn, start);
}

.rpi-reply b {
	margin: 0 4px 0 0;
}

.rpi-content .rpi-url {
	display: inline-block;
	padding: 8px !important;
	color: var(--morev-color, #333) !important;
}

.rpi-sh .rpi-text {
	height: var(--text-height);
}

.rpi-sh .rpi-body:has(.rpi-media) .rpi-text {
	--text-media-height: calc(var(--text-height) - var(--media-height));
	height: var(--text-media-height);
}

.rpi-sh .rpi-body:has(.rpi-reply) .rpi-text {
	height: calc(var(--text-media-height, var(--text-height)) - var(--reply-height));
}

.rpi-sh .rpi-text:not(:empty):last-child {
	margin-bottom: var(--body-gap);
}

.rpi-sh .rpi-reply {
	height: var(--reply-height);
}

.rpi-grid, .rpi-list {
	align-items: start;
}

.rpi-grid, .rpi-grid .rpi-cards, .rpi-list, .rpi-list .rpi-cards {
	gap: var(--card-gap);
}

.rpi-list .rpi-body:empty {
	margin-top: 0;
	margin-bottom: 0;
}

.rpi-slider {
	gap: var(--slider-card-gap);
}

.rpi-slider .rpi-content {
	position: relative;
	display: flex;
	width: 100%;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.rpi-slider .rpi-cards {
	gap: var(--slider-card-gap);
}

.rpi-slider .rpi-header_top.rpi-header_pad, .rpi-slider.rpi-col-xs .rpi-header.rpi-header_pad {
	padding: 0 var(--slider-btn) !important;
}

.rpi-slider .rpi-content .rpi-cards {
	position: relative;
	display: flex;
	flex: 1;
	width: 100%;
	overflow-x: scroll;
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.rpi-slider .rpi-content .rpi-cards::-webkit-scrollbar {
	display: none;
}

.rpi-slider .rpi-card {
	scroll-snap-align: start;
}

.rpi-slider .rpi-card-inner {
	margin: var(--slider-card-margin);
}

.rpi-slider-btn {
	gap: var(--row-gap);
	flex: 1 0 var(--btn-flex-size, 40%);
	align-self: var(--align-self, center);
	justify-content: var(--btn-justify-content, end);
}

@container header (width < 480px) {
	.rpi-slider-btn {
		--btn-flex-size: 100%;
		--btn-justify-content: center;
		--align-self: end;
	}
}

.rpi-review_us {
	display: inline-block;
	color: var(--head-btn-txt-color, #fff);
	font-size: var(--head-btn-fs);
	outline: 0;
	line-height: 1.25;
	border-radius: 8px;
	background-color: var(--head-btn-color, #0a6cff);
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	vertical-align: middle;
}

.rpi-review_us:last-child {
	margin-right: 0;
}

.rpi-review_us:hover {
	color: #fff;
	background: #1f67e7;
}

.rpi-review_us:active {
	color: #fff;
	background: #0a6cff;
}

.rpi-review_us a, .rpi-review_us[onclick] {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px 8px !important;
}

.rpi-review_us .rpi-logo-yelp.rpi-logo_after::before {
	content: "";
}

.rpi-tag {
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 16px;
	font-size: var(--tag-fs);
	max-width: none;
	z-index: 2147482999;
}

.rpi-tag.right {
	left: auto;
	right: 16px;
}

.rpi-tag.embed {
	display: inline-block;
	position: relative;
	padding: 0;
	z-index: auto;
}

.rpi-tag-cnt {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	gap: var(--tag-gap, 4px);
	outline-width: 0;
	overflow: visible;
	padding: 8px 12px;
	cursor: pointer;
	color: #333;
	font-weight: 400;
	line-height: 18px;
	border: none;
	border-radius: 32px;
	background-color: var(--tag-bg);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 16%), 0 1px 2px rgba(0, 0, 0, 23%);
	user-select: none;
	transition: all .2s ease-in-out;
}

.rpi-tag.push .rpi-tag-cnt:hover {
	transform: translate(0, -2px) !important;
}

.rpi-tag .rpi-logo::before {
	width: var(--tag-logo-size, 14px);
	height: var(--tag-logo-size, 14px);
}

.rpi-tag .rpi-stars {
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.rpi-tag.expand .rpi-stars {
	width: 0;
}

.rpi-tag.expand:hover .rpi-stars {
	width: 115px;
}

.rpi-tag-text {
	margin: 0 0 0 12px;
	line-height: 1.7em;
	white-space: nowrap;
	color: var(--tag-text-color);
	font-size: var(--tag-star-size);
}

.rpi-tag .rpi-sb {
	--sb-left: auto;
	--sb-right: 0;
}

:root {
	--star-gap: 2px;
	--rpi-star-size: 20px;
	--rpi-star-color: #fb8e28;
	--rpi-star-empty-color: #ccc;
	--rpi-icon-scale-google: 1;
	--rpi-icon-scale-yelp: .92;
	--rpi-icon-scale-fb: 1.125;
	--rpi-yelp-empty-color: #ccc;
	--rpi-yelp-five-color: #fb433c;
	--rpi-yelp-four-color: #ff643d;
	--rpi-yelp-three-color: #ff8742;
	--rpi-yelp-two-color: #ffad48;
	--rpi-yelp-one-color: #ffcc4b;
	--rpi-yelp-radius: 3px;
	--rpi-fb-color: #fa3e3e;
	--rpi-fb-radius: 3px;
	--rpi-star-empty: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
	--rpi-star-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z'/%3E%3C/svg%3E");
}

.rpi-stars .rpi-star {
	display: none !important;
}

.rpi-star, .rpi-stars-tripadvisor, .rpi-stars-yelp {
	display: var(--flx, flex);
	align-items: center;
	align-self: var(--star-align-self, start);
	gap: var(--gap, 4px);
	text-align: start;
	z-index: 1;
}

.rpi-star[data-rating]:empty::before {
	content: attr(data-rating);
	color: var(--rpi-rating-color, var(--rpi-star-color));
	font-size: var(--head-grade-fs, 18px);
	font-weight: var(--head-grade-weight, 900);
}

.rpi-star i {
	padding: 0 2px;
	cursor: pointer !important;
	background-color: var(--rpi-star-empty-color);
}

.rpi-star[data-rating="1"] i:nth-child(-n+1), .rpi-star[data-rating="2"] i:nth-child(-n+2), .rpi-star[data-rating="3"] i:nth-child(-n+3), .rpi-star[data-rating="4"] i:nth-child(-n+4), .rpi-star[data-rating="5"] i:nth-child(-n+5) {
	background-color: var(--rpi-star-color);
}

.rpi-star:hover i {
	background-color: var(--rpi-star-color) !important;
}

.rpi-star i:hover ~ i {
	background-color: var(--rpi-star-empty-color) !important;
}

.rpi-star i, .rpi-star[data-rating]:empty::after {
	content: "";
	width: var(--rpi-star-size) !important;
	height: var(--rpi-star-size) !important;
	-webkit-mask-image: var(--rpi-star-mask) !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	-webkit-mask-size: contain !important;
	mask-image: var(--rpi-star-mask) !important;
	mask-repeat: no-repeat !important;
	mask-position: center !important;
	mask-size: contain !important;
}

.rpi-star[data-rating]:empty::after {
	background-color: var(--rpi-star-color);
}

.rpi-star + .rpi-stars {
	--stars-offset: 1;
	--stars: calc(var(--stars-max) - var(--stars-offset));
}

.rpi-stars {
	--star-size: var(--rpi-star-size, 18px);
	--star-color: var(--rpi-star-color);
	--empty: var(--rpi-star-empty);
	--mask: var(--rpi-star-mask);
	--stars: 5;
	--icon-scale: 1;
	--rating-scale: .8;
	--gap: var(--star-gap, 2px);
	--stars-w: calc(var(--stars) * ( var(--star-size) + var(--star-gap) ));
	--fill: calc(( var(--rating) / var(--stars) ) * 100%);
	--bg-size: calc(var(--star-size) * var(--icon-scale));
	--bg-size-x: calc(var(--bg-size) + var(--star-gap));
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	align-self: var(--star-align-self, start) !important;
	width: max-content !important;
	height: var(--star-size) !important;
	font-size: calc(var(--star-size) * var(--rating-scale)) !important;
	font-weight: var(--head-grade-weight, 900) !important;
	color: var(--rpi-rating-color, var(--star-color)) !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	padding-right: calc(var(--stars-w) + var(--gap)) !important;
}

.rpi-stars:empty {
	--gap: calc(-1 * ( var(--star-gap) / 2 + 1px ));
}

.rpi-stars::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	width: var(--stars-w) !important;
	height: var(--star-size) !important;
	transform: translateY(-50%) !important;
	background-color: var(--star-color) !important;
	-webkit-mask-image: var(--empty) !important;
	-webkit-mask-repeat: repeat-x !important;
	-webkit-mask-position: left center !important;
	-webkit-mask-size: var(--bg-size-x) var(--bg-size) !important;
	mask-image: var(--empty) !important;
	mask-repeat: repeat-x !important;
	mask-position: left center !important;
	mask-size: var(--bg-size-x) var(--bg-size) !important;
}

.rpi-stars::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	width: var(--stars-w) !important;
	height: var(--star-size) !important;
	transform: translateY(-50%) !important;
	background-color: var(--star-color) !important;
	-webkit-mask-image: var(--mask) !important;
	-webkit-mask-repeat: repeat-x !important;
	-webkit-mask-position: left center !important;
	-webkit-mask-size: var(--bg-size-x) var(--bg-size) !important;
	mask-image: var(--mask) !important;
	mask-repeat: repeat-x !important;
	mask-position: left center !important;
	mask-size: var(--bg-size-x) var(--bg-size) !important;
	clip-path: inset(0 calc(100% - var(--fill)) 0 0) !important;
}

.rpi-stars-tile, .rpi-stars-tripadvisor, .rpi-stars-yelp {
	--icon-scale: .9;
	--star-scale: 70%;
	--rating: 0;
	--gap: 3px;
	display: inline-flex !important;
	gap: var(--gap) !important;
	line-height: 0 !important;
	vertical-align: top !important;
}

.rpi-stars-yelp {
	--empty-color: var(--rpi-yelp-empty-color);
	--five-color: var(--rpi-yelp-five-color);
	--four-color: var(--rpi-yelp-four-color);
	--three-color: var(--rpi-yelp-three-color);
	--two-color: var(--rpi-yelp-two-color);
	--one-color: var(--rpi-yelp-one-color);
	--star-size: var(--rpi-star-size);
	--radius: var(--rpi-yelp-radius);
}

.rpi-stars-tile i, .rpi-stars-yelp i {
	position: relative !important;
	display: inline-block !important;
	font-style: normal !important;
	flex: 0 0 auto !important;
	width: var(--star-size) !important;
	height: var(--star-size) !important;
	border-radius: var(--radius) !important;
	background-color: var(--empty-color) !important;
	background-image: linear-gradient(90deg, var(--star-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	box-sizing: border-box !important;
	transform: scale(var(--icon-scale)) !important;
	transform-origin: left center !important;
}

.rpi-stars-tile i::after, .rpi-stars-yelp i::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background-color: #fff !important;
	-webkit-mask-image: var(--rpi-star-mask) !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-size: var(--star-scale) var(--star-scale) !important;
	-webkit-mask-position: center !important;
	mask-image: var(--rpi-star-mask) !important;
	mask-repeat: no-repeat !important;
	mask-size: var(--star-scale) var(--star-scale) !important;
	mask-position: center !important;
}

.rpi-stars-yelp, .rpi-stars-yelp[data-rating]::before {
	content: attr(data-rating);
	color: var(--rpi-rating-color, var(--star-color));
	font-size: var(--head-grade-fs, 18px);
	font-weight: var(--head-grade-weight, 900);
}

.rpi-stars-tile i:first-child, .rpi-stars-yelp i:first-child {
	--fill: clamp(0, (var(--rating) - 0) * 100, 100);
}

.rpi-stars-tile i:nth-child(2), .rpi-stars-yelp i:nth-child(2) {
	--fill: clamp(0, (var(--rating) - 1) * 100, 100);
}

.rpi-stars-tile i:nth-child(3), .rpi-stars-yelp i:nth-child(3) {
	--fill: clamp(0, (var(--rating) - 2) * 100, 100);
}

.rpi-stars-tile i:nth-child(4), .rpi-stars-yelp i:nth-child(4) {
	--fill: clamp(0, (var(--rating) - 3) * 100, 100);
}

.rpi-stars-tile i:nth-child(5), .rpi-stars-yelp i:nth-child(5) {
	--fill: clamp(0, (var(--rating) - 4) * 100, 100);
}

.rpi-stars-yelp[data-stars^="1"] {
	--rating: 1.5;
	--star-color: var(--one-color);
}

.rpi-stars-yelp[data-stars="1"] {
	--rating: 1;
}

.rpi-stars-yelp[data-stars^="2"] {
	--rating: 2.5;
	--star-color: var(--two-color);
}

.rpi-stars-yelp[data-stars="2"] {
	--rating: 2;
}

.rpi-stars-yelp[data-stars^="3"] {
	--rating: 3.5;
	--star-color: var(--three-color);
}

.rpi-stars-yelp[data-stars="3"] {
	--rating: 3;
}

.rpi-stars-yelp[data-stars^="4"] {
	--rating: 4.5;
	--star-color: var(--four-color);
}

.rpi-stars-yelp[data-stars="4"] {
	--rating: 4;
}

.rpi-stars-yelp[data-stars^="5"] {
	--rating: 5;
	--star-color: var(--five-color);
}

.rpi-stars-tripadvisor {
	--empty-color: #fff;
	--border-color: #5ba672;
	--fill-color: #5ba672;
	--rpi-dot-size: var(--rpi-star-size);
	--border: 3px;
}

.rpi-stars-tripadvisor i {
	width: var(--rpi-dot-size) !important;
	height: var(--rpi-dot-size) !important;
	display: inline-block !important;
	position: relative !important;
	flex: 0 0 auto !important;
	box-sizing: border-box !important;
	border-radius: 999px !important;
	border: var(--border) solid var(--border-color) !important;
	background-color: var(--empty-color) !important;
	background-image: linear-gradient(90deg, var(--fill-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	transform: scale(var(--icon-scale)) !important;
	transform-origin: left center !important;
}

.rpi-stars-tripadvisor, .rpi-stars-tripadvisor[data-rating]::before {
	content: attr(data-rating);
	color: var(--rpi-rating-color, var(--fill-color));
	font-size: var(--head-grade-fs, 18px);
	font-weight: var(--head-grade-weight, 900);
}

.rpi-stars-tripadvisor i:first-child {
	--fill: clamp(0, (var(--rating) - 0) * 100, 100);
}

.rpi-stars-tripadvisor i:nth-child(2) {
	--fill: clamp(0, (var(--rating) - 1) * 100, 100);
}

.rpi-stars-tripadvisor i:nth-child(3) {
	--fill: clamp(0, (var(--rating) - 2) * 100, 100);
}

.rpi-stars-tripadvisor i:nth-child(4) {
	--fill: clamp(0, (var(--rating) - 3) * 100, 100);
}

.rpi-stars-tripadvisor i:nth-child(5) {
	--fill: clamp(0, (var(--rating) - 4) * 100, 100);
}

.rpi-stars-tripadvisor[data-stars^="1"] {
	--rating: 1.5;
}

.rpi-stars-tripadvisor[data-stars="1"] {
	--rating: 1;
}

.rpi-stars-tripadvisor[data-stars^="2"] {
	--rating: 2.5;
}

.rpi-stars-tripadvisor[data-stars="2"] {
	--rating: 2;
}

.rpi-stars-tripadvisor[data-stars^="3"] {
	--rating: 3.5;
}

.rpi-stars-tripadvisor[data-stars="3"] {
	--rating: 3;
}

.rpi-stars-tripadvisor[data-stars^="4"] {
	--rating: 4.5;
}

.rpi-stars-tripadvisor[data-stars="4"] {
	--rating: 4;
}

.rpi-stars-tripadvisor[data-stars^="5"] {
	--rating: 5;
}

.rpi-star-fb {
	--icon-scale: .9;
	--star-scale: 70%;
	--fb-size: var(--rpi-star-size, 18px);
	--size: calc(var(--fb-size) * var(--icon-scale));
	--color: var(--rpi-fb-color, #fa3e3e);
	--radius: var(--rpi-fb-radius, 3px);
	--tail-w: calc(var(--size) / 3);
	--tail-h: calc(var(--size) / 3.6);
	--tail-offset: calc(var(--size) / 4.5);
	--tail-overlap: 1px;
	--gap: .25em;
	--label-scale: .9;
	--fb-star: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z' fill='%23fff'/%3E%3C/svg%3E");
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	align-self: var(--star-align-self, start);
	height: var(--star-size) !important;
	width: max-content !important;
	white-space: nowrap !important;
	font-size: calc(var(--size) * var(--label-scale)) !important;
	line-height: 1 !important;
	padding-left: calc(var(--size) + var(--gap)) !important;
	text-shadow: .015em 0 0 currentColor;
}

.rpi-star-fb::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: var(--size) !important;
	height: var(--size) !important;
	background-color: var(--color) !important;
	border-radius: var(--radius) !important;
	background-image: var(--fb-star) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: var(--star-scale) var(--star-scale) !important;
}

.rpi-star-fb::after {
	content: "" !important;
	position: absolute !important;
	left: var(--tail-offset) !important;
	top: 50% !important;
	width: 0 !important;
	height: 0 !important;
	transform: translateY(calc(var(--size) / 2 - var(--tail-overlap))) !important;
	border-top: var(--tail-h) solid var(--color) !important;
	border-right: var(--tail-w) solid transparent !important;
}

.rpi-star-fb[data-rating="1"] {
	--color: #ccc;
}

.rpi-stars-tile {
	--empty-color: var(--star-empty-color, #dcdce6);
	--star-size: var(--rpi-star-size, 18px);
	--star-color: var(--rpi-star-color, #fb8e28);
	--rating-scale: .8;
	--radius: var(--rpi-yelp-radius, 3px);
	align-items: center !important;
	font-size: calc(var(--star-size, 18px) * var(--rating-scale)) !important;
	font-weight: var(--head-grade-weight, 900) !important;
	color: var(--rpi-rating-color, var(--star-color)) !important;
	vertical-align: middle !important;
}

:root {
	--rpi-logo-g: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M482.56 261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47 29.5-22.1 54.49-47.09 71.23v59.21h76.27c44.63-41.09 70.37-101.59 70.37-173.46z' fill='%234285f4'/%3E%3Cpath d='M256 492c63.72 0 117.14-21.13 156.19-57.18l-76.27-59.21c-21.13 14.16-48.17 22.53-79.92 22.53-61.47 0-113.49-41.51-132.05-97.3H45.1v61.15c38.83 77.13 118.64 130.01 210.9 130.01z' fill='%2334a853'/%3E%3Cpath d='M123.95 300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68 7.4-44.84V150.01H45.1C29.12 181.87 20 217.92 20 256c0 38.08 9.12 74.13 25.1 105.99l78.85-61.15z' fill='%23fbbc05'/%3E%3Cpath d='M256 113.86c34.65 0 65.76 11.91 90.22 35.29l67.69-67.69C373.03 43.39 319.61 20 256 20c-92.25 0-172.07 52.89-210.9 130.01l78.85 61.15c18.56-55.78 70.59-97.3 132.05-97.3z' fill='%23ea4335'/%3E%3C/svg%3E");
	--rpi-logo-f: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cstyle type='text/css'%3E.st0{fill:url(%23RPISVGID1);}.st1{fill:%23FFFFFF;}%3C/style%3E%3ClinearGradient id='RPISVGID1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%230062E0'/%3E%3Cstop offset='1' style='stop-color:%2319AFFF'/%3E%3C/linearGradient%3E%3Cpath class='st0' d='M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z'/%3E%3Cpath d='M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20 h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z' class='st1'/%3E%3C/svg%3E");
	--rpi-logo-ta: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='44' width='44' viewBox='0 0 132 86' fill-rule='evenodd' style='background-color:%2300eb5b'%3E%3Cpath d='M44.508 49.657c0 6.436-5.218 11.654-11.653 11.654s-11.653-5.218-11.653-11.654c0-6.435 5.218-11.654 11.653-11.654s11.653 5.218 11.653 11.654m54.028-11.654c-6.435 0-11.653 5.218-11.653 11.654S92.1 61.311 98.536 61.311s11.653-5.218 11.653-11.654c-.002-6.432-5.215-11.647-11.647-11.65zm32.855 11.654c0 18.136-14.715 32.84-32.855 32.84a32.7 32.7 0 0 1-22.31-8.74L65.71 85.196 55.19 73.744a32.7 32.7 0 0 1-22.317 8.754C14.746 82.497.036 67.792.036 49.656a32.75 32.75 0 0 1 10.71-24.27L0 13.693h23.876c25.263-17.195 58.467-17.195 83.73 0h23.814l-10.745 11.692a32.75 32.75 0 0 1 10.716 24.271m-76.305 0c0-12.274-9.95-22.225-22.223-22.225S10.64 37.383 10.64 49.657s9.95 22.225 22.223 22.225 22.222-9.948 22.223-22.222zm35.284-33.18a64.13 64.13 0 0 0-49.326 0c14.03 5.37 24.667 17.915 24.667 32.54 0-14.624 10.635-27.17 24.66-32.538zm30.395 33.18c0-12.274-9.95-22.225-22.223-22.225s-22.223 9.95-22.223 22.224S86.268 71.88 98.54 71.88s22.223-9.95 22.223-22.225' fill='%23002b11'/%3E%3C/svg%3E");
	--rpi-logo-y: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M317.119,340.347c-9.001,9.076-1.39,25.586-1.39,25.586l67.757,113.135c0,0,11.124,14.915,20.762,14.915   c9.683,0,19.246-7.952,19.246-7.952l53.567-76.567c0,0,5.395-9.658,5.52-18.12c0.193-12.034-17.947-15.33-17.947-15.33   l-126.816-40.726C337.815,335.292,325.39,331.994,317.119,340.347z M310.69,283.325c6.489,11.004,24.389,7.798,24.389,7.798   l126.532-36.982c0,0,17.242-7.014,19.704-16.363c2.415-9.352-2.845-20.637-2.845-20.637l-60.468-71.225   c0,0-5.24-9.006-16.113-9.912c-11.989-1.021-19.366,13.489-19.366,13.489l-71.494,112.505   C311.029,261.999,304.709,273.203,310.69,283.325z M250.91,239.461c14.9-3.668,17.265-25.314,17.265-25.314l-1.013-180.14   c0,0-2.247-22.222-12.232-28.246c-15.661-9.501-20.303-4.541-24.79-3.876l-105.05,39.033c0,0-10.288,3.404-15.646,11.988   c-7.651,12.163,7.775,29.972,7.775,29.972l109.189,148.831C226.407,231.708,237.184,242.852,250.91,239.461z M224.967,312.363   c0.376-13.894-16.682-22.239-16.682-22.239L95.37,233.079c0,0-16.732-6.899-24.855-2.091c-6.224,3.677-11.738,10.333-12.277,16.216   l-7.354,90.528c0,0-1.103,15.685,2.963,22.821c5.758,10.128,24.703,3.074,24.703,3.074L210.37,334.49   C215.491,331.048,224.471,330.739,224.967,312.363z M257.746,361.219c-11.315-5.811-24.856,6.224-24.856,6.224l-88.265,97.17   c0,0-11.012,14.858-8.212,23.982c2.639,8.552,7.007,12.802,13.187,15.797l88.642,27.982c0,0,10.747,2.231,18.884-0.127   c11.552-3.349,9.424-21.433,9.424-21.433l2.003-131.563C268.552,379.253,268.101,366.579,257.746,361.219z' fill='%23D80027'/%3E%3C/svg%3E");
	--rpi-ai: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 144'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='45.724' y1='51.844' x2='110.864' y2='106.764' gradientTransform='matrix(1 0 0 -1 0 146)'%3E%3Cstop offset='0' style='stop-color:%23217bfd'%3E%3C/stop%3E%3Cstop offset='.27' style='stop-color:%23078eca'%3E%3C/stop%3E%3Cstop offset='.777' style='stop-color:%23a190fe'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23bd99fa'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M143.72 71.72c-9.88 0-19-1.87-27.68-5.56-8.69-3.81-16.35-9-22.77-15.42-6.42-6.42-11.61-14.09-15.42-22.77-3.69-8.68-5.56-17.81-5.56-27.68A.29.29 0 0 0 72 0a.28.28 0 0 0-.28.28c0 9.87-1.93 19-5.74 27.68-3.69 8.69-8.82 16.35-15.24 22.77-6.42 6.42-14.09 11.61-22.77 15.42-8.68 3.69-17.81 5.56-27.69 5.56-.15.01-.28.14-.28.29 0 .16.13.28.28.28 9.87 0 19 1.93 27.69 5.74 8.69 3.69 16.35 8.82 22.77 15.24 6.42 6.43 11.55 14.09 15.24 22.78 3.81 8.68 5.74 17.8 5.74 27.68a.28.28 0 1 0 .56 0c0-9.88 1.87-19 5.56-27.68 3.81-8.69 9-16.35 15.42-22.78 6.42-6.42 14.08-11.55 22.77-15.24 8.68-3.81 17.81-5.74 27.68-5.74.16 0 .28-.13.28-.28a.271.271 0 0 0-.27-.28z'%3E%3C/path%3E%3C/svg%3E");
}

.rpi-logo, .rpi-logo_after, .rpi-logos {
	display: flex;
	align-items: center;
}

.rpi-logo, .rpi-logos {
	gap: 4px;
}

.rpi-logo::before, .rpi-logo_after::after {
	display: block;
	content: "";
	width: var(--logo-size, 14px);
	height: var(--logo-size, 14px);
	border-radius: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index: 3;
}

.rpi-logo-google {
	--rpi-logo: var(--rpi-logo-g);
}

.rpi-logo-facebook {
	--rpi-logo: var(--rpi-logo-f);
}

.rpi-logo-tripadvisor {
	--rpi-logo: var(--rpi-logo-ta);
}

.rpi-logo-yelp {
	--rpi-logo: var(--rpi-logo-y);
}

.rpi-logo:not(.rpi-logo_after)::before, .rpi-logo_after::after {
	background-image: var(--rpi-logo);
}

.rpi-logo-yelp.rpi-logo_after::before {
	content: "yelp";
	background-image: none;
}

.rpi button {
	all: revert !important;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	line-height: 1 !important;
	font: inherit !important;
	color: inherit !important;
	text-align: center !important;
	cursor: pointer !important;
	border: 0 !important;
	background: 0 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	user-select: none !important;
}

.rpi button:focus {
	outline: 0 !important;
}

.rpi button:focus-visible {
	outline: 2px solid currentColor !important;
	outline-offset: 2px !important;
}

.rpi .rpi-x, .rpi-x {
	position: absolute !important;
	top: var(--x-top, 6px) !important;
	right: var(--x-right, 8px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--x-width, 20px) !important;
	height: var(--x-height, 20px) !important;
	cursor: pointer !important;
	opacity: var(--x-opacity, .65) !important;
	border-radius: 50% !important;
	background-color: var(--x-bg, #fafafa) !important;
	z-index: 2147483003 !important;
	outline: 0 !important;
}

.rpi .rpi-x:focus-visible, .rpi-x:focus-visible {
	outline: 0 !important;
}

.rpi .rpi-x:hover, .rpi-x:hover {
	opacity: 1 !important;
}

.rpi .rpi-x::after, .rpi .rpi-x::before, .rpi-x::after, .rpi-x::before {
	content: "" !important;
	position: absolute !important;
	display: block !important;
	width: var(--x-line-width, 12px) !important;
	height: var(--x-line-height, 1px) !important;
	border-radius: 2px !important;
	background-color: var(--x-color, #373737) !important;
}

.rpi .rpi-x::before, .rpi-x::before {
	transform: rotate(45deg) !important;
}

.rpi .rpi-x::after, .rpi-x::after {
	transform: rotate(-45deg) !important;
}

.rpi .rpi-x.rpi-xa::before, .rpi-x.rpi-xa::before {
	--x-line-width: 7px !important;
	--x-line-height: 7px !important;
	top: 4px !important;
	border-radius: 0 !important;
	border-right: 1px solid #373737 !important;
	border-bottom: 1px solid #373737 !important;
	background-color: transparent !important;
}

.rpi .rpi-x.rpi-xa::after, .rpi-x.rpi-xa::after {
	content: none !important;
}

.rpi-bubble:after {
	content: "";
	position: absolute;
	top: -8px;
	left: 16px;
	bottom: auto;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: #fff transparent;
}

.rpi-fade {
	-webkit-transition: opacity 150ms ease, -webkit-transform 150ms ease;
	transition: opacity 150ms ease, -webkit-transform 150ms ease;
	transition: transform 150ms ease, opacity 150ms ease;
	transition: transform 150ms ease, opacity 150ms ease, -webkit-transform 150ms ease;
}

.rpi-sb {
	--visible: hidden;
	--x-bg: transparent;
	--x-line-width: 16px;
	--slider-card-margin: 0;
	--sb-top-offset: 0px;
	--sb-x: 100%;
	position: fixed;
	inset: var(--sb-top-offset, 60px) 0 0 auto;
	width: min(368px, 100%);
	display: flex;
	flex-direction: column;
	background: rgba(250, 250, 251, .98);
	border-left: 1px solid #dadee2;
	box-shadow: #bdbdbd 0 2px 10px 0;
	z-index: 2147483000;
	overflow: visible;
	transform: translateX(var(--sb-x));
	transition: transform .3s ease-in-out, visibility 0s .3s !important;
	visibility: var(--visible);
	will-change: transform;
	backface-visibility: hidden;
}

.rpi-sb .rpi-list, .rpi-sbh {
	--card-gap: 0;
	--card-padding: 12px;
	--card-bg: transparent;
	--head-card-bg: transparent;
}

.rpi-sb.rpi-open {
	--sb-x: 0;
	--visible: visible;
	overflow: hidden;
	transition: transform .3s ease-in-out, visibility 0s 0s !important;
}

.rpi-sb.rpi-left {
	--sb-x: -100%;
	inset: var(--sb-top-offset, 60px) auto 0 0;
	border-left: none;
	border-right: 1px solid #dadee2;
}

.rpi-sb.rpi-left.rpi-open {
	transform: translateX(0);
}

@media (max-width:460px) {
	.rpi-sb {
		inset: var(--sb-top-offset, 60px) 0 0 0;
		width: 100%;
		border-radius: 0;
	}
}

.rpi-sb .rpi {
	min-width: 330px;
}

.rpi-sb[data-layout=list] .rpi {
	--card-gap: 0;
	--card-bg: none;
	--text-lines: auto;
	--head-card-bg: none;
}

.rpi-sb .rpi-header {
	position: sticky;
	top: 0;
	z-index: 5;
}

.rpi-sb .rpi-header, .rpi-sbf, .rpi-sbh {
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.rpi-sbc {
	flex: 1;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.rpi-sbf {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 8px 2px;
}

.rpi-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
	z-index: 2147482999;
}

.rpi-overlay.rpi-open {
	opacity: 1;
	visibility: visible;
}

.rpi-lightbox, .rpi-lightbox-wrap {
	--x-top: 15px;
	--x-right: 15px;
	--x-bg: none;
	--x-color: #ececec;
	--x-line-width: 25px;
	--x-line-height: 3px;
	--x-opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.rpi-lightbox-wrap {
	z-index: 2147483003;
}

.rpi-lightbox {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 100%;
	color: #333;
	text-align: left;
	z-index: 2147483003;
	user-select: none;
	background-color: rgba(0, 0, 0, .6);
	transition: all .3s ease-out;
}

.rpi-lightbox-inner {
	width: 95%;
	max-width: 1200px;
	height: 100%;
	max-height: calc(100vh - 80px);
	max-height: calc(100dvh - 80px);
}

@supports (container-type:inline-size) {
	.rpi-lightbox-xxx {
		container-name: lightbox;
		container-type: inline-size;
	}
}

.rpi-lightbox-xxx {
	position: relative;
	display: flex;
	justify-content: center;
	height: 100%;
	border: none;
	overflow: auto;
	border-radius: 4px;
	-webkit-overflow-scrolling: touch;
}

.rpi-lightbox-content {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
	background-color: #fff;
}

.rpi-lightbox-media {
	position: relative;
	display: flex;
	justify-content: center;
	flex: 2;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-bottom: 0;
	background-color: #000;
}

.rpi-lightbox-btn {
	position: absolute;
	display: flex;
	width: 30px;
	height: 30px;
	font-size: 36px;
	line-height: 22px;
	justify-content: center;
	z-index: 1;
	cursor: pointer;
	border-radius: 50%;
	background-color: rgba(214, 214, 214, .7);
	transition: background .3s ease-in-out;
}

.rpi-lightbox-btn:hover {
	background: #e1e1e1;
}

.rpi-lightbox-prev {
	left: 8px;
}

.rpi-lightbox-next {
	right: 8px;
}

.rpi-lightbox-prev::before {
	content: "‹";
}

.rpi-lightbox-next::before {
	content: "›";
}

.rpi-lightbox-media img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
	object-fit: contain;
	border-radius: inherit;
	transition: opacity .3s ease-in-out;
}

.rpi-lightbox .rpi-lightbox-review {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
	font-size: 15px;
	color: #000;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
}

@supports (container-type:inline-size) {
	@container lightbox (width < 480px) {
		.rpi-lightbox-xxx .rpi-lightbox-content {
			flex-direction: column;
		}
	}
}

@media (max-width:480px) {
	.rpi-lightbox-xxx .rpi-lightbox-content {
		flex-direction: column;
	}
}

:root {
	--rpi-lt: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
	--rpi-gt: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}

.rpi {
	--slider-btn-size: 16px;
	--slider-btn-bg: var(--card-bg, #f5f5f5);
	--slider-btn-color: #777;
	--slider-btn-padding: calc(var(--slider-btn-size) / 2);
	--slider-btn-bw: 1px;
	--slider-btn-bc: #ccc;
	--slider-btn-fs: calc(var(--slider-btn-size) + var(--slider-btn-bw));
	--slider-btn-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	--slider-btn-full: calc(var(--slider-btn-size) + ( var(--slider-btn-padding) * 2 ) + ( var(--slider-btn-bw) * 2 ));
	--slider-btn-offset: 0px;
	--slider-btn-out: calc(var(--slider-btn-full) / 2);
	--slider-btn-pos: calc(var(--slider-btn-out) + var(--slider-btn-offset));
	--slider-offset: calc(var(--slider-btn-out));
}

.rpi .rpi-slides {
	display: flex !important;
	flex: 1 !important;
	gap: var(--slider-gap, var(--card-gap, 8px)) !important;
	flex-wrap: nowrap !important;
	overflow: hidden !important;
	overflow-x: auto !important;
	scroll-snap-type: x mandatory !important;
	scroll-behavior: var(--rpi-slider-behavior, smooth) !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
}

.rpi .rpi-slides::-webkit-scrollbar {
	display: none !important;
}

.rpi .rpi-slide {
	overflow: hidden !important;
	padding: 4px 3px !important;
	scroll-snap-align: start !important;
	transition: transform .5s !important;
}

.rpi .rpi-slides-bite {
	--offset: var(--slides-bite-offset, 6px);
	--alpha: .2px;
	--shift: var(--slider-btn-offset);
	--radius: calc(var(--slider-btn-out) + var(--offset));
	-webkit-mask: var(--slider-bite, radial-gradient(circle var(--radius) at calc(0% - var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), radial-gradient(circle var(--radius) at calc(100% + var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), linear-gradient(#000 0 0));
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-composite: source-in, source-in;
	margin: 0 var(--slider-offset, 0);
}

.rpi .rpi-ltgt {
	--margin: calc(-1 * var(--slider-btn-pos) + var(--slider-offset, 0px));
	position: var(--slider-btn-position, absolute) !important;
	padding: var(--slider-btn-padding) !important;
	border-radius: 50% !important;
	border: var(--slider-btn-bw) solid var(--slider-btn-bc) !important;
	background-color: var(--slider-btn-bg) !important;
	box-shadow: var(--slider-btn-shadow) !important;
	transition: background-color .2s ease-in-out !important;
	z-index: 1 !important;
}

.rpi .rpi-ltgt:active {
	box-shadow: none !important;
}

.rpi .rpi-ltgt.rpi-lt {
	left: 0 !important;
	margin-left: var(--margin) !important;
}

.rpi .rpi-ltgt.rpi-gt {
	right: 0 !important;
	margin-right: var(--margin) !important;
}

.rpi-ltgt.rpi-gt::after, .rpi-ltgt.rpi-lt::before {
	position: relative !important;
	content: "" !important;
	display: block !important;
	width: var(--slider-btn-size) !important;
	height: var(--slider-btn-size) !important;
	background-color: var(--slider-btn-color) !important;
}

.rpi-ltgt.rpi-lt::before {
	-webkit-mask: var(--rpi-lt) !important;
	mask: var(--rpi-lt) !important;
}

.rpi-ltgt.rpi-gt::after {
	-webkit-mask: var(--rpi-gt) !important;
	mask: var(--rpi-gt) !important;
}

[dir=rtl] .rpi-gt::after, [dir=rtl] .rpi-lt::before {
	transform: rotate(180deg);
}

.rpi .rpi-dots-wrap {
	position: absolute !important;
	top: calc(100% - 1px) !important;
	left: 0 !important;
	right: 0 !important;
	display: flex !important;
	justify-content: center !important;
	margin: 0 auto !important;
	padding-top: var(--slider-dot-padding-top, .5em) !important;
	max-width: 100% !important;
	width: calc(var(--slider-dots-visible) * var(--slider-dot-size) + ( var(--slider-dots-visible) - 1 ) * var(--slider-dot-gap)) !important;
}

.rpi .rpi-dots {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll !important;
	gap: var(--slider-dot-gap);
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.rpi-dots .rpi-dot {
	display: inline-block !important;
	width: var(--slider-dot-size) !important;
	height: var(--slider-dot-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: .4 !important;
	vertical-align: middle !important;
	flex: 1 0 auto !important;
	transform: scale(.55) !important;
	scroll-snap-align: center !important;
	border-radius: 20px !important;
	background-color: var(--slider-dot-color, #999) !important;
}

.rpi-dots .rpi-dot:hover {
	opacity: 1 !important;
}

.rpi-dots .rpi-dot.active {
	opacity: 1 !important;
	transform: scale(.95) !important;
	background-color: var(--slider-act-dot-color, #fb8e28) !important;
}

.rpi-dots .rpi-dot.s2 {
	transform: scale(.85) !important;
}

.rpi-dots .rpi-dot.s3 {
	transform: scale(.65) !important;
}

.rpi .rpi-flash {
	--info-gap: 6px;
	--card-bg: none;
	--text-lines: auto;
}

.rpi .rpi-flash {
	--rpi-star-size: 16px;
}

.rpi .rpi-flash-wrap {
	display: block;
	position: fixed;
	top: 100%;
	left: 0;
	width: auto;
	font-size: 16px;
	z-index: 999999999999;
}

.rpi .rpi-flash-wrap.rpi-flash-right {
	left: auto;
	right: 0;
}

.rpi .rpi-flash-content {
	opacity: 0;
	padding: 16px;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.rpi .rpi-flash-content.rpi-flash-visible {
	opacity: 1;
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	text-align: left;
}

.rpi .rpi-flash-content.rpi-flash-visible.rpi-flash-gout {
	opacity: .5;
	-webkit-transition: opacity 150ms ease;
	transition: opacity 150ms ease;
	transition: opacity 150ms ease;
	transition: opacity 150ms ease;
}

.rpi .rpi-flash-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 400px;
	max-height: var(--flash-height);
	max-width: var(--flash-width);
	color: #8d8d8d;
	font-size: 12px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 20%), 0 3px 1px -2px rgba(0, 0, 0, 12%), 0 2px 2px 0 rgba(0, 0, 0, 14%);
	-webkit-transition: max-height .3s ease, opacity .3s ease, -webkit-transform .3s ease;
	transition: max-height .3s ease, opacity .3s ease, -webkit-transform .3s ease;
	transition: max-height .3s ease, opacity .3s ease, transform .3s ease;
	transition: max-height .3s ease, opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
	cursor: pointer;
}

.rpi .rpi-flash-card:hover {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 20%), 0 3px 14px 2px rgba(0, 0, 0, 12%), 0 8px 10px 1px rgba(0, 0, 0, 14%);
	opacity: 1;
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	transform: translate(0, -2px);
}

.rpi .rpi-flash-card.rpi-flash-expanded {
	height: 400px;
	max-height: 400px;
}

.rpi .rpi-flash .rpi-x {
	--x-top: 10px;
	--x-right: -2px;
	--x-width: 20px;
	--x-height: 20px;
	--x-bg: #fafafa;
	z-index: 3;
	opacity: .5;
	-webkit-transform: translate(0, -30px);
	-ms-transform: translate(0, -30px);
	transform: translate(0, -30px);
	-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, transform .2s ease;
	transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
}

.rpi .rpi-flash .rpi-x {
	opacity: 0;
	transform: translate(0, 0);
}

.rpi .rpi-flash-content:hover .rpi-x {
	opacity: 1;
	transform: translate(0, -10px);
}

.rpi .rpi-flash-x::after, .rpi .rpi-flash-x::before {
	--x-line-width: 10px;
	--x-line-height: 1px;
	--x-line-bg: #373737;
}

.rpi .rpi-flash-story {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	z-index: 1;
	width: var(--flash-width);
	height: var(--flash-height);
	opacity: 1;
	padding: 8px 12px;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.rpi .rpi-flash-story {
	--img-size: 16px;
}

.rpi .rpi-flash-expanded .rpi-flash-story {
	opacity: 0;
}

.rpi .rpi-flash .rpi-card {
	padding: 0 16px;
}

.rpi .rpi-flash .rpi-card.rpi-highlight {
	background: #f3f3f3;
}

.rpi .rpi-flash-img {
	--img-size: 50px;
}

.rpi .rpi-flash-img svg {
	display: inline-block;
	width: auto;
	height: auto;
}

.rpi .rpi-flash-body, .rpi .rpi-flash-footer, .rpi .rpi-flash-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.rpi .rpi-flash-body, .rpi .rpi-flash-head {
	color: #333;
	font-size: 13px;
}

.rpi .rpi-flash-head {
	margin-bottom: 2px;
}

.rpi .rpi-flash-rating.rpi-star {
	--flx: inline-flex;
	--rpi-star-size: 12px;
	--head-grade-fs: 13px;
	--head-grade-weight: 300;
	--rpi-star-color: #ffc107;
	--rpi-rating-color: #333;
	--gap: 1px;
}

.rpi .rpi-flash-head .rpi-flash-name {
	color: #00a3ff;
	font-weight: 600;
	max-width: var(--flash-name-width, 55px);
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.rpi .rpi-flash-footer {
	font-size: 11px;
	font-weight: 600;
}

.rpi .rpi-flash-form {
	position: absolute;
	left: 0;
	top: 0;
	overflow: auto;
	width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	opacity: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.rpi .rpi-flash-expanded .rpi-flash-form {
	z-index: 2;
	opacity: 1;
	overflow-y: auto;
}

@media (max-width:768px) {
	.rpi .rpi-flash.rpi-flash-hide {
		visibility: hidden;
	}
}

.rpi .rpi-badge-cnt {
	--badge-side: 30px;
	--badge-down: 30px;
	position: var(--badge-pos, fixed);
	display: var(--badge-display2, var(--badge-display, inline-flex));
	gap: var(--badge-gap, 16px);
	flex-wrap: var(--badge-wrap, wrap);
	align-items: var(--badge-align-items, stretch);
	justify-content: var(--badge-justify-content, left);
	flex-direction: var(--badge-direction, var(--badge-embed-direction, column));
	max-width: none;
	align-content: var(--badge-align-content, left);
}

.rpi .rpi-badge-cnt.rpi-badge-block {
	--badge-display: flex;
}

.rpi .rpi-badge-left, .rpi .rpi-badge-right {
	bottom: var(--badge-down);
	z-index: 2147482999;
}

.rpi .rpi-badge-left {
	left: var(--badge-side);
}

.rpi .rpi-badge-right {
	right: var(--badge-side);
}

.rpi .rpi-badge-embed {
	--badge-pos: relative;
	--badge-embed-direction: row;
}

.rpi .rpi-badge {
	display: inline-block;
	position: relative;
	align-self: var(--badge-align-self, auto);
	justify-items: var(--badge-justify-items, left);
	flex: var(--badge-flex, none);
	text-align: left;
	font-family: inherit;
	border-radius: var(--badge-radius, 2px);
	border: var(--badge-border, none);
	border-color: var(--badge-br-color, #ccc);
	box-shadow: var(--badge-shadow, 0 2px 5px 0 rgba(0, 0, 0, .26));
}

.rpi .rpi-badge > .rpi-x {
	--x-top: -6px;
	--x-right: -8px;
	--x-width: 16px;
	--x-height: 16px;
	--x-line-width: 8px;
}

.rpi .rpi-badge-line {
	display: block;
	width: 100%;
	height: 6px;
	background: var(--badge-line-color, #4fce6a);
	border-radius: var(--badge-radius, 2px) var(--badge-radius, 2px) 0 0;
}

.rpi .rpi-badge-body {
	--flex-display: flex;
	--flex-gap: var(--badge-body-gap, 8px);
	--flex-direction: row;
	--flex-align-items: center;
	--logo-size: var(--badge-logo-size, 44px);
	--img-size: var(--badge-logo-size, 44px);
	--rating-color: var(--head-rating-color, var(--rating-color));
	--head-grade-fs: var(--badge-grade-fs, 1.125em);
	--head-grade-weight: var(--badge-grade-weight, 600);
	--score-gap: 5px;
	--stars-gap: var(--score-gap);
	--star-size: var(--badge-star-size, 1em);
	--star-color: var(--head-star-color, #fb8e28);
	--name-fs: var(--badge-name-fs, 14px);
	--name-color: var(--badge-name-color, #333);
	--name-weight: normal;
	--rev-text-lh: normal;
	--head-based-fs: var(--badge-based-fs, 13px);
	--head-based-color: var(--badge-based-color, #777);
	justify-self: var(--badge-body-justify-self, left);
	justify-content: var(--badge-body-justify-content, left);
	position: relative;
	width: 100%;
	color: #333;
	padding: 8px;
	z-index: 1;
	background: var(--badge-bg-color, #fff);
	border-radius: 0 0 var(--badge-radius, 2px) var(--badge-radius, 2px);
	transition: all .2s ease-in-out;
}

.rpi .rpi-badge-body.rpi-badge-clickable {
	cursor: pointer;
	user-select: none;
}

.rpi .rpi-badge-body.rpi-badge-clickable:hover {
	background: #f3f3f5;
}

.rpi .rpi-badge-body .rpi-info {
	--info-gap: var(--badge-info-gap, 3px);
	--flex-align-items: left;
}

.rpi .rpi-badge > .rpi-x {
	opacity: 0;
	border: 1px solid #ccc;
	z-index: 2147482999;
	transition: opacity .2s ease-in-out;
}

.rpi .rpi-badge:hover > .rpi-x {
	opacity: 1;
}

@media (max-width:768px) {
	.rpi .rpi-flash.rpi-flash-hide, .rpi-badge-cnt.rpi-badge-left.rpi-badge-hide, .rpi-badge-cnt.rpi-badge-right.rpi-badge-hide {
		display: none !important;
	}
	
	.rpi .rpi-badge > .rpi-x {
		opacity: 1 !important;
	}
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #bfbfbf;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}