/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/global-insight-hero/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.insight-hero-block {
  min-height: 43em;
  padding-bottom: 1em;
  margin-top: 5em;
}

.center-container {
  position: relative;
}

.insight-hero-block .hero-text-wrapper {
  padding-top: 4.5em;
}

.insight-hero-block .hero-text-wrapper .hero-title {
  color: #271D7A;
  font-size: 10em;
  font-weight: 900;
  line-height: 0.8;
  text-transform: uppercase;
}

.insight-hero-block .hero-text-wrapper .hero-title span {
  display: block;
  padding-left: 0.775em;
}

.hero-discription {
  color: #4B4B4B;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.011em;
  margin-top: 1.5em;
  max-width: 40%;
  width: 100%;
  opacity: 0.9;
}

.hero-imgWrapepr {
  cursor: pointer;
  position: absolute;
  top: 0.25em;
  right: 0;
  width: 40em;
}

.hero-imgWrapepr a {
  text-decoration: none;
  display: flex;
}

.hero-image-card {
  width: 100%;
  height: 39.7em;
  width: 39.7em;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  mix-blend-mode: hard-light;
  right: 1.2em;
}

.hero-image-card.overlay {
  mix-blend-mode: overlay;
}

.hero-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.hero-imgCaption {
  position: absolute;
  width: calc(100% - 0.3em);
  margin: 0;
  bottom: 0;
  left: -1.2em;
  right: 0;
  align-items: flex-end;
  top: 0;
}

.hero-imgCaption-inner-wrapper {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(0.25em);
          backdrop-filter: blur(0.25em);
  display: flex;
  padding: 2em;
  width: 100%;
}

.hero-imgCaption .hero-caption-box {
  align-items: flex-end;
  display: flex;
  max-width: 66%;
  margin-left: 10%;
  position: relative;
}

.hero-caption-text {
  margin-right: 1em;
}

.hero-caption-title {
  color: #271D7A;
  font-size: 1.3em;
  font-weight: 800;
  line-height: 1.15;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.hero-imgCaption::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.hero-caption-date {
  color: #4B4B4B;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-top: 0.4em;
}

.hero-btn {
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  background-color: #FC4D0F;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 0.75em;
}

.hero-btn svg {
  width: 0.75em;
}

@media screen and (max-width: 1800px), print {
  .insight-hero-block {
    min-height: 45vw;
  }
  .insight-hero-block .hero-text-wrapper {
    padding-top: 4em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 11vw;
  }
  .insight-hero-block .hero-text-wrapper .hero-title span {
    display: block;
    padding-left: 7.65vw;
  }
  .insight-hero-block .hero-discription {
    font-size: 1em;
  }
  .hero-imgWrapepr {
    width: 41vw;
  }
  .hero-image-card {
    height: 41vw;
    width: 41vw;
    right: 0;
  }
  .hero-imgCaption .hero-caption-box {
    max-width: 72%;
    margin-left: 8%;
  }
  .hero-imgCaption {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1500px), print {
  .insight-hero-block {
    min-height: 47vw;
  }
  .insight-hero-block .hero-text-wrapper {
    padding-top: 3em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 11.2vw;
  }
  .insight-hero-block .hero-text-wrapper .hero-title span {
    padding-left: 8.1vw;
  }
  .insight-hero-block .hero-discription {
    font-size: 0.9em;
    max-width: 42%;
  }
  .hero-imgWrapepr {
    width: 43vw;
  }
  .hero-imgCaption .hero-caption-box {
    margin-left: 10%;
  }
  .hero-image-card {
    width: 43vw;
    height: 43vw;
  }
  .hero-caption-title {
    font-size: 1.05em;
  }
  .hero-caption-date {
    font-size: 0.75em;
  }
  .hero-imgCaption {
    margin-top: -4.5em;
  }
  .hero-imgCaption-inner-wrapper {
    padding: 1em 1.5em 1.1em;
  }
  .hero-btn {
    width: 1.6em;
    height: 1.6em;
  }
  .hero-btn svg {
    width: 0.8em;
  }
}
@media screen and (max-width: 1200px), print {
  .insight-hero-block {
    min-height: 46.5vw;
    margin-top: 4em;
  }
  .insight-hero-block .hero-text-wrapper {
    padding-top: 2.5em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 12.25vw;
  }
  .insight-hero-block .hero-discription {
    font-size: 0.8em;
    max-width: 41vw;
  }
  .hero-imgWrapepr {
    width: 42.5vw;
  }
  .hero-image-card {
    width: 42.5vw;
    height: 42.5vw;
  }
  .hero-caption-title {
    font-size: 0.75em;
  }
  .hero-caption-text {
    margin-right: 0.6em;
  }
  .hero-btn {
    width: 1.2em;
    height: 1.2em;
  }
  .hero-btn svg {
    width: 0.6em;
  }
  .hero-caption-date {
    font-size: 0.65em;
  }
}
@media screen and (max-width: 900px), print {
  .insight-hero-block {
    min-height: 51.5vw;
    margin-top: 3em;
  }
  .insight-hero-block .hero-text-wrapper {
    padding-top: 2em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 11.3333vw;
  }
  .insight-hero-block .hero-discription {
    position: relative;
    z-index: 5;
    max-width: 41vw;
    margin-top: 1em;
  }
  .hero-imgWrapepr {
    width: 46.778vw;
  }
  .hero-image-card {
    width: 46.778vw;
    height: 46.778vw;
  }
  .hero-imgCaption .hero-caption-box {
    max-width: 90%;
    margin-left: 5%;
  }
  .hero-imgCaption-inner-wrapper {
    padding: 1em;
  }
}
@media screen and (max-width: 600px), print {
  .insight-hero-block {
    min-height: unset;
    margin-top: 5em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 3.5em;
  }
  .insight-hero-block .hero-text-wrapper .hero-title span {
    padding-left: 0;
  }
  .insight-hero-block .hero-text-wrapper {
    padding-top: 0;
  }
  .insight-hero-block .hero-discription {
    max-width: 100%;
    margin-top: 1.2em;
  }
  .hero-image-card {
    height: 17em;
    max-width: 17em;
    width: 100%;
  }
  .hero-imgWrapepr {
    position: relative;
    margin: -2em auto 0;
    max-width: 17em;
    width: auto;
    right: auto;
    left: 0;
  }
  .hero-imgCaption .hero-caption-box {
    max-width: 90%;
    margin-left: 2%;
  }
  .hero-imgCaption {
    margin-top: -3em;
  }
  .hero-imgCaption-inner-wrapper {
    padding: 1em 1em 1em 0;
  }
}
@media screen and (max-width: 370px), print {
  .insight-hero-block .hero-text-wrapper .hero-title {
    font-size: 2.5em;
  }
  .hero-image-card {
    height: 86vw;
    width: 86vw;
  }
}

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