@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../exo-2-latin-300-normal.b7d3dda4.woff2") format("woff2"), url("../exo-2-latin-300-normal.779d2ed8.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../exo-2-latin-400-normal.8f897a28.woff2") format("woff2"), url("../exo-2-latin-400-normal.987f82c4.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../exo-2-latin-500-normal.2e19b06c.woff2") format("woff2"), url("../exo-2-latin-500-normal.c118d29c.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../exo-2-latin-600-normal.dfe7a2c1.woff2") format("woff2"), url("../exo-2-latin-600-normal.62cfe3bd.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../exo-2-latin-700-normal.c2ec23cd.woff2") format("woff2"), url("../exo-2-latin-700-normal.35c20e32.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../exo-2-latin-800-normal.bb1ecc56.woff2") format("woff2"), url("../exo-2-latin-800-normal.51529d5c.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../exo-2-latin-900-normal.5976983d.woff2") format("woff2"), url("../exo-2-latin-900-normal.4f2d1959.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("../exo-2-latin-400-italic.916ebd3e.woff2") format("woff2"), url("../exo-2-latin-400-italic.2c1d0f8f.woff") format("woff");
}

@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url("../exo-2-latin-700-italic.ba71a090.woff2") format("woff2"), url("../exo-2-latin-700-italic.ac2604a5.woff") format("woff");
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../space-grotesk-latin-300-normal.e2e21f85.woff2") format("woff2"), url("../space-grotesk-latin-300-normal.fdda4498.woff") format("woff");
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../space-grotesk-latin-400-normal.34ed24e5.woff2") format("woff2"), url("../space-grotesk-latin-400-normal.26756177.woff") format("woff");
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../space-grotesk-latin-500-normal.f26f5d23.woff2") format("woff2"), url("../space-grotesk-latin-500-normal.1d21c1b5.woff") format("woff");
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../space-grotesk-latin-600-normal.c8fe9594.woff2") format("woff2"), url("../space-grotesk-latin-600-normal.7272faa9.woff") format("woff");
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../space-grotesk-latin-700-normal.c1b09e76.woff2") format("woff2"), url("../space-grotesk-latin-700-normal.bd6585e5.woff") format("woff");
}

.hsg-main html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.hsg-main body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.hsg-main h2 {
  font-size: 30px;
}

.hsg-main h2, .hsg-main h3 {
  font-family: Exo2, sans-serif;
  font-weight: 700;
  line-height: 1;
}

.hsg-main h3 {
  font-size: 20px;
}

.hsg-main p {
  font-family: Exo2, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
}

.hsg-main .white {
  color: #fff;
}

.hsg-main .black {
  color: #000 !important;
}

.hsg-main .grey {
  color: #777;
}

.hsg-main .bg-red {
  background-color: #ee4037;
  color: #fff !important;
}

.hsg-main .para-sm {
  font-size: 16px;
  font-weight: 600;
}

h2.text-center {
  margin: 0 auto;
  padding-bottom: 60px;
  font-size: 55px;
  line-height: 1;
}

.hsg-main .hsg-banner img {
  width: 100%;
}

.hsg-banner-section1, .hsg-main .section-padding {
  padding: 80px 0;
}

.hsg-overview {
  z-index: 30;
  margin-top: 0;
  padding: 80px 0 0;
  position: relative;
  color: #fff !important;
}

.hsg-overview h1 {
  margin-bottom: 80px;
}

.hsg-overview .overview-heading {
  margin-bottom: 10px;
}

.hsg-overview .overview-sub-head {
  font-weight: 500;
  opacity: .7 !important;
}

.hsg-overview br {
  margin-bottom: 20px;
}

.hsg-personas .persona-section {
  margin-top: 80px;
}

.hsg-personas .persona-section .col-lg-6 {
  padding: 0 !important;
}

.hsg-personas .persona-left img {
  width: 80%;
  margin-left: auto;
  display: block;
}

.hsg-personas .persona-right {
  background: #f1f1f1;
  width: 100%;
  margin-top: 60px;
  padding: 50px 50px 30px;
}

.hsg-personas .persona-right h2 {
  margin-bottom: 5px;
}

.hsg-main .hsg-ul {
  list-style: none;
}

.hsg-main .hsg-ul p {
  margin-bottom: 25px;
  line-height: 1.2;
}

.hsg-main .hsg-info {
  align-items: center;
  display: flex;
}

.hsg-main .hsg-info:before {
  content: "";
  background: #25c994;
  border-radius: 100%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-right: 15px;
  display: block;
}

.hsg-personas .persona-img {
  position: absolute;
  top: 0;
  right: -50px;
}

.hsg-colors {
  margin-top: 100px;
  padding-left: 30px;
}

