body {
  margin: 0px;
  height: 100%;
  width: 100vw;
  background-color: #fafafa;
  overflow: hidden;
}

body::-webkit-scrollbar {
  display: none;
}

/* Start of Element of animation */

#startAnimation {
  height: 100%;
  width: 100vw;
  position: absolute;
  z-index: 2;
}

#startAnimation_bg {
  height: 100%;
  width: 100vw;
  overflow: hidden;
}

#startAnimation_Container {
  height: 100%;
  width: 100vw;
  overflow: hidden;
  /* overflow: hidden; */
  position: absolute;
  top: 37vh;
}

#startAnimation_Container img {
  position: absolute;
  /* top: 37vh; */
  right: 0;
  /* transform: translateY(-50%); */
}

#startAnimation_logoasset1 {
  left: 100vw;
  width: 57.5vw;
  opacity: 0;
}

#startAnimation_logoasset2 {
  width: 8.8542vw;
  left: 45.6vw;
  opacity: 0;
}

#startAnimation_logoasset3 {
  width: 22vw;
  left: 65vw;
  opacity: 0;
  /* top: 41.5vh !important; */
}

#startAnimation_logoasset4 {
  opacity: 0;
  width: 24vw;
  left: 37vw;
  opacity: 0;
}

/* End of Element of animation */

/* Start of menu */

#header {
  position: fixed;
  left: 84vw;
  top: 1.5vw;
  z-index: 998;
  filter: drop-shadow(0 0 0.5vw rgba(0, 0, 0, 0.5));
}

#menu {
  background-image: url(data:image/png;base64,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);
  cursor: pointer;
  width: 5vw;
  height: 2vw;
  background-size: 4vw;
  background-repeat: no-repeat;
  background-position-x: 0.5vw;
  background-position-y: 0.48vw;
  right: 0;
  padding: 0.5vw 0.5vw 0.5vw 0.5vw;
  border: 1px solid transparent;
  border-radius: 0.5vw;
  z-index: 997;
  display: none;
}

#menu_nav {
  display: none;
  background-color: #51515170;
  color: white;
  z-index: 999;
  width: 15vw;
  right: 0;
}

#menu_nav ul {
  list-style-type: none;
}

#menu_nav li {
  font-size: 1vw;
  width: inherit;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding: 0.365vw 1.016vw 0.417vw 0.731vw;
  background-color: #404041;
  border: 1px solid #fff;
  border-bottom: 0;
  color: #fff;
  text-transform: uppercase;
}

#menu_nav li:last-child {
  border-bottom: 1px solid #fff;
}

#menu_nav li:hover {
  background-color: #fff;
  color: #404041;
}

#menu_nav li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#menu:hover {
  border-color: #fff;
}

#header:hover #menu_nav {
  display: block;
  background-color: #51515170;
  color: white;
  z-index: 999;
  width: 15vw;
  right: 0;
}

/* End of menu */

/* End of menu */

/* Start of our vision  */

/* #ourVision{
   
} */

#ourVisionOverlay {
  background-color: rgba(64, 64, 65, 0.5);
  height: 150vh;
  width: 100vw;
  position: absolute;
  top: 0;
}

#ourVisionOverlayGradient {
  z-index: 2;
  background: radial-gradient(
    circle,
    rgba(19, 12, 14, 0) 0,
    rgba(19, 12, 14, 0) 50%,
    rgba(19, 12, 14, 0.65) 75%,
    #130c0e 100%
  );
}

#ourVisionTitleContainer {
  position: fixed;
  text-align: center;
  top: 32vh;
  width: 100vw;
}

#ourVisionTitleContainer h2 {
  width: 80vw;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 2vw;
}

#ourVisionTitleContainer p {
  color: #fff;
  margin: 0 auto;
  opacity: 0;
}

#ourVision1 {
  z-index: 0;
  text-align: right;
  box-shadow: inset 0px -20px 100px 70px #000000;
  background-image: url("../img/ourVision/banner_main.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#ourVision2 {
  z-index: 0;
  background-image: linear-gradient(#010202, white);
}

#ourVision3 {
  z-index: 0;
  height: 50vh;
  background-image: linear-gradient(#9e9e9f, #fafafa);
}

#ourVision4 {
  /* vertical-align: middle;
    text-align: right; */
  background-color: #fafafa;
  height: 70vh !important;
  /* height: 30vh !important;*/
}

#ourVision4CompanyLogo {
  position: relative;
  margin: 0 auto;
}

#ourVision4CompanyLogo img {
  top: 11vh;
  left: 8vw;
  position: absolute;
  width: 15vw;
}

#ourVision4TextArea {
  /* opacity: 0; */
  margin-right: 0;
  position: relative;
  top: 14vh;
  margin-left: 31vw;
}

#ourVision4TextArea h2 {
  font-size: 5vw !important;
  color: #c9df71;
  margin-bottom: 0.5vh;
  position: relative;
  left: 5vw;
  opacity: 0;
}



#ourVision4TextArea li {
  font-size: 2.3vw !important;
  margin-top: 2vh;
  width: 60vw;
  left: 10vw;
  opacity: 0;
  position: relative;
}

#ourVision5 {
  background-color: #fafafa;
  height: 60vh !important;
  display: grid;
  place-items: center;
}

.embeddedVideo {
  aspect-ratio: 16/9;
  width: 95%;
}

