.g-inter-section {
  margin:60px auto 0px;
}
#g-inter-wrapper {
  position: relative;
}

h1.g-inter-main-heading {
  font-size: 88px;
  font-family: 'Gotham Bold A','Gotham Bold B',Arial;
  line-height: 1.1;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #172A5A !important;
}

h2.g-inter-section-heading {
  font-size:46px
}
.links-section-heading {
  margin:20px 0;
}

.main-heading {
  background-image: url("/content/dam/spectrum/enterprise/en/landing/infographic/prepare-your-agency-for-the-unexpected/images/header-bg.png");
  background-size: 100% 660px;
  background-position: 0px center;
}
.main-heading-bottom-anchor {
  position: relative;
  bottom:0px;
  width:100%;
}

.main-heading-bottom-anchor:before {
  content: '';
  position: absolute;
  z-index: 6;
  top: 28px;
  left: 47.3%;
  border-top: 40px solid #ebeded;
  border-left: 40px solid rgba(0,0,0,0.0);
  transform: rotate(135deg);
  width: 0;
}

.main-heading-subtext {
  margin-top: 30px;
}

.main-heading-subtext p {
  font-size:26px;
  line-height: 1.3;
  color:#5A5A5A;
}

/* city section */

.city-bg {
  background-image: url("/content/dam/spectrum/enterprise/en/landing/infographic/prepare-your-agency-for-the-unexpected/images/city-bg.jpg");
  background-size: auto 660px;
  position: relative;
  background-position: -100px 0px;
}
.connect-bg {
  background-image: url("/content/dam/spectrum/enterprise/en/landing/infographic/prepare-your-agency-for-the-unexpected/images/connect-bg.jpg");
  background-size: auto 950px;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.city-gradient {
  position: absolute;
  height: 100%;
  width:75%;
  top:0px;
  left:0px;
  z-index: 5;
  background: rgb(7,30,68);
  background: linear-gradient(90deg, rgba(7,30,68,0.9458158263305322) 15%, rgba(7,30,68,0.49763655462184875) 66%, rgba(7,30,68,0.0) 93%);
}
.city-gradient-bottom {
  position: absolute;
  height: 280px;
  width:100%;
  bottom:0px;
  left:0px;
  background: rgb(7,30,68);
  background: linear-gradient(0deg, rgba(7,30,68,0.9458158263305322) 15%, rgba(7,30,68,0.49763655462184875) 80%, rgba(7,30,68,0.05) 96%);
}

.g-inter-challenge-links {
  width:49%;
}
.city-gradient-bottom:before {
  content: '';
  position: absolute;
  z-index: 5;
  bottom:-19px;
  left: 48.3%;
  border-top: 40px solid #071E44;
  border-left: 40px solid rgba(0,0,0,0.0);
  transform: rotate(135deg);
  width: 0;
}

.g-challenge-link {
  display:block;
  width:100%;
  height:90px;
  cursor: pointer;
  color:white;
}

.g-inter-challenge-links-wrapper {
  width:100%;
  position: relative;
  z-index: 10;
}

.g-inter-text-wrapper {
  width:60%;
  position: relative;
  z-index: 10;
}

.g-inter-section-subtext {
  font-size:24px;
  margin:30px 0;
  line-height: 1.3;

}

.g-inter-link-text {
  margin:0 0 0 10px;
  vertical-align:middle;
  height: 70px;
  font-size: 22px;
}

.link-number-small {
  font-size:68px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #ffffff;
}

/*teal section */
.teal-bg {
  background-color:#24BCC6;
}
.navy-bg {
  background-color: #071E44;
}
.cyan-dark-bg {
  background-color: #00B4F0;
}
.blue-bg {
  background-color: #0069C3;
}

.challenge-wrapper-1 {
  height:460px;
  position: relative;
}
.challenge-wrapper-1:before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 440px;
  left: 48.3%;
  border-top: 40px solid #24BCC6;
  border-left: 40px solid #24BCC6;
  transform: rotate(135deg);
  width: 0;
}

