.cdc-071022 {
  display: none !important;
}

.text-center {
  text-align: center;
}

picture {
  display: block;
}

.sds_block {
  display: block;
  width: 100%;
}

.sds_btn {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all 250ms ease-in-out 0s;
  transition: all 250ms ease-in-out 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: normal;
  background-color: white;
  border: 2px solid #003764;
  border-radius: 8px;
  color: #003764;
  padding: 0.5rem 1.5rem;
  white-space: normal;
  line-height: 1;
  height: 48px;
  margin: 0 auto 1rem;
}

.sds_btn-blue {
  color: #437eed;
  border-color: #437eed;
}

.sds_btn-navy-blue-solid {
  color: #fff;
  background: #003764;
  border: none;
  border-radius: 0;
}

.sds_btn-green-solid {
  color: #fff;
  background: #008f48;
  border: none;
  border-radius: 0;
}

.sds_btn-white-solid {
  color: #000;
  background: #fff;
  border: none;
  border-radius: 0;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row-lockupbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.link-white {
  color: #fff;
  border-color: #fff;
}

.link-underlined {
  border-bottom: 2px solid;
}

.row-lockupbox.align-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.row-lockupbox.align-bottom picture {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media (max-width: 767px) {
  .sds_show-at-lg {
    display: none !important;
  }
  .sds_hide-at-lg {
    display: block !important;
  }
  .sds_show-at-lg-inline {
    display: none !important;
  }
  .sds_hide-at-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .sds_hide-at-lg {
    display: none !important;
  }
  .sds_show-at-lg {
    display: block !important;
  }
  .sds_hide-at-lg-inline {
    display: none !important;
  }
  .sds_show-at-lg-inline {
    display: inline !important;
  }
}

/* Kinetic Scroller Features */
.kinetic-scroller {
  overflow: auto hidden;
}

.kinetic-scroller-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#imagine-mission {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}

section {
  margin: 0 auto;
}

@media (min-width: 768px) {
  section {
    margin: 0 4px 13px;
  }
}

#hero-section {
  position: relative;
  overflow: hidden;
}

#hero-section .video-play-pause-btn {
  position: absolute;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
  border: none;
  padding: 0;
  width: 65px;
  height: 40px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 2%;
  left: 2%;
}

#hero-section .video-play-pause-btn svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

@media (max-width: 767px) {
  #hero-section .video-play-pause-btn {
    bottom: 5%;
    left: 3%;
  }
}

@media (min-width: 768px) {
  #hero-section .video-play-pause-btn {
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
}

#hero-section iframe {
  pointer-events: none;
}

#hero-section:hover .video-play-pause-btn, #hero-section:active .video-play-pause-btn, #hero-section:focus .video-play-pause-btn,
#hero-section .isPaused .video-play-pause-btn {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}

