.header-groups {
    width: max-content;
}

.column-back-header {
    position: absolute;
    top: -60px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
}

.column-main-header {
    position: relative;
    z-index: 2;
}
.heading-adjust {
    top: -70px;
}

@media screen and (max-width: 921px) {
    .site-main-columns {
        gap: 5rem;
    }

    .design-process-grid {
        display: grid !important; 
        grid-template-columns: repeat(2, 1fr); /* Two equal columns */
        gap: 5rem; /* Adjust spacing between grid items */
      }
            
}

@media screen and (max-width: 600px) {
    .design-process-grid {
        grid-template-columns: repeat(1, 1fr); /* Two equal columns */
        gap: 3rem; /* Adjust spacing between grid items */
      }
  
}