.hero-header--redesign {
  display: flex;
  padding: 24px 16px;
  justify-content: center;
  background-size: var(--hero-header-redesign-background-size, cover);
  background-position: var(--hero-header-redesign-background-position, center);
  background-repeat: var(--hero-header-redesign-background-repeat, no-repeat);
  background-image: var(--hero-header-redesign-background-image);
  background-color: var(--hero-header-redesign-background-color, #ffffff);
}

.hero-header--redesign__container {
  max-width: 800px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
}

.hero-header--redesign h1 {
  font-weight: 500;
  padding: 0;
  margin: 0;
  color: var(--hero-header-redesign-header-text-color, var(--theme-primary-color, #1E1E1E));
  font-family: 'Open Sans', sans-serif;
  font-size: var(--hero-header-redesign-header-text-font-size, 28px);
  font-weight: 700;
  line-height: calc(32 / 28);
  letter-spacing: 0;
  max-width: 920px;
}

.hero-header--redesign .hero-bullet-points {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 16px;
  list-style-type: none;
}

.hero-header--redesign .hero-bullet-points li::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.74 10.62L5.7825 8.6625C5.6175 8.4975 5.415 8.415 5.175 8.415C4.935 8.415 4.725 8.505 4.545 8.685C4.38 8.85 4.2975 9.06 4.2975 9.315C4.2975 9.57 4.38 9.78 4.545 9.945L7.11 12.51C7.275 12.675 7.485 12.7575 7.74 12.7575C7.995 12.7575 8.205 12.675 8.37 12.51L13.4775 7.4025C13.6425 7.2375 13.725 7.035 13.725 6.795C13.725 6.555 13.635 6.345 13.455 6.165C13.29 6 13.08 5.9175 12.825 5.9175C12.57 5.9175 12.36 6 12.195 6.165L7.74 10.62ZM9 18C7.755 18 6.585 17.7636 5.49 17.2908C4.395 16.8186 3.4425 16.1775 2.6325 15.3675C1.8225 14.5575 1.1814 13.605 0.7092 12.51C0.2364 11.415 0 10.245 0 9C0 7.755 0.2364 6.585 0.7092 5.49C1.1814 4.395 1.8225 3.4425 2.6325 2.6325C3.4425 1.8225 4.395 1.1811 5.49 0.7083C6.585 0.2361 7.755 0 9 0C10.245 0 11.415 0.2361 12.51 0.7083C13.605 1.1811 14.5575 1.8225 15.3675 2.6325C16.1775 3.4425 16.8186 4.395 17.2908 5.49C17.7636 6.585 18 7.755 18 9C18 10.245 17.7636 11.415 17.2908 12.51C16.8186 13.605 16.1775 14.5575 15.3675 15.3675C14.5575 16.1775 13.605 16.8186 12.51 17.2908C11.415 17.7636 10.245 18 9 18Z' fill='%2334A853'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 1px;
  left: 0;
}
.hero-header--redesign .hero-bullet-points li {
  margin-bottom: 0 !important;
  color: var(--hero-header-redesign-bullet-text-color, var(--theme-secondary-color, #1e1e1e));
  font-family: 'Open Sans', sans-serif;
  font-size: var(--hero-header-redesign-bullet-text-font-size, 16px);
  line-height: 1.25;
  padding-left: 26px;
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
}

.hero-bullet-points li span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.hero-header--redesign__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 24px;
}

.hero-header--redesign__banner {
  display: none;
}

.hero-header--redesign__banner-wrapper {
  text-align: center;
}

/* Admin Styles */

.alternate-hero-header-block {
	position: relative;
}

.alternate-hero-header-block.disable-redesign:before {
	content: "This block is only available in the redesign mode.";
	display: block;
	color: #cc1818;
	font-size: 14px;
	padding: 15px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	z-index: 1;
}

@media screen and (min-width: 768px) {

  .hero-header--redesign {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .hero-header--redesign__content {
    width: calc(66.625% - 24px);
  }

  .hero-header--redesign__banner {
    display: flex;
    width: 33.375%;
    justify-content: flex-end;
  }

  .hero-header--redesign h1 {
    font-size: var(--hero-header-redesign-header-text-font-size-desktop, 36px);
    line-height: calc(40 / 36);
  }

  .hero-bullet-points li {
    font-size: var(--hero-header-redesign-bullet-text-font-size-desktop, 20px);
  }

  .hero-header--redesign__banner-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}