/* Custom Stylesheet hash:15292015751618442648 dated 19 May, 2025 05:48:48+America/Denver */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.flex-card {
	width: 280px;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
}

/*******  IT Help Desk *******/
/* Color the div background and darken the shadow on hover */
.helpdesk:hover {
	box-shadow: -1px 4px 20px 0 rgba(0,0,0,0.4);
	background: #44a;
	transition: 0.22s;
	border: 1px solid #44a;
}

/* Remove the div background color and lighten the shadow when not hovered */
.helpdesk:not(:hover) {
	transition: 0.22s;
	border: 1px solid #44a;
	box-shadow: -1px 4px 15px 0 rgba(0,0,0,0.1);
	text-align: center;
}

/* Change the h2 element to white on hover of the parent element */
.helpdesk:hover > h2 {
	color: white;
	text-align: center;
	margin: auto;
}

/* Color the h2 element when the parent element is not hovered */
.helpdesk:not(:hover) > h2 {
	color: #44a;
	text-align: center;
  margin: auto;
}

/*******  Billing Requests *******/
/* Color the div background and darken the shadow on hover */
.billing:hover {
	border: 1px solid #3aa;
	box-shadow: -1px 4px 20px 0 rgba(0,0,0,0.4);
	background: #3aa;
	transition: 0.22s;
}

/* Remove the div background color and lighten the shadow when not hovered */
.billing:not(:hover) {
	border: 1px solid #3aa;
	box-shadow: -1px 4px 15px 0 rgba(0,0,0,0.1);
	transition: 0.22s;
}

/* Change the h2 element to white on hover of the parent element */
.billing:hover > h2 {
  color: white;
	text-align: center;
	margin: auto;
}

/* Color the h2 element when the parent element is not hovered */
.billing:not(:hover) > h2 {
	color: #3aa;
	text-align: center;
	margin: auto;
}


/*******  Accounting *******/
/* Color the div background and darken the shadow on hover */
.accounting:hover {
	box-shadow: -1px 4px 20px 0 rgba(0,0,0,0.4);
	background: #045;
	transition: 0.22s;
	border: 1px solid #045;
}

/* Remove the div background color and lighten the shadow when not hovered */
.accounting:not(:hover) {
	transition: 0.22s;
	border: 1px solid #045;
	box-shadow: -1px 4px 15px 0 rgba(0,0,0,0.1);
	text-align: center;
}

/* Change the h2 element to white on hover of the parent element */
.accounting:hover > h2 {
	color: white;
	text-align: center;
	margin: auto;
}

/* Color the h2 element when the parent element is not hovered */
.accounting:not(:hover) > h2 {
	color: #045;
	text-align: center;
  margin: auto;
}

/*******  Human Resources *******/
/* Color the div background and darken the shadow on hover */
.hr:hover {
	border: 1px solid #524;
	box-shadow: -1px 4px 20px 0 rgba(0,0,0,0.4);
	background: #524;
	transition: 0.22s;
}

/* Remove the div background color and lighten the shadow when not hovered */
.hr:not(:hover) {
	border: 1px solid #524;
	box-shadow: -1px 4px 15px 0 rgba(0,0,0,0.1);
	transition: 0.22s;
}

/* Change the h2 element to white on hover of the parent element */
.hr:hover > h2 {
  color: white;
	text-align: center;
	margin: auto;
}

/* Color the h2 element when the parent element is not hovered */
.hr:not(:hover) > h2 {
	color: #524;
	text-align: center;
	margin: auto;
}

/*******  Decision Support Requests *******/
/* Color the div background and darken the shadow on hover */
.decisionsupport:hover {
	border: 1px solid #7a3068; /* 3aa original */
	box-shadow: -1px 4px 20px 0 rgba(0,0,0,0.4);
	background: #7a3068;
	transition: 0.22s;
}

/* Remove the div background color and lighten the shadow when not hovered */
.decisionsupport:not(:hover) {
	border: 1px solid #7a3068;
	box-shadow: -1px 4px 15px 0 rgba(0,0,0,0.1);
	transition: 0.22s;
}

/* Change the h2 element to white on hover of the parent element */
.decisionsupport:hover > h2 {
  color: white;
	text-align: center;
	margin: auto;
}

/* Color the h2 element when the parent element is not hovered */
.decisionsupport:not(:hover) > h2 {
	color: #7a3068;
	text-align: center;
	margin: auto;
}