.su-device-long-content,
.su-device-long-content * {
	box-sizing: border-box;
	font-family: var(--e-global-typography-text-font-family, "Poppins", sans-serif);
}

.su-device-long-content {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 50px clamp(14px, 2vw, 30px);
	background: #ffffff;
}

.su-device-long-content-inner {
	width: 100%;
	max-width: 1760px;
	margin: 0 auto;
}

.su-device-content-card {
	width: 100%;
	padding: 30px;
	border: 1px solid #e8eef7;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.su-device-content-card h2 {
	margin: 0 0 16px;
	color: #2776EA;
	font-family: var(--e-global-typography-primary-font-family, "Poppins", sans-serif);
	font-size: clamp(28px, 3vw, 44px);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.su-device-content-main-heading {
	margin: 0 0 18px;
	color: #111827;
	font-size: clamp(28px, 3vw, 44px);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.su-device-content-preview,
.su-device-content-full {
	color: #1f2937;
	font-size: 16px;
	line-height: 1.8;
}

.su-device-content-full h2 {
	margin-top: 34px;
}

.su-device-content-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 22px;
	padding: 13px 24px;
	border: 0;
	border-radius: 12px;
	background: #ffffff;
	color: #2776EA;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}

.su-device-content-toggle:hover {
	background: #2776EA;
	color: #ffffff;
}

@media (max-width: 767px) {
	.su-device-long-content {
		padding: 36px 14px;
	}

	.su-device-content-card {
		padding: 22px;
		border-radius: 18px;
	}

	.su-device-content-card h2 {
		font-size: 26px;
	}

	.su-device-content-preview,
	.su-device-content-full {
		font-size: 15px;
		line-height: 1.75;
	}
}

.su-device-content-card .su-device-content-toggle,
.su-device-content-card button.su-device-content-toggle,
.elementor-shortcode .su-device-content-toggle {
	background-color: #2776EA !important;
	background: #2776EA !important;
	color: #ffffff !important;
	border: 2px solid #2776EA !important;
	box-shadow: none !important;
}

.su-device-content-card .su-device-content-toggle:hover,
.su-device-content-card button.su-device-content-toggle:hover,
.elementor-shortcode .su-device-content-toggle:hover {
	background-color: #0a3b15 !important;
	background: #0a3b15 !important;
	color: #ffffff !important;
	border-color: #0a3b15 !important;
}