:root {
	--vcnp-text: #101728;
	--vcnp-muted: #70746f;
	--vcnp-primary: #4ca657;
	--vcnp-primary-dark: #2e7d39;
	--vcnp-accent: #101728;
	--vcnp-surface: #eef8f1;
	--vcnp-surface-strong: #e7f3ea;
	--vcnp-border: #d7eadb;
	--vcnp-footer: #ffffff;
	--vcnp-radius: 22px;
	--vcnp-radius-lg: 34px;
	--vcnp-shadow: 0 24px 70px rgba(16, 23, 40, .08);
}

* {
	letter-spacing: 0;
}

body {
	background:
		linear-gradient(90deg, rgba(76, 166, 87, .09) 1px, transparent 1px),
		linear-gradient(180deg, rgba(76, 166, 87, .06) 1px, transparent 1px),
		#fff;
	background-size: 240px 240px;
	color: var(--vcnp-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.65;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(238, 248, 241, .92), rgba(255, 255, 255, .96) 620px);
}

a {
	color: var(--vcnp-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: .25em;
}

a:hover,
a:focus {
	color: var(--vcnp-accent);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-5,
.h1,
.h2,
.h3 {
	color: var(--vcnp-text);
	font-weight: 850;
	line-height: 1.08;
}

.text-secondary,
.text-muted,
.lead {
	color: var(--vcnp-muted) !important;
}

.container {
	--bs-gutter-x: 2rem;
}

.content-wrapper {
	max-width: 720px;
}

.site-header {
    box-shadow: 0 18px 48px rgba(16, 23, 40, .14);
    backdrop-filter: blur(18px);
    background: white;
    border-radius: 20px;
}
header.fixed-top {
	top: 16px;
}

.navbar {
	margin-inline: auto;
	width: min(1285px, calc(100% - 32px));
}

.navbar-brand {
	display: inline-flex;
	align-items: center;
	min-width: 180px;
	padding: 0;
	color: var(--vcnp-text);
	font-weight: 850;
	text-decoration: none;
}

.brand-wordmark {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	color: var(--vcnp-text);
	line-height: 1;
	text-decoration: none;
	text-transform: none;
}

.brand-wordmark::before,
.brand-wordmark::after {
	display: none;
	content: none;
}

.brand-wordmark-main {
	display: block;
	font-size: clamp(1.35rem, 2.4vw, 2.05rem);
	font-weight: 900;
}

.brand-wordmark-sub {
	display: block;
	margin-top: .1rem;
	color: var(--vcnp-muted);
	font-size: clamp(.63rem, 1vw, .82rem);
	font-weight: 750;
}

.brand-wordmark-footer {
	color: var(--vcnp-text);
}

.navbar-nav {
	column-gap: 1.25rem;
	align-items: center;
}

li.nav-item {
	padding: 0;
}

.navbar .nav-link {
	position: relative;
	border-bottom: 1px solid transparent;
	padding: .35rem 0 !important;
	color: var(--vcnp-text);
	font-size: 1.02rem;
	font-weight: 680;
	line-height: 1.25;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-item.is-active > .nav-link {
	border-bottom-color: var(--vcnp-accent);
	color: var(--vcnp-accent);
}

.navbar .nav-item-language .nav-link {
	border-bottom: 0;
}

.nav-language-link {
	display: inline-flex;
	align-items: center;
	padding-top: .5rem;
	padding-bottom: .5rem;
	line-height: 1;
}

.nav-language-link img {
	display: block;
	width: 30px;
	height: 20px;
	border: 1px solid var(--vcnp-border);
	border-radius: 5px;
	object-fit: cover;
}

.language-dropdown-menu {
	min-width: 11rem;
}

.language-dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	gap: .65rem;
}

.language-dropdown-menu .dropdown-item img {
	flex: 0 0 auto;
	width: 30px;
	height: 20px;
	border: 1px solid var(--vcnp-border);
	border-radius: 5px;
	object-fit: cover;
}

.navbar-toggler {
	border: 0;
	padding: .35rem;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 .2rem rgba(76, 166, 87, .2);
}

.mobile-navbar-actions {
	gap: .55rem;
}

.mobile-navbar-actions .nav-language-link {
	padding: .35rem;
}

.hero-section {
	position: relative;
	padding-top: 3.5rem !important;
	padding-bottom: 5rem !important;
	overflow: hidden;
}

.hero-section > .container {
	position: relative;
}

.hero-section .row.align-items-center {
	/* border: 1px solid var(--vcnp-border);
	border-radius: var(--vcnp-radius-lg);
	background: var(--vcnp-surface);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48);
	padding: clamp(1.25rem, 4vw, 4rem); */
}

.hero-section .row.align-items-center::after,
.cta-panel::after {
	content: "";
	position: absolute;
	right: 5%;
	top: 6%;
	width: min(42vw, 560px);
	aspect-ratio: 1;
	border-radius: 50%;
	opacity: .32;
	pointer-events: none;
	background-image: radial-gradient(circle, rgba(76, 166, 87, .22) 0 2px, transparent 2.5px);
	background-size: 14px 14px;
	mask-image: radial-gradient(circle, #000 0 56%, transparent 72%);
}

.hero-section .row.align-items-center {
	position: relative;
}

.hero-section .col-lg-6,
.cta-panel > * {
	position: relative;
	z-index: 1;
}

.display-5 {
	font-size: clamp(2.25rem, 4.4vw, 4.35rem);
	letter-spacing: 0;
}

.hero-section .lead {
	max-width: 680px;
	font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.tool-hero {
	min-height: auto;
	display: block;
}

.tool-panel,
.vcnp-tool,
.card,
.widget,
.sidebar-card,
.admin-panel,
.vcnp-statistics-empty,
.vcnp-statistics-panel,
.vcnp-stat-leader,
.cnp-result {
	border: 1px solid var(--vcnp-border);
	border-radius: var(--vcnp-radius);
	background: #fff;
	box-shadow: 0 28px 85px rgba(16, 23, 40, .1);
}

.tool-panel {
	width: 100%;
}

form.tool-panel {
	position: relative;
	float: none;
	max-width: 680px;
	margin-left: auto;
	padding: clamp(1.25rem, 3vw, 2.4rem);
	border-color: rgba(76, 166, 87, .28);
}

.tool-panel-head {
	display: grid;
	gap: .35rem;
	margin-bottom: 1.35rem;
}

.tool-panel-head span {
	color: var(--vcnp-primary);
	font-size: .9rem;
	font-weight: 850;
	text-transform: uppercase;
}

.tool-panel-head strong {
	color: var(--vcnp-text);
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	line-height: 1.1;
}

.tool-panel-note {
	margin: 1rem 0 0;
	color: var(--vcnp-muted);
	font-size: .95rem;
	text-align: center;
}

form.tool-panel.verifer-form button[type=submit] {
	position: static !important;
	width: 100%;
	margin-top: .75rem;
	min-height: 64px;
	font-size: 1.15rem;
}

.form-control,
.form-select {
	border: 1px solid var(--vcnp-border);
	border-radius: 18px;
	background-color: var(--vcnp-surface);
	color: var(--vcnp-text);
	min-height: 70px;
	font-size: 1.2rem;
	font-weight: 760;
}

.form-control.rounded-0,
.form-control.rounded-3 {
	border-radius: 18px !important;
}

input#vcnp-validator-input {
	border: 1px solid var(--vcnp-border);
}

.form-floating > label,
.form-label {
	color: var(--vcnp-text);
	font-weight: 720;
}

.form-floating > .form-control {
	padding-top: 1.85rem;
	padding-bottom: .75rem;
}

.form-text {
	color: var(--vcnp-muted) !important;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--vcnp-primary);
	background-color: #fff;
	box-shadow: 0 0 0 .25rem rgba(76, 166, 87, .18);
}

.btn {
	border-radius: 999px;
	font-weight: 780;
}

.btn-lg {
	padding: 1rem 1.5rem;
}

.btn-primary {
	--bs-btn-bg: var(--vcnp-primary);
	--bs-btn-border-color: var(--vcnp-primary);
	--bs-btn-hover-bg: var(--vcnp-primary-dark);
	--bs-btn-hover-border-color: var(--vcnp-primary-dark);
	--bs-btn-active-bg: var(--vcnp-primary-dark);
	--bs-btn-active-border-color: var(--vcnp-primary-dark);
	box-shadow: none;
}

.btn-outline-primary {
	--bs-btn-color: var(--vcnp-primary);
	--bs-btn-border-color: var(--vcnp-primary);
	--bs-btn-hover-bg: var(--vcnp-primary);
	--bs-btn-hover-border-color: var(--vcnp-primary);
	--bs-btn-active-bg: var(--vcnp-primary);
	--bs-btn-active-border-color: var(--vcnp-primary);
}

.vcnp-pill-link,
.hero-actions .btn,
.statistics-strip-actions a,
.tool-card-arrow {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
}

.vcnp-pill-link::after,
.hero-actions .btn::after,
.btn-primary::after {
	display: none;
	content: none;
}

.section-muted {
	background: var(--vcnp-surface);
}

.bg-body {
	background-color: transparent !important;
}

.card {
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.card:hover {
	border-color: rgba(76, 166, 87, .48);
	box-shadow: 0 28px 80px rgba(16, 23, 40, .12);
	transform: translateY(-3px);
}

.card-img-top {
	aspect-ratio: 1.75;
	object-fit: cover;
}

.card-title a {
	color: var(--vcnp-text);
	text-decoration: none;
}

.card-title a:hover,
.card-title a:focus {
	color: var(--vcnp-primary);
}

.article-meta,
.footer-meta {
	color: var(--vcnp-muted);
}

.home-tools-grid,
.tool-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
}

.home-tool-card,
.tool-card-item {
	border: 1px solid var(--vcnp-border);
	border-radius: var(--vcnp-radius);
	background: var(--vcnp-surface);
	padding: 1.35rem;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home-tool-card:hover,
.tool-card-item:hover {
	border-color: rgba(76, 166, 87, .55);
	box-shadow: var(--vcnp-shadow);
	transform: translateY(-3px);
}

.home-tool-icon,
.tool-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 1.1rem;
	border-radius: 50%;
	background: #fff;
	color: var(--vcnp-primary);
	font-size: 1.25rem;
	font-weight: 850;
}

.tool-card-link,
.home-tool-card a {
	color: inherit;
	text-decoration: none;
}

.tool-card-arrow {
	margin-top: .75rem;
	color: var(--vcnp-primary);
	font-size: .95rem;
	font-weight: 800;
}

.entry-content {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	color: var(--vcnp-muted);
	font-size: 1.06rem;
}

.entry-content > * + * {
	margin-top: 1rem;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: 2rem;
	color: var(--vcnp-text);
}

.entry-content pre,
.entry-content table,
.table-responsive {
	border: 1px solid var(--vcnp-border);
	border-radius: 18px;
	background: #fff;
	overflow: hidden;
}

.entry-content pre {
	padding: 1rem 1.2rem;
	color: var(--vcnp-text);
}

.table {
	--bs-table-striped-bg: rgba(76, 166, 87, .06);
	margin-bottom: 0;
}

.breadcrumb-wrap {
	background: transparent;
	border-bottom: 0;
	padding: .75rem 0 0;
}

.breadcrumbs,
.yoast-breadcrumbs {
	color: var(--vcnp-muted);
	font-size: .9375rem;
}

.breadcrumbs a {
	color: var(--vcnp-muted);
	text-decoration: none;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color: var(--vcnp-primary);
}

.contact-copy {
	border: 1px solid var(--vcnp-border);
	border-radius: var(--vcnp-radius);
	background: var(--vcnp-surface);
	padding: 2rem;
}

.contact-list {
	display: grid;
	gap: .65rem;
	margin: 0;
	padding-left: 1.2rem;
	color: var(--vcnp-muted);
}

.site-footer {
	color: var(--vcnp-text);
	background: var(--vcnp-footer);
	border-top: 1px solid var(--vcnp-border);
}

.footer-logo {
	color: inherit;
	text-decoration: none;
}

.footer-logo img {
	display: block;
	width: min(242px, 100%);
	height: auto;
}

.footer-heading {
	margin-bottom: 1rem;
	color: var(--vcnp-text) !important;
	font-weight: 820;
}

.site-footer a {
	color: var(--vcnp-muted);
	text-decoration: none;
	transition: color .18s ease;
}

.site-footer a:hover,
.site-footer a:focus {
	color: var(--vcnp-primary);
}

.footer-links li + li {
	margin-top: .55rem;
}

.footer-bottom {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.5rem;
	justify-content: space-between;
	border-color: var(--vcnp-border) !important;
}

.newsletter-panel {
	border: 1px solid var(--vcnp-border);
	border-radius: var(--vcnp-radius);
	background: var(--vcnp-surface);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.newsletter-form {
	display: flex;
	gap: .75rem;
}

.newsletter-form .form-control {
	background: #fff;
}

.newsletter-form .btn {
	flex: 0 0 auto;
	height: 58px;
	padding: 0 1.25rem;
}

.newsletter-form .btn::after {
	display: none;
}

.newsletter-message {
	min-height: 1.4rem;
	margin-top: .75rem;
	color: var(--vcnp-muted);
}

.newsletter-message.is-success {
	color: var(--vcnp-primary-dark);
}

.newsletter-message.is-error {
	color: var(--bs-danger);
}

.blog-category-nav,
.blog-card-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.blog-category-nav a,
.blog-card-categories a {
	border: 1px solid var(--vcnp-border);
	border-radius: 999px;
	padding: 6px 12px;
	color: var(--vcnp-text);
	font-size: .9rem;
	font-weight: 760;
	text-decoration: none;
}

.blog-category-nav a:hover,
.blog-category-nav a:focus,
.blog-category-nav a.is-active,
.blog-card-categories a:hover,
.blog-card-categories a:focus {
	border-color: var(--vcnp-primary);
	color: var(--vcnp-primary);
}

.admin-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--vcnp-border);
	padding-bottom: 12px;
}

.admin-panel-head span {
	color: var(--vcnp-muted);
	font-size: .9rem;
}

.admin-inline-form,
.admin-list-row,
.admin-post-category-row {
	display: grid;
	gap: 10px;
	align-items: start;
}

.admin-inline-form,
.admin-list-row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.admin-post-category-row {
	grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr) auto;
}

