/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/widgets/AdminComponent/FrontPage/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.M_D0Gr8D5HjdvOOHEGX8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Ly_SzltMFcngBwN4aogD {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  color: #0f2546;
  text-decoration: none;
  cursor: pointer;
}

.Ly_SzltMFcngBwN4aogD:hover {
  color: rgb(18, 79, 159);
}

.NZYm37Xuaunqjx3xzsJG {
  color: #0f2546;
}
.GyAtDKmC3Vq6rVwkMEaT {
  color: #f78429;
}
.E85kwEJJE_IbN2HfBgJw {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  cursor: pointer;
}

.KMwi_Qxbj1V0hcK1psYU {
  font-weight: 700;
  color: #0f2546;
}
.KMwi_Qxbj1V0hcK1psYU:hover {
  color: rgb(18, 79, 159);
}

.oIGae1DfTtEaR6QKInGn {
  font-size: 0.75rem;
  color: #666;
  font-weight: 400;
  margin-top: 2px;
}

.gSidZ5XS5nXJESOva609 {
  cursor: pointer;
  color: #0f2546;
  text-decoration: underline;
  padding: 5px;
  border-right: 2px solid rgb(8, 55, 117);
  text-align: center;
}
.gSidZ5XS5nXJESOva609:hover {
  color: #2aaec4;
}

