.elementor-57991 .elementor-element.elementor-element-5bdc54f{margin-top:-10px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-57991 .elementor-element.elementor-element-8aec83a{width:100%;max-width:100%;}.elementor-57991 .elementor-element.elementor-element-6adbaf7{width:100%;max-width:100%;}@media(max-width:767px){.elementor-57991 .elementor-element.elementor-element-5bdc54f{margin-top:-70px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-57991 .elementor-element.elementor-element-8aec83a{width:100%;max-width:100%;}.elementor-57991 .elementor-element.elementor-element-8aec83a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-57991 .elementor-element.elementor-element-6adbaf7{width:100%;max-width:100%;}.elementor-57991 .elementor-element.elementor-element-6adbaf7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8aec83a */.half-split-set {
    margin: 0px auto;
    margin-top: -40px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    background-color: transparent;
    position: relative;
}

.half-split-set-header,
.half-split-set-footer {
    text-align: center;
    margin-bottom: 60px; /* Reduced vertical gap */
}

.half-split-set-header h3{
    margin-top: 60px !important;
    color: #333 !important;
    margin-bottom: 2px !important; /* Reduced margin for headline */
}




.half-split-set-footer h3 {
    color: #333 !important;
    margin-bottom: 2px !important; /* Reduced margin for headline */
}

.half-split-set-header p,
.half-split-set-footer p {
    margin: 0 !important; /* Removed margin to bring closer to the header */
}




.vertical-line {
    width: 2px;
    height: 30px; /* Shorter vertical line */
    background-color: #ccc;
    margin: 20px auto
}

/* Mobile styles: Only top and bottom borders */
@media only screen and (max-width: 600px) {
    .half-split-set {
    margin: 0px ;
    margin-top: -40px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
}


.workoutblock_boxed{
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.infinite-content-area {
    padding:0 !important;
}
.infinite-content-container{
    max-width: 100% !important;
    padding: 0 !important;
}
.elementor-widget-wrap
{
    padding:0 !important;
}
.exercise-accordion {

  background-color: #ffffff !important;
  box-sizing: border-box !important;
  margin: 20px auto !important;
}

.accordion-toggle, .accordion-close {
  display: none !important;
}

.accordion-label {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  padding: 15px !important;
  background-color: #ffffff !important;
  transition: background-color 0.3s ease !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  border: none !important;
    margin-bottom: 20px !important; /* Add space between each row */
}

.accordion-label img {
  max-width: 100% !important; /* Increase the max-width to make the thumbnail bigger */
  width: 450px !important; /* Set a fixed width */
  margin-right: 20px !important;
  height: auto !important; /* Maintain aspect ratio */
}

.accordion-label div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-grow: 1 !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.accordion-label strong, .accordion-label p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important; 
    font-weight: 600 !important; /* Less heavy font weight */
  color: #000000 !important;
  margin: 0 !important;
}

.accordion-item {
  position: relative!important;
}

.question-icon {
  position: absolute!important;
  top: 10px!important;
  right: 10px!important;
  background-color: red!important;
  color: white!important;
  border-radius: 50%!important;
  width: 20px!important;
  height: 20px!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  font-size: 14px!important;
  font-weight: bold!important;
  cursor: pointer!important;
}

.accordion-label p {
    font-size: 14px !important; /* Smaller font size for non-bold text */
        font-weight: 400 !important; /* Less heavy font weight */
  color: #A0A0A0 !important;
  }

.accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: max-height 0.5s ease, padding 0.5s ease !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  border: none !important;
}

.iframe-container {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  box-sizing: border-box !important;
}

.iframe-container iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background-color: #ffffff !important;
}

.exercise-description {
  padding: 15px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;
}

.accordion-toggle:checked + .accordion-label {
  background-color: #f7f7f7 !important;
}

.accordion-toggle:checked + .accordion-label + .accordion-content {
  max-height: 1000px !important;
  padding: 15px 20px !important;
  border-left: 1px solid #cccccc !important; /* Thinner left border */
  border-right: 1px solid #cccccc !important; /* Thinner right border */
  border-bottom: 1px solid #cccccc !important; /* Thinner bottom border */
  border-radius: 0 0 4px 4px !important; /* Rounded corners for the bottom */
  border-top: none !important; /* Hide the top border */
}

.accordion-toggle:not(:checked) + .accordion-label + .accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: none !important;
}

.accordion-toggle:not(:checked) + .accordion-label:hover {
  background-color: #f7f7f7 !important;
}

.accordion-label:hover {
  background-color: #f7f7f7 !important;
}


/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .workoutblock_boxed{
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
   }
  .exercise-accordion {
    margin: 0 !important; /* Remove all margins */
    width: 96vw !important;
    padding: 0 !important; /* Remove any padding */
  }


  .accordion-label {
    flex-direction: row !important;
    align-items: center !important;
    padding: 10px !important;
    position: relative !important;
    margin-bottom: 20px !important; /* Add space between each row */
    
  }

  .accordion-label img {
    max-width: 150px !important;
    margin-right: 15px !important;
    height: auto !important;
     /* Negative margin to push the thumbnail left */
  }
  .infinite-content-container.infinite-content-container
  {
      padding-left:0px !important;
      padding-right:0px !important;
  }
  .infinite-content-area.infinite-item-pdlr{
       padding-left:0px !important;
      padding-right:0px !important;
  }
  .elementor-widget-wrap.elementor-element-populated{
       padding-left:0px !important;
      padding-right:0px !important;
  }

  .accordion-label div {
    align-items: center !important;
    text-align: center !important;
    width: auto !important;
    
  }

  .accordion-label strong {
    font-size: 15px !important; /* Slightly smaller font size */
    font-weight: 600 !important; /* Less heavy font weight */
  }

  .accordion-label p {
    font-size: 13px !important; /* Smaller font size for non-bold text */
  }

  .iframe-container {
    padding-bottom: 56.25% !important;
  }

  .accordion-content {
    padding: 0 !important;
  }

  .exercise-description {
    padding: 10px 0 !important;
  }
  .hero-section {
 
    background-position: center !important;

}
  .hero-content{
      width:90% !important;
  }
}


