:root {
	/* ── Brand Palette ── */
	--red: #FF0000;
	--red-hover: #D90000;
	--red-dark: #c0320c;
	--red-light: #ff6b4a;
	--navy: #001F35;
	--navy-deep: #0B0B1B;
	--purple: #4500A7;
	--purple-light: #7C3AED;
	--green: #00FF37;
	--green-tp: #00B67A;
	--black: #000000;
	--white: #FFFFFF;

	/* ── Neutral Surfaces ── */
	--bg-soft: #FAFAFA;
	--bg-light: #F5F5F5;
	--bg-gray: #F8F8F8;
	--bg-card: #FBFBFB;

	/* ── Text Palette ── */
	--text-body: #525252;
	--text-muted: #868686;
	--text-subtle: #939393;
	--text-hint: #999;
	--text-dark: #100F0F;
	--text-mid: #555;
	--text-label: #333;
	--text-light: #B3B3B3;
	--text-dim: #9F9F9F;

	/* ── Borders & Dividers ── */
	--border: #D4D4D4;
	--border-lt: #E0E0E0;
	--border-field: #f0f0f0;
	--dot-inactive: #aaa;
	--dot-idle: #ccc;
	--purple-tint: #ece8f7;
	--navy-card: #252540;
	--green-ink: #001a0a;

	/* ── Shadows ── */
	--shadow-card: 0px 2px 4px rgba(7, 4, 146, 0.10),
		0px 24px 60px rgba(6, 47, 125, 0.05),
		0px 12px 24px rgba(27, 59, 119, 0.05);

	/* ── Typography ── */
	--font-h: 'Archivo', -apple-system, sans-serif;
	--font-b: 'Poppins', -apple-system, sans-serif;
	--font-rev: 'Roboto', -apple-system, sans-serif;

	/* ── Layout ── */
	--container: 1440px;
	--container-pad: 40px;
	--radius-sm: 5px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-xl: 30px;
}

#page-wrapper {
	overflow-x: clip;
}

html.nav-scroll-locked,
body.nav-scroll-locked {
	overflow: hidden;
	height: 100%;
}

@media (max-width: 1200px) {


	.navbar.nav-open .navbar__nav {
		justify-content: flex-start;

	}
}





/*+++++++++++++Index Start+++++++++++++++++*/

.fix-wordpress-section {
	padding-left: 3%;
	padding-right: 3%;
}


.vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;

}

/*.container {
   padding: inherit;
}*/

#home-partners {
	padding-top: 50px;
	margin-top: -45px;
}

.bms-page--amd-dedicated .bm-features__box-left-title .h3,
.bms-page--amd-dedicated .bm-features__box-left-title h3 {
	font-size: clamp(17px, 6vw, 20px);
}

.box-left-title .h3,
.box-left-title h3 {
	font-size: clamp(17px, 6vw, 20px);
}

.content-group .h4,
.content-group h4 {
	font-size: clamp(15px, 6vw, 17px);
}

@media (max-width: 680px) {
	.fix-wordpress-section {
		padding-left: 0;
		padding-right: 0;
	}

	#home-partners {
		padding-top: 00px;
		margin-top: -45px;
	}

	.vc_column_container>.vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.container {
		padding: 0 20px;
	}

}

/*+++++++++++++Header+++++++++++++++++*/

.navbar__list {

	margin-bottom: 0;
}

/*+++++++++++++Footer+++++++++++++++++*/
.footer__links {

	padding-left: 0;
}


/*+++++++++++++Blog+++++++++++++++++*/

.newsroom-main {
	background: #f5f5f5;

}

.newsroom-page .bms-hero {
	padding-bottom: 0px;

}

/*+++++++++++++XLC bms sticky nav inside WPBakery+++++++++++++++++*/


.wpb_wrapper .bms-sticky-nav,
.vc_column-inner .bms-sticky-nav,
.vc_row .bms-sticky-nav {
	position: sticky !important;
	top: var(--bms-navbar-h, 72px) !important;
	z-index: 999 !important;
}

/*** Fix the position:sticky not working beacuse the parent child not enough height (Use JS to add the css) - Tommy***/
.bms-sticky-nav.is-scrolled {
	position: fixed !important;
	width: 100% !important;
	top: var(--bms-navbar-h, 72px) !important;
	left: 0;
}

.vc_row[data-vc-stretch-content="true"],
.vc_row.vc_row-no-padding,
.vc_row.vc_row-fluid,
.wpb_row,
.vc_column_container,
.vc_column-inner,
.wpb_wrapper {
	overflow: visible !important;
}


.vc_row[data-vc-stretch-content="true"],
.wpb_row {
	transform: none !important;

}


.bms-tabs__tab {
	padding: 5px 20px;

}


.btn--primary:hover {
	color: white;
}

/* ========== Global Form Style ========== */
.wpcf7 .wpcf7-not-valid-tip {
	color: #4d00ff;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 29px;
}

.wpcf7 .email .wpcf7-not-valid-tip {
	display: block;
    padding: 5px 12px;
    text-align: right;
    line-height: 15px;
    position: relative !important;
    right: 0 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: 1px solid orange;
	color: black;
	border-radius: 5px;
	font-size: 14px;
}

#home-integration {
	overflow: hidden !important;
}

#home-integration .wpcf7 form.sent .wpcf7-response-output {
	border: 1px solid #65ffb6;
	color: white;
	border-radius: 5px;
	font-size: 14px;
}

#home-integration .wpcf7 .wpcf7-not-valid-tip {
	color: var(--bs-form-valid-color);
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 5px;
}

#home-integration .wpcf7 form.invalid .wpcf7-response-output,
#home-integration .wpcf7 form.unaccepted .wpcf7-response-output,
#home-integration .wpcf7 form.payment-required .wpcf7-response-output {
	border: 1px solid orange;
	color: white;
	border-radius: 5px;
	font-size: 14px;
}


#home-integration .cf7-input::placeholder,
#home-integration .cf7-textarea::placeholder {
	color: #888888;
	opacity: 1;
}


#home-integration .cf7-input::-webkit-input-placeholder,
#home-integration .cf7-textarea::-webkit-input-placeholder {
	color: #888888;
}

#home-integration .cf7-input::-moz-placeholder,
#home-integration .cf7-textarea::-moz-placeholder {
	color: #888888;
	opacity: 1;
}

#home-integration .cf7-input:-ms-input-placeholder,
#home-integration .cf7-textarea:-ms-input-placeholder {
	color: #888888;
}

#home-integration .wpcf7-form-control-wrap input,
#home-integration .wpcf7-form-control-wrap textarea {
	background: transparent;
	color: white;
}

@media (max-width: 640px) {
	#home-integration .cf7-label {

		min-width: 100%;
	}
}


/* ========== Bare Metal ========== */
/* =========================================================
   XLC + WPBakery Sticky Final Patch (scoped / safe)
   Replace page-id-XXX with your three pages' real IDs.
   Bare Metal: page-id-XXX
   GPU:        page-id-YYY
   Storage:    page-id-ZZZ
   ========================================================= */
/* ---------- A) Shared height variables (tweak to match your real header) ---------- */
:root {
	--bms-navbar-h: 72px;
	/* Main top navbar height */
	--bms-sticky-tabs-h: 72px;
	/* Approx. bms-sticky-nav height */
	--bms-sticky-stack: calc(var(--bms-navbar-h) + var(--bms-sticky-tabs-h));
}

/* ---------- B) Enable sticky nav on three pages only (avoid site-wide side effects) ---------- */
.post-374 .bms-sticky-nav,
.post-514 .bms-sticky-nav,
.post-516 .bms-sticky-nav {
	position: sticky !important;
	top: var(--bms-navbar-h, 72px) !important;
	z-index: 999 !important;
	background: rgba(255, 255, 255, .97);
}

/* ---------- C) Add class xlc-sticky-row only to the row that contains bms-sticky-nav ---------- */
/* Important: do not globally override .wpb_row/.vc_column-inner */
.post-374 .vc_row.xlc-sticky-row,
.post-514 .vc_row.xlc-sticky-row,
.post-516 .vc_row.xlc-sticky-row {
	overflow: visible !important;
	transform: none !important;
}

.post-374 .vc_row.xlc-sticky-row .vc_column-inner,
.post-514 .vc_row.xlc-sticky-row .vc_column-inner,
.post-516 .vc_row.xlc-sticky-row .vc_column-inner {
	overflow: visible !important;
}

/* ---------- D) Fix Location -> Price list scroll target hidden under sticky header ---------- */
/* Start with scroll-margin */
.post-374 .bms-cards-wrap,
.post-374 .bms-cards,
.post-514 .bms-cards-wrap,
.post-514 .bms-cards,
.post-516 .bms-cards-wrap,
.post-516 .bms-cards {
	scroll-margin-top: calc(var(--bms-sticky-stack, 144px) + 56px) !important;
}

/* Extra safeguard: anchor stays visible even if scrollIntoView is flaky in WPBakery */
.post-374 .bms-cards-wrap::before,
.post-514 .bms-cards-wrap::before,
.post-516 .bms-cards-wrap::before {
	content: "";
	display: block;
	height: calc(var(--bms-sticky-stack, 144px) + 56px);
	margin-top: calc(-1 * (var(--bms-sticky-stack, 144px) + 56px));
	visibility: hidden;
	pointer-events: none;
}

/* ========== Global Form Style ========== */
.ddos-vbm-section .c-center-title {
	text-align: center;
	margin-bottom: 3%;
}

