/*--------------------------------SECTION-WHO-I-AM-START----------------------------------*/
main section#who-i-am .under-box {
  display: flex;

  justify-content: center;
  align-items: center;
}

main section#who-i-am .under-box .description-box {
  position: relative;
}

main section#who-i-am .under-box .description-box .description-text {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: left;
  text-align: start;
}

main section#who-i-am .under-box .description-box::before {
  content: "";
  position: absolute;
  background-color: black;
}

main section#who-i-am .under-box .description-box .description-text .goal {
  position: relative;
}

main
  section#who-i-am
  .under-box
  .description-box
  .description-text
  .goal
  .img-box {
  position: absolute;
}
/*---------------------------------SECTION-WHO-I-AM-END-----------------------------------*/

/*--------------------------------SECTION-WHY-US-START----------------------------------*/
main section#why-us .under-box .box {
  display: flex;
  flex-direction: row;
  align-items: start;
}

main section#why-us .under-box .box .img-box {
  margin-top: 0.5em;
  height: 2.5em;
}

main section#why-us .under-box .box .img-box img {
  height: 100%;
}

main section#why-us .under-box .box .description-box {
  display: flex;
  flex-direction: column;
  align-items: start;

  margin-left: 1.25em;
}

main section#why-us .under-box .box .description-box .description-text {
  position: relative;
}

main section#why-us .under-box .box .description-box .description-text {
  position: relative;
}
/*---------------------------------SECTION-WHY-US-END-----------------------------------*/

/*---------------------------------SECTION-OFFER-START-----------------------------------*/
main section#offer .mySwiper .swiper-wrapper .swiper-slide .box {
  display: flex;

  justify-content: center;
  align-items: center;
}