.challenge-wrapper-2 {
  height:515px;
  position: relative;
}
.challenge-wrapper-2:before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 495px;
  left: 48.3%;
  border-top: 40px solid #071E44;
  border-left: 40px solid #071E44;
  transform: rotate(135deg);
  width: 0;
}

.challenge-wrapper-3 {
  height:460px;
  position: relative;
}
.challenge-wrapper-3:before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 440px;
  left: 48.3%;
  border-top: 40px solid #00B4F0;
  border-left: 40px solid #00B4F0;
  transform: rotate(135deg);
  width: 0;
}

.challenge-wrapper-4 {
  height:490px;
  position: relative;
}
.challenge-wrapper-4:before {
  content: '';
  position: absolute;
  z-index: 15;
  top: 470px;
  left: 48.3%;
  border-top: 40px solid #0069C3;
  border-left: 40px solid #0069C3;
  transform: rotate(135deg);
  width: 0;
}

.connect-wrapper {
  height:920px;
}

.number-text-wrapper {
  width:100%;
  min-height: 300px;
}

.big-number-wrapper {
  position: relative;
}
.big-number-wrapper:hover {
  cursor:pointer;
}
.big-number {
  font-size:375px;
  position:absolute;
  top:-20px;
  font-family: 'Gotham Bold A','Gotham Bold B',Arial;
  line-height: 1.0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.big-number-left {
  left:20px;
}
.big-number-left-centered {
  left:-20px;
}
.big-number-right {
  right:0px;
}

.big-number-navy {
  -webkit-text-stroke: 1.5px #1D2B59;
}
.big-number-white {
  -webkit-text-stroke: 1.5px #ffffff;
}
.big-number-teal {
  -webkit-text-stroke: 1.5px #73DCE1;
}
.big-number-cyan {
  -webkit-text-stroke: 1.5px #39BAEC;
}

.challenge-text-wrapper {
  width:73%;
  float:right;
  margin:20px 0 0;
}
.challenge-number-text {
  text-transform: uppercase;
  font-size:18px;
}
.challenge-title-text {
  font-size:46px;
  margin:15px 0;
}
.challenge-text {
  font-size:22px;
  line-height: 1.2;
  margin-top:10px;
}
.explore-button-wrapper {
  width:100%;
  text-align: center;
  margin:20px 0 0;
}
.explore-button {
  display: inline-block;
  text-transform: uppercase;
  font-size:16px;
  border:1px solid white;
  width:220px;
}
.explore-anchor {
  color:white;
}
.explore-button:hover {
  cursor:pointer;
}
.explore-button.chal-1:hover {
  border-color:#253C70;
}
.explore-button.chal-2:hover {
  border-color:#73DCE1;
}
.explore-button.chal-3:hover {
  border-color:#253C70;
}
.explore-button.chal-4:hover {
  border-color:#39BAEC;
}
.explore-button-text {
  padding:10px 15px;
  margin-bottom: 0px;
}
.explore-button-text.chal-1:hover {
  color:#253C70;
}
.explore-button-text.chal-2:hover {
  color:#73DCE1;
}
.explore-button-text.chal-3:hover {
  color:#253C70;
}
.explore-button-text.chal-4:hover {
  color:#39BAEC;
}


.why-text-wrapper {
  width:100%;
  position: relative;
  z-index: 10;
}
.connect-button-wrapper {
  position: relative;
  width:100%;
  margin:40px 0 0;
  z-index: 10;
  text-align: center;
}
.connect-button {
  width:auto;
  display: inline-block;
  background: rgb(82,155,212);
  background: linear-gradient(90deg, rgba(82,155,212,1) 0%, rgba(56,125,189,1) 100%);
  padding:10px 30px;
  font-size:22px;
}
.connect-button:hover {
  cursor:pointer;
  background: linear-gradient(90deg, rgba(82,155,212,1) 0%, rgba(82,155,212,1) 100%);
}
.connect-button-text {
  margin:0px;
}


.g-inter-icon-div {
  margin:0px auto;
  padding:50px 3%;
}

.stats-wrapper {
  position: relative;
  z-index: 20;
  margin-bottom:40px;
  margin-left:-10px;
}

.info-icon-wrapper {
  padding-top:20px;
  padding-bottom: 20px;
  margin-right: 0px;
  display: inline-block;
  vertical-align: top;
  width:240px;
  text-align: center;
}

.icon-text-wrapper {
  margin: 0 auto;
  opacity: 0;
}
.icon-wrapper {
  width:220px;
  margin: 0 auto;
  position: relative;
}
.info-text-wrapper {
  text-align: center;
}
.info-text {
  margin-top:10px;
  margin-bottom:0px;
  font-size:42px;
}
.info-subtext {
  margin-bottom:0px;
  font-size:20px;
}
.connect-copy {
  width:72%;
}
.footnote-wrapper {
  margin:30px 0 0;
  padding:10px 5% 0;
  text-align: left;
}
.footnote-text {
  margin:10px 0 0;
  font-size:14px;
}

.explore-soln-wrapper {
  display: none;
  position: absolute;
  z-index: 99999;
  width:95%;
  left:2.5%;
  background: white;
  padding:30px 5% 50px;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
#explore-1 {
  top:460px;
}
#explore-2 {
  top:515px;
}
#explore-3 {
  top:460px;
}
#explore-4 {
  top:490px;
}

