/* about us section 1 -----START */
.aboutUsSection1 {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 500px;
  background-image: url("https://dev.webapp.ekas.com.au/webapp/ekas_whitehat_MOL/assets/aboutUsbG.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
  background-size: cover;
}
.aboutUsSection1Mask {
  background-color: rgb(241, 241, 241, 0.5);
}
.aboutUsSection1LeftBlock {
  background-color: rgb(241, 241, 241, 0.6);
  height: 500px;
}
.aboutUsSection1Title {
  text-align: center;
  padding-top: 120px;
  font: normal normal normal 60px poppins-semibold, poppins, sans-serif;
  color: #123a61 !important;
}
.aboutUsSection1Text {
  margin: auto;
  width: 65%;
  text-align: center;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  color: #123a61 !important;
  font: normal normal normal 20px poppins-semibold, poppins, sans-serif;
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .aboutUsSection1Text {
    width: 80%;
  }
}
@media screen and (max-width: 960px) {
  .aboutUsSection1Title {
    padding-top: 100px;
  }
  .aboutUsSection1Text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* about us section 1 -----END */
/* about us section 2 -----START */
.aboutUsSection2 {
  background-color: #ceecfb;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aboutUsSection2LeftBlock {
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  height: 350px;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #ceecfb;
  padding-top: 130px;
}
.aboutUsSection2RightText {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #ceecfb;
  padding: 30px;
  height: 350px;
}
@media screen and (min-width: 768px) and (max-width: 1650px) {
  .aboutUsSection2RightText {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .aboutUsSection2LeftBlock {
    height: 200px;
    padding-top: 60px;
  }
  .aboutUsSection2RightText {
    height: 100%;
  }
}
/* about us section 2 -----END */
/* about us section 3 -----START */
.aboutUsSection3 {
  background-color: #fcd8c7;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aboutUsSection3LeftText {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #fcd8c7;
  padding: 30px;
  padding-top: 70px;
  height: 350px;
}
.aboutUsSection3RightBlock {
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  height: 350px;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #fcd8c7;
  padding: 20px;
  padding-top: 130px;
}
@media screen and (min-width: 768px) and (max-width: 1650px) {
  .aboutUsSection3LeftText {
    height: 100%;
  }
  .aboutUsSection3RightBlock {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .aboutUsSection3RightBlock {
    height: 200px;
    padding-top: 40px;
  }
  .aboutUsSection3LeftText {
    height: 100%;
  }
}
/* about us section 3 -----END */
/* about us section 4 -----START */
.aboutUsSection4 {
  background-color: #81e1cb;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aboutUsSection4LeftBlock {
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  height: 350px;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #81e1cb;
  padding-top: 130px;
}
.aboutUsSection4RightText {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(241, 241, 241, 0.6);
  border: 20px solid #81e1cb;
  padding: 30px;
  height: 350px;
  padding-top: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1650px) {
  .aboutUsSection4RightText {
    height: 100%;
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .aboutUsSection4LeftBlock {
    height: 200px;
    padding-top: 60px;
  }
  .aboutUsSection4RightText {
    height: 100%;
    padding-top: 30px;
  }
}
/* about us section 4 -----END */
/* about us section 5 -----START */
.section5Line {
  /* height: 5px;
  width: 100px;
  background-color: #123a61;
  margin: auto;
  margin-bottom: 50px; */
}
.aboutUsSection5 {
  margin-top: 100px;
}
.section5Title {
  font: normal normal normal 16px/1.4em poppins-semibold, poppins, sans-serif;
  text-align: center;
  font-weight: bold;
  color: #123a61 !important;
  letter-spacing: 0.4rem;
  margin-bottom: 40px;
  margin-top: 50px;
}
.section5SubTitle {
  font: normal normal normal 23px/1.4em poppins-semibold, poppins, sans-serif;
  text-align: center;
  font-weight: bold;
  color: #123a61 !important;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 50px;
}
.section5ItemImg {
  width: 120px;
  height: 60px;
  margin: auto;
}
.section5ItemLine {
  height: 1px;
  width: 200px;
  border-bottom: 5px dotted #123a61;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 40px;
}
.section5ItemText {
  text-align: center;
  color: #123a61;
  font: normal normal normal 18px/1.2em poppins-semibold, poppins, sans-serif;
  margin-bottom: 100px;
  padding: 30px;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .section5SubTitle {
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .section5ItemText {
    padding-bottom: 10px;
  }
}
/* about us section 5 -----END */