section.latest-newsletter {
    text-align: center;
}

section.latest-newsletter .newsletter-title {
  font-size: 3rem;
  font-weight: 300;
  max-width: 820px;
  margin: 0 auto;
}
section.latest-newsletter .newsletter-subtitle {
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 30px 0;
}
section.latest-newsletter.section-light.page-section a{
    margin-bottom: 50px;
}

.latest-newsletter .resources-card h3 {
    text-align:left;
}
.latest-newsletter .about{
  padding: 50px 0px 50px 0px !important;
}
/***
 * Copy from Newsletters CSS
 * *****/
.what-you-need h4 {
  color: var(--default-blue);
  text-align: center;
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
  font-family: var(--inter-font-family);
}
.what-you-need h2 {
  margin-bottom: 20px;
  text-align: left;;
}
.what-you-need h3, .what-you-need h3 a {
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--navcard-blue) !important;
  font-style: normal;
  font-weight: 700;
}
.what-you-need h3 a {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 20px !important;
}
.what-you-need .row {
  row-gap: 50px;
}
.what-you-need .resources-img {
  background-color: #cccccc;
  border-radius: 16px;
  height: 232.52px;
  margin-bottom: 20px;
  overflow: hidden;
}
.what-you-need .resources-img img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  transform-origin: center center;
  transition: all 0.3s ease;
}
.what-you-need .resources-img img:hover {
  transform: scale(1.1);
}
.what-you-need .time {
  color: var(--gray28);
  font-size: 1rem;
  line-height: 1.2;
  display:flex;
  align-items:center;
  gap: 10px;
}

.tags-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tags-group .tag {
  display: inline-flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  border-radius: 24.5px;
  text-decoration: none;
  margin-right: 10px;
}
.filter-buttons:has(.loading.active) + .resources-list{
  display:none;
}
.resources-list{
  margin-left: -15px;
  margin-right: -15px;
}
.resources-list .resource-card{
  padding-left: 15px;
  padding-right: 15px
}

.search-wrap{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--default-blue);
  padding: 0 0 6px;
  width:100%;
  margin-bottom: 64px;
}

.search-wrap .resource-search-input{
  flex: 1;
}
.search-wrap .resource-search-input, .search-wrap .resource-search-input:focus{
  border: none;
  outline: none;
}

.search-wrap svg{
  width:38px;
  height: 38px;
}

.search-wrap:has(input:not(:placeholder-shown)) svg path{
  fill: var(--default-blue);
}

.resource-search-results:not(:empty){
  margin-bottom: 120px;
}

.no-result-found{
    display: flex;
    align-items: center;
    padding: 29px;
    border-radius: 12px;
    background-color: #0076f91a;
}

@media only screen and (max-width: 1280px) {
  .resource-search-results:not(:empty){
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .resource-search-results:not(:empty){
    margin-bottom: 80px;
  }
  section.latest-newsletter .newsletter-title {
    font-size: 2.25rem;
  }
  section.latest-newsletter .newsletter-subtitle {
   font-size: 1.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .what-you-need h4 {
    font-size: 0.75rem;
    margin-bottom: 16px;
  }
  .what-you-need h3,
  .tags-group {
    margin-bottom: 15px;
  }
  .what-you-need h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
  }
  .what-you-need .row {
    row-gap: 30px;
  }
  .what-you-need .btn-row {
    margin: 55px 0px 15px 0px;
  }
  .what-you-need .resources-img img {
    border-radius: 8px;
  }
  .tags-group .tag {
    padding: 10px 15px;
    font-size: 0.625rem;
  }
  .resource-search-results:not(:empty){
    margin-bottom: 60px;
  }
  .no-result-found{
    padding: 14px 22px;
}
  section.latest-newsletter .newsletter-title {
    font-size: 1.75rem;
  }
  section.latest-newsletter .newsletter-subtitle {
   font-size: 1rem;
   margin-top: 20px;
  }
}

@media only screen and (max-width: 575px){
  section.latest-newsletter .newsletter-subtitle {
    font-size: 0.75rem;
  }
}