body.post-template-default.single-post header:first-child > div,
header.am-header > div,
body .wp-site-blocks > header > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
@media (max-width: 1030px) {
	.wpchar-home-logo {
	  position: absolute;
      /* width: 150px; */
      top: 23px;
      left: 0px;
	}
}
.site-header #navigation-toggle svg.close {
    display: none;
}
.site-header #navigation-toggle.active svg.close {
    display: block;
}
.site-header #navigation-toggle.active svg.open {
    display: none;
}
.site-header .hidden {
    display: none;
    visibility: hidden;
}
.site-header nav ul li > a {
    font-family: "Satoshi", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    letter-spacing: 0.25px !important;
    text-align: left !important;
    color: rgba(30, 21, 21, 1) !important;
}
.site-header #navigation-toggle {
	display:none;
	float:right;
	padding:10px;
	background:none;
	border:none;
	margin-top:-8px;
    cursor: pointer;
  }
  .site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }

  .site-header .site-navigation {
    margin-top: 1px;
    position: relative;
    top: -5px;
    right: auto;
    width: auto;
    flex: 1;
    display: flex;
    justify-content: space-evenly;
  }
  .site-header .site-navigation ul {
	list-style: none;
    margin: 0 !important;
    /* padding: 0; */
    display: flex;
    /* align-items: center; */
    /* position: relative; */
  }

  .site-header .site-navigation ul ul {
    padding: 0;
    flex-direction: column;
  }
  .site-header .site-navigation ul li {
	position: relative;
	margin: 0 25px 0 0;
  }
  .site-header .site-navigation ul li:last-child {
	margin-right:0
  }
  .site-header .site-navigation ul li a {
	display:block;
	border:1px solid transparent;
	color:#222;
	padding:7px 0 6px;
	text-decoration:none
  }
  .site-header .site-navigation>ul>li>a {
	line-height:1.3
  }
  .site-header .site-navigation ul li a:hover,
  .site-header .site-navigation ul li a:focus {
	color:#338eef
  }
  .site-header .site-navigation>ul>li:last-of-type a {
	/* background-color:#338eef;
	color:#fff;
	border-radius:5px */
  }
  .site-header .menu-header-arrow {
    top: 6px;
    position: relative;
  }
  .site-header .site-navigation>ul>li:last-of-type a:hover {
	/* background:#1279e7 */
  }
  @media (min-width: 1031px) {
	.site-header .site-navigation>ul>li:last-of-type a {
	  padding-left: 13px;
	  padding-right: 13px;
	}
  }
  @media (max-width: 1030px) {
	.site-header .site-navigation>ul>li:last-of-type a {
	  border-radius: 0;
	}
  }
  .site-header #navigation-toggle svg {
	width: 23px;
	fill: black;
  }
  @media (min-width: 1031px) {
	.site-navigation {
	  display: flex !important
	}
  }
  .site-navigation .sub-menu {
	position:absolute;
	width: 667px;
    background-color: white;
	left:-120px;
	z-index:900;
	padding-top:25px;
    top: 60px;
	display: none !important;
    border: 1px solid rgba(30, 21, 21, 0.2);
    border-top: 3px solid rgba(30, 21, 21, 0.2);
  }
  .site-navigation .sub-menu.support-sub-menu {
    /* display: block; */
    width: 293px;
    background: white;
    left: -102px;
    padding: 30px 30px;
  }
  .site-navigation .sub-menu.support-sub-menu:after {
    left: 120px;
  }
  .site-navigation .menu-item-has-children.sub-menu-visible .sub-menu {
	display: block !important;
  }
  .site-navigation .menu-item-has-children {
    background-color: transparent;
    cursor: pointer;
    height: 90px;
  }
  .site-navigation .wp-block-outermost-icon-block {
    margin-top: 0 !important;
  }
  .site-navigation .menu-item-has-children svg {
	vertical-align:text-top;
	margin-left:4px;
	margin-top:2px
  }
  .site-navigation .menu-item-has-children .menu-feature-text svg {
    margin-top:0px !important;
  }
  @media (min-width: 1024px) {
	.site-navigation .menu-item-has-children .sub-menu.blog-get-started-dialog {
	  display:none;
	  z-index:1
	}
	.site-navigation .menu-item-has-children:hover .sub-menu,
	.site-navigation .menu-item-has-children:focus .sub-menu {
	  display:block !important
	}
	.site-navigation .menu-item-has-children:hover .sub-menu.blog-get-started-dialog,
	.site-navigation .menu-item-has-children:focus .sub-menu.blog-get-started-dialog {
	  display:none
	}
  }
  .site-navigation .sub-menu:before {
	/* content:'';
	width:100%;
	position:absolute;
	top:23px;
	height:2px;
	background:#d0daf1;
	left:0 */
  }
  @media (max-width: 1030px) {
	.site-navigation .sub-menu:before {
	  display:none
	}
  }
  .site-navigation .sub-menu:after {
	content:'';
	width:0;
	height:0;
	border-style:solid;
    border-width: 0 12.5px 13px 12.5px;
    border-color: transparent transparent rgba(30, 21, 21, 0.2) transparent;
    position: absolute;
    left: 373px;
    top: -16px;
  }

  .site-navigation .sub-menu.three-column-solutions:after {
    left: 227px;
  }

  .site-navigation .sub-menu.two-column-integrations:after {
    left: 185px;
  }

  .site-navigation .sub-menu.two-column-resources:after {
    left: 280px;
  }

  .site-navigation .sub-menu.three-column-features:after {
    left: 223px;
  }
  @media (max-width: 1030px) {
	.site-navigation .sub-menu:after {
	  display:none
	}
  }
  .site-header .site-navigation .sub-menu .menu-links {
    width: calc(100% - 350px);
    display: flex !important;
    padding-top: 38px;
    padding-left: 40px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white !important;
    max-height: 450px !important;
    height: 450px !important;
    padding-right: 0px;
    padding-bottom: 38px;
  }
  .site-header .site-navigation .sub-menu li {
    width: 100%;
	/* float:left; */
	/* margin-right:0;
	background:#fff;
	border-style:solid;
	border-color:#e8effd;
	border-width:0 0 0 1px */
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
  }

  .site-header .site-navigation .sub-menu li > a {
    font-family: "Satoshi", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: -0.015em !important;
    text-align: left;
  }
  .site-header .site-navigation .sub-menu li > a:hover {
    text-decoration: underline;
  }
  .site-header .site-navigation .sub-menu li:first-child a {
    padding-top: 0;
  }
  .site-header .site-navigation .sub-menu .icon-container {
    margin: 0 !important;
  }
  .site-header .menu-feature-footer-link a {
	text-decoration: underline !important;
	text-decoration-style: solid !important;
	text-decoration-color: rgba(30, 21, 21, 0.5) !important;
	text-underline-offset: 10px;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18.9px !important;
    letter-spacing: -0.015em !important;
    text-align: left !important;
  }
  .site-header .site-navigation .sub-menu li>a:hover,
  .site-header .site-navigation .sub-menu li>a:focus {
	/* background-color:#f9fbff;
	color:#222 */
  }
  .site-header .site-navigation .sub-menu li:last-child {
	border-bottom-width:1px
  }

  .menu-feature {
	float: right;
	width: 370px;
    background-color: rgba(249, 250, 251, 1);
    padding: 37.5px;
    padding-left: 0;
    max-width: 330px;
    max-height: 450px !important;
    height: 450px !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .menu-feature .menu-feature-title {
    font-family: Satoshi;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.015em;
    text-align: left;
    margin: 0 !important;
  }
  .menu-feature-image {
	/* width: 232px; */
    border: 0;
    margin: 10px 0 0 0 !important;
    padding: 0;
  }
  .menu-feature-headline {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    text-align: left !important;
    color: rgba(30, 21, 21, 1);
  }
  .menu-feature-meta {
    margin: 5px 0 !important;
    color: rgba(30, 21, 21, 0.8) !important;
    text-align: left;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18.9px !important;
    letter-spacing: -0.02em !important;
  }
  .menu-feature-meta a {
    display: inline-block !important;
    text-decoration: underline !important;
  }
  /* .menu-feature-text .title {
	font-size:14px;
	font-weight:700
  }
  .menu-feature-text p {
	font-size:13px;
	font-weight:200;
	margin:8px 0
  } */
  .site-header .site-navigation ul li .menu-feature-text a {
	/* font-weight:700;
	color:#338eef */
  }
  .menu-feature-text .wpchar-svg-margin-top {
    gap: 0 !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: left !important;
  }
  @media (max-width: 1030px) {
	.site-header {
	  display: block;
	}

	.site-header .site-navigation {
	  display:none !important;
	  float:none;
	  clear:both;
	  padding:0;
	  margin:0 -20px;
	  flex: none;
	}

	.nav-buttons-right {
	  display: none !important;
	}
	.site-header #navigation-toggle {
	  display:block;
      float: none;
      position: absolute;
      right: 0px;
      top: 23px;
	}
	.site-header .site-navigation ul li {
	  float:none;
	  margin:0;
	  padding:0;
	  display:block;
	  border-top:1px solid #ddd
	}
	.site-header .site-navigation ul li a {
	  border:0;
	  border-radius:0;
	  padding:10px 20px;
	  font-size:18px
	}
	.site-header {
	  padding: 0;
      width: 100%;
      /* background: red; */
      z-index: 9999;
      top: 0;
      left: 0;
      position: absolute;
      right: 0;
	}
	.site-header .site-branding {
	  max-width:200px;
	  margin-bottom:18px
	}
	.menu-feature {
	  display:none
	}
	.site-navigation .sub-menu {
	  position:relative;
	  left:0;
	  width:100%;
	  padding-top:0
	}
	.site-header .site-navigation .sub-menu li {
	  width:100%;
	  float:none
	}
	.site-header .site-navigation .sub-menu li a {
	  padding:10px 20px 10px 30px;
	  font-size:16px
	}
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu {
	background:#fff;
	padding:0;
	margin:0;
	left:inherit;
	right:0;
	width:700px;
	border-radius:0;
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu .sub-menu-content {
	padding:32px;
	position:relative
  }
  @media (min-width: 850px) {
	.site-header .site-navigation .menu-item-get-started .sub-menu .sub-menu-content {
	  margin-top:23px;
	  border-bottom:2px solid #D9E4FC;
	  border-left:2px solid #D9E4FC;
	  border-right:2px solid #D9E4FC;
	  border-radius:5px
	}
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu:before {
	height:6px;
	border-radius:5px 5px 0 0
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu:after {
	left:inherit;
	right:50px
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu #get-started-dialog-close {
	z-index:999999;
	position:absolute;
	right:0%;
	top:4px;
	width:40px;
	height:20px;
	background-color:transparent
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu h3 {
	margin-top:6px;
	display:block;
	font-size:18px;
	font-weight:bold
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu li {
	width:100%;
	float:none;
	margin-right:0;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	background:#fff;
	border-style:solid;
	border-color:#e8effd;
	border-width:0;
	display:block;
	position:relative;
	font-size:16px;
	color:#5C5C5C;
	padding:5px 24px
  }
  .site-header .site-navigation .menu-item-get-started .sub-menu li a.menu-item {

  }

.mobile-navigation {
    background-color: white;
    position: relative;
    z-index: 9999;
    top: 87px;
    padding-bottom: 20px;
    background: white;
    padding: 25px;
}
@media (min-width: 1030px) {
    .mobile-navigation {
      display:none;
    }
}
.mobile-links {
    display: table;
    width: 100%;
}
.site-header nav .mobile-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-header nav .mobile-links ul li {
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 0;
}
.site-header nav .mobile-links ul li a {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    letter-spacing: 0.25px !important ;
    text-align: left;
    color: rgba(30, 21, 21, 1) !important;
}
.site-header nav .mobile-links ul li a.mobile-has-submenu:after {
    content: url('data:image/svg+xml,<svg width="8" transform="rotate(-180)" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.47501 4.47539L0.300005 1.30039C0.0666717 1.06706 0.0125047 0.796225 0.137505 0.487891C0.262505 0.179558 0.491671 0.0253906 0.825005 0.0253906H7.175C7.50834 0.0253906 7.7375 0.179558 7.8625 0.487891C7.9875 0.796225 7.93334 1.06706 7.7 1.30039L4.525 4.47539C4.44167 4.55872 4.35834 4.61706 4.275 4.65039C4.19167 4.68372 4.1 4.70039 4 4.70039C3.9 4.70039 3.80834 4.68372 3.72501 4.65039C3.64167 4.61706 3.55834 4.55872 3.47501 4.47539Z" fill="%231E1515"/></svg>');
    width: 7px;
    height: 4px;
    padding: 0px 8.5px;
    display: inline-block;
    top: -4px;
    position: relative;
}
.site-header nav .mobile-links ul li a.mobile-has-submenu.open:after {
    content: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.47501 4.47539L0.300005 1.30039C0.0666717 1.06706 0.0125047 0.796225 0.137505 0.487891C0.262505 0.179558 0.491671 0.0253906 0.825005 0.0253906H7.175C7.50834 0.0253906 7.7375 0.179558 7.8625 0.487891C7.9875 0.796225 7.93334 1.06706 7.7 1.30039L4.525 4.47539C4.44167 4.55872 4.35834 4.61706 4.275 4.65039C4.19167 4.68372 4.1 4.70039 4 4.70039C3.9 4.70039 3.80834 4.68372 3.72501 4.65039C3.64167 4.61706 3.55834 4.55872 3.47501 4.47539Z" fill="%231E1515"/></svg>');
    width: 7px;
    height: 4px;
    padding: 0px 8.5px;
    display: inline-block;
    top: -4px;
    position: relative;
}
.site-header nav .mobile-links ul li.open ul {
    display: block;
}
.site-header nav .mobile-links ul li ul {
    display: none;
}
.site-header nav .mobile-links ul li ul li {
    margin: 12px 0 12px 0;
    padding: 0;
}
.site-header nav .mobile-links ul li ul li a {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    text-align: left !important;
    color: rgba(30, 21, 21, 1) !important;
}
.site-header nav .mobile-links svg {
	vertical-align:text-top;
	margin-left:11px;
	margin-top:7px
}


#charitable-nav-ctas,
#charitable-nav-ctas p {
	display: none !important;
}
#charitable-nav-ctas.active {
	display: block !important;
}
#charitable-nav-ctas.active img,
#charitable-nav-ctas.active > div > img {
    width: 327px;
    margin-left: auto;
    margin-right: auto;
	/* width: 100% !important;
	max-width: 100% !important; */
}
#charitable-nav-ctas.active .charitable-nav-cta-logged-out {
	display: none !important;
}
body.logged-in #charitable-nav-ctas.active .charitable-nav-cta-logged-in {
	display: block !important;
}
body.logged-in #charitable-nav-ctas.active .charitable-nav-cta-logged-out {
	display: none !important;
}
@media (max-width: 800px) {
    #charitable-nav-ctas.active img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 600px) {
  .am-header.open-mobile {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
  }
	.wpchar-home-logo {
	  position: absolute;
      /* width: 150px; */
      top: 15px;
      left: 23px;
	}
	.site-header #navigation-toggle {
        display:block;
        top: 10px;
        right: 15px;
    }
    .mobile-navigation {
        top: 58px;
        box-shadow: 0 10px 20px rgba(66, 139, 202, 0.55);
    }
}

