@charset "UTF-8";
/************************************************************************************************************
Styles for corporate site 
************************************************************************************************************/
/*************************************************
Utility
*************************************************/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,200;8..144,400&display=swap");
.BR-FreeForm {
  padding-top: 0;
  padding-bottom: 0;
}

.BR-BorderRadius--8 {
  border-radius: 0.5rem;
}

.BottomRightRadius--32 {
  border-radius: 0 0 2rem 0;
}

/*************************************************
Career path accordions
*************************************************/
.CareerPaths {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.CareerPaths .UXAccordion__Trigger {
  border: 0;
  margin-top: 8px;
}
.CareerPaths .UX-Row {
  width: calc(100% + 8px);
}
.CareerPaths .UX-Row > [class^=xs-],
.CareerPaths .UX-Row > [class^=sm-],
.CareerPaths .UX-Row > [class^=md-],
.CareerPaths .UX-Row > [class^=lg-],
.CareerPaths .UX-Row > [class^=xl-],
.CareerPaths .UX-Row > .FluidColumn {
  padding: 0 8px 8px 0;
}
.CareerPaths .UX-Row > [class^=xs-] .UXAccordion__Trigger[aria-expanded=false] {
  background: linear-gradient(149.92deg, rgb(27, 110, 182) 0%, rgb(4, 63, 141) 48%, rgb(97, 75, 121) 86%);
}
.CareerPaths .UX-Row > [class^=xs-] .UXAccordion__Trigger[aria-expanded=false] .SectionHeader__Text {
  color: white;
}
@media screen and (min-width: 64em) {
  .CareerPaths .UX-Row > [class^=xs-]:nth-child(1) .UXAccordion__Trigger[aria-expanded=false], .CareerPaths .UX-Row > [class^=xs-]:nth-child(4) .UXAccordion__Trigger[aria-expanded=false], .CareerPaths .UX-Row > [class^=xs-]:nth-child(7) .UXAccordion__Trigger[aria-expanded=false] {
    background: linear-gradient(149.92deg, rgb(32, 116, 189) 20%, rgb(9, 82, 178) 100%);
  }
  .CareerPaths .UX-Row > [class^=xs-]:nth-child(2) .UXAccordion__Trigger[aria-expanded=false], .CareerPaths .UX-Row > [class^=xs-]:nth-child(5) .UXAccordion__Trigger[aria-expanded=false], .CareerPaths .UX-Row > [class^=xs-]:nth-child(8) .UXAccordion__Trigger[aria-expanded=false] {
    background: linear-gradient(149.92deg, rgb(9, 82, 178) 20%, rgb(5, 61, 134) 100%);
  }
  .CareerPaths .UX-Row > [class^=xs-]:nth-child(3) .UXAccordion__Trigger[aria-expanded=false], .CareerPaths .UX-Row > [class^=xs-]:nth-child(6) .UXAccordion__Trigger[aria-expanded=false] {
    background: linear-gradient(149.92deg, rgb(12, 74, 155) 20%, rgb(97, 75, 121) 86%);
  }
}
.CareerPaths .UX-Row > [class^=xs-] > *:nth-child(1) .UXAccordion__Trigger {
  margin-top: 0;
}

/*************************************************
Employee story pages
*************************************************/
.EmployeeStory {
  margin-bottom: 3rem;
}
.EmployeeStory img,
.EmployeeStory iframe {
  border-radius: 0.5rem;
}
.EmployeeStory .QuoteBlock {
  background-color: #F0F5FF;
  border-radius: 0.5rem;
}
.EmployeeStory .QuoteBlock img {
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 0 auto;
}
.EmployeeStory .QuoteBlock p {
  font-style: italic;
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 1rem;
  margin-bottom: 0;
}

/*************************************************
ERG flip cards
*************************************************/
.FlipCard {
  min-width: 100%;
  min-height: 300px;
  height: auto;
  background-color: transparent;
  perspective: 10000px;
  border-radius: 1rem;
  border: 1px solid transparent;
  outline: 0;
}
.FlipCard:focus .FlipCard__Inner, .FlipCard:hover .FlipCard__Inner, .FlipCard:active .FlipCard__Inner {
  transform: rotateY(180deg);
}
.FlipCard__Inner {
  position: relative;
  width: 100%;
  min-height: 300px;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  border-radius: 1rem;
}
.FlipCard__Front, .FlipCard__Back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.FlipCard__Front {
  z-index: 2;
}
.FlipCard__Back {
  transform: rotateY(180deg);
  z-index: 1;
}
.FlipCard h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ERG-Card .FlipCard__Inner {
  min-height: 340px;
}
.ERG-Card .FlipCard__Front {
  background: #fff;
}
.ERG-Card .FlipCard__Front [class^=Content] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
.ERG-Card .FlipCard__Front [class^=Content] h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  text-align: center;
  padding: 1.25rem;
  margin: 0;
  border-radius: 0 0 1rem 1rem;
}
.ERG-Card .FlipCard__Back {
  background: rgba(0, 0, 0, 0.9);
  color: #FBFBFB;
  text-align: left;
  padding: 0.75rem;
  font-weight: 500;
  font-size: 0.9rem;
}
@media screen and (min-width: 40em) {
  .ERG-Card .FlipCard__Back {
    padding: 1.5rem;
  }
}
.ERG-Card .FlipCard__Back p {
  width: 100%;
  font-size: 0.8rem;
}
@media screen and (min-width: 64em) {
  .ERG-Card .FlipCard__Back p {
    font-size: 1rem;
  }
}
.ERG-Card .FlipCard__Back p:first-child {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 40em) {
  .ERG-Card .FlipCard__Back p:first-child {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 1.25rem;
  }
}
.ERG-Card .FlipCard__Back p:last-child {
  margin-bottom: 0;
}

