:root {
	--reading-progress: 0;
}

.docs-version-two-layout {
	/* .code-content-with-cta {
		padding: 24px;
		border-radius: 8px;
		border: 1px solid #E7EEF0;
		background: #FAFAFB;
	}

	.code-content-with-cta > ol > li:first-child {
		margin-top: 0 !important;
	}

	.code-content-with-cta > ol > li:last-child {
		margin-bottom: 0 !important;
	}

	.code-content-with-cta > ol > li::marker {
		font: normal 700 16px/1.8 var(--ff-gotham);
		color: #181818;
	}

	.code-content-with-cta > ol > li strong {
		font-weight: 700;
		color: #2A95D5;
	} */
}

.main-content__segment-title {
	text-align: center;
	margin: 0 0 29px 0;
	color: #d40046;
	font-family: var(--ff-gotham);
	font-weight: 900;
	line-height: 1.2;
}

.related {
	display: none;
}

.main-article.main-content {
	word-wrap: break-word;
}

.main-article.main-content img {
	display: block;
	max-width: 100%;
	height: auto;
}

.main-article.main-content img+strong {
	font-size: smaller;
	line-height: 8px;
	font-style: italic;
}

_::-webkit-full-page-media,
_:future,
:root .main-article.main-content img {
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}

_::-webkit-full-page-media,
_:future,
:root .products-download-section .product-image img {
	display: block;
	max-width: 74px;
	max-height: 72px;
	margin: auto;
}

