/*
Theme Name: Commune de Kasa-Vubu
Theme URI: https://www.kasa-vubu.cd/
Author: Commune de Kasa-Vubu
Author URI: https://www.kasa-vubu.cd/
Description: Thème institutionnel MVP pour la Commune de Kasa-Vubu: portail communal, services, démarches, autorités, quartiers, actualités, contact et pages publiques fonctionnelles.
Version: 1.0.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kasa-vubu
Requires PHP: 5.6
Tested up to: 6.9
Tags: full-site-editing, template-editing, block-styles, custom-logo, featured-images, institutional, municipality, responsive

Commune de Kasa-Vubu theme, 2026.
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Poppins", sans-serif !important;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--extra-primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* Scroll To Top */
.return-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
    z-index: 9999;
}
.return-to-top-btn .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.return-to-top-btn.show {
    opacity: 1;
    visibility: visible;
}
.return-to-top-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.return-to-top-btn:active {
    transform: translateY(-1px);
}
.return-to-top-btn span {
    pointer-events: none;
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

.main-slider {
    position: relative;
}
.main-slider .owl-dots,
.main-slider .owl-nav {
    position: absolute;
    z-index: 999 !important;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
}
.main-slider .owl-dot.active span {
    background: var(--wp--preset--color--extra-primary) !important;
}
.main-slider .owl-dot span {
    background: #fff !important;
    display: block;
    width: 15px !important;
    height: 15px !important;
    border-radius: 30px;
    margin: 5px;
}
.main-slider .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}
.main-slider button.owl-prev{
	position: absolute;
	left: 70px;
}
.main-slider button.owl-next{
	position: absolute;
	right: 70px;
}
.main-slider button.owl-next span,
.main-slider button.owl-prev span {
    background: rgb(255 255 255 / 50%);
    padding: 14px;
    border-radius: 6px;
    color: #fff;
}
.main-slider button.owl-next span:hover,
.main-slider button.owl-prev span:hover{
	background: var(--wp--preset--color--background);
}
.man-image img{
    position: relative;
    bottom: -45px;
}

.services-box {
	box-shadow: 0 0 10px 1px #cfcfcf;
}
.service-btn {
    background: #F5F5F5;
    padding: 10px;
    width: 30px;
    height: 30px;
    border-radius: 10px;
}
.services-box:hover{
	background: var(--wp--preset--color--background);
}
.services-box:hover .main-service-icon img{
	filter: brightness(0) invert(1);
}
.services-box:hover h3 a,
.services-box:hover p{
	color: #fff !important;
}


.post-main-area{
	box-shadow: 0 0 15px 1px #afafaf;
}
.footer-div a,.services-box h3 a{
	text-decoration: none;
}

.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}

.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}

.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}

.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--extra-primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}

@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 990px) {
	.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		padding-right: 0 !important;
	}
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}

pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}

.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--background) !important;
}

a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--background);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}
.meta-category a{
	color: #fff !important;
	text-decoration: none !important;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
	color: #fff !important;
	text-decoration: none;
}
.post-navigation-link-previous ,
.post-navigation-link-next {
  background: var(--wp--preset--color--background) !important;
  padding: 7px 20px;
  border-radius: 5px;
}
.post-pgntion{
	margin-top: 40px;
}

/* Kasa-Vubu institutional redesign */
:root {
	--kv-blue: #1455a8;
	--kv-blue-dark: #08326f;
	--kv-blue-deep: #021a46;
	--kv-yellow: #feb721;
	--kv-gold: #f9d322;
	--kv-red: #cf0a05;
	--kv-ink: #212121;
	--kv-muted: #616161;
	--kv-line: #e5e5e5;
	--kv-soft: #f7f7f7;
	--kv-white: #ffffff;
	--kv-shadow: 0 20px 60px rgba(3, 38, 94, 0.19);
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--kv-white);
	color: var(--kv-ink);
}

.kv-container {
	width: min(1180px, calc(100% - 40px));
	margin-inline: auto;
}

.kv-topbar {
	background: var(--kv-blue-deep);
	color: var(--kv-white);
	font-size: 13px;
}

.kv-topbar__inner {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding: 9px 0;
}

