#gutter {
  height: auto;
}

#content {
  width: 100%;
}

/* Overall Document */

#gutter {
  width: 9.44%;
  /* height: 100vh; */
  padding-left: 0px;
  padding-right: 0px;
}

#content {
  /* width: 81.12%; */
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

/* Download Report - Top*/

#download-section-top {
  /* height: 600px; */
  background: #171738;
}

#download-section-top-content-left {
  width: 39.56%;
  /* margin-left: 9.44%;
  margin-right: 3%;
  margin-top: 112px;
  margin-bottom: 140px; */
  float: left;
  height: auto;

  padding-left: 9.44%;
  padding-right: 3%;
  padding-top: 112px;
  padding-bottom: 140px;
}

#download-section-top-content-right {
  width: 55%;
  float: right;
  margin-right: 5%;
  margin-bottom: 25px;
  margin-top: 25px;

  /* padding-left: 9.44%;
  padding-right: 3%;
  padding-top: 112px;
  padding-bottom: 140px; */
}

/* margin-left: 9.44%;
margin-right: 3%;
margin-top: 112px;
margin-bottom: 140px; */
/* height: auto; */

/* #download-section-top-content-right img{
  object-fit: cover;
  float: right;
  height: auto;

  width: 48%;
} */

/* #download-section-top-content-right iframe {
  object-fit: cover;
  float: right;
  height: auto;

  width: 100%;
} */

#download-image {
  height: auto;
  object-fit: contain;
  float: right;
  width: 100%;
}

#download-section-top-content-left-icon {
  width: 21px;
  margin: 0px;
  margin-bottom: 11px;
}

#download-section-top-content-left-line-one {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal; */
  font-weight: 600;
  font-size: 56px;
  line-height: 70px;

  margin: 0px;
  margin-bottom: 9px;

  /* White */
  color: #FFFFFF;
  height: auto;
}

#download-section-top-content-left-line-two {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  letter-spacing: 0.2px;

  margin: 0px;
  margin-bottom: 50px;

  /* White */
  color: #FFFFFF;
}

#download-report-button-top {
  width: 217px;
  height: 64px;
  background: transparent;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
  text-decoration: none;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 24px;
  padding-right: 24px;
  color: #FFFFFF;
}

/* Delivering Value - Boxes */

#delivering-value-boxes {
  margin-left: 9.44%;
  margin-right: 9.44%;
  padding-top: 102px;
  padding-bottom: 80px;
}

#delivering-value-boxes-description {
  width: 31.5%;
  float: left;
}

#delivering-value-boxes-line-one {
  font-family: 'Source Sans Pro Semibold';
  font-size: 40px;
  line-height: 50px;
  /* color: #4BBBD1; */
  margin-top: 0px;
  margin-bottom: 13px;

  /* Color 2021 */
  /* color: #FC6087; */

  /* Color 2022 */
  /* color: #A80982; */

  /* Color 2023 */
  /* color: #64C9CF; */
  /* color: #6494CF; */

  /* Color 2024 */
  color: #cc366c;
}

#delivering-value-boxes-line-two {
  font-family: 'Source Sans Pro Regular';
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;

  /* Dark Blue */
  color: #171738;
}

#delivering-value-boxes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  /* padding-left: 107px; */
  padding-left: 150px;
}

#delivering-value-box {
  /* background: #4BBBD1; */

  /* Color 2021 */
  /* background: #FC6087; */

  /* Color 2022 */
  /* background: #A80982; */

  /* Color 2023 */
  /* background: #64C9CF; */

  /* Color 2023 */
  /* background: #6494CF; */

  /* Color 2024 */
  background: #cc366c;
}

#delivering-value-box-content {
  padding-top: 13px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 17px;
}

#delivering-value-box-line-one {
  font-family: 'Source Serif Pro Semibold';
  /* font-style: normal;
  font-weight: 600; */
  font-size: 40px;
  line-height: 50px;

  /* White */
  color: #FFFFFF;
  margin: 0px;
}

#delivering-value-box-line-two {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: 600; */
  font-size: 16px;
  line-height: 20px;

  /* White */
  color: #FFFFFF;
  margin: 0px;
  padding-bottom: 25px;
}

/* Delivering Value - Graphs */

#delivering-value-graphs {
  margin-left: 9.44%;
  margin-right: 9.44%;
  width: 81.12%;
  padding-top: 50px;
  /* padding-bottom: 50px; */
  text-align: center;
  display: inline-block;
}

