.whoWeAre {
  padding: 5rem 5%;
  display: flex;
  justify-content: center;
}
.whoWeAreAre {
  display: flex;
  gap: 5rem;
}
.whoTexts {
  width: 31.25rem; /* 500px / 16 = 31.25rem */
  padding-top: 1.25rem; /* 20px / 16 = 1.25rem */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.whoTextHeader {
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
}
.whoText {
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 400;
}
.whoTextContact {
  width: 8.25rem; /* 132px / 16 = 8.25rem */
  height: 2.1875rem; /* 35px / 16 = 2.1875rem */
  border-bottom: 0.125rem solid black; /* 2px / 16 = 0.125rem */
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 700;
  display: flex;
  align-items: center;
}
.whoImg img {
  height: auto;
  width: 100%;
}
.visionMission {
  padding: 10rem 5%;
}
.visionMissionVM {
  display: flex;
  justify-content: center;
  gap: 5rem;
}
.VM {
  display: flex;
  flex-direction: column;
  width: 35rem;
}
.VMHeader {
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
}
.VMText {
  padding: 2rem 0;
  font-size: 1.5rem;
  font-weight: 400;
}
.valuesContainer {
  background-color: #f3f3f3;
}
.valuesIndex {
  padding: 5rem 5%;
}
.valuesHeaderTxtHeader {
  text-align: center;
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
}
.valuesHeaderTxtTxt {
  text-align: center;
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 400;
  padding-bottom: 3rem;
  padding-top: 1rem;
}
.valuesElements {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.valuesElement {
  transition: all 0.4s;
  width: 11rem;
}
.valuesElement:hover {
  transform: scale(1.1);
}
.valuesElementImg img {
  height: auto;
  width: 100%;
}
.valuesElementHeader {
  text-align: center;
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 700;
  padding: 2.5rem 0; /* 40px / 16 = 2.5rem */
  height: 3.75rem; /* 60px / 16 = 3.75rem */
}
.valuesElementTxt {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  transition: 0.4s;
}
.valuesElementTxt:hover {
  overflow: visible; /* Display full text when hovered */
  white-space: normal; /* Allow text to wrap */
  clip: auto; /* Show text */
}
.statement {
  padding-top: 10.125rem; /* 162px / 16 = 10.125rem */
  height: 17.75rem; /* 284px / 16 = 17.75rem */
  display: flex;
  justify-content: center;
}
.statementContainer {
  width: 70rem;
  font-size: 1.5rem;
  font-weight: 400;
}
.statementHeader {
  text-align: center;
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
  padding-bottom: 2rem;
}
.points {
  display: flex;
  justify-content: center;
}
.point {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3rem;
  padding: 3rem 5%;
}
.pointImg img {
  height: auto;
  width: 100%;
}
.pointText {
  width: 32.5rem; /* 520px / 16 = 32.5rem */
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 400;
}
.letUs {
  height: 12rem;
  display: flex;
  justify-content: center;
}
.letUsContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.letUsText {
  text-align: center;
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 400;
}
.letUsLet {
  text-align: center;
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
}
.letUsContact {
  height: 2.1875rem; /* 35px / 16 = 2.1875rem */
  border-bottom: 0.125rem solid black; /* 2px / 16 = 0.125rem */
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 700;
}
.letUsContact span {
  color: #f92937;
}
.codeIndustriesContainer {
  padding: 5%;
}
.codeInd {
  padding-bottom: 5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.codeIndText {
  width: 35rem; /* 560px / 16 = 35rem */
  height: 29.5rem; /* 472px / 16 = 29.5rem */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.codeIndTextHeader {
  font-size: 3.125rem; /* 50px / 16 = 3.125rem */
  font-weight: 700;
}
.codeIndTextTxt {
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 400;
}
.codeIndLearn {
  width: 10.625rem; /* 170px / 16 = 10.625rem */
  height: 2.1875rem; /* 35px / 16 = 2.1875rem */
  border-bottom: 0.125rem solid black; /* 2px / 16 = 0.125rem */
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  font-weight: 700;
}
.codeIndImg img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 660px) {
  .whoWeAre {
    display: block;
  }
  .whoWeAreAre {
    flex-direction: column;
  }
  .whoTexts {
    width: auto;
  }
  .visionMission {
    padding: 5rem 5%;
  }
  .visionMissionVM {
    flex-direction: column;
  }
  .VM{
    width:auto;  
  }
  .valuesContainer {
    padding: 0 8%;
  }
  .valuesElements {
    flex-direction: column;
    align-items: center;
  }
  .statement {
    height: auto;
    padding-top: 4rem;
    padding-inline: 8%;
  }
  .point {
    flex-direction: column;
  }
  .pointText {
    width: auto;
  }
  #text2,
  #text4 {
    order: 2;
  }
  .codeInd {
    flex-direction: column;
  }
  .codeIndText {
    width: auto;
    height: auto;
    padding-top: 4rem;
  }
  #codeText1 {
    order: 2;
  }
  .codeIndTextTxt {
    padding: 2rem 0;
  }
}