@media only screen and (min-width: 800px) {
  #ourVision4,
  #ourVision5 {
    /* max-width: 40% !important; */
    display: inline-block !important;
    min-width: 0vw;
    max-width: 50vw;
    /* height: 75vh !important; */
  }

  #ourVision4 > * {
    max-width: 100% !important;
  }
  #ourVision4 {
    background-color: #fafafa;
    height: 75vh !important;
  }

  #ourVision4CompanyLogo img {
    width: 7.5vw;
  }

  #ourVision4TextArea {
    margin-left: 19vw;
    max-width: 40% !important;
  }

  #ourVision4TextArea h2 {
    font-size: 2.5vw !important;
  }

  #ourVision4TextArea li {
    font-size: 1vw !important;
  }

  #ourVision5 {
    width: 40%;
    margin-top: 10vh !important;
    margin-left: 2vh !important;
    position: absolute !important;
  }
  .embeddedVideo {
    width: 100%;
  }
}

/* End of our vision  */

/* Start of our trainee */

#ourTrainee {
  padding-top: 8vh;
  padding-bottom: 16vh;
  width: fit-content;
}

#ourTraineeTitle {
  width: fit-content;
  position: relative;
  display: inline-block;
  margin-left: 8vw;
  margin-right: 4vw;
}

#ourTraineeTitle p {
  align-content: center;
  line-height: 100%;
  /* writing-mode: vertical-lr; */
  /* text-orientation: upright; */
  max-height: 80vh;
  width: fit-content;
  font-size: 11vh;
  font-weight: 700;
  text-transform: capitalize;
  color: #888888;
  /* letter-spacing: -5.5vh; */
}

#ourTraineeList {
  vertical-align: top;
  display: inline-block;
  position: relative;
}

#ourTraineeClassTitle,
#ourTraineeClassTitle1 {
  margin-left: 8vw;
  margin-top: 4vh;
}

#ourTraineeClassTitleText {
  align-content: center;
  line-height: 100%;
  /* writing-mode: vertical-lr; */
  /* text-orientation: upright; */
  /* max-height: 80vh; */
  width: fit-content;
  font-size: 6vh;
  font-weight: 300;
  text-transform: capitalize;
  color: #888888;
}

.ourTraineehrContainerMobile {
  display: none;
}

.trainees {
  margin-left: 7vw;
  margin-top: 4vh;
  -ms-transform: skew(0deg, 356deg);
  -webkit-transform: skew(0deg, 356deg);
  transform: skew(0deg, 356deg);
  width: fit-content;
}

.trainees hr {
  width: auto;
  margin-left: 4vw;
}

.traineeContainerPerspective {
  margin-left: 4vw;
  display: inline-block;
  perspective: 300px;
  align-items: flex-start;
  -ms-transform: skew(0deg, 4deg);
  -webkit-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

/* #ourTraineeTrainee2,
#ourTraineeTrainee4 {
    margin-left: 12vw;
} */

.traineeContainer {
  background-color: rgb(204, 204, 204);
  display: inline-block;
  margin-top: 0.5vh;
  width: 16vw;
  text-align: center;
  transform: rotateY(354deg);
}

.traineeImage {
  margin-top: 3vh;
  margin-bottom: 1vh;
  width: 12vw;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.trainees h2 {
  font-size: large !important;
  inline-size: auto;
  text-align: center;
  color: rgb(80, 80, 80);
}

.ourTrainee_profile_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2vh 2vw;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: small;
  text-align: center;
  text-decoration: none;
  color: gray;
  backface-visibility: hidden;
  border: 0.2vw solid transparent;
  border-radius: 3vw;
  margin-bottom: 3vh;
  margin-top: 1vh;
}

.ourTrainee_profile_button:hover,
.ourTrainee_profile_button:focus {
  cursor: pointer;
}

.ourTrainee_profile_button_border {
  border-color: #fff;
  transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
}

.ourTrainee_profile_button_border:hover {
  transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0) !important;
}

.ourTraineeProfile {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.3);
  align-content: center;
}

.close_parent {
  margin: 1vw 2vw 3vw 0px;
}

.closeProfile {
  color: #cccccc;
  float: right;
  /* margin-right: 1vh; */
  text-align: right;
  font-size: xx-large;
  font-weight: bold;
  /* margin-bottom: ; */
}

.closeProfile:hover,
.closeProfile:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.ourTraineeProfile * {
  text-align: left !important;
}

.profileContent {
  /* background-color: #fafafa; */
  background-color: #8f8f8f;
  border-radius: 15px 15px 15px 15px;
  padding: 15vw, 15vh;
  width: 70%;
  height: 70%;
  margin: auto;
}

.profileDetails {
  height: 75%;
}

.profileTitle > p,
.profileDetails > p {
  padding: 2vh 5vw;
  font-weight: 100;
  color: #fff;
}

.profileDetails > p::-webkit-scrollbar {
  display: none;
}

.profileDetails_title {
  font-weight: bold;
}

.profileTitle > p {
  position: static;
  font-size: x-large;
  font-weight: 600;
  color: #fff;
}

.profileDetails > p {
  font-size: large;
  line-height: 1.8;
  overflow-y: auto;
  height: 100%;
}

/* Mobile version */

@media only screen and (max-width: 800px) {
  #ourTraineeTitle {
    width: 100vw;
    align-content: center;
    align-items: center;
    margin-left: 0;
  }

  #ourTraineeTitleText {
    display: block;
    writing-mode: horizontal-tb !important;
    text-orientation: upright !important;
    letter-spacing: 0vh !important;
    font-size: 10.5vw !important;
    text-align: center;
    width: 100vw !important;
  }

  .trainees {
    margin-left: 12vw;
  }

  .traineeContainer {
    width: 27.5vw;
  }

  .traineeImage {
    width: 19vw;
  }
}

/* End of our trainee */

/* Start of rewards */

#rewards,
#rewards * {
  box-sizing: border-box;
  /* font-family: "Segoe UI", Arial, sans-serif; */
  text-align: center;
}

