@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/6974f07a08480e4a83c5c937.6974f07b08480e4a83c5c93a.aCZTqL5.hcp.png");

@font-face {
  font-family: "Avenir-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/25381880192.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir-Heavy";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AvenirLTStd-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "Avenir-Roman";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AvenirLTStd-Roman.otf") format("opentype");
}

.screen a {
  display: contents;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.logowhite {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 138px;
}

.logos_2 {
  height: 73px;
  position: relative;
  width: 138px;
}

.link-group {
  height: 43px;
  position: relative;
  width: 431px;
}

.nav-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  left: 0;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  width: 90px;
}

.nav-item-1 {
  left: 114px;
  width: 90px;
}

.about {
  letter-spacing: 1.00px;
  line-height: 27.3px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.nav-item-2 {
  left: 228px;
  width: 89px;
}

.services {
  letter-spacing: 1.00px;
  line-height: 27.3px;
  margin-left: -8.50px;
  margin-right: -8.50px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.nav-item-3 {
  left: 341px;
  width: 90px;
}

.box-3 {
  padding: 21px 90px;
}

.interconnection {
  align-items: center;
  color: var(--black);
  display: flex;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.epcm {
  align-items: center;
  color: var(--black);
  display: flex;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.footer-box {
  align-items: center;
  align-self: stretch;
  background-color: var(--eskar---comp-blue);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 31px 66px;
  position: relative;
  width: 100%;
}

.link {
  color: var(--white);
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.nav-item-4 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.learn-more {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}