.brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}


.cardStyle10 {
    position: relative;
    display: flex;
    min-height: calc(var(--spacing) * 85);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &::before {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    background-image: url('../hire-developers/images/regioncardpattern.svg');
    &.cardOrange {
      border-color: #C5B3FD;
      background-color: #FFE0CD;
      &::before {
        content: var(--tw-content);
        background-position: top left;
      }
      &::after {
        content: var(--tw-content);
        background-position: bottom right;
      }
      &::before {
        background-image: url('../hire-developers/images/cardhiring1before.svg');
      }
      &::after {
        background-image: url('../hire-developers/images/cardhiring1after.svg');
      }
    }
    &.cardPink {
      border-color: #F5AEC5;
      background-color: #FFDCE8;
      &::before {
        content: var(--tw-content);
        background-position: top right;
      }
      &::after {
        content: var(--tw-content);
        background-position: bottom left;
      }
      &::before {
        background-image: url('../hire-developers/images/cardhiring2before.svg');
      }
      &::after {
        background-image: url('../hire-developers/images/cardhiring2after.svg');
      }
    }
    &.cardGreen {
      border-color: #5FCBBF;
      background-color: #EBF5EF;
      &::before {
        content: var(--tw-content);
        background-position: top right;
      }
      &::after {
        content: var(--tw-content);
        background-position: bottom left;
      }
      &::before {
        background-image: url('../hire-developers/images/cardhiring3before.svg');
      }
      &::after {
        background-image: url('../hire-developers/images/cardhiring3after.svg');
      }
    }
    h3 {
      position: relative;
      z-index: 20;
      color: color-mix(in srgb, #4D3E78 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primaryDark) 95%, transparent);
      }
    }
  }