@media screen and (max-width: 767px) {

	_::-webkit-full-page-media,
	_:future,
	:root .main-article.main-content img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	_::-webkit-full-page-media,
	_:future,
	:root .main-article.main-content img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

article .author-anchor {
	font-size: 12px;
	font-family: var(--ff-gotham);
	font-weight: 900;
}

article .date a,
article .author-anchor a {
	text-decoration: none;
}

article .date small,
article .author-anchor small {
	font-size: 12px;
}

_::-webkit-full-page-media,
_:future,
:root .main-article.main-content img {
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}

_::-webkit-full-page-media,
_:future,
:root .products-download-section .product-image img {
	display: block;
	max-width: 74px;
	max-height: 72px;
	margin: auto;
}

@media screen and (max-width: 767px) {

	_::-webkit-full-page-media,
	_:future,
	:root .main-article.main-content img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	_::-webkit-full-page-media,
	_:future,
	:root .main-article.main-content img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

article .author-anchor {
	font-size: 12px;
	font-family: var(--ff-gotham);
	font-weight: 700;
}

article .date a,
article .author-anchor a {
	text-decoration: none;
}

article .date small,
article .author-anchor small {
	font-size: 12px;
}

.main-article .author-anchor {
	margin: -43px 0px 22px 0px;
}

.code-content-with-cta {
	.code-content-with-cta__cta-text {
		font-family: var(--ff-gotham);
		font-weight: 700;
	}

	.nuget-sidebar-cli__command__text {
		color: #181818;
	}

	.code_window,
	.code_window_content pre,
	.install-with_nuget__title__copy-container .nuget-sidebar-cli {
		background-color: #f5f5f5 !important;
	}

	.code_window {
		padding: 5px;
	}

	.code-content-inner {
		margin-bottom: 5px;
	}

	.code-window__action-buttons-wrapper--content-page {
		position: absolute;
		right: 10px;
	}

	.install-with_nuget__title__copy-container {
		flex-grow: 1;
	}

	.install-container__install-with-nuget .install-container__install-with-nuget__title {
		gap: 0px;
	}

	.code-window__action-buttons-wrapper .code-window__action-button i:hover {
		color: #181818;
	}

	.nuget-sidebar-cli__copy-block {
		background-color: transparent;
		position: relative;
		right: 7px;

		span.fas {
			color: #181818;
		}
	}

	.fa-kit.fa-copy-example {
		color: #181818;
	}

	.fa-kit.fa-copy-example:hover {
		color: #181818;
	}
}

.tooltip.code-with-cta__tooltip {
	.tooltip-inner {
		padding: 10px;
	}
}

.code-content-with-cta,
.code-content-with-cta+hr {
	display: block !important;
}

.main-article__video-wrapper {
	margin: 20px 0 60px 0;
	position: relative;
	padding-bottom: 51.25%;
	/* 16:9 */
	height: 0;
}

.main-article__video-wrapper iframe {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-article__video-wrapper .main-article__video-caption {
	font-style: italic;
	font-size: 12px;
	margin: 0;
}

.main-article__video-wrapper:has(.main-article__video-caption) {
	margin-bottom: 50px;
}

.main-article__video-wrapper>.main-article__clear-both {
	clear: both;
}

.main-article img.featured-snippet__image {
	object-fit: none;
	object-position: -338px -411px;
	width: 200px;
	height: 180px;
}

.featured-snippet__image--read-pdf {
	position: relative;
	top: -25px;
	left: -10px;
}

.main-article img.featured-snippet__image--html-pdf {
	object-position: -348px -411px;
	width: 200px !important;
	height: 180px !important;
	filter: none;
}

.main-article img.featured-snippet__image--new-template {
	object-position: -340px -438px;
}

.main-article img.featured-snippet__image--ob-400 {
	object-position: -348px -400px;
}

.featured-snippet__image--float-right {
	float: right;
}

.main-article p {
	margin-top: 12px;
}

.main-article h1 {
	font-family: var(--ff-gotham);
	font-weight: 900;
	font-size: 40px;
	margin: 30px 0;
}

.main-content {
	padding-top: 70px;
}

.main-content__max-width-80ch {
	max-width: 80ch;
}

.main-content__small-images-inline {
	display: flex;
	flex-direction: row;
}

.main-content h2,
.main-content .iron-heading--medium, 
.main-content .iron-heading--h2 {
	font-family: var(--ff-gotham);
	font-weight: 900;
	font-size: 30px;
	margin: 0 0 20px 0;
	padding-top: 15px;
}

.main-content #anchor-how-to-get-a-license-key {
	font: normal 900 30px/1.2 var(--ff-gotham);
	color: #000;
	margin-bottom: 24px;
}

#anchor-how-to-get-a-license-key+p {
	font: normal 400 16px/1.8 var(--ff-gotham);
	color: #000;
	margin-top: 0;
	margin-bottom: 16px;

	&+p {
		font: normal 400 16px/1.8 var(--ff-gotham);
		color: #000;
		margin-top: 0;

		a {
			font: normal 500 16px/1.6 var(--ff-gotham);
			color: #e01a59;
		}
	}
}

.main-content h2 code,
.main-content h3 code {
	color: #000000;
	background-color: transparent;
	font-weight: bold;
}

.main-content h3,
.main-content .iron-heading--small, 
.main-content .iron-heading--h3 {
	font-family: var(--ff-gotham);
	font-weight: 900;
	font-size: 20px;
	margin: 32px 0 10px 0;
	padding-top: 10px;
}

.main-content h4,
.main-content .iron-heading--title,
.main-content .iron-heading-h4 {
	font-family: var(--ff-gotham);
	font-weight: 900;
	font-size: 16px;
	color: #d40046;
	margin: 20px 0 20px 0;
}

.main-content .tutorial-segment-title {
	text-align: center;
	margin: 1px 0 29px 0;
}

.main-content .btn {
	margin-top: 28px;
}

.main-content .btn i {
	margin-left: 8px;
	position: relative;
	top: 1px;
}

.main-content a:not(".btn-red"):hover {
	text-decoration: none;
	color: #23527c;
}

.main-content h1,
.main-content .h1,
.main-content .iron-heading--large, 
.main-content .iron-heading--h1 {
	font-family: var(--ff-gotham);
	font-size: 40px;
	margin: 0 0 50px 0;
	padding-top: 0;
}

.md__article-chunk:not(.md__article-chunk__level-1) {
	contain-intrinsic-size: auto 300px;
}

/* Competitor Comparasion Start*/
.competitors-section__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.competitors-section__wrapper-even-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.competitors__card {
	width: 25%;
}

.competitors__card.half {
	width: 45%;
}

.competitors-section-2__wrapper .competitors__card {
	width: 50%;
}

.competitors__header {
	text-align: center;
	font-family: var(--ff-gotham);
	font-weight: 700;
	color: #e01a59;
	margin: 0 0 2px;
}

.competitors__feature-reading,
.competitors__download-link {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #2a95d5;
}

.main-article.main-content .competitors__image {
	width: auto;
	height: 161px;
	margin-left: auto;
	margin-right: auto;
}

.main-article.main-content .competitors-section-2__wrapper .competitors__image {
	width: 100%;
	height: auto;
}

.competitors__feature-reading a,
.competitors__download-link a {
	font-family: var(--ff-gotham);
	font-weight: 300;
	font-size: 14px;
}

@media screen and (max-width: 416px) {
	.related {
		display: block;
		margin: 50px 0;
	}

	.main-article h2 {
		font-size: 24px;
	}

	.main-content h1 {
		font-size: 25px;
	}

	.main-content h2 {
		font-size: 22px;
	}

	.main-content h3 {
		font-size: 17px;
	}
}

/* Competitor Comparasion End*/
@media screen and (max-width: 735px) {
	.main-content h1 {
		font-size: 30px;
	}
}

.main-content .pull-right {
	color: #fff;
	font-family: var(--ff-gotham), Helvetica, Arial, sans-serif;
	font-weight: 900;
}

@media screen and (max-width: 416px) {
	.related {
		display: block;
		margin: 50px 0;
	}

	.main-article h2 {
		font-size: 24px;
	}

	.main-content h1 {
		font-size: 25px;
	}

	.main-content h2 {
		font-size: 22px;
	}

	.main-content h3 {
		font-size: 17px;
	}
}

.main-article.main-content img.img-popup {
	cursor: pointer;
}

.features-column a:active,
a:visited,
a:focus {
	text-decoration: none;
}

.main-content hr.separator {
	margin: 49px 0 29px;
	border-bottom: 4px solid #e7eef0;
}

.main-content .tutorial-section h3 {
	margin: 0 0 20px 0;
	padding-top: 0;
}

.main-content .tutorial-section .btn {
	margin-top: 5px;
}

.main-content .tutorial-section .btn i {
	margin-left: auto;
	top: auto;
}

.main-article .center-image-wrapper {
	display: inline-block;
	text-align: left;
	margin: 10px 0;
}

.content-img-align-center {
	display: flex !important;
	width: 100%;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.content-img-align-center>* {
	flex: 1 100%;
}

.content-img__aspect-ratio-16-9 {
	aspect-ratio: 16 / 9;
}

.content-images-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content__image-caption {
	display: block;
	font-style: italic;
	font-size: 13px;
}

.no-link-style {
	color: #181818;
	text-decoration: none;
	cursor: auto;
}

@media screen and (max-width: 991px) {
	.container-error {
		padding: 50px 0 20px 0;
	}

	.container-error .error-image {
		text-align: center;
	}

	.container-error .error-description {
		text-align: center;
	}
}

.author-details {
	margin-top: 80px;
	margin-bottom: 32px;
	clear: both;
	background: #f1f9fb;
	border: 1px solid #e9ebf0;
	padding: 32px;

	.col_image {}

	.col_detail {
		flex-grow: 1;
	}

	.author-bio {
		margin: 16px 0 0;
		font: normal 400 16px/1.6 "Gotham-Book";
		color: #181818;

		&>p {
			font: normal 400 16px/1.6 "Gotham-Book";
			color: #181818;
		}
	}

	.reviewer-details__header {
		font-family: "Gotham-Black";
		font-weight: 800;
		font-size: 18px;
		color: #181818;
		margin-bottom: 24px;
		display: block;
	}
}

.reviewer-details {
	margin-top: 32px;
	background: #FFFFFF;
	border: 1px solid #e9ebf0;
	padding: 32px;
	contain-intrinsic-height: 323px;
}

.author-details img.author-image {
	border-radius: 50%;
	width: 64px;
	height: 64px;
	max-width: unset;
}

.author-details__connect__author {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-grow: 1;

	.author-name {
		font: normal 900 18px/1.4 "Gotham-Black";
		color: #181818;

		&>a {
			color: #181818;

			&:hover {
				color: #E01A59;
			}
		}
	}

	.author-details__connect__linkedin>a {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #2995d5;

		&:hover {
			color: #E01A59;
		}
	}

	.author-details__connect__website>a {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #2995d5;

		&:hover {
			color: #E01A59;
		}
	}

}

/*
.blog_layout_202505 .author-details {
	padding-right: 99px;
}
*/

.author-details__chat {
	font: normal 500 14px/1.4 "Gotham-Medium";

	&>a:hover {
		color: #E01A59;
	}
}

.author-details .author-job-title {
	font: normal 700 14px/1.4 "Gotham-Bold";
	color: #678CB1;
	margin: 8px 0;
}

.author-details .author-job-title__read-more {
	font-family: var(--ff-gotham);
	font-weight: 700;
	font-size: 14px;
	color: #678cb1;

	&:hover {
		color: #E01A59;
	}
}

.article-feedabck__wrapper {
	width: 100%;
	height: 500px;
	margin: 50px 0;
	overflow: hidden;
}

#article__comment-form {
	min-height: 410px;
	margin-top: 40px;

	.article__comment-form__headline {
		font-family: var(--ff-gotham);
		font-weight: 900;
		font-size: 18px;
		margin: 20px 0px;
	}

	.hbspt-form {
		margin: 0px;
	}

	.hbspt-form label {
		font-family: var(--ff-gotham);
		font-weight: 300;
	}
}

#article__comment-feedback {
	margin-top: 40px;
	position: relative;
	min-height: 865px;

	.article__comment-feedback__headline {
		font-family: var(--ff-gotham);
		font-weight: 900;
		font-size: 18px;
		margin: 32px 0px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e7eef0;
	}

	.article__comment-feedback__comment {
		display: flex;
		gap: 10px;
		align-items: start;
		margin-bottom: 32px;
	}

	.article__comment-feedback__view-more {
		display: flex;
		justify-content: center;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 36px);
		padding-top: 32px;
		padding-bottom: 20px;
		position: relative;
		top: -35px;

		#viewMoreCommentsBtn {
			font-family: var(--ff-gotham);
			font-weight: 500;
			border: 0px;
			background-color: transparent;
			color: #2a95d5;

			&:hover {
				color: #e01a59;
			}
		}
	}

	.article__comment-feedback__comment__profile {
		width: 32px;
		padding-top: 10px;

		img {
			min-width: 32px;
		}
	}

	.article__comment-feedback__comment__content {
		padding: 24px 36px;
		border-radius: 8px;
		position: relative;
		width: 100%;
		border: solid 2px #e7eef0;

		::before {
			position: absolute;
			content: "";
			top: 12px;
			left: -8px;
			width: 0;
			height: 0;
			border-top: 12px solid transparent;
			border-right: 8px solid #e7eef0;
			border-bottom: 12px solid transparent;
		}

		::after {
			position: absolute;
			content: "";
			top: 12px;
			left: -6px;
			width: 0;
			height: 0;
			border-top: 12px solid transparent;
			border-right: 8px solid #fff;
			border-bottom: 12px solid transparent;
		}
	}

	.article__comment-feedback__comment__content__date {
		font-family: var(--ff-gotham);
		font-weight: 300;
		color: #afafaf;
		font-size: 12px;
		line-height: 19px;
	}

	.article__comment-feedback__comment__content__notes {
		margin-top: 10px;
	}
}

