#r8_content .parallax01 {background-image: url(/shared/images/content/bus_53459/Holistic-Therapy-Birmingham-Parallax-01.webp);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;}

.d0servicecolumnwrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

.d0servicecolumn {
  text-align: center;
  flex: 0 0 80%; /* mobile scroll width */
  min-width: 250px; /* ensures visible width in scroll mode */
  transition: all 0.3s ease;
}

@media (max-width: 799px) {
  .d0servicecolumnwrapper {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
  }

  .d0servicecolumn {
    flex: 0 0 80%; /* width of each card on scroll */
    scroll-snap-align: start;
  }

.d0scrollingwrapper {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;
.d0scrollcard {display: inline-block; padding: 0 5px;}}
.d0creamboxscroll {background-color: #F7F6E4; margin-top: 1em; margin-bottom: 1em; padding:30px; min-height:350px; max-width: 280px; display:block;}