.fundraiser-btn{ padding:16px 32px;font-family:Inter;font-size:20px;border-radius:10px;margin: 0;
    text-align: center!important;
     width: auto;
    height: auto;border-color: var(--white);
    background-color:rgb(70, 45, 180)!important;
    border-width:1px;
    border-style: solid;
    letter-spacing: 0;
    text-transform: none;}

.header-logo{ padding: 0px;}


.header-fundraiser-btn > div > a {border-radius: 8px;padding: 18px 32px;font-family: 'Bricolague Grotesque', sans-serif!important;font-size:14px;}

.top_band-container .zpimage-container figure img{height:50px!important}

#fundraiser-btn{background-color: #4e459c;}

.main-heading-group{display:block;}

.sub-heading-group{display:block;}

.fundraiser-pics-section{display:none;}

.traditional-fundraiser-1{ 
    justify-content: center;
    align-items: center;
    display: flex;
}


/*.video-head, .video-para { margin: 0; width: auto; height: auto; } */

@media screen and (max-width: 768px) {
  .video-head { margin-left: 25px!important;margin-right: 25px !important;}
  .video-para { margin-left: 25px!important;margin-right: 25px !important;}
  .videos-column{  }
  .header-fundraiser-btn{display:none;}
    
      
   .zprow{margin-inline-start: 0px!important; margin-inline-end: 0px!important;}
}


@media screen and (min-width: 920px) {
    
.cta-button-container{margin: 0 auto;align-items: center;width: 50%;display: flex; justify-content: center; }

}


/* Styling for the button container */
.fundraiser-btn {
  background-color: #554a9c; /* The exact shade of purple */
  color: #ffffff;
  border: none;
  border-radius: 8px; /* Rounded corners */
  padding: 18px 32px;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.1s ease;
  box-sizing: border-box;
}

/* Optional: Add a subtle hover effect */
.reserve-btn:hover {
  background-color: #483d87; 
}

.reserve-btn:active {
  transform: scale(0.98); /* Slight click depression */
}

/* Styling for the top row (Icon + Headline) */
.btn-main-text { display: flex; align-items: center;
  gap: 8px; /* Space between icon and text */
  font-size: 20px;
  font-weight: 600; /* Bold */
  margin-bottom: 6px;
}

/* Sizing the calendar SVG */
.calendar-icon { width: 22px;
  height: 22px;
  fill: currentColor;
}

/* Styling for the bottom row (Subheadline) */
.btn-sub-text { font-size: 15px; font-weight: 400; /* Regular weight */ 
    color: rgba(255, 255, 255, 0.85); /* Slightly transparent to match the softer look */
}

/*FUNDRAISER BUTTON STYLING*/

    /* Center the button on the page for easy viewing */
   

    /* Styling for the button container */
    .reserve-btn {
      background-color: #554a9c; /* The exact shade of purple */
      background-color:rgb(70, 45, 180)!important;
      color: #ffffff;
      border: none;
      border-radius: 8px; /* Rounded corners */
      padding: 18px 32px;
      cursor: pointer;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease, transform 0.1s ease;
      box-sizing: border-box;
    }



.get-started-btn{
      background-color:#80e1ff!important;
      color: black;
      border: none;
      border-radius: 8px; /* Rounded corners */
      padding: 18px 32px;
      cursor: pointer;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease, transform 0.1s ease;
      box-sizing: border-box;
      border: 1px solid white;
    
}

.schedule-fundraiser-btn{
      background-color: #554a9c; /* The exact shade of purple */
      background-color:rgb(70, 45, 180)!important;
      color: #ffffff;
      border: none;
      border-radius: 8px; /* Rounded corners */
      padding: 18px 32px;
      cursor: pointer;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease, transform 0.1s ease;
      box-sizing: border-box;
}

.save-spot-btn{
   background-color: #554a9c; /* The exact shade of purple */
      background-color:rgb(70, 45, 180)!important;
      color: #ffffff;
      border: none;
      border-radius: 8px; /* Rounded corners */
      padding: 18px 32px;
      cursor: pointer;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease, transform 0.1s ease;
      box-sizing: border-box;
}

.schedule-btn{
       background-color: #554a9c; /* The exact shade of purple */
      background-color:rgb(70, 45, 180)!important;
      color: #ffffff;
      border: none;
      border-radius: 8px; /* Rounded corners */
      padding: 18px 32px;
      cursor: pointer;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease, transform 0.1s ease;
      box-sizing: border-box;
}
    
    /* Optional: Add a subtle hover effect */
    .reserve-btn:hover {
      background-color: #554a9c; 
    }
    
    .reserve-btn:active {
      transform: scale(0.98); /* Slight click depression */
    }
    
    /* Styling for the top row (Icon + Headline) */
    .btn-main-text {
      display: flex;
      align-items: center;
      gap: 8px; /* Space between icon and text */
      font-size: 20px;
      font-weight: 600; /* Bold */
      margin-bottom: 6px;
    }
    
    /* Sizing the calendar SVG */
    .calendar-icon {
      width: 22px;
      height: 22px;
      fill: currentColor;
    }
    
    /* Styling for the bottom row (Subheadline) */
    .btn-sub-text {
      font-size: 15px;
      font-weight: 400; /* Regular weight */
      color: rgba(255, 255, 255, 0.85); /* Slightly transparent */
    }

.get-started-btn-sub-text{
      font-size: 15px;
      font-weight: 400; /* Regular weight */
      color: black;
    }

.lpcustom-box{padding:0px!important;margin:0px!important;}

.zpelem-accordion{justify-content: center;align-items: center;display: flex;}

.mobile-table{ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1); overflow-x: hidden;}