@media (max-width: 680px) {
	.ddos-vbm-section .backbone__feature-list {
		grid-template-columns: 1fr;
	}

	.ddos-vbm-section .ddos-vbm__attack-list .backbone__feature-item:nth-child(n + 8) {
		display: none;
	}

	.ddos-vbm-section .ddos-vbm__attack-list.is-expanded .backbone__feature-item:nth-child(n + 8) {
		display: flex;
	}

	.ddos-vbm__show-more-btn {
		margin: 12px auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 132px;
		width: fit-content;
		padding: 10px 18px;
		border-radius: 999px;
		border: 1px solid #4500a7;
		background: #ffffff;
		color: #4500a7;
		font-family: var(--font-h);
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.ddos-vbm__show-more-btn:hover,
	.ddos-vbm__show-more-btn:focus-visible {
		background: #4500a7;
		color: #ffffff;
		outline: none;
	}
}

@media (min-width: 681px) {
	.ddos-vbm__show-more-btn {
		display: none;
	}
}

/*+++++++++++++FAQ++++++++++++++++*/
.page-main--faq.bms-page .faq-bms-hero.bms-hero {

	padding-bottom: clamp(44px, 8vw, 20px);
}

/* ========== Blog ========== */
.page-main--terms .terms-doc-main.xlc-blog-content h4 {
	font-size: 17px;
	line-height: 1.72;
	color: var(--text-body, #333);
	margin: 0 0 1em;
	font-weight: 400;
}

.newsroom-featured__title {
	font-size: clamp(28px, 4vw, 38px);
}

/*.promo__card-desc {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.promo__card-desc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45%;
  height: 22px; 
  background: linear-gradient(to right, transparent, var(--white));
  pointer-events: none;
}
*/
/* ========== Bare Metal ========== */

.bare-metal-page .bms-cards-wrap {
	scroll-margin-top: calc(var(--bms-sticky-stack, 144px) + 36px) !important;
}

/* ========== Server Config ========== */
.sc-summary__list {

	padding-left: 0;
}


.cart-items-card__title-icon,
.cart-payment-panel__icon,
.cart-billing-panel__icon {
	background: rgb(255 227 227);
}

.payment-method-detail {
	margin-top: 16px;
	padding: 16px 18px;
	border-radius: 12px;
	border: 1px dashed #cfcfcf;
	background: #ffffff;
}

@media (max-width: 680px) {
	.sc-type-seg {
		overflow: auto;
	}

	.sc-toolbar-selects {
		display: grid;
		margin: 0 3px;
	}

	.sc-toolbar-selects select,
	.sc-toolbar-check {
		line-height: 15px;
	}
}

/* ========== Free Trial page: layout optimizations ========== */
.bms-page--free-trial .bms-hero {
	padding-bottom: 0;
}

/* Required: section must not use transform or sticky breaks (containing block changes) */
.bms-page--free-trial .integration-section--light.reveal-on-scroll,
.bms-page--free-trial .integration-section--light.reveal-on-scroll.reveal-on-scroll--in-view {
	transform: none !important;
}

.bms-page--free-trial .integration-section--light {
	overflow-x: hidden;
}

.bms-page--free-trial .integration-section--light .integration__inner {
	gap: 56px;
	align-items: start;
	grid-template-columns: 1fr 1.25fr;
	overflow: visible;
	min-width: 0;
}

.bms-page--free-trial .integration-section--light .integration__left,
.bms-page--free-trial .integration-section--light .integration__right {
	min-width: 0;
}

.bms-page--free-trial .integration-section--light .integration__right {
	overflow-x: hidden;
}

.bms-page--free-trial .integration-section--light .free-trial-panel,
.bms-page--free-trial .integration-section--light .cf7-form {
	min-width: 0;
	max-width: 100%;
}

/* Left INFO column stays visible on scroll (sticky); same for Free Trial Offer and Tailored Solution Request tabs */
.bms-page--free-trial .integration-section--light .integration__left {
	position: sticky;
	/*top: calc(var(--bms-navbar-h, 72px) + 24px);*/
	max-width: 525px;
	align-self: start;
}

.bms-page--free-trial .integration-section--light .integration__right {
	background: var(--white);
	border-radius: 16px;
	padding: 40px 36px 44px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.06);
	min-height: 520px;
}

.bms-page--free-trial .integration-section--light .free-trial-panel__heading {
	font-size: 24px;
	margin-bottom: 12px;
}

.bms-page--free-trial .integration-section--light .free-trial-panel__intro {
	margin-bottom: 28px;
}

.bms-page--free-trial .integration-section--light .cf7-form {
	gap: 16px;
}

@media (max-width: 992px) {
	.bms-page--free-trial .integration-section--light .integration__right {
		padding: 32px 24px 36px;
	}
}

@media (max-width: 992px) {
	.bms-page--free-trial .integration-section--light .integration__inner {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.bms-page--free-trial .integration-section--light .integration__left {
		order: 1;
		max-width: 100%;
		position: static;
		min-width: 0;
	}

	.bms-page--free-trial .integration-section--light .integration__left .integration__title,
	.bms-page--free-trial .integration-section--light .integration__left .integration__desc {
		max-width: 100%;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.bms-page--free-trial .integration-section--light .integration__right {
		order: 2;
	}

	.bms-page--free-trial .integration-section--light .free-trial-panel,
	.bms-page--free-trial .integration-section--light .cf7-form,
	.bms-page--free-trial .integration-section--light .cf7-field {
		min-width: 0;
	}

	.bms-page--free-trial .integration-section--light .cf7-input,
	.bms-page--free-trial .integration-section--light .cf7-select {
		min-width: 0;
	}

	.bms-page--free-trial .ft-cta-list {
		margin-top: 24px;
	}

	.bms-page--free-trial .ft-cta-name {
		font-size: 17px;
	}

	.free-trial-panel--trial {
		width: 100%
	}

	.free-trial-panel--trial .cf7-label {
		color: var(--black);
		background: #f1f5f9;
		border-right-color: rgba(0, 0, 0, 0.08);
		min-width: 165px;
		white-space: normal;
		word-break: break-word;
	}

	.free-trial-panel--trial .integration-section--light .integration__desc {

		max-width: 100%;

		text-align: center;
	}

}

@media (max-width: 768px) {

	.free-trial-panel--trial {
		width: 100%
	}

	.bms-page--free-trial .bms-hero {
		padding-bottom: 24px;
	}

	.bms-page--free-trial .integration-section--light {
		padding: 48px 0 64px;
		padding-left: 25px;
		padding-right: 25px;
		margin: 0;
	}

	.bms-page--free-trial .integration-section--light .integration__inner {
		gap: 32px;
		padding-left: var(--container-pad);
		padding-right: var(--container-pad);
	}

	.bms-page--free-trial .bms-hero__desc--sub {
		margin-bottom: 0;
	}

	.bms-page--free-trial .workload__title {
		text-align: left;
	}


	.bms-page--free-trial .integration-section--light .integration__title {
		font-size: 26px;
		line-height: 1.25;
	}

	.bms-page--free-trial .integration-section--light .integration__desc {
		font-size: 15px;
		width: 100%;
		max-width: 100%;
		text-align: left;
	}

	.bms-page--free-trial .integration-section--light .integration__feature-title {
		font-size: 16px;
	}

	.bms-page--free-trial .integration-section--light .integration__feature-desc {
		font-size: 14px;
	}

	.bms-page--free-trial .integration-section--light .integration__right {
		padding: 24px 18px 28px;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
	}

	.bms-page--free-trial .free-trial-panel__heading {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.bms-page--free-trial .free-trial-panel__intro {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.bms-page--free-trial .free-trial-panel__subheading {
		font-size: 15px;
		margin: 20px 0 10px 0;
	}

	.bms-page--free-trial .ft-cta-link {
		padding: 14px 10px 14px 16px;
	}

	.bms-page--free-trial .ft-cta-name {
		font-size: 16px;
		line-height: 1.4;
	}

	.bms-page--free-trial .ft-cta-btn {
		width: 28px;
		height: 28px;
	}

	.bms-page--free-trial .ft-cta-btn svg {
		width: 16px;
		height: 16px;
	}

	.bms-page--free-trial .integration-section--light .cf7-label {
		min-width: 120px;
		font-size: 13px;
		white-space: normal;
		word-break: break-word;
	}

	.bms-page--free-trial .integration-section--light .cf7-field {
		min-width: 0;
	}

	.bms-page--free-trial .integration-section--light .cf7-input,
	.bms-page--free-trial .integration-section--light .cf7-select {
		min-width: 0;
	}

	.bms-page--free-trial .integration-section--light .cf7-actions {
		flex-direction: column;
		gap: 12px;
		margin-top: 8px;
	}

	.bms-page--free-trial .integration-section--light .cf7-submit,
	.bms-page--free-trial .integration-section--light .cf7-clear {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.bms-page--free-trial .integration-section--light {
		padding: 36px 0 48px;
	}

	.bms-page--free-trial .integration-section--light .integration__right {
		padding: 20px 16px 24px;
	}

	.bms-page--free-trial .integration-section--light .cf7-field:not(.cf7-field--checkbox) {
		flex-direction: column;
		align-items: stretch;
	}

	.bms-page--free-trial .integration-section--light .cf7-field:not(.cf7-field--checkbox) .cf7-label {
		min-width: unset;
		padding: 10px 12px;
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.bms-page--free-trial .integration-section--light .cf7-input,
	.bms-page--free-trial .integration-section--light .cf7-textarea {
		padding: 12px 14px;
	}

	.bms-page--free-trial .integration-section--light .cf7-field:has(.cf7-select)::after {
		right: 12px;
	}

	.bms-page--free-trial .integration-section--light .cf7-checkbox {
		width: 22px;
		height: 22px;
		min-width: 22px;
		min-height: 22px;
	}
}

/*++++++++++++++About++++++++++++++++++++++++++*/

.about-page .about-featured-card__overlay {
	background: linear-gradient(to top, #00183d 0, #2b2b2b47 89%, transparent);

}

.about-page .mission-section__overlay {
	background: linear-gradient(to right, rgb(0 28 64) 0, #00204aed 57%, transparent 80%);

}

#support-global {
	display: none
}


/*++++++++++++++Free Trail++++++++++++++++++++++++++*/
#panel-trial .cf7-label--checkbox,
#panel-tailored .cf7-label--checkbox {

	width: 100% !important;
}

#panel-trial .cf7-checkbox,
#panel-tailored .cf7-checkbox {
	border: 1px solid #bfbfbf !important;
}

#panel-trial .wpcf7-acceptance .wpcf7-list-item,
#panel-tailored .cf7-checkbox {

	margin-left: 0;
}

#contact-us-form-section .wpcf7-list-item {
	margin: 0;
}


#contact-us-form-section .xlc-radio-row {
	margin-bottom: 0;
	height: auto;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	font-size: 15px;
}

#contact-us-form-section .xlc-checkbox-row {
	font-size: 13px;
	border-top: 1px solid #e3e3e3;
	padding-top: 12px;
}


#contact-us-form-section checkbox {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin-top: 2px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	accent-color: var(--purple);
	border: 2px solid #8a8a8a;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: var(--white);
	cursor: pointer;
}


.xlc-radio-btn {
	margin-top: 2px;
}

.xlc-radio-row input,
.xlc-radio-row checkbox {
	width: 12px;
	height: 12px;
}

.xlc-radio-btn .wpcf7-list-item-label {
	margin-right: 15px
}

@media (max-width: 768px) {


	.bms-page--free-trial .integration-section--light .integration__left {

		display: none;
	}

	.bms-page--free-trial .integration-section--light .cf7-label {
		min-width: 100% !important;
		width: 100% !important;
		margin-left: 0;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.bms-page--free-trial .integration-section--light .cf7-field {

		display: block;
	}

	.bms-page--free-trial .integration-section--light .cf7-field:has(.cf7-select)::after {

		top: 65%;

	}

	.bms-page--free-trial .integration-section--light .integration__inner {
		gap: 32px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#free-trial-form-section {
		padding-top: 20px;
	}

}


@media (max-width: 680px) {
	.bms-page--free-trial .bms-hero__title {

		margin-bottom: 12%;
	}
}


/*++++++++++++++++++++++++++++Network+++++++++++++++++++++++++++++++++++++++++*/

.network-cn2__visual-img {

	min-height: 355px;
	min-width: 355px;
}


/*++++++++++++Testimonal Only One Company+++++++++++++++++++++++++++++*/

/* XLC homepage — featured testimonial (#testimonials) */

.reviews-section {
	background: linear-gradient(0deg, #f8faff 0%, #fff 100%);
}


.reviews-section {
	background: white;
	max-width: 189px;
	margin: 0 auto;
	margin-top: 2%;
}

.tp-widget-profile-link {
	display: block;
	padding: 4px;
	max-width: 200px !important;
	margin: 0 auto;
}

.tp-widget-wrapper {
	max-width: 190px;
}


.xlc-testimonial-section {
	padding: clamp(48px, 8vw, 96px) 0;
	background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
	overflow: hidden;
	padding-bottom: 45px;
}

.xlc-testimonial-inner {
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 clamp(2rem, 4.6875vw, 12rem);
}

.xlc-testimonial-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(32px, 5vw, 48px);
	align-items: start;
}

@media (min-width: 900px) {
	.xlc-testimonial-grid {
		grid-template-columns: minmax(280px, 1.1fr) minmax(320px, 1.1fr);
		gap: clamp(40px, 6vw, 64px);
	}
}

.xlc-testimonial-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: #0135da;
	background: rgba(0, 126, 236, 0.12);
	margin-bottom: 20px;
	margin-top: 5%;
}

.xlc-testimonial-badge img {
	flex-shrink: 0;
	display: block;
}

.xlc-testimonial-title {
	margin: 0 0 16px;
	font-size: clamp(24px, 4vw, 48px);
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	font-weight: 600;
	font-family: Archivo, -apple-system, sans-serif;
}

.xlc-testimonial-sub {
	max-width: 520px;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #787878;
}

@media (min-width: 768px) {
	.xlc-testimonial-sub {
		font-size: 16px;
	}
}

.xlc-testimonial-card {
	position: relative;
	z-index: 0;
	isolation: isolate;
	overflow: visible;
	border-radius: 24px;
	padding: clamp(24px, 4vw, 36px);
	/* White fill and border drawn by ::after; keep transparent here; content stacks on top */
	background: transparent;
	border: none;
	box-shadow: none;
}

/* Bottom layer: light-blue blocks in two corners (background-like layer) */
.xlc-testimonial-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(0, 126, 236, 0.06),
			rgba(0, 126, 236, 0.06)),
		linear-gradient(rgba(0, 126, 236, 0.06),
			rgba(0, 126, 236, 0.06));
	background-position: left -12px bottom -12px, right -12px top -12px;
	background-size: 96px 96px, 96px 96px;
	background-repeat: no-repeat, no-repeat;
}

/* Middle layer: white card + border + shadow (above decor, below content) */
.xlc-testimonial-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	background: #fff;
	border: 1px solid rgba(12, 11, 69, 0.08);
	box-shadow: 0 12px 40px rgba(1, 53, 218, 0.08);
}

/* Content always sits above the white card surface */
.xlc-testimonial-card>* {
	position: relative;
	z-index: 1;
}

.xlc-testimonial-stars {
	display: flex;
	gap: 4px;
	margin-bottom: 20px;
}

.xlc-testimonial-stars img {
	display: block;
}

.xlc-testimonial-quote-wrap {
	position: relative;
	padding-left: 8px;
	margin-bottom: 20px;
}

.xlc-testimonial-quote-icon {
	position: absolute;
	left: 1px;
	top: -16px;
	display: block;
	width: 24px;
	height: auto;
	object-fit: contain;
	object-position: left top;
	transform: scale(1.2, 1.38);
	transform-origin: left top;
	opacity: 0.5;
}

.xlc-testimonial-quote {
	margin: 0;
	font-size: clamp(15px, 2vw, 18px);
	font-weight: 500;
	line-height: 1.55;
	color: #0c0b45;
	padding-top: 0px;
}

.xlc-testimonial-sep {
	height: 1px;
	background: rgba(12, 11, 69, 0.1);
	margin: 20px 0;
}

.xlc-testimonial-author {
	display: flex;
	align-items: center;
	gap: 16px;
}

.xlc-testimonial-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(0, 126, 236, 0.2);
}

.xlc-testimonial-name {
	margin: 0 0 2px;
	font-size: 17px;
	font-weight: 600;
	color: #0c0b45;
	line-height: 22px;
}

.xlc-testimonial-meta {
	margin: 0;
	font-size: 15px;
	color: #787878;
	line-height: 15px;
}

.xlc-testimonial-show-more {
	display: block;
	/* margin: 10px auto 0;*/
	margin: 10px 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0135da;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	cursor: pointer;
}

.xlc-testimonial-dummy-text {
	margin: 8px 0 0;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	color: #787878;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(-4px);
	transition:
		max-height 320ms ease,
		opacity 240ms ease,
		transform 320ms ease;
}

.xlc-testimonial-dummy-text.is-open {
	max-height: 180px;
	opacity: 1;
	transform: translateY(0);
}


/*++++++++++Map Coming Soon Hidden++++++++++++++++*/
.location-badge--coming-soon {

	display: none;
}

/* Hub layout: .ds-hub-page, workload track, compare, CTA — shared by dedicated-servers, storage-servers, cloud-network */
/* ============================================================
   Hub pages: dedicated-servers, storage-servers, cloud-network
   ============================================================ */
/* Hero — split layout (structural reference: datapacket.com/dedicated-servers) */
.bms-page.ds-hub-page .bms-hero--ds-split {
	text-align: left;
	padding: 40px 0 56px;
	overflow-x: hidden;
}

.ds-hub-hero-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 1fr);
	grid-template-areas:
		"crumb crumb"
		"text media";
	column-gap: clamp(28px, 4.5vw, 56px);
	row-gap: clamp(18px, 2.5vw, 80px);
	align-items: center;
	margin-bottom: 20px;
}

.ds-hub-hero-split__breadcrumb {
	grid-area: crumb;
	text-align: center;
	margin-bottom: 0;
}