.close-icon-wrapper {
  position: absolute;
  left:20px;
  top:0px;
  transform: rotate(45deg);
  color:gray;
  opacity: .80;
  font-size:46px;
  cursor: pointer;
}

.overlay {
  position: absolute;
  display: none;
  background-color: gray;
  height:100%;
  width:100%;
  opacity:0;
  top:0px;
  left:0px;
  z-index: 1;
  cursor: pointer;
}
.challenge-icon-set-wrapper {
  width:70%;
  margin-left: 30%;
  position: relative;
}

.nav-left-arrow-wrapper {
  position: absolute;
  top:22px;
  left:-50px;
  width:25px;
}
.nav-left-arrow-wrapper {
  cursor:pointer;
}
.nav-right-arrow-wrapper {
  cursor: pointer;
}
.nav-right-arrow-wrapper {
  position: absolute;
  top:22px;
  right:0px;
  width:25px;
}
#explore-2 .nav-right-arrow-wrapper {
  right:410px;
}
#explore-3 .nav-right-arrow-wrapper {
  right:410px;
}
#explore-4 .nav-right-arrow-wrapper {
  right:305px;
}


.nav-right-arrow-wrapper:hover {
  cursor:pointer;
}

.challenge-icon-wrapper {
  margin-right:25px;
  width:12%;
  cursor:pointer;
  height:90px;
  position: relative;
}

.challenge-icon-wrapper.current-icon {
  border-bottom: 7px solid #0081E5;
}

.explore-icon-text-wrapper {
  margin:40px 0 0;
  display: none;
}
.current-soln {
  display:block !important;
}
.explore-icon-wrapper {
  width:30%;
  text-align:left;
}
.explore-icon-main {
  width:80%;
}
.explore-text-wrapper {
  width:69%;
  vertical-align: top;
  padding:0 0 0 10px;
}
.explore-title-text {
  font-size:26px;
  margin-bottom:-5px;
}
.bullet-points-wrapper {
  margin:50px 0 0;
}
.bullet-point-wrapper {
  height:50px;
  font-size: 22px;
}
.bullet-text-wrapper {
  margin:0 0 0 15px;
  vertical-align: top;
}
.g-checkmark {
  height:30px;
}
.learn-more-button-wrapper {
  text-align: center;
  margin:50px 0 0;
}
.learn-more-link:hover {
  text-decoration: none;
}
.learn-more-button {
  border:2px solid #0081E5;
  height:50px;

}
.learn-more-button:hover {
  background-color:#0081E5;
}
.learn-more-text {
  font-size:18px;
  line-height:50px;
  padding:0 60px;
  text-transform: uppercase;
}
.learn-more-text:hover {
  color:white;
}

.footer-link {
  text-decoration:underline;
}

