.hero-profile .component {
  position: relative;
}
.hero-profile .component__bg {
  background: #003652;
  position: absolute;
  top: 0;
  width: 100%;
  height: 258px;
}
@media screen and (max-width: 1023px) {
  .hero-profile .component__bg {
    height: 475px;
  }
}
@media screen and (max-width: 767px) {
  .hero-profile .component__bg {
    height: 384px;
  }
}
.hero-profile .component__wrapper {
  position: relative;
  margin: 0;
  padding-top: 44px;
}
.hero-profile .component__container {
  position: relative;
  background: #fbfaf8;
  margin-top: 32px;
}
.hero-profile .component__layout {
  display: flex;
  align-items: stretch;
}
.hero-profile .component__eyebrow,
.hero-profile .component__title {
  margin-bottom: 16px;
}
.hero-profile .component__copy {
  padding-top: 32px;
  margin-top: 32px;
}
.hero-profile .component__left {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .hero-profile .component__left {
    padding-right: 0;
  }
}
.hero-profile .component__image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}
.hero-profile .component__tag {
  background-color: #cbf1ff;
  position: absolute;
  top: 0;
  right: 12px;
  border-radius: 0 0 0 8px;
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.hero-profile .component__tag:before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: -8px;
  right: 0px;
  transform: rotateZ(180deg);
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #333333;
}
@media screen and (max-width: 1023px) {
  .hero-profile .component__tag {
    right: -4px;
  }
}
.hero-profile .component__right {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .hero-profile .component__right {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .hero-profile .component__right {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.hero-profile .component__copy {
  border-top: 1px solid #c4beb5;
}
@media screen and (max-width: 1023px) {
  .hero-profile .component__layout {
    display: flex;
    gap: 32px;
  }
}
body[dir="rtl"] .hero-profile .component__left {
  padding-left: 16px;
  padding-right: 0;
}
@media screen and (max-width: 1023px) {
  body[dir="rtl"] .hero-profile .component__left {
    padding-right: 0;
    padding-left: 0;
  }
}
body[dir="rtl"] .hero-profile .component__tag {
  border-radius: 0 0 8px 0;
  right: initial;
  left: 12px;
}
body[dir="rtl"] .hero-profile .component__tag:before {
  left: 0;
  right: initial;
  transform: rotateZ(180deg);
  border-right: 4px solid transparent;
  border-left: none;
}
@media screen and (max-width: 1023px) {
  body[dir="rtl"] .hero-profile .component__tag {
    right: initial;
    left: -4px;
  }
}