/* Inner banner --------------------------------------------------------------------------------------------------------*/
.inner-banner {
  position: relative;
  display: inherit;
  overflow: hidden;
}
.inner-banner::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 86.62%);
}

.inner-banner-with-blue-bg {
  background: #2A485A;
}

.inner-banner-img {
  object-fit: cover;
  width: 100%;
  height: 500px;
  display: block;
}
.inner-banner-img.small {
  height: 300px;
}

.inner-banner-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.inner-banner-content .container {
  height: 100%;
}

.inner-banner-col {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.inner-banner-breadcrumbs, .inner-banner-breadcrumbs-anchor {
  color: #fff;
  font-size: 0.8125rem;
}

.inner-banner-breadcrumbs-anchor:hover {
  color: #E55302;
}

.inner-banner-top {
  display: none;
  align-items: center;
  margin-bottom: 20px;
}

.inner-banner-breadcrumbs-arrow {
  margin: 0 11px;
}

.font-bold {
  font-weight: 700;
}

.inner-banner-main-heading {
  color: #fff;
  font-weight: 600;
  font-size: 2.125rem;
  line-height: 2.625rem;
}

.inner-banner-main-heading-link {
  color: #fff;
}
.inner-banner-main-heading-link:hover {
  color: #E55302;
}

.inner-banner-bottom {
  max-width: 807px;
  margin-top: 35px;
}

.inner-banner-center {
  max-width: 807px;
  margin-top: 110px;
}

.inner-banner-small-heading {
  font-size: 1.0625rem;
  color: #fff;
  margin-top: 20px;
}

.inner-banner-heading-title-link {
  color: #fff;
}
.inner-banner-heading-title-link:hover {
  color: #E55302;
}

.inner-banner-button {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #E55302;
  font-weight: 700;
  display: inline-flex;
  background: #fff;
  min-width: 229px;
  padding: 20px;
  margin-top: 20px;
  justify-content: space-between;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.inner-banner-button:hover {
  color: #fff;
  background-color: #E55302;
}
.inner-banner-button:hover .inner-banner-button-img {
  filter: brightness(0) invert(1);
}

.blue-gradient-banner::before {
  background: linear-gradient(180deg, rgba(0, 152, 170, 0.3) 35.73%, #0098AA 98.25%);
}

.inner-banner-main-heading-line {
  position: relative;
  padding-bottom: 27px;
  display: inline-block;
}
.inner-banner-main-heading-line::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 10px;
  background: #E55302;
  border-radius: 5px;
  width: 206px;
}

.inner-banner-med-heading {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 2.625rem;
}

.inner-banner-med-heading-link {
  color: #fff;
}
.inner-banner-med-heading-link:hover {
  color: #E55302;
}

/* Responsive Media Queries --------------------------------------------------------------------------------------------------------*/            
@media (min-width: 768px) {
  .inner-banner::before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 27.12%, rgba(0, 0, 0, 0.8) 100%);
  }
  .blue-gradient-banner::before {
    background: linear-gradient(270deg, rgba(0, 152, 170, 0.3) 35.73%, #0098AA 98.25%);
  }
  .inner-banner-img {
    height: 450px;
  }
  .inner-banner-img.small {
    height: 360px;
  }
  .inner-banner-main-heading {
    font-size: 3.75rem;
    line-height: 4.5625rem;
  }
  .inner-banner-button {
    padding: 30px;
  }
  .inner-banner-top {
    display: flex;
  }
  .inner-banner-col {
    justify-content: space-between;
    padding-bottom: 40px;
  }
  .inner-banner-with-blue-bg .inner-banner-col {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .inner-banner-with-blue-bg .inner-banner-main-heading {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
  }
}

/*# sourceMappingURL=inner-banner.css.map */