.program-balls {
  width: 52vw;
  display: block;
  margin-left: 22vw;
  padding-bottom: 2vw;
  padding-top: 10vw;
}

.section1-program-container {
  position: absolute;
  top: 5vw;
  left: 0;
  width: 100%;
}

.section1-program-text1 {
  margin: 0;
  font-family: "Lato Medium";
  font-size: 1.8vw;
  color: white;
  background-color: #504194;
  border-radius: 3vw;
  padding: 0.4vw 4.5vw;
  border: none;
}

.section1-program-text2 {
  margin: 0;
  margin-top: 1.2vw;
  font-family: "Lato Regular";
  color: #504194;
  font-size: 1vw;
  line-height: 1.3vw;
  width: 30vw;
  text-align: center;
}

.section1-program-img1 {
  width: 48vw;
  display: block;
  margin: 0 auto;
  margin-top: 2vw;
  margin-left: 28vw;
}

.section1-program-text3 {
  margin: 0;
  font-family: "Lato Regular";
  font-size: 1.8vw;
  line-height: 2vw;
  color: #504194;
  width: 30vw;
  margin-top: 1vw;
}

.section1-program-text4 {
  margin: 0;
  font-family: "Lato Regular";
  color: #5d5d5d;
  font-size: 1vw;
  width: 22vw;
  margin-top: 0.1vw;
}

.section1-program-text5 {
  margin: 0;
  font-family: "Lato Medium";
  color: #5aa8a0;
  font-size: 1.4vw;
  line-height: 2vw;
  width: 39vw;
  margin-top: 1vw;
}

.section1-program-text6 {
  margin: 0;
  font-family: "Lato Regular";
  color: #5d5d5d;
  font-size: 1vw;
  width: 30vw;
  margin-top: 0.1vw;
}

.section1-program-img2 {
  width: 16vw;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1.5vw;
}

.title-includes {
  margin-top: 6.5vw;
  font-size: 1.8vw;
  font-family: "Lato Medium";
}

@media (max-width: 767px) {
  .title-includes {
    margin-top: 10vw;
    font-size: 5.8vw;
  }
  .section1-program {
    height: 328vw;
  }
  .program-balls {
    width: 20vw;
    display: block;
    margin-left: 66vw;
    padding-bottom: 2vw;
    padding-top: 20vw;
  }
  .section1-program-container {
    position: absolute;
    top: 10vw;
    left: 0;
    width: 100%;
  }
  .section1-program-text1 {
    font-size: 6vw;
    border-radius: 30vw;
    padding: 2vw 16vw;
    border: none;
  }
  .section1-program-text2 {
    margin-top: 4vw;
    font-size: 4vw;
    line-height: 4.5vw;
    width: 72vw;
  }
  .section1-program-img1 {
    width: 100vw;
    display: block;
    margin: 0 auto;
    margin-top: 5vw;
  }
  .section1-program-text3 {
    font-size: 7vw;
    line-height: 8vw;
    width: 80vw;
    margin-top: 5vw;
  }
  .section1-program-text4 {
    margin: 0;
    font-family: "Lato Regular";
    color: #5d5d5d;
    font-size: 3.6vw;
    line-height: 4.9vw;
    width: 61vw;
    margin-top: 3vw;
  }
  .section1-program-text5 {
    margin: 0;
    font-family: "Lato Medium";
    color: #5aa8a0;
    font-size: 5vw;
    line-height: 5.5vw;
    width: 70vw;
    margin-top: 5vw;
  }
  .section1-program-text6 {
    font-size: 3.6vw;
    line-height: 5vw;
    width: 63vw;
    margin-top: 3vw;
  }
  .section1-program-img2 {
    width: 70vw;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 10vw;
  }
}

/* section 2 */
.section2-program {
  margin-top: -16vw;
  position: relative;
  padding-bottom: 30vw;
  z-index: 2;
  overflow: hidden;
}

.section2-program-first {
  -webkit-transform: translateY(-10vw);
  transform: translateY(-16vw);
  position: relative !important;
}

.section2-program-content {
  margin-top: 0vw;
  background-color: #504194;
}