#rewards {
  background-color: #fafafa;
}

#rewards_logo {
  /* background-color: #B2D235; */
  height: 90vh;
  /* box-shadow: white 4px 0px 45px 19px inset; */
  box-shadow: #fafafa 0px 0px 35px 60px inset;
  background-image: url("../img/rewards/banner-rewards.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rewards_logo_text {
  color: white;
  font-size: 5vw;
}

#rewards1 {
  height: 10vh;
  background-color: #fafafa;
}

/* #rewards_logo_img {
    width: 100%;
} */

#rewards_timeline_head {
  padding: 0;
  margin: auto;
  width: 150px;
  height: 40px;
  border-radius: 28px;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
}

#rewards_timeline_head_font {
  color: #707070;
  font-size: 20px;
  font-weight: 400;
}

#rewards_timeline_body {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* the grey line of the timeline */

#rewards_timeline_body::after {
  content: "";
  position: absolute;
  width: 8px;
  transform: translate(-50%, 0%);
  background-color: #ebebeb;
  top: 0;
  bottom: 0;
  left: 50%;
}

/* Container for each timeline component */

.rewards_timeline_component {
  padding: 10px 60px;
  position: relative;
  width: 40%;
}

/* The green time on the timeline */

.rewards_timeline_month {
  position: absolute;
  width: 110px;
  height: 38px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: #00a4e4;
  top: 27px;
  border-radius: 28px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: medium;
}

.rewards_timeline_month > p {
  font-weight: 400;
}

/* Place the container to the left */

.rewards_left {
  left: 5%;
}

/* Place the container to the right */

/* correspond to .rewards_timeline_component>width */

.rewards_right {
  left: 55%;
}

/* arrows to the left componenets (pointing right) */

.rewards_left::before {
  content: url(/img/rewards/svg/rightTriangle.svg);
  position: absolute;
  top: 31px;
  right: 7%;
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
}

/* arrows to the right componenets (pointing left) */

.rewards_right::before {
  content: url(/img/rewards/svg/leftTriangle.svg);
  position: absolute;
  top: 31px;
  left: 7%;
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  z-index: 1;
}

/* content contains title and details of each components */

.rewards_content {
  position: relative;
}

.rewards_content_title {
  height: 70px;
  padding: 10px;
  border-radius: 15px 15px 0px 0px;
  background-color: #b2d235;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.rewards_content_title > h2 {
  color: #404041;
  font-weight: 400;
  font-size: large;
}

.rewards_content_details {
  padding: 20px 40px;
  background-color: #e6e7e8;
}

.rewards_content_details > h3 {
  line-height: 1.6;
  font-weight: 600;
  padding: 20px 0px;
  font-size: x-large;
}

.rewards_content_details > p {
  line-height: 1.6;
  padding: 20px 0px;
  font-size: large;
}

.rewards_content_title > h2,
.rewards_content_details > h3,
.rewards_content_details > p {
  width: auto;
  margin: auto;
  font-weight: 300;
}

#rewards_timeline_month_2 {
  top: 304px;
}

#rewards_timeline_month_3 {
  top: 580px;
}

#rewards_timeline_month_4 {
  top: 857px;
}

#rewards_timeline_month_5 {
  top: 1134px;
}

.drop-shadoww {
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
}

#rewards_timeline_tail {
  padding: 0;
  margin: auto;
  width: 180px;
  height: 50px;
  border-radius: 28px;
  background-color: #b2d235;
  display: flex;
  justify-content: center;
  align-items: center;
}

#rewards_timeline_tail_font {
  color: #707070;
  font-size: 14px;
  font-weight: 400;
}

#white {
  min-height: 100vh;
}

@media only screen and (max-width: 1350px) {
  #rewards_logo {
    height: 60vh;
  }
}

@media only screen and (max-width: 1150px) {
  #rewards1 {
    height: 5vh;
  }

  #rewards_timeline_component_1 > .rewards_content > .rewards_content_details > p {
    /* height: 102px; */
    overflow: scroll;
    text-overflow: ellipsis;
  }

  #rewards_timeline_component_2 > .rewards_content > .rewards_content_details,
  #rewards_timeline_component_3 > .rewards_content > .rewards_content_details,
  #rewards_timeline_component_4 > .rewards_content > .rewards_content_details,
  #rewards_timeline_component_5 > .rewards_content > .rewards_content_details {
    padding: 20px 5px;
  }

  .rewards_left::before {
    right: 8%;
  }

  .rewards_right::before {
    left: 8%;
  }

  #partnership1 {
    height: 5vh;
  }
}

/* adjust the position of arrows so that it shows correctly*/

@media only screen and (max-width: 950px) {
  .rewards_logo_text {
    color: white;
    font-size: 7vw;
  }

  .rewards_left::before {
    right: 10%;
  }

  .rewards_right::before {
    left: 10%;
  }

  .rewards_timeline_component {
    position: relative;
    width: 44%;
  }

  .rewards_left {
    left: 3%;
  }

  .rewards_right {
    left: 53%;
  }
}

