/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/agency-leaders/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.agency-leader-section {
  padding: 6.15em 0;
  background-color: #ffffff;
}

.leader-row {
  flex-wrap: wrap;
  grid-column-gap: 1em;
}

.agency-leader-col-left {
  flex-basis: calc(45% - 0.5em);
  padding-top: 2em;
}

.agency-leader-col-right {
  flex-basis: calc(55% - 0.5em);
  grid-column-gap: 2.7vw;
}

.agency-leader-title-col .agency-section-title {
  color: #271D7A;
}

.agency-leader-title-col {
  flex-basis: 28.5em;
}

.agency-leader-title-col p {
  color: #4B4B4B;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.77;
  letter-spacing: -0.02em;
  margin-top: 1em;
}

.leader-card {
  max-width: 16.4em;
  width: 100%;
  text-align: center;
}

.leader-img {
  width: 16.4em;
  height: 16.4em;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0.2em 1.25em 0 rgba(255, 255, 255, 0.75);
  filter: drop-shadow(0 0.2em 1.25em rgba(0, 0, 0, 0.15));
  overflow: hidden;
  border-radius: 58% 50% 50% 53%/59% 50% 50% 50%;
}

.leader-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 0.2em 1.25em 0 rgba(0, 0, 0, 0.75);
}

.agency-leader-col-right .leader-name {
  color: #271D7A;
  font-size: 1.2em;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.02em;
  padding: 1em 0 0;
}

.agency-leader-col-right .leader-position {
  color: #4B4B4B;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.013em;
}

@media screen and (max-width: 1800px), print {
  .agency-leader-section {
    padding: 5.5em 0;
  }
  .leader-card {
    width: 16em;
  }
  .leader-img {
    width: 16em;
    height: 16em;
  }
}
@media screen and (max-width: 1500px), print {
  .agency-leader-section {
    padding: 4em 0;
  }
  .agency-leader-title-col {
    flex-basis: unset;
  }
  .agency-leader-title-col p {
    font-size: 0.8em;
  }
  .agency-leader-col-right {
    grid-column-gap: 2vw;
  }
  .leader-card {
    width: 12.5em;
  }
  .leader-img {
    width: 12.5em;
    height: 12.5em;
  }
  .agency-leader-col-right .leader-name {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 1280px), print {
  /* agency detail page css */
  .agency-leader-section {
    padding: 3em 0;
  }
  .award-card img {
    height: 80%;
  }
  .leader-card {
    width: 10em;
  }
  .leader-img {
    width: 10em;
    height: 10em;
  }
  .agency-leader-col-right .leader-name {
    font-size: 1.1em;
  }
  .agency-leader-col-right {
    flex-basis: calc(53% - 0.5em);
    justify-content: flex-end;
  }
  .agency-leader-col-right .leader-name {
    font-size: 1em;
  }
  .agency-leader-col-right .leader-position {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 900px), print {
  .agency-leader-section {
    padding: 2.5em 0;
  }
  .leader-row {
    grid-row-gap: 2em;
  }
  .leader-card {
    width: 12em;
  }
  .leader-img {
    width: 12em;
    height: 12em;
  }
  .agency-leader-col-right .leader-name {
    font-size: 0.8em;
  }
  .agency-leader-col-left {
    flex-basis: 100%;
    padding-top: 0;
  }
  .agency-leader-col-right {
    flex-basis: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 600px), print {
  .leader-card {
    width: 8.5em;
  }
  .leader-img {
    width: 8.5em;
    height: 8.5em;
  }
  .agency-leader-col-right {
    grid-column-gap: 0.5em;
  }
}

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