.kv-topbar p,
.kv-footer p {
	margin: 0;
}

.kv-topbar .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	color: var(--kv-yellow);
}

.kv-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: linear-gradient(90deg, #0f4ea3 0%, #1455a8 52%, #0b3d8d 100%);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: 0 12px 30px rgba(2, 26, 70, .22);
	transition: box-shadow .35s ease, background .35s ease, transform .35s ease;
}

.kv-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 78px;
	transition: min-height .35s ease, padding .35s ease;
}

.kv-has-scrolled .kv-header {
	box-shadow: 0 16px 34px rgba(2, 26, 70, .32);
}

.kv-has-scrolled .kv-header__inner {
	min-height: 68px;
}

.kv-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--kv-white);
	text-decoration: none;
}

.kv-brand:hover,
.kv-brand:focus,
.kv-nav a:hover,
.kv-footer a:hover {
	text-decoration: none;
}

.kv-brand__mark {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--kv-blue), var(--kv-blue-dark));
	color: var(--kv-white);
	font-weight: 800;
	box-shadow: inset 0 -4px 0 var(--kv-yellow);
}

.kv-brand__logo {
	display: block;
	width: min(260px, 46vw);
	height: auto;
	border-radius: 4px;
}

.kv-brand strong {
	display: block;
	font-size: 19px;
	line-height: 1.05;
}

.kv-brand small {
	display: block;
	color: var(--kv-muted);
	font-size: 12px;
	margin-top: 2px;
}

.kv-menu-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 7px;
	background: rgba(255, 255, 255, .1);
	color: var(--kv-white);
	cursor: pointer;
	font-weight: 800;
	min-height: 44px;
	padding: 9px 12px;
}

.kv-menu-toggle span {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	transition: transform .25s ease, opacity .25s ease;
}

.kv-menu-toggle b {
	font-size: 13px;
	line-height: 1;
}

.kv-menu-open .kv-menu-toggle span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.kv-menu-open .kv-menu-toggle span:nth-child(2) {
	opacity: 0;
}

.kv-menu-open .kv-menu-toggle span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.kv-nav {
	font-size: 15px;
	font-weight: 600;
}

.kv-menu,
.kv-submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kv-menu {
	display: flex;
	align-items: center;
	gap: 10px;
}

.kv-menu > li {
	position: relative;
}

.kv-nav a,
.kv-submenu-toggle {
	align-items: center;
	border: 0;
	border-radius: 7px;
	color: var(--kv-white);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	gap: 8px;
	min-height: 42px;
	padding: 10px 12px;
	background: transparent;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

.kv-submenu-toggle::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .2s ease;
}

.kv-menu__item--has-children:hover .kv-submenu-toggle::after,
.kv-menu__item--has-children.is-open .kv-submenu-toggle::after {
	transform: rotate(225deg) translateY(-1px);
}

.kv-nav a:hover,
.kv-nav a:focus,
.kv-submenu-toggle:hover,
.kv-submenu-toggle:focus {
	background: rgba(255, 255, 255, .1);
	color: var(--kv-yellow);
}

.kv-submenu {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 30;
	width: min(280px, 82vw);
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(2, 26, 70, .24);
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity .22s ease, transform .22s ease;
}

.kv-menu__item--has-children:hover .kv-submenu,
.kv-menu__item--has-children:focus-within .kv-submenu,
.kv-menu__item--has-children.is-open .kv-submenu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.kv-submenu a {
	color: var(--kv-ink);
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	min-height: 40px;
	padding: 10px 12px;
}

.kv-submenu a:hover,
.kv-submenu a:focus {
	background: var(--kv-soft);
	color: var(--kv-blue);
}

.kv-header__cta,
.kv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 18px;
	border-radius: 7px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.kv-header__cta,
.kv-btn--primary {
	background: var(--kv-yellow);
	color: var(--kv-blue-dark);
	box-shadow: 0 10px 26px rgba(254, 183, 33, .24);
}

.kv-btn--light {
	background: var(--kv-white);
	color: var(--kv-blue-dark);
}

.kv-btn--outline {
	border: 1px solid var(--kv-line);
	color: var(--kv-ink);
	background: var(--kv-white);
}

