.blog-listing-banner {
  width: 100%;
}

/* Content Wrapper */
.blog-listing-banner .blog-listing-banner_content-wrapper {
/*   padding: 6.25rem 2rem; */
  padding: 1.25rem 1rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog-listing-banner .blog-listing-banner_content-wrapper {
    background-position: bottom left;
    background-size: cover;
  }
  .blog-listing-banner .blog-listing-banner_content-wrapper {
    padding: 2rem;
  }
}

@media (max-width: 767px) {
  .blog-listing-banner .blog-listing-banner_content-wrapper {
    background-position: bottom;
    background-size: cover;
    padding: 1rem;
    background-position: bottom left;
  }
}

/* Content */
.blog-listing-banner .blog-listing-banner_content {
  width: 100%;
}

/* Main Heading */
.blog-listing-banner .blog-listing-banner_heading {
  width: 100%;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.25rem;
  transition: all 0.25s ease;
}

.blog-listing-banner a:hover .blog-listing-banner_heading {
  color: #DD222F;
  transform: translateY(-3px);
}
@media (min-width: 992px) {
  .blog-listing-banner .blog-listing-banner_heading {
    font-size: 3.75rem;
    line-height: 4.063rem;
  }
}
@media (max-width: 991px) {
  .blog-listing-banner .blog-listing-banner_heading {
    margin-bottom: 1rem;
  }
}

/* Subheading Wrapper */
.blog-listing-banner .blog-listing-banner_sub-heading-wrapper {
  border-left: 1px solid #0000001a;
  padding-left: 30px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .blog-listing-banner .blog-listing-banner_sub-heading-wrapper {
    width: 100%;
    padding-left: 0 !important;
    border-left: none !important;
    justify-content: center;
  }
}

/* Subheading Text */
.blog-listing-banner .blog-listing-banner_sub-heading {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 !important;
  letter-spacing: 2.7px;
  line-height: normal;
  margin-bottom: 1.875rem;
  width: 100%;
}
@media (max-width: 991px) {
  .blog-listing-banner .blog-listing-banner_sub-heading {
    font-size: 1.25rem;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 768px) {
  .blog-listing-banner .blog-listing-banner_sub-heading {
    text-align: center;
  }
}

/* Description */
.blog-listing-banner .blog-listing-banner_description {
  width: 100%;
  font-weight: 400;
  text-align: center;
  font-size: 1.25rem;
}
@media (max-width: 991px) {
  .blog-listing-banner .blog-listing-banner_description {
    font-size: 1rem;
  }
}

/* Form Wrapper */
.blog-listing-banner_form-wrapper {
  background: #FFFFFF;
  display: flex;
  padding: 0 54px;
  border-radius: 24px;
  align-items: center;
  height: 100px;
  width: 100%;
  gap: 1.25rem;
}
@media (max-width: 992px) {
  .blog-listing-banner_form-wrapper {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .blog-listing-banner_form-wrapper {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
}

/* Form */
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.75rem;
}
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper span {
  width: 100%;
}
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form {
    flex-direction: column;
  }
}

/* Form Fields */
/* .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form label,
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .hs-error-msgs {
  display: none;
} */
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > div.field > label,
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > .hs_error_rollup {
  display: none;
}
.blog-listing-banner .submitted-message p {
  color: var(--dark);
}

@media (min-width: 768px) {
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > div.field > div.input > input {
    padding-left: 0;
  }
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > div.field > ul.hs-error-msgs {
    margin: 0;
  }
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > div.field > ul.hs-error-msgs > li > label {
    text-align: left;
    margin: 3px 0 0 0;
    padding: 0;
    position: absolute;
  }
}
@media (max-width: 767px) {
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form {
    gap: 0;
  }
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form > div.field > ul.hs-error-msgs > li > label {
    text-align: center;
    margin: 0;
    padding-top: 5px;
  }
}

.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .hs-form-field {
  margin: 0;
  width: 100%;
}
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .input input {
  padding: 0.313rem 0;
  height: 2.375rem !important;
  border: unset !important;
/*   border-radius: 9999px; */
}
input.invalid:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    background: unset;
}

/* Submit Button */
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .hs_submit {
  height: fit-content;
  width 100%;
  display: flex;
  justify-content: end;
}
.blog-listing-banner form .hs_submit {
  width: 200px !important;
}
@media (max-width: 768px) {
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .hs_submit {
    justify-content: center;
    margin-top: 1rem;
  }
  .blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .input input {
    border-bottom: 1px solid var(--base-200) !important;
  }
}
.blog-listing-banner .blog-listing-banner_form.blog-listin-banner_search-field-wrapper form .hs_submit .hs-button {
  text-transform: uppercase;
  padding: 0.313rem 1.25rem;
  height: 2.375rem;
  border-radius: 100px;
}