:root {
  --brand-white: #fff;
  /* (RGB: 255/255/255) */
  --brand-orange: #f0512b;
  /* (RGB: 240/81/44) */
  --brand-plat-gray: #e4ebf7;
  /* (RGB: 228/235/247) */
  --brand-med-gray: #9ba4b8;
  /* (RGB: 155/164/184) */
  --brand-steel-gray: #142c41;
  /* (RGB: 20/44/65) */
  --brand-font-primary: "proxima-nova", Helvetica, Arial, sans-serif;
  --brand-font-power: "Outfit", Helvetica, Arial, sans-serif;
  --brand-font-secondary: "DM Serif Display", serif;
}

html, body {
  height: 100%;
  background-color: white;
  color: var(--brand-steel-gray);
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand: var(--lime-2);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--brand-font-primary);
  overflow-x: hidden;
}

.main-logo {
  position: absolute;
  left: 48px;
  top: 30px;
  z-index: 1;
  height: 40px;
  width: 140px;
}
@media (max-width: 600px) {
  .main-logo {
    left: 20px;
    top: 20px;
    height: 32px;
    width: 115px;
  }
}
@media (max-width: 400px) {
  .main-logo {
    left: 20px;
    top: 20px;
    height: 20px;
    width: 100px;
  }
}

.intro {
  color: var(--brand-white);
  background: var(--brand-steel-gray);
  box-shadow: var(--shadow-2);
}
.intro h1 {
  position: relative;
  font-family: var(--brand-font-power);
  font-size: 7.375rem;
  font-weight: 600;
  line-height: 0.8;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0;
  color: var(--brand-plat-gray);
}
.intro h2 {
  position: relative;
  left: 3.125rem;
  font-family: var(--brand-font-secondary);
  font-size: 7rem;
  font-style: italic;
  font-weight: 400;
  line-height: 0.75;
  letter-spacing: 0em;
  text-align: left;
  color: var(--brand-orange);
}
@media (max-width: 1200px) {
  .intro h1 {
    font-size: 5.25rem;
  }
  .intro h2 {
    font-size: 4.875rem;
  }
}
@media (max-width: 800px) {
  .intro h1 {
    font-size: 4.5rem;
  }
  .intro h2 {
    font-size: 4rem;
    left: 2.125rem;
  }
}
@media (max-width: 600px) {
  .intro h1 {
    font-size: 3.5rem;
  }
  .intro h2 {
    font-size: 3.25rem;
    left: 1.6rem;
  }
}
.intro p {
  color: var(--brand);
  font-size: 1.125rem;
  line-height: 1.6rem;
}
.intro .content--area {
  position: absolute;
  top: 22%;
  left: 20%;
}

.responsive {
  width: 100%;
  height: auto;
}

.home--section--one {
  position: relative;
  background-color: var(--brand-plat-gray);
}
.home--section--one .parent {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-template-rows: auto 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 10px;
}
.home--section--one .div1 {
  grid-area: 1/1/2/3;
}
.home--section--one .div2 {
  grid-area: 2/1/3/2;
}
.home--section--one .div3 {
  grid-area: 2/2/3/3;
}
.home--section--one .secondary-background {
  background-image: url("../images/future.svg");
  background-position: 65% 195%;
  background-repeat: no-repeat;
  background-size: 40%;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
@media (max-width: 1200px) {
  .home--section--one .secondary-background {
    background-size: 80%;
  }
}
@media (max-width: 800px) {
  .home--section--one .secondary-background {
    background-size: 80%;
  }
}
@media (max-width: 576px) {
  .home--section--one .secondary-background {
    background-size: 80%;
  }
}
.home--section--one div.content-wrapper {
  display: flex;
  justify-content: center;
}
.home--section--one div.content-wrapper p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-bottom: 1.5rem;
}
.home--section--one div.content-wrapper .info {
  position: relative;
  background: transparent;
  margin: 6rem 0 8.5rem 0;
}
@media (max-width: 1200px) {
  .home--section--one div.content-wrapper .info {
    margin: 6rem 0 3rem 0;
  }
}
.home--section--one div.content-wrapper .info .arrowBox {
  left: -95px;
  top: 225px;
  width: 60px;
}
.home--section--one div.content-wrapper .info .ceo-title {
  font-weight: 300;
  font-size: 85%;
}
.home--section--one .image-bg-section {
  background-size: cover;
  background-position: center;
  background-image: url("../images/WEBP/pseg-img-mother-son-xl.webp");
}
@media (max-width: 1200px) {
  .home--section--one .image-bg-section {
    background-image: url("../images/WEBP/pseg-img-mother-son-lg.webp");
    height: 494px;
  }
}
@media (max-width: 800px) {
  .home--section--one .image-bg-section {
    background-image: url("../images/WEBP/pseg-img-mother-son-md.webp");
    height: 300px;
  }
}
@media (max-width: 576px) {
  .home--section--one .image-bg-section {
    height: 192px;
  }
}
.home--section--one.half-half div:first-child {
  width: 50%;
  margin-left: 10%;
}
.home--section--one.half-half div:last-child {
  width: 50%;
}

h2 {
  font-size: var(--font-size-fluid-1);
}

.byline {
  color: var(--brand-orange);
  font-family: var(--brand-font-secondary);
  font-size: var(--font-size-fluid-1);
}

.brand-special-header {
  font-weight: 600;
  line-height: 1;
  font-size: 3.75rem;
  margin-bottom: 2rem;
}
.brand-special-header span {
  font-size: 3.75rem;
  font-weight: 300;
  font-style: italic;
  font-family: var(--brand-font-secondary);
  color: var(--brand-orange);
}
@media (max-width: 800px) {
  .brand-special-header {
    font-size: 2.5rem;
  }
  .brand-special-header span {
    font-size: 2.5rem;
  }
}
@media (max-width: 1200px) {
  .brand-special-header h1, .brand-special-header h2 {
    font-size: 6.563rem;
    line-height: 2.313rem;
  }
}
@media (max-width: 800px) {
  .brand-special-header h1, .brand-special-header h2 {
    font-size: 5rem;
  }
}
@media (max-width: 576px) {
  .brand-special-header h1, .brand-special-header h2 {
    font-size: 3.375rem;
  }
}

.download-section {
  min-height: 470px;
  color: var(--brand-plat-gray);
}
.download-section h3 {
  color: var(--brand-plat-gray);
  font-family: var(--brand-font-power);
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.2;
}
.download-section p {
  font-size: 1.125rem;
}
.download-section .arrowBox {
  width: 2rem;
  left: -3rem;
  top: 0.5rem;
}
.download-section .inset {
  position: relative;
  left: 10%;
}
.download-section .image-bg-section {
  background-size: cover;
  background-position: center;
  background-image: url("../images/WEBP/pseg-img-footer-child-lg.webp");
  min-height: 470px;
}
@media (max-width: 960px) {
  .download-section .image-bg-section {
    height: 260px;
    min-height: 260px;
  }
}
@media (max-width: 576px) {
  .download-section .image-bg-section {
    background-image: url("../images/WEBP/pseg-img-footer-child-sm.webp");
    min-height: 129px;
  }
}
@media (max-width: 800px) {
  .download-section h3 {
    font-size: 1.75rem;
  }
  .download-section p {
    font-size: 1rem;
  }
  .download-section .button-normal {
    font-size: 16px;
    line-height: 1;
    padding: 16px 20px;
  }
}

.special {
  color: var(--brand-orange);
  font-style: italic;
  font-family: var(--brand-font-secondary);
}

.arrowBox {
  width: 60%;
  height: 100px;
  background: transparent url("../images/arrow.svg");
  background-repeat: no-repeat;
}

.bg--brand-plat-gray {
  background-color: var(--brand-plat-gray);
}

.bg--brand-med-gray {
  background-color: var(--brand-med-gray);
}