@media (max-width: 767px) {
  #primary-section .tabbed-feature .tab-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  #primary-section .tabbed-feature .tab-nav button {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #437eed;
    text-transform: uppercase;
    text-align: center;
    background: none;
    border: none;
    font-weight: bold;
    line-height: 1;
    font-size: 2.5vw;
    letter-spacing: 0.21250000000000002vw;
    margin-bottom: 7.222222222222222vw;
    -webkit-transition: color .5s ease-out;
    transition: color .5s ease-out;
  }
  #primary-section .tabbed-feature .tab-nav button .section-icon {
    width: 14.583333333333334vw;
    height: 14.583333333333334vw;
    margin: 7.222222222222222vw auto 2.0833333333333335vw;
    position: relative;
  }
  #primary-section .tabbed-feature .tab-nav button .section-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
  }
  #primary-section .tabbed-feature .tab-nav button .section-icon img:nth-child(1) {
    opacity: 1;
  }
  #primary-section .tabbed-feature .tab-nav button .line-break {
    display: block;
  }
  #primary-section .tabbed-feature .tab-content-container {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #primary-section .tabbed-feature .tab-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    display: none;
  }
  #primary-section .tabbed-feature .tab-title {
    font-weight: 500;
    line-height: 1.38;
    font-size: 4.861111111111112vw;
    letter-spacing: 0.24305555555555558vw;
    text-align: center;
    color: #fff;
    padding: 5.694444444444445vw 0;
    background: #f93e01;
  }
  #primary-section .tabbed-feature .tab-subtitle {
    font-size: 4.861111111111112vw;
    letter-spacing: 0.24305555555555558vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    color: #f93e01;
    padding: 4.444444444444445vw 11.38888888888889vw;
  }
  #primary-section .tabbed-feature .what-this-looks-like {
    width: 75%;
    margin: -3% auto 0;
  }
  #primary-section .tabbed-feature .what-this-looks-like h3 {
    text-transform: uppercase;
    color: #f93e01;
    font-weight: bold;
    line-height: 1.12;
    font-size: 2.898550724637681vw;
    letter-spacing: 0.3736111111111111vw;
    margin: 83.91666666666667vw 0 3.1944444444444446vw;
  }
  #primary-section .tabbed-feature .what-this-looks-like h4 {
    text-transform: uppercase;
    color: #f93e01;
    font-weight: 900;
    line-height: 1.04;
    font-size: 3.1805555555555554vw;
    letter-spacing: 0.2541666666666667vw;
  }
  #primary-section .tabbed-feature .what-this-looks-like .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 1.8055555555555556vw;
  }
  #primary-section .tabbed-feature .what-this-looks-like .item-icon {
    width: 4.444444444444445vw;
    margin-left: 3.75vw;
  }
  #primary-section .tabbed-feature .what-this-looks-like p {
    color: #f93e01;
    font-weight: normal;
    line-height: 1.66;
    font-size: 2.5vw;
    letter-spacing: 0.2vw;
    margin: 0;
  }
  #primary-section .tabbed-feature .wtll-content-item p {
    font-weight: normal;
    line-height: 1.47;
    font-size: 2.898550724637681vw;
    letter-spacing: 0.2111111111111111vw;
  }
  #primary-section .tabbed-feature .wtll-content-item h4 {
    font-weight: 900;
    line-height: 1.04;
    font-size: 3.864734299516908vw;
    letter-spacing: 0.2555555555555556vw;
  }
  #primary-section .tabbed-feature .quote-content .quote-icon {
    width: 12.361111111111112vw;
    margin: 21.52777777777778vw auto 6.111111111111112vw;
  }
  #primary-section .tabbed-feature .quote-content .quote {
    width: 72%;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.78;
    font-size: 2.805555555555556vw;
    letter-spacing: 0.28055555555555556vw;
    text-align: center;
    color: #fff;
    margin: 0 auto 5.416666666666667vw;
  }
  #primary-section .tabbed-feature .quote-content .quotee {
    text-transform: uppercase;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    font-size: 2.0277777777777777vw;
    letter-spacing: 0.2833333333333333vw;
    text-align: center;
    color: #fff;
  }
  #primary-section .tabbed-feature .opportunity-tab .tab-title {
    background: #f93e01;
  }
  #primary-section .tabbed-feature .opportunity-tab .tab-subtitle {
    color: #f93e01;
  }
  #primary-section .tabbed-feature .inclusivity-tab .item-title img {
    max-height: 30px;
  }
  #primary-section .tabbed-feature .inclusivity-tab .tab-title {
    background: #437eed;
  }
  #primary-section .tabbed-feature .inclusivity-tab .tab-subtitle {
    color: #437eed;
  }
  #primary-section .tabbed-feature .inclusivity-tab .wtll-content-item {
    color: #fff;
    padding: 12.5%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .wtll-content-item h4 {
    text-transform: uppercase;
    color: #fff;
    margin: 2% 0%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .wtll-content-item p {
    color: #fff;
  }
  #primary-section .tabbed-feature .inclusivity-tab .wtll-content-item:nth-child(odd) {
    background: #002c5c;
  }
  #primary-section .tabbed-feature .inclusivity-tab .wtll-content-item:nth-child(even) {
    background: #437eed;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like {
    position: relative;
    bottom: 8%;
    width: 80%;
    margin: 0 auto;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like h3 {
    color: #fff;
  }
  #primary-section .tabbed-feature .sustainability-tab {
    /* icons */
  }
  #primary-section .tabbed-feature .sustainability-tab .tab-title {
    background: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .tab-subtitle {
    color: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab h2 {
    margin-top: 25%;
    margin-bottom: 2.5%;
    font-size: 6.763285024154589vw;
  }
  #primary-section .tabbed-feature .sustainability-tab h3 {
    color: #fff;
  }
  #primary-section .tabbed-feature .sustainability-tab .what-this-looks-like {
    position: relative;
    bottom: 8%;
    width: 80%;
    margin: 0 auto;
  }
  #primary-section .tabbed-feature .sustainability-tab .what-this-looks-like h3 {
    color: #fff;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item {
    color: #fff;
    padding-top: 6.666666666666667vw;
    padding-bottom: 6.666666666666667vw;
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item h4 {
    text-transform: uppercase;
    margin-bottom: 2%;
    color: #fff;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item p {
    color: #fff;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item .item-icon {
    margin-bottom: 3.4722222222222223vw;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item:nth-child(odd) {
    background: #00c539;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-item:nth-child(even) {
    background: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .buttons-container {
    margin: 5% auto 0;
  }
  #primary-section .tabbed-feature .sustainability-tab .buttons-container a {
    width: 100%;
    color: #008f48;
    font-size: 2.898550724637681vw;
    padding: 0;
  }
  #primary-section .tabbed-feature .sustainability-tab .rainbow-cloud {
    position: absolute;
    right: 0;
    bottom: 15%;
    width: 25%;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature.water-saving {
    margin: 5% 0;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .progress-value {
    font-size: 16.908212560386474vw;
    font-weight: bold;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .progress-bar {
    position: relative;
    background-color: #fff;
    width: 80%;
    height: 4.830917874396135vw;
    margin-bottom: 3%;
    overflow: hidden;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .bar-fill {
    position: relative;
    left: -103%;
    height: 100%;
    background: repeating-linear-gradient(to right, #00c539, #00c539 5px, transparent 5px, transparent 7px);
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .bar-fill.fill-100 {
    width: 102%;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .bar-fill.fill-85 {
    width: 71.5%;
  }
  #primary-section .tabbed-feature .sustainability-tab .progress-bar-feature .bar-cut-off {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff;
    width: 15%;
    border-left: 2px solid #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .cotton-icon {
    width: 5vw;
  }
  #primary-section .tabbed-feature .sustainability-tab .hanger-icon {
    width: 7.638888888888889vw;
  }
  #primary-section .tabbed-feature .sustainability-tab .water-droplet-icon {
    width: 4.166666666666667vw;
  }
  #primary-section .tabbed-feature .sustainability-tab .smile-icon {
    width: 5vw;
  }
  #primary-section .tabbed-feature .sustainability-tab .water-bottle-icon {
    width: 2.638888888888889vw;
  }
  #primary-section .tabbed-feature.selected-child-0 button:nth-child(1) {
    color: #f93e01;
  }
  #primary-section .tabbed-feature.selected-child-0 button:nth-child(1) .section-icon img:nth-child(1) {
    opacity: 0;
  }
  #primary-section .tabbed-feature.selected-child-0 button:nth-child(1) .section-icon img:nth-child(2) {
    opacity: 1;
  }
  #primary-section .tabbed-feature.selected-child-1 button:nth-child(2) {
    color: #437eed;
  }
  #primary-section .tabbed-feature.selected-child-1 button:nth-child(2) .section-icon img:nth-child(1) {
    opacity: 0;
  }
  #primary-section .tabbed-feature.selected-child-1 button:nth-child(2) .section-icon img:nth-child(2) {
    opacity: 1;
  }
  #primary-section .tabbed-feature.selected-child-2 button:nth-child(3) {
    color: #008f48;
  }
  #primary-section .tabbed-feature.selected-child-2 button:nth-child(3) .section-icon img:nth-child(1) {
    opacity: 0;
  }
  #primary-section .tabbed-feature.selected-child-2 button:nth-child(3) .section-icon img:nth-child(2) {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature {
    border: 1px solid #f93e01;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: border .25s ease-out;
    transition: border .25s ease-out;
    /* icons */
  }
  #primary-section .tabbed-feature .tab-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #primary-section .tabbed-feature .tab-nav button {
    border: none;
    border-right: 1px solid #f93e01;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #437eed;
    text-align: center;
    background: #fff;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
    padding: 2.1% 0;
    font-weight: 500;
    margin: 0;
    font-size: 2.447552447552448vw;
    letter-spacing: 0.12237762237762238vw;
  }
  #primary-section .tabbed-feature .tab-nav button:last-child {
    border-right: none;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .tab-nav button {
    font-size: 35px;
    letter-spacing: 1.75px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .tab-content-container {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #primary-section .tabbed-feature .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity .25 ease-out;
    transition: opacity .25 ease-out;
    display: block;
  }
  #primary-section .tabbed-feature .tab-subtitle {
    color: #fff;
    font-weight: 500;
    line-height: 1.43;
    font-size: 2.447552447552448vw;
    letter-spacing: 0.12237762237762238vw;
    padding: 2.167832167832168vw 3.5664335664335667vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .tab-subtitle {
    font-size: 35px;
    letter-spacing: 1.75px;
    padding: 31px 51px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .quote-content {
    text-align: center;
  }
  #primary-section .tabbed-feature .quote-content .quote-icon {
    display: inline-block;
    width: 6.223776223776224vw;
    height: auto;
    margin: 0 auto 3.4%;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .quote-content .quote-icon {
    width: 89px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .quote-content .quote {
    font-size: 1.3194444444444444vw;
    letter-spacing: 0.14685314685314688vw;
    line-height: 1.9444444444444446vw;
    text-transform: uppercase;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .quote-content .quote {
    font-size: 19px;
    letter-spacing: 2.1px;
    line-height: 28px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .quote-content .quotee {
    font-size: 1.118881118881119vw;
    letter-spacing: 0.2013986013986014vw;
    line-height: 1.13;
    text-transform: uppercase;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .quote-content .quotee {
    font-size: 16px;
    letter-spacing: 2.88px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .opportunity-tab .tab-subtitle {
    background: #f93e01;
  }
  #primary-section .tabbed-feature .opportunity-tab .quote-content {
    width: 38%;
    position: absolute;
    top: 4.4%;
    left: 3.4%;
  }
  #primary-section .tabbed-feature .opportunity-tab .quote-content p {
    color: #f93e01;
  }
  #primary-section .tabbed-feature .opportunity-tab .quote-content .quote {
    margin-bottom: 6.3%;
  }
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like {
    width: 52.35%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f93e01;
    color: #fff;
    padding: 3.1% 3% 0 4.6%;
  }
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 4.4%;
    font-size: 1.3636363636363638vw;
    letter-spacing: 0.20489510489510493vw;
    line-height: 1.3986013986013988vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like h3 {
    font-size: 19.5px;
    letter-spacing: 2.93px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like h4 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.5384615384615385vw;
    letter-spacing: 0.12307692307692308vw;
    line-height: 1.6783216783216783vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like h4 {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1.76px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.3%;
  }
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like .item-icon {
    width: 2.237762237762238vw;
    margin-left: 3.9%;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like .item-icon {
    width: 32px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like p {
    font-size: 1.2587412587412588vw;
    letter-spacing: 0.1006993006993007vw;
    line-height: 2.097902097902098vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .opportunity-tab .what-this-looks-like p {
    font-size: 18px;
    letter-spacing: 1.44px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab {
    font-weight: 500;
    line-height: 1.71;
    font-size: 19px;
    letter-spacing: 1.9px;
  }
  #primary-section .tabbed-feature .inclusivity-tab .tab-subtitle {
    background: #437eed;
  }
  #primary-section .tabbed-feature .inclusivity-tab .quote-content {
    width: 36.622378%;
    position: absolute;
    top: 2.6%;
    right: 0%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .quote-content p {
    color: #437eed;
  }
  #primary-section .tabbed-feature .inclusivity-tab .quote-content .quote {
    margin-bottom: 6.3%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #437eed;
    color: #fff;
    padding-top: 2.6573426573426575vw;
    padding-bottom: 3.4965034965034967vw;
    padding-left: 3.9160839160839163vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like {
    padding-top: 38px;
    padding-bottom: 50px;
    padding-left: 56px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like h3 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.03;
    margin-bottom: 2.006993006993007vw;
    font-size: 1.3636363636363638vw;
    letter-spacing: 0.20489510489510493vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like h3 {
    font-size: 19.5px;
    letter-spacing: 2.93px;
    margin-bottom: 28px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .wtll-content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .wtll-content-group > div {
    width: 24%;
    margin: .5%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .wtll-content-group > div:last-child {
    margin-right: 0;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like h4 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.5384615384615385vw;
    letter-spacing: 0.12307692307692308vw;
    line-height: 1.6783216783216783vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like h4 {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1.76px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 0.3%;
  }
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .item-icon {
    width: 1.6783216783216783vw;
    margin-bottom: 1.6666666666666667vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .item-icon {
    width: 24px;
    margin-bottom: 23px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .wtll-content-group > div:nth-child(3) .item-icon {
    width: 2.8671328671328675vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like .wtll-content-group > div:nth-child(3) .item-icon {
    width: 41px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like p {
    font-weight: normal;
    line-height: 1.44;
    font-size: 1.2587412587412588vw;
    letter-spacing: 0.1006993006993007vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .inclusivity-tab .what-this-looks-like p {
    font-size: 18px;
    letter-spacing: 1.44px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #primary-section .tabbed-feature .sustainability-tab .tab-subtitle {
    background: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .quote-content {
    width: 32%;
    position: absolute;
    top: 1.25%;
    left: 0;
  }
  #primary-section .tabbed-feature .sustainability-tab .quote-content p {
    color: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .quote-content .quote {
    margin-bottom: 6.3%;
  }
  #primary-section .tabbed-feature .sustainability-tab h3 {
    color: #fff;
    text-transform: uppercase;
    width: 33.33%;
    background: #008f48;
    padding: 1.25% 2% 1.25% 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: bold;
    line-height: 1.19;
    font-size: 1.188811188811189vw;
    letter-spacing: 0.17832167832167833vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab h3 {
    font-size: 17px;
    letter-spacing: 2.55px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 33.333333333333336vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group {
    margin-top: 480px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item {
    padding: 1.25% 2% 1.25% 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item h4 {
    color: #fff;
    font-weight: 900;
    line-height: 1.09;
    font-size: 1.5384615384615385vw;
    letter-spacing: 0.12307692307692308vw;
    margin-top: 2%;
    text-transform: uppercase;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item h4 {
    font-size: 22px;
    letter-spacing: 1.76px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item p {
    color: #fff;
    font-weight: normal;
    line-height: 1.47;
    font-size: 0.951048951048951vw;
    letter-spacing: 0.07552447552447554vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item p {
    font-size: 13.6px;
    letter-spacing: 1.08px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item.half-size {
    padding: 1.25% 10%;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item.half-size .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.3118055555555554vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item.half-size .icon-container {
    height: 33.29px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item:nth-child(odd) {
    background: #00c539;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group .wtll-content-item:nth-child(even) {
    background: #008f48;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(1) {
    width: 100%;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(2),
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(3),
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(4) {
    width: 33.33%;
  }
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(5),
  #primary-section .tabbed-feature .sustainability-tab .wtll-content-group > div:nth-child(6) {
    width: 50%;
  }
  #primary-section .tabbed-feature .sustainability-tab .two-columns {
    border-top: 1px solid #008f48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #primary-section .tabbed-feature .sustainability-tab .two-columns > div {
    width: calc(50% - .5px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.7482517482517483vw 5.314685314685315vw;
    border-right: 1px solid #008f48;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .sustainability-tab .two-columns > div {
    padding: 25px 76px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .sustainability-tab .two-columns > div:last-child {
    border-right: none;
  }
  #primary-section .tabbed-feature .cotton-icon {
    width: 1.8181818181818183vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .cotton-icon {
    width: 26px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .hanger-icon {
    width: 2.7272727272727275vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .hanger-icon {
    width: 39px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .water-droplet-icon {
    width: 1.4685314685314685vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .water-droplet-icon {
    width: 21px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .smile-icon {
    width: 1.7482517482517483vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .smile-icon {
    width: 25px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .water-bottle-icon {
    width: 0.9790209790209791vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .water-bottle-icon {
    width: 14px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .geek-out-deets h2 {
    text-align: center;
    color: #008f48;
    font-weight: 500;
    line-height: 1;
    font-size: 2.447552447552448vw;
    letter-spacing: 0.12237762237762238vw;
    margin: 1.5384615384615385vw auto 1.118881118881119vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .geek-out-deets h2 {
    font-size: 35px;
    letter-spacing: 1.75px;
    margin: 22px auto 16px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .geek-out-deets p {
    text-align: center;
    color: #008f48;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    font-size: 1.2587412587412588vw;
    letter-spacing: 0.1006993006993007vw;
    margin-bottom: 1.118881118881119vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .geek-out-deets p {
    font-size: 18px;
    letter-spacing: 1.44px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .progress-bar-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #primary-section .tabbed-feature .progress-bar-feature > div:nth-child(2) {
    width: 23.636363636363637vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .progress-bar-feature > div:nth-child(2) {
    width: 338px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-value {
    color: #008f48;
    font-weight: bold;
    line-height: .7;
    text-align: right;
    font-size: 4.195804195804196vw;
    letter-spacing: 0.3356643356643357vw;
    margin-right: 1.3986013986013988vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-value {
    font-size: 60px;
    letter-spacing: 4.8px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar {
    position: relative;
    background: #fff;
    border: 1px solid #008f48;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 21.81818181818182vw;
    height: 1.6783216783216783vw;
    margin-bottom: 0.8391608391608392vw;
    overflow: hidden;
  }
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar .bar-fill {
    position: relative;
    left: -103%;
    height: 100%;
    background: repeating-linear-gradient(to right, #00c539, #00c539 5px, #fff 5px, #fff 7px);
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar .bar-fill.fill-100 {
    width: 102%;
  }
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar .bar-fill.fill-85 {
    width: 72%;
  }
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar .bar-cut-off {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff;
    width: 15%;
    border-left: 2px solid #008f48;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-bar {
    width: 312px;
    height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-text {
    color: #008f48;
    text-align: left;
    font-weight: 500;
    line-height: 1vw;
    letter-spacing: normal;
    text-align: left;
    font-size: 1.048951048951049vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .progress-bar-feature .progress-text {
    font-size: 15px;
    line-height: 14.4px;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .buttons-container a {
    height: auto;
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal;
    font-size: 1.118881118881119vw;
    width: 30.62937062937063vw;
    margin-bottom: 2.8671328671328675vw;
    padding: 1.048951048951049vw 0;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #primary-section .tabbed-feature .buttons-container a {
    font-size: 16px;
    width: 438px;
    margin-bottom: 41px;
    padding: 15px 0;
  }
}

@media (min-width: 768px) {
  #primary-section .tabbed-feature .buttons-container a:last-child {
    margin: 0;
  }
  #primary-section .tabbed-feature.selected-child-0 {
    border: 1px solid #f93e01;
  }
  #primary-section .tabbed-feature.selected-child-0 button {
    border-right-color: #f93e01;
  }
  #primary-section .tabbed-feature.selected-child-0 .tab-nav button:nth-child(1) {
    background: #f93e01;
    color: #fff;
  }
  #primary-section .tabbed-feature.selected-child-1 {
    border: 1px solid #437eed;
  }
  #primary-section .tabbed-feature.selected-child-1 button {
    border-right-color: #437eed;
  }
  #primary-section .tabbed-feature.selected-child-1 .tab-nav button:nth-child(2) {
    background: #437eed;
    color: #fff;
  }
  #primary-section .tabbed-feature.selected-child-2 {
    border: 1px solid #008f48;
  }
  #primary-section .tabbed-feature.selected-child-2 button {
    border-right-color: #008f48;
  }
  #primary-section .tabbed-feature.selected-child-2 .tab-nav button:nth-child(3) {
    background: #008f48;
    color: #fff;
  }
}

#primary-section .tabbed-feature.selected-child-0 .tab-content:nth-child(1) {
  z-index: 1;
  opacity: 1;
  display: block;
}

#primary-section .tabbed-feature.selected-child-1 .tab-content:nth-child(2) {
  z-index: 1;
  opacity: 1;
  display: block;
}

#primary-section .tabbed-feature.selected-child-2 .tab-content:nth-child(3) {
  z-index: 1;
  opacity: 1;
  display: block;
}

#pixlee-section {
  text-align: center;
  color: #437eed;
}

@media (max-width: 767px) {
  #pixlee-section h2 {
    margin-top: 10.13888888888889vw;
    margin-bottom: 6.111111111111112vw;
    font-weight: 500;
    font-size: 7.291666666666667vw;
    letter-spacing: 0.5833333333333334vw;
  }
  #pixlee-section p {
    margin-bottom: 7.638888888888889vw;
    font-weight: normal;
    font-size: 3.1944444444444446vw;
    letter-spacing: 0.2555555555555556vw;
  }
  #pixlee-section .pixlee-btn {
    padding: 8px 12px;
    height: auto;
    margin: 4% 0 5%;
  }
}

@media (min-width: 768px) {
  #pixlee-section {
    border: 1px solid #437eed;
    border-radius: 20px;
  }
  #pixlee-section h2 {
    margin-top: 4.4%;
    margin-bottom: 1.3%;
    font-weight: 500;
    font-size: 3.678321678321679vw;
    letter-spacing: 0.29440559440559444vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #pixlee-section h2 {
    font-size: 52.6px;
    letter-spacing: 4.21px;
  }
}

@media (min-width: 768px) {
  #pixlee-section p {
    margin-bottom: 2.8%;
    font-weight: normal;
    font-size: 1.6083916083916086vw;
    letter-spacing: 0.1286713286713287vw;
    line-height: 2.8671328671328675vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #pixlee-section p {
    font-size: 23px;
    letter-spacing: 1.84px;
    line-height: 41px;
  }
}

@media (min-width: 768px) {
  #pixlee-section .pixlee-btn {
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 8px 12px;
    height: auto;
  }
}

#donate-section {
  position: relative;
  text-align: center;
  color: #003764;
  overflow: hidden;
}

#donate-section .results-table {
  margin: 0 auto;
  color: #437eed;
  border: 1px solid #437eed;
  border-radius: 20px;
}

#donate-section .results-table h3 {
  border-bottom: 1px solid #437eed;
}

#donate-section .results-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  #donate-section .background-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  #donate-section .on-navyist-icon {
    margin: 9.6% auto 6.4%;
    width: 29.305555555555557vw;
  }
  #donate-section .donate-title {
    margin-bottom: 5%;
    font-size: 5.555555555555555vw;
    letter-spacing: 0.4444444444444445vw;
    line-height: 7.638888888888889vw;
  }
  #donate-section .donate-title .next-line {
    display: block;
    font-weight: bold;
  }
  #donate-section p {
    font-weight: normal;
    line-height: 1.78;
    font-size: 3.1944444444444446vw;
    letter-spacing: 0.2555555555555556vw;
    text-align: center;
    margin: 0 auto 13.333333333333334vw;
    width: 82%;
  }
  #donate-section .button-group {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 7.777777777777779vw;
  }
  #donate-section .button-group > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #donate-section .button-group > div span {
    display: block;
    font-weight: bold;
    line-height: 1.24;
    font-size: 2.361111111111111vw;
    letter-spacing: 0.20972222222222223vw;
  }
  #donate-section .button-group a {
    width: 65%;
    height: auto;
    padding: 3% 6%;
  }
  #donate-section .results-table {
    width: 92.587412587412587%;
    margin-bottom: 1.527777777777778vw;
  }
  #donate-section .results-table h3 {
    padding: 1.4% 0;
    font-weight: 500;
    line-height: 1.32;
    font-size: 4.722222222222222vw;
    letter-spacing: 0.2361111111111111vw;
    text-align: center;
  }
  #donate-section .results-value {
    display: block;
    font-weight: bold;
    line-height: 1;
    font-size: 12.986111111111112vw;
    letter-spacing: 1.038888888888889vw;
  }
  #donate-section .results-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #donate-section .results-columns > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.5vw 0;
    width: 100%;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    font-size: 3.125vw;
    border-bottom: 1px solid #437eed;
  }
  #donate-section .results-columns > div:last-child {
    border-bottom: none;
  }
  #donate-section .legal-content {
    width: 94%;
    text-align: center;
    font-weight: normal;
    line-height: 1.14;
    font-size: 2.4154589371980677vw;
    letter-spacing: 0.038888888888888896vw;
  }
}

@media (min-width: 768px) {
  #donate-section {
    border-radius: 20px;
    border: 1px solid #437eed;
  }
  #donate-section picture {
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
  #donate-section .background-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  #donate-section .on-navyist-icon {
    margin: 3.2% auto 2.2%;
    width: 16.223776223776223vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .on-navyist-icon {
    width: 232px;
  }
}

@media (min-width: 768px) {
  #donate-section .donate-title {
    margin-bottom: 1.8%;
    font-weight: bold;
    font-size: 3.678321678321679vw;
    letter-spacing: 0.29440559440559444vw;
    line-height: 1;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .donate-title {
    font-size: 52.6px;
    letter-spacing: 4.21px;
    line-height: 68.8px;
  }
}

@media (min-width: 768px) {
  #donate-section p {
    width: 66%;
    font-weight: normal;
    line-height: 1.78;
    font-size: 1.6083916083916086vw;
    letter-spacing: 0.1286713286713287vw;
    margin: 0 auto 8.111888111888112vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section p {
    font-size: 23px;
    letter-spacing: 1.84px;
    margin: 0 auto 116px;
  }
}

@media (min-width: 768px) {
  #donate-section .button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4.055944055944056vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .button-group {
    margin-bottom: 58px;
  }
}

@media (min-width: 768px) {
  #donate-section .button-group > div {
    margin-right: 6.993006993006993vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .button-group > div {
    margin-right: 100px;
  }
}

@media (min-width: 768px) {
  #donate-section .button-group > div span {
    display: block;
    font-weight: bold;
    line-height: 1;
    font-size: 1.188811188811189vw;
    letter-spacing: 0.1055944055944056vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .button-group > div span {
    font-size: 17px;
    letter-spacing: 1.51px;
  }
}

@media (min-width: 768px) {
  #donate-section .button-group > div:last-child {
    margin-right: 0;
  }
  #donate-section .button-group a {
    background: #003764;
    height: auto;
    font-weight: bold;
    line-height: 1;
    font-size: 1.188811188811189vw;
    letter-spacing: 0.1055944055944056vw;
    padding: 1.048951048951049vw 0;
    width: 24.475524475524477vw;
    margin-bottom: 2.8%;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .button-group a {
    font-size: 17px;
    letter-spacing: 1.51px;
    padding: 15px 0;
    width: 350px;
  }
}

@media (min-width: 768px) {
  #donate-section .results-table {
    width: 92.587412587412587%;
  }
  #donate-section .results-table h3 {
    padding: 1.4% 0;
    font-weight: 500;
    line-height: 1;
    font-size: 2.391608391608392vw;
    letter-spacing: 0.11958041958041958vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .results-table h3 {
    font-size: 34.2px;
    letter-spacing: 1.71px;
  }
}

@media (min-width: 768px) {
  #donate-section .results-value {
    display: block;
    font-weight: bold;
    line-height: 1;
    font-size: 6.531468531468533vw;
    letter-spacing: 0.11958041958041958vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .results-value {
    font-size: 93.4px;
    letter-spacing: 0.5223776223776224vw;
  }
}

@media (min-width: 768px) {
  #donate-section .results-columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #donate-section .results-columns > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.35% 0;
    width: 33.33%;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 1.5804195804195806vw;
    border-right: 1px solid #437eed;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .results-columns > div {
    font-size: 22.6px;
  }
}

@media (min-width: 768px) {
  #donate-section .results-columns > div:last-child {
    border-right: none;
  }
  #donate-section .results-columns > div:nth-child(2) {
    width: 33.34%;
  }
  #donate-section .legal-content {
    width: 100%;
    font-weight: normal;
    line-height: 0.74;
    margin-top: 1.048951048951049vw;
    font-size: 0.9790209790209791vw;
    letter-spacing: 0.019580419580419582vw;
    text-align: center;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #donate-section .legal-content {
    margin-top: 15px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}

#service-section {
  overflow: hidden;
  text-align: center;
  background-color: #ccebf9;
  color: #002d5b;
  font-weight: 500;
}

@media (max-width: 767px) {
  #service-section {
    padding: 5.1% 7%;
    font-size: 3.3333333333333335vw;
    letter-spacing: 0.26666666666666666vw;
    line-height: 5vw;
  }
  #service-section .one-million-img {
    margin: 0 auto;
    width: 31.944444444444446vw;
    height: auto;
  }
}

