.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


.featured .card .content_conta .description p {
  font-weight: 400
}
.section_heading h2{
  text-align:center;
  margin-bottom: 50px;
  font-size: 48px;
  line-height: 112%;
}

.resource_listing_section .heading_conta_top_heading h2{
  font-size:36px;
  color:#D3FC68;
  line-height:120%;
  font-weight:500;
  margin-bottom:25px;
}

body .resource_listing_section.blog_listing_section .date_conta {
  margin-bottom: 13px;
}
.resource_listing_section.blog_listing_section .featured .card.manual_content {
  justify-content: normal
}

.resource_listing_section.blog_listing_section .filters {
  display: flex;
  gap: 33px;
  justify-content: center;
  margin: 0 auto;
  max-width: 882px
}

.resource_listing_section.blog_listing_section .main_container {
  margin: auto;
  max-width: 1280px;
  padding: 0 20px
}

.resource_listing_section.blog_listing_section .date_conta,.resource_listing_section.blog_listing_section .date_conta span,.resource_listing_section.blog_listing_section .featured .card .tag_conta a.blog-tag,.resource_listing_section.blog_listing_section .grid .card a.blog-tag {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .4px;
  line-height: 16px
}

.resource_listing_section.blog_listing_section .card .tag_conta a.blog-tag {
  display: inline-block;
  margin-bottom: 5px
}

.resource_listing_section.blog_listing_section .featured .card .button_conta a,.resource_listing_section.blog_listing_section .grid .card .button_conta a {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 15px;
  letter-spacing: .4px;
  line-height: 16px;
  text-transform:uppercase;
}

.resource_listing_section.blog_listing_section .grid .card .card_bottom .button_conta a {
  margin-bottom: 0;
  text-transform:uppercase;
}

.resource_listing_section.blog_listing_section .featured .image_conta,.resource_listing_section.blog_listing_section .grid .card .image_conta {
  overflow: hidden
}

.resource_listing_section.blog_listing_section .featured {
  display: flex;
  gap: 20px;
  margin-bottom: 59px
}

.resource_listing_section.blog_listing_section .featured .card .image_conta img,.resource_listing_section.blog_listing_section .grid .card .image_conta img {
  width: 100%
}

.resource_listing_section.blog_listing_section .featured .card:last-child .title_conta h2 {
  font-size: 30px;
}

.resource_listing_section.blog_listing_section .featured .card {
  background: #d3fc68;
  border-radius: 20px;
  color: #fff;
  flex-basis: 25%;
  max-width: 271px;
  overflow: hidden;
  z-index: 0
}
.resource_listing_section.blog_listing_section .featured .card{
  background:#000;
}

.resource_listing_section.blog_listing_section .featured .card .button_conta a svg path, .resource_listing_section.blog_listing_section .grid .card .card_bottom a svg path{
  fill: #D4FC68;
}


.resource_listing_section.blog_listing_section .featured .card h2,.resource_listing_section.blog_listing_section .grid .card h3,.resource_listing_section.blog_listing_section .grid .card h3 a {
  font-size: 30px;
  letter-spacing: -.3px;
  line-height: 112%;
  margin-bottom: 15px;
  font-weight:400;
  color: #D4FC68;
      word-break: normal;
}

.resource_listing_section.blog_listing_section .featured .card p {
  color: #fff
}

.resource_listing_section.blog_listing_section .filters {
  margin-bottom: 0;
  text-align: center
}

.resource_listing_section.blog_listing_section .heading_conta {
  text-align: center
}

.resource_listing_section.blog_listing_section .filters select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f5f5f5;
  background-image: url(https://www.cyderes.com/hubfs/Down%20Arrow%20Green.svg);
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #7dab02a6;
  border-radius: 6px;
  color: #000;
  cursor: pointer;
  font-size: 15px;
  padding: 10px 35px 10px 12px;
  width: 270px;
}
.resource_listing_section.blog_listing_section .filters{
  margin-bottom:40px;
}

.resource_listing_section.blog_listing_section .filters select:hover {
  border-color: #d3fc68
}

.resource_listing_section.blog_listing_section .filters select:focus {
  border-color: #d3fc68;
  outline: none
}

.resource_listing_section.blog_listing_section .grid {
  display: grid;
  gap: 22.68px;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
}

.resource_listing_section.blog_listing_section .grid .card {
  background: #000;
  border-radius: 20px;
  flex: 1;
  overflow: hidden
}

.resource_listing_section.blog_listing_section .grid .card p {
  color: #555;
  font-size: .85rem
}

.resource_listing_section.blog_listing_section .date_conta,.resource_listing_section.blog_listing_section .grid .card .card_bottom a {
  color: #fff;
  margin-bottom: 12px
}