@media only screen and (max-width: 800px) {
  /* #rewards_logo {
        height: auto;
    } */
  #rewards_logo {
    height: 40vh;
  }

  #rewards_timeline_container {
    width: 95%;
    margin: auto;
  }

  #rewards_timeline_body::after {
    left: 19vw;
  }

  #rewards_timeline_head {
    margin: 0;
    margin-left: 13vw;
    width: 120px;
    height: 32px;
  }

  .rewards_timeline_month {
    margin: 0;
    margin-left: 13vw;
    width: 90px;
    height: 30px;
    font-size: small;
  }

  .rewards_timeline_component {
    padding: 10px 0px;
    margin: auto;
    position: relative;
    width: 50%;
  }

  .rewards_left {
    left: 10%;
  }

  .rewards_right {
    left: 10%;
  }

  .rewards_content_title {
    height: 50px;
  }

  .rewards_content_details {
    padding: 20px 20px;
  }

  .rewards_content_details > p {
    font-size: 14px;
  }

  #rewards_timeline_component_1 > .rewards_content_details > p {
    min-height: 183px;
  }

  #rewards_timeline_tail {
    margin: 0;
    margin-left: 12vw;
  }

  .rewards_left::before,
  .rewards_right::before {
    display: none;
  }

  .rewards_timeline_month {
    top: 10px;
  }

  #rewards_timeline_component_1 > .rewards_content {
    min-height: 273px !important;
    max-height: 273px !important;
  }

  #rewards_timeline_component_2 > .rewards_content,
  #rewards_timeline_component_3 > .rewards_content,
  #rewards_timeline_component_4 > .rewards_content,
  #rewards_timeline_component_5 > .rewards_content {
    min-height: 228px;
    max-height: 228px;
  }

  #rewards_timeline_month_2 {
    top: 302px;
  }

  #rewards_timeline_month_3 {
    top: 550px;
  }

  #rewards_timeline_month_4 {
    top: 798px;
  }

  #rewards_timeline_month_5 {
    top: 1046px;
  }

  .drop-shadoww {
    -webkit-filter: drop-shadow(-10px 10px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-10px 10px 4px rgba(0, 0, 0, 0.1));
  }
}

@media only screen and (max-width: 480px) {
  #rewards_logo {
    height: 30vh;
  }

  #rewards_timeline_body::after {
    left: 6vw;
  }

  #rewards_timeline_head {
    margin: 0;
  }

  .rewards_timeline_month {
    margin: 0;
  }

  #rewards_timeline_component_1 > .rewards_content > .rewards_content_details > p {
    overflow: visible;
  }

  .rewards_timeline_component {
    width: 70%;
    margin: auto;
  }

  .rewards_left {
    left: 14%;
  }

  .rewards_right {
    left: 14%;
  }

  #rewards_timeline_tail {
    margin: 0;
  }
}

/* End of rewards */

/* Start of partnership */

#partnership1 {
  z-index: 0;
  height: 10vh;
  background-image: linear-gradient(#fafafa, #cccbd1);
}

#partnership2 {
  z-index: 0;
  text-align: right;
  box-shadow: inset 11px 0 58px 68px rgb(204 203 209);
  background-image: url("../img/partnership/partnership.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#partnership2 h2 {
  color: #fff;
  font-size: 7vw;
  margin-bottom: 2vw;
  text-align: left;
  margin-left: 9vw;
  top: 30vh;
  position: relative;
}

#partnership3 {
  height: 90vh;
  z-index: 0;
  background-image: linear-gradient(#cccbd1, #fafafa);
}

#partnership3 h2 {
  opacity: 0;
  color: #6d6c74;
  text-align: center;
  top: 4vh;
  position: relative;
}

#partnership3ImageContainer {
  position: relative;
}

#partnership3ImageContainer img {
  width: 35vw;
  position: absolute;
  background: #f9f9f9;
  border: 2px solid #cecece8c;
}

#partnership3ImageContainerAli {
  top: 20vh;
  text-align: center;
  left: 50vw;
  margin-left: -17.5vw;
  opacity: 0;
}

#partnership3ImageContainerMicro {
  transform: perspective(35vw);
  /* rotateY(7deg); */
  /* left: 63vw; */
  opacity: 0;
  left: 120vw;
  top: 12vh;
}

#partnership3ImageContainerHkie {
  transform: perspective(35vw);
  /* transform: perspective(35vw) rotateY(-7deg);
    left: 2vw; */
  top: 12vh;
  left: -55vw;
}

#partnership3ImageContainerTrig {
  top: 30vh;
  position: relative;
}

/* End of partnership */

/* Start of Hall of fame */

#hallOfFame1 {
  height: 60vw;
}

#hallOfFame1CircleContainer {
  position: relative;
}

.circle {
  position: absolute;
  /* background: red; */
  transform: perspective(40vw);
  width: 40vw;
  height: 40vw;
  border-radius: 50%;
}

#hallOfFame1CircleContainerCircle1 {
  top: 0.5vw;
  border: 0.5vw solid #5ac4ee;
  left: 29.5vw;
  opacity: 0;
}

#hallOfFame1CircleContainerCircle2 {
  opacity: 0;
  border: 0.5vw solid #cfe380;
  left: 29.5vw;
}

#hallOfFame1TextContainer {
  position: relative;
}

#hallOfFame1TextContainer h2 {
  top: 17.5vw;
  position: absolute;
  font-size: 6vw;
  width: 50vw;
  left: 25vw;
  text-align: center;
}

#hallOfFame1CircleContainerTitle {
  color: #333;
}

#hallOfFame1CircleContainerShadow {
  color: #fff;
  text-shadow: 15px 7px 8px #888888;
  opacity: 0;
}

#hallOfFame2 {
  height: auto;
  white-space: nowrap;
  display: inline-flex;
  align-content: flex-start;
  margin-bottom: 5vh;
}

.hallOfFame2FameContainer {
  display: inline-flex;
  width: 50%;
  white-space: nowrap;
}

.hallOfFame2FameContainerColumn {
  display: flex;
  margin-left: 2.5vw;
  flex-direction: column;
}

#hallOfFame2 hr {
  width: 0vw;
}

.fameBox {
  /* text-align: center; */
}

.fameBoxPeopleQuote {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
}