@media (min-width: 768px) {
  #service-section {
    border-radius: 20px;
    border: 1px solid #437eed;
    padding: 1.1% 18%;
    line-height: 1.7;
    font-size: 1.3986013986013988vw;
    letter-spacing: 0.1118881118881119vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #service-section {
    font-size: 20px;
    letter-spacing: 1.6px;
  }
}

@media (min-width: 768px) {
  #service-section .one-million-img {
    margin: 0 auto;
    height: auto;
    width: 16.083916083916087vw;
  }
}

@media (min-width: 768px) and (min-width: 1430px) {
  #service-section .one-million-img {
    width: 230px;
  }
}

.carousel-wrapper {
  position: relative;
}

.carousel-wrapper .play-pause-carousel-btn {
  position: absolute;
  display: inline-block;
  bottom: 16px;
  right: 16px;
  background: none;
  border: none;
  width: 32px;
  height: 32px;
}

.carousel-wrapper .play-pause-carousel-btn img {
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}

.carousel-wrapper.is-playing .play-carousel-icon {
  display: none;
}

.carousel-wrapper.is-playing .pause-carousel-icon {
  display: block;
}

.carousel-wrapper.is-paused .play-carousel-icon {
  display: block;
}

.carousel-wrapper.is-paused .pause-carousel-icon {
  display: none;
}

.slick-slide > div > div {
  display: block !important;
}

.slick-initialized .slick-slide img {
  display: block !important;
}

@media (max-width: 767px) {
  .relative-at-sm {
    position: relative;
  }
}
/*# sourceMappingURL=imagine-mission.css.map */