/* Guarantee hidden state survives any resets */
[hidden]{display:none !important;}


.cs__filters .cs__row {
    display: flex;
    gap: 28px;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    background: var(--light-gray);
    padding: 18px;
    border-radius: 20px;
    margin-bottom: 60px;
}
.cs__field select, .cs__search input {
    width: 100%;
    padding-left: 45px;
    appearance: none;
    outline: 0;
    border: 1px solid var(--gray);
    border-radius: 25px;
    height: 40px;
    appearance: none;
}
.cs__search input[type="search"]::-webkit-search-cancel-button {
    appearance: none;
    -webkit-appearance: none;
}
.cs__field select {
    min-width: 220px;
    padding-left: 20px;
    padding-right: 50px;
}
label.cs__field {
    position: relative;
}
label.cs__field:before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%229%22%20viewBox%3D%220%200%2018%209%22%3E%3Cpath%20id%3D%22Path%22%20d%3D%22M6.586%2C9%2C.293%2C1.92A1.227%2C1.227%2C0%2C0%2C1%2C.293.33a.923.923%2C0%2C0%2C1%2C1.414%2C0l7%2C7.875a1.227%2C1.227%2C0%2C0%2C1%2C0%2C1.591l-7%2C7.875a.923.923%2C0%2C0%2C1-1.414%2C0%2C1.227%2C1.227%2C0%2C0%2C1%2C0-1.591Z%22%20transform%3D%22translate(18)%20rotate(90)%22%20fill%3D%22%23a98b69%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
}
label.cs__search {
    background-color: var(--light-gray);
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 15px;
    border-radius: 35px;
    max-width: 100%;
}
label.cs__search:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Group_814%22%20data-name%3D%22Group%20814%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2223.313%22%20height%3D%2223.531%22%20viewBox%3D%220%200%2023.313%2023.531%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_444%22%20data-name%3D%22Rectangle%20444%22%20width%3D%2223.313%22%20height%3D%2223.531%22%20fill%3D%22%23c6a883%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_814-2%22%20data-name%3D%22Group%20814%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22Path_772%22%20data-name%3D%22Path%20772%22%20d%3D%22M12.656%2C8.774a.664.664%2C0%2C0%2C0%2C.685-.641%2C4.251%2C4.251%2C0%2C0%2C0-4.1-4.386.664.664%2C0%2C1%2C0-.044%2C1.326%2C2.923%2C2.923%2C0%2C0%2C1%2C2.82%2C3.015.661.661%2C0%2C0%2C0%2C.641.685M16.3%2C16.513h0a1.749%2C1.749%2C0%2C0%2C1%2C2.466%2C0L22.8%2C20.557a1.743%2C1.743%2C0%2C1%2C1-2.466%2C2.466L16.3%2C18.979a1.749%2C1.749%2C0%2C0%2C1%2C0-2.466M8.515%2C2.275a6.24%2C6.24%2C0%2C1%2C1-6.24%2C6.24%2C6.24%2C6.24%2C0%2C0%2C1%2C6.24-6.24M8.515%2C0a8.515%2C8.515%2C0%2C0%2C1%2C6.72%2C13.745l1.572%2C1.572a1.733%2C1.733%2C0%2C0%2C0-1.032.5h0a1.731%2C1.731%2C0%2C0%2C0-.483.935l-1.528-1.528A8.515%2C8.515%2C0%2C1%2C1%2C8.515%2C0%22%20fill%3D%22%23c6a883%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.cs__reset { padding:.65rem 1rem; border-radius:999px; }

.cs__results-wrap{position:relative;}
.cs__results-wrap.is-loading .blog_grid{filter:blur(1px) opacity(.6);transition:filter .12s ease,opacity .12s ease;}

.cs__loader{
  position:absolute;inset:0;display:none;place-items:center;
  background:rgba(255,255,255,.65);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  z-index:1;pointer-events:auto;
}
.cs__results-wrap.is-loading .cs__loader{display:grid;}
.cs__loader::after{
  content:"";width:32px;height:32px;border:3px solid #ddd;border-top-color:#888;border-radius:50%;
  animation:evspin .8s linear infinite;
}


.case_studies_archive .blog_featured .blog_post {
    align-items: center;
}
.case_studies_archive a.item_cta {
    justify-content: flex-end;
}
.case_studies_archive .cat-name {
    font-size: 18px;
    text-decoration: none;
}
.case_studies_archive .blog_content {
    flex: 1;
}
.case_studies_archive a.item_cta.cta svg {
    margin-left: 18px;
}
.case_studies_archive h3.blog-title {
    margin: 2px 0 17px;
}
.case_studies_archive .blog_grid .blog_featured_img {
    width: 235px;
    height: 150px;
    min-width: 235px;
    min-height: 150px;
}


@keyframes evspin{to{transform:rotate(360deg);}}

.cs__more{text-align:center;margin:24px 0 8px;}
#cs-load-more{padding:.7rem 1.2rem;border-radius:999px;}

@media screen and (max-width: 1040px) {
    .case_studies_archive .blog_grid  {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 50px;
    }
    .case_studies_archive .blog_grid::before {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .case_studies_archive .blog_post {
        flex-wrap: wrap;
    }
    .case_studies_archive .blog_content {
        padding: 20px 0 0 0;
        width: 100%;
    }
    .case_studies_archive .blog_grid .blog_featured_img {
        width: 100%;
        height: 150px;
        min-width: 235px;
        min-height: 150px;
    }
    .case_studies_archive .blog_featured .blog_featured_img {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
  .cs__filters .cs__row {
    display: flex;
    gap: 18px;
  }
  .cs__field select {
      max-width: 160px;
      min-width: 160px;
  }
}

@media screen and (max-width: 767px) {
  .cs__filters .cs__row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
  .cs__field select {
      max-width: 100%;
      min-width: 100%;
  }
  .cs__grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:35px; margin-top:35px; }
  label.cs__field {
      max-width: 100%;
      position: relative;
      width: 100%;
  }
  .cs__reset {
      width: 100%;
  }
}