a.top-nav-no-click {
    cursor: default;
}

/* pricing navigation */

body:not(.page-template-pricing-blank) #pricing-navigation {
    display: none !important;
    visibility: hidden !important;
}

/* hide blog and support from top navigation */

#menu-item-219442,
#menu-item-219443.menu-item-has-children {
    display: none !important;
    visibility: hidden !important;
}

/* Right-aligned navigation buttons */
.nav-buttons-right {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px;
}

.nav-buttons-right .nav-button-item {
    margin: 0;
    padding: 0;
}

/* Login button li styling */
.nav-login-button {
    position: relative;
    margin: 0;
}

.site-header .site-navigation ul li.nav-login-button {
    margin-right: 0 !important;
}

/* Login button styling */
.site-header .nav-buttons-right .nav-login-button a,
.nav-buttons-right .nav-login-button a,
.nav-login-button a {
    border: 2px solid #fc9a2b !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    color: #fc9a2b !important;
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: "Satoshi", sans-serif !important;
    transition: all 0.2s ease !important;
}

.site-header .nav-buttons-right .nav-login-button a:hover,
.nav-buttons-right .nav-login-button a:hover,
.nav-login-button a:hover {
    background: #fc9a2b !important;
    color: white !important;
    text-decoration: none !important;
}

