/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */

.about-vision-card {
  overflow: hidden;
  border-radius: 0.25rem;
  background: #eef2dd;
  box-shadow: 0 30px 65px rgba(15, 23, 42, 0.16);
}

.about-vision-card__image {
  display: block;
  width: 100%;
  height: clamp(360px, 46vw, 620px);
  object-fit: cover;
  object-position: center center;
}

.about-community-visual {
  padding-bottom: 3rem;
}

.about-community-card {
  position: relative;
  isolation: isolate;
  z-index: 2;
  overflow: hidden;
  background: #eef2dd;
  box-shadow: 0 30px 65px rgba(15, 23, 42, 0.16);
}

.about-community-card img {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: clamp(420px, 52vw, 620px);
  object-fit: cover;
  object-position: center 35%;
}

.about-community-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(9, 16, 28, 0.05) 0%, rgba(9, 16, 28, 0.58) 100%);
}

.about-community-card__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 1.5rem 1.75rem 1.75rem;
}

.about-community-card__eyebrow {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background-color: rgba(204, 222, 2, 0.95);
  color: #253b6e;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.about-community-card__title {
  max-width: 25rem;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.55;
  font-weight: 500;
}

.about-community-visual .dots {
  left: 0;
  bottom: 0;
  width: 42%;
  height: 32%;
  opacity: 0.9;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .about-vision-card__image {
    height: 420px;
  }

  .about-community-visual {
    padding-bottom: 2.25rem;
  }

  .about-community-card img {
    height: 420px;
    object-position: center 32%;
  }

  .about-community-card__overlay {
    padding: 1.25rem;
  }

  .about-community-card__title {
    font-size: 1.1rem;
    line-height: 1.45;
  }

  .about-community-visual .dots {
    width: 45%;
    height: 26%;
  }
}

@media screen and (max-width: 575px) {
  .about-vision-card__image {
    height: 320px;
  }
}

.board-section .team-wrapper {
  max-width: 497px;
  margin: 0 auto;
}

.board-section .board-portrait {
  position: relative;
  width: 100%;
  aspect-ratio: 497 / 631;
  overflow: hidden;
}

.board-section .board-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.navbar-brand img {
  max-height: 46px;
  width: auto;
}

@media screen and (min-width: 992px) {
  .scrollHeader .navbar-brand img {
    max-height: 38px;
  }
}