/*mobile*/
.content-block-spotlight {
    padding: 2rem;
    background-color: var(--white, #ffffff);
    border-radius: 1rem;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
    .content-block-spotlight {
        padding: 4rem;
        width: 60%;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .content-block-spotlight {
        padding: 5rem;
        width: 60%;
        margin: 0;
    }
}


/* remove */
.test-container > div {
    display: grid;
    grid-template-columns: 5rem 1fr; /* First column fixed width, second column flexible */
    grid-template-rows: auto auto auto; /* Three rows */
    gap: 10px; /* Adjust the gap between grid items as needed */
  }
  
  .test-container > div *:nth-child(1) {
    grid-column: span 2; /* First item spans two columns */
    text-align: center;
    padding-bottom: 2.5rem;
  }
  
  .test-container > div *:nth-child(2) {
    grid-column: span 1; /* Second item spans one column */
    grid-row: span 2; /* Second item spans two rows */
  }
  
  .test-container > div *:nth-child(3) {
    grid-column: 2 / 3; /* Third item in the second column */
    grid-row: 2 / 3; /* Third item in the second row */
    margin-bottom: -1rem;
    padding-top: .5rem;
  }
  
  .test-container > div *:nth-child(4) {
    grid-column: 2 / 3; /* Fourth item in the second column */
    grid-row: 3 / 4; /* Fourth item in the third row */
    height: 4rem;
    padding-top: 0.5rem;
  }

  /**/

  .test-container > div *:nth-child(5) {
    grid-column: span 1; /* Second item spans one column */
    grid-row: span 2; /* Second item spans two rows */
  }
  
  .test-container > div *:nth-child(6) {
    grid-column: 2 / 3; /* Sixth item in the second column */
    grid-row: 4 / 5; /* Sixth item in the sixth row */
    margin-bottom: -1rem;
    padding-top: .5rem;
  }
  
  .test-container > div *:nth-child(7) {
    grid-column: 2 / 3; /* Seventh item in the second column */
    grid-row: 5 / 6; /* Seventh item in the second row */
    height: 4rem;
    padding-top: 0.5rem;
  }
  
  .test-container > div *:nth-child(8) {
    grid-column: span 1; /* Second item spans one column */
    grid-row: span 2; /* Second item spans two rows */
  }
  
  .test-container > div *:nth-child(9) {
    grid-column: 2 / 3; /* Nineth item in the second column */
    grid-row: 6 / 7; /* Nineth item in the sixth row */
    margin-bottom: -1rem;
    padding-top: .5rem;
  }
  
  .test-container > div *:nth-child(10) {
    grid-column: span 1; /* Tenth item spans one column */
    grid-row: span 2; /* Tenth item spans two rows */
  }
  
  .test-container > div *:nth-child(11) {
    grid-column: 2 / 3; /* Eleventh item in the second column */
    grid-row: 2 / 3; /* Eleventh item in the second row */
  }
  
  .test-container > div *:nth-child(12) {
    grid-column: 2 / 3; /* Twelfth item in the second column */
    grid-row: 3 / 4; /* Twelfth item in the third row */
  }

  /**/

  .test-container strong {
    height: 4.5rem;
    background: #FFF9D1;
    width: 4.5rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 2.6;
    border-radius: 99rem;
    position: relative;
  }

  .test-container strong:after {
    content: "";
    background-color: #FFE6A6;
    width: 0.5rem;
    height: 2rem;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    z-index: 1;
    bottom: -2rem;
  }

  .test-container h2:last-of-type strong::after {
    display: none;
  }



/*Avoid double padding on global blocks using layout builder content*/
.section-content-container .section-content-container {
    padding: 0;
}




@media (min-width: 768px) { /* md breakpoint */
    .md\:grid-cols-2 .byu-layout--four-column-section .section-content-container .section-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
}