.kv-header__cta:hover,
.kv-btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--kv-shadow);
	text-decoration: none;
}

.kv-home {
	overflow: hidden;
}

.kv-hero {
	position: relative;
	min-height: 680px;
	display: flex;
	align-items: center;
	color: var(--kv-white);
}

.kv-hero__media,
.kv-hero__shade {
	position: absolute;
	inset: 0;
}

.kv-hero__media {
	background:
		linear-gradient(120deg, rgba(0, 0, 32, .9), rgba(43, 68, 132, .62)),
		url("assets/images/hero-kasavubu-history.jpg") center/cover no-repeat;
	transform: scale(1.03);
	animation: kvHeroPan 18s ease-in-out infinite alternate;
}

.kv-hero__shade {
	background:
		linear-gradient(90deg, rgba(0, 20, 54, .72), rgba(0, 20, 54, .12)),
		linear-gradient(0deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, 0));
}

.kv-hero__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 48px;
	align-items: end;
	padding: 96px 0;
}

.kv-eyebrow {
	margin: 0 0 12px;
	color: var(--kv-red);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.kv-hero .kv-eyebrow {
	color: var(--kv-yellow);
}

.kv-hero h1 {
	max-width: 760px;
	margin: 0;
	color: var(--kv-white);
	font-size: clamp(42px, 7vw, 82px);
	line-height: .95;
	font-weight: 800;
	letter-spacing: 0;
}

.kv-lead {
	max-width: 680px;
	margin: 24px 0 0;
	font-size: 20px;
	line-height: 1.65;
	color: rgba(255, 255, 255, .9);
}

.kv-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.kv-hero__panel {
	background: rgba(255, 255, 255, .94);
	color: var(--kv-ink);
	border-radius: 8px;
	padding: 22px;
	box-shadow: var(--kv-shadow);
	border-top: 5px solid var(--kv-yellow);
}

.kv-panel__label {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--kv-blue);
}

.kv-hero__panel a {
	display: flex;
	justify-content: space-between;
	padding: 14px 0;
	border-top: 1px solid var(--kv-line);
	color: var(--kv-ink);
	font-weight: 700;
	text-decoration: none;
}

.kv-quick {
	margin-top: -54px;
	position: relative;
	z-index: 5;
}

.kv-quick__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--kv-white);
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
	overflow: hidden;
}

.kv-quick__item {
	padding: 24px;
	color: var(--kv-ink);
	text-decoration: none;
	border-right: 1px solid var(--kv-line);
	transition: background .25s ease, transform .35s ease, box-shadow .35s ease;
}

.kv-quick__item:last-child {
	border-right: 0;
}

.kv-quick__item:hover {
	background: var(--kv-soft);
	box-shadow: inset 0 -3px 0 var(--kv-yellow);
	transform: translateY(-4px);
	text-decoration: none;
}

.kv-quick__item span {
	display: block;
	color: var(--kv-red);
	font-weight: 800;
	font-size: 13px;
}

.kv-quick__item strong,
.kv-quick__item small {
	display: block;
}

.kv-quick__item strong {
	margin: 8px 0 6px;
	font-size: 18px;
}

.kv-quick__item small {
	color: var(--kv-muted);
	line-height: 1.45;
}

.kv-section {
	padding: 92px 0;
}

.kv-section--muted {
	background: var(--kv-soft);
}

.kv-section--news {
	background: linear-gradient(180deg, var(--kv-blue-dark), #05234b);
	color: var(--kv-white);
}

.kv-section--blue {
	background:
		linear-gradient(135deg, rgba(2, 26, 70, .94), rgba(20, 85, 168, .92)),
		url("assets/images/banner2.jpg") center/cover no-repeat;
	color: var(--kv-white);
}

.kv-section--blue h2,
.kv-section--blue p {
	color: var(--kv-white);
}

.kv-section--blue .kv-eyebrow {
	color: var(--kv-yellow);
}

.kv-section__head {
	max-width: 720px;
	text-align: center;
}

.kv-section__head h2,
.kv-section__split h2,
.kv-discover h2 {
	margin: 0;
	color: var(--kv-ink);
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.12;
	font-weight: 800;
}

.kv-section--news h2,
.kv-section--news p {
	color: var(--kv-white);
}

.kv-section__head p,
.kv-section__split p,
.kv-discover p {
	color: var(--kv-muted);
	font-size: 17px;
	line-height: 1.7;
}

.kv-section--news .kv-section__split p {
	color: rgba(255, 255, 255, .78);
}

.kv-section__split,
.kv-discover {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 36px;
	align-items: end;
}

.kv-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 36px;
}

