#ui-solution__hero-image {
    height: 100%;
    background-color: #007ac9;
}
#ui-solution__hero-image .solution-embed{
  height: 100%;
  padding-right: 5rem;
}
#ui-solution__hero-image .solution-embed .cmp-embed{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#ui-solution__hero-image .image{
    height: 100%;
}
.embed.solution-embed .cmp-embed{
  background-color: #007ac9;
}
@media screen and (min-width: 769px) {
  .solution-hero-var-1 #ui-solution__heading--area,
  .solution-hero-var-2 #ui-solution__heading--area,
  .solution-hero-var-3 #ui-solution__heading--area {
    min-height: 31.25rem;
    grid-template-columns: 41.666% 58.334%;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .solution-hero-var-1 #ui-solution__heading--area .container:has(>#ui-solution__hero-btm)[class*=solution-heading__a],
  .solution-hero-var-2 #ui-solution__heading--area .container:has(>#ui-solution__hero-btm)[class*=solution-heading__a],
  .solution-hero-var-3 #ui-solution__heading--area .container:has(>#ui-solution__hero-btm)[class*=solution-heading__a] {
    padding-bottom: 4.4rem;
  }
  .solution-hero-var-1 #ui-solution__heading--area .container:has(>#ui-solution__hero-upr)[class*=solution-heading__a],
  .solution-hero-var-2 #ui-solution__heading--area .container:has(>#ui-solution__hero-upr)[class*=solution-heading__a],
  .solution-hero-var-3 #ui-solution__heading--area .container:has(>#ui-solution__hero-upr)[class*=solution-heading__a] {
    padding-top: 4.4rem;
  }
  #ui-solution__heading--area:after{
    width: calc(50% - 45rem);
  }
}