:root {
  --program-body-text: #333333;
}

.pdop_program_container_top {
  padding-block: 60px;
}
/* Not Sure Section */

.site-main div {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary);
  /* height: fit-content; */
  /* background: #ccc; */
}
.pdop_not_sure_container {
  --offset: 76px;
  --radius: 20px;
  background-color: #e2f8ff;
  padding-inline: 80px 0;
  border-radius: var(--radius);
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: var(--offset);
}

.pdop_not_sure_container h3 {
  font-weight: var(--fw-black);
  font-size: var(--h3-2-size);
  text-transform: uppercase;
  margin-bottom: 24px;
}

.pdop_not_sure_container p {
  margin-bottom: 16px;
  font-size: var(--body-large);
  font-weight: var(--fw-semibold);
}

.pdop_not_sure_choices {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  align-items: center;
}

.pdop_not_sure_choices a {
  padding: 10px;
  border-radius: 50px;
  /* border: 1px solid #a8b5e2; */
  box-shadow: inset 0 0 0 1px #a8b5e2;
  font-weight: var(--fw-medium);
  color: var(--color-primary);
  background-color: var(--color-white);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.pdop_not_sure_choices a:hover {
  /* border: 1.5px solid var(--Oak-Sky-Blue, #009AD0); */
  box-shadow: inset 0 0 0 1.5px #009ad0;
}

.pdop_not_sure_content {
  padding-block: 40px;
  max-width: 620px;
}

.srec_pc_card .srec_pc_img_wrap .srec_pc_img {
  aspect-ratio: 16/9;
}

.pdop_not_sure_img {
  justify-content: flex-end;
}
.pdop_not_sure_img img {
  position: relative;
  z-index: 1;
  border-radius: 0px 20px 20px 0px;
  /* margin-top: calc(var(--offset) * -1); */
}

.pdop_not_sure_img svg {
  border-radius: 0 0 var(--radius) 0;
}

.pdop_program_content {
  min-width: 0;
  min-height: 0;
}

/* Program Container Main */
.pdop_program_container_main {
  background-color: #ecf0f8;
  padding-block: 70px;
}

.pdop_program_container_grid {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 30px;
}

.pdop_contact_sidebar {
  display: grid;
  gap: 20px;
  /* position: sticky; */
  /* top: 120px; */
}

.pdop_contact_sidebar_card {
  background-color: var(--color-accent-green);
  border-radius: 20px;
  padding: 20px;
}

.pdop_contact_sidebar_card hr {
  background-color: #a5af22;
  margin-block: 16px;
  opacity: 1;
}

.pdop_contact_sidebar_card_header img {
  border-radius: 100vw;
  width: 150px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-bottom: 11px;
}

.pdop_contact_sidebar_card_header h5 {
  font-weight: var(--fw-semibold);
}

.pdop_contact_sidebar_card_header span {
  font-size: var(--body-small);
}

.pdop_contact_sidebar_card_body {
  --gap: 19px;
  display: grid;
  gap: var(--gap);
  margin-bottom: var(--gap);
}

.pdop_contact_sidebar_card_body :is(p, a) {
  display: flex;
  gap: 20px;
  color: var(--color-black);
  word-break: break-all;
  text-decoration: none;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}
.pdop_contact_sidebar_card_body :is(p, a) svg {
  flex-shrink: 0;
  margin-top: 4px;
}

.pdop_contact_sidebar_facility_body {
  display: grid;
  gap: 28px;
}

.pdop_contact_sidebar_facility_item h6 {
  margin-bottom: 9px;
  font-weight: var(--fw-semibold);
  color: var(--color-primary);
}

.pdop_contact_sidebar_facility_item p {
  font-size: clamp(14px, 1.1vw, 15px);
  font-weight: var(--fw-medium);
  margin-bottom: 4px;
}

.pdop_contact_sidebar_facility_item svg {
  margin-top: 4px;
}

.pdop_program_top_navigation_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  gap: 5px;
  flex: 1;
  border-radius: 20px;
  background-color: #eaefff;
  color: #3e3e3e;
  font-size: var(--body-base);
  font-weight: var(--fw-semibold);
  border: 1px solid #a9b4d7;
  transition: all 250ms ease-in-out;
  min-width: 225px;
  height: 100%;
  text-align: center;
  outline: 0;
}

.pdop_program_top_navigation_item:hover {
  border-color: #2b3c73;
}

/* .pdop_program_top_navigation_item:is(.mPS2id-highlight.mPS2id-highlight-first) {
  border-color: transparent;
  background-color: var(--color-primary);
  color: var(--color-white);
} */

.pdop_program_top_navigation_item:is(.pdop_nav_active) {
  border-color: transparent;
  background-color: var(--color-primary);
  color: var(--color-white);
}

.pdop_program_top_navigation_item > svg path {
  stroke: #000;
  /* fill: none; */
}

.pdop_program_top_navigation_item.pdop_nav_active > svg path {
  stroke: #fff;
  /* fill: none; */
}
.pdop_program_top_navigation {
  display: flex;
  justify-content: start;
  gap: 10px;
  padding: 11px 13px;
  background-color: #ecf0f8;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
  position: sticky;
  top: 104px;
  z-index: 9;
  scroll-behavior: smooth;
}

/* Chrome, Edge, Safari */
.pdop_program_top_navigation::-webkit-scrollbar {
  width: 8px;
}

.pdop_program_top_navigation::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.pdop_program_top_navigation::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 10px;
}

.pdop_program_top_navigation::-webkit-scrollbar-thumb:hover {
  background: #333;
}

/* Program main Card */

.pdop_program_content_card {
  background-color: var(--color-white);
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  padding: 45px 40px;
  margin-block: 60px;
  --table-label-size: 230px;
}