/*************************************************
Final CTA
*************************************************/
.FinalCTA {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
.FinalCTA h2 {
  color: #FFFFFF;
  margin-top: 0;
}
.FinalCTA a {
  width: fit-content;
}

/*************************************************
Full ESG Report
*************************************************/
.FullESGReport img {
  border-radius: 0.5rem;
}
.FullESGReport--Mini {
  display: flex;
  flex-direction: column;
}
.FullESGReport--Mini img {
  border-radius: 0.25rem;
  max-width: 300px;
  margin: 0 0 1rem 0;
}
.FullESGReport--Mini p {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
  .FullESGReport--Mini {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .FullESGReport--Mini img {
    border-radius: 0.25rem;
    max-width: 300px;
    margin: 0 1rem 0 0;
  }
}

/*************************************************
Grid-breaking images
*************************************************/
[class^=UX-Row]:has([class^=GridBreakingImage]) [class^=xs-],
[class^=UX-Row]:has([class^=GridBreakingImage]) [class^=sm-],
[class^=UX-Row]:has([class^=GridBreakingImage]) [class^=md-],
[class^=UX-Row]:has([class^=GridBreakingImage]) [class^=lg-],
[class^=UX-Row]:has([class^=GridBreakingImage]) [class^=xl-] {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 48em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 200px;
  }
}
@media screen and (min-width: 53em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 225px;
  }
}
@media screen and (min-width: 58em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 250px;
  }
}
@media screen and (min-width: 64em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 275px;
  }
  [class^=UX-Row]:has([class^=GridBreakingImage]) [class^=xs-],
  [class^=UX-Row]:has([class^=GridBreakingImage]) [class^=sm-],
  [class^=UX-Row]:has([class^=GridBreakingImage]) [class^=md-],
  [class^=UX-Row]:has([class^=GridBreakingImage]) [class^=lg-],
  [class^=UX-Row]:has([class^=GridBreakingImage]) [class^=xl-] {
    justify-content: center;
  }
}
@media screen and (min-width: 70em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 300px;
  }
}
@media screen and (min-width: 75em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 325px;
  }
}
@media screen and (min-width: 80em) {
  [class^=UX-Row]:has([class^=GridBreakingImage]) {
    min-height: 338px;
  }
}

[class^=UX-Row]:has(.GridBreakingImage--R) {
  direction: rtl;
}

[class^=UX-Row]:has(.GridBreakingImage--R) > [class^=xs-],
[class^=sm-],
[class^=md-],
[class^=lg-],
[class^=xl-] {
  direction: ltr;
}

@media screen and (min-width: 48em) {
  [class^=GridBreakingImage] {
    position: absolute;
    width: 50vw;
  }
}

[class^=GridBreakingImage] img {
  border-radius: 0.5rem;
  max-height: 338px;
}

.GridBreakingImage--L img {
  margin: 0 auto;
}
.GridBreakingImage--R img {
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .GridBreakingImage--L img {
    margin: 0 0 0 auto;
  }
  .GridBreakingImage--R img {
    margin: 0 auto 0 0;
  }
}

@media screen and (min-width: 48em) {
  .UX-Row--WideGutter .GridBreakingImage--L {
    right: 2rem;
  }
  .UX-Row--XWideGutter .GridBreakingImage--L {
    right: 3rem;
  }
  .UX-Row--NoGutter .GridBreakingImage--L {
    right: 0;
  }
  .UX-Row--WideGutter .GridBreakingImage--R,
  .UX-Row--XWideGutter .GridBreakingImage--R,
  .UX-Row--NoGutter .GridBreakingImage--R {
    left: 0;
  }
}
@media screen and (min-width: 64em) {
  [class^=UX-BgColor]:has([class^=GridBreakingImage]) {
    padding: 2rem 0;
  }
}

