/* screen - about-eskar */

.about-eskar {
  align-items: center;
  background-color: var(--black-haze);
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
}

.about-eskar .hero-section-services {
  align-items: center;
  background-image: url(../img/hero-section---services.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 327px;
  height: 905px;
  margin-right: -1.00px;
  position: relative;
  width: 1441px;
}

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

.about-eskar .frame-1000000936 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.about-eskar .frame-1000000935 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 35px;
  justify-content: center;
  position: relative;
}

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

.about-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;
}

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

.about-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;
}

.about-eskar .frame-1000000956 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.about-eskar .title {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 332px;
}

.about-eskar .mission-and-vision-sections {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 851px;
  padding: 60px;
  position: relative;
  width: 1440px;
}

.about-eskar .m-ission-vison-content {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/mission---vison-content.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 110px;
  height: 741px;
  margin-bottom: -10.00px;
  padding: 55px 81px;
  position: relative;
  width: 100%;
}

.about-eskar .our-mission-content {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.about-eskar .frame-1000000949 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.about-eskar .frame-10000009 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.about-eskar .our-mission {
  flex: 1;
  margin-top: -1.00px;
}

.about-eskar .ensuredevelopers-i {
  color: var(--black);
  flex: 1;
  font-weight: 400;
  line-height: 21.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: justify;
}

.about-eskar .frame-1000000952 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 572px;
}

.about-eskar .frame-1000000950 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  height: 38px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.about-eskar .our-vision {
  height: 33px;
  margin-bottom: -6.50px;
  margin-top: -8.50px;
  white-space: nowrap;
  width: 124px;
}

.about-eskar .frame-1000000951 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 10px 10px;
  position: relative;
  width: 100%;
}

.about-eskar .to-be-a-trusted-advi {
  color: var(--black);
  font-weight: 400;
  line-height: 21.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: justify;
  width: 552px;
}

.about-eskar .leadership-section {
  align-items: center;
  background-color: var(--black-haze);
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 705px;
  padding: 60px 0px;
  position: relative;
  width: 1440px;
}

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

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

.about-eskar .leadership-content-w-backgrond {
  background-color: var(--eskar---comp-blue);
  height: 528px;
  margin-bottom: -28.00px;
  position: relative;
  width: 1440px;
}

.about-eskar .leadership-content {
  align-items: center;
  display: inline-flex;
  gap: 33px;
  left: 59px;
  position: relative;
  top: 54px;
}

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

.about-eskar .name {
  color: var(--white);
  font-family: var(--font-family-avenir-roman);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 648px;
}

.about-eskar .leadership-image {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 620px;
}

.about-eskar .image-14 {
  align-self: stretch;
  aspect-ratio: 1.5;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.about-eskar .bio-section {
  gap: 10px;
  height: 902px;
  padding: 0px 0px 60px;
  position: relative;
  width: 1440px;
}

.about-eskar .image-background {
  align-self: stretch;
  height: 902px;
  margin-bottom: -60.00px;
  position: relative;
  transform: rotate(180deg);
  width: 100%;
}

.about-eskar .subtract {
  height: 902px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  width: 1173px;
}

.about-eskar .bio-content {
  gap: 83px;
  left: 322px;
  position: absolute;
  top: 106px;
  transform: rotate(180deg);
  width: 1079px;
}

.about-eskar .frame-100000096 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.about-eskar .frame-1000000960 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
  transform: rotate(180deg);
}

.about-eskar .frame-10000009-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 925px;
}

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

.about-eskar .frame-1000000958 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  left: 176px;
  padding: 10px 10px 10px 40px;
  position: absolute;
  top: 46px;
}

.about-eskar .name-1 {
  width: 784px;
}

.about-eskar .frame-1000000963 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
  transform: rotate(180deg);
}

.about-eskar .dsc_1021-e-1 {
  object-fit: cover;
}

.about-eskar .frame-1000000961 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  left: 176px;
  padding: 10px 10px 10px 40px;
  position: absolute;
  top: 57px;
}