.fameBoxPeople {
  border: 1px solid #80808091;
  width: 11vw;
}

.fameBoxQuote {
  width: 30vw;
}

.fameBoxQuote p {
  width: 31vw;
  font-size: 1.4vw;
  white-space: normal;
  margin-left: 2vw;
  text-align: center;
}

.fameBoxFlex {
  margin-left: 2vw;
  margin-top: 3vh;
  margin-bottom: 2vh;
  display: flex;
  flex-direction: column;
}

.fameBoxName {
  color: #6d6d6d;
  font-size: 2.2vw;
  letter-spacing: 0.03em;
  margin-top: 0.5vh;
}

.fameBoxhr {
  width: 18vw !important;
  height: 0.5px;
  background-color: #6d6d6d;
}

.fameBoxProgram p {
  font-size: 1.4vw;
  color: #6d6d6d;
  font-weight: 100;
  margin-top: 0.4vh;
  width: 46vw;
  white-space: normal;
}

#hallOfFame2FameContainerColumn2 {
  margin-left: 1vw;
}

#hallOfFame2FameContainer2 {
  margin-top: 8vh;
  opacity: 0;
}

/* Start of 3+12+12 */

#threePlusTwelve1 {
  background-image: linear-gradient(#fafafa, #00a4e4);
  height: 10vh;
}

#threePlusTwelve2 {
  background-image: linear-gradient(#00a4e4, #fafafa);
  height: 10vh;
}

#threePlusTwelve,
#threePlusTwelve * {
  box-sizing: border-box;
  /* font-family: "Segoe UI", Arial, sans-serif; */
  text-align: center;
}

#threePlusTwelve {
  background-color: #fafafa;
}

#threePlusTwelve_logo {
  background-color: #00a4e4;
  height: 100vh;
}

/* #threePlusTwelve_seperator {
    background-color: #00A4E4;
    background: linear-gradient(#00A4E4, #fafafa);
    height: 25vh;
} */

#threePlusTwelve_logo_img {
  width: 100%;
  /* transform: rotateY(180deg); */
}

#threePlusTwelve_timeline_head {
  padding: 0;
  margin: auto;
  width: 150px;
  height: 40px;
  border-radius: 28px;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

#threePlusTwelve_timeline_head_font {
  color: #707070;
  font-size: 20px;
  font-weight: 400;
}

#threePlusTwelve_timeline_body {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* the grey line of the timeline */

#threePlusTwelve_timeline_body::after {
  content: "";
  position: absolute;
  width: 8px;
  transform: translate(-50%, 0%);
  background-color: #ebebeb;
  top: 0;
  bottom: 0;
  left: 50%;
}

/* Container for each timeline component */

.timeline_component {
  padding: 10px 60px;
  position: relative;
  width: 40%;
}

/* The green time on the timeline */

.timeline_month {
  position: absolute;
  width: 110px;
  height: 38px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: #b2d235;
  top: 27px;
  border-radius: 28px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: medium;
  font-weight: 400;
}

/* Place the container to the left */

.left {
  left: 5%;
}

/* Place the container to the right */

/* correspond to .timeline_component>width */

.right {
  left: 55%;
}

/* arrows to the left componenets (pointing right) */

.left::before {
  content: url(/img/threePlusTwelve/svg/rightTriangle.svg);
  position: absolute;
  top: 31px;
  right: 7%;
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
}

/* arrows to the right componenets (pointing left) */

.right::before {
  content: url(/img/threePlusTwelve/svg/leftTriangle.svg);
  position: absolute;
  top: 31px;
  left: 7%;
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  z-index: 1;
}

/* content contains title and details of each components */

.content {
  position: relative;
}

.content_title {
  height: 70px;
  padding: 10px;
  border-radius: 15px 15px 0px 0px;
  background-color: #1ea3dc;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.content_title > h2 {
  color: white;
  font-size: large;
}

.content_details {
  padding: 20px 40px;
  background-color: #e6e7e8;
}

.content_details > h3 {
  line-height: 1.6;
  font-size: large;
}

.content_details > p {
  line-height: 1.6;
  font-size: medium;
}

.content_title > h2,
.content_details > h3,
.content_details > p {
  width: auto;
  margin: auto;
  font-weight: 300;
}

.learnMoreButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2vh 2vw;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  color: gray;
  backface-visibility: hidden;
  margin-bottom: 3vh;
  border: white 1px solid;
  border-radius: 10px;
  margin-top: 30px;
  font-size: small;
  font-weight: 300;
  cursor: pointer;
}

#timeline_component_1 {
  height: 283px !important;
}

.learnMoreButton:hover,
.learnMoreButton:focus {
  cursor: pointer;
}

.learnMoreButton {
  border-color: #fff;
  transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
}

.learnMoreButton_border:hover {
  transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0) !important;
}

#timeline_month_2 {
  top: 310px;
}

#timeline_month_3 {
  top: 573px;
}

#timeline_month_4 {
  top: 838px;
}

#timeline_month_5 {
  top: 1100px;
}

.drop-shadoww {
  -webkit-filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(-20px 20px 8px rgba(0, 0, 0, 0.2));
}

#threePlusTwelve_timeline_tail {
  padding: 0;
  margin: auto;
  width: 180px;
  height: 50px;
  border-radius: 28px;
  background-color: #1ea3dc;
  display: flex;
  justify-content: center;
  align-items: center;
}

#threePlusTwelve_timeline_tail_font {
  color: white;
  font-size: 14px;
  font-weight: 400;
}

#white {
  min-height: 100vh;
}

/* The Modal (background) */