/* Get Charitable button styling */
.site-header .nav-buttons-right .nav-get-charitable-link,
.nav-buttons-right .nav-get-charitable-link,
.nav-get-charitable-link {
    background: #16a34a !important;
    border: 2px solid #16a34a !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: "Satoshi", sans-serif !important;
    transition: all 0.2s ease !important;
}

.site-header .nav-buttons-right .nav-get-charitable-link:hover,
.nav-buttons-right .nav-get-charitable-link:hover,
.nav-get-charitable-link:hover {
    background: #15803d !important;
    border-color: #15803d !important;
    color: white !important;
    text-decoration: none !important;
}

@media only screen and (min-width: 600px) {
    body.archive header:first-child .wpchar-top-nav-main, body.post-template-default.single-post .wp-site-blocks header:first-child .wpchar-top-nav-main, body .wp-site-blocks > header .wpchar-top-nav-main {
        display: flex !important;
        width: 100%;
        position: relative;
        align-items: flex-start;
    }
}

/* moblie navigation tweaks */

@media (min-width: 601px) and (max-width: 1030px) {
  .mobile-links {
    width: 40%;
    float: left;
  }
  .mobile-links ul li:first-child {
    margin-top: 0 !important;
  }
  #charitable-nav-ctas.active {
    text-align: right;
    float: right !important;
    width: 60% !important;
    display: block !important;

    background-color: white !important;
  }
  #charitable-nav-ctas.active img {
    max-height: 360px !important;
    width: auto;
  }
  .mobile-navigation {
    width: 100% !important;
    background-color: white !important;
  }
  header.open-mobile .mobile-navigation {
    display: inline-block !important;
  }

}

