.two-col-light {
       /* Light background */
    color: #202322;  
  background-image: url("https://20498867.fs1.hubspotusercontent-na1.net/hubfs/20498867/Mask%20Group%2029.svg");
  background-size: 540px;
  background-position: right -21px top -17px;
  background-repeat: no-repeat;/* Base text color */
  }

  .two-col-light__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 140px 80px 80px 80px;
    display: flex;
    flex-direction: row
    gap: 100px;
    align-items: center;
    justify-content: space-between;
    
  }

  

.two-col-light__content {
 flex-basis: 57%; 
}

.two-col-light__content h1 {
 text-transform: none;   
}

.two-col-light__content h4 {
  color: #5C5C5C;
  margin-bottom: -20px;
}

.two-col-light__content p {
 width: 90%; 
}

.two-col-light__media {
   flex-basis: 43%; 
}

  /* Text side */
  .two-col-light__preheader {
    margin: 0 0 12px 0;
   
  }

  .two-col-light__headline {
    margin: 0 0 24px 0;
  }

 .two-col-light__content .button {
  background-color: #3C3FB7; /* keep brand color */
  color: #ffffff;            /* ensure contrast */
}
  

  /* Image side */
  .two-col-light__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    object-fit: cover;
  }

  /* Responsiveness */
  @media (max-width: 1024px) and (min-width: 768px) {
    
    .two-col-light {
      background-image: url("https://20498867.fs1.hubspotusercontent-na1.net/hubfs/20498867/Mask%20Group%2029.svg");
  background-size: 540px;
  background-position: right -21px top -17px;
  background-repeat: no-repeat;
    }
    
    .two-col-light__inner {
      gap: 40px;
      padding: 160px 40px 160px 40px;
    }
    
    .two-col-light__content {
 flex-basis: 50%; 
}
    
    .two-col-light__media {
   flex-basis: 50%; 
}
  }

  @media (max-width: 767px) {
    
    .two-col-light {
      background-image: url("https://20498867.fs1.hubspotusercontent-na1.net/hubfs/20498867/Mask%20Group%2029.svg");
  background-size: 340px;
  background-position: right -21px top -17px;
  background-repeat: no-repeat;
    }
    
    .two-col-light__inner {
      flex-direction: column-reverse;
      gap: 20px;
      padding: 120px 25px 160px 25px;
    }
    .two-col-light__content {
 flex-basis: 100%; 
      padding-left: 20px;
  
}
    
   
    
    .two-col-light__media {
   flex-basis: 100%; 
}
  }