.modal {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 100px;
  padding-bottom: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */

.modal * {
  text-align: left !important;
}

.modal_content {
  background-color: #fafafa;
  min-height: 100%;
  margin: auto;
  padding: 20px;
  width: 70%;
  font-weight: 300;
}

/* The Close Button */

.close_parent {
  margin: 1vw 2vw 3vw 0px;
}

.close {
  color: #aaaaaa;
  float: right;
  text-align: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal_title > p,
.modal_details > p {
  padding: 1vw 5vw;
}

.modal_title > p {
  position: static;
  font-size: 24px;
  font-weight: 600;
}

.modal_details > p {
  font-size: large;
  line-height: 1.8;
}

.modal_img {
  display: block;
  margin: auto;
  width: 70%;
}

@media only screen and (max-width: 1150px) {
  #threePlusTwelve_logo {
    height: auto;
  }

  #threePlusTwelve1 {
    height: 5vh;
  }

  #threePlusTwelve2 {
    height: 5vh;
  }

  #timeline_component_1 > .content > .content_details > p {
    height: 102px;
    overflow: scroll;
    text-overflow: ellipsis;
  }

  #timeline_component_2 > .content > .content_details,
  #timeline_component_3 > .content > .content_details,
  #timeline_component_4 > .content > .content_details,
  #timeline_component_5 > .content > .content_details {
    padding: 20px 5px;
  }

  .left::before {
    right: 8%;
  }

  .right::before {
    left: 8%;
  }
}

/* adjust the position of arrows so that it shows correctly*/

@media only screen and (max-width: 950px) {
  .left::before {
    right: 10%;
  }

  .right::before {
    left: 10%;
  }
}

@media only screen and (max-width: 800px) {
  #threePlusTwelve_logo {
    height: auto;
  }

  #threePlusTwelve_timeline_container {
    width: 95%;
    margin: auto;
  }

  #threePlusTwelve_timeline_body::after {
    left: 19vw;
  }

  #threePlusTwelve_timeline_head {
    margin: 0;
    margin-left: 13vw;
    width: 120px;
    height: 32px;
  }

  .timeline_month {
    margin: 0;
    margin-left: 13vw;
    width: 90px;
    height: 30px;
    font-size: small;
  }

  .timeline_component {
    padding: 10px 0px;
    margin: auto;
    position: relative;
    width: 50%;
  }

  .left {
    left: 10%;
  }

  .right {
    left: 10%;
  }

  .content_title {
    height: 50px;
  }

  .content_details {
    padding: 20px 20px;
  }

  .content_details > p {
    font-size: 14px;
  }

  #timeline_component_1 > .content_details > p {
    min-height: 183px;
  }

  #threePlusTwelve_timeline_tail {
    margin: 0;
    margin-left: 12vw;
  }

  .left::before,
  .right::before {
    display: none;
  }

  .timeline_month {
    top: 10px;
  }

  #timeline_component_1 > .content {
    min-height: 273px !important;
    max-height: 273px !important;
  }

  #timeline_component_2 > .content,
  #timeline_component_3 > .content,
  #timeline_component_4 > .content,
  #timeline_component_5 > .content {
    min-height: 228px;
    max-height: 228px;
  }

  #timeline_month_2 {
    top: 302px;
  }

  #timeline_month_3 {
    top: 550px;
  }

  #timeline_month_4 {
    top: 798px;
  }

  #timeline_month_5 {
    top: 1046px;
  }

  .drop-shadoww {
    -webkit-filter: drop-shadow(-10px 10px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-10px 10px 4px rgba(0, 0, 0, 0.1));
  }

  .modal_content {
    width: 90%;
  }

  .modal_img {
    width: 90%;
  }
}

@media only screen and (max-width: 480px) {
  #threePlusTwelve_timeline_body::after {
    left: 6vw;
  }

  #threePlusTwelve_timeline_head {
    margin: 0;
  }

  .timeline_month {
    margin: 0;
  }

  #timeline_component_1 > .content > .content_details > p {
    overflow: visible;
  }

  .timeline_component {
    width: 70%;
    margin: auto;
  }

  .left {
    left: 14%;
  }

  .right {
    left: 14%;
  }

  #threePlusTwelve_timeline_tail {
    margin: 0;
  }

  .modal_img {
    width: 95%;
  }

  .modal_title > p,
  .modal_details > p {
    padding: 3vw 5vw;
  }
}

/* End of 3+12+12 */

#hallOfFame2FameContainer1 {
  opacity: 0;
}

/* End of Hall of fame */

/* Start of aboutUs */

#aboutUsBg {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
    url("../img/aboutUs/banner-about-us.jpg") repeat fixed 100%;
  background-size: cover;
  background-attachment: fixed;
  /* background-size: auto 100vh !important; */
  background-position-x: center;
}

#aboutUsBgBox {
  padding-top: 6vw;
  padding-bottom: 6vw;
  width: auto 100%;
}

#aboutUsBgBox h2 {
  color: rgba(64, 64, 65, 1) !important;
  text-align: center;
  width: auto;
}

#aboutUsTextArea {
  font-weight: 100;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: 1.4vw;
  margin-right: 10vw;
  margin-left: 10vw;
  position: relative;
  margin-top: 14vh;
  margin-bottom: 14vh;
  column-count: 2;
  column-gap: 4vw;
  text-align: justify;
}

.aboutUsTextAreabr {
  display: block;
  content: "";
  margin-top: 3vh;
}

/* End of aboutUs */

/* Start of our people*/

#ourPeopleBg {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
    url("../img/aboutUs/banner-about-us.jpg") repeat fixed 100%;
  background-size: cover;
  background-attachment: fixed;
  /* background-size: auto 100vh !important; */
  background-position-x: center;
}