.ds-hub-hero-split__text {
	grid-area: text;
	min-width: 0;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title {
	align-items: flex-start;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	max-width: 18em;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title-line-wrap {
	text-align: left;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title-type {
	text-align: left;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title-line,
.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title-reserve {
	text-align: left;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__title-fallback {
	text-align: left;
	max-width: 18em;
}

.bms-page.ds-hub-page .bms-hero--ds-split .bms-hero__desc--sub {
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	max-width: 36rem;
	text-align: left;
}

.ds-hub-page .ds-hub-hero__sub {
	max-width: 36rem;
}

.ds-hub-hero-highlights {
	list-style: none;
	margin: 28px 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ds-hub-hero-highlights__item {
	display: flex;
	align-items: center;
	gap: 14px;
	font-family: var(--font-b);
	font-size: 15px;
	font-weight: 500;
	color: var(--text-label);
}

.ds-hub-hero-highlights__icon {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(69, 0, 167, 0.24);
	border-radius: 10px;
	color: var(--purple);
	background: var(--white);
}

.ds-hub-hero-highlights__icon img {
	width: 22px;
	height: 22px;
	display: block;
	opacity: 0.95;
}

.ds-hub-hero-highlights__label {
	line-height: 1.35;
}

.ds-hub-hero-cta {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 24px;
	flex-wrap: wrap;
}

.ds-hub-hero-cta__btn {
	min-width: 154px;
	border-radius: 6px;
}

.ds-hub-hero-split__media {
	grid-area: media;
	position: relative;
	min-width: 0;
	align-self: center;
}

.ds-hub-hero-split__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 30px;
	object-fit: cover;
	aspect-ratio: 4 / 3;
	box-shadow: var(--shadow-card);
}

@media (max-width: 900px) {
	.ds-hub-hero-split {
		grid-template-columns: 1fr;
		grid-template-areas:
			"crumb"
			"media"
			"text";
		row-gap: 22px;
		column-gap: 0;
	}

	.ds-hub-hero-split__media {
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}

@media (max-width: 560px) {
	.bms-page.ds-hub-page .bms-hero--ds-split {
		padding: 28px 0 40px;
	}

	.ds-hub-hero-highlights__item {
		font-size: 14px;
	}

	.ds-hub-hero-cta {
		gap: 10px;
	}

	.ds-hub-hero-cta__btn {
		width: 100%;
	}
}

.ds-hub-section {
	padding: 72px 0;
}

.ds-hub-section--soft {
	background: linear-gradient(180deg, var(--bg-soft) 0%, var(--white) 100%);
}

.ds-hub-section__head {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 44px;
}

.ds-hub-section__head .title-h2 {
	margin-bottom: 12px;
}

.ds-hub-section__lede {
	margin: 0;
	font-size: 17px;
	line-height: 1.6;
	color: var(--text-body);
}

.ds-hub-section__lede a.text-purple {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ds-hub-section__lede a.text-purple:hover {
	color: var(--purple-light);
}

/* Dedicated Servers — workload track (index #promo-section: scroll + dots + drag; --fit-all = all cards visible) */
.ds-workload-showcase {
	position: relative;
	padding: 90px 0 80px;
	background: linear-gradient(180deg, var(--bg-soft) 0%, var(--white) 45%, var(--white) 100%);
	/* Avoid vertical clipping from overflow:hidden; short viewports would cut card copy and CTA */
	overflow-x: hidden;
	overflow-x: clip;
	overflow-y: visible;
}

/* Do not override .container horizontal padding; use var(--container-pad) with the track below */
.ds-workload-showcase__head {
	text-align: center;
	padding-bottom: 20px;
	max-width: 960px;
	margin: 0 auto;
}

.ds-workload-showcase__title {
	margin: 0;
	color: var(--black);
}

.ds-workload-showcase__title .text-purple {
	color: var(--purple);
}

/* Reuse .promo__track; card gap ≈50px+20px at common widths, fluid via % (see clamp middle term) */
.ds-workload-showcase .ds-workload-track.promo__track {
	align-items: stretch;
	justify-content: center;
	justify-content: safe center;
	gap: clamp(50px, 3%, 88px);
	padding-top: 16px;
	padding-bottom: 36px;
	touch-action: pan-x;
	-webkit-overflow-scrolling: touch;
	margin-top: 25px;
}

/* Skip index promo’s trailing 1px::after to avoid off-center look when centered */
.ds-workload-showcase .ds-workload-track.promo__track::after {
	content: none;
	display: none;
}

.ds-workload-card {
	flex: 0 0 min(300px, 82vw);
	align-self: stretch;
	display: flex;
	flex-direction: column;
	/* Short viewports: don’t fix max at 460px; tighten middle term when dvh is available */
	min-height: clamp(280px, 58vh, 600px);
	min-height: clamp(280px, min(58vh, 68dvh), 600px);
	min-width: 0;
	position: relative;
	will-change: transform, opacity;
	opacity: 0;
	transform: translateX(40px);
	transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease, opacity 0.45s ease;
	-webkit-user-select: none;
	user-select: none;
}

.ds-workload-card--visible {
	opacity: 1;
	transform: translateX(0);
}

.ds-workload-card:nth-child(1).ds-workload-card--visible {
	transition-delay: 0s;
}

.ds-workload-card:nth-child(2).ds-workload-card--visible {
	transition-delay: 0.06s;
}

.ds-workload-card:nth-child(3).ds-workload-card--visible {
	transition-delay: 0.12s;
}

.ds-workload-card:nth-child(4).ds-workload-card--visible {
	transition-delay: 0.18s;
}

.ds-workload-card:nth-child(5).ds-workload-card--visible {
	transition-delay: 0.24s;
}

.ds-workload-card:nth-child(6).ds-workload-card--visible {
	transition-delay: 0.3s;
}

.ds-workload-card:nth-child(7).ds-workload-card--visible {
	transition-delay: 0.36s;
}

.ds-workload-card:nth-child(8).ds-workload-card--visible {
	transition-delay: 0.42s;
}

.ds-workload-card:nth-child(9).ds-workload-card--visible {
	transition-delay: 0.48s;
}

.ds-workload-card:nth-child(10).ds-workload-card--visible {
	transition-delay: 0.54s;
}

/* Avoid % flex heights (image areas vary per card); use aspect-ratio so four cards’ media areas match */
.ds-workload-card__media {
	flex: 0 1 auto;
	width: 100%;
	aspect-ratio: 3 / 4;
	max-height: min(48vh, 360px);
	max-height: min(48vh, 38dvh, 360px);
	min-height: clamp(100px, 22vh, 220px);
	min-height: clamp(100px, 22dvh, 220px);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
	background: transparent;
	border: 1px solid #dfdfdf;
}

.ds-workload-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ds-workload-card__content {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	padding: clamp(18px, 2.5vw, 24px) 2px 0;
	min-height: 0;
}

/* For JS measurement: temporarily opt out of flex grow/shrink to read true content height */
.ds-workload-card__content.ds-workload-card__content--measuring {
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 0 !important;
	align-self: stretch;
}

.ds-workload-card__content--measuring .ds-workload-card__lede {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.ds-workload-card__category {
	font-size: 12px;
	background: #001f3500;
	color: var(--navy-deep);
	padding: 3px 12px;
	margin-bottom: 15px;
	display: block;
	width: fit-content;
	border-radius: 5px;
	border: 1px solid #5d5d5d;
}

/* No inner scrollbar; extra height absorbed by flex, CTA pinned bottom (with JS-aligned __content min-height) */
.ds-workload-card__lede {
	flex: 1 0 auto;
	min-width: 0;
	overflow: visible;
}

.ds-workload-card__title {
	position: relative;
	padding-left: 14px;
	margin: 0 0 10px 0;
	font-family: var(--font-h);
	font-weight: 800;
	font-size: 20px;
	line-height: 1.2;
	color: var(--black);
}

.ds-workload-card__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.14em;
	width: 4px;
	height: 1.05em;
	background: var(--red);
	border-radius: 99px;
	transform: rotate(16deg);
	transform-origin: top left;
}

.ds-workload-card__desc {
	margin: 0;
	font-family: var(--font-b);
	font-size: 14px;
	line-height: 1.62;
	color: var(--text-body);
}

.ds-workload-card__cta {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 0;
	padding: 14px 0 4px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	color: var(--red);
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
	-webkit-user-select: none;
	user-select: none;
}

.ds-workload-card__cta:hover {
	color: var(--red-hover);
	gap: 12px;
}

.ds-workload-card__cta-arrow {
	font-weight: 400;
	transition: transform 0.2s ease;
}

.ds-workload-card__cta:hover .ds-workload-card__cta-arrow {
	transform: translateX(3px);
}

/* All cards fit: center row, no horizontal scroll UI */
.ds-workload-showcase--fit-all .ds-workload-track.promo__track {
	overflow-x: hidden;
	justify-content: center;
	justify-content: safe center;
	cursor: default;
}

.ds-workload-showcase--fit-all .ds-workload-track.promo__track:active {
	cursor: default;
}

.ds-workload-showcase--fit-all .ds-workload-card {
	flex: 1 1 0;
	align-self: stretch;
	min-width: 0;
	max-width: 360px;
}

.ds-workload-showcase--fit-all #ds-workload-arrow-left,
.ds-workload-showcase--fit-all #ds-workload-arrow-right,
.ds-workload-showcase--fit-all #ds-workload-dots {
	display: none !important;
}

/* Fallback: narrow viewports don’t lock overflow (matches JS: no fit-all below 1280px) */
@media (max-width: 1279px) {
	.ds-workload-showcase--fit-all .ds-workload-track.promo__track {
		overflow-x: auto !important;
		justify-content: center !important;
		justify-content: safe center !important;
		cursor: grab;
	}

	.ds-workload-showcase--fit-all .ds-workload-track.promo__track:active {
		cursor: grabbing;
	}

	.ds-workload-showcase--fit-all .ds-workload-card {
		flex: 0 0 min(300px, 82vw);
		max-width: none;
	}

	.ds-workload-showcase--fit-all #ds-workload-arrow-left,
	.ds-workload-showcase--fit-all #ds-workload-arrow-right {
		display: flex !important;
	}

	.ds-workload-showcase--fit-all #ds-workload-dots {
		display: flex !important;
	}
}

@media (max-width: 768px) {
	.ds-workload-card {
		flex: 0 0 min(280px, 78vw);
		min-height: clamp(260px, min(56vh, 62dvh), 520px);
		min-height: clamp(260px, 56vh, 520px);
	}

	.ds-workload-card__media {
		border-radius: 18px;
	}
}

/* Short viewports (landscape laptop, devtools open): tighten media, type, and section padding */
@media (max-height: 740px) {
	.ds-workload-showcase {
		padding: 40px 0 36px;
	}

	.ds-workload-showcase__head {
		padding-bottom: 10px;
	}

	.ds-workload-showcase .ds-workload-track.promo__track {
		margin-top: 8px;
		padding-top: 8px;
		padding-bottom: 22px;
	}

	.ds-workload-card {
		min-height: clamp(220px, min(52vh, 58dvh), 480px);
		min-height: clamp(220px, 52vh, 480px);
	}

	.ds-workload-card__media {
		max-height: min(30vh, 200px);
		max-height: min(28dvh, 200px);
		min-height: 72px;
	}

	.ds-workload-card__title {
		font-size: clamp(16px, 2.4vw, 19px);
		margin-bottom: 6px;
	}

	.ds-workload-card__desc {
		font-size: 13px;
		line-height: 1.45;
	}

	.ds-workload-card__content {
		padding: 10px 2px 0;
	}

	.ds-workload-card__cta {
		padding: 8px 0 2px;
		font-size: 14px;
	}
}

@media (max-height: 560px) {
	.ds-workload-showcase {
		padding: 24px 0 20px;
	}

	.ds-workload-card {
		min-height: clamp(200px, min(48vh, 52dvh), 420px);
		min-height: clamp(200px, 48vh, 420px);
	}

	.ds-workload-card__media {
		max-height: min(24vh, 150px);
		max-height: min(22dvh, 150px);
		min-height: 64px;
	}

	.ds-workload-card__desc {
		font-size: 12px;
		line-height: 1.4;
	}
}

/* Portrait phones less penalized by max-height 740; extra tightening for very short landscape */
@media (max-width: 768px) and (max-height: 520px) {
	.ds-workload-card {
		min-height: clamp(180px, min(42vh, 48dvh), 360px);
		min-height: clamp(180px, 42vh, 360px);
	}

	.ds-workload-card__media {
		max-height: min(22vh, 120px);
		max-height: min(20dvh, 120px);
		min-height: 56px;
	}
}

.ds-hub-feature-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ds-hub-feature {
	padding: 24px 22px;
	background: var(--white);
	border: 1px solid var(--border-lt);
	border-radius: var(--radius-md);
	box-shadow: 0 8px 28px rgba(6, 47, 125, 0.06);
}

.ds-hub-feature__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 14px;
	border-radius: 12px;
	background: #b8ff26;
	color: black;
	font-size: 20px;
}

.ds-hub-feature__title {
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 17px;
	margin: 0 0 8px 0;
	color: var(--text-dark);
}

.ds-hub-feature__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-body);
}

.ds-hub-text-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	color: var(--red);
}

.ds-hub-text-link:hover {
	color: var(--red-hover);
}

/* Narrow screens / tablet: keep three-column table, scroll horizontally (no single-column grid) */
.ds-hub-compare-scroll {
	max-width: 1280px;
	margin: 0 auto;
	border: 1px solid var(--border-lt);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	background: var(--white);
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.ds-hub-compare-scroll:focus-visible {
	outline: 2px solid var(--purple);
	outline-offset: 3px;
}

.ds-hub-compare {
	min-width: 720px;
	margin: 0;
	border: none;
	border-radius: 0;
	overflow: visible;
	background: transparent;
	box-shadow: none;
}

.ds-hub-compare__row {
	display: grid;
	grid-template-columns: minmax(140px, 22%) 1fr 1fr;
	gap: 0;
	border-bottom: 1px solid var(--border-lt);
}

.ds-hub-compare__row:last-child {
	border-bottom: none;
}

.ds-hub-compare__head {
	font-family: var(--font-h);
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--bg-gray);
}

.ds-hub-compare__cell {
	padding: 18px 20px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--text-body);
	border-right: 1px solid var(--border-lt);
}

.ds-hub-compare__cell:last-child {
	border-right: none;
}

.ds-hub-compare__cell--label {
	font-weight: 600;
	color: var(--text-label);
	background: var(--bg-soft);
}

.ds-hub-compare__cell--highlight {
	background: rgb(0 255 33 / 14%);
	border-right: 1px solid var(--border-lt);
	color: black;
}

.ds-hub-faq__inner {
	max-width: 880px;
	margin: 0 auto;
}


.ds-hub-cta {
	padding: 50px 0;
	text-align: left;
}

.ds-hub-cta .ds-hub-cta__interstitial {
	grid-column: auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.ds-hub-cta .newsroom-interstitial__inner {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1280px;
	margin: 27px auto;
}

.ds-hub-cta .newsroom-interstitial__copy {
	flex: 1 1 280px;
	min-width: 0;
}

.ds-hub-cta .newsroom-interstitial__cta {
	flex: 0 1 auto;
}

.ds-hub-cta .btn--outline {
	color: var(--white);
	border-color: rgba(255, 255, 255, 0.45);
}

.ds-hub-cta .btn--outline:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--white);
	color: var(--white);
}

@media (max-width: 1024px) {
	.ds-hub-feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.ds-hub-section {
		padding: 48px 0;
	}

	.ds-hub-feature-grid {
		grid-template-columns: 1fr;
	}

	.ds-hub-cta .newsroom-interstitial__cta {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.ds-hub-cta .newsroom-interstitial__cta .btn {
		width: 100%;
		justify-content: center;
	}
}

/* --- dedicated-servers.html: deploy block plus hub-scoped overrides --- */

/* ===================================================================
   PAGE: dedicated-servers.html only
   BLOCK: #ds-hub-deploy-section — shell tweaks on top of global
   .secure-section / .secure__* / .map-pin (same as index secure-section)
   =================================================================== */

/* Compare table (Dedicated vs cloud): red diagonal bar before criteria labels */
#dedicated-servers-hub .dcc-compare-benefit {
	display: flex;
	align-items: center;
	gap: 12px;
}

#dedicated-servers-hub .dcc-compare-benefit__bar {
	display: block;
	width: 3px;
	min-width: 3px;
	height: 30px;
	flex-shrink: 0;
	background: var(--red);
	border-radius: 100px;
	transform: rotate(16deg);
	transform-origin: center center;
}

#dedicated-servers-hub .dcc-compare-benefit__text {
	min-width: 0;
}

#ds-hub-deploy-section .secure__map-wrap .secure__map-img {
	width: 100%;
	height: auto;
	display: block;
}

#ds-hub-deploy-section.ds-hub-deploy.secure-section {
	margin-top: 48px;
	margin-bottom: 48px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: clip;
}


.ds-hub-deploy__footer {
	max-width: 1200px;
	margin: 20px auto 0;
	padding: 0 var(--container-pad);
	text-align: center;
	margin-top: 45px;
}

.ds-hub-deploy__all-dc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	color: var(--green);
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ds-hub-deploy__all-dc:hover {
	color: #7dff9a;
	gap: 12px;
}

@media (max-width: 900px) {
	#ds-hub-deploy-section .secure__locations-col {
		margin-top: 0;
	}
}


@media (max-width: 640px) {
	#ds-hub-deploy-section .secure__locations {
		display: flex !important;
	}
}

/* ===================================================================
  PAGE: storage-servers.html only
  BLOCK: #ds-hub-deploy-section — shell tweaks on top of global
  .secure-section / .secure__* / .map-pin (same as index secure-section)
  =================================================================== */

#ds-hub-deploy-section .secure__map-wrap .secure__map-img {
	width: 100%;
	height: auto;
	display: block;
}

#storage-servers-hub .ds-workload-showcase {
	padding-bottom: 10px;
}

#storage-servers-hub .ds-workload-showcase .ds-workload-track.promo__track {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1280px) {
	#storage-servers-hub .ds-workload-showcase .ds-workload-track.promo__track {
		justify-content: flex-start;
		overflow-x: auto;
	}

	/* 3 cards: keep them wide, but force a little overflow for drag */
	#storage-servers-hub .ds-workload-showcase .ds-workload-card {
		flex: 0 0 calc((100% - (2 * clamp(50px, 3%, 88px))) / 3 + 5px);
		max-width: none;
	}
}

#ds-hub-deploy-section.ds-hub-deploy.secure-section {
	margin-top: 48px;
	margin-bottom: 48px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: clip;
}

.ds-hub-deploy__footer {
	max-width: 1200px;
	margin: 20px auto 0;
	padding: 0 var(--container-pad);
	text-align: center;
	margin-top: 45px;
}

.ds-hub-deploy__all-dc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	color: var(--green);
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ds-hub-deploy__all-dc:hover {
	color: #7dff9a;
	gap: 12px;
}

@media (max-width: 900px) {
	#ds-hub-deploy-section .secure__locations-col {
		margin-top: 0;
	}
}

@media (max-width: 640px) {
	#ds-hub-deploy-section .secure__locations {
		display: flex !important;
	}
}

/* ===================================================================
   PAGE: cloud-network2.html (#cloud-network-hub)
   Compare table: red diagonal bar before criteria labels (match DCC page)
   =================================================================== */
#cloud-network-hub .dcc-compare-benefit {
	display: flex;
	align-items: center;
	gap: 12px;
}

#cloud-network-hub .dcc-compare-benefit__bar {
	display: block;
	width: 3px;
	min-width: 3px;
	height: 30px;
	flex-shrink: 0;
	background: var(--red);
	border-radius: 100px;
	transform: rotate(16deg);
	transform-origin: center center;
}

#cloud-network-hub .dcc-compare-benefit__text {
	min-width: 0;
}

/* ===================================================================
   PAGE: cloud-network.html
   BLOCK: #ds-hub-deploy-section — shell tweaks on top of global
   .secure-section / .secure__* / .map-pin (same as index secure-section)
   =================================================================== */


#ds-hub-deploy-section .secure__map-wrap .secure__map-img {
	width: 100%;
	height: auto;
	display: block;
}


#ds-hub-deploy-section.ds-hub-deploy.secure-section {
	margin-top: 48px;
	margin-bottom: 48px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: clip;
}


.ds-hub-deploy__footer {
	max-width: 1200px;
	margin: 20px auto 0;
	padding: 0 var(--container-pad);
	text-align: center;
	margin-top: 45px;
}

.ds-hub-deploy__all-dc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	color: var(--green);
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
}

.ds-hub-deploy__all-dc:hover {
	color: #7dff9a;
	gap: 12px;
}

@media (max-width: 900px) {
	#ds-hub-deploy-section .secure__locations-col {
		margin-top: 0;
	}
}


@media (max-width: 640px) {
	#ds-hub-deploy-section .secure__locations {
		display: flex !important;
	}
}


/*++++++++++Cloud Connect++++++++++++++++*/
.dcc-section {
	padding: 28px 0;
}

