/**
 * Services Content Split — Maddox .services-content-spilt tabs.
 * Layouts: top (About s04), icon (About s10).
 * Defaults overridable via Elementor Style panel.
 */

.jdw-ee-scs,
.jdw-ee-services-content-split {
	--jdw-scs-tab-border: #c7c6c4;
	--jdw-scs-tab-border-active: #f65e1e;
	--jdw-scs-tab-border-width: 1px;
	--jdw-scs-desc-pad-top: 16px;
	/* Tablet/phone accordion text (target about-tab-top-link-mobile = orange). */
	--jdw-scs-mobile-text: #f65e1e;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.jdw-ee-scs *,
.jdw-ee-scs *::before,
.jdw-ee-scs *::after {
	box-sizing: border-box;
}

.jdw-ee-scs__desktop {
	display: block;
	width: 100%;
}

.jdw-ee-scs__mobile {
	display: none;
	width: 100%;
}

/* Desktop dual pane: image | menu (row-reverse so menu is right when image is "start")
 * Target: .about-tabs-top-wrapper flex-flow:row-reverse; menu 50%; content 51% / 34rem. */
.jdw-ee-scs__tabs {
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
	width: 100%;
	position: relative;
}

.elementor-element.jdw-ee-scs-image-end .jdw-ee-scs__tabs {
	flex-direction: row;
}

.jdw-ee-scs__menu {
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
	width: 50%;
	min-width: 0;
	/* Stretch with .jdw-ee-scs__tabs so items can share a tall image pane. */
	align-self: stretch;
	position: relative;
}

/* About s04 (top): menu matches image pane height (target 34rem / 544px). */
.jdw-ee-scs--top .jdw-ee-scs__menu {
	min-height: 34rem;
	height: 34rem;
}

.jdw-ee-scs__panels {
	display: block;
	flex: 1 1 50%;
	width: 50%;
	min-width: 0;
	/*
	 * Image pane tracks the taller of:
	 * - Style “最小高度” / top layout fixed pane
	 * - menu content height (items taller than image → image grows)
	 * Absolute panel images fill this box via inset:0.
	 */
	align-self: stretch;
	position: relative;
	overflow: hidden;
	/* No in-flow content; min-height from Style control gives the image floor. */
	min-height: 0;
}

/* Target .about-tabs-top-content { height: 34rem } — top layout only. */
.jdw-ee-scs--top .jdw-ee-scs__panels {
	min-height: 34rem;
	height: 34rem;
}

/* Stacked panes for cross-fade (Webflow opacity in 300ms / out 100ms). */
.jdw-ee-scs__panel {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.1s ease;
	z-index: 0;
	/* Contain absolutely-positioned image fill. */
	overflow: hidden;
}

.jdw-ee-scs__panel.is-active,
.jdw-ee-scs__panel.w--tab-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
	transition: opacity 0.3s ease;
}

/*
 * Fill the entire panel (target about-tab-top-image height:100%).
 * Beat theme / Elementor `img { max-width:100%; height:auto }` which otherwise
 * locks the image to intrinsic aspect (e.g. 603×533 inside a 544px pane).
 */