.section2-program-content11 {
  width: 29vw;
  margin: 4vw;
}

.section2-program-img1 {
  width: 22vw;
}

.section2-program-text1 {
  margin: 0;
  font-family: "Montserrat Regular";
  font-size: 3.3vw;
  line-height: 3.3vw;
  color: #f27470;
  margin-top: 1vw;
}

.section2-program-text2 {
  margin: 0;
  font-family: "Lato Regular";
  font-size: 1vw;
  line-height: 1.3vw;
  color: #ffff;
  margin-top: 0.7vw;
}

.section2-program-content12 {
  width: 29vw;
  margin: 4vw;
  margin-top: 25vw;
}

.section2-program-img2 {
  width: 22vw;
}

.section2-program-text3 {
  margin: 0;
  font-family: "Montserrat Regular";
  font-size: 3.3vw;
  line-height: 3.3vw;
  color: #5aa8a0;
  margin-top: 1vw;
}

.section2-program-text4 {
  margin: 0;
  font-family: "Lato Regular";
  font-size: 1vw;
  line-height: 1.3vw;
  color: #ffff;
  margin-top: 0.7vw;
}

.section2-program-content2 {
  margin-top: -21.5vw;
}

.text-green-program {
  color: #b2ca69;
}

.text-orange-program {
  color: #c48523;
}

.section2-program-img5 {
  top: 42.5vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 2.75vw;
}

.section2-program-img6 {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 55vw;
  width: 31vw;
}

.z-index1 {
  z-index: 2;
}

.z-index2 {
  z-index: 2;
}

.z-index3 {
  z-index: 3;
}

.z-index4 {
  z-index: 4;
}

.section2-program-last {
  padding-left: 20vw;
  /* background-color: #504194; */
  margin-top: -36vw;
  z-index: 3;
  -webkit-transform: translateY(7vw);
  transform: translateY(7vw);
}

.section2-program-last-img {
  width: 15vw;
  left: 31vw;
  top: -3vw;
}

.section2-program-last-bg {
  width: 28vw;
}

.section2-program-last-texts {
  top: 6vw;
  left: 24vw;
  width: 20vw;
}

.section2-program-last-text1 {
  margin: 0;
  font-family: "Lato Bold";
  font-size: 1.35vw;
  line-height: 1.6vw;
  color: #504194;
  width: 15vw;
  display: block;
  margin: auto;
}

.section2-program-last-text2 {
  margin: 0;
  font-family: "Lato Medium";
  font-size: 1.1vw;
  line-height: 1.3vw;
  margin-top: 1vw;
  color: #504194;
}

.section2-program-last-text3 {
  margin: 0;
  font-family: "Lato Bold";
  font-size: 1.35vw;
  line-height: 1.7vw;
  margin-top: 1vw;
  color: #504194;
}

.program-bg-img2 {
  -webkit-transform: translateY(-32vw);
  transform: translateY(-32vw);
}

.read-more {
  font-family: "Lato Bold";
  font-size: 3.2vw;
  margin-right: 8vw;
  margin-top: 0.8vw;
}

.text-pink-program {
  color: #f27470;
}

.text-blue-program {
  color: #5aa8a0;
}

.text-orange-program {
  color: #c48523;
}

.text-green-program {
  color: #b2ca69;
}