#delivering-value-graphs-line-one {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;
  /* text-align: center; */

  /* Color 2020 */
  /* color: #4BBBD1; */

  /* Color 2021 */
  /* color: #FC6087; */

  /* Color 2022 */
  /* color: #6A6AC6; */

  /* Color 2023 */
  /* color: #6494CF; */

  /* Color 2024 */
  color: #0070bc;

  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 13.82%;
  margin-right: 13.82%;
}

#delivering-value-graphs-line-two {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  /* text-align: center; */
  letter-spacing: 0.2px;

  /* Dark Blue */
  color: #171738;

  /* 2020 */
  /* margin-bottom: 70px; */
  margin-left: 13.82%;
  margin-right: 13.82%;

  /* 2021 */
  margin-bottom: 20px;
}

#delivering-value-graphs img {
  width: 100%;
}

#ruler-left {
  float:left;
  width: 50%;
  padding-top: 40px;
  /* margin-bottom: 40px; */

  /* Color 2021 */
  /* filter: invert(49%) sepia(83%) saturate(1405%) hue-rotate(311deg) brightness(102%) contrast(98%); */

  /* Color 2022 */
  filter: invert(43%) sepia(31%) saturate(989%) hue-rotate(202deg) brightness(95%) contrast(87%);
}

#ruler-right {
  float:right;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;

  /* Color 2021 */
  /* filter: invert(49%) sepia(83%) saturate(1405%) hue-rotate(311deg) brightness(102%) contrast(98%); */

  /* Color 2022 */
  filter: invert(43%) sepia(31%) saturate(989%) hue-rotate(202deg) brightness(95%) contrast(87%);
}

.box-one {
  grid-column-start: 2;
}

/* Approach Section */

#approach-section {
  /* height: 480px; */
  height: auto;
  /* background: #171738; */
  background: #F5F5F5;
}

#approach-section-content {
  margin-left: 13.88%;
  margin-right: 13.88%;
  margin-top: 116px;
  margin-bottom: 88px;
}

#approach-section-line-one {
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;
  text-align: center;

  /* color: #FFFFFF; */
  color: #171738;
}

#approach-section-line-two {
  /* Body bold */
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  text-align: center;
  letter-spacing: 0.2px;

  /* color: #FFFFFF; */
  color: #171738;

  margin-bottom: 82px;
}

#approach-section-grid {
  display: grid;
  grid-template-columns: 20% 20% 20%;
  grid-template-rows: auto;
  grid-column-gap: 20%;
  /* grid-row-gap: 76px; */

  margin-left: 70px;
  margin-right: 70px;
}

#approach-section-icon {
  text-align: center;
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.3px;

  /* Dark Blue */
  color: #171738;
}

#delivering-value-section-mobile {
  display: none;
}

/* Reach & Access Section */

.outcomes-logo {
  height: 130px;
  width: 150px;
}

#sub-reach-access-section {
  /* height: 464px; */
  background: #F5F5F5;
  padding-bottom: 80px;
}

#reach-access-section {
  height: 687px;

  /* Color 2023 */
  /* background: #FFD025; */

  /* Color 2023 - New */
  /* background: #949400; */

  /* Color 2024 */
  background: #e2b024;
}

#reach-access-section-content {
  margin-top: 81px;
  margin-bottom: 40px;
  margin-left: 23.26%;
  margin-right: 23.26%;
  text-align: center;
}

#reach-access-section-line-two {
  font-family: 'Source Sans Pro Bold';
  font-size: 40px;
  line-height: 50px;
  text-align: center;

  /* Color 2020 */
  color: #FFFFFF;

  /* Color 2021 */
  color: #171738;

  margin: 0px;
  margin-bottom: 5px;
}

#reach-access-section-line-three {
  font-family: 'Source Sans Pro Regular';
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.2px;

  /* Color 2020 */
  color: #FFFFFF;

  /* Color 2021 */
  color: #171738;

  margin: 0px;
  padding-bottom: 33px;
}

#reach-button {
  float: left;
}

#access-button {
  float: right;
  /* border-bottom: 2px solid white; */
}

/* .reach-access-button :: before {
  mix-blend-mode: lighten;
} */

