.resources-main { padding: 50px 0 40px; }
.resources-b { width: 100%; }
.resources-img { padding-bottom: 24px; }
.resources-img img { height: 300px; object-fit: cover; width: 100%; }
.resources-text { padding-bottom: 10px; }
.resources-info { display: flex; flex-wrap: wrap; align-items: center; }
.resources-read { font-size: 16px; font-weight: 600; }
.resources-category { padding-right: 15px; }
.resources-category span { color: #fff; display: inline-block; padding: 4px 10px; font-size: 14px; line-height: 22px; font-weight: 600; }
ul.resource-links, .resource-filter-sort ul { margin: 0; padding: 0; list-style: none; }
.resource-filter-top ul.resource-links { display: flex; flex-wrap: wrap; align-items: center; }
.resource-filter-top ul.resource-links a { display: inline-block; padding: 6px 12px; margin: 5px; border: 2px solid #fff; }
.resources-box { position: relative !important; top: auto !important; left: auto !important; padding: 15px 0; } 
.resource-filterbox { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.resurecesearch { border: none; border-bottom: 1px solid #333; height: 40px; padding: 0 0 0 40px; width: 100%; background: url(https://49675040.fs1.hubspotusercontent-na1.net/hubfs/49675040/images/search.svg) no-repeat 5px center; }
.resource-count { padding-left: 15px; }
.resources-filter-main { padding-bottom: 40px; }
.no-results { display: none; padding-top: 40px; }
.resource-filter-bottom { padding-top: 15px; }
.resource-filter-b { position: relative; width: 100%; }
.resource-filter-box ul.resource-links, .resource-filter-sort ul { z-index: 8; display: none; background: #fff; position: absolute; top: 100%; left: 0; width: 100%; box-shadow: 0 0 4px 4px rgba(0,0,0,0.05); }
.resource-filter-box ul.resource-links li, .resource-filter-sort ul li { width: 100%; border-top: 1px solid rgba(0,0,0,0.1); }
.resource-filter-box ul.resource-links li:first-child, .resource-filter-sort ul li:first-child { border: none; }
.resource-filter-box ul.resource-links a, .resource-filter-sort ul li a { width: 100%; padding: 8px 12px; display: block; }
.resource-filter-select { height: 40px; padding-right: 40px; cursor: pointer; display: flex; align-items: center; }
.resource-filter-select:before { content: ''; position: absolute; top: 0; right: 0; background: url(//49675040.fs1.hubspotusercontent-na1.net/hubfs/49675040/images/down-arrow2.svg) no-repeat center; width: 30px; height: 100%; }
.resource-filter-text { padding-bottom: 12px; display: flex; justify-content: space-between; }
.resource-filter-middle { padding: 35px 0; }
.clear-link { cursor: pointer; }

.resource-filter-sort-label  { position: relative; height: 40px; padding-right: 30px; cursor: pointer; display: flex; align-items: center; }
.resource-filter-sort-label:before { content: ''; position: absolute; top: 0; right: 0; background: url(//49675040.fs1.hubspotusercontent-na1.net/hubfs/49675040/images/down-arrow.svg) no-repeat center; width: 30px; height: 100%; }
.resource-filter-sort { position: relative; }
.resource-filter-icontext { display: flex; padding: 8px; color: #fff; }
.resource-filter-icontext svg { fill: #fff; margin-right: 5px; }
.resources-member { position: absolute; top: 15px; left: 15px; padding: 5px 10px; color: #fff; font-size: 14px; font-weight: 600; }
.resources-img { position: relative; }
.resources-binner { padding-bottom: 10px; width: 100%; }
 
.resources-b a.button2 { padding-left: 24px; padding-right: 24px; display: flex; align-items: center; justify-content: flex-start; width: fit-content; }
.resources-b a svg { fill: #fff; margin-left: 8px; } 

@media (min-width: 768px) { 
  .resources-main { padding: 80px 0; }
  .resources-boxes { display: flex; flex-wrap: wrap; margin: 0 -22px; }
  .resources-box { width: 50%; display: flex; flex-wrap: wrap; padding: 30px 22px; } 
  .resources-text { padding-right: 8%; }
  .resource-filter-bottom { display: flex; width: 100%; justify-content: flex-end; }
  .resource-filter-middle { display: flex; width: 100%; gap: 25px; }
  .resource-filter-box { width: 33.33%; }
  .resource-filter-top { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; }
  .resources-b { flex-wrap: wrap; align-content: space-between; 
}

@media (max-width: 767px) { 
  .resource-filter-box { padding: 15px 0; }
  .resource-filter-middle { padding: 10px 0; }
  .resource-filter-top ul.resource-links { padding: 8px; }
  .resource-filter-bottom { width: 100%; }
  .resources-filter-main { padding-bottom: 20px; } 
}