section.filter-page {
  background: #efefef;
}

.afp-filter-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.sticky {
  position: fixed;
  top: 0;
  width: 300px;
  z-index: 999;
}

.afp-filter-left {
  display: flex;
  max-width: 30%;
  padding: 64px 64px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  border-right: 1px solid #a6a9aa;
  min-height: 100%;
  position: sticky;
  flex: 1 1 30%;
  top:0;
}
.afp-posts-right {
  display: flex;
  max-width: 1034px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1 1 70%;
  position: relative;
}
ul.afp-posts-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.afp-post-item {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  min-height: 776px;
  border-right: 1px solid #a6a9aa;
  border-bottom: 1px solid #a6a9aa;
}
.filter-page.treatments .afp-post-item {
  min-height: initial;
}
.afp-post-thumbnail {
  background-color: #e0e0e0;
  width: 100%;
  height: 394px;
  position: relative;
}

.afp-post-title {
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  margin-top: 32px;
}

.afp-post-tag {
  font-size: 12px;
  margin-bottom: 10px;
  color: red;
}

.afp-post-excerpt {
  font-size: 16px;
  font-family: 'Gotham-Book';
  line-height: 150%;
  letter-spacing: -0.16px;
  margin: 16px 0;
}

li.afp-post-item {
  display: flex;
  max-width: 50%;
  width: 50%;
  padding: 64px;
  flex-direction: column;
  flex-shrink: 0;
  border-right: 1px solid #a6a9aa;
  border-bottom: 1px solid #a6a9aa;
  background: #fff;
}
.afp-filter-left .filter-hedings {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #a6a9aa;
  padding-bottom: 20px;
}

.afp-filter-left .filter-hedings button {
  border-bottom: 1px solid #A6A9AA;
}

.afp-filter-left .filter-hedings button[disabled] {
  color: #a6a9aa;
}

.afp-filter-left .afp-accordion-title {
  cursor: pointer;
  padding: 0px;
  border: 0px solid #ccc;
  margin-top: 30px;
  color: #000;
  font-size: 14px;
  font-weight: 350;
  line-height: 21px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  font-family: "Gotham-Medium", Arial, sans-serif;
  display: flex;
}

.afp-filter-left .afp-accordion-content {
  padding: 16px 0 0 27px;
  border: 0;
  display: none;
}

.afp-filter-left input.afp-parent-category-checkbox {
  margin-right: 12px;
  visibility: hidden;
}

.afp-filter-left .afp-accordion-content label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: #000;
  font-family: "Gotham-Book", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.12px;
  text-transform: uppercase;
  padding-bottom: 12px;
  position: relative;
}

.afp-filter-left input.afp-parent-category-checkbox + label {
  position: relative;
}
.afp-filter-left input.afp-parent-category-checkbox + label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 0px solid #a6a9aa;
  display: inline-block;
  position: absolute;
  left: -25px;
  top: 2px;
  width: 13px;
  height: 16px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M0.820312 0.995117L6.82031 6.99512L12.8203 0.995117" stroke="%23FF0000" stroke-width="1.5"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.afp-filter-left input.afp-parent-category-checkbox:checked + label:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M0.818359 7.26758L6.81836 1.26758L12.8184 7.26758" stroke="%23FF0000" stroke-width="1.5"/></svg>');
}