.reach-access-button {
  width: 50%;
  height: 55px;

  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 2.25px;
  text-transform: uppercase;

  /* Color 2020 */
  /* background: #422E74; */

  /* Color 2021 */
  /* background: #00C481; */
  /* background: #0FBB90; */

  /* Color 2022 */
  /* background: #e5b96a; */

  /* mix-blend-mode: multiply; */
  /* opacity: 0.6; */

  /* color: #FFFFFF; */
  /* opacity: 0.4; */

  /* Color 2023 */
  /* background: #f1c628; */
  /* background: #7f7f04; */

  /* Color 2024 */
  background: #9e7b19;

  border: none;

  padding: 0px;
  /* color: #8A7EA8; */
  border-bottom: 2px solid #1D1048;
  color: black;
}

#button-text {
  color: white;
}

/* button#reach-button.reach-access-button {
  padding: 0px;
} */

.reach-access-button:disabled,
.reach-access-button[disabled] {
  /* Color 2020 */
  /* background: #422E74; */

  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;

  /* Color 2021 */
  /* background: #00C481; */
  /* background: #0FBB90; */

  /* Color 2022 */
  /* background: #e5b96a; */

  /* Color 2023 */
  /* background: #f1c628; */
  /* background: #7f7f04; */

  /* Color 2024 */
  background: #9e7b19;
}

#reach-access-buttons {
  padding-bottom: 40px;
}

#reach-box {
  margin-left: 9.44%;
  margin-right: 9.44%;
  /* width: 81.12%; */
  /* height: 586px; */
  background-color: #FFFFFF;

  /* margin-top: 40px; */
  margin-top: -14%;
  position: sticky;
}

#access-box {
  margin-left: 9.44%;
  margin-right: 9.44%;
  /* width: 81.12%; */
  /* height: 586px; */
  background-color: #FFFFFF;

  /* margin-top: 40px; */
  margin-top: -14%;
  position: sticky;
}

.access-content {
  /* padding-top: 50px;
  padding-bottom: 50px;
  margin-left: 5.5%;
  margin-right: 5.5%; */
}

#access-box-container {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: 5.5%;
  margin-right: 5.5%;
}

#access-header {
  margin-top: 0px;
  margin-bottom: 0px;

  /* font-family: 'Source Sans Pro Semibold'; */
  /* font-style: normal;
  font-weight: bold; */
  /* font-size: 12px; */
  line-height: 15px;
  letter-spacing: 2.25px;
  text-transform: uppercase;

  /* Dark Blue */
  color: #171738;

  font-family: 'Source Sans Pro Bold';
  font-size: 13px;
}

#access-header-border {
  margin-top: 10px;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 0px;
}

#access-companies {
  display: grid;
  grid-template-columns: 31.4% 31.4% 31.4%;
  grid-template-rows: auto;
  grid-column-gap: 2.9%;

  margin-bottom: 30px;
}

#access-company-icon {
  height: 100px;
  width: 100px;
}

#access-company-text {
  margin: 0px;

  /* Body bold */
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  letter-spacing: 0.2px;

  /* Dark Gray */
  color: #4F5865;
}

#dot-section-access {
  display: none;
}

#reach-box-container {
  /* padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 5.82%;
  padding-right: 11.82%;
  height: 600px; */
  display: flex;
}

#reach-box-container-mobile {
  display: none;
}

#reach-box-desktop-countries {
  display: grid;
  /* grid-template-columns: 32% 32% 32%; */
  grid-row-gap: 40px;
  grid-column-gap: 2%;
  align-items: end;
  text-align: center;

  width: 50%;
  float: left;

  height: auto;
  background: #FFFFFF;
  padding-top: 7%;
  padding-bottom: 7%;
  padding-left: 5.82%;
  flex: 1;
  /* padding-right: 11.82%; */

  /* Grid 2021 */
  grid-template-columns: 45% 45%;
  grid-column-gap: 10%;
}

/* #reach-box-desktop-data {
  height: inherit;
  background: #FFFFFF;
} */

.usa {
  grid-column: 1 / span 2;
  text-align: left !important;
}

.usa img {
  width: 100%;
  padding-top: 30px;
}

.usa p {
  color: #171738 !important;
  padding-top: 0px !important;
}

#usa-purple {
  display: inline-flex;

  /* Color 2021 */
  /* filter: invert(75%) sepia(75%) saturate(5119%) hue-rotate(121deg) brightness(106%) contrast(87%); */
}

#usa-grey {
  display: none;
}

#europe-purple {
  display: none;

  /* Color 2021 */
  /* filter: invert(75%) sepia(75%) saturate(5119%) hue-rotate(121deg) brightness(106%) contrast(87%); */
}

#europe-grey {
  display: inline-flex;
}

