:root {
	--color-logo-gold: #c2a000;
	--color-logo-blue: #032056;
	--color-logo-yellow:#d1a529;
	--color-brand-yellow-hover: #facc15;
	--color-brand-dark: #1e293b;
	--color-text-main: #1f2937;
	--color-text-muted: #374151;
	--color-text-light: #e5e7eb;
	--color-white: #ffffff;
	--color-black: #000000;
	--font-main: "Google Sans Flex", sans-serif;
}
html {
	box-sizing: border-box;
	font-size: 16px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	overflow-wrap: break-word;
	font-family: "Google Sans Flex", sans-serif !important;
	font-weight:400;
}
body {
	max-width:100vw;
	overflow-x:hidden;
	min-height:100vh;
	display: flex;
	flex-direction: column;
	font-family: "Google Sans Flex", sans-serif;
}
ol, ul {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
}
.noselect:focus {
	outline: none !important;
}
.menu-icon-wrap {
	display: none;
}
.pg-wrap {
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
}
.main-header-wrap {
	background: #fff;
	display: flex;
	align-items:center;
	justify-content:flex-start;
	justify-content:center;
	width:100%;
	height:140px;
	padding-left:0px;
}
.header__logo {
	width: 500px;
	position: relative;
	z-index: 3;
	top: 1px;
	left:-30px;
}
.header__logo img {
}
.navbar {
	padding-left:0px;
	display: flex;
	align-items:center;
	justify-content:flex-start;
}
.navbar__list {
	display: flex;
	align-items:center;
	justify-content:space-between;
}
.navbar__item {
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align: center;
}
.navbar__link {
	text-transform:uppercase;
	color:#000;
	color:var(--color-logo-blue);
	font-size:18px;
	font-weight: 700;
	padding:10px 15px;
	text-decoration:none;
	letter-spacing:1px;
	word-spacing:-2px;
	line-height: 1.1;
}
.navbar__link:hover,
.navbar__link:focus,
.navbar__link:active {
	text-decoration:none;
	color:var(--color-logo-yellow);
}
.navbar__btn {
	display: inline-block;
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
	font-size:18px;
	padding: 12px 25px 10px;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px;
	transition: background 0.3s ease;
	position: relative;
	left:15px;
	top:-3px;
}
.navbar__btn:hover {
	background:var(--color-logo-blue);
	color: var(--color-logo-yellow);
}
.kcacc-mission  {
	margin-top: 30px;
	margin-bottom: 5px;
}
.kcacc-mission__container {
}
.kcacc-mission__logo {
	width:600px; 
}
.our-mission {
	width: 1440px;
	padding-top: 40px;
	padding-bottom: 80px;
	background-color: #ffffff;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.our-mission__title {
	font-size: 62px;
	color:var(--color-logo-blue); 
	font-weight: 800;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.our-mission__container {
	width: 1140px;
	display: flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
}
.our-mission__text {
	margin:10px 0;
	font-weight:400;
	line-height: 1.6;
	font-size: 22px;
	color:#555;
}
.memb-section__title {
	margin-top: 60px;
	font-size: 62px;
	line-height: 1.1;
	color:var(--color-logo-blue); 
	font-weight: 800;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
}
.memb-section__text {
	margin:10px 0;
	font-weight:300;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 40px;
}
.newspg-news-heading__title {
	margin-top: 60px;
	font-size: 62px;
	color:var(--color-logo-blue); 
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
}
.newspg-news-heading__text {
	margin:10px 0;
	font-weight:300;
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.pricing-card {
	width:280px !important;
}
img {
	max-width: 100%;
	display: block;
}
a {
	text-decoration: none;
}
.hero {
	height: 500px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	width:100%;
}
.hero__container {
	width: 100%;
	margin: 0 auto;
	padding: 0 2rem;
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
}
@media (min-width: 1024px) {
	.hero__container {
		padding: 0 4rem;
	}
}
.hero__content {
	max-width: 42rem;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.hero__title {
	color: var(--color-white);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.025em;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.hero__title { font-size: 3rem; }
}
@media (min-width: 1024px) {
	.hero__title { font-size: 3.75rem; }
}
.hero__description {
	color: var(--color-text-light);
	font-size: 1.125rem;
	width:600px;
	line-height: 1.625;
	font-weight: 500;
}
@media (min-width: 768px) {
	.hero__description { font-size: 1.25rem; }
}
.hero__actions {
	padding-top: 1rem;
	display: flex;
}
.hero__button {
	display: inline-block;
	color: var(--color-primary-blue);
	padding: 1rem 2rem;
	border-radius: 0.25rem;
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	background:#c29a2a;
	background:var(--color-logo-gold);
	background:var(--color-logo-yellow);
}
.hero__button:hover {
	background-position: 0 0;
}
.hero__title {
	font-size: 3.75rem;
	word-spacing: 3px;
	background: linear-gradient(
	to top, 
	#fcf6ba 0%,   
	#c29a2b 50%,  
	#8a6d1d 100%  
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
}
.hero__title span {
	background: linear-gradient(
	to bottom, 
	#fcf6ba 0%,   
	#c29a2b 50%,  
	#8a6d1d 100%  
	);
	font-weight:700;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
	color:var(--color-logo-gold);
	color:var(--color-logo-yellow);
}
.hero__title-1 {
	font-size:60px ;
}
.hero__title-2 {
	font-size:70px; 
}
.hero__title-3 {
	font-size:80px ;
}
.features {
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (min-width: 1024px) {
	.features {
		padding-left: 4rem;
		padding-right: 4rem;
	}
}
.features__container {
	width: 100%;
	max-width: 72rem;
	display: flex;
	justify-content: center;
}
.features__list {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	width: 100%;
}
@media (min-width: 768px) {
	.features__list {
		flex-direction: row;
	}
}
@media (min-width: 1024px) {
	.features__list {
		gap: 3rem;
	}
}
.feature-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	cursor: pointer; 
}
@media (min-width: 768px) {
	.feature-card {
		width: 33.333%;
	}
}
.feature-card__media {
	position: relative;
	width: 100%;
	height: 16rem;
	margin-bottom: 2.5rem;
}
.feature-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.75rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.feature-card__badge {
	position: absolute;
	bottom: -1.5rem;
	left: 1.5rem;
	background-color: var(--color-brand-yellow);
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.feature-card__icon {
	color: var(--color-brand-dark);
	font-size: 1.25rem;
}
.feature-card__content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 0 0.5rem;
}
.feature-card__title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-black);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.feature-card__description {
	color: var(--color-text-muted);
	line-height: 1.625;
	font-weight: 500;
}
.feature-card__link {
	display: inline-flex;
	align-items: center;
	color: var(--color-black);
	font-weight: 700;
	margin-top: 0.5rem;
	transition: color 0.2s ease;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}
.feature-card__link-icon {
	margin-left: 0.5rem;
	font-size: 0.875rem;
}
.feature-card:hover .feature-card__link {
	text-decoration: underline;
}
.feature-card__link:hover,
.feature-card:hover .feature-card__link:hover {
	color: var(--color-brand-blue);
}
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	display: block;
}
a {
	text-decoration: none;
	color: inherit;
}
button {
	border: none;
	background: none;
	cursor: pointer;
	font-family: inherit;
}
.header {
	background-color: var(--color-primary-blue);
	color: var(--color-white);
	padding: 1rem 1.5rem;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 50;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.header__container {
	max-width: 80rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__brand {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.header__logo-icon {
	color: var(--color-accent-yellow);
	font-size: 1.5rem;
}
.header__title {
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.025em;
}
.header__nav {
	display: none;
	align-items: center;
	gap: 1.5rem;
	font-size: 0.875rem;
	font-weight: 500;
}
@media (min-width: 768px) {
	.header__nav {
		display: flex;
	}
}
.header__link {
	transition: color 0.2s ease;
}
.header__link:hover {
	color: var(--color-accent-yellow);
}
.header__button {
	background-color: var(--color-accent-yellow);
	color: var(--color-primary-blue);
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	font-weight: 700;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}
.header__button:hover {
	background-color: var(--color-accent-yellow-hover);
}
.header__mobile-toggle {
	color: var(--color-white);
	font-size: 1.5rem;
	display: block;
}
@media (min-width: 768px) {
	.header__mobile-toggle {
		display: none;
	}
}
.main-content {
	margin-top: 4.5rem; 
}
.hero {
	position: relative;
	height: 600px;
	display: flex;
	align-items: center;
	background-color: #111827; 
	overflow: hidden;
}
.hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;
}
.hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, var(--color-logo-blue) 0%, rgba(22, 42, 69, 0.8) 50%, transparent 100%);
	background-image: linear-gradient(rgba(15, 30, 60, 0.8), rgba(15, 30, 60, 0.8)), url(../img/hero-555.webp);
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center; 
}
.hero__container {
	position: relative;
	z-index: 10;
	max-width: 80rem;
	width: 100%;
	margin: 0 auto;
	padding: 0 1.5rem;
}
.hero__content {
	max-width: 42rem;
	color: var(--color-white);
}
.hero__title {
	font-size: 3rem;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.hero__title { font-size: 3.75rem; }
}
.hero__description {
	font-size: 1.125rem;
	color: #e5e7eb; 
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	.hero__description { font-size: 1.25rem; }
}
.hero__button {
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 1.125rem;
	transition: background-color 0.2s ease;
	text-transform: uppercase;
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.hero__button:hover {
	color:var(--color-logo-yellow);
	background:var(--color-logo-blue);
}
.pillars {
	padding: 5rem 1.5rem;
	max-width: 80rem;
	margin: 0 auto;
}
.pillars__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: space-between;
}
@media (min-width: 768px) {
	.pillars__list {
		flex-direction: row;
	}
}
.pillar-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.pillar-card__media {
	position: relative;
	margin-bottom: 1.5rem;
	border-radius: 0.5rem;
	width: 100%;
	height: 16rem;
}
.pillar-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.pillar-card:hover .pillar-card__image {
}
.pillar-card__badge {
	position: absolute;
	bottom: -1rem;
	left: 1.5rem;
	background-color: var(--color-accent-yellow);
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.25rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	z-index: 10;
	zoom:1.4;
	background: linear-gradient(
	120deg, 
	#a67c00 0%, 
	#bf953f 20%, 
	#fcf6ba 50%, 
	#bf953f 80%, 
	#a67c00 100%
	);
	background-size: 200% 100%; 
	background-position: 100% 0;  
	background:#d1a529;
	background:#c29a2a;
	background:var(--color-logo-gold);
	background:var(--color-logo-yellow);
}
.pillar-card__icon {
	color: var(--color-primary-blue);
	font-size: 1.25rem;
}
.pillar-card__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.75rem;
	margin-top: 1rem;
	text-transform: uppercase;
	color: var(--navy);
}
.pillar-card__description {
	color: var(--color-text-muted);
	margin-bottom: 1rem;
	flex-grow: 1;
	font-size:18px;
	color:#444;
}
.pillar-card__link {
	color: var(--color-primary-blue);
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	transition: color 0.2s ease;
}
.pillar-card:hover .pillar-card__link {
	color: var(--color-accent-yellow);
}
.directory-sec-wrap {

	 display: flex;
	 align-items: center;
	 justify-content:center;
	 flex-direction: column;
	 margin-bottom: 40px;
}
.directory-sec {
		margin-top: 20px;
	width:1200px;
	 display: flex;
	 align-items: flex-start;
	 justify-content:center;
}
.directory-sec-wrap img {
	width:50%;
	height:auto;
	margin:10px;
}
.memberships {
	background-color: var(--color-bg-light);
	margin-top: 80px;
	padding: 50px 0 80px;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	width:100%;
	margin-bottom: -20px;
}
.memberships__container {
	max-width: 80rem;
	margin: 0 auto;
	text-align: center;
}
.memberships__title {
	font-size: 52px;
	color:var(--color-logo-blue); 
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
}
.memberships__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
}
.pricing-card {
	background-color: var(--color-primary-blue);
	background-color: var(--color-logo-blue);
	color: var(--color-white);
	border-radius: 0.75rem;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 1rem 1.5rem 1rem;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.95);
}
@media (min-width: 640px) {
	.pricing-card {
		width: 16rem;
	}
}
.pricing-card__icon-wrapper {
	background-color: var(--color-logo-yellow);
	color: var(--color-primary-blue);
	width: 4rem;
	height: 3rem;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}
