.component-header-paragraph h2 .component-heading {
	color: #502D0E;
	font-size: 46px;
	font-family: Besley, serif;
	font-weight: 400;
}
.component-header-paragraph .component-description {
	letter-spacing: 0.35px;
	font-weight: 350 !important;
	color: #3b3b3b;
}
.component-header-paragraph .component-description a {
	font-weight: 350;
}
.component-header-paragraph .component-description a:hover {
	font-weight: 400 !important;
}
.component-header-paragraph .component-header-wrapper .no-component-header-description {
	margin-bottom: 0px !important;
}
.component-header-image img {
	margin: 0px !important;
}
@media screen and (min-width: 768px) {
	.widened-paragraph .component-header-paragraph {
		padding-left: 5%;
		padding-right: 5%;
	}
	.paragraph .component-header-paragraph .component-header-wrapper {
		width: 75%;
	}
	.leaders-with-purpose-paragraph-wrapper .component-header-paragraph .component-header-wrapper {
		width: 75%;
	}
	.component-header-paragraph.component-background-general {
		padding-top: var(--padded-paragraph-desktop-above-below) !important;
		padding-bottom: var(--padded-paragraph-desktop-above-below) !important;
	}
	.component-header-paragraph.component-background-alternate {
		padding-top: var(--padded-paragraph-desktop-above-below) !important;
		padding-bottom: var(--padded-paragraph-desktop-above-below) !important;
	}
}
@media screen and (max-width: 767px) {
	.component-header-paragraph h2 .component-heading {
		font-size: 32px;
	}
	.widened-paragraph .component-header-paragraph {
		padding-left: 15px;
		padding-right: 15px;
	}
	.component-header-paragraph.component-background-general {
		padding-top: var(--padded-paragraph-mobile-above-below) !important;
		padding-bottom: var(--padded-paragraph-mobile-above-below) !important;
	}
	.component-header-paragraph.component-background-alternate {
		padding-top: var(--padded-paragraph-mobile-above-below) !important;
		padding-bottom: var(--padded-paragraph-mobile-above-below) !important;
	}
/*	.component-header-paragraph .component-description {
		width: 90%;
	}*/
}
.component-header-paragraph.component-background-general .component-heading-h2 .component-heading {
	color: #ffffff !important;
}
.component-header-paragraph.component-background-general .component-description {
	color: #ffffff !important;
}
/*Neha Button CSS*/
.neha-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #FFD02D;
  transition: left 0.8s ease;
}
.neha-button:hover::before {
  left: 0;
}
.neha-button {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  width: fit-content;
  text-align: center;
  background-color: #FFE41E;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.neha-button a {
  position: relative;
  z-index: 1000;
  text-decoration: none !important;
  color: #502d02 !important;
  font-size: 16px;
  font-weight: 300;
}
.neha-button a:hover {
	text-decoration: none !important;
	font-weight: 450 !important;
}
.component-header-links {
	padding-top: 1rem;
}
.component-header-link {
	margin-bottom: 1.5rem;
}
/*End Neha Button CSS*/
/*Row CSS*/
@media screen and (min-width: 768px) {
	.component-header-row {
		display: flex;
		flex-wrap: wrap;
	}
	.component-header-col {
		display: flex;
		min-width: 50%;
		max-width: 50%;
		width: 50%;
	}
	.component-header-with-image {
		width: 100% !important;
	}
	.component-header-with-image .component-text {
		width: 75% !important;
	}
}
/*End Row CSS*/