.resources-widget {
  display: flex;
  column-gap: 3.5rem;
}

#sidebar .sidebar__content {
  padding: 2rem;
  border-radius: 0.9375rem;
  background: var(--Box, #f5f5f5);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 27rem;
  padding-top: 0;
  position: relative;
  z-index: 3;
  position: sticky;
  top: 15%;
}

#sidebar .sidebar__content .facetwp-autocomplete-update {
  display: none;
}

#sidebar .sidebar__content span {
  font-family: "Montserrat";
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding: 2.5rem 0;
  color: var(--e-global-color-fd24c79);
  display: block;
}

#sidebar .sidebar__content select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M9.72353 12.3905C10.2442 11.8698 11.0885 11.8698 11.6092 12.3905L15.9997 16.781L20.3902 12.3905C20.9109 11.8698 21.7551 11.8698 22.2758 12.3905C22.7965 12.9112 22.7965 13.7554 22.2758 14.2761L16.9425 19.6095C16.6924 19.8595 16.3533 20 15.9997 20C15.6461 20 15.3069 19.8595 15.0569 19.6095L9.72353 14.2761C9.20283 13.7554 9.20283 12.9112 9.72353 12.3905Z' fill='%233E3E3E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 98%;
}

#sidebar .sidebar__content .facetwp-autocomplete {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M4.5373 12.1697C2.29722 9.2928 2.49955 5.13052 5.1443 2.48577C8.00815 -0.378071 12.6514 -0.378071 15.5152 2.48577C18.379 5.34962 18.379 9.99283 15.5152 12.8567C12.8705 15.5014 8.70818 15.7038 5.83123 13.4637C5.81882 13.4777 5.80591 13.4914 5.79248 13.5049L1.90339 17.3939C1.54541 17.7519 0.965014 17.7519 0.607033 17.3939C0.249052 17.036 0.249052 16.4556 0.607033 16.0976L4.49612 12.2085C4.50954 12.1951 4.52328 12.1822 4.5373 12.1697ZM6.44066 3.78214C4.29278 5.93002 4.29278 9.41243 6.44066 11.5603C8.58855 13.7082 12.071 13.7082 14.2188 11.5603C16.3667 9.41243 16.3667 5.93002 14.2188 3.78214C12.071 1.63425 8.58855 1.63425 6.44066 3.78214Z' fill='%233E3E3E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 94%;
  background-size: 1rem;
}

#sidebar .sidebar__content label {
  color: #000;
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  margin-left: 0.5rem;
}

#sidebar .sidebar__content input,
#sidebar .sidebar__content select {
  border-radius: 0.5rem;
  border: 0.5px solid #3e3e3e;
  background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M9.72353 12.3905C10.2442 11.8698 11.0885 11.8698 11.6092 12.3905L15.9997 16.781L20.3902 12.3905C20.9109 11.8698 21.7551 11.8698 22.2758 12.3905C22.7965 12.9112 22.7965 13.7554 22.2758 14.2761L16.9425 19.6095C16.6924 19.8595 16.3533 20 15.9997 20C15.6461 20 15.3069 19.8595 15.0569 19.6095L9.72353 14.2761C9.20283 13.7554 9.20283 12.9112 9.72353 12.3905Z' fill='%233E3E3E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  color: #3e3e3e;
  opacity: 0.5;
}

#sidebar .sidebar__content .facetwp-facet {
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}

#resources.content-area .content-area-header {
  font-family: "Montserrat";
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding-bottom: 2.25rem;
  margin-top: 2.5rem;
  text-transform: uppercase;
  position: relative;
  width: fit-content;
  color: var(--e-global-color-fd24c79);
}

.resources-widget .facetwp-template {
  width: 100%;
}

.content-area .facetwp-template {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1.25rem;
  position: relative;
  z-index: 98;
  width: 100%;
}

.post-card {
  border-bottom: 1px solid #3e3e3e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.25rem 0;
}

.post-card .post-thumbnail {
  height: 208px;
}

.post-card .post-thumbnail img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.post-card .post-title {
  color: var(--e-global-color-text);
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  margin: 0;
  display: block;
  line-height: 1;
}

.post-card .post-title.underline {
  text-decoration: underline;
}

.post-card .post-title.underline:hover {
  text-decoration: none;
}

.post-card .post-excerpt p {
  color: #3e3e3e;
  text-align: center;
  font-family: "Montserrat";
  font-size: 0.775rem;
  font-style: normal;
  font-weight: 400;
  padding: 1.5rem 0;
  margin: auto;
}