.kv-home-about__grid {
	align-items: stretch;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.kv-home-about .kv-page-feature {
	align-content: center;
	display: grid;
}

.kv-stats--stacked {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 0;
}

.kv-stat {
	padding: 30px 18px;
	text-align: center;
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	background: var(--kv-white);
}

.kv-stat strong {
	display: block;
	font-size: 44px;
	line-height: 1;
	color: var(--kv-blue);
	font-weight: 800;
}

.kv-stat span {
	display: block;
	margin-top: 10px;
	color: var(--kv-muted);
	font-weight: 600;
}

.kv-service-grid,
.kv-news-grid,
.kv-steps,
.kv-authority-grid,
.kv-revenue-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin-top: 38px;
}

.kv-service-card,
.kv-news-card,
.kv-step,
.kv-authority-card,
.kv-revenue-grid article {
	border-radius: 8px;
	background: var(--kv-white);
	padding: 28px;
	border: 1px solid var(--kv-line);
	box-shadow: 0 8px 30px rgba(3, 38, 94, .08);
}

.kv-service-card {
	color: var(--kv-ink);
	text-decoration: none;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.kv-service-card:hover {
	border-color: rgba(20, 85, 168, .28);
	transform: translateY(-7px);
	box-shadow: var(--kv-shadow);
	text-decoration: none;
}

.kv-service-grid--featured .kv-service-card--accent {
	background: linear-gradient(145deg, var(--kv-blue), var(--kv-blue-dark));
	color: var(--kv-white);
	border-color: transparent;
}

.kv-service-grid--featured .kv-service-card--accent h3,
.kv-service-grid--featured .kv-service-card--accent p {
	color: var(--kv-white);
}

.kv-service-grid--featured .kv-service-card--accent .dashicons {
	background: rgba(255, 255, 255, .14);
	color: var(--kv-yellow);
}

.kv-service-card .dashicons {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: rgba(43, 68, 132, .1);
	color: var(--kv-blue);
	font-size: 25px;
}

.kv-service-card h3,
.kv-news-card h3,
.kv-step h3 {
	margin: 18px 0 10px;
	color: var(--kv-ink);
	font-size: 21px;
}

.kv-service-card p,
.kv-news-card p,
.kv-step p {
	margin: 0;
	color: var(--kv-muted);
	line-height: 1.65;
}

.kv-step span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--kv-yellow);
	color: var(--kv-ink);
	font-weight: 800;
}

.kv-authority-card span {
	color: var(--kv-blue);
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
}

.kv-authority-card h3,
.kv-revenue-grid h3 {
	margin: 12px 0 10px;
	color: var(--kv-ink);
	font-size: 20px;
}

.kv-authority-card p,
.kv-revenue-grid p {
	margin: 0;
	color: var(--kv-muted);
	line-height: 1.65;
}

.kv-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.kv-chip-list span,
.kv-directory span {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	border-radius: 999px;
	background: var(--kv-white);
	color: var(--kv-ink);
	border: 1px solid var(--kv-line);
	padding: 8px 14px;
	font-weight: 700;
	font-size: 14px;
}

.kv-directory {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 34px;
}

.kv-directory span {
	border-radius: 7px;
	box-shadow: 0 8px 22px rgba(3, 38, 94, .07);
}

.kv-revenue-grid article {
	position: relative;
	overflow: hidden;
}

.kv-revenue-grid article::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--kv-blue), var(--kv-yellow), var(--kv-red));
}

.kv-news-card {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .18);
	transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.kv-news-card:hover {
	background: rgba(255, 255, 255, .13);
	border-color: rgba(254, 183, 33, .44);
	transform: translateY(-6px);
}

.kv-news-card span {
	color: var(--kv-yellow);
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
}

