/* ============ Tag / Subheading ============ */
.wk-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #349854;
  margin-bottom: 20px;
}

.wk-tag__line {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: #0b7a3e;
}

.wk-tag--center {
  justify-content: center;
}

.wk-section-title {
  margin: 0 0 20px;
}

.wk-section-title--center {
  text-align: center;
}

.wk-section-copy {
  font-size: 15px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 18px;
}

.wk-section-copy p {
  margin: 0 0 18px;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.3px;
  leading-trim: NONE;
  line-height: 29.38px;
  letter-spacing: 0%;
  vertical-align: middle;
  color:#4D5D54;
}

.wk-section-copy p:last-child {
  margin-bottom: 0;
}

/* ============ Hero Section ============ */
/* .wk-hero {
  background: #F9FFFB;
  padding: 60px 0;
  border-bottom: 1px solid #E7EFEA;
}

.wk-hero__row {
  align-items: center;
}

.wk-hero__title {
  margin: 0 0 18px;
}

.wk-hero__title--accent {
  color: #4caf50;
}

.wk-hero__desc {
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
  max-width: 520px;
  margin: 0;
}

.wk-hero__media {
  display: flex;
  justify-content: center;
}

.wk-hero__img {
  max-width: 100%;
  height: auto;
} */



.wk-hero {
  background: #F9FFFB;
  padding: 222px 0px 60px 0px;
  border-bottom: 1px solid #E7EFEA;
}

.wk-hero__row {
  align-items: center;
}

.wk-hero__title {
  margin: 0 0 18px;
}

.wk-hero__title--accent {
  color: #4caf50;
}

.wk-hero__desc {
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
  max-width: 520px;
  margin: 0;
}

.wk-hero__media {
  display: flex;
  justify-content: center;
  position: relative;
}

.wiki-hero-img-wrapper {
  position:absolute;
  bottom: -203px;
}

.wk-hero__img {
  max-width: 100%;
  height: auto;
}



/* ============ Body Layout (sidebar + content) ============ */
.wk-body {
  padding: 60px 0;
}

.wk-body__sidebar {
  position: relative;
}

.wk-sidebar-sticky {
  position: sticky;
  top: 150px;
}

.wiki-content-wrapper {
  margin-bottom: 40px;
}

/* ============ Sidebar Search + Category Box ============ */
.wk-search-box {
  background: #ffffff;
  border: 1px solid #ecefec;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.wk-search-wrap {
  position: relative;
  margin-bottom: 20px;
}

.wk-search-wrap .wk-search-input {
  width: 100%;
  height: 52px;
  background: #F5FAF7;
  border: 1px solid #E7EFEA;
  /* border: none; */
  border-radius: 100px;
  padding: 0 44px;
  font-size: 15px;
  color: #1f2d24;
  outline: none;
  box-sizing: border-box;
}

.wk-search-input::placeholder {
  color: #9aa79e;
}

.wk-search-wrap::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA79E' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat center / contain;
  pointer-wkents: none;
}

.wk-search-clear {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.wk-cat-list__label {
  display: none;
}

/* ============ Category Accordion ============ */
.wk-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wk-accordion__item {
  background: #ffffff;
  border: 1px solid #ecefec;
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
}

.wk-accordion__item:last-child {
  margin-bottom: 0;
}

.wk-accordion__toggle {
  position: absolute;
  opacity: 0;
  pointer-wkents: none;
}

.wk-accordion__label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #17301f;
  position: relative;
}

.wk-accordion__label--folder svg {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  padding: 10px;
  box-sizing: content-box;
  background: #e7f5ea;
  border-radius: 10px;
}

.wk-accordion__label span {
  flex: 1;
  line-height: 1.2;
}

.wk-accordion__label::after {
  content: "";
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f4f8f5;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23517A5D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  transition: transform 0.3s ease;
}

.wk-accordion__toggle:checked~.wk-accordion__label::after {
  transform: rotate(180deg);
}

