.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(//hiredevelopers.com/wp-content/themes/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(//hiredevelopers.com/wp-content/themes/hire-developers/images/cardhiring1before.svg);
}
&::after {
background-image: url(//hiredevelopers.com/wp-content/themes/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(//hiredevelopers.com/wp-content/themes/hire-developers/images/cardhiring2before.svg);
}
&::after {
background-image: url(//hiredevelopers.com/wp-content/themes/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(//hiredevelopers.com/wp-content/themes/hire-developers/images/cardhiring3before.svg);
}
&::after {
background-image: url(//hiredevelopers.com/wp-content/themes/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);
}
}
}