:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.what-we-make__root {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.what-we-make__block {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 171px auto 170px;
  width: 704px;
  max-width: 85%;
  background-color: #3794fe;
  padding: 12px 16px;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .what-we-make__block {
    position: relative;
    width: 800px;
  }
}
@media (max-width: 991px) {
  .what-we-make__block {
    position: relative;
    margin: 150px auto;
  }
}
@media (max-width: 575px) {
  .what-we-make__block {
    margin: 80px auto;
  }
}
@media (max-width: 479px) {
  .what-we-make__block {
    max-width: 95%;
  }
}
@media (max-width: 383px) {
  .what-we-make__block {
    margin: 50px auto;
    padding-right: 8px;
    padding-left: 8px;
  }
}
.what-we-make__col {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.what-we-make__info {
  font: 100px/1.19 "Gochi Hand", Helvetica, Arial, serif;
  color: white;
}
@media (max-width: 991px) {
  .what-we-make__info {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .what-we-make__info {
    font-size: 52px;
  }
}
.what-we-make__info1 {
  font: 20px/1.3 "ADLaM Display", Helvetica, Arial, serif;
  color: white;
}
@media (max-width: 991px) {
  .what-we-make__info1 {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .what-we-make__info1 {
    font-size: 16px;
  }
}
.what-we-make__info2 {
  display: flex;
  justify-content: center;
  margin: 12px 0 0;
  font: 12px/1.33 "ADLaM Display", Helvetica, Arial, serif;
  color: #f2f2f2;
  text-align: center;
  opacity: 0.6;
}
.what-we-make__col1 {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}
@media (max-width: 479px) {
  .what-we-make__col1 {
    position: relative;
    margin: 32px 0 0;
  }
}
.what-we-make__col2 {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .what-we-make__col2 {
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
@media (max-width: 767px) {
  .what-we-make__col2 {
    flex-direction: column;
    align-items: center;
    gap: 32px 16px;
  }
}
.what-we-make__block1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 0;
  margin: 0 0 91px;
  width: 156px;
  min-width: 0;
  background-color: white;
  padding: 12px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .what-we-make__block1 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 479px) {
  .what-we-make__block1 {
    align-items: start;
    height: 320px;
  }
}
.what-we-make__info3 {
  font: 13px/1.23 Outfit, Helvetica, Arial, serif;
  color: black;
  text-decoration: none;
}
@media (max-width: 479px) {
  .what-we-make__info3 {
    position: relative;
    align-items: flex-start;
    width: 100%;
    font-size: 20px;
  }
}
.what-we-make__col3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 66px;
}
@media (max-width: 479px) {
  .what-we-make__col3 {
    height: 150px;
  }
}
.what-we-make__image {
  position: absolute;
  bottom: -9.09%;
  left: -9px;
  width: 67px;
}
@media (max-width: 479px) {
  .what-we-make__image {
    bottom: -0.09%;
    left: 25.16px;
    width: unset;
    height: 120px;
  }
}
.what-we-make__image1 {
  position: absolute;
  right: -8px;
  bottom: -9.09%;
  width: 67px;
}
@media (max-width: 479px) {
  .what-we-make__image1 {
    right: 27.65px;
    bottom: 4.91%;
    width: unset;
    height: 120px;
  }
}
.what-we-make__image2 {
  position: relative;
  margin: 0 auto;
  width: 66px;
}
@media (max-width: 479px) {
  .what-we-make__image2 {
    width: unset;
    max-width: 100%;
    height: 150px;
  }
}
.what-we-make__block2 {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 16px 0 0;
  width: 62px;
  max-width: 85%;
  background-color: #161a1d;
  padding: 4px 12px;
  border-radius: 11.5px;
}
@media (max-width: 479px) {
  .what-we-make__block2 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
  }
}
.what-we-make__info4 {
  width: 38px;
  font: 12px/1.25 Outfit, Helvetica, Arial, serif;
  color: #f6f7f9;
}
@media (max-width: 479px) {
  .what-we-make__info4 {
    position: relative;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
  }
}
.what-we-make__block11 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 86px 0 9px;
  width: 156px;
  min-width: 0;
  background-color: white;
  padding: 12px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .what-we-make__block11 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.what-we-make__info31 {
  font: 13px/1.23 Outfit, Helvetica, Arial, serif;
  color: black;
}
.what-we-make__image3 {
  margin: 16px 0 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.what-we-make__block21 {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 16px 0 0;
  width: 88px;
  max-width: 85%;
  background-color: #161a1d;
  padding: 4px 12px;
  border-radius: 11.5px;
}
.what-we-make__info41 {
  width: 64px;
  font: 12px/1.25 Outfit, Helvetica, Arial, serif;
  color: #f6f7f9;
}
.what-we-make__block12 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 0 0 90px;
  width: 156px;
  min-width: 0;
  background-color: white;
  padding: 12px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .what-we-make__block12 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.what-we-make__col4 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 16px 0 0;
}
.what-we-make__image4 {
  position: absolute;
  bottom: 1.37%;
  left: -6.06%;
  width: 67px;
}
.what-we-make__image5 {
  position: absolute;
  right: -3.03%;
  bottom: 0%;
  width: 69px;
}
.what-we-make__image6 {
  position: relative;
  margin: 0 33px 13px 37px;
  width: 62px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .what-we-make__image6 {
    margin: 0 32px 13px;
  }
}
@media (max-width: 575px) {
  .what-we-make__image6 {
    margin: 0 auto 13px;
  }
}
.what-we-make__block22 {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 16px 0 0;
  width: 53px;
  max-width: 85%;
  background-color: #161a1d;
  padding: 4px 12px;
  border-radius: 11.5px;
}
.what-we-make__info42 {
  width: 29px;
  font: 12px/1.25 Outfit, Helvetica, Arial, serif;
  color: #f6f7f9;
}
.what-we-make__block13 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 86px 0 0;
  width: 156px;
  min-width: 0;
  background-color: white;
  padding: 12px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .what-we-make__block13 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.what-we-make__image7 {
  margin: 18px 0 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.what-we-make__block23 {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 18px 0 0;
  width: 81px;
  max-width: 85%;
  background-color: #161a1d;
  padding: 4px 12px;
  border-radius: 11.5px;
}
.what-we-make__info43 {
  width: 57px;
  font: 12px/1.25 Outfit, Helvetica, Arial, serif;
  color: #f6f7f9;
}
.what-we-make__col5 {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 40px 0 0;
}
@media (max-width: 575px) {
  .what-we-make__col5 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .what-we-make__col5 {
    position: relative;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 28px 0 0;
  }
}
@media (max-width: 383px) {
  .what-we-make__col5 {
    flex-direction: column;
    align-items: center;
    gap: 32px 8px;
  }
}
.what-we-make__col6 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 0 0 1px;
  width: 137px;
  min-width: 0;
}
@media (max-width: 383px) {
  .what-we-make__col6 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.what-we-make__info5 {
  font: 600 16px/1.29 Outfit, Helvetica, Arial, serif;
  color: white;
}
.what-we-make__col7 {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.what-we-make__image8 {
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.what-we-make__image9 {
  width: 41px;
  -o-object-fit: cover;
  object-fit: cover;
}
.what-we-make__col8 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 0 360px 0 0;
  width: 143px;
  min-width: 0;
}
@media (max-width: 991px) {
  .what-we-make__col8 {
    position: relative;
    margin: 0 32px 0 0;
  }
}
@media (max-width: 767px) {
  .what-we-make__col8 {
    margin: 0 auto;
  }
}
@media (max-width: 383px) {
  .what-we-make__col8 {
    width: 100%;
    min-width: unset;
  }
}
.what-we-make__image10 {
  margin: 0 0 1px;
  width: 41px;
  -o-object-fit: cover;
  object-fit: cover;
}
.what-we-make__image11 {
  margin: 0 0 1px;
  width: 46px;
  -o-object-fit: cover;
  object-fit: cover;
}