/* Anchor / Contact Sales: only navbar clearance — tighter than default +20 */
.bms-page--dcc #dcc-lead-form {
	scroll-margin-top: calc(var(--bms-sticky-stack, 144px) + 6px);
}

/* DCC compare table: two columns (Benefit | The XLC Advantage), no vertical rules, no green fill */
.bms-page--dcc #dcc-compare-section .container {
	overflow-x: visible;
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare-scroll {
	width: 100%;
	max-width: min(1280px, 100%);
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare {
	min-width: 0;
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare__row {
	grid-template-columns: minmax(160px, 22%) minmax(0, 1fr);
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare__cell {
	min-width: 0;
	overflow-wrap: break-word;
	border-right: none;
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare__cell--highlight {
	background: transparent;
	border-right: none;
	color: var(--text-body);
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare__head {
	text-transform: none;
	font-size: 15px;
}

.bms-page--dcc #dcc-compare-section .ds-hub-compare__head .ds-hub-compare__cell {
	background: #e2ffe3;
	color: var(--text-label);
	font-weight: 800;
}

/* Same red diagonal bar as .dcc-benefit-title — only data benefit rows */
.bms-page--dcc #dcc-compare-section .dcc-compare-benefit {
	display: flex;
	align-items: center;
	gap: 12px;
}

.bms-page--dcc #dcc-compare-section .dcc-compare-benefit__bar {
	display: block;
	width: 3px;
	min-width: 3px;
	height: 30px;
	flex-shrink: 0;
	background: var(--red);
	border-radius: 100px;
	transform: rotate(16deg);
	transform-origin: center center;
}

.bms-page--dcc #dcc-compare-section .dcc-compare-benefit__text {
	min-width: 0;
}

/* Workload section: equal two columns on desktop; stack like global at ≤1200px */
.bms-page--dcc #dcc-workload-section .workload__grid {
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

@media (max-width: 1200px) {
	.bms-page--dcc #dcc-workload-section .workload__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

.bms-page--dcc #dcc-workload-section .workload__desc {
	width: 100%;
	max-width: 600px;
}

/* Strong line: navy pill + green pulse dot (same as .announce-bar__dot / announcePulse) */
.bms-page--dcc #dcc-workload-section .workload__desc strong {
	background: var(--navy);
	color: #19ff4b;
	padding: 5px 15px;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	padding-top: 6px;
}

.bms-page--dcc #dcc-workload-section .workload__desc strong::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--green);
	flex-shrink: 0;
	animation: announcePulse 2.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	.bms-page--dcc #dcc-workload-section .workload__desc strong::before {
		animation: none !important;
	}
}

.dcc-marquee-shell {
	position: relative;
	overflow: hidden;
	padding: 8px 0;
	background: transparent;
	box-shadow: none;
	border: none;
}

.dcc-partners .partners__logos-card {
	max-width: 600px;
	margin: 0 auto;
	background: transparent;
	box-shadow: none;
	border: none;
	padding: 0;
}

.dcc-marquee-shell::before,
.dcc-marquee-shell::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 72px;
	pointer-events: none;
	z-index: 2;
}

.dcc-marquee-shell::before {
	left: 0;
	background: linear-gradient(to right, #fefefe 0%, rgba(254, 254, 254, 0) 100%);
}

.dcc-marquee-shell::after {
	right: 0;
	background: linear-gradient(to left, #fefefe 0%, rgba(254, 254, 254, 0) 100%);
}

.dcc-marquee-track {
	display: flex;
	align-items: center;
	gap: 12px;
	width: max-content;
	animation: dcc-marquee 28s linear infinite;
}

.dcc-marquee-shell:hover .dcc-marquee-track {
	animation-play-state: paused;
}

.dcc-cloud-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	min-height: 52px;
	padding: 10px 14px;
	border: 1px solid #e8e8f1;
	border-radius: 999px;
	background: #ffffff;
	filter: grayscale(1);
	transition: color 0.25s ease, filter 0.25s ease, border-color 0.25s ease;
}

.dcc-cloud-pill:hover {
	border-color: #d7cffd;
	filter: grayscale(0);
}

/* JS: proximity ramp toward color before left ::before overlay; next pill on entry */
.dcc-marquee-track--js-wave .dcc-cloud-pill {
	animation: none;
	transition: none;
	filter: grayscale(var(--dcc-gray, 1));
}

.dcc-marquee-track--js-wave .dcc-cloud-pill:hover {
	--dcc-gray: 0;
	filter: grayscale(0);
	border-color: #d7cffd;
}

@media (prefers-reduced-motion: reduce) {
	.dcc-marquee-track--js-wave .dcc-cloud-pill {
		--dcc-gray: 0;
		filter: grayscale(0);
	}
}

.dcc-cloud-logo {
	display: block;
	width: 96px;
	height: 24px;
	object-fit: contain;
}

.dcc-benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-top: 4px;
}

.dcc-benefit-card {
	min-height: 220px;
}

.dcc-benefit-title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dcc-benefit-title::before {
	content: "";
	display: block;
	width: 5px;
	min-width: 5px;
	height: 30px;
	flex-shrink: 0;
	background: var(--red);
	border-radius: 100px;
	transform: rotate(16deg);
	transform-origin: center center;
}

.dcc-heading-center {
	text-align: center;
}

.dcc-architecture-box {
	min-height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.dcc-arch-heading {
	margin-bottom: 10px;
}

.dcc-arch-desc {
	margin: 0;
}

.dcc-table-wrap {
	overflow-x: auto;
}

.dcc-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
}

.dcc-table th,
.dcc-table td {
	text-align: left;
	padding: 13px 12px;
	border-bottom: 1px solid #ececf4;
}

.dcc-table th {
	color: #252540;
	font-family: "Archivo", sans-serif;
	font-weight: 700;
}

.dcc-table td {
	color: #4e4e68;
}

/* DCC form dedicated scope: keep form style changes local */
#dcc-lead-form .integration__right {
	display: block;
	justify-content: flex-start;
}

#dcc-form-scope {
	width: 100%;
	max-width: 100%;
}

#dcc-form-scope .cf7-form {
	width: 100%;
	max-width: 100%;
}

#dcc-form-scope .cf7-row {
	width: 100%;
}

#dcc-form-scope .cf7-row--half {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

#dcc-form-scope .cf7-field {
	width: 100%;
}

@keyframes dcc-marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 1200px) {
	.dcc-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.dcc-section {
		padding: 18px 0;
	}

	.dcc-benefits-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.dcc-benefit-card {
		min-height: 0;
	}

	.dcc-cloud-pill {
		font-size: 13px;
		padding: 8px 14px;
	}

	/* Mobile: center workload nav title only */
	.bms-page--dcc #dcc-workload-section .workload__col-left>.workload__title {
		text-align: center;
	}

	/* Mobile: hybrid-cloud H2s left-aligned */
	.bms-page--dcc #dcc-compare-section .ds-hub-section__head {
		text-align: left;
		margin-left: 0;
		margin-right: auto;
	}

	.bms-page--dcc #dcc-compare-section .ds-hub-section__lede {
		text-align: left;
	}

	.bms-page--dcc #dcc-lead-form .integration__left {
		text-align: left;
	}

	.bms-page--dcc #dcc-lead-form .integration__left #dcc-form-heading {
		text-align: left;
	}
}

/* 680px: keep select arrow aligned to the select box center */
@media (max-width: 680px) {
	.bms-page--dcc #dcc-form-scope .cf7-field:has(.cf7-select)::after {
		display: none;
	}

	.bms-page--dcc #dcc-form-scope .cf7-select {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23d4380d' d='M0 0h10L5 6z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 14px center;
		background-size: 10px 6px;
		padding-right: 36px;
	}
}


/*++++++++Added 2026/04/27++++++++*/
#announce-bar {

	display: none;
}

iframe#chat-widget-minimized {
	scale: 0.85;

	padding-right: 10px !important;
}

@media (max-width: 768px) {

	.js-enabled .reveal-on-scroll,
	.js-enabled .reveal-on-scroll.reveal-on-scroll--in-view {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}


@media (max-width: 640px) {
	.workload__col-right {
		display: block !important;
	}



	iframe#chat-widget-minimized {

		padding-right: 0px !important;
	}

	#workload-section .workload__col-right,
	#about-key-section .workload__col-right,
	#dcc-workload-section .workload__col-right {
		display: none !important;
	}
}


/*+++++++++++++++++++New Added DC 2026/05/06+++++++++++++++++++++++++++*/

.facility__dedicated-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	margin-top: 5%;
	padding-top: 4px;
	text-align: center;
}

.facility__dedicated-cta .btn {
	margin-left: auto;
	margin-right: auto;
}


/*++++++++New Added For Pricing 2026/05/06+++++++++++++++++*/

/**
 * pricing.html — product category tabs + sticky bar
 * Scoped under #pricing-product-tabs; does not replace .bms-card / grid rules in style.css.
 */

#pricing-product-tabs {
	--pricing-tabs-sticky-h: 72px;
}

/* Sticky category bar (same visual role as bare-metal sticky nav, separate selectors) */
.pricing-bms-sticky-nav {
	position: sticky;
	top: var(--bms-navbar-h, 72px);
	z-index: 900;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0;
}

.pricing-bms-sticky-nav .container {
	max-width: 100%;
}

.pricing-bms-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

