/*
Theme Name: Verity Code Labs
Theme URI: https://wordpress.org/themes/
Author: VerityCodeLabs Team
Author URI: https://veritycodelabs.com
Description: Verity Code Labs emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: veritycodelabs
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */
:root {
  --container-max-width: 1380px;
  --container-max-width-wide: 1440px;
  --container-padding: 20px;
  --header-padding: 10px;
  --header-nav-height: 80px;
  --header-nav-height-scrolled: 40px;
  --vcl-card-shadow: 0 6px 20px 0 color-mix(in srgb, var(--color-primary) 25%, transparent);
  --vcl-card-shadow-sm: 0 1px 8px 0 color-mix(in srgb, var(--color-primary) 30%, transparent);
  --color-neutral-0: var(--wp--preset--color--neutral-0, #FAFAFA);
  --color-neutral-100: var(--wp--preset--color--neutral-100, #F5F5F5);
  --color-neutral-200: var(--wp--preset--color--neutral-200, #EEEEEE);
  --color-neutral-300: var(--wp--preset--color--neutral-300, #E0E0E0);
  --color-neutral-400: var(--wp--preset--color--neutral-400, #BDBDBD);
  --color-neutral-500: var(--wp--preset--color--neutral-500, #9E9E9E);
  --color-neutral-600: var(--wp--preset--color--neutral-600, #757575);
  --color-neutral-700: var(--wp--preset--color--neutral-700, #616161);
  --color-neutral-800: var(--wp--preset--color--neutral-800, #424242);
  --color-neutral-900: var(--wp--preset--color--neutral-900, #212121);
  --color-dark: var(--wp--preset--color--neutral-900, #212121);
  --color-dark-alt: var(--wp--preset--color--neutral-700, #616161);
  --color-light: var(--wp--preset--color--neutral-0, #FAFAFA);
  --color-base: var(--wp--preset--color--base, #FAFAFA);
  --color-contrast: var(--wp--preset--color--contrast, #212121);
  --color-primary-0: var(--wp--preset--color--primary-0, #F5F7FF);
  --color-primary-100: var(--wp--preset--color--primary-100, #C5D2FD);
  --color-primary-200: var(--wp--preset--color--primary-200, #98AEF9);
  --color-primary-300: var(--wp--preset--color--primary-300, #708EF2);
  --color-primary-400: var(--wp--preset--color--primary-400, #5074E9);
  --color-primary-500: var(--wp--preset--color--primary-500, #385FDD);
  --color-primary-600: var(--wp--preset--color--primary-600, #274ECD);
  --color-primary-700: var(--wp--preset--color--primary-700, #1B3FB8);
  --color-primary-800: var(--wp--preset--color--primary-800, #1334A0);
  --color-primary-900: var(--wp--preset--color--primary-900, #0E2A87);
  --color-primary: var(--wp--preset--color--primary-500, #385FDD);
  --color-primary-dark: var(--wp--preset--color--primary-dark, #010f35);
  --color-primary-text: var(--wp--preset--color--primary-text, #5a97ff);
  --color-error-50: var(--wp--preset--color--error-50, #FEF9FA);
  --color-error-100: var(--wp--preset--color--error-100, #FCEAED);
  --color-error-200: var(--wp--preset--color--error-200, #F9D4DB);
  --color-error-300: var(--wp--preset--color--error-300, #EC7F92);
  --color-error-400: var(--wp--preset--color--error-400, #E23F5C);
  --color-error-500: var(--wp--preset--color--error-500, #DF2A4A);
  --color-error-600: var(--wp--preset--color--error-600, #B2223B);
  --color-error-700: var(--wp--preset--color--error-700, #86192C);
  --color-error-800: var(--wp--preset--color--error-800, #430D16);
  --color-error-900: var(--wp--preset--color--error-900, #2D080F);
  --color-error: var(--wp--preset--color--error-500, #DF2A4A);
  --color-warning-50: var(--wp--preset--color--warning-50, #FFFCF7);
  --color-warning-100: var(--wp--preset--color--warning-100, #FEF4E5);
  --color-warning-200: var(--wp--preset--color--warning-200, #FBDEB2);
  --color-warning-300: var(--wp--preset--color--warning-300, #F7BD66);
  --color-warning-400: var(--wp--preset--color--warning-400, #F39C19);
  --color-warning-500: var(--wp--preset--color--warning-500, #F29100);
  --color-warning-600: var(--wp--preset--color--warning-600, #DB7500);
  --color-warning-700: var(--wp--preset--color--warning-700, #943400);
  --color-warning-800: var(--wp--preset--color--warning-800, #641700);
  --color-warning-900: var(--wp--preset--color--warning-900, #320600);
  --color-warning: var(--wp--preset--color--warning-500, #F29100);
  --color-success-0: var(--wp--preset--color--success-0, #F5FFFB);
  --color-success-100: var(--wp--preset--color--success-100, #E7F3EE);
  --color-success-200: var(--wp--preset--color--success-200, #B7DCCC);
  --color-success-300: var(--wp--preset--color--success-300, #6FB99A);
  --color-success-400: var(--wp--preset--color--success-400, #3FA178);
  --color-success-500: var(--wp--preset--color--success-500, #0F8A56);
  --color-success-600: var(--wp--preset--color--success-600, #0C6E45);
  --color-success-700: var(--wp--preset--color--success-700, #07452B);
  --color-success-800: var(--wp--preset--color--success-800, #031C11);
  --color-success-900: var(--wp--preset--color--success-900, #020E09);
  --color-success: var(--wp--preset--color--success-500, #0F8A56);
}

@media (max-width: 1340px) {
  :root {
    --container-padding: 40px;
  }
}
@media (max-width: 768px) {
  :root {
    --container-padding: 20px;
  }
}
.btn, .site-main input[type=submit]:not(.btn),
.site-main input[type=button]:not(.btn),
footer input[type=submit]:not(.btn),
footer input[type=button]:not(.btn) {
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid;
  border-radius: 8px;
  padding: 14px 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.btn-md {
  padding: 10px 20px;
}

.btn-sm, header.is-scrolled .header-navigation .header-cta .btn {
  padding: 5px 18px;
}

.btn-light, body.has-scrolled .header-mobile-navigation .header-cta .btn-dark {
  background-color: var(--wp--preset--color--neutral-0, #FAFAFA) !important;
  color: var(--wp--preset--color--dark, #212121) !important;
  border-color: var(--wp--preset--color--neutral-300, #E0E0E0) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-light:hover, body.has-scrolled .header-mobile-navigation .header-cta .btn-dark:hover {
  background-color: var(--wp--preset--color--neutral-200, #EEEEEE) !important;
  border-color: var(--wp--preset--color--neutral-400, #BDBDBD) !important;
  color: var(--wp--preset--color--neutral-800, #424242) !important;
}

.btn-dark, header.is-scrolled .header-navigation .header-cta .btn-dark-outline {
  background-color: var(--wp--preset--color--neutral-900, #212121) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--neutral-900, #212121) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-dark:hover, header.is-scrolled .header-navigation .header-cta .btn-dark-outline:hover {
  background-color: var(--wp--preset--color--neutral-800, #616161) !important;
  border-color: var(--wp--preset--color--neutral-800, #616161) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
}

.btn-dark-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wp--preset--color--contrast, #212121) !important;
  border: 1px solid var(--wp--preset--color--contrast, #212121) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-dark-outline:hover {
  background-color: var(--wp--preset--color--contrast, #212121) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--contrast, #212121) !important;
}

.btn-primary, .site-main input[type=submit]:not(.btn),
.site-main input[type=button]:not(.btn),
footer input[type=submit]:not(.btn),
footer input[type=button]:not(.btn), header.is-scrolled .header-navigation .header-cta .btn-primary-outline {
  background-color: var(--wp--preset--color--primary-500, #385FDD) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--primary-500, #385FDD) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.btn-primary:hover, .site-main input[type=submit]:not(.btn):hover,
.site-main input[type=button]:not(.btn):hover,
footer input[type=submit]:not(.btn):hover,
footer input[type=button]:not(.btn):hover, header.is-scrolled .header-navigation .header-cta .btn-primary-outline:hover {
  background-color: var(--wp--preset--color--primary-600, #274ECD) !important;
  border-color: var(--wp--preset--color--primary-600, #274ECD) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
}

.btn-primary-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wp--preset--color--primary-500, #385FDD) !important;
  border: 1px solid var(--wp--preset--color--primary-500, #385FDD) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-primary-outline:hover {
  background-color: var(--wp--preset--color--primary-500, #385FDD) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--primary-500, #385FDD) !important;
}

.btn-success {
  background-color: var(--wp--preset--color--success-500, #0E8754) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--success-500, #0E8754) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.btn-success:hover {
  background-color: var(--wp--preset--color--success-300, #6FB99A) !important;
  border-color: var(--wp--preset--color--success-300, #6FB99A) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
}

.btn-success-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wp--preset--color--success-500, #0E8754) !important;
  border: 1px solid var(--wp--preset--color--success-500, #0E8754) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-success-outline:hover {
  background-color: var(--wp--preset--color--success-500, #0E8754) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--success-500, #0E8754) !important;
}

.btn-warning {
  background-color: var(--wp--preset--color--warning-500, #FFA500) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--warning-500, #FFA500) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.btn-warning:hover {
  background-color: var(--wp--preset--color--warning-400, #FFB733) !important;
  border-color: var(--wp--preset--color--warning-400, #FFB733) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
}

.btn-warning-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wp--preset--color--warning-500, #FFA500) !important;
  border: 1px solid var(--wp--preset--color--warning-500, #FFA500) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-warning-outline:hover {
  background-color: var(--wp--preset--color--warning-500, #FFA500) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--warning-500, #FFA500) !important;
}

.btn-error {
  background-color: var(--wp--preset--color--error-500, #D32F2F) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--error-500, #D32F2F) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.btn-error:hover {
  background-color: var(--wp--preset--color--error-300, #FF7474) !important;
  border-color: var(--wp--preset--color--error-300, #FF7474) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
}

.btn-error-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wp--preset--color--error-500, #D32F2F) !important;
  border: 1px solid var(--wp--preset--color--error-500, #D32F2F) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-error-outline:hover {
  background-color: var(--wp--preset--color--error-500, #D32F2F) !important;
  color: var(--wp--preset--color--base, #FAFAFA) !important;
  border-color: var(--wp--preset--color--error-500, #D32F2F) !important;
}

.site-main input:not([type=button]):not([type=submit]),
.site-main textarea,
.site-main select,
footer input:not([type=button]):not([type=submit]),
footer textarea,
footer select {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--color-neutral-300);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  font-size: 1rem;
  background: #F8FAFC;
  font-family: inherit;
  transition: all 0.25s;
  outline: none !important;
}
.site-main input:focus:not([type=button]):not([type=submit]),
.site-main textarea:focus,
.site-main select:focus,
footer input:focus:not([type=button]):not([type=submit]),
footer textarea:focus,
footer select:focus {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

.site-main input[type=radio],
footer input[type=radio], .site-main input[type=checkbox],
footer input[type=checkbox] {
  appearance: none;
  min-width: 20px !important;
  min-height: 20px !important;
  padding: 4px !important;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  position: relative !important;
  cursor: pointer !important;
}
.site-main input[type=radio]:checked,
footer input[type=radio]:checked, .site-main input[type=checkbox]:checked,
footer input[type=checkbox]:checked {
  background-color: var(--wp--preset--color--primary-600, #385fdd) !important;
  border-color: var(--wp--preset--color--primary-900, #1a3484) !important;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) !important;
  accent-color: #f7cb15;
}
.site-main input[type=radio]:checked::after,
footer input[type=radio]:checked::after, .site-main input[type=checkbox]:checked::after,
footer input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.site-main input[type=checkbox],
footer input[type=checkbox] {
  border-radius: 4px !important;
}

.site-main input[type=radio],
footer input[type=radio] {
  border-radius: 100% !important;
  margin: 3px 11px 0px 0 !important;
}

/* Define the Pulse Keyframes */
@keyframes dotPulse {
  0% {
    /* Starts flush with the 14px dot */
    box-shadow: 0 0 0 0px rgba(37, 99, 235, 0.6);
  }
  70% {
    /* Grows significantly larger out to 20px before disappearing */
    box-shadow: 0 0 0 20px rgba(37, 99, 235, 0);
  }
  100% {
    box-shadow: 0 0 0 0px rgba(37, 99, 235, 0);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

body {
  background-color: #ffffff;
  color: var(--color-dark);
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
}

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

p:last-of-type {
  margin-bottom: 0px;
}

a:not(.btn, .wp-element-button, .notice-card__content) {
  text-decoration: none;
  color: var(--color-primary-600);
}
a:not(.btn, .wp-element-button, .notice-card__content):hover {
  text-decoration: underline;
}

:focus-visible {
  outline: 2px solid var(--color-primary-100);
  outline-offset: 2px;
  transition: outline-color 0.15s;
}

.page-with-title {
  padding-top: calc(var(--header-nav-height) + var(--header-padding) + var(--header-padding));
}

.site-main > .has-global-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.site-main > .is-layout-constrained > * {
  max-width: 100%;
}
.site-main > .wp-block-columns,
.site-main > .wp-block-group {
  margin-left: auto;
  margin-right: auto;
}
.site-main > .wp-block-columns:not(.alignfull),
.site-main > .wp-block-group:not(.alignfull) {
  max-width: var(--container-max-width);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.site-main > .wp-block-columns.alignwide,
.site-main > .wp-block-group.alignwide {
  max-width: var(--container-max-width-wide);
}
.site-main > .wp-block-columns.alignfull > .wp-block-column > .wp-block-group,
.site-main > .wp-block-columns.alignfull > .wp-block-columns,
.site-main > .wp-block-columns.alignfull > .wp-block-group,
.site-main > .wp-block-group.alignfull > .wp-block-column > .wp-block-group,
.site-main > .wp-block-group.alignfull > .wp-block-columns,
.site-main > .wp-block-group.alignfull > .wp-block-group {
  margin-left: auto;
  margin-right: auto;
}
.site-main > .wp-block-columns.alignfull > .wp-block-column > .wp-block-group:not(.alignfull),
.site-main > .wp-block-columns.alignfull > .wp-block-columns:not(.alignfull),
.site-main > .wp-block-columns.alignfull > .wp-block-group:not(.alignfull),
.site-main > .wp-block-group.alignfull > .wp-block-column > .wp-block-group:not(.alignfull),
.site-main > .wp-block-group.alignfull > .wp-block-columns:not(.alignfull),
.site-main > .wp-block-group.alignfull > .wp-block-group:not(.alignfull) {
  max-width: var(--container-max-width);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.site-main > .wp-block-columns.alignfull > .wp-block-column > .wp-block-group.alignwide,
.site-main > .wp-block-columns.alignfull > .wp-block-columns.alignwide,
.site-main > .wp-block-columns.alignfull > .wp-block-group.alignwide,
.site-main > .wp-block-group.alignfull > .wp-block-column > .wp-block-group.alignwide,
.site-main > .wp-block-group.alignfull > .wp-block-columns.alignwide,
.site-main > .wp-block-group.alignfull > .wp-block-group.alignwide {
  max-width: var(--container-max-width-wide);
}
.site-main > .wp-block-columns .container,
.site-main > .wp-block-group .container {
  max-width: 100%;
  padding: 0;
}

.wp-block-media-text .wp-block-media-text__media {
  border-radius: inherit;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
  .wp-block-columns {
    flex-wrap: wrap !important;
  }
}
/* Footer */
footer {
  --vcl-footer_grid-display: grid;
  --vcl-footer_grid-gap: 48px;
  --vcl-footer_grid-mb: 64px;
  --vcl-footer_grid-elements-width: auto;
  --vcl-footer_grid-elements-ta: auto;
  --vcl-footer_grid-elements-mb: 0;
  --vcl-footer_s-links-jc: start;
  --vcl-footer_bottom-fd: row;
  --vcl-footer_bottom-gap: 0px;
  --vcl-footer_text-maxw: 360px;
  --vcl-footer_text-margin: 0;
  --vcl-footer_sub-form-jc: start;
  background: var(--color-neutral-0);
  padding: 60px 0 20px;
  border-top: 1px solid var(--color-neutral-200);
}
footer .footer-grid {
  display: var(--vcl-footer_grid-display);
  grid-template-columns: 1.75fr 1fr 1fr 1.75fr;
  gap: var(--vcl-footer_grid-gap);
  flex-wrap: wrap;
  margin-bottom: var(--vcl-footer_grid-mb);
}
footer .footer-grid > * {
  width: var(--vcl-footer_grid-elements-width);
  text-align: var(--vcl-footer_grid-elements-ta);
}
footer .footer-grid > *:not(:last-child) {
  margin-bottom: var(--vcl-footer_grid-elements-mb);
}
footer .footer-grid .footer-logo {
  margin-bottom: 24px;
  display: inline-flex;
}
footer .footer-grid .footer-text {
  color: var(--color-neutral-700);
  font-size: 0.875rem;
  margin-bottom: 24px;
  max-width: var(--vcl-footer_text-maxw);
  margin-left: var(--vcl-footer_text-margin);
  margin-right: var(--vcl-footer_text-margin);
  line-height: 1.6;
}
footer .footer-grid h4 {
  font-size: 0.95rem;
  margin-bottom: 24px;
  color: var(--color-dark);
  font-weight: 600;
}
footer .footer-grid ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
footer .footer-grid ul li a {
  color: var(--color-neutral-700);
  font-size: 0.9rem;
}
footer .footer-grid ul li a:hover {
  color: var(--color-primary);
}
footer .footer-grid .footer-social-links {
  display: flex;
  gap: 12px;
  justify-content: var(--vcl-footer_s-links-jc);
}
footer .footer-grid .footer-social-links .footer-social-link {
  width: 36px;
  height: 36px;
  border: 1px solid var(--color-neutral-300);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  transition: all 0.2s;
  font-size: 0.9rem;
}
footer .footer-grid .footer-social-links .footer-social-link:hover {
  color: var(--color-dark);
  border-color: var(--color-dark);
}
footer .footer-grid .footer-newsletter h4 {
  margin-bottom: 16px;
  color: var(--color-dark);
  font-weight: 600;
}
footer .footer-grid .footer-newsletter p {
  color: var(--color-neutral-700);
  margin-bottom: 20px;
}
footer .footer-grid .footer-newsletter .subscribe-form {
  display: flex;
  gap: 8px;
  justify-content: var(--vcl-footer_sub-form-jc);
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-form {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-form p {
  margin-bottom: 0;
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-form input:not([type=button]):not([type=submit]) {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-form .btn {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  width: 100%;
}
footer .footer-grid .footer-newsletter .subscribe-form .cf-turnstile {
  margin: 0.75rem var(--vcl-turnstile-m, 0) 0.25rem;
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-caption p {
  font-size: 0.75rem;
}
footer .footer-grid .footer-newsletter .subscribe-form .sub-caption p:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
footer .footer-bottom {
  display: flex;
  flex-direction: var(--vcl-footer_bottom-fd);
  justify-content: space-between;
  align-items: center;
  gap: var(--vcl-footer_bottom-gap);
  padding-top: 24px;
  border-top: 1px solid var(--color-neutral-200);
  color: var(--color-neutral-700);
  font-size: 0.85rem;
}
footer .footer-bottom p,
footer .footer-bottom .footer-bottom-links a {
  font-size: 0.75rem;
}
footer .footer-bottom p {
  margin-bottom: 0px;
}
footer .footer-bottom .footer-bottom-links ul {
  display: flex;
  gap: 24px;
  list-style: none;
}
footer .footer-bottom .footer-bottom-links ul a {
  color: var(--color-neutral-700);
}
@media (max-width: 1100px) {
  footer {
    --vcl-footer_grid-display: flex;
    --vcl-footer_grid-gap: 0px;
    --vcl-footer_grid-mb: 32px;
    --vcl-footer_grid-elements-width: 100%;
    --vcl-footer_grid-elements-ta: center;
    --vcl-footer_grid-elements-mb: 52px;
    --vcl-footer_s-links-jc: center;
    --vcl-footer_text-maxw: 460px;
    --vcl-footer_text-margin: auto;
    --vcl-footer_sub-form-jc: center;
    --vcl-turnstile-m: auto;
  }
}
@media (max-width: 1024px) {
  footer {
    --vcl-footer_bottom-fd: column;
    --vcl-footer_bottom-gap: 7px;
  }
}

/* Header */
header {
  --vcl-header-bg: rgba(255, 255, 255, 0.085);
  --vcl-header-blur: blur(4px);
  --vcl-header-border: 1px solid var(--color-base);
  --vcl-header-top: var(--wp-admin-bar-height, 0px);
  --vcl-header_away-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  --vcl-header_mb-display: none;
  --vcl-header_elements-display: block;
  --vcl-header_hn_logo-width: 200px;
  --vcl-header_hn_logo-img-width: 200px;
  --vcl-header_hn_logo-img-filter: none;
  --vcl-header_hn_nav-ul-li-after-width: 2px;
  --vcl-header_hn_nav-ul-li-after-bg: var(--color-neutral-400);
  --vcl-header_hn_nav-ul-a-color: var(--color-neutral-800);
  --vcl-header_hn_nav-ul-a-after-bg: var(--color-primary);
  --vcl-header_hn_nav-ul-a-hover-color: var(--color-primary);
  --vcl-header_hn_mobile-btn-span-bg: var(--color-neutral-800);
  padding: var(--header-padding) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--vcl-header-bg);
  backdrop-filter: var(--vcl-header-blur);
  position: fixed;
  top: var(--vcl-header-top);
  width: 100%;
  z-index: 1000;
  transition: all 0.15s ease-in-out;
  border-bottom: var(--vcl-header-border);
}
header .header-navigation {
  width: 100%;
  height: var(--header-nav-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  transition: all 0.25s ease-in-out;
}
header .header-navigation .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  width: var(--vcl-header_hn_logo-width);
}
header .header-navigation .logo, header .header-navigation .logo img {
  transition: all 0.25s ease-in-out;
  max-height: 100%;
  max-width: 100%;
}
header .header-navigation .logo img {
  width: var(--vcl-header_hn_logo-img-width);
  filter: var(--vcl-header_hn_logo-img-filter);
}
header .header-navigation .logo img:hover {
  --vcl-header_hn_logo-img-filter: none;
}
header .header-navigation nav {
  display: var(--vcl-header_elements-display);
}
header .header-navigation nav ul {
  display: flex;
  list-style: none;
}
header .header-navigation nav ul li {
  display: inline-flex;
  align-items: center;
  position: relative;
}
header .header-navigation nav ul li::after {
  content: "";
  display: block;
  width: var(--vcl-header_hn_nav-ul-li-after-width);
  height: 80%;
  background: var(--vcl-header_hn_nav-ul-li-after-bg);
  transform: skewX(-22deg);
  margin: 2px 2rem;
  transition: all 0.25s ease-in-out;
}
header .header-navigation nav ul li:last-child::after {
  display: none;
}
header .header-navigation nav a {
  text-decoration: none;
  color: var(--vcl-header_hn_nav-ul-a-color);
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  transition: color 0.25s ease-in-out;
}
header .header-navigation nav a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background: var(--vcl-header_hn_nav-ul-a-after-bg);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
header .header-navigation nav a:hover {
  text-decoration: none;
  color: var(--vcl-header_hn_nav-ul-a-hover-color);
}
header .header-navigation nav a:hover::after {
  transform: translateX(-50%) scaleX(1);
}
header .header-navigation .header-cta {
  display: var(--vcl-header_elements-display);
  width: 170px;
  margin-left: auto;
  transition: margin-left 0.25s ease-in-out;
}
header .header-navigation .header-cta .btn {
  transition: all 0.25s ease-in-out !important;
}
header .header-navigation .header-mobile-button {
  display: var(--vcl-header_mb-display);
}
header .header-navigation .header-mobile-button button {
  width: 46px;
  height: 46px;
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  position: relative;
  z-index: 101;
}
header .header-navigation .header-mobile-button button span {
  display: block;
  position: absolute;
  left: 5px;
  height: 4px;
  width: 36px;
  background-color: var(--vcl-header_hn_mobile-btn-span-bg);
  border-radius: 2px;
  margin: 0;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header .header-navigation .header-mobile-button button span:nth-child(1) {
  top: 12px;
  width: 22px;
  transform: none;
}
header .header-navigation .header-mobile-button button span:nth-child(2) {
  top: 20px;
  width: 32px;
  transform: none;
}
header .header-navigation .header-mobile-button button span:nth-child(3) {
  top: 28px;
  width: 16px;
  transform: none;
}
header .header-navigation .header-mobile-button button.is-open span {
  position: absolute;
  left: 5px;
  width: 36px;
}
header .header-navigation .header-mobile-button button.is-open span:nth-child(1) {
  transform: rotate(45deg);
  top: 20px;
}
header .header-navigation .header-mobile-button button.is-open span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
header .header-navigation .header-mobile-button button.is-open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 20px;
}
header.is-scrolled {
  --header-nav-height: var(--header-nav-height-scrolled);
  --vcl-header-bg: rgba(255, 255, 255, 0.85);
  --vcl-header-border: 1px solid var(--color-neutral-300);
  --vcl-header-top: var(--wp-admin-bar-height, 0);
  --vcl-header_hn_logo-img-width: 160px;
  --vcl-header_hn_nav-ul-li-after-width: 2px;
  --vcl-header_hn_nav-ul-li-after-bg: var(--color-neutral-600);
  --vcl-header_hn_nav-ul-a-after-bg: var(--color-primary);
  --vcl-header_hn_nav-ul-a-hover-color: var(--color-primary);
  --vcl-header_hn_mobile-btn-span-bg: var(--color-neutral-0);
}
header.is-scrolled-away {
  box-shadow: var(--vcl-header_away-shadow);
}

.header-mobile-navigation {
  --nav-height: calc(var(--wp-admin-bar-height, 0px) + (var(--header-padding) * 2) + var(--header-nav-height));
  --vcl-hmn--bg: var(--color-base);
  --vcl-hmn--display: none;
  --vcl-hmn--transform: translateX(100%);
  --vcl-hmn--ul-li-a-color: var(--color-neutral-800);
  --vcl-hmn--ul-li-a-arrow-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-right-icon lucide-chevrons-right'%3E%3Cpath d='m6 17 5-5-5-5'/%3E%3Cpath d='m13 17 5-5-5-5'/%3E%3C/svg%3E") right/24px no-repeat;
  display: var(--vcl-hmn--display);
  position: fixed;
  right: 0;
  top: var(--nav-height);
  width: 520px;
  height: calc(100vh - var(--nav-height));
  max-width: 100%;
  z-index: 9999;
  background-color: var(--vcl-hmn--bg);
  backdrop-filter: blur(6px);
  transform: var(--vcl-hmn--transform);
  /* Use cubic-bezier for transform: (fast start, much slower end) */
  transition: height 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.55s cubic-bezier(0.1, 0.8, 0.2, 1);
}
.header-mobile-navigation .nav-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  height: 100%;
  overflow-y: auto;
  padding-top: 40px;
  padding-bottom: 50px;
  gap: 100px;
}
.header-mobile-navigation ul {
  list-style: none;
  display: flex;
  flex-direction: column;
}
.header-mobile-navigation ul li {
  margin: 0;
  padding: 0;
  position: relative;
}
.header-mobile-navigation ul li a {
  display: block;
  color: var(--vcl-hmn--ul-li-a-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.5rem 0 1.5rem 4px;
  background: var(--vcl-hmn--ul-li-a-arrow-bg);
  transition: all 0.2s ease-in;
}
.header-mobile-navigation ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #E8E8E8;
}
.header-mobile-navigation ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5px;
  height: 3px;
  background: #365DFB;
  transition: width 0.35s ease;
}
.header-mobile-navigation ul li a:hover, .header-mobile-navigation ul li a:focus {
  --vcl-hmn--ul-li-a-arrow-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23385FDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-right-icon lucide-chevrons-right'%3E%3Cpath d='m6 17 5-5-5-5'/%3E%3Cpath d='m13 17 5-5-5-5'/%3E%3C/svg%3E") right/24px no-repeat;
  --vcl-hmn--ul-li-a-color: var(--vcl-hmn--ul-li-a-hover-color, var(--color-primary));
  text-decoration: none;
}
.header-mobile-navigation ul li a:hover::after, .header-mobile-navigation ul li a:focus::after {
  width: 160px; /* or 35% */
}
.header-mobile-navigation .header-cta .btn-dark {
  transition: all 0.25s ease-in-out;
}

body.has-scrolled .header-mobile-navigation {
  --header-nav-height: var(--header-nav-height-scrolled);
  --vcl-hmn--bg: rgba(0, 0, 0, 0.75);
  --vcl-hmn--ul-li-a-color: var(--color-neutral-0);
  --vcl-hmn--ul-li-a-hover-color: var(--color-primary-100);
  --vcl-hmn--ul-li-a-arrow-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-right-icon lucide-chevrons-right'%3E%3Cpath d='m6 17 5-5-5-5'/%3E%3Cpath d='m13 17 5-5-5-5'/%3E%3C/svg%3E") right/24px no-repeat;
}
body.has-open-menu .header-mobile-navigation {
  --vcl-hmn--transform: translateX(0%);
}
body.has-open-menu header.is-scrolled-away {
  --vcl-header_away-shadow: none;
}

@media (max-width: 1100px) {
  header {
    --vcl-header_mb-display: block;
    --vcl-header_elements-display: none;
    --vcl-header_hn_logo-width: 160px;
  }
  .header-mobile-navigation {
    --vcl-hmn--display: block;
  }
}
.site-main select,
footer select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 20px;
}
.site-main label,
footer label {
  font-size: 1rem;
  font-weight: 400 !important;
  margin-bottom: 8px;
  color: var(--color-dark);
}
.site-main input[type=submit]:not(.btn),
.site-main input[type=button]:not(.btn),
footer input[type=submit]:not(.btn),
footer input[type=button]:not(.btn) {
  font-size: 18px;
}
.site-main,
footer {
  /**
  * Ninja Forms override
  */
}
.site-main .nf-form-fields-required,
footer .nf-form-fields-required {
  display: none !important;
}
.site-main .nf-error-wrap,
footer .nf-error-wrap {
  font-size: 0.825rem;
}
.site-main .nf-field-label,
footer .nf-field-label {
  margin-bottom: 6px !important;
}
.site-main .checkbox-wrap .nf-field-element,
footer .checkbox-wrap .nf-field-element {
  order: 1;
  margin-top: 3px;
}
.site-main .checkbox-wrap .nf-field-label,
footer .checkbox-wrap .nf-field-label {
  margin-bottom: 0px !important;
}
.site-main .nf-field-container,
footer .nf-field-container {
  margin-bottom: 1.25rem !important;
}
.site-main .nf-cf-turnstile,
.site-main .cf-turnstile,
footer .nf-cf-turnstile,
footer .cf-turnstile {
  max-width: var(--vcl-turnstile-max-w, 420px);
  overflow: hidden;
  margin-left: var(--vcl-turnstile-m, 0);
  margin-right: var(--vcl-turnstile-m, 0);
}

@media (max-width: 520px) {
  .nf-cf-turnstile,
  .cf-turnstile {
    --vcl-turnstile-max-w: calc(100vw - 80px);
  }
}
/**
 * Section Tag Style
 * A tag style for sections
 */
.section-tag-style {
  font-size: 0.875rem;
  font-weight: 600;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--color-primary-500);
}
.section-tag-style:not(.no-border) {
  border: 1px solid var(--wp--preset--color--primary-300, #385fdd);
  border-radius: 40px;
  padding: 4px 12px;
}
.section-tag-style.star:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/veritycodelabs/assets/images/svg/badge-star.svg");
}
.section-tag-style.bullet::before {
  content: "";
  display: inline-block;
  /* 1. The Middle Dot */
  width: 8px;
  height: 8px;
  background-color: #2563eb;
  border-radius: 50%;
  animation: dotPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.section-tag-style.dots-side.before:before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  /* Allocation space for the 3 dots */
  width: 28px;
  height: 6px; /* Matches the height of your largest dot */
  background: radial-gradient(circle, #2563eb 2px, transparent 2px) no-repeat 0% center/6px 6px, radial-gradient(circle, #2563eb 2.5px, transparent 2.5px) no-repeat 50% center/6px 6px, radial-gradient(circle, #2563eb 3px, transparent 3px) no-repeat 100% center/6px 6px;
}
.section-tag-style.dots-side.after:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  /* Allocation space for the 3 dots */
  width: 28px;
  height: 6px; /* Matches the height of your largest dot */
  background: radial-gradient(circle, #2563eb 3px, transparent 3px) no-repeat 0% center/6px 6px, radial-gradient(circle, #2563eb 2.5px, transparent 2.5px) no-repeat 50% center/6px 6px, radial-gradient(circle, #2563eb 2px, transparent 2px) no-repeat 100% center/6px 6px;
}

.p-lucide-icon {
  display: flex;
  align-items: center;
  gap: var(--p-lucide-icon-gp, 6px);
}
.p-lucide-icon a {
  display: flex;
  align-items: center;
  gap: var(--p-lucide-icon-gp, 6px);
}

.wp-block-button.has-icon .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.wp-block-button.has-icon .wp-block-button__link svg {
  flex-shrink: 0;
  display: block;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-hover-icon svg, .link-hover-icon .dashicons {
  transition: transform 0.25s ease-in-out;
}
.link-hover-icon:hover svg, .link-hover-icon:hover .dashicons {
  transform: translateX(6px);
}

/*
 * Gradient Background Styles
 * Soft, ethereal radial gradients for card backgrounds
 */
/* Gradient 1: Primary - Two layered gradients */
.has-gradient-bg-1 {
  background: radial-gradient(circle at 25% 25%, #eaf2ff 0%, #f1f6ff 40%, #ffffff 75%);
}

/* Gradient 2: Success */
.has-gradient-bg-2 {
  background: radial-gradient(circle at 75% 20%, #e7f3ee 0%, #f5fffb 40%, #ffffff 75%);
}

/* Gradient 3: Warning */
.has-gradient-bg-3 {
  background: radial-gradient(circle at 30% 80%, #fef4e5 0%, #fffcf7 40%, #ffffff 75%);
}

/* Gradient 4: Error */
.has-gradient-bg-4 {
  background: radial-gradient(circle at 70% 15%, #fceaed 0%, #fef9fa 40%, #ffffff 75%);
}

/* Gradient 5: Default (Neutral) */
.has-gradient-bg-5 {
  background: radial-gradient(circle at 50% 50%, #eeeeee 0%, #f5f5f5 40%, #ffffff 75%);
}

/* Gradient 6: Primary */
.has-gradient-bg-6 {
  background: radial-gradient(circle at 80% 80%, #fef4e5 0%, #fff9f1 40%, #ffffff 75%);
}

.bg-img-no-repeat {
  background-repeat: no-repeat;
}
.bg-img-center {
  background-position: center;
}
.bg-img-cover {
  background-size: cover;
}