@-moz-document url-prefix() { /* Leave this in until Firefox enables :has by default */
  [class^=GridBreakingImage] img {
    max-height: 300px;
  }
  @media screen and (min-width: 48em) {
    [class^=GridBreakingImage] {
      position: static;
      width: auto;
    }
    .GridBreakingImage--R img {
      margin: 0 0 0 auto !important;
    }
  }
}
/*************************************************
Hero banners
*************************************************/
.CorpHero--Primary, .CorpHero--Secondary {
  position: relative;
  min-height: 250px;
}
@media screen and (min-width: 100em) {
  .CorpHero--Primary, .CorpHero--Secondary {
    min-height: 300px;
  }
}
@media screen and (min-width: 100em) {
  .CorpHero--Primary {
    overflow: hidden;
  }
}
.CorpHero--Primary [class^=CorpHero__Circle] {
  z-index: 2;
}
@media screen and (min-width: 100em) {
  .CorpHero--Primary [class^=CorpHero__Circle] {
    top: -14vw;
    right: 5%;
  }
}
@media screen and (min-width: 125em) {
  .CorpHero--Primary [class^=CorpHero__Circle] {
    top: -16vw;
  }
}
@media screen and (min-width: 48em) {
  .CorpHero--Primary .CorpHero__Text {
    width: 57%;
  }
}
@media screen and (min-width: 100em) {
  .CorpHero--Primary .CorpHero__Text {
    width: 45%;
  }
}
.CorpHero--Secondary {
  overflow: hidden;
}
.CorpHero--Secondary [class^=CorpHero__Circle] {
  z-index: 2;
}
@media screen and (min-width: 64em) {
  .CorpHero--Secondary [class^=CorpHero__Circle] {
    display: block;
    transform: translate(0, -50%);
    top: 9vw;
    right: 3%;
  }
}
@media screen and (min-width: 100em) {
  .CorpHero--Secondary [class^=CorpHero__Circle] {
    top: -15vw;
    right: 5%;
    transform: none;
  }
}
@media screen and (min-width: 125em) {
  .CorpHero--Secondary [class^=CorpHero__Circle] {
    top: -16vw;
  }
}
@media screen and (min-width: 48em) {
  .CorpHero--Secondary .CorpHero__Text {
    width: 57%;
  }
}
@media screen and (min-width: 64em) {
  .CorpHero--Secondary .CorpHero__Text {
    width: 48%;
  }
}
@media screen and (min-width: 100em) {
  .CorpHero--Secondary .CorpHero__Text {
    width: 45%;
  }
}
.CorpHero--Tertiary {
  position: relative;
  min-height: 200px;
}
@media screen and (min-width: 100em) {
  .CorpHero--Tertiary {
    min-height: 250px;
  }
}
.CorpHero__Text {
  display: flex;
  align-items: center;
  text-shadow: 0.5px 0.5px 50px rgba(0, 0, 0, 0.25);
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}
.CorpHero__H1 {
  color: #FFF;
  margin: 0 0 0.75rem 0;
}
.CorpHero__Subhead {
  color: #FFF;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: 0;
}
.CorpHero__CTA {
  margin-top: 1.5rem;
}

[class^=CorpHero__Circle] {
  display: none;
  position: absolute;
  border: 0.25rem solid white;
  border-radius: 50%;
  background-size: cover;
  width: 45vw;
  height: 45vw;
}
@media screen and (min-width: 48em) {
  [class^=CorpHero__Circle] {
    display: block;
    top: -25vw;
    right: -5%;
  }
}

/* Manage hero images on the rich text items, since there seems to be a problem fetching them consistently from stylesheets 
.CorpHero__Circle {
  /*
  --medium images must fit to the "medium" layer group guides on the corporate hero banner template.
  --large images must fit to the "large" layer group guides on the corporate hero banner template. 
  */
/* Primary banners 
  &--Home { 
    /* Use --medium images by default 
    background-image: url("#"); 
    /* Use --large images at 100em 
    @media screen and (min-width: 100em) { 
      background-image: url("#");
    }
  }

  /* Secondary banners
  &--CareersHome {
    /* Use --medium images by default 
    background-image: url("#");
    /* Use --large images at 64em 
    @media screen and (min-width: 64em) {
      background-image: url("#");
    }
  }
}
*/
/*************************************************
Icons
*************************************************/
.CorpIcon {
  flex: 0 1 160px;
}
.CorpIcon-Container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
}
.CorpIcon img {
  width: 80px;
}
@media screen and (min-width: 64em) {
  .CorpIcon img {
    width: 110px;
  }
}
.CorpIcon p {
  width: fit-content;
  font-weight: 700;
  text-align: center;
  color: var(--BradyBlue-80);
  margin: 1rem auto 0;
}
@media screen and (min-width: 64em) {
  .CorpIcon p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.CorpIcon__Disclaimer {
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  color: var(--Gray-70);
  width: fit-content;
  margin: 1rem auto 0;
}

/*************************************************
Image collages
*************************************************/
[class^=Corp__Collage] {
  display: grid;
  grid-gap: 1rem;
}

.Corp__Collage--OldPhotos {
  max-width: 500px;
  margin: 0 0 0 auto;
  padding-right: 1.25rem;
}
.Corp__Collage--OldPhotos img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: 0.5px 0.5px 30px rgba(3, 56, 126, 0.5607843137);
}
.Corp__Collage--OldPhotos .Row1 {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  grid-gap: 1rem;
}
.Corp__Collage--OldPhotos .Row1 img {
  grid-row: 1;
  grid-column: 2;
}
.Corp__Collage--OldPhotos .Row2 {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 1rem;
}
.Corp__Collage--OldPhotos .Row2 img:nth-of-type(1) {
  grid-row: 1;
  grid-column: 1;
}
.Corp__Collage--OldPhotos .Row2 img:nth-of-type(2) {
  grid-row: 1;
  grid-column: 2;
}