.pricing-bms-tabs__tab {
	font-family: var(--font-h, "Archivo", sans-serif);
	font-weight: 700;
	font-size: 14px;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid transparent;
	background: transparent;
	color: var(--text-label, #5c5c5c);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pricing-bms-tabs__tab:hover:not(.pricing-bms-tabs__tab--active) {
	color: var(--purple, #6b2cff);
}

.pricing-bms-tabs__tab--active {
	background: var(--purple, #6b2cff);
	color: var(--white, #fff);
	border-color: var(--purple, #6b2cff);
}

.pricing-bms-tabs__tab:not(.pricing-bms-tabs__tab--active) {
	background: var(--white, #fff);
	border: 1px solid var(--dot-idle, #ddd);
}

.pricing-bms-tabs-select-wrap {
	display: none;
}

.pricing-bms-tabs-select-wrap {
	position: relative;
}

.pricing-bms-tabs-select-wrap::after {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid var(--red, #e60012);
	pointer-events: none;
}

.pricing-bms-tabs-select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 36px !important;
	background-image: none;
}

.bms-cards-toolbar--filter,
.bms-cards-toolbar__divider--filter,
.pricing-mobile-filter-btn,
.pricing-filter-backdrop,
.pricing-bms-filter__icon,
.pricing-bms-filter__close,
.pricing-bms-filter__footer {
	display: none;
}

.pricing-mobile-filter-count {
	min-width: 18px;
	height: 18px;
	border-radius: 999px;
	background: var(--red, #e60012);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
}

@media (max-width: 768px) {
	.pricing-bms-sticky-nav {
		padding: 12px 0;
	}

	.pricing-bms-sticky-nav .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.pricing-bms-tabs {
		display: none;
	}

	.pricing-bms-tabs-select-wrap {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0 auto;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.pricing-bms-tabs-select-wrap .pricing-bms-tabs-select {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0 !important;
		box-sizing: border-box;
		font-size: 15px;
		padding: 15px 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* Tab panels: click to switch only (no scroll-spy) */
.pricing-bms-tabpanels {
	position: relative;
}

.pricing-bms-tabpanel[hidden] {
	display: none !important;
}

/* Placeholder rows for GPU / Storage / Cloud */
.pricing-bms-placeholder {
	padding: 80px 16px 100px;
	text-align: center;
}

.pricing-bms-placeholder__text {
	font-family: var(--font-body, "Roboto", sans-serif);
	font-size: 16px;
	color: var(--text-body, #444);
	margin: 0;
}

/* Optional: spacing for nested BMS sections inside Dedicated tab */
#pricing-product-tabs .pricing-bms-tabpanel .bms-section {
	padding: 70px 0 65px;
	background: var(--white, #fff);
	padding-top: 25px;
}

/* Sidebar filters (below location list) */
.pricing-bms-filter {
	margin-top: 20px;
	padding-top: 18px;
	border: 1px solid #e7e7e7;
	background: #fdfdfd;
	padding: 20px;
	border-radius: 10px;
}

.pricing-bms-filter__head {
	display: block;
}

.pricing-bms-filter__title {
	font-family: var(--font-h, "Archivo", sans-serif);
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 12px;
	color: var(--text-heading, #1a1a1a);
}

.pricing-bms-filter__group {
	border: 0;
	margin: 0 0 14px;
	padding: 0;
	min-width: 0;
}

.pricing-bms-filter__legend {
	font-family: var(--font-h, "Archivo", sans-serif);
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-label, #5c5c5c);
	margin-bottom: 8px;
	padding: 0;
}

.pricing-bms-filter__check {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body, "Roboto", sans-serif);
	font-size: 13.5px;
	color: var(--text-body, #444);
	cursor: pointer;
	margin-bottom: 6px;
}

.pricing-bms-filter__check input {
	width: 16px;
	height: 16px;
	accent-color: var(--purple, #6b2cff);
	flex-shrink: 0;
}

.pricing-bms-filter__switch {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body, "Roboto", sans-serif);
	font-size: 13px;
	cursor: pointer;
	color: var(--text-body, #444);
}

.pricing-bms-filter__switch input {
	width: 16px;
	height: 16px;
	accent-color: var(--purple, #6b2cff);
}

.pricing-bms-filter__reset {
	width: 100%;
	margin-top: 4px;
	padding: 8px 12px;
	font-family: var(--font-h, "Archivo", sans-serif);
	font-weight: 600;
	font-size: 12px;
	border-radius: 8px;
	border: 1px solid var(--dot-idle, #ddd);
	background: var(--white, #fff);
	color: var(--text-label, #5c5c5c);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

.pricing-bms-filter__reset:hover {
	border-color: var(--purple, #6b2cff);
	color: var(--purple, #6b2cff);
}

/* data-center-hong-kong.html — filter without location list above */
.pricing-bms-filter--no-locations {
	margin-top: 0;
}

body.pricing-filter-modal--open {
	overflow: hidden;
}

@media (max-width: 768px) {
	#pricing-product-tabs .bms-cards-toolbar--filter {
		display: flex;
		flex: 0 0 auto;
		padding: 0;
		margin-bottom: 10px;
	}

	#pricing-product-tabs .pricing-mobile-filter-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		min-height: 42px;
		padding: 9px 12px;
		border: 1px solid var(--red, #e60012);
		border-radius: 9px;
		background: var(--red, #e60012);
		color: #fff;
		font-family: var(--font-h, "Archivo", sans-serif);
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
		transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	}

	#pricing-product-tabs .pricing-mobile-filter-btn:hover {
		border-color: var(--red-hover, #d90000);
		background: var(--red-hover, #d90000);
		color: #fff;
	}

	#pricing-product-tabs .pricing-mobile-filter-count {
		background: #fff;
		color: var(--red, #e60012);
	}

	#pricing-product-tabs .pricing-mobile-filter-btn:focus-visible {
		outline: 2px solid var(--red, #e60012);
		outline-offset: 2px;
	}

	#pricing-product-tabs .pricing-filter-backdrop,
	.pricing-filter-backdrop.pricing-filter-backdrop--body-layer {
		position: fixed;
		inset: 0;
		z-index: 2147483646;
		display: block;
		background: transparent;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.25s ease, visibility 0.25s ease;
	}

	#pricing-product-tabs .pricing-bms-filter,
	.pricing-bms-filter.pricing-bms-filter--body-layer {
		position: fixed;
		inset: 0;
		z-index: 2147483647;
		width: 100%;
		max-width: none;
		max-height: none;
		height: 100dvh;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border: 0;
		border-radius: 0;
		background: #fff;
		box-shadow: none;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(16px);
		transition:
			transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.28s ease,
			visibility 0.28s ease;
	}

	#pricing-product-tabs .pricing-bms-filter::before,
	.pricing-bms-filter.pricing-bms-filter--body-layer::before {
		display: none;
	}

	#pricing-product-tabs .pricing-bms-filter__head,
	.pricing-bms-filter--body-layer .pricing-bms-filter__head {
		position: sticky;
		top: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: calc(18px + env(safe-area-inset-top, 0px)) 20px 16px;
		flex: 0 0 auto;
		border-bottom: 1px solid #e5e7eb;
		background: #fff;
	}

	#pricing-product-tabs .pricing-bms-filter__icon,
	.pricing-bms-filter--body-layer .pricing-bms-filter__icon {
		display: none;
	}

	#pricing-product-tabs .pricing-bms-filter__title,
	.pricing-bms-filter--body-layer .pricing-bms-filter__title {
		margin: 0;
		flex: 1 1 auto;
		font-size: 20px;
		line-height: 1.3;
		letter-spacing: -0.02em;
		color: var(--black, #111);
	}

	#pricing-product-tabs .pricing-bms-filter__close,
	.pricing-bms-filter--body-layer .pricing-bms-filter__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border: 1px solid var(--red, #e60012);
		border-radius: 10px;
		background: var(--red, #e60012);
		color: #fff;
		cursor: pointer;
		transition: background 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
	}

	#pricing-product-tabs .pricing-bms-filter__close:hover,
	.pricing-bms-filter--body-layer .pricing-bms-filter__close:hover {
		background: var(--red-hover, #d90000);
		border-color: var(--red-hover, #d90000);
		color: #fff;
	}

	#pricing-product-tabs .pricing-bms-filter__group,
	.pricing-bms-filter--body-layer .pricing-bms-filter__group {
		margin: 0 20px 18px;
	}

	#pricing-product-tabs .pricing-bms-filter__body,
	.pricing-bms-filter--body-layer .pricing-bms-filter__body {
		flex: 1 1 auto;
		min-height: 0;
		padding-top: 22px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#pricing-product-tabs .pricing-bms-filter__legend,
	.pricing-bms-filter--body-layer .pricing-bms-filter__legend {
		margin-bottom: 10px;
		color: #334155;
	}

	#pricing-product-tabs .pricing-bms-filter__check,
	#pricing-product-tabs .pricing-bms-filter__switch,
	.pricing-bms-filter--body-layer .pricing-bms-filter__check,
	.pricing-bms-filter--body-layer .pricing-bms-filter__switch {
		min-height: 34px;
		font-size: 14px;
	}

	#pricing-product-tabs .pricing-bms-filter__reset,
	.pricing-bms-filter--body-layer .pricing-bms-filter__reset {
		display: none;
	}

	#pricing-product-tabs .pricing-bms-filter__footer,
	.pricing-bms-filter--body-layer .pricing-bms-filter__footer {
		position: relative;
		z-index: 2;
		display: flex;
		gap: 10px;
		padding: 14px 20px calc(18px + env(safe-area-inset-bottom, 0px));
		margin-top: auto;
		border-top: 1px solid #e5e7eb;
		background: #fff;
		flex: 0 0 auto;
	}

	#pricing-product-tabs .pricing-bms-filter__modal-btn,
	.pricing-bms-filter--body-layer .pricing-bms-filter__modal-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 1 1 0;
		min-height: 44px;
		padding: 10px 14px;
		border-radius: 10px;
		border: 1px solid transparent;
		font-family: var(--font-h, "Archivo", sans-serif);
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
		transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
	}

	#pricing-product-tabs .pricing-bms-filter__modal-btn--secondary,
	.pricing-bms-filter--body-layer .pricing-bms-filter__modal-btn--secondary {
		background: #fff;
		border-color: rgba(15, 23, 42, 0.14);
		color: #334155;
	}

	#pricing-product-tabs .pricing-bms-filter__modal-btn--secondary:hover,
	.pricing-bms-filter--body-layer .pricing-bms-filter__modal-btn--secondary:hover {
		background: #f1f5f9;
		border-color: rgba(15, 23, 42, 0.22);
	}

	#pricing-product-tabs .pricing-bms-filter__modal-btn--primary,
	.pricing-bms-filter--body-layer .pricing-bms-filter__modal-btn--primary {
		background: var(--red, #e60012);
		border-color: var(--red, #e60012);
		color: #fff;
		box-shadow: 0 2px 8px rgb(167 0 0 / 25%);
	}

	#pricing-product-tabs .pricing-bms-filter__modal-btn--primary:hover,
	.pricing-bms-filter--body-layer .pricing-bms-filter__modal-btn--primary:hover {
		filter: brightness(1.06);
	}

	#pricing-product-tabs .pricing-bms-filter.pricing-bms-filter--open,
	.pricing-bms-filter.pricing-bms-filter--body-layer.pricing-bms-filter--open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	#pricing-product-tabs .pricing-filter-backdrop.pricing-filter-backdrop--open,
	.pricing-filter-backdrop.pricing-filter-backdrop--body-layer.pricing-filter-backdrop--open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (max-width: 720px) {
	#pricing-product-tabs .bms-cards-toolbar-bar {
		grid-template-columns: 1fr 1fr;
	}

	#pricing-product-tabs .bms-cards-toolbar__divider--filter {
		display: none;
	}

	#pricing-product-tabs .bms-cards-toolbar--filter {
		justify-content: stretch;
	}
}

@media (max-width: 640px) {
	#pricing-product-tabs .pricing-bms-tabpanel .bms-section {
		padding-top: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {

	#pricing-product-tabs .pricing-bms-filter,
	#pricing-product-tabs .pricing-filter-backdrop {
		transition: none;
	}
}

#dc-hk-bms-dedicated .dc-hk-dedicated__title,
#dc-la-bms-dedicated .dc-hk-dedicated__title,
#dc-tokyo-bms-dedicated .dc-hk-dedicated__title {
	margin: 0 0 28px;
	text-align: center;
}

#dc-la-bms-dedicated,
#dc-tokyo-bms-dedicated {
	background: #fbfbfb;
}

/* Anchor jump: clear sticky facility tabs + navbar */
#dc-hk-bms-dedicated,
#dc-la-bms-dedicated,
#dc-tokyo-bms-dedicated,
#hk-key-advantages,
#la-key-advantages,
#tokyo-key-advantages {
	scroll-margin-top: calc(var(--bms-sticky-stack) + 20px);
}

/* =============================================================================
   solutions-fintech-phrase-bundle.css
   Single-file merge — do not edit directly.
   Order: sfp-hub-scoped.css → solution-hub.css → solutions-fintech-phrase.css
   Rebuild: node scripts/build-solutions-fintech-phrase-bundle.mjs
   ============================================================================= */

/* ---------- sfp-hub-scoped.css — Workload + network (output of prefix-sfp-hub-css.mjs + fix-sfp-media-scope) ---------- */
/* AUTO-GENERATED by scripts/prefix-sfp-hub-css.mjs — workload + network-routing scoped to .sol-page */
.sol-page .ds-workload-showcase {
	position: relative;
	padding: 90px 0 80px;
	background: linear-gradient(180deg, var(--bg-soft) 0%, var(--white) 45%, var(--white) 100%);
	/* Avoid overflow:hidden clipping vertically: short viewports would cut card copy and CTAs */
	overflow-x: hidden;
	overflow-x: clip;
	overflow-y: visible;
}

.sol-page .fintech-tailored-config__container {

	align-items: start;
}


/* Do not override .container horizontal padding; track below uses var(--container-pad) */
.sol-page .ds-workload-showcase__head {
	text-align: center;
	padding-bottom: 20px;
	max-width: 960px;
	margin: 0 auto;
}

.sol-page .ds-workload-showcase__title {
	margin: 12px;

}

.sol-page .ds-workload-showcase__title .text-purple {
	color: var(--purple);
}

/* Reuse .promo__track; card gap ≈50px+20px at common widths, fluid via % (see clamp middle term) */
.sol-page .ds-workload-showcase .ds-workload-track.promo__track {
	align-items: stretch;
	justify-content: center;
	justify-content: safe center;
	gap: clamp(50px, 3%, 88px);
	padding-top: 16px;
	padding-bottom: 36px;
	touch-action: pan-x;
	-webkit-overflow-scrolling: touch;
	margin-top: 25px;
}

/* Skip index promo 1px ::after strip so centered track doesn’t look offset */
.sol-page .ds-workload-showcase .ds-workload-track.promo__track::after {
	content: none;
	display: none;
}

.sol-page .ds-workload-card {
	/* Slide width +20% vs legacy min(300px, 82vw); JS snap/dots use measured layout */
	flex: 0 0 min(calc(300px * 1.2), calc(82vw * 1.2));
	align-self: stretch;
	display: flex;
	flex-direction: column;
	/* Short viewports: don’t lock min-height to 460px; tighten middle term when dvh is available */
	min-height: clamp(280px, 58vh, 600px);
	min-height: clamp(280px, min(58vh, 68dvh), 600px);
	min-width: 0;
	position: relative;
	will-change: transform, opacity;
	opacity: 0;
	transform: translateX(40px);
	transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease, opacity 0.45s ease;
	-webkit-user-select: none;
	user-select: none;
}

.sol-page .ds-workload-card--visible {
	opacity: 1;
	transform: translateX(0);
}

.sol-page .ds-workload-card:nth-child(1).ds-workload-card--visible {
	transition-delay: 0s;
}

.sol-page .ds-workload-card:nth-child(2).ds-workload-card--visible {
	transition-delay: 0.06s;
}

.sol-page .ds-workload-card:nth-child(3).ds-workload-card--visible {
	transition-delay: 0.12s;
}

.sol-page .ds-workload-card:nth-child(4).ds-workload-card--visible {
	transition-delay: 0.18s;
}

.sol-page .ds-workload-card:nth-child(5).ds-workload-card--visible {
	transition-delay: 0.24s;
}

.sol-page .ds-workload-card:nth-child(6).ds-workload-card--visible {
	transition-delay: 0.3s;
}

.sol-page .ds-workload-card:nth-child(7).ds-workload-card--visible {
	transition-delay: 0.36s;
}

.sol-page .ds-workload-card:nth-child(8).ds-workload-card--visible {
	transition-delay: 0.42s;
}

.sol-page .ds-workload-card:nth-child(9).ds-workload-card--visible {
	transition-delay: 0.48s;
}

.sol-page .ds-workload-card:nth-child(10).ds-workload-card--visible {
	transition-delay: 0.54s;
}

/* Avoid % flex heights (image bands vary); aspect-ratio keeps image areas even across cards */
.sol-page .ds-workload-card__media {
	flex: 0 1 auto;
	width: 100%;
	aspect-ratio: 3 / 4;
	max-height: min(48vh, 360px);
	max-height: min(48vh, 38dvh, 360px);
	min-height: clamp(100px, 22vh, 220px);
	min-height: clamp(100px, 22dvh, 220px);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
	background: transparent;
	border: 1px solid #dfdfdf;
	touch-action: pan-x;
}

.sol-page .ds-workload-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	pointer-events: none;
}

.sol-page .ds-workload-card__content {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	padding: clamp(18px, 2.5vw, 24px) 2px 0;
	min-height: 0;
}

/* Measuring hook: opt out of flex grow/shrink until true content height is read */
.sol-page .ds-workload-card__content.ds-workload-card__content--measuring {
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 0 !important;
	align-self: stretch;
}

.sol-page .ds-workload-card__content--measuring .ds-workload-card__lede {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.sol-page .ds-workload-card__category {
	font-size: 12px;
	background: #001f3500;
	color: var(--navy-deep);
	padding: 3px 12px;
	margin-bottom: 15px;
	display: block;
	width: fit-content;
	border-radius: 5px;
	border: 1px solid #5d5d5d;
}

/* No inner scrollbar; flex absorbs extra height, CTA pins bottom (JS syncs __content min-height) */
.sol-page .ds-workload-card__lede {
	flex: 1 0 auto;
	min-width: 0;
	overflow: visible;
}

.sol-page .ds-workload-card__title {
	position: relative;
	padding-left: 14px;
	margin: 0 0 10px 0;
	font-family: var(--font-h);
	font-weight: 800;
	font-size: 20px;
	line-height: 1.2;
	color: var(--black);
}

.sol-page .ds-workload-card__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.14em;
	width: 4px;
	height: 1.05em;
	background: var(--red);
	border-radius: 99px;
	transform: rotate(16deg);
	transform-origin: top left;
}

.sol-page .ds-workload-card__desc {
	margin: 0;
	font-family: var(--font-b);
	font-size: 14px;
	line-height: 1.62;
	color: var(--text-body);
}

.sol-page .ds-workload-card__cta {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 0;
	padding: 14px 0 4px;
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	color: var(--red);
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
	-webkit-user-select: none;
	user-select: none;
}

.sol-page .ds-workload-card__cta:hover {
	color: var(--red-hover);
	gap: 12px;
}

.sol-page .ds-workload-card__cta-arrow {
	font-weight: 400;
	transition: transform 0.2s ease;
}

.sol-page .ds-workload-card__cta:hover .ds-workload-card__cta-arrow {
	transform: translateX(3px);
}

/* All cards fit: center row, no horizontal scroll UI */
.sol-page .ds-workload-showcase--fit-all .ds-workload-track.promo__track {
	overflow-x: hidden;
	justify-content: center;
	justify-content: safe center;
	cursor: default;
}

.sol-page .ds-workload-showcase--fit-all .ds-workload-track.promo__track:active {
	cursor: default;
}

.sol-page .ds-workload-showcase--fit-all .ds-workload-card {
	flex: 1 1 0;
	align-self: stretch;
	min-width: 0;
	max-width: calc(360px * 1.2);
}

.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-arrow-left,
.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-arrow-right,
.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-dots {
	display: none !important;
}

/* Fallback: narrow windows don’t lock overflow (JS disables fit-all below 1280px) */
@media (max-width: 1279px) {
	.sol-page .ds-workload-showcase--fit-all .ds-workload-track.promo__track {
		overflow-x: auto !important;
		justify-content: center !important;
		justify-content: safe center !important;
		cursor: grab;
	}

	.sol-page .ds-workload-showcase--fit-all .ds-workload-track.promo__track:active {
		cursor: grabbing;
	}

	.sol-page .ds-workload-showcase--fit-all .ds-workload-card {
		flex: 0 0 min(calc(300px * 1.2), calc(82vw * 1.2));
		max-width: none;
	}

	.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-arrow-left,
	.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-arrow-right {
		display: flex !important;
	}

	.sol-page .ds-workload-showcase--fit-all #fintech-phrase-workload-dots {
		display: flex !important;
	}
}

@media (max-width: 768px) {
	.sol-page .ds-workload-card {
		flex: 0 0 min(calc(280px * 1.2), calc(78vw * 1.2));
		min-height: clamp(260px, min(56vh, 62dvh), 520px);
		min-height: clamp(260px, 56vh, 520px);
	}

	.sol-page .ds-workload-card__media {
		border-radius: 18px;
	}
}

/* Low-height viewports (landscape laptop, DevTools open): tighten media, type, section padding */
@media (max-height: 740px) {
	.sol-page .ds-workload-showcase {
		padding: 40px 0 36px;
	}

	.sol-page .ds-workload-showcase__head {
		padding-bottom: 10px;
	}

	.sol-page .ds-workload-showcase .ds-workload-track.promo__track {
		margin-top: 8px;
		padding-top: 8px;
		padding-bottom: 22px;
	}

	.sol-page .ds-workload-card {
		min-height: clamp(220px, min(52vh, 58dvh), 480px);
		min-height: clamp(220px, 52vh, 480px);
	}

	.sol-page .ds-workload-card__media {
		max-height: min(30vh, 200px);
		max-height: min(28dvh, 200px);
		min-height: 72px;
	}

	.sol-page .ds-workload-card__title {
		font-size: clamp(16px, 2.4vw, 19px);
		margin-bottom: 6px;
	}

	.sol-page .ds-workload-card__desc {
		font-size: 13px;
		line-height: 1.45;
	}

	.sol-page .ds-workload-card__content {
		padding: 10px 2px 0;
	}

	.sol-page .ds-workload-card__cta {
		padding: 8px 0 2px;
		font-size: 14px;
	}
}

@media (max-height: 560px) {
	.sol-page .ds-workload-showcase {
		padding: 24px 0 20px;
	}

	.sol-page .ds-workload-card {
		min-height: clamp(200px, min(48vh, 52dvh), 420px);
		min-height: clamp(200px, 48vh, 420px);
	}

	.sol-page .ds-workload-card__media {
		max-height: min(24vh, 150px);
		max-height: min(22dvh, 150px);
		min-height: 64px;
	}

	.sol-page .ds-workload-card__desc {
		font-size: 12px;
		line-height: 1.4;
	}
}

/* Portrait phones: don’t over-penalize from max-height 740; extra-tight for very short landscape */
@media (max-width: 768px) and (max-height: 520px) {
	.sol-page .ds-workload-card {
		min-height: clamp(180px, min(42vh, 48dvh), 360px);
		min-height: clamp(180px, 42vh, 360px);
	}

	.sol-page .ds-workload-card__media {
		max-height: min(22vh, 120px);
		max-height: min(20dvh, 120px);
		min-height: 56px;
	}
}


.sol-page .network-routing-section {
	padding: 0 0 60px;
	padding-bottom: 0;
}

.sol-page .network-routing {
	padding: 80px 0;
	background: #fbfbfb;
}

.sol-page .network-routing__inner {
	max-width: 1400px;
	margin: 0 auto;
}

.sol-page .network-routing__grid {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 0 60px;
	align-items: flex-start;
}

@media (min-width: 961px) {

	.sol-page .network-routing__inner,
	.sol-page .network-routing__grid,
	.sol-page .network-routing {
		overflow: visible;
	}
}

.sol-page .network-routing__media {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: sticky;
	top: 130px;

	margin-top: 8px;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
	border-radius: var(--radius-lg);
}

.sol-page .network-routing__media:hover {
	box-shadow: 0 16px 40px rgba(217, 0, 0, 0.2);
}

.sol-page .network-routing__image-wrap {
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	background: #11111100;
	display: block;
	width: 100%;
}

.sol-page .network-routing__image {
	display: block;
	width: 100%;
	height: auto;
}

.sol-page .network-routing__body {
	padding-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sol-page .network-routing__body-inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-left: 24px;
	position: relative;
}

.sol-page .network-routing__bar {
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 5px;
	height: 62px;
	background: var(--red);
	transform: rotate(20deg);
	border-radius: 9px;
}

/* Single section title: large headline (facility __subtitle weight) */
.sol-page .network-routing__title {
	font-family: var(--font-h);
	font-weight: 600;
	font-size: 38px;
	line-height: 1.35;
	color: var(--black);
	margin: 0 0 16px;
	margin-top: 2px;
}

.sol-page .network-routing__desc {
	font-family: var(--font-b);
	font-size: 16px;
	line-height: 1.55;
	color: var(--text-body);
	margin-bottom: 24px;
}

.sol-page .network-routing__highlights {
	list-style: disc;
	margin: 0 0 24px;
	padding-left: 1.25em;
	font-family: var(--font-b);
	font-size: 16px;
	line-height: 1.55;
	color: var(--text-body);
	display: none;
}

.sol-page .network-routing__highlights li {
	margin-bottom: 8px;
}

.sol-page .network-routing__highlights li:last-child {
	margin-bottom: 0;
}


.sol-page .network-routing__highlights {
	display: block !important;
}

/* ---------- solution-hub.css — Reusable sol-* layout ---------- */
/**
 * Reusable solution-page layout primitives.
 * Add class `sol-page` on the page root (e.g. <main id="…" class="page-main sol-page">).
 * Other solution pages can copy this file + the same class names.
 */

/* --- Panel (section shell) --- */
.sol-page .sol-panel {
	padding: 72px 0;
}

.sol-page .sol-panel--soft {
	background: linear-gradient(180deg, var(--bg-soft) 0%, var(--white) 100%);
}

.sol-page .sol-panel__head {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 44px;
}

.sol-page .sol-panel__head .title-h2 {
	margin-bottom: 12px;
}

.sol-page .sol-panel__lede {
	margin: 0;
	font-size: 17px;
	line-height: 1.6;
	color: var(--text-body);
}

.sol-page .ds-workload-showcase__foot {
	max-width: 960px;
	margin: 60px auto 0;
	padding: 0 var(--container-pad);
	text-align: center;
}

@media (max-width: 768px) {
	.sol-page .ds-workload-showcase__foot {
		margin-top: 32px;
	}
}

.sol-page .sol-panel__lede a.text-purple {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sol-page .sol-panel__lede a.text-purple:hover {
	color: var(--purple-light);
}

/* --- Compare table (3-column, horizontal scroll on narrow viewports) --- */
.sol-page .sol-table-scroll {
	max-width: 1280px;
	margin: 0 auto;
	border: 1px solid var(--border-lt);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	background: var(--white);
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.sol-page .sol-table-scroll:focus-visible {
	outline: 2px solid var(--purple);
	outline-offset: 3px;
}

.sol-page .sol-table {
	min-width: 720px;
	margin: 0;
	border: none;
	border-radius: 0;
	overflow: visible;
	background: transparent;
	box-shadow: none;
}

.sol-page .sol-table__row {
	display: grid;
	grid-template-columns: minmax(140px, 22%) 1fr 1fr;
	gap: 0;
	border-bottom: 1px solid var(--border-lt);
}

.sol-page .sol-table__row:last-child {
	border-bottom: none;
}

.sol-page .sol-table__row--head {
	font-family: var(--font-h);
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--bg-gray);
}

.sol-page .sol-table__cell {
	padding: 18px 20px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--text-body);
	border-right: 1px solid var(--border-lt);
}

.sol-page .sol-table__cell:last-child {
	border-right: none;
}

.sol-page .sol-table__cell--label {
	font-weight: 600;
	color: var(--text-label);
	background: var(--bg-soft);
}

.sol-page .sol-table__cell--accent {
	background: rgb(0 255 33 / 14%);
	border-right: 1px solid var(--border-lt);
	color: black;
}

/* Row label: accent bar + text */
.sol-page .sol-pin {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sol-page .sol-pin__bar {
	display: block;
	width: 3px;
	min-width: 3px;
	height: 30px;
	flex-shrink: 0;
	background: var(--red);
	border-radius: 100px;
	transform: rotate(16deg);
	transform-origin: center center;
}

.sol-page .sol-pin__txt {
	min-width: 0;
}

/* --- Feature cards grid --- */
.sol-page ul.sol-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sol-page .sol-cards__item {
	padding: 24px 22px;
	background: var(--white);
	border: 1px solid var(--border-lt);
	border-radius: var(--radius-md);
	box-shadow: 0 8px 28px rgba(6, 47, 125, 0.06);
}

.sol-page .sol-cards__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 14px;
	border-radius: 12px;
	background: #b8ff26;
	color: black;
	font-size: 20px;
}

.sol-page .sol-cards__title {
	font-family: var(--font-h);
	font-weight: 700;
	font-size: 17px;
	margin: 0 0 8px 0;
	color: var(--text-dark);
}

.sol-page .sol-cards__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-body);
}

.sol-page .sol-faq__inner {
	max-width: 880px;
	margin: 0 auto;
}

.sol-page .sol-cta {
	padding: 50px 0;
	text-align: left;
}

.sol-page .sol-cta .sol-cta__slot {
	grid-column: auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.sol-page .sol-cta .newsroom-interstitial__inner {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1280px;
	margin: 27px auto;
}

.sol-page .sol-cta .newsroom-interstitial__copy {
	flex: 1 1 280px;
	min-width: 0;
}

.sol-page .sol-cta .newsroom-interstitial__cta {
	flex: 0 1 auto;
}

.sol-page .sol-cta .btn--outline {
	color: var(--white);
	border-color: rgba(255, 255, 255, 0.45);
}

.sol-page .sol-cta .btn--outline:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--white);
	color: var(--white);
}

@media (max-width: 1024px) {
	.sol-page ul.sol-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.sol-page .sol-panel {
		padding: 48px 0;
	}

	.sol-page ul.sol-cards {
		grid-template-columns: 1fr;
	}

	.sol-page .sol-cta .newsroom-interstitial__cta {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.sol-page .sol-cta .newsroom-interstitial__cta .btn {
		width: 100%;
		justify-content: center;
		white-space: normal;
	}
}

/* Workload track: flex-start aligns with JS scroll snap (offsetLeft); source deploy uses center */
.sol-page .ds-workload-showcase .ds-workload-track.promo__track {
	justify-content: flex-start;
}

/* Fintech use-case slider: reduce scroll chaining / gesture conflict with page on touch */
.sol-page #fintech-phrase-workload-track {
	overscroll-behavior-x: contain;
}

/* ---------- solutions-fintech-phrase.css — Fintech phrase page overrides ---------- */
/* ====================================================================
   PAGE: solutions-fintech-phrase.html
   All rules are scoped under .sol-page (solution template root) or .sfp-page
   so nothing here matches other pages. Add new section styles only inside
   these scopes — do not add bare .sol-* / .backbone-* globals without prefix.
   <body class="sfp-page"> marks this HTML shell for future body-level tweaks.
   ==================================================================== */

@media (prefers-reduced-motion: reduce) {
	.sol-page .gaming-hero-section__bg-image.fintech-hero-bg {
		animation: none;
		filter: hue-rotate(10deg) saturate(1.05);
	}
}

/* Fintech phrase visuals (scoped; keyframes renamed to avoid clashing with style.css) */
.sol-page .fintech-hero-section {
	padding: 60px 0 30px;
}

.sol-page .fintech-hero-section .xlc-connectivity-intro p {
	margin-top: 20px;
	font-size: clamp(17px, 2vw, 19px);
}

.sol-page .gaming-hero-section__bg-image.fintech-hero-bg {
	background: url(/wp-content/uploads/2026/04/fintech-bg.jpg) center / cover no-repeat;
	animation: hueShiftFintechHeroSfp 1s ease-in-out infinite alternate;
	grid-template-columns: 1.3fr 1fr;
	gap: 80px;
}

@keyframes hueShiftFintechHeroSfp {
	0% {
		filter: hue-rotate(0deg);
	}

	100% {
		filter: hue-rotate(-100deg);
	}
}

.sol-page .fintech-tailored-config__container .tailored-config__left {
	max-width: 100%;
}

/* Why / tailored CTA: primary + purple subheading share line-height (purple defaults to 1 in style.css) */
.sol-page .tailored-config__heading,
.sol-page .tailored-config__heading--purple {
	line-height: 1.1;
}

.sol-page .tailored-config__right.fintech-why-bg {
	background: url(/wp-content/uploads/2026/05/sol-fintech.jpg) center / cover no-repeat;
	filter: hue-rotate(8deg) saturate(0.96);
	min-height: 700px;
}


.sol-page .tailored-config__right.fintech-why-bg.bg-video-steaming-phrase {
	background: url(/wp-content/uploads/2026/05/sol-video-steaming.jpg) center / cover no-repeat;

}

.sol-page .tailored-config__right.fintech-why-bg.bg-gaming-phrase {
	background: url(/wp-content/uploads/2026/05/sol-gaming-intro-phrase2.jpg) center / cover no-repeat;

}

.sol-page .tailored-config__right.gaming-phrase-bg,
.sol-page #fintech-phrase-tailored-cta .tailored-config__right.gaming-phrase-bg {
	min-height: 500px;
	background: url(/wp-content/uploads/2026/05/sol-gaming2-phrase2.jpg) top / cover no-repeat;
}

/* Beyond shared clouds (#fintech-phrase-tailored-cta): right column image */
.sol-page #fintech-phrase-tailored-cta .tailored-config__right.fintech-bg {
	min-height: 400px;
	background: url(/wp-content/uploads/2026/05/sol-fintech3.jpg) top / cover no-repeat;
}

.sol-page #fintech-phrase-tailored-cta .tailored-config {
	padding-top: 100px;
}

/* Conclusion: soft gray band (same as .sol-panel--soft) + tailored two-column layout */
.sol-page #fintech-phrase-t3-section.tailored-section.sol-panel--soft {
	background: var(--bg-soft) 0%;
	margin-top: 0;
}

.sol-page #fintech-phrase-t3-section.tailored-section.sol-panel--soft .fintech-tailored-config__container {
	align-items: center;
}

.sol-page #fintech-phrase-t3-section .tailored-config__right.fintech-bg {
	min-height: 400px;
	background: url(/wp-content/uploads/2026/05/sol-fintech3.jpg) top / cover no-repeat;
}

.sol-page #fintech-phrase-t3-section .tailored-config {
	padding-top: 0;
	background: transparent;
	padding-bottom: 0;
}

/* Why purpose-built: section top spacing */
.sol-page #fintech-phrase-why-section {
	padding-top: 30px;
}

/* Why purpose-built: one <h2> so the full line flows on one row when it fits; wraps with balance when narrow */
.sol-page #fintech-phrase-why-section .fintech-why-title {
	margin: 0;
	max-width: 100%;
	line-height: 1.12;
	/*text-wrap: balance;
  overflow-wrap: break-word;
  word-break: normal;*/

}

.sol-page #fintech-phrase-why-section .fintech-why-title__lead {
	color: var(--black);
	font-weight: 700;
}

.sol-page #fintech-phrase-why-section .fintech-why-title__accent {
	color: var(--purple);
	font-weight: 700;
}

@media (max-width: 768px) {
	.sol-page #fintech-phrase-why-section {
		padding-top: 0px;
	}

	.sol-page #fintech-phrase-why-section .fintech-why-title {
		font-size: 26px;
		line-height: 1.25;
		text-align: left;
	}

	/* Why accordion + APAC workload row: override global .solution-name line-height (30px) */
	.sol-page .solution-name {
		line-height: 1.1;
	}

	/* Mobile: hide decorative image wrappers (bg divs + card figure strips) */
	.sol-page .gaming-hero-section__bg,
	.sol-page .tailored-config__right.fintech-why-bg,
	.sol-page .tailored-config__right.fintech-bg,
	.sol-page .network-routing__media,
	.sol-page .ds-workload-card__media {
		display: none !important;
	}

	.sol-page .ds-workload-card {
		min-height: 0;
	}

	/* Fintech use cases slider: center first slide; cards match global promo cards (white bg, grey border, 16px radius) */
	.sol-page #fintech-phrase-workload-track {
		--workload-slide-w: min(calc(280px * 1.2), calc(78vw * 1.2));
		padding-left: max(var(--container-pad), calc((100% - var(--workload-slide-w)) / 2));
		padding-right: max(var(--container-pad), calc((100% - var(--workload-slide-w)) / 2));
		/* Drag / swipe ends aligned to one card (overrides style.css .promo__track scroll-snap-type: none) */
		scroll-snap-type: x mandatory;
		scroll-padding-inline: max(var(--container-pad), calc((100% - var(--workload-slide-w)) / 2));
	}

	.sol-page #fintech-phrase-workload-track .ds-workload-card {
		background: var(--white);
		border: 1px solid var(--border-lt);
		border-radius: 16px;
		box-shadow: 0px 2px 4px rgba(7, 4, 146, 0.10),
			0px 24px 14px rgba(6, 47, 125, 0.05),
			0px 12px 24px rgba(27, 59, 119, 0.05);
		box-sizing: border-box;
		padding: clamp(16px, 4vw, 22px);
		overflow: hidden;
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}

	.sol-page #fintech-phrase-workload-track .ds-workload-card__content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 4px;
	}

	.sol-page .network-routing__grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sol-page .network-routing {
		padding: 50px 0;
	}

	.sol-page .ds-workload-showcase {
		padding: 50px 0 50px;
	}

	.sol-page .sol-cta {
		padding: 0;
	}

	/* Beyond shared clouds: zero top padding on mobile */
	.sol-page #fintech-phrase-tailored-cta .tailored-config {
		padding-top: 0;
	}
}

/* Desktop: full-width workload track (as before); gutter aligns with .container content, not viewport edge */
@media (min-width: 769px) {
	.sol-page #fintech-phrase-workload-showcase #fintech-phrase-workload-track {
		box-sizing: border-box;
		padding-inline: calc(max(0px, (100vw - var(--container)) / 2) + var(--container-pad));
	}

	.sol-page #fintech-phrase-workload-showcase #fintech-phrase-workload-dots {
		padding-inline: calc(max(0px, (100vw - var(--container)) / 2) + var(--container-pad));
	}
}