.kv-news-card h3,
.kv-news-card p {
	color: var(--kv-white);
}

.kv-news-card p {
	color: rgba(255, 255, 255, .75);
}

.kv-discover {
	align-items: center;
	padding: 42px;
	border-radius: 8px;
	border-left: 7px solid var(--kv-red);
	background: var(--kv-soft);
}

.kv-discover__list {
	display: grid;
	gap: 12px;
	min-width: 280px;
}

.kv-discover__list a {
	padding: 14px 16px;
	border-radius: 7px;
	background: var(--kv-white);
	color: var(--kv-ink);
	font-weight: 700;
	text-decoration: none;
	border: 1px solid var(--kv-line);
}

.kv-cta-band {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(20, 85, 168, .94), rgba(8, 50, 111, .94)),
		url("assets/images/banner3.jpg") center/cover no-repeat;
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
	color: var(--kv-white);
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1fr) auto;
	overflow: hidden;
	padding: 42px;
	position: relative;
}

.kv-cta-band::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 7px;
	background: linear-gradient(180deg, var(--kv-yellow), var(--kv-red));
}

.kv-cta-band h2,
.kv-cta-band p {
	color: var(--kv-white);
	margin: 0;
}

.kv-cta-band h2 {
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.1;
}

.kv-cta-band p {
	margin-top: 12px;
	max-width: 720px;
	opacity: .84;
}

.kv-feature-split {
	align-items: stretch;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.kv-page-feature,
.kv-timeline,
.kv-service-toolbar {
	background: var(--kv-white);
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
}

.kv-page-feature {
	padding: 34px;
}

.kv-page-feature h2 {
	color: var(--kv-ink);
	font-size: clamp(28px, 4vw, 44px);
	line-height: 1.1;
	margin: 0 0 14px;
}

.kv-timeline {
	display: grid;
	gap: 0;
	overflow: hidden;
}

.kv-timeline article {
	border-bottom: 1px solid var(--kv-line);
	display: grid;
	gap: 10px;
	grid-template-columns: 58px 1fr;
	padding: 22px;
}

.kv-timeline article:last-child {
	border-bottom: 0;
}

.kv-timeline span {
	align-items: center;
	background: var(--kv-blue);
	border-radius: 50%;
	color: var(--kv-white);
	display: inline-flex;
	font-weight: 900;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.kv-timeline h3,
.kv-timeline p {
	margin: 0;
}

.kv-service-toolbar {
	align-items: end;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 24px;
}

.kv-service-toolbar label {
	color: var(--kv-title);
	display: grid;
	font-weight: 800;
	gap: 8px;
}

.kv-service-search {
	border: 1px solid #d5dbe8;
	border-radius: 7px;
	font: inherit;
	min-height: 50px;
	padding: 12px 14px;
	width: 100%;
}

.kv-service-search:focus {
	border-color: var(--kv-blue);
	box-shadow: 0 0 0 4px rgba(20, 85, 168, .14);
	outline: 0;
}

.kv-filterable-services [hidden] {
	display: none;
}

.kv-contact-layout {
	align-items: start;
	display: grid;
	gap: 34px;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}

.kv-contact-copy {
	background: var(--kv-white);
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
	padding: 30px;
}

.kv-contact-copy ul {
	margin: 20px 0 0;
	padding-left: 20px;
}

.kv-contact-form {
	background: var(--kv-white);
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 30px;
}

.kv-contact-form label {
	color: var(--kv-title);
	display: grid;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
}

.kv-contact-form input,
.kv-contact-form select,
.kv-contact-form textarea {
	background: var(--kv-white);
	border: 1px solid #d5dbe8;
	border-radius: 6px;
	color: var(--kv-title);
	font: inherit;
	min-height: 48px;
	padding: 12px 14px;
	width: 100%;
}

.kv-contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.kv-contact-form input:focus,
.kv-contact-form select:focus,
.kv-contact-form textarea:focus {
	border-color: var(--kv-blue);
	box-shadow: 0 0 0 4px rgba(43, 68, 132, .14);
	outline: 0;
}

.kv-contact-form__wide,
.kv-form-note {
	grid-column: 1 / -1;
}

.kv-form-note {
	color: var(--kv-muted);
	font-size: 13px;
	margin: -6px 0 0;
}

.kv-contact-form .kv-btn {
	justify-self: start;
}

.kv-footer {
	background:
		linear-gradient(90deg, rgba(254, 183, 33, .9) 0 3px, rgba(207, 10, 5, .9) 3px 6px, transparent 6px),
		linear-gradient(145deg, #08326f 0%, #1455a8 55%, #021a46 100%);
	color: rgba(255, 255, 255, .78);
}

.kv-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr repeat(3, 1fr);
	gap: 34px;
	padding: 64px 0;
}

.kv-brand--footer {
	color: var(--kv-white);
	margin-bottom: 18px;
}

.kv-brand--footer .kv-brand__logo {
	width: min(280px, 80vw);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}

.kv-brand--footer small {
	color: rgba(255, 255, 255, .72);
}

.kv-footer h3 {
	margin: 0 0 18px;
	color: var(--kv-white);
	font-size: 18px;
}

.kv-footer a {
	display: block;
	margin: 10px 0;
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
}

.kv-footer__about p,
.kv-footer p {
	line-height: 1.65;
}

.kv-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding: 18px 0;
	font-size: 14px;
}

.kv-inner-hero {
	position: relative;
	padding: 86px 0 78px;
	text-align: center;
	color: var(--kv-white);
	background:
		linear-gradient(115deg, rgba(0, 0, 32, .96), rgba(43, 68, 132, .78)),
		url("assets/images/banner1.jpg") center/cover no-repeat;
	overflow: hidden;
}

.kv-inner-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 6px;
	background: linear-gradient(90deg, var(--kv-blue), var(--kv-yellow), var(--kv-red));
}

