/* Section: Progressive Food */
.section-the-progressive-food-school {
  padding: 95px 0;
}

.section-the-progressive-food-school .container {
  text-align: center;
  color: black;
}

.section-the-progressive-food-school .ds-main-title {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .section-the-progressive-food-school {
    padding: 50px 0;
  }

  .section-the-progressive-food-school .ds-main-title {
    margin-bottom: 30px;
  }
}




/* Section: LED */
.section-led {
  background-color: #e6e7e8;
  padding: 95px 0;
  color: black;
}

.section-led-row {
  display: flex;
}

.section-led-col {
  width: 50%;
}

.section-led-col:nth-child(1) { padding: 0 25px; }
.section-led-col:nth-child(2) { padding: 0 75px; }

.section-led .title { margin-bottom: 50px; }
.section-led .description { margin-bottom: 40px; }
.section-led .paragraph-title { margin-bottom: 25px; }
.section-led .paragraph-description:not(:last-child) { margin-bottom: 50px; }

.logo-partner {
  width: auto;
  max-width: 150px;
}

@media (max-width: 991px) {
  .section-led {
    padding: 50px 0;
  }

  .section-led-col:nth-child(2) {
    padding: 0 50px;
  }
}

@media (max-width: 767px) {
  .section-led-row {
    flex-direction: column;
  }

  .section-led-col {
    width: 100%;
  }

  .section-led-col:nth-child(1),
  .section-led-col:nth-child(2) {
    padding: 0 0;
  }

  .section-led .title {
    margin-bottom: 10px;
  }
  
  .section-led .paragraph-title {
    margin-bottom: 10px;
  }
}







/* Section: Learn Bento */
.section-learn-bento {
  padding: 95px 0;
}

.section-learn-bento>.container {
  position: relative;
  display: flex;
}

.section-learn-bento .ds-main-title {
  display: inline-block;
}

.learn-bento-header {
  color: black;
}

.learn-bento-header .ds-main-title {
  margin-bottom: 50px;
}

.learn-bento-content-left {
  position: relative;
  width: 50%;
}

.learn-bento-content .des {
  max-width: 450px;
}

.learn-bento-content-image {
  position: relative;
  flex: 1;
  display: none;
}

.learn-bento-content-image-wrapper {
  position: relative;
  margin-left: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.learn-bento-content-image .img-1 {
  position: relative;
  width: 60%;
  height: 450px;
  object-fit: cover;
  z-index: 1;
  margin-left: auto;
}

.learn-bento-content-image .img-2 {
  width: 75%;
  max-width: initial;
  height: 260px;
  object-fit: cover;
  margin-top: -40px;
}

.learn-bento-content {
  color: black;
  padding-right: 15px;
}

.learn-bento-description {
  white-space: pre;
}

@media (max-width: 991px) {
  .section-learn-bento {
    padding: 50px 0;
  }

  .learn-bento-content-image {
    padding-top: 7px;
  }

  .learn-bento-content-image-wrapper {
    width: 240px;
  }

  .learn-bento-content-image .img-1 {
    width: 100%;
  }

  .learn-bento-content-image .img-2 {
    width: 120%;
    margin-left: -120px;
  }

  .learn-bento-header {
    margin-bottom: 55px;
  }
}

@media (max-width: 767px) {
  .section-learn-bento>.container {
    flex-direction: column-reverse;
  }

  .section-learn-bento .ds-main-title .ds-h1 {
    font-size: 22px;
  }

  .learn-bento-content-left {
    width: 100%;
  }

  .learn-bento-content-image {
    padding-top: 20px;
    margin-bottom: 25px;
  }

  .learn-bento-content-image.-mobile {
    display: block;
  }

  .learn-bento-header {
    margin-bottom: 0;
  }
  
  .learn-bento-header .ds-main-title {
    margin-bottom: 25px;
  }

  .learn-bento-content-left {
    max-width: initial;
  }

  .learn-bento-content-image-wrapper {
    width: 100%;
  }

  .learn-bento-content-image .img-1 {
    width: 60%;
    height: 260px;
  }

  .learn-bento-content-image .img-2 {
    width: 70%;
    margin-left: 0;
    height: 140px;
    margin-top: -20px;
  }

  .learn-bento-description {
    white-space: initial;
  }
}

@media (min-width: 768px) {
  .learn-bento-content-image.-desktop {
    display: block;
  }
}











/* Section: Our Vision */
.section-our-vision {
  padding: 95px 0;
  background-color: #e6e7e8;
  color: black;
}

.vision-paragraph {
  width: 50%;
}

.vision-paragraph .ds-h1 { margin-bottom: 30px; }
.vision-paragraph:not(:last-child) .ds-text-h2 { margin-bottom: 80px; }

.vision-paragraph:nth-child(2) {
  margin-left: auto;
}

@media (max-width: 991px) {
  .section-our-vision {
    padding: 50px 0;
  }

  .vision-paragraph:not(:last-child) .ds-text-h2 {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .vision-paragraph {
    width: 100%;
  }

  .vision-paragraph .ds-h1 {
    margin-bottom: 15px;
  }
}







/* Section: Sustainable */
.section-sustainable {
  padding: 95px 0;
}

.section-sustainable .test-kitchen-content {
  min-height: auto;
  min-height: initial;
}

.section-sustainable .test-kitchen-thumbnail-wrapper {
  margin-left: initial;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.section-sustainable .test-kitchen-thumbnail .img-1 {
  align-self: flex-end;
  height: 480px;
  width: 60%;
}

.section-sustainable .test-kitchen-thumbnail .img-2 {
  position: relative;
  left: 0;
  right: initial;
  width: 70%;
  margin-top: -65px;
}

@media (max-width: 991px) {
  .section-sustainable {
    padding: 50px 0;
  }
}

@media (max-width: 767px) {
  .section-sustainable .test-kitchen-thumbnail .img-1 {
    height: 240px;
  }

  .section-sustainable .test-kitchen-thumbnail .img-2 {
    margin-top: -25px;
    height: 115px;
  }
}