.resource_listing_section.blog_listing_section .subscribe-card .inner-subscribe-card {
  background: #d3fc68;
  border-radius: 20px;
  height: 100%;
  padding: 56px 19px
}

.resource_listing_section.blog_listing_section .subscribe-card input[type=email] {
  border: 1.07px solid #000;
  color: #000;
  font-weight: 300;
  text-transform: uppercase
}

.resource_listing_section.blog_listing_section .subscribe-card input[type=submit]:hover {
  opacity: .5
}

.resource_listing_section.blog_listing_section .subscribe-card input[type=email]::placeholder {
  color: #000;
  font-weight: 300
}

.resource_listing_section.blog_listing_section .subscribe-card input[type=submit] {
  background: #000;
  color: #d3fc68;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 11px;
  width: auto
}

.resource_listing_section.blog_listing_section .subscribe-card .hs-form-field {
  margin-bottom: 0
}

.resource_listing_section.blog_listing_section .subscribe-card p {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .4px;
  line-height: 16px;
  margin-bottom: 43px;
  margin-top: 0
}

.resource_listing_section.blog_listing_section .subscribe-card h3 {
  font-size: 27px;
  line-height: 112%;
  margin-bottom: 21px
}

.resource_listing_section.blog_listing_section .bottom-image {
  bottom: 39px;
  line-height: 0;
  position: absolute;
  right: 23px;
  max-width: calc(100% - 38px - 135px );
}

.resource_listing_section.blog_listing_section .subscribe-card input {
  background: transparent;
  border: 1px solid #000;
  border-radius: 43px;
  color: #000;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%
}

.resource_listing_section.blog_listing_section .subscribe-card .hs-error-msgs label {
  color: red;
  font-size: 11px
}

.resource_listing_section.blog_listing_section .subscribe-card ul.inputs-list {
  list-style: none;
  margin: 0!important;
  padding: 0;
  position: relative;
  top: -8px
}

.resource_listing_section.blog_listing_section .subscribe-card button {
  background: #111;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  padding: 10px 15px
}

.resource_listing_section.blog_listing_section .pagination {
  margin: 71px 0 0;
  text-align: center
}

.resource_listing_section.blog_listing_section .pagination button {
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 8px;
  text-transform: capitalize
}

.resource_listing_section.blog_listing_section .pagination button.active {
  border: 1px solid #d3fc68;
  border-radius: 50%;
  box-sizing: border-box;
/*   color: #d3fc68; */
  max-height: 23px;
  min-height: 23px;
  min-width: 23px;
  padding: 2px
}

.resource_listing_section.blog_listing_section .card_bottom {
  padding: 14px 25px 17px;
  padding-bottom: 45px;
}

.resource_listing_section.blog_listing_section .featured .card:first-child {
  flex-basis: 50%;
  max-width: 570px
}

.resource_listing_section.blog_listing_section .featured .card .tag_conta a.blog-tag,.resource_listing_section.blog_listing_section .grid .card a.blog-tag {
  text-transform: uppercase;
  display:block;
  margin-bottom:10px;
}

.resource_listing_section.blog_listing_section .featured .card .button_conta a svg,.resource_listing_section.blog_listing_section .grid .card .card_bottom a svg {
  transition: all .3s ease-in-out;
  translate: 0
}

.resource_listing_section.blog_listing_section .featured .card .button_conta a:hover svg,.resource_listing_section.blog_listing_section .grid .card .card_bottom a:hover svg {
  translate: 5px
}

.resource_listing_section.blog_listing_section .subscribe-card a {
  background: #000;
  border: 1.07px solid #000;
  border-radius: 43.82px;
  color: #d3fc68;
  display: inline-block;
  font-family: Px Grotesk;
  font-size: 16px;
  font-weight: 400;
  line-height: 105%;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: max-content;
}

.resource_listing_section.blog_listing_section .subscribe-card {
  flex: 1;
  position: relative
}

.resource_listing_section.blog_listing_section .filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 33px;
  justify-content: center;
  list-style: none;
  margin: 0 auto 49px;
  padding: 0
}

.resource_listing_section.blog_listing_section .filter-list li {
  margin-bottom: 0
}

.resource_listing_section.blog_listing_section .filter .filter-toggle {
  align-items: center;
  background: #000;
  border: 1px solid #d3fc68;
  border-radius: 6px;
  color: #d3fc68;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  letter-spacing: -.4px;
  line-height: 112%;
  min-width: 272px;
  padding: 10.5px 16px;
  text-transform: unset
}

.resource_listing_section.blog_listing_section .filter .filter-toggle .chev {
  transition: transform .2s ease
}

.resource_listing_section.blog_listing_section .filter.open .filter-toggle .chev {
  transform: rotate(180deg)
}