.kv-inner-hero .kv-eyebrow {
	color: var(--kv-yellow);
}

.kv-inner-title,
.kv-inner-hero h1 {
	margin: 0;
	color: var(--kv-white);
	font-size: clamp(34px, 5vw, 64px);
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: 0;
}

.kv-post-meta {
	justify-content: center;
	gap: 12px;
	margin-top: 18px;
	color: rgba(255, 255, 255, .82);
}

.kv-post-meta a {
	color: var(--kv-white);
}

.kv-page-shell {
	padding: 72px 0;
}

.kv-page-shell :where(p, li) {
	line-height: 1.75;
}

.kv-page-shell :where(h2, h3, h4) {
	color: var(--kv-ink);
	font-weight: 800;
	letter-spacing: 0;
}

.kv-featured-image img {
	width: 100%;
	border-radius: 8px;
	box-shadow: var(--kv-shadow);
}

.kv-post-nav,
.kv-comments {
	margin-top: 48px;
	padding-top: 28px;
	border-top: 1px solid var(--kv-line);
}

.kv-post-nav a {
	color: var(--kv-blue-dark);
	font-weight: 800;
	text-decoration: none;
}

.kv-listing-shell {
	background: var(--kv-soft);
	max-width: none !important;
}

.kv-post-grid {
	gap: 24px !important;
}

.kv-post-card {
	height: 100%;
	padding: 0 0 24px;
	background: var(--kv-white);
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 32px rgba(3, 38, 94, .1);
}

.kv-post-card__image {
	margin: 0 0 20px;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, rgba(43, 68, 132, .12), rgba(254, 183, 33, .16));
}

.kv-post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kv-post-card__date,
.kv-post-card__title,
.kv-post-card__excerpt {
	padding-inline: 22px;
}

