main {
  overflow: hidden;
}

#fvContainer {
  padding: 130px 0 120px;
  position: relative;
}

#fvContainer > img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.fvMain {
  text-align: center;
}

.fvMain img {
  width: 90%;
  max-width: 1150px;
  margin-left: 100px;
}







#aboutContainer {
  width: 100%;
  padding: 100px 0 120px;
  background: var(--primaryColor);
  text-align: center;
}

#aboutContainer img {
  width: 90%;
  max-width: 897px;
}







#serviceContainer {
  width: 100%;
  padding: 100px 0 130px;
  background: #EBEBEB;
}

.service {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}

.typesContainer {
  width: 95%;
  max-width: 1150px;
  margin: 100px auto 0;
}

.typesContainer img {
  margin-left: 125px;
}






#engagementContainer {
  width: 100%;
  position: relative;
}

#engagementContainer > img {
  width: 2146px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.engagement {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 200px;
}






#companyContainer {
  width: 100%;
  margin: 120px auto 0;
  padding: 200px 0 150px;
  position: relative;
  background: var(--secondaryColor);
}

#companyContainer > img {
  width: 2146px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.company {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}









@media (max-width: 960px) {
/* main {
  overflow: hidden;
}

#fvContainer {
  padding: 130px 0 120px;
  position: relative;
}

#fvContainer > img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.fvMain {
  text-align: center;
}

.fvMain img {
  width: 90%;
  max-width: 1150px;
  margin-left: 100px;
}







#aboutContainer {
  width: 100%;
  padding: 100px 0 120px;
  background: var(--primaryColor);
  text-align: center;
}

#aboutContainer img {
  width: 90%;
  max-width: 897px;
} */







/* #serviceContainer {
  width: 100%;
  padding: 100px 0 130px;
  background: #EBEBEB;
}

.service {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}

.typesContainer {
  width: 95%;
  max-width: 1150px;
  margin: 100px auto 0;
} */

.typesContainer img {
  margin-left: 50px;
}






/* #engagementContainer {
  width: 100%;
  position: relative;
} */

#engagementContainer > img {
  width: 1100px;
  /* position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; */
}

/* .engagement {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 200px;
} */






/* #companyContainer {
  width: 100%;
  margin: 120px auto 0;
  padding: 200px 0 150px;
  position: relative;
  background: var(--secondaryColor);
} */

#companyContainer > img {
  width: 1100px;
  /* position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); */
}

/* .company {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
} */



}











@media (max-width: 560px) {
/* main {
  overflow: hidden;
} */

#fvContainer {
  padding: 80px 0 40px;
  /* position: relative; */
}

/* #fvContainer > img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
} */

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

.fvMain img {
  /* width: 90%; */
  max-width: 338px;
  margin-left: 0;
}







#aboutContainer {
  width: 100%;
  padding: 60px 0 60px;
  /* background: var(--primaryColor);
  text-align: center; */
}

#aboutContainer img {
  /* width: 90%; */
  max-width: 326px;
}







#serviceContainer {
  /* width: 100%; */
  padding: 60px 0 60px;
  /* background: #EBEBEB; */
}

.service {
  /* width: 90%; */
  max-width: 340px;
  /* margin: 0 auto; */
}

.typesContainer {
  width: 95%;
  max-width: 365px;
  margin: 60px auto 0;
}

.typesContainer img {
  margin-left: 5%;
}






/* #engagementContainer {
  width: 100%;
  position: relative;
} */

#engagementContainer > img {
  width: 831px;
  /* position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; */
}

.engagement {
  /* width: 90%; */
  max-width: 342px;
  /* margin: 0 auto; */
  padding-top: 100px;
}






#companyContainer {
  width: 100%;
  margin: 60px auto 0;
  padding: 100px 0 80px;
  /* position: relative;
  background: var(--secondaryColor); */
}

#companyContainer > img {
  width: 831px;
  /* position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); */
}

.company {
  /* width: 90%; */
  max-width: 340px;
  /* margin: 0 auto;
  position: relative;
  z-index: 2; */
}



}