#ourPeopleBgBox {
  padding-top: 6vw;
  padding-bottom: 6vw;
  width: auto 100%;
}

#ourPeopleBgBox h2 {
  color: rgba(64, 64, 65, 1);
  text-align: center;
  width: auto;
}

#ourPeopleBgBox p {
  color: rgba(64, 64, 65, 1);
  text-align: center;
  width: auto;
}

.ourPeopleDivider {
  border-top: 3px solid darkgray;
  border-radius: 3px;
}

/* Create two equal columns that floats next to each other */

* {
  box-sizing: border-box;
}

.ourPeoplerow {
  margin-left: 10vw;
  margin-top: 5vw;
  margin-right: 10vw;
}

.ourPeoplecolumn {
  float: left;
  margin-bottom: 5vw;
  width: 45%;
  height: 44vh;
  margin-right: 5%;
  min-height: 44vw;
}

.ourPeopleCEOimage {
  display: block;
  height: 80%;
  margin-top: 10%;
}

#ourPeopleCeoName {
  font-size: xx-large;
  height: 15%;
  font-weight: 700;
  color: rgba(64, 64, 65, 1);
}

#ourPeopleCeoTitle {
  font-size: larger;
  height: 10%;
  font-weight: 600;
  padding-bottom: 5%;
  color: rgba(64, 64, 65, 1);
}

/* Clear floats after the columns */

.ourPeoplerow:after {
  content: "";
  display: table;
  clear: both;
}

.ourPeopleCEOimageRound {
  display: none;
}

.ourPeopleCeoIntro {
  height: 75%;
  overflow: auto;
  overflow-x: hidden;
}

#ourPeopleCeoIntroText {
  resize: none;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #6d6d6d;
  padding-right: 5%;
  background-color: #fafafa;
  font-size: 1.4vw;
  font-weight: 300;
  text-align: justify;
}

div.ourPeopleCeoIntro::-webkit-scrollbar {
  width: 5px;
  background-color: #f2f2f2;
  overflow: hidden;
}

div.ourPeopleCeoIntro::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

.ourPeopleOtherRow {
  margin-top: 5vw;
  width: 70vw;
  margin: 0 auto;
}

.ourPeopleOthercolumn {
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  border-radius: 10px;
  background-color: #f3f3f3;
  width: 18vw;
  height: 35vh;
  max-height: 14vw;
  min-height: 220px;
  padding-right: 1vw;
  padding-bottom: 3vh;
  padding-left: 1vw;
  margin: 3%;
  vertical-align: middle;
}

.ourPeopleOthercolumn:hover {
  box-shadow: 0 8px 16px 0 rgba(95, 191, 171, 0.5);
  background-color: #fff;
}

.ourPeopleOthercolumn:hover .ourPeopleOtherDetailsContent {
  background-color: #fff;
}

.ourPeopleOtherimg {
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 12vw;
  max-width: 120px;
  margin-top: 5%;
}

p.ourPeopleOtherContainerName {
  font-size: larger;
  text-align: center;
  padding: 0;
  padding-top: 20px;
  width: 16vw;
  font-weight: 500;
}

p.ourPeopleOtherContainerTitle {
  padding: 0;
  text-align: center;
  font-size: medium;
  width: 16vw;
}

#ourPeopleOtherDetails {
  display: none;
  color: #6d6d6d;
  width: 20vw;
  height: 40vh;
  margin-left: auto;
  margin-right: auto;
  padding: 5%;
}

p.ourPeopleOtherDetailsContent {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  font-size: medium;
  word-wrap: break-word;
  padding-right: 5%;
  background-color: #f3f3f3;
  text-align: justify !important;
}

p.ourPeopleOtherDetailsContent::-webkit-scrollbar {
  width: 5px;
  background-color: #f2f2f2;
  overflow: hidden;
  padding-top: 10%;
}

p.ourPeopleOtherDetailsContent::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
  padding-top: 10%;
}

.ourpeopleotherbg {
  background-color: #e6e7e8;
}

/*End of our people*/

/*Start of footer*/

.footer {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  color: rgba(64, 64, 65, 1);
  font-size: x-large;
  padding-top: 5%;
}

.footerTitle {
  font-weight: bold;
  font-size: xx-large;
}

.footerContent {
  font-weight: lighter;
  padding-left: 3%;
  padding-bottom: 1%;
  width: 100%;
}

a:link {
  color: rgba(64, 64, 65, 1);
  text-decoration: none;
}

.footerhr {
  width: 100% !important;
  height: 1px;
  background-color: grey;
}

.footerTitleTable {
  margin-bottom: 2%;
  margin-top: 2%;
}

p.footercopyright {
  font-size: smaller;
  font-weight: 300;
  align-items: center !important;
  display: flex;
  padding-left: 3%;
}

.footerCP {
  display: inline-flex;
  width: 100%;
}

/*End of footer*/

/* Mobile version css */

