
  .dnd_area-row-0-force-full-width-section > .row-fluid
{
  width: -webkit-fit-content !important;
  width: -moz-fit-content    !important;
  width: fit-content         !important;
  max-width: none            !important;
}

  @media only screen and (max-width: 600px) {
    html body .dnd_area-row-0-padding {
      /* shorthand: top right bottom left */
      padding: 80px 2px 5px 2px !important;
    }
  }

.custom-architecture-module {
  /* existing rules… */
  font-family: 'Poppins', sans-serif;
 padding: 
    clamp(20px, 5vw, 10px)  /* top  */
    clamp(20px, 5vw, 40px)  /* right */
    clamp(30px, 5vw, 20px)  /* bottom */
    clamp(4px, 5vw, 20px); /* left  — smaller than the right */
}  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;

  /* add one or more of these: */

  /* 1) If its parent is a flex container: */
  align-self: flex-start;

  /* 2) If its parent is a CSS grid container: */
  justify-self: start;   /* horizontal */
  align-self: start;     /* vertical */

  /* 3) If it’s inline-block or table-cell: */
  vertical-align: top;
}


.custom-architecture-module .overview {
  font-size: 20px;
  color: #707070;
  font-weight: 200;
  margin-bottom: clamp(3px, 2.5vw, 5px);
}
.overview {
  font-size: 23px;
  color: #707070;
  font-weight: 100 !important;
  margin-bottom: clamp(3px, 2.5vw, 5px);
  opacity: 0.70;

}

.custom-architecture-module .title {
  color: #000;
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: clamp(15px, 3vw, 30px);
  word-break: break-word;
}

.custom-architecture-module .description {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  /* keep paragraphs from growing too wide on large screens */
  max-width: 1000px;
  margin: 0 auto clamp(20px, 3vw, 40px);
}

.custom-architecture-module .description p {
  margin-bottom: clamp(10px, 2vw, 20px);
}

/* Optional: tighten things up on very small viewports */
@media (max-width: 480px) {
  .custom-architecture-module {
    padding: clamp(20px, 8vw, 40px) clamp(20px, 8vw, 20px);
  }
  .custom-architecture-module .title {
    font-size: clamp(1.5rem, 7vw, 2rem);
  }
}