.alert {
	border-radius: 0;
	border: 0;
	color: #fff;
	font-size: 14px;
	font-family: var(--ff-gotham);
	font-weight: 900;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 30px;
	padding-right: 12px;
	position: relative;
}

.alert-success {
	background: #53b78e;
}

.alert-warning {
	background: #e5a522;
}

.alert-info {
	background: #1e80ce;
}

.alert-info.iron-variant-1 {
	background: #f0f9fb;
	font-family: var(--ff-gotham);
	font-weight: 300;
	color: #000000;
	line-height: 1.8;
}

.alert-info.iron-variant-1 a {
	text-decoration: none;
	color: #2a95d5;
	font-family: var(--ff-gotham);
	font-weight: 500;
}

.alert-info.iron-variant-1 a:hover {
	color: #23527c;
}

.alert-danger {
	background: #d40046;
}

.alert a {
	text-decoration: none;
	color: #fff;
}

.alert i {
	position: absolute;
	right: 12px;
	top: 16px;
	top: 35%;
}

/*----- RESPONSIVE STYLES ------*/
@media screen and (max-width: 460px) {
	.article-languages ul li strong {
		font-size: 11px;
		vertical-align: top;
	}
}

.md__block_alert {
	padding-left: 24px;
	border-left: 3px solid #181818;
	font-family: var(--ff-gotham);
	font-weight: 400;
	font-size: 16px;
}

