:root {
  --main-teal: #008080; 
  --soft-grey: #f4f7f6;
}


.pre-pricing-split {
  display: flex;
  flex-wrap: wrap; /* Allows stacking on mobile */
  align-items: center; /* Vertically centers text and image */
  gap: 40px;
  padding: 60px 5%;
  background-color: #f9f9f9;

     background: 
    linear-gradient(to bottom, transparent 97%, var(--main-teal) 100%),
    linear-gradient(to right, var(--soft-grey) 0%, white 50%, white 100%);

}

.content-text, .content-image {
  flex: 1; /* Gives both divs equal width */
  min-width: 300px; /* Forces stack when screen is narrow */
   background: transparent;
}

.content-image img {
  width: 100%;
  height: auto;
  border-radius: 12px; /* Adds a modern touch */
  box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Soft shadow for depth */
}

.content-text h2 {
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: #333;
}