.resource_listing_section.blog_listing_section .filter-menu {
  background: #000;
  border: 1px solid #d3fc68;
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0,0,0,.18);
  color: #fff;
  display: none;
  list-style: none;
  margin: 0;
  max-height: 280px;
  min-width: 272px;
  overflow: auto;
  padding: 10px;
  position: absolute;
  z-index: 10
}

.resource_listing_section.blog_listing_section .filter.open .filter-menu {
  display: block
}

.resource_listing_section.blog_listing_section .filter-menu .option {
  border-radius: 10px;
  color: #d3fc68;
  cursor: pointer;
  font-size: 14px;
  line-height: 120%;
  padding: 10px;
  transition: all .3s ease-in-out
}

.resource_listing_section.blog_listing_section .filter-menu .option:hover,.resource_listing_section.blog_listing_section .subscribe-card a:hover {
  background: #d3fc68;
  color: #000
}

/* .resource_listing_section.blog_listing_section .pagination button:hover {
  color: #d3fc68
}
 */

.resource_listing_section .button_conta {
  position: absolute;
  bottom: 20px;
  left: 30px;
}
li.option {  
  font-size: 20px !important;
}
button.filter-toggle span {
  font-weight: 300;
}
@media(max-width:1024px) and (min-width:768px){
  .resource_listing_section.blog_listing_section .featured .image_conta, .resource_listing_section.blog_listing_section .grid .card .image_conta{
    height:179px !important;
  }
}
@media(max-width: 1024px) {
  .resource_listing_section.blog_listing_section .featured .card,.resource_listing_section.blog_listing_section .featured .card:first-child {
    flex:1;
    max-width: unset
  }

  .resource_listing_section.blog_listing_section .featured,.resource_listing_section.blog_listing_section .filter-list {
    margin-bottom: 45px
  }

  .resource_listing_section.blog_listing_section .grid {
    flex-wrap: wrap;
    gap: 20px
  }

  .resource_listing_section.blog_listing_section .grid .card {
    min-width: calc(50% - 10px)
  }

  .resource_listing_section.blog_listing_section .card_bottom {
    padding: 15px;
    padding-bottom:45px;
  }
  .resource_listing_section .button_conta{
    left:15px;
  }

  .resource_listing_section.blog_listing_section .pagination {
    margin-top: 45px
  }
}

@media(max-width: 767px) {
  .resource_listing_section.blog_listing_section .filters{
    display:block;
  }
  .resource_listing_section.blog_listing_section .filter {
    margin-bottom: 20px;
  }
  .resource_listing_section.blog_listing_section .filter select{
    width:100%;
  }
  .resource_listing_section.blog_listing_section .featured {
    flex-direction:column
  }

  .resource_listing_section.blog_listing_section .featured,.resource_listing_section.blog_listing_section .filter-list {
    margin-bottom: 30px
  }

  .resource_listing_section.blog_listing_section .pagination {
    margin-top: 30px
  }

  .resource_listing_section.blog_listing_section .grid .card {
    min-width: 100%
  }
}

@media(max-width:425px){
  .resource_listing_section.blog_listing_section .featured .image_conta, .resource_listing_section.blog_listing_section .grid .card .image_conta{
    height:210px !important;
  }
}

@media(max-width:375px){
  .resource_listing_section.blog_listing_section .featured .image_conta, .resource_listing_section.blog_listing_section .grid .card .image_conta{
    height:189px !important;
  }
}
@media(max-width:320px){
  .resource_listing_section.blog_listing_section .featured .image_conta, .resource_listing_section.blog_listing_section .grid .card .image_conta{
    height:160px !important;
  }
}


@media(min-width: 1184px){
  .resource_listing_section.blog_listing_section .grid {
    grid-template-columns: repeat(3, minmax(265px, 1fr));
  }
}

.resource_listing_section.blog_listing_section .grid .card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  border: 1px solid #7dab02a6;
}
.resource_listing_section.blog_listing_section .grid .card:hover {
  box-shadow: 0 5px 17px #7dab02a6;
  transform: translateY(-4px);
}
.resource_listing_section.blog_listing_section .grid .subscribe-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.resource_listing_section.blog_listing_section .grid .subscribe-card:hover {
  box-shadow: 0 5px 17px #7dab02a6;
  transform: translateY(-4px);
}
.resource_listing_section.blog_listing_section .grid .card .image_conta{
  display: flex;
  height: 200px;
}
.resource_listing_section.blog_listing_section .grid .card .image_conta img {
      height: 100%;
}

@media (max-width: 605px) {
  .resource_listing_section.blog_listing_section .grid {
    grid-template-columns: repeat(1, minmax(265px, 400px));
        justify-content: center;
}
}

.resource_listing_section.blog_listing_section .grid .card a.card_link{
  position:absolute;
  inset:0;
  z-index:2;