/* .pdop_program_content_card{} */
.pdop_program_content_card::-webkit-scrollbar {
  width: 6px !important;
}

.pdop_program_content_card::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px !important;
}

.pdop_program_content_card:last-child {
  margin-bottom: 0;
}

.pdop_program_content_card h2 {
  font-size: var(--h3-2-size);
  font-weight: var(--fw-extrabold);
  /* font-size: var(--body-large);
  font-weight: var(--fw-bold); */
  text-transform: uppercase;
  margin-bottom: 15px;
}

.pdop_program_content_card > *:last-child {
  margin-bottom: 0;
}

/* Program Category */

.srec_pc_wrap.pdop_program_category_wrapper {
  background-color: var(--color-accent-sky);
  border-radius: 20px;
  padding: 40px 30px;
}

.srec_pc_wrap.pdop_program_category_wrapper h2 {
  font-weight: var(--fw-extrabold);
  font-size: var(--h4-2-size);
  margin-bottom: 0;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_header {
  margin-bottom: 30px;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_view_all {
  font-weight: var(--fw-semibold);
  color: var(--color-white);
  text-decoration: underline;
  text-underline-position: from-font;
  font-size: var(--body-base);
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_card {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow:
    0 69px 69px 0 rgba(0, 0, 0, 0.09),
    0 17px 38px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(5px);
  border: 1px solid var(--color-white);
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_card_inner {
  padding: 16px;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_badge {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--color-black);
  background-color: #fae1fa;
  border: 0;
  padding: 2px 7px;
  margin-left: -6px;
  margin-top: -6px;
  margin-bottom: 19px;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_cat_name {
  font-size: var(--h5-size);
  font-weight: var(--fw-bold);
  color: var(--color-black);
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_count {
  font-size: var(--body-base);
  color: var(--color-black);
  margin-bottom: 12px;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_img_wrap {
  margin-bottom: auto;
}

.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_btn {
  margin-top: 24px;
}
.page-id-2519473 .pdop_interactive_card_item {
  padding: 20px;
}
/* Program CTAs */

.pdop_program_ctas {
  background-color: #fcffda;
  padding-inline: 50px;
  padding-block: 10px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-block: 40px;
  border-radius: 20px;
  align-items: center;
  gap: 30px 60px;
}

.pdop_program_ctas:has(> a:only-child) {
  grid-template-columns: 1fr;
}

.pdop_program_ctas:has(> a:only-child) > a {
  justify-self: center;
  width: fit-content;
}

.pdop_program_ctas span {
  height: 60px;
  display: block;
  width: 1px;
  background-color: #d2d790;
}

.pdop_program_ctas a {
  font-size: var(--body-medium);
  font-weight: var(--fw-medium);
  color: var(--color-black);
}

/* Program Multiple Button Sections */
.program_multi_button {
  margin-bottom: 0;
}

/* Program This Week */

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper {
  padding-top: 40px;
  background-color: #e2f8ff;
  margin-bottom: 40px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .swiper-slide {
  height: auto;
}

.srec_tw_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.srec_tw_view_all {
  font-weight: var(--fw-semibold);
  color: var(--color-black);
  text-decoration: underline;
  text-underline-position: from-font;
  font-size: var(--body-base);
  display: flex;
  gap: 8px;
  align-items: center;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  :is(.srec_tw_heading, .srec_tw_days, .srec_tw_filters, .srec_tw_view_all) {
  margin-inline: 30px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_days {
  background-color: #caeffb;
  border-radius: 40px;
  gap: 0;
  padding: 3px;
  overflow-x: unset;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  overflow-x: auto;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_day_tab {
  border: 0;
  padding-inline: 5px;
  border-radius: 40px;
  gap: 3px;
  min-width: 90px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  :is(.srec_tw_day_tab__active, .srec_tw_day_tab__active:hover) {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--color-white);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_day_tab
  :is(.srec_tw_day_label, .srec_tw_day_date) {
  font-size: 12px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_day_tab
  .srec_tw_day_label {
  color: var(--color-primary);
  font-weight: var(--fw-semibold);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_day_tab
  .srec_tw_day_date {
  color: #5d5d5d;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_filters {
  gap: 14px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_pill {
  padding: 8px 14px;
  font-size: var(--body-base);
  font-weight: var(--fw-medium);
  color: var(--program-body-text);
  border-radius: 52px;
  border-color: #d0e1e7;
  background-color: transparent;
  gap: 6px;
  display: inline-flex;
  align-items: center;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_pill.srec_tw_pill__active {
  color: var(--color-primary);
  border-color: var(--color-accent-sky);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_swiper {
  /* padding-bottom: 75px; */
  padding-inline: 30px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_swiper
  .swiper-slide {
  padding-bottom: 75px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card {
  border-radius: 20px;
  border: 1px solid var(--color-white);
  background: rgba(255, 255, 255, 0.8);
  box-shadow:
    0 69px 69px 0 rgba(0, 0, 0, 0.09),
    0 17px 38px 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  height: calc(100% - 35px);
  padding-inline: 16px;
  padding-block: 10px 24px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_badge {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--color-black);
  background-color: #fcffd6;
  border-radius: 10px;
  border: 0;
  padding: 2px 7px;
  margin-left: -6px;
  margin-bottom: 16px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card_name {
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  color: var(--program-body-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card_meta {
  font-size: var(--body-small);
  font-weight: var(--fw-medium);
  color: var(--color-black);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card_meta svg {
  flex-shrink: 0;
  margin-top: 3px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_card_meta
  li:not(:last-child) {
  margin-bottom: 8px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card_meta li {
  gap: 9px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_card_meta
  li
  span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_spots {
  font-size: var(--body-small);
  color: var(--color-black);
  margin-bottom: 0;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_spots_ring {
  width: 32px;
  height: 32px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_spots_ring::after {
  inset: 5px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_spots_text {
  font-size: var(--body-small);
  color: var(--color-black);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_spots_text
  span {
  font-weight: var(--fw-bold);
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_btn.pdop_btn {
  --arrow-width: 38px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper
  .srec_tw_btn.pdop_btn
  span,
.srec_pc_wrap.pdop_program_category_wrapper .srec_pc_btn span {
  flex-grow: 1;
  text-align: center;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_card_footer {
  align-items: stretch;
  padding-top: 16px;
  gap: 16px;
}

.srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_link_details {
  justify-content: center;
  font-size: var(--body-base);
  font-weight: var(--fw-semibold);
  color: var(--color-primary);
  gap: 10px;
}

/* Class Location */
.pdop_class_location_main {
  margin-bottom: 30px;
}
.pdop_class_location_card_main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.pdop_class_location_card_main.single-col {
  grid-template-columns: 1fr;
}
.page-id-2519088 .pdop_class_location_card {
  margin-top: -10px;
}

.pdop_class_location_card {
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 6px;
}

.pdop_class_location_card h6 {
  font-size: var(--body-medium);
  font-weight: var(--fw-bold);
}

.pdop_class_location_card img {
  border-radius: 20px;
}

.pdop_class_location_card .pdop_class_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pdop_class_location_card .pdop_class_content p {
  margin-bottom: 0;
  line-height: 1.8;
}

.pdop_class_location_card .pdop_class_content a {
  color: var(--color-primary);
  font-weight: var(--fw-semibold);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

/* Meet Instructor */

.pdop_meet_instructor_header {
  margin-bottom: 20px;
}

.pdop_meet_instructor_header h2 {
  margin-bottom: 0;
}

.pdop_meet_instructor_header input#search_instructor {
  max-width: 300px;
  min-width: 300px;
  flex-shrink: 0;
  padding-block: 10px;
  padding-inline: 15px 35px;
  line-height: 1.5;
  border-radius: 10px;
  border: 1px solid #bfbfbf;
  outline: 0;
}

.pdop_meet_instructor_header input::placeholder {
  color: #989898;
}

.pdop_meet_instructor_wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px; /* roughly one card row height */
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.pdop_meet_instructor_wrapper.expanded::after {
  opacity: 0;
}

.search_instructor_wrapper::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.63588 1.125C5.48953 1.125 4.36893 1.46493 3.41578 2.10181C2.46262 2.73868 1.71973 3.6439 1.28104 4.70299C0.842355 5.76207 0.727574 6.92746 0.951216 8.05178C1.17486 9.1761 1.72688 10.2089 2.53747 11.0194C3.34806 11.83 4.38081 12.3821 5.50513 12.6057C6.62945 12.8293 7.79484 12.7146 8.85393 12.2759C9.91301 11.8372 10.8182 11.0943 11.4551 10.1411C12.092 9.18798 12.4319 8.06738 12.4319 6.92103C12.4319 5.38383 11.8213 3.90959 10.7343 2.82262C9.64733 1.73565 8.17309 1.125 6.63588 1.125Z" stroke="%232B3C73" stroke-width="1.5" stroke-miterlimit="10"/><path d="M10.793 11.0781L14.8407 15.1259" stroke="%232B3C73" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
  background-size: 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
}

/* Close icon */
.search_instructor_wrapper.has-value::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4L12 12M12 4L4 12' stroke='%232B3C73' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  cursor: pointer;
}

.pdop_meet_instructor {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.pdop_meet_instructor_card {
  padding: 10px;
  border-radius: 20px;
  border: 1px solid #e4e4e4;
  background-color: var(--color-white);
}

.pdop_meet_instructor_card_img {
  margin-bottom: 16px;
  border-radius: 10px;
}

.pdop_meet_instructor_card_img :is(img, svg) {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.pdop_meet_instructor_card_content {
  padding-inline: 10px;
  padding-bottom: 10px;
}

.pdop_meet_instructor_card_content h6 {
  font-size: var(--body-medium);
  font-weight: var(--fw-semibold);
  margin-bottom: 8px;
}

.pdop_meet_instructor_card_tags > span {
  font-size: var(--body-small);
  font-weight: var(--fw-semibold);
  display: block;
  margin-bottom: 6px;
}

.pdop_meet_instructor_card_tag_items {
  margin-bottom: 10px;
}

.pdop_meet_instructor_card_tag_items span {
  padding: 2px 7px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  background-color: #fcffbc;
  border-radius: 3px;
}

.pdop_meet_instructor_card_tag_items
  span:nth-child(3n - 1 of :not(.visually-hidden)) {
  background-color: #e1f1ff;
}
.pdop_meet_instructor_card_tag_items
  span:nth-child(3n - 3 of :not(.visually-hidden)) {
  background-color: #ffe0e0;
}

.pdop_meet_instructor_read_more {
  all: unset;
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--fw-semibold);
}

.pdop_meet_instructor_description {
  display: -webkit-box;
  -webkit-line-clamp: 5; /* show 5 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 7.5em;
  transition: max-height 0.4s ease;
  margin-bottom: 24px;
}

.pdop_meet_instructor_description.expanded {
  display: block;
  -webkit-line-clamp: unset;
  max-height: 1000px;
  overflow: visible;
}

.show_all_instructors {
  all: unset;
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--fw-semibold);
  text-decoration: underline;
}

/* Program Detail Section */

.pdop_program_detail_data_section {
  display: grid;
}

.pdop_punch_section:has(+ .pdop_program_detail_data_section) {
  margin-bottom: 58px;
}

.multi-btn-wrap {
  margin-bottom: 2.5vw;
}
.program-heading-wrap {
  margin-bottom: 1.5vw;
}

.pdop_program_detail_data_section .program_heading_section h3 {
  font-size: var(--body-large);
  font-weight: var(--fw-bold);
  margin-bottom: 10px;
  line-height: 1.4;
}

.pdop_program_detail_data_section .program_heading_section p {
  /* margin-bottom: 24px; */
  color: var(--program-body-text);
}
.pdop_program_detail_data_section .program_heading_section p:last-of-type {
  margin-bottom: 0;
}

.pdop_program_detail_data_section .program_highlight_section > h6 {
  background-color: #e2f8ff;
  color: #0079a4;
  margin-bottom: 12px;
  font-size: var(--body-small);
  padding: 8px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: var(--fw-bold);
}

.pdop_program_detail_data_section .program_highlight_section {
  margin-bottom: 32px;
}

.pdop_program_detail_data_section .program_highlight_list {
  display: flex;
  gap: 20px;
}

.pdop_program_detail_data_section .program_highlight_list h6 {
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  margin-bottom: 4px;
}

.pdop_program_detail_data_section .program_highlight_list p,
.pdop_program_detail_data_section .program_highlight_list ul,
.pdop_program_detail_data_section .program_highlight_list ol {
  color: #5d5d5d;
}

.pdop_program_detail_data_section .program_highlight_list img {
  filter: drop-shadow(0 6px 6px rgba(164, 100, 22, 0.4));
}

.pdop_program_detail_data_section
  .program_highlight_list
  .program_highlight_list_item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
}

.numbered_icon {
  position: relative;
  justify-content: center;
  align-items: center;
}

.numbered_icon:after {
  content: attr(data-number);
  position: absolute;
  font-weight: 700;
  color: var(--color-accent-red);
}

.program_note_section {
  border-radius: 20px;
  border: 1px solid #dd9228;
  background: #ffefd9;
  padding-inline: 30px;
  padding-block: 16px;
  border-radius: 20px;
  margin-block: 16px 30px;
  margin-bottom: 58px;
}
.pdop_program_detail_data_section .program_note_section {
  margin-top: 0;
}

.notecontent h3 {
  font-weight: var(--fw-bold);
  margin-bottom: 14px;
  color: #855a24;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.note_tag > svg {
  flex-shrink: 0;
}

.note_tag .notecontent h3 {
  display: none;
}

.program_note_section ul {
  display: grid;
  gap: 8px;
}

.program_note_section li {
  display: flex;
  gap: 10px;
  margin-left: 10px;
  /* align-items: center; */
}

.program_note_section li:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--color-black);
  border-radius: 100vw;
  flex-shrink: 0;
  margin-top: 10px;
}

/* =============================================
   Membership Pricing Table
   ============================================= */

.pdop_membership_section {
  margin-bottom: 60px;
  overflow-x: auto;
}

.pdop_punch_section {
  overflow-x: auto;
}

.pdop_membership_table {
  width: 100%;
  background-color: var(--color-white);
  overflow: hidden;
}

.pdop_membership_title_main {
  display: grid;
  grid-template-columns: var(--table-label-size) 1fr;
}

.pdop_membership_title_inner {
  background-color: #fff5e1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Title Row */
.pdop_membership_title_row {
  display: grid;
  grid-template-columns: 1fr;
}

.pdop_membership_title_empty {
  background-color: var(--color-white);
}

.pdop_membership_header {
  padding: 16px 20px;
  text-align: center;
}

.pdop_membership_header strong {
  font-size: var(--h5-size);
  font-weight: var(--fw-bold);
  display: block;
  line-height: 1;
}

.pdop_membership_header span {
  font-size: var(--body-small);
  font-weight: var(--fw-medium);
}

/* Group header row (MONTHLY / ANNUAL) */
.pdop_membership_group_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pdop_membership_col_group_title {
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--color-gray-100);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.pdop_membership_col_group_title.pdop_membership_col_monthly {
  margin-right: 4px;
}

.pdop_membership_col_group_title.pdop_membership_col_annual {
  margin-left: 4px;
}

/* Sub-header row (Ages) */
.pdop_membership_sub_row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pdop_membership_col_sub {
  padding: 8px 10px;
  font-size: var(--body-small);
  /* font-weight: var(--fw-semibold); */
  font-weight: 400;
  color: var(--color-white);
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
}

.pdop_membership_col_monthly_sub,
.pdop_membership_col_annual_sub {
  background-color: var(--color-primary);
}

.pdop_membership_sub_row > div:nth-child(2) {
  margin-right: 4px;
}

.pdop_membership_sub_row > div:nth-child(3) {
  margin-left: 4px;
}

.pdop_membership_sub_row > div:nth-child(2),
.pdop_membership_sub_row > div:nth-child(4) {
  border-left: 1px solid #d6d6d6;
}

/* Data Rows */
.pdop_membership_row {
  display: grid;
  grid-template-columns: var(--table-label-size) 1fr 1fr 1fr 1fr;
}

.pdop_membership_row_label {
  display: flex;
  align-items: center;
  padding: 30px;
  font-weight: var(--fw-semibold);
  font-size: var(--body-medium);
  background-color: #e2f8ff;
  border-radius: 40px 0 0 40px;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.06);
  margin-block: 16px;
}

/* Gap between Monthly and Annual in data rows */
.pdop_membership_row > div:nth-child(3) {
  margin-right: 4px;
}

.pdop_membership_row > div:nth-child(4) {
  margin-left: 4px;
}

.pdop_membership_row > div:nth-child(3),
.pdop_membership_row > div:last-child {
  border-right: 1px solid #d6d6d6;
}

.pdop_membership_cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 10px;
  text-align: center;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
}

.pdop_membership_cell strong {
  font-size: var(--body-medium);
  font-weight: var(--fw-semibold);
  display: block;
  margin-bottom: 2px;
  line-height: 1.25;
}

.pdop_membership_cell span {
  font-size: var(--body-small);
  display: block;
  margin-bottom: 10px;
}

.pdop_membership_cell a,
.pdop_punch_cell a {
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  color: var(--color-accent-sky);
  text-decoration: underline;
  text-underline-position: from-font;
  display: flex;
  gap: 8px;
  align-items: center;
}

.pdop_membership_cell a:hover .pdop_punch_cell a:hover {
  text-decoration: underline;
}

.pdop_membership_table
  .pdop_membership_row:last-of-type
  .pdop_membership_cell:nth-of-type(2),
.pdop_membership_table
  .pdop_membership_row:last-of-type
  .pdop_membership_cell:nth-of-type(4) {
  border-bottom-left-radius: 20px;
}

.pdop_membership_table
  .pdop_membership_row:last-of-type
  .pdop_membership_cell:last-of-type,
.pdop_membership_table
  .pdop_membership_row:last-of-type
  .pdop_membership_cell:nth-of-type(3) {
  border-bottom-right-radius: 20px;
}

.pdop_membership_row > div:nth-child(3):after {
  content: "";
  width: 4px;
  position: absolute;
  left: calc(100% + 1px);
  top: 16px;
  bottom: 16px;
  background-color: #e2f8ff;
}

.pdop_membership_row > div:nth-child(4):after {
  content: "";
  width: 4px;
  position: absolute;
  right: calc(100% + 1px);
  top: 16px;
  bottom: 16px;
  background-color: #e2f8ff;
}

/* Handle dynamically spanned cells when data is missing */
.pdop_membership_cell.pdop-span-2 {
  grid-column: span 2;
}

/* Monthly col0 spans 2 */
.pdop_membership_table:not(.pdop_single_group)
  .pdop_membership_row
  > div:nth-child(2).pdop-span-2 {
  border-right: 1px solid #d6d6d6;
}
.pdop_membership_table:not(.pdop_single_group)
  .pdop_membership_row
  > div:nth-child(2).pdop-span-2:after {
  content: "";
  width: 4px;
  position: absolute;
  left: calc(100% + 1px);
  top: 16px;
  bottom: 16px;
  background-color: #e2f8ff;
}
.pdop_membership_table
  .pdop_membership_row:last-of-type
  > div:nth-child(2).pdop-span-2 {
  border-bottom-right-radius: 20px;
}

/* Monthly col1 spans 2 */
.pdop_membership_table
  .pdop_membership_row:last-of-type
  > div:nth-child(3).pdop-span-2 {
  border-bottom-left-radius: 20px;
}

/* Annual col0 spans 2 */
.pdop_membership_row > div:nth-child(4).pdop-span-2 {
  border-right: 1px solid #d6d6d6;
}
.pdop_membership_table
  .pdop_membership_row:last-of-type
  > div:nth-child(4).pdop-span-2 {
  border-bottom-right-radius: 20px;
}

/* Annual col1 spans 2 */
.pdop_membership_row > div:nth-child(5).pdop-span-2:before {
  content: "";
  width: 4px;
  position: absolute;
  right: calc(100% + 1px);
  top: 16px;
  bottom: 16px;
  background-color: #e2f8ff;
}
.pdop_membership_table
  .pdop_membership_row:last-of-type
  > div:nth-child(5).pdop-span-2 {
  border-bottom-left-radius: 20px;
}

/* =============================================
   Punch Passes Table
   ============================================= */

.pdop_punch_section h3 {
  font-size: var(--h5-size);
  font-weight: var(--fw-bold);
  margin-bottom: 10px;
  text-transform: none;
}

.pdop_punch_section > p {
  margin-bottom: 12px;
}

.pdop_punch_table {
  width: 100%;
  overflow: hidden;
  background-color: var(--color-white);
}

.pdop_punch_group_row_main {
  display: grid;
  grid-template-columns: var(--table-label-size) 1fr;
  gap: 8px;
}

/* Column Group Headers */
.pdop_punch_group_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.pdop_punch_col_single,
.pdop_punch_col_passes {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #fff5e1;
  padding: 16px 20px;
  text-align: center;
  border-left: 1px solid #e8ecf4;
}

.pdop_punch_col_title {
  font-size: var(--h5-size);
  font-weight: var(--fw-semibold);
  margin-bottom: 4px;
  line-height: 1;
}

.pdop_punch_col_subtitle {
  font-size: var(--body-small);
  line-height: 1.4;
  font-weight: var(--fw-medium);
}

/* Sub-header row (5 Visit / 10 Visit) */
.pdop_punch_sub_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.pdop_punch_col_sub {
  padding: 8px 10px;
  font-size: var(--body-small);
  /* font-weight: var(--fw-semibold); */
  font-weight: 400;
  color: var(--color-white);
  background-color: var(--color-primary);
  text-align: center;
}

.pdop_punch_sub_row .pdop_punch_col_sub_first {
  border-top-left-radius: 20px;
}

.pdop_punch_sub_row .pdop_punch_col_sub_last {
  border-top-right-radius: 20px;
  border-left: 1px solid #d6d6d6;
}

/* Data Rows */
.pdop_punch_row {
  display: grid;
  grid-template-columns: var(--table-label-size) 1fr 1fr;
  gap: 8px;
}

.pdop_punch_row_label {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  font-weight: var(--fw-semibold);
  font-size: var(--body-medium);
  background-color: #e2f8ff;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.06);
  margin-block: 5px;
  margin-right: -8px;
}

.pdop_punch_cell_two_col,
.pdop_punch_col_sub_main {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pdop_punch_col_sub_main,
.pdop_punch_sub_row > div {
  background-color: #fff5e1;
}

.pdop_punch_cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 10px;
  text-align: center;
  font-size: var(--body-large);
  border-left: 1px solid #d6d6d6;
}

.pdop_punch_cell_inner {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.pdop_punch_cell_inner_first {
  border-top: 1px solid #d6d6d6;
}

.pdop_punch_cell_inner_last {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.pdop_punch_cell_two_col > .pdop_punch_cell:first-child {
  border-left: 0;
}

.pdop_punch_cell_single {
  border-left: 0;
}

/* Single Description */

.program_single_description {
  font-weight: var(--fw-semibold);
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-accent-sky);
  margin-bottom: 30px;
}

/* Single Button */

.program_single_button {
  margin-bottom: 45px;
}

/* .program_multi_button{padding-top: 30px; border-top: 1px solid var(--color-accent-sky); margin-top: 30px;} */

/* Program Detail Data */

.program_detail_header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
}

.program_detail_image img {
  max-width: 300px;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 20px;
}

.program_detail_header .pdop_btn {
  margin-bottom: 24px;
  padding: 10px 45px 10px 40px;
}

.program_detail_header .pdop_btn::after {
  margin-left: 20px;
}

/* .pdop_program_content::-webkit-scrollbar-thumb{
  width: 4px !important;
}

.pdop_program_content::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 10px !important;
} */

.pdop_program_content_main p a {
  color: var(--color-primary);
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 4px;
  align-items: center;
  font-weight: var(--fw-bold);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  line-height: normal;
  position: relative;
  bottom: -4px;
}

.pdop_program_content_card > *:last-child:not(.rs-embed-notice) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.pdop-schedule-desc {
  margin-top: 40px;
}

.pdop-schedule-desc p {
  color: #333333;
}

/* ========================================================= Accessible Link Icons Global Styles ========================================================= */
a:has(.link-icon),
.wysiwyg_content a,
.wysiwyg-content a,
.pdop_program_content_main p a,
.program_heading_section p a,
.program_single_description p a,
.program_faq_section p a,
.program_highlight_section p a,
.pdop_meet_instructor_description p a {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 4px;
  align-items: center;
}
.link-icon {
  border-radius: 17px;
  background: #c5f0ff;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
.link-icon svg {
  display: block;
  flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════
   Program Schedule Table
   ════════════════════════════════════════════════════════════ */

/* Outer wrapper — light blue container matching Figma */
.pdop-schedule-wrap {
  margin-top: 21px;
  border-radius: 20px;
  background: #e2f8ff;
  padding: 30px 30px 48px 30px;
}

/* Scrollable inner — enables sticky headers + horizontal scroll on mobile */
.pdop-schedule-scroll {
  overflow-y: clip;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary) rgba(43, 60, 115, 0.05);
}

/* Custom scrollbar styling for Chrome/Safari/Edge */
.pdop-schedule-scroll::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.pdop-schedule-scroll::-webkit-scrollbar-track {
  background: rgba(43, 60, 115, 0.05);
  border-radius: 10px;
}

.pdop-schedule-scroll::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 10px;
  border: 1px solid transparent;
}

.pdop-schedule-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-sky);
}

/* Table base */
.pdop-schedule-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

/* ── Sticky Header (Mon – Fri) ──────────────────────────── */
.pdop-schedule-table thead th {
  padding-bottom: 16px;
  text-align: center;
  vertical-align: bottom;
  position: sticky;
  top: 0;
}

/* Empty top-left cell */
.pdop-schedule-table thead th.col-week {
  padding: 0;
  min-width: 130px;
}

/* first/last header cell: no outside padding, so pills align with wrap edges */
.pdop-schedule-table thead th.col-day:first-of-type {
  padding-left: 0;
}
.pdop-schedule-table thead th.col-day:last-of-type {
  padding-right: 0;
}

.day-pill {
  display: block;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: var(--body-medium);
  font-weight: var(--fw-medium);
  padding: 9px;
  white-space: nowrap;
  margin-right: -1px;
}

.pdop-schedule-table thead th:nth-child(2) .day-pill {
  border-radius: 20px 0 0 20px;
}

.pdop-schedule-table thead th.col-day:last-of-type .day-pill {
  border-radius: 0 20px 20px 0;
  margin-right: 0;
}

/* ── Week Label Column ──────────────────────────────────── */
.pdop-schedule-table .cell-week {
  padding: 0 20px 25px 0;
  vertical-align: stretch;
  border: none;
  height: 1px;
}

.pdop-schedule-table tbody tr:last-child > * {
  padding-bottom: 0;
}

.week-label-box {
  background: var(--color-accent-sky);
  border-radius: 20px 0 0 20px;
  height: 100%;
  padding: 30px 22px 30px 23px;
  text-align: center;
  display: flex;
  align-items: center;
}

.cell-week .week-label {
  color: var(--color-white);
  font-size: var(--body-medium);
  font-weight: var(--fw-extrabold);
  text-transform: uppercase;
}

/* ── Day Cells ──────────────────────────────────────────── */
.pdop-schedule-table .cell-day {
  vertical-align: top;
  padding: 0 5px 25px 5px;
  min-width: 186px;
  border: none;
  height: 1px;
}

.pdop-schedule-table .cell-day:first-of-type {
  padding-left: 0;
}
.pdop-schedule-table .cell-day:last-of-type {
  padding-right: 0;
}

/* ── Schedule Card ──────────────────────────────────────── */
.sched-card {
  padding: 20px 16px;
  border-radius: 20px;
  border: 1px solid var(--color-white);
  background: #f3f3e9;
  box-shadow: 0 17px 38px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Card title */
.sched-card__title {
  color: #333333;
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  margin-bottom: 10px;
}

/* Meta list (date, address, time) */
.sched-card__meta {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}

.sched-card__meta li {
  display: flex;
  gap: 9px;
  font-size: var(--body-small);
  font-weight: var(--fw-medium);
  color: var(--color-black);
}

/* Meta icons */
.meta-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

/* ── Color Themes (Figma) ───────────────────────────────── */
.sched-card--yellow {
  background: #f3f3e9;
}

.pdop-schedule-table tr:nth-child(even) .cell-day .sched-card--yellow {
  background: #dddfc6;
}

.sched-card--purple {
  background: #f0f0ff;
}

.pdop-schedule-table tr:nth-child(even) .cell-day .sched-card--purple {
  background: #d7ddf8;
}

.sched-card--blue {
  background: #e7f4ff;
}

.pdop-schedule-table tr:nth-child(even) .cell-day .sched-card--blue {
  background: #c8e6f8;
}

.sched-card--orange {
  background: #ffefea;
}

.pdop-schedule-table tr:nth-child(even) .cell-day .sched-card--orange {
  background: #ffd6ca;
}

/* Align cloned buttons/PDFs when placed in heading rows */
.program_heading_row .pdop-action-buttons-wrapper,
.program_heading_row .content-link.link-pdf,
.program_heading_row .pdop_community_cta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Fallback text when location is empty */
.sched-card-empty {
  font-size: var(--body-base);
  font-weight: var(--fw-bold);
  color: var(--color-accent-red);
  padding: 20px 16px;
  border-radius: 20px;
  border: 1px solid var(--color-white);
  background: #ffa0936e;
  box-shadow: 0 17px 38px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Media Queries */
@media (min-width: 1600px) {
  .pdop_not_sure_container {
    padding-inline: 100px 0;
  }

  .pdop_program_container_grid {
    grid-template-columns: 265px 1fr;
    gap: 60px;
  }

  .pdop_class_location_card_main {
    gap: 60px;
  }

  .pdop_meet_instructor {
    grid-template-columns: repeat(4, 1fr);
  }

  .pdop_program_detail_data_section .program_highlight_list {
    gap: 40px;
  }

  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper
    .srec_tw_day_tab
    :is(.srec_tw_day_label, .srec_tw_day_date) {
    font-size: 14px;
  }

  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_filters {
    gap: 16px;
  }

  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_spots_ring {
    width: 36px;
    height: 36px;
  }

  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper
    .srec_tw_spots_ring::after {
    inset: 6px;
  }
}

@media only screen and (max-width: 1590px) {
  .pdop_program_container_grid {
    grid-template-columns: 270px 1fr;
  }
}

@media (max-width: 1200px) {
  .pdop_program_top_navigation {
    top: 63px;
  }
}

@media (max-width: 1180px) {
  .pdop_program_container_grid {
    grid-template-columns: 210px 1fr;
  }
  .pdop_not_sure_img img {
    margin: 0;
  }
  .pdop_not_sure_choices {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1024px) {
  .pdop_program_container_grid {
    grid-template-columns: 1fr !important;
  }

  .pdop_program_container_grid .pdop_contact_sidebar_main {
    order: 2;
  }

  .pdop_not_sure_container {
    padding-inline: 30px 0px;
  }

  .pdop_not_sure_content {
    padding-block: 40px;
    max-width: 400px;
  }

  .pdop_contact_sidebar_main {
    display: block;
  }
}

@media (max-width: 1024px) and (min-width: 640px) {
  .pdop_contact_sidebar_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pdop_contact_sidebar_card hr {
    background-color: #8e8e8e2e !important;
    border: 0;
    height: 100%;
    margin-bottom: 1.5em;
    width: 1px;
  }
  .pdop_contact_sidebar_card_header.d-flex.flex-column.align-items-center {
    flex-basis: 50% !important;
  }
  .pdop_contact_sidebar_card_body {
    flex-basis: 50% !important;
    margin: 0 5vw;
  }
}
@media (max-width: 992px) {
  .program_detail_header {
    grid-template-columns: 1fr;
  }
  .pdop_not_sure_content {
    max-width: 100%;
  }
  .pdop_not_sure_choices {
    justify-content: flex-start;
  }
  .pdop_not_sure_choices a {
    padding: 10px 20px;
  }
  .pdop_punch_table {
    max-width: 800px;
    min-width: 800px;
  }
}

@media (max-width: 980px) {
  .pdop_class_location_card_main {
    grid-template-columns: 1fr;
  }
  .pdop_program_content_card {
    --table-label-size: 150px;
  }
  .pdop_meet_instructor {
    grid-template-columns: repeat(2, 1fr);
  }
  .pdop_not_sure_container.position-relative {
    display: grid;
  }
  .pdop_not_sure_choices {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
  }
  .pdop_not_sure_img img {
    margin-top: 0;
  }
  .pdop_not_sure_content {
    padding-block: 40px 20px;
  }
  .pdop_program_detail_data_section .program_highlight_list {
    flex-flow: column !important;
  }
  .srec_pc_wrap.pdop_program_category_wrapper .srec_pc_header {
    flex-flow: column !important;
    gap: 10px;
  }
  .pdop_program_ctas {
    display: block;
  }
  .pdop_program_ctas a {
    gap: 15px;
  }
  .pdop_program_ctas span {
    height: 1px;
    width: 100%;
    margin: 20px 0;
  }
  .pdop_membership_table {
    min-width: max-content;
  }
}

@media (max-width: 768px) {
  .pdop_not_sure_container.position-relative {
    display: flex;
    flex-wrap: wrap-reverse;
    margin: 5vw 0;
  }
  .pdop_not_sure_container {
    padding: 20px;
  }
  .pdop_meet_instructor_header {
    flex-flow: column;
    gap: 20px;
    align-items: stretch;
  }
  .pdop_not_sure_img img {
    border-radius: 20px;
  }
  .pdop_meet_instructor_header input#search_instructor {
    width: 100%;
    max-width: none;
  }
  .pdop_meet_instructor {
    grid-template-columns: 1fr;
  }
  html {
    --footer-padding: 24rem;
  }

  .pdop-schedule-table .cell-week {
    position: sticky;
    left: 0;
    padding-right: 16px;
    z-index: 2;
    background: #e2f8ff57;
  }

  .week-label-box {
    padding: 16px;
  }
}

@media (max-width: 580px) {
  .pdop_program_main_page {
    padding-top: 50px;
  }
  .pdop_program_content_card {
    margin-block: 40px;
  }
  .pdop_program_ctas span {
    margin: 8px 0;
  }
  .pdop_program_ctas {
    padding-inline: 14px;
    padding-block: 14px;
  }
  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper
    .srec_tw_swiper
    .swiper-slide {
    padding-bottom: 40px;
  }
  .announcement-icon-box-wrapper > svg {
    height: 50px;
    width: 60px;
  }

  .pdop-schedule-wrap {
    padding-inline: 1rem;
  }

  .week-label-box {
    padding-inline: 12px;
  }

  .cell-week .week-label {
    font-size: var(--body-small);
  }
}

@media (max-width: 520px) {
  .announcement_wrapper {
    padding: 20px;
  }
  .pdop_contact_sidebar_card {
    width: 90%;
    margin: 0 auto;
  }
  .pdop_not_sure_img.d-flex.position-relative {
    padding: 20px 20px 0;
  }
  .announcement_wrapper > .d-flex {
    flex-direction: column;
  }
  .pdop_program_top_navigation {
    overflow-x: auto;
  }
  .pdop_program_top_navigation_item {
    text-align: center;
    transition: all 0.2s linear;
  }

  .pdop_not_sure_container {
    --offset: 0px;
    grid-template-columns: 1fr;
    padding: 0;
    margin-top: 4rem;
  }
  .pdop_not_sure_content {
    padding: 30px 20px;
  }
  .pdop_program_container_top {
    padding: 5vw !important;
  }
  .pdop_program_detail_data_section .program_highlight_list {
    flex-direction: column;
  }
  .pdop_program_content_card {
    padding: 35px 20px;
  }
  .pdop_program_ctas {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-inline: 20px;
    padding-block: 30px;
  }
  .pdop_program_ctas span {
    width: 100%;
    height: 1px;
  }
  .program_note_section li {
    align-items: flex-start;
  }
  .srec_pc_wrap.pdop_program_category_wrapper {
    padding-inline: 20px;
  }
  .srec_pc_wrap.pdop_program_category_wrapper .srec_pc_header,
  .srec_tw_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_pill {
    font-size: 14px;
    padding: 6px 10px;
  }
  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper
    :is(.srec_tw_heading, .srec_tw_days, .srec_tw_filters, .srec_tw_view_all) {
    margin-inline: 20px;
  }
  .srec_tw_wrap_this_week.pdop_program_this_week_wrapper .srec_tw_swiper {
    padding-inline: 20px;
  }
  .pdop_class_location_card {
    grid-template-columns: 1fr;
  }
  .pdop_class_location_card img {
    width: 100%;
  }
  .pdop_meet_instructor_header {
    flex-direction: column;
  }
  .pdop_meet_instructor {
    grid-template-columns: 1fr;
  }
  .search_instructor_wrapper {
    align-self: flex-start;
  }
  .pdop_program_content_card {
    --table-label-size: 120px;
  }
  .pdop_membership_table,
  .pdop_punch_table {
    overflow-x: auto;
    --grid-width: 130px;
  }
  .pdop_punch_table {
    min-width: auto;
  }
  .pdop_membership_title_main {
    grid-template-columns: var(--table-label-size) calc(4 * var(--grid-width));
  }
  .pdop_membership_sub_row {
    grid-template-columns: repeat(4, var(--grid-width));
  }
  .pdop_membership_row {
    grid-template-columns: var(--table-label-size) repeat(4, var(--grid-width));
  }

  .pdop_punch_group_row_main {
    grid-template-columns: var(--table-label-size) calc(4 * var(--grid-width));
  }
  .pdop_punch_row {
    grid-template-columns: var(--table-label-size) repeat(2, var(--grid-width));
  }
  .pdop_punch_row {
    grid-template-columns: var(--table-label-size) repeat(
        2,
        calc(var(--grid-width) * 2)
      );
  }
  .pdop_punch_group_row,
  .pdop_punch_sub_row {
    grid-template-columns: repeat(2, calc(var(--grid-width) * 2));
  }
  .pdop_program_top_navigation_item {
    min-width: 185px;
  }
  .program_note_section {
    flex-flow: column !important;
    gap: 8px;
  }
  .note_tag {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .note_tag .notecontent h3 {
    display: block;
    margin: 0;
  }
  .notecontent h3 {
    /* display: none; */
  }
  .notecontent h3:last-child {
    margin-bottom: 0;
  }
  .pdop_not_sure_choices {
    gap: 8px;
  }

  .pdop_program_ctas a svg {
    height: 30px;
    width: 30px;
  }
}

/* Move this to style.css */
.pdop_program_detail_data_section p {
  color: #855a24;
  font-weight: var(--fw-semibold);
  line-height: 1.8;
}