.mt-6 {
  margin-top: 6rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.error, .login {
  background-color: var(--brand-steel-gray);
}
.error .hero-grid .overlay, .login .hero-grid .overlay {
  background-color: var(--brand-plat-gray);
  mix-blend-mode: initial;
}
.error .hero-grid .error-content-group, .login .hero-grid .error-content-group {
  display: flex;
  left: 23px;
  position: relative;
}
.error .hero-grid .d-flex p, .login .hero-grid .d-flex p {
  padding-left: 0 !important;
  font-size: 1.5rem !important;
}

.login .hero-grid {
  display: flex;
  flex-direction: column;
}
.login .hero-grid .hero-grid--img {
  display: none;
}
.login .hero-grid .hero-grid--p {
  justify-content: start;
}
.login .hero-grid .error-content-group {
  left: 126px;
}
.login .hero-grid .d-flex p {
  padding-left: 0 !important;
  font-size: 1.25rem !important;
}
.login .hero-grid .hero-grid--logo, .login .hero-grid .overlay {
  background-color: transparent;
}
.login .loginForm {
  display: flex;
}
.login .loginForm input {
  border-radius: 0;
}
.login .loginForm input[type=text] {
  max-width: 350px;
  margin-right: 1rem;
}
@media (max-width: 1200px) {
  .login .hero-grid h1 {
    font-size: 4.25rem;
  }
  .login .hero-grid h1 > span {
    font-size: 4rem;
  }
}
@media (max-width: 960px) {
  .login .hero-grid h1 {
    font-size: 3.25rem;
  }
  .login .hero-grid h1 > span {
    font-size: 3rem;
  }
  .login .hero-grid .error-content-group {
    left: initial;
  }
}
@media (max-width: 600px) {
  .login .hero-grid h1 {
    font-size: 2.25rem;
  }
  .login .hero-grid h1 > span {
    font-size: 2rem;
  }
  .login .hero-grid .hero-grid--p {
    padding-top: 1rem;
  }
  .login .hero-grid .d-flex p {
    font-size: 1rem !important;
  }
}

.img-notes {
  font-size: 0.9rem;
  line-height: 1.2;
}

button {
  cursor: pointer;
}

.nav-background {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  background: transparent;
  z-index: 1;
  top: 0;
  left: 0;
}
.nav-background .color-section, .nav-background .overlay-section {
  height: 100px;
}
@media (max-width: 600px) {
  .nav-background .color-section, .nav-background .overlay-section {
    height: 75px;
  }
}
.nav-background .color-section {
  background-color: var(--brand-plat-gray);
}
.nav-background .overlay-section {
  background-color: rgba(20, 44, 65, 0.1);
  mix-blend-mode: multiply;
}

nav {
  position: relative;
}
nav .mobile-menu.open {
  display: none;
}

nav button {
  display: block;
  padding: 10px;
  background: transparent;
  border: none;
  color: white;
  font-weight: 100;
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 25px;
}
nav button span {
  display: block;
  margin-bottom: 8px;
  height: 1px;
  width: 25px;
  background: var(--brand-white);
}
@media (max-width: 600px) {
  nav button {
    top: 11px;
  }
}

nav .nav-wrapper {
  display: none;
  top: 0;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 350px;
  z-index: 4;
  border-left: 1px solid var(--brand-steel-gray);
  transition: 0.3s ease;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  nav .nav-wrapper {
    width: 55vw;
  }
}
@media only screen and (max-width: 600px) {
  nav .nav-wrapper {
    width: 90vw;
  }
}

nav .nav-wrapper.open {
  position: absolute;
  display: block;
  animation: slideIn 0.5s forwards;
  animation-delay: 0s;
}

@keyframes slideIn {
  from {
    visibility: hidden;
    right: -400px;
  }
  to {
    visibility: visible;
    right: 0;
  }
}
nav .nav-wrapper .left-side, nav .nav-wrapper .right-side {
  flex-direction: column;
  padding-top: 3rem;
}
nav .nav-wrapper .left-side ul, nav .nav-wrapper .right-side ul {
  padding: 0 36px;
}
nav .nav-wrapper .left-side li, nav .nav-wrapper .right-side li {
  padding: 12px 0;
}
nav .nav-wrapper .left-side li a, nav .nav-wrapper .right-side li a {
  text-decoration: none;
  color: var(--brand-steel-gray);
  font-size: 18px;
  line-height: 20px;
  background-position-y: 50%;
  transition: all 0.3s ease-in;
}
nav .nav-wrapper .left-side li a:hover, nav .nav-wrapper .left-side li a:focus, nav .nav-wrapper .right-side li a:hover, nav .nav-wrapper .right-side li a:focus {
  font-weight: 600;
  text-decoration: none;
  background-size: 6%;
  background-repeat: no-repeat;
  padding-left: 6%;
}
@media only screen and (max-width: 960px) {
  nav .nav-wrapper .left-side li a:hover, nav .nav-wrapper .left-side li a:focus, nav .nav-wrapper .right-side li a:hover, nav .nav-wrapper .right-side li a:focus {
    background-position-x: 4%;
    background-size: 4%;
  }
}
@media only screen and (max-width: 600px) {
  nav .nav-wrapper .left-side li a:hover, nav .nav-wrapper .left-side li a:focus, nav .nav-wrapper .right-side li a:hover, nav .nav-wrapper .right-side li a:focus {
    background-size: 4%;
  }
}
nav .nav-wrapper .left-side li a.active, nav .nav-wrapper .right-side li a.active {
  background-size: 25px;
  padding-left: 35px;
}
nav .nav-wrapper .left-side p.nav--title, nav .nav-wrapper .right-side p.nav--title {
  padding: 26px 36px 0 36px;
  color: var(--brand-orange);
  font-style: italic;
  font-family: var(--brand-font-secondary);
  font-size: 1.125rem;
}

.nav-wrapper div > a, .nav-wrapper div > span {
  display: block;
  transform: translateX(0, 0);
  color: var(--brand-steel-gray);
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px 36px;
  text-align: left;
  border-bottom: 1px solid var(--brand-steel-gray);
  background-position-y: 50%;
  transition: all 0.3s ease-in;
  text-decoration: none;
}
.nav-wrapper div > a.bt, .nav-wrapper div > span.bt {
  border-top: 1px solid var(--brand-steel-gray);
}
.nav-wrapper div > a:hover, .nav-wrapper div > a:focus, .nav-wrapper div > span:hover, .nav-wrapper div > span:focus {
  font-weight: 600;
  text-decoration: none;
  background-size: 6%;
  background-repeat: no-repeat;
  padding-left: 12%;
}
@media only screen and (max-width: 960px) {
  .nav-wrapper div > a:hover, .nav-wrapper div > a:focus, .nav-wrapper div > span:hover, .nav-wrapper div > span:focus {
    background-position-x: 4%;
    background-size: 4%;
  }
}
@media only screen and (max-width: 600px) {
  .nav-wrapper div > a:hover, .nav-wrapper div > a:focus, .nav-wrapper div > span:hover, .nav-wrapper div > span:focus {
    background-size: 4%;
  }
}

.nav-wrapper div a.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F0522A' d='m18.56 9.166-7.66-7.66-.834.834 7.07 7.07H.59v1.18h16.548l-7.071 7.07.833.834 7.66-7.66.835-.834-.834-.834Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M9.697.303 19.393 10l-9.696 9.696L0 10z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position-x: 5%;
  background-size: 6%;
  padding-left: 12%;
}

nav .highlight {
  display: none;
}

nav .close button {
  display: block;
  color: var(--brand-steel-gray);
  text-transform: uppercase;
  display: flex;
  place-content: center;
  right: 10px;
  position: absolute;
  top: 10px;
  font-size: 1rem;
  font-family: var(--brand-font-primary);
}
nav .close button span {
  width: initial;
  color: var(--brand-steel-gray);
  font-weight: 400;
  height: initial;
  display: inline;
  padding: 0 0 0 15px;
  margin: 0;
  background-color: transparent;
  border: 0;
  transform: scale(1.1);
  padding-top: -2px;
}