.sol-page #fintech-phrase-why-section .network-routing-accordion {
	margin-top: 1.1em;
}

.sol-page #fintech-phrase-why-section .network-routing-accordion__panel-inner>p {
	margin: 0;
	font-family: var(--font-b);
	font-size: 16px;
	line-height: 1.45;
	color: var(--text-body);
}

.sol-page #fintech-phrase-apac-routing,
.sol-page #fintech-phrase-security-section {
	scroll-margin-top: calc(var(--bms-sticky-stack) + 28px);
}

/* APAC headline: sfp-hub pins .sol-page .network-routing__title at 38px, overriding style.css responsive; match Security .title-h2 (36px at 960, 28px at 640) */
@media (max-width: 960px) {
	.sol-page #fintech-phrase-apac-routing .network-routing__title {
		font-size: 36px;
		line-height: 42px;
	}
}

@media (max-width: 640px) {
	.sol-page #fintech-phrase-apac-routing .network-routing__title {
		font-size: 28px;
		line-height: 34px;
	}

	.sol-page .tailored-config__right.gaming-phrase-bg,
	.sol-page #fintech-phrase-tailored-cta .tailored-config__right.gaming-phrase-bg {
		min-height: 200px;
		background: url(/wp-content/uploads/2026/05/sol-gaming2-phrase2.jpg) center / cover no-repeat;
	}
}