/*************************************************
Images misc.
*************************************************/
.BradyBCollage {
  width: 100%;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 48em) {
  .BradyBCollage {
    margin-bottom: 0;
  }
}

.BrandLogos--Inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0.5rem 0 0 0;
}
@media screen and (min-width: 75em) {
  .BrandLogos--Inline {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.BrandLogos--Inline img {
  height: 14px;
  width: auto;
  margin: 0 1.5rem 1rem 0;
}
@media screen and (min-width: 75em) {
  .BrandLogos--Inline img {
    margin: 0;
  }
}

.Signature--Russell {
  max-width: 250px;
  margin-top: 2rem;
}

/*************************************************
Captioned images
*************************************************/
[class^=CaptionedImage] {
  width: 100%;
  margin: 0 auto 1rem;
}
[class^=CaptionedImage]:last-child {
  margin: 0 auto;
}
[class^=CaptionedImage] img {
  border-radius: 0.25rem;
  width: 100%;
  margin: 0 auto 0.5rem;
}
[class^=CaptionedImage] p {
  color: var(--Gray-70);
}

/*************************************************
Navigation cards for corporate home page
*************************************************/
.CorpNavCard {
  min-width: 100%;
  min-height: 80px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  overflow: hidden;
}
.CorpNavCard-Container {
  display: grid;
  grid-gap: 1rem;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 30em) {
  .CorpNavCard-Container {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 40em) {
  .CorpNavCard-Container {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.CorpNavCard a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.CorpNavCard .BR-Link__Dark--Arrow {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.88);
  border-radius: 0 0 0.5rem 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 1.5rem;
}
.CorpNavCard :hover .BR-Link__Dark--Arrow {
  text-decoration: underline;
  background-color: rgb(0, 0, 0);
  color: #C1E9FF;
}
.CorpNavCard:has(.BR-Link__Dark--Arrow):hover {
  border: 1px solid #94B8F5;
}
.CorpNavCard:has(.BR-Link__Dark--Arrow):hover .BR-Link__Dark--Arrow {
  text-decoration: underline;
  background-color: rgb(0, 0, 0);
  color: #C1E9FF;
}
.CorpNavCard:has(.BR-Link__Dark--Arrow):hover .BR-Link__Dark--Arrow::before {
  filter: invert(86%) sepia(3%) saturate(2851%) hue-rotate(175deg) brightness(103%) contrast(101%);
}

/*************************************************
Patterns
*************************************************/
.HasCorpPattern {
  position: relative;
}

.AboveCorpPattern {
  position: relative;
  z-index: 1;
}

[class^=CorpPattern] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 120px 140px;
  background-repeat: repeat;
  opacity: 0.2;
  z-index: 0;
}

/*************************************************
Pillars
*************************************************/
.Pillar {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 48em) {
  .Pillar {
    flex-direction: row;
  }
}
@media screen and (min-width: 64em) {
  .Pillar {
    flex-direction: column;
  }
}
.Pillar .Pillar__Icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  z-index: 1;
}
.Pillar .Pillar__Text {
  background-color: var(--Gray-20);
  border-radius: 0 0 2rem 0;
  padding: 3rem 1.5rem 2rem;
  margin: -3rem 0 0 0;
  height: 100%;
}
@media screen and (min-width: 48em) {
  .Pillar .Pillar__Text {
    border-radius: 0 2rem 2rem 0;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    margin: 0 0 0 -1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .Pillar .Pillar__Text {
    border-radius: 0 0 2rem 0;
    padding: 3rem 1.5rem 2rem;
    margin: -3rem 0 0 0;
  }
}
.Pillar .Pillar__Text h3 {
  margin-top: 0;
}
.Pillar .Pillar__Text p {
  margin-bottom: 0;
}

/*************************************************
Quotes
*************************************************/
.CorpQuote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .CorpQuote {
    flex-direction: row;
    gap: 3rem;
  }
}
.CorpQuote .Person img {
  border-radius: 100%;
  width: 120px;
  max-width: 100%;
  margin: 0 auto 1rem;
}
.CorpQuote .Person p {
  text-align: center;
}
.CorpQuote .Person__Name {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.CorpQuote .Person__Title {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}
.CorpQuote .Text {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.CorpQuote .Text p {
  margin-bottom: 0;
  max-width: 800px;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-style: italic;
}
.CorpQuote .Text__QuoteIcon {
  max-width: 30px;
  margin-top: -5px;
}
@media screen and (min-width: 90em) {
  .CorpQuote .Text__QuoteIcon {
    max-width: 40px;
    margin-top: -10px;
  }
}
.CorpQuote--CombinedTextAndTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .CorpQuote--CombinedTextAndTitle {
    flex-direction: row;
    align-items: flex-start;
  }
}
.CorpQuote--CombinedTextAndTitle .Person img {
  border-radius: 100%;
  width: 120px;
  max-width: 100%;
  margin: 0 auto 1rem;
}
.CorpQuote--CombinedTextAndTitle .Person__Name {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0.25rem;
}
.CorpQuote--CombinedTextAndTitle .Person__Title {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-style: normal;
  margin-bottom: 0;
}
.CorpQuote--CombinedTextAndTitle .Text {
  display: flex;
  align-items: flex-start;
  gap: 0.125rem;
}
.CorpQuote--CombinedTextAndTitle .Text p {
  margin-bottom: 1rem;
  max-width: 800px;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-style: italic;
}
.CorpQuote--CombinedTextAndTitle .Text .NameAndTitle {
  position: relative;
  margin-left: 1.5rem;
}
.CorpQuote--CombinedTextAndTitle .Text .NameAndTitle::before {
  content: "—";
  position: absolute;
  top: 0.125rem;
  left: -1.5rem;
  width: 1.5rem;
}
.CorpQuote--CombinedTextAndTitle .Text .NameAndTitle .Person__Name {
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.CorpQuote--CombinedTextAndTitle .Text .NameAndTitle .Person__Title {
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}
.CorpQuote--CombinedTextAndTitle .Text__QuoteIcon {
  max-width: 30px;
  margin-top: -5px;
  opacity: 0.25;
}
@media screen and (min-width: 90em) {
  .CorpQuote--CombinedTextAndTitle .Text__QuoteIcon {
    max-width: 40px;
    margin-top: -10px;
  }
}
.CorpQuote--AfterSignature {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin-top: 1rem;
}
.CorpQuote--AfterSignature .Person__Name {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0.25rem;
}
.CorpQuote--AfterSignature .Person__Title {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-style: normal;
  margin-bottom: 0;
}

[class^=xs-] .CorpQuote,
[class^=sm-] .CorpQuote,
[class^=md-] .CorpQuote,
[class^=lg-] .CorpQuote,
[class^=xl-] .CorpQuote {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 90em) {
  [class^=xs-] .CorpQuote,
  [class^=sm-] .CorpQuote,
  [class^=md-] .CorpQuote,
  [class^=lg-] .CorpQuote,
  [class^=xl-] .CorpQuote {
    flex-direction: row;
  }
  [class^=xs-] .CorpQuote .Person,
  [class^=sm-] .CorpQuote .Person,
  [class^=md-] .CorpQuote .Person,
  [class^=lg-] .CorpQuote .Person,
  [class^=xl-] .CorpQuote .Person {
    width: 30%;
  }
  [class^=xs-] .CorpQuote .Text,
  [class^=sm-] .CorpQuote .Text,
  [class^=md-] .CorpQuote .Text,
  [class^=lg-] .CorpQuote .Text,
  [class^=xl-] .CorpQuote .Text {
    width: 70%;
  }
}
[class^=xs-] .CorpQuote .Text p,
[class^=sm-] .CorpQuote .Text p,
[class^=md-] .CorpQuote .Text p,
[class^=lg-] .CorpQuote .Text p,
[class^=xl-] .CorpQuote .Text p {
  margin-bottom: 1rem;
}
[class^=xs-] .CorpQuote .Text img,
[class^=xs-] .CorpQuote .Text__QuoteIcon,
[class^=sm-] .CorpQuote .Text img,
[class^=sm-] .CorpQuote .Text__QuoteIcon,
[class^=md-] .CorpQuote .Text img,
[class^=md-] .CorpQuote .Text__QuoteIcon,
[class^=lg-] .CorpQuote .Text img,
[class^=lg-] .CorpQuote .Text__QuoteIcon,
[class^=xl-] .CorpQuote .Text img,
[class^=xl-] .CorpQuote .Text__QuoteIcon {
  opacity: 0.25;
}
[class^=xs-] .CorpQuote--CombinedTextAndTitle,
[class^=sm-] .CorpQuote--CombinedTextAndTitle,
[class^=md-] .CorpQuote--CombinedTextAndTitle,
[class^=lg-] .CorpQuote--CombinedTextAndTitle,
[class^=xl-] .CorpQuote--CombinedTextAndTitle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
@media screen and (min-width: 64em) {
  [class^=xs-] .CorpQuote--CombinedTextAndTitle,
  [class^=sm-] .CorpQuote--CombinedTextAndTitle,
  [class^=md-] .CorpQuote--CombinedTextAndTitle,
  [class^=lg-] .CorpQuote--CombinedTextAndTitle,
  [class^=xl-] .CorpQuote--CombinedTextAndTitle {
    flex-direction: row;
    gap: 0.5rem;
  }
}

/*************************************************
Social Links
*************************************************/
.SocialLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2rem;
  width: fit-content;
  margin: 3rem auto;
}

.SocialLinks .Link {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.SocialLinks .Link img {
  width: 40px;
}

/*************************************************
Resource card sections (Cards themselves are managed on ux-styles.css)
*************************************************/
.ResourceCardsSection {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.ResourceCardsSection > h2 {
  text-align: center;
  color: white;
  margin: 0 0 0.5rem 0;
}
.ResourceCardsSection > p {
  color: white;
  text-align: center;
  font-weight: 500;
  max-width: 800px;
  margin: 0 auto 2rem;
}
.ResourceCardsSection > a {
  display: block;
  text-align: center;
  margin: 2rem auto 0;
  width: fit-content;
  color: white;
}
.ResourceCardsSection > a::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

/*************************************************
Text styles - uses new styles in Figma
*************************************************/
html {
  font-size: 16px;
  /*@media screen and (min-width: 64em) {
    font-size: 18px;
  }*/
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: var(--Gray-80);
  margin: 1em 0 0.5em;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 0;
}

h1 {
  font-size: 2.5rem;
  line-height: 1.25;
}

h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

h2 {
  font-size: 1.875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

p:not(.BR-MegaMenuSectionTitle) {
  text-wrap: pretty;
  line-height: 1.625;
}

[class^=EmphasizedText] {
  border-left-width: 8px;
  border-left-style: solid;
  padding-left: 16px;
}

.EmphasizedText--Yellow-70 {
  border-color: var(--Yellow-70);
}

[class^=EmphasizedText] p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 200;
  margin: 0 0 0.75em 0;
}

.BR-FontWeight--300 {
  font-weight: 300;
}
.BR-FontWeight--400 {
  font-weight: 400;
}
.BR-FontWeight--500 {
  font-weight: 500;
}
.BR-FontWeight--700 {
  font-weight: 700;
}
.BR-FontWeight--900 {
  font-weight: 900;
}

.BR-TextColor--Corporate-Green {
  color: var(--Corporate-Green);
}
.BR-TextColor--Corporate-LtGreen {
  color: var(--Corporate-LtGreen);
}

.Text-Gradient--B70-BB70-P70 {
  background-color: rgb(4, 63, 141);
  background: linear-gradient(149.92deg, rgb(59, 144, 218) 0%, rgb(4, 63, 141) 48%, rgb(97, 75, 121) 86%);
}

[class*=Text-Gradient] {
  background-size: 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

/*************************************************
Visual stat callouts (on /corporate/esg/our-people)
*************************************************/
.VisualStats--Row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  flex-direction: row;
}
.VisualStats--Column {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: column;
}
.VisualStats--Column .VisualStats__Block {
  min-width: 100%;
}

.VisualStats__Block {
  flex: 1;
  border-radius: 0 0 2rem 0;
  background-color: var(--Gray-20);
  padding: 1rem;
  margin: 0 auto;
  min-width: 200px;
}
.VisualStats__Block p:last-child,
.VisualStats__Block li:last-child {
  margin-bottom: 0;
}
.VisualStats__Block ul,
.VisualStats__Block ol {
  margin: 1rem 0 0 1rem;
}

.Block__Statistic {
  font-weight: 900;
}
.Block__Statistic::before {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 0.75rem;
  margin: -2.5px 0 0 0;
  content: "";
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 55.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234f868e;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpolygon class='cls-1' points='75 27.64 0 0 0 55.28 75 27.64'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.Block__Data {
  text-align: center;
  color: #4f868e;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 900;
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.Block__Label {
  text-align: center;
  color: #4f868e;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

/*************************************************
Work at Brady subnav for careers home page
*************************************************/
.WorkAtBradyNav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
}
@media screen and (min-width: 48em) {
  .WorkAtBradyNav {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 100em) {
  .WorkAtBradyNav__Content {
    width: 70%;
  }
}
.WorkAtBradyNav__Content .Links {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-top: 1px solid #666666;
  padding-top: 2rem;
  margin-top: 2rem;
}
@media screen and (min-width: 48em) {
  .WorkAtBradyNav__Content .Links {
    flex-direction: row;
    justify-content: space-between;
  }
}
.WorkAtBradyNav__Content .Links .LinkGroup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 120px;
}
.WorkAtBradyNav__Content .Links .LinkGroup:nth-child(1) p {
  color: var(--Corporate-Purple);
}
.WorkAtBradyNav__Content .Links .LinkGroup:nth-child(2) p {
  color: var(--Corporate-Blue);
}
.WorkAtBradyNav__Content .Links .LinkGroup:nth-child(3) p {
  color: var(--Corporate-Green);
}
.WorkAtBradyNav__Content .Links .LinkGroup p {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0.5rem;
}
.WorkAtBradyNav__CTA {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  min-width: 160px;
}
@media screen and (min-width: 24em) {
  .WorkAtBradyNav__CTA {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 48em) {
  .WorkAtBradyNav__CTA {
    flex-direction: column;
  }
}
@media screen and (min-width: 100em) {
  .WorkAtBradyNav__CTA {
    justify-content: center;
    width: 30%;
  }
}
.WorkAtBradyNav__CTA a {
  width: 160px;
}
.WorkAtBradyNav__CTA .BR-Btn5 {
  height: 46px;
}

/*************************************************
**************************************************
**************************************************
New 2024
**************************************************
**************************************************
*************************************************/
/*************************************************
Big tile with heading, paragraph, CTA, and background photo
*************************************************/
.FeatureTile {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  border-radius: 1rem;
  border: 1px solid transparent;
  overflow: clip;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
}
.FeatureTile__Inner {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  padding: 12vw 4vw 4vw;
  margin-top: auto;
}
.FeatureTile h1, .FeatureTile h2, .FeatureTile h3, .FeatureTile h4, .FeatureTile h5, .FeatureTile h6, .FeatureTile p {
  color: white;
}
.FeatureTile h1, .FeatureTile h2, .FeatureTile h3, .FeatureTile h4, .FeatureTile h5, .FeatureTile h6 {
  margin-bottom: 0.25rem;
}
.FeatureTile p {
  margin-bottom: 2rem;
}

/*************************************************
Simple quote
*************************************************/
.SimpleQuote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 64em;
}
.SimpleQuote__Attribution {
  display: block;
  margin: 1rem 0 1.5rem;
}
.SimpleQuote__Image {
  border-radius: 50%;
  overflow: clip;
  width: clamp(50px, 10vw, 150px);
  height: clamp(50px, 10vw, 150px);
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.SimpleQuote__Image img {
  width: 100%;
}

@container (min-width: 400px) {
  [class^=UX-Panel] > .SimpleQuote {
    flex-direction: row;
    gap: 2.5vw;
  }
}

/*************************************************
"Poptart" cards with show more button
*************************************************/
.ShowMoreCard {
  container-type: inline-size;
  position: relative;
  border-radius: 0.5rem;
  overflow: clip;
  height: 320px;
}
.ShowMoreCard__Image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 0 0 0.5rem 0;
}
.ShowMoreCard__Heading {
  font-size: 1rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
@container (min-width: 400px) {
  .ShowMoreCard__Heading {
    font-size: 1.25rem;
  }
}
.ShowMoreCard__Content {
  overflow-y: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  background: white;
  width: 100%;
  padding: 16px 12px 64px;
  height: 120px;
}
@container (min-width: 400px) {
  .ShowMoreCard__Content {
    height: 130px;
  }
}
.ShowMoreCard__Content:has(.ShowMoreCard__HiddenContent.is-visible) {
  height: 280px;
}
@container (min-width: 300px) {
  .ShowMoreCard__Content:has(.ShowMoreCard__HiddenContent.is-visible) {
    height: 230px;
  }
}
@container (min-width: 400px) {
  .ShowMoreCard__Content:has(.ShowMoreCard__HiddenContent.is-visible) {
    height: 200px;
  }
}
.ShowMoreCard__Content:has(.ShowMoreCard__HiddenContent.is-visible) .ShowMoreCard__Heading {
  -webkit-line-clamp: initial;
  line-clamp: initial;
  overflow: visible;
  text-overflow: initial;
}
@container (min-width: 400px) {
  .ShowMoreCard__Content:has(.ShowMoreCard__HiddenContent.is-visible) .ShowMoreCard__Heading {
    font-size: 1.25rem;
  }
}
.ShowMoreCard__HiddenContent {
  display: none;
  margin: 1rem 0 0;
}
.ShowMoreCard__HiddenContent p {
  font-size: 0.875rem;
  line-height: 1.5;
}
.ShowMoreCard__HiddenContent p:last-child {
  margin-bottom: 0;
}
@container (min-width: 400px) {
  .ShowMoreCard__HiddenContent p {
    font-size: 1rem;
  }
}
.ShowMoreCard__HiddenContent.is-visible {
  display: block;
}
.ShowMoreCard__BtnContainer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background: white;
}
.ShowMoreCard__Btn {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  box-shadow: none;
  background: black;
  color: white;
  border: 0;
  border-radius: 50%;
  font-size: 2.5rem;
  font-weight: 300;
  padding: 0.05em 0.25em 0.025em;
}
.ShowMoreCard__Btn:hover {
  background: var(--Gray-70);
}

/*************************************************
Torpedo Links
Not being used currently and will be replaced with a component
************************************************
[class^=TorpedoLinks] {  
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  gap: .75em;
  width: fit-content;
  border-radius: 5vw;
  padding: 1.25rem 1.75rem; 
}

.TorpedoLinks {
  &--Center {
    margin-left: auto;
    margin-right: auto;
  }
} */
/*************************************************
Photo cards with a prominent photo, heading, and copy.
Not being used currently - these were replaced with Supercards.
************************************************
.PhotoCard {
  container-type: inline-size;
  border-radius: .5rem;
  overflow: clip;
  height: 100%;

  &__Image {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 6/4;
  }

  &__Content {
    padding: 1.5rem 1rem;

    @container (min-width: 400px) {
      padding: 2rem 1.5rem;
    }
  }

  &__Heading {
    font-size: 1rem;
    line-height: 1.25;   
    margin: 0;

    @container (min-width: 400px) {
      font-size: 1.25rem;
    }

    @container (min-width: 600px) {
      font-size: 1.5rem;
    }
  }

  &__Copy {
    font-size: .875rem;
    line-height: 1.5;
    margin: 1rem 0 0;

    &:last-child {
      margin-bottom: 0;
    }

    @container (min-width: 400px) {
      font-size: 1rem;
    }

    @container (min-width: 600px) {
      font-size: 1.25rem;
    }
  }

  &--ExtraTall {
    .PhotoCard__Image {
      aspect-ratio: 6/5;
    }
  }

  &--Tall {
    .PhotoCard__Image {
      aspect-ratio: 6/4;
    }
  }

  &--Short {
    .PhotoCard__Image {
      aspect-ratio: 6/3;
    }
  }
} */
/*************************************************
Our People modal section on careers home
*************************************************/
body.has-UX-Modal {
  overflow-y: hidden;
}

.ThumbnailModals {
  display: flex;
  flex-wrap: wrap;
  gap: var(--UX-GridGutter);
  width: 100%;
}

ul.ThumbnailModals {
  margin-left: 0;
}
ul.ThumbnailModals li {
  list-style-type: none;
  margin: 0;
}

.ThumbnailModal {
  width: 100%;
}
.ThumbnailModal__OpenButton {
  border: 0;
  border-radius: 50%;
  overflow: clip;
  width: 100%;
  aspect-ratio: 1;
  box-shadow: none;
  background-color: var(--BradyBlue-5);
  padding: 0;
}
.ThumbnailModal__OpenButton:hover {
  background-color: var(--BradyBlue-20);
  border: 2px solid var(--BradyBlue-50);
}
.ThumbnailModal__OpenButton:focus {
  border: 2px solid var(--Link-Light-Default);
}
.ThumbnailModal__CloseButton {
  background: white;
}
.ThumbnailModal__Image, .ThumbnailModal__InnerImage {
  pointer-events: none;
  border-radius: 50%;
  overflow: clip;
  flex-shrink: 0;
  width: 100%;
  margin: 0 auto;
  background-color: var(--BradyBlue-5);
}
.ThumbnailModal__InnerImage {
  width: 120px;
  height: 120px;
}
.ThumbnailModal__Content, .ThumbnailModal__InnerContent {
  min-height: fit-content;
  max-height: fit-content;
  background: var(--BradyBlue-00);
}
@media screen and (min-width: 768px) {
  .ThumbnailModal__Content, .ThumbnailModal__InnerContent {
    max-width: 32em;
  }
}
.ThumbnailModal__InnerContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  height: fit-content;
  padding: 0.5rem 2rem 3rem;
}
@media screen and (min-width: 500px) {
  .ThumbnailModal__InnerContent {
    flex-direction: row;
  }
}
@media screen and (min-width: 300px) {
  .ThumbnailModal {
    width: calc(50% - var(--UX-GridGutter) / 2);
  }
}
@media screen and (min-width: 500px) {
  .ThumbnailModal {
    width: calc(33% - 2 * var(--UX-GridGutter) / 3);
  }
}
@media screen and (min-width: 700px) {
  .ThumbnailModal {
    width: calc(25% - 3 * var(--UX-GridGutter) / 4);
  }
}
@media screen and (min-width: 900px) {
  .ThumbnailModal {
    width: calc(20% - 4 * var(--UX-GridGutter) / 5);
  }
}

/*************************************************
Scrolling logo loop - for brand logos
*************************************************/
.LogoLoop {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  /* --contentWidth: 669;  The width of .LogoLoop__Content in pixels - manage this on the individual pages since it might change between regions */
  --animationSpeed: 1500;
}
.LogoLoop::before, .LogoLoop::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.LogoLoop::before {
  background: linear-gradient(to right, var(--BradyBlue-00), transparent);
  top: 0;
  left: 0;
}
.LogoLoop::after {
  background: linear-gradient(to left, var(--BradyBlue-00), transparent);
  top: 0;
  right: 0;
}
.LogoLoop .LogoLoop__Content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  animation: logo-loop-scroll calc(var(--contentWidth) * 100s / var(--animationSpeed)) linear infinite;
}
.LogoLoop .LogoLoop__Item {
  display: block;
  height: 15px;
  /* opacity: .325; Manage opacity on the individual pages since others might use color logos */
  padding-right: 50px;
  margin: 0;
}

@keyframes logo-loop-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*************************************************
Spinning text wheel
*************************************************/
.SpinningTextWheel {
  /* position: absolute;
  top: 0;
  left: 60vw;
  transform: translateY(-50%); Manage positioning on the individual pages */
  position: relative;
  width: clamp(80px, 20vw, 120px);
  height: clamp(80px, 20vw, 120px);
  aspect-ratio: 1/1;
  background: #614B79;
  border-radius: 50%;
  overflow: clip;
}
.SpinningTextWheel svg {
  fill: transparent;
}
.SpinningTextWheel svg.rotating {
  transition: transform 0.5s ease;
}
.SpinningTextWheel textpath {
  fill: #fff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.SpinningTextWheel__Icon {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.SpinningTextWheel__Icon img {
  width: 40%;
  height: 40%;
  margin: 0 auto;
}

/*# sourceMappingURL=ux-corporate.css.map */