.afp-filter-left .afp-accordion-content .afp-subtaxonomy-checkbox:before {
  content: "";
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #a6a9aa;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.afp-filter-left
  .afp-accordion-content
  .afp-subtaxonomy-checkbox:checked:after, .afp-filter-left
  .afp-accordion-content
  .afp-subtaxonomy-checkbox:hover:after {
  content: "";
  position: absolute;
  background: #ff0000;
  width: 12px;
  height: 12px;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
}
.afp-filter-left .afp-accordion-content .afp-subtaxonomy-checkbox:checked:hover:after,
.afp-filter-left.no-hover-on-touch .afp-accordion-content .afp-subtaxonomy-checkbox:checked:hover:after {
  background: #ff0000;
}
.afp-filter-left .afp-accordion-content .afp-subtaxonomy-checkbox:hover:after {
  background: rgba(255, 0, 0, 0.25);
}
@media (pointer: coarse) {
    .afp-filter-left .afp-accordion-content .afp-subtaxonomy-checkbox:hover:after {
      background: transparent;
    }
  }
@media (hover: none) {
  .afp-filter-left .afp-accordion-content .afp-subtaxonomy-checkbox:hover:after {
    background: transparent;
  }
}
.afp-filter-left.no-hover-on-touch .afp-accordion-content .afp-subtaxonomy-checkbox:hover:after {
  background: transparent;
}

.afp-filter-left .afp-accordion-content input.afp-subtaxonomy-checkbox {
  width: 24px;
  height: 24px;
  border-radius: 0;
  position: relative;
}

.afp-filter-left .afp-accordion-content button.afp-select-all {
  color: #000;
  font-family: "Gotham-Medium", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.12px;
  margin-bottom: 16px;
  border-bottom: 1px solid #a6a9aa;
}

.afp-filter-left .mobile-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 16px 20px;
  width: calc(100% - 1px);
  border-top: 1px solid #a6a9aa;
  background: #efefef;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  display: none;
}

.afp-filter-left .mobile-buttons button {
  text-align: center;
  font-family: "Gotham-Medium", Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  padding: 8px 24px;
  flex: 1;
}

.afp-filter-left .mobile-buttons button[disabled] {
  border: 1px solid #a6a9aa;
  background: #fff;
  color: #a6a9aa;
}

.afp-filter-left button[disabled].view-results {
  background-color: #a6a9aa;
  color: #ffffff;
}

.afp-filter-left .mobile-buttons button.clearbtn {
  border: 1px solid #a6a9aa;
  background: #fff;
}
.afp-filter-left button.view-results {
  background: #f00;
  color: #fff;
}
.afp-filter-left.fixed-inmobile {
    position: fixed;
    top: 133px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #efefef;
  }
  .afp-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .afp-meta-values {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FF0000;
    color: #fff;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
}
.afp-popular-title {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  font-family: 'Gotham-Medium';
  margin-bottom: 16px;
}
ul.related-list li {
  font-size: 14px;
  font-family: 'Gotham-Book';
  line-height: 150%;
  letter-spacing: -0.14px;
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
}
ul.related-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  background: #FF0000;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}
.afp-product-link {
  padding-top: 32px;
  border-top: 1px solid #A6A9AA;
  margin-top: auto;
}
ul.related-list {
  margin-bottom: 32px;
}
li.afp-post-item.red-banner {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  background: #ff0000;
  min-height: 0;
}
.red-banner-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.red-banner-title {
  font-size: 24px;
  line-height: 110%; 
  letter-spacing: -0.24px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Gotham-Medium';
  max-width: 302px;
  margin-right: 200px;
}
.filter-info p {
  margin-top: 4px;
}

.afp-filter-container[data-post-type="treatments"] li.afp-post-item {
    position: relative;
}

.afp-filter-container .afp-post-taxonomy {
  line-height: 18px;
  display: inline-block;
  letter-spacing: -0.12px;
}

.afp-filter-container[data-post-type="treatments"] .treatment-meta-values {
    background-color: #ff0000;
    position: absolute;
    color: #ffffff;
    padding: 9px 12px;
    display: inline-block;
    top: 0;
    right: 64px;
    font-family: 'Gotham-Medium';
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: -0.14px;
    text-transform: uppercase;
}
ul.related-treatment li::before {
  display: none;
}
ul.related-treatment li {
  padding-left: 0;
}
.afp-post-title.treatment-post-title {
  margin-top: 8px;
}
section.filter-page .afp-post-item ul:not(.related-list) {
  margin-left: 16px;
  padding-bottom: 32px
}
section.filter-page .afp-post-item ul:not(.related-list) li {
 padding-bottom: 8px;
 font-size: 16px;
 list-style-type: disc;
 list-style-position: outside;
 line-height: 24px;
}
section.filter-page .afp-post-item ul:not(.related-list) li::marker {
  color: #FF0000;
  font-size: 16px;
 }