._9ORCj3uJzNvlQVifIzc {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.ouuhHRqWMIQmsNOUm4nO {
  display: flex;
  gap: 10px;
}
.gnkk1pY3ao_6Bn7mi6Tv {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.hTZS6VSbEIUKqDMbyCvO {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sStNvxkR3nhGcj3Z1TTh {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  border-radius: 50%;
}
.zCfXQ68lDeaPmGrZ6rFD {
  color: #0f2546;
  cursor: pointer;
  text-decoration: underline;
  font-size: 11px;
  padding: 0;
}
.Gvg4Sk4Vga8uvX7niHBw {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.NZYm37Xuaunqjx3xzsJG {
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 10px;
}
.GyAtDKmC3Vq6rVwkMEaT {
  /* color: #666; */
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1.25rem !important;
  /* font-size: 14px; */
}
.rQp3Mz1fJTwZi4vQTGgT {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.qWMb88mZ6ih_h4ooBXf2 {
  width: 100%;
  max-width: 105px;
  height: 15px;
  /* border-radius: 8px; */
  overflow: hidden;
  background-color: #eee; /* fallback background */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Chrome, Safari, Opera */
.qWMb88mZ6ih_h4ooBXf2::-webkit-progress-bar {
  background-color: #eee;
  /* border-radius: 8px; */
}

.qWMb88mZ6ih_h4ooBXf2::-webkit-progress-value {
  background-color: #2aaec4; /* your desired fill color */
  /* border-radius: 8px; */
}

/* Firefox */
.qWMb88mZ6ih_h4ooBXf2::-moz-progress-bar {
  background-color: #ccc;
  /* border-radius: 8px; */
}
.Zx6732eceNow9ZwCKNnP {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  text-align: end;
}
.FpkTtcRNbEmSPBc6ucwY {
  width: 271px !important;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12px;
}
.X9gHvV2Ce0QIRxxUx4Ir {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Ie5pYAcjWhMSSXG1Apbf {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.xzCHvwk8lh5TufNSSAtb {
  font-size: 12px;
}
.NEE0boEtwCWEKAE6Idnm {
  border: none;
  background-color: transparent;
  color: #0f2546;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
  padding: 0;
}

.wFwuz34UY1AQyhkgAZXe {
  margin: 25px 0;
}
.x_ilgfXiKrG7yOAxcRC_ {
  font-weight: 700 !important;
  margin: 10px 0 0 0 !important;
  color: #0f2546 !important;
  font-size: 1.25rem !important;
}

/* .recentCoachNotesList{
    margin-top: 20px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} */

.BG9U5hgSVlZzLLvJMvm9 {
  height: auto;
  background-color: #fff;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
}
.kM9UIQgpfkYxpkw0Q1W6 {
  margin: 5px 0;
  font-weight: 500;
  font-style: italic;
  color: #363535eb;
  font-size: 14px;
}

.tCq7bhX3sJfsNX83p9Tr {
  width: 30%;
}
.QrOyKKfTRG9IZRVu0lmO {
  /* width: 100%; */
  height: auto;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ueRAkA4R28VAuxQ08egR {
  display: flex;
  align-items: center;
}

.GTrWLrqdu3NsDfOXAt6_ {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 12px;
  background-color: #fff;
  transition: all 0.2s ease;
}

.GTrWLrqdu3NsDfOXAt6_:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}

.E2fchZnlYsUyW8g5ykd6 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.xQvDn0k8YLBgFGtMsMYx {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.OBkCDq9XAs3VUe8rkri8 {
  margin-left: 10px;
}

.griUQc7wlTTTo1xWER_T {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.w2yiKyEcPRNcg7hhdnae {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.mlNVKwLA1C7DCrrEb48A {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}

.ibvExf_GwOclmPfmYsN5 {
  border-color: #2aaec4 !important;
  background-color: rgba(42, 174, 196, 0.08) !important;
  box-shadow: 0 4px 10px rgba(42, 174, 196, 0.15) !important;
  transform: scale(1.01);
}

.rSrYu8n95RpghV0l76BW {
  padding-left: 24px; /* Align with content after checkbox */
}

.TwGyNIjyZMxSHaRO5e34 {
  margin-bottom: 12px;
  padding: 8px;
  background-color: #f8f9fa;
  border-radius: 4px;
  border-left: 3px solid #2aaec4;
}

.b7y3V5wtTfFXGoD9ZCdG {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 13px;
}

.RtUUnCZhdX22tH5UYuv2 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
}

.kfVuphqomto_iKnyZBRO {
  font-weight: 600;
  color: #0f2546;
  margin-bottom: 2px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hilHLftrNwJ1WiVVJe9O {
  color: #666;
  font-weight: 500;
}

.cYKFHNKaL2S1Dd7LYp9e {
  font-weight: 600;
  color: #f78429;
}

.GTrWLrqdu3NsDfOXAt6_ input[type="checkbox"],
.ueRAkA4R28VAuxQ08egR input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 50%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid #ccc;
  background-color: #ccc;
  position: relative;
}
.GTrWLrqdu3NsDfOXAt6_ input[type="checkbox"]:checked,
.ueRAkA4R28VAuxQ08egR input[type="checkbox"]:checked {
  background-color: #2aaec4;
  border: 2px solid #2aaec4;
}

.GTrWLrqdu3NsDfOXAt6_ input[type="checkbox"]:checked::after,
.ueRAkA4R28VAuxQ08egR input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}

.GTrWLrqdu3NsDfOXAt6_ input[type="checkbox"]:focus,
.ueRAkA4R28VAuxQ08egR input[type="checkbox"]:focus {
  outline: none;
  color: none;
}
.tEDque6jdm4OeucogdxX {
  transition: 0.3s ease-in-out;
}
.tEDque6jdm4OeucogdxX:hover {
  text-decoration: underline;
  color: #2aaec4;
}

.edZ3h5SyAZSi2m_TCNzU {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.TB9kGEUWLT0HugEcdiQi {
  font-size: 20px !important;
}

.SopLe7QNJYNUJlEnWRxF {
  background-color: transparent !important;
  color: #0f2546 !important;
  border: none;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 550 !important;
  transition: 0.2s background ease-in-out;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.SopLe7QNJYNUJlEnWRxF:hover {
  /* background-color: #2AAEC4; */
  /* color: #FFF; */
  /* transform: scale(1.1); */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.SopLe7QNJYNUJlEnWRxF:active,
.SopLe7QNJYNUJlEnWRxF:focus {
  outline: none;
  border-bottom: 3px solid #2aaec4;
}

.mmcXAwec5_hsnqBeP7qW {
  /* background-color: #2AAEC4 !important; */
  /* color: #FFF !important; */
  border-bottom: 3px solid #2aaec4 !important;
}

.THZI433_hYMZdAPvyCYB {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-end;
  gap: 15px;
}

.omYGuSamJI0jNjCOqw2k {
  display: flex;
  gap: 15px;
  justify-content: end;
  align-items: center;
  margin-bottom: 10px;
}

.fPjTYeoS3fLJtEaHVSud {
  display: flex;
  align-items: center;
  gap: 5px;
}
.LOrg3MH4w_S08cEsVSQ_ {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
  border-radius: 50%;
}
.LOrg3MH4w_S08cEsVSQ_:focus {
  outline: none !important;
}
.UBB0eDB9si2VWO3ZMlzN {
  padding: 4px 8px;
  border: none !important;
  background-color: transparent;
  color: #0f2546;
  transition: all 0.2s ease-in-out;
}
.UBB0eDB9si2VWO3ZMlzN:disabled,
.UBB0eDB9si2VWO3ZMlzN[disabled] {
  opacity: 0.5;
  background-color: transparent;
  color: #999;
  cursor: not-allowed;
  pointer-events: none;
}
.UBB0eDB9si2VWO3ZMlzN:disabled:hover,
.UBB0eDB9si2VWO3ZMlzN[disabled]:hover {
  background-color: transparent;
  color: #999;
}
.UBB0eDB9si2VWO3ZMlzN:hover {
  background-color: crimson;
  color: #fff;
}
.xWNm64qBT81JsIeRrtRJ {
  margin: 0;
  color: #0f2546;
  font-size: 12px;
  font-style: italic;
}

.dkuCENm_jheEUcDI31K2 {
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  width: 200px !important;
  transition: border-color 0.2s ease;
}

.dkuCENm_jheEUcDI31K2:focus {
  border-color: #2aaec4;
}

.vyWjYvtNytw9FESnvIiY {
  cursor: pointer;
  color: crimson;
}

/* Filter Menu Styles */
.Yw7_u4JxF2WhlFCQpD5U {
  position: absolute;
  top: -10%;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 280px;
  max-width: 320px;
  padding: 0;
  margin-top: 5px;
}

.DHFeEddug6XKlN7HB8G_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  background-color: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.RN_PL8VTZ912pxTj7It1 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #0f2546;
  display: flex;
  align-items: center;
}

.eXX2VGfUH64VSHt9on6p {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px !important;
  border-radius: 4px;
  color: #666;
  transition: all 0.2s ease;
}

.eXX2VGfUH64VSHt9on6p:hover {
  background-color: #e9ecef;
  color: #333;
}

.VQHcq2mlDe0OUkwZMP1P {
  padding: 16px;
  max-height: 400px;
  overflow-y: auto;
}

.JF99Fpr4PWS_JgbVaKfB {
  margin-bottom: 16px;
}

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

.aNpZqfJrxA_iDJ5H7v_m {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #0f2546;
  margin-bottom: 6px;
}

.VfUE3uyc6JKqSxkps0tP {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background-color: white;
  color: #333;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.VfUE3uyc6JKqSxkps0tP:focus {
  outline: none;
  border-color: #2aaec4;
  box-shadow: 0 0 0 2px rgba(42, 174, 196, 0.1);
}

.EPKBuOuS8pTHSYhWD8pg {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.fftoz9b5U6kGlM0xNIpH {
  width: 100%;
  padding: 8px 16px !important;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.fftoz9b5U6kGlM0xNIpH:hover {
  background-color: #e9ecef;
  border-color: #ccc;
  color: #333;
}

/* Mobile responsive adjustments for filter menu */
@media (max-width: 425px) {
  .Yw7_u4JxF2WhlFCQpD5U {
    position: absolute;
    top: 700%;
    left: 50%;
    transform: translate(-94%, -50%);
    right: auto;
    min-width: 90vw;
    max-width: 90vw;
    max-height: 80vh;
    margin-top: 0;
  }

  .VQHcq2mlDe0OUkwZMP1P {
    max-height: calc(80vh - 60px);
  }

  .omYGuSamJI0jNjCOqw2k {
    /* flex-direction: column;
      gap: 10px;
      align-items: stretch; */
    gap: 10px;
    align-items: center;
    display: flex;
    /* flex-direction: column; */
    flex-direction: row-reverse;
  }

  .dkuCENm_jheEUcDI31K2 {
    width: 100px !important;
  }

  .dkuCENm_jheEUcDI31K2 {
    width: 94%;
  }
}

.sAZcSYyDwn0y8MLSBWtA {
  position: fixed;
  top: 40%; /* Move to upper-middle right, adjust as needed */
  right: 30px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* 
.floatingButtonGroup::before {
    content: "";
    position: absolute;
    top: -70px; 
    right: -60px; 
    bottom: -70px; 
    left: -70px;
} */

.sPPFcFvYAUGM7eYikJYX {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #f78429;
  padding: 5px !important;
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  position: relative;
  z-index: 2;
  transform: translateX(40px); /* Push out of window to the right */
  opacity: 0.7;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s, 0s;
  pointer-events: auto;
}

/* Hover effect: bring button back and make opaque (but don't show submenu) */
.sPPFcFvYAUGM7eYikJYX:hover {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0s, 0s;
}

/* When menu is open: bring button back, make opaque, and rotate to X */
.Xcb3D1XZZ22FqdX_a1SF .sPPFcFvYAUGM7eYikJYX {
  transform: translateX(0) rotate(45deg);
  opacity: 1;
  transition-delay: 0s, 0s;
}

/* When menu is closed: delay before hiding again */
.sAZcSYyDwn0y8MLSBWtA:not(.Xcb3D1XZZ22FqdX_a1SF) .sPPFcFvYAUGM7eYikJYX {
  transition-delay: 0.5s, 0.5s; /* Wait before animating out */
}

.lOsJr0K4IRSuum2qUdBC {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 140px; /* Adjust radius as needed */
  height: 200px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.Xcb3D1XZZ22FqdX_a1SF .lOsJr0K4IRSuum2qUdBC {
  pointer-events: auto;
}

.MBErOv43LrNlP5z8SkiX {
  position: absolute;
  padding: 5px !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #f78429;
  color: #f78429;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition:
    all 0.2s ease,
    opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.MBErOv43LrNlP5z8SkiX:hover {
  background-color: #f78429;
  color: white;
  transform: scale(1.1);
}

.Xcb3D1XZZ22FqdX_a1SF .MBErOv43LrNlP5z8SkiX {
  opacity: 1;
  pointer-events: auto;
}

.MBErOv43LrNlP5z8SkiX .iTpCXU7mERrLKiPfger2 {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.sPPFcFvYAUGM7eYikJYX .iTpCXU7mERrLKiPfger2 {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

/* You may need to adjust the nth-child selectors based on the number/order of buttons */
.lOsJr0K4IRSuum2qUdBC .MBErOv43LrNlP5z8SkiX:nth-child(1) {
  /* Top left */
  left: 116px;
  top: 20px;
  transform: translate(0, 0);
}
.lOsJr0K4IRSuum2qUdBC .MBErOv43LrNlP5z8SkiX:nth-child(2) {
  /* Directly left */
  left: 60px;
  bottom: 20px;
  transform: translateY(-50%);
}
.lOsJr0K4IRSuum2qUdBC .MBErOv43LrNlP5z8SkiX:nth-child(3) {
  /* Bottom left */
  left: 116px;
  bottom: 20px;
  transform: translate(0, 0);
}
.lOsJr0K4IRSuum2qUdBC .MBErOv43LrNlP5z8SkiX:nth-child(4) {
  /* Middle upper left */
  left: 60px;
  top: 70px;
  transform: translateY(-50%);
}
.lOsJr0K4IRSuum2qUdBC .MBErOv43LrNlP5z8SkiX:nth-child(5) {
  /* Middle lower left */
  left: -40px;
  top: 75%;
  transform: translateY(-50%);
}

/* Memberium Styling  */
.TVilmlbHD1FTVkUI48jf {
  display: inline-block;
  padding: 2px 8px;
  margin-left: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 12px;
  background: linear-gradient(90deg, #e5e4e2 0%, #b3b3b3 100%);
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid #b3b3b3;
  vertical-align: middle;
}

.cQ60VfcEmgW0qh80pxmv {
  width: 26px;
  height: auto;
  display: flex;
  align-items: center;
}

.r5Erpk3u2eo0ekvAYO4Q {
  background: none;
  border: none;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 0.1s;
}
.r5Erpk3u2eo0ekvAYO4Q:hover {
  transform: scale(1.1);
}

/* Overview Container Styles */
.KVPprcrBPyew3LH2qgTr {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
.GnmFqL0pY5OugVlzcjxU {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 70%;
}

/* Mobile Responsive Styles */
@media (max-width: 425px) {
  /* Overview layout adjustments */
  .KVPprcrBPyew3LH2qgTr {
    display: flex;
    flex-direction: column;
  }

  .GnmFqL0pY5OugVlzcjxU {
    width: 100%;
    gap: 0;
  }

  .tCq7bhX3sJfsNX83p9Tr {
    width: 100%;
  }

  /* Client info adjustments for mobile */
  ._9ORCj3uJzNvlQVifIzc {
    flex-direction: column;
    gap: 15px;
  }

  .ouuhHRqWMIQmsNOUm4nO {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }

  .gnkk1pY3ao_6Bn7mi6Tv {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }

  .hTZS6VSbEIUKqDMbyCvO {
    width: 60px;
    height: 60px;
  }
  .M_D0Gr8D5HjdvOOHEGX8 {
    justify-content: center;
  }

  .Ly_SzltMFcngBwN4aogD {
    font-size: 1.5rem;
  }

  .NZYm37Xuaunqjx3xzsJG,
  .GyAtDKmC3Vq6rVwkMEaT {
    font-size: 14px;
    text-align: center;
  }

  .rQp3Mz1fJTwZi4vQTGgT {
    align-items: center;
    width: 100%;
  }

  .qWMb88mZ6ih_h4ooBXf2 {
    width: 100%;
    max-width: none;
  }

  .FpkTtcRNbEmSPBc6ucwY {
    align-items: center;
    text-align: center;
  }

  .X9gHvV2Ce0QIRxxUx4Ir {
    flex-direction: column;
    gap: 5px;
  }

  /* Filter tabs adjustments: match CoachDashboard fixed bottom bar with icons */
  .edZ3h5SyAZSi2m_TCNzU {
    display: flex;
    gap: 5px;
    position: fixed;
    z-index: 100;
    background: #fff;
    left: 0;
    bottom: 0;
    width: 100vw;
    border-radius: 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
    padding: 0;
    justify-content: space-around;
    border-top: 1px solid #eee;
  }

  .SopLe7QNJYNUJlEnWRxF {
    font-size: 16px;
    padding: 10px 0;
    min-width: 0;
    background: none;
    border: none;
    color: #0f2546;
    border-radius: 0;
    height: 48px;
    transition:
      background 0.2s,
      color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .SopLe7QNJYNUJlEnWRxF .iTpCXU7mERrLKiPfger2 {
    font-size: 22px;
    width: 22px;
    height: 22px;
    color: #0f2546;
    display: inline-block;
  }
  .TB9kGEUWLT0HugEcdiQi {
    font-size: 16px;
  }
  .mmcXAwec5_hsnqBeP7qW .iTpCXU7mERrLKiPfger2 {
    color: #2aaec4;
  }
  .SopLe7QNJYNUJlEnWRxF:hover,
  .SopLe7QNJYNUJlEnWRxF:focus {
    background: #f2f2f2;
    color: #2aaec4;
  }
  .mmcXAwec5_hsnqBeP7qW {
    background: #2aaec4 !important;
    color: #fff !important;
  }

  /* Section spacing adjustments */
  .PitsUHcoobDo2n2JenGT,
  .jieKSJUR4DoXqSHGas_t {
    margin-bottom: 20px;
  }

  .x_ilgfXiKrG7yOAxcRC_ {
    font-size: 16px;
    margin: 15px 0 10px 0;
  }

  /* Floating button adjustments */
  .sAZcSYyDwn0y8MLSBWtA {
    right: 15px;
    top: 50%;
  }

  .sPPFcFvYAUGM7eYikJYX {
    width: 50px;
    height: 50px;
    transform: translateX(30px);
  }

  .MBErOv43LrNlP5z8SkiX {
    width: 40px;
    height: 40px;
  }

  /* Open actions mobile optimization */
  .GTrWLrqdu3NsDfOXAt6_ {
    padding: 8px;
    font-size: 14px;
  }

  .tEDque6jdm4OeucogdxX {
    font-size: 14px;
  }

  /* Coach notes mobile optimization */
  .BG9U5hgSVlZzLLvJMvm9 {
    padding: 8px;
    margin-top: 8px;
  }

  .kM9UIQgpfkYxpkw0Q1W6 {
    font-size: 13px;
  }

  /* Membership badges mobile adjustments */
  .TVilmlbHD1FTVkUI48jf {
    font-size: 0.65rem;
    padding: 1px 6px;
    margin-left: 2px;
  }

  .cQ60VfcEmgW0qh80pxmv {
    width: 20px;
  }

  /* Session count and progress adjustments */
  .KMwi_Qxbj1V0hcK1psYU {
    font-size: 14px;
    margin-bottom: 5px;
  }

  /* Pre session button adjustments */
  .NEE0boEtwCWEKAE6Idnm {
    font-size: 11px;
    padding: 2px 4px;
  }
}

/* Additional mobile improvements for very small screens */
@media (max-width: 375px) {
  .Ly_SzltMFcngBwN4aogD {
    font-size: 1.3rem;
  }

  .SopLe7QNJYNUJlEnWRxF {
    font-size: 11px;
    padding: 6px 8px;
  }

  .x_ilgfXiKrG7yOAxcRC_ {
    font-size: 15px;
  }

  .GTrWLrqdu3NsDfOXAt6_ {
    padding: 6px;
  }

  .sAZcSYyDwn0y8MLSBWtA {
    right: 10px;
  }

  .sPPFcFvYAUGM7eYikJYX {
    width: 45px;
    height: 45px;
  }

  .MBErOv43LrNlP5z8SkiX {
    width: 35px;
    height: 35px;
  }

  .BG9U5hgSVlZzLLvJMvm9 {
    padding: 6px;
  }

  .kM9UIQgpfkYxpkw0Q1W6 {
    font-size: 12px;
  }
}

/* Landscape mobile adjustments */
@media (max-width: 768px) and (orientation: landscape) {
  ._9ORCj3uJzNvlQVifIzc {
    flex-direction: row;
    gap: 10px;
  }

  .ouuhHRqWMIQmsNOUm4nO {
    flex-direction: row;
    text-align: left;
  }

  .KVPprcrBPyew3LH2qgTr {
    flex-direction: row;
  }

  .GnmFqL0pY5OugVlzcjxU {
    width: 65%;
  }

  .tCq7bhX3sJfsNX83p9Tr {
    width: 35%;
  }

  .X9gHvV2Ce0QIRxxUx4Ir {
    flex-direction: row;
    gap: 10px;
  }
}

/* Tablet adjustments */
@media (max-width: 768px) and (min-width: 426px) {
  .SopLe7QNJYNUJlEnWRxF {
    font-size: 13px;
    padding: 7px 10px;
  }

  .Ly_SzltMFcngBwN4aogD {
    font-size: 1.7rem;
  }

  .x_ilgfXiKrG7yOAxcRC_ {
    font-size: 17px;
  }

  .GTrWLrqdu3NsDfOXAt6_ {
    padding: 12px;
  }

  .BG9U5hgSVlZzLLvJMvm9 {
    padding: 12px;
  }

  .sAZcSYyDwn0y8MLSBWtA {
    right: 20px;
  }

  .sPPFcFvYAUGM7eYikJYX {
    width: 48px;
    height: 48px;
  }

  .MBErOv43LrNlP5z8SkiX {
    width: 42px;
    height: 42px;
  }
}

/* Zoom Location Styles */
.deaYmb6MxNbdDJxz3ngD {
  display: flex;
  flex-direction: column;
  text-align: end;
  margin-top: 8px;
}

.FVWAiRFmSuTImhKIuU0x {
  background: linear-gradient(135deg, #2d8cff 0%, #1e5bcc 100%);
  color: white;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(45, 140, 255, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 4px;
}

.FVWAiRFmSuTImhKIuU0x:hover {
  background: linear-gradient(135deg, #1e5bcc 0%, #0f3a8a 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(45, 140, 255, 0.4);
}

.FVWAiRFmSuTImhKIuU0x:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(45, 140, 255, 0.3);
}

.GY6iXtXhvUxh0GGBTiY3 {
  display: flex;
  gap: 12px;
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/GoalCard/style.module.css ***!
  \***************************************************************************************************************************************************************************************************/
.AQmpnxHGkpbCdrpldopK{
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
}
.AQmpnxHGkpbCdrpldopK > div:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
.TIohQn3uizk1d7vmJD2i{
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 8px;
    background-color: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.BGQZIGslY_4Xi8ro_M9Z{
    border-color: #2AAEC4 !important;
    background-color: rgba(42, 174, 196, 0.08) !important;
    box-shadow: 0 4px 10px rgba(42, 174, 196, 0.15) !important;
    transform: scale(1.01);
}

.WgKyxOXSOtI6G447MhBj{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.V5aHmGOevJqOyAMyH2Sw{
    margin: 0; 
    color: #F78429;
    font-weight: 600;
}
.Xeq0HIWsmCrViOfoKglC > h2 {
    color: #2AAEC4;
    font-weight: 600;
}

.WbJrnkUhW8vPSeormUEq{
    display: flex;
    gap: 5px;
}
.FXw_gIfCE0dm7q5gbx1L{
    background-color: #FFF !important;
    color: #F78429 !important;
    /* border: 1px solid #F78429; */
       border: none !important;
    padding: 5px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out !important;
}
.FXw_gIfCE0dm7q5gbx1L:hover{
    background-color: #F78429 !important;
    color: #FFF !important;
}
.BUyiyY0JTUfYA5SwjnJQ{
    background-color: #FFF !important;
    border: none !important;
    color: crimson !important;
    /* border: 1px solid #ccc; */
    padding: 5px !important;
    border-radius: 50% !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out !important;
}
.BUyiyY0JTUfYA5SwjnJQ:hover{
    background-color: crimson !important;
    color: #000 !important;
}

.xviHfGXBmZdQ8RNDB6ei{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    /* gap: 5px; */
    padding: 10px;
}
.L0MxV9k3cN3FP1NQVG9G{
    width: 100%;
    height: 10px;
    background-color: #ccc;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.s2oA71o5SB1Hhsnlqt9f{
    height: 100%;
    background-color: #d8d8d8;
    border-radius: 5px;
}
.imv5KCXK0gZzpEKtvSef {
    width: 100%;
    height: 15px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #eee; /* fallback background */
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  /* Chrome, Safari, Opera */
  .imv5KCXK0gZzpEKtvSef::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 8px;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }
  
  .imv5KCXK0gZzpEKtvSef::-webkit-progress-value {
    background-color: #2AAEC4; /* your desired fill color */
    border-radius: 8px;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }
  
  /* Firefox */
  .imv5KCXK0gZzpEKtvSef::-moz-progress-bar {
    background-color: #ccc;
    border-radius: 8px;
    -moz-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }

.lx9LXSl7pz40MBXdSSzu{
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #888;
    /* margin-top: 5px; */
    margin-bottom: 10px;
}

.Xeq0HIWsmCrViOfoKglC h2{
    margin: 0;
}
.N0YQL45_2iPtAg11VSHF{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.N0YQL45_2iPtAg11VSHF p {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin: 0;
}
.NRYxV7ezRcgqagzZMDYQ{
    font-weight: bold;
}
.uetLTjqA9Z5MiDwC_kIG{
  text-transform: capitalize;
  color: #363636;
  font-weight: 500;
}
._82GUmFVmf4QveGxcpXJ{
    width: 40%;
    height: 100%;
}

.yRqIU8VboqnOAh6lwHaj {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #F78429;
    border: none;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Template skeleton styles */
.u_VNucQoAHRdOqtp_Qjc {
    border: 1px dashed #dcdcdc;
    background-color: #fafafa;
    pointer-events: none;
}
.u_VNucQoAHRdOqtp_Qjc .KdT7LybceQj2qHUk7SGV:hover {
    box-shadow: none;
}
._ileIzwUhm75PBBk1fFI {
    opacity: 0.9;
}
.veXOCbadH4DMCfHD2k1P {
    position: relative;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
    background-size: 400% 100%;
    border-radius: 6px;
    animation: nWOZZVaE2G7NrXVmmuC3 1.2s ease-in-out infinite;
}
@keyframes nWOZZVaE2G7NrXVmmuC3 {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/MetricCard/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************/
.sgD0j9PPDw4a4mhG7CD9 {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.YN8AcBQHwdTaM1MhSJpR {
  position: relative;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease,
    border-color 0.15s ease;
}
.pojPwXgqAMm3oZQMUGtN {
  border-color: #2aaec4 !important;
  background-color: rgba(42, 174, 196, 0.08) !important;
  box-shadow: 0 4px 10px rgba(42, 174, 196, 0.15) !important;
  transform: scale(1.01);
}

.CQHVTdZU7m4xXU1N5dVt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease-in-out;
}
.CQHVTdZU7m4xXU1N5dVt:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.cznX3UB2WN0Jv8kKhY7C {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.UYSG_dJ_SCscX4pCfqZf {
  margin: 0;
  color: #f78429;
  font-weight: 600;
}
.BFIQYfVskBdDUKTZgmDt {
  display: flex;
  gap: 5px;
}

.TwmUvAKavxcX8lsiIMIl {
  background-color: #fff !important;
  color: #f78429 !important;
  /* border: 1px solid #F78429; */
  border: none !important;
  padding: 6px !important;
  font-weight: 600 !important;
  border-radius: 50% !important;
  cursor: pointer;
  display: inline-flex;
  transition: all 0.2s ease-in-out !important;
}
.TwmUvAKavxcX8lsiIMIl:hover {
  background-color: #f78429 !important;
  color: #fff !important;
}

.SL79QhlXfES9yYBUgd3u {
  background: none;
  border: none;
  color: crimson !important;
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  transition: all 0.2s ease-in-out !important;
}
.SL79QhlXfES9yYBUgd3u:hover {
  background-color: crimson !important;
  color: #000 !important;
}

/* Template skeleton styles */
.botIns_EKoW9VypW9KWU {
  border: 1px dashed #dcdcdc;
}
.TbbPuqGm_Fvr4WLN38Eq {
  position: relative;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
  background-size: 400% 100%;
  border-radius: 6px;
  animation: gZdJDeOy0YMk8dd_0ZRg 1.2s ease-in-out infinite;
}
@keyframes gZdJDeOy0YMk8dd_0ZRg {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/Modal/style.module.css ***!
  \************************************************************************************************************************************************************************************************/
@keyframes qCcvQedB0iqR1GmGcIXp {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes wDDdl3Zm3WixijU_X7Fh {
  from { opacity: 1; }
  to { opacity: 0; }
}

.qCcvQedB0iqR1GmGcIXp {
  animation: qCcvQedB0iqR1GmGcIXp 0.2s forwards;
}

.wDDdl3Zm3WixijU_X7Fh {
  animation: wDDdl3Zm3WixijU_X7Fh 0.2s forwards;
}

.zTcAWA1GuPgEu15UpZA6 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.WeUU5J5a2vmr6khkUIMX {
  background-color: white;
  /* padding: 20px; */
  border-radius: 8px;
  width: 90vw;
  max-width: 800px;
  min-width: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  max-height: 90vh;
  overflow-x: auto;
  overflow-y: auto;
  padding: 1.2rem 1rem;
}

@media (max-width: 900px) {
  .WeUU5J5a2vmr6khkUIMX {
    width: 98vw;
    max-width: 98vw;
    max-height: 95vh;
    padding: 0.8rem 0.5rem;
  }
}

@media (max-width: 600px) {
  .WeUU5J5a2vmr6khkUIMX {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    max-height: 100vh;
    border-radius: 0;
    padding: 0.5rem 0.1rem;
  }
}

.G2AN_cvu_sDe2R0a9t6p {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  padding-left: 15px;
  padding-bottom: 10px;
}

.qT1bSLnz1nJqKr4W_Jfr {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.FxB11tuR7j01eA5eSdM3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}

.K5bkK6vG_Oluex1qPkoZ {
  background: none !important;
  border: none !important;
  cursor: pointer !important; 
  display: inline-flex;
  align-items: center;
  padding: 6px 8px !important;
  border-radius: 4px !important;
  transition: background-color 0.2s ease;
}

.K5bkK6vG_Oluex1qPkoZ:hover {
  background-color: rgba(15, 37, 70, 0.1) !important;
}

.v9E8D79NnmMBXON9YgBA {
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  cursor: pointer ;
  color: #888 !important;
}

.v9E8D79NnmMBXON9YgBA:hover {
  color: #333 !important;
}

.C7UVZ2DgwkAAZNYcKwAh {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/ListModal/style.module.css ***!
  \****************************************************************************************************************************************************************************************************/
.Rei68qxplAo0z1Qc1bXL {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 95%;
  /* overflow: hidden; */
}

.qKhAgIz2BPYf9W8yNQZc {
  display: flex ;
  gap: 10px ;
  margin-bottom: 5px ;
  padding: 10px 0 ;
  border-bottom: 1px solid #e0e0e0 ;
}

.vDUSShDQ9O92rwkZBmwc {
  padding: 8px 16px ;
  border: 1px solid #ddd ;
  background-color: #f8f9fa ;
  color: #666 ;
  cursor: pointer ;
  border-radius: 4px ;
  font-size: 14px ;
  transition: all 0.2s ease ;
}

.vDUSShDQ9O92rwkZBmwc:hover {
  background-color: #e9ecef;
  color: #333;
}

.vDUSShDQ9O92rwkZBmwc.HlgjOkDZjd9y87DWc5Mk {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

/* Filter Container Styles */
.ZgIln8iklNUKlXwdWYda {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.iasfhzDVthxpuECfRZZk {
  padding: 8px 16px !important;
  border: 1px solid #ddd !important;
  background-color: #f8f9fa !important;
  color: #666 !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  font-weight: 500 !important;
}

.iasfhzDVthxpuECfRZZk:hover {
  background-color: #e9ecef;
  color: #333;
}

.iasfhzDVthxpuECfRZZk.ZpLbftdLBTnj2UNNESJ6 {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}


.Rei68qxplAo0z1Qc1bXL .CUEojwddGmzLSzjNPtU0 {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  width: 100%;
}

.Rei68qxplAo0z1Qc1bXL .CUEojwddGmzLSzjNPtU0:hover {
  background-color: #0056b3;
}


.OH43IwHzCSmLuFwQ0REh {
  animation: HHh6CV4MXhyT3WE47sx6 0.5s forwards;
}

.trhYt_uBxbxaCXtoBsuO {
  animation: VqALcdPoalOP1tLoXXHD 0.5s forwards;
}

@keyframes HHh6CV4MXhyT3WE47sx6 {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes VqALcdPoalOP1tLoXXHD {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

.esMCGQZiiheYCoVSk3lp {
  width: 100%;
  overflow-x: auto;
  /* margin: 2rem 0; */
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px 0 rgba(30, 34, 90, 0.08), 0 1.5px 4px 0 rgba(30, 34, 90, 0.04);
  /* padding: 1.5rem 0.5rem; */
}

.QUHb0mlFRYTwcVmLaz5s {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1rem;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: none;
}

.QUHb0mlFRYTwcVmLaz5s th {
  background: linear-gradient(90deg, #f8fafc 60%, #f1f5fa 100%);
  color: #1a2233;
  /* padding: 1.1rem 1.2rem; */
  padding: .5rem 1rem;
  text-align: left;
  font-weight: 700;
  border-bottom: 2px solid #e3e8ee;
  letter-spacing: 0.01em;
  font-size: 1.05rem;
}

.QUHb0mlFRYTwcVmLaz5s td {
  padding: .5rem 1rem;
  border-bottom: 1px solid #f1f3f7;
  /* color: #232b3b; */
  background: #fff;
  vertical-align: middle;
  font-size: .9rem;
}

.QUHb0mlFRYTwcVmLaz5s tr {
  transition: background 0.18s;
}

.QUHb0mlFRYTwcVmLaz5s tr:hover {
  background: #f5f8fd;
}

.RZlKJhbXtjlnuM9g5DEA {
  cursor: pointer !important;
}

.RZlKJhbXtjlnuM9g5DEA:hover {
  background: #e8f4fd !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.RZlKJhbXtjlnuM9g5DEA td {
  transition: all 0.2s ease;
}

.QUHb0mlFRYTwcVmLaz5s tr:last-child td {
  border-bottom: none;
}

/* .actionButtons {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
} */

.FFuiOkImcRWkdSPHyIqE {
  background: transparent !important;
  border: none !important;
  font-weight: 500;
  cursor: pointer;
  border-radius: 10%;
  padding: .4rem;
  transition: background 0.18s, color 0.18s;
}
.FFuiOkImcRWkdSPHyIqE:hover{
  color: #0056b3 !important;  
  box-shadow: 0 2px 8px 0 rgba(225, 29, 72, 0.10);
}

.Zs5AkQoH86a7v9J3Bfel {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.jDEtlrAapEJWaKjCCkKu,
.CURvbf3TmWVSPCJMGqgf {
  background: transparent !important;
  border: none;
  cursor: pointer;
  padding: 7px;
  border-radius: 20%;
  transition: box-shadow 0.18s, background 0.18s, color 0.18s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem !important;
  box-shadow: 0 1px 4px 0 rgba(30, 34, 90, 0.06);
}

.jDEtlrAapEJWaKjCCkKu {
  color: #2563eb;
}

.jDEtlrAapEJWaKjCCkKu:hover {
  background: #e0eaff;
  color: #174ea6;
  box-shadow: 0 2px 8px 0 rgba(37, 99, 235, 0.10);
}

.CURvbf3TmWVSPCJMGqgf {
  color: #e11d48 !important;
}

.CURvbf3TmWVSPCJMGqgf:hover {
  background: #ffe4e6;
  color: #b91c1c;
  box-shadow: 0 2px 8px 0 rgba(225, 29, 72, 0.10);
}
  


/* Tablet responsiveness */
@media (max-width: 900px) {
  .Rei68qxplAo0z1Qc1bXL {
    width: 98%;
    padding: 0.5rem;
  }
  .QUHb0mlFRYTwcVmLaz5s th, .QUHb0mlFRYTwcVmLaz5s td {
    padding: 0.4rem 0.5rem;
    font-size: 0.95rem;
  }
  .QUHb0mlFRYTwcVmLaz5s {
    font-size: 0.95rem;
  }
  .CUEojwddGmzLSzjNPtU0 {
    font-size: 0.95rem;
    padding: 9px 12px;
  }
}

/* Mobile responsiveness */
@media (max-width: 600px) {
  .Rei68qxplAo0z1Qc1bXL {
    width: 100%;
    padding: 0.25rem;
    border-radius: 0;
  }
  .esMCGQZiiheYCoVSk3lp {
    border-radius: 0;
    box-shadow: none;
    padding: 0.25rem 0;
  }
  .QUHb0mlFRYTwcVmLaz5s th, .QUHb0mlFRYTwcVmLaz5s td {
    padding: 0.3rem 0.3rem;
    font-size: 0.7rem;
  }
  .QUHb0mlFRYTwcVmLaz5s {
    font-size: 0.7rem;
  }
  .CUEojwddGmzLSzjNPtU0 {
    font-size: 0.6rem;
    padding: 8px 8px;
  }
  .Zs5AkQoH86a7v9J3Bfel {
    gap: 6px;
  }
  .jDEtlrAapEJWaKjCCkKu, .CURvbf3TmWVSPCJMGqgf, .FFuiOkImcRWkdSPHyIqE {
    font-size: 0.85rem !important;
    padding: 5px;
  }
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/CoachBookingButton/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.VA3fqok86pEdcTNXAXbN {
  background-color: #004bb3;
  color: #ffffff !important;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 107, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  display: flex;
  gap: 10px;
}

.Htz1gCrHp9gWhaIpmO_F {
  width: 20px;
  height: auto;
}

.VA3fqok86pEdcTNXAXbN:hover {
  background-color: #0056cc;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 107, 255, 0.35);
}

.VA3fqok86pEdcTNXAXbN:active {
  transform: translateY(0);
}

.B2QnTdI2Ox8N3B1MhjZZ {
  background-color: #e2e8f0;
  color: #718096 !important;
  padding: 12px 28px;
  font-size: 16px;
  border: none;
  border-radius: 50px;
  cursor: wait;
  display: flex;
  align-items: center;
  gap: 8px;
}

.aoLSW0IyunyOfXIJGDFg {
  color: #e53e3e;
  font-size: 14px;
  font-style: italic;
  background: #fff5f5;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #feb2b2;
  display: inline-block;
}

/* .btnBook::before {
  content: "📅";
  margin-right: 10px;
  font-size: 18px;
} */

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/FilterMenu/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************/
/* Filter Menu Styles */
  .wXZYeU11ym0zSEn61WiS {
    position: absolute;
    top: -10%;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    min-width: 280px;
    max-width: 320px;
    padding: 0;
    margin-top: 5px;
  }

  .pxjh5Fp_90DWdnAJSpd4 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #eee !important;
    background-color: #f8f9fa !important;
    border-radius: 8px 8px 0 0 !important;
  }

  ._PgKrGoMhmViWtYsIrNs {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f2546 !important;
    display: flex !important;
    align-items: center !important;
  }

  .z7hhyRSqhqfkPvmBFaiO {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    border-radius: 4px !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
  }

  .z7hhyRSqhqfkPvmBFaiO:hover {
    background-color: #e9ecef !important;
    color: #333 !important;
  }

  .hOugg2XUIqpuWShcPhWJ {
    padding: 16px;
    max-height: 400px;
    overflow-y: auto;
  }

  .At9K6cpkmvHDXeUGpGjn {
    margin-bottom: 16px;
  }

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

  ._kRrMqcC2vS_7dByge3Z {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f2546 !important;
    margin-bottom: 6px !important;
  }

  .maTXlMNqyECFh5G1d3d4 {
    width: 100% !important;
    padding: 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    background-color: white !important;
    color: #333 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .maTXlMNqyECFh5G1d3d4:focus {
    outline: none !important;
    border-color: #2aaec4 !important;
    box-shadow: 0 0 0 2px rgba(42, 174, 196, 0.1) !important;
  }

  .KFNp_vAsAdzcbpXHMmGc {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eee !important;
  }

  .UxF_Z4IcQnFp03Lghrf2 {
    width: 100% !important;
    padding: 8px 16px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    color: #666 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important; 
  }

  .UxF_Z4IcQnFp03Lghrf2:hover {
    background-color: #e9ecef !important;
    border-color: #ccc !important;
    color: #333 !important;
  }

  /* Mobile responsive adjustments for filter menu */
  @media (max-width: 425px) {
    .wXZYeU11ym0zSEn61WiS {
      position: absolute;
      top: 700%;
      left: 50%;
      transform: translate(-94%, -50%);
      right: auto;
      min-width: 90vw;
      max-width: 90vw;
      max-height: 80vh;
      margin-top: 0;
    }

    .hOugg2XUIqpuWShcPhWJ {
      max-height: calc(80vh - 60px);
    }

    .DoymrObRjj2QHFUwAUhJ {
       gap: 10px;
      align-items: flex-end;
      display: flex;
      flex-direction: column;
    }

    .Q863MUnKtypABkcVYjt0 {
      width: 94%;
    }
  }
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/widgets/AdminComponent/CoachDashboard/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************/
.j5LiaCUsVEpMFOy0KaMo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.owcrMsEu2JIn6H3cXGnQ {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 ;
    color: #0f2546;
}
.Vr9eF3g4AknpuL51VK2F{
    color: #0f2546;
}
.Ks4gYnzltyU8sYcPKAR9 {
    color: #F78429;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.25rem !important; 
}
.H4A7uD9P3tGIWNYAOv__ {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    cursor: pointer;
}

.K3isJmpW5xXT650G5aUg {
    font-weight: 700;
    color: #0f2546;
}
.SHBHgba6iAqrwJBw0ON0 {
    margin-left: 12px;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    background-color: #0f2546;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}
.SHBHgba6iAqrwJBw0ON0:hover {
    background-color: #16345f;
}
.JscgDc0cw45UAVBqa_1A {
   cursor: pointer;
   color: #0f2546;
   text-decoration: underline;
   padding: 5px;
   border-right: 2px solid rgb(8, 55, 117);
   text-align: center;
}
.JscgDc0cw45UAVBqa_1A:hover{
    color: #2AAEC4;
}

.ZsEhao1ZLUSMY0tJajXj{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.RW_iat1NT_FIbhbWNpdf{
    display: flex;
    gap: 10px;
}
.K4P4l9hlEoPatO57CYlN{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.NDYLy9MC0mwP4P7XpOsb{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jMbUNpNaJfTJqtpTHBwv{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    border-radius: 50%;
}
.N3M0BWhGpTC1lDqhWHbX{
    color: #0f2546;
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    padding: 0;
}
.u6IFkRikog0TMaEDo3wE {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}
.Vr9eF3g4AknpuL51VK2F{
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}
.Ks4gYnzltyU8sYcPKAR9{
    /* color: #666; */
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    /* font-size: 14px; */
}
.mU6xhEK8Bcx8WeSS1leG {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}
.Mw7xgOgStqoWBZ7vlbjm{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
.xvxgdIuFxqZGtq_9izXK {
    width: 100%;
    height: 15px;
    /* border-radius: 8px; */
    overflow: hidden;
    background-color: #eee; /* fallback background */
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  /* Chrome, Safari, Opera */
  .xvxgdIuFxqZGtq_9izXK::-webkit-progress-bar {
    background-color: #eee;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    /* border-radius: 8px; */
  }
  
  .xvxgdIuFxqZGtq_9izXK::-webkit-progress-value {
    background-color: #2AAEC4; /* your desired fill color */
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    /* border-radius: 8px; */
  }
  
  /* Firefox */
  .xvxgdIuFxqZGtq_9izXK::-moz-progress-bar {
    -moz-transition: width 0.6s ease;
    transition: width 0.6s ease;
    background-color: #ccc;
    /* border-radius: 8px; */
  }
.fwTSF83zvl6PR_YVTO14{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    text-align: end;
}
.qTXcmYk1dQQi_CNI7Kuc{
    display: flex;
    align-items: flex-end;
    flex-direction: column;

}
.VLwoUkh2hVQaJkhYJOLG{
    width: 271px !important;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 12px;
}
.TXLD6lo0Ov5qHxnWM93S{
    display: flex;
    align-items: center;
    gap: 10px;
}
.DBOssNiID5EviKNwqS9c{
    border: none;
    background-color: transparent;
    color: #0f2546;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    padding: 0;
}

/* .scheduleSessionButton{
    margin-top: 5px;
    background-color: #fff;
    color: #F78429;
    border: 1px solid #F78429;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.scheduleSessionButton:hover{
    background-color: #F78429;
    color: #FFF;
} */

.goTIGK54Dp4KS83QDpQk{
    margin-top: 5px;
}
.cYkxGfOsvgVPpq1NKUc6{
    font-weight: 700 !important;
    margin: 10px 0 0 0 !important;
    color: #0f2546 !important;
    font-size: 1.25rem !important;
}

.RaTfEch64UXgHs1Bq5iw{
    width: 30%;
}
.V5xukKmZg9DpzyZmwIcD, .mWdaU6TSJNZ1DgLMVAb3{
    /* width: 100%; */
    height: auto;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* Collapsed state: limit height and hide overflow */
.nSfqaHj8UVW6Ns41WcVY {
    max-height: 60px; /* Adjust as needed for 3-4 items */
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);;
    overflow-y: hidden;
    position: relative;
}
.mWdaU6TSJNZ1DgLMVAb3 {
    cursor: pointer;
    margin-top: 10px;
    /* max-height: 500px; */
    overflow-y: hidden;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
}
.mWdaU6TSJNZ1DgLMVAb3:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Toggle button styling */
.WTlpWGrqp0f4seN6DeX9 {
    color: #0f2546;
    margin-top: 8px;
    align-self: flex-end;
    background: transparent;
    border: none;
    border-radius: 50%;
    padding: 2px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    transition: 0.3s all ease-in-out;   
}
.WTlpWGrqp0f4seN6DeX9:hover {
    background: #e0e0e0;
}
.WTlpWGrqp0f4seN6DeX9:focus {
    outline: none;
}

.xlyWCCYwZLkxQK_nia3r {
    display: flex;
    align-items: center;
}

.vnp2OLCwWYBdijJXWuUg{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 12px;
    background-color: #FFF;
    transition: all 0.2s ease;
}
.FDalfbkGMMIxQ71AX2WG{
    border-color: #2AAEC4 !important;
    background-color: rgba(42, 174, 196, 0.08) !important;
    box-shadow: 0 4px 10px rgba(42, 174, 196, 0.15) !important;
    transform: scale(1.01);
}

.vnp2OLCwWYBdijJXWuUg:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #ddd;
}

.G9QIhxre5qd_bhpP2xv3 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.jMvRY0kZ5GNxs_N7Pj_N {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.S3ESNqmIAmdAmE_Mbp9v {
    margin-left: 10px;
}

.qpLhZwu3Eco9p1MfUAuF {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cMtxa67AReB8wl11wViN {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.CGs3Eiw5sMPAgC_VLbqs {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.mfd7j3N4WVLsWjzxfjH2 {
    padding-left: 24px; /* Align with content after checkbox */
}

.jhPVIMlQYueFPAtpOijK {
    margin-bottom: 12px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #2AAEC4;
}

.gcwRzsbD2ta1RWMrcWcH {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 13px;
}

.AyfHbK6KtghQW3BMrOeR {
    display: flex;
    flex-direction: column;
    min-width: 150px;
}

.nY3FhCOLYoUWUyHhNfB_ {
    font-weight: 600;
    color: #0f2546;
    margin-bottom: 2px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.GUbZqoiAPllFh5IYiAXQ {
    color: #666;
    font-weight: 500;
}

.Lqp3UZtbNHgUbJlgHQku {
    font-weight: 600;
    color: #F78429;
}


.vnp2OLCwWYBdijJXWuUg input[type="checkbox"], 
.xlyWCCYwZLkxQK_nia3r input[type="checkbox"]{
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 50%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 2px solid #ccc;
    background-color: #ccc;
    position: relative;
}
.vnp2OLCwWYBdijJXWuUg input[type="checkbox"]:checked,
.xlyWCCYwZLkxQK_nia3r input[type="checkbox"]:checked{
    background-color: #2AAEC4;
    border: 2px solid #2AAEC4;
}

.vnp2OLCwWYBdijJXWuUg input[type="checkbox"]:checked::after,
.xlyWCCYwZLkxQK_nia3r input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.vnp2OLCwWYBdijJXWuUg input[type="checkbox"]:focus,
.xlyWCCYwZLkxQK_nia3r input[type="checkbox"]:focus{
    outline: none;
    color: none;
}
.jZUem3Cp0Vqh2eWwNPye:hover{
    text-decoration: underline;
    color: #2AAEC4;
}

.fdvrT_Xcxlhnr2zeyb3u{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.r8KVQ26cJ5b_FAacGv2c{
    background-color: transparent !important;
    color: #0f2546 !important;
    border: none;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 550 !important;
    transition: 0.2s background ease-in-out;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.r8KVQ26cJ5b_FAacGv2c:hover{
    /* background-color: #2AAEC4; */
    /* color: #FFF; */
    /* transform: scale(1.1); */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.r8KVQ26cJ5b_FAacGv2c:active, .r8KVQ26cJ5b_FAacGv2c:focus{
    outline: none;
    border-bottom: 3px solid #2AAEC4;
}

.bxMw9GTWNELlfg4HvVaM {
    /* background-color: #2AAEC4 !important; */
    /* color: #FFF !important; */
    border-bottom: 3px solid #2AAEC4 !important;
}
.XxDxCKUxS4NNvfZcUbrA {
    font-size: 20px !important;
}

.kDYtDgE2HpDGZymvUcTM {
    display: flex;
    margin-bottom: 8px;
    align-items: flex-end;
    gap: 15px;
    /* justify-content: space-between; */
  }

  .BdxOdMYvL4tbkMKkgFZp{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

    .EC208Ne4c_ux5V9Kw4zI{
     display: flex;
     gap: 15px;
     justify-content: end;
     align-items: center;
    margin-bottom: 10px;
  }
.Lwxu9itqOFNVQvUj4afJ{
    display: flex;
    align-items: center;
    gap: 5px;
}
.Bcxmw68FrZ8lkBQg5jes{
    margin: 0;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    border-radius: 50%;
}
.Bcxmw68FrZ8lkBQg5jes:focus{
    outline: none !important;
}
.I40QOM5lVCZ7rxTFXFv9 {
    padding: 4px 8px;
    border: none !important;
    background-color: transparent;
    color: #0f2546;
    transition: all 0.2s ease-in-out;
}
.I40QOM5lVCZ7rxTFXFv9:disabled,
.I40QOM5lVCZ7rxTFXFv9[disabled] {
    opacity: 0.5;
    background-color: transparent;
    color: #999;
    cursor: not-allowed;
    pointer-events: none;
}
.I40QOM5lVCZ7rxTFXFv9:disabled:hover,
.I40QOM5lVCZ7rxTFXFv9[disabled]:hover {
    background-color: transparent;
    color: #999;
}
.I40QOM5lVCZ7rxTFXFv9:hover{
    background-color: crimson;
    color: #fff;
}
.oRvY9x0UWsJI9No6uaoe{
    margin: 0;
    color: #0f2546;
    font-size: 12px;
    font-style: italic;
}

  .EzkNLAyZoc001URy_x87{
    font-size: 14px;
    color: #0f2546;
    cursor: pointer;
  }
  .FTW1ugBmlLqCOqLm1q7l {
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    width: 200px !important;
    transition: border-color 0.2s ease;
    }

  .FTW1ugBmlLqCOqLm1q7l:focus {
    border-color: #2aaec4;
    }

  .MzBs7jxEnsmBveAjdReB{
    cursor: pointer;
    color: crimson;
  }

   

.K3isJmpW5xXT650G5aUg:hover{
    color: rgb(18, 79, 159);
}

.qCQyLH2LSxvphNVMiokA {
    font-size: 0.75rem;
    color: #666;
    font-weight: 400;
    margin-top: 2px;
}

.QZP74tJguXtsEQyg31O6 {
    padding: 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 700;
    color: #0f2546;
}
.QZP74tJguXtsEQyg31O6 option{
    font-weight: 700;
}

.NC9h5ryEylMKmqHzUWNP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.6);
    z-index: 2;
    pointer-events: none;
}
.GEf9U5JmnDqpwkGYyQMA {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2AAEC4;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    animation: gJtSZQiKRgP5AUkRi0wI 0.8s linear infinite;
}
@keyframes gJtSZQiKRgP5AUkRi0wI {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* .clientSelect:active, .clientSelect:focus-visible{
    background-color: #F78429;
    color: #FFF;
    box-shadow: none;
} */
/* 
.clientSelect option:hover{
    background-color: #F78429;
    color: #FFF;
} */

/* .sessionNotes {
    margin-top: 20px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} */

/* .clientActivityList {
    margin-top: 15px;
} */

.otZ9uaXd0hOAgicq26R2 {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    transition: all 0.2s ease-in-out;
}
.otZ9uaXd0hOAgicq26R2:hover, .otZ9uaXd0hOAgicq26R2:focus{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.e1oDQcgH1gQgO3DLP_z1 {
    font-style: italic;
    margin: 0;
    flex: 1;
    white-space: pre-wrap;
}

.z1myB9tsYf8WmCou_3Zr {
    display: flex;
    gap: 10px;
    margin-left: 15px;
}

.TJuXMMibc8GXj0tzrbZ2,
.BIRGG9kAN0qKEXRNXwc8 {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 5px !important;
    color: #666 !important;
    transition: color 0.2s !important;
}

.TJuXMMibc8GXj0tzrbZ2:hover {
    color: #0073aa !important;
}

.BIRGG9kAN0qKEXRNXwc8:hover {
    color: #dc3232 !important;
}

.iV6nGGrcDRFgJRa4EqlD {
    position: fixed;
    top: 40%; /* Move to upper-middle right, adjust as needed */
    right: 30px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* 
.floatingButtonGroup::before {
    content: "";
    position: absolute;
    top: -70px; 
    right: -60px; 
    bottom: -70px; 
    left: -70px;
} */

.dOGINNecSRrX1g9JCc8o {
    padding: 5px !important;
     width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #F78429;
    border: none;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    position: relative;
    z-index: 2;
    transform: translateX(40px); /* Push out of window to the right */
    opacity: 0.7;
    transition:
        transform 0.4s cubic-bezier(0.4,0,0.2,1),
        opacity 0.4s cubic-bezier(0.4,0,0.2,1);
    transition-delay: 0s, 0s;
    pointer-events: auto;
}

/* Hover effect: bring button back and make opaque (but don't show submenu) */
.dOGINNecSRrX1g9JCc8o:hover {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0s, 0s;
}

/* When menu is open: bring button back, make opaque, and rotate to X */
.smt73Qi92CQPmYBKVtI8 .dOGINNecSRrX1g9JCc8o {
    transform: translateX(0) rotate(45deg);
    opacity: 1;
    transition-delay: 0s, 0s;
}

/* When menu is closed: delay before hiding again */
.iV6nGGrcDRFgJRa4EqlD:not(.smt73Qi92CQPmYBKVtI8) .dOGINNecSRrX1g9JCc8o {
    transition-delay: 0.5s, 0.5s; /* Wait before animating out */
}

.YsjjkHlvIg8GjsIgf6la {
     position: absolute;
    top: 50%;
    right: 50%;
    pointer-events: none;
    width: 30px; /* Adjust radius as needed */
    height: 180px;
    transform: translateY(-50%);
    z-index: 1;
}


.smt73Qi92CQPmYBKVtI8 .YsjjkHlvIg8GjsIgf6la {
    pointer-events: auto;
}

.S57sR9BeVRTJWzeylc5x {
    padding: 5px !important;
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #F78429;
    color: #F78429;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: all 0.2s ease, opacity 0.3s;
    opacity: 0;
    pointer-events: none;
}

.S57sR9BeVRTJWzeylc5x:hover {
    background-color: #F78429;
    color: white;
    transform: scale(1.1);
}

.smt73Qi92CQPmYBKVtI8 .S57sR9BeVRTJWzeylc5x {
    opacity: 1;
    pointer-events: auto;
}

.S57sR9BeVRTJWzeylc5x .xXjjNcFCWHKH6cK5xks_ {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.dOGINNecSRrX1g9JCc8o .xXjjNcFCWHKH6cK5xks_ {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

/* You may need to adjust the nth-child selectors based on the number/order of buttons */
.YsjjkHlvIg8GjsIgf6la .S57sR9BeVRTJWzeylc5x:nth-child(1) {
    /* Top left */
    left: 19px;
    top: 7px;
    transform: translate(0, 0);
}
.YsjjkHlvIg8GjsIgf6la .S57sR9BeVRTJWzeylc5x:nth-child(2) {
    /* Directly left */
    left: -34px;
    bottom: -4px;
    transform: translateY(-50%);
}
.YsjjkHlvIg8GjsIgf6la .S57sR9BeVRTJWzeylc5x:nth-child(3) {
    /* Bottom left */
    left: 17px;
    bottom: 4px;
    transform: translate(0, 0);
}
.YsjjkHlvIg8GjsIgf6la .S57sR9BeVRTJWzeylc5x:nth-child(4) {
    /* Middle upper left */
    left: -34px;
    top: 39px;
    transform: translateY(-50%);
}
.YsjjkHlvIg8GjsIgf6la .S57sR9BeVRTJWzeylc5x:nth-child(5) {
    /* Middle lower left */
    left: -60px;
    top: 90px;
    transform: translateY(-50%);
}


.ZQNGlnz1N4aQfPWWewAH {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color:  rgba(0, 0, 0, 0.9);
}

.fCCEeC1KydzBYM98YZEv {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    color:  rgba(0, 0, 0, 0.7);
}



.GTjb1qEvHfRcgHnjPg83 {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    margin-left: 8px;
}

/* Memberium Styling  */
.nv_eP6G2ImFn9xJ31TxM {
  display: inline-block;
  padding: 2px 8px;
  margin-left: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 12px;
  background: linear-gradient(90deg, #e5e4e2 0%, #b3b3b3 100%);
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid #b3b3b3;
  vertical-align: middle;
}

.AG0hUp1JyzuuyUetD1eD {
    width: 26px;
    height: auto;
    display: flex;
    align-items: center;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .gcwRzsbD2ta1RWMrcWcH {
        /* flex-direction: column; */
        gap: 8px;
        font-size: 11px;
    }
    
    .AyfHbK6KtghQW3BMrOeR {
        min-width: auto;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 2px;
    }
    .nY3FhCOLYoUWUyHhNfB_{
        margin-bottom: 0;
    }
    
    .jMvRY0kZ5GNxs_N7Pj_N {
        /* flex-direction: column; */
        gap: 8px;
    }
    
    .S3ESNqmIAmdAmE_Mbp9v {
        margin-left: 0;
        align-self: flex-start;
    }

    .e1oDQcgH1gQgO3DLP_z1{
        font-size: 14px;
    }

    /* Activity Pagination Responsiveness */
     .TzCOMzNT2lbSW1wz3WWy {
        /* flex-direction: column; */
        gap: 10px;
    }
    
    .eLA7i9EgJz91LjT95k8W {
        order: -1;
    }
    
    .T0zr_JKBWM8c4K_rduLJ {
        width: 100%;
        justify-content: center;
        max-width: 120px;
    }
    
    .GTjb1qEvHfRcgHnjPg83 {
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }
}

.PQq42F25LOKUYqglJxqp{
    display: flex; 
    gap: 20px;
    margin-top: 10px;
}
.U4oL9jfMvmyDQnpo9fn1 {
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    width: 70%;
}

@media (max-width: 425px){
    .PQq42F25LOKUYqglJxqp{
        display: flex;
        flex-direction: column;
    }

    .U4oL9jfMvmyDQnpo9fn1{
        width: 100%;
        gap: 0;
    }
    .kDYtDgE2HpDGZymvUcTM{
        align-items: center;
    }

    .RaTfEch64UXgHs1Bq5iw{
        width: 100%;
    }

    /* Client info adjustments for mobile */
    .ZsEhao1ZLUSMY0tJajXj {
        flex-direction: column;
        gap: 15px;
    }

    .RW_iat1NT_FIbhbWNpdf {
        flex-direction: column;
        /* flex-direction: column-reverse; */
        align-items: center;
        text-align: center;
        gap: 15px;
    }

    .K4P4l9hlEoPatO57CYlN {
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }

    .NDYLy9MC0mwP4P7XpOsb {
        width: 60px;
        height: 60px;
    }
    .j5LiaCUsVEpMFOy0KaMo{
        justify-content: center;
    }

    .owcrMsEu2JIn6H3cXGnQ {
        font-size: 1.5rem;
    }

    .Vr9eF3g4AknpuL51VK2F, .Ks4gYnzltyU8sYcPKAR9 {
        font-size: 14px;
        text-align: center;
    }

    .Mw7xgOgStqoWBZ7vlbjm {
        align-items: center;
        width: 100%;
    }

    .QZP74tJguXtsEQyg31O6 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .xvxgdIuFxqZGtq_9izXK {
        width: 100%;
    }
    .BdxOdMYvL4tbkMKkgFZp{
        display: unset;
    }

    .EC208Ne4c_ux5V9Kw4zI { 
        flex-direction: row-reverse;
    }
    .FTW1ugBmlLqCOqLm1q7l{
        width: -webkit-fill-available !important;
    }
    

    /* Filter tabs adjustments */
    .fdvrT_Xcxlhnr2zeyb3u {
        display: flex;
        gap: 5px;
        position: fixed;
        z-index: 100;
        background: #fff;
        left: 0;
        bottom: 0;
        width: 100vw;
        border-radius: 0;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
        /* padding: 4px 0 2px 0; */
        padding: 0;
        justify-content: space-around;
        border-top: 1px solid #eee;
    }

    .r8KVQ26cJ5b_FAacGv2c {
        font-size: 0;
        padding: 10px 0;
        min-width: 0;
        background: none;
        border: none;
        color: #0f2546;
        border-radius: 0;
        height: 48px;
        transition: background 0.2s, color 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
    }
      .r8KVQ26cJ5b_FAacGv2c .xXjjNcFCWHKH6cK5xks_ {
        font-size: 22px;
        width: 22px;
        height: 22px;
        color: #0f2546;
        display: inline-block;
    }
    .bxMw9GTWNELlfg4HvVaM .xXjjNcFCWHKH6cK5xks_ {
        color: #2AAEC4;
    }
    .r8KVQ26cJ5b_FAacGv2c:hover, .r8KVQ26cJ5b_FAacGv2c:focus {
        background: #f2f2f2;
        color: #2AAEC4;
    }
    .bxMw9GTWNELlfg4HvVaM {
        background: #2AAEC4 !important;
        color: #fff !important;
    }

    /* Section spacing adjustments */
    .yYYCUGbMhUAQVX3QVTPO, .n5AMuAhPrV1z3GENIjNj {
        margin-bottom: 20px;
    }

    .cYkxGfOsvgVPpq1NKUc6 {
        font-size: 16px;
        margin: 15px 0 10px 0;
    }

    /* Floating button adjustments */
    .iV6nGGrcDRFgJRa4EqlD {
        right: 30px;
        top: 50%;
    }

    .dOGINNecSRrX1g9JCc8o {
        width: 40px;
        height: 40px;
        transform: translateX(30px);
    }

    .S57sR9BeVRTJWzeylc5x {
        width: 40px;
        height: 40px;
    }

    /* Activity list mobile optimization */
    /* .recentActivityListCollapsed {
        max-height: 60px;
    } */

    .ZQNGlnz1N4aQfPWWewAH {
        font-size: 13px;
    }

    .fCCEeC1KydzBYM98YZEv {
        font-size: 11px;
    }

    /* Open actions mobile optimization */
    .xlyWCCYwZLkxQK_nia3r {
        padding: 8px;
        font-size: 14px;
    }

    .jZUem3Cp0Vqh2eWwNPye {
        font-size: 14px;
    }

    .gcwRzsbD2ta1RWMrcWcH {
        flex-direction: column;
    }

    .TzCOMzNT2lbSW1wz3WWy {
        gap: 5px;
    }
    

    /* .sessionNotes{
        padding: unset;
        background: transparent;
        border-radius: unset;
        box-shadow: unset;
    } */
    .ea_g9zGXRd0JQeH27QlM{
        margin-top: unset;
    }
    .otZ9uaXd0hOAgicq26R2{
        flex-direction: column;
        /* border: 1px solid #ccc; */
    }
    .z1myB9tsYf8WmCou_3Zr{
        margin-left: auto;
    }

    /* Membership badges mobile adjustments */
    .nv_eP6G2ImFn9xJ31TxM {
        font-size: 0.65rem;
        padding: 1px 6px;
        margin-left: 2px;
    }

    .AG0hUp1JyzuuyUetD1eD {
        width: 20px;
    }

    /* Session count and progress adjustments */
    .K3isJmpW5xXT650G5aUg {
        font-size: 14px;
        margin-bottom: 5px;
    }

    /* Zoom button adjustments */
    ._yYa4IpJHU6mX4xq1q8t {
        margin-left: 5px !important;
    }

}

/* Additional mobile improvements for very small screens */
@media (max-width: 375px) {
    .owcrMsEu2JIn6H3cXGnQ {
        font-size: 1.3rem;
    }

    .r8KVQ26cJ5b_FAacGv2c {
        font-size: 11px;
        padding: 6px 8px;
    }

    .cYkxGfOsvgVPpq1NKUc6 {
        font-size: 15px;
    }

    .xlyWCCYwZLkxQK_nia3r {
        padding: 6px;
    }

    .iV6nGGrcDRFgJRa4EqlD {
        right: 10px;
    }

    .dOGINNecSRrX1g9JCc8o {
        width: 45px;
        height: 45px;
    }

    .S57sR9BeVRTJWzeylc5x {
        width: 35px;
        height: 35px;
    }
}

/* Landscape mobile adjustments */
@media (max-width: 768px) and (orientation: landscape) {
    .ZsEhao1ZLUSMY0tJajXj {
        flex-direction: row;
        gap: 10px;
    }

    .RW_iat1NT_FIbhbWNpdf {
        flex-direction: row;
        text-align: left;
    }

    .PQq42F25LOKUYqglJxqp {
        flex-direction: row;
    }

    .U4oL9jfMvmyDQnpo9fn1 {
        width: 65%;
    }

    .RaTfEch64UXgHs1Bq5iw {
        width: 35%;
    }
}

/* Zoom Location Styles */
.i_AosnPgHMMfUu3mOlvu {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.pfn3clgviktWHzX4kRI1 {
    background: linear-gradient(135deg, #2D8CFF 0%, #1E5BCC 100%);
    color: white;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(45, 140, 255, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    margin-top: 4px;
}

.pfn3clgviktWHzX4kRI1:hover {
    background: linear-gradient(135deg, #1E5BCC 0%, #0F3A8A 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(45, 140, 255, 0.4);
}

.pfn3clgviktWHzX4kRI1:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(45, 140, 255, 0.3);
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/ZoomStatusModal/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
.JbuMbp1X7vZ9l4PaFoGq {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.25);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
._jSK83rUgVSvegsbUhag {
  background: #fff;
  border-radius: 8px;
  min-width: 340px;
  max-width: 95vw;
  box-shadow: 0 4px 24px rgba(0,0,0,0.18);
  padding: 0;
  animation: N73kpuRAjaisgacJkV12 0.2s;
}
@keyframes N73kpuRAjaisgacJkV12 {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.GU1TZgZpODma4dEPzQXf {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 16px 20px 10px 20px;
  position: relative;
}
.LyQ4H5v2_Rm8YehopcRv {
  font-size: 1.1rem;
  font-weight: 600;
  margin-left: 10px;
  flex: 1;
}
.M5K9bSnzXv0Zhwgm3HNn {
  background: none !important;
  border: none !important;
  font-size: 20px !important;
  color: #888 !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
}
.wzSN38GQSypDpwjx1XBC, .Ck_QPr7HH89q35uCLV1Q {
  padding: 18px 20px 10px 20px;
}
.Ck_QPr7HH89q35uCLV1Q{
  display:  flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ngCU1yp0hFcdrcm8xMtH {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  margin-bottom: 10px;
}
.HdT7aBzY3zCXX5X_qbr8{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
}
.UTenFgj_fBVgOaWDmsSA {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f44336;
  background: #fff3f3;
  border: 1px solid #f44336;
  border-radius: 4px;
  padding: 8px 12px;
  margin-top: 8px;
  font-size: 0.98rem;
}
.e84YAOUXyDa9K6evdAvX{
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  /* border-radius: 4px; */
  /* padding: 8px 12px; */
  /* margin-top: 8px; */
  font-size: 0.98rem;
  /* border: 1px solid #eee; */
}
.BfVALk4eJRdApVrd2FaG {
  background: none !important;
  border: none !important;
  color: #1976d2 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  margin-left: 8px !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  padding: 0 !important;
}
.hZdrQU7AjjvV0qpdyqBa {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px 16px 20px;
  border-top: 1px solid #eee;
}
.Vjz6ZgqCRXnqTU1SQ8gT {
  background: #1976d2 !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.15s !important;
}
.Vjz6ZgqCRXnqTU1SQ8gT:disabled {
  opacity: 0.7 !important;
  cursor: default !important;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/ZoomMeetingModal/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
/* Zoom Meeting Modal Styles */
.UWQz6FnDy2aPn0cFdIXZ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.ShNv8FIEeBkYVYUsAC33 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}

.YSXA6wdq04uAiJLKFi_Q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  background: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.Fea_WArdh61z7tuWrs5c {
  display: flex;
  align-items: center;
  gap: 12px;
}

.xjuDRSKj_UYwYkRMBBZr {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.Wght2hCNe7j8zLKffspT {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.Wght2hCNe7j8zLKffspT:hover {
  background-color: #e0e0e0;
}

.rW3dWQDvp67cxuPlkSK1 {
  padding: 24px;
  max-height: 60vh;
  overflow-y: auto;
}

.lxdWctduB_bETfwY64kB {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  margin-bottom: 20px;
  color: #856404;
}

.mf8Sf7bqMjrtagBMyHyu {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.mf8Sf7bqMjrtagBMyHyu h4 {
  margin: 0 0 12px 0;
  color: #333;
  font-size: 16px;
}

.mf8Sf7bqMjrtagBMyHyu p {
  margin: 4px 0;
  color: #666;
  font-size: 14px;
}

.NU_SlEE9ffTd5U8vK5XU {
  background: #e8f5e8;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #c3e6c3;
}

.NU_SlEE9ffTd5U8vK5XU h4 {
  margin: 0 0 12px 0;
  color: #2e7d32;
  font-size: 16px;
}

.HZfdzclB_GsF4Eww5Whg {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.djBsBplDV3l0gjuzNSkZ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.djBsBplDV3l0gjuzNSkZ label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.fnl_Lx0HbwCSaJ8bTP6v {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.fnl_Lx0HbwCSaJ8bTP6v span {
  flex: 1;
  font-family: monospace;
  font-size: 13px;
  color: #333;
  word-break: break-all;
}

._eB7Em0nYLRDpcQmejae {
  color: #1976d2 !important;
}

.HPwUq01TYr8ai1jfqrjF {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.HPwUq01TYr8ai1jfqrjF:hover {
  background: #e0e0e0;
}

.oGJrtnObH7U1QhDdRsgL {
  background: #fafafa;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.oGJrtnObH7U1QhDdRsgL h4 {
  margin: 0 0 16px 0;
  color: #333;
  font-size: 16px;
}

.rmDktIprt49HMqQrBNMj {
  margin-bottom: 16px;
}

.rmDktIprt49HMqQrBNMj label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.rmDktIprt49HMqQrBNMj input,
.rmDktIprt49HMqQrBNMj textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.rmDktIprt49HMqQrBNMj input:focus,
.rmDktIprt49HMqQrBNMj textarea:focus {
  outline: none;
  border-color: #2D8CFF;
  box-shadow: 0 0 0 2px rgba(45, 140, 255, 0.1);
}

.XWQeyda61nxyT0ryHBQQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pfVhby80E_Z5yfvWyfcK {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.pfVhby80E_Z5yfvWyfcK input[type="checkbox"] {
  width: auto;
  margin: 0;
}

.cwZoxBJQfFuYVvMwfubR {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid #e0e0e0;
  background: #f8f9fa;
  border-radius: 0 0 8px 8px;
}

.AME1krKrsfylfZK2RCbI {
  display: flex;
  gap: 12px;
}

.lEp3XE21AIWd6E5N3TjQ,
.CTKGGV3pakMIaWAFJhfW,
._aJsGTB5kQfB09_cJG7r,
.RC9zKndAjQMvlWzRw6tQ {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}

.lEp3XE21AIWd6E5N3TjQ {
  background: #2D8CFF;
  color: white;
}

.lEp3XE21AIWd6E5N3TjQ:hover:not(:disabled) {
  background: #1976d2;
}

.CTKGGV3pakMIaWAFJhfW {
  background: #4caf50;
  color: white;
}

.CTKGGV3pakMIaWAFJhfW:hover:not(:disabled) {
  background: #388e3c;
}

._aJsGTB5kQfB09_cJG7r {
  background: #f44336;
  color: white;
}

._aJsGTB5kQfB09_cJG7r:hover:not(:disabled) {
  background: #d32f2f;
}

.RC9zKndAjQMvlWzRw6tQ {
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
}

.RC9zKndAjQMvlWzRw6tQ:hover {
  background: #e0e0e0;
}

.lEp3XE21AIWd6E5N3TjQ:disabled,
.CTKGGV3pakMIaWAFJhfW:disabled,
._aJsGTB5kQfB09_cJG7r:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive design */
@media (max-width: 768px) {
  .ShNv8FIEeBkYVYUsAC33 {
    width: 95%;
    margin: 10px;
  }
  
  .YSXA6wdq04uAiJLKFi_Q,
  .rW3dWQDvp67cxuPlkSK1,
  .cwZoxBJQfFuYVvMwfubR {
    padding: 16px;
  }
  
  .cwZoxBJQfFuYVvMwfubR {
    flex-direction: column;
    gap: 8px;
  }
  
  .AME1krKrsfylfZK2RCbI {
    width: 100%;
    flex-direction: column;
  }
  
  .lEp3XE21AIWd6E5N3TjQ,
  .CTKGGV3pakMIaWAFJhfW,
  ._aJsGTB5kQfB09_cJG7r,
  .RC9zKndAjQMvlWzRw6tQ {
    width: 100%;
    justify-content: center;
  }
  
  .fnl_Lx0HbwCSaJ8bTP6v {
    flex-direction: column;
    align-items: stretch;
  }
  
  .HPwUq01TYr8ai1jfqrjF {
    align-self: flex-end;
    width: auto;
  }
}

/* Animation for spinning icons */
@keyframes yEYSMgENhnT_vhI9TRG2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/themes/learning/GoogleMeetModal/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
/* Google Meet Modal Styles */
.EZFoA6zwSW6yJAcxUNT4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.p2ux8icQOedGr_m5zlKV {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}

.Li7RE73_zoOjAnXiNBJ2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  background: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.uAo7zyeYskz6C_ShpaMt {
  display: flex;
  align-items: center;
  gap: 12px;
}

.qf4BjHZRaL0dVYeVcnes {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.GHpc0QyatNIIjWOOzslz {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.GHpc0QyatNIIjWOOzslz:hover {
  background-color: #e0e0e0;
}

.D0LhRZfoPB2ox89SGOOb {
  padding: 24px;
  max-height: 60vh;
  overflow-y: auto;
}

.rbjc6asMgxaF9dDQZr12 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  margin-bottom: 20px;
  color: #856404;
}

.zoB2FOrHook1ps82n82x {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.zoB2FOrHook1ps82n82x h4 {
  margin: 0 0 12px 0;
  color: #333;
  font-size: 16px;
}

.zoB2FOrHook1ps82n82x p {
  margin: 4px 0;
  color: #666;
  font-size: 14px;
}

.yC8RXBFlQ60KoYvavyWt {
  background: #e8f5e8;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #c3e6c3;
}

.yC8RXBFlQ60KoYvavyWt h4 {
  margin: 0 0 12px 0;
  color: #2e7d32;
  font-size: 16px;
}

.iuvgw0dUiBY1I8KaxFxQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.MKFv8S4GugiQKJHKKCfm {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.MKFv8S4GugiQKJHKKCfm label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.eGHJ3njvHE480BFOkl3P {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.eGHJ3njvHE480BFOkl3P span {
  flex: 1;
  font-family: monospace;
  font-size: 13px;
  color: #333;
  word-break: break-all;
}

.p_QX9nEe1JUNO9gWhbeh {
  color: #00832d !important;
}

.AMxRrJsoL2INy5IDYfgY {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.AMxRrJsoL2INy5IDYfgY:hover {
  background: #e0e0e0;
}

.BzRqZwQuzp62H60UJxMQ {
  background: #fafafa;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.BzRqZwQuzp62H60UJxMQ h4 {
  margin: 0 0 16px 0;
  color: #333;
  font-size: 16px;
}

.sSA0aslza772xZLR1Lwi {
  margin-bottom: 16px;
}

.sSA0aslza772xZLR1Lwi label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.sSA0aslza772xZLR1Lwi input,
.sSA0aslza772xZLR1Lwi textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.sSA0aslza772xZLR1Lwi input:focus,
.sSA0aslza772xZLR1Lwi textarea:focus {
  outline: none;
  border-color: #00832d;
  box-shadow: 0 0 0 2px rgba(0, 131, 45, 0.1);
}

.aY8x8gwhEHLwzTNLiqQ9 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid #e0e0e0;
  background: #f8f9fa;
  border-radius: 0 0 8px 8px;
}

.xKfDEqftPQcS7si1ESD5 {
  display: flex;
  gap: 12px;
}

.HW7tKXYuJW5cJ3FWTroI,
.voGsBfVzHZbXhh_SetY1,
.i504pUJ_2wMBPKPFKcu1,
.nNeD2iu9jJXttIz2XWB1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}

.HW7tKXYuJW5cJ3FWTroI {
  background: #00832d;
  color: white;
}

.HW7tKXYuJW5cJ3FWTroI:hover:not(:disabled) {
  background: #006b24;
}

.voGsBfVzHZbXhh_SetY1 {
  background: #4caf50;
  color: white;
}

.voGsBfVzHZbXhh_SetY1:hover:not(:disabled) {
  background: #388e3c;
}

.i504pUJ_2wMBPKPFKcu1 {
  background: #f44336;
  color: white;
}

.i504pUJ_2wMBPKPFKcu1:hover:not(:disabled) {
  background: #d32f2f;
}

.nNeD2iu9jJXttIz2XWB1 {
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
}

.nNeD2iu9jJXttIz2XWB1:hover {
  background: #e0e0e0;
}

.HW7tKXYuJW5cJ3FWTroI:disabled,
.voGsBfVzHZbXhh_SetY1:disabled,
.i504pUJ_2wMBPKPFKcu1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive design */
@media (max-width: 768px) {
  .p2ux8icQOedGr_m5zlKV {
    width: 95%;
    margin: 10px;
  }
  
  .Li7RE73_zoOjAnXiNBJ2,
  .D0LhRZfoPB2ox89SGOOb,
  .aY8x8gwhEHLwzTNLiqQ9 {
    padding: 16px;
  }
  
  .aY8x8gwhEHLwzTNLiqQ9 {
    flex-direction: column;
    gap: 8px;
  }
  
  .xKfDEqftPQcS7si1ESD5 {
    width: 100%;
    flex-direction: column;
  }
  
  .HW7tKXYuJW5cJ3FWTroI,
  .voGsBfVzHZbXhh_SetY1,
  .i504pUJ_2wMBPKPFKcu1,
  .nNeD2iu9jJXttIz2XWB1 {
    width: 100%;
    justify-content: center;
  }
  
  .eGHJ3njvHE480BFOkl3P {
    flex-direction: column;
    align-items: stretch;
  }
  
  .AMxRrJsoL2INy5IDYfgY {
    align-self: flex-end;
    width: auto;
  }
}

/* Animation for spinning icons */
@keyframes TNdtxQrlu6gZKVImhkXT {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/widgets/AdminComponent/CoachProfile/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************/

/* --- Grid Container --- */
.upkIdR_q66YK9hK8xVKN {
  width: 100%;
  padding: 2rem 1rem;
  box-sizing: border-box;
}

.LnlCZ_y63rOpUv_D7N_f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
}

/* --- Search Bar Styles --- */
.SWDjzHU7Hm5SoN2Ddft5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 0.5rem;
}

._UfOFDASHo6bZWjdbHMi {
  font-size: 1rem;
  font-weight: 600;
  color: #0f2546;
  margin-bottom: 0.25rem;
}

.nu9iK4SOcilXXHLnFiMA {
  width: 100%;
  max-width: 320px;
  padding: 0.5rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 1rem;
  color: #0f2546;
  background: #fafbfc;
  transition: border 0.2s;
  outline: none;
}

.nu9iK4SOcilXXHLnFiMA:focus {
  border: 1.5px solid #f78429;
  background: #fff;
}

/* --- Pagination Controls --- */
.nEManJoHn4o9VDnrIxW1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin: 2rem 0 0.5rem 0;
}

.o6L_PzcLAHefL_owdzmW {
  background: #fff;
  color: #f78429;
  border: 1px solid #f78429;
  border-radius: 6px;
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.o6L_PzcLAHefL_owdzmW:disabled,
.o6L_PzcLAHefL_owdzmW[aria-disabled="true"] {
  color: #bbb;
  border-color: #eee;
  background: #fafbfc;
  cursor: not-allowed;
}

.o6L_PzcLAHefL_owdzmW:not(:disabled):hover,
.o6L_PzcLAHefL_owdzmW:not([aria-disabled="true"]):hover {
  background: #f78429;
  color: #fff;
}

.zEaxXtDyfS3ujv6SbdZU {
  font-size: 1rem;
  color: #0f2546;
  font-weight: 500;
}

/* --- No Results Message --- */
.XoUTSUpiBX3dWse7FI2a {
  width: 100%;
  text-align: center;
  color: #b71c1c;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 2rem 0;
  background: #fbe7e7;
  border-radius: 8px;
  margin-top: 1rem;
}


/* --- Coach Card --- */
.wqVCO_Syi2Za4VouuqbA {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(15, 37, 70, 0.08);
  padding: 1.5rem 1rem 1rem 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25rem;
  cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s;
  min-height: 220px;
  position: relative;
}

.wqVCO_Syi2Za4VouuqbA:hover {
  box-shadow: 0 4px 16px rgba(247, 132, 41, 0.18);
  transform: translateY(-4px) scale(1.03);
}

.v4WhxZNfV8YWqCA5juOC{
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ktTf_GnVwJrYOD458FKR {
  flex: 0 0 64px; 
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 64px;
  max-width: 64px;
  max-height: 64px;
}

.ktTf_GnVwJrYOD458FKR img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
}

.ktTf_GnVwJrYOD458FKR .qc9Czjn5WJNYIsDDHQVm {
  font-size: 2.5rem;
  color: #f78429;
  background: #f7e7d6;
  border-radius: 50%;
  padding: 0.5rem;
}

.TaTSwuh5LmBxpnMcLxIA {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.WQmgOrRSZvXSPpkXVQAb {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f2546;
  margin: 0 0 0.25rem 0;
}

.njxLpiCawropAUzOFzjd {
  font-size: 1rem;
  font-weight: 500;
  color: #f78429;
  margin: 0 0 0.5rem 0;
}

.FUCjZi3SF0lFUokDqHMz {
  font-size: 0.95rem;
  color: #444;
  margin: 0;
  flex: 1;
}

.w09KzybFnEBInGDS3sh4 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
}

.Cq4KCcOOtBKcFFW7Oigm {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  text-transform: capitalize;
  background: #e0e0e0;
  color: #333;
}

.Cq4KCcOOtBKcFFW7Oigm._2RhR9FOJCAq0adLFu9Z {
  background: #eafbe7;
  color: #1a7f37;
}

.Cq4KCcOOtBKcFFW7Oigm.TJpeUb6_yUqGfFh4cifx {
  background: #fbe7e7;
  color: #b71c1c;
}

/* --- Modal Overlay & Content --- */
.QWfOzA_XX4s3iavSbZyi {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(15, 37, 70, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  animation: _3KVkCz9h7n3BXnj2oTr 0.2s;
}

@keyframes _3KVkCz9h7n3BXnj2oTr {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.FgtDal4xpkoS7M__doyl {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(15, 37, 70, 0.18);
  min-width: 320px;
  max-width: 95vw;
  min-height: 200px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  position: relative;
  animation: F7pV4ZCmIklOTTSI430w 0.3s;
}

.aQhg_hnYa7LYtcfFxasM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.S_aqeAqNpnA4en3dXnRC{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 12px;
}

.n0gnEqYywECqfow5KnTP{
  transition: 0.2s ease-in-out;
  text-decoration: none;
}
.n0gnEqYywECqfow5KnTP:hover{
  text-decoration: none;
  color: #2AAEC4;
}
.munitQ7Y9L4VHGUMXikU{
  font-size: 1rem;
  color: #333;
}


.zRpSJtrpTPXr0gpXVNXh {
  padding: 6px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 1.5rem;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .closeBtn:hover {
  background: #f0f0f0;
  color: #f78429;
} */

.cahX4p2uXSnu2X7O_PI0 p {
  margin: 0.5rem 0;
  font-size: 1rem;
  color: #333;
}

.cahX4p2uXSnu2X7O_PI0 strong {
  color: #0f2546;
}


.rAygm8t5BnCS5fym08jQ{
  color: #2AAEC4;
}
.ARvm30jwcocEgmtop1Uz{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.j1eF5FXTSRRDIghEjN9E {
    background-color: #f78429;
    color: #FFF;
    font-weight: 600;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #f78429;
    box-shadow: 0 8px 32px rgba(15, 37, 70, 0.18);
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.j1eF5FXTSRRDIghEjN9E:hover{
    scale: 1.03;
    color: #f78429;
    background-color: #FFF;
}

.qrKm8IrbNdJaxbEzpgCG {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(15, 37, 70, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  animation: _3KVkCz9h7n3BXnj2oTr 0.2s;
}

.O44LSaQDWtdJPr1E1v8X {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(15, 37, 70, 0.18);
  min-width: 340px;
  max-width: 90vw;
  min-height: 200px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2rem 2rem 1.5rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.WAr0K1wEAnWSlFM0WAf3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.B7CORX84tzk6PSmdZZ0V {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}


/* Memberium Badge Style */
/* --- Membership Badge Styles --- */
.Kfznl66tyXQmVCzf0nc7 {
  display: flex;
  gap: 4px;
  align-items: center;
}

.HRqL3tgSqtVAJk6TbpVU {
  display: inline-block;
  padding: 2px 8px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 12px;
  background: #eee;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin-left: 2px;
}
.eXVtusr599U3JZkUoqnT {
    width: 26px;
    height: auto;
    display: flex;
    align-items: center;
}

/* Example color overrides for specific memberships */
.JjOESpULwIz02Kqt9stZ {
  background: linear-gradient(90deg, #e5e4e2 0%, #b3b3b3 100%);
  color: #222;
  border-color: #b3b3b3;
}
.PtbLOrBZyGnCHLb9XV_A {
  background: #2AAEC4;
  color: #fff;
  border-color: #2AAEC4;
}
.r68a1HaeTxecjqJhh7hw {
  background: #F78429;
  color: #fff;
  border-color: #F78429;
}
.Srp3gRqaYhKIIpIuZefY {
  background: #7e57c2;
  color: #fff;
  border-color: #7e57c2;
}
.mXeXMUVv5G7cwDb9q3Qf {
  background: #43a047;
  color: #fff;
  border-color: #43a047;
}
.rsWC_JCqNTGW1A6u6wQ9 {
  background: #f06292;
  color: #fff;
  border-color: #f06292;
}
.Vnfx1Redj8qLe9fA33Z1 {
  background: #ffa000;
  color: #fff;
  border-color: #ffa000;
}


/* --- Responsive --- */
@media (max-width: 900px) {
  .upkIdR_q66YK9hK8xVKN {
    padding: 1.5rem 0.5rem;
  }
  .LnlCZ_y63rOpUv_D7N_f {
    gap: 1.25rem;
  }
  .FgtDal4xpkoS7M__doyl,
  .O44LSaQDWtdJPr1E1v8X {
    min-width: 80vw;
    padding: 1.25rem 0.75rem;
  }
  .wqVCO_Syi2Za4VouuqbA {
    min-height: 160px;
    padding: 1rem 0.5rem;
  }
  .nu9iK4SOcilXXHLnFiMA {
    font-size: 0.98rem;
  }
}

/* Small Tablets */
@media (max-width: 768px) {
  .upkIdR_q66YK9hK8xVKN {
    padding: 1rem 0.25rem;
  }
  .LnlCZ_y63rOpUv_D7N_f {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .FgtDal4xpkoS7M__doyl,
  .O44LSaQDWtdJPr1E1v8X {
    min-width: 95vw;
    /* padding: 1rem 0.25rem; */
  }
  .wqVCO_Syi2Za4VouuqbA {
    min-height: 140px;
    padding: 0.75rem;
  }
  .aQhg_hnYa7LYtcfFxasM h2 {
    font-size: 1.15rem;
  }
  .nu9iK4SOcilXXHLnFiMA {
    font-size: 0.95rem;
    padding: 0.4rem 0.75rem;
  }
  .o6L_PzcLAHefL_owdzmW {
    padding: 0.4rem 1rem;
    font-size: 0.95rem;
  }
}

@media (max-width: 600px) {
  .LnlCZ_y63rOpUv_D7N_f {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .FgtDal4xpkoS7M__doyl {
    min-width: 90vw;
    padding: 1.25rem 0.5rem;
  }
  .wqVCO_Syi2Za4VouuqbA {
    min-height: 180px;
    padding: 1rem 0.5rem;
    gap: 0.75rem;
  }
  .ktTf_GnVwJrYOD458FKR,
  .ktTf_GnVwJrYOD458FKR img,
  .ktTf_GnVwJrYOD458FKR .qc9Czjn5WJNYIsDDHQVm {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
  }
  .nu9iK4SOcilXXHLnFiMA {
    max-width: 100%;
    font-size: 0.98rem;
  }
  .nEManJoHn4o9VDnrIxW1 {
    flex-direction: column;
    gap: 0.5rem;
  }
}




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