:root {
    --white: #fff;
    --black: #323135;
    --crystal: #a8dadd;
    --columbia-blue: #cee9e4;
    --corporate_green: #007461;
    --corporate-green-secondary: #308276;
    --corporate-green-tertiary: #00746126;
    --msl-bg-brand-accent: #004652;
    --corporate-green-bg: #F5FAFB;
}

.bg-brand-accent {
  background-color: var(--msl-bg-brand-accent);
}

.bg-corporate_green {
  background-color: var(--corporate_green);
}

.bg-second-corporate-green-bg {
  background-color: var(--corporate-green-bg);
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  background-color: var(--white);
}

.conditionContent {
  display: none;
}

.focus-card {
  /* transform: scale(1.1); */
  margin-bottom: 15px;
  box-shadow: -63px 57px 45px -60px rgba(0,116,97,1);
  border-radius: 1rem;
}



@media (min-width: 1054px) {
  .bg-hero-img {
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
  }
}