.kv-post-card__date {
	color: var(--kv-red);
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.kv-post-card__title {
	margin: 10px 0;
	font-size: 21px;
	line-height: 1.25;
}

.kv-post-card__title a {
	color: var(--kv-ink);
	text-decoration: none;
}

.kv-post-card__excerpt {
	color: var(--kv-muted);
}

.kv-post-card__excerpt a {
	color: var(--kv-blue-dark);
	font-weight: 800;
}

.kv-pagination {
	margin-top: 40px;
	gap: 10px;
}

.kv-pagination a,
.kv-pagination span {
	border-radius: 7px;
	padding: 10px 14px;
	background: var(--kv-white);
	color: var(--kv-ink);
	text-decoration: none;
	border: 1px solid var(--kv-line);
}

.kv-search-box {
	max-width: 760px;
	margin: 0 auto 42px;
}

.kv-search-box .wp-block-search__inside-wrapper {
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	overflow: hidden;
	background: var(--kv-white);
	box-shadow: 0 10px 32px rgba(3, 38, 94, .1);
}

.kv-search-box input {
	border: 0;
	padding: 16px;
}

.kv-search-box button {
	background: var(--kv-red);
	color: var(--kv-white);
	border: 0;
	padding-inline: 18px;
}

.kv-empty {
	padding: 40px;
	background: var(--kv-white);
	border: 1px solid var(--kv-line);
	border-radius: 8px;
}

.kv-error-page {
	text-align: center;
	min-height: 58vh;
	display: grid;
	place-items: center;
}

.kv-error-code {
	margin: 0;
	color: var(--kv-blue);
	font-size: clamp(84px, 16vw, 180px);
	line-height: .8;
	font-weight: 900;
}

.kv-error-page h1 {
	margin: 20px 0 10px;
	font-size: clamp(34px, 5vw, 56px);
	color: var(--kv-ink);
}

.kv-error-page p:not(.kv-error-code) {
	max-width: 620px;
	margin-inline: auto;
	color: var(--kv-muted);
	font-size: 18px;
}

.kv-error-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 28px;
}

.kv-content-layout {
	align-items: flex-start;
	gap: 34px;
}

.kv-aside {
	position: sticky;
	top: 110px;
	padding: 24px;
	border-radius: 8px;
	border: 1px solid var(--kv-line);
	background: var(--kv-soft);
}

.kv-aside h2 {
	margin: 0 0 16px;
	font-size: 20px;
	color: var(--kv-ink);
}

.kv-aside a {
	display: block;
	padding: 12px 0;
	color: var(--kv-ink);
	font-weight: 700;
	text-decoration: none;
	border-top: 1px solid var(--kv-line);
}

.kv-plain-title {
	margin: 0 0 34px;
	color: var(--kv-ink);
	font-size: clamp(34px, 5vw, 56px);
	line-height: 1.12;
	font-weight: 800;
	text-align: center;
}

.kv-process {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.kv-card-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--kv-blue);
	color: var(--kv-white);
	font-weight: 800;
}

.kv-accordion {
	max-width: 920px;
	margin: 34px auto 0;
	display: grid;
	gap: 12px;
}

.kv-accordion__item {
	border: 1px solid var(--kv-line);
	border-radius: 8px;
	background: var(--kv-white);
	box-shadow: 0 8px 24px rgba(3, 38, 94, .06);
	overflow: hidden;
}

.kv-accordion__button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border: 0;
	background: transparent;
	color: var(--kv-ink);
	font: inherit;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
}

.kv-accordion__button strong {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--kv-soft);
	color: var(--kv-blue);
	flex: 0 0 auto;
}

.kv-accordion__button[aria-expanded="true"] strong {
	background: var(--kv-red);
	color: var(--kv-white);
}

.kv-accordion__panel {
	padding: 0 20px 20px;
	color: var(--kv-muted);
}

.kv-accordion__panel p {
	margin: 0;
}

.kv-page-actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
}

.kv-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .75s cubic-bezier(.22, 1, .36, 1), transform .75s cubic-bezier(.22, 1, .36, 1);
	will-change: opacity, transform;
}

.kv-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.kv-motion-item {
	opacity: 0;
	transform: translateY(34px);
	transition:
		opacity .78s cubic-bezier(.22, 1, .36, 1),
		transform .78s cubic-bezier(.22, 1, .36, 1),
		box-shadow .35s ease,
		background .35s ease,
		border-color .35s ease;
	will-change: opacity, transform;
}

.kv-motion-item.kv-from-left {
	transform: translateX(-46px);
}

.kv-motion-item.kv-from-right {
	transform: translateX(46px);
}

.kv-motion-item.kv-from-up {
	transform: translateY(38px);
}