.about-eskar .name-2 {
  width: 788px;
}

.about-eskar .rectangle-119 {
  background-color: var(--eskar---comp-blue);
  height: 88px;
  left: 0;
  position: absolute;
  top: 814px;
  width: 1440px;
}

.about-eskar .company-values-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 685px;
  padding: 60px;
  position: relative;
  width: 1440px;
}

.about-eskar .company-values-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 61px;
  position: relative;
  width: 100%;
}

.about-eskar .company-values {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.about-eskar .value-cards {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 58px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.about-eskar .duty-of-care-card {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--seashell);
  border-radius: 15px;
  box-shadow: 3px 3px 4px #e0e0e040;
  display: flex;
  height: 437px;
  margin-left: -1.50px;
  padding: 15px 10px;
  width: 392px;
}

.about-eskar .duty-of-care-content {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: 361px;
  justify-content: center;
  padding: 10px;
}

.about-eskar .duty-of-care-title {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 10px;
}

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

.about-eskar .duty-of-care-icon {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.about-eskar .duty-of-care-content-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.about-eskar .duty-of-care-icon-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.about-eskar .vector-16 {
  height: 90px;
  position: relative;
  width: 72px;
}

.about-eskar .duty-of-care-body {
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: center;
  padding: 10px;
  width: 350.63px;
}

.about-eskar .eskar-cares-about-po {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 330.63px;
}

.about-eskar .good-humour-card {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--seashell);
  border-radius: 15px;
  box-shadow: 3px 3px 4px #e0e0e040;
  display: flex;
  gap: 10px;
  height: 468px;
  padding: 31px 32px;
  width: 423px;
}

.about-eskar .good-humour-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 358px;
}

.about-eskar .good-humour-title {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
}

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

.about-eskar .x-icon {
  flex: 0 0 auto;
  position: relative;
}

.about-eskar .good-humour-body {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.about-eskar .if-you-can-keep-you {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 338px;
}

.about-eskar .clairty-card {
  align-items: center;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--seashell);
  border-radius: 15px;
  box-shadow: 3px 3px 4px #e0e0e040;
  display: flex;
  gap: 10px;
  height: 437px;
  margin-right: -1.50px;
  padding: 30px 21px;
  position: relative;
  width: 392px;
}

.about-eskar .clarity-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 29px;
  position: relative;
  width: 350px;
}

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

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

.about-eskar .clarity-body {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.about-eskar .where-there-is-a-lac {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 330px;
}

.about-eskar .contact-us-section {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  height: 946px;
  justify-content: flex-end;
  padding: 42px 60px 42px 70px;
  width: 1440px;
}

.about-eskar .frame-1000000966 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.about-eskar .image-1-contact-us {
  background-image: url(../img/image-1-contact-us-.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 946px;
  position: relative;
  width: 876px;
}

.about-eskar .image-2-contcat-us {
  background-image: url(../img/image-2-contcat-us.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 308px;
  position: relative;
  width: 538px;
}

.about-eskar .contact-us-content {
  align-items: flex-end;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  width: 508px;
}

.about-eskar .conatact-us-text {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.about-eskar .please-get-in-touch {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: -0.14px;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: 488px;
}

.about-eskar .contact-us-button {
  align-items: center;
  background-color: var(--eskar---logo-blue);
  border-radius: 15px;
  cursor: pointer;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  width: 211px;
}

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

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

.about-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%;
}

.about-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%;
}

.about-eskar .bio {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.about-eskar .dsc_1021-e {
  aspect-ratio: 0.67;
  height: 201px;
  position: relative;
  transform: rotate(-180deg);
  width: 134px;
}

.about-eskar .duty-of-care-1 {
  align-items: center;
  gap: 10px;
  position: relative;
}

.about-eskar .good-humour {
  align-items: center;
  position: relative;
}

.about-eskar .name-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: justify;
}

.about-eskar .our {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}