@media (max-width:1199px) {
  .desktops {
    display:none;
  }

  .tablet h1.g-inter-main-heading {
    font-size:58px;
    line-height: 1.3;
  }

  .main-heading {
    background-position: 0px -180px;
  }

  .main-heading-subtext p {
    font-size:20px;
  }

  .main-heading:before {
    top:444px;

  }

  .g-inter-text-wrapper {
    width:90%;
  }
  h2.g-inter-section-heading {
    font-size: 31px;
  }
  .g-inter-section-subtext {
    font-size:18px;
    width:88%;
  }

  .g-inter-link-text {
    height: 50px;
    font-size: 15px;
    width: 75%;
  }
  .g-inter-link-text.wrapped {
    height: 73px;
  }
  .link-number-small {
    font-size:58px;
  }

  .big-number-left {
    left:0px;
  }
  .big-number {
    font-size:240px;
    top:-6px;
  }
  .big-number-right {
    right:-36px;
  }
  .number-text-wrapper {
    min-height: 290px;
  }
  .challenge-title-text {
    font-size: 26px;
  }
  .challenge-title-text.white-text {
    font-size:36px;
  }
  .challenge-text {
    font-size: 18px;
  }
  .explore-button-wrapper {
    margin:5px 0 0;
  }
  .challenge-wrapper-2 {
    height:475px;
  }
  .challenge-wrapper-2:before {
    top:455px;
  }
  .challenge-wrapper-4 {
    height:460px;
  }
  .challenge-wrapper-4:before {
    top:441px;
  }

  .connect-bg {
    background-position: top left;
    background-size: auto 1000px;
  }
  .connect-wrapper {
    height:970px;
  }
  .why-text-wrapper {
    text-align: center;
  }
  .info-icon-wrapper {
    width:49%;
  }
  .connect-copy {
    width:100%;
  }

  .connect-button {
    font-size: 18px;
  }


  .challenge-icon-set-wrapper {
    width:90%;
    margin:5% 0 0 10%;
  }
  .challenge-icon-wrapper {
    height:88px;
    width:10%;
  }

  .explore-soln-wrapper {
    width:100%;
    left:0px;
  }

  .explore-icon-main {
    width:75%;
  }
  .explore-text-wrapper {
    width: 64%;
  }
  .close-icon-wrapper {
    left:90%;
    top:-5px;
  }
  .nav-left-arrow-wrapper {
    top:20px;
  }
  .nav-right-arrow-wrapper {
    top:18px;
  }

  #explore-1 .nav-right-arrow-wrapper {
    right:13%;
  }
  #explore-2 {
    top:475px;
  }
  #explore-2 .nav-right-arrow-wrapper {
    right:66%;
  }
  #explore-3 .nav-right-arrow-wrapper {
    right:63%;
  }
  #explore-4 {
    top:460px;
  }
  #explore-4 .nav-right-arrow-wrapper {
    right:52%;
  }


  .explore-title-text {
    font-size:22px;
  }
  .bullet-points-wrapper {
    margin:30px 0 0;
  }
  .bullet-point-wrapper {
    font-size:16px;
    height:60px;
  }
  .bullet-text-wrapper {
    width:80%;
  }
  .learn-more-button-wrapper {
    margin:15px 0 0;
  }
}

@media (min-width:1200px) {
  .tablet {
    display: none;
  }
}

/* @media (min-width:1024px) and (max-width:1199px) {
  .main-heading:before {
    top:418px;
  }
  .g-links-wrapper:before {
    top:473px;
  }
} */