.hero-section {
 
  width: 100% !important;
  height: 400px !important;
  background-size: cover !important;
  background-position: center;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: end;
  
}


.hero-content {
    width:60%;
    bottom: 20px !important; /* Distance from the bottom of the hero section */
    left: 20px !important; /* Distance from the left of the hero section */
    z-index: 2 !important;
    padding-bottom: 10px;
}

.small-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em !important; /* Smaller text */
    color: white !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.hero-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5em !important; /* Adjust font size */
    color: white !important;
    text-align: left !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Optional shadow */
    margin-bottom: 0px !important;
}

.divider {
    width: 60px !important;
    height: 4px !important;
    background-color: white !important;
    margin: 5px 0 !important;
    border-radius: 2px !important;
}

.description-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1em !important;
    color: white !important;
    text-align: left !important;
    line-height: 1.6 !important;
    margin-bottom: 0px !important;
    margin-right: 110px !important;
}

/* Mobile Styles */
@media only screen and (max-width: 600px) {
    .hero-section {
        height: 400px !important; /* Adjust height for mobile */
    }
    
    .hero-section::after {
    height: 100% !important; /* Adjust height to cover a larger area */
     background: rgba(0, 0, 0, 0.7) !important;
    }    
    .hero-content {
        bottom: 10px !important; /* Adjust bottom margin for mobile */
        left: 10px !important; /* Adjust left margin for mobile */
    }

    .small-text {
        font-size: 1.2em !important; /* Smaller text for mobile */
        margin-bottom: -0.1em !important;
    }

    .hero-text {
        font-size: 1.8em !important; /* Smaller headline for mobile */
                margin-bottom: 0.5em !important;

    }
    
    
.divider {
            margin-bottom: 20px !important;

}

    .description-text {
        font-size: 1em !important; /* Adjust description text for mobile */
        margin-bottom: 20px !important;
    }
}

* {
  box-sizing: border-box !important;
}

body {
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
  background-color: #f9f9f9 !important;
}

