header:not(.site-header) img {
  margin-top: 40px;
  width: 100%;
  border-radius: 40px;
  object-fit: cover;
}

#what-we-do {
  display: flex;
  gap: 60px;
}


#what-we-do .heading-text:not(:first-child),
#purpose .heading-text:not(:first-child) {
  margin-top: calc((var(--i, 1) - 1) * 80px);
}

#what-we-do .heading-text:nth-child(2),
#purpose .heading-text:nth-child(2) {
  --i: 2;
}

#what-we-do .heading-text:nth-child(3) {
  --i: 3;
}

#purpose>div>div {
  display: flex;
  gap: 40px;
}

#culture {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#culture .values {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  max-width: 1320px;
  margin-inline: auto;
  background: var(--stb-border-gray);
  border: 1px solid var(--stb-border-gray);
}

/* Layout for the value elements */
#culture .values .value:nth-child(1),
#culture .values .value:nth-child(2),
#culture .values .value:nth-child(3) {
  grid-column: span 2;
}

#culture .values .value:nth-child(4),
#culture .values .value:nth-child(5) {
  grid-column: span 3;
}

#culture .values .value {
  background: var(--stb-white);
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}

#culture .values .value span {
  width: 64px;
  height: 64px;
  display: grid;
  place-content: center;
  border-radius: 50%;
}

#culture .values .value:nth-child(1) span {
  background-color: #EFD9F2;
}

#culture .values .value:nth-child(1) span>svg>path {
  stroke: #AE41C0;
}

#culture .values .value:nth-child(2) span {
  background-color: #D9F2F2;
}

#culture .values .value:nth-child(2) span>svg>path {
  stroke: #40BCBF;
}

#culture .values .value:nth-child(3) span {
  background-color: #FFDDCC;
}

#culture .values .value:nth-child(3) span>svg>path {
  stroke: #E14B00;
}

#culture .values .value:nth-child(4) span {
  background-color: #FCCFDA;
}

#culture .values .value:nth-child(4) span>svg>path {
  stroke: #F5577E;
}

#culture .values .value:nth-child(5) span {
  background-color: #FEEDCD;
}

#culture .values .value:nth-child(5) span>svg>path {
  stroke: #FDBD4B;
}

#innovation .innovation__container {
  display: flex;
  gap: 1px;
  background: var(--stb-border-gray);
  border: 1px solid var(--stb-border-gray);
}

#innovation .innovation__container>div {
  flex: 1;
  background: var(--stb-white);
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 40px;
}

#innovation .innovation__container>div .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#innovation .innovation__container>div .heading span {
  background: var(--stb-orange);
  color: var(--stb-white);
  padding: 4px 12px;
  border-radius: 100px;
}

@media screen and (max-width: 1024px) {
  header:not(.site-header) img {
    border-radius: 20px;
  }
  
  #what-we-do {
    flex-direction: column;
    gap: 40px;
  }
  
  #what-we-do .heading-text,
  #purpose .heading-text {
    margin-top: 0 !important;
  }
  
  #purpose>div>div {
    flex-direction: column;
  }
  
  #culture .values .value {
    grid-column: span 6 !important;
  }
  
  #innovation .innovation__container,
  #innovation .innovation__container>div.heading {
    flex-direction: column;
  }

}