section.filter-page .afp-post-item ul:not(.related-list) li:last-child {
  padding-bottom: 0px;
}
.loader {
  height: 100vh;
  background: #efefef;
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader .loader-spin {
  width: 48px;
  height: 48px;
  border: 3px solid #A6A9AA;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
.loader .loader-spin:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #FF3D00;
  width: 16px;
  height: 16px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
}
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@media (min-width: 768px) {
  section.filter-page .afp-post-item ul:not(.related-list) li {
    font-size: 14px;
    line-height: 21px;
   }
} 

@media (min-width: 1440px) {
  .afp-filter-container {
    width: 1440px;
    margin: 0 auto;
  }
  .fixed-inmobile + .afp-posts-right {
    margin-left: 500px;
  }
}

@media (max-width: 1225px) {
  .afp-filter-left {
    padding: 32px 56px;
    display: inline-block;
    flex: 1 1 50%;
    max-width: 50%;
  }
  li.afp-post-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .afp-posts-right {
    display: inline-block;
    width: 100%;
  }
  .red-banner-flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .red-banner-title {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
  }
}

.openfilter {
  display: none;
}
.afp-filter-left.header-scroll-filter {
  top: 133px;
  transition: top 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .afp-filter-left.fixedfullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
  }
    .afp-filter-left.fixed-inmobile {
    top: 0;
  }
  .afp-filter-left .mobile-buttons {
    display: flex;
  }
  .afp-filter-container {
    flex-direction: column;
  }

  .afp-post-item {
    flex: 1 1 100%;
  }
  .sticky {
  width: 100%;
}
  .afp-filter-left {
    max-width: 100%;
    padding: 0;
    display: inline-block;
    overflow-y: auto;
    scrollbar-width: none;
    min-height: auto;
    height: auto;
  }
  li.afp-post-item {
    max-width: 100%;
    padding: 40px;
    border-right: none;
  }
  button.openfilter {
    background-color: #000000;
    border: 0px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  button#afp-clear-all-above {
    display: none;
  }
  .afp-filter-left .filter-hedings {
    position: relative;
    padding: 16px 20px;
  }
  .afp-taxonomy {
    display: none;
    padding: 32px 56px;
    position: relative;
  }
  .afp-taxonomy.open {
    display: block;
    height: calc(100vh - 75px);
    background: #efefef;
    overflow-y: scroll;
    scrollbar-width: none;
    padding-bottom: 102px;
  }
  button.openfilter.openCLose svg.openicon {
    display: none;
  }

  .filter-hedings {
    border-bottom: 1px solid #a6a9aa;
    background: #efefef;
  }

  svg.closeicon {
    display: none;
    height: 26px;
  }

  button.openfilter.openCLose svg.closeicon {
    display: block;
  }

  .afp-filter-left .other-content {
    margin-top: 60px;
  }
  .afp-post-thumbnail {
    height: 312px;
  }
  .afp-post-title {
      margin-top: 44px;
      word-wrap: break-word;
  }
  .afp-filter-left.header-scroll-filter {
    top: 89px;
    transition: top 0.3s ease-in-out;
  }
}
@media(min-width: 768px) {
  li.afp-post-item.remove-bottom-border:last-of-type {
    border-bottom: none;
  }

  .afp-filter-left {
    overflow: scroll;
    scrollbar-color: #EFEFEF transparent;
  }
}
@media(min-width: 992px) {
  li.afp-post-item.remove-bottom-border {
    border-bottom: none;
  }
}