#india-purple {
  display: none;

  /* Color 2021 */
  /* filter: invert(75%) sepia(75%) saturate(5119%) hue-rotate(121deg) brightness(106%) contrast(87%); */
}

#india-grey {
  display: inline-flex;
}

#china-purple {
  display: none;

  /* Color 2021 */
  /* filter: invert(75%) sepia(75%) saturate(5119%) hue-rotate(121deg) brightness(106%) contrast(87%); */
}

#china-grey {
  display: inline-flex;
}

#africa-purple {
  display: none;

  /* Color 2021 */
  /* filter: invert(75%) sepia(75%) saturate(5119%) hue-rotate(121deg) brightness(106%) contrast(87%); */
}

#africa-grey {
  display: inline-flex;
}

#europe-data {
  display: none;
}

#india-data {
  display: none;
}

#china-data {
  display: none;
}

#africa-data {
  display: none;
}

#country {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  letter-spacing: 2.25px;
  text-transform: uppercase;

  /* EOR Purple */
  /* color: #674F99; */
  padding-top: 20px;

  /* Color 2021 */
  /* color: #10D7A5; */
  color: #171738;
}

#reach-box-desktop-data {
  width: 50%;
  float: right;
  background: #FFFFFF;
  flex: 1;

  padding-top: 7%;
  padding-bottom: 7%;
  padding-right: 11.82%;
  padding-left: 10%;
}

.country-data-grid {
  display: grid;
  grid-template-columns: 30% 30%;
  grid-template-rows: auto;
  grid-column-gap: 40%;
  grid-row-gap: 0%;
  /* padding-top: 30px; */
}

#company-users-number {
  margin: 0px;
  margin-top: -30px;
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;

  /* Dark Blue */
  color: #171738;
}

#countries-data-header {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  letter-spacing: 2.25px;
  text-transform: uppercase;

  /* EOR Purple */
  color: #171738;
  padding-top: 0px;
}

/* Diversity Section */

#diversity-section-owl-data-mobile {
  display: none;
}

#diversity-section-description {
  padding-left: 9.44%;
  padding-top: 200px;
  width: 50%;
  float: left;
  /* background-color: #ED6F5C; */
  text-align: left;
  padding-right: 8.055%;
  /* padding-bottom: 68px; */

  /* Color 2021 */
  /* background-color: #FFD95C; */
  padding-bottom: 80px;

  /* Color 2022 */
  /* background-color: #0B9B48; */

  /* Color 2023 */
  /* background-color: #949400; */
  /* background-color: #FF990A; */

  /* Color 2024 */
  background-color: #7d3bbc;
}

/* #diversity-section-data {
  width: 50%;
  float: right;
} */

#diversity-section-line-one {
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 16px;
  line-height: 20px;
  /* text-align: center; */
  letter-spacing: 3px;
  text-transform: uppercase;

  /* Color 2020 */
  /* White */
  color: #FFFFFF;

  /* Color 2021 */
  color: #171738;

  margin: 0px;
  margin-top: 12px;
  margin-bottom: 9px;
}

#diversity-section-line-two {
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;
  /* text-align: center; */

  /* Dark Blue */
  color: #171738;

  margin: 0px;
  margin-bottom: 5px;
}

#diversity-section-line-three {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  /* text-align: center; */
  letter-spacing: 0.2px;

  /* Dark Blue */
  color: #171738;

  margin: 0px;
  padding-bottom: 84px;
}

#diversity-section-line-four {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  letter-spacing: 0.2px;

  /* White */
  /* color: #FFFFFF; */
  opacity: 0.6;
  padding-bottom: 80px;

  /* Color 2021 */
  color: #171738;
}

#diversity-section-data-desktop {
  padding-left: 4.44%;
  padding-right: 9.44%;
  padding-top: 75px;
  padding-bottom: 68px;

  width: 50%;
  float: right;
  background: white;
}

#diversity-section-data-mobile {
  display: none;
}

/* #diversity-section-owl-data {
  padding-bottom: 66px;
} */

#owl-data-grid {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  grid-template-rows: auto;
  grid-column-gap: 2%;
  grid-row-gap: 20px;
}

#owl-data-header {
  /* H4 */
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;

  /* Color 2020 */
  /* Gray */
  /* color: #C9C9C9; */

  /* Color 2021 */
  color: #171738;


  margin-top: 60px;
  margin-bottom: 0px;
}

#owl-data-header-border {
  /* Color 2020 */
  /* border: 1px solid #C9C9C9; */

  /* Color 2021 */
  border: 1px solid #171738;
  margin-bottom: 27px;
}

