.text-img-custom {
    padding-inline: 20px; }
  
  .text-img-custom p + p {
    margin-top: 8px; }
  
  .text-img-custom p + ul {
    margin-top: 8px; }
  
  .text-img-custom ul + p {
    margin-top: 16px; }
  
  .text-img-custom h2 + p {
    margin-top: 24px; }
  
  .text-img-custom h3 {
    margin-bottom: 16px; }
  
  .text-img-custom ul {
    list-style: disc;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 8px; }
  
  .text-img-custom--container {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  
  @media screen and (min-width: 992px) {
    .text-img-custom--container {
      gap: 24px; } }
  
  .text-img-custom--header .uptitle {
    margin-bottom: 8px; }
  
  .text-img-custom--header h2 {
    color: var(--rose); }
  
  .text-img-custom--content {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  
  .text-img-custom--content-col {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  
  @media screen and (min-width: 992px) {
    .text-img-custom--content-col {
      flex-direction: row;
      align-items: center;
      gap: 32px; } }
  
  .text-img-custom--content-col .col-image {
    flex: 0 0 40%; }
  
  .text-img-custom--content-col .col-image img {
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 250px; }
  
  @media screen and (min-width: 992px) {
    .text-img-custom--content-col .col-image img {
      max-height: 400px; } }
  
  .text-img-custom--btn {
    margin: 16px 0; }
  
  @media screen and (min-width: 992px) {
    .text-img-custom .text-img-custom--content-col.reverse {
      flex-direction: row-reverse; } }