.md__block_alert a {
	font-family: var(--ff-gotham);
	font-weight: 500;
	color: #2a95d5;
}

.md__block_alert .md__block_header {
	font-family: var(--ff-gotham);
	color: #181818;
	font-weight: 500;
}

.md__block_alert .md__block_header::before {
	content: "";
	font-family: "Font Awesome 6 Pro";
	font-size: 16px;
	padding-right: 10px;
}

.md__block_alert .md__block_header::after {
	content: ": ";
}

.md__block_alert.md__block_info {
	border-color: #2a95d5;
}

.md__block_alert.md__block_info .md__block_header::before {
	content: "\f05a";
	color: #2a95d5;
}

.md__block_alert.md__block_tips {
	border-color: #63c1a0;
}

.md__block_alert.md__block_tips .md__block_header::before {
	content: "\f0eb";
	color: #63c1a0;
}

.md__block_alert.md__block_important {
	border-color: #563b99;
}

.md__block_alert.md__block_important .md__block_header::before {
	content: "\f4a5";
	color: #563b99;
}

.md__block_alert.md__block_warning {
	border-color: #ec7600;
}

.md__block_alert.md__block_warning .md__block_header::before {
	content: "\f071";
	color: #ec7600;
}

.md__block_alert.md__block_error {
	border-color: #d62027;
}

