/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
.mobile-up {
  display: flex;
}
@media screen and (max-width: 779px) {
  .mobile-up {
    display: none;
  }
}

.mobile-down {
  display: flex;
}
@media screen and (min-width: 780px) {
  .mobile-down {
    display: none;
  }
}

.tablet-up {
  display: block;
}
@media screen and (max-width: 1164px) {
  .tablet-up {
    display: none;
  }
}

.tablet-down {
  display: block;
}
@media screen and (min-width: 1165px) {
  .tablet-down {
    display: none;
  }
}

.p-0 {
  padding: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.ps-0 {
  padding-left: 0px;
}

.pe-0 {
  padding-right: 0px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.m-0 {
  margin: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ms-0 {
  margin-left: 0px;
}

.me-0 {
  margin-right: 0px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.gap-0 {
  gap: 0px;
}

.gapx-0 {
  column-gap: 0px;
}

.gapy-0 {
  row-gap: 0px;
}

.p-8 {
  padding: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.ps-8 {
  padding-left: 8px;
}

.pe-8 {
  padding-right: 8px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.m-8 {
  margin: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ms-8 {
  margin-left: 8px;
}

.me-8 {
  margin-right: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.gap-8 {
  gap: 8px;
}

.gapx-8 {
  column-gap: 8px;
}

.gapy-8 {
  row-gap: 8px;
}

.p-16 {
  padding: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.ps-16 {
  padding-left: 16px;
}

.pe-16 {
  padding-right: 16px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.m-16 {
  margin: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ms-16 {
  margin-left: 16px;
}

.me-16 {
  margin-right: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.gap-16 {
  gap: 16px;
}

.gapx-16 {
  column-gap: 16px;
}

.gapy-16 {
  row-gap: 16px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.ps-20 {
  padding-left: 20px;
}

.pe-20 {
  padding-right: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ms-20 {
  margin-left: 20px;
}

.me-20 {
  margin-right: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.gap-20 {
  gap: 20px;
}

.gapx-20 {
  column-gap: 20px;
}

.gapy-20 {
  row-gap: 20px;
}

.p-24 {
  padding: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.ps-24 {
  padding-left: 24px;
}

.pe-24 {
  padding-right: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.m-24 {
  margin: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ms-24 {
  margin-left: 24px;
}

.me-24 {
  margin-right: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.gap-24 {
  gap: 24px;
}

.gapx-24 {
  column-gap: 24px;
}

.gapy-24 {
  row-gap: 24px;
}

.p-32 {
  padding: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.ps-32 {
  padding-left: 32px;
}

.pe-32 {
  padding-right: 32px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.m-32 {
  margin: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ms-32 {
  margin-left: 32px;
}

.me-32 {
  margin-right: 32px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.gap-32 {
  gap: 32px;
}

.gapx-32 {
  column-gap: 32px;
}

.gapy-32 {
  row-gap: 32px;
}

.p-36 {
  padding: 36px;
}

.pt-36 {
  padding-top: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.ps-36 {
  padding-left: 36px;
}

.pe-36 {
  padding-right: 36px;
}

.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.m-36 {
  margin: 36px;
}

.mt-36 {
  margin-top: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.ms-36 {
  margin-left: 36px;
}

.me-36 {
  margin-right: 36px;
}

.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.gap-36 {
  gap: 36px;
}

.gapx-36 {
  column-gap: 36px;
}

.gapy-36 {
  row-gap: 36px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ps-40 {
  padding-left: 40px;
}

.pe-40 {
  padding-right: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ms-40 {
  margin-left: 40px;
}

.me-40 {
  margin-right: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.gap-40 {
  gap: 40px;
}

.gapx-40 {
  column-gap: 40px;
}

.gapy-40 {
  row-gap: 40px;
}

.p-48 {
  padding: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.ps-48 {
  padding-left: 48px;
}

.pe-48 {
  padding-right: 48px;
}

.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.m-48 {
  margin: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ms-48 {
  margin-left: 48px;
}

.me-48 {
  margin-right: 48px;
}

.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.gap-48 {
  gap: 48px;
}

.gapx-48 {
  column-gap: 48px;
}

.gapy-48 {
  row-gap: 48px;
}

.p-56 {
  padding: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.ps-56 {
  padding-left: 56px;
}

.pe-56 {
  padding-right: 56px;
}

.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.m-56 {
  margin: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.ms-56 {
  margin-left: 56px;
}

.me-56 {
  margin-right: 56px;
}

.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.gap-56 {
  gap: 56px;
}

.gapx-56 {
  column-gap: 56px;
}

.gapy-56 {
  row-gap: 56px;
}

.p-64 {
  padding: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.ps-64 {
  padding-left: 64px;
}

.pe-64 {
  padding-right: 64px;
}

.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.m-64 {
  margin: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ms-64 {
  margin-left: 64px;
}

.me-64 {
  margin-right: 64px;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.gap-64 {
  gap: 64px;
}

.gapx-64 {
  column-gap: 64px;
}

.gapy-64 {
  row-gap: 64px;
}

.p-72 {
  padding: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.ps-72 {
  padding-left: 72px;
}

.pe-72 {
  padding-right: 72px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.m-72 {
  margin: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.ms-72 {
  margin-left: 72px;
}

.me-72 {
  margin-right: 72px;
}

.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.gap-72 {
  gap: 72px;
}

.gapx-72 {
  column-gap: 72px;
}

.gapy-72 {
  row-gap: 72px;
}

.p-80 {
  padding: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ps-80 {
  padding-left: 80px;
}

.pe-80 {
  padding-right: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.m-80 {
  margin: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ms-80 {
  margin-left: 80px;
}

.me-80 {
  margin-right: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.gap-80 {
  gap: 80px;
}

.gapx-80 {
  column-gap: 80px;
}

.gapy-80 {
  row-gap: 80px;
}

.p-88 {
  padding: 88px;
}

.pt-88 {
  padding-top: 88px;
}

.pb-88 {
  padding-bottom: 88px;
}

.ps-88 {
  padding-left: 88px;
}

.pe-88 {
  padding-right: 88px;
}

.px-88 {
  padding-left: 88px;
  padding-right: 88px;
}

.py-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.m-88 {
  margin: 88px;
}

.mt-88 {
  margin-top: 88px;
}

.mb-88 {
  margin-bottom: 88px;
}

.ms-88 {
  margin-left: 88px;
}

.me-88 {
  margin-right: 88px;
}

.mx-88 {
  margin-left: 88px;
  margin-right: 88px;
}

.my-88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.gap-88 {
  gap: 88px;
}

.gapx-88 {
  column-gap: 88px;
}

.gapy-88 {
  row-gap: 88px;
}

.p-90 {
  padding: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.ps-90 {
  padding-left: 90px;
}

.pe-90 {
  padding-right: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.m-90 {
  margin: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ms-90 {
  margin-left: 90px;
}

.me-90 {
  margin-right: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.gap-90 {
  gap: 90px;
}

.gapx-90 {
  column-gap: 90px;
}

.gapy-90 {
  row-gap: 90px;
}

.p-96 {
  padding: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.ps-96 {
  padding-left: 96px;
}

.pe-96 {
  padding-right: 96px;
}

.px-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.m-96 {
  margin: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ms-96 {
  margin-left: 96px;
}

.me-96 {
  margin-right: 96px;
}

.mx-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.gap-96 {
  gap: 96px;
}

.gapx-96 {
  column-gap: 96px;
}

.gapy-96 {
  row-gap: 96px;
}

.p-112 {
  padding: 112px;
}

.pt-112 {
  padding-top: 112px;
}

.pb-112 {
  padding-bottom: 112px;
}

.ps-112 {
  padding-left: 112px;
}

.pe-112 {
  padding-right: 112px;
}

.px-112 {
  padding-left: 112px;
  padding-right: 112px;
}

.py-112 {
  padding-top: 112px;
  padding-bottom: 112px;
}

.m-112 {
  margin: 112px;
}

.mt-112 {
  margin-top: 112px;
}

.mb-112 {
  margin-bottom: 112px;
}

.ms-112 {
  margin-left: 112px;
}

.me-112 {
  margin-right: 112px;
}

.mx-112 {
  margin-left: 112px;
  margin-right: 112px;
}

.my-112 {
  margin-top: 112px;
  margin-bottom: 112px;
}

.gap-112 {
  gap: 112px;
}

.gapx-112 {
  column-gap: 112px;
}

.gapy-112 {
  row-gap: 112px;
}

.p-120 {
  padding: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.ps-120 {
  padding-left: 120px;
}

.pe-120 {
  padding-right: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.m-120 {
  margin: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ms-120 {
  margin-left: 120px;
}

.me-120 {
  margin-right: 120px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.gap-120 {
  gap: 120px;
}

.gapx-120 {
  column-gap: 120px;
}

.gapy-120 {
  row-gap: 120px;
}

.p-130 {
  padding: 130px;
}

.pt-130 {
  padding-top: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.ps-130 {
  padding-left: 130px;
}

.pe-130 {
  padding-right: 130px;
}

.px-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.py-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.m-130 {
  margin: 130px;
}

.mt-130 {
  margin-top: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.ms-130 {
  margin-left: 130px;
}

.me-130 {
  margin-right: 130px;
}

.mx-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.my-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.gap-130 {
  gap: 130px;
}

.gapx-130 {
  column-gap: 130px;
}

.gapy-130 {
  row-gap: 130px;
}

.p-136 {
  padding: 136px;
}

.pt-136 {
  padding-top: 136px;
}

.pb-136 {
  padding-bottom: 136px;
}

.ps-136 {
  padding-left: 136px;
}

.pe-136 {
  padding-right: 136px;
}

.px-136 {
  padding-left: 136px;
  padding-right: 136px;
}

.py-136 {
  padding-top: 136px;
  padding-bottom: 136px;
}

.m-136 {
  margin: 136px;
}

.mt-136 {
  margin-top: 136px;
}

.mb-136 {
  margin-bottom: 136px;
}

.ms-136 {
  margin-left: 136px;
}

.me-136 {
  margin-right: 136px;
}

.mx-136 {
  margin-left: 136px;
  margin-right: 136px;
}

.my-136 {
  margin-top: 136px;
  margin-bottom: 136px;
}

.gap-136 {
  gap: 136px;
}

.gapx-136 {
  column-gap: 136px;
}

.gapy-136 {
  row-gap: 136px;
}

.p-160 {
  padding: 160px;
}

.pt-160 {
  padding-top: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.ps-160 {
  padding-left: 160px;
}

.pe-160 {
  padding-right: 160px;
}

.px-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.m-160 {
  margin: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ms-160 {
  margin-left: 160px;
}

.me-160 {
  margin-right: 160px;
}

.mx-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.my-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.gap-160 {
  gap: 160px;
}

.gapx-160 {
  column-gap: 160px;
}

.gapy-160 {
  row-gap: 160px;
}

.p-180 {
  padding: 180px;
}

.pt-180 {
  padding-top: 180px;
}

.pb-180 {
  padding-bottom: 180px;
}

.ps-180 {
  padding-left: 180px;
}

.pe-180 {
  padding-right: 180px;
}

.px-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.py-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.m-180 {
  margin: 180px;
}

.mt-180 {
  margin-top: 180px;
}

.mb-180 {
  margin-bottom: 180px;
}

.ms-180 {
  margin-left: 180px;
}

.me-180 {
  margin-right: 180px;
}

.mx-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.my-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.gap-180 {
  gap: 180px;
}

.gapx-180 {
  column-gap: 180px;
}

.gapy-180 {
  row-gap: 180px;
}

.p-224 {
  padding: 224px;
}

.pt-224 {
  padding-top: 224px;
}

.pb-224 {
  padding-bottom: 224px;
}

.ps-224 {
  padding-left: 224px;
}

.pe-224 {
  padding-right: 224px;
}

.px-224 {
  padding-left: 224px;
  padding-right: 224px;
}

.py-224 {
  padding-top: 224px;
  padding-bottom: 224px;
}

.m-224 {
  margin: 224px;
}

.mt-224 {
  margin-top: 224px;
}

.mb-224 {
  margin-bottom: 224px;
}

.ms-224 {
  margin-left: 224px;
}

.me-224 {
  margin-right: 224px;
}

.mx-224 {
  margin-left: 224px;
  margin-right: 224px;
}

.my-224 {
  margin-top: 224px;
  margin-bottom: 224px;
}

.gap-224 {
  gap: 224px;
}

.gapx-224 {
  column-gap: 224px;
}

.gapy-224 {
  row-gap: 224px;
}

@media (min-width: 780px) {
  .p-sm-0 {
    padding: 0px;
  }
  .pt-sm-0 {
    padding-top: 0px;
  }
  .pb-sm-0 {
    padding-bottom: 0px;
  }
  .ps-sm-0 {
    padding-left: 0px;
  }
  .pe-sm-0 {
    padding-right: 0px;
  }
  .px-sm-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .m-sm-0 {
    margin: 0px;
  }
  .mt-sm-0 {
    margin-top: 0px;
  }
  .mb-sm-0 {
    margin-bottom: 0px;
  }
  .ms-sm-0 {
    margin-left: 0px;
  }
  .me-sm-0 {
    margin-right: 0px;
  }
  .mx-sm-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .gap-sm-0 {
    gap: 0px;
  }
  .gapx-sm-0 {
    column-gap: 0px;
  }
  .gapy-sm-0 {
    row-gap: 0px;
  }
  .p-sm-8 {
    padding: 8px;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .ps-sm-8 {
    padding-left: 8px;
  }
  .pe-sm-8 {
    padding-right: 8px;
  }
  .px-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-sm-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-sm-8 {
    margin: 8px;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mb-sm-8 {
    margin-bottom: 8px;
  }
  .ms-sm-8 {
    margin-left: 8px;
  }
  .me-sm-8 {
    margin-right: 8px;
  }
  .mx-sm-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-sm-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .gap-sm-8 {
    gap: 8px;
  }
  .gapx-sm-8 {
    column-gap: 8px;
  }
  .gapy-sm-8 {
    row-gap: 8px;
  }
  .p-sm-16 {
    padding: 16px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .ps-sm-16 {
    padding-left: 16px;
  }
  .pe-sm-16 {
    padding-right: 16px;
  }
  .px-sm-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-sm-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-sm-16 {
    margin: 16px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .ms-sm-16 {
    margin-left: 16px;
  }
  .me-sm-16 {
    margin-right: 16px;
  }
  .mx-sm-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-sm-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .gap-sm-16 {
    gap: 16px;
  }
  .gapx-sm-16 {
    column-gap: 16px;
  }
  .gapy-sm-16 {
    row-gap: 16px;
  }
  .p-sm-20 {
    padding: 20px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .ps-sm-20 {
    padding-left: 20px;
  }
  .pe-sm-20 {
    padding-right: 20px;
  }
  .px-sm-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-sm-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-sm-20 {
    margin: 20px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
  .ms-sm-20 {
    margin-left: 20px;
  }
  .me-sm-20 {
    margin-right: 20px;
  }
  .mx-sm-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-sm-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .gap-sm-20 {
    gap: 20px;
  }
  .gapx-sm-20 {
    column-gap: 20px;
  }
  .gapy-sm-20 {
    row-gap: 20px;
  }
  .p-sm-24 {
    padding: 24px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .ps-sm-24 {
    padding-left: 24px;
  }
  .pe-sm-24 {
    padding-right: 24px;
  }
  .px-sm-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-sm-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-sm-24 {
    margin: 24px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .ms-sm-24 {
    margin-left: 24px;
  }
  .me-sm-24 {
    margin-right: 24px;
  }
  .mx-sm-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-sm-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .gap-sm-24 {
    gap: 24px;
  }
  .gapx-sm-24 {
    column-gap: 24px;
  }
  .gapy-sm-24 {
    row-gap: 24px;
  }
  .p-sm-32 {
    padding: 32px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .ps-sm-32 {
    padding-left: 32px;
  }
  .pe-sm-32 {
    padding-right: 32px;
  }
  .px-sm-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-sm-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-sm-32 {
    margin: 32px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .ms-sm-32 {
    margin-left: 32px;
  }
  .me-sm-32 {
    margin-right: 32px;
  }
  .mx-sm-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-sm-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .gap-sm-32 {
    gap: 32px;
  }
  .gapx-sm-32 {
    column-gap: 32px;
  }
  .gapy-sm-32 {
    row-gap: 32px;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .pt-sm-36 {
    padding-top: 36px;
  }
  .pb-sm-36 {
    padding-bottom: 36px;
  }
  .ps-sm-36 {
    padding-left: 36px;
  }
  .pe-sm-36 {
    padding-right: 36px;
  }
  .px-sm-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-sm-36 {
    margin: 36px;
  }
  .mt-sm-36 {
    margin-top: 36px;
  }
  .mb-sm-36 {
    margin-bottom: 36px;
  }
  .ms-sm-36 {
    margin-left: 36px;
  }
  .me-sm-36 {
    margin-right: 36px;
  }
  .mx-sm-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-sm-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .gap-sm-36 {
    gap: 36px;
  }
  .gapx-sm-36 {
    column-gap: 36px;
  }
  .gapy-sm-36 {
    row-gap: 36px;
  }
  .p-sm-40 {
    padding: 40px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .ps-sm-40 {
    padding-left: 40px;
  }
  .pe-sm-40 {
    padding-right: 40px;
  }
  .px-sm-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-sm-40 {
    margin: 40px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .ms-sm-40 {
    margin-left: 40px;
  }
  .me-sm-40 {
    margin-right: 40px;
  }
  .mx-sm-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .gap-sm-40 {
    gap: 40px;
  }
  .gapx-sm-40 {
    column-gap: 40px;
  }
  .gapy-sm-40 {
    row-gap: 40px;
  }
  .p-sm-48 {
    padding: 48px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .ps-sm-48 {
    padding-left: 48px;
  }
  .pe-sm-48 {
    padding-right: 48px;
  }
  .px-sm-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-sm-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .m-sm-48 {
    margin: 48px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .ms-sm-48 {
    margin-left: 48px;
  }
  .me-sm-48 {
    margin-right: 48px;
  }
  .mx-sm-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-sm-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .gap-sm-48 {
    gap: 48px;
  }
  .gapx-sm-48 {
    column-gap: 48px;
  }
  .gapy-sm-48 {
    row-gap: 48px;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .ps-sm-56 {
    padding-left: 56px;
  }
  .pe-sm-56 {
    padding-right: 56px;
  }
  .px-sm-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .m-sm-56 {
    margin: 56px;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mb-sm-56 {
    margin-bottom: 56px;
  }
  .ms-sm-56 {
    margin-left: 56px;
  }
  .me-sm-56 {
    margin-right: 56px;
  }
  .mx-sm-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .my-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .gap-sm-56 {
    gap: 56px;
  }
  .gapx-sm-56 {
    column-gap: 56px;
  }
  .gapy-sm-56 {
    row-gap: 56px;
  }
  .p-sm-64 {
    padding: 64px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .ps-sm-64 {
    padding-left: 64px;
  }
  .pe-sm-64 {
    padding-right: 64px;
  }
  .px-sm-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-sm-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-sm-64 {
    margin: 64px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .ms-sm-64 {
    margin-left: 64px;
  }
  .me-sm-64 {
    margin-right: 64px;
  }
  .mx-sm-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-sm-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .gap-sm-64 {
    gap: 64px;
  }
  .gapx-sm-64 {
    column-gap: 64px;
  }
  .gapy-sm-64 {
    row-gap: 64px;
  }
  .p-sm-72 {
    padding: 72px;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .ps-sm-72 {
    padding-left: 72px;
  }
  .pe-sm-72 {
    padding-right: 72px;
  }
  .px-sm-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-sm-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-sm-72 {
    margin: 72px;
  }
  .mt-sm-72 {
    margin-top: 72px;
  }
  .mb-sm-72 {
    margin-bottom: 72px;
  }
  .ms-sm-72 {
    margin-left: 72px;
  }
  .me-sm-72 {
    margin-right: 72px;
  }
  .mx-sm-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-sm-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .gap-sm-72 {
    gap: 72px;
  }
  .gapx-sm-72 {
    column-gap: 72px;
  }
  .gapy-sm-72 {
    row-gap: 72px;
  }
  .p-sm-80 {
    padding: 80px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .ps-sm-80 {
    padding-left: 80px;
  }
  .pe-sm-80 {
    padding-right: 80px;
  }
  .px-sm-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-sm-80 {
    margin: 80px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .ms-sm-80 {
    margin-left: 80px;
  }
  .me-sm-80 {
    margin-right: 80px;
  }
  .mx-sm-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .gap-sm-80 {
    gap: 80px;
  }
  .gapx-sm-80 {
    column-gap: 80px;
  }
  .gapy-sm-80 {
    row-gap: 80px;
  }
  .p-sm-88 {
    padding: 88px;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .ps-sm-88 {
    padding-left: 88px;
  }
  .pe-sm-88 {
    padding-right: 88px;
  }
  .px-sm-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
  .py-sm-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .m-sm-88 {
    margin: 88px;
  }
  .mt-sm-88 {
    margin-top: 88px;
  }
  .mb-sm-88 {
    margin-bottom: 88px;
  }
  .ms-sm-88 {
    margin-left: 88px;
  }
  .me-sm-88 {
    margin-right: 88px;
  }
  .mx-sm-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
  .my-sm-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .gap-sm-88 {
    gap: 88px;
  }
  .gapx-sm-88 {
    column-gap: 88px;
  }
  .gapy-sm-88 {
    row-gap: 88px;
  }
  .p-sm-90 {
    padding: 90px;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .ps-sm-90 {
    padding-left: 90px;
  }
  .pe-sm-90 {
    padding-right: 90px;
  }
  .px-sm-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-sm-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-sm-90 {
    margin: 90px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
  .ms-sm-90 {
    margin-left: 90px;
  }
  .me-sm-90 {
    margin-right: 90px;
  }
  .mx-sm-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-sm-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .gap-sm-90 {
    gap: 90px;
  }
  .gapx-sm-90 {
    column-gap: 90px;
  }
  .gapy-sm-90 {
    row-gap: 90px;
  }
  .p-sm-96 {
    padding: 96px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .ps-sm-96 {
    padding-left: 96px;
  }
  .pe-sm-96 {
    padding-right: 96px;
  }
  .px-sm-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-sm-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-sm-96 {
    margin: 96px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .ms-sm-96 {
    margin-left: 96px;
  }
  .me-sm-96 {
    margin-right: 96px;
  }
  .mx-sm-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-sm-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .gap-sm-96 {
    gap: 96px;
  }
  .gapx-sm-96 {
    column-gap: 96px;
  }
  .gapy-sm-96 {
    row-gap: 96px;
  }
  .p-sm-112 {
    padding: 112px;
  }
  .pt-sm-112 {
    padding-top: 112px;
  }
  .pb-sm-112 {
    padding-bottom: 112px;
  }
  .ps-sm-112 {
    padding-left: 112px;
  }
  .pe-sm-112 {
    padding-right: 112px;
  }
  .px-sm-112 {
    padding-left: 112px;
    padding-right: 112px;
  }
  .py-sm-112 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
  .m-sm-112 {
    margin: 112px;
  }
  .mt-sm-112 {
    margin-top: 112px;
  }
  .mb-sm-112 {
    margin-bottom: 112px;
  }
  .ms-sm-112 {
    margin-left: 112px;
  }
  .me-sm-112 {
    margin-right: 112px;
  }
  .mx-sm-112 {
    margin-left: 112px;
    margin-right: 112px;
  }
  .my-sm-112 {
    margin-top: 112px;
    margin-bottom: 112px;
  }
  .gap-sm-112 {
    gap: 112px;
  }
  .gapx-sm-112 {
    column-gap: 112px;
  }
  .gapy-sm-112 {
    row-gap: 112px;
  }
  .p-sm-120 {
    padding: 120px;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
  .ps-sm-120 {
    padding-left: 120px;
  }
  .pe-sm-120 {
    padding-right: 120px;
  }
  .px-sm-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-sm-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-sm-120 {
    margin: 120px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
  .ms-sm-120 {
    margin-left: 120px;
  }
  .me-sm-120 {
    margin-right: 120px;
  }
  .mx-sm-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-sm-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .gap-sm-120 {
    gap: 120px;
  }
  .gapx-sm-120 {
    column-gap: 120px;
  }
  .gapy-sm-120 {
    row-gap: 120px;
  }
  .p-sm-130 {
    padding: 130px;
  }
  .pt-sm-130 {
    padding-top: 130px;
  }
  .pb-sm-130 {
    padding-bottom: 130px;
  }
  .ps-sm-130 {
    padding-left: 130px;
  }
  .pe-sm-130 {
    padding-right: 130px;
  }
  .px-sm-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .py-sm-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .m-sm-130 {
    margin: 130px;
  }
  .mt-sm-130 {
    margin-top: 130px;
  }
  .mb-sm-130 {
    margin-bottom: 130px;
  }
  .ms-sm-130 {
    margin-left: 130px;
  }
  .me-sm-130 {
    margin-right: 130px;
  }
  .mx-sm-130 {
    margin-left: 130px;
    margin-right: 130px;
  }
  .my-sm-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .gap-sm-130 {
    gap: 130px;
  }
  .gapx-sm-130 {
    column-gap: 130px;
  }
  .gapy-sm-130 {
    row-gap: 130px;
  }
  .p-sm-136 {
    padding: 136px;
  }
  .pt-sm-136 {
    padding-top: 136px;
  }
  .pb-sm-136 {
    padding-bottom: 136px;
  }
  .ps-sm-136 {
    padding-left: 136px;
  }
  .pe-sm-136 {
    padding-right: 136px;
  }
  .px-sm-136 {
    padding-left: 136px;
    padding-right: 136px;
  }
  .py-sm-136 {
    padding-top: 136px;
    padding-bottom: 136px;
  }
  .m-sm-136 {
    margin: 136px;
  }
  .mt-sm-136 {
    margin-top: 136px;
  }
  .mb-sm-136 {
    margin-bottom: 136px;
  }
  .ms-sm-136 {
    margin-left: 136px;
  }
  .me-sm-136 {
    margin-right: 136px;
  }
  .mx-sm-136 {
    margin-left: 136px;
    margin-right: 136px;
  }
  .my-sm-136 {
    margin-top: 136px;
    margin-bottom: 136px;
  }
  .gap-sm-136 {
    gap: 136px;
  }
  .gapx-sm-136 {
    column-gap: 136px;
  }
  .gapy-sm-136 {
    row-gap: 136px;
  }
  .p-sm-160 {
    padding: 160px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
  .pb-sm-160 {
    padding-bottom: 160px;
  }
  .ps-sm-160 {
    padding-left: 160px;
  }
  .pe-sm-160 {
    padding-right: 160px;
  }
  .px-sm-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .py-sm-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .m-sm-160 {
    margin: 160px;
  }
  .mt-sm-160 {
    margin-top: 160px;
  }
  .mb-sm-160 {
    margin-bottom: 160px;
  }
  .ms-sm-160 {
    margin-left: 160px;
  }
  .me-sm-160 {
    margin-right: 160px;
  }
  .mx-sm-160 {
    margin-left: 160px;
    margin-right: 160px;
  }
  .my-sm-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }
  .gap-sm-160 {
    gap: 160px;
  }
  .gapx-sm-160 {
    column-gap: 160px;
  }
  .gapy-sm-160 {
    row-gap: 160px;
  }
  .p-sm-180 {
    padding: 180px;
  }
  .pt-sm-180 {
    padding-top: 180px;
  }
  .pb-sm-180 {
    padding-bottom: 180px;
  }
  .ps-sm-180 {
    padding-left: 180px;
  }
  .pe-sm-180 {
    padding-right: 180px;
  }
  .px-sm-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-sm-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .m-sm-180 {
    margin: 180px;
  }
  .mt-sm-180 {
    margin-top: 180px;
  }
  .mb-sm-180 {
    margin-bottom: 180px;
  }
  .ms-sm-180 {
    margin-left: 180px;
  }
  .me-sm-180 {
    margin-right: 180px;
  }
  .mx-sm-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-sm-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .gap-sm-180 {
    gap: 180px;
  }
  .gapx-sm-180 {
    column-gap: 180px;
  }
  .gapy-sm-180 {
    row-gap: 180px;
  }
  .p-sm-224 {
    padding: 224px;
  }
  .pt-sm-224 {
    padding-top: 224px;
  }
  .pb-sm-224 {
    padding-bottom: 224px;
  }
  .ps-sm-224 {
    padding-left: 224px;
  }
  .pe-sm-224 {
    padding-right: 224px;
  }
  .px-sm-224 {
    padding-left: 224px;
    padding-right: 224px;
  }
  .py-sm-224 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
  .m-sm-224 {
    margin: 224px;
  }
  .mt-sm-224 {
    margin-top: 224px;
  }
  .mb-sm-224 {
    margin-bottom: 224px;
  }
  .ms-sm-224 {
    margin-left: 224px;
  }
  .me-sm-224 {
    margin-right: 224px;
  }
  .mx-sm-224 {
    margin-left: 224px;
    margin-right: 224px;
  }
  .my-sm-224 {
    margin-top: 224px;
    margin-bottom: 224px;
  }
  .gap-sm-224 {
    gap: 224px;
  }
  .gapx-sm-224 {
    column-gap: 224px;
  }
  .gapy-sm-224 {
    row-gap: 224px;
  }
}
@media (min-width: 1165px) {
  .p-md-0 {
    padding: 0px;
  }
  .pt-md-0 {
    padding-top: 0px;
  }
  .pb-md-0 {
    padding-bottom: 0px;
  }
  .ps-md-0 {
    padding-left: 0px;
  }
  .pe-md-0 {
    padding-right: 0px;
  }
  .px-md-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-md-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .m-md-0 {
    margin: 0px;
  }
  .mt-md-0 {
    margin-top: 0px;
  }
  .mb-md-0 {
    margin-bottom: 0px;
  }
  .ms-md-0 {
    margin-left: 0px;
  }
  .me-md-0 {
    margin-right: 0px;
  }
  .mx-md-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-md-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .gap-md-0 {
    gap: 0px;
  }
  .gapx-md-0 {
    column-gap: 0px;
  }
  .gapy-md-0 {
    row-gap: 0px;
  }
  .p-md-8 {
    padding: 8px;
  }
  .pt-md-8 {
    padding-top: 8px;
  }
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .ps-md-8 {
    padding-left: 8px;
  }
  .pe-md-8 {
    padding-right: 8px;
  }
  .px-md-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-md-8 {
    margin: 8px;
  }
  .mt-md-8 {
    margin-top: 8px;
  }
  .mb-md-8 {
    margin-bottom: 8px;
  }
  .ms-md-8 {
    margin-left: 8px;
  }
  .me-md-8 {
    margin-right: 8px;
  }
  .mx-md-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-md-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .gap-md-8 {
    gap: 8px;
  }
  .gapx-md-8 {
    column-gap: 8px;
  }
  .gapy-md-8 {
    row-gap: 8px;
  }
  .p-md-16 {
    padding: 16px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .ps-md-16 {
    padding-left: 16px;
  }
  .pe-md-16 {
    padding-right: 16px;
  }
  .px-md-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-md-16 {
    margin: 16px;
  }
  .mt-md-16 {
    margin-top: 16px;
  }
  .mb-md-16 {
    margin-bottom: 16px;
  }
  .ms-md-16 {
    margin-left: 16px;
  }
  .me-md-16 {
    margin-right: 16px;
  }
  .mx-md-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-md-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .gap-md-16 {
    gap: 16px;
  }
  .gapx-md-16 {
    column-gap: 16px;
  }
  .gapy-md-16 {
    row-gap: 16px;
  }
  .p-md-20 {
    padding: 20px;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .ps-md-20 {
    padding-left: 20px;
  }
  .pe-md-20 {
    padding-right: 20px;
  }
  .px-md-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-md-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-md-20 {
    margin: 20px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
  .ms-md-20 {
    margin-left: 20px;
  }
  .me-md-20 {
    margin-right: 20px;
  }
  .mx-md-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-md-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .gap-md-20 {
    gap: 20px;
  }
  .gapx-md-20 {
    column-gap: 20px;
  }
  .gapy-md-20 {
    row-gap: 20px;
  }
  .p-md-24 {
    padding: 24px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .ps-md-24 {
    padding-left: 24px;
  }
  .pe-md-24 {
    padding-right: 24px;
  }
  .px-md-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-md-24 {
    margin: 24px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mb-md-24 {
    margin-bottom: 24px;
  }
  .ms-md-24 {
    margin-left: 24px;
  }
  .me-md-24 {
    margin-right: 24px;
  }
  .mx-md-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-md-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .gap-md-24 {
    gap: 24px;
  }
  .gapx-md-24 {
    column-gap: 24px;
  }
  .gapy-md-24 {
    row-gap: 24px;
  }
  .p-md-32 {
    padding: 32px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .ps-md-32 {
    padding-left: 32px;
  }
  .pe-md-32 {
    padding-right: 32px;
  }
  .px-md-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-md-32 {
    margin: 32px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mb-md-32 {
    margin-bottom: 32px;
  }
  .ms-md-32 {
    margin-left: 32px;
  }
  .me-md-32 {
    margin-right: 32px;
  }
  .mx-md-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-md-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .gap-md-32 {
    gap: 32px;
  }
  .gapx-md-32 {
    column-gap: 32px;
  }
  .gapy-md-32 {
    row-gap: 32px;
  }
  .p-md-36 {
    padding: 36px;
  }
  .pt-md-36 {
    padding-top: 36px;
  }
  .pb-md-36 {
    padding-bottom: 36px;
  }
  .ps-md-36 {
    padding-left: 36px;
  }
  .pe-md-36 {
    padding-right: 36px;
  }
  .px-md-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-md-36 {
    margin: 36px;
  }
  .mt-md-36 {
    margin-top: 36px;
  }
  .mb-md-36 {
    margin-bottom: 36px;
  }
  .ms-md-36 {
    margin-left: 36px;
  }
  .me-md-36 {
    margin-right: 36px;
  }
  .mx-md-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-md-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .gap-md-36 {
    gap: 36px;
  }
  .gapx-md-36 {
    column-gap: 36px;
  }
  .gapy-md-36 {
    row-gap: 36px;
  }
  .p-md-40 {
    padding: 40px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .ps-md-40 {
    padding-left: 40px;
  }
  .pe-md-40 {
    padding-right: 40px;
  }
  .px-md-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-md-40 {
    margin: 40px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .ms-md-40 {
    margin-left: 40px;
  }
  .me-md-40 {
    margin-right: 40px;
  }
  .mx-md-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .gap-md-40 {
    gap: 40px;
  }
  .gapx-md-40 {
    column-gap: 40px;
  }
  .gapy-md-40 {
    row-gap: 40px;
  }
  .p-md-48 {
    padding: 48px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .ps-md-48 {
    padding-left: 48px;
  }
  .pe-md-48 {
    padding-right: 48px;
  }
  .px-md-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .m-md-48 {
    margin: 48px;
  }
  .mt-md-48 {
    margin-top: 48px;
  }
  .mb-md-48 {
    margin-bottom: 48px;
  }
  .ms-md-48 {
    margin-left: 48px;
  }
  .me-md-48 {
    margin-right: 48px;
  }
  .mx-md-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-md-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .gap-md-48 {
    gap: 48px;
  }
  .gapx-md-48 {
    column-gap: 48px;
  }
  .gapy-md-48 {
    row-gap: 48px;
  }
  .p-md-56 {
    padding: 56px;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .ps-md-56 {
    padding-left: 56px;
  }
  .pe-md-56 {
    padding-right: 56px;
  }
  .px-md-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .m-md-56 {
    margin: 56px;
  }
  .mt-md-56 {
    margin-top: 56px;
  }
  .mb-md-56 {
    margin-bottom: 56px;
  }
  .ms-md-56 {
    margin-left: 56px;
  }
  .me-md-56 {
    margin-right: 56px;
  }
  .mx-md-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .my-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .gap-md-56 {
    gap: 56px;
  }
  .gapx-md-56 {
    column-gap: 56px;
  }
  .gapy-md-56 {
    row-gap: 56px;
  }
  .p-md-64 {
    padding: 64px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .ps-md-64 {
    padding-left: 64px;
  }
  .pe-md-64 {
    padding-right: 64px;
  }
  .px-md-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-md-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-md-64 {
    margin: 64px;
  }
  .mt-md-64 {
    margin-top: 64px;
  }
  .mb-md-64 {
    margin-bottom: 64px;
  }
  .ms-md-64 {
    margin-left: 64px;
  }
  .me-md-64 {
    margin-right: 64px;
  }
  .mx-md-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-md-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .gap-md-64 {
    gap: 64px;
  }
  .gapx-md-64 {
    column-gap: 64px;
  }
  .gapy-md-64 {
    row-gap: 64px;
  }
  .p-md-72 {
    padding: 72px;
  }
  .pt-md-72 {
    padding-top: 72px;
  }
  .pb-md-72 {
    padding-bottom: 72px;
  }
  .ps-md-72 {
    padding-left: 72px;
  }
  .pe-md-72 {
    padding-right: 72px;
  }
  .px-md-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-md-72 {
    margin: 72px;
  }
  .mt-md-72 {
    margin-top: 72px;
  }
  .mb-md-72 {
    margin-bottom: 72px;
  }
  .ms-md-72 {
    margin-left: 72px;
  }
  .me-md-72 {
    margin-right: 72px;
  }
  .mx-md-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-md-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .gap-md-72 {
    gap: 72px;
  }
  .gapx-md-72 {
    column-gap: 72px;
  }
  .gapy-md-72 {
    row-gap: 72px;
  }
  .p-md-80 {
    padding: 80px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .ps-md-80 {
    padding-left: 80px;
  }
  .pe-md-80 {
    padding-right: 80px;
  }
  .px-md-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-md-80 {
    margin: 80px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .ms-md-80 {
    margin-left: 80px;
  }
  .me-md-80 {
    margin-right: 80px;
  }
  .mx-md-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .gap-md-80 {
    gap: 80px;
  }
  .gapx-md-80 {
    column-gap: 80px;
  }
  .gapy-md-80 {
    row-gap: 80px;
  }
  .p-md-88 {
    padding: 88px;
  }
  .pt-md-88 {
    padding-top: 88px;
  }
  .pb-md-88 {
    padding-bottom: 88px;
  }
  .ps-md-88 {
    padding-left: 88px;
  }
  .pe-md-88 {
    padding-right: 88px;
  }
  .px-md-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
  .py-md-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .m-md-88 {
    margin: 88px;
  }
  .mt-md-88 {
    margin-top: 88px;
  }
  .mb-md-88 {
    margin-bottom: 88px;
  }
  .ms-md-88 {
    margin-left: 88px;
  }
  .me-md-88 {
    margin-right: 88px;
  }
  .mx-md-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
  .my-md-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .gap-md-88 {
    gap: 88px;
  }
  .gapx-md-88 {
    column-gap: 88px;
  }
  .gapy-md-88 {
    row-gap: 88px;
  }
  .p-md-90 {
    padding: 90px;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .ps-md-90 {
    padding-left: 90px;
  }
  .pe-md-90 {
    padding-right: 90px;
  }
  .px-md-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-md-90 {
    margin: 90px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
  .ms-md-90 {
    margin-left: 90px;
  }
  .me-md-90 {
    margin-right: 90px;
  }
  .mx-md-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-md-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .gap-md-90 {
    gap: 90px;
  }
  .gapx-md-90 {
    column-gap: 90px;
  }
  .gapy-md-90 {
    row-gap: 90px;
  }
  .p-md-96 {
    padding: 96px;
  }
  .pt-md-96 {
    padding-top: 96px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
  .ps-md-96 {
    padding-left: 96px;
  }
  .pe-md-96 {
    padding-right: 96px;
  }
  .px-md-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-md-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-md-96 {
    margin: 96px;
  }
  .mt-md-96 {
    margin-top: 96px;
  }
  .mb-md-96 {
    margin-bottom: 96px;
  }
  .ms-md-96 {
    margin-left: 96px;
  }
  .me-md-96 {
    margin-right: 96px;
  }
  .mx-md-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-md-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .gap-md-96 {
    gap: 96px;
  }
  .gapx-md-96 {
    column-gap: 96px;
  }
  .gapy-md-96 {
    row-gap: 96px;
  }
  .p-md-112 {
    padding: 112px;
  }
  .pt-md-112 {
    padding-top: 112px;
  }
  .pb-md-112 {
    padding-bottom: 112px;
  }
  .ps-md-112 {
    padding-left: 112px;
  }
  .pe-md-112 {
    padding-right: 112px;
  }
  .px-md-112 {
    padding-left: 112px;
    padding-right: 112px;
  }
  .py-md-112 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
  .m-md-112 {
    margin: 112px;
  }
  .mt-md-112 {
    margin-top: 112px;
  }
  .mb-md-112 {
    margin-bottom: 112px;
  }
  .ms-md-112 {
    margin-left: 112px;
  }
  .me-md-112 {
    margin-right: 112px;
  }
  .mx-md-112 {
    margin-left: 112px;
    margin-right: 112px;
  }
  .my-md-112 {
    margin-top: 112px;
    margin-bottom: 112px;
  }
  .gap-md-112 {
    gap: 112px;
  }
  .gapx-md-112 {
    column-gap: 112px;
  }
  .gapy-md-112 {
    row-gap: 112px;
  }
  .p-md-120 {
    padding: 120px;
  }
  .pt-md-120 {
    padding-top: 120px;
  }
  .pb-md-120 {
    padding-bottom: 120px;
  }
  .ps-md-120 {
    padding-left: 120px;
  }
  .pe-md-120 {
    padding-right: 120px;
  }
  .px-md-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-md-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-md-120 {
    margin: 120px;
  }
  .mt-md-120 {
    margin-top: 120px;
  }
  .mb-md-120 {
    margin-bottom: 120px;
  }
  .ms-md-120 {
    margin-left: 120px;
  }
  .me-md-120 {
    margin-right: 120px;
  }
  .mx-md-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-md-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .gap-md-120 {
    gap: 120px;
  }
  .gapx-md-120 {
    column-gap: 120px;
  }
  .gapy-md-120 {
    row-gap: 120px;
  }
  .p-md-130 {
    padding: 130px;
  }
  .pt-md-130 {
    padding-top: 130px;
  }
  .pb-md-130 {
    padding-bottom: 130px;
  }
  .ps-md-130 {
    padding-left: 130px;
  }
  .pe-md-130 {
    padding-right: 130px;
  }
  .px-md-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .py-md-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .m-md-130 {
    margin: 130px;
  }
  .mt-md-130 {
    margin-top: 130px;
  }
  .mb-md-130 {
    margin-bottom: 130px;
  }
  .ms-md-130 {
    margin-left: 130px;
  }
  .me-md-130 {
    margin-right: 130px;
  }
  .mx-md-130 {
    margin-left: 130px;
    margin-right: 130px;
  }
  .my-md-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .gap-md-130 {
    gap: 130px;
  }
  .gapx-md-130 {
    column-gap: 130px;
  }
  .gapy-md-130 {
    row-gap: 130px;
  }
  .p-md-136 {
    padding: 136px;
  }
  .pt-md-136 {
    padding-top: 136px;
  }
  .pb-md-136 {
    padding-bottom: 136px;
  }
  .ps-md-136 {
    padding-left: 136px;
  }
  .pe-md-136 {
    padding-right: 136px;
  }
  .px-md-136 {
    padding-left: 136px;
    padding-right: 136px;
  }
  .py-md-136 {
    padding-top: 136px;
    padding-bottom: 136px;
  }
  .m-md-136 {
    margin: 136px;
  }
  .mt-md-136 {
    margin-top: 136px;
  }
  .mb-md-136 {
    margin-bottom: 136px;
  }
  .ms-md-136 {
    margin-left: 136px;
  }
  .me-md-136 {
    margin-right: 136px;
  }
  .mx-md-136 {
    margin-left: 136px;
    margin-right: 136px;
  }
  .my-md-136 {
    margin-top: 136px;
    margin-bottom: 136px;
  }
  .gap-md-136 {
    gap: 136px;
  }
  .gapx-md-136 {
    column-gap: 136px;
  }
  .gapy-md-136 {
    row-gap: 136px;
  }
  .p-md-160 {
    padding: 160px;
  }
  .pt-md-160 {
    padding-top: 160px;
  }
  .pb-md-160 {
    padding-bottom: 160px;
  }
  .ps-md-160 {
    padding-left: 160px;
  }
  .pe-md-160 {
    padding-right: 160px;
  }
  .px-md-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .py-md-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .m-md-160 {
    margin: 160px;
  }
  .mt-md-160 {
    margin-top: 160px;
  }
  .mb-md-160 {
    margin-bottom: 160px;
  }
  .ms-md-160 {
    margin-left: 160px;
  }
  .me-md-160 {
    margin-right: 160px;
  }
  .mx-md-160 {
    margin-left: 160px;
    margin-right: 160px;
  }
  .my-md-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }
  .gap-md-160 {
    gap: 160px;
  }
  .gapx-md-160 {
    column-gap: 160px;
  }
  .gapy-md-160 {
    row-gap: 160px;
  }
  .p-md-180 {
    padding: 180px;
  }
  .pt-md-180 {
    padding-top: 180px;
  }
  .pb-md-180 {
    padding-bottom: 180px;
  }
  .ps-md-180 {
    padding-left: 180px;
  }
  .pe-md-180 {
    padding-right: 180px;
  }
  .px-md-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-md-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .m-md-180 {
    margin: 180px;
  }
  .mt-md-180 {
    margin-top: 180px;
  }
  .mb-md-180 {
    margin-bottom: 180px;
  }
  .ms-md-180 {
    margin-left: 180px;
  }
  .me-md-180 {
    margin-right: 180px;
  }
  .mx-md-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-md-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .gap-md-180 {
    gap: 180px;
  }
  .gapx-md-180 {
    column-gap: 180px;
  }
  .gapy-md-180 {
    row-gap: 180px;
  }
  .p-md-224 {
    padding: 224px;
  }
  .pt-md-224 {
    padding-top: 224px;
  }
  .pb-md-224 {
    padding-bottom: 224px;
  }
  .ps-md-224 {
    padding-left: 224px;
  }
  .pe-md-224 {
    padding-right: 224px;
  }
  .px-md-224 {
    padding-left: 224px;
    padding-right: 224px;
  }
  .py-md-224 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
  .m-md-224 {
    margin: 224px;
  }
  .mt-md-224 {
    margin-top: 224px;
  }
  .mb-md-224 {
    margin-bottom: 224px;
  }
  .ms-md-224 {
    margin-left: 224px;
  }
  .me-md-224 {
    margin-right: 224px;
  }
  .mx-md-224 {
    margin-left: 224px;
    margin-right: 224px;
  }
  .my-md-224 {
    margin-top: 224px;
    margin-bottom: 224px;
  }
  .gap-md-224 {
    gap: 224px;
  }
  .gapx-md-224 {
    column-gap: 224px;
  }
  .gapy-md-224 {
    row-gap: 224px;
  }
}
@media (min-width: 1440px) {
  .p-lg-0 {
    padding: 0px;
  }
  .pt-lg-0 {
    padding-top: 0px;
  }
  .pb-lg-0 {
    padding-bottom: 0px;
  }
  .ps-lg-0 {
    padding-left: 0px;
  }
  .pe-lg-0 {
    padding-right: 0px;
  }
  .px-lg-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-lg-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .m-lg-0 {
    margin: 0px;
  }
  .mt-lg-0 {
    margin-top: 0px;
  }
  .mb-lg-0 {
    margin-bottom: 0px;
  }
  .ms-lg-0 {
    margin-left: 0px;
  }
  .me-lg-0 {
    margin-right: 0px;
  }
  .mx-lg-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-lg-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .gap-lg-0 {
    gap: 0px;
  }
  .gapx-lg-0 {
    column-gap: 0px;
  }
  .gapy-lg-0 {
    row-gap: 0px;
  }
  .p-lg-8 {
    padding: 8px;
  }
  .pt-lg-8 {
    padding-top: 8px;
  }
  .pb-lg-8 {
    padding-bottom: 8px;
  }
  .ps-lg-8 {
    padding-left: 8px;
  }
  .pe-lg-8 {
    padding-right: 8px;
  }
  .px-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-lg-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .m-lg-8 {
    margin: 8px;
  }
  .mt-lg-8 {
    margin-top: 8px;
  }
  .mb-lg-8 {
    margin-bottom: 8px;
  }
  .ms-lg-8 {
    margin-left: 8px;
  }
  .me-lg-8 {
    margin-right: 8px;
  }
  .mx-lg-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-lg-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .gap-lg-8 {
    gap: 8px;
  }
  .gapx-lg-8 {
    column-gap: 8px;
  }
  .gapy-lg-8 {
    row-gap: 8px;
  }
  .p-lg-16 {
    padding: 16px;
  }
  .pt-lg-16 {
    padding-top: 16px;
  }
  .pb-lg-16 {
    padding-bottom: 16px;
  }
  .ps-lg-16 {
    padding-left: 16px;
  }
  .pe-lg-16 {
    padding-right: 16px;
  }
  .px-lg-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-lg-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .m-lg-16 {
    margin: 16px;
  }
  .mt-lg-16 {
    margin-top: 16px;
  }
  .mb-lg-16 {
    margin-bottom: 16px;
  }
  .ms-lg-16 {
    margin-left: 16px;
  }
  .me-lg-16 {
    margin-right: 16px;
  }
  .mx-lg-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-lg-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .gap-lg-16 {
    gap: 16px;
  }
  .gapx-lg-16 {
    column-gap: 16px;
  }
  .gapy-lg-16 {
    row-gap: 16px;
  }
  .p-lg-20 {
    padding: 20px;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .ps-lg-20 {
    padding-left: 20px;
  }
  .pe-lg-20 {
    padding-right: 20px;
  }
  .px-lg-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-lg-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-lg-20 {
    margin: 20px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
  .ms-lg-20 {
    margin-left: 20px;
  }
  .me-lg-20 {
    margin-right: 20px;
  }
  .mx-lg-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-lg-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .gap-lg-20 {
    gap: 20px;
  }
  .gapx-lg-20 {
    column-gap: 20px;
  }
  .gapy-lg-20 {
    row-gap: 20px;
  }
  .p-lg-24 {
    padding: 24px;
  }
  .pt-lg-24 {
    padding-top: 24px;
  }
  .pb-lg-24 {
    padding-bottom: 24px;
  }
  .ps-lg-24 {
    padding-left: 24px;
  }
  .pe-lg-24 {
    padding-right: 24px;
  }
  .px-lg-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-lg-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .m-lg-24 {
    margin: 24px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
  .mb-lg-24 {
    margin-bottom: 24px;
  }
  .ms-lg-24 {
    margin-left: 24px;
  }
  .me-lg-24 {
    margin-right: 24px;
  }
  .mx-lg-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-lg-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .gap-lg-24 {
    gap: 24px;
  }
  .gapx-lg-24 {
    column-gap: 24px;
  }
  .gapy-lg-24 {
    row-gap: 24px;
  }
  .p-lg-32 {
    padding: 32px;
  }
  .pt-lg-32 {
    padding-top: 32px;
  }
  .pb-lg-32 {
    padding-bottom: 32px;
  }
  .ps-lg-32 {
    padding-left: 32px;
  }
  .pe-lg-32 {
    padding-right: 32px;
  }
  .px-lg-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-lg-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .m-lg-32 {
    margin: 32px;
  }
  .mt-lg-32 {
    margin-top: 32px;
  }
  .mb-lg-32 {
    margin-bottom: 32px;
  }
  .ms-lg-32 {
    margin-left: 32px;
  }
  .me-lg-32 {
    margin-right: 32px;
  }
  .mx-lg-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-lg-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .gap-lg-32 {
    gap: 32px;
  }
  .gapx-lg-32 {
    column-gap: 32px;
  }
  .gapy-lg-32 {
    row-gap: 32px;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .pt-lg-36 {
    padding-top: 36px;
  }
  .pb-lg-36 {
    padding-bottom: 36px;
  }
  .ps-lg-36 {
    padding-left: 36px;
  }
  .pe-lg-36 {
    padding-right: 36px;
  }
  .px-lg-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m-lg-36 {
    margin: 36px;
  }
  .mt-lg-36 {
    margin-top: 36px;
  }
  .mb-lg-36 {
    margin-bottom: 36px;
  }
  .ms-lg-36 {
    margin-left: 36px;
  }
  .me-lg-36 {
    margin-right: 36px;
  }
  .mx-lg-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .my-lg-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .gap-lg-36 {
    gap: 36px;
  }
  .gapx-lg-36 {
    column-gap: 36px;
  }
  .gapy-lg-36 {
    row-gap: 36px;
  }
  .p-lg-40 {
    padding: 40px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .ps-lg-40 {
    padding-left: 40px;
  }
  .pe-lg-40 {
    padding-right: 40px;
  }
  .px-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-lg-40 {
    margin: 40px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
  .ms-lg-40 {
    margin-left: 40px;
  }
  .me-lg-40 {
    margin-right: 40px;
  }
  .mx-lg-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .gap-lg-40 {
    gap: 40px;
  }
  .gapx-lg-40 {
    column-gap: 40px;
  }
  .gapy-lg-40 {
    row-gap: 40px;
  }
  .p-lg-48 {
    padding: 48px;
  }
  .pt-lg-48 {
    padding-top: 48px;
  }
  .pb-lg-48 {
    padding-bottom: 48px;
  }
  .ps-lg-48 {
    padding-left: 48px;
  }
  .pe-lg-48 {
    padding-right: 48px;
  }
  .px-lg-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .m-lg-48 {
    margin: 48px;
  }
  .mt-lg-48 {
    margin-top: 48px;
  }
  .mb-lg-48 {
    margin-bottom: 48px;
  }
  .ms-lg-48 {
    margin-left: 48px;
  }
  .me-lg-48 {
    margin-right: 48px;
  }
  .mx-lg-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-lg-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .gap-lg-48 {
    gap: 48px;
  }
  .gapx-lg-48 {
    column-gap: 48px;
  }
  .gapy-lg-48 {
    row-gap: 48px;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .ps-lg-56 {
    padding-left: 56px;
  }
  .pe-lg-56 {
    padding-right: 56px;
  }
  .px-lg-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .m-lg-56 {
    margin: 56px;
  }
  .mt-lg-56 {
    margin-top: 56px;
  }
  .mb-lg-56 {
    margin-bottom: 56px;
  }
  .ms-lg-56 {
    margin-left: 56px;
  }
  .me-lg-56 {
    margin-right: 56px;
  }
  .mx-lg-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .my-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .gap-lg-56 {
    gap: 56px;
  }
  .gapx-lg-56 {
    column-gap: 56px;
  }
  .gapy-lg-56 {
    row-gap: 56px;
  }
  .p-lg-64 {
    padding: 64px;
  }
  .pt-lg-64 {
    padding-top: 64px;
  }
  .pb-lg-64 {
    padding-bottom: 64px;
  }
  .ps-lg-64 {
    padding-left: 64px;
  }
  .pe-lg-64 {
    padding-right: 64px;
  }
  .px-lg-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-lg-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m-lg-64 {
    margin: 64px;
  }
  .mt-lg-64 {
    margin-top: 64px;
  }
  .mb-lg-64 {
    margin-bottom: 64px;
  }
  .ms-lg-64 {
    margin-left: 64px;
  }
  .me-lg-64 {
    margin-right: 64px;
  }
  .mx-lg-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-lg-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .gap-lg-64 {
    gap: 64px;
  }
  .gapx-lg-64 {
    column-gap: 64px;
  }
  .gapy-lg-64 {
    row-gap: 64px;
  }
  .p-lg-72 {
    padding: 72px;
  }
  .pt-lg-72 {
    padding-top: 72px;
  }
  .pb-lg-72 {
    padding-bottom: 72px;
  }
  .ps-lg-72 {
    padding-left: 72px;
  }
  .pe-lg-72 {
    padding-right: 72px;
  }
  .px-lg-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
  .py-lg-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .m-lg-72 {
    margin: 72px;
  }
  .mt-lg-72 {
    margin-top: 72px;
  }
  .mb-lg-72 {
    margin-bottom: 72px;
  }
  .ms-lg-72 {
    margin-left: 72px;
  }
  .me-lg-72 {
    margin-right: 72px;
  }
  .mx-lg-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .my-lg-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .gap-lg-72 {
    gap: 72px;
  }
  .gapx-lg-72 {
    column-gap: 72px;
  }
  .gapy-lg-72 {
    row-gap: 72px;
  }
  .p-lg-80 {
    padding: 80px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .ps-lg-80 {
    padding-left: 80px;
  }
  .pe-lg-80 {
    padding-right: 80px;
  }
  .px-lg-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .m-lg-80 {
    margin: 80px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .ms-lg-80 {
    margin-left: 80px;
  }
  .me-lg-80 {
    margin-right: 80px;
  }
  .mx-lg-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .gap-lg-80 {
    gap: 80px;
  }
  .gapx-lg-80 {
    column-gap: 80px;
  }
  .gapy-lg-80 {
    row-gap: 80px;
  }
  .p-lg-88 {
    padding: 88px;
  }
  .pt-lg-88 {
    padding-top: 88px;
  }
  .pb-lg-88 {
    padding-bottom: 88px;
  }
  .ps-lg-88 {
    padding-left: 88px;
  }
  .pe-lg-88 {
    padding-right: 88px;
  }
  .px-lg-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
  .py-lg-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .m-lg-88 {
    margin: 88px;
  }
  .mt-lg-88 {
    margin-top: 88px;
  }
  .mb-lg-88 {
    margin-bottom: 88px;
  }
  .ms-lg-88 {
    margin-left: 88px;
  }
  .me-lg-88 {
    margin-right: 88px;
  }
  .mx-lg-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
  .my-lg-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .gap-lg-88 {
    gap: 88px;
  }
  .gapx-lg-88 {
    column-gap: 88px;
  }
  .gapy-lg-88 {
    row-gap: 88px;
  }
  .p-lg-90 {
    padding: 90px;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .ps-lg-90 {
    padding-left: 90px;
  }
  .pe-lg-90 {
    padding-right: 90px;
  }
  .px-lg-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-lg-90 {
    margin: 90px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .ms-lg-90 {
    margin-left: 90px;
  }
  .me-lg-90 {
    margin-right: 90px;
  }
  .mx-lg-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-lg-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .gap-lg-90 {
    gap: 90px;
  }
  .gapx-lg-90 {
    column-gap: 90px;
  }
  .gapy-lg-90 {
    row-gap: 90px;
  }
  .p-lg-96 {
    padding: 96px;
  }
  .pt-lg-96 {
    padding-top: 96px;
  }
  .pb-lg-96 {
    padding-bottom: 96px;
  }
  .ps-lg-96 {
    padding-left: 96px;
  }
  .pe-lg-96 {
    padding-right: 96px;
  }
  .px-lg-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-lg-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .m-lg-96 {
    margin: 96px;
  }
  .mt-lg-96 {
    margin-top: 96px;
  }
  .mb-lg-96 {
    margin-bottom: 96px;
  }
  .ms-lg-96 {
    margin-left: 96px;
  }
  .me-lg-96 {
    margin-right: 96px;
  }
  .mx-lg-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-lg-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .gap-lg-96 {
    gap: 96px;
  }
  .gapx-lg-96 {
    column-gap: 96px;
  }
  .gapy-lg-96 {
    row-gap: 96px;
  }
  .p-lg-112 {
    padding: 112px;
  }
  .pt-lg-112 {
    padding-top: 112px;
  }
  .pb-lg-112 {
    padding-bottom: 112px;
  }
  .ps-lg-112 {
    padding-left: 112px;
  }
  .pe-lg-112 {
    padding-right: 112px;
  }
  .px-lg-112 {
    padding-left: 112px;
    padding-right: 112px;
  }
  .py-lg-112 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
  .m-lg-112 {
    margin: 112px;
  }
  .mt-lg-112 {
    margin-top: 112px;
  }
  .mb-lg-112 {
    margin-bottom: 112px;
  }
  .ms-lg-112 {
    margin-left: 112px;
  }
  .me-lg-112 {
    margin-right: 112px;
  }
  .mx-lg-112 {
    margin-left: 112px;
    margin-right: 112px;
  }
  .my-lg-112 {
    margin-top: 112px;
    margin-bottom: 112px;
  }
  .gap-lg-112 {
    gap: 112px;
  }
  .gapx-lg-112 {
    column-gap: 112px;
  }
  .gapy-lg-112 {
    row-gap: 112px;
  }
  .p-lg-120 {
    padding: 120px;
  }
  .pt-lg-120 {
    padding-top: 120px;
  }
  .pb-lg-120 {
    padding-bottom: 120px;
  }
  .ps-lg-120 {
    padding-left: 120px;
  }
  .pe-lg-120 {
    padding-right: 120px;
  }
  .px-lg-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-lg-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-lg-120 {
    margin: 120px;
  }
  .mt-lg-120 {
    margin-top: 120px;
  }
  .mb-lg-120 {
    margin-bottom: 120px;
  }
  .ms-lg-120 {
    margin-left: 120px;
  }
  .me-lg-120 {
    margin-right: 120px;
  }
  .mx-lg-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-lg-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .gap-lg-120 {
    gap: 120px;
  }
  .gapx-lg-120 {
    column-gap: 120px;
  }
  .gapy-lg-120 {
    row-gap: 120px;
  }
  .p-lg-130 {
    padding: 130px;
  }
  .pt-lg-130 {
    padding-top: 130px;
  }
  .pb-lg-130 {
    padding-bottom: 130px;
  }
  .ps-lg-130 {
    padding-left: 130px;
  }
  .pe-lg-130 {
    padding-right: 130px;
  }
  .px-lg-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .py-lg-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .m-lg-130 {
    margin: 130px;
  }
  .mt-lg-130 {
    margin-top: 130px;
  }
  .mb-lg-130 {
    margin-bottom: 130px;
  }
  .ms-lg-130 {
    margin-left: 130px;
  }
  .me-lg-130 {
    margin-right: 130px;
  }
  .mx-lg-130 {
    margin-left: 130px;
    margin-right: 130px;
  }
  .my-lg-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .gap-lg-130 {
    gap: 130px;
  }
  .gapx-lg-130 {
    column-gap: 130px;
  }
  .gapy-lg-130 {
    row-gap: 130px;
  }
  .p-lg-136 {
    padding: 136px;
  }
  .pt-lg-136 {
    padding-top: 136px;
  }
  .pb-lg-136 {
    padding-bottom: 136px;
  }
  .ps-lg-136 {
    padding-left: 136px;
  }
  .pe-lg-136 {
    padding-right: 136px;
  }
  .px-lg-136 {
    padding-left: 136px;
    padding-right: 136px;
  }
  .py-lg-136 {
    padding-top: 136px;
    padding-bottom: 136px;
  }
  .m-lg-136 {
    margin: 136px;
  }
  .mt-lg-136 {
    margin-top: 136px;
  }
  .mb-lg-136 {
    margin-bottom: 136px;
  }
  .ms-lg-136 {
    margin-left: 136px;
  }
  .me-lg-136 {
    margin-right: 136px;
  }
  .mx-lg-136 {
    margin-left: 136px;
    margin-right: 136px;
  }
  .my-lg-136 {
    margin-top: 136px;
    margin-bottom: 136px;
  }
  .gap-lg-136 {
    gap: 136px;
  }
  .gapx-lg-136 {
    column-gap: 136px;
  }
  .gapy-lg-136 {
    row-gap: 136px;
  }
  .p-lg-160 {
    padding: 160px;
  }
  .pt-lg-160 {
    padding-top: 160px;
  }
  .pb-lg-160 {
    padding-bottom: 160px;
  }
  .ps-lg-160 {
    padding-left: 160px;
  }
  .pe-lg-160 {
    padding-right: 160px;
  }
  .px-lg-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .py-lg-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .m-lg-160 {
    margin: 160px;
  }
  .mt-lg-160 {
    margin-top: 160px;
  }
  .mb-lg-160 {
    margin-bottom: 160px;
  }
  .ms-lg-160 {
    margin-left: 160px;
  }
  .me-lg-160 {
    margin-right: 160px;
  }
  .mx-lg-160 {
    margin-left: 160px;
    margin-right: 160px;
  }
  .my-lg-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }
  .gap-lg-160 {
    gap: 160px;
  }
  .gapx-lg-160 {
    column-gap: 160px;
  }
  .gapy-lg-160 {
    row-gap: 160px;
  }
  .p-lg-180 {
    padding: 180px;
  }
  .pt-lg-180 {
    padding-top: 180px;
  }
  .pb-lg-180 {
    padding-bottom: 180px;
  }
  .ps-lg-180 {
    padding-left: 180px;
  }
  .pe-lg-180 {
    padding-right: 180px;
  }
  .px-lg-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-lg-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .m-lg-180 {
    margin: 180px;
  }
  .mt-lg-180 {
    margin-top: 180px;
  }
  .mb-lg-180 {
    margin-bottom: 180px;
  }
  .ms-lg-180 {
    margin-left: 180px;
  }
  .me-lg-180 {
    margin-right: 180px;
  }
  .mx-lg-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-lg-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .gap-lg-180 {
    gap: 180px;
  }
  .gapx-lg-180 {
    column-gap: 180px;
  }
  .gapy-lg-180 {
    row-gap: 180px;
  }
  .p-lg-224 {
    padding: 224px;
  }
  .pt-lg-224 {
    padding-top: 224px;
  }
  .pb-lg-224 {
    padding-bottom: 224px;
  }
  .ps-lg-224 {
    padding-left: 224px;
  }
  .pe-lg-224 {
    padding-right: 224px;
  }
  .px-lg-224 {
    padding-left: 224px;
    padding-right: 224px;
  }
  .py-lg-224 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
  .m-lg-224 {
    margin: 224px;
  }
  .mt-lg-224 {
    margin-top: 224px;
  }
  .mb-lg-224 {
    margin-bottom: 224px;
  }
  .ms-lg-224 {
    margin-left: 224px;
  }
  .me-lg-224 {
    margin-right: 224px;
  }
  .mx-lg-224 {
    margin-left: 224px;
    margin-right: 224px;
  }
  .my-lg-224 {
    margin-top: 224px;
    margin-bottom: 224px;
  }
  .gap-lg-224 {
    gap: 224px;
  }
  .gapx-lg-224 {
    column-gap: 224px;
  }
  .gapy-lg-224 {
    row-gap: 224px;
  }
}
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

@media (min-width: 780px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
}
@media (min-width: 1165px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
}
@media (min-width: 1440px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
}
.text-left {
  text-align: left;
}
.text-left .wp-block-buttons {
  justify-content: left;
}

.text-right {
  text-align: right;
}
.text-right .wp-block-buttons {
  justify-content: right;
}

.text-center {
  text-align: center;
}
.text-center .wp-block-buttons {
  justify-content: center;
}

@media (min-width: 780px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-left .wp-block-buttons {
    justify-content: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-right .wp-block-buttons {
    justify-content: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-center .wp-block-buttons {
    justify-content: center;
  }
}
@media (min-width: 1165px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-left .wp-block-buttons {
    justify-content: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-right .wp-block-buttons {
    justify-content: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-center .wp-block-buttons {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-left .wp-block-buttons {
    justify-content: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-right .wp-block-buttons {
    justify-content: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-center .wp-block-buttons {
    justify-content: center;
  }
}
/* animation mixins
---------------------------------------- */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes revealMediaHeroBackground {
  0% {
    transform-origin: center center;
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes fadeInZoomOut {
  0% {
    opacity: 0;
    transform-origin: center center;
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes fadeFirstThenZoomOut {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
/* Grid
---------------------------------------- */
.wrapper {
  max-width: calc(var(--wp--style--global--content-size) + var(--wp--style--root--padding-right) * 2);
  margin: 0 auto;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
@media screen and (max-width: 1164px) {
  .wrapper {
    padding-right: var(--wp--custom--spacing--global-mobile-padding-x);
    padding-left: var(--wp--custom--spacing--global-mobile-padding-x);
  }
}

/* Container (CSS Grid) */
.container {
  max-width: 1536px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 16px;
}
@media screen and (max-width: 779px) {
  .container {
    column-gap: 8px;
  }
}
.container.center {
  justify-content: center;
}
.container.space-between {
  justify-content: space-between;
}

/* Column Mixin */
/* Generate Column Classes */
.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

/* Responsive Adjustments */
@media (min-width: 780px) {
  .col-sm-1 {
    grid-column: span 1;
  }
  .col-sm-2 {
    grid-column: span 2;
  }
  .col-sm-3 {
    grid-column: span 3;
  }
  .col-sm-4 {
    grid-column: span 4;
  }
  .col-sm-5 {
    grid-column: span 5;
  }
  .col-sm-6 {
    grid-column: span 6;
  }
  .col-sm-7 {
    grid-column: span 7;
  }
  .col-sm-8 {
    grid-column: span 8;
  }
  .col-sm-9 {
    grid-column: span 9;
  }
  .col-sm-10 {
    grid-column: span 10;
  }
  .col-sm-11 {
    grid-column: span 11;
  }
  .col-sm-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1165px) {
  .col-md-1 {
    grid-column: span 1;
  }
  .col-md-2 {
    grid-column: span 2;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-6 {
    grid-column: span 6;
  }
  .col-md-7 {
    grid-column: span 7;
  }
  .col-md-8 {
    grid-column: span 8;
  }
  .col-md-9 {
    grid-column: span 9;
  }
  .col-md-10 {
    grid-column: span 10;
  }
  .col-md-11 {
    grid-column: span 11;
  }
  .col-md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1440px) {
  .col-lg-1 {
    grid-column: span 1;
  }
  .col-lg-2 {
    grid-column: span 2;
  }
  .col-lg-3 {
    grid-column: span 3;
  }
  .col-lg-4 {
    grid-column: span 4;
  }
  .col-lg-5 {
    grid-column: span 5;
  }
  .col-lg-6 {
    grid-column: span 6;
  }
  .col-lg-7 {
    grid-column: span 7;
  }
  .col-lg-8 {
    grid-column: span 8;
  }
  .col-lg-9 {
    grid-column: span 9;
  }
  .col-lg-10 {
    grid-column: span 10;
  }
  .col-lg-11 {
    grid-column: span 11;
  }
  .col-lg-12 {
    grid-column: span 12;
  }
}
/* Typography
---------------------------------------- */
/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/HelveticaNeue-Medium.woff2") format("woff2"), url("fonts/HelveticaNeue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/helveticaneueltstd-bd-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 72px;
}
@media screen and (max-width: 1164px) {
  html {
    scroll-padding-top: 51px;
  }
}

body {
  color: var(--wp--preset--color--off-black-2);
  line-height: var(--wp--custom--line-height--p);
}

.entry-content {
  padding-top: 72px;
}
@media screen and (max-width: 1164px) {
  .entry-content {
    padding-top: 51px;
  }
}

a,
button,
input[type=submit],
.wp-element-button {
  transition: all 200ms ease-in-out;
}
a:hover,
button:hover,
input[type=submit]:hover,
.wp-element-button:hover {
  transition: all 200ms ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6, p {
  text-wrap: pretty;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
  color: var(--wp--preset--color--off-black-2);
}

img {
  width: 100%;
  height: auto;
}

/* INPUT
---------------------------------------- */
textarea,
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=number] {
  font-family: "Helvetica Neue";
  display: flex;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--off-black);
  margin-bottom: 1.5rem;
  padding: 0;
  font-size: var(--wp--preset--font-size--medium);
  border-radius: 0;
}

input[type=submit] {
  cursor: pointer;
  font-family: "Helvetica Neue";
}

input:focus,
textarea:focus {
  outline: none;
  border-color: var(--wp--preset--color--purple);
}

::placeholder {
  color: var(--wp--preset--color--off-black);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
}

.input-label {
  margin-bottom: 0.75rem;
  display: flex;
  font-weight: 700;
}

input[type=submit] {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 700;
  background-color: var(--wp--preset--color--purple);
  color: var(--wp--preset--color--white);
  border-radius: 30px;
  padding: 12px 20px;
  border: none;
  letter-spacing: -0.2px;
}

input[type=search] {
  background-color: transparent;
  border: 1.5px solid #cccccc;
  padding: 10px 16px;
  border-radius: 30px;
  line-height: 1;
  height: 44px;
  background-repeat: no-repeat;
  padding-left: 2.75rem;
  background-position: 0.75rem 50%;
  background-size: 22px 22px;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.75%2013.75L19.25%2019.25M9.16667%2015.5833C5.62284%2015.5833%202.75%2012.7105%202.75%209.16667C2.75%205.62284%205.62284%202.75%209.16667%202.75C12.7105%202.75%2015.5833%205.62284%2015.5833%209.16667C15.5833%2012.7105%2012.7105%2015.5833%209.16667%2015.5833Z%22%20stroke%3D%22%233E3E3E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}

input[type=search]::placeholder {
  font-size: var(--wp--preset--font-size--xx-small);
}

select {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'><path d='M9.5 1.5L5.5 5.5L1.5 1.5' stroke='%233E3E3E' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/></svg>") no-repeat right 8px center;
  background-size: 11px 7px;
  background-position: calc(100% - 16px) 50%;
  padding: 8px 16px;
  border-radius: 30px;
  border: 1.5px solid var(--wp--preset--color--off-black-2);
  color: var(--wp--preset--color--off-black-2);
}
select:focus {
  outline: 0;
}

select:has(option:checked[value]:not([value=""])) {
  background-color: var(--wp--preset--color--off-black-2);
  color: white;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'><path d='M9.5 1.5L5.5 5.5L1.5 1.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/></svg>");
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #000 !important; /* Change text color if needed */
  background-color: transparent !important; /* Set desired background color */
  -webkit-box-shadow: 0 0 0px 1000px transparent inset; /* Force background color */
}

/* util classes
---------------------------------------- */
.hide {
  display: none !important;
}

.display-inline-flex {
  display: inline-flex;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex {
  display: flex;
}

.pointer-none {
  pointer-events: none;
}

.color-purple {
  color: var(--wp--preset--color--purple);
}

.border-light-purple {
  border-color: rgba(110, 41, 141, 0.1019607843);
}

/* Typography
---------------------------------------- */
h1, .typo-h1 {
  font-size: var(--wp--preset--font-size--xxx-large);
  line-height: var(--wp--custom--line-height--headings);
  padding-bottom: 1rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -2px;
  padding-bottom: 2.625rem;
}
@media screen and (max-width: 1164px) {
  h1, .typo-h1 {
    padding-bottom: 24px;
  }
}

h2, .typo-h2 {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--custom--line-height--headings);
  padding-bottom: 1rem;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 1164px) {
  h2, .typo-h2 {
    padding-bottom: 24px;
  }
}

h3, .typo-h3 {
  font-size: var(--wp--preset--font-size--x-large);
  line-height: var(--wp--custom--line-height--headings);
  padding-bottom: 1rem;
}

h4, .typo-h4 {
  font-size: var(--wp--preset--font-size--medium);
  line-height: var(--wp--custom--line-height--headings);
  padding-bottom: 8px;
}
@media screen and (max-width: 1164px) {
  h4, .typo-h4 {
    font-size: 14px;
  }
}

h5, .typo-h5 {
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 130%;
}
@media screen and (max-width: 1164px) {
  h5, .typo-h5 {
    line-height: 106.67%;
  }
}

p {
  font-weight: 400;
  font-size: var(--wp--preset--font-size--medium);
  padding-bottom: 1rem;
}

/* mobile styles
---------------------------------------- */
@media screen and (max-width: 1164px) {
  :root,
  body {
    --wp--preset--spacing--sp-134-px: 0;
    --wp--style--root--padding-right: 16px;
    --wp--style--root--padding-left: 16px;
  }
}
/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
/* header menu */
.site-header {
  position: fixed;
  width: 100%;
  background-color: var(--wp--preset--color--white);
  z-index: 100;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 1165px) {
  .site-header nav {
    height: 100%;
  }
  .site-header nav ul, .site-header nav li, .site-header nav a, .site-header nav span {
    height: 100%;
  }
  .site-header nav span {
    display: flex;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 1164px) {
  .site-header nav {
    width: 100%;
  }
  .site-header nav ul, .site-header nav li, .site-header nav a, .site-header nav span {
    width: 100%;
  }
  .site-header nav span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .site-header nav li:not(:last-child) {
    padding-bottom: 1rem;
  }
}
.site-header .header-search-icon {
  cursor: pointer;
}
.site-header .header-search-icon:hover {
  fill: var(--wp--preset--color--off-black-2);
}
.site-header .header-search-icon:hover path {
  stroke: var(--wp--preset--color--white);
}
.site-header .jet-smart-filters-search {
  display: none;
}
.site-header .jet-smart-filters-search .jet-search-filter__input {
  height: 40px;
  border-color: #cccccc;
  width: 280px;
  font-size: 14px;
}
.site-header .jet-smart-filters-search .jet-search-filter__input::placeholder {
  font-size: 14px;
}
.site-header .hamburger-toggle {
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1164px) {
  .site-header .hamburger-toggle {
    display: flex;
  }
}
@media screen and (min-width: 1165px) {
  .site-header .header-menu {
    display: flex !important;
  }
}
@media screen and (max-width: 1164px) {
  .site-header .header-menu {
    display: none;
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.4);
  }
}
.site-header .header-subscribe-section {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .site-header .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--purple);
  }
}
@media screen and (max-width: 1164px) {
  .site-header .custom-logo-link {
    width: 284px;
  }
  .site-header .header-menu {
    position: absolute;
    top: 51px;
    background: white;
    width: 100%;
    padding: 1rem;
    left: 0;
    z-index: 999;
    padding-bottom: 32px;
  }
  .site-header .header-menu > .wp-block-group {
    gap: 32px;
  }
  .site-header .header-menu .wp-block-group {
    flex-direction: column;
  }
  .site-header .header-search-icon {
    display: none !important;
  }
  .site-header .jet-smart-filters-search {
    display: block !important;
    order: 1;
    width: 100%;
    padding-bottom: 16px;
  }
  .site-header .jet-smart-filters-search .jet-search-filter__input::placeholder {
    font-size: 16px;
  }
  .site-header .jet-smart-filters-search .jet-search-filter__input {
    width: 100%;
    font-size: 16px;
  }
  .site-header .wp-block-navigation,
  .site-header .wp-block-buttons {
    flex-direction: column;
  }
  .site-header .wp-block-navigation {
    order: 2;
  }
  .site-header .wp-block-buttons {
    order: 3;
  }
  .site-header .wp-block-buttons .wp-block-button:first-child {
    order: 2;
  }
  .site-header .wp-block-buttons .wp-block-button:nth-child(2) {
    order: 1;
  }
  .site-header .header-subscribe-section-mobile {
    order: 2;
  }
  .site-header .wp-block-navigation-item__label {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px; /* 106.667% */
    letter-spacing: -0.6px;
  }
  .site-header .wp-block-button__link {
    font-size: 18px;
  }
}
.site-header .newsletter-description {
  max-width: 460px;
}

.footer-logo,
.footer-logo img {
  width: 315px;
}
@media screen and (max-width: 779px) {
  .footer-logo,
  .footer-logo img {
    margin-top: 46px;
    width: 100%;
  }
}

.wp-social-link-youtube a,
.wp-social-link-instagram a,
.wp-social-link-linkedin a,
.wp-social-link-facebook a {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.wp-social-link-youtube svg,
.wp-social-link-instagram svg,
.wp-social-link-linkedin svg,
.wp-social-link-facebook svg {
  display: none;
}

.wp-social-link-facebook a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2221%22%20viewBox%3D%220%200%2010%2021%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.80019%206.80019H6.56019V4.64019V4.40019C6.56019%204.04019%206.80019%203.68019%207.40019%203.68019H9.68019V0.200195H6.68019C6.56019%200.200195%206.44019%200.200195%206.32019%200.200195C4.4002%200.200195%202.72019%201.76019%202.60019%203.68019V6.92019H0.200195V10.5202H2.48019V20.6002H6.56019V10.2802H9.4402L9.80019%206.80019Z%22%20fill%3D%22%236E298D%22%2F%3E%3C%2Fsvg%3E);
}

.wp-social-link-linkedin a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.0400391%202.3609C0.0400391%201.8809%200.160039%201.5209%200.400039%201.2809C0.640039%201.0409%201.12004%200.920898%201.72004%200.920898C2.32004%200.920898%202.80004%201.0409%203.04004%201.2809C3.28004%201.5209%203.40004%201.8809%203.40004%202.3609C3.40004%203.3209%202.80004%203.8009%201.72004%203.8009C0.52004%203.6809%200.0400391%203.2009%200.0400391%202.3609ZM3.28004%2013.8809H0.0400391V4.6409H3.28004V13.8809Z%22%20fill%3D%22%236E298D%22%2F%3E%3Cpath%20d%3D%22M11.4405%2013.8805V8.84051C11.4405%208.24051%2011.3205%207.76051%2011.2005%207.40051C11.0805%207.04051%2010.7205%206.92051%2010.3605%206.92051C9.76055%206.92051%209.40055%207.16051%209.16055%207.52051C8.92055%208.00051%208.80055%208.72051%208.80055%209.80051V13.8805H5.56055V4.64051H7.96055L8.32055%205.84051H8.56055C8.80055%205.36051%209.16055%205.12051%209.64055%204.88051C10.1205%204.64051%2010.7205%204.52051%2011.3205%204.52051C12.4005%204.52051%2013.1205%204.76051%2013.7205%205.36051C14.3205%205.96051%2014.5605%206.80051%2014.5605%207.88051V13.8805H11.4405Z%22%20fill%3D%22%236E298D%22%2F%3E%3C%2Fsvg%3E);
}

.wp-social-link-instagram a {
  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%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.11934%2011.2797C10.1134%2011.2797%2010.9193%2010.4738%2010.9193%209.47969C10.9193%208.48558%2010.1134%207.67969%209.11934%207.67969C8.12522%207.67969%207.31934%208.48558%207.31934%209.47969C7.31934%2010.4738%208.12522%2011.2797%209.11934%2011.2797Z%22%20fill%3D%22%236E298D%22%2F%3E%3Cpath%20d%3D%22M16.7996%200.600098H1.19961C0.839609%200.600098%200.599609%200.840098%200.599609%201.2001V16.8001C0.599609%2017.1601%200.839609%2017.4001%201.19961%2017.4001H16.7996C17.1596%2017.4001%2017.3996%2017.1601%2017.3996%2016.8001V1.2001C17.3996%200.840098%2017.1596%200.600098%2016.7996%200.600098ZM8.99961%2014.0401C6.47961%2014.0401%204.31961%2012.0001%204.31961%209.3601C4.31961%206.7201%206.35961%204.6801%208.99961%204.6801C11.6396%204.6801%2013.6796%206.7201%2013.6796%209.3601C13.6796%2012.0001%2011.6396%2014.0401%208.99961%2014.0401ZM14.3996%204.6801C13.6796%204.6801%2012.9596%204.0801%2012.9596%203.2401C12.9596%202.5201%2013.5596%201.8001%2014.3996%201.8001C15.1196%201.8001%2015.8396%202.4001%2015.8396%203.2401C15.8396%204.0801%2015.2396%204.6801%2014.3996%204.6801Z%22%20fill%3D%22%236E298D%22%2F%3E%3C%2Fsvg%3E);
}

.wp-social-link-youtube a {
  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%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.16%200.959961H1.55996C1.19996%200.959961%200.959961%201.31996%200.959961%201.67996V17.16C0.959961%2017.52%201.19996%2017.88%201.55996%2017.88H17.16C17.52%2017.88%2017.76%2017.52%2017.76%2017.16V1.55996C17.64%201.19996%2017.4%200.959961%2017.16%200.959961ZM6.95996%2013.32V5.27996L12.96%209.23996L6.95996%2013.32Z%22%20fill%3D%22%236E298D%22%2F%3E%3C%2Fsvg%3E);
}

/* Default: both hidden */
.header-subscribe-section,
.header-subscribe-section-mobile {
  display: none;
  width: 100%;
}

/* Desktop breakpoint: mobile panel is always hidden */
@media screen and (min-width: 1165px) {
  .header-subscribe-section-mobile {
    display: none !important;
  }
}
/* Mobile breakpoint: desktop panel is always hidden */
@media screen and (max-width: 1164px) {
  .header-subscribe-section {
    display: none !important;
  }
}
/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
.wp-social-link {
  border: 2px solid #A5D1F4;
}
.wp-social-link a {
  padding: 6px;
}

.hero .wp-block-cover {
  min-height: 742px;
}
@media screen and (max-width: 779px) {
  .hero .wp-block-cover {
    min-height: 300px;
  }
}
@media screen and (max-width: 1164px) {
  .hero .scroll-down img {
    width: 12px;
    height: 6px;
  }
}
@media screen and (max-width: 1164px) {
  .hero > .wp-block-columns > .wp-block-column:first-child {
    background: var(--wp--preset--gradient--purple-to-blue);
  }
}
.hero .hero-subtitle {
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 113.333%;
}
@media screen and (max-width: 1164px) {
  .hero .hero-subtitle {
    font-size: 20px;
    line-height: 22px;
  }
}

/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
:root :where(.wp-block-buttons-is-layout-flex) {
  gap: 8px;
}

@media (hover: hover) and (pointer: fine) {
  input[type=submit]:hover,
  .wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--off-black-2);
    color: var(--wp--preset--color--white);
  }
}

.wp-block-button.is-style-outline .wp-element-button {
  padding: 10px 16px;
  border-width: 1.5px;
}

.btn-gray .wp-element-button {
  border-color: #cccccc;
}

.btn-outline {
  display: flex;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1.5px solid var(--wp--preset--color--off-black-2);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

.btn-blue {
  background-color: var(--wp--preset--color--sky-blue-20);
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  font-size: var(--wp--preset--font-size--xx-small);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .btn-blue:hover {
    background-color: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--white);
  }
  .btn-blue:hover svg path {
    stroke: var(--wp--preset--color--white);
  }
}
@media (hover: hover) and (pointer: fine) {
  .btn-blue.open:hover {
    background-color: var(--wp--preset--color--purple);
  }
}
@media screen and (max-width: 1164px) {
  .btn-blue {
    font-size: 12px;
  }
}

.btn-icon {
  background-color: var(--wp--preset--color--purple-20);
  width: 42px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  flex-direction: row;
}
@media (hover: hover) and (pointer: fine) {
  .btn-icon:hover {
    background-color: var(--wp--preset--color--purple);
  }
  .btn-icon:hover svg, .btn-icon:hover path {
    stroke: var(--wp--preset--color--white);
  }
}

.btn-icon-c {
  position: relative;
}
.btn-icon-c span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  width: max-content;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  border-radius: 19px;
  padding: 8px;
  background: var(--wp--preset--color--purple-20);
  display: none;
}
@media screen and (max-width: 1164px) {
  .btn-icon-c span {
    bottom: -55%;
    font-size: 12px;
    padding: 4px 8px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .btn-icon:hover ~ span {
    display: block !important;
  }
}

/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
body .search-results-newsletter,
body .jet-smart-filters-pagination[data-query-id=filter-grid],
body .filter-grid-heading,
body #filter-grid,
body .jet-smart-filters-pagination[data-query-id=searchbar-grid],
body .searchbar-grid-heading,
body #searchbar-grid {
  display: none;
}

.jet-filter + .jet-filter {
  margin-top: 0 !important;
}

.jet-search-filter {
  position: relative;
}
.jet-search-filter .jet-search-filter__input {
  padding-right: 42px;
}
.jet-search-filter .jet-search-filter__submit.apply-filters__button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236E298D%22%20d%3D%22M18.7679%208.42579%2010.7095.5%209.55128%201.64034%2016.205%208.19125H.0061v1.6175H16.205L9.55128%2016.3597%2010.7095%2017.5l8.0502-7.92579c.156-.15366.2382-.35585.2382-.57421s-.0904-.42055-.2382-.57421h.0082Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 18px;
  width: 47px;
  cursor: pointer;
}
.jet-search-filter .jet-search-filter__submit.apply-filters__button .jet-search-filter__submit-text {
  display: none;
}

.jet-search-filter__input {
  font-weight: 500;
  font-size: 14px;
  height: 44px;
}

.toggle-filter-content-mobile,
.toggle-filter-content {
  display: none;
  padding-top: 40px;
}
.toggle-filter-content-mobile .jet-filter-label,
.toggle-filter-content .jet-filter-label {
  color: var(--wp--preset--color--off-black-2);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  line-height: 122.222%;
  letter-spacing: -0.18px;
  margin-bottom: 0.5rem;
}
.toggle-filter-content-mobile .jet-checkboxes-list .jet-checkboxes-list__item,
.toggle-filter-content .jet-checkboxes-list .jet-checkboxes-list__item {
  display: inline-block;
  font-size: var(--wp--preset--font-size--xx-small);
  font-weight: 500;
  line-height: 1;
}
.toggle-filter-content-mobile .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__decorator,
.toggle-filter-content .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__decorator {
  display: none;
}
.toggle-filter-content-mobile .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__button,
.toggle-filter-content .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__button {
  padding: 8px 16px;
  border: 1.5px solid var(--wp--preset--color--off-black-2);
  border-radius: 30px;
}
.toggle-filter-content-mobile .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button,
.toggle-filter-content .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
  background-color: var(--wp--preset--color--off-black-2);
  color: white;
}
.toggle-filter-content-mobile .jet-radio-list .jet-radio-list__item,
.toggle-filter-content .jet-radio-list .jet-radio-list__item {
  display: inline-block;
  font-size: var(--wp--preset--font-size--xx-small);
  font-weight: 500;
  line-height: 1;
}
.toggle-filter-content-mobile .jet-radio-list .jet-radio-list__item .jet-radio-list__decorator,
.toggle-filter-content .jet-radio-list .jet-radio-list__item .jet-radio-list__decorator {
  display: none;
}
.toggle-filter-content-mobile .jet-radio-list .jet-radio-list__item .jet-radio-list__button,
.toggle-filter-content .jet-radio-list .jet-radio-list__item .jet-radio-list__button {
  padding: 8px 16px;
  border: 1.5px solid var(--wp--preset--color--off-black-2);
  border-radius: 30px;
}
.toggle-filter-content-mobile .jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked + .jet-radio-list__button,
.toggle-filter-content .jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked + .jet-radio-list__button {
  background-color: var(--wp--preset--color--off-black-2);
  color: white;
}

.toggle-filter-content-mobile .wp-block-button__link {
  height: 37px;
}
.toggle-filter-content-mobile .apply-filters__button {
  cursor: pointer;
  background-color: var(--wp--preset--color--purple);
  color: var(--wp--preset--color--white);
  padding: 8px 32px;
  height: 37px;
  margin-top: 0;
  font-size: 14px;
  border-radius: 30px;
}
.toggle-filter-content-mobile .apply-filters__button[disabled] {
  opacity: 0.5;
}
.toggle-filter-content-mobile .jet-filter-label {
  font-size: 16px;
  line-height: 21px; /* 131.25% */
}
.toggle-filter-content-mobile .jet-radio-list-wrapper fieldset,
.toggle-filter-content-mobile .jet-checkboxes-list-wrapper {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
}
.toggle-filter-content-mobile .jet-smart-filters-select {
  width: 100%;
}
.toggle-filter-content-mobile .btn-gray {
  font-size: 14px;
}

.toggle-filter-btn-mobile,
.toggle-filter-btn {
  width: 100%;
}
.toggle-filter-btn-mobile .wp-block-button__link,
.toggle-filter-btn .wp-block-button__link {
  font-weight: 500;
}
.toggle-filter-btn-mobile .wp-block-button,
.toggle-filter-btn .wp-block-button {
  width: 100%;
}
.toggle-filter-btn-mobile .wp-block-button a,
.toggle-filter-btn .wp-block-button a {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.toggle-filter-btn-mobile .wp-block-button a:before,
.toggle-filter-btn .wp-block-button a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%2011C1%2016.5228%205.47715%2021%2011%2021C16.5228%2021%2021%2016.5228%2021%2011C21%205.47715%2016.5228%201%2011%201C5.47715%201%201%205.47715%201%2011Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.33333%209.33333L15.4444%206.55556L12.6667%2012.6667L6.55556%2015.4444L9.33333%209.33333Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.tablet-down.searchbar-group .jet-smart-filters-search {
  transition: width 300ms ease-in-out;
  width: 50%;
  height: 46px;
}
.tablet-down.searchbar-group .jet-smart-filters-search .jet-search-filter__input::placeholder {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.tablet-down.searchbar-group .jet-smart-filters-search .jet-search-filter__input {
  border-color: #cccccc;
  height: 46px;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
}
.tablet-down.searchbar-group .toggle-filter-btn-mobile {
  transition: all 300ms ease-in-out;
  width: 50%;
  height: 46px;
  overflow: hidden;
}
.tablet-down.searchbar-group .toggle-filter-btn-mobile .wp-block-button__link {
  padding: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.tablet-down.searchbar-group .toggle-filter-btn-mobile .wp-block-button__link span {
  display: inline-block;
  white-space: nowrap;
  transition: opacity 300ms ease-in-out, width 300ms ease-in-out;
  opacity: 1;
  width: auto;
}

.jet-listing-grid__item {
  padding-top: 0;
  padding-bottom: 1px;
}

.search-results-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 1164px) {
  .search-results-heading {
    margin-bottom: 16px;
  }
}
.search-results-heading .jet-smart-filters-remove-filters:first-child button {
  pointer-events: none;
  padding-bottom: 0 !important;
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--custom--line-height--headings);
  padding-bottom: 1rem;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 1164px) {
  .search-results-heading .jet-smart-filters-remove-filters:first-child button {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1164px) {
  .search-results-heading .jet-smart-filters-remove-filters:first-child button {
    font-size: 18px;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.18px;
  }
}
.search-results-heading .jet-smart-filters-remove-filters:last-child button {
  font-size: 20px;
  line-height: 130%;
  cursor: pointer;
}
@media screen and (max-width: 1164px) {
  .search-results-heading .jet-smart-filters-remove-filters:last-child button {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px; /* 100% */
  }
}

.jet-smart-filters-pagination {
  padding-top: 40px;
  padding-bottom: 96px;
}
.jet-smart-filters-pagination .jet-filters-pagination {
  justify-content: center;
}
.jet-smart-filters-pagination .jet-filters-pagination__item {
  text-align: center;
  padding-top: 3px;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 112.5%;
  letter-spacing: -0.16px;
}
.jet-smart-filters-pagination .jet-filters-pagination__item[disabled] {
  opacity: 0.25;
}
.jet-smart-filters-pagination .next, .jet-smart-filters-pagination .prev {
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--wp--preset--color--sky-blue-20);
  border-radius: 8px;
}
.jet-smart-filters-pagination .next .jet-filters-pagination__link, .jet-smart-filters-pagination .prev .jet-filters-pagination__link {
  display: none;
}
.jet-smart-filters-pagination .next {
  margin-left: 8px;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.00293%201.50781L6.99758%207.50246L1.00293%2013.4915%22%20stroke%3D%22%233E3E3E%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E);
}
.jet-smart-filters-pagination .prev {
  margin-right: 8px;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.99707%2013.4922L2.00242%207.49754L7.99707%201.50853%22%20stroke%3D%22%233E3E3E%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E);
}
.jet-smart-filters-pagination .jet-filters-pagination__current {
  border: 1px solid var(--wp--preset--color--blue);
}

/* Default: both hidden */
.toggle-filter-content,
.toggle-filter-content-mobile {
  display: none;
}

/* Desktop breakpoint: mobile panel is always hidden */
@media screen and (min-width: 1165px) {
  .toggle-filter-content-mobile {
    display: none !important;
  }
}
/* Mobile breakpoint: desktop panel is always hidden */
@media screen and (max-width: 1164px) {
  .toggle-filter-content {
    display: none !important;
  }
}
@media screen and (min-width: 1165px) {
  .desktop-filter-active #searchbar-grid,
  .desktop-filter-active .jet-smart-filters-pagination[data-query-id=searchbar-grid],
  .desktop-filter-active .searchbar-grid-heading {
    display: none;
  }
  .desktop-filter-active .toggle-filter-btn .wp-block-button__link {
    background-color: var(--wp--preset--color--off-black-2);
  }
  .desktop-search-active #filter-grid,
  .desktop-search-active .jet-smart-filters-pagination[data-query-id=filter-grid],
  .desktop-search-active .filter-grid-heading {
    display: none;
  }
}
@media screen and (max-width: 1164px) {
  .search-container-wrapper .jet-search-filter__submit.apply-filters__button {
    opacity: 0;
    pointer-events: none;
  }
  .mobile-filter-active .tablet-down.searchbar-group .toggle-filter-btn-mobile:not(.btn-gray) {
    transition: all 300ms ease-in-out;
    width: calc(100% - 54px);
  }
  .mobile-filter-active .tablet-down.searchbar-group .toggle-filter-btn-mobile:not(.btn-gray) .wp-block-button__link {
    background-color: var(--wp--preset--color--off-black-2);
  }
  .mobile-filter-active .tablet-down.searchbar-group .jet-smart-filters-search {
    transition: all 300ms ease-in-out;
    width: 46px;
  }
  .mobile-filter-active .tablet-down.searchbar-group .jet-search-filter__input {
    padding: 0;
    color: transparent;
  }
  .mobile-filter-active .tablet-down.searchbar-group .jet-search-filter__input::placeholder {
    color: transparent;
  }
  .mobile-search-active .tablet-down.searchbar-group .toggle-filter-btn-mobile {
    transition: all 300ms ease-in-out;
    width: 46px;
    opacity: 50%;
  }
  .mobile-search-active .tablet-down.searchbar-group .toggle-filter-btn-mobile span {
    opacity: 0;
    width: 0;
    overflow: hidden;
  }
  .mobile-search-active .tablet-down.searchbar-group .jet-smart-filters-search {
    transition: width 300ms ease-in-out;
    width: calc(100% - 54px);
  }
  .mobile-search-active .tablet-down.searchbar-group .wp-block-button__link {
    gap: 0;
  }
  .mobile-search-active .jet-search-filter__submit.apply-filters__button {
    opacity: 1;
    pointer-events: auto;
  }
}
/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
.floating-buttons {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 200;
  display: none;
}
.floating-buttons .label {
  color: var(--wp--preset--color--purple);
  font-size: var(--wp--preset--font-size--xx-small);
  font-weight: 700;
  line-height: 1;
}

/* Buttons */
.float-btn {
  background: var(--wp--preset--color--off-black-2);
  border-radius: 100%;
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) and (pointer: fine) {
  .float-btn:hover {
    background: var(--wp--preset--color--purple);
  }
}

/* Section Menu Pop-up */
.section-index-wrapper {
  position: relative;
}

.section-index-panel {
  display: none;
  position: absolute;
  bottom: 58px; /* show above button */
  right: 0;
  width: 314px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  z-index: 200;
}

.section-index-panel.open {
  display: flex;
}

.section-item {
  display: flex;
  gap: 8px;
  text-decoration: none;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 700;
}

.section-item img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

#section-index-btn {
  margin-bottom: 8px;
}

/* ---------------------------------------------------------
   Hover-only pill labels (appear to the left of each button)
   --------------------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .floating-buttons .float-btn {
    position: relative;
  }
  /* Use data-label if present; fallback to aria-label */
  .floating-buttons .float-btn::after {
    content: attr(data-label);
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateX(-8px) translateY(-50%) scale(0.98);
    opacity: 0;
    pointer-events: none;
    z-index: 300;
    /* pill look */
    text-align: center;
    font-size: 12px;
    background: #E9DFEE;
    color: var(--wp--preset--color--off-black-2);
    line-height: 1;
    min-width: 83px;
    font-weight: 500;
    padding: 8px;
    border-radius: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    transition: opacity 0.18s ease, transform 0.18s ease;
    white-space: nowrap;
  }
  .floating-buttons .float-btn:not([data-label])::after {
    content: attr(aria-label);
  }
  /* Show on hover */
  .floating-buttons .float-btn:hover::after {
    opacity: 1;
    transform: translateX(-12px) translateY(-50%) scale(1);
  }
}
/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
.jet-listing-grid__item a[href]::before,
.jet-listing-dynamic-link-block a[href]::before,
.resource-list a[href]::before {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.0002%202H4.2002H1V5.2002V12.8002V16H4.19691H11.8031H15V12.8031V11M16%206V1M16%201H11M16%201L9%208%22%20stroke%3D%22%236E298D%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.jet-listing-grid__item a[href$=".pdf" i]::before,
.jet-listing-dynamic-link-block a[href$=".pdf" i]::before,
.resource-list a[href$=".pdf" i]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2218%22%20viewBox%3D%220%200%2014%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.652%201.50072C7.57242%201.5%207.48307%201.5%207.38093%201.5H3.65217L1.16699%201.54618V16.5L3.64945%2016.5L9.98791%2016.5L12.652%2016.5V6.7714C12.652%206.66914%2012.652%206.57967%2012.6512%206.5M7.652%201.50072C7.89003%201.50289%208.04062%201.51154%208.18437%201.54605C8.35443%201.58688%208.51688%201.65439%208.666%201.74577C8.83414%201.8488%208.97852%201.99318%209.26659%202.28125L11.8712%204.88582C12.1594%205.17407%2012.3027%205.3178%2012.4058%205.486C12.4972%205.63512%2012.5648%205.79771%2012.6056%205.96777C12.6401%206.11147%2012.649%206.26209%2012.6512%206.5M7.652%201.50072V3.83333V6.5H10.3161H12.6512M12.6512%206.5H12.6522%22%20stroke%3D%22%236E298D%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2216%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
}
.jet-listing-grid__item a[href*="youtube.com"]::before,
.jet-listing-dynamic-link-block a[href*="youtube.com"]::before,
.resource-list a[href*="youtube.com"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6635_6844)%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22%236E298D%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M-36.5801%20-52.3799L60.2499%2012.4301L-36.5801%2077.2401%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208L16%2012L10%2016V8Z%22%20stroke%3D%22%236E298D%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6635_6844%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.jet-listing-grid__item a,
.jet-listing-dynamic-link-block a,
.resource-list a {
  display: flex;
  padding: 1rem;
  background: linear-gradient(200deg, rgba(255, 255, 255, 0.7) -20.3%, rgba(224, 239, 250, 0.7) 115.31%), #FFF;
  gap: 16px;
  margin-bottom: 2px;
  align-items: center;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 500;
  line-height: var(--wp--custom--line-height--headings);
  letter-spacing: -0.18px;
  width: 100%;
  justify-content: flex-start;
}
@media (hover: hover) and (pointer: fine) {
  .jet-listing-grid__item a:hover,
  .jet-listing-dynamic-link-block a:hover,
  .resource-list a:hover {
    background: white;
  }
}
@media screen and (max-width: 1164px) {
  .jet-listing-grid__item a,
  .jet-listing-dynamic-link-block a,
  .resource-list a {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px; /* 131.25% */
    gap: 12px;
    padding: 10px 1rem;
  }
}
.jet-listing-grid__item.has-br a:first-child,
.jet-listing-dynamic-link-block.has-br a:first-child,
.resource-list.has-br a:first-child {
  border-radius: 8px 8px 0 0;
}
.jet-listing-grid__item.has-br a:last-child,
.jet-listing-dynamic-link-block.has-br a:last-child,
.resource-list.has-br a:last-child {
  border-radius: 0 0 8px 8px;
}

.jet-listing-grid__item:first-child a {
  border-radius: 8px 8px 0 0;
}
.jet-listing-grid__item:last-child a {
  border-radius: 0 0 8px 8px;
}
.jet-listing-grid__item:only-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.jet-listing-dynamic-link-block a,
.resource-list.purple a {
  background: var(--wp--preset--color--light-purple);
}
@media (hover: hover) and (pointer: fine) {
  .jet-listing-dynamic-link-block a:hover,
  .resource-list.purple a:hover {
    background: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--white);
  }
  .jet-listing-dynamic-link-block a:hover[href]::before,
  .resource-list.purple a:hover[href]::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.0002%205H8.2002H5V8.2002V15.8002V19H8.19691H15.8031H19V15.8031V14M20%209V4M20%204H15M20%204L13%2011%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  }
  .jet-listing-dynamic-link-block a:hover[href$=".pdf" i]::before,
  .resource-list.purple a:hover[href$=".pdf" i]::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2218%22%20viewBox%3D%220%200%2014%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.652%201.50072C7.57242%201.5%207.48307%201.5%207.38093%201.5H3.65217L1.16699%201.54618V16.5L3.64945%2016.5L9.98791%2016.5L12.652%2016.5V6.7714C12.652%206.66914%2012.652%206.57967%2012.6512%206.5M7.652%201.50072C7.89003%201.50289%208.04062%201.51154%208.18437%201.54605C8.35443%201.58688%208.51688%201.65439%208.666%201.74577C8.83414%201.8488%208.97852%201.99318%209.26659%202.28125L11.8712%204.88582C12.1594%205.17407%2012.3027%205.3178%2012.4058%205.486C12.4972%205.63512%2012.5648%205.79771%2012.6056%205.96777C12.6401%206.11147%2012.649%206.26209%2012.6512%206.5M7.652%201.50072V3.83333V6.5H10.3161H12.6512M12.6512%206.5H12.6522%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2216%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
  }
  .jet-listing-dynamic-link-block a:hover[href*="youtube.com"]::before,
  .resource-list.purple a:hover[href*="youtube.com"]::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6635_6844)%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M-36.5801%20-52.3799L60.2499%2012.4301L-36.5801%2077.2401%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208L16%2012L10%2016V8Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6635_6844%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }
}

/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
/* Section header acts as toggle on mobile */
.js-section-toggle {
  cursor: pointer;
}

.expand-all-parent {
  cursor: pointer;
  font-size: 14px;
}

@media screen and (max-width: 1164px) {
  .resources-section__header {
    position: relative;
  }
  .resources-section__header::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%208L12%2015L5%208%22%20stroke%3D%22%233E3E3E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 1164px) {
  .resources-section__actions-c {
    display: none;
  }
}

.js-section-content[hidden] {
  display: none;
}

@media screen and (min-width: 1165px) {
  .js-section-content {
    display: block !important;
  }
}
.icon-close {
  display: none;
}

.resources-section {
  border-top: 2px solid var(--purple-20-tint, #E9DFEE);
}

.resources-section__accordions {
  margin-bottom: 1rem;
}

.resources-section__icon {
  width: 30px;
}
@media screen and (max-width: 1164px) {
  .resources-section__icon {
    width: 24px;
  }
}

.resources-section__description p {
  padding-bottom: 0;
}
@media screen and (max-width: 1164px) {
  .resources-section__description {
    max-width: 253px;
  }
}

.resources-section__viewall {
  float: right;
}
.resources-section__viewall.open {
  background-color: var(--wp--preset--color--off-black-2);
  color: var(--wp--preset--color--white);
}
.resources-section__viewall.open svg, .resources-section__viewall.open path {
  stroke: var(--wp--preset--color--white);
}

.js-accordion-toggle {
  width: 100%;
  margin-bottom: 2px;
  color: var(--wp--preset--color--off-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.2px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  background: var(--Radial, radial-gradient(552.25% 232.49% at 72.3% -18.55%, #E7F5FF 0%, #E9DFEE 38.38%, #DAB4ED 89.85%));
  gap: 0.5rem;
}
.js-accordion-toggle svg {
  width: 24px;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .js-accordion-toggle:hover {
    background: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--white);
  }
  .js-accordion-toggle:hover svg path {
    stroke: var(--wp--preset--color--white);
  }
}
@media screen and (max-width: 1164px) {
  .js-accordion-toggle {
    font-size: 16px;
    line-height: 21px; /* 131.25% */
    letter-spacing: normal;
  }
}

.resources-subsection:first-child .js-accordion-toggle {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.resources-subsection:last-child .js-accordion-toggle {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.resources-subsection:last-child .js-accordion-toggle.open {
  border-radius: 0;
}
.resources-subsection:last-child .resource-list a:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.resources-subsection:only-child .js-accordion-toggle.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.modal.is-open {
  display: grid;
  place-items: center;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}

.modal__content {
  position: relative;
  max-width: 629px;
  min-height: 291px;
  width: min(629px, 100% - 32px);
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  z-index: 1;
  text-align: center;
}

.modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  cursor: pointer;
}

.modal__icon img {
  width: 24px;
  height: 24px;
}

.modal__body {
  max-width: 392px;
  margin: 0 auto;
}

/*
Theme Name: CAMH Resource Toolkit
Author: Puncture Design
Author URI: https://puncture.co/
Version: 1.1.0
Text Domain: camh
*/
.layout-header input[name=cons_first_name],
.layout-header input[name=cons_last_name],
.layout-simple input[name=cons_first_name],
.layout-simple input[name=cons_last_name] {
  margin-bottom: 32px;
}
.layout-header .input-label,
.layout-simple .input-label {
  display: none;
}

.layout-simple {
  text-align: center;
}
.layout-simple input {
  text-align: center;
}
@media screen and (min-width: 1165px) {
  .layout-simple .cons-full-name-container {
    display: flex;
    gap: 16px;
  }
  .layout-simple .cons-full-name-container > div {
    width: 50%;
  }
}

.layout-header input[type=submit] {
  padding: 8px 16px;
}
.layout-header .button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layout-header .cons-full-name-container {
  display: flex;
  gap: 16px;
}
.layout-header .cons-full-name-container > div {
  width: 50%;
}

.header-subscribe-btn-cancel {
  padding: 0;
  border: none;
  font-size: var(--wp--preset--font-size--xx-small);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .header-subscribe-btn-cancel:hover {
    background-color: transparent;
  }
}

/*# sourceMappingURL=style.css.map */