.home .lead-hero {
  position: relative;
  width: 100vw;
  height: 320px;
}
.home .lead-hero img {
  position: absolute;
  width: 100vw;
  bottom: 0;
}
@media (min-width: 415px) {
  .home .lead-hero {
    height: 360px;
  }
}
@media (min-width: 600px) {
  .home .lead-hero {
    height: 500px;
  }
}
@media (min-width: 800px) {
  .home .lead-hero {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .home .lead-hero {
    height: 749px;
  }
}
@media (min-width: 1600px) {
  .home .lead-hero {
    height: 860px;
  }
}
.home .lead-hero .content--area {
  position: absolute;
  top: 25%;
  left: 10%;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .home .lead-hero .content--area {
    left: 18%;
  }
  .home .lead-hero .content--area h2 {
    left: 2.125rem;
  }
}
@media (max-width: 800px) {
  .home .lead-hero .content--area {
    top: 32%;
  }
}
@media (max-width: 600px) {
  .home .lead-hero .content--area h2 {
    left: 1.25rem;
    font-size: 3.75rem;
  }
  .home .lead-hero .content--area h1 {
    font-size: 3.75rem;
  }
}
.home .dotSectionHome {
  height: auto;
  position: absolute;
  bottom: -115px;
  left: calc(50% - 4px);
  z-index: 3;
}
.bg-brand-plat-gray {
  background: var(--brand-plat-gray);
}

.bg-brand-steel-gray {
  background: var(--brand-steel-gray);
}

.color-brand-orange {
  color: var(--brand-orange);
}

.color-brand-plat-gray {
  color: var(--brand-plat-gray);
}

.color-brand-med-gray {
  color: var(--brand-med-gray);
}

.color-brand-steel-gray {
  color: var(--brand-steel-gray);
}

.video-player {
  margin: 0 auto;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  background-color: #0b1823;
}
.video-player video {
  width: 100%;
}
.video-player button.play-button {
  background: transparent url("../images/playbutton.svg") no-repeat;
  height: 150px;
  width: 150px;
  display: block;
  position: absolute;
  top: 40%;
  left: 45%;
  cursor: pointer;
}
@media (max-width: 600px) {
  .video-player button.play-button {
    top: 33%;
    left: 38%;
  }
}

footer {
  padding: 3rem 1rem;
  display: block;
  position: relative;
}
footer .footer-wrapper {
  display: flex;
  align-content: start;
}
footer .footer-wrapper p {
  font-size: 0.875rem;
}
footer .footer-wrapper a {
  font-weight: bold;
  color: var(--brand-steel-gray);
}
footer .logo {
  max-width: 200px;
}
footer div.brand-time-mark {
  position: absolute;
  bottom: 10px;
  right: 200px;
  font-size: 12px;
}

.button-normal {
  box-sizing: border-box;
  display: flex;
  min-width: 165px;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 17px;
  color: #FFFFFF;
  padding: 18px 24px;
  border: 1px solid #FFFFFF;
  background-color: var(--brand-steel-gray);
  transition: 0.3s all ease;
  border-radius: 0;
  text-transform: uppercase;
}
.button-normal:hover, .button-normal:focus-within {
  border-color: var(--brand-steel-gray);
  box-shadow: inset 0px 0px 0px 1px var(--brand-steel-gray);
  background-color: #FFFFFF;
  color: var(--brand-steel-gray);
}
.button-normal:active, .button-normal.active {
  color: var(--brand-orange);
  border-color: var(--brand-orange);
  background: transparent;
}
.button-normal.download {
  width: 100%;
  font-size: 16px;
  line-height: 1;
  background-size: 16px;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='92.9,0 11.2,0 18.3,7.1 87.9,7.1 0.2,95 5.3,100 92.9,12.2 92.9,82.2 100,88.6 100,7.1 100,0 '/%3E%3C/svg%3E");
  text-transform: capitalize;
  text-align: left;
  justify-content: start;
  padding-left: 45px;
}

.talk--section {
  margin: 6rem 0;
  overflow: hidden;
}
.talk--section .row {
  margin-bottom: 6rem;
}
.talk--section h3 {
  font-family: var(--brand-font-power);
  color: var(--brand-steel-gray);
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 4.725rem;
  margin-bottom: 1rem;
}
.talk--section h4 {
  font-family: var(--brand-font-power);
  color: var(--brand-med-gray);
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 3rem;
}
.talk--section svg {
  margin-bottom: 1rem;
  display: block;
}
.talk--section .header--series {
  border-right: none;
}
.talk--section .image--section {
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.talk--section .row.animation-one .image--section {
  background-image: url("../images/WEBP/pseg-img-talk-straight-xl.webp");
}
.talk--section .row.animation-two .image--section {
  background-image: url("../images/WEBP/pseg-img-think-forward-xl.webp");
}
.talk--section .row.animation-three .image--section {
  background-image: url("../images/WEBP/pseg-img-stay-responsible-xl.webp");
}
.talk--section .info--series {
  margin-top: 2rem;
  padding-right: 2rem;
}
.talk--section .info--series p {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 1200px) {
  .talk--section h3 {
    font-size: 3rem;
  }
  .talk--section h4 {
    font-size: 2.375rem;
  }
}
@media (max-width: 992px) and (min-width: 576px) {
  .talk--section svg {
    display: none;
  }
  .talk--section .header--series {
    border-right: 4px dotted var(--brand-orange);
  }
  .talk--section .info--series {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .talk--section h3 {
    font-size: 2.625rem;
  }
  .talk--section h4 {
    font-size: 2.275rem;
    line-height: 1.2;
  }
  .talk--section .image--section {
    min-height: initial;
    height: 250px;
    background-size: cover;
    margin-left: 15px;
  }
  .talk--section .row {
    margin-bottom: 1rem;
  }
  .talk--section .info--series {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .talk--section {
    margin: 1rem 0;
  }
  .talk--section .image--section {
    background-size: contain;
    min-height: 210px;
  }
  .talk--section h3 {
    font-size: 2.25rem;
  }
  .talk--section h4 {
    font-size: 2rem;
  }
  .talk--section .info--series p {
    font-size: 1rem;
  }
}

.arieal--section {
  background-size: cover;
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(0deg, var(--brand-steel-gray) 0.2%, rgba(20, 44, 65, 0.1) 100%), url("../images/WEBP/pseg-img-ariel-grid-xl.webp");
  mix-blend-mode: multiply;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
.arieal--section .ariel--title--section {
  position: absolute;
  bottom: 30%;
  left: 10%;
}
.arieal--section .ariel--title--section p:first-child {
  font-family: var(--brand-font-power);
  color: var(--brand-plat-gray);
  font-size: 7.375rem;
  line-height: 178%;
  font-weight: 600;
  margin: 0;
}
.arieal--section .ariel--title--section p:last-child {
  font-family: var(--brand-font-secondary);
  color: var(--brand-orange);
  font-size: 7rem;
  line-height: 17%;
  font-style: italic;
  font-weight: 400;
  text-indent: 17%;
}
@media (max-width: 1200px) {
  .arieal--section {
    height: 600px !important;
  }
  .arieal--section .ariel--title--section p:first-child, .arieal--section .ariel--title--section p:last-child {
    font-size: 6.563rem;
  }
}
@media (max-width: 800px) {
  .arieal--section {
    height: 470px !important;
  }
  .arieal--section .ariel--title--section p:first-child, .arieal--section .ariel--title--section p:last-child {
    font-size: 5rem;
  }
}
@media (max-width: 600px) {
  .arieal--section {
    height: 310px !important;
  }
  .arieal--section .ariel--title--section p:first-child, .arieal--section .ariel--title--section p:last-child {
    font-size: 3.375rem;
  }
}

.tabs--section {
  position: relative;
}
.tabs--section .tabs--movement {
  background-color: var(--brand-steel-gray);
  position: relative;
  width: 90vw;
  max-width: 90vw;
  top: -10vh;
}
@media (max-width: 800px) {
  .tabs--section .tabs--movement {
    top: 0;
    width: 100vw;
  }
}
.tabs--section .buttons {
  padding-top: 5vh;
}
.tabs--section .buttons button {
  margin: 5px;
}
.tabs--section .buttons:first-child {
  margin-left: 0;
}
.tabs--section .buttons:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .tabs--section .buttons {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.tabs--section .pie--section {
  padding: 2rem 0;
}
.tabs--section .pie {
  display: none;
}
.tabs--section .pie.active {
  display: block;
}
.tabs--section .dotted-line {
  position: absolute;
  width: 152px;
  height: 4px;
  z-index: 1;
  left: -180px;
  top: 20px;
  object-fit: cover;
  object-position: 10% 20%; /* try 20px 10px */
}
.tabs--section .title {
  color: var(--brand-plat-gray);
  font-size: 2.625rem;
  line-height: 2.625rem;
  font-family: var(--brand-font-power);
  font-weight: 600;
  margin-bottom: 1rem;
}
.tabs--section .subTitle {
  margin-bottom: 0.625rem;
  color: var(--brand-orange);
  font-style: italic;
  font-size: 1.74rem;
  line-height: 1.625rem;
  font-family: var(--brand-font-secondary);
}
.tabs--section p {
  color: white;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 1200px) {
  .tabs--section .dotted-line {
    display: none;
  }
}
@media (min-width: 1200px) {
  .tabs--section .pie--section {
    padding: 2rem 0;
  }
}
@media (max-width: 768px) {
  .tabs--section .tabs--movement {
    max-width: 100%;
  }
  .tabs--section .pie--content {
    display: flex;
    flex-direction: column-reverse;
    padding: 4rem;
  }
}
@media (max-width: 576px) {
  .tabs--section p {
    font-size: 1rem;
  }
}

.our--brand--section {
  background: transparent url("../images/WEBP/pseg-img-ourpeople-ourplanet-xl.webp") no-repeat 0 0;
  background-size: cover;
  height: 700px;
  position: relative;
}
.our--brand--section .headings {
  padding-top: 10%;
  left: -34px;
  position: relative;
}
.our--brand--section h3 {
  color: white;
  font-family: var(--brand-font-power);
  font-size: 12rem;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 0.9;
}
.our--brand--section h3 span {
  font-style: italic;
  font-family: var(--brand-font-secondary);
}
@media (max-width: 1200px) {
  .our--brand--section {
    background: transparent url("../images/WEBP/pseg-img-ourpeople-ourplanet-lg.webp") no-repeat 0 0;
    background-size: cover;
    height: 600px;
  }
  .our--brand--section h3 {
    font-size: 10rem;
  }
}
@media (max-width: 900px) {
  .our--brand--section .headings {
    left: -30px;
  }
  .our--brand--section h3 {
    font-size: 6.875rem;
    line-height: 103%;
  }
}
@media (max-width: 800px) {
  .our--brand--section {
    background: transparent url("../images/WEBP/pseg-img-ourpeople-ourplanet-md.webp") no-repeat 0 0;
    background-size: cover;
    height: 462px;
  }
  .our--brand--section h3 {
    font-size: 6.875rem;
  }
}
@media (max-width: 576px) {
  .our--brand--section {
    background: transparent url("../images/WEBP/pseg-img-ourpeople-ourplanet-sm.webp") no-repeat 0 0;
    background-size: cover;
    height: 320px;
  }
  .our--brand--section .headings {
    left: -20px;
  }
  .our--brand--section h3 {
    font-size: 3.75rem;
  }
}

@media (max-width: 800px) {
  .container.push {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    left: 15%;
    overflow: hidden;
  }
}
@media (max-width: 800px) {
  .container.push {
    max-width: none;
  }
}

.numbered-sequence {
  position: relative;
  overflow: hidden;
}
.numbered-sequence .arrowBox-Brand {
  width: 44px !important;
  height: 44px !important;
  background: transparent url("../images/arrow.svg");
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  top: 140px;
  left: 6% !important;
  transform: rotate(45deg) !important;
}
@media (max-width: 1200px) {
  .numbered-sequence .arrowBox-Brand {
    left: 2% !important;
  }
}
.numbered-sequence li {
  margin-bottom: 0.75rem;
}
.numbered-sequence .l--section {
  position: relative;
  left: 5%;
  padding-left: 12px;
}
.numbered-sequence .l--section h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.numbered-sequence .l--section .l {
  width: 100px;
  height: 100px;
  left: -100px;
  top: -60px;
}
@media (max-width: 1200px) {
  .numbered-sequence .l--section {
    left: initial;
  }
  .numbered-sequence .l--section .l {
    display: none;
  }
}
.numbered-sequence h3 {
  font-size: 3.75rem;
  font-weight: 600;
  color: var(--brand-steel-gray);
  font-family: var(--brand-font-power);
}
.numbered-sequence h3 .num {
  display: none;
}
.numbered-sequence h3 span {
  color: var(--brand-orange);
  font-style: italic;
  font-family: var(--brand-font-secondary);
  font-weight: 400;
}
@media (max-width: 1200px) {
  .numbered-sequence h3 .num {
    display: inline-block;
    font-size: 5rem;
    color: var(--brand-steel-gray);
    margin-right: 1rem;
  }
}
@media (max-width: 800px) {
  .numbered-sequence h3 {
    font-size: 3rem;
  }
}
@media (max-width: 800px) {
  .numbered-sequence h3 {
    font-size: 2.625rem;
  }
}
@media (max-width: 600px) {
  .numbered-sequence h3 {
    font-size: 2.25rem;
  }
  .numbered-sequence h3 .num {
    font-size: 3.375rem;
  }
}
.numbered-sequence p,
.numbered-sequence li {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.numbered-sequence p span,
.numbered-sequence li span {
  color: var(--brand-orange);
  font-weight: 600;
}
.numbered-sequence h4 {
  color: var(--brand-orange);
  font-weight: 600;
}
.numbered-sequence .item {
  height: 420px;
  margin-top: 4rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 2rem;
  position: relative;
}
.numbered-sequence .item.one {
  background-image: url("../images/WEBP/pseg-img-our-vision-xl.webp");
}
.numbered-sequence .item.two {
  background-image: url("../images/WEBP/pseg-img-brand-promise-xl.webp");
}
.numbered-sequence .item.three {
  background-image: url("../images/WEBP/pseg-img-our-attributes-xl.webp");
}
.numbered-sequence .item.four {
  background-image: url("../images/WEBP/pseg-img-reasons-to-believe-xl.webp");
}
.numbered-sequence .item.five {
  background-image: url("../images/WEBP/pseg-img-our-essence-xl.webp");
}
.numbered-sequence .item span {
  position: absolute;
  font-size: 7rem;
  left: 15px;
  bottom: 0px;
  color: white;
  font-family: var(--brand-font-secondary);
  font-style: italic;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .numbered-sequence .item span {
    display: none;
  }
}
.numbered-sequence .item.one span {
  color: var(--brand-steel-gray);
}
.numbered-sequence .larger-margin {
  margin-bottom: 6rem;
}
@media (max-width: 1200px) {
  .numbered-sequence .item {
    height: 350px;
    background-size: contain;
  }
  .numbered-sequence .item span {
    font-size: 6.25rem;
  }
}
@media (max-width: 800px) {
  .numbered-sequence .item {
    height: 232px;
  }
}
@media (max-width: 576px) {
  .numbered-sequence h3,
  .numbered-sequence h4 {
    max-width: 300px;
  }
  .numbered-sequence .item {
    height: 159px;
  }
  .numbered-sequence p,
  .numbered-sequence li {
    font-size: 1rem;
    line-height: 1.4rem;
    max-width: 300px;
  }
}

/* CSS Document */
/* Grid */
.hero-grid {
  display: grid;
  grid-template-columns: 75% 25%;
  grid-template-rows: 100px auto 1fr;
  background-color: var(--brand-steel-gray);
  /* Arrow */
  /* Text Styles */
  /* Nav Button */
}
.hero-grid .hero-grid--logo {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 2;
  height: 100px;
  background-color: var(--brand-plat-gray);
  display: flex;
}
.hero-grid .hero-grid--img {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: 4;
  grid-column-end: 3;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-position: center;
}
.hero-grid .our-brand {
  background-image: url("../images/WEBP/pseg-img-our-brand-hero-xl.webp");
}
.hero-grid .our-voice {
  background-image: url("../images/WEBP/pseg-img-our-voice-hero-xl.webp");
}
.hero-grid .hero-grid--h1 {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 2;
  padding-top: 5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.hero-grid .hero-grid--p {
  grid-row-start: 3;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 2;
  padding-bottom: 5rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 1000px) {
  .hero-grid .hero-grid--h1 {
    padding-top: 4rem;
    justify-content: start;
  }
  .hero-grid .hero-grid--p {
    padding-bottom: 4rem;
  }
}
@media (max-width: 800px) {
  .hero-grid .hero-grid--h1 {
    padding-top: 3.5rem;
  }
  .hero-grid .hero-grid--p {
    padding-bottom: 3.5rem;
  }
}
@media (max-width: 600px) {
  .hero-grid .hero-grid--img {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
  }
  .hero-grid .hero-grid--p {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 3;
    padding-top: 2rem;
  }
}
.hero-grid .main-logo {
  width: 140px;
  height: auto;
  display: block;
  align-self: center;
  margin-left: 2rem;
  position: inherit;
}
.hero-grid .overlay {
  height: 100px;
  background-color: rgba(20, 44, 65, 0.2);
  mix-blend-mode: multiply;
  display: flex;
}
@media (max-width: 1000px) {
  .hero-grid .hero-grid--logo {
    height: 90px;
  }
  .hero-grid .main-logo {
    width: 130px;
  }
  .hero-grid .overlay {
    height: 90px;
  }
}
@media (max-width: 800px) {
  .hero-grid .hero-grid--logo {
    height: 80px;
  }
  .hero-grid .main-logo {
    width: 120px;
  }
  .hero-grid .overlay {
    height: 80px;
  }
}
@media (max-width: 600px) {
  .hero-grid .hero-grid--logo {
    height: 72px;
  }
  .hero-grid .main-logo {
    width: 110px;
  }
  .hero-grid .overlay {
    height: 72px;
  }
}
.hero-grid .hero-grid--textwrapper {
  min-width: 600px;
  display: flex;
}
@media (max-width: 1000px) {
  .hero-grid .hero-grid--textwrapper {
    min-width: auto;
    padding: 0 2rem;
  }
}
.hero-grid .arrow {
  display: block;
  min-width: 60px;
  min-height: 60px;
  margin: 8px;
  background: url("../images/arrow.svg");
  background-repeat: no-repeat;
}
@media (max-width: 800px) {
  .hero-grid .arrow {
    min-width: 50px;
    min-height: 50px;
  }
}
@media (max-width: 600px) {
  .hero-grid .arrow {
    min-width: 40px;
    min-height: 40px;
  }
}
.hero-grid h1 {
  font-family: var(--brand-font-power);
  font-size: 7.375rem;
  font-weight: 600;
  line-height: 0.8;
  margin: 2rem 0;
  color: var(--brand-plat-gray);
}
.hero-grid h1 > span {
  display: block;
  font-family: var(--brand-font-secondary);
  font-size: 7rem;
  font-style: italic;
  font-weight: 400;
  color: var(--brand-orange);
  text-indent: 4rem;
}
@media (max-width: 1200px) {
  .hero-grid h1 {
    font-size: 6.25rem;
    margin: 1.75rem 0;
  }
  .hero-grid h1 > span {
    font-size: 6rem;
    text-indent: 3rem;
  }
}
@media (max-width: 800px) {
  .hero-grid h1 {
    font-size: 5.5rem;
    margin: 1.5rem 0;
  }
  .hero-grid h1 > span {
    font-size: 5.25rem;
    text-indent: 2.75rem;
  }
}
@media (max-width: 600px) {
  .hero-grid h1 {
    font-size: 4.5rem;
    margin: 1.25rem 0;
  }
  .hero-grid h1 > span {
    font-size: 4.25rem;
    text-indent: 2.25rem;
  }
}
.hero-grid .hero-grid--textwrapper > p, .hero-grid .hero-grid--textwrapper .d-flex > p {
  color: white;
  font-family: var(--brand-font-primary);
  font-size: 1.125rem;
  max-width: 60ex;
  padding-left: 0.75rem;
}
.hero-grid .hero-grid--textwrapper > p > span {
  font-family: var(--brand-font-secondary);
  font-style: italic;
  color: var(--brand-orange);
}
@media (max-width: 1200px) {
  .hero-grid .hero-grid--p > p {
    font-size: 1.0625rem;
  }
}
@media (max-width: 800px) {
  .hero-grid .hero-grid--p > p {
    font-size: 1rem;
    max-width: 40ex;
  }
}
@media (max-width: 600px) {
  .hero-grid .hero-grid--p > p {
    font-size: 1rem;
    max-width: 40ex;
  }
}
.hero-grid nav {
  position: absolute;
  top: 0;
  right: 0;
}
.hero-grid nav button span {
  display: block;
  margin-bottom: 8px;
  height: 1px;
  width: 25px;
}
.hero-grid nav button.mobile-menu-dark span {
  background-color: var(--brand-steel-gray);
}
.hero-grid nav button.mobile-menu-light span {
  background-color: white;
}

.ce header {
  background-color: var(--brand-steel-gray);
}
.ce .hero-ce .hero-ce--logo {
  background-color: transparent;
}
.ce .hero-ce--h1 {
  margin-top: 8rem;
}
.ce .hero--ce h1 {
  font-size: 6.25rem;
  line-height: 1;
  margin: 0 0 3rem 0;
  color: var(--brand-plat-gray);
}
.ce .hero-ce--textwrapper {
  display: block;
  position: relative;
  margin-bottom: 8rem;
}
.ce .hero-ce--textwrapper .dotSectionHeader {
  position: absolute;
  left: 10px;
  top: 95%;
}
.ce .descrip {
  font-size: 2rem;
  color: var(--brand-orange);
  font-family: var(--brand-font-secondary);
  font-style: italic;
  line-height: 0.8;
  display: block;
}
.ce p.fw-bold {
  font-family: var(--brand-font-power);
  font-size: 1.25rem;
  font-weight: 600 !important;
}
.ce .ce--content, .ce .examples--content {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.ce .ce--content .lead-copy, .ce .examples--content .lead-copy {
  font-size: 1.625rem;
  margin-bottom: 5rem;
}
.ce .ce--content .v-dots, .ce .examples--content .v-dots {
  padding-left: 0.5rem;
  border-left: 1px solid var(--brand-orange);
  width: 1px;
  margin-left: 1.5rem;
}
@media (max-width: 1200px) {
  .ce .ce--content .v-dots, .ce .examples--content .v-dots {
    display: none;
  }
}
@media (max-width: 900px) {
  .ce .descrip {
    font-size: 1.5rem;
  }
  .ce .hero--ce h1 {
    font-size: 3.25rem;
  }
}

.palette p.fw-bold {
  font-size: 1rem;
}

.palette-boxes, .ratio-boxes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}
.palette-boxes .section, .ratio-boxes .section {
  width: 100%;
  max-width: 900px;
}
.palette-boxes .section .item, .ratio-boxes .section .item {
  min-height: 110px;
  aspect-ratio: 1;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.palette-boxes .section .item.orange, .ratio-boxes .section .item.orange {
  background-color: var(--brand-orange);
}
.palette-boxes .section .item.white, .ratio-boxes .section .item.white {
  background-color: white;
  border-color: var(--brand-plat-gray);
}
.palette-boxes .section .item.plat-gray, .ratio-boxes .section .item.plat-gray {
  background-color: var(--brand-plat-gray);
}
.palette-boxes .section .item.steel-gray, .ratio-boxes .section .item.steel-gray {
  background-color: var(--brand-med-gray);
}
.palette-boxes .section .item.dark-steel-gray, .ratio-boxes .section .item.dark-steel-gray {
  background-color: var(--brand-steel-gray);
}
.palette-boxes .img-notes span, .ratio-boxes .img-notes span {
  display: inline-block;
  min-width: 50px;
}

@media (max-width: 600px) {
  .palette-boxes {
    grid-template-columns: auto;
  }
}

.ratio-boxes {
  width: 100%;
  max-width: 900px;
  display: flex;
}
.ratio-boxes .item {
  border-top: 1px solid;
  border-bottom: 1px solid;
  height: 52px;
}
.ratio-boxes .item:first-child {
  border-left: 1px solid;
  border-color: var(--brand-med-gray);
  background-color: #fff;
  width: 40%;
}
.ratio-boxes .item:nth-child(2) {
  border-color: var(--brand-med-gray);
  background-color: var(--brand-plat-gray);
  width: 18%;
}
.ratio-boxes .item:nth-child(3) {
  border-color: var(--brand-med-gray);
  background-color: var(--brand-med-gray);
  width: 18%;
}
.ratio-boxes .item:nth-child(4) {
  border-color: var(--brand-steel-gray);
  background-color: var(--brand-steel-gray);
  width: 18%;
}
.ratio-boxes .item:last-child {
  border-color: var(--brand-orange);
  background-color: var(--brand-orange);
  width: 6%;
}

.bigNumber {
  font-size: 7rem;
  color: var(--brand-steel-gray);
  font-family: var(--brand-font-secondary);
  font-style: italic;
  font-weight: 400;
  line-height: 0.5;
  margin-bottom: 3rem;
}

.horiz--divider-gray {
  border-top: 3px dotted var(--brand-plat-gray);
  margin: 4rem 0;
}

.clearspace {
  grid-template-columns: 2.25fr 1fr;
}

@media (max-width: 960px) {
  .logo--over--background .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.section-four, .section-five {
  display: grid;
  grid-template-columns: repeat(auto-fit, 207px);
  grid-template-rows: 1;
  gap: 15px;
  place-content: center;
}
.section-four .colored-logo-options .box, .section-five .colored-logo-options .box {
  width: 207px;
  height: 207px;
  border: 1px solid transparent;
  margin-bottom: 1rem;
  background-size: 150px;
  background-position: center;
  background-repeat: no-repeat;
}
.section-four .colored-logo-options:first-child .box, .section-five .colored-logo-options:first-child .box {
  background-color: var(--brand-steel-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.4 28.4' style='enable-background:new 0 0 107.4 28.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M24.9,18.8l-4.7-1.2l3.6,3.3l-7.1-4.3l5.6,6.1l-3.9-2.9l2.1,4.4l-4.9-6.7l2.8,7.8l-2.5-4.2l0.3,4.9l-2.3-8 l0,8.3l-0.8-4.8L11.5,26l1.3-8.2l-3.5,7.5l1.2-4.7l-3.3,3.6l4.3-7.1l-6.1,5.6l2.9-3.9l-4.4,2.1l6.7-4.9l-7.8,2.8l4.2-2.5l-4.9,0.2 l8.1-2l-8.3-0.4l4.8-0.7l-4.6-1.6l8.2,1.3L2.8,9.7l4.7,1.2L3.9,7.6l7.1,4.3L5.4,5.8l3.9,2.9L7.2,4.3l4.9,6.7L9.2,3.2l2.5,4.2 l-0.2-4.9l2,8.1l0.4-8.3l0.7,4.8l1.6-4.6l-1.3,8.2l3.5-7.5l-1.2,4.7l3.3-3.6l-4.3,7.1l6.1-5.6l-2.9,3.9l4.4-2.1l-6.7,4.9l7.8-2.8 l-4.2,2.5l4.9-0.2l-8,2l8.3,0.4L21,15l4.6,1.6l-8.2-1.3L24.9,18.8z M13.8,1.2C6.6,1.2,0.8,7,0.8,14.2c0,7.2,5.9,13.1,13.1,13.1 c7.2,0,13.1-5.9,13.1-13.1C26.9,7,21,1.2,13.8,1.2'/%3E%3Cpath class='st0' d='M42,5.1l0,10.3c0,0.6,0.9,0.5,1.5,0.4c1.5-0.5,3.2-2.3,3.2-5C46.7,6.5,43.3,4.9,42,5.1 M35.7,24.2 c0.4-0.2,0.7-0.3,0.6-1.2V6c0,0,0.2-1.3-0.7-1.3l0,0l8.5,0c4.6,0,8.2,2.3,8.2,6.1c0,4.7-5.6,6.5-10.2,5.8v6.5 c0,0.8,0.3,1.1,0.6,1.2l0,0L35.7,24.2L35.7,24.2z'/%3E%3Cpath class='st0' d='M68,10V4.6h-6.5c-6.7,0-8.5,2.7-8.5,5.7c0,3.3,2.3,4.6,3.5,5.2c1.3,0.6,4.8,1.7,5.9,2.1c1.1,0.4,2.5,1,2.5,2.9 c0,2-2.1,3.2-4.1,3.2c-3.6,0-7.1-2.7-7.6-6l-0.1,0v6.5c0,0,5.3,0,7.9,0c4.1,0.1,8.5-1.7,8.7-6c0.1-1.4-0.5-4.8-5-6.3 c-2.2-0.7-3.3-0.7-4.6-1.3c-1.4-0.6-2.9-2.3-1.3-4.1C60.1,4.9,65.4,3.3,68,10L68,10z'/%3E%3Cpath class='st0' d='M106.1,24.2c0,0-5.1,0-8.9,0c-5.9,0-9.9-4.3-10-9.9c-0.1-5.6,4.2-9.7,9.6-9.7h7.6v5.5 c-0.8-1.6-2.6-5.1-5.5-5.1c-3.1,0-6.1,4-6.1,9.8c0,4.5,3.4,8.8,5.5,8.8c1.5,0,1.9-1.2,1.9-1.9v-6.6c0-0.6-0.8-0.9-1.2-0.9l0-0.1 h7.1l0,0.1c-0.4,0-0.5,0.5-0.5,0.8v8.1C105.5,23.6,105.8,24.2,106.1,24.2L106.1,24.2z'/%3E%3Cpath class='st0' d='M86.8,17.8c-0.3,2.2-4.4,5.8-6.4,5.9c-1.4,0.1-1.9,0-2.6,0c-0.7,0-1.1-0.1-1.1-0.9v-8.5c1.1,0.3,1.8,0.6,2.3,1 c2.2,1.4,2.7,2.4,2.7,2.4l0.1,0V9.6l-0.1,0c0,0-0.4,1.4-2.6,2.9c-1.1,0.7-2,1.1-2.3,1.2V5.1h3.5c3,0.2,5.1,3.8,5.7,4.9l0,0V4.6 H70.1l0,0c0.5,0,0.7,0.7,0.7,1.2v17.2c0,0.6-0.4,1-0.7,1l0,0.1h16.7L86.8,17.8L86.8,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section-four .colored-logo-options:nth-child(2) .box, .section-five .colored-logo-options:nth-child(2) .box {
  background-color: var(--brand-med-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 641.5 180.8' style='enable-background:new 0 0 641.5 180.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22.5,90.5c0-40.9,33.1-74.1,73.9-74.1s73.9,33.2,73.9,74.1s-33.1,74.1-73.9,74.1S22.5,131.4,22.5,90.5'/%3E%3Cpolygon class='st1' points='86.6,71.9 58.8,34 70.7,59 48.5,42.5 80.2,77.1 40.1,52.8 60.6,71.3 33.8,64.5 76.4,84.4 30,77.3 56,86.5 28.7,90.5 75.6,92.6 30,103.8 57.5,102.4 33.8,116.5 78,100.4 40.1,128.3 65,116.4 48.6,138.6 83.2,106.8 58.8,147 77.3,126.5 70.5,153.3 90.4,110.7 83.2,157.1 92.2,131.1 96.5,158.5 96.5,111.6 109.7,157.2 108.3,129.6 122.4,153.3 106.4,109.1 134.1,147 122.3,122 144.4,138.6 112.7,103.9 152.8,128.3 132.3,109.8 159.1,116.5 116.6,96.7 162.9,103.8 137,94.5 164.2,90.5 117.4,88.5 163,77.3 135.4,78.7 159.1,64.5 115.1,80.6 152.9,52.8 127.9,64.6 144.4,42.5 109.8,74.2 134.1,34 115.7,54.5 122.4,27.7 102.6,70.4 109.7,23.9 100.5,49.9 96.5,22.6 94.4,69.5 83.2,23.8 84.6,51.4 70.5,27.7 '/%3E%3Cpath class='st1' d='M256,38.4l0.1,58.7c0,3.2,4.8,3.1,8.3,2c8.5-2.6,18-13.2,18-28.3C282.4,46.8,263,37.3,256,38.4 M220.4,146.9 c2.5-1.3,3.7-2,3.4-7.1V43.7c0,0,1-7.6-4.1-7.6v-0.2H268c26.2,0,46.1,13.1,46.1,34.4c0,26.9-31.6,37.1-57.8,32.6v36.9 c-0.2,4.6,1.7,6.4,3.7,7.1v0.1h-39.6V146.9z'/%3E%3Cpath class='st1' d='M402.6,66.3V35.8h-36.5c-37.7,0-47.8,15.5-47.8,32.2c0,18.5,13.1,26.1,19.9,29.4c7.3,3.5,27.2,9.7,33.4,11.9 c6.1,2.2,14,5.4,14,16.5c0,11.5-12.1,18.4-23.2,18.4c-20.5,0-40-15.2-43-33.8h-0.3V147c0,0,30.3-0.2,44.7,0 c23.2,0.3,48.1-9.9,49.1-34.3c0.3-8-2.6-27-28.3-35.7c-12.2-4.1-18.5-4.1-26.2-7.5c-7.6-3.3-16.2-13.2-7.4-23.4 c7.4-8.6,37.1-17.9,51.6,20.1L402.6,66.3z'/%3E%3Cpath class='st1' d='M618.1,147c0,0-28.8,0-50.3,0c-33.6,0-55.7-24.3-56.5-56c-0.7-31.7,23.7-55.1,54.5-55.1h42.7v31.3 c-4.4-8.8-14.7-28.7-31.1-28.7c-17.7,0-34.4,22.7-34.4,55.8c0,25.3,19.1,50.1,31,50.1c8.3,0,10.9-6.9,10.9-10.6V96.1 c0-3.3-4.8-4.9-7-4.9v-0.5h40.2V91c-2.3,0-3,2.9-3,4.7v45.9c0,1.7,1.4,5.1,3,5.1L618.1,147z'/%3E%3Cpath class='st1' d='M509.2,110.5c-1.6,12.6-24.9,33.1-36,33.7c-8.2,0.4-10.6,0-14.6,0c-4.1,0-6.1-0.8-6.1-5.1v-48 c6.4,1.9,10.1,3.7,12.9,5.5c12.3,7.9,15,13.8,15,13.8l0.5,0.1V64.1l-0.5-0.1c0,0-2.5,7.8-14.8,16.2c-6.1,4.1-11.6,6.1-13.1,6.5V38.6 h19.7c17.1,1.1,28.9,21.8,32.4,27.8h0.2V35.8h-90v0.3c3.1,0,4.1,4.2,4.1,7v97.8c0,3.7-2.3,5.9-4.2,5.9v0.3h94.5V110.5L509.2,110.5z' /%3E%3C/svg%3E%0A");
}
.section-four .colored-logo-options:nth-child(3) .box, .section-five .colored-logo-options:nth-child(3) .box {
  background-color: var(--brand-plat-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 641.5 180.8' style='enable-background:new 0 0 641.5 180.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23142C41;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22.5,90.5c0-40.9,33.1-74.1,73.9-74.1s73.9,33.2,73.9,74.1c0,40.9-33.1,74.1-73.9,74.1S22.5,131.4,22.5,90.5' /%3E%3Cpolygon class='st1' points='86.6,71.9 58.8,34 70.7,59 48.5,42.5 80.2,77.1 40.1,52.8 60.6,71.3 33.8,64.5 76.4,84.4 30,77.3 56,86.5 28.7,90.5 75.6,92.6 30,103.8 57.5,102.4 33.8,116.5 78,100.4 40.1,128.3 65,116.4 48.6,138.6 83.2,106.8 58.8,147 77.3,126.5 70.5,153.3 90.4,110.7 83.2,157.1 92.2,131.1 96.5,158.5 96.5,111.6 109.7,157.2 108.3,129.6 122.4,153.3 106.4,109.1 134.1,147 122.3,122 144.4,138.6 112.7,103.9 152.8,128.3 132.3,109.8 159.1,116.5 116.6,96.7 162.9,103.8 137,94.5 164.2,90.5 117.4,88.5 163,77.3 135.4,78.7 159.1,64.5 115.1,80.6 152.9,52.8 127.9,64.6 144.4,42.5 109.8,74.2 134.1,34 115.7,54.5 122.4,27.7 102.6,70.4 109.7,23.9 100.5,49.9 96.5,22.6 94.4,69.5 83.2,23.8 84.6,51.4 70.5,27.7 '/%3E%3Cpath class='st2' d='M256,38.4l0.1,58.7c0,3.2,4.8,3.1,8.3,2c8.5-2.6,18-13.2,18-28.3C282.4,46.8,263,37.3,256,38.4 M220.4,146.9 c2.5-1.3,3.7-2,3.4-7.1V43.7c0,0,1-7.6-4.1-7.6l0-0.2l48.3,0c26.2,0,46.1,13.1,46.1,34.4c0,26.9-31.6,37.1-57.8,32.6v36.9 c-0.2,4.6,1.7,6.4,3.7,7.1l0,0.1h-39.6L220.4,146.9z'/%3E%3Cpath class='st2' d='M402.6,66.3V35.8h-36.5c-37.7,0-47.8,15.5-47.8,32.2c0,18.5,13.1,26.1,19.9,29.4c7.3,3.5,27.2,9.7,33.4,11.9 c6.1,2.2,14,5.4,14,16.5c0,11.5-12.1,18.4-23.2,18.4c-20.5,0-40-15.2-43-33.8l-0.3,0V147c0,0,30.3-0.2,44.7,0 c23.2,0.3,48.1-9.9,49.1-34.3c0.3-8-2.6-27-28.3-35.7c-12.2-4.1-18.5-4.1-26.2-7.5c-7.6-3.3-16.2-13.2-7.4-23.4 c7.4-8.6,37.1-17.9,51.6,20.1L402.6,66.3z'/%3E%3Cpath class='st2' d='M618.1,147c0,0-28.8,0-50.3,0c-33.6,0-55.7-24.3-56.5-56c-0.7-31.7,23.7-55.1,54.5-55.1h42.7v31.3 c-4.4-8.8-14.7-28.7-31.1-28.7c-17.7,0-34.4,22.7-34.4,55.8c0,25.3,19.1,50.1,31,50.1c8.3,0,10.9-6.9,10.9-10.6V96.1 c0-3.3-4.8-4.9-7-4.9l0-0.5h40.2l0,0.3c-2.3,0-3,2.9-3,4.7v45.9c0,1.7,1.4,5.1,3,5.1L618.1,147z'/%3E%3Cpath class='st2' d='M509.2,110.5c-1.6,12.6-24.9,33.1-36,33.7c-8.2,0.4-10.6,0-14.6,0c-4.1,0-6.1-0.8-6.1-5.1V91.1 c6.4,1.9,10.1,3.7,12.9,5.5c12.3,7.9,15,13.8,15,13.8l0.5,0.1V64.1l-0.5-0.1c0,0-2.5,7.8-14.8,16.2c-6.1,4.1-11.6,6.1-13.1,6.5V38.6 h19.7c17.1,1.1,28.9,21.8,32.4,27.8l0.2,0V35.8h-90l0,0.3c3.1,0,4.1,4.2,4.1,7v97.8c0,3.7-2.3,5.9-4.2,5.9l0,0.3h94.5l0-36.6 L509.2,110.5z'/%3E%3C/svg%3E%0A");
}
.section-four .colored-logo-options:last-child .box, .section-five .colored-logo-options:last-child .box {
  border-color: var(--brand-plat-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 641.5 180.8' style='enable-background:new 0 0 641.5 180.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23142C41;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22.5,90.5c0-40.9,33.1-74.1,73.9-74.1s73.9,33.2,73.9,74.1c0,40.9-33.1,74.1-73.9,74.1S22.5,131.4,22.5,90.5' /%3E%3Cpolygon class='st1' points='86.6,71.9 58.8,34 70.7,59 48.5,42.5 80.2,77.1 40.1,52.8 60.6,71.3 33.8,64.5 76.4,84.4 30,77.3 56,86.5 28.7,90.5 75.6,92.6 30,103.8 57.5,102.4 33.8,116.5 78,100.4 40.1,128.3 65,116.4 48.6,138.6 83.2,106.8 58.8,147 77.3,126.5 70.5,153.3 90.4,110.7 83.2,157.1 92.2,131.1 96.5,158.5 96.5,111.6 109.7,157.2 108.3,129.6 122.4,153.3 106.4,109.1 134.1,147 122.3,122 144.4,138.6 112.7,103.9 152.8,128.3 132.3,109.8 159.1,116.5 116.6,96.7 162.9,103.8 137,94.5 164.2,90.5 117.4,88.5 163,77.3 135.4,78.7 159.1,64.5 115.1,80.6 152.9,52.8 127.9,64.6 144.4,42.5 109.8,74.2 134.1,34 115.7,54.5 122.4,27.7 102.6,70.4 109.7,23.9 100.5,49.9 96.5,22.6 94.4,69.5 83.2,23.8 84.6,51.4 70.5,27.7 '/%3E%3Cpath class='st2' d='M256,38.4l0.1,58.7c0,3.2,4.8,3.1,8.3,2c8.5-2.6,18-13.2,18-28.3C282.4,46.8,263,37.3,256,38.4 M220.4,146.9 c2.5-1.3,3.7-2,3.4-7.1V43.7c0,0,1-7.6-4.1-7.6l0-0.2l48.3,0c26.2,0,46.1,13.1,46.1,34.4c0,26.9-31.6,37.1-57.8,32.6v36.9 c-0.2,4.6,1.7,6.4,3.7,7.1l0,0.1h-39.6L220.4,146.9z'/%3E%3Cpath class='st2' d='M402.6,66.3V35.8h-36.5c-37.7,0-47.8,15.5-47.8,32.2c0,18.5,13.1,26.1,19.9,29.4c7.3,3.5,27.2,9.7,33.4,11.9 c6.1,2.2,14,5.4,14,16.5c0,11.5-12.1,18.4-23.2,18.4c-20.5,0-40-15.2-43-33.8l-0.3,0V147c0,0,30.3-0.2,44.7,0 c23.2,0.3,48.1-9.9,49.1-34.3c0.3-8-2.6-27-28.3-35.7c-12.2-4.1-18.5-4.1-26.2-7.5c-7.6-3.3-16.2-13.2-7.4-23.4 c7.4-8.6,37.1-17.9,51.6,20.1L402.6,66.3z'/%3E%3Cpath class='st2' d='M618.1,147c0,0-28.8,0-50.3,0c-33.6,0-55.7-24.3-56.5-56c-0.7-31.7,23.7-55.1,54.5-55.1h42.7v31.3 c-4.4-8.8-14.7-28.7-31.1-28.7c-17.7,0-34.4,22.7-34.4,55.8c0,25.3,19.1,50.1,31,50.1c8.3,0,10.9-6.9,10.9-10.6V96.1 c0-3.3-4.8-4.9-7-4.9l0-0.5h40.2l0,0.3c-2.3,0-3,2.9-3,4.7v45.9c0,1.7,1.4,5.1,3,5.1L618.1,147z'/%3E%3Cpath class='st2' d='M509.2,110.5c-1.6,12.6-24.9,33.1-36,33.7c-8.2,0.4-10.6,0-14.6,0c-4.1,0-6.1-0.8-6.1-5.1V91.1 c6.4,1.9,10.1,3.7,12.9,5.5c12.3,7.9,15,13.8,15,13.8l0.5,0.1V64.1l-0.5-0.1c0,0-2.5,7.8-14.8,16.2c-6.1,4.1-11.6,6.1-13.1,6.5V38.6 h19.7c17.1,1.1,28.9,21.8,32.4,27.8l0.2,0V35.8h-90l0,0.3c3.1,0,4.1,4.2,4.1,7v97.8c0,3.7-2.3,5.9-4.2,5.9l0,0.3h94.5l0-36.6 L509.2,110.5z'/%3E%3C/svg%3E%0A");
}

.section-five {
  grid-template-columns: repeat(auto-fit, 222px);
  gap: 30px;
  justify-content: space-between;
}
.section-five .colored-logo-options .box {
  width: 222px;
  height: 222px;
  background-size: 170px;
}
.section-five .colored-logo-options:first-child .box {
  border-color: var(--brand-plat-gray);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 641.5 180.8' style='enable-background:new 0 0 641.5 180.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23142C41;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22.5,90.5c0-40.9,33.1-74.1,73.9-74.1s73.9,33.2,73.9,74.1c0,40.9-33.1,74.1-73.9,74.1S22.5,131.4,22.5,90.5' /%3E%3Cpolygon class='st1' points='86.6,71.9 58.8,34 70.7,59 48.5,42.5 80.2,77.1 40.1,52.8 60.6,71.3 33.8,64.5 76.4,84.4 30,77.3 56,86.5 28.7,90.5 75.6,92.6 30,103.8 57.5,102.4 33.8,116.5 78,100.4 40.1,128.3 65,116.4 48.6,138.6 83.2,106.8 58.8,147 77.3,126.5 70.5,153.3 90.4,110.7 83.2,157.1 92.2,131.1 96.5,158.5 96.5,111.6 109.7,157.2 108.3,129.6 122.4,153.3 106.4,109.1 134.1,147 122.3,122 144.4,138.6 112.7,103.9 152.8,128.3 132.3,109.8 159.1,116.5 116.6,96.7 162.9,103.8 137,94.5 164.2,90.5 117.4,88.5 163,77.3 135.4,78.7 159.1,64.5 115.1,80.6 152.9,52.8 127.9,64.6 144.4,42.5 109.8,74.2 134.1,34 115.7,54.5 122.4,27.7 102.6,70.4 109.7,23.9 100.5,49.9 96.5,22.6 94.4,69.5 83.2,23.8 84.6,51.4 70.5,27.7 '/%3E%3Cpath class='st2' d='M256,38.4l0.1,58.7c0,3.2,4.8,3.1,8.3,2c8.5-2.6,18-13.2,18-28.3C282.4,46.8,263,37.3,256,38.4 M220.4,146.9 c2.5-1.3,3.7-2,3.4-7.1V43.7c0,0,1-7.6-4.1-7.6l0-0.2l48.3,0c26.2,0,46.1,13.1,46.1,34.4c0,26.9-31.6,37.1-57.8,32.6v36.9 c-0.2,4.6,1.7,6.4,3.7,7.1l0,0.1h-39.6L220.4,146.9z'/%3E%3Cpath class='st2' d='M402.6,66.3V35.8h-36.5c-37.7,0-47.8,15.5-47.8,32.2c0,18.5,13.1,26.1,19.9,29.4c7.3,3.5,27.2,9.7,33.4,11.9 c6.1,2.2,14,5.4,14,16.5c0,11.5-12.1,18.4-23.2,18.4c-20.5,0-40-15.2-43-33.8l-0.3,0V147c0,0,30.3-0.2,44.7,0 c23.2,0.3,48.1-9.9,49.1-34.3c0.3-8-2.6-27-28.3-35.7c-12.2-4.1-18.5-4.1-26.2-7.5c-7.6-3.3-16.2-13.2-7.4-23.4 c7.4-8.6,37.1-17.9,51.6,20.1L402.6,66.3z'/%3E%3Cpath class='st2' d='M618.1,147c0,0-28.8,0-50.3,0c-33.6,0-55.7-24.3-56.5-56c-0.7-31.7,23.7-55.1,54.5-55.1h42.7v31.3 c-4.4-8.8-14.7-28.7-31.1-28.7c-17.7,0-34.4,22.7-34.4,55.8c0,25.3,19.1,50.1,31,50.1c8.3,0,10.9-6.9,10.9-10.6V96.1 c0-3.3-4.8-4.9-7-4.9l0-0.5h40.2l0,0.3c-2.3,0-3,2.9-3,4.7v45.9c0,1.7,1.4,5.1,3,5.1L618.1,147z'/%3E%3Cpath class='st2' d='M509.2,110.5c-1.6,12.6-24.9,33.1-36,33.7c-8.2,0.4-10.6,0-14.6,0c-4.1,0-6.1-0.8-6.1-5.1V91.1 c6.4,1.9,10.1,3.7,12.9,5.5c12.3,7.9,15,13.8,15,13.8l0.5,0.1V64.1l-0.5-0.1c0,0-2.5,7.8-14.8,16.2c-6.1,4.1-11.6,6.1-13.1,6.5V38.6 h19.7c17.1,1.1,28.9,21.8,32.4,27.8l0.2,0V35.8h-90l0,0.3c3.1,0,4.1,4.2,4.1,7v97.8c0,3.7-2.3,5.9-4.2,5.9l0,0.3h94.5l0-36.6 L509.2,110.5z'/%3E%3C/svg%3E%0A");
}
.section-five .colored-logo-options:nth-child(2) .box {
  background-color: var(--brand-steel-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 641.5 180.8' style='enable-background:new 0 0 641.5 180.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0512C;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22.5,90.5c0-40.9,33.1-74.1,73.9-74.1s73.9,33.2,73.9,74.1s-33.1,74.1-73.9,74.1S22.5,131.4,22.5,90.5'/%3E%3Cpolygon class='st1' points='86.6,71.9 58.8,34 70.7,59 48.5,42.5 80.2,77.1 40.1,52.8 60.6,71.3 33.8,64.5 76.4,84.4 30,77.3 56,86.5 28.7,90.5 75.6,92.6 30,103.8 57.5,102.4 33.8,116.5 78,100.4 40.1,128.3 65,116.4 48.6,138.6 83.2,106.8 58.8,147 77.3,126.5 70.5,153.3 90.4,110.7 83.2,157.1 92.2,131.1 96.5,158.5 96.5,111.6 109.7,157.2 108.3,129.6 122.4,153.3 106.4,109.1 134.1,147 122.3,122 144.4,138.6 112.7,103.9 152.8,128.3 132.3,109.8 159.1,116.5 116.6,96.7 162.9,103.8 137,94.5 164.2,90.5 117.4,88.5 163,77.3 135.4,78.7 159.1,64.5 115.1,80.6 152.9,52.8 127.9,64.6 144.4,42.5 109.8,74.2 134.1,34 115.7,54.5 122.4,27.7 102.6,70.4 109.7,23.9 100.5,49.9 96.5,22.6 94.4,69.5 83.2,23.8 84.6,51.4 70.5,27.7 '/%3E%3Cpath class='st1' d='M256,38.4l0.1,58.7c0,3.2,4.8,3.1,8.3,2c8.5-2.6,18-13.2,18-28.3C282.4,46.8,263,37.3,256,38.4 M220.4,146.9 c2.5-1.3,3.7-2,3.4-7.1V43.7c0,0,1-7.6-4.1-7.6v-0.2H268c26.2,0,46.1,13.1,46.1,34.4c0,26.9-31.6,37.1-57.8,32.6v36.9 c-0.2,4.6,1.7,6.4,3.7,7.1v0.1h-39.6V146.9z'/%3E%3Cpath class='st1' d='M402.6,66.3V35.8h-36.5c-37.7,0-47.8,15.5-47.8,32.2c0,18.5,13.1,26.1,19.9,29.4c7.3,3.5,27.2,9.7,33.4,11.9 c6.1,2.2,14,5.4,14,16.5c0,11.5-12.1,18.4-23.2,18.4c-20.5,0-40-15.2-43-33.8h-0.3V147c0,0,30.3-0.2,44.7,0 c23.2,0.3,48.1-9.9,49.1-34.3c0.3-8-2.6-27-28.3-35.7c-12.2-4.1-18.5-4.1-26.2-7.5c-7.6-3.3-16.2-13.2-7.4-23.4 c7.4-8.6,37.1-17.9,51.6,20.1L402.6,66.3z'/%3E%3Cpath class='st1' d='M618.1,147c0,0-28.8,0-50.3,0c-33.6,0-55.7-24.3-56.5-56c-0.7-31.7,23.7-55.1,54.5-55.1h42.7v31.3 c-4.4-8.8-14.7-28.7-31.1-28.7c-17.7,0-34.4,22.7-34.4,55.8c0,25.3,19.1,50.1,31,50.1c8.3,0,10.9-6.9,10.9-10.6V96.1 c0-3.3-4.8-4.9-7-4.9v-0.5h40.2V91c-2.3,0-3,2.9-3,4.7v45.9c0,1.7,1.4,5.1,3,5.1L618.1,147z'/%3E%3Cpath class='st1' d='M509.2,110.5c-1.6,12.6-24.9,33.1-36,33.7c-8.2,0.4-10.6,0-14.6,0c-4.1,0-6.1-0.8-6.1-5.1v-48 c6.4,1.9,10.1,3.7,12.9,5.5c12.3,7.9,15,13.8,15,13.8l0.5,0.1V64.1l-0.5-0.1c0,0-2.5,7.8-14.8,16.2c-6.1,4.1-11.6,6.1-13.1,6.5V38.6 h19.7c17.1,1.1,28.9,21.8,32.4,27.8h0.2V35.8h-90v0.3c3.1,0,4.1,4.2,4.1,7v97.8c0,3.7-2.3,5.9-4.2,5.9v0.3h94.5V110.5L509.2,110.5z' /%3E%3C/svg%3E%0A");
}
.section-five .colored-logo-options:nth-child(3) .box {
  background-color: var(--brand-steel-gray);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.4 28.4' style='enable-background:new 0 0 107.4 28.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M24.9,18.8l-4.7-1.2l3.6,3.3l-7.1-4.3l5.6,6.1l-3.9-2.9l2.1,4.4l-4.9-6.7l2.8,7.8l-2.5-4.2l0.3,4.9l-2.3-8 l0,8.3l-0.8-4.8L11.5,26l1.3-8.2l-3.5,7.5l1.2-4.7l-3.3,3.6l4.3-7.1l-6.1,5.6l2.9-3.9l-4.4,2.1l6.7-4.9l-7.8,2.8l4.2-2.5l-4.9,0.2 l8.1-2l-8.3-0.4l4.8-0.7l-4.6-1.6l8.2,1.3L2.8,9.7l4.7,1.2L3.9,7.6l7.1,4.3L5.4,5.8l3.9,2.9L7.2,4.3l4.9,6.7L9.2,3.2l2.5,4.2 l-0.2-4.9l2,8.1l0.4-8.3l0.7,4.8l1.6-4.6l-1.3,8.2l3.5-7.5l-1.2,4.7l3.3-3.6l-4.3,7.1l6.1-5.6l-2.9,3.9l4.4-2.1l-6.7,4.9l7.8-2.8 l-4.2,2.5l4.9-0.2l-8,2l8.3,0.4L21,15l4.6,1.6l-8.2-1.3L24.9,18.8z M13.8,1.2C6.6,1.2,0.8,7,0.8,14.2c0,7.2,5.9,13.1,13.1,13.1 c7.2,0,13.1-5.9,13.1-13.1C26.9,7,21,1.2,13.8,1.2'/%3E%3Cpath class='st0' d='M42,5.1l0,10.3c0,0.6,0.9,0.5,1.5,0.4c1.5-0.5,3.2-2.3,3.2-5C46.7,6.5,43.3,4.9,42,5.1 M35.7,24.2 c0.4-0.2,0.7-0.3,0.6-1.2V6c0,0,0.2-1.3-0.7-1.3l0,0l8.5,0c4.6,0,8.2,2.3,8.2,6.1c0,4.7-5.6,6.5-10.2,5.8v6.5 c0,0.8,0.3,1.1,0.6,1.2l0,0L35.7,24.2L35.7,24.2z'/%3E%3Cpath class='st0' d='M68,10V4.6h-6.5c-6.7,0-8.5,2.7-8.5,5.7c0,3.3,2.3,4.6,3.5,5.2c1.3,0.6,4.8,1.7,5.9,2.1c1.1,0.4,2.5,1,2.5,2.9 c0,2-2.1,3.2-4.1,3.2c-3.6,0-7.1-2.7-7.6-6l-0.1,0v6.5c0,0,5.3,0,7.9,0c4.1,0.1,8.5-1.7,8.7-6c0.1-1.4-0.5-4.8-5-6.3 c-2.2-0.7-3.3-0.7-4.6-1.3c-1.4-0.6-2.9-2.3-1.3-4.1C60.1,4.9,65.4,3.3,68,10L68,10z'/%3E%3Cpath class='st0' d='M106.1,24.2c0,0-5.1,0-8.9,0c-5.9,0-9.9-4.3-10-9.9c-0.1-5.6,4.2-9.7,9.6-9.7h7.6v5.5 c-0.8-1.6-2.6-5.1-5.5-5.1c-3.1,0-6.1,4-6.1,9.8c0,4.5,3.4,8.8,5.5,8.8c1.5,0,1.9-1.2,1.9-1.9v-6.6c0-0.6-0.8-0.9-1.2-0.9l0-0.1 h7.1l0,0.1c-0.4,0-0.5,0.5-0.5,0.8v8.1C105.5,23.6,105.8,24.2,106.1,24.2L106.1,24.2z'/%3E%3Cpath class='st0' d='M86.8,17.8c-0.3,2.2-4.4,5.8-6.4,5.9c-1.4,0.1-1.9,0-2.6,0c-0.7,0-1.1-0.1-1.1-0.9v-8.5c1.1,0.3,1.8,0.6,2.3,1 c2.2,1.4,2.7,2.4,2.7,2.4l0.1,0V9.6l-0.1,0c0,0-0.4,1.4-2.6,2.9c-1.1,0.7-2,1.1-2.3,1.2V5.1h3.5c3,0.2,5.1,3.8,5.7,4.9l0,0V4.6 H70.1l0,0c0.5,0,0.7,0.7,0.7,1.2v17.2c0,0.6-0.4,1-0.7,1l0,0.1h16.7L86.8,17.8L86.8,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.photocopy {
  border: 1px solid var(--brand-plat-gray);
  padding: 2rem;
  position: relative;
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 800px) {
  .photocopy {
    flex-direction: column;
  }
}
.photocopy img {
  width: 300px;
}
.section-six .dont-do-it {
  display: grid;
  grid-template-columns: repeat(auto-fit, 291px);
  gap: 15px;
}
.section-six .dont-do-it .box img {
  width: 291px;
  height: 129px;
  border: thin solid var(--brand-plat-gray);
}
.section-six .dont-do-it .box p {
  margin-top: 1rem;
  font-size: 0.938rem;
  line-height: 1;
}

.section-seven {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  padding: 0;
}

.button-m-20 {
  margin-bottom: 1.25rem;
}

.combo-arrows {
  display: flex;
  justify-content: space-between;
}

.arrow-drop-shadow {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  width: 202px;
  height: 146px;
}

.arrow-patterns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
}

@media (max-width: 991px) {
  .combo-arrows {
    width: 48%;
  }
}
.button-m-40 {
  margin-bottom: 2.5rem;
}

.cropping-img1 {
  margin-bottom: 2.25rem;
  width: 532px;
}

.cropping-img2 {
  width: 835px;
}

.print-img1 {
  width: 605px;
  float: right;
  margin-bottom: 1.625rem;
}

.print-img2 {
  width: 743px;
  float: right;
}

.energy-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  margin-bottom: 1.625rem;
}

.power-words-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
}

@media (max-width: 1199px) {
  .print-img1,
  .print-img2,
  .cropping-img1,
  .cropping-img2 {
    width: 100%;
  }
}
.section-one-btn {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.section-one-row-one {
  display: grid;
  grid-template-columns: 0.66fr 0.398fr;
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  margin-bottom: 15px;
}

.section-one-row-two {
  display: grid;
  grid-template-columns: 0.566fr 0.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
}

.section-two-row-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  margin-top: 15px;
}

.list-p-16 {
  padding-top: 1rem;
}

ul.list-p-16 li {
  padding-top: 5px;
}

.icon-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, auto));
  grid-template-rows: 1fr;
  grid-gap: 15px;
  margin-bottom: 1.625rem;
}
.icon-row .icon-item {
  text-align: center;
  width: 212px;
  height: 212px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-row .icon-item.row-1 {
  border: 1px solid #E4EBF7;
}
.icon-row .icon-item.row-2 {
  background-color: #9BA4B8;
}

.button-m-20 {
  margin-bottom: 1.25rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mlr-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.grid .col-xl p.fw-bold {
  font-size: 1rem;
}

.ce .examples--content {
  margin-bottom: 0;
}

.examples .hero-ce--textwrapper {
  margin-bottom: 2rem;
}
.examples .hero-ce--textwrapper .tabs--section button {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.examples .arrow {
  display: block;
  min-width: 60px;
  min-height: 60px;
  margin: 8px;
  background: url("../images/arrow.svg");
  background-repeat: no-repeat;
}
.examples .text-area {
  color: var(--brand-plat-gray);
  font-size: 1.5rem;
}
.examples .text-area a, .examples .text-area a:visited {
  color: var(--brand-plat-gray);
}
.examples .text-area a:hover, .examples .text-area a:focus {
  color: var(--brand-orange);
}
.examples .section {
  display: none;
}
.examples .section.active {
  display: block;
}
.examples .social-series-three .img-text {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 15px;
  margin-bottom: 2rem;
}
.examples .social-series-three .img-text h2 {
  color: var(--brand-orange);
  font-family: var(--brand-font-secondary);
  font-style: italic;
  font-size: 2.25rem;
  line-height: 1;
}
.examples .social-series-three .img-text .img {
  width: 320px;
  height: 320px;
}
.examples .bg--phone-blue {
  background-color: #DBE9F5;
}
.examples .print-block {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.examples .print-block:nth-child(2) {
  background-color: #E4E4E4;
}
.examples .print-block:nth-child(4) {
  background-color: #f3f3f3;
}
.examples .print-block:nth-child(8) {
  background-color: #E4E4E4;
}
.examples .print-block .img-fluid {
  width: 100%;
}
.examples .print-block .text-container {
  position: absolute;
  z-index: 2;
  left: 6rem;
  top: 2.5rem;
  margin-right: 3rem;
}
.examples .print-block .text-container h2 {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: #142c41;
}
.examples .print-block .text-container h2 span {
  font-size: 1rem;
  font-weight: 400;
}
.examples .print-block .text-container p {
  color: #142c41;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  max-width: 60ex;
}
.examples .print-block .position-absolute {
  top: 5%;
  left: 7rem;
  width: 400px;
}
.examples .print-block .carousel .carousel-item {
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.examples .print-block #carouselFade .carousel-item:first-child {
  background-image: url("../images/WEBP/examples-design-templates/PSEG_examples_print_ad_1.webp");
}
.examples .print-block #carouselFade .carousel-item:last-child {
  background-image: url("../images/WEBP/examples-design-templates/PSEG_examples_print_ad_2.webp");
}
.examples .print-block #carouselFadeTwo .carousel-item:first-child {
  background-image: url("../images/WEBP/examples-design-templates/PSEG_examples_billboard_1.webp");
}
.examples .print-block #carouselFadeTwo .carousel-item:last-child {
  background-image: url("../images/WEBP/examples-design-templates/PSEG_examples_billboard_2.webp");
}
.examples .print-block .carousel-indicators button {
  background-color: var(--brand-med-gray);
}
.examples .print-block .carousel-indicators button.active {
  background-color: var(--brand-steel-gray);
}
.examples .print-block .carousel-indicators [data-bs-target] {
  opacity: 0.7;
}
@media (max-width: 1200px) {
  .examples .print-block .full, .examples .print-block .carousel .carousel-item {
    height: 600px;
    background-size: contain;
    background-position-y: bottom;
  }
  .examples .print-block .position-absolute {
    top: 5%;
    left: 1rem;
  }
  .examples .print-block .position-absolute p {
    font-size: 0.85rem;
    line-height: 1rem;
  }
}
@media (max-width: 600px) {
  .examples .print-block .full, .examples .print-block .carousel .carousel-item {
    height: 500px;
    background-size: contain;
  }
}
@media (max-width: 1000px) {
  .examples .print-block .text-container {
    left: 5rem;
    top: 2rem;
  }
  .examples .print-block .text-container h2 {
    font-size: 1.125rem;
  }
  .examples .print-block .text-container h2 span {
    font-size: 0.9rem;
  }
}
@media (max-width: 800px) {
  .examples .print-block .text-container {
    left: 4rem;
    top: 1.75rem;
  }
  .examples .print-block .text-container h2 {
    font-size: 1rem;
  }
  .examples .print-block .text-container h2 span {
    font-size: 0.875rem;
  }
  .examples .print-block .text-container p {
    font-size: 0.875rem;
  }
}
@media (max-width: 600px) {
  .examples .print-block .text-container {
    left: 3rem;
    top: 1.5rem;
  }
}

/*# sourceMappingURL=main.css.map */