/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./wp-blocks/profile-card-deck/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.mtp-profile-card-deck-block {
  position: relative;
  width: 100%;
}
.mtp-profile-card-deck-block .mtp-profile-card {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mtp-profile-card-deck-block .mtp-profile-card:hover {
  --tw-scale-x: 102%;
  --tw-scale-y: 102%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.mtp-profile-card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.75rem;
  text-decoration-line: none;
}

.mtp-profile-card:hover {
  cursor: pointer;
}

.mtp-profile-card {
  box-shadow: 0px 0px 1px 0px rgba(23, 4, 74, 0.4), 0px 16px 32px -16px rgba(23, 4, 74, 0.28), 0px 4px 8px -4px rgba(23, 4, 74, 0.32);
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mtp-profile-card p {
  margin: 0 !important;
}
.mtp-profile-card .mtp-profile-card__content--type-cta {
  justify-content: center;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.mtp-profile-card--title {
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 120%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  margin-bottom: 0 !important;
  color: white !important;
  font-size: 32px !important;
}
.mtp-profile-card--body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px !important;
  font-weight: 500 !important;
}
.mtp-profile-card .mtp-profile-card__content--dark-text .mtp-profile-card--title {
  color: #17044a !important;
}
.mtp-profile-card .mtp-profile-card__content--dark-text .mtp-profile-card--body {
  color: #17044a !important;
}
.mtp-profile-card--label {
  margin-top: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(23 4 74 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 0.875rem !important;
}
.mtp-profile-card--image {
  bottom: 0px;
  left: 0px;
  max-width: 166px !important;
}
.mtp-profile-card .mtp-profile-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1rem;
}
.mtp-profile-card--button {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  height: 32px;
  width: 32px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 240 35 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 4 74 / var(--tw-text-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.group:hover .mtp-profile-card--button {
  animation: bounce 1s infinite;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.mtp-profile-card--button {
  border-radius: 999999px !important;
  outline: none !important;
  border: none !important;
}

.mtp-profile-card-deck {
  display: grid;
  padding-top: 50px;
  padding-bottom: 60px;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  max-width: 980px; /* 304px * 3 columns */
  margin: 0 auto; /* Horizontally center the grid */
  gap: 30px;
}

.wp-page-content .mtp-profile-card-deck-block {
  position: relative;
  width: 100%;
}
.wp-page-content .mtp-profile-card-deck-block .mtp-profile-card {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.wp-page-content .mtp-profile-card-deck-block .mtp-profile-card:hover {
  --tw-scale-x: 102%;
  --tw-scale-y: 102%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.wp-page-content .mtp-profile-card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.75rem;
  text-decoration-line: none;
}
.wp-page-content .mtp-profile-card:hover {
  cursor: pointer;
}
.wp-page-content .mtp-profile-card {
  box-shadow: 0px 0px 1px 0px rgba(23, 4, 74, 0.4), 0px 16px 32px -16px rgba(23, 4, 74, 0.28), 0px 4px 8px -4px rgba(23, 4, 74, 0.32);
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wp-page-content .mtp-profile-card p {
  margin: 0 !important;
}
.wp-page-content .mtp-profile-card .mtp-profile-card__content--type-cta {
  justify-content: center;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.wp-page-content .mtp-profile-card--title {
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 120%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  margin-bottom: 0 !important;
  color: white !important;
  font-size: 32px !important;
}
.wp-page-content .mtp-profile-card--body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px !important;
  font-weight: 500 !important;
}
.wp-page-content .mtp-profile-card .mtp-profile-card__content--dark-text .mtp-profile-card--title {
  color: #17044a !important;
}
.wp-page-content .mtp-profile-card .mtp-profile-card__content--dark-text .mtp-profile-card--body {
  color: #17044a !important;
}
.wp-page-content .mtp-profile-card--label {
  margin-top: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(23 4 74 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 0.875rem !important;
}
.wp-page-content .mtp-profile-card--image {
  bottom: 0px;
  left: 0px;
  max-width: 166px !important;
}
.wp-page-content .mtp-profile-card .mtp-profile-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1rem;
}
.wp-page-content .mtp-profile-card--button {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  height: 32px;
  width: 32px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 240 35 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 4 74 / var(--tw-text-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.group:hover .wp-page-content .mtp-profile-card--button {
  animation: bounce 1s infinite;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.wp-page-content .mtp-profile-card--button {
  border-radius: 999999px !important;
  outline: none !important;
  border: none !important;
}
.wp-page-content .mtp-profile-card-deck {
  display: grid;
  padding-top: 50px;
  padding-bottom: 60px;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  max-width: 980px; /* 304px * 3 columns */
  margin: 0 auto; /* Horizontally center the grid */
  gap: 30px;
}

/*# sourceMappingURL=style-index.css.map*/