.wk-accordion__sub {
  list-style: none;
  margin: 0;
  padding: 0 14px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.wk-accordion__toggle:checked~.wk-accordion__sub {
  max-height: 1000px;
  padding: 0 14px;
}

.wk-accordion__sub .wk-accordion__item {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}

.wk-accordion__sub .wk-accordion__label {
  border-radius: 14px;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
}

.wk-accordion__sub .wk-accordion__label::after {
  display: none;
}

.wk-accordion__sub a {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
  padding-left: 6px;
  border-left: 2px solid transparent;
}

.wk-accordion__sub .wk-accordion__label:hover {
  background: #EAF6EE;
  color: #13A254;

}

.wk-accordion__sub .wk-accordion__label:hover a {
  color: #13A254;
  border-color: #13A254;
}

/* ============ Inside The Wiki – Feature Grid ============ */
.wk-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.wk-feature-card {
  background: #ffffff;
  border: 1px solid #ecefec;
  border-radius: 16px;
  padding: 24px;
}

.wk-feature-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e7f5ea;
  border-radius: 10px;
  margin-bottom: 16px;
}

.wk-feature-card__icon img {
  width: 20px;
  height: 20px;
}

.wk-feature-card__title {
  font-size: 16px;
  font-weight: 700;
  color: #101828;
  margin: 0 0 8px;
}

.wk-feature-card__desc {
  font-size: 14.6px;
  line-height: 1.6;
  color: #7F8E86;
  margin: 0;
  font-weight: 400;
}

/* ============ Marketing Focus Highlight Box ============ */
.wk-highlight-box {
  background: #f4f8f5;
  border-left: 4px solid #13A254;
  border-radius: 14px;
  padding:33.16px 28px 26px 28px;
}

.wk-highlight-box__copy {
  font-size: 15px;
  line-height: 1.8;
  color: #14231C;
  font-weight: 400;
  font-size: 16.3px;
  line-height: 27.74px;
  letter-spacing: 0%;
  max-width:700px
}

.wk-highlight-box__copy p {
  font-weight: 400;
  font-size: 16.3px;
  line-height: 27.74px;
  letter-spacing: 0%;
  color: #14231C;
}

.wk-highlight-box__copy strong,
.wk-highlight-box__copy b {
  color: #14231C;
  font-weight: 600;
  font-size: 16.3px;
  line-height: 27.74px;
  letter-spacing: 0%;
}

/* ============ Content CTA Banner ============ */
.wk-cta-banner {
  background: linear-gradient(90deg, #0b7a3e 0%, #7ac943 100%);
  border-radius: 20px;
  padding: 30px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.wk-cta-banner__title {
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 6px;
}

.wk-cta-banner__desc {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.wk-cta-banner__btn:hover {
  color: #0b7a3e;
}

.wk-cta-banner__btn {
  background: #ffffff;
  color: #0b7a3e;
  font-weight: 700;
  font-size: 14px;
  padding: 14px 26px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ============ Get In Touch / Contact Section ============ */
/* ============ Contact Form ============ */
.wk-form {
  width: 100%;
}

.wk-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px 20px;
  margin-bottom: 40px;
}

.wk-form__field {
  display: flex;
  flex-direction: column;
}

.wk-form__field--textarea {
  grid-column: 1 / -1;
}

.wk-contact .wk-contact__form-wrap .wk-form__textarea {
  max-height: 110px;
}

.wk-contact .wk-contact__form-wrap .wk-form__input,
.wk-contact .wk-contact__form-wrap .wk-form__textarea {
  width: 100%;
  background: #F5FAF7;
  border: 1px solid #E7EFEA;
  border-radius: 10px;
  padding: 13px 16px;
  font-size: 14px;
  color: #101828;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.wk-form__input::placeholder,
.wk-form__textarea::placeholder {
  color: #9AA79E;
}

.wk-form__input:focus,
.wk-form__textarea:focus {
  background: #ffffff;
  border-color: #4CAF50;
}

.wk-form__textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.6;
}

.wk-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #0B7A3E 0%, #4CAF50 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border: none;
  border-radius: 30px;
  padding: 15px 32px;
  cursor: pointer;
  float: right;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.wk-form__submit:hover {
  opacity: 0.92;
}

.wk-form__submit:active {
  transform: scale(0.98);
}

/* ============ Form Notices ============ */
.wk-form__notice {
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 14px;
  margin-bottom: 20px;
}

.wk-form__notice--success {
  background: #E7F5EA;
  color: #0B7A3E;
}

.wk-form__notice--error {
  background: #FDECEC;
  color: #B42318;
}

.wk-form__notice--error ul {
  margin: 0;
  padding-left: 18px;
}

/* ============ Responsive ============ */
.wk-contact {
  background: #f5f8f6;
  padding: 60px 0;
}

.wk-contact__head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 40px;
}



.wk-contact__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wk-info-card {
  background: #ffffff;
  border: 1px solid #ecefec;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.wk-info-card__icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7f5ea;
  border-radius: 10px;
}

.wk-info-card__icon img {
  width: 18px;
  height: 18px;
}

.wk-info-card__body {
  display: flex;
  flex-direction: column;
}

.wk-info-card__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #9aa79e;
  margin-bottom: 4px;
}

.wk-info-card__primary {
  font-size: 15px;
  font-weight: 700;
  color: #101828;
}

.wk-info-card__secondary {
  font-size: 13px;
  color: #6b7280;
  margin-top: 2px;
}

.wk-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.wk-social__label {
  font-size: 14px;
  color: #4b5563;
}

.wk-social__list {
  display: flex;
  gap: 10px;
}

.wk-social__icon {
  width: 40px;
  height: 40px;
  border: 1px solid #E7EFEA;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.wk-social__icon img {
  width: 16px;
  height: 16px;
}

.wk-form-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 44px;
  box-shadow: 0px 12px 40px 0px #0F5A341A;
}