.jdw-ee-scs .jdw-ee-scs__panel > .jdw-ee-scs__image,
.jdw-ee-scs .jdw-ee-scs__panel img.jdw-ee-scs__image {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

/* Non-panel images (mobile stack / accordion) keep normal flow. */
.jdw-ee-scs__mobile .jdw-ee-scs__image,
.jdw-ee-scs__stack-media .jdw-ee-scs__image {
	position: static;
	inset: auto;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

/* Tab controls (div + role=tab; cursor matches button affordance)
 * Inactive chrome (desktop dual-pane):
 *   left + right + bottom 1px silver — vertical edges + row separators.
 *   (Target Webflow only paints left+bottom; we keep right so the menu
 *   column still reads as a framed list against the image pane.)
 * Active: full orange outline (icon ≈ 4px, top ≈ 1px).
 *
 * Height linkage (desktop dual-pane):
 * - Items share menu height equally (flex 1) so a tall image pane
 *   does not leave empty space under the last item.
 * - min-height:auto keeps content from collapsing; when the item stack
 *   is taller than the image floor the menu grows and the image pane
 *   stretches to match.
 */
.jdw-ee-scs__tab {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 2.55rem;
	/* Default = inactive chrome (overridden when .is-active). */
	border-style: solid;
	border-color: var(--jdw-scs-tab-border);
	border-width: 0 1px 1px 1px;
	background: #f9f8f6;
	color: #222;
	text-align: left;
	cursor: pointer;
	font: inherit;
	user-select: none;
	transition:
		border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		border-width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	/* Grow equally into free space; min-height:auto keeps content from collapsing. */
	flex: 1 1 0;
	min-height: auto;
	height: auto;
	position: relative;
}

/* Explicit inactive borders: L/R edges + bottom separators between items. */
.jdw-ee-scs__tab:not(.is-active):not(.w--current) {
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: var(--jdw-scs-tab-border);
}

/* About s04: fixed 34rem menu — allow true equal split (may shrink slightly). */
.jdw-ee-scs--top .jdw-ee-scs__tab {
	flex: 1 1 0;
	min-height: 0;
	height: auto;
}

/* Active tab: full orange outline. */
.jdw-ee-scs__tab.is-active,
.jdw-ee-scs__tab.w--current {
	border-width: var(--jdw-scs-tab-border-width);
	border-style: solid;
	border-color: var(--jdw-scs-tab-border-active);
	background-color: #f9f8f6;
	z-index: 1;
}

.jdw-ee-scs__tab:hover,
.jdw-ee-scs__tab:focus-visible {
	outline: none;
}

.jdw-ee-scs__tab:focus-visible {
	box-shadow: inset 0 0 0 2px var(--jdw-scs-tab-border-active);
}

/* Icon layout uses thicker active border (About s10 ≈ 4px) */
.jdw-ee-scs--icon {
	--jdw-scs-tab-border-width: 4px;
	--jdw-scs-desc-pad-top: 8px;
}

.jdw-ee-scs--icon .jdw-ee-scs__tab {
	background: #fff;
}

.jdw-ee-scs--icon .jdw-ee-scs__tab.is-active,
.jdw-ee-scs--icon .jdw-ee-scs__tab.w--current {
	border-width: var(--jdw-scs-tab-border-width);
	border-style: solid;
	border-color: var(--jdw-scs-tab-border-active);
	background: #fff;
	margin-left: 0;
	width: 100%;
}

.jdw-ee-scs__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.jdw-ee-scs__heading {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
}

.jdw-ee-scs__title {
	display: block;
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #222;
}

/* Description container: default max-width 80%; inactive collapses via JS height.
 * padding-top is inside the animated height (target about-tab-top-paragraph). */
.jdw-ee-scs__desc-wrap {
	display: block;
	width: 100%;
	max-width: 80%;
	padding-top: var(--jdw-scs-desc-pad-top);
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
	transition: height 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Pre-JS / inactive: title only (no !important so JS can animate height). */
.jdw-ee-scs__tab:not(.is-active):not(.w--current) .jdw-ee-scs__desc-wrap {
	height: 0;
	padding-top: 0;
}

.jdw-ee-scs__tab.is-active .jdw-ee-scs__desc-wrap,
.jdw-ee-scs__tab.w--current .jdw-ee-scs__desc-wrap {
	/* height refined by JS for open animation; auto fallback before JS */
	height: auto;
	padding-top: var(--jdw-scs-desc-pad-top);
}

/* Temporary measure class: full open padding without needing is-active. */
.jdw-ee-scs__desc-wrap.is-measuring {
	height: auto !important;
	max-height: none !important;
	padding-top: var(--jdw-scs-desc-pad-top) !important;
	overflow: visible !important;
	visibility: hidden;
}

.jdw-ee-scs__desc {
	display: block;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: #222;
}

.jdw-ee-scs__desc p {
	margin: 0 0 0.75em;
}

.jdw-ee-scs__desc p:last-child {
	margin-bottom: 0;
}

.jdw-ee-scs--icon .jdw-ee-scs__desc {
	font-size: 18px;
	line-height: 1.4;
}

.jdw-ee-scs__icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	color: #f65e1e;
}

.jdw-ee-scs__icon svg,
.jdw-ee-scs__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	fill: currentColor;
}

.jdw-ee-scs__icon i {
	font-size: 48px;
	line-height: 1;
	color: inherit;
}

.jdw-ee-scs__chevron {
	display: block;
	flex: none;
	width: 28px;
	height: 28px;
	color: #f65e1e;
	transform: rotate(180deg);
	transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

.jdw-ee-scs__tab.is-active .jdw-ee-scs__chevron,
.jdw-ee-scs__tab.w--current .jdw-ee-scs__chevron,
.jdw-ee-scs__mobile-item.is-open .jdw-ee-scs__chevron {
	transform: rotate(0deg);
}

.jdw-ee-scs__chevron svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* Mobile accordion (layout top) — target: no tab chrome borders; orange copy. */
.jdw-ee-scs__mobile--accordion {
	flex-direction: column;
}

.jdw-ee-scs__mobile-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 0;
}

.jdw-ee-scs__mobile-header {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 2.55rem;
	border: 0;
	background: #f9f8f6;
	color: var(--jdw-scs-mobile-text);
	text-align: left;
	cursor: pointer;
	font: inherit;
	user-select: none;
}

/*
 * Beat Elementor post CSS (e.g. .elementor-N .elementor-element-ID .jdw-ee-scs__title)
 * which is generated from Style panel defaults and outranks simple widget selectors.
 */
body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__title,
body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc,
body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc p {
	color: var(--jdw-scs-mobile-text);
}

/* Mobile always shows full description (not desktop height-collapse). */
body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc-wrap {
	height: auto !important;
	padding-top: var(--jdw-scs-desc-pad-top) !important;
	max-width: 100%;
	overflow: visible;
}

.jdw-ee-scs__mobile-header:focus-visible {
	outline: 2px solid var(--jdw-scs-tab-border-active);
	outline-offset: -2px;
}

.jdw-ee-scs__mobile-panel {
	display: block;
	width: 100%;
	overflow: hidden;
}

.jdw-ee-scs__mobile-panel[hidden] {
	display: none;
}

.jdw-ee-scs__mobile-panel .jdw-ee-scs__image {
	position: static;
	inset: auto;
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: 1206 / 1070;
	object-fit: cover;
}

/* Mobile stack (layout icon) — target .about-why-* (shown ≤479 only). */
.jdw-ee-scs__mobile--stack {
	flex-direction: column;
	border-top: 1px solid var(--jdw-scs-tab-border);
	border-bottom: 1px solid var(--jdw-scs-tab-border);
}

.jdw-ee-scs__stack-row {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	/* Target .about-why-wrap { height: 15rem } */
	height: 15rem;
	align-items: stretch;
}

.jdw-ee-scs__stack-content,
.jdw-ee-scs__stack-media {
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
	min-width: 0;
	gap: 0.5rem;
	width: 100%;
}

.jdw-ee-scs__stack-content {
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1rem;
	background: transparent;
}

.jdw-ee-scs__stack-content .jdw-ee-scs__body {
	align-items: center;
	text-align: center;
}

.jdw-ee-scs__stack-content .jdw-ee-scs__title,
.jdw-ee-scs__stack-content .jdw-ee-scs__desc,
.jdw-ee-scs__stack-content .jdw-ee-scs__desc p {
	text-align: center;
}

/* Target .about-why-block.is-left / .is-right silver edges. */
.jdw-ee-scs__stack-media.is-left {
	border-top: 1px solid var(--jdw-scs-tab-border);
	border-bottom: 1px solid var(--jdw-scs-tab-border);
	border-right: 1px solid var(--jdw-scs-tab-border);
}

.jdw-ee-scs__stack-media.is-right {
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	border-color: var(--jdw-scs-tab-border);
}

.jdw-ee-scs__stack-media .jdw-ee-scs__image {
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
}

/*
 * Breakpoints (target Webflow):
 *  ≤991: top → accordion; icon → stacked tabs (image above menu)
 *  ≤767: accordion title 24px
 *  ≤479: icon → about-why stack; accordion title 20px / desc 14px
 *  ≥992: desktop dual-pane
 */
@media (max-width: 991px) {
	/* —— top layout: dual-pane off, accordion on —— */
	.jdw-ee-scs--top .jdw-ee-scs__desktop {
		display: none;
	}

	.jdw-ee-scs--top .jdw-ee-scs__mobile {
		display: flex;
	}

	/* Drop desktop fixed heights so they don't affect layout when hidden. */
	.jdw-ee-scs--top .jdw-ee-scs__menu,
	.jdw-ee-scs--top .jdw-ee-scs__panels,
	.jdw-ee-scs--top .jdw-ee-scs__tabs {
		min-height: 0 !important;
		height: auto !important;
	}

	/* Accordion typography — target tablet: display-xs 36px / lh 32px, orange. */
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__title {
		font-size: 36px;
		line-height: 32px;
		letter-spacing: -0.03em;
		color: var(--jdw-scs-mobile-text);
	}

	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc,
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc p {
		font-size: 20px;
		line-height: 30px;
		color: var(--jdw-scs-mobile-text);
	}

	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc-wrap {
		max-width: 100%;
	}

	/* Accordion image: fluid until phone aspect lock. */
	.jdw-ee-scs--top .jdw-ee-scs__mobile-panel .jdw-ee-scs__image {
		aspect-ratio: auto;
		height: auto;
		width: 100%;
	}

	/*
	 * Icon layout (About s10): keep dual-pane DOM as vertical tabs through tablet.
	 * Target: .about-tabs-wrapper { flex-flow: column-reverse }; stack only ≤479.
	 */
	.jdw-ee-scs--icon .jdw-ee-scs__desktop {
		display: block;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__mobile--stack {
		display: none;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__tabs {
		flex-direction: column-reverse;
		/* Beat Elementor Style “最小高度” on tablet (was locking 634px). */
		min-height: 0 !important;
		height: auto !important;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__menu,
	.jdw-ee-scs--icon .jdw-ee-scs__panels {
		flex: 1 1 auto;
		width: 100%;
		min-height: 0 !important;
		height: auto !important;
		align-self: stretch;
	}

	/* Image above menu (column-reverse); natural height via aspect-ratio. */
	.jdw-ee-scs--icon .jdw-ee-scs__panels {
		position: relative;
		overflow: hidden;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__panel {
		position: relative;
		inset: auto;
		height: auto;
		/* Keep inactive panels out of flow height without display:none (fade). */
	}

	.jdw-ee-scs--icon .jdw-ee-scs__panel:not(.is-active):not(.w--tab-active) {
		position: absolute;
		inset: 0;
		height: 100%;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__panel.is-active,
	.jdw-ee-scs--icon .jdw-ee-scs__panel.w--tab-active {
		position: relative;
		inset: auto;
		height: auto;
	}

	/* Target .about-tab-pane { aspect-ratio: 602/627 } */
	.jdw-ee-scs--icon .jdw-ee-scs__panel > .jdw-ee-scs__image,
	.jdw-ee-scs--icon .jdw-ee-scs__panel img.jdw-ee-scs__image {
		position: static;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: none;
		min-height: 0;
		aspect-ratio: 602 / 627;
		object-fit: cover;
	}

	/* Target tablet display-xs 36px + about-tab-link gap 2rem. */
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__desktop .jdw-ee-scs__title {
		font-size: 36px;
		line-height: 32px;
		letter-spacing: -0.03em;
	}

	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__desktop .jdw-ee-scs__desc,
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__desktop .jdw-ee-scs__desc p {
		font-size: 20px;
		line-height: 30px;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__tab {
		gap: 2rem;
		/* Content-sized rows under a fluid image (not forced equal to min-height). */
		flex: 0 0 auto;
		min-height: auto;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__tab.is-active,
	.jdw-ee-scs--icon .jdw-ee-scs__tab.w--current {
		/* Active still full orange; don't force desktop equal-split height. */
		flex: 0 0 auto;
	}
}

@media (max-width: 767px) {
	/* Target display-xs @767 = 24px (accordion). */
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__title {
		font-size: 24px;
		line-height: 32px;
	}

	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc,
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc p {
		font-size: 20px;
		line-height: 30px;
	}

	/* Icon tablet titles also drop to 24px with display-xs. */
	body .elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__desktop .jdw-ee-scs__title {
		font-size: 24px;
		line-height: 32px;
	}
}

@media (max-width: 479px) {
	/*
	 * Target display-xs @479 ≈ 20px; about-paragraph 14px; padding 1.5rem.
	 * Extra .elementor-element doubles class weight so we beat post-N.css
	 * (e.g. .elementor-238 .elementor-element.elementor-element-ID …).
	 */
	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header {
		padding: 1.5rem 1.5rem 1rem;
	}

	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__title {
		font-size: 20px;
		line-height: 28px;
		text-align: center;
	}

	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc,
	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc p {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs__mobile-header .jdw-ee-scs__desc-wrap {
		max-width: 100%;
	}

	/* Target .about-tab-top-image { aspect-ratio: 3/2 } on small phones. */
	.jdw-ee-scs--top .jdw-ee-scs__mobile-panel .jdw-ee-scs__image {
		aspect-ratio: 3 / 2;
	}

	.jdw-ee-scs__chevron {
		width: 1.5rem;
		height: 1rem;
	}

	/*
	 * Icon layout phone: hide tabs, show about-why stack.
	 * Target @479: .about-tabs-wrapper { display:none }; .about-why-wrapper { display:flex }.
	 */
	.jdw-ee-scs--icon .jdw-ee-scs__desktop {
		display: none;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__mobile--stack {
		display: flex;
	}

	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__title {
		font-size: 20px;
		line-height: 23px;
		letter-spacing: -0.03em;
		text-align: center;
		margin: 0;
	}

	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__desc,
	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__desc p {
		font-size: 1rem;
		line-height: 1.4;
		font-weight: 500;
		text-align: center;
	}

	/* Stack always shows full description (no desktop height-collapse). */
	body .elementor-element.elementor-element.elementor-widget-jdw-ee-services-content-split .jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__desc-wrap {
		height: auto !important;
		padding-top: var(--jdw-scs-desc-pad-top) !important;
		max-width: 100%;
		overflow: visible;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__icon {
		width: 2.625rem;
		height: 2.625rem;
	}

	.jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__icon svg,
	.jdw-ee-scs--icon .jdw-ee-scs__stack-content .jdw-ee-scs__icon img {
		width: 100%;
		height: 100%;
	}
}