/* section 1 */
.right-side-content-frame {
  width: 200px;
  object-fit: cover;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4)) /* hard shadow */
    drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.2)); /* soft blurry shadow */
}
.landing-text-container {
  flex-wrap: wrap-reverse;
  gap: 32px;
}
.safety-page-title-landing-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 108px 40px;
  box-sizing: border-box;
  background-image: linear-gradient(
      to right,
      rgba(35, 31, 32, 1) 0%,
      rgba(35, 31, 32, 0) 100%
    ),
    url("/wp-content/uploads/2025/05/Safety-Hero-Image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-height: 650px;
  text-align: left;
  font-size: 65px;
  color: #fff;
  font-family: Roboto;
}

/* section 2 */
.heading {
  align-self: stretch;
  position: relative;
  line-height: 44px;
}
.s2-sa-title-frame {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.copy,
.s2-sa-copy-frame {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-size: 15px;
  color: #63656a;
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.s2-safety-approach {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  max-width: 1360px;
}
.s2-sj-title {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 28px;
}
.copy2,
.ss5-copy2 {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-family: Roboto;
  color: #63656a;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s2-sj-column {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.card-design-element {
  width: 50px;
  position: relative;
  background-color: #457c9d;
  height: 8px;
}
.year-d {
  position: relative;
  line-height: 28px;
  font-weight: 900;
}
.sj-card-copy-dark {
  align-self: stretch;
  position: relative;
  line-height: 16px;
}
.sj-copy-frame-dark {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 12px;
  color: #63656a;
}
.card-18 {
  position: absolute;
  top: -2.9px;
  left: 0px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(rgba(70, 124, 157, 0.1), rgba(70, 124, 157, 0.1)),
    #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
}
.horizontal-divider-18 {
  position: absolute;
  left: calc(50% - 331.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-19 {
  position: absolute;
  top: 337px;
  left: 110px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(rgba(70, 124, 157, 0.1), rgba(70, 124, 157, 0.1)),
    #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
}
.horizontal-divider-19 {
  position: absolute;
  left: calc(50% - 221px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-design-element-dark {
  width: 50px;
  position: relative;
  background-color: #231f20;
  height: 8px;
}
.sj-card-copy-light {
  align-self: stretch;
  position: relative;
  line-height: 16px;
  background: linear-gradient(rgba(99, 101, 106, 0.2), rgba(99, 101, 106, 0.2)),
    #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sj-copy-frame-light {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 12px;
}
.card-20 {
  position: absolute;
  top: 29.1px;
  left: 220px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(#457c9d, #457c9d), #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
  color: #fafafa;
}
.horizontal-divider-20 {
  position: absolute;
  left: calc(50% - 111.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-21 {
  position: absolute;
  top: 337px;
  left: 330px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(#457c9d, #457c9d), #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 13px;
  box-sizing: border-box;
  gap: 16px;
  color: #fafafa;
}
.horizontal-divider-21 {
  position: absolute;
  left: calc(50% - 1.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-22 {
  position: absolute;
  top: 29.1px;
  left: 440px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(rgba(70, 124, 157, 0.1), rgba(70, 124, 157, 0.1)),
    #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
}
.horizontal-divider-22 {
  position: absolute;
  left: calc(50% + 108.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-23 {
  position: absolute;
  top: 337px;
  left: 550px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background: linear-gradient(rgba(70, 124, 157, 0.1), rgba(70, 124, 157, 0.1)),
    #fff;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
}
.horizontal-divider-23 {
  position: absolute;
  left: calc(50% + 218.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.card-24 {
  position: absolute;
  top: 13.1px;
  left: 660px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  background-color: #457c9d;
  width: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px;
  box-sizing: border-box;
  gap: 16px;
  color: #fafafa;
}
.horizontal-divider-24 {
  position: absolute;
  left: calc(50% + 328.5px);
  background-color: #457c9d;
  width: 3px;
  height: 20px;
}
.horizontal-divider-24,
.horizontal-divider-22,
.horizontal-divider-20,
.horizontal-divider-18 {
  top: calc(50% - 59px);
}

.horizontal-divider-23,
.horizontal-divider-21,
.horizontal-divider-19 {
  top: calc(50% - 27px);
}
.horizontal-timeline {
  position: absolute;
  height: 5311.25%;
  top: 87.5%;
  bottom: -5298.75%;
  left: calc(50% - 425px);
  background-color: #457c9d;
  width: 12px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.timeline-right-cap {
  position: absolute;
  top: calc(50% + 8px);
  right: -14px;
  background-color: #457c9d;
  width: 16px;
  height: 2.4px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.timeline-left-cap {
  position: absolute;
  top: calc(50% + 8px);
  left: 0px;
  background-color: #457c9d;
  width: 16px;
  height: 2.4px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.safety-timeline {
  position: absolute;
  top: 283px;
  left: 0px;
  width: 850px;
  height: 16px;
}
.safety-journey-timeline {
  width: 850px;
  position: relative;
  height: 648px;
  font-family: Roboto;
}
.s2-safety-journey {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: flex-start;
  gap: 32px;
  max-width: 1360px;
  font-size: 22px;
}
.s2-sj-copy {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  text-align: left;
  font-size: 22px;
  color: #231f20;
  font-family: "Roboto Condensed";
}
.safety-s2 {
  width: 100%;
  position: relative;
  background-color: #fafafa;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px;
  box-sizing: border-box;
  gap: 32px;
  text-align: left;
  font-size: 42px;
  color: #231f20;
  font-family: "Roboto Condensed";
}

/* section 3 */
.safety-culture-image {
  width: 644px;
  position: relative;
  height: 688px;
  object-fit: cover;
}
.safety-culture-image-frame {
  height: 766px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.safety-culture-heading {
  align-self: stretch;
  position: relative;
  line-height: 44px;
}
.safety-culture-copy {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-family: Roboto;
  color: #63656a;
  text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.3);
}
.safety-culture-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.safety-ptp-heading {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 28px;
}
.safety-ptp-copy {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-family: Roboto;
  color: #63656a;
}
.safety-ptp-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.learn-more {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 25px;
}
.safety-ptp-button {
  width: 151px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #457c9d;
  height: 57px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  color: #fafafa;
  font-family: "Source Sans Pro";
}
.safety-ptp-cont {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 22px;
}
.safety-culture-cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.ss3-cont {
  max-width: 1360px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  max-width: 1360px;
}
.safety-s3 {
  position: relative;
  z-index: 1;
  background-image: url("/wp-content/uploads/2025/05/Concrete-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 40px;
  box-sizing: border-box;
  text-align: left;
  font-size: 42px;
  color: #231f20;
  font-family: "Roboto Condensed";
}

.safety-s3::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8); /* 80% white overlay */
  z-index: -1;
}

/* section 4 */
.ss4-section-title {
  align-self: stretch;
  position: relative;
  line-height: 44px;
}
.ss4-title-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: "Roboto Condensed";
}
.ss4-s-info-copy {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 150%;
  color: #c4c4c4;
}
.ss4-s-stat-item > .number {
  width: 100%;
  position: relative;
  font-size: 48px;
  line-height: 120%;
  display: inline-block;
  font-family: Roboto;
  color: #fafafa;
  text-align: left;
}
.ss4-s-stat-item > .text {
  align-self: stretch;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: #c4c4c4;
}
.ss4-s-stat-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.ss4-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.ss4-s-stats-cont {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  font-size: 48px;
}
.button {
  width: 151px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #e57c25;
  height: 57px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.ss4-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
}
.ss4-sect-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ss4-sect-img-f-icon {
  width: 720px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  z-index: 10;
}
.safety-s4-cont {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  max-width: 1360px;
}
.safety-s4 {
  width: 100%;
  position: relative;
  background-color: #231f20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  height: 570px;
  box-sizing: border-box;
  text-align: left;
  font-size: 42px;
  color: #fafafa;
  font-family: Roboto;
}

/* section 5 */
.safety-s5-title {
  position: relative;
  line-height: 44px;
}
.safety-s5-title-cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ss5-copy-heading {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}
.ss5-copy-body {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 150%;
  color: #63656a;
}
.ss5-copy-body3 {
  white-space: pre-wrap;
}
.ss5-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.ss5-img-icon {
  align-self: stretch;
  width: 270px;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.ss5-cont-row {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.ss5-copy1,
.ss5-copy3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.ss5-copy1 {
  width: 378px;
}
.ss5-copy3 {
  align-self: stretch;
}
.ss5-copy2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.safety-s5-left-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
.ss5-copy-body3 {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 150%;
  color: #63656a;
  white-space: pre-wrap;
}
.safety-s5-right-col {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.safety-s5-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
  max-width: 1360px;
  font-size: 24px;
  font-family: Roboto;
}
.safety-s5 {
  width: 100%;
  position: relative;
  background-color: rgba(99, 101, 106, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 40px;
  box-sizing: border-box;
  gap: 32px;
  text-align: left;
  font-size: 42px;
  color: #231f20;
  font-family: "Roboto Condensed";
}

/* section 6 */
.trophy-icon {
  width: 88px;
  position: relative;
  max-height: 100%;
}
.ss6-award-title {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 28px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ss6-award-title-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 22px;
  color: #fafafa;
  font-family: "Roboto Condensed";
}
.ss6-award-l2 {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.awards-card-info-container {
  max-width: 388px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.awards-card {
  border-radius: 4px;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 0px;
  box-sizing: border-box;
  width: 350px;
  gap: 8px;
}
.ss6-award-title-frame2 {
  align-self: stretch;
  height: 56px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 22px;
  color: #fafafa;
  font-family: "Roboto Condensed";
}
.awards-card-parent {
  align-self: stretch;
  background-color: #231f20;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  padding: 24px 24px 24px 0px;
  gap: 24px 0px;
}
.ss6-awards {
  width: 899px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ss6-heading {
  align-self: stretch;
  position: relative;
  line-height: 44px;
}
.ss6-text {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 24px;
  font-family: Roboto;
  color: #63656a;
}
.ss6-title-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
.ss6-awrd-heading {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 28px;
}
.ss6-awrd-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.learn-more {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 25px;
}
.ss6-button {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #457b9d;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  text-align: center;
  font-size: 20px;
  color: #fafafa;
  font-family: "Source Sans Pro";
}
.ss6-awrd-link-cont {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  font-size: 22px;
  color: #0a0a0a;
}
.ss6-copy-cont {
  align-self: stretch;
  flex: 1;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 72px;
  text-align: left;
  font-size: 42px;
  color: #231f20;
  font-family: "Roboto Condensed";
}
.ss6-cont {
  width: 1360px;
  height: 672px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  max-width: 1360px;
}
.safety-s6 {
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, #231f20 50%, #fafafa 50%);
  height: 671px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  color: #c5c6c8;
  font-family: Roboto;
}

/* section 7 */
.safety-s7 .vc_column-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 530px;
}

.safety-s7 .wpb_wrapper {
  max-width: 1420px;
  margin: 0 40px;
  width: 100%;
}
.safty-title {
    font-family: 'Roboto Condensed';
    font-size: 42px;
    line-height: 52px;
}
.safety-s7 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.ss7-cont{
  width: 100%;
  gap: 24px;
  max-width: 1360px;
}
/* section 8 */
.ss8-mental-health-heading {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
  line-height: 21px;
}
.ss8-mental-health-copy {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-family: Roboto;
  color: #c5c6c8;
}
.ss8-mh-copy-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.ss8-help-title {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #fafafa;
}
.samaritans1 {
  text-decoration: underline;
}
.samaritans {
  color: inherit;
}
.uk-ireland-116223-samarita {
  margin: 0;
  color: #c5c6c8;
}
.ss8-help-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ss8-emergency-title {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #fafafa;
}
.ss8-emergency-copy {
  flex: 1;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #c5c6c8;
}
.ss8-emergency-frame {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: #231f20;
}
.ss8-mh-copy-frame1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 15px;
  color: #63656a;
  font-family: Roboto;
}
.ss8-button2 > .learn-more {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 25px;
  background: linear-gradient(rgba(69, 123, 157, 0.8), rgba(69, 123, 157, 0.8)),
    #fafafa;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ss8-button2 {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 3px solid rgba(69, 123, 157, 0.8);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  text-align: center;
  font-size: 20px;
  font-family: "Source Sans Pro";
}
.ss8-mental-health-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.ss8-mental-health-cont {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 0px;
}
.ss8-mental-health-img-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.ss8-help-title {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #fafafa;
}
.safety-s8-l-col {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  max-width: 668px;
}
.ss8-contact-cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 0px;
}
.profilepicture-icon {
  width: 105px;
  position: relative;
  height: 105px;
  object-fit: cover;
}
.profile-image-frame {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.contact-name {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 28px;
}
.senior-vice-postion {
  width: 216px;
  position: relative;
  line-height: 24px;
  display: inline-block;
}
.corporate-sector {
  width: 216px;
  position: relative;
  line-height: 24px;
  color: #457b9d;
  display: inline-block;
}
.contact-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 15px;
  color: #231f20;
  font-family: Roboto;
}
.name-pos-comp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.icon-phone {
  width: 36px;
  border-radius: 2px;
  height: 36px;
}
.telephone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.fnamelastnamestobgcom {
  flex: 1;
  position: relative;
  line-height: 24px;
}
.email {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start !important;
  gap: 12px;
}
.icon-arrow-right {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.link-to-bio-page {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.bio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: #457b9d;
}
.contact-info {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  text-align: left;
  font-size: 15px;
  color: #202020;
  font-family: Roboto;
}
.contact-card {
  flex: 0.8509;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  background: linear-gradient(
      rgba(70, 124, 157, 0.05),
      rgba(70, 124, 157, 0.05)
    ),
    #fff;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  gap: 8px;
  min-width: 288px;
  max-width: 322px;
  min-height: 400px;
  text-align: center;
  font-size: 22px;
  color: #457b9d;
}
.ss8-help-copy {
  width: 100%;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #63656a;
  text-align: left;
  display: inline-block;
  font-family: Roboto;
}

.safety-s8-r-col {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  max-width: 668px;
}
.safety-s8-cont {
  align-self: stretch;
  width: 1360px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 1360px;
}
.safety-s8 {
  width: 100%;
  position: relative;
  background-color: #231f20;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 60px 40px;
  box-sizing: border-box;
  text-align: left;
  font-size: 24px;
  color: #fafafa;
  font-family: "Roboto Condensed";
}

@media screen and (max-width: 1380px) {
  .s2-safety-journey {
    flex-direction: column-reverse;
  }
  .s2-sj-column {
    width: unset;
  }
  img.s2-sj-img-icon {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center center;
    display: block;
  }
}

@media screen and (max-width: 1169px) {
    .awards-card {
      border-radius: 4px;
      height: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 16px 0px;
      box-sizing: border-box;
      gap: 8px;
    }
    .ss6-award-title-frame2 {
      align-self: stretch;
      height: 56px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 22px;
      color: #fafafa;
      font-family: "Roboto Condensed";
    }
    .awards-card-parent {
      align-self: stretch;
      background-color: #231f20;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      align-content: center;
      padding: 40px 50px;
      gap: 24px 0px;
    }
    .ss6-awards {
      width: 100%;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: center;
      font-size: 15px;
      color: #c4c4c4;
      font-family: Roboto;
    }
    .ss6-copy-cont{
    padding: 0px 40px;
    }
    .ss6-cont {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      justify-content: center;
      gap: 24px;
      max-width: 1360px;
    }
    .safety-s6 {
      width: 100%;
      height: auto;
      position: relative;
      background-color: #fafafa;
      background: unset;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 40px 0px;
      box-sizing: border-box;
      text-align: left;
      font-size: 42px;
      color: #231f20;
      font-family: "Roboto Condensed";
    }
  }
}
@media screen and (min-width: 1025px) {
  .safety-s5-right-col > :first-child {
    margin-top: 56px;
  }
  .safety-s5-left-col > :first-child {
    margin-top: -120px;
  }
}

@media screen and (max-width: 1024px) {
  .s2-safety-journey {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px;
    max-width: 1360px;
    font-size: 22px;
  }

  .s2-sj-column {
    width: unset;
  }
  img.s2-sj-img-icon {
    width: 100%;
    height: 230px;
    object-fit: cover;
    object-position: center center;
    display: block;
  }
  .ss3-cont {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .safety-s4 {
    padding: 40px 40px;
    height: unset;
  }
  .safety-s4-cont,
  .safety-s5-content {
    flex-direction: column;
  }
  .ss6-heading {
    align-self: stretch;
    position: relative;
    line-height: 44px;
  }
  .ss6-text {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    line-height: 150%;
    font-family: Roboto;
    color: #63656a;
  }
  .ss6-title-frame {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
  }
  .ss6-csr-heading {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.01em;
    line-height: 28px;
  }
  .ss6-csr-heading-frame {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .learn-more {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 25px;
  }
  .ss6-button {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    background-color: #457c9d;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    color: #fafafa;
    font-family: "Source Sans Pro";
  }
  .ss6-csr-link-cont {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    font-size: 22px;
    color: #0a0a0a;
  }
  .ss6-copy-cont {
    align-self: stretch;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 40px;
    gap: 32px;
  }
  .trophy-icon {
    width: 88px;
    position: relative;
    max-height: 100%;
  }
  .ss6-award-title {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.01em;
    line-height: 28px;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .ss6-award-title-frame {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 22px;
    color: #fafafa;
    font-family: "Roboto Condensed";
  }
  .ss6-award-l2 {
    align-self: stretch;
    position: relative;
    line-height: 24px;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .podcast-card-info-container {
    width: 388px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }

  .safety_scroll.safety-manuals {
    flex-direction: column;
    padding: 0 40px;
    gap: 32px;
  }
  .safty-title,
  .help-text {
    padding: 0 40px;
  }
  .safety-s7 .vc_column-inner {
    height: auto;
  }
  .opprdetailWrapper {
    margin-bottom: 40px;
  }

  .safety-s8-cont {
    flex-direction: column;
  }
  .safety-s8-l-col {
    align-self: unset;
  }
  .safety-s8-r-col {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 920px) {
  .heading {
    align-self: stretch;
    position: relative;
    line-height: 44px;
  }
  .s2-sa-title-frame {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .copy {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
  .s2-sa-copy-frame {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    font-size: 15px;
    color: #63656a;
    font-family: Roboto;
  }
  .s2-safety-approach {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    max-width: 1360px;
  }
  .safety-360-journey {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.01em;
    line-height: 28px;
  }
  .copy2 {
    align-self: stretch;
    position: relative;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-family: Roboto;
    color: #63656a;
  }
  .s2-sj-column {
    align-self: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
  .horizontal-divider-18 {
    position: absolute;
    top: calc(50% - 650px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-design-element {
    width: 50px;
    position: relative;
    background-color: #457c9d;
    height: 8px;
  }
  .year-d {
    position: relative;
    line-height: 28px;
    font-weight: 900;
  }
  .sj-card-copy-dark {
    align-self: stretch;
    position: relative;
    line-height: 16px;
  }
  .sj-copy-frame-dark {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    font-size: 12px;
    color: #63656a;
  }
  .card-18 {
    position: absolute;
    top: 0px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(
        rgba(70, 124, 157, 0.1),
        rgba(70, 124, 157, 0.1)
      ),
      #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
  }
  .horizontal-divider-19 {
    position: absolute;
    top: calc(50% - 430px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-19 {
    position: absolute;
    top: 220px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(
        rgba(70, 124, 157, 0.1),
        rgba(70, 124, 157, 0.1)
      ),
      #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
  }
  .horizontal-divider-20 {
    position: absolute;
    top: calc(50% - 198px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-design-element-dark {
    width: 50px;
    position: relative;
    background-color: #231f20;
    height: 8px;
  }
  .sj-card-copy-light {
    align-self: stretch;
    position: relative;
    line-height: 16px;
    background: linear-gradient(
        rgba(99, 101, 106, 0.2),
        rgba(99, 101, 106, 0.2)
      ),
      #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .sj-copy-frame-light {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    font-size: 12px;
  }
  .card-20 {
    position: absolute;
    top: 452px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(#457c9d, #457c9d), #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
    color: #fafafa;
  }
  .horizontal-divider-21 {
    position: absolute;
    top: calc(50% - 0px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-21 {
    position: absolute;
    top: 666px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(#457c9d, #457c9d), #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 13px;
    box-sizing: border-box;
    gap: 16px;
    color: #fafafa;
  }
  .horizontal-divider-22 {
    position: absolute;
    top: calc(50% + 210px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-22 {
    position: absolute;
    top: 868px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(
        rgba(70, 124, 157, 0.1),
        rgba(70, 124, 157, 0.1)
      ),
      #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
  }
  .horizontal-divider-23 {
    position: absolute;
    top: calc(50% + 430px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-23 {
    position: absolute;
    top: 1072px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background: linear-gradient(
        rgba(70, 124, 157, 0.1),
        rgba(70, 124, 157, 0.1)
      ),
      #fff;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
  }
  .horizontal-divider-24 {
    position: absolute;
    top: calc(50% + 666px);
    left: 10px;
    background-color: #457c9d;
    width: 3px;
    height: 20px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
  }
  .card-24 {
    position: absolute;
    top: 1308px;
    left: 36px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    background-color: #457c9d;
    width: 248px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 12px;
    box-sizing: border-box;
    gap: 16px;
    color: #fafafa;
  }
  .safety-timeline {
    top: -1px;
    left: 0px;
    width: 16px;
    height: 100%;
    align-items: center;
    object-fit: contain;
    display: flex;
    flex-direction: column;
  }
  .horizontal-timeline {
    width: 12px;
    height: calc(100% - 4px);
    position: relative;
    left: 0;
    top: 0;
    background-color: #457c9d;
    transform: unset;
    transform-origin: unset;
  }
  .timeline-left-cap {
    width: 100%;
    position: static;
    background-color: #457c9d;
    height: 2.4px;
    top: 0 !important;
    transform: unset;
  }
  .timeline-right-cap {
    width: 100%;
    position: static;
    background-color: #457c9d;
    height: 2.4px;
    bottom: 0 !important;
    transform: unset;
  }

  .safety-journey-timeline {
    flex: 1;
    align-self: stretch;
    position: relative;
    height: 1601px;
    font-family: Roboto;
    width: unset;
  }
  .s2-safety-journey {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px;
    max-width: 1360px;
    font-size: 22px;
  }
  .safety-s2 {
    width: 100%;
    position: relative;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 16px;
    box-sizing: border-box;
    gap: 32px;
    text-align: left;
    font-size: 42px;
    color: #231f20;
    font-family: "Roboto Condensed";
  }

  /* Vertical timeline wrapper for cards and dividers */
  .safety-journey-timeline-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 20px;
    /* Optional: set a max-width if needed */
    /* max-width: 248px; */
  }

  /* Cards: stack vertically, relative for divider alignment */
  .card-18,
  .card-19,
  .card-20,
  .card-21,
  .card-22,
  .card-23,
  .card-24 {
    position: relative;
    left: 36px !important;
    top: unset !important;
    width: 100%;
    max-width: 248px;
    margin-bottom: 0;
    margin-top: 0;
  }

  /* Add 20px gap between cards except last */
  .card-18,
  .card-19,
  .card-20,
  .card-21,
  .card-22,
  .card-23 {
    margin-bottom: 20px;
  }

  /* Dividers: align with vertical center of each card, left of card */
  .horizontal-divider-18,
  .horizontal-divider-19,
  .horizontal-divider-20,
  .horizontal-divider-21,
  .horizontal-divider-22,
  .horizontal-divider-23,
  .horizontal-divider-24 {
    position: absolute;
    left: 10px; /* -20px + 36px card offset for correct alignment */
    width: 3px;
    height: 20px;
    background-color: #457c9d;
    transform: translateY(-50%);
    transform: rotate(-90deg);
    transform-origin: 0 0;
    display: block !important; /* Ensure visible */
    z-index: 1;
  }

  .horizontal-divider-18 {
    top: calc(50% - 650px);
  }
  .horizontal-divider-19 {
    top: calc(50% - 430px);
  }
}

@media screen and (max-width: 768px) {
  .landing-text-container {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: start !important;
    gap: 30px !important;
  }
  .safety-page-title-landing-section {
    background-image: linear-gradient(
        to right,
        rgba(35, 31, 32, 1) 0%,
        rgba(35, 31, 32, 0.5) 100%
      ),
      url(/wp-content/uploads/2025/05/Safety-Hero-Image.jpg);
  }
  .title-copy-frame {
    max-width: 500px;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  }
  .right-side-content-frame {
    width: 180px;
  }
  .safety-page-title-landing-section {
    padding: 40px 16px;
  }
}

@media screen and (max-width: 650px) {
  .safety-culture-image {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .s2-safety-journey {
    flex-direction: column-reverse;
  }
  .safety-journey-timeline {
    flex: unset;
  }
  .safety-s8 {
    padding: 20px 0px;
    height: auto;
  }
  .s2-sj-column,
  .ss4-sect-info,
  .ss4-content {
    width: 100%;
  }
  .safety-s3,
  .ss6-copy-cont,
  .safty-title,
  .help-text {
    padding: 0px 16px;
  }
  .safety-s4,
  .safety-s5 {
    padding: 24px 16px;
  }
  .safety-s4-cont {
    width: 100%;
  }
  .safety_scroll.safety-manuals {
    padding: 0px 16px;
    margin-bottom: 20px;
  }
  .safety-culture-image-frame {
    height: fit-content;
  }
  .ss5-cont-row,
  .safety-s8-l-col,
  .safety-s8-r-col {
    flex-direction: column;
  }
  .safety-s8-l-col,
  .safety-s8-r-col {
    width: 300px;
  }
  .ss5-img-icon {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 475px) {
  img.bu-logo {
    position: relative !important;
    right: 0 !important;
  }
  .text-block {
    width: auto !important;
  }
  .dropdown-wrapper select {
    width: 100%;
  }
  .safety-contact-info {
    word-break: break-word;
    overflow-wrap: break-word;
  }
}