.top-menu {
  background-color: #fff !important;
  padding: 0px 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  overflow-x: auto !important;
  display: flex !important;
  justify-content: center !important; /* Center the entire menu on the screen */
}

.top-menu ul {
  list-style-type: none !important;
  display: flex !important;
  justify-content: center !important; /* Center the menu items */
  gap: 20px !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
}

.top-menu ul li {
  margin: 0 !important;
}

.top-menu ul li a {
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
  padding: 8px 10px !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

.top-menu ul li a:hover {
  color: #007bff !important;
  transform: translateY(-2px) !important;
}

.top-menu ul li a.active {
  color: #007bff !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #007bff !important;
  padding-bottom: 6px !important;
}

/* Scrollbar customization */
.top-menu::-webkit-scrollbar {
  height: 2px !important;
}

.top-menu::-webkit-scrollbar-thumb {
  background-color: #bbb !important;
  border-radius: 10px !important;
}

.top-menu::-webkit-scrollbar-track {
  background-color: #f4f4f4 !important;
}


/* Main container using grid layout */
.main-container-110824 {
    display: grid !important;
    gap: 20px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 16px !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Grid layout for desktop */
@media (min-width: 769px) {
    .main-container-110824 {
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas: 
            "pdf feedback-link-110824"
            "training-cycle-section-110824 to-film-section-110824"
            "upload-schedule-section-110824 to-film-section-110824"
            "general-info-section-110824 to-film-section-110824" !important;
        padding: 0 !important;
    }
    .feedback-link-110824 {
        grid-area: pdf !important;
    }
    .training-cycle-section-110824 {
        grid-area: training-cycle-section-110824 !important;
    }
    .to-film-section-110824 {
        grid-area: to-film-section-110824 !important;
    }
    .upload-schedule-section-110824 {
        grid-area: upload-schedule-section-110824 !important;
    }
    .general-info-section-110824 {
        grid-area: general-info-section-110824 !important;
    }
}

/* Styling for progress pills */
.progress-pill-110824 {
    width: 40px !important;
    height: 20px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    border: 1px solid black !important;
}

/* Modern headline styling */
h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important; /* Make headlines bold */
    font-size: 1.2em !important; /* Slightly larger font size */
    color: #333 !important;
    margin-bottom: 8px !important;
}

/* Styling for the Training Cycle Explanation */
.training-cycle-section-110824 {
    padding: 15px !important;
    border: 2px solid #007bff !important;
    border-radius: 8px !important;
    background-color: #e0f2ff !important;
    color: #333 !important;
    text-align: left !important;
}

/* Align pills to the left */
.pill-container-110824 {
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    margin: 15px 0 !important;
    flex-wrap: wrap !important;
}

/* Styling for the Upload Schedule and General Info sections */
.upload-schedule-section-110824,
.general-info-section-110824 {
    padding: 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    background-color: #f4f4f4 !important;
    color: #333 !important;
    text-align: left !important;
}

/* Styling for TO FILM section */
.to-film-section-110824 {
    padding: 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    background-color: #f9f9f9 !important;
    color: #333 !important;
}

.feedback-link-110824 {
    font-size: 18px !important;
    font-weight: bold !important;
    color: black !important;
    text-decoration: none !important;
    background-color: #fff4e6 !important;
    padding: 10px 20px !important;
    border: 2px solid #ff4500 !important;
    border-radius: 10px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(255, 69, 0, 0.3) !important;
    text-align: center !important;
}

.feedback-link-110824:hover {
    background-color: #ff4500 !important;
    color: #fff !important;
}


.centered-grid-item {
    grid-column: 1 / -1 !important; /* Span across both columns */
    display: flex !important;
    justify-content: center !important;
}

.full-width-button {
    width: 100% !important;
    max-width: 600px !important; /* Match the width of other sections */
}

.centered-grid-item {
    grid-column: 1 / -1 !important; /* Span across both columns */
    display: flex !important;
    justify-content: center !important;
}

.welcome-message-box-110824 {
    background-color: #fff4e6 !important;
    border: 2px solid #ff4500 !important;
    border-radius: 10px !important;
    padding: 15px 20px !important;
    color: #333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    box-shadow: 0 4px 8px rgba(255, 69, 0, 0.3) !important;
    width: 100% !important; /* Full width */
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* Optional styling for unordered list items inside the welcome message */
.welcome-message-box-110824 ul {
    padding-left: 20px !important; /* Indent list items */
}

.welcome-message-box-110824 li {
    margin-bottom: 8px !important; /* Adds spacing between list items */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6adbaf7 */.half-split-set {
    margin: 0px auto;
    margin-top: -40px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    background-color: transparent;
    position: relative;
}

.half-split-set-header,
.half-split-set-footer {
    text-align: center;
    margin-bottom: 60px; /* Reduced vertical gap */
}

.half-split-set-header h3{
    margin-top: 60px !important;
    color: #333 !important;
    margin-bottom: 2px !important; /* Reduced margin for headline */
}




.half-split-set-footer h3 {
    color: #333 !important;
    margin-bottom: 2px !important; /* Reduced margin for headline */
}

.half-split-set-header p,
.half-split-set-footer p {
    margin: 0 !important; /* Removed margin to bring closer to the header */
}




.vertical-line {
    width: 2px;
    height: 30px; /* Shorter vertical line */
    background-color: #ccc;
    margin: 20px auto
}

/* Mobile styles: Only top and bottom borders */
@media only screen and (max-width: 600px) {
    .half-split-set {
    margin: 0px ;
    margin-top: -40px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
}


.workoutblock_boxed{
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.infinite-content-area {
    padding:0 !important;
}
.infinite-content-container{
    max-width: 100% !important;
    padding: 0 !important;
}
.elementor-widget-wrap
{
    padding:0 !important;
}
.exercise-accordion {

  background-color: #ffffff !important;
  box-sizing: border-box !important;
  margin: 20px auto !important;
}

.accordion-toggle, .accordion-close {
  display: none !important;
}

.accordion-label {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  padding: 15px !important;
  background-color: #ffffff !important;
  transition: background-color 0.3s ease !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  border: none !important;
    margin-bottom: 20px !important; /* Add space between each row */
}

.accordion-label img {
  max-width: 100% !important; /* Increase the max-width to make the thumbnail bigger */
  width: 450px !important; /* Set a fixed width */
  margin-right: 20px !important;
  height: auto !important; /* Maintain aspect ratio */
}

.accordion-label div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-grow: 1 !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.accordion-label strong, .accordion-label p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important; 
    font-weight: 600 !important; /* Less heavy font weight */
  color: #000000 !important;
  margin: 0 !important;
}

.accordion-item {
  position: relative!important;
}

.question-icon {
  position: absolute!important;
  top: 10px!important;
  right: 10px!important;
  background-color: red!important;
  color: white!important;
  border-radius: 50%!important;
  width: 20px!important;
  height: 20px!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  font-size: 14px!important;
  font-weight: bold!important;
  cursor: pointer!important;
}

.accordion-label p {
    font-size: 14px !important; /* Smaller font size for non-bold text */
        font-weight: 400 !important; /* Less heavy font weight */
  color: #A0A0A0 !important;
  }

.accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: max-height 0.5s ease, padding 0.5s ease !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  border: none !important;
}

.iframe-container {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  box-sizing: border-box !important;
}

.iframe-container iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background-color: #ffffff !important;
}

.exercise-description {
  padding: 15px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;
}

.accordion-toggle:checked + .accordion-label {
  background-color: #f7f7f7 !important;
}

.accordion-toggle:checked + .accordion-label + .accordion-content {
  max-height: 1000px !important;
  padding: 15px 20px !important;
  border-left: 1px solid #cccccc !important; /* Thinner left border */
  border-right: 1px solid #cccccc !important; /* Thinner right border */
  border-bottom: 1px solid #cccccc !important; /* Thinner bottom border */
  border-radius: 0 0 4px 4px !important; /* Rounded corners for the bottom */
  border-top: none !important; /* Hide the top border */
}

.accordion-toggle:not(:checked) + .accordion-label + .accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: none !important;
}

.accordion-toggle:not(:checked) + .accordion-label:hover {
  background-color: #f7f7f7 !important;
}

.accordion-label:hover {
  background-color: #f7f7f7 !important;
}


/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .workoutblock_boxed{
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
   }
  .exercise-accordion {
    margin: 0 !important; /* Remove all margins */
    width: 96vw !important;
    padding: 0 !important; /* Remove any padding */
  }


  .accordion-label {
    flex-direction: row !important;
    align-items: center !important;
    padding: 10px !important;
    position: relative !important;
    margin-bottom: 20px !important; /* Add space between each row */
    
  }

  .accordion-label img {
    max-width: 150px !important;
    margin-right: 15px !important;
    height: auto !important;
     /* Negative margin to push the thumbnail left */
  }
  .infinite-content-container.infinite-content-container
  {
      padding-left:0px !important;
      padding-right:0px !important;
  }
  .infinite-content-area.infinite-item-pdlr{
       padding-left:0px !important;
      padding-right:0px !important;
  }
  .elementor-widget-wrap.elementor-element-populated{
       padding-left:0px !important;
      padding-right:0px !important;
  }

  .accordion-label div {
    align-items: center !important;
    text-align: center !important;
    width: auto !important;
    
  }

  .accordion-label strong {
    font-size: 15px !important; /* Slightly smaller font size */
    font-weight: 600 !important; /* Less heavy font weight */
  }

  .accordion-label p {
    font-size: 13px !important; /* Smaller font size for non-bold text */
  }

  .iframe-container {
    padding-bottom: 56.25% !important;
  }

  .accordion-content {
    padding: 0 !important;
  }

  .exercise-description {
    padding: 10px 0 !important;
  }
  .hero-section {
 
    background-position: center !important;

}
  .hero-content{
      width:90% !important;
  }
}