main section#offer .mySwiper .swiper-wrapper .swiper-slide .box .title-box {
  display: flex;

  justify-content: left;
  align-items: center;

  margin: 0;
  padding: 0;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .title-box
  .img-box
  img {
  width: 100%;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .description-box {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .description-box::before {
  content: "";
  position: absolute;
  background-color: black;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .description-box
  .button-box {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .description-box
  .button-box
  a
  button {
  background: black;
  color: white;
  border: 1px solid black;
  transition: 0.2s;
  cursor: pointer;
}

main
  section#offer
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  .box
  .description-box
  .button-box
  a
  button:hover {
  transform: scale(1.1);
}
/*---------------------------------SECTION-OFFER-END-----------------------------------*/

/*--------------------------------SECTION-LOCATION-START----------------------------------*/
main section#location iframe {
  width: 100%;
}
/*---------------------------------SECTION-LOCATION-END-----------------------------------*/

@media (min-width: 1026px) {
  /*--------------------------------SECTION-WHO-I-AM-START----------------------------------*/
  main section#who-i-am .under-box {
    padding-top: 2em;
    flex-direction: row;
  }

  main section#who-i-am .under-box .img-box {
    width: 50%;
  }

  main section#who-i-am .under-box .img-box img {
    width: 60%;
  }

  main section#who-i-am .under-box .description-box {
    width: 50%;
  }

  main section#who-i-am .under-box .description-box .description-text {
    width: 90%;
    margin-left: 10%;
  }

  main section#who-i-am .under-box .description-box::before {
    top: -5%;
    left: 0;
    height: 110%;
    width: 3px !important;
  }

  main section#who-i-am .under-box .description-box .description-text .goal {
    margin: 2em 0;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .goal
    .img-box {
    width: 3em;

    top: 1.875em;
    left: 7.375em;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .achievements
    ul {
    margin-bottom: 2em;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .achievements
    ul
    h2 {
    margin-left: -1em;
    margin-bottom: 0.75em;

    font-weight: 300;
  }
  /*---------------------------------SECTION-WHO-I-AM-END-----------------------------------*/

  /*---------------------------------SECTION-WHY-US-START-----------------------------------*/
  main section#why-us .under-box .box {
    margin: 3em 0 3em 7.5%;
  }

  main
    section#why-us
    .under-box
    .box
    .description-box
    .description-text
    .img-box {
    position: absolute;
    width: 1.875em;
    height: auto;

    top: 0em;
    left: 33em;
  }

  main
    section#why-us
    .under-box
    .box
    .description-box
    .description-text
    .img-box
    img {
    width: 100%;
  }
  /*---------------------------------SECTION-WHY-US-END-----------------------------------*/

  /*---------------------------------SECTION-OFFER-START-----------------------------------*/
  main section#offer .mySwiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide {
    margin: 2em 0;
    width: 100% !important;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide .box {
    flex-direction: row;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide .box .title-box {
    flex-direction: row-reverse;

    width: 50%;
    font-size: 1.125em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .title-box
    h2 {
    margin-left: 2em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .title-box
    .img-box {
    margin-left: 15%;
    width: 6em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box {
    width: 50%;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box::before {
    top: -10%;
    left: 0;

    width: 3px;
    height: 120%;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box
    .description-text {
    width: 90%;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box
    .button-box {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 2em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box
    .button-box
    a
    button {
    border-radius: 0.25em;
    padding: 0.375em 2em;
    font-size: 1.125em;
  }
  /*---------------------------------SECTION-OFFER-END-----------------------------------*/

  /*--------------------------------SECTION-STUDY-MATERIALS-START----------------------------------*/
  main section#study-materials .title-box {
    margin-bottom: 0;
  }

  main section#study-materials .description-box {
    width: 90%;
    margin-left: 5%;
  }

  main section#study-materials .description-box .button-box {
    margin-top: 6em;
  }

  main section#study-materials .description-box .description-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  main section#study-materials .description-box .description-text .img-box {
    width: 10em;
  }

  main section#study-materials .description-box .description-text .img-box img {
    width: 100%;
  }
  /*---------------------------------SECTION-STUDY-MATERIALS-END-----------------------------------*/

  /*--------------------------------SECTION-LOCATION-START----------------------------------*/
  main section#location iframe {
    height: 20vw;
    margin-bottom: 1em;
  }
  /*---------------------------------SECTION-LOCATION-END-----------------------------------*/
}

@media (max-width: 1025px) {
  /*--------------------------------SECTION-WHO-I-AM-START----------------------------------*/

  main section#who-i-am .under-box {
    flex-direction: column;
  }

  main section#who-i-am .under-box .img-box {
    width: 100%;

    max-width: 600px;
    min-width: 400px;
  }

  main section#who-i-am .under-box .img-box img {
    width: 80%;
  }

  main section#who-i-am .under-box .description-box {
    margin-top: 2.5em;
    padding-top: 2.5em;
    width: 100%;
  }

  main section#who-i-am .under-box .description-box::before {
    top: 0;
    left: 10%;
    height: 2px;
    width: 80% !important;

    /* remove under-line */
    display: none;
  }

  main section#who-i-am .under-box .description-box .description-text {
    margin: 0 2em;
  }

  main section#who-i-am .under-box .description-box .description-text .goal {
    margin-top: 2em;

    display: flex;
    justify-content: center;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .goal
    .img-box {
    width: 2em;

    max-width: 2em;
    min-width: 2em;

    top: 1.5em;
    left: 8em;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .goal
    .img-box
    img {
    width: 100%;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .achievements
    ul {
    margin-bottom: 2em;

    margin-left: 1em;
    padding-left: 1em;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .achievements
    ul
    li {
    margin: 0.25em 0;
  }

  main
    section#who-i-am
    .under-box
    .description-box
    .description-text
    .achievements
    ul
    h2 {
    margin-bottom: 0.75em;
    font-weight: 300;
    text-align: left;
    width: 100%;
    margin-left: -2em;
    padding-left: 0;
  }
  /*---------------------------------SECTION-WHO-I-AM-END-----------------------------------*/

  /*---------------------------------SECTION-WHY-US-START-----------------------------------*/
  main section#why-us .under-box {
    margin-top: 0;
    padding-top: 0;
  }

  main section#why-us .under-box .box {
    margin: 3em 2em 3em 2em;
  }

  main
    section#why-us
    .under-box
    .box
    .description-box
    .description-text
    .img-box {
    display: none;
  }
  /*---------------------------------SECTION-WHY-US-END-----------------------------------*/

  /*---------------------------------SECTION-OFFER-START-----------------------------------*/

  main section#offer .mySwiper .swiper-wrapper {
    padding-bottom: 4em;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide .box {
    flex-direction: column;
    max-width: 25em;
  }

  main section#offer .mySwiper .swiper-wrapper .swiper-slide .box .title-box {
    flex-direction: column-reverse;
    font-size: 1.25em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .title-box
    .img-box {
    width: 5em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box {
    text-align: center;

    padding-top: 2em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box::before {
    top: 0.5em;
    left: 25%;

    width: 50%;
    height: 2px;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box
    .description-text {
    width: 90%;
    height: 7em;
  }

  main
    section#offer
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    .box
    .description-box
    .button-box
    a
    button {
    border-radius: 0.5em;
    padding: 0.675em 2.25em;
    font-size: 1.25em;
  }

  main section#offer .mySwiper .swiper-button-prev,
  main section#offer .mySwiper .swiper-button-next {
    color: black;
  }

  main section#offer .mySwiper .swiper-pagination-bullet {
    background-color: black;
  }
  /*---------------------------------SECTION-OFFER-END-----------------------------------*/

  /*--------------------------------SECTION-STUDY-MATERIALS-START----------------------------------*/
  main section .title-box {
    margin-bottom: 0;
  }

  main section#study-materials .description-box {
    width: 90%;
    margin-left: 5%;
  }

  main section#study-materials .description-box .button-box {
    margin-top: 4em;
  }

  main section#study-materials .description-box .description-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  main section#study-materials .description-box .description-text .img-box {
    width: 7.5em;
  }

  main section#study-materials .description-box .description-text .img-box img {
    width: 100%;
  }
  /*---------------------------------SECTION-STUDY-MATERIALS-END-----------------------------------*/

  /*--------------------------------SECTION-LOCATION-START----------------------------------*/
  main section#location iframe {
    height: 20em;
    margin-bottom: 2em;
  }
  /*---------------------------------SECTION-LOCATION-END-----------------------------------*/
}