.hsg-colors .hsg-colors-section {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.hsg-colors .white-circle {
  background: #fff;
  width: 170px;
  height: 170px;
  margin-left: -30px;
  box-shadow: 2px 2px 40px #0003;
}

.hsg-colors .color-div, .hsg-colors .white-circle {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hsg-colors .color-div {
  width: 130px;
  height: 130px;
}

.hsg-colors .red-circle {
  z-index: 50;
  background: #ee4037;
  position: relative;
}

.hsg-colors .yellow-circle {
  background: #ffc837;
}

.hsg-colors .green-circle {
  background: #25c994;
}

.hsg-colors .black-circle {
  background: #000;
}

.hsg-colors .grey-circle {
  background: #f1f1f1;
}

.hsg-colors .color-1 {
  z-index: 50;
  position: relative;
}

.hsg-colors .color-2 {
  z-index: 40;
  position: relative;
}

.hsg-colors .color-3 {
  z-index: 30;
  position: relative;
}

.hsg-colors .color-4 {
  z-index: 20;
  position: relative;
}

.hsg-colors .color-5 {
  z-index: 10;
  position: relative;
}

.hsg-colors .color-text {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.hsg-font {
  margin: 80px 0 0;
}

.hsg-font h1 {
  margin-top: 100px;
}

.hsg-font h2 {
  margin-bottom: 25px;
}

.hsg-font .font-med {
  font-weight: 500;
}

.hsg-font h2 span {
  margin-right: 30px;
}

.hsg-icons {
  margin-top: 120px;
}

.hsg-icons .icon-set {
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.hsg-icons .row {
  width: 100%;
}

.hsg-icons .icon-set img {
  width: 100px;
}

.hsg-vectors {
  margin-top: 50px;
}

.hsg-vectors .col-lg-4 {
  justify-content: center;
  display: flex;
}

.hsg-vectors img {
  margin: 0 auto;
  display: block;
}

.hsg-web {
  background: #f0f0f0;
  height: auto;
  position: relative;
}

.hsg-web .col-lg-6 {
  padding: 0 !important;
}

.hsg-web .web-section {
  z-index: 50;
  margin-top: 160px;
  position: relative;
}

.hsg-web .web-1 {
  z-index: 50;
  margin-right: -30px;
  position: relative;
}

.hsg-web .hsg-page {
  border: 5px solid #ee4037;
  border-radius: 30px;
  box-shadow: 2px 2px 40px #0003;
}

.hsg-web .web-right {
  margin-top: 70%;
}

.hsg-main .yellow-vector-bg {
  background: #ffc837;
  width: 595px;
  height: 595px;
  top: 10.5%;
  left: -7%;
}

.hsg-main .green-vector-bg, .hsg-main .yellow-vector-bg {
  z-index: 20;
  border-radius: 100%;
  display: block;
  position: absolute;
}

.hsg-main .green-vector-bg {
  background: #25c994;
  width: 535px;
  height: 535px;
  bottom: 4%;
  right: -3%;
}

.hsg-main .red-vector-bg {
  z-index: 20;
  background: #ee4037;
  border-radius: 100%;
  width: 470px;
  height: 470px;
  display: block;
  position: absolute;
  top: 6%;
  right: 5%;
}

.hsg-main .title-hidden {
  display: none;
}

.hsg-main .bg-title {
  color: #e3e3e3;
  font-size: 150px;
  font-weight: 700;
}

.hsg-main .title-1 {
  z-index: 10;
  position: absolute;
  top: 5%;
}

.hsg-web .title-2 {
  z-index: 10;
  position: absolute;
  top: 19%;
  right: 8%;
}

.hsg-web .web-vector {
  z-index: 70;
  border-top: 25px solid #0000;
  border-bottom: 25px solid #0000;
  border-right: 50px solid #ee4037;
  width: 0;
  height: 0;
  position: absolute;
  top: 10%;
  right: -25px;
  transform: rotate(120deg);
}

.hsg-web .vector1 {
  z-index: 99;
  position: absolute;
  bottom: -5%;
  right: 0;
  overflow-x: hidden !important;
}

.hsg-web2 {
  padding: 80px 0 250px;
  position: relative;
}

.hsg-web2 .yellow-vector-bg {
  width: 500px;
  height: 500px;
  top: 24%;
  left: 25%;
}

.hsg-main .bg-title2 {
  color: #f3f3f3;
  font-size: 150px;
  font-weight: 700;
}

.hsg-web2 .title-3 {
  position: absolute;
  top: 5%;
}

.hsg-web2 .title-4 {
  position: absolute;
  bottom: 1%;
  right: 8%;
}

.hsg-main .health-section {
  position: relative;
}

.hsg-web2 img {
  width: 100%;
}

.hsg-web2 .web2-img {
  z-index: 30;
  width: 95%;
  margin-top: 30px;
  margin-left: auto;
  display: block;
  position: relative;
}

.hsg-web2 .web2-img2 {
  z-index: 20;
  position: absolute;
  top: 25%;
  left: 0;
}

.hsg-web2 .vector1 {
  z-index: 99;
  width: 430px;
  bottom: -15%;
  right: 0;
}

.hsg-web2 .vector1, .hsg-web2 .vector2 {
  position: absolute;
  overflow-x: hidden !important;
}

.hsg-web2 .vector2 {
  z-index: 10;
  width: 320px;
  bottom: 2%;
  left: 0;
}

.hsg-web3 {
  background: none;
  padding-bottom: 80px;
}

.hsg-web3 .title-1 {
  line-height: 1;
  position: absolute;
  top: 0;
}

.hsg-web3 .web-1 {
  margin-top: 10%;
}

.hsg-web3 .hsg-page {
  border: 5px solid #ffc837;
}

.hsg-web3 .vector-sm {
  position: absolute;
  top: 8%;
  right: -20%;
}

.hsg-web3 .vector-sm2 {
  position: absolute;
  bottom: 30%;
  right: -10%;
}

.hsg-mobile {
  background: #25c994;
  padding: 80px 0;
  position: relative;
}

.hsg-main .bg-title3 {
  color: #10b982;
  font-size: 150px;
  font-weight: 700;
}

.hsg-mobile .mobile-img {
  z-index: 20;
  width: 100%;
  position: relative;
}
/*# sourceMappingURL=hsg.css.map */