#grid-item-column-header {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.3px;

  /* Gray */
  color: #C9C9C9;

  margin: 0px;
}

#grid-item-line-one {
  /* H5 */
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;

  /* Dark Blue */
  color: #171738;

  margin: 0px;
}

#grid-item-line-two {
  font-family: 'Source Sans Pro Semibold';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  /* identical to box height, or 162% */
  letter-spacing: 0.2px;

  /* Gray */
  /* color: #C9C9C9; */
  color: #171738;

  margin: 0px;
}

#grid-item-line-three {
  font-family: 'Source Sans Pro Semibold';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  /* identical to box height, or 162% */
  letter-spacing: 0.2px;

  /* Gray */
  /* color: #171738; */
  color: #C9C9C9;

  margin: 0px;
}

#diversity-section-data-mobile {
  display: none;
}

/* Outcomes Section */

#outcomes-section {
  /* height: 400px; */
  height: auto;
  /* min-height: 400px;
  max-height: auto; */

  /* Color 2020 */
  /* background: #B3B411; */

  /* Color 2021 */
  /* background: #FFA03B; */

  /* Color 2022 */
  /* background: #559EFC; */

  /* Color 2023 */
  /* background: #6494CF; */

  /* Color 2023 */
  /* background: #64C9CF; */

  /* Color 2024 */
  background: #d86125;
}

#outcomes-section-content {
  margin-top: 81px;
  margin-bottom: 73px;
  margin-left: 23.26%;
  margin-right: 23.26%;
  text-align: center;
}

#outcomes-section-line-one {
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;

  /* Color 2020 */
  /* White */
  /* color: #FFFFFF; */

  /* Color 2020 */
  color: #171738;

  margin: 0px;
  margin-top: 12px;
  margin-bottom: 9px;
}

#outcomes-section-line-two {
  font-family: 'Source Sans Pro Bold';
  /* font-style: normal;
  font-weight: bold; */
  font-size: 40px;
  line-height: 50px;
  text-align: center;

  /* Dark Blue */
  color: #171738;

  margin: 0px;
  margin-bottom: 5px;
}

#outcomes-section-line-three {
  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* or 162% */
  text-align: center;
  letter-spacing: 0.2px;

  /* Dark Blue */
  color: #171738;

  margin: 0px;
}

#triangle-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid white;
  float: center;
  margin-left: 48%;
  display: none;
}

#outcomes-section-quotes-carousel {
  height: 400px;
  background: #FFFFFF;
}

.quote-card {
  padding-top: 80px;
  padding-bottom: 67px;
  padding-left: 12.916%;
  padding-right: 12.916%;
  height: 400px;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease;
    margin-left: 25px;
}

.active,
.dot:hover {
    /* Color 2020 */
    /* background: #B3B411; */

    /* Color 2021 */
    /* background: #FFA03B; */

    /* Color 2022 */
    /* background: #559EFC */

    /* Color 2023 */
    /* background: #64C9CF; */

    /* Color 2024 */
    background: #d86125;
}

#quote-copy {
  width: 50%;
  height: 250px;
  float: left;

  font-family: 'Source Serif Pro Semibold';
  /* font-size: 40px; */
  font-size: 24px;
  /* line-height: 50px; */
  line-height: 40px;

  color: #000000;

  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  margin-top: 60px;
}

#quote-copy p{
  overflow-y: hidden;
  padding-right: 40px;
}

#quote-company {
  width: 50%;
  float: right;
  text-align: right;
}

#quote-company-image {
  height: 300px;
  width: 60%;
}

#dot-section {
  text-align: center;
  background: #FFFFFF;
  height: 92px;
  padding-bottom:80px;
  padding-top:10px;
}

/* Download Report */

#download-report-section {
  /* height: 600px; */
  background: #00324F;
}

#download-report-box {
  height: auto;
  /* width: 100%; */
  width: 81.12%;
  margin-left: 9.44%;
  margin-right: 9.44%;

  margin-top: 120px;
  margin-bottom: 32px;

  /* background: linear-gradient(147.09deg, #73D6FF -13.45%, #0096D4 148.74%); */
  background: linear-gradient(147.09deg, #007f8e -13.45%, #0096D4 148.74%);
  border-radius: 16px;
}

#download-report-box-content {
  padding-top: 117px;
  padding-bottom: 117px;
  text-align: center;
}