/* MOBILE */
@media (max-width:767px) {
  .desktop {
    display:none;
  }

  .mobile.g-inter-section {
    margin:0px;
  }
  .mobile .g-inter-center-div {
    padding:30px 10% 20px;
  }
  .mobile .city-bg {
    background-size: auto 450px;
  }

  .mobile .main-heading {
    background-size:  120% 494px;
    background-position: -65px 0px;
  }

  .mobile .main-heading-bottom-anchor:before {
    content: '';
    position: absolute;
    z-index: 15;
    top: 5px;
    left: 45%;
    border-top: 30px solid #ebeded;
    border-left: 30px solid rgba(0,0,0,0.0);
    transform: rotate(135deg);
    width: 0;
  }

  .mobile h1.g-inter-main-heading {
    font-size: 38px;
    font-family: 'Gotham Bold A','Gotham Bold B',Arial;
    line-height: 1.35;
    margin-bottom: 0px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px #172A5A !important;
  }

  .mobile .main-heading-subtext {
    margin-top: 10px;
  }

  .mobile .main-heading-subtext p {
    font-size:12px;
    line-height: 1.3;
    color:#5A5A5A;
  }

  .mobile .g-inter-text-wrapper {
    width:100%;
  }

  .mobile h2.g-inter-section-heading {
    font-size: 20px;
  }
  .mobile .g-inter-section-subtext {
    font-size: 12px;
    margin:20px 0;
    width:88%;
  }

  .mobile .city-gradient {
    width:90%;
  }

  .mobile .city-gradient-bottom:before {
    content: '';
    position: absolute;
    z-index: 5;
    bottom:-15px;
    left: 46.3%;
    border-top: 34px solid #071E44;
    border-left: 34px solid rgba(0,0,0,0.0);
    transform: rotate(135deg);
    width: 0;
  }

  .mobile .g-inter-challenge-links {
    width: 100%;
  }
  .mobile .g-challenge-link {
    height:65px;
  }

  .mobile .link-number-small {
    font-size:48px;
    width:35px;
  }

  .mobile .g-inter-link-text {
    margin: 0 0 0 10px;
    vertical-align: middle;
    height: 45px;
    font-size: 13px;
  }

  .mobile .challenge-wrapper-1 {
    height: 343px;
  }

  .mobile .challenge-wrapper-1:before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 325px;
    left: 45%;
    border-top: 30px solid #24BCC6;
    border-left: 30px solid #24BCC6;
    transform: rotate(135deg);
    width: 0;
  }

  .mobile .number-text-wrapper {
    min-height: 200px;
  }

  .mobile .challenge-text-wrapper {
    width:100%;
    float:none
  }
  .mobile .challenge-number-text {
    font-size: 20px;
  }
  .mobile .challenge-title-text {
    font-size: 16px;
  }
  .mobile .challenge-title-text.white-text {
    font-size: 18px;
    text-align: center;
  }
  .mobile .challenge-text {
    font-size: 12px;
  }

  .mobile .explore-button {
    width:180px;
    font-size: 12px;
  }

  .mobile .challenge-wrapper-2 {
    height: 350px;
  }
  .mobile .challenge-wrapper-2:before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 332px;
    left: 45%;
    border-top: 30px solid #071E44;
    border-left: 30px solid #071E44;
    transform: rotate(135deg);
    width: 0;
  }

  .mobile .challenge-wrapper-3 {
    height: 365px;
  }

  .mobile .challenge-wrapper-3:before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 350px;
    left: 45%;
    border-top: 30px solid #00B4F0;
    border-left: 30px solid #00B4F0;
    transform: rotate(135deg);
    width: 0;
  }

  .mobile .challenge-wrapper-4 {
    height: 340px;
  }
  .challenge-wrapper-4:before {
    content: '';
    position: absolute;
    z-index: 15;
    top: 325px;
    left: 45%;
    border-top: 30px solid #0069C3;
    border-left: 30px solid #0069C3;
    transform: rotate(135deg);
    width: 0;
  }

  .mobile .connect-wrapper {
    height:100%;
  }

  .mobile .info-icon-wrapper {
    width:49%;
  }

  .mobile .info-text {
    font-size: 24px
  }
  .mobile .info-subtext {
    font-size: 12px
  }

  .mobile .connect-copy {
    width:100%;
  }

  .mobile .connect-button {
    font-size:12px;
  }

  .mobile .explore-button {
    border:2px solid white;
  }

  .mobile .explore-button-wrapper {
    margin:20px 0 27px;
  }

  .mobile .explore-soln-wrapper {
    left:0px;
    width:100%;
    padding: 0px 5% 30px;
  }

  .mobile-soln-nav-wrapper {
    margin: 20px 0 0 -25px;
  }
  .mobile-nav-wrapper {
    text-align: center;
  }
  .mobile .mobile-nav-left-arrow-wrapper {
    position: inherit;
    display: inline-block;
  }
  .mobile .mobile-nav-left-arrow-wrapper img {
    height: 20px;
  }
  .mobile .mobile-nav-right-arrow-wrapper img {
    height: 20px;
  }
  .mobile .mobile-nav-text-wrapper {
    font-size: 10px;
    text-transform: uppercase;
  }
  .nav-spacer {
    width:10%;
    display: inline-block;
  }
  .mobile .mobile-nav-right-arrow-wrapper {
    position: inherit;
    display: inline-block;
  }

  .mobile .close-icon-wrapper {
    left:85%;
    top:0px;
    font-size: 40px
  }
  .mobile .close-icon {
    font-weight: 200;
  }

  .mobile .explore-icon-text-wrapper {
    margin:15px 0 0;
  }

  .mobile .explore-text-wrapper {
    width:100%;
  }
  .mobile .explore-title-text {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .mobile .explore-title-text-mobile{
    font-size: 20px;
    margin-bottom: 0px;
  }

  .mobile .bullet-points-wrapper {
    margin:20px 0 0;

  }
  .mobile .bullet-point-wrapper {
    font-size: 12px;
    height:30px;
  }
  .mobile .bullet-text-wrapper {
    margin:0 0 0 5px;
  }

  .mobile .bullet-text {
    font-size: 13px;
    margin-bottom: 0px;
  }

  .mobile .g-checkmark {
    height:16px;
  }

  .mobile .learn-more-button-wrapper {
    margin:15px 0 0;
  }

  .mobile .learn-more-button {
    height:40px;
  }

  .mobile .learn-more-text {
    font-size:12px;
    line-height:38px;
    padding:0 42px;
  }

  .mobile .g-inter-icon-div {
    padding-top:0px;
  }



}