.md__block_alert.md__block_error .md__block_header::before {
	content: "\e417";
	color: #d62027;
}

.main-content hr {
	margin-top: 45px;
	border-bottom: 3px solid #e7eef0;
	margin-bottom: 35px;
}

.main-content li {
	line-height: 1.8;
}

.download-card img {
	position: relative;
	margin: auto;
	margin-top: 20px;
	box-shadow: none;
}

.learnn-how-section ul {
	list-style: none;
}

.learnn-how-section ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
}

.learnn-how-section ul li a {
	font-family: var(--ff-gotham);
	font-weight: 700;
	padding-left: 15px;
	line-height: 28px;
}

.learnn-how-section ul li a:focus,
.learnn-how-section ul li a:active,
.learnn-how-section ul li a:hover {
	text-decoration: none;
	color: #23527c;
}

.learnn-how-section ul li:before {
	font-family: var(--font-family-fontawesome);
	font-weight: 900;
	content: "\f00c";
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f00c";
	padding-top: 5px;
}

.learnn-how-section img {
	box-shadow: 0px 5px 30px rgba(10, 11, 11, 0.1);
}

.img-responsive {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 1200px) {
	.img-responsive {
		max-width: 800px;
		height: fit-content;
		margin: 0 auto;
		display: block;
	}
}
.img-responsive+strong {
	display: block;
}

.add-shadow {
	-webkit-filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.1));
}

.tutorial-section {
	padding: 20px 0 40px;
}

.license-terms-tab-content__bottom-nav__link,
.tutorial-section .doc-link {
	display: block;
	line-height: 28px;
	font-family: var(--ff-gotham);
	font-weight: 700;
	text-decoration: none;
}

.tutorial-section .doc-link i {
	padding-left: 5px;
}

/* Content Table */
.content-table {
	width: 100%;
	overflow-x: auto;
}

.content-table table {
	table-layout: fixed;
	width: 100%;
	min-width: 500px;
	border-radius: 3px;
	border: 3px solid #e7eef0;
}

.content-table th {
	border-right: 3px solid #e7eef0;
	padding-left: 30px;
	font-family: var(--ff-gotham);
	font-weight: 500;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 14px;
	font-size: 14px;
}

