﻿.staticiam-page .PHero {
  position: relative;
  width: 100%;
  height: 20rem;
  display: flex;
  align-items: center;
  color: var(--color-neutral-0);
}

.staticiam-page .PHero--generic {
  height: 12rem;
  /* height: 17rem; */
  background: linear-gradient(
    to right, 
    var(--color-primary-700), 
    var(--color-primary-500)
  );
}

.staticiam-page .PHero--generic .PHero__img {
  height: 12rem;
  /* height: 17rem; */
}

.staticiam-page .PHero--generic .PHero__img img {
  height: 12rem;
  /* height: 17rem; */

}

.staticiam-page .PHero--generic .PHero__description {
  margin-top: var(--spacing-04);
}

@media (max-width: 991px) {
.staticiam-page .PHero {
    height: fit-content;
    align-items: flex-start;
  }

.staticiam-page .PHero--generic {
    height: 13.375rem;
  }

.staticiam-page .PHero--generic .PContainer {
    margin-top: auto;
    margin-bottom: auto;
  }

.staticiam-page .PHero--generic .PHero__title {
    line-height: var(--line-height-800);
    font-size: var(--font-size-800);
    font-weight: var(--font-weight-bold);
    margin-left: var(--spacing-03);
    margin-right: var(--spacing-03);
  }

.staticiam-page .PHero--generic .PHero__description {
    margin-left: var(--spacing-03);
    margin-right: var(--spacing-03);
  }

.staticiam-page .PHero--generic .PHero__img {
    height: 13.375rem;
  }

.staticiam-page .PHero--generic .PHero__img img {
    height: 13.375rem;
  }

.staticiam-page .PHero--generic .breadcrumb {
    display: none;
    margin-bottom: var(--spacing-06);
  }
}

.staticiam-page .PHero__container {
  position: relative;
  padding: var(--spacing-07) var(--spacing-09) !important;
  background: rgba(5, 52, 54, 0.9);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 1.25rem;
}

@media (max-width: 991px) {
.staticiam-page .PHero__container {
    margin-top: 12.625rem;
    padding: var(--spacing-06) !important;
  }

.staticiam-page .PHero__container:has(.PHero__description) {
    margin-top: 9.625rem;
  }
}

.staticiam-page .PHero .breadcrumb {
  margin-bottom: var(--spacing-06);
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item a {
  color: var(--color-primary-300);
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  color: var(--color-primary-300);
  text-decoration-thickness: 1px;
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item.active {
  color: var(--color-primary-100);
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item.active:hover {
  text-decoration: none;
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item:not(:first-child)::before {
  content: url('../../assets/icons/breadcrumb-chevron-right.svg');
}

.staticiam-page .PHero .breadcrumb .breadcrumb-item .PBreadcrumb__ellipsis {
  color: var(--color-primary-300);
}

@media (max-width: 991px) {
.staticiam-page .PHero .breadcrumb {
    display: none;
  }
}

.staticiam-page .PHero .PBreadcrumb__dropdown a {
  color: var(--color-primary-600) !important;
}

.staticiam-page .PHero__img {
  position: absolute;
  width: 100%;
  height: 20rem;
}

.staticiam-page .PHero__img img {
  object-fit: cover;
  width: 100%;
  height: 20rem;
}

@media (max-width: 991px) {
.staticiam-page .PHero__img img {
    height: 15.625rem;
  }

.staticiam-page .PHero__img {
    height: 15.625rem;
  }
}

.staticiam-page .PHero__title {
  line-height: 3.625rem;
  font-size: 3rem;
  font-weight: 700;
  display: flex;
  gap: var(--spacing-03);
  align-items: center;
}

.staticiam-page .PHero__title img {
  height: 4rem;
  width: 4rem;
}

@media (max-width: 991px) {
.staticiam-page .PHero__title {
    font-size: var(--font-size-800);
    line-height: var(--line-height-800);
  }

.staticiam-page .PHero__title img {
    height: 2.5rem;
    width: 2.5rem;
  }
}

.staticiam-page .PHero__description {
  line-height: var(--line-height-400);
  font-size: var(--font-size-300);
  margin-top: var(--spacing-03);
}

@media (max-width: 991px) {
.staticiam-page .PHero__description {
    line-height: var(--line-height-300);
  }
}