/* ========================================
   NEW: Three-Column Features Dropdown
   ======================================== */

/* Force Satoshi font for all top navigation elements */
.site-header .site-navigation *,
.site-header .site-navigation a,
.site-header .site-navigation h4,
.site-header .menu-feature *,
.three-column-features *,
.features-column *,
.column-header {
  font-family: "Satoshi", sans-serif !important;
}

/* Three-Column Features Dropdown */
.site-navigation .sub-menu.three-column-features {
  width: 1130px;
  left: -200px;
}

.three-column-layout {
  display: flex;
  width: 780px;
  float: left;
  padding: 45px 40px;
  gap: 0;
}

.features-column {
  flex: 1;
  margin-right: 0;
  padding-right: 30px;
  position: relative;
}

.features-column:not(:first-child) {
  padding-left: 30px;
}

/* Grey divider lines between columns (WPForms style) */
.features-column:nth-child(1):after,
.features-column:nth-child(2):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}

.features-column:last-child {
  padding-right: 0;
}

.column-header {
  font-family: "Satoshi", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 25px !important;
  letter-spacing: -0.015em !important;
  text-transform: capitalize !important;
  color: #1E1515 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.column-header.column-header-secondary {
  margin: 20px 0 -5px 0 !important;
}


/* NEW Badge Styling - Using Charitable Brand Colors */
.feature-new-badge {
  font-family: "Satoshi", sans-serif !important;
  background: #16a34a;
  color: white;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  top: -2px;
}