.pricing-card__icon {
	font-size: 1.5rem;
	color:var(--color-logo-blue);
}
.pricing-card__title {
	font-size:30px;
	font-weight: 800;
	margin-bottom: 0.25rem;
	text-align: center;
	line-height: 1.1;
}
.pricing-card__subtitle {
	color: #d1d5db; 
	font-size: 0.875rem;
	margin-bottom: 1.5rem;
	min-height: 1.25rem; 
}
.pricing-card__price-wrapper {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 2rem;
}
.pricing-card__period {
	font-size: 1.125rem;
	font-weight: 400;
}
.pricing-card__button {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
	font-size: 20px;
	width: 100%;
	padding: 15px 0;
	border-radius: 0.25rem;
	font-weight: 700;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
	margin-top: auto;
	display: inline-block;
}
.pricing-card__button:hover {
	background: #fff;
}
.board {
	padding-top:30px;
	width:1200px;
	margin: 0 auto;
	margin-bottom: 70px;
	zoom:1.10;
}
.board__title {
	margin-top: 30px;
	font-size: 48px;
	color: var(--color-logo-blue);
	font-weight: 800;
	margin-bottom: 31px;
	text-transform: uppercase;
	text-align: center;
}
.board__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:20px; 
	margin-left:-50px;
}
.board-card {
	width: 250px;
	background-color: var(--color-white);
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	border: 1px solid #f3f4f6; 
	display: flex;
	flex-direction: column;
}
@media (min-width: 640px) {
	.board-card {
	}
}
.board-card__image {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.board-card__content {
	padding:20px; 
	padding-bottom:20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-top:5px solid var(--color-logo-yellow);
	background:var(--color-logo-blue);
	color:#fff;
}
.board-card__name {
	font-size:16px; 
	font-weight: 600;
	text-transform: uppercase;
}
.board-card__role {
	color:var(--color-logo-yellow);
	font-size: 24px;
	font-weight:700;
	line-height: 1.1;
	padding:5px 0;
}
.board-card__business {
	font-size: 16px;
	font-weight:300;
	line-height: 1.3;
}
.board-card__actions {
	margin-top: auto;
}
.board-card__social-link {
	color: var(--color-primary-blue);
	background-color: #f3f4f6;
	padding: 0.5rem;
	border-radius: 0.25rem;
	display: inline-flex;
	transition: color 0.2s ease, background-color 0.2s ease;
}
.board-card__social-link:hover {
	color: var(--color-accent-yellow);
}
.board-card__social-icon {
	font-size: 1.125rem;
}
.cta-banner {
	background-color: var(--color-secondary-blue);
	padding: 4rem 1.5rem;
	text-align: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(to right, rgba(15, 30, 60, 0.95) 0%, rgba(15, 30, 60, 0.7) 40%, rgba(15, 30, 60, 0) 100%), url('img/reg-pg-hero.webp');
	background-size: cover;
	background-position: center;
	width:100%;
	background-color: var(--color-secondary-blue);
	padding: 4rem 1.5rem;
	text-align: center;
	width: 100%;
	height: 445px;
	background-image: linear-gradient(to right, rgba(15, 30, 60, 0.95) 0%, rgba(15, 30, 60, 0.7) 40%, rgba(15, 30, 60, 0) 100%), url('img/reg-pg-hero.webp');
	background-size: cover;
	background-position: center;
	width: 100%;
	background-position-y: -348px;
}
.cta-banner__title {
	font-size: 3.875rem;
	font-weight: 700;
	color: var(--color-white);
	margin-top:30px;
	margin-bottom: 2rem;
	text-transform:uppercase;
}
.cta-banner__button {
	display: inline-block;
	background-color: var(--color-accent-yellow);
	color: var(--color-primary-blue);
	padding: 0.75rem 2rem;
	border-radius: 0.25rem;
	font-weight: 700;
	font-size: 1.125rem;
	transition: background-color 0.2s ease;
}
.cta-banner__button:hover {
	background-color: var(--color-accent-yellow-hover);
}
.kcjoin-features-section-wrap { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column; 
	padding: 90px 0 120px; 
	background-color: var(--color-logo-blue); 
	width: 100%; 
	background-image: linear-gradient(rgba(15, 30, 60, 0.9), rgba(15, 30, 60, 0.9)), url(../img/20f4edcfa2fdc807e108d4d82ab27f96-2.jpg);
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center; 
}
.kcjoin-features-section {
	max-width: 1200px;
	width: 100%;
}
.kcjoin-features-section__header {
	margin-bottom: 2rem;
	padding-left: 0.5rem;
}
.kcjoin-features-section__title {
	font-size: 52px;
	color:var(--color-logo-yellow);
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
	word-spacing: 10px;
	line-height: 1.3;
}
.kcjoin-features-section__grid {
	display: flex;
	flex-wrap: wrap;
	margin: -0.75rem; 
}
.kcjoin-features-section__item {
	width: 100%;
	padding: 0.75rem;
	display: flex;
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.kcjoin-features-section__item {
		width: 33.333%;
	}
}
.kcjoin-feature-card {
	background-color: #ffffff;
	border-radius: 0.75rem;
	border: 1px solid #f3f4f6;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	padding: 24px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	width: 100%;
	border:4px solid var(--color-logo-yellow);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.33);
}
.kcjoin-feature-card__icon-box {
	width:70px; 
	height:70px;
	border-radius: 50%;
	background-color: var(--color-logo-yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	color: #111827;
}
.kcjoin-feature-card__icon {
	font-size:30px; 
	color: var(--color-logo-blue);
}
.kcjoin-feature-card__title {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 0.5rem 0;
	color: var(--color-logo-blue);
}
.kcjoin-feature-card__title {
	font-size: 29px;
	font-weight: 800;
	margin: 0 0 0.5rem 0;
	color: var(--color-logo-blue);
	text-transform: uppercase;
}
.kcjoin-feature-card__description {
	font-size: 18px;
	line-height: 1.8;
	color: #444;
	margin: 0;
}
.kcevpg-event-grid {
	margin-top:50px; 
	margin-bottom: 70px;
}
.event-grid {
	width: 80%;
	padding-left: 1rem;
	padding-right: 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem; 
}
.event-card {
	background-color: var(--color-logo-blue);
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.95);
	width: 320px;
	display: flex;
	flex-direction: column;
}
.event-card__image-wrapper {
	position: relative;
	height: 250px; 
	overflow: hidden;
}
.event-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom:5px solid var(--color-logo-yellow);
}
.event-card__image--pos-top { object-position: top; }
.event-card__image--pos-center-20 { object-position: center 20%; }
.event-card__image--pos-top-right { object-position: top right; }
.event-card__image--pos-left { object-position: left; }
.event-card__image--pos-center { object-position: center; }
.event-card__image--pos-right { object-position: right; }
.event-card__image--pos-bottom-left { object-position: bottom left; }
.event-card__image--pos-bottom { object-position: bottom; }
.event-card__image--pos-bottom-right { object-position: bottom right; }
.event-card__content {
	padding: 1.25rem; 
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}
.event-card__badge {
	position: absolute;
	top: 23px;
	left: -25px;
	color:var(--color-logo-blue); 
	font-weight: 700;
	font-size: 25px;
	padding: 5px 20px 4px 40px;
	text-transform: uppercase;
	border-radius: 33px;
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.event-card__title {
	color: var(--white);
	font-size:24px; 
	font-weight: 700;
	line-height: 1.25;
	margin-top:60px; 
	margin-bottom: 0.5rem;
	font-weight:500;
}
.event-card__location {
	display: flex;
	align-items: center;
	color: var(--gray-300);
	color:#ddd; 
	font-size:16px; 
	margin-bottom: .5rem;
}
.event-card__time {
	display: flex;
	align-items: center;
	color: var(--gray-300);
	color:#ddd;
	font-size:16px; 
	margin-bottom: 1.25rem;
	margin-left:-2px;
}
.event-card__icon {
	margin-right: 0.5rem;
}
.event-card__footer {
	margin-top: auto;
}
.event-card__button {
	background-color: var(--color-logo-yellow);
	width:100%;
	color: var(--color-logo-blue);
	padding:15px 0 13px;
	border-radius:8px; 
	font-weight: 700;
	text-align: center;
	transition: background-color 0.2s ease;
	margin-top: auto;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1;
}
.event-card__button:hover {
	background-color:#fff;
}
.event-card__title {
	color:#fff; 
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.event-sec__title {
	margin-top: 70px;
	font-size: 62px;
	color:var(--color-logo-blue);
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.event-more-btn-wrap {
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.event-more-btn {
	background-color: var(--color-logo-blue);
	display: inline-block;
	color:#fff;
	padding: 15px 35px;
	text-decoration: none;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 4px;
	margin-top: 20px;
	transition: background 0.3s ease;
	zoom:1.3;
}
.news-wrapper {
	width:100%; 
	background: #efefef;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #CF9F42;
	color: #1A243A;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s;
}
.btn:hover {
	opacity: 0.9;
}
.features {
	width: 1440px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
}
.features__container {
	width: 1140px;
	display: flex;
	justify-content: space-between;
}
.feature-card {
	width: 360px;
	background-color: var(--color-logo-blue);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.feature-card__img-wrapper {
	width: 360px;
	height: 220px;
	position: relative;
}
.feature-card__img {
	width: 360px;
	height: 220px;
	object-fit: cover;
	border-bottom: 4px solid var(--color-logo-yellow);
}
.feature-card__overlay-shape {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 220px;
	background-color: #1A243A;
	clip-path: polygon(0 0, 50% 0, 0 100%);
	display:none;
}
.feature-card__content {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
}
.feature-card__icon {
	color: #CF9F42;
	font-size: 32px;
	margin-top: 15px;
}
.feature-card__title {
	color: #ffffff;
	font-size: 26px;
	font-weight: 800;
	text-transform: uppercase;
	color:var(--color-logo-yellow);
}
.feature-card__text {
	color:#fff;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 25px;
}
.feature-card__link {
	color: #CF9F42;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.feature-card__link i {
	margin-left: 5px;
	font-size: 12px;
}
.news-wrapper {
	width:100%; 
	background: #efefef;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin-top:80px ;
}
.news {
	width: 1440px;
	padding-top: 80px;
	padding-bottom: 80px;
	background: #efefef;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.news__title {
	font-size: 68px;
	color: var(--color-logo-blue); 
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.news__container {
	width: 1140px;
	display: flex;
	justify-content: space-between;
}
.news-card {
	width: 360px;
	display: flex;
	flex-direction: column;
}
.news-card__img {
	width: 360px;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 20px;
}
.news-card__title {
	color: var(--color-logo-blue);
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.news-card__title  {
	text-decoration:underline; 
	text-underline-offset: 5px;
	font-size:24px;
	position: relative;
	display:  inline-block;
	z-index:2;
}
.news-btn-wrap {
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin-top: 50px;
}
.news-btn {
	background-color: var(--color-logo-blue);
	display: inline-block;
	color:#fff;
	padding: 15px 40px;
	text-decoration: none;
	font-size:24px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 8px;
	margin-top: 20px;
	transition: background 0.3s ease;
}
.news-btn:hover {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.rgpg__link {
	text-decoration: underline;
	color: var(--color-logo-blue);
	font-weight:600;
}
.rgpg__link:hover {
	text-decoration: none;
	color: var(--color-logo-blue);
	font-weight:600;
}
.why-join {
	width: 100%;
	min-height: 700px;
	background-color: var(--color-logo-blue);
	position: relative;
	display: flex;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0, center;
}
.why-join__left-side {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 60%; 
	z-index: 1;
}
.why-join__border-shape {
	position: absolute;
	top: -71px;
	left: 0;
	width: 82%;
	height: 123%;
	background-color: var(--color-logo-yellow);
	clip-path: polygon(0 0, 103% 0, 67.5% 100%, 0 103%);
	z-index: 0;
}
.why-join__img-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
	z-index: 1;
	clip-path: polygon(0 0, 85% 0, 60% 100%, 0 100%);
}
.why-join__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.why-join__content {
	position: relative;
	z-index: 2;
	margin-left: auto; 
	width: 50%;
	padding: 60px 60px 80px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between; 
}
.why-join__title {
	color:var(--color-logo-yellow);
	font-size: 42px;
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.why-join__features-grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 640px;
}
.why-join__feature-item {
	display: flex;
	margin-bottom: 40px;
	width: 50%;
}
.why-join__feature-icon {
	color: #CF9F42;
	font-size: 32px;
	margin-right: 20px;
	margin-top: 5px;
	flex-shrink: 0; 
}
.why-join__feature-title {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}
.why-join__feature-desc {
	color: #e0e0e0;
	font-size: 16px;
	line-height:1.5;
	padding-right: 20px;
}
.why-join__btn {
	display: inline-block;
	width: fit-content;
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
	padding: 15px 35px;
	text-decoration: none;
	font-size:24px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px;
	transition: background 0.3s ease;
	position: relative;
	left:50px;
	margin-top: 20px; 
}
.why-join__btn:hover {
	background-color: #fff;
	color:var(--color-logo-blue); 
}
.page-header {
	width: 100%;
}
.page-header__container {
	position: relative;
	width: 100%;
	height: 400px; 
	overflow: hidden;
}
.page-header__image {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	display: block;
}
.page-header__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(15, 30, 60, 0.8), rgba(15, 30, 60, 0.8));
}
.page-header__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center; 
	align-items: center;     
}
.page-header__title {
	color:var(--color-logo-yellow);
	font-size: 72px;
	font-weight: 800;
	word-spacing: 3px;
	letter-spacing: 2px;
	margin: 0;
	text-transform: uppercase;
	filter: drop-shadow(2px 2px 9px rgba(0,0,0,.9));
}
.newspg-news-section {
	margin: 0 auto;
	margin-top: 30px;
	max-width:1400px;
	margin-bottom: 60px;
}
.newspg-news-section--hmpg {
	margin-top: 0;
	margin-bottom: -20px;
}
.newspg-news-section__title {
	font-size: 32px;
	text-align: center;
	margin-bottom: 40px;
	color: #004a99;
}
.newspg-news-section__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
}
.newspg-news-card {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	width: 380px;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.newspg-news-card__image-container {
	width: 100%;
	height: 200px;
	background-color: #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.newspg-news-card__image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border:5px solid var(--color-logo-yellow);
}
.newspg-news-card__placeholder-icon {
	font-size: 50px;
	color: #999;
}
.newspg-news-card__content {
	padding: 28px;
	padding-bottom:30px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background-color: var(--color-logo-yellow);
	background:var(--color-logo-blue);
}
.newspg-news-card__title {
	font-size: 28px;
	font-weight:800;
	line-height: 1.2;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	color:var(--color-logo-yellow);
}
.newspg-news-card__description {
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
	color: #fff;
}
.newspg-news-card__meta {
	margin-top: auto;
	padding-top: 15px;
	font-size: 12px;
	color: #888;
	display: flex;
	align-items: center;
}
.newspg-news-card__meta-icon {
	margin-right: 8px;
}
.kcft-footer {
	border-top:10px solid var(--color-logo-blue);
	background: #fff;
	color: var(--color-logo-blue);
	padding: 60px 0px 30px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.kcft-footer__logo-container {
	margin-top: -40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 35px;
}
.kcft-footer__logo {
	width:400px; 
	margin-bottom: -30px;
}
.kcft-footer-link3:hover,
.kcft-footer-link3:focus,
.kcft-footer-link3:active {
	text-decoration: underline;
		text-underline-offset: 4px;

}
.kcft-footer__logo-title {
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.0;
	letter-spacing: 1px;
}
.kcft-footer__logo-subtitle {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-top: 5px;
}
.kcft-footer__logo-tagline {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 8px;
	opacity: 0.9;
}
.kcft-footer__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.kcft-footer__link {
	background-color: var(--color-logo-blue);
	display: inline-block;
	color:#fff;
	padding: 15px 35px;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 8px;
	margin-top: 20px;
	transition: background 0.3s ease;
	margin-right:15px;
}
.kcft-footer__link:hover {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.kcft-footer__link:first-child {
	background-color: var(--color-logo-yellow);
	color: var(--color-logo-blue);
}
.kcft-footer__link:first-child:hover {
	color:#fff;
	background:var(--color-logo-blue);
}
.kcft-footer__link:hover {
}
.kcft-footer__social-list {
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.kcft-footer__social-item {
	background-color: var(--color-logo-blue);
	display: inline-block;
	color:#fff;
	width:100px;
	padding: 13px 35px;
	text-decoration: none;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 8px;
	margin-top: 20px;
	transition: background 0.3s ease;
	margin-right:15px;
}
.kcft-footer__social-item:hover {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.kcft-footer__social-item i {
	font-size:24px;
}
.kcft-footer__social-item:hover {
}
.kcft-footer__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 20px;
	line-height: 1.8;
	font-weight: 600;
}
.kcft-footer__info a:hover {
	color:var(--color-logo-yellow);
}
.kcft-footer__address,
.kcft-footer__phone {
	line-height: 1.3;
	margin-bottom: 15px;
	color: var(--color-logo-blue);
}
.kcft-footer__copyright {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 400;
	color:var(--color-logo-blue); 
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
.button {
	display: inline-block;
	background-color: var(--brand-gold);
	color:var(--color-logo-blue); 
	font-weight: bold;
	border-radius: 0.25rem;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	transition: background-color 0.2s;
	border: none;
	cursor: pointer;
	text-align: center;
}
.button:hover {
	background-color: var(--brand-gold-hover);
}
.button--sm {
	padding: 0.5rem 1.5rem;
	font-size: 0.875rem;
}
.button--lg {
	padding: 0.75rem 1rem;
	width: 100%;
}
.button--xl {
	padding: 0.75rem 2rem;
	font-size: 1.125rem;
}
.header {
	background-color: var(--brand-navy);
	padding: 1rem 2rem;
	position: sticky;
	top: 0;
	z-index: 50;
}
.header__container {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__brand {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--color-white);
	font-weight: bold;
	font-size: 1.25rem;
}
.header__logo-icon {
	color: var(--brand-gold);
	font-size: 1.5rem;
}
.header__nav {
	display: none;
	align-items: center;
	gap: 1.5rem;
	color: var(--color-white);
	font-size: 0.875rem;
	font-weight: 500;
}
.header__nav-link {
	transition: color 0.2s;
}
.header__nav-link:hover {
	color: var(--brand-gold);
}
@media (min-width: 768px) {
	.header__nav {
		display: flex;
	}
}
.contact {
	padding: 4rem 2rem;
	width:1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}
.contact__column {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
@media (min-width: 768px) {
	.contact {
		flex-direction: row;
		align-items: flex-start;
	}
	.contact__column {
		width: 50%;
	}
}
.contact-info__title {
	font-size: 62px;
	font-weight:800; 
	margin-bottom: 2rem;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--color-logo-blue);
}
.contact-info__list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.contact-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.contact-item__icon-wrapper {
	background-color: var(--color-logo-yellow);
	width: 3rem;
	height: 3rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.contact-item__icon {
	color: var(--color-logo-blue);
	font-size: 1.25rem;
}
.contact-item__label {
	font-weight: 300;
	font-size:14px; 
}
.contact-item__value {
	font-size:20px;
	color: var(--color-logo-blue);
	font-weight: 700;
	position: relative;
	top:12px;
}
.contact-item__value:hover {
	color:var(--color-logo-yellow);
}
.contact-item__value--mt1 {
	top:0px;
}
.newsletter__title {
	font-size: 22px;
	color: var(--color-logo-blue);
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.newsletter__desc {
	color: var(--text-light);
	font-size: 0.875rem;
	margin-bottom: 1rem;
}
.newsletter__form {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.newsletter__input {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-light);
	border-radius: 0.25rem;
	font-family: inherit;
}
.newsletter__input:focus {
	outline: none;
	border-color: var(--brand-gold);
	box-shadow: 0 0 0 1px var(--brand-gold);
}
.map-pane {
}
.map-pane iframe {
	width:650px; 
	height:450px;
	border-radius: 10px;
}
.map-pane__overlay {
	background-color: var(--color-white);
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	right: 1.5rem;
	padding: 1rem;
	border-radius: 0.25rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	z-index: 10;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.map-pane__title {
	font-weight: bold;
}
.map-pane__address {
	font-size: 0.75rem;
	color: var(--text-light);
}
.map-pane__rating {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	margin-top: 0.25rem;
}
.map-pane__score {
	font-weight: bold;
}
.map-pane__stars {
	color: var(--brand-gold);
	display: flex;
	font-size: 10px;
}
.map-pane__link {
	color: var(--link-blue);
	margin-left: 0.25rem;
}
.map-pane__link:hover {
	text-decoration: underline;
}
.map-pane__link--block {
	display: block;
	font-size: 0.75rem;
	margin-top: 0.25rem;
}
.map-pane__directions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
}
.map-pane__directions-icon {
	width: 2rem;
	height: 2rem;
	background-color: var(--link-blue-bg);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--link-blue);
}
.map-pane__directions-label {
	font-size: 10px;
	color: var(--link-blue);
	font-weight: 500;
}
.map-pane__canvas {
	flex: 1;
	border-radius: 0.5rem;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
}
.map-pane__controls {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.map-pane__control-btn {
	background-color: var(--color-white);
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.25rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border: none;
	cursor: pointer;
}
.map-pane__control-btn:hover {
	background-color: var(--brand-gray);
}
.map-pane__control-icon {
	color: var(--text-light);
}
.involvement {
	padding: 2rem 2rem;
	width:1400px;
	margin: 0 auto;
}
.involvement__title {
	font-size:62px;
	font-weight: 800;
	color: var(--color-logo-blue);
	margin-bottom: 2.5rem;
	text-transform: uppercase;
	text-align: center;
}
@media (min-width: 768px) {
	.involvement__title {
	}
}
.involvement__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 30px;
}
.kccont-card {
	border: 4px solid var(--color-logo-yellow);
	border-radius: 0.75rem;
	padding: 1.5rem;
	transition: box-shadow 0.2s;
	flex: 1 1 100%;
}
.kccont-card:hover {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
	.kccont-card {
		flex: 1 1 calc(50% - 1.5rem);
	}
}
@media (min-width: 1024px) {
	.kccont-card {
		flex: 1 1 calc(33.333% - 1.5rem);
	}
}
.kccont-card__icon-wrapper {
	background:var(--color-logo-yellow);
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	zoom:1.3;
}
.kccont-card__icon {
	color: var(--color-logo-blue);
	font-size: 1.25rem;
}
.kccont-card__title {
	font-weight: 800;
	color: var(--color-logo-blue);
	font-size:32px ;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.kccont-card__desc {
	color: var(--text-light);
	font-size: 0.875rem;
}
.social-cta {
	background-color: var(--color-logo-blue);
	color: var(--color-white);
	padding-top: 4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width:100%;
}
.social-cta__title {
	font-size:52px; 
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
	word-spacing: 10px;
}
.social-cta__networks {
	display: flex;
	gap: 3rem;
	margin-bottom: 4rem;
}
.social-network {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	transition: opacity 0.2s;
}
.social-network:hover {
	opacity: 0.8;
}
.social-network__icon-wrapper {
	background:var(--color-logo-yellow);
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-network__icon {
	color:var(--color-logo-blue); 
	font-size: 3rem;
}
.social-network__name {
	font-size: 1.5rem;
	font-weight: bold;
}
.join-banner {
	background-color: #1f3d61;
	width: 100%;
	padding: 3rem 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.join-banner__title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.footer {
	background-color: var(--brand-darker);
	padding: 2rem;
	color: var(--color-white);
	font-size: 0.875rem;
}
.footer__container {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
}
@media (min-width: 768px) {
	.footer__container {
		flex-direction: row;
	}
}
.footer__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
@media (min-width: 768px) {
	.footer__info {
		flex-direction: row;
	}
}
.joinmail__button {
	display: inline-block;
	color:#fff; 
	background-color: var(--color-logo-blue);
	padding: 1rem 2rem;
	border-radius:8px; 
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	width:240px;
	text-align: center;
	transition: background 0.3s ease;
}
.joinmail__button:hover {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
.invol__button {
	display: inline-block;
	color:#fff; 
	background-color: var(--color-logo-blue);
	padding: 1rem 2rem;
	border-radius:8px; 
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	text-align: center;
	transition: background 0.3s ease;
}
.invol__button:hover {
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
}
@media (max-width: 1025px) {
	.pg-wrap {
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		width:100%;
	}
	.main-header-wrap {
		display: flex;
		align-items:center;
		justify-content:space-around;
		width:100%;
		height:90px;
		padding-left:0px;
		position: relative;
		background:#fff;
		padding-top:10px;
	}
	.header__logo {
		width: 280px;
		position: relative;
		z-index: 1;
		top: -5px;
		left:-10px;
	}
	.header__logo img {
		filter: drop-shadow(2px 2px 9px rgba(0,0,0,.3));
		filter:none;
	}
	.mvlogo {
		animation: logodrop 1250ms ease-in-out forwards;
		position: relative;
	}
	@keyframes logodrop {
		from {
			top: -220px;
		}
		to {
			top: 0px;
		}
	}
	.navbar {
		padding-left:0px;
		display: flex;
		align-items:center;
		justify-content:flex-start;
	}
	.navbar__list {
		display: flex;
		align-items:center;
		justify-content:space-between;
		margin-top: 30px;
	}
	.navbar__item {
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		text-align: center;
	}
	.navbar__link {
		text-transform:uppercase;
		color:#fff;
		font-size:22px;
		font-weight: 600;
		padding:10px 15px 10px 20px;
		text-decoration:none;
		letter-spacing:1px;
		word-spacing:-2px;
		line-height: 1.1;
		margin-bottom: 10px;
	}
	.navbar__btn {
		display: inline-block;
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
		font-size:22px;
		padding: 10px 25px;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 4px;
		transition: background 0.3s ease;
		position: relative;
		left:13px;
		top:10px;
	}
	.navbar__link:hover,
	.navbar__link:focus,
	.navbar__link:active {
		text-decoration:none;
		color:#fff;
	}
	.menu-icon-wrap {
		display: block;
		position: relative;
		z-index:999;
		top:2px;
		left:-20px;
		cursor: pointer;
		display: flex;
		align-items:center;
		justify-content:center;
		width:50px;
		padding:0;
		flex-direction:column;
	}
	.ham-menu {
		display: block;
		position: relative;
	}
	.ham-menu-icon {
		color: var(--color-logo-blue);
		position:relative;
		width:50px;
		height:60px;
	}
	.close-menu {
		display: none;
		color:#fff;
		position: relative;
		top: -3px;
		right: 0px;
		font-size:80px; 
		z-index: 99999;
		font-weight: normal;
		padding: 1px 10px;
		line-height: 1;
		font-weight:400;
	}
	.main-menu-rwd-wrap {
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		position: absolute;
		background-color: var(--color-logo-blue);
		display: none;
		z-index:999;
		padding-left:20px;
	}
	.navbar__list {
		width:100%;
		display: flex;
		align-items:flex-start;
		justify-content:center;
		flex-direction:column;
		margin:0;
		position: relative;
		top:30px;
	}
	.navbar__btn {
		display: inline-block;
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
		font-size:18px;
		padding: 12px 25px 10px;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 4px;
		transition: background 0.3s ease;
		position: relative;
		left:20px;
		top:9px;
	}
	.navbar__btn:hover {
		background:var(--color-logo-blue);
		color: var(--color-logo-yellow);
	}
	.kcacc-mission  {
		margin-top: 30px;
		margin-bottom: 5px;
	}
	.kcacc-mission__container {
	}
	.kcacc-mission__logo {
		width:600px; 
	}
	.our-mission {
		width: 1440px;
		padding-top: 0;
		padding-bottom: 80px;
		background-color: #ffffff;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.our-mission__title {
		font-size: 38px;
		color:var(--color-logo-blue); 
		font-weight: 800;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	.our-mission__container {
		width: 100vw;
		display: flex;
		align-items:flex-start;
		justify-content:flex-start;
		flex-direction:column;
	}
	.our-mission__text {
		margin:10px 0;
		font-weight:400;
		line-height: 1.6;
		font-size: 18px;
		color:#555;
		padding:0 ;
	}
	.our-mission__text--abpg {
		padding:0 15px; 
	}
	.memb-section__title {
		margin-top: 60px;
		font-size: 34px;
		line-height: 1.1;
		color:var(--color-logo-blue); 
		font-weight: 800;
		margin-bottom: 20px;
		text-transform: uppercase;
		text-align: center;
	}
	.memb-section__text {
		margin:10px 0;
		font-weight:300;
		font-size: 18px;
		line-height: 1.6;
		padding:0 15px;
		margin-bottom: 20px;
	}
	.newspg-news-heading__title {
		margin-top: 30px;
		font-size: 34px;
		color:var(--color-logo-blue); 
		font-weight: 800;
		margin-bottom: 20px;
		text-transform: uppercase;
		text-align: center;
	}
	.newspg-news-heading__text {
		margin:10px 0;
		font-weight:300;
		padding:0 15px;
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.pricing-card {
		width:280px !important;
	}
	*, *::before, *::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	img {
		max-width: 100%;
		display: block;
	}
	a {
		text-decoration: none;
	}
	.hero {
		height: 500px;
		display: flex;
		align-items: center;
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		width:100%;
	}
	.hero__container {
		width: 100%;
		margin: 0 auto;
		padding: 0 2rem;
		position: relative;
		z-index: 10;
		display: flex;
		flex-direction: column;
	}
	.hero__content {
		max-width: 42rem;
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.hero__title {
		color: var(--color-white);
		font-size: 2.25rem;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.025em;
		text-transform: uppercase;
	}
	.hero__description {
		color: var(--color-text-light);
		font-size: 1.125rem;
		width:90vw;
		line-height: 1.625;
		font-weight: 500;
	}
	.hero__actions {
		padding-top: 1rem;
		display: flex;
	}
	.hero__button {
		display: inline-block;
		color: var(--color-primary-blue);
		padding: 1rem 2rem;
		border-radius: 0.25rem;
		font-weight: 700;
		font-size: 1.125rem;
		text-transform: uppercase;
		border: none;
		cursor: pointer;
		background:#c29a2a;
		background:var(--color-logo-gold);
		background:var(--color-logo-yellow);
	}
	.hero__button:hover {
		background-position: 0 0;
	}
	.hero__title {
		font-size: 3.75rem;
		word-spacing: 3px;
		background: linear-gradient(
		to top, 
		#fcf6ba 0%,   
		#c29a2b 50%,  
		#8a6d1d 100%  
		);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		display: inline-block;
	}
	.hero__title span {
		background: linear-gradient(
		to bottom, 
		#fcf6ba 0%,   
		#c29a2b 50%,  
		#8a6d1d 100%  
		);
		font-weight:700;
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		display: inline-block;
		color:var(--color-logo-gold);
		color:var(--color-logo-yellow);
	}
	.hero__title-1 {
		font-size:30px !important; 
	}
	.hero__title-2 {
		font-size:40px !important;
	}
	.hero__title-3 {
		font-size:50px !important;
	}
	.features {
		width: 100%;
		padding: 20px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.features__container {
		width: 100%;
		max-width: 72rem;
		display: flex;
		justify-content: center;
	}
	.features__list {
		display: flex;
		flex-direction: column;
		gap: 2.5rem;
		width: 100%;
	}
	.feature-card {
		display: flex;
		flex-direction: column;
		width: 100%;
		cursor: pointer; 
	}
	.feature-card__media {
		position: relative;
		width: 100%;
		height: 16rem;
		margin-bottom: 2.5rem;
	}
	.feature-card__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0.75rem;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}
	.feature-card__badge {
		position: absolute;
		bottom: -1.5rem;
		left: 1.5rem;
		background-color: var(--color-brand-yellow);
		width: 3.5rem;
		height: 3.5rem;
		border-radius: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}
	.feature-card__icon {
		color: var(--color-brand-dark);
		font-size: 1.25rem;
	}
	.feature-card__content {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		padding: 0 0.5rem;
	}
	.feature-card__title {
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--color-black);
		text-transform: uppercase;
		letter-spacing: 0.025em;
	}
	.feature-card__description {
		color: var(--color-text-muted);
		line-height: 1.625;
		font-weight: 500;
	}
	.feature-card__link {
		display: inline-flex;
		align-items: center;
		color: var(--color-black);
		font-weight: 700;
		margin-top: 0.5rem;
		transition: color 0.2s ease;
		text-underline-offset: 4px;
		text-decoration-thickness: 2px;
	}
	.feature-card__link-icon {
		margin-left: 0.5rem;
		font-size: 0.875rem;
	}
	.feature-card:hover .feature-card__link {
		text-decoration: underline;
	}
	.feature-card__link:hover,
	.feature-card:hover .feature-card__link:hover {
		color: var(--color-brand-blue);
	}
	*, *::before, *::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	img {
		max-width: 100%;
		display: block;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	button {
		border: none;
		background: none;
		cursor: pointer;
		font-family: inherit;
	}
	.header {
		background-color: var(--color-primary-blue);
		color: var(--color-white);
		padding: 1rem 1.5rem;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 50;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}
	.header__container {
		max-width: 80rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header__brand {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}
	.header__logo-icon {
		color: var(--color-accent-yellow);
		font-size: 1.5rem;
	}
	.header__title {
		font-size: 1.25rem;
		font-weight: 700;
		letter-spacing: 0.025em;
	}
	.header__nav {
		display: none;
		align-items: center;
		gap: 1.5rem;
		font-size: 0.875rem;
		font-weight: 500;
	}
	.header__link {
		transition: color 0.2s ease;
	}
	.header__link:hover {
		color: var(--color-accent-yellow);
	}
	.header__button {
		background-color: var(--color-accent-yellow);
		color: var(--color-primary-blue);
		padding: 0.5rem 1rem;
		border-radius: 0.25rem;
		font-weight: 700;
		text-transform: uppercase;
		transition: background-color 0.2s ease;
	}
	.header__button:hover {
		background-color: var(--color-accent-yellow-hover);
	}
	.header__mobile-toggle {
		color: var(--color-white);
		font-size: 1.5rem;
		display: block;
	}
	.main-content {
		margin-top: 4.5rem; 
	}
	.hero {
		position: relative;
		height: 600px;
		display: flex;
		align-items: center;
		background-color: #111827; 
		overflow: hidden;
	}
	.hero__background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.6;
	}
	.hero__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, var(--color-logo-blue) 0%, rgba(22, 42, 69, 0.8) 50%, transparent 100%);
		background-image: linear-gradient(rgba(15, 30, 60, 0.8), rgba(15, 30, 60, 0.8)), url(../img/hero-555.webp);
		background-repeat: no-repeat;
		background-size: cover; 
		background-position: center; 
	}
	.hero__container {
		position: relative;
		z-index: 10;
		max-width: 80rem;
		width: 100%;
		margin: 0 auto;
		padding: 0 1.5rem;
	}
	.hero__content {
		max-width: 42rem;
		color: var(--color-white);
	}
	.hero__title {
		font-size: 3rem;
		font-weight: 800;
		line-height: 1.1;
		margin-bottom: 1.5rem;
		text-transform: uppercase;
	}
	.hero__description {
		font-size: 1.125rem;
		color: #e5e7eb; 
		margin-bottom: 1rem;
		margin-top: -10px;
	}
	.hero__button {
		display: inline-block;
		padding: 1rem 2rem;
		border-radius: 8px;
		font-weight: 700;
		font-size: 1.125rem;
		transition: background-color 0.2s ease;
		text-transform: uppercase;
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.hero__button:hover {
		color:var(--color-logo-yellow);
		background:var(--color-logo-blue);
	}
	.pillars {
		padding: 5rem 1.5rem;
		max-width: 80rem;
		margin: 0 auto;
	}
	.pillars__list {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		justify-content: space-between;
	}
	.pillar-card {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.pillar-card__media {
		position: relative;
		margin-bottom: 1.5rem;
		border-radius: 0.5rem;
		width: 100%;
		height: 16rem;
	}
	.pillar-card__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}
	.pillar-card:hover .pillar-card__image {
	}
	.pillar-card__badge {
		position: absolute;
		bottom: -1rem;
		left: 1.5rem;
		background-color: var(--color-accent-yellow);
		width: 3rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.25rem;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		z-index: 10;
		zoom:1.4;
		background: linear-gradient(
		120deg, 
		#a67c00 0%, 
		#bf953f 20%, 
		#fcf6ba 50%, 
		#bf953f 80%, 
		#a67c00 100%
		);
		background-size: 200% 100%; 
		background-position: 100% 0;  
		background:#d1a529;
		background:#c29a2a;
		background:var(--color-logo-gold);
		background:var(--color-logo-yellow);
	}
	.pillar-card__icon {
		color: var(--color-primary-blue);
		font-size: 1.25rem;
	}
	.pillar-card__title {
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 0.75rem;
		margin-top: 1rem;
		text-transform: uppercase;
		color: var(--navy);
	}
	.pillar-card__description {
		color: var(--color-text-muted);
		margin-bottom: 1rem;
		flex-grow: 1;
		font-size:18px;
		color:#444;
	}
	.pillar-card__link {
		color: var(--color-primary-blue);
		font-weight: 700;
		display: flex;
		align-items: center;
		gap: 0.5rem;
		transition: color 0.2s ease;
	}
	.pillar-card:hover .pillar-card__link {
		color: var(--color-accent-yellow);
	}
	.memberships {
		background-color: var(--color-bg-light);
		margin-top: 0;
		padding: 50px 0 80px;
		border-top: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
		width:100%;
		margin-bottom: -20px;
	}
	.memberships__container {
		max-width: 80rem;
		margin: 0 auto;
		text-align: center;
	}
	.memberships__title {
		font-size: 32px;
		color:var(--color-logo-blue); 
		font-weight: 800;
		margin-bottom: 40px;
		text-transform: uppercase;
		text-align: center;
	}
	.memberships__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1.5rem;
	}
	.pricing-card {
		background-color: var(--color-primary-blue);
		background-color: var(--color-logo-blue);
		color: var(--color-white);
		border-radius: 0.75rem;
		overflow: hidden;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 2rem 1rem 1.5rem 1rem;
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.95);
	}
	.pricing-card__icon-wrapper {
		background-color: var(--color-logo-yellow);
		color: var(--color-primary-blue);
		width: 4rem;
		height: 3rem;
		border-radius: 0.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1.5rem;
	}
	.pricing-card__icon {
		font-size: 1.5rem;
		color:var(--color-logo-blue);
	}
	.pricing-card__title {
		font-size:30px;
		font-weight: 800;
		margin-bottom: 0.25rem;
		text-align: center;
		line-height: 1.1;
	}
	.pricing-card__subtitle {
		color: #d1d5db; 
		font-size: 0.875rem;
		margin-bottom: 1.5rem;
		min-height: 1.25rem; 
	}
	.pricing-card__price-wrapper {
		font-size: 28px;
		font-weight: 700;
		margin-bottom: 2rem;
	}
	.pricing-card__period {
		font-size: 1.125rem;
		font-weight: 400;
	}
	.pricing-card__button {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
		font-size: 20px;
		width: 100%;
		padding: 15px 0;
		border-radius: 0.25rem;
		font-weight: 700;
		text-transform: uppercase;
		transition: background-color 0.2s ease;
		margin-top: auto;
		display: inline-block;
	}
	.pricing-card__button:hover {
		background: #fff;
	}
	.board {
		padding-top:30px;
		width:1200px;
		margin: 0 auto;
		margin-bottom: 70px;
		zoom:1.10;
	}
	.board__title {
		margin-top: 10px;
		font-size: 34px;
		color: var(--color-logo-blue);
		font-weight: 800;
		margin-bottom: 31px;
		text-transform: uppercase;
		text-align: center;
	}
	.board__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:20px; 
		margin-left:-50px;
	}
	.board-card {
		width: 250px;
		zoom:1.3;
		background-color: var(--color-white);
		border-radius: 0.75rem;
		overflow: hidden;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
		border: 1px solid #f3f4f6; 
		display: flex;
		flex-direction: column;
	}
	.board-card__image {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.board-card__content {
		padding:20px; 
		padding-bottom:20px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		border-top:5px solid var(--color-logo-yellow);
		background:var(--color-logo-blue);
		color:#fff;
	}
	.board-card__name {
		font-size:16px; 
		font-weight: 600;
		text-transform: uppercase;
	}
	.board-card__role {
		color:var(--color-logo-yellow);
		font-size: 24px;
		font-weight:700;
		line-height: 1.1;
		padding:5px 0;
	}
	.board-card__business {
		font-size: 16px;
		font-weight:300;
		line-height: 1.3;
	}
	.board-card__actions {
		margin-top: auto;
	}
	.board-card__social-link {
		color: var(--color-primary-blue);
		background-color: #f3f4f6;
		padding: 0.5rem;
		border-radius: 0.25rem;
		display: inline-flex;
		transition: color 0.2s ease, background-color 0.2s ease;
	}
	.board-card__social-link:hover {
		color: var(--color-accent-yellow);
	}
	.board-card__social-icon {
		font-size: 1.125rem;
	}
	.cta-banner {
		background-color: var(--color-secondary-blue);
		padding: 4rem 1.5rem;
		text-align: center;
		width:100%;
		height:300px;
		background-image: linear-gradient(to right, rgba(15, 30, 60, 0.95) 0%, rgba(15, 30, 60, 0.7) 40%, rgba(15, 30, 60, 0) 100%), url('img/reg-pg-hero.webp');
		background-size: cover;
		background-position: center;
		width:100%;
		background-color: var(--color-secondary-blue);
		padding: 4rem 1.5rem;
		text-align: center;
		width: 100%;
		height: 445px;
		background-image: linear-gradient(to right, rgba(15, 30, 60, 0.95) 0%, rgba(15, 30, 60, 0.7) 40%, rgba(15, 30, 60, 0) 100%), url('img/reg-pg-hero.webp');
		background-size: cover;
		background-position: center;
		width: 100%;
		background-position-y: -348px;
	}
	.cta-banner__title {
		font-size: 3.875rem;
		font-weight: 700;
		color: var(--color-white);
		margin-top:30px;
		margin-bottom: 2rem;
		text-transform:uppercase;
	}
	.cta-banner__button {
		display: inline-block;
		background-color: var(--color-accent-yellow);
		color: var(--color-primary-blue);
		padding: 0.75rem 2rem;
		border-radius: 0.25rem;
		font-weight: 700;
		font-size: 1.125rem;
		transition: background-color 0.2s ease;
	}
	.cta-banner__button:hover {
		background-color: var(--color-accent-yellow-hover);
	}
	.kcjoin-features-section-wrap { 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		flex-direction: column; 
		padding: 50px 0 40px; 
		background-color: var(--color-logo-blue); 
		width: 100%; 
		background-image: linear-gradient(rgba(15, 30, 60, 0.9), rgba(15, 30, 60, 0.9)), url(../img/20f4edcfa2fdc807e108d4d82ab27f96-2.jpg);
		background-repeat: no-repeat;
		background-size: cover; 
		background-position: center; 
	}
	.kcjoin-features-section {
		max-width: 100vw;
		width: 100%;
	}
	.kcjoin-features-section__header {
		margin-bottom: 2rem;
		padding-left: 0.5rem;
	}
	.kcjoin-features-section__title {
		font-size: 26px;
		color:var(--color-logo-yellow);
		font-weight: 800;
		margin-bottom: 40px;
		text-transform: uppercase;
		text-align: center;
		word-spacing: 0;
		line-height: 1.3;
		padding:0 15px;
	}
	.kcjoin-features-section__grid {
		display: flex;
		flex-wrap: wrap;
		margin: 0; 
	}
	.kcjoin-features-section__item {
		width: 100%;
		padding-bottom:10px;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.kcjoin-feature-card {
		background-color: #ffffff;
		border-radius: 0.75rem;
		border: 1px solid #f3f4f6;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
		padding: 24px;
		padding: 32px;
		display: flex;
		flex-direction: column;
		width: 90%;
		border:4px solid var(--color-logo-yellow);
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.33);
	}
	.kcjoin-feature-card__icon-box {
		width:70px; 
		height:70px;
		border-radius: 50%;
		background-color: var(--color-logo-yellow);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1rem;
		color: #111827;
	}
	.kcjoin-feature-card__icon {
		font-size:30px; 
		color: var(--color-logo-blue);
	}
	.kcjoin-feature-card__title {
		font-size: 22px;
		font-weight: 700;
		margin: 0 0 0.5rem 0;
		color: var(--color-logo-blue);
	}
	.kcjoin-feature-card__title {
		font-size: 29px;
		font-weight: 800;
		margin: 0 0 0.5rem 0;
		color: var(--color-logo-blue);
		text-transform: uppercase;
	}
	.kcjoin-feature-card__description {
		font-size: 18px;
		line-height: 1.8;
		color: #444;
		margin: 0;
	}
	.kcevpg-event-grid {
		margin-top:50px; 
		margin-bottom: 70px;
	}
	.event-grid {
		width: 90%;
		padding-left: 1rem;
		padding-right: 1rem;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		gap: 1.5rem; 
	}
	.event-card {
		background-color: var(--color-logo-blue);
		border-radius: 0.75rem;
		overflow: hidden;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.95);
		width: 320px;
		display: flex;
		flex-direction: column;
	}
	.event-card__image-wrapper {
		position: relative;
		height: 250px; 
		overflow: hidden;
	}
	.event-card__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-bottom:5px solid var(--color-logo-yellow);
	}
	.event-card__image--pos-top { object-position: top; }
	.event-card__image--pos-center-20 { object-position: center 20%; }
	.event-card__image--pos-top-right { object-position: top right; }
	.event-card__image--pos-left { object-position: left; }
	.event-card__image--pos-center { object-position: center; }
	.event-card__image--pos-right { object-position: right; }
	.event-card__image--pos-bottom-left { object-position: bottom left; }
	.event-card__image--pos-bottom { object-position: bottom; }
	.event-card__image--pos-bottom-right { object-position: bottom right; }
	.event-card__content {
		padding: 1.25rem; 
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		position: relative;
	}
	.event-card__badge {
		position: absolute;
		top: 23px;
		left: -25px;
		color:var(--color-logo-blue); 
		font-weight: 700;
		font-size: 25px;
		padding: 5px 20px 4px 40px;
		text-transform: uppercase;
		border-radius: 33px;
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.event-card__title {
		color: var(--white);
		font-size:24px; 
		font-weight: 700;
		line-height: 1.25;
		margin-top:60px; 
		margin-bottom: 0.5rem;
		font-weight:500;
	}
	.event-card__location {
		display: flex;
		align-items: center;
		color: var(--gray-300);
		color:#ddd; 
		font-size:16px; 
		margin-bottom: .5rem;
	}
	.event-card__time {
		display: flex;
		align-items: center;
		color: var(--gray-300);
		color:#ddd;
		font-size:16px; 
		margin-bottom: 1.25rem;
		margin-left:-2px;
	}
	.event-card__icon {
		margin-right: 0.5rem;
	}
	.event-card__footer {
		margin-top: auto;
	}
	.event-card__button {
		background-color: var(--color-logo-yellow);
		width:100%;
		color: var(--color-logo-blue);
		padding:15px 0 13px;
		border-radius:8px; 
		font-weight: 700;
		text-align: center;
		transition: background-color 0.2s ease;
		margin-top: auto;
		font-size: 18px;
		text-transform: uppercase;
		display: inline-block;
		line-height: 1;
	}
	.event-card__button:hover {
		background-color:#fff;
	}
	.event-card__title {
		color:#fff; 
		font-size: 20px;
		font-weight: 700;
		line-height: 28px;
	}
	.event-sec__title {
		margin-top: 40px;
		font-size: 34px;
		color:var(--color-logo-blue);
		font-weight: 800;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	.event-more-btn-wrap {
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.event-more-btn {
		background-color: var(--color-logo-blue);
		display: inline-block;
		color:#fff;
		padding: 15px 35px;
		text-decoration: none;
		font-weight: 800;
		text-transform: uppercase;
		border-radius: 4px;
		margin-top: 20px;
		transition: background 0.3s ease;
		zoom:1.3;
	}
	.news-wrapper {
		width:100%; 
		background: #efefef;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #CF9F42;
		color: #1A243A;
		font-weight: 700;
		border: none;
		cursor: pointer;
		transition: opacity 0.3s;
	}
	.btn:hover {
		opacity: 0.9;
	}
	.features {
		width: 1440px;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
	}
	.features__container {
		width: 90vw;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.feature-card {
		width: 100%;
		background-color: var(--color-logo-blue);
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
		margin-bottom: 30px;
	}
	.feature-card__img-wrapper {
		width: 360px;
		height: 220px;
		position: relative;
	}
	.feature-card__img {
		width: 360px;
		height: 220px;
		object-fit: cover;
		border-bottom: 4px solid var(--color-logo-yellow);
	}
	.feature-card__overlay-shape {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px;
		height: 220px;
		background-color: #1A243A;
		clip-path: polygon(0 0, 50% 0, 0 100%);
		display:none;
	}
	.feature-card__content {
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
		display: flex;
		flex-direction: column;
	}
	.feature-card__icon {
		color: #CF9F42;
		font-size: 32px;
		margin-top: 15px;
	}
	.feature-card__title {
		color: #ffffff;
		font-size: 26px;
		font-weight: 800;
		text-transform: uppercase;
		color:var(--color-logo-yellow);
	}
	.feature-card__text {
		color:#fff;
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	.feature-card__link {
		color: #CF9F42;
		font-size: 15px;
		font-weight: 700;
		display: flex;
		align-items: center;
	}
	.feature-card__link i {
		margin-left: 5px;
		font-size: 12px;
	}
	.news-wrapper {
		width:100%; 
		background: #efefef;
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		margin-top:80px ;
	}
	.news {
		width: 1440px;
		padding-top: 50px;
		padding-bottom: 80px;
		background: #efefef;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.news__title {
		font-size: 68px;
		color: var(--color-logo-blue); 
		font-weight: 800;
		margin-bottom: 40px;
		text-transform: uppercase;
	}
	.news__container {
		width: 1140px;
		display: flex;
		justify-content: space-between;
	}
	.news-card {
		width: 360px;
		display: flex;
		flex-direction: column;
	}
	.news-card__img {
		width: 360px;
		height: 200px;
		object-fit: cover;
		border-radius: 8px;
		margin-bottom: 20px;
	}
	.news-card__title {
		color: var(--color-logo-blue);
		font-size: 20px;
		font-weight: 700;
		line-height: 28px;
	}
	.news-card__title  {
		text-decoration:underline; 
		text-underline-offset: 5px;
		font-size:24px;
		position: relative;
		display:  inline-block;
		z-index:2;
	}
	.news-btn-wrap {
		display: flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		margin-top: 50px;
	}
	.news-btn {
		background-color: var(--color-logo-blue);
		display: inline-block;
		color:#fff;
		padding: 15px 40px;
		text-decoration: none;
		font-size:24px;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 8px;
		margin-top: 20px;
		transition: background 0.3s ease;
	}
	.news-btn:hover {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.rgpg__link {
		text-decoration: underline;
		color: var(--color-logo-blue);
		font-weight:600;
	}
	.rgpg__link:hover {
		text-decoration: none;
		color: var(--color-logo-blue);
		font-weight:600;
	}
.why-join {
	width: 100%;
	min-height: 700px;
	background-color: var(--color-logo-blue);
	position: relative;
	display: flex;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0, center;
}
.why-join__left-side {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 60%; 
	z-index: 1;
}
.why-join__border-shape {
	position: absolute;
	top: -71px;
	left: 0;
	width: 82%;
	height: 123%;
	background-color: var(--color-logo-yellow);
	clip-path: polygon(0 0, 103% 0, 67.5% 100%, 0 103%);
	z-index: 0;
}
.why-join__img-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
	z-index: 1;
	clip-path: polygon(0 0, 85% 0, 60% 100%, 0 100%);
}
.why-join__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.why-join__content {
	position: relative;
	z-index: 2;
	margin-left: auto; 
	width: 50%;
	padding: 60px 60px 80px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between; 
}
.why-join__title {
	color:var(--color-logo-yellow);
	font-size: 42px;
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.why-join__features-grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 640px;
}
.why-join__feature-item {
	display: flex;
	margin-bottom: 40px;
	width: 50%;
}
.why-join__feature-icon {
	color: #CF9F42;
	font-size: 32px;
	margin-right: 20px;
	margin-top: 5px;
	flex-shrink: 0; 
}
.why-join__feature-title {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}
.why-join__feature-desc {
	color: #e0e0e0;
	font-size: 16px;
	line-height:1.5;
	padding-right: 20px;
}
.why-join__btn {
	display: inline-block;
	width: fit-content;
	background-color: var(--color-logo-yellow);
	color:var(--color-logo-blue); 
	padding: 15px 35px;
	text-decoration: none;
	font-size:24px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px;
	transition: background 0.3s ease;
	position: relative;
	left:50px;
	margin-top: 20px; 
}
.why-join__btn:hover {
	background-color: #fff;
	color:var(--color-logo-blue); 
}
	.page-header {
		width: 100%;
	}
	.page-header__container {
		position: relative;
		width: 100%;
		height: 200px; 
		overflow: hidden;
	}
	.page-header__image {
		width: 100%;
		height: 100%;
		object-fit: cover; 
		display: block;
	}
	.page-header__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(rgba(15, 30, 60, 0.8), rgba(15, 30, 60, 0.8));
	}
	.page-header__content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center; 
		align-items: center;     
	}
	.page-header__title {
		color:var(--color-logo-yellow);
		font-size: 38px;
		font-weight: 800;
		word-spacing: 3px;
		letter-spacing: 2px;
		margin: 0;
		text-transform: uppercase;
		filter: drop-shadow(2px 2px 9px rgba(0,0,0,.9));
	}
	.newspg-news-section {
		margin: 0 auto;
		margin-top: 30px;
		max-width:1400px;
		margin-bottom: 60px;
	}
	.newspg-news-section--hmpg {
		margin-top: 0;
		margin-bottom: -20px;
	}
	.newspg-news-section__title {
		font-size: 32px;
		text-align: center;
		margin-bottom: 40px;
		color: #004a99;
	}
	.newspg-news-section__grid {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
		justify-content: center;
	}
	.newspg-news-card {
		display: flex;
		flex-direction: column;
		background-color: #ffffff;
		width: 380px;
		border: 1px solid #ddd;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	}
	.newspg-news-card__image-container {
		width: 100%;
		height: 200px;
		background-color: #e0e0e0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.newspg-news-card__image-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border:5px solid var(--color-logo-yellow);
	}
	.newspg-news-card__placeholder-icon {
		font-size: 50px;
		color: #999;
	}
	.newspg-news-card__content {
		padding: 28px;
		padding-bottom:25px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		background-color: var(--color-logo-yellow);
		background:var(--color-logo-blue);
	}
	.newspg-news-card__title {
		font-size: 28px;
		font-weight:800;
		line-height: 1.2;
		margin-bottom: 10px;
		position: relative;
		display: inline-block;
		color:var(--color-logo-yellow);
	}
	.newspg-news-card__description {
		font-size: 18px;
		line-height: 1.6;
		margin: 0;
		color: #fff;
	}
	.newspg-news-card__meta {
		margin-top: auto;
		padding-top: 15px;
		font-size: 12px;
		color: #888;
		display: flex;
		align-items: center;
	}
	.newspg-news-card__meta-icon {
		margin-right: 8px;
	}
	.kcft-footer {
		border-top:10px solid var(--color-logo-blue);
		background: #fff;
		color: var(--color-logo-blue);
		padding: 60px 0px 30px 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.kcft-footer__logo-container {
		margin-top: -40px;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 35px;
	}
	.kcft-footer__logo {
		width:400px; 
		margin-bottom: -30px;
	}
	.kcft-footer__logo-title {
		font-size: 48px;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.0;
		letter-spacing: 1px;
	}
	.kcft-footer__logo-subtitle {
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 4px;
		margin-top: 5px;
	}
	.kcft-footer__logo-tagline {
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-top: 8px;
		opacity: 0.9;
	}
	.kcft-footer__nav {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 40px;
		flex-wrap: wrap;
	}
	.kcft-footer__link {
		background-color: var(--color-logo-blue);
		display: inline-block;
		color:#fff;
		padding: 15px 35px;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 8px;
		margin-top: 20px;
		transition: background 0.3s ease;
		margin-right:15px;
	}
	.kcft-footer__link:hover {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.kcft-footer__link:first-child {
		background-color: var(--color-logo-yellow);
		color: var(--color-logo-blue);
	}
	.kcft-footer__link:first-child:hover {
		color:#fff;
		background:var(--color-logo-blue);
	}
	.kcft-footer__link:hover {
	}
	.kcft-footer__social-list {
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.kcft-footer__social-item {
		background-color: var(--color-logo-blue);
		display: inline-block;
		color:#fff;
		width:100px;
		padding: 13px 35px;
		text-decoration: none;
		font-weight: 800;
		text-transform: uppercase;
		border-radius: 8px;
		margin-top: 20px;
		transition: background 0.3s ease;
		margin-right:15px;
	}
	.kcft-footer__social-item:hover {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.kcft-footer__social-item i {
		font-size:24px;
	}
	.kcft-footer__social-item:hover {
	}
	.kcft-footer__info {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 20px;
		line-height: 1.8;
		font-weight: 600;
	}
	.kcft-footer__info a:hover {
		color:var(--color-logo-yellow);
	}
	.kcft-footer__address,
	.kcft-footer__phone {
		line-height: 1.3;
		margin-bottom: 15px;
		color: var(--color-logo-blue);
	}
	.kcft-footer__copyright {
		margin-top: 15px;
		font-size: 16px;
		font-weight: 400;
		color:var(--color-logo-blue); 
	}
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	.button {
		display: inline-block;
		background-color: var(--brand-gold);
		color:var(--color-logo-blue); 
		font-weight: bold;
		border-radius: 0.25rem;
		text-transform: uppercase;
		letter-spacing: 0.025em;
		transition: background-color 0.2s;
		border: none;
		cursor: pointer;
		text-align: center;
	}
	.button:hover {
		background-color: var(--brand-gold-hover);
	}
	.button--sm {
		padding: 0.5rem 1.5rem;
		font-size: 0.875rem;
	}
	.button--lg {
		padding: 0.75rem 1rem;
		width: 100%;
	}
	.button--xl {
		padding: 0.75rem 2rem;
		font-size: 1.125rem;
	}
	.header {
		background-color: var(--brand-navy);
		padding: 1rem 2rem;
		position: sticky;
		top: 0;
		z-index: 50;
	}
	.header__container {
		max-width: 72rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header__brand {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		color: var(--color-white);
		font-weight: bold;
		font-size: 1.25rem;
	}
	.header__logo-icon {
		color: var(--brand-gold);
		font-size: 1.5rem;
	}
	.header__nav {
		display: none;
		align-items: center;
		gap: 1.5rem;
		color: var(--color-white);
		font-size: 0.875rem;
		font-weight: 500;
	}
	.header__nav-link {
		transition: color 0.2s;
	}
	.header__nav-link:hover {
		color: var(--brand-gold);
	}
	.contact {
		padding: 4rem 2rem;
		width:1400px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}
	.contact__column {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 2.5rem;
	}
	.contact-info__title {
		font-size: 34px;
		font-weight:800; 
		margin-bottom: 2rem;
		line-height: 1.25;
		text-transform: uppercase;
		color: var(--color-logo-blue);
	}
	.contact-info__list {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	.contact-item {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
	}
	.contact-item__icon-wrapper {
		background-color: var(--color-logo-yellow);
		width: 3rem;
		height: 3rem;
		border-radius: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}
	.contact-item__icon {
		color: var(--color-logo-blue);
		font-size: 1.25rem;
	}
	.contact-item__label {
		font-weight: 300;
		font-size:14px; 
	}
	.contact-item__value {
		font-size:18px;
		color: var(--color-logo-blue);
		font-weight: 700;
		position: relative;
		top:12px;
	}
	.contact-item__value:hover {
		color:var(--color-logo-yellow);
	}
	.contact-item__value--mt1 {
		top:0px;
	}
	.newsletter__title {
		font-size: 22px;
		color: var(--color-logo-blue);
		font-weight: 700;
		margin-bottom: 0.5rem;
	}
	.newsletter__desc {
		color: var(--text-light);
		font-size: 0.875rem;
		margin-bottom: 1rem;
	}
	.newsletter__form {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}
	.newsletter__input {
		width: 100%;
		padding: 0.75rem 1rem;
		border: 1px solid var(--border-light);
		border-radius: 0.25rem;
		font-family: inherit;
	}
	.newsletter__input:focus {
		outline: none;
		border-color: var(--brand-gold);
		box-shadow: 0 0 0 1px var(--brand-gold);
	}
	.map-pane {
	}
	.map-pane iframe {
		width:650px; 
		height:450px;
		border-radius: 10px;
	}
	.map-pane__overlay {
		background-color: var(--color-white);
		position: absolute;
		top: 1.5rem;
		left: 1.5rem;
		right: 1.5rem;
		padding: 1rem;
		border-radius: 0.25rem;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
		z-index: 10;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.map-pane__title {
		font-weight: bold;
	}
	.map-pane__address {
		font-size: 0.75rem;
		color: var(--text-light);
	}
	.map-pane__rating {
		display: flex;
		align-items: center;
		gap: 0.25rem;
		font-size: 0.75rem;
		margin-top: 0.25rem;
	}
	.map-pane__score {
		font-weight: bold;
	}
	.map-pane__stars {
		color: var(--brand-gold);
		display: flex;
		font-size: 10px;
	}
	.map-pane__link {
		color: var(--link-blue);
		margin-left: 0.25rem;
	}
	.map-pane__link:hover {
		text-decoration: underline;
	}
	.map-pane__link--block {
		display: block;
		font-size: 0.75rem;
		margin-top: 0.25rem;
	}
	.map-pane__directions {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.25rem;
	}
	.map-pane__directions-icon {
		width: 2rem;
		height: 2rem;
		background-color: var(--link-blue-bg);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--link-blue);
	}
	.map-pane__directions-label {
		font-size: 10px;
		color: var(--link-blue);
		font-weight: 500;
	}
	.map-pane__canvas {
		flex: 1;
		border-radius: 0.5rem;
		width: 100%;
		height: 100%;
		position: relative;
		background-size: cover;
		background-position: center;
	}
	.map-pane__controls {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}
	.map-pane__control-btn {
		background-color: var(--color-white);
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.25rem;
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		border: none;
		cursor: pointer;
	}
	.map-pane__control-btn:hover {
		background-color: var(--brand-gray);
	}
	.map-pane__control-icon {
		color: var(--text-light);
	}
	.involvement {
		padding: 1rem 2rem;
		width:1400px;
		margin: 0 auto;
	}
	.involvement__title {
		font-size:34px;
		font-weight: 800;
		color: var(--color-logo-blue);
		margin-bottom: 2.5rem;
		text-transform: uppercase;
		text-align: center;
	}
	.involvement__grid {
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
		margin-bottom: 30px;
	}
	.kccont-card {
		border: 4px solid var(--color-logo-yellow);
		border-radius: 0.75rem;
		padding: 1.5rem;
		transition: box-shadow 0.2s;
		flex: 1 1 100%;
	}
	.kccont-card:hover {
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	}
	.kccont-card__icon-wrapper {
		background:var(--color-logo-yellow);
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1rem;
		zoom:1.3;
	}
	.kccont-card__icon {
		color: var(--color-logo-blue);
		font-size: 1.25rem;
	}
	.kccont-card__title {
		font-weight: 800;
		color: var(--color-logo-blue);
		font-size:32px ;
		text-transform: uppercase;
		margin-bottom: 0.5rem;
	}
	.kccont-card__desc {
		color: var(--text-light);
		font-size: 0.875rem;
	}
	.social-cta {
		background-color: var(--color-logo-blue);
		color: var(--color-white);
		padding-top: 4rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		width:100%;
	}
	.social-cta__title {
		font-size:24px; 
		font-weight: 800;
		text-transform: uppercase;
		margin-bottom: 2.5rem;
		word-spacing: 3px;
	}
	.social-cta__networks {
		display: flex;
		gap: 3rem;
		margin-bottom: 4rem;
	}
	.social-network {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		transition: opacity 0.2s;
	}
	.social-network:hover {
		opacity: 0.8;
	}
	.social-network__icon-wrapper {
		background:var(--color-logo-yellow);
		width: 6rem;
		height: 6rem;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.social-network__icon {
		color:var(--color-logo-blue); 
		font-size: 3rem;
	}
	.social-network__name {
		font-size: 1.5rem;
		font-weight: bold;
	}
	.join-banner {
		background-color: #1f3d61;
		width: 100%;
		padding: 3rem 1rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.join-banner__title {
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 1.5rem;
	}
	.footer {
		background-color: var(--brand-darker);
		padding: 2rem;
		color: var(--color-white);
		font-size: 0.875rem;
	}
	.footer__container {
		max-width: 72rem;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
	}
	.footer__info {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	.joinmail__button {
    display: inline-block;
    color: #fff;
    background-color: var(--color-logo-blue);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: background 0.3s ease;
}
	.joinmail__button:hover {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
	.invol__button {
		color:#fff; 
		display: block;
		margin-top: 15px;
		background-color: var(--color-logo-blue);
		padding: 1rem 2rem;
		border-radius:8px; 
		font-weight: 700;
		font-size: 1.125rem;
		text-transform: uppercase;
		border: none;
		cursor: pointer;
		text-align: center;
		transition: background 0.3s ease;
	}
	.invol__button:hover {
		background-color: var(--color-logo-yellow);
		color:var(--color-logo-blue); 
	}
.directory-sec-wrap {
		margin-top: 20px;
		margin-bottom: 20px;
}

.directory-sec {
		margin-top: 0px;
	width:100%;
	 display: flex;
	 align-items: flex-start;
	 justify-content:center;
	 flex-direction: column;
}
.directory-sec-wrap img {
	width:95%;
	height:auto;
	margin:10px;
}


}
@media screen and (max-width: 1025px) {
	.our-mission, 
	.features, 
	.news, 
	.board, 
	.contact, 
	.involvement {
		width: 100% !important;
		max-width: 100vw;
		padding-left: 20px;
		padding-right: 20px;
		zoom: 1; 
	}
	.kcacc-mission__logo {
		width: 90%; 
		height: auto;
	}
	.our-mission__container {
		width: 100%;
	}
	.hero {
		height: auto;
		padding: 60px 0;
	}
	.hero__title {
		font-size: 2.5rem; 
	}
	.hero__title-1, .hero__title-2, .hero__title-3 {
		font-size: 2rem;
	}
	.pillars__list, 
	.features__container, 
	.newspg-news-section__grid {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.pillar-card, 
	.feature-card, 
	.newspg-news-card {
		width: 100% !important;
		max-width: 500px; 
	}
	.memberships__list {
		flex-direction: column;
		align-items: center;
	}
	.pricing-card {
		width: 100% !important;
		max-width: 350px;
	}
	.board__list {
		margin-left: 0; 
		gap: 20px;
	}
	.board-card {
		width: calc(50% - 20px); 
		min-width: 250px;
	}
	.why-join {
		flex-direction: column;
		height: auto;
	}
	.why-join__left-side {
		position: relative;
		width: 100%;
		height: 300px;
	}
	.why-join__border-shape {
		display: none; 
	}
	.why-join__img-wrapper {
		width: 100%;
		clip-path: none;
	}
	.why-join__content {
		width: 100%;
		padding: 40px 20px;
	}
	.why-join__feature-item {
		width: 100%; 
	}
	.why-join__btn {
		left: 0;
		margin: 0 auto;
	}
	.contact {
		flex-direction: column;
	}
	.map-pane iframe {
		width: 100%;
		height: 350px;
	}
	.contact-info__title {
		font-size: 34px;
		text-align: center;
	}
	.kcft-footer__logo {
		width: 80%;
	}
	.kcft-footer__nav {
		flex-direction: column;
		gap: 10px;
	}
	.kcft-footer__link {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	.news__title {
		font-size: 42px;
	}
	.news__container {
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
}
 @media screen and (min-width: 1200px) and (max-width: 1500px) {
.main-header-wrap {
    zoom: 0.8;
}

 }
@media (min-width: 1025px) and (max-width: 1640px) {
	.why-join__content {
		width: 55%; 
		padding: 50px 40px 60px 20px;
	}
	.why-join__left-side {
		width: 50%; 
	}
	.why-join__title {
		font-size: 36px;
		margin-bottom: 30px;
	}
	.why-join__feature-item {
		width: 100%; 
		margin-bottom: 25px;
	}
	.why-join__feature-title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.why-join__feature-desc {
		font-size: 15px;
		padding-right: 0;
	}
	.why-join__btn {
		font-size: 20px;
		padding: 12px 30px;
		left: 0; 
	}
}