/* Security quad cards: tighter line-height for long titles (e.g. Multi-vendor Anti-DDoS…) */
.sol-page #fintech-phrase-security-section .sol-cards__title {
	line-height: 1.18;
}

/* Tables 1 & 3: navy secure-section + green cyber table shell (T1 / T3 markup) */
.sol-page #fintech-phrase-t1-section.secure-section,
.sol-page #fintech-phrase-t3-section.secure-section {
	margin-top: 48px;
	margin-bottom: 48px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: clip;
}

.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-head,
.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-head {
	text-align: center;
	max-width: 920px;
	margin: 0 auto 40px;
}

.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-head .section-badge,
.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-head .section-badge {
	margin-bottom: 16px;
}

/* Title: one line on large screens; wraps on narrow screens to avoid clipping */
.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-title-wrap,
.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-title-wrap {
	overflow-x: auto;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-inline: clamp(8px, 2vw, 20px);
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 1100px) {

	.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-title-wrap,
	.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-title-wrap {
		overflow-x: visible;
	}

	.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-title,
	.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-title {
		display: block;
		white-space: normal;
		text-wrap: balance;
	}
}

.sol-page #fintech-phrase-t1-section .fintech-phrase-t1-desc,
.sol-page #fintech-phrase-t3-section .fintech-phrase-t1-desc {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.sol-page #fintech-phrase-t1-section .sol-table-scroll:focus-visible,
.sol-page #fintech-phrase-t3-section .sol-table-scroll:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--green) 80%, white);
	outline-offset: 3px;
}

/* T1/T3 tables: cyber glass — gradients and rim light keyed off var(--green) */
.sol-page #fintech-phrase-t1-section .sol-table-scroll,
.sol-page #fintech-phrase-t3-section .sol-table-scroll {
	border: 1px solid color-mix(in srgb, var(--green) 38%, transparent);
	border-radius: 14px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--green) 14%, transparent) 0%, transparent 48%),
		linear-gradient(210deg, color-mix(in srgb, var(--green) 12%, transparent) 0%, transparent 50%),
		linear-gradient(25deg, transparent 52%, color-mix(in srgb, var(--green) 8%, transparent) 100%);
	background-color: rgba(4, 18, 40, 0.42);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--green) 22%, transparent),
		0 12px 48px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 color-mix(in srgb, var(--green) 18%, transparent);
	-webkit-backdrop-filter: blur(14px) saturate(145%);
	backdrop-filter: blur(14px) saturate(145%);
}

.sol-page #fintech-phrase-t1-section .sol-table,
.sol-page #fintech-phrase-t3-section .sol-table {
	background: transparent;
}

.sol-page #fintech-phrase-t1-section .sol-table__row,
.sol-page #fintech-phrase-t3-section .sol-table__row {
	border-bottom: 1px solid color-mix(in srgb, var(--green) 12%, transparent);
}

.sol-page #fintech-phrase-t1-section .sol-table__row--head,
.sol-page #fintech-phrase-t3-section .sol-table__row--head {
	background: linear-gradient(92deg,
			color-mix(in srgb, var(--green) 12%, transparent) 0%,
			color-mix(in srgb, var(--green) 7%, transparent) 45%,
			color-mix(in srgb, var(--green-tp) 10%, transparent) 100%);
	color: rgba(255, 255, 255, 0.96);
	letter-spacing: 0.06em;
	text-shadow: 0 0 16px color-mix(in srgb, var(--green) 18%, transparent);
}

.sol-page #fintech-phrase-t1-section .sol-table__cell,
.sol-page #fintech-phrase-t3-section .sol-table__cell {
	color: rgba(235, 250, 242, 0.94);
	background: color-mix(in srgb, var(--green) 4%, rgba(255, 255, 255, 0.03));
	border-right: 1px solid color-mix(in srgb, var(--green) 14%, transparent);
}

.sol-page #fintech-phrase-t1-section .sol-table__cell--label,
.sol-page #fintech-phrase-t3-section .sol-table__cell--label {
	color: white;
	background: #002034;
}

.sol-page #fintech-phrase-t1-section .sol-table__cell--accent,
.sol-page #fintech-phrase-t3-section .sol-table__cell--accent {
	color: rgba(248, 250, 252, 0.98);
	background: #fff9000f;
	border-right: 1px solid color-mix(in srgb, var(--green) 18%, transparent);
}

/* Column 3 — Public Cloud (Virtualized): deep navy treatment vs green Bare Metal column */
.sol-page #fintech-phrase-t1-section .sol-table__row .sol-table__cell:nth-child(3),
.sol-page #fintech-phrase-t3-section .sol-table__row .sol-table__cell:nth-child(3) {
	background: linear-gradient(168deg,
			color-mix(in srgb, var(--navy-deep) 92%, transparent) 0%,
			color-mix(in srgb, var(--navy) 82%, transparent) 45%,
			color-mix(in srgb, var(--navy-deep) 95%, transparent) 100%);
	color: rgba(215, 228, 255, 0.96);
	border-right: none;
	border-left: 1px solid color-mix(in srgb, rgba(90, 150, 255, 0.45) 70%, var(--navy));
	box-shadow: inset 0 1px 0 color-mix(in srgb, rgba(120, 180, 255, 0.12) 50%, transparent);
}

.sol-page #fintech-phrase-t1-section .sol-pin__bar,
.sol-page #fintech-phrase-t3-section .sol-pin__bar {
	background: var(--green);
	box-shadow: 0 0 14px color-mix(in srgb, var(--green) 50%, transparent);
}

.sol-page #fintech-phrase-t1-section .sol-pin__txt,
.sol-page #fintech-phrase-t3-section .sol-pin__txt {
	color: rgb(255 255 255);
}

@media (prefers-reduced-motion: reduce),
(prefers-reduced-transparency: reduce) {

	.sol-page #fintech-phrase-t1-section .sol-table-scroll,
	.sol-page #fintech-phrase-t3-section .sol-table-scroll {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background-color: rgba(6, 22, 48, 0.92);
	}
}

/* How XLC Delivers: backbone row (same pattern as operating-system.html; body left, keyword bullets right) */
.sol-page #fintech-phrase-delivers-section .backbone__row {
	padding-left: 5%;
}

.sol-page #fintech-phrase-delivers-section .backbone__row-desc {
	max-width: min(560px, 100%);
}

.sol-page #fintech-phrase-delivers-section ul.backbone__feature-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sol-page #fintech-phrase-delivers-section .backbone__row-desc a.text-purple {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sol-page #fintech-phrase-delivers-section .backbone__row-desc a.text-purple:hover {
	color: var(--purple-light);
}

/* APAC: accordion workload__solution (not inside #workload-section; panels expand manually) */
.sol-page #fintech-phrase-apac-routing .fintech-phrase-apac-solutions {
	margin-top: 22px;
}

.sol-page #fintech-phrase-apac-routing .fintech-phrase-apac-solutions button.workload__solution {
	width: 100%;
	border: none;
	border-top: 1px solid #d4d4d4;
	background: none;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.sol-page #fintech-phrase-apac-routing .fintech-phrase-apac-solutions>.workload__solution-item:last-child>.workload__solution {
	border-bottom: 1px solid #d4d4d4;
}

.sol-page #fintech-phrase-apac-routing .workload__solution-panel {
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background: rgba(69, 0, 167, 0.04);
	border-bottom: 1px solid #d4d4d4;
}

.sol-page #fintech-phrase-apac-routing .workload__solution-item--open .workload__solution-panel {
	max-height: 520px;
}

.sol-page #fintech-phrase-apac-routing .workload__solution-item--open .solution-btn--accordion {
	transform: rotate(90deg);
}

.sol-page #fintech-phrase-apac-routing .workload__solution-panel-inner {
	padding: 16px 20px 22px 44px;
}

.sol-page #fintech-phrase-apac-routing .workload__solution-panel .workload__detail-desc {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--text-body);
}

.sol-page #fintech-phrase-apac-routing .workload__solution-panel .workload__detail-desc a.text-purple {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Table 2 heading: wrap + balance so full title is visible (no forced single line) */
.sol-page #fintech-phrase-t2-section .sol-panel__head {
	max-width: min(100%, 1100px);
	padding-inline: clamp(12px, 3vw, 24px);
	box-sizing: border-box;
	overflow-x: visible;
}

.sol-page #fintech-phrase-t2-section .fintech-phrase-t2-title-wrap {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-inline: clamp(4px, 1.5vw, 12px);
}

.sol-page #fintech-phrase-t2-section .fintech-phrase-t2-title {
	display: block;
	white-space: normal;
	text-wrap: balance;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* ── FAQ accordion: scoped copy of style.css .faq-* (this page does not rely on global .faq-item rules) ── */
.sol-page .faq-category__inner.sol-faq__inner {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 24px;
}

.sol-page .faq-accordion {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sol-page .faq-item {
	border-bottom: 1px solid #e8e8e8;
}

.sol-page .faq-item:first-child {
	border-top: 1px solid #e8e8e8;
}

.sol-page .faq-item__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: clamp(22px, 3.5vw, 28px) 0;
	text-align: left;
	font-family: inherit;
	font-size: clamp(16px, 1.25vw, 18px);
	font-weight: 600;
	color: #111;
	background: none;
	border: none;
	cursor: pointer;
	transition: color 0.2s;
}

.sol-page .faq-item__trigger:hover {
	color: var(--red, #d4380d);
}

.sol-page .faq-item__chev {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f0f0f0;
	color: #444;
	transition: transform 0.3s ease, background 0.2s;
}

.sol-page .faq-item--open .faq-item__chev {
	transform: rotate(180deg);
	background: rgba(212, 56, 13, 0.12);
	color: var(--red, #d4380d);
}

.sol-page .faq-item__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sol-page .faq-item--open .faq-item__panel {
	grid-template-rows: 1fr;
}

.sol-page .faq-item__panel-inner {
	min-height: 0;
	overflow: hidden;
}

.sol-page .faq-item__body {
	padding: 0 0 clamp(28px, 4vw, 40px);
	font-size: 16px;
	line-height: 1.75;
	color: #4a4a4a;
}

.sol-page .faq-item__body p {
	margin: 0 0 1em;
}

.sol-page .faq-item__body p:last-child {
	margin-bottom: 0;
}

.sol-page .faq-item__body ul {
	margin: 0.75em 0 1em;
	padding-left: 1.35em;
	list-style: disc;
}

.sol-page .faq-item__body li {
	margin-bottom: 0.5em;
}

.sol-page .faq-item__body strong {
	color: #222;
}

/* Long-form prose blocks (DOC sections) */
.sol-page .sfp-doc-prose {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 4px;
}

.sol-page .sfp-doc-prose p {
	margin: 0 0 1.25em;
	font-size: 17px;
	line-height: 1.65;
	color: var(--text-body);
}

.sol-page .sfp-doc-prose p:last-child {
	margin-bottom: 0;
}

/*+++++++++++++New Added Table Mobile Swipe Left 2026/05/20 by debbie+++++++++++++++++++++++*/

/* --- Compare table (3-column, horizontal scroll on narrow viewports) --- */
.sol-page .sol-table-scroll-wrap {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

.sol-page .sol-table-scroll {
	position: relative;
	max-width: none;
	margin: 0;
	border: 1px solid var(--border-lt);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	background: var(--white);
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.sol-page .sol-table-scroll:focus-visible {
	outline: 2px solid var(--purple);
	outline-offset: 3px;
}

/* Mobile swipe affordance: right-edge fade and hint overlay */
.sol-page .sol-table-scroll-hint {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	box-sizing: border-box;
	width: min(136px, 38vw);
	height: min(136px, 38vw);
	margin: 0;
	padding: 14px 12px;
	transform: translate(-50%, -50%);
	align-items: center;
	justify-content: center;
	font-family: var(--font-b);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	color: var(--text-body);
	border-radius: 50%;
	background: rgb(255 255 255 / 94%);
	border: 1px solid rgb(6 47 125 / 10%);
	box-shadow: 0 6px 28px rgb(6 47 125 / 18%);
	flex-direction: column;
	gap: 2px;
	pointer-events: none;
}

.sol-page .sol-table-scroll-hint__line {
	display: block;
}

.sol-page .sol-table-scroll-hint__chevrons {
	display: block;
	margin-top: 2px;
	letter-spacing: 0.12em;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

/* Right-edge fade sits on the scroll box (matches table bg + border-radius) */
.sol-page .sol-table-scroll-wrap.is-scrollable:not(.is-dismissed) .sol-table-scroll::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 36px;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.25s ease;
}

.sol-page .sol-table-scroll-wrap--light.is-scrollable:not(.is-dismissed) .sol-table-scroll::after {
	background: linear-gradient(90deg,
			rgb(255 255 255 / 0) 0%,
			rgb(255 255 255 / 0.35) 42%,
			rgb(255 255 255 / 0.88) 100%);
}

.sol-page .sol-table-scroll-wrap--dark.is-scrollable:not(.is-dismissed) .sol-table-scroll::after {
	background: linear-gradient(90deg,
			transparent 0%,
			rgba(4, 18, 40, 0.12) 38%,
			rgba(4, 18, 40, 0.72) 100%);
}

@media (max-width: 768px) {
	.sol-page .sol-table-scroll-wrap.is-scrollable:not(.is-dismissed) .sol-table-scroll-hint {
		display: flex;
	}
}

.sol-page .sol-table-scroll-wrap.is-dismissed .sol-table-scroll::after,
.sol-page .sol-table-scroll-wrap.is-dismissed .sol-table-scroll-hint {
	opacity: 0;
	visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.sol-page .sol-table-scroll-wrap.is-scrollable:not(.is-dismissed) .sol-table-scroll::after {
		transition: none;
	}
}

.sol-page .sol-table-scroll-wrap--dark .sol-table-scroll-hint {
	color: rgba(248, 250, 252, 0.96);
	background: rgba(6, 22, 48, 0.88);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
	border: 1px solid color-mix(in srgb, var(--green) 35%, transparent);
}

/*++++++++++++Blog Style 2026/05/21+++++++++++++++++++*/

#blog-article .xlc-faq p {
	background: #fffdfd;
	padding: 30px 25px;
	border-radius: 15px;
	border: 1px solid #ffe3de;
}

#blog-article .xlc-faq p strong {
	color: #e50011;
}

/*++++++++++++Fixed Item Container 2026/05/22+++++++++++++++++++*/

@media (max-width: 681px) {

	.bms-cards-wrap,
	.bms-intro__right {
		padding-left: 20px;
		padding-right: 20px;
	}

	.bms-sidebar {
		padding-left: 25px;
		padding-right: 25px;
	}

	.bms-section__grid {
		gap: 10px;
	}

}

/*++++++++++++Blog Code Style 2026/06/01+++++++++++++++++++*/

#page-main-blog-detail .blog-detail-main-col code {
	background: #000e2c;
	color: #74ff00 !important;
	border-radius: 4px;
	padding: 2px 6px;
}

#home-integration .cf7-row {
	padding-bottom: 0;
}

#promo-section .promo__card--has-img .promo__card-label {

	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