.content-table td {
	border-right: 3px solid #e7eef0;
	padding-left: 30px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
}

.content-table .tr-head {
	border-bottom: 3px solid #e7eef0;
}

.content-table tr:nth-child(2n) {
	background: #f1f9fb;
}

.content-table .tcol1 {
	width: 25%;
}

.content-table .tcol2 {
	width: 50%;
	text-align: center;
	padding-left: 0;
}

.content-table .tcol3 {
	width: 25%;
	text-align: center;
	padding-left: 0;
}

.content-table.webscraping-in-c-sharp table,
.content-table.dotnet-core-pdf-table table,
.content-table.parse-excel-file table,
.content-table.syncfusion-components-table table {
	margin: 0 0 37px 0;
}

.content-table.webscraping-in-c-sharp .tcol1,
.content-table.dotnet-core-pdf-table .tcol1 {
	width: 35%;
}

.content-table.webscraping-in-c-sharp .tcol2,
.content-table.dotnet-core-pdf-table .tcol2 {
	width: 20%;
}

.content-table.webscraping-in-c-sharp .tcol3,
.content-table.dotnet-core-pdf-table .tcol3 {
	width: 45%;
}

.content-table.parse-excel-file .tcol1 {
	width: 20%;
}

.content-table.parse-excel-file .tcol2 {
	width: 45%;
}

.content-table.parse-excel-file .tcol3 {
	width: 35%;
}

.content-table.syncfusion-components-table .tcol1 {
	width: 15%;
}

.content-table.syncfusion-components-table .tcol2 {
	width: 25%;
}

.content-table.syncfusion-components-table .tcol3 {
	width: 25%;
}

.content-table.syncfusion-components-table .tcol4 {
	width: 20%;
}

.content-table.syncfusion-components-table .tcol5 {
	width: 15%;
}

div.content-table.overflow-x-off>table>tbody>tr>td,
div.content-table.webscraping-in-c-sharp>table>tbody>tr>td,
div.content-table.dotnet-core-pdf-table>table>tbody>tr>td,
div.content-table.parse-excel-file>table>tbody>tr>td,
div.content-table.syncfusion-components-table>table>tbody>tr>td,
div.content-table.activepdf-docconverter>table>tbody>tr>td,
div.content-table.spire-pdf-html-to-pdf-table>table>tbody>tr>td,
div.content-table.pdfsharp-read-pdf-table>table>tbody>tr>td {
	overflow-x: unset;
}

.content-table.itextsharp-table table,
.content-table.comparison-table table {
	margin: 0 0 37px 0;
}

div.content-table.itextsharp-table>table>tbody>tr>td,
div.content-table.comparison-table>table>tbody>tr>td {
	overflow-x: unset;
}

div.content-table.comparison-table td {
	text-align: center;
}

div.content-table.comparison-table td:first-child {
	font-weight: 500;
	font-family: var(--ff-gotham);
}

div.content-table.comparison-table td p {
	line-height: 20px;
	margin-top: 5px;
}

div.content-table.comparison-table>table>caption {
	caption-side: bottom;
}

.content-table.itextsharp-table .tcol1,
div.content-table.comparison-table .tcol1 {
	width: 50%;
}

.content-table.itextsharp-table .tcol2,
div.content-table.comparison-table .tcol2 {
	width: 50%;
}

.content-table.itextsharp-table tr td,
.content-table.comparison-table tr td {
	line-height: 24px;
}

.content-table.itextsharp-table tr td i.fa.fa-check,
.content-table.comparison-table tr td i.fa.fa-check {
	line-height: 24px;
	color: #53b78e;
	padding-right: 10px;
}

.content-table.itextsharp-table tr td i.fa.fa-times {
	color: #d40046;
	padding-right: 10px;
}

.content-table.itextsharp-table tr th,
.content-table.comparison-table tr th {
	text-align: center;
	padding: 28px 14px;
}

.content-table.comparison-table tr th {
	padding: 10px 14px;
	border-bottom: 8px solid #f1f9fb;
	color: #2c96d5;
}

.content-table.itextsharp-table tr th .iron-pdf,
.content-table.itextsharp-table tr th .itextsharp {
	display: inline-block;
	max-width: 60%;
}

