.highlighted-section {
    outline: 2px solid #3F20FB;
    background-color: rgba(63, 32, 251, 0.1);
  }

  .edit-button {
    position: absolute;
    z-index: 1000;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  html, body {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .logo-img {  
    height: 50px;  
    width: auto;  
    margin-right: 8px; 
    border-radius: 4%;  
    object-fit: contain; 
    display: block;  
}

/* Custom angled section divider */
.angled-divider {
    position: relative;
    /* z-index is handled by the content's z-index to ensure content is above */
}

.angled-divider::after {
    content: '';
    position: absolute;
    bottom: -40px; /* Adjust to control how much it dips. Make sure it doesn't create a horizontal scrollbar. */
    left: 0;
    width: 100%;
    height: 80px; /* Height of the skewed transition area */
    background-color: inherit; /* Takes the background color of the parent section */
    transform: skewY(-1.5deg); /* Adjust the angle as desired. Negative for downward slope from left. */
    transform-origin: top left; /* Ensures the skew starts from the top-left corner */
    z-index: 0; /* Places the skewed shape behind the section's content but above the next section's background */
}