﻿.staticiam-page a.PCard, 
.staticiam-page button.PCard, 
.staticiam-page .PCard--clickable {
  cursor: pointer !important;
  outline: 1px solid var(--color-neutral-200);
  border: none;
  padding: 0;
}

.staticiam-page a.PCard:focus, 
.staticiam-page a.PCard:hover, 
.staticiam-page button.PCard:focus, 
.staticiam-page button.PCard:hover, 
.staticiam-page .PCard--clickable:focus, 
.staticiam-page .PCard--clickable:hover {
  outline: 2px solid var(--color-primary-600);
  background: var(--color-primary-100);
  color: var(--color-primary-700);
}

.staticiam-page a.PCard:focus .PCard__description, 
.staticiam-page a.PCard:focus .PCard__title, 
.staticiam-page a.PCard:hover .PCard__description, 
.staticiam-page a.PCard:hover .PCard__title, 
.staticiam-page button.PCard:focus .PCard__description, 
.staticiam-page button.PCard:focus .PCard__title, 
.staticiam-page button.PCard:hover .PCard__description, 
.staticiam-page button.PCard:hover .PCard__title, 
.staticiam-page .PCard--clickable:focus .PCard__description, 
.staticiam-page .PCard--clickable:focus .PCard__title, 
.staticiam-page .PCard--clickable:hover .PCard__description, 
.staticiam-page .PCard--clickable:hover .PCard__title {
  color: var(--color-primary-700);
}

.staticiam-page .PCard {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  border-radius: 1rem;
  outline: 1px solid var(--color-neutral-200);
  background: var(--color-neutral-0);
  position: relative;
  text-decoration: none;
  cursor: default;
}

.staticiam-page .PCard .PButton {
  width: fit-content;
}

@media (max-width: 767px) {
.staticiam-page .PCard .PButton {
    margin-top: var(--spacing-06);
    flex-direction: column;
  }
}

.staticiam-page .PCard__dashboard-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: var(--spacing-06);
}

@media (max-width: 767px) {
.staticiam-page .PCard__dashboard-header {
    flex-direction: column;
  }
}

.staticiam-page .PCard__dashboard-header .PCard__dashboard-title {
  gap: var(--spacing-05);
  display: flex;
  align-items: center;
  margin-right: var(--spacing-05);
  color: var(--color-neutral-600);
}

@media (max-width: 767px) {
.staticiam-page .PCard__dashboard-header .PCard__dashboard-title {
    gap: var(--spacing-03);
    font-size: var(--font-size-600);
    line-height: var(--line-height-500);
  }
}

.staticiam-page .PCard__dashboard-header-left {
  align-items: center;
  display: flex;
}

@media (max-width: 767px) {
.staticiam-page .PCard__dashboard-header-left {
    justify-content: space-between;
  }
}

.staticiam-page .PCard__dashboard-header .PBadge {
  margin-bottom: 0 !important;
}

.staticiam-page .PCard .PBadge {
  margin-bottom: var(--spacing-05);
}

.staticiam-page .PCard:focus {
  outline: 2px solid var(--color-primary-600);
}

.staticiam-page .PCard img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}

.staticiam-page .PCard__content-container {
  padding: var(--spacing-06);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: flex-start;
  text-decoration: none;
  flex: 1;
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 767px) {
.staticiam-page .PCard__content-container {
    padding: var(--spacing-06);
  }
}

.staticiam-page .PCard__image-container {
  background: var(--color-neutral-300);
}

.staticiam-page .PCard__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.staticiam-page .PCard__CTA-container {
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-100);
  margin-top: auto;
}

.staticiam-page .PCard__CTA-container button {
  flex-grow: 1;
}

@media (max-width: 575px) {
.staticiam-page .PCard__CTA-container {
    flex-direction: column;
    width: 100%;
  }
}

.staticiam-page .PCard--eservice {
  background: var(--color-neutral-100);
}

.staticiam-page .PCard--eservice .PCard__content-container {
  padding: var(--spacing-06);
}

.staticiam-page .PCard--eservice:has(.PCard__description) .PCard__content-container {
  padding: var(--spacing-07);
}

.staticiam-page .PCard--eservice .PCard__title {
  color: var(--color-neutral-600);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-400);
  text-decoration: none;
}

.staticiam-page .PCard--eservice .PCard__title:has(+ .PCard__description) {
  font-size: var(--font-size-400);
  font-weight: var(--font-weight-bold);
  line-height: var(--spacing-06);
  margin-top: var(--spacing-03);
}

.staticiam-page .PCard__title {
  color: var(--color-neutral-600);
  font-size: var(--font-size-600);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-500);
  margin-bottom: var(--spacing-05);
  text-decoration: none;
  margin-top: var(--spacing-03);
}

.staticiam-page .PCard__title:last-child {
  margin-bottom: 0;
  margin-top: 0;
}

.staticiam-page button.PCard__title {
  outline: none;
  text-align: flex-start;
  background-color: transparent;
}

.staticiam-page .PCard__description {
  color: var(--color-neutral-800);
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-300);
  margin-bottom: var(--spacing-06);
}

.staticiam-page .PCard__description:last-child {
  margin-bottom: 0;
}

.staticiam-page .PCard__title-eservice {
  font-weight: var(--font-weight-medium);
}
