/* screen - services-eskar */

.services-eskar {
  align-items: center;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.services-eskar .about-hero {
  align-items: center;
  background-image: url(../img/about-hero.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 317px;
  height: 900px;
  position: relative;
  width: 1440px;
}

.services-eskar .navvvv {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 93px;
  justify-content: center;
  padding: 0px 60px;
  position: relative;
  width: 1440px;
}

.services-eskar .frame-1000000936 {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.services-eskar .frame-1000000935 {
  display: inline-flex;
  gap: 35px;
  justify-content: center;
}

.services-eskar .logos_2 {
  cursor: pointer;
  height: 73px;
  overflow: hidden;
  position: relative;
  width: 138px;
}

.services-eskar .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;
}

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

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

.services-eskar .about-page-title {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .title {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .services-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 774px;
  justify-content: center;
  padding: 60px;
  position: relative;
  width: 1440px;
}

.services-eskar .services-content {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  justify-content: center;
  margin-left: -15.00px;
  margin-right: -15.00px;
  position: relative;
}

.services-eskar .frame-1000000957 {
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  padding: 10px;
}

.services-eskar .our-services {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .services-boxes {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 566px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.services-eskar .services-boxes-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 21px;
  justify-content: center;
  position: relative;
  width: 1330px;
}

.services-eskar .service-box-row {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 27px;
  justify-content: center;
  position: relative;
  width: 1318px;
}

.services-eskar .infr-dev-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-left: -0.25px;
  padding: 57px 71px;
  position: relative;
  width: 421.5px;
}

.services-eskar .box {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 421px;
}

.services-eskar .rectangle-2 {
  align-self: stretch;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--seashell);
  border-radius: 15px;
  box-shadow: 3px 3px 4px #e0e0e040;
  height: 148px;
  position: relative;
  width: 100%;
}

.services-eskar .infr-dev-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .infrastructure-development {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .fin-stru-box-ad-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  padding: 47px 42px;
  position: relative;
  width: 421.5px;
}

.services-eskar .fin-stru-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .financial-structurin {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 316.51px;
}

.services-eskar .inter-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-right: -0.25px;
  padding: 60px 123px;
  position: relative;
  width: 421.5px;
}

.services-eskar .inter-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

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

.services-eskar .epcm-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-left: -0.25px;
  padding: 60px 169px;
  position: relative;
  width: 421.5px;
}

.services-eskar .epcm-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

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

.services-eskar .equ-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  padding: 60px 51px;
  position: relative;
  width: 421.5px;
}

.services-eskar .equ-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .equipment-tech-assessment {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .stak-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-right: -0.25px;
  padding: 47px 80px;
  position: relative;
  width: 421.5px;
}

.services-eskar .stak-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .stakeholder-engagement-partnerships {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .prj-man-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-left: -0.25px;
  padding: 60px 102px;
  position: relative;
  width: 421.5px;
}

.services-eskar .prj-man-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .project-management {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .aqu-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  padding: 47px 86px;
  position: relative;
  width: 421.5px;
}

.services-eskar .aqu-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .acquisitions-financing-due-dilligence {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .neg-box-and-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  margin-right: -0.25px;
  padding: 47px 50px;
  position: relative;
  width: 421.5px;
}

.services-eskar .neg-box-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .negotiation-of-commercial-solutions {
  color: var(--black);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 299px;
}

.services-eskar .commuinity-partnerships-section {
  align-items: flex-start;
  background-image: url(../img/commuinity-partnerships-section.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 908px;
  justify-content: flex-end;
  padding: 60px 60px 87px;
  position: relative;
  width: 1440px;
}

.services-eskar .commuinty-part-content {
  background-color: #ffffffe6;
  border-radius: 15px;
  height: 307px;
  overflow: hidden;
  position: relative;
  width: 793px;
}

.services-eskar .comm-part-content {
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  left: 38px;
  top: 42px;
  width: 717px;
}

.services-eskar .commuinty-partnerships-title {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  height: 37px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .community-partnerships {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -8.00px;
  margin-top: -10.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.services-eskar .comm-part-body {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.services-eskar .eskar-staff-have-wor {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: justify;
  width: 697px;
}

.services-eskar .advisory-activitives-section {
  align-items: flex-start;
  background-image: url(../img/advisory-activitives-section.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 1305px;
  justify-content: center;
  overflow: hidden;
  padding: 60px 0px 0px 60px;
  position: relative;
  transform: rotate(180deg);
  width: 1440px;
}

.services-eskar .advis-section {
  align-items: center;
  display: flex;
  gap: 75px;
  height: 1029px;
  margin-right: -60.00px;
  position: relative;
  transform: rotate(180deg);
  width: 1440px;
}

.services-eskar .advi-content-and-bar {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 37px;
  position: relative;
}

.services-eskar .rectangle-97 {
  background-color: var(--eskar---comp-blue);
  height: 1029px;
  position: relative;
  width: 117px;
}

.services-eskar .advi-content {
  gap: 81px;
  width: 862px;
}

.services-eskar .advisory-activities {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.services-eskar .advi-boxes {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.services-eskar .advi-box {
  align-self: stretch;
  background-color: var(--white-2);
  border: 1px solid;
  border-color: var(--mountain-mist);
  gap: 10px;
  height: 83px;
  padding: 18px 35px;
  width: 100%;
}

.services-eskar .x-body {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.services-eskar .acquisitions-due-dil {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .commercial-and-due-d {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .advi-box-1 {
  padding: 17px 35px;
}

.services-eskar .development-for-20m {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .first-nation-joint-v {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .advi-box-2 {
  padding: 16px 35px;
}

.services-eskar .first-nation-joint-v-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .joint-venture-adviso {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .joint-venture-adviso-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .floating-hydrogen {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .port-infrastructur {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .x150-mw-wind-development-project {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .energy-centre-includ {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.services-eskar .contacteskarinfraca {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.services-eskar .place-2 {
  color: var(--white);
  font-weight: 400;
  height: 18.24%;
  left: 42.43%;
  line-height: normal;
  position: absolute;
  top: 41.22%;
  width: 5.14%;
}

.services-eskar .place-3 {
  color: var(--white);
  font-weight: 400;
  height: 18.24%;
  left: 21.60%;
  line-height: normal;
  position: absolute;
  top: 41.22%;
  width: 3.89%;
}

.services-eskar .advi {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.services-eskar .advi-box-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-2);
  border: 1px solid;
  border-color: var(--mountain-mist);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 83px;
  position: relative;
  width: 100%;
}

.services-eskar .comm-part {
  display: flex;
  position: relative;
}