.wk-form-card__title {
  font-size: 20px;
  font-weight: 700;
  color: #101828;
  margin: 0 0 6px;
}

.wk-form-card__desc {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px;
}

.wk-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.wk-form__field--textarea {
  grid-column: 1 / -1;
}

.wk-form__label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #4D5D54;
  margin-bottom: 0;
}

.wk-form__input,
.wk-form__textarea {
  width: 100%;
  background: #f4f8f5;
  border: none;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 14px;
  color: #101828;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
}

.wk-form__textarea {
  resize: vertical;
  min-height: 120px;
}

.wk-form__input::placeholder,
.wk-form__textarea::placeholder {
  color: #9aa79e;
}

.wk-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #0b7a3e 0%, #4caf50 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border: none;
  border-radius: 30px;
  padding: 15px 30px;
  cursor: pointer;
  float: right;
}

.wk-form__field .wpcf7-not-valid-tip {
  font-size: 13px;
  color: red;
}

.page-template-wiki-page-template .screen-reader-response{
  display: none;
}

/* Wiki post on search */

.page-template-wiki-page-template .wk-search-results__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.page-template-wiki-page-template .wiki-post-list-col {
	width: 100%;
}

.page-template-wiki-page-template .wiki-post-list-box {
	background: #ffffff;
	border-radius: 12px;
	padding: 28px 32px;
	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
}

.page-template-wiki-page-template .wiki-post-list-title h5 {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	color: #14181f;
}

.page-template-wiki-page-template .wiki-post-list-title a {
	text-decoration: none;
	color: inherit;
}

.page-template-wiki-page-template .wiki-post-list-title a:hover h5 {
	color: #4caf50;
}

.page-template-wiki-page-template .wiki-post-list-excerpt p {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #6b7280;
}

.page-template-wiki-page-template .wiki-post-list-excerpt a {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #14181f;
	text-decoration: none;
	white-space: nowrap;
}

.page-template-wiki-page-template .wiki-post-list-excerpt a:hover {
	color: #4caf50;
	text-decoration: underline;
}

.page-template-wiki-page-template .wiki-not-found .wiki-post-list-box {
	text-align: center;
	color: #6b7280;
}
.page-template-wiki-page-template .wk-search-results__loadmore-wrap{
    display: flex;
    justify-content: center;
    padding-top: 20px;
}


/* ============ Responsive ============ */
@media (max-width: 991px) {

  .wk-hero {
    padding-top: 111px !important;
    padding-bottom: 0px !important;
  }
  .wk-hero .wiki-hero-img-wrapper{
    position:relative !important;
    bottom: 0 !important;
  }
  .wk-hero__title {
    font-size: 34px;
  }

  .wk-social {
    justify-content: center;
  }

  .wk-contact__info {
    margin-top: 40px;
  }

  /* .wk-hero__media {
    margin-top: 30px;
  } */

  .wk-sidebar-sticky {
    position: static;
  }

  .wk-body__sidebar {
    margin-bottom: 40px;
  }

  .wk-feature-grid {
    grid-template-columns: 1fr;
  }

  .wk-cta-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .wk-form__grid {
    grid-template-columns: 1fr;
  }

  .wk-form__field--textarea {
    grid-column: auto;
  }

  .wk-form__submit {
    float: none;
    width: 100%;
  }

}

@media (max-width:575px) {
  .wk-form-card {
    padding: 30px;
  }
}