.admin-list,
.admin-faq-builder {
	display: grid;
	gap: 14px;
}

.admin-faq-row {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr);
	gap: 14px;
	border: 1px solid var(--vcnp-border);
	border-radius: 18px;
	padding: 14px;
}

@media (min-width: 992px) {
	.navbar .container {
		gap: 1.5rem;
	}

	.hero-section .row.align-items-center > .col-lg-6:first-child {
		flex: 0 0 auto;
		width: 45%;
	}

	.hero-section .row.align-items-center > .col-lg-6:last-child {
		flex: 0 0 auto;
		width: 55%;
	}
}

@media (max-width: 1199.98px) {
	.navbar-nav {
		column-gap: .85rem;
	}

	.navbar .nav-link {
		font-size: .95rem;
	}

	.home-tools-grid,
	.tool-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1400px) {

    li.nav-item.link-8 {
            display: none;
    }

}
@media (max-width: 1200px) {

    li.nav-item.link-7 {
            display: none;
    }

}

@media (max-width: 991.98px) {
	body {
		background-size: 160px 160px;
	}
    li.nav-item.link-8 ,
    li.nav-item.link-7 {
        display: block;
    }
	body[style] {
		padding-top: 88px !important;
	}

	header.fixed-top {
		top: 8px;
	}

	.navbar {
		width: min(100% - 20px, 720px);
	}

	.site-header {
		border-radius: 0px;
	}

	.navbar-collapse {
		margin-top: 1rem;
		border-top: 1px solid var(--vcnp-border);
		padding-top: .75rem;
	}

	.navbar-nav {
		align-items: flex-start;
	}

	form.tool-panel {
		margin-top: 1.5rem;
		margin-left: 0;
	}
}

