﻿.work {
  color: #2C2C2C;
  position: relative;
  width: 100%;
  max-width: 1600px;
  min-height: 300px;
  margin: auto;
  margin-top: 50px;
  padding: 0 20px;
}
.work-top {
  display: flex;
  flex-direction: row;
  background: #F5F5F7 0% 0% no-repeat padding-box;
  border-radius: 25px;
  align-items: center;
  gap: 30px;
  justify-content: center;
  padding: 2rem;
  margin-bottom: 100px;
}
.work-top-textwrap {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.work-top-textwrap__h1 {
  font-family: sfprodisplay-semibold, "Adjusted Arial Fallback Semibold", Arial;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 20px;
}
.work-top-textwrap__h2 {
  font-family: sfprodisplay-regular, "Adjusted Arial Fallback", Arial;
  font-size: 30px;
  line-height: 35px;
}
.work-top__picture img {
  max-width: 100%;
}
.work-breakfest {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 60px;
  margin-bottom: 100px;
}
.work-breakfest__picture img {
  max-width: 100%;
  min-width: 250px;
}
.work-breakfest__text {
  max-width: 571px;
  font-family: sfprodisplay-regular, "Adjusted Arial Fallback", Arial;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
}
.work-program {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 60px;
  margin-bottom: 100px;
}
.work-program-textwrap {
  max-width: 571px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.work-program-textwrap__h2 {
  font-family: sfprodisplay-semibold, "Adjusted Arial Fallback Semibold", Arial;
  font-size: 45px;
  line-height: 50px;
  color: #d7007f;
  margin-bottom: 35px;
}
.work-program-textwrap-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 30px;
}
.work-program-textwrap-row__text {
  min-width: 185px;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 5px;
}
.work-program__picture img {
  max-width: 100%;
  min-width: 250px;
}
.work-memoji {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 60px;
  margin-bottom: 100px;
}
.work-memoji__picture img {
  max-width: 100%;
  min-width: 250px;
}
.work-memoji-textwrap {
  max-width: 571px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.work-memoji-textwrap__h2 {
  font-family: sfprodisplay-semibold, "Adjusted Arial Fallback Semibold", Arial;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 30px;
}
.work-memoji-textwrap__h3 {
  font-family: sfprodisplay-semibold, "Adjusted Arial Fallback Semibold", Arial;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px;
}
.work-memoji-textwrap__text {
  font-family: sfprodisplay-semibold, "Adjusted Arial Fallback Semibold", Arial;
  font-size: 30px;
  line-height: 36px;
  color: #d7007f;
}
@media screen and (max-width: 950px) {
  .work-top-textwrap__h1 {
    font-size: 45px;
    line-height: 50px;
  }
  .work-program {
    flex-direction: column;
  }
  .work-program-textwrap {
    text-align: center;
    margin-bottom: 25px;
  }
  .work-program-textwrap-row {
    flex-direction: column-reverse;
    gap: 0px;
    margin-bottom: 25px;
    align-items: center;
  }
}
@media screen and (max-width: 750px) {
  .work-top {
    flex-direction: column;
    padding: 1rem;
    margin-bottom: 50px;
  }
  .work-top-textwrap {
    text-align: center;
  }
  .work-breakfest {
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .work-breakfest__text {
    text-align: center;
    margin-bottom: 50px;
  }
  .work-memoji {
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .work-memoji-textwrap {
    text-align: center;
    margin-bottom: 25px;
  }
  .work-program {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  .work-top-textwrap__h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .work-breakfest__text {
    font-size: 18px;
    line-height: 22px;
  }
  .work-program-textwrap__h2 {
    margin-bottom: 10px;
  }
  .work-program-textwrap-row__text {
    font-size: 26px;
    line-height: 30px;
  }
}
.work-form {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 7px 11px 33px #0000001F;
  border-radius: 10px;
  padding: 50px 1rem;
}
.work-form form {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.work-form .form-field {
  width: 100%;
  max-width: 550px;
}