.textcenter {
	text-align: center;
}

.blur-circle {
	position: absolute;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	filter: blur(140px);
	opacity: .25;
}

.blur-one {
	background: #7b2ff7;
	top: -120px;
	right: -100px;
}

.blur-two {
	background: #3d0ca3;
	bottom: -180px;
	left: -120px;
}

.hero-content {
	text-align: center;
}

.hero-buttons {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin: 30px 0px 60px;
}

.btn-primary-custom {
	background: linear-gradient(90deg, #7b2ff7, #b84dff);
	color: #fff;
	padding: 18px 34px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	transition: .4s ease;
	box-shadow: 0 10px 40px rgba(123, 47, 247, .45);
}

.btn-primary-custom:hover {
	transform: translateY(-3px);
	color: #fff;
}

.btn-secondary-custom {
	border: 1px solid rgba(255, 255, 255, .12);
	padding: 18px 34px;
	border-radius: 50px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	background: rgba(255, 255, 255, .03);
	transition: .4s ease;
}

.btn-secondary-custom:hover {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.hero-stats {
	max-width: 1050px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 35px;
	border-radius: 28px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid #12051f !important;
	backdrop-filter: blur(20px);
}

.stat-box h3 {
	color: #fff;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 10px;
}

.wpintel-section {
	background: linear-gradient(135deg, #0e0718 0%, #170128 50%, #030008 100%);
	padding: 70px 0;
	overflow: hidden;
	position: relative;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.tag-wrapper {
	display: flex;
	font-size: 20px;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 35px;
}

.custom-tag {
	padding: 10px 18px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .03);
	color: #fff;
	font-size: 13px !important;
	transition: .4s ease;
}

.custom-tag:hover {
	transform: translateY(-3px);
	border-color: #9d4dff;
	box-shadow: 0 0 20px rgba(157, 77, 255, .3);
}

.step-card {
	display: flex;
	gap: 20px;
	padding: 28px;
	border-radius: 22px;
	background: linear-gradient(135deg, #1a0033 0%, #2d0052 100%);
	border: 1px solid rgba(255, 255, 255, .08);
	margin-bottom: 22px;
	transition: .45s ease;
	position: relative;
	overflow: hidden;
}

.step-card:hover {
	transform: translateX(12px);
	border-color: #9d4dff;
	box-shadow: 0 0 35px rgba(157, 77, 255, .25);
}

.step-number {
	min-width: 58px;
	height: 58px;
	border-radius: 16px;
	background: linear-gradient(135deg, #7b2ff7, #a855f7);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.step-content h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.difference-section {
	margin-top: 40px;
}

.compare-card {
	background: linear-gradient(to left, #1a0033 0%, #2d0052 100%);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 26px;
	padding: 35px;
	height: 100%;
	transition: .4s ease;
}

.compare-card:hover {
	transform: translateY(-6px);
}

.old-way:hover {
	border-color: #ef4444;
	box-shadow: 0 0 30px rgba(239, 68, 68, .15);
}

.new-way {
	border-color: #7b2ff7;
	box-shadow: 0 0 40px rgba(123, 47, 247, .25);
}

.new-way:hover {
	transform: translateY(-6px);
	box-shadow: 0 0 55px rgba(123, 47, 247, .35);
}

.compare-heading {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 24px;
}

.compare-card ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.compare-card ul li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 18px;
	color: #d1d5db;
	line-height: 28px;
}

.compare-card ul li::before {
	content: "✦";
	position: absolute;
	left: 0;
	top: 0;
	color: #9d4dff;
}

.vs-circle {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: linear-gradient(135deg, #7b2ff7, #a855f7);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	box-shadow: 0 0 30px rgba(123, 47, 247, .35);
}

.capabilities-section {
	position: relative;
	background: linear-gradient(135deg, #12051f 0%, #1b0930 45%, #07010f 100%);
	overflow: hidden;
	background: #05000d;
	padding: 70px 0;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.capability-blur {
	position: absolute;
	border-radius: 50%;
	filter: blur(140px);
	opacity: .20;
}

.capability-blur-one {
	width: 500px;
	height: 500px;
	background: #7b2ff7;
	top: -150px;
	right: -120px;
}

.capability-blur-two {
	width: 450px;
	height: 450px;
	background: #3d0ca3;
	bottom: -150px;
	left: -120px;
}

.capability-card {
	height: 100%;
	margin-top: 20px;
	padding: 30px;
	border-radius: 24px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid #9d4dff;
	backdrop-filter: blur(18px);
	transition: .4s ease;
}

.capability-card:hover {
	transform: translateY(-6px);
	border-color: #9d4dff;
	box-shadow: 0 0 35px rgba(123, 47, 247, .22);
}

.capability-card-large {
	min-height: 100%;
}

.capability-icon {
	width: 58px;
	height: 58px;
	border-radius: 16px;
	background: linear-gradient(135deg, #7b2ff7, #a855f7);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 22px;
}

.capability-card-title {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 16px;
}

.impact-section {
	position: relative;
	overflow: hidden;
	padding: 70px 0;
	background: linear-gradient(135deg, #090611 0%, #1a0633 50%, #040109 100%);
}

.impact-blur {
	position: absolute;
	border-radius: 50%;
	filter: blur(140px);
	opacity: .18;
}

.impact-blur-one {
	width: 420px;
	height: 420px;
	background: #7b2ff7;
	top: -150px;
	right: -120px;
}

.impact-blur-two {
	width: 380px;
	height: 380px;
	background: #3d0ca3;
	bottom: -140px;
	left: -100px;
}

.impact-label {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 50px;
	border: 1px solid rgba(168, 85, 247, .3);
	background: rgba(168, 85, 247, .08);
	color: #b794f4;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 28px;
}

.impact-title {
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	margin-bottom: 24px;
	max-width: 650px;
}

.impact-title span {
	color: #9d4dff;
}

.impact-description {
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: rgb(209, 213, 219);
	margin-bottom: 40px;
	max-width: 620px;
}

.impact-card-label {
	color: #b794f4;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 22px;
}

.stat-card {
	padding: 22px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	height: 100%;
}

.stat-card h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.offset-lg-1 {
	margin-left: 0px !important;
}

.opensource-box {
	margin-top: 22px;
	padding: 22px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
}

.opensource-box h5 {
	color: #b794f4;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.team-data-section {
	background:
		radial-gradient(circle at top left, rgba(168, 85, 247, 0.12), transparent 35%),
		radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.10), transparent 35%),
		linear-gradient(135deg, #0d0817 0%, #150222 55%, #040008 100%);
	padding: 70px 0;
	overflow: hidden;
	position: relative;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.team-card {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 32px;
	border-radius: 24px;
	background: linear-gradient(135deg, #1a0033 0%, #2d0052 100%);
	border: 1px solid rgba(255, 255, 255, .08);
	transition: .45s ease;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.team-card:hover {
	transform: translateY(-6px);
	border-color: #8b5cf6;
	box-shadow: 0 0 40px rgba(139, 92, 246, .20);
	background: rgba(255, 255, 255, .04);
}

.icon-box {
	min-width: 58px;
	height: 58px;
	border-radius: 16px;
	background: linear-gradient(135deg, #7b2ff7, #a855f7);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 10px 25px rgba(123, 47, 247, .35);
}

.icon-box i {
	line-height: 1;
}

.team-content h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 14px;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	text-align: left;
}

.impact-card-grid {
	margin-top: -20px;
}

.impact-business-card {
	position: relative;
	height: 100%;
	padding: 34px 30px;
	border-radius: 24px;
	background: rgba(255, 255, 255, .02);
	border: 1px solid rgba(168, 85, 247, .22);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	display: flex;
	align-items: flex-start;
	gap: 18px;
	overflow: hidden;
	transition: .45s ease;
}

.impact-business-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 24px;
	padding: 1px;
	background: linear-gradient(135deg, rgba(168, 85, 247, .45), rgba(168, 85, 247, 0), rgba(168, 85, 247, .12));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.impact-business-card:hover {
	transform: translateY(-6px);
	border-color: rgba(168, 85, 247, .5);
	box-shadow: 0 0 25px rgba(123, 47, 247, .18), 0 0 60px rgba(123, 47, 247, .08);
}

.impact-business-icon {
	min-width: 58px;
	width: 58px;
	height: 58px;
	border-radius: 16px;
	background: linear-gradient(135deg, #7b2ff7, #a855f7);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 8px 24px rgba(123, 47, 247, .35);
	transition: .4s ease;
}

.impact-business-card:hover .impact-business-icon {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(123, 47, 247, .45);
}

.impact-business-content {
	flex: 1;
}

.impact-business-content h3 {
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 12px;
}

.impact-business-content p {
	margin: 0;
}

.impact-business-card-large {
	align-items: center;
}

.integration-pipeline-section {
	padding: 70px 0;
	position: relative;
}

.pipeline-blur {
	position: absolute;
	border-radius: 50%;
	filter: blur(140px);
	opacity: 0.18;
	z-index: 0;
}

.pipeline-blur-one {
	width: 420px;
	height: 420px;
	background: #9333ea;
	top: -120px;
	left: -120px;
}

.pipeline-blur-two {
	width: 420px;
	height: 420px;
	background: #6d28d9;
	bottom: -150px;
	right: -100px;
}

.pipeline-header {
	max-width: 720px;
	margin-bottom: 50px;
}

.pipeline-card {
	height: 100%;
	padding: 32px 26px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid #9d4dff;
	backdrop-filter: blur(12px);
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden;
}

.pipeline-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,
			rgba(168, 85, 247, 0.06),
			transparent);
	opacity: 0;
	transition: 0.4s ease;
}

.pipeline-card:hover {
	transform: translateY(-6px);
	border-color: #9333ea;
	box-shadow: 0 0 30px rgba(147, 51, 234, 0.18);
}

.pipeline-card:hover::before {
	opacity: 1;
}

.pipeline-number {
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
	color: #7c3aed;
	margin-bottom: 22px;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.pipeline-card h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 18px;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.trust-governance-section {
	padding: 70px 0;
	background: linear-gradient(135deg, #0e0718 0%, #170128 50%, #030008 100%);
	position: relative;
}

.trust-card {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 34px 30px;
	border-radius: 24px;
	background: linear-gradient(135deg, #1a0033 0%, #2d0052 100%);
	border: 1px solid rgba(168, 85, 247, 0.14);
	backdrop-filter: blur(14px);
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.trust-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,
			rgba(168, 85, 247, 0.08),
			transparent);
	opacity: 0;
	transition: 0.4s ease;
}

.trust-card:hover {
	transform: translateY(-6px);
	border-color: #9333ea;
	box-shadow: 0 0 30px rgba(147, 51, 234, 0.18);
}

.trust-card:hover::before {
	opacity: 1;
}

.trust-icon {
	min-width: 62px;
	width: 62px;
	height: 62px;
	border-radius: 18px;
	background: linear-gradient(135deg, #9333ea, #6d28d9);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	box-shadow: 0 10px 30px rgba(147, 51, 234, 0.35);
	position: relative;
	z-index: 2;
}

.trust-content h4 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 14px;
	font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

.trust-content p {
	margin-bottom: 0;
	max-width: 95%;
}

.demo-request-section {
	position: relative;
	padding: 70px 0;
	background: linear-gradient(to left, #1a0033 0%, #090012 100%);
	overflow: hidden;
}

.demo-left-description {
	max-width: 500px;
	margin-bottom: 35px;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: rgb(209, 213, 219);
}

.demo-feature-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 30px;
}

.demo-feature-item {
	display: flex;
	align-items: center;
	gap: 14px;

	padding: 18px 20px;

	background: rgba(255, 255, 255, 0.03);

	border: 1px solid rgba(168, 85, 247, 0.18);

	border-radius: 14px;

	color: #d1d5db;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;

	transition: 0.35s ease;
}

.demo-feature-item i {
	color: #a855f7;
	font-size: 15px;
}

.demo-feature-item:hover {
	transform: translateY(-5px);

	border-color: rgba(168, 85, 247, 0.45);

	background: rgba(168, 85, 247, 0.08);
}


.demo-form-card {
	position: relative;

	padding: 42px;

	background: linear-gradient(180deg,
			rgba(255, 255, 255, 0.04) 0%,
			rgba(255, 255, 255, 0.02) 100%);

	border: 1px solid rgba(168, 85, 247, 0.25);

	border-radius: 28px;

	backdrop-filter: blur(18px);

	box-shadow:
		0 0 0 1px rgba(168, 85, 247, 0.05),
		0 0 40px rgba(168, 85, 247, 0.18);
}

.demo-form-title {
	margin-bottom: 10px;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 38px;
	color: #fff;
}

.demo-form-subtitle {
	margin-bottom: 30px;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	color: #b8b8c5;
}

.demo-form-card label {
	display: block;

	margin-bottom: 10px;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
}

.demo-input {
	width: 100%;

	height: 54px;

	padding: 0 18px;

	background: rgba(255, 255, 255, 0.03);

	border: 1px solid rgba(255, 255, 255, 0.08);

	border-radius: 12px;

	outline: none;

	color: #ffffff;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;

	transition: 0.3s ease;
}

.demo-input::placeholder {
	color: #7f7f90;
}

.demo-input:focus {
	border-color: #a855f7;

	background: rgba(168, 85, 247, 0.06);

	box-shadow: 0 0 20px rgba(168, 85, 247, 0.12);
}

.demo-select {
	appearance: none;
	cursor: pointer;
}

.demo-select option {
	color: #000;
	background: #fff;
}

.demo-textarea {
	height: 120px;
	padding-top: 16px;
	resize: none;
}

.demo-submit-btn {
	width: 100%;

	margin-top: 26px;

	height: 58px;

	border: none;
	border-radius: 50px;

	background: linear-gradient(90deg,
			#8b3dff 0%,
			#9333ea 50%,
			#6d28d9 100%);

	color: #fff;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;

	transition: 0.35s ease;
}

.demo-submit-btn i {
	margin-right: 8px;
}

.demo-submit-btn:hover {
	transform: translateY(-4px);

	box-shadow: 0 15px 35px rgba(147, 51, 234, 0.35);
}

.demo-bottom-text {
	margin-top: 18px;

	text-align: center;

	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #a7a7b6;
}

.demo-bottom-text i {
	color: #a855f7;
	margin-right: 6px;
}
/* Accordion Item */
.wpx-accordion-item{
    border-radius:24px;
    background:linear-gradient(135deg,#1a0033 0%,#2d0052 100%);
    border:1px solid rgba(168,85,247,0.35);
    margin-bottom:22px;
    overflow:hidden;
    transition:0.4s ease;
}

/* Active Accordion */
.wpx-accordion-item.wpx-open{
    border-color:#a855f7;
    box-shadow:0 0 35px rgba(168,85,247,.25);
}

.wpx-accordion-head{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:26px 28px 8px; /* reduced bottom space */
    cursor:pointer;
}

/* Title */
.wpx-accordion-head h4{
    color:#fff;
    font-size:20px;
    font-weight:700;
    line-height:1.3;
    margin:6px 0 0; /* reduced space */
}

/* Active Content */
.wpx-accordion-item.wpx-open .wpx-accordion-body{
    max-height:300px;
    padding:0 28px 22px 104px; /* reduced top spacing effect */
}

/* Number Box */
.wpx-accordion-head .step-number{
    min-width:58px;
    height:58px;
    border-radius:16px;
    background:linear-gradient(135deg,#7b2ff7,#a855f7);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    font-weight:700;
    flex-shrink:0;
}

/* Content */
.wpx-accordion-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
    padding:0 28px 0 104px;
}

/* Paragraph */
.wpx-accordion-body p{
    margin:0;
    color:#d1d5db;
    line-height:1.8;
    font-size:16px;
}

/* Hover */
.wpx-accordion-item:hover{
    transform:translateY(-3px);
}


@media(max-width:767px) {
	h2 {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	h4 {
		font-size: 16px !important;
		line-height: 25px !important;
	}

	p {
		font-size: 14px !important;
		line-height: 26px !important;
	}

	.hero-section {
		padding: 70px 15px;
		min-height: auto;
	}

	.hero-badge {
		font-size: 12px;
		padding: 8px 16px;
		margin-bottom: 25px;
	}

	.hero-title {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 0;
		margin-bottom: 18px;
	}

	.hero-description {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 15px;
		padding: 0 5px;
		margin-bottom: 28px;
	}

	.hero-buttons {
		flex-direction: column;
		align-items: center;
		gap: 15px;
		margin-bottom: 35px;
	}

	.btn-primary-custom,
	.btn-secondary-custom {
		width: 100%;
		max-width: 320px;
		text-align: center;
		padding: 15px 22px;
		font-size: 14px;
	}

	.hero-stats {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
		padding: 18px;
		background: rgba(255,255,255,0.03);
		border: 1px solid rgba(255,255,255,0.08);
		border-radius: 24px;
		backdrop-filter: blur(12px);
	}

	/* Stat Card */
	.stat-box {
		background: rgba(255,255,255,0.02);
		padding: 18px 12px;
		border-radius: 18px;
		text-align: center;
		min-height: 140px;

		display: flex;
		flex-direction: column;
		justify-content: center;
	}


	.stat-box h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.stat-box p {
		font-size: 12px;
		line-height: 18px;
	}

	.blur-circle {
		width: 280px;
		height: 280px;
		filter: blur(90px);
	}

	.wpintel-section {
		padding: 70px 15px;
	}

	.wpintelcol {
		text-align: center !important;
	}

	.wpintelcol p {
		text-align: center !important;
	}

	.wpintelcol .tag-wrapper {
		justify-content: center !important;
	}

	.wpintelcol h2 {
		margin-bottom: 18px !important;
	}

	.wpintelcol p {
		margin-bottom: 16px !important;
	}

	.tag-wrapper {
		gap: 10px;
		margin-top: 22px;
	}

	.custom-tag {
		font-size: 12px !important;
		padding: 8px 14px;
	}

	.small-label {
		font-size: 10px;
		padding: 7px 14px;
		margin-bottom: 20px;
	}

	.main-title,
	.difference-title {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 29px;
		color: rgb(255, 255, 255);
		margin-bottom: 18px;
	}

	.main-description,
	.difference-description {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 29px;
		color: rgb(209, 213, 219);
		text-align: left;
		margin-bottom: 18px;
	}

	.tag-wrapper {
		gap: 10px;
		margin-top: 25px;
	}

	.custom-tag {
		font-size: 11px;
		padding: 8px 14px;
	}

	.step-card {
		padding: 20px;
		gap: 15px;
		border-radius: 18px;
		margin-bottom: 16px;
	}

	.step-card:hover {
		transform: translateX(6px);
	}

	.step-number {
		min-width: 46px;
		height: 46px;
		font-size: 14px;
		border-radius: 12px;
	}

	.step-content h4 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.step-content p {
		font-size: 13px;
		line-height: 24px;
	}

	.difference-section {
		margin-top: 70px;
	}

	.compare-card {
		padding: 24px 20px;
		border-radius: 20px;
	}

	.compare-heading {
		font-size: 12px;
		margin-bottom: 18px;
	}

	.compare-card ul li {
		font-size: 13px;
		line-height: 24px;
		padding-left: 22px;
		margin-bottom: 14px;
	}

	.vs-circle {
		width: 54px;
		height: 54px;
		font-size: 15px;
		margin: 10px auto;
	}

	.capabilities-section {
		padding: 70px 15px;
	}

	.capability-label {
		font-size: 10px;
		padding: 7px 14px;
		margin-bottom: 20px;
	}

	.capability-title {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 29px;
		color: #fff;
		margin-bottom: 18px;
		max-width: 100%;
	}

	.capability-description {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 29px;
		color: rgb(209, 213, 219);
		margin-bottom: 35px;
		max-width: 100%;
		text-align: left;
	}

	.capability-card {
		padding: 22px 18px;
		border-radius: 18px;
	}

	.capability-card-large {
		min-height: auto;
	}

	.capability-icon {
		width: 48px;
		height: 48px;
		border-radius: 14px;
		font-size: 18px;
		margin-bottom: 18px;
	}

	.capability-icon i {
		font-size: 18px;
	}

	.capability-card-title {
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 12px;
	}

	.capability-card-description {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 18px;
	}

	.capability-blur-one {
		width: 260px;
		height: 260px;
		filter: blur(90px);
		top: -100px;
		right: -80px;
	}

	.capability-blur-two {
		width: 240px;
		height: 240px;
		filter: blur(90px);
		bottom: -100px;
		left: -80px;
	}

	.impact-section {
		padding: 70px 15px;
	}

	.impact-blur-one {
		width: 240px;
		height: 240px;
		top: -80px;
		right: -80px;
		filter: blur(90px);
	}

	.impact-blur-two {
		width: 220px;
		height: 220px;
		bottom: -80px;
		left: -80px;
		filter: blur(90px);
	}

	.impact-business-card,
	.impact-business-card-large {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.impact-business-icon {
		min-width: 48px;
		width: 48px;
		height: 48px;
	}

	.impact-business-content {
		width: 100%;
	}

	.impact-business-content h3 {
		font-size: 17px;
		font-weight: 700 !important;
		margin-bottom: 12px;
	}

	.impact-icon i {
		font-size: 15px;
	}

	.impact-card {
		margin-top: 12px;
		padding: 22px 18px;
		border-radius: 20px;
	}

	.impact-card-label {
		font-size: 10px;
		margin-bottom: 18px;
	}

	.stat-card {
		padding: 16px;
		border-radius: 14px;
	}

	.stat-card h3 {
		font-size: 22px;
		margin-bottom: 8px;
	}

	.stat-card p {
		font-size: 11px;
		line-height: 18px;
	}

	.opensource-box {
		margin-top: 18px;
		padding: 18px;
		border-radius: 14px;
	}

	.opensource-box h5 {
		font-size: 10px;
		margin-bottom: 10px;
	}

	.opensource-box p {
		font-size: 12px;
		line-height: 22px;
	}

	.team-data-section {
		padding: 70px 15px;
	}

	.small-label {
		font-size: 10px;
		padding: 7px 14px;
		margin-bottom: 20px;
	}

	.section-title {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 29px;
		color: rgb(255, 255, 255);
		margin-bottom: 0px;
	}

	.section-description {
		font-family: Inter, "Segoe UI", system-ui, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 29px;
		color: rgb(209, 213, 219);
		margin-bottom: 25px;
	}

	.team-card {
		padding: 22px;
		gap: 16px;
		border-radius: 20px;
	}

	.team-card:hover {
		transform: translateY(-4px) translateX(4px);
	}

	.icon-box {
		min-width: 48px;
		height: 48px;
		border-radius: 14px;
		font-size: 16px;
	}

	.team-content h4 {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.team-content p {
		font-size: 13px;
		line-height: 24px;
	}

	.trust-governance-section {
		padding: 70px 15px;
	}

	.trust-card {
		flex-direction: column;
		padding: 24px 22px;
		gap: 18px;
	}

	.trust-content h4 {
		font-size: 18px;
		line-height: 28px;
	}

	.trust-icon {
		width: 56px;
		height: 56px;
		min-width: 56px;
		font-size: 22px;
	}

	.integration-pipeline-section {
		padding: 70px 15px !important;
	}

	.pipeline-title {
		font-size: 24px;
		line-height: 29px;
	}

	.pipeline-description {
		font-size: 14px;
		line-height: 29px;
	}

	.pipeline-card {
		padding: 24px 20px;
	}

	.pipeline-number {
		font-size: 38px;
		margin-bottom: 16px;
	}

	.pipeline-card h4 {
		font-size: 15px;
		line-height: 26px;
	}

	.pipeline-card p {
		font-size: 14px;
		line-height: 26px;
	}

	.demo-request-section {
		padding: 70px 15px !important;
	}

	.demo-form-card {
		padding: 28px 22px;
	}

	.demo-form-title {
		font-size: 22px;
		line-height: 30px;
	}

	.demo-form-subtitle {
		font-size: 14px;
		line-height: 24px;
	}

	.demo-feature-item {
		padding: 16px;
		font-size: 14px;
	}

	.demo-input {
		height: 52px;
		font-size: 14px;
	}


	.demo-submit-btn {
		height: 54px;
		font-size: 15px;
	}

	.impact-card-grid {
		margin: 0px auto !important;
	}
    .demo-request-section .col-lg-5{
        text-align:center;
    }

    .demo-request-section .cta-description{
        text-align:center;
    }
     .wpx-accordion-head{
        padding:22px 20px 16px;
    }

    .wpx-accordion-head h4{
        font-size:18px;
    }

    .wpx-accordion-body{
        padding:0 20px 0 20px;
    }

    .wpx-accordion-item.wpx-open .wpx-accordion-body{
        padding:0 20px 22px 20px;
    }

}