/* Star Feature Styling - Removed */

/* View All Link - More specific selector to override other rules */
.site-header .site-navigation .sub-menu .view-all-link,
.site-header .features-column .view-all-link {
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color: rgba(30, 21, 21, 0.5) !important;
  text-underline-offset: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18.9px !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  margin-top: 12px !important;
  display: block !important;
  padding: 2px 0 !important;
  color: #1E1515 !important;
}

.site-header .site-navigation .sub-menu .view-all-link:hover,
.site-header .features-column .view-all-link:hover {
  text-decoration: underline !important;
  text-decoration-color: rgba(30, 21, 21, 0.5) !important;
  color: #1E1515 !important;
}

/* Column Link Styling */
.features-column li {
  margin: 8px 0 !important;
  list-style: none !important;
}

.features-column li > a {
  font-family: "Satoshi", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #1E1515 !important;
  text-decoration: none !important;
  display: block;
  padding: 2px 0;
}

.features-column li > a:hover {
  color: #16a34a !important;
  text-decoration: none !important;
}

/* Adjust What's New section for three-column layout */
.three-column-features .menu-feature {
  width: 370px;
  float: right;
}

/* Mobile responsiveness for new dropdown */
@media (max-width: 1030px) {
  .site-navigation .sub-menu.three-column-features {
    width: 100%;
    left: 0;
  }

  .three-column-layout {
    display: block;
    width: 100%;
    padding: 20px;
  }

  .features-column {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* ========================================
   Two-Column Resources Dropdown
   ======================================== */

/* Two-Column Resources Dropdown */
.site-navigation .sub-menu.two-column-resources {
  width: auto;
  left: -250px;
  border: 1px solid rgba(30, 21, 21, 0.2);
  border-top: 3px solid rgba(30, 21, 21, 0.2);
  background-color: white;
}

/* Resources menu-links container */
.menu-links-resources {
  width: 780px;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 40px !important;
  padding-right: 40px;
  background-color: white !important;
  display: block !important;
}

.resources-column {
  flex: 1;
  margin-right: 0;
  padding-right: 30px;
  position: relative;
  min-width: 200px;
}

.resources-column:last-child {
  min-width: 340px !important;
  flex-shrink: 0;
}

.resources-column:not(:first-child) {
  padding-left: 30px;
  min-width: 340px !important;
}

/* Grey divider line between columns */
.resources-column:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}

.resources-column:last-child {
  padding-right: 0;
}

/* Column Link Styling for Resources */
.resources-column li {
  margin: 8px 0 !important;
  list-style: none !important;
}

.resources-column li > a {
  font-family: "Satoshi", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #1E1515 !important;
  text-decoration: none !important;
  display: block;
  padding: 2px 0;
}

.resources-column li > a:hover {
  color: #16a34a !important;
  text-decoration: none !important;
}

/* View All Link for Resources */
.site-header .site-navigation .sub-menu .resources-column .view-all-link,
.site-header .resources-column .view-all-link {
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color: rgba(30, 21, 21, 0.5) !important;
  text-underline-offset: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18.9px !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  margin-top: 12px !important;
  display: block !important;
  padding: 2px 0 !important;
  color: #1E1515 !important;
}

.site-header .site-navigation .sub-menu .resources-column .view-all-link:hover,
.site-header .resources-column .view-all-link:hover {
  text-decoration: underline !important;
  text-decoration-color: rgba(30, 21, 21, 0.5) !important;
  color: #1E1515 !important;
}

/* Mobile responsiveness for Resources dropdown */
@media (max-width: 1030px) {
  .site-navigation .sub-menu.two-column-resources {
    width: 100%;
    left: 0;
  }

  .menu-links-resources {
    display: block;
    width: 100%;
    padding: 20px;
  }

  .resources-column {
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .resources-column:not(:first-child) {
    padding-left: 0;
  }

  .resources-column:first-child:after {
    display: none;
  }
}

/* ========================================
   Two-Column Integrations Dropdown
   ======================================== */

/* Two-Column Integrations Dropdown */
.site-navigation .sub-menu.two-column-integrations {
  width: auto;
  left: -150px;
  border: 1px solid rgba(30, 21, 21, 0.2);
  border-top: 3px solid rgba(30, 21, 21, 0.2);
  background-color: white;
}

.two-column-layout {
  display: flex;
  width: 420px;
  float: left;
  padding: 45px 40px;
  gap: 0;
}

/* Specific styling for Integrations menu-links container */
.site-header .site-navigation .sub-menu .menu-links.two-column-layout {
  width: 480px;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 20px;
  padding-right: 40px;
}

/* Integrations-specific padding override */
.menu-links-intergrations {
  padding-bottom: 40px !important;
  background-color: white !important;
  display: block !important;
}

.integrations-column {
  flex: 1;
  margin-right: 0;
  padding-right: 30px;
  position: relative;
}

.integrations-column:not(:first-child) {
  padding-left: 30px;
}

/* Grey divider line between columns */
.integrations-column:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}

.integrations-column:last-child {
  padding-right: 0;
}

/* Integration column links */
.integrations-column li {
  margin: 8px 0 !important;
  list-style: none !important;
}

.integrations-column li > a {
  font-family: "Satoshi", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #1E1515 !important;
  text-decoration: none !important;
  display: block;
  padding: 2px 0;
}

.integrations-column li > a:hover {
  color: #16a34a !important;
  text-decoration: none !important;
}

/* Mobile responsiveness for Integrations dropdown */
@media (max-width: 1030px) {
  .site-navigation .sub-menu.two-column-integrations {
    width: 100%;
    left: 0;
  }

  .two-column-layout {
    display: block;
    width: 100%;
    padding: 20px;
  }

  .integrations-column {
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .integrations-column:not(:first-child) {
    padding-left: 0;
  }

  .integrations-column:first-child:after {
    display: none;
  }
}

/* ========================================
   Enhanced Support Dropdown (Single Column)
   ======================================== */

/* Enhanced Support Dropdown */
.site-navigation .sub-menu.enhanced-support-menu {
  width: 220px;
  left: -100px;
  border: 1px solid rgba(30, 21, 21, 0.2);
  border-top: 3px solid rgba(30, 21, 21, 0.2);
  background-color: white;
  padding: 30px;
}

/* Support menu links */
.site-navigation .sub-menu.enhanced-support-menu li {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-navigation .sub-menu.enhanced-support-menu li:last-child {
  margin-bottom: 0 !important;
}

.site-navigation .sub-menu.enhanced-support-menu li > a {
  font-family: "Satoshi", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #1E1515 !important;
  text-decoration: none !important;
  display: block;
  padding: 4px 0;
}

.site-navigation .sub-menu.enhanced-support-menu li > a:hover {
  color: #16a34a !important;
  text-decoration: none !important;
}

/* Mobile responsiveness for Support dropdown */
@media (max-width: 1030px) {
  .site-navigation .sub-menu.enhanced-support-menu {
    width: 100%;
    left: 0;
    padding: 20px;
  }
}

/* ========================================
   Two-Column Solutions Dropdown
   ======================================== */

/* Two-Column Solutions Dropdown */
.site-navigation .sub-menu.three-column-solutions {
  width: auto;
  left: -200px;
  border: 1px solid rgba(30, 21, 21, 0.2);
  border-top: 3px solid rgba(30, 21, 21, 0.2);
  background-color: white;
}

/* Solutions menu-links container */
.menu-links-solutions {
  width: 680px;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 40px !important;
  padding-right: 40px;
  background-color: white !important;
  display: block !important;
}


.solutions-column {
  flex: 1;
  margin-right: 0;
  padding-right: 30px;
  position: relative;
  min-width: 210px;
}

.solutions-column:not(:first-child) {
  padding-left: 30px;
}

/* Grey divider line between columns */
.solutions-column:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}

.solutions-column:last-child {
  padding-right: 0;
}

/* Solutions column links */
.solutions-column li {
  margin: 8px 0 !important;
  list-style: none !important;
}

.solutions-column li > a {
  font-family: "Satoshi", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #1E1515 !important;
  text-decoration: none !important;
  display: block;
  padding: 2px 0;
}

.solutions-column li > a:hover {
  color: #16a34a !important;
  text-decoration: none !important;
}

/* Mobile responsiveness for Solutions dropdown */
@media (max-width: 1030px) {
  .site-navigation .sub-menu.three-column-solutions {
    width: 100%;
    left: 0;
  }

  .menu-links-solutions {
    display: block;
    width: 100%;
    padding: 20px;
  }

  .solutions-column {
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .solutions-column:not(:first-child) {
    padding-left: 0;
  }

  .solutions-column:first-child:after {
    display: none;
  }
}