@media (min-width:768px) {
  .mobile {
    display:none;
  }
}




/* ANIMATIONS */
.active-item {
  opacity: 0;
  -webkit-animation: fade-in 2000ms linear 100ms both;
          animation: fade-in 2000ms linear 100ms both;
}
.move-right {
  left:-15px;
  -webkit-animation: shift-right 2000ms linear 100ms both;
          animation: shift-right 2000ms linear 100ms both;
}

.bg-animate {
  -webkit-animation: move-bg-right 3500ms linear 100ms both;
          animation: move-bg-right 3500ms linear 100ms both;
}

.gicon-bounce {
  -webkit-animation: bounce 1000ms linear 0ms both;
          animation: bounce 1000ms linear 0ms both;
}

@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
   40% {transform: translateY(-30px);}
   60% {transform: translateY(-15px);}
}

@keyframes fade-in {
  100% {
    opacity: 1;
  }
}

@keyframes shift-right {
  100% {
    left:0px;
  }
}

@keyframes move-bg-right {
  100% {
    background-position: 0px 0px;
  }
}

/** UTILITIES **/

a:hover {
  text-decoration: none;
}

.small-sup {
  font-size:66%;
}

.g-inter-center-div {
  margin:0px auto;
  padding:50px 10%;
}
.right-border {
  border-right: solid 1px #C8C8C8;
}
.bottom-border {
  border-bottom: solid 1px #C8C8C8;
}
.top-border {
  border-top: solid 1px #C8C8C8;
}
.full-opacity {
  opacity:100%;
}
.indent {
  padding: 0 0 0 10px;
}

.more-top {
  margin:10px 0 0;
}
.g-text-light {
  font-family: 'Gotham Light A','Gotham Light B',Arial;
}

.g-text-medium {
  font-family:'Gotham Medium A','Gotham Medium B',Arial;
}

.g-text-bold {
  font-family: 'Gotham Bold A','Gotham Bold B',Arial;
}

.g-text-book {
  font-family:'Gotham Book A','Gotham Book B',Arial;
}

.white-text {
  color:white;
}
.teal-light-text {
  color:#73DCE1;
}
.cyan-dark-text {
  color:#39BAEC;
}
.navy-light-text {
  color:#253C70;
}
.navy-text {
  color:#172A5A;
}
.navy-dark-text {
  color:#1D2B59;
}
.gray-5-text {
  color:#5A5A5A;
}
.blue-learn-more {
  color:#0081E5;
}