#promo-section .promo__card--has-img .promo__card-label div {
	font-weight: 300;
	color: black;
	border: 1px solid #878787;
	letter-spacing: 0.5px;
	padding: 1px 5px;
	border-radius: 3px;
	font-size: 11px;
}

.promo__card-title {

	line-height: 25px;

}

@media (max-width: 681px) {
	#promo-section .promo__card--has-img .promo__card-label {
		display: grid;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		gap: 10px;
	}
}

/*++++++++++*/

.newsroom-featured__date {
	font-weight: 500;
	color: #424242;
	border-bottom: 1px dashed red;

}


/* ===== START: 2026-07-08 partner logo marquee CSS ===== */
/* Partner logo marquee between promo cards and the first agency content block. */
.xlc-partner-bar {
  --xlc-partner-fade: #ffffff;
  --xlc-partner-line: #ececf1;
  padding: 30px 0 30px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 10%, #ffffff 80%, #fafafa 100%);
  margin-bottom: 25px;
  /* border-top: 1px solid #f6f6f6; */
}

.xlc-partner-bar__inner {
  display: grid;
  gap: 25px;
  width: min(100%, 1680px);
  margin: 0 auto;
}

.xlc-partner-bar__group {
  display: grid;
  gap: 14px;
}

.xlc-partner-bar__label {
  width: min(100% - 72px, 1280px);
  margin: 0 auto;
  color: #2c2c2c;
  font-family: var(--font-a);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.11em;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  width: fit-content;
  display: none;
}

.xlc-partner-bar__viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.xlc-partner-bar__viewport::before,
.xlc-partner-bar__viewport::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: min(13vw, 180px);
  pointer-events: none;
}

.xlc-partner-bar__viewport::before {
  left: 0;
  background: linear-gradient(90deg, var(--xlc-partner-fade) 0%, rgba(255, 255, 255, 0) 100%);
}

.xlc-partner-bar__viewport::after {
  right: 0;
  background: linear-gradient(270deg, var(--xlc-partner-fade) 0%, rgba(255, 255, 255, 0) 100%);
}

.xlc-partner-bar__track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.xlc-partner-bar__track--forward {
  animation: xlc-partner-marquee 58s linear infinite;
}

.xlc-partner-bar__track--reverse {
  animation: xlc-partner-marquee-reverse 62s linear infinite;
}

.xlc-partner-bar__viewport:hover .xlc-partner-bar__track {
  animation-play-state: paused;
}

.xlc-partner-bar__set {
  display: flex;
  align-items: stretch;
  flex: 0 0 auto;
}

.xlc-partner-bar__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 204px;
    height: 50px;
    padding: 0 34px;
    /* background: #ffffff; */
    opacity: 1;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.xlc-partner-bar__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    180deg,
    rgba(236, 236, 241, 0) 0%,
    var(--xlc-partner-line) 28%,
    var(--xlc-partner-line) 72%,
    rgba(236, 236, 241, 0) 100%
  );
  pointer-events: none;
}

.xlc-partner-bar__item:hover {
  transform: translateY(-1px);
}

.xlc-partner-bar__item img {
  display: block;
  max-width: 100%;
  max-height: 45px;
  object-fit: contain;
}

.xlc-partner-bar__item img[src*="at-tokyo.png"] {
  max-width: 121px;
  max-height: 38px;
}

.xlc-partner-bar__text-logo {
  color: #5f5f64;
  font-family: var(--font-a);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

@keyframes xlc-partner-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes xlc-partner-marquee-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .xlc-partner-bar__track,
  .xlc-partner-bar__track--forward,
  .xlc-partner-bar__track--reverse {
    animation: none;
    transform: none;
  }
}

@media (max-width: 767px) {
  .xlc-partner-bar {
    padding: 24px 0 36px;
  }

  .xlc-partner-bar__inner {
    gap: 20px;
  }

  .xlc-partner-bar__label {
    width: min(100% - 36px, 1280px);
    font-size: 12px;
  }

  .xlc-partner-bar__viewport::before,
  .xlc-partner-bar__viewport::after {
    width: 72px;
  }

  .xlc-partner-bar__item {
    min-width: 168px;
    height: 65px;
    padding: 0 24px;
  }

  .xlc-partner-bar__item img {
    max-width: 125px;
    max-height: 36px;
  }
}
/* ===== END: 2026-07-08 partner logo marquee CSS ===== */



/* ===== START: 2026-07-09 partners logo slider CSS ===== */
#partners-slider-new-july {
  padding: 26px 0 74px;
  background: linear-gradient(180deg, #fafafa 0%, #ffffff 54%, #ffffff 100%);
  overflow: hidden;
  padding-top: 75px;
  padding-bottom: 0;
}
#partners-slider-new-july .partners-slider-new__container {
  max-width: 1880px;
}

#partners-slider-new-july .partners-slider-new__head {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 30px;
  justify-items: center;
}

#partners-slider-new-july .partners-slider-new__title {
  margin: 0;
  color: var(--black);
}

#partners-slider-new-july .partners-slider-new__tabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(12, 12, 18, 0.08);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 9px 7px rgba(16, 24, 40, 0.015);
}

#partners-slider-new-july .partners-slider-new__tab {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  color: #353541;
  background: transparent;
  font-family: var(--font-a);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#partners-slider-new-july .partners-slider-new__tab:hover,
#partners-slider-new-july .partners-slider-new__tab:focus-visible {
  color: var(--red);
}

#partners-slider-new-july .partners-slider-new__tab--active {
  color: var(--white);
  background: var(--red);
  box-shadow: 0 10px 24px rgba(255, 0, 0, 0.22);
}

#partners-slider-new-july .partners-slider-new__tab--active:hover,
#partners-slider-new-july .partners-slider-new__tab--active:focus-visible {
  color: var(--white);
}

#partners-slider-new-july .partners-slider-new__stage {
  position: relative;
  display: grid;
  padding: 50px 76px 50px;
  /* border: 1px solid rgba(17, 24, 39, 0.08); */
  border-radius: 24px;
  /* background: rgba(255, 255, 255, 0.92); */
  padding-top: 00;
  /* box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1); */
}

#partners-slider-new-july .partners-slider-new__panel {
  grid-area: 1 / 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 0.34s ease, transform 0.34s cubic-bezier(0.16, 1, 0.3, 1);
}

#partners-slider-new-july .partners-slider-new__panel--active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

#partners-slider-new-july .partners-slider-new__panel[hidden] {
  display: none;
}

#partners-slider-new-july .partners-slider-new__viewport {
  position: relative;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

#partners-slider-new-july .partners-slider-new__viewport::before,
#partners-slider-new-july .partners-slider-new__viewport::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: min(12vw, 80px);
  pointer-events: none;
}

#partners-slider-new-july .partners-slider-new__viewport::before {
  left: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

#partners-slider-new-july .partners-slider-new__viewport::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

#partners-slider-new-july .partners-slider-new__viewport.is-dragging {
  cursor: grabbing;
}

#partners-slider-new-july .partners-slider-new__track {
  display: flex;
  transform: translate3d(calc(var(--partners-slide-index, 0) * -100%), 0, 0);
  transition: transform 3.4s cubic-bezier(0.16, 1, 0.3, 1);
  backface-visibility: hidden;
  will-change: transform;
}

#partners-slider-new-july .partners-slider-new__slide {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px 18px;
  flex: 0 0 100%;
  min-width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
      padding-left: 2%;
    padding-right: 2%;
}

#partners-slider-new-july .partners-slider-new__slide--five {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

#partners-slider-new-july .partners-slider-new__slide--seven {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

#partners-slider-new-july .partners-slider-new__slide--five .partners-slider-new__logo {
  grid-column: span 2;
}

#partners-slider-new-july .partners-slider-new__slide--five .partners-slider-new__logo:first-child {
  grid-column: 2 / span 2;
}

#partners-slider-new-july .partners-slider-new__slide--four {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

#partners-slider-new-july .partners-slider-new__slide--four .partners-slider-new__logo {
  grid-column: span 2;
}

#partners-slider-new-july .partners-slider-new__slide--four .partners-slider-new__logo:first-child {
  grid-column: 3 / span 2;
}

#partners-slider-new-july .partners-slider-new__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 98px;
  padding: 18px 16px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
  user-select: none;
  -webkit-user-select: none;
}

#partners-slider-new-july .partners-slider-new__logo:hover {
  border-color: rgba(255, 0, 0, 0.18);
  box-shadow: 0 8px 10px rgba(15, 23, 42, 0.05);
  transform: translateY(-2px);
}

#partners-slider-new-july .partners-slider-new__logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 65px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

@media (prefers-reduced-motion: reduce) {
  #partners-slider-new-july .partners-slider-new__track {
    transition-duration: 0.01ms;
  }

  #partners-slider-new-july .partners-slider-new__panel {
    transition-duration: 0.01ms;
  }

}

@media (max-width: 1180px) and (min-width: 993px) {
  #partners-slider-new-july .partners-slider-new__stage {
    padding-inline: 56px;
  }

  #partners-slider-new-july .partners-slider-new__slide {
    gap: 12px;
  }

  #partners-slider-new-july .partners-slider-new__logo {
    min-height: 88px;
    padding: 14px 12px;
  }

  #partners-slider-new-july .partners-slider-new__logo img {
    max-width: 112px;
    max-height: 42px;
  }
}

#partners-slider-new-july .partners-slider-new__arrow {
  position: absolute;
  top: 30%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  color: var(--white);
  background: var(--red);
  box-shadow: 0 8px 24px rgba(255, 0, 0, 0.28);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#partners-slider-new-july .partners-slider-new__arrow:hover {
  background: rgba(200, 0, 0, 1);
  box-shadow: 0 10px 28px rgba(255, 0, 0, 0.36);
  transform: translateY(-50%) scale(1.08);
}

#partners-slider-new-july .partners-slider-new__arrow:active {
  transform: translateY(-50%) scale(0.96);
}

#partners-slider-new-july .partners-slider-new__arrow--left {
  left: 20px;
}

#partners-slider-new-july .partners-slider-new__arrow--right {
  right: 20px;
}

#partners-slider-new-july .partners-slider-new__dots {
  padding-top: 24px;
}

#partners-slider-new-july .partners-slider-new__dots .promo__dot {
  border: 0;
  padding: 0;
}

#partners-slider-new-july .partners-slider-new__dots .promo__dot--active {
  background: var(--red);
}

@media (max-width: 992px) {
  #partners-slider-new-july {
    padding: 24px 0 58px;
    padding-top: 50px;
}

  #partners-slider-new-july .partners-slider-new__head {
    align-items: start;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 10px;
  }

  #partners-slider-new-july .partners-slider-new__tabs {
    width: 100%;
    border-radius: 12px;
}

  #partners-slider-new-july .partners-slider-new__tab {
    flex: 1 1 0;
    border-radius: 7px;
    padding-inline: 14px;
    text-align: center;
  }

  #partners-slider-new-july .partners-slider-new__stage {
    padding: 28px 24px 20px;
  }

  #partners-slider-new-july .partners-slider-new__slide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #partners-slider-new-july .partners-slider-new__slide--five,
  #partners-slider-new-july .partners-slider-new__slide--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #partners-slider-new-july .partners-slider-new__slide--five .partners-slider-new__logo,
  #partners-slider-new-july .partners-slider-new__slide--five .partners-slider-new__logo:first-child,
  #partners-slider-new-july .partners-slider-new__slide--four .partners-slider-new__logo,
  #partners-slider-new-july .partners-slider-new__slide--four .partners-slider-new__logo:first-child {
    grid-column: auto;
  }

  #partners-slider-new-july .partners-slider-new__arrow {
    display: none;
  }
}

@media (max-width: 640px) {
  #partners-slider-new-july {
    padding: 20px 0 48px;
    padding-bottom: 50px;
    padding-top: 50px;
}

  #partners-slider-new-july .partners-slider-new__viewport::before,
  #partners-slider-new-july .partners-slider-new__viewport::after {
    display: none;
  }

  #partners-slider-new-july .partners-slider-new__tabs {
    display: flex;
    gap: 8px;
  }

  #partners-slider-new-july .partners-slider-new__tab {
    width: 100%;
    font-size: 15px;
}

  #partners-slider-new-july .partners-slider-new__stage {
    padding: 20px 14px 18px;
    border-radius: 18px;
  }

  #partners-slider-new-july .partners-slider-new__slide {
    gap: 12px;
  }

  #partners-slider-new-july .partners-slider-new__logo {
    min-height: 86px;
    padding: 14px;
    border-radius: 14px;
  }

  #partners-slider-new-july .partners-slider-new__logo img {
    max-width: 118px;
    max-height: 40px;
  }
}
/* ===== END: 2026-07-09 partners logo slider CSS ===== */



/* ========== XLC Related Solution Block START ========== */
.xlc-related-solution-section {
  padding: 56px 0 76px;
  background: #002034;
  margin-top: 45px;
}

.xlc-related-solution-section__head {
  max-width: 800px;
  margin: 0 auto 34px;
  text-align: center;
}

.xlc-related-solution-section__title {
  margin-bottom: 0;
  color: var(--white);
}

.xlc-related-solution-section__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xlc-related-solution-card {
  min-height: 198px;
  padding: 24px 22px;
  background: var(--white);
  border: 1px solid var(--border-lt);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 28px rgba(6, 47, 125, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.xlc-related-solution-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 36px rgba(6, 47, 125, 0.16), 0 0 22px rgba(184, 255, 38, 0.22);
}

.xlc-related-solution-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: #b8ff26;
  color: var(--black);
  font-size: 20px;
}

.xlc-related-solution-card__title {
  margin: 0 0 8px;
  font-family: var(--font-h);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--text-dark);
}

.xlc-related-solution-card__text {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-body);
}

.xlc-related-solution-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-h);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--red);
}

.xlc-related-solution-card__link:hover {
  color: var(--red-hover);
}

.xlc-related-solution-card__arrow {
  line-height: 1;
  transition: transform 0.2s ease;
}

.xlc-related-solution-card__link:hover .xlc-related-solution-card__arrow {
  transform: translateX(4px);
}

@media (max-width: 1024px) {
  .xlc-related-solution-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .xlc-related-solution-section {
    padding: 48px 0 60px;
  }

  .xlc-related-solution-section__head {
    margin-bottom: 26px;
    text-align: left;
  }

  .xlc-related-solution-section__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xlc-related-solution-card {
    transition: none;
  }

  .xlc-related-solution-card:hover {
    transform: none;
  }
}
/* ========== XLC Related Solution Block END ========== */



/* ========== Pricing Tab Related Content START ========== */
.pricing-tab-related.xlc-related-solution-section {
  margin-top: 0px;
  padding: 56px 0 70px;
 border-radius: 20px;
}

.pricing-tab-related .xlc-related-solution-section__title {
  text-align: center;
}

.pricing-tab-related .xlc-related-solution-section__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pricing-tab-related .xlc-related-solution-card {
  min-height: 180px;
}

.pricing-tab-cta {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.pricing-tab-cta .btn {
  justify-content: center;
}

.page-main--lg.bms-page .lg-bms-hero .bms-hero__desc--sub a.text-purple {
  color: var(--purple);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-main--lg.bms-page .lg-bms-hero .bms-hero__desc--sub a.text-purple:hover {
  color: var(--purple-light);
}

@media (max-width: 860px) {
  .pricing-tab-related .xlc-related-solution-section__grid {
    grid-template-columns: 1fr;
  }

  .pricing-tab-related.xlc-related-solution-section {
    margin-top: 36px;
    padding: 46px 0 56px;
  }
}
/* ========== Pricing Tab Related Content END ========== */



/*++++++++++++++++++Fix hero Banner++++++++++++++++++++++++++*/

.hero-slide {
    min-height: 400px;
}

@media (max-width: 980px) {
.hero-slide {
    min-height: 600px;
}
}

@media (max-width: 640px) {


.hero-slide {
min-height:630px;
}

.always-on-wrap {
display:block
}


}

@media (max-width: 402px) {

.hero-slide {
        min-height: 680px;
 }

.hero__content {
   
        padding-bottom: 0;
}

#promo-section .promo__card-desc {
  
    display: none;
}

#promo-section .promo__card--featured{ display: none;}

#promo-section .promo__track {
  
        padding-left: 20px;
    }

}