.content-table.itextsharp-table tr td,
.content-table.comparison-table tr td {
	padding-left: 14px;
	padding-right: 14px;
}

.img-margin {
	margin: 0 0 37px 0;
}

.content-table.webscraping-in-c-sharp td,
.content-table.dotnet-core-pdf-table td,
.content-table.parse-excel-file td,
.content-table.syncfusion-components-table td {
	padding-left: 14px;
}

td.tcol3 {
	color: #2a95d5;
	font-family: var(--ff-gotham);
	font-weight: 500;
}

table.table {
	border: 3px solid #e7eef0;
}

.table__configuration-variables {
	margin-top: 20px;
}

table.table>tbody>tr>th {
	padding: 14px 20px;
	font-family: var(--ff-gotham), Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	vertical-align: middle;
	text-overflow: ellipsis;
	border-left: 3px solid #e7eef0;
	border-right: 3px solid #e7eef0;
	color: black;
}

table.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}

table.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #f1f9fb;
}

table.table>tbody>tr>td {
	color: black;
	font-family: var(--ff-gotham), Helvetica, Arial, sans-serif;
	font-weight: 300;
	padding: 14px 14px 14px 20px;
	font-size: 14px;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	border-left: 3px solid #e7eef0;
	border-right: 3px solid #e7eef0;
	word-wrap: break-word;
}

table.table>tbody>tr>td.centered {
	text-align: center;
	padding-right: 20px;
}

/*tables respond*/
@media screen and (max-width: 768px) {

	table.table>tbody>tr>td,
	table.table>tbody>tr>th {
		padding: 10px 10px 10px 12px;
		font-size: 12px;
	}
}

@media screen and (max-width: 548px) {

	table.table>tbody>tr>td,
	table.table>tbody>tr>th {
		padding: 5px 5px 5px 8px;
		font-size: 10px;
	}
}

.table__blog-content {
	max-width: 50%;
	margin: 30px auto;
}

.table__blog-column--bold {
	font-weight: bold;
}

.table__blog-column--center {
	text-align: center;
}

.table__configuration-variables {
	margin-top: 20px;
}

.table__configuration-variables td {
	word-break: break-all;
}

.table__configuration-variables td.word-break--break-word {
	word-break: break-word;
}

.table__configuration-variables tr td:first-child {
	min-width: 260px;
	padding: 14px 5px;
}

.main-content table.table__configuration-variables tr th {
	padding: 14px 5px;
}

.table__blog-content tr:nth-child(odd),
.table__configuration-variables tr:nth-child(odd) {
	background-color: rgb(241 249 251);
}

.table__blog-content tr:nth-child(odd),
.table__configuration-variables tr:nth-child(odd) {
	background-color: rgb(241 249 251);
}

#reading-progressbar {
	width: 100%;
	height: 4px;
	position: unset;
	pointer-events: none;
	contain: layout paint;
	left: 0%;
	--rp: var(--reading-progress, var(--reading-progress, 0));
}

#reading-progressbar .progress-bar {
	width: 100%;
	height: 100%;
	background-color: #e01a59;
	transition-duration: 0.1s;
	transform-origin: 0 50%;
	transform: scaleX(var(--rp, 0));
	transition: transform 0.1s linear;
	will-change: transform;
}

.ytvid-facade__play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	background: url('/img/svgs/youtube-play-icon.svg') center center no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
	opacity: 0.85;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

@media (forced-colors: active) {
	#reading-progressbar .progress-bar {
		background: CanvasText;
	}
}

table {
	width: 100%;
}

h2:has(+ table.settings),
h3:has(+ table.settings),
h4:has(+ table.settings) {
	padding-bottom: 15px;
}

h2 + ol,
h3 + ol,
h4 + ol,
h2 + ul,
h3 + ul,
h4 + ul {
	margin-top: 15px;
}

