:root {
  --solid-beige: #F6F5F2;
}

.has-teal-background-color .solve-workspaces-cta h2,
.has-teal-background-color .solve-workspaces-cta h3,
.has-gold-background-color .solve-workspaces-cta h2,
.has-gold-background-color .solve-workspaces-cta h3,
.has-charcoal-background-color .solve-workspaces-cta h2,
.has-charcoal-background-color .solve-workspaces-cta h3,
.has-black-background-color .solve-workspaces-cta h2,
.has-black-background-color .solve-workspaces-cta h3 {
  color: inherit;
}

.solve-workspaces-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4rem 4%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1250px) {
  .solve-workspaces-cta {
    padding: 6rem 4%;
  }
}
.solve-workspaces-cta .workspaces-content {
  width: 100%;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.solve-workspaces-cta .workspaces-content .inner {
  padding-right: 2rem;
}
.solve-workspaces-cta .workspace-item {
  width: 100%;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 1250px) {
  .solve-workspaces-cta .workspace-item p {
    margin-bottom: 0;
  }
}
@media (min-width: 767px) {
  .solve-workspaces-cta .workspace-item {
    width: calc(50% - 2.5px);
  }
}
@media (min-width: 1250px) {
  .solve-workspaces-cta .workspace-item {
    width: calc(25% - 2.5px);
  }
}
.solve-workspaces-cta .workspace-item .thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  aspect-ratio: 4.5/3;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.solve-workspaces-cta .workspace-item img {
  width: 100%;
  min-height: 100%;
  height: auto;
  aspect-ratio: 4.5/3;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 767px) {
  .solve-workspaces-cta .workspace-item .workspace-inner-content {
    width: 80%;
  }
}
.solve-workspaces-cta .workspace-item a {
  text-decoration: none;
  position: relative;
  display: block;
}
.solve-workspaces-cta .workspace-item a:hover .thumbnail-overlay {
  opacity: 0;
}
.solve-workspaces-cta .workspace-item h3 {
  padding-top: 1.5rem;
  position: relative;
  margin-bottom: 1rem;
}
@media (min-width: 1250px) {
  .solve-workspaces-cta .workspace-item h3 {
    margin-bottom: 2rem;
  }
}
.solve-workspaces-cta .workspace-item h3::after {
  content: "";
  height: 1.5px;
  width: 0;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  background: var(--wp--preset--color--gold);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.solve-workspaces-cta .workspace-item h3:hover::after {
  width: 2rem;
}
@media (min-width: 1250px) {
  .solve-workspaces-cta.workspaces-5 .workspaces-content {
    padding-top: calc(3.5rem - clamp(1.9rem, 2.4vw, 2.8rem) + clamp(1.7rem, 1.4vw, 2.5rem));
    width: 33%;
  }
}
.solve-workspaces-cta.workspaces-5 .workspace-item-1 {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 1250px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 {
    width: calc(67% - 2.5px);
  }
}
.solve-workspaces-cta.workspaces-5 .workspace-item-1 p {
  margin-bottom: 30px;
}
.solve-workspaces-cta.workspaces-5 .workspace-item-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2.5px;
}
@media (min-width: 1500px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 a {
    height: auto;
  }
}
.solve-workspaces-cta.workspaces-5 .workspace-item-1 img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 960px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 img {
    aspect-ratio: 2.6/1;
  }
}
@media (min-width: 960px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 .thumbnail-overlay {
    aspect-ratio: 2.6/1;
  }
}
.solve-workspaces-cta.workspaces-5 .workspace-item-1 .workspace-inner-content {
  top: 0;
  left: 0;
}
@media (min-width: 767px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 .workspace-inner-content {
    width: 80%;
  }
}
@media (min-width: 1250px) {
  .solve-workspaces-cta.workspaces-5 .workspace-item-1 .workspace-inner-content {
    padding: 4rem 4%;
    position: absolute;
    width: 55%;
    background: rgba(255, 255, 255, 0.8);
    padding: 2rem 4%;
    pointer-events: none;
  }
}

.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.88rem;
}
@media (min-width: 767px) {
  .solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1250px) {
  .solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid .workspace-item {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  width: unset;
  background: white;
  padding: 2.5rem 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid .workspace-item .thumbnail-overlay {
  aspect-ratio: 1/1;
}
.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid .workspace-item img {
  min-height: unset;
  aspect-ratio: 1/1;
}
.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid .workspace-item .workspace-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1.88rem;
}
.solve-workspaces-cta.solve-workspaces-cta-new .workspaces-grid .workspace-inner-content {
  width: unset;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}