/* screen - about-eskar */

.about-eskar {
  align-items: flex-start;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

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

.about-eskar .other-pages-nav-bar {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 189px;
  justify-content: center;
  padding: 50px 60px;
  position: relative;
  width: 100%;
}

.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 .image-15 {
  aspect-ratio: 1;
  height: 28px;
  width: 28px;
}

.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;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 851px;
  padding: 60px;
  position: relative;
  width: 100%;
}

.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-direction: column;
  gap: 12px;
  height: 91px;
  position: relative;
  width: 476px;
}

.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(--white);
  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(--white);
  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;
  align-self: stretch;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 705px;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.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;
  width: 100%;
}

.about-eskar .bio-section {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/bio-section1.png);
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: right;
  width: 100%;
}

.about-eskar .bio-content {
  align-items: flex-start;
  display: inline-flex;
  gap: 83px;
  padding: 119px 0px;
}

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

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

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

.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 .frame-1000001034 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.about-eskar .rectangle-119 {
  background-color: var(--eskar---comp-blue);
  height: 88px;
}

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

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

.about-eskar .company-values-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 61px;
  height: 83px;
  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: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 60px;
  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: inline-flex;
  flex: 0 0 auto;
  height: 437px;
  padding: 15px 10px;
}

.about-eskar .frame-1000000988 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 370.63px;
}

.about-eskar .duty-of-care-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 361px;
  justify-content: center;
  padding: 10px;
  width: 100%;
}

.about-eskar .frame-1000000987 {
  align-items: center;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  position: relative;
}

.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 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-left: -40px;
}

.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;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 10px;
  position: relative;
  transition: all 0.2s ease;
  width: 96px;
}


.about-eskar .vector {
  height: auto;
  position: relative;
  width: auto;
}

.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;
  margin-bottom: -12.00px;
  margin-top: -14.00px;
  position: relative;
  text-align: center;
  width: 330.63px;
}

.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;
  padding: 30px 21px;
  position: relative;
  width: 392px;
}

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

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

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

.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-icon {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 7px 16px;
  position: relative;
  width: 111px;
}

.about-eskar .layer_2 {
  cursor: pointer;
  height: auto;
  margin-right: -5.00px;
  position: relative;
  transition: all 0.2s ease;
  width: auto;
}


.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 .good-humour-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;
  padding: 15px 10px;
  position: relative;
  width: 392px;
}

.about-eskar .good-humour-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: center;
  position: relative;
  width: 372px;
}

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

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

.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 .good-humour-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: auto;
  justify-content: center;
  margin-right: -5.00px;
  margin-top: 20px;
  position: relative;
  transition: all 0.2s ease;
  width: auto;
}

.about-eskar .good-humour-body {
  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 .if-you-can-keep-you {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 338px;
}

.about-eskar .contact-us-section {
  align-self: stretch;
  gap: 10px;
  height: 946px;
  justify-content: flex-end;
  padding: 42px 60px 60px 70px;
  width: 100%;
}

.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 {
  flex: 0 0 auto;
  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: flex-end;
  letter-spacing: -0.14px;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: 488px;
}

.about-eskar .learn-more-botton {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.about-eskar .learn-more-botton-1 {
  align-items: center;
  background-color: var(--eskar---logo-blue);
  border: none;
  border-radius: 15px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 185px;
}

.about-eskar .frame-1000000979 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 500px;
  justify-content: flex-end;
  margin-left: -1.50px;
  margin-right: -1.50px;
  position: relative;
  width: 1311px;
}

.about-eskar .frame-1000000978 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 75px;
  position: relative;
}

.about-eskar .frame-1000000976 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  position: relative;
}

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

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

.about-eskar .bio {
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.about-eskar .contact-us {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  position: relative;
}

.about-eskar .dsc_1021-e {
  aspect-ratio: 0.67;
  height: 201px;
  position: relative;
  width: 134px;
}

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

.about-eskar .image {
  object-fit: cover;
  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;
}

.about-eskar .rectangle {
  align-self: stretch;
  position: relative;
  width: 100%;
}