@media only screen and (max-width: 800px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  #header {
    left: 70vw;
    top: 3.5vw;
  }

  #menu {
    background-size: 13vw;
    width: 16vw;
    height: 2vh;
    background-position-y: 1.2vw;
    background-position-x: 1.5vw;
    border-radius: 10px;
    min-height: 5vw;
    display: none;
  }

  #menu_nav {
    width: 29vw !important;
  }

  #menu_nav li {
    font-size: 3.5vw;
    padding-bottom: 0.5vh;
    padding-top: 0.5vh;
  }

  #ourVisionOverlay {
    height: 60vh;
  }

  .divBackground {
    /* float: left; */
    height: 30vh;
  }

  .boxContainer h2 {
    font-size: 8vw;
  }

  .boxContainer p,
  li {
    font-size: 3.2vw;
  }

  #ourVision4TextArea h2 {
    font-size: 7.5vw !important;
  }

  #ourVision4CompanyLogo img {
    top: 21vh;
  }

  #ourVision4TextArea li {
    font-size: 4vw !important;
    margin-top: 1.5vh;
  }

  #partnership2 h2 {
    display: none;
  }

  #partnership3 {
    height: 45vh !important;
  }

  #hallOfFame1 {
    margin-top: 15vh;
  }

  #hallOfFame2 {
    display: flex;
    flex-direction: column;
  }

  .fameBoxPeople {
    width: 22vw !important;
  }

  .fameBoxQuote p {
    width: 66vw !important;
    font-size: 3.6vw !important;
  }

  .fameBoxName {
    font-size: 4.2vw !important;
  }

  .fameBoxProgram p {
    font-size: 2.8vw !important;
    width: 90vw;
    white-space: normal;
  }

  .ourTraineehrContainerMobile {
    display: block;
  }

  #ourTraineeRow3 {
    margin-top: 0vh !important;
  }

  #ourTraineeClassTitleText {
    font-size: 3vh;
  }

  #hallOfFame2FameContainer2 {
    margin-left: 2.5vw !important;
    margin-top: 0vh !important;
  }

  .hallOfFame2hr4 {
    display: none;
  }

  #aboutUsTextArea {
    margin-top: 5vh !important;
    font-size: 3.6vw !important;
    text-align: justify;
    column-count: 1 !important;
    margin-bottom: 5vh !important;
  }

  .aboutUsTextAreabr {
    display: block;
    content: "";
    margin-top: 1vh;
  }

  .ourPeopleOthercolumn {
    width: 100% !important;
    height: 80vh !important;
    max-height: 80vw !important;
    min-height: 330px !important;
  }

  .ourPeopleOtherDetailsContent {
    width: 100% !important;
    height: 70vh !important;
    font-size: large;
    line-height: 1.5;
    padding: 0 5%;
    max-height: 70vw !important;
    min-height: 300px !important;
  }

  .ourPeopleOtherimg {
    width: 38vw !important;
    margin-bottom: 5vh;
    margin-top: 5vh;
    max-width: 220px !important;
  }

  .ourPeopleOtherRow2 {
    margin-top: 5vh;
    width: 70vw;
    margin: 0 auto;
  }

  .ourPeoplecolumn {
    width: 100%;
    height: auto;
  }

  p.ourPeopleOtherContainerName {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3vh;
    font-size: 5vw;
    font-weight: 500;
    width: 100%;
  }

  p.ourPeopleOtherContainerTitle {
    text-align: center;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 4vw;
    width: 100%;
  }

  #ourPeopleCeoTitle {
    text-align: center;
    font-weight: 500;
    font-size: larger;
  }

  #ourPeopleCeoName {
    text-align: center;
    font-weight: 700;
    font-size: x-large;
  }

  .ourPeopleOtherDetailsContent {
    font-size: medium !important;
    font-weight: normal;
    line-height: 2;
  }

  .ourPeopleCEOimage {
    display: none;
  }

  .ourPeopleCEOimageRound {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60vw;
    border-radius: 50%;
  }

  #ourPeopleCeoIntroText {
    font-size: 3.6vw !important;
    font-weight: normal;
    line-height: 1.5;
    font-weight: 300;
    padding: 0;
  }

  .ourPeopleCeoIntro {
    overflow: hidden;
  }

  .footerTitle {
    font-size: larger;
    padding-top: 5%;
  }

  .footerContent {
    font-size: medium;
  }

  .footercopyright {
    width: 100%;
    font-size: x-small;
  }

  img.footerlogo {
    width: 50%;
    height: auto;
  }

  .ourpeopleotherbg {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .profileContent {
    height: 60% !important;
    margin: 15% !important;
  }

  #aboutUsBg {
    background-attachment: scroll;
  }

  #ourPeopleBg {
    background-attachment: scroll;
  }

  #header:hover #menu_nav {
    display: none;
  }

  #menu:hover {
    border: none;
  }
}
.companyObjTitle {
  text-align: center;
  font-size: 26px;
  margin-bottom: 60px;
  font-weight: 700;
  color: #00a4e4;
}

.companyObjContainer {
  padding: 15px;
  margin-top: 25px;
}
.companyObjContainer h2 {
  font-size: 20px;
  color: #b2d235;
  text-align: center;
  font-weight: 400;
  margin-top: 25px;
  
}

.companyObjContainer div.caption {
  font-size: 15px;
  color: #646464;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}

.companyObjsContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* width: 100%; */
  margin: auto;
  padding-top: 30px;
}

.companyObjsContainer img.diagram{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
  max-width: 30%;
}

.companyObjsContainer > div {
  margin-bottom: 40px;
}

.companyObjsContainer img {
  width: 20%;
  display: block;
  margin: auto;
}
.companyObjsContainer p {
  width: auto;
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 14px;
  line-height: 22px;
}

.obj1,
.obj2,
.obj3 {
  width: 100%;
}
@media (min-width: 800px) {
  .companyObjTitle {
    font-size: 52px !important;
  }

  .obj1,
  .obj2,
  .obj3 {
    width: 30%;
  }

  .companyObjContainer {
    padding: 0;
    margin: auto;
    width: 90%;
  }
  .companyObjsContainer img {
    width: 30%;
  }

  .companyObjContainer h2 {
    font-size: 24px;
    font-weight: 700;
  }
  .companyObjsContainer p {
    font-size: 18px;
  }
}

@media (min-width: 1130px) {
  .companyObjContainer {
    width: 1130px;
  }
}