/* Vertical Layout (Default) */
.panel-blue-scrolling-items { background-color: #001D67; position: relative; }
.panel-blue-scrolling-items .container > .row { margin:0 -32px; }
.panel-blue-scrolling-items .container > .row > div { padding:0 32px; }
.blue-scrolling-items-image { border-radius: 12px; overflow: hidden; height: 100%; }
.blue-scrolling-items-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blue-scrolling-items-content { padding-left: 0; }
.blue-scrolling-items-heading { color: #fff; margin-bottom: 32px; padding-left: 20px; }
.blue-scrolling-items-list { display: flex; flex-direction: column; gap: 0; }
.blue-scrolling-item { padding: 18px 0 18px 32px; color:#fff; }
.blue-scrolling-item .item-title { font-size: 21px; font-weight: 600; line-height: 1.2; margin-bottom: 12px; }
.blue-scrolling-item .item-description p,
.blue-scrolling-item .item-description li { font-size: 16px; font-weight: 400; line-height: 1.4; color: rgba(255, 255, 255, 0.75); margin-bottom: 0; }
.blue-scrolling-item .item-description ul,
.blue-scrolling-item .item-description ol { margin-left:20px; }
.blue-scrolling-items-arrow { margin: 32px 0 0 -11px; cursor:pointer; }
.blue-scrolling-items-arrow svg { width: 32px; height: 32px; }
.blue-scrolling-items-arrow-up { margin:0 0 0 -11px; cursor:pointer; position:absolute; z-index:50; background-color: #001D67; border-bottom: solid 30px #001D67; }
.blue-scrolling-items-arrow-up svg { width: 32px; height: 32px; transform: scaleY(-1); }
.blue-scrolling-items-arrow-left { margin:-15px 0 0 0; cursor:pointer; position:absolute; z-index:50; background-color: #003EAB; border-right: solid 30px #003EAB; }
.blue-scrolling-items-arrow-left svg { width: 32px; height: 32px; transform: rotate(90deg); }
.blue-scrolling-items-arrow-right { margin: -15px 0 0 0; cursor:pointer; position:absolute; z-index:50; background-color: #003EAB; border-left: solid 30px #003EAB; right:0; top:0; }
.blue-scrolling-items-arrow-right svg { width: 32px; height: 32px; transform: rotate(270deg); }
.panel-blue-scrolling-items .ss-wrapper { margin-left:-36px; }
.panel-blue-scrolling-items .ss-wrapper-horiz { margin-top:-36px; }
.panel-blue-scrolling-items .ss-wrapper:before { content:' '; display:block; position:absolute; left:40px; top:0; bottom:0; width:4px; background:#003eab; }
.panel-blue-scrolling-items .ss-scroll { background:var(--yellow); opacity:1; right:unset !important; left:4px; width:4px; border-radius:0; }
.panel-blue-scrolling-items .ss-scroll-horiz { background:var(--yellow); opacity:1; height:4px; border-radius:0; }
.panel-blue-scrolling-items .ss-content { right:-36px; }
.panel-blue-scrolling-items .ss-content-horiz { bottom:-36px; }

/* Horizontal Layout */
.panel-blue-scrolling-items.panel-style-horizontal {
	background-color: transparent;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-heading-horizontal {
	font-family: 'Figtree', sans-serif;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.76px;
	color: #051D2E;
	text-align: center;
	margin-bottom: 32px;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-horizontal-container {
	background-color: #003EAB;
	border-radius: 12px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 31px;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-image-horizontal {
	width: 100%;
	height: 324px;
	border-radius: 10px;
	overflow: hidden;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-image-horizontal img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-content-horizontal {
	display: flex;
	align-items: center;
	gap: 17px;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-list-horizontal {
	display: flex;
	gap: 0;
	flex: 1;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-item-horizontal {
	flex: 1;
	border-top: 4px solid #ABCAF6;
	padding: 18px 20px;
	transition: all 0.3s ease;
	min-width:412px;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-item-horizontal .item-title {
	font-family: 'Figtree', sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
	color: white;
	margin: 0 0 12px 0;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-item-horizontal .item-description {
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-arrow-horizontal {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-arrow-horizontal svg {
	width: 32px;
	height: 32px;
}

/* Responsive Adjustments for Horizontal Layout */
@media (max-width: 991px) {
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-heading-horizontal {
		font-size: 32px;
		letter-spacing: -0.64px;
	}
	
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-list-horizontal {
		flex-direction: column;
	}
	
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-content-horizontal {
		flex-direction: column;
	}
	
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-arrow-horizontal {
		transform: rotate(90deg);
	}
}

@media (max-width: 767px) {
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-heading-horizontal {
		font-size: 28px;
		letter-spacing: -0.56px;
	}
	
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-image-horizontal {
		height: 200px;
	}
	
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-items-horizontal-container {
		padding: 24px;
	}
	.blue-scrolling-items-heading { padding-left:32px; }
	.blue-scrolling-items-heading .has-accent-square::before { margin-left:-30px; }
	.blue-scrolling-item .item-title { font-size:18px; line-height:1.5; }
	.panel-blue-scrolling-items .ss-content { padding-right:60px; }
	.panel-blue-scrolling-items .container > .row > .col-md-5 { order:10; }
	.blue-scrolling-items-image { height:unset; aspect-ratio:0.8; }
	.blue-scrolling-items-arrow { margin-bottom:32px; }
	
}

@media (max-width:767px) {
	.panel-blue-scrolling-items .ss-wrapper-horiz { margin:0; }
	.panel-blue-scrolling-items .ss-scroll-horiz { display:none; }
	.panel-blue-scrolling-items .ss-content-horiz { height:unset; width:unset; padding:0; position:static; overflow:unset; box-sizing:inherit; -moz-box-sizing:inherit; }
	.panel-blue-scrolling-items.panel-style-horizontal .blue-scrolling-item-horizontal { border:none; padding:0; min-width:100px; }
}