table.settings {
	border: 1px solid black;
	border-collapse: separate;
	border-radius: 8px;
	border-spacing: 0;
	overflow: clip;
	border-color: #D9E5E9;

	thead {
		border-bottom: 1px solid black;

		th {
			text-align: center;
			padding: 20px 0;
			font-size: 14px;
			font-family: "Gotham-Medium";
			
			&:not(:last-child) {
				border-right: 1px solid black;
			}
		}
	}

	tbody {            
		td {
			font-size: 13.5px;
			padding: 0 12px;
			vertical-align: top;
			padding-bottom: 12px;
			border-bottom: 1px solid black;

			ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;

				li:not(:first-child) {
					margin-top: 8px;
				}
			}

			&:not(:last-child) {
				border-right: 1px solid black;
			}
		}
	}

	tr {
		th {
			padding: 16px 12px;
			border: 1px solid #D9E5E9 !important;
		}

		td {
			padding: 16px 12px;
			border: 1px solid #D9E5E9 !important;

			span {
				font: normal 400 14px/1.4 "Gotham-Book";
				color: #181818;
			}
		}
	}

	&.active {
		td:first-child, td:last-child {
			span {
				border-radius: 4px;
				background-color: #F9F2F4;
				padding: 2px 4px;
				height: 21px;
				font: normal 400 12px/1.4 "Monaco";
				color: #D63384;
			}
		}
	}
}


.articles_download_social_and_ai_dropdown_202509 {
	position: relative;

	&>.btn {
		font: normal 500 14px/1.2 "Gotham-Medium";
		color: #181818;
		border: solid 1px #d9e5e9;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 8px;
		padding: 8px 12px;
		min-height: 36px;
		margin-top: 0px;
		background-color: #ffffff;

		&>i {
			color: #678CB1;
			margin: 0;
		}

		&::after {
			font: var(--fa-font-solid);
			content: "\f107";
			border: none;
			margin-left: 0px;
			vertical-align: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 14px;
		}
	}

	&:hover {
		&>.dropdown_container {
			display: block;
		}

		&>.btn {
			background-color: #f1f9fb;
			border-color: #aec3d7;

			&::after {
				content: "\f106";
			}
		}
	}

	.dropdown_container {
		display: none;
		background-color: transparent;
		position: absolute;
		right: 0;
		top: 36px;
		margin: -6px 0 0;
		padding: 8px 0 0;
		z-index: 1;
		width:fit-content;
	}

	&#article-dropdown-llm .dropdown_container {
		@media screen and (max-width: 576px) {
			left: 0px;
		}
	}

	ul.dropdown_content {
		box-shadow: 0px 8px 36px 0px #00000029;
		border-radius: 8px;
		border: solid 1px #D9E5E9;
		padding: 12px;
		background-color: #fff;
		margin: 0;
		list-style: none;

		&>li {
			line-height: unset;
		}

		li+li {
			margin-top: 8px;
		}

		.dropdown-item {
			display: flex;
			column-gap: 8px;
			font: normal 500 14px/1.2 "Gotham-Medium";
			color: #181818;
			padding: 8px;

			.i_wrapper {
				width: 18px;
				display: flex;
				justify-content: center;
				font-size: 16px;
				color: #678CB1;
			}

			.sub_text {
				font: normal 400 12px/1.2 "Gotham-Book";
				margin-top: 6px;
				color: #181818;
			}

			&:hover {
				color: #E01A59;
				background-color: unset;

				.i_wrapper {
					color: #E01A59;
				}

				.sub_text {
					color: #181818;
				}
			}
		}

		.dropdown-divider {
			border-color: #E7EEF0;
			margin: 8px 0;
			border-bottom: unset;
			border-top-width: 1px;
			border-top-style: solid;
		}
	}
}

/* content css styling framework */
.main-content {
	.callout--green {
		border-left: solid 2px #63c1a0;
		padding-left: 16px;
	}

	.callout--pink {
		border-left: solid 2px #e01a59;
		padding-left: 16px;
	}

	.alert_i_circle-soft_blue {
		border: solid 1px #e7eef0;
		border-radius: 4px;
		background-color: #f1f9fb;
		color: #181818;
		padding: 12px 12px 12px 24px;
		display: flex;

		&::before {
			display: block;
			width: 24px;
			text-align: center;
			content: "\f05a";
			font-family: var(--font-family-fontawesome);
			color: #2a95d5;
			margin-right: 12px;
		}
	}
}