.hero-section {
 
  width: 100% !important;
  height: 400px !important;
  background-size: cover !important;
  background-position: center;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: end;
  
}


.hero-content {
    width:60%;
    bottom: 20px !important; /* Distance from the bottom of the hero section */
    left: 20px !important; /* Distance from the left of the hero section */
    z-index: 2 !important;
    padding-bottom: 10px;
}

.small-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em !important; /* Smaller text */
    color: white !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.hero-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5em !important; /* Adjust font size */
    color: white !important;
    text-align: left !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; /* Optional shadow */
    margin-bottom: 0px !important;
}

.divider {
    width: 60px !important;
    height: 4px !important;
    background-color: white !important;
    margin: 5px 0 !important;
    border-radius: 2px !important;
}

.description-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1em !important;
    color: white !important;
    text-align: left !important;
    line-height: 1.6 !important;
    margin-bottom: 0px !important;
    margin-right: 110px !important;
}

/* Mobile Styles */
@media only screen and (max-width: 600px) {
    .hero-section {
        height: 400px !important; /* Adjust height for mobile */
    }
    
    .hero-section::after {
    height: 100% !important; /* Adjust height to cover a larger area */
     background: rgba(0, 0, 0, 0.7) !important;
    }    
    .hero-content {
        bottom: 10px !important; /* Adjust bottom margin for mobile */
        left: 10px !important; /* Adjust left margin for mobile */
    }

    .small-text {
        font-size: 1.2em !important; /* Smaller text for mobile */
        margin-bottom: -0.1em !important;
    }

    .hero-text {
        font-size: 1.8em !important; /* Smaller headline for mobile */
                margin-bottom: 0.5em !important;

    }
    
    
.divider {
            margin-bottom: 20px !important;

}

    .description-text {
        font-size: 1em !important; /* Adjust description text for mobile */
        margin-bottom: 20px !important;
    }
}

