.body {
  background: #000000;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  min-width: 640px;
  max-width: 1440px;
  position: relative;
}
.jumbotron {
  background: #d9d9d9;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 800px;
  position: relative;
  overflow: hidden;
}
.description {
  background: #000000;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.logo {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.name {
  color: #ffffff;
  text-align: left;
  font-family: "InstrumentSans-Regular", sans-serif;
  font-size: 135px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.sub {
  margin: -19px 0 0 0;
  color: #ffffff;
  text-align: left;
  font-family: "InstrumentSans-Regular", sans-serif;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: 0.23em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 149px;
}
.content {
  padding: 50px 100px 50px 100px;
  display: flex;
  flex-direction: column;
  gap: 52px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 793px;
  position: relative;
}
.frame-14 {
  align-self: stretch;
  flex-shrink: 0;
  height: 221px;
  position: relative;
}
.details {
  color: #ffffff;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 646px;
  height: 221px;
}
.details-span {
  font-family: "Inter-Regular", sans-serif;
}
.details-span2 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.button {
  background: #e5b80b;
  border-radius: 8px;
  padding: 13px 50px 13px 50px;
  flex-shrink: 0;
  width: 238px;
  height: 49px;
  position: relative;
}
.see-our-work {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  left: 50.5px;
  top: 13.5px;
}
.collage {
  background: #000000;
  align-self: stretch;
  flex-shrink: 0;
  height: 800px;
  position: relative;
  overflow: hidden;
}
.img-4 {
  width: 337.93px;
  height: 481.38px;
  position: absolute;
  left: calc(50% - 464px);
  top: calc(50% - 309px);
  object-fit: cover;
  aspect-ratio: 337.93/481.38;
}
.img-3 {
  width: 422.41px;
  height: 346.99px;
  position: absolute;
  left: calc(50% - -106px);
  top: calc(50% - -9px);
  object-fit: cover;
  aspect-ratio: 422.41/346.99;
}
.img-2 {
  width: 364.61px;
  height: 414.19px;
  position: absolute;
  left: calc(50% - 76px);
  top: calc(50% - 345px);
  object-fit: cover;
  aspect-ratio: 364.61/414.19;
}
.img-1 {
  width: 417.07px;
  height: 300.86px;
  position: absolute;
  left: calc(50% - 335px);
  top: calc(50% - 6px);
  object-fit: cover;
  aspect-ratio: 417.07/300.86;
}
.home-gallery {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.home-gallery-item {
  padding: 67px 290px 67px 290px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  width: 720px;
  height: 460px;
  position: relative;
}
.description2 {
  color: #ffffff;
  text-align: left;
  font-family: "InstrumentSans-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.content2 {
  background: #000000;
  padding: 0px 200px 0px 200px;
  align-self: stretch;
  flex-shrink: 0;
  height: 600px;
  position: relative;
}
.content-text-large {
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  width: 1040px;
}
.content-text-large-span {
  color: #ffffff;
}
.content-text-large-span2 {
  color: #000000;
}
.carousel {
  background: linear-gradient(
    90deg,
    rgba(252, 113, 117, 1) 0%,
    rgba(255, 164, 167, 1) 23.600006103515625%,
    rgba(241, 219, 134, 1) 52.60000824928284%,
    rgba(255, 211, 40, 1) 81.00000023841858%,
    rgba(231, 170, 15, 1) 100%
  );
  padding: 33px 252px 61px 252px;
  display: flex;
  flex-direction: column;
  gap: 31px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.header {
  color: #000000;
  text-align: center;
  font-family: "InstrumentSans-Bold", sans-serif;
  font-size: 19px;
  font-weight: 700;
  position: relative;
  width: 936px;
}
.title {
  color: #000000;
  text-align: center;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 55px;
  font-weight: 800;
  position: relative;
  width: 936px;
}
.content3 {
  color: #000000;
  text-align: center;
  font-family: "InstrumentSans-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 936px;
}
.pager {
  display: flex;
  flex-direction: row;
  gap: 13px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 92px;
  position: relative;
}
.page-1 {
  background: #ffffff;
  opacity: 0.5;
  flex-shrink: 0;
  width: 22px;
  height: 5px;
  position: relative;
}
.page-2 {
  background: #ffffff;
  opacity: 0.5;
  flex-shrink: 0;
  width: 22px;
  height: 5px;
  position: relative;
}
.page-3 {
  background: #ffffff;
  flex-shrink: 0;
  width: 22px;
  height: 5px;
  position: relative;
}