#download-report-line-one {
  font-family: 'Source Sans Pro Semibold';
  /* font-style: normal;
  font-weight: 600; */
  font-size: 56px;
  line-height: 70px;
  /* text-align: center; */

  margin: 0px;

  color: #FFFFFF;
}

#download-report-line-two {

  font-family: 'Source Sans Pro Regular';
  /* font-style: normal;
  font-weight: normal; */
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  /* text-align: center; */
  letter-spacing: 0.2px;

  color: #FFFFFF;

  margin-bottom: 50px;

  padding-left: 25%;
  padding-right: 25%;

}

#download-report-button {

  width: 217px;
  height: 64px;

  background: #FFFFFF;
  /* White */
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;

  text-decoration: none;

  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 24px;
  padding-right: 24px;

  color: #0096D4;

}

@media (max-width: 1550px) {

  #download-section-top-content-left-line-one {
    font-size: 42px;
    line-height: 55px;
  }
}

/* Tablet */

@media (max-width: 1156px) {

  #delivering-value-boxes-grid {
    /* grid-template-columns: auto auto; */
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #grid-item-line-one {
    font-size: 21px;
  }
}

/* Mobile */

@media (max-width: 767px) {

  /* Download Report - Top */
  #download-image {
    /* height: 120px !important; */
    height: 100%;
  }

  #download-section-top-content-right {
    width: 90%;
    float: none;
    height: 300px;
    margin-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
  }

  #download-section-top-content-left {
    width: 100%;
    padding-right: 9.44%;
    padding-top: 40px;
    padding-bottom: 61px;
  }

  /* #download-section-top-content-right img{
    width: 100%;
  } */

  #download-section-top-content-left-line-one {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.3px;
  }

  #download-report-button-top {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Delivering Value - Boxes */
  #delivering-value-boxes {
    padding-top: 33px;
    padding-bottom: 20px;
  }

  #delivering-value-boxes-description {
    width: 100%;
    float: none;
  }


  #delivering-value-boxes-line-one {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 34px;
  }

  #delivering-value-boxes-line-two {
    display: none;
  }

  #delivering-value-boxes-grid {
    grid-template-columns: auto auto;
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    padding-left: 0px;
  }

  #delivering-value-box {
    background: #F5F5F5;
  }

  #delivering-value-box-line-one {
    font-size: 32px;
    line-height: 40px;

    /* Color 2020 */
    /* color: #4BBBD1; */

    /* Color 2021 */
    /* color: #FC6087; */

    /* Color 2022 */
    /* color: #A80982; */

    /* Color 2023 */
    /* color: #6494CF; */

    /* Color 2024 */
    color: #cc366c;
  }

  #delivering-value-box-line-two {
    /* Color 2020 */
    /* color: #4BBBD1; */

    /* Color 2021 */
    /* color: #FC6087; */

    /* Color 2022 */
    /* color: #A80982; */

    /* Color 2023 */
    /* color: #6494CF; */

    /* Color 2024 */
    color: #cc366c;

    padding-bottom: 0px;
  }

  .box-one {
    grid-column-start: 1;
    grid-column: 1 / span 2;
  }

  /* Delivering Value - Graphs */
  #delivering-value-section-mobile {
    display: block;
  }

  #delivering-value-section {
    display: none;
  }

  #ruler-mobile {
    width: 100%;
    padding-top: 20px;

    /* Color 2021 */
    /* filter: invert(49%) sepia(83%) saturate(1405%) hue-rotate(311deg) brightness(102%) contrast(98%); */

    /* Color 2022 */
    filter: invert(43%) sepia(31%) saturate(989%) hue-rotate(202deg) brightness(95%) contrast(87%);
  }

  #delivering-value-graphs {
    padding-top: 15px;
  }

  #delivering-value-graphs-line-one {
    font-size: 24px;
    line-height: 30px;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .circle-graphs {
    margin-left: 12.74% !important;
    margin-right: 12.74% !important;
    width: 74.52% !important;
  }

  #circle-top {
    padding-bottom: 25px;
  }

  #delivering-value-bar-graphs {
    /* padding-top: 30px; */
    /* display: none; */
  }

  #delivering-value-see-more-data {
    padding-top: 25px;
    /* padding-bottom: 30px; */

    /* 2021 */
    padding-bottom: 25px;


    font-family: 'Source Sans Pro Semibold';
    /* font-style: normal;
    font-weight: bold; */
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 2.25px;
    text-transform: uppercase;

    /* EOR Teal 2020 */
    /* color: #4BBBD1; */

    /* Color 2021 */
    color: #FC6087;

    /* Color 2022 */
    color: #6A6AC6;
  }

  /* Approach Section */

  #approach-section-line-one {
    font-size: 24px;
    line-height: 30px;
  }

  #approach-section-line-two {
    margin-bottom: 34px;
  }

  #approach-section-content {
    margin-left: 9.44%;
    margin-right: 9.44%;
    margin-top: 33px;
    margin-bottom: 35px;
  }

  #approach-section-grid {
    grid-template-columns: 100%;
    grid-column-gap: 0%;
    grid-row-gap: 30px;
  }

  /* Reach & Access */

  #reach-access-section {
    height: 253px;
  }

  #reach-access-section-content {
    margin-top: 35px;
    /* margin-bottom: 34px; */
    margin-bottom: 0px;
    margin-left: 9.44%;
    margin-right: 9.44%;
    text-align: center;
  }

  #reach-access-section-content img{
    display: none;
  }

  #reach-access-section-line-two {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 22px;
  }

  #reach-access-section-line-three {
    display: none;
  }

  #reach-box {
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
  }

  #access-box {
    margin-top: 0px;
  }

  #sub-reach-access-section {
    background-color: white;
    height: auto;
    padding-bottom: 0px;
  }

  #access-box-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
  }

  #access-companies {
    grid-template-columns: 100%;
    grid-column-gap: 0%;
    grid-template-rows: 2fr 2fr 2fr;
  }

  #dot-access-section {
    height: 60px;
    padding-bottom: 40px;
    padding-top: 10px;
    display: block;
    text-align: center;
  }

  .dot-access {
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color .6s ease;
      /* margin-left: 25px; */
  }

  .active-reach,
  .dot-access:hover {
      /* Color 2020 */
      /* background: #674F99; */

      /* Color 2021 */
      /* background: #10D7A5; */
      background: #10DEB8;

      /* Color 2022 */
      background: #FFCE76;
  }

  #reach-box-container {
    display: none;
  }

  #reach-box-container-mobile {
    display: block;
  }

  #reach-box-country {
    /* Color 2020 */
    /* background: #674F99; */

    /* Color 2021 */
    /* background: #10D7A5; */
    /* background: #10DEB8; */
    padding-left: 9.44%;
    padding-right: 9.44%;

    /* Color 2022 */
    /* background: #FFCE76; */

    /* Color 2023 */
    /* background: #949400; */

    /* Color 2024 */
    background: #e2b024;
  }

  .country-data-grid {
    padding-left: 9.44%;
    padding-right: 9.44%;

    grid-template-columns: 20% 20%;
    /* grid-column-gap: 35%; */
    padding-bottom: 31px;
    padding-top: 31px;

    grid-column-gap: 60%;

    justify-content: center;
    align-items: center;
  }

  #company-users-number {
    font-size: 32px;
    line-height: 40px;
    margin-top: 0px;
  }

  #country {
    font-family: 'Source Sans Pro Semibold';
    /* font-style: normal;
    font-weight: bold; */
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: 2.25px;
    text-transform: uppercase;

    /* White */
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0px;
  }

  #reach-box-country img{
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    padding-top: 40px;
  }

  .usa p {
    color: #FFFFFF !important;
  }

  #dot-section-reach {
    height: 60px;
    padding-bottom: 40px;
    padding-top: 10px;
    display: block;
    text-align: center;
    /* Color 2020 */
    /* background: #674F99; */

    /* Color 2021 */
    /* background: #10D7A5; */
    /* background: #10DEB8; */

    /* Color 2022 */
    /* background: #FFCE76; */

    /* Color 2023 */
    /* background: #949400; */

    /* Color 2024 */
    background: #e2b024;
  }

  .dot-reach {
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color .6s ease;
      /* margin-left: 25px; */
  }

  .active-acess,
  .dot-reach:hover {
      /* Color 2020 */
      background: #FFFFFF;
  }

  /* Diversity Section */

  #diversity-section-owl-data-mobile {
    display: block;
    padding-top: 35px;
  }

  #diversity-section-description {
    width: 100%;
    float: none;

    padding-top: 35px;
    padding-bottom: 0px;
  }

  #diversity-section-icon {
    display: none;
  }

  #diversity-section-line-two {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
  }

  #diversity-section-line-three {
    display: none;
  }

  #diversity-section-line-four {
    padding-bottom: 0px;
  }

  #owl-data-grid {
    grid-template-columns: 45% 45%;
    grid-column-gap: 10%;
  }

  #owl-data-header {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 2.25px;
    margin-top: 0px;
  }

  #owl-data-grid #grid-item-line-one {
    /* Color 2020 */
    /* color: #FFFFFF; */

    /* Color 2021 */
    color: #171738;

    font-size: 32px;
    line-height: 40px;
  }

    #owl-data-grid #grid-item-line-two {
    /* Color 2020 */
    /* color: #FFFFFF; */

    /* Color 2021 */
    /* color: #C9C9C9; */
  }

  #diversity-see-more-data {
    padding-top: 30px;
    padding-bottom: 25px;
    margin: 0px;

    font-family: 'Source Sans Pro Semibold';
    /* font-style: normal;
    font-weight: bold; */
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 2.25px;
    text-transform: uppercase;

    /* Color 2020 */
    /* EOR Teal */
    /* color: #FFFFFF; */

    /* Color 2021 */
    color: #171738;
  }

  #diversity-section-data-desktop {
    display: none;
  }

  /* #diversity-section-data-mobile {
    display: none;
  } */

  .diversity-content {
    /* display: grid; */
    grid-template-columns: auto auto;
    /* grid-template-rows: auto auto auto; */
    text-align: center;
  }

  .row-one {
    grid-column: 1 / span 2;
    padding-bottom: 30px;
  }

  .row-two-left {
    grid-column: 1 / span 1;
  }

  .row-two-right {
    grid-column: 2 / span 1;
  }

  .row-three {
    grid-column: 1 / span 2;
    padding-top: 10px;
  }

  #diversity-section-portfolio-data {
    margin-left: 9.44%;
    margin-right: 9.44%;
    padding-top: 37px;
    /* padding-bottom: 35px; */
  }

  /* #owl-data-grid-mobile {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: auto;
    grid-column-gap: 2%;
    grid-row-gap: 20px;
  } */

  #dot-diversity-section {
    height: 60px;
    padding-bottom: 40px;
    padding-top: 10px;
    display: block;
    text-align: center;
  }

  .dot-diversity {
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color .6s ease;
      /* margin-left: 25px; */
  }

  .active-diversity,
  .dot-diversity:hover {
      /* Color 2020 */
      /* background: #ED6F5C; */

      /* Color 2021 */
      /* background: #FFD95C; */

      /* Color 2022 */
      /* background: #0B9B48; */

      /* Color 2023 */
      /* background: #FF990A; */

      /* Color 2024 */
      background: #7d3bbc;
  }

  #diversity-triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid white;
    float: center;
    margin-left: 48%;
    display: none;
  }

  /* Outcomes Section */

  #outcomes-section-content {
    margin-top: 35px;
    /* margin-bottom: 34px; */
    margin-bottom: 0px;
    margin-left: 9.44%;
    margin-right: 9.44%;
    text-align: center;
  }

  #outcomes-section-content img{
    display: none;
  }

  #outcomes-section-line-two {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 22px;
  }

  #outcomes-section-line-three {
    display: none;
  }

  #triangle-up {
    display: block;
  }

  #outcomes-section-quotes-carousel {
    /* height: 250px; */
    /* height: 325px; */
    height: 285px;
  }

  .quote-card {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 9.44%;
    padding-right: 9.44%;
    height: 250px;
  }

  #quote-copy {
    width: 100%;
    /* height: 100px; */
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    font-family: 'Source Serif Pro Regular';
    letter-spacing: 0.3px;
    /* -webkit-line-clamp: 3; */

    /* height: 200px; */
    -webkit-line-clamp: 5;
    margin-top: 0px;

    /* height: 175px; */
    font-size: 20px;
    line-height: 28px;

    height: 145px;
  }

  #quote-copy p {
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #quote-company {
    width: 100%;
    height: 145px;
    text-align: center;
  }

  #quote-company-image {
    margin-top: 20px;
    height: 100px;
  }

  .dot {
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 0 2px;
  }

  #dot-section {
    height: 60px;
    padding-bottom:40px;
    padding-top:10px;
  }

  /* Download Report - Bottom */

  #download-report-box-content {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 9.44%;
    margin-right: 9.44%;
    text-align: left;
  }

  #download-report-section {
    height: auto;
  }

  #download-report-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
  }

  #download-report-line-one {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    padding-top: 32px;
  }

  #download-report-line-two {
    padding-top: 10px;
    margin: 0px;
    padding-left: 0%;
    padding-right: 0%;
  }

  #download-report-link {
    padding-top: 40px;
    padding-bottom: 61px;
  }
}