* {
  box-sizing: border-box !important;
}

body {
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
  background-color: #f9f9f9 !important;
}

.top-menu {
  background-color: #fff !important;
  padding: 0px 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  overflow-x: auto !important;
  display: flex !important;
  justify-content: center !important; /* Center the entire menu on the screen */
}

.top-menu ul {
  list-style-type: none !important;
  display: flex !important;
  justify-content: center !important; /* Center the menu items */
  gap: 20px !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
}

.top-menu ul li {
  margin: 0 !important;
}

.top-menu ul li a {
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
  padding: 8px 10px !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

.top-menu ul li a:hover {
  color: #007bff !important;
  transform: translateY(-2px) !important;
}

.top-menu ul li a.active {
  color: #007bff !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #007bff !important;
  padding-bottom: 6px !important;
}

/* Scrollbar customization */
.top-menu::-webkit-scrollbar {
  height: 2px !important;
}

.top-menu::-webkit-scrollbar-thumb {
  background-color: #bbb !important;
  border-radius: 10px !important;
}

.top-menu::-webkit-scrollbar-track {
  background-color: #f4f4f4 !important;
}


/* Main container using grid layout */
.main-container-110824 {
    display: grid !important;
    gap: 20px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 16px !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Grid layout for desktop */
@media (min-width: 769px) {
    .main-container-110824 {
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas: 
            "pdf feedback-link-110824"
            "training-cycle-section-110824 to-film-section-110824"
            "upload-schedule-section-110824 to-film-section-110824"
            "general-info-section-110824 to-film-section-110824" !important;
        padding: 0 !important;
    }
    .feedback-link-110824 {
        grid-area: pdf !important;
    }
    .training-cycle-section-110824 {
        grid-area: training-cycle-section-110824 !important;
    }
    .to-film-section-110824 {
        grid-area: to-film-section-110824 !important;
    }
    .upload-schedule-section-110824 {
        grid-area: upload-schedule-section-110824 !important;
    }
    .general-info-section-110824 {
        grid-area: general-info-section-110824 !important;
    }
}

/* Styling for progress pills */
.progress-pill-110824 {
    width: 40px !important;
    height: 20px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    border: 1px solid black !important;
}

/* Modern headline styling */
h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important; /* Make headlines bold */
    font-size: 1.2em !important; /* Slightly larger font size */
    color: #333 !important;
    margin-bottom: 8px !important;
}

/* Styling for the Training Cycle Explanation */
.training-cycle-section-110824 {
    padding: 15px !important;
    border: 2px solid #007bff !important;
    border-radius: 8px !important;
    background-color: #e0f2ff !important;
    color: #333 !important;
    text-align: left !important;
}

/* Align pills to the left */
.pill-container-110824 {
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    margin: 15px 0 !important;
    flex-wrap: wrap !important;
}

/* Styling for the Upload Schedule and General Info sections */
.upload-schedule-section-110824,
.general-info-section-110824 {
    padding: 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    background-color: #f4f4f4 !important;
    color: #333 !important;
    text-align: left !important;
}

/* Styling for TO FILM section */
.to-film-section-110824 {
    padding: 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    background-color: #f9f9f9 !important;
    color: #333 !important;
}

.feedback-link-110824 {
    font-size: 18px !important;
    font-weight: bold !important;
    color: black !important;
    text-decoration: none !important;
    background-color: #fff4e6 !important;
    padding: 10px 20px !important;
    border: 2px solid #ff4500 !important;
    border-radius: 10px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(255, 69, 0, 0.3) !important;
    text-align: center !important;
}

.feedback-link-110824:hover {
    background-color: #ff4500 !important;
    color: #fff !important;
}


.centered-grid-item {
    grid-column: 1 / -1 !important; /* Span across both columns */
    display: flex !important;
    justify-content: center !important;
}

.full-width-button {
    width: 100% !important;
    max-width: 600px !important; /* Match the width of other sections */
}

.centered-grid-item {
    grid-column: 1 / -1 !important; /* Span across both columns */
    display: flex !important;
    justify-content: center !important;
}

.welcome-message-box-110824 {
    background-color: #fff4e6 !important;
    border: 2px solid #ff4500 !important;
    border-radius: 10px !important;
    padding: 15px 20px !important;
    color: #333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    box-shadow: 0 4px 8px rgba(255, 69, 0, 0.3) !important;
    width: 100% !important; /* Full width */
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* Optional styling for unordered list items inside the welcome message */
.welcome-message-box-110824 ul {
    padding-left: 20px !important; /* Indent list items */
}

.welcome-message-box-110824 li {
    margin-bottom: 8px !important; /* Adds spacing between list items */
}/* End custom CSS */