@media (max-width: 767.98px) {
	.container {
		--bs-gutter-x: 1.25rem;
	}

	.hero-section {
		padding-top: 1.4rem !important;
		padding-bottom: 2rem !important;
	}

	.hero-section .row.align-items-center {
		/* padding: 1rem;
		border-radius: 24px; */
	}

	.display-5 {
		font-size: clamp(2rem, 10vw, 2.75rem);
		line-height: 1.02;
	}

	form.tool-panel {
		margin-top: 1rem;
		padding: 1rem;
	}

	.tool-panel-head {
		margin-bottom: 1rem;
	}

	.tool-panel-head strong {
		font-size: 1.4rem;
	}

	.form-control,
	.form-select {
		min-height: 58px;
		font-size: 1rem;
	}

	form.tool-panel.verifer-form button[type=submit] {
		min-height: 56px;
	}

	.tool-description {
		font-size: .96rem;
	}

	.hero-actions .btn {
		width: 100%;
		justify-content: center;
	}

	.home-tools-grid,
	.tool-card-grid {
		grid-template-columns: 1fr;
	}

	.newsletter-form {
		flex-direction: column;
	}

	.newsletter-form .btn {
		width: 100%;
	}

	.admin-inline-form,
	.admin-list-row,
	.admin-post-category-row,
	.admin-faq-row {
		grid-template-columns: 1fr;
	}
}