.kv-motion-item.is-inview {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.kv-hero__content.kv-motion-item,
.kv-hero__panel.kv-motion-item {
	transition-duration: .95s;
}

@keyframes kvHeroPan {
	from {
		transform: scale(1.03) translate3d(-10px, 0, 0);
	}
	to {
		transform: scale(1.08) translate3d(12px, -8px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kv-hero__media {
		animation: none;
	}

	.kv-reveal,
	.kv-motion-item,
	.kv-header,
	.kv-header__inner,
	.kv-btn,
	.kv-service-card,
	.kv-news-card,
	.kv-quick__item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

@media (max-width: 960px) {
	.kv-topbar__inner,
	.kv-header__inner,
	.kv-actions {
		flex-wrap: wrap;
	}

	.kv-header__inner {
		padding: 14px 0;
	}

	.kv-brand__logo {
		width: min(230px, 60vw);
	}

	.kv-menu-toggle {
		display: inline-flex;
		flex-direction: column;
		order: 2;
	}

	.kv-nav {
		order: 3;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .35s ease, opacity .25s ease;
	}

	.kv-menu-open .kv-nav {
		max-height: 80vh;
		opacity: 1;
		overflow: visible;
	}

	.kv-menu {
		align-items: stretch;
		background: rgba(2, 26, 70, .26);
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 8px;
		display: grid;
		gap: 6px;
		margin: 6px 0 16px;
		padding: 10px;
		width: 100%;
	}

	.kv-menu > li,
	.kv-nav a,
	.kv-submenu-toggle {
		width: 100%;
	}

	.kv-nav a,
	.kv-submenu-toggle {
		justify-content: space-between;
	}

	.kv-submenu {
		position: static;
		width: 100%;
		max-height: 0;
		padding: 0 10px;
		border: 0;
		box-shadow: none;
		opacity: 1;
		overflow: hidden;
		pointer-events: auto;
		transform: none;
		transition: max-height .28s ease, padding .28s ease;
	}

	.kv-menu__item--has-children:hover .kv-submenu,
	.kv-menu__item--has-children:focus-within .kv-submenu {
		max-height: 0;
		padding: 0 10px;
	}

	.kv-menu__item--has-children.is-open .kv-submenu {
		max-height: 420px;
		padding: 8px 10px 10px;
	}

	.kv-submenu a {
		color: var(--kv-ink);
		background: #fff;
		margin-top: 4px;
	}

	.kv-hero {
		min-height: auto;
	}

	.kv-hero__grid,
	.kv-section__split,
	.kv-discover,
	.kv-contact-layout,
	.kv-contact-form,
	.kv-feature-split,
	.kv-home-about__grid,
	.kv-cta-band,
	.kv-service-toolbar,
	.kv-process {
		grid-template-columns: 1fr;
	}

	.kv-hero__grid {
		padding: 70px 0 110px;
	}

	.kv-quick__grid,
	.kv-stats,
	.kv-stats--stacked,
	.kv-service-grid,
	.kv-news-grid,
	.kv-steps,
	.kv-authority-grid,
	.kv-revenue-grid,
	.kv-post-grid,
	.kv-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.kv-container {
		width: min(100% - 28px, 1180px);
	}

	.kv-topbar {
		display: none;
	}

	.kv-nav {
		overflow-x: visible;
		padding-bottom: 4px;
	}

	.kv-nav a {
		white-space: normal;
	}

	.kv-header__cta {
		display: none;
	}

	.kv-hero h1 {
		font-size: 44px;
	}

	.kv-lead {
		font-size: 17px;
	}

	.kv-quick__grid,
	.kv-stats,
	.kv-service-grid,
	.kv-news-grid,
	.kv-steps,
	.kv-authority-grid,
	.kv-revenue-grid,
	.kv-post-grid,
	.kv-footer__grid {
		grid-template-columns: 1fr;
	}

	.kv-quick {
		margin-top: -36px;
	}

	.kv-quick__item {
		border-right: 0;
		border-bottom: 1px solid var(--kv-line);
	}

	.kv-section {
		padding: 64px 0;
	}

	.kv-inner-hero {
		padding: 62px 0 56px;
	}

	.kv-page-shell {
		padding: 52px 0;
	}

	.kv-aside {
		position: static;
	}

	.kv-discover {
		padding: 26px;
	}

	.kv-cta-band {
		padding: 30px 24px;
	}
}