.post-card .read-more {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 0.5rem;
  margin-top: auto;
}

.post-card .read-more a {
  width: fit-content;
  background: var(
    --Button,
    linear-gradient(
      72deg,
      #105f86 5.64%,
      #135d87 16.73%,
      #1f588d 27.82%,
      #325197 38.91%,
      #4d46a5 50%,
      #7038b6 61.09%,
      #9b27cc 72.18%,
      #cc13e5 83.27%,
      #f0f 94.36%
    )
  );
}
#sidebar .fwp-refresh {
  background: var(
    --Button,
    linear-gradient(
      72deg,
      #105f86 5.64%,
      #135d87 16.73%,
      #1f588d 27.82%,
      #325197 38.91%,
      #4d46a5 50%,
      #7038b6 61.09%,
      #9b27cc 72.18%,
      #cc13e5 83.27%,
      #f0f 94.36%
    )
  );
  display: none;
  color: #fff;
  border: none;
}

#sidebar .facetwp-actions {
  display: flex;
  justify-content: flex-end;
}

#sidebar .fwp-reset {
  border: none;
  border-radius: unset;
  box-shadow: none;
  color: #3e3e3e;
  margin-right: 0.5rem;
}

#sidebar .fwp-reset:hover,
#sidebar .fwp-reset:focus {
  color: #000;
  transition: all 0.3s linear;
  background-color: transparent;
}

#resources .elementor-button,
#sidebar .fwp-refresh {
  position: relative;
  color: var(--e-global-color-secondary);
  background-image: linear-gradient(
    72deg,
    #105f86 5.64%,
    #135d87 18.06%,
    #1f588d 29.59%,
    #325197 40.24%,
    #4d46a5 51.77%,
    #7038b6 62.42%,
    #9b27cc 73.96%,
    #cc13e5 84.6%,
    #f0f 94.36%
  );
  z-index: 1;
}

/* Primary Hover */
#resources .elementor-button::before,
#sidebar .fwp-refresh::before {
  border-radius: 1rem;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s linear;
  opacity: 0;
  background-image: linear-gradient(
    273deg,
    #105f86 -51.12%,
    #135d87 -31.89%,
    #1f588d -14.04%,
    #325197 2.44%,
    #4d46a5 20.29%,
    #7038b6 36.77%,
    #9b27cc 54.63%,
    #cc13e5 71.1%,
    #f0f 86.21%
  );
}

#resources .elementor-button:hover::before,
#sidebar .fwp-refresh:hover::before {
  opacity: 1;
}

.fcomplete-wrap {
  z-index: 3;
}

@media only screen and (max-width: 1350px) {
  #resources.content-area .content-area-header {
    padding-bottom: 1.5rem;
  }
  .resources-widget {
    column-gap: 2rem;
  }
  .post-card .post-thumbnail img {
    width: 100%;
  }
  .post-card {
    max-width: unset;
  }
}

@media only screen and (max-width: 1350px) and (min-width: 767px) {
  .resources-widget div[data-name="resources_listing"] {
    margin-left: auto;
    max-width: 64%;
  }
  #sidebar .sidebar__content {
    position: sticky;
    top: 15%;
  }
  #sidebar.sidebar__wrapper {
    height: auto;
    position: relative;
    background-color: transparent;
  }
}

@media only screen and (max-width: 1075px) {
  .content-area .facetwp-template {
    grid-template-columns: 1fr;
  }
  .sidebar__wrapper {
    padding-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 900px) {
  .content-area .facetwp-template {
    grid-template-columns: 1fr;
  }
  #resources.content-area .content-area-header {
    padding: 2rem 0;
    margin: 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .resources-widget {
    flex-direction: column;
  }
  #sidebar .sidebar__content {
    width: unset;
  }
  /* .content-area .facetwp-template {
    grid-template-columns: 1fr 1fr;
  } */
}

@media only screen and (max-width: 605px) {
  .content-area .facetwp-template {
    grid-template-columns: 1fr;
  }
}

#resources.content-area .content-area-header::after {
  background-repeat: no-repeat;
  content: "";
  background: url(https://synergyservices.strategydemo.com/app/uploads/2023/12/Vector-4.svg);
  position: absolute;
  left: 80%;
  width: 11rem;
  height: 9rem;
  background-repeat: no-repeat;
  top: -88%;
  transform: rotate(331deg);
  opacity: 0.4;
}