/* Services Page Custom Styles - Force Overrides */

/* FORCE: Disable all JavaScript scroll and page control */
html,
body {
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: static !important;
}

html.js .page {
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

#solutions-page,
#solutions-page.page {
  visibility: visible !important;
  display: block !important;
  position: static !important;
  height: auto !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
}

#page-container {
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  transform: none !important;
}

#main-loading-page,
#ajax-loading-page {
  display: none !important;
  visibility: hidden !important;
  position: fixed !important;
  pointer-events: none !important;
}

/* HIDE: Black intro section */
#solutions-page #solutions__header #solutions__intro {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* HIDE: Insurance Claims section (first service section after experts) */
#solutions__experts + #solutions__service {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* HIDE: Our Commitment section */
#solutions__price {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* SHOW & POSITION: Blue services section */
#solutions-page #solutions__experts {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  margin-top: -150px !important;
  width: 100% !important;
  padding: 60px 0 !important;
  min-height: auto !important;
  height: auto !important;
}

/* Ensure background is visible with blue color */
#solutions__experts,
#solutions__experts__bg {
  background-color: #132042 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide title and subtitle */
#solutions__experts__title,
#solutions__experts__subtitle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Make services list horizontal */
#solutions__experts__list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Make each service item take 1/4 width */
.solutions__experts__item {
  flex: 0 0 calc(25% - 15px) !important;
  max-width: calc(25% - 15px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 15px !important;
  margin: 0 !important;
  gap: 15px !important;
}

/* Show item body text */
.solutions__experts__item__body {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Style item icons */
.solutions__experts__item__picto {
  margin: 0 !important;
  padding: 0 !important;
}

/* Style item titles */
.solutions__experts__item__title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Ensure all child elements of list items are visible */
.solutions__experts__item * {
  visibility: visible !important;
  opacity: 1 !important;
}