.faqs-filter-nav {
	column-gap:30px;
}

.faq-slider .item {
	width:93%;
	margin-right:16px;
	border:#fff 1px solid;
	border-radius:10px;
	padding:var(--gutter-sm);
	/*	min-height: 100%;*/
	position:relative;
	overflow:hidden;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;

	/* ensure smooth transition on bg‐color and border‐color */
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

.flickity-resize .item {
  min-height: 100%;
}

.faq-slider .item .meta {
	display:flex;
	gap:35px;
}

.faq-slider .item p {
	font-size:14px;
}

.faq-slider .item .modal-content {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	padding:20px;
	background:var(--color-black-off);
	color:#fff;
	opacity:0;
	visibility: hidden;
    transition: opacity 0.25s linear, visibility 0ms linear 0.25s;
}

.faq-slider .item .modal-content .local-modal-hide { display:none; }

.faq-slider .item .modal-content:after {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 1) 100%);
    z-index: 1;
}

.faq-slider .item .modal-content.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s, visibility 0s;
}

.faq-slider .flickity-viewport {
    overflow: visible;
}

.faq-slider .flickity-button {
    display: none;
}

.faq-slider .item .body {
	overflow: hidden;
	text-overflow: clip;
	max-height:50px;
}

.faq-slider .item .modal-content .close {
	position:fixed;
	z-index:2;
	bottom:var(--gutter-sm);
	left:var(--gutter-sm);
}

/* unified filter-btn rule */
.faqs-filter-nav .filter-btn {
	opacity:0.4;
	display:inline-block;               /* allow padding & background */
	padding:1rem 1rem;                  /* comfortable click/tap area */
	border-radius:0.5rem;               /* match your site’s rounded style */
	background-color:transparent;       /* default */
	cursor:pointer;
	flex: 0 0 auto;                     /* prevent shrinking/growing */
	white-space: nowrap;                /* keep each button on one line */
	transition: opacity 0.28s ease, background-color 0.28s ease;
}

.faqs-filter-nav .filter-btn.active,
.faqs-filter-nav .filter-btn:hover,
.faqs-filter-nav .filter-btn:focus {
	opacity:1;
	background-color: rgba(255,255,255,0.1);  /* slight highlight */
	outline:none;                             /* remove default focus ring if you like */
}

/* mobile (and desktop) active/tap state */
.faqs-filter-nav .filter-btn:active {
	background-color: rgba(255,255,255,0.2);  /* stronger highlight while pressing */
}

.section-header .header-label {
	display:flex;
	column-gap:45px;
	align-items:flex-end;
}

.section-header .header-label p {
	font-size:14px;
	line-height:1;
	margin:0;
}

.section-header .header-label .large {
	font-weight:700;
	font-size:24px;
	transform:translateY(3px);
}

.faq-slider .item .modal-content .scroll-text {
	padding-bottom:60px;
}

.scrolling-title span.outline {
	-webkit-text-stroke-color: var(--color-orange);
}

.scrolling-title .title {
	display:block;
	text-align:center;
}

.scrolling-title .inner {
	display: block;
	white-space: nowrap;
	animation: none!important;/*animation: bannermove 20s linear infinite;*/
}

@media(max-width:1023px) {
	.faq-slider .item {
		max-width:615px;
	}
	
	.faqs-filter-nav {
		display: flex;                    /* flex container */
		flex-wrap: nowrap;                /* never wrap onto a 2nd row */
		overflow-x: auto;                 /* allow horizontal scrolling */
		-webkit-overflow-scrolling: touch;/* momentum scrolling on iOS */
		touch-action: pan-x;              /* ensures Android scrolls on X axis */
		gap: 3px;                         /* tighten up spacing if needed */
		justify-content: flex-start;      /* start at the left edge */
		padding-bottom: 0.5rem;           /* optional breathing room */
	}

	.faqs-filter-nav .filter-btn {
		flex: 0 0 auto;                   /* size to content only */
		white-space: nowrap;              /* keep label on one line */
		margin-bottom: 0;                 /* no extra bottom margin */
	}
}

@media(min-width:1024px) {
	.faqs-filter-nav {
		column-gap:50px;
		justify-content:center;
	}
	
	.faq-slider .item {
		width:calc(40% - 25px);
		margin-right:50px;
		/*	aspect-ratio: 1 / 0.6;*/
		padding:65px;
	}
	
	.faq-slider .item .modal-content {
		padding:80px 65px 65px;
	}
	
	.faq-slider .item .modal-content .scroll-text {
		padding-bottom:100px;
	}
	
	.faq-slider .item .modal-content .close {
		top:20px;
		left:65px;
	}
}

/* desktop hover & keyboard focus */
.faq-slider .item:hover,
.faq-slider .item:focus-within {
	background-color: rgba(255,255,255,0.1);
	border-color: var(--color-orange);
}

/* mobile “press” state */
.faq-slider .item:active {
	background-color: rgba(255,255,255,0.15);
}