@media (max-width: 767px) {
  .program-text-more {
    display: none;
  }
  .section2-program-first {
    -webkit-transform: translateY(-10vw);
    transform: translateY(-48vw);
  }
  .section2-program {
    padding-top: 21vw;
    margin-top: 47vw;
    position: relative;
    padding-bottom: 46vw;
    z-index: 2;
    overflow: hidden;
  }
  .section2-program-content {
    margin-top: -1vw;
    z-index: 3;
  }
  .program-point {
    margin-top: 7vw;
  }
  .section2-program-content11 {
    width: 100%;
    margin: auto;
  }
  .section2-program-img1 {
    width: 90vw;
  }
  .section2-program-text1 {
    margin: 0;
    font-family: "Montserrat Regular";
    font-size: 12.9vw;
    line-height: 12.9vw;
    color: #f27470;
    margin-top: 4vw;
  }
  .section2-program-text2 {
    width: 80vw;
    font-size: 3.6vw;
    line-height: 5vw;
    color: #ffff;
    margin-top: 5vw;
  }
  .section2-program-content12 {
    width: 100%;
    margin: auto;
    margin-top: 12vw;
  }
  .section2-program-img2 {
    width: 90vw;
  }
  .section2-program-text3 {
    margin: 0;
    font-size: 12.9vw;
    line-height: 12.9vw;
    margin-top: 4vw;
  }
  .section2-program-text4 {
    width: 80vw;
    font-size: 3.6vw;
    line-height: 5vw;
    margin-top: 5vw;
  }
  .section2-program-content2 {
    margin-top: 12vw;
  }
  .text-green-program {
    color: #b2ca69;
  }
  .text-orange-program {
    color: #c48523;
  }
  .section2-program-img6 {
    left: -29.5vw;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 259vw;
    z-index: 2;
    width: 161vw;
  }
  .section2-program-last {
    margin-left: auto;
    padding-left: 0;
    padding-bottom: 25vw;
  }
  .section2-program-last-img {
    width: 68vw;
    left: 37vw;
    top: -7vw;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .section2-program-last-bg {
    width: 129vw;
    margin-left: -13vw;
  }
  .section2-program-last-texts {
    top: 35vw;
    left: 0;
    width: 73vw;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .section2-program-last-text1 {
    margin: 0;
    font-family: "Lato Bold";
    font-size: 5.6vw;
    line-height: 6.6vw;
    color: #504194;
    width: 67vw;
    display: block;
    margin: auto;
  }
  .section2-program-last-text2 {
    margin: 0;
    font-family: "Lato Medium";
    font-size: 4.4vw;
    line-height: 5vw;
    margin-top: 5vw;
    color: #504194;
  }
  .section2-program-last-text3 {
    margin: 0;
    font-family: "Lato Bold";
    font-size: 4.8vw;
    line-height: 5.2vw;
    margin-top: 5vw;
    color: #504194;
  }
  .program-mandala {
    position: absolute;
    top: 424vw;
    left: 15vw;
    width: 201vw;
    opacity: 0.5;
    z-index: 2;
  }
}

/* section 3 */
.section3-program {
  margin-top: -85vw;
}

.section3-program-content2-section1 {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.section3-program-content2-section1 > p,
.section3-program-content2-section1 > img {
  width: 30vw;
  margin: 0 5vw 0 12vw;
}

.section3-program-content2-text1 {
  font-family: "Lato Medium";
  font-size: 1.3vw;
  padding-bottom: 1.5vw;
}

.section3-program-content2-text2 {
  font-family: "Lato Regular";
  font-size: 1vw;
  padding-bottom: 2vw;
}

.section3-program-content2-text3 {
  font-family: "Lato Regular";
  font-size: 1.9vw;
  line-height: 2.2vw;
  padding: 1vw 0;
}

.section3-program-content2-section2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: -10vw;
}

.section3-program-content2-img3 {
  width: 38vw;
  display: block;
  margin-top: 9vw;
  margin-left: -3vw;
}

.section3-program-content2-text4,
.section3-program-content2-text4:hover {
  width: 26vw;
  font-family: "Lato Regular";
  font-size: 1.2vw;
  background-color: #f90000;
  border-radius: 30vw;
  line-height: 1.5vw;
  padding: 0.5vw 1vw;
  margin-left: 17.5vw;
  color: white;
  margin-top: 4vw;
  margin-right: 7vw;
  text-decoration: none;
  cursor: auto;
}

.section3-program-plot {
  position: absolute;
  top: 17vw;
  left: 0;
  width: 100%;
  height: 8.1vw;
  z-index: 2;
}

.section3-program-mandala {
  position: absolute;
  top: 5vw;
  left: 42vw;
  width: 43vw;
  z-index: 2;
}

.section3-program-logo {
  position: absolute;
  top: -2vw;
  left: 60vw;
  width: 10vw;
}

@media (max-width: 767px) {
  .section3-program {
    margin-top: -23vw;
    margin-bottom: 40vw;
  }
  .section3-program-content2 {
    overflow: hidden;
  }
  .section3-program-content2-section1 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
  .section3-program-content2-section1 > p,
  .section3-program-content2-section1 > img {
    width: 82%;
    margin: 0 auto;
  }
  .section3-program-content2-text1 {
    font-size: 6vw;
    padding-bottom: 5vw;
  }
  .section3-program-content2-text2 {
    font-size: 4.35vw;
    padding-bottom: 14vw;
  }
  .section3-program-content2-text3 {
    font-size: 7.2vw;
    line-height: 9vw;
    padding: 6vw 0;
  }
  .section3-program-content2-img3 {
    width: 130vw;
    display: block;
    margin: 0 auto;
    margin-top: 12vw;
    margin-left: -12vw;
  }
  .section3-program-content2-text4,
  .section3-program-content2-text4:hover {
    width: 85vw;
    font-family: "Lato Regular";
    font-size: 4vw;
    line-height: 6vw;
    padding: 5px 6px;
    color: white;
    margin: 0 auto;
    margin-top: 14vw;
    text-decoration: none;
    cursor: auto;
  }
  .section3-program-logo {
    width: 42vw;
    margin: 0 auto;
    top: -41vw;
    left: 30vw;
    z-index: 2;
  }
  .section3-program-mandala {
    position: absolute;
    top: -31vw;
    left: -43vw;
    width: 189vw;
    z-index: 1;
  }
  .section3-program-plot {
    position: absolute;
    top: 286vw;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
  }
}

/* section 4*/
.section4-program {
  margin-top: -26.5vw;
}

.section4-program-content {
  top: 0;
  margin-top: 40vw;
}

.section4-program-images {
  width: 40%;
  margin: 0 auto;
}

.section4-program-images > img {
  width: 25%;
  height: auto;
  -ms-flex-item-align: center;
  align-self: center;
}

.section4-program-text1 {
  font-family: "Lato Medium";
  font-size: 1.8vw;
  margin: 0 auto;
  width: 30vw;
  margin-top: 2vw;
}

.section4-program-plot {
  margin-top: 4vw;
}

.section4-program-text2 {
  font-family: "Lato Light";
  line-height: 4vw;
  font-size: 3.3vw;
  margin-top: -11vw;
  margin-bottom: 4vw;
  width: 74vw;
  display: block;
  margin: 0 auto;
  margin-top: -11vw;
}

.section4-program-text3 {
  font-family: "Lato Regular";
  font-size: 1.65vw;
  line-height: 2vw;
  width: 46vw;
  margin: 0 auto;
  margin-top: 4vw;
}

.section4-program-text4 {
  width: 26%;
  font-family: "Lato Medium";
  font-size: 1.2vw;
  background-color: #f90000;
  border-radius: 30vw;
  line-height: 1.5vw;
  padding: 0.5vw 1vw;
  color: white;
  margin: 0 auto;
  margin-top: 3vw;
}

@media (max-width: 767px) {
  .section4-program {
    margin-top: 67vw;
  }
  .section4-program-content {
    top: 0;
    margin-top: -7vw;
  }
  .section4-program-images > img {
    margin: 0 auto;
    margin-top: 9vw;
    width: 100%;
  }
  .section4-program-text1 {
    font-size: 7vw;
    line-height: 10.2vw;
    margin: 0 auto;
    width: 87vw;
    margin-top: 24vw;
  }
  .section4-program-plot {
    margin-top: 36vw;
  }
  .section4-program-text2 {
    width: 89vw;
    line-height: 13vw;
    font-size: 11vw;
    margin: 0 auto;
    margin-top: -73vw;
    margin-bottom: 13vw;
  }
  .section4-program-text3 {
    font-size: 6.2vw;
    line-height: 8vw;
    width: 90vw;
    margin: 0 auto;
  }
  .section4-program-text4 {
    width: 95vw;
    border-radius: 30vw;
    font-size: 4.5vw;
    line-height: 5.4vw;
    padding: 2vw 2vw;
    margin: 0 auto;
    margin-top: 13vw;
  }
}