.elementor-2810 .elementor-element.elementor-element-2c207a4{--display:flex;}.elementor-2810 .elementor-element.elementor-element-397358c{--display:flex;}.elementor-2810 .elementor-element.elementor-element-10e59be{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-f2ae64f *//* Force list container to take full width and stack items vertically */
.service-details__list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin-bottom: 20px !important;
}

/* Ensure each list item behaves as a full-width block element */
.service-details__list li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

/* Optional: Add spacing between the checkmark icon and text */
.service-details__list li .fas,
.service-details__list li .fa {
    margin-right: 10px !important;
}

/* Fix spacing for troubleshooting items */
.service-details__troubleshoot-item {
    display: block !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    clear: both !important;
}

<style>
    .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .red-button {
      background-color: #f44336;
      color: white;
      padding: 15px 32px;
      font-size: 16px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    .red-button:hover {
      background-color: #d32f2f;
    }
  </style>/* End custom CSS */