.pp-ba-section{
	--pp-navy:#0B1D32;
	--pp-gold:#C9A24A;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background:#fff;
}
.elementor-element.elementor-element-pp226ba{
	--content-width:1000px !important;
	--padding-top:28px !important;
	--padding-bottom:32px !important;
	--padding-block-start:28px !important;
	--padding-block-end:32px !important;
	--padding-left:0px !important;
	--padding-right:0px !important;
	padding-top:28px !important;
	padding-bottom:32px !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.elementor-element.elementor-element-pp226ba,
.elementor-element.elementor-element-pp226ba:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-pp226ba > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element-pp226ba > .e-con-inner,
.elementor-widget-pp-before-after,
.elementor-element-pp226batxt{
	width:100% !important;
	max-width:1000px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	align-self:center !important;
	background-color:#fff !important;
	background-image:none !important;
}
.pp-ba-head{text-align:center;max-width:720px;margin:0 auto 16px;}
.pp-ba-kicker{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0 0 12px;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(201,162,74,.12);
	color:#8A6A24;
	font-family:Inter,sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.pp-ba-head h2{
	font-family:Marcellus,serif;
	font-size:36px;
	font-weight:400;
	color:var(--pp-navy);
	margin:0 0 10px;
	line-height:1.25;
}
.pp-ba-head p{
	font-family:Inter,sans-serif;
	font-size:16px;
	line-height:1.7;
	color:#5B6574;
	margin:0;
}
.pp-ba-carousel{
	position:relative;
	width:100%;
}
.pp-ba-viewport{
	width:100%;
	overflow:hidden;
	border-radius:24px;
	background:#fff;
}
.pp-ba-track{
	display:flex;
	width:100%;
	transition:transform .45s cubic-bezier(.22,.61,.36,1);
	will-change:transform;
	background:#fff;
}
.pp-ba-slide{
	flex:0 0 100%;
	width:100%;
	min-width:100%;
	max-width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
}
.pp-ba-compare{
	--pos:50%;
	position:relative;
	display:block;
	width:100%;
	max-width:1000px;
	aspect-ratio:3 / 2;
	height:auto;
	overflow:hidden;
	cursor:ew-resize;
	touch-action:none;
	user-select:none;
	background:#fff;
	line-height:0;
}
.pp-ba-compare:focus-visible{
	outline:2px solid var(--pp-gold);
	outline-offset:3px;
}
.elementor-widget-pp-before-after .pp-ba-compare img,
.pp-ba-compare img{
	pointer-events:none;
	border:0;
	border-radius:0 !important;
	margin:0 !important;
	padding:0 !important;
}
.pp-ba-compare__after,
.pp-ba-compare__before{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	object-fit:fill !important;
	object-position:center center !important;
}
.pp-ba-compare__after{
	z-index:0;
}
.pp-ba-compare__before{
	z-index:1;
	-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);
	clip-path:inset(0 calc(100% - var(--pos)) 0 0);
}
.pp-ba-compare__handle{
	position:absolute;
	top:0;
	bottom:0;
	left:var(--pos);
	z-index:3;
	width:2px;
	margin-left:-1px;
	background:#fff;
	pointer-events:none;
	box-shadow:0 0 0 1px rgba(11,29,50,.18);
}
.pp-ba-compare__knob{
	position:absolute;
	top:50%;
	left:50%;
	width:52px;
	height:52px;
	margin:-26px 0 0 -26px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--pp-navy);
	border:2px solid var(--pp-gold);
	color:var(--pp-gold);
	box-shadow:0 8px 20px rgba(11,29,50,.28);
}
.pp-ba-compare__knob svg{width:22px;height:22px;display:block;}
.pp-ba-compare__tag{
	position:absolute;
	top:20px;
	z-index:4;
	padding:8px 14px;
	border-radius:999px;
	background:rgba(11,29,50,.78);
	color:#fff;
	font-family:Inter,sans-serif;
	font-size:12px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	pointer-events:none;
}
.pp-ba-compare__tag--before{left:20px;}
.pp-ba-compare__tag--after{right:20px;}
.pp-ba-arrow{
	position:absolute;
	top:50%;
	z-index:6;
	transform:translateY(-50%);
	width:52px;
	height:52px;
	border:0;
	border-radius:50%;
	background:rgba(11,29,50,.86);
	color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	box-shadow:0 8px 18px rgba(11,29,50,.2);
	transition:background .2s ease, transform .2s ease;
}
.pp-ba-arrow--prev{left:16px;}
.pp-ba-arrow--next{right:16px;}
.pp-ba-arrow svg{width:22px;height:22px;display:block;}
.pp-ba-arrow:hover,
.pp-ba-arrow:focus-visible{
	background:var(--pp-navy);
	outline:none;
	transform:translateY(-50%) scale(1.06);
}
.pp-ba-caption{
	margin:12px 0 0;
	text-align:center;
	font-family:Inter,sans-serif;
	font-size:15px;
	font-weight:600;
	color:var(--pp-navy);
	letter-spacing:.01em;
}
.pp-ba-dots{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
	margin-top:10px;
}
.pp-ba-dot{
	appearance:none;
	-webkit-appearance:none;
	display:block;
	flex:0 0 6px;
	width:6px !important;
	height:6px !important;
	min-width:6px !important;
	min-height:6px !important;
	max-width:6px !important;
	max-height:6px !important;
	padding:0 !important;
	margin:0;
	border:0 !important;
	border-radius:50%;
	background:#C9C4B8;
	box-shadow:none;
	line-height:0;
	font-size:0;
	cursor:pointer;
	position:relative;
	overflow:visible;
	transition:background .2s ease;
}
.pp-ba-dot:after{
	content:"";
	position:absolute;
	inset:-8px;
	background:none;
}
.pp-ba-dot:hover,
.pp-ba-dot:focus-visible{
	background:var(--pp-gold);
	outline:none;
	transform:none;
}
.pp-ba-dot.is-active{
	background:var(--pp-gold);
	transform:none;
}
@media(max-width:767px){
	.pp-ba-head h2{font-size:26px;}
	.pp-ba-viewport{border-radius:16px;}
	.pp-ba-arrow{width:40px;height:40px;}
	.pp-ba-arrow--prev{left:8px;}
	.pp-ba-arrow--next{right:8px;}
	.pp-ba-compare__knob{width:44px;height:44px;margin:-22px 0 0 -22px;}
	.pp-ba-dot{flex-basis:6px;width:6px !important;height:6px !important;}
}