@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
section {
  font-family: "Noto Sans JP", "Hiragino Sans", Meiryo, sans-serif;
}

.inner {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1049px) {
  .inner {
    max-width: 420px;
  }
}

@media (max-width: 767px) {
  .inner {
    max-width: 320px;
    padding: 0 30px;
  }
}

header .inner {
  padding: 0;
}

.inner .title {
  font-size: 50px;
  line-height: 64px;
}

@media (max-width: 1049px) {
  .inner .title {
    font-size: 40px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  .inner .title {
    font-size: 40px;
  }
}

.inner .desc {
  margin-top: 16px;
  font-size: 22px;
  line-height: 32px;
}

.inner .desc-sub {
  margin-top: 16px;
  font-size: 16px;
  line-height: 32px;
}

@media (max-width: 1049px) {
  .inner .desc {
    margin-top: 20px;
    font-size: 17px;
    line-height: 29px;
  }
}

@media (max-width: 767px) {
  .inner .desc {
    margin-top: 12px;
    line-height: 28px;
  }
}

.main_section {
  position: relative;
  padding: 353px 0 128px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #272739;
}

@media (max-width: 1049px) {
  .main_section {
    padding: 380px 0 72px;
  }
}

@media (max-width: 767px) {
  .main_section {
    padding: 302px 0 64px;
  }
}

@media (max-width: 319px) {
  .main_section {
    padding: 254px 0 54px;
  }
}

.main_section .inner {
  position: relative;
  z-index: 1;
}

.main_section .main_title {
  font-size: 56px;
  line-height: 72px;
  white-space: pre-line;
}

@media (max-width: 1049px) {
  .main_section .main_title {
    font-size: 44px;
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .main_section .main_title {
    font-size: 34px;
    line-height: 46px;
  }
}

.main_section .main_desc {
  margin-top: 30px;
  font-size: 23px;
  font-weight: 600;
  line-height: 34px;
}

@media (max-width: 1049px) {
  .main_section .main_desc {
    margin-top: 20px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .main_section .main_desc {
    margin-top: 14px;
    font-size: 17px;
    line-height: 28px;
  }
}

.main_section .link_group {
  margin-top: 65px;
}

@media (max-width: 1049px) {
  .main_section .link_group {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .main_section .link_group {
    margin-top: 28px;
  }
}

@media (max-width: 374px) {
  .main_section .link_group {
    margin-top: 24px;
  }
}

.main_section .ios_link {
  display: inline-block;
  background-position: -1062px -740px;
  width: 176px;
  height: 54px;
  vertical-align: top;
  background: url(https://vos.line-scdn.net/lmj-scdn/assets/web/about_v2/img/apple-store-btn-4yevJ71In8nSghOr.png);
}

.main_section .and_link {
  display: inline-block;
  margin-left: 14px;
  background-position: -1246px -740px;
  width: 176px;
  height: 54px;
  vertical-align: top;
  background: url(https://vos.line-scdn.net/lmj-scdn/assets/web/about_v2/img/google-store-btn-LkpggBBBijYsEl2M.png);
}

.main_section .mo_link {
  display: none;
  width: 184px;
  height: 48px;
  border-radius: 6px;
  -webkit-box-shadow: 4px 8px 16px 0 rgba(100, 87, 149, 0.25);
  box-shadow: 4px 8px 16px 0 rgba(100, 87, 149, 0.25);
  background-color: #404059;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  color: #fff;
}

@media (max-width: 767px) {
  .main_section .mo_link {
    display: block;
  }
}

@media (max-width: 374px) {
  .main_section .mo_link {
    width: 156px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
  }
}

.main_section .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_main_w1920-ap1ZBceK5CBTfC.jpg)
    no-repeat;
  background-size: 2860px 1082px;
  background-position: bottom;
}

@media (max-width: 1049px) {
  .main_section .img {
    background: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_main_w1049-kBnt75wOxWxe2x.jpg)
      no-repeat;
    background-size: 1049px 562px;
    background-position: top;
  }
}

@media (max-width: 767px) {
  .main_section .img {
    background: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_main_w767-Nqsq4rpqpe6Urh.jpg)
      no-repeat;
    background-size: 767px 442px;
    background-position: top;
  }
}

@media (max-width: 319px) {
  .main_section .img {
    background: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_main_w320-2XTxDQDVL5VW9xy.jpg)
      no-repeat;
    background-size: 320px 280px;
    background-position: top;
  }
}

.listen_section {
  padding: 128px 0 126px;
  background-color: #9effcc;
  text-align: center;
  position: relative;
}

@media (max-width: 1049px) {
  .listen_section:before {
    background-size: auto, 106%, 50%;
    height: 100%;
  }
}

@media (max-width: 1049px) {
  .listen_section {
    padding: 72px 0;
  }
}

@media (max-width: 767px) {
  .listen_section {
    padding: 64px 0;
    text-align: left;
  }
}

@media (max-width: 374px) {
  .listen_section {
    padding: 54px 0;
  }
}

.listen_section .info_group {
  position: relative;
  height: 1140px;
  margin-top: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1049px) {
  .listen_section .info_group {
    height: 810px;
    margin: 64px -36px 0;
    padding: 55px 0 0 31px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_group {
    height: auto;
    margin: 48px -30px 0;
    padding: 0;
  }
}

@media (max-width: 374px) {
  .listen_section .info_group {
    margin: 40px -30px 0;
  }
}

.listen_section .info_group + .info_group {
  height: 758px;
  margin-top: 108px;
  padding-left: 546px;
}

@media (max-width: 1049px) {
  .listen_section .info_group + .info_group {
    height: 557px;
    padding: 57px 0 0 404px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_group + .info_group {
    height: auto;
    margin-top: 40px;
    padding: 0;
  }
}

@media (max-width: 374px) {
  .listen_section .info_group + .info_group {
    margin-top: 56px;
  }
}

.listen_section .info_text {
  position: relative;
  padding-left: 25px;
  font-size: 24px;
  font-weight: 800;
  text-align: left;
  line-height: 32px;
  white-space: pre-line;
}

@media (max-width: 1049px) {
  .listen_section .info_text {
    font-size: 18px;
    line-height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .listen_section .info_text {
    line-height: 24px;
    padding-left: 29px;
    max-width: 320px;
    margin: 0 auto;
  }
}

@media (max-width: 374px) {
  .listen_section .info_text {
    max-width: 272px;
    padding-left: 16px;
    font-size: 15px;
    line-height: 20px;
  }
}

.listen_section .info_text:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3px;
  height: 64px;
  background-color: #0ad269;
  border-radius: 4px;
  content: "";
}

@media (max-width: 1049px) {
  .listen_section .info_text:before {
    height: 50px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_text:before {
    left: 4px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_text:before {
    height: 40px;
    left: 0;
  }
}

.listen_section .info_text em {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  opacity: 0.5;
}

@media (max-width: 1049px) {
  .listen_section .info_text em {
    margin-top: 2px;
    font-size: 13px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_text em {
    margin-top: 4px;
    font-size: 11px;
    line-height: 15px;
  }
}

.listen_section .info_box {
  position: relative;
  width: 1000px;
  height: 390px;
  padding: 53px 0 0 400px;
  border-radius: 40px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 40px;
}

@media (max-width: 1049px) {
  .listen_section .info_box {
    width: 320px;
    height: 385px;
    padding: 36px 0 0 90px;
    border-radius: 30px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_box {
    position: relative;
    margin: 32px auto 0;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box {
    width: 272px;
    height: 327px;
    padding: 29px 0 0 76px;
    border-radius: 25px;
  }
}

.listen_section .info_box .box_text {
  display: inline-block;
  margin-top: 10px;
  padding-right: 40px;
  font-size: 15px;
  line-height: 22px;
}

@media (max-width: 1049px) {
  .listen_section .info_box .box_text {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_box .box_text {
    font-size: 13px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box .box_text {
    font-size: 10px;
    line-height: 14px;
  }
}

.listen_section .info_box:before {
  position: absolute;
  top: 48px;
  left: 40px;
  content: "";
}

@media (max-width: 1049px) {
  .listen_section .info_box:before {
    top: 32px;
    left: 28px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box:before {
    top: 26px;
    left: 24px;
  }
}

.listen_section .info_box.mixtape {
  top: 0;
  right: 0;
  background-image: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_mixtape-gdO7vbQy8i3.png);
}

@media (max-width: 767px) {
  .listen_section .info_box.mixtape {
    top: auto;
    right: auto;
  }
}

.listen_section .info_box.mixtape:before {
  background-position: -1745px -616px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1049px) {
  .listen_section .info_box.mixtape:before {
    background-position: -1186px -802px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box.mixtape:before {
    background-position: -1442px -802px;
    width: 40px;
    height: 40px;
  }
}

.listen_section .info_box.station {
  top: 228px;
  left: 0;
  background-image: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_station-g6KwumheQCLYjc.png);
}

@media (max-width: 1049px) {
  .listen_section .info_box.station {
    top: 172px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_box.station {
    top: auto;
  }
}

.listen_section .info_box.station:before {
  background-position: -1062px -802px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1049px) {
  .listen_section .info_box.station:before {
    background-position: -1242px -802px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box.station:before {
    background-position: -1490px -802px;
    width: 40px;
    height: 40px;
  }
}

.listen_section .info_box.autoplay {
  top: 610px;
  right: 0;
  background-image: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_autoplay-vYV0zI6E50.png);
}

@media (max-width: 1049px) {
  .listen_section .info_box.autoplay {
    top: 425px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_box.autoplay {
    top: auto;
  }
}

.listen_section .info_box.autoplay:before {
  background-position: -1745px -412px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1049px) {
  .listen_section .info_box.autoplay:before {
    background-position: -1745px -684px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box.autoplay:before {
    background-position: -1298px -802px;
    width: 40px;
    height: 40px;
  }
}

.listen_section .info_box.bgm {
  top: 0;
  left: 0;
  background-image: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_bgm-igtMeR6YkVn8WT.png);
}

@media (max-width: 767px) {
  .listen_section .info_box.bgm {
    top: auto;
    left: auto;
  }
}

.listen_section .info_box.bgm:before {
  background-position: -1745px -548px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1049px) {
  .listen_section .info_box.bgm:before {
    background-position: -1130px -802px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box.bgm:before {
    background-position: -1394px -802px;
    width: 40px;
    height: 40px;
  }
}

.listen_section .info_box.bell {
  top: 228px;
  right: 0;
  background-image: url(https://www.line-website.com/lmj-scdn/assets/web/about/img/img_bell-0fgYsMHLNOW3R.png);
}

@media (max-width: 1049px) {
  .listen_section .info_box.bell {
    top: 172px;
  }
}

@media (max-width: 767px) {
  .listen_section .info_box.bell {
    top: auto;
  }
}

.listen_section .info_box.bell:before {
  background-position: -1745px -480px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1049px) {
  .listen_section .info_box.bell:before {
    background-position: -1758px -740px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 374px) {
  .listen_section .info_box.bell:before {
    background-position: -1346px -802px;
    width: 40px;
    height: 40px;
  }
}

.listen_section .listen_link {
  display: inline-block;
  width: 276px;
  height: 62px;
  margin-top: 96px;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 62px;
  color: #0ad269;
}

.listen_section .listen_link:after {
  background-position: -1820px -684px;
  width: 8px;
  height: 14px;
  display: inline-block;
  margin-left: 8px;
  content: "";
}

@media (max-width: 1049px) {
  .listen_section .listen_link {
    width: 216px;
    height: 56px;
    margin-top: 45px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 56px;
  }

  .listen_section .listen_link:after {
    background-position: -1801px -710px;
    width: 8px;
    height: 14px;
    margin: 21px 0 0 6px;
    vertical-align: top;
  }
}

@media (max-width: 767px) {
  .listen_section .listen_link {
    display: block;
    width: auto;
    max-width: 320px;
    margin: 40px auto 0;
    text-align: center;
  }
}

@media (max-width: 374px) {
  .listen_section .listen_link {
    height: 47px;
    font-size: 12px;
    line-height: 47px;
  }

  .listen_section .listen_link:after {
    background-position: -1814px -740px;
    width: 7px;
    height: 12px;
    margin: 17px 0 0 4px;
    vertical-align: top;
  }
}

.mv_section {
  position: relative;
  height: 920px;
  padding-top: 128px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-color: #fafafc;
}

@media (max-width: 1049px) {
  .mv_section {
    height: 746px;
    padding-top: 72px;
  }
}

@media (max-width: 767px) {
  .mv_section {
    height: 486px;
    padding-top: 64px;
  }
}

@media (max-width: 374px) {
  .mv_section {
    height: 416px;
    padding-top: 54px;
  }
}

.mv_section:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  content: "";
  background-color: #cbffe5;
}

@media (max-width: 767px) {
  .mv_section:before {
    height: 525px;
  }
}

.mv_section .inner:before {
  background-position: -4px -918px;
  width: 415px;
  height: 393px;
  position: absolute;
  top: -54px;
  left: 0;
  content: "";
}

@media (max-width: 1049px) {
  .mv_section .inner:before {
    background-position: -427px -918px;
    width: 296px;
    height: 280px;
    top: -24px;
  }
}

@media (max-width: 767px) {
  .mv_section .inner:before {
    background-position: -779px -510px;
    width: 188px;
    height: 179px;
    top: -24px;
    left: auto;
    right: -9px;
  }
}

@media (max-width: 374px) {
  .mv_section .inner:before {
    background-position: -779px -697px;
    width: 161px;
    height: 152px;
    top: -20px;
    right: -30px;
  }
}

.mv_section .desc {
  white-space: pre-line;
}

.mv_section .desc br {
  display: none;
}

@media (max-width: 767px) {
  .mv_section .desc br {
    display: block;
  }
}

.mv_section .banner_area {
  position: relative;
  margin-top: 64px;
  z-index: 1;
  margin-left: -1680px;
}

@media (max-width: 1049px) {
  .mv_section .banner_area {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area {
    margin-top: 32px;
    margin-left: 0;
  }
}

.mv_section .banner_area .banner {
  width: 440px;
  margin: 0 auto;
  white-space: nowrap;
  width: 420px;
}

@media (max-width: 767px) {
  .mv_section .banner_area .banner {
    width: 320px;
  }
}

.mv_section .banner_area .mv_item {
  display: inline-block;
  color: #272739;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mv_section .banner_area .thumb {
  border-radius: 20px;
  overflow: hidden;
  width: 420px;
  height: 244px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .mv_section .banner_area .thumb {
    width: 320px;
    height: 158px;
  }
}

.mv_section .banner_area .thumb img {
  width: 100%;
  height: 100%;
  width: 420px;
  height: 244px;
}

@media (max-width: 767px) {
  .mv_section .banner_area .thumb img {
    width: 320px;
    height: 180px;
  }
}

.mv_section .banner_area .info {
  margin-top: 24px;
}

@media (max-width: 1049px) {
  .mv_section .banner_area .info {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area .info {
    margin-top: 16px;
  }
}

@media (max-width: 374px) {
  .mv_section .banner_area .info {
    margin-top: 11px;
  }
}

.mv_section .banner_area .mv_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 1049px) {
  .mv_section .banner_area .mv_title {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area .mv_title {
    font-size: 14px;
    line-height: 23px;
  }
}

@media (max-width: 374px) {
  .mv_section .banner_area .mv_title {
    font-size: 12px;
    line-height: 20px;
  }
}

.mv_section .banner_area .mv_artist {
  display: inline-block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #116539;
}

@media (max-width: 1049px) {
  .mv_section .banner_area .mv_artist {
    margin-top: 7px;
    font-size: 13px;
    line-height: 19px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area .mv_artist {
    margin-top: 2px;
    font-size: 12px;
  }
}

@media (max-width: 374px) {
  .mv_section .banner_area .mv_artist {
    font-size: 10px;
    line-height: 16px;
  }
}

.mv_section .banner_area .prev_btn {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-top: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(190, 190, 216, 0.3);
  box-shadow: 2px 2px 8px 0 rgba(190, 190, 216, 0.3);
  background-color: #fff;
  outline: none;
  vertical-align: top;
}

.mv_section .banner_area .prev_btn:before {
  background-position: -1813px -480px;
  width: 14px;
  height: 22px;
  display: inline-block;
  margin: 13px 3px 0 0;
  content: "";
}

@media (max-width: 1049px) {
  .mv_section .banner_area .prev_btn {
    width: 40px;
    height: 40px;
  }

  .mv_section .banner_area .prev_btn:before {
    background-position: -1813px -616px;
    width: 11px;
    height: 18px;
    margin-top: 11px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area .prev_btn {
    display: none;
  }
  #arrowBox {
    display: none;
  }
}

.mv_section .banner_area .prev_btn:hover {
  -webkit-box-shadow: 4px 4px 14px 0 rgba(190, 190, 216, 0.5);
  box-shadow: 4px 4px 14px 0 rgba(190, 190, 216, 0.5);
}

.mv_section .banner_area .prev_btn:hover:before {
  background-position: -1813px -510px;
  width: 14px;
  height: 22px;
}

@media (max-width: 1049px) {
  .mv_section .banner_area .prev_btn:hover:before {
    background-position: -1813px -642px;
    width: 11px;
    height: 18px;
  }
}

.mv_section .banner_area .next_btn {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 40px 0 0 32px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(190, 190, 216, 0.3);
  box-shadow: 2px 2px 8px 0 rgba(190, 190, 216, 0.3);
  background-color: #fff;
  outline: none;
  vertical-align: top;
}

.mv_section .banner_area .next_btn:before {
  background-position: -1813px -412px;
  width: 14px;
  height: 22px;
  display: inline-block;
  margin: 13px 0 0 3px;
  content: "";
}

@media (max-width: 1049px) {
  .mv_section .banner_area .next_btn {
    width: 40px;
    height: 40px;
    margin-left: 24px;
  }

  .mv_section .banner_area .next_btn:before {
    background-position: -1813px -548px;
    width: 11px;
    height: 18px;
    margin-top: 11px;
  }
}

@media (max-width: 767px) {
  .mv_section .banner_area .next_btn {
    display: none;
  }
}

.mv_section .banner_area .next_btn:hover {
  -webkit-box-shadow: 4px 4px 14px 0 rgba(190, 190, 216, 0.5);
  box-shadow: 4px 4px 14px 0 rgba(190, 190, 216, 0.5);
}

.mv_section .banner_area .next_btn:hover:before {
  background-position: -1813px -442px;
  width: 14px;
  height: 22px;
}

@media (max-width: 1049px) {
  .mv_section .banner_area .next_btn:hover:before {
    background-position: -1813px -574px;
    width: 11px;
    height: 18px;
  }
}

.sing_section {
  padding: 216px 0 240px;
  background-color: #9effcc;
  text-align: center;
}

@media (max-width: 1049px) {
  .sing_section {
    padding: 120px 0 255px;
  }
}

@media (max-width: 767px) {
  .sing_section {
    padding: 64px 0;
  }
}

@media (max-width: 374px) {
  .sing_section {
    padding: 55px 0;
  }
}

.sing_section .inner {
  position: relative;
}

.sing_section .desc {
  white-space: pre-line;
}

@media (max-width: 767px) {
  .sing_section .desc br {
    display: none;
  }
}

.sing_section .text_area .title,
.sing_section .text_area .desc,
.sing_section .text_area .desc-sub {
  text-align: center;
}

@media (max-width: 767px) {
  .sing_section .text_area {
    float: none;
    width: auto;
    margin: 0;
  }
}

.sing_section .video_area {
  margin: 0 auto;
  margin-top: 30px;
}

@media (max-width: 1049px) {
  .sing_section .video_area {
    top: -63px;
  }
}

@media (max-width: 767px) {
  .sing_section .video_area {
    position: static;
    margin: 32px -30px;
  }
}

@media (max-width: 374px) {
  .sing_section .video_area {
    margin: 28px -30px;
  }
}

.sing_section .video_area .video {
  display: block;
  width: 780px;
  height: 438px;
  filter: drop-shadow(0px 0px #000);
  margin: 0 auto;
}

@media (max-width: 1049px) {
  .sing_section .video_area .video {
    width: 420px;
    height: 240px;
  }
}

@media (max-width: 767px) {
  .sing_section .video_area .video {
    width: 340px;
    height: 190px;
    margin: 0 auto;
  }
}

@media (max-width: 374px) {
  .sing_section .video_area .video {
    width: 320px;
  }
}

@media (max-width: 1049px) {
  .sing_section .notice_list {
    margin-top: 165px;
    padding: 18px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .sing_section .notice_list {
    width: 100%;
    margin-top: 0;
  }
}

@media (max-width: 374px) {
  .sing_section .notice_list {
    border-radius: 10px;
  }
}

.sing_section .notice_list li {
  font-size: 13px;
  line-height: 24px;
}

@media (max-width: 1049px) {
  .sing_section .notice_list li {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (max-width: 374px) {
  .sing_section .notice_list li {
    font-size: 12px;
    line-height: 17px;
  }
}

.oneplay_section {
  position: relative;
  padding: 150px 0 140px;
  text-align: center;
  color: #fff;
  background-color: #0ee071;
}

@media (max-width: 767px) {
  .oneplay_section {
    min-height: 400px;
    padding: 64px 0 32px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
}

@media (max-width: 374px) {
  .oneplay_section {
    min-height: 340px;
    padding: 54px 0 42px 0;
  }
}

.oneplay_section .inner {
  position: relative;
  z-index: 1;
}

.oneplay_section .desc {
  font-weight: 700;
  color: #d7fff0;
}

.oneplay_section .desc em {
  color: #fff6bd;
}

.oneplay_section .oneplay_link {
  display: block;
  width: 223px;
  height: 72px;
  margin: 48px auto 0;
  border-radius: 8px;
  -webkit-box-shadow: 5px 10px 20px 0 rgba(76, 182, 126, 0.25);
  box-shadow: 5px 10px 20px 0 rgba(76, 182, 126, 0.25);
  background-color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 72px;
  color: #0ad269;
}

.oneplay_section .oneplay_link:after {
  background-position: -1801px -684px;
  width: 11px;
  height: 18px;
  display: inline-block;
  margin: 27px 0 0 8px;
  vertical-align: top;
  content: "";
}

@media (max-width: 1049px) {
  .oneplay_section .oneplay_link {
    width: 174px;
    height: 58px;
    margin-top: 37px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 58px;
  }

  .oneplay_section .oneplay_link:after {
    background-position: -1820px -684px;
    width: 8px;
    height: 14px;
    margin: 22px 0 0 6px;
  }
}

@media (max-width: 767px) {
  .oneplay_section .oneplay_link {
    width: auto;
    margin: 134px auto 0;
    text-align: center;
  }
}

@media (max-width: 374px) {
  .oneplay_section .oneplay_link {
    margin-top: 90px;
  }
}

.floating_btn {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  height: 58px;
  background-image: linear-gradient(
      99deg,
      #0ad269 -9%,
      #0ad269 56%,
      #10e39e 108%
    ),
    linear-gradient(180deg, #343446, #343446);
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  line-height: 58px;
  color: #fff;
  z-index: 10;
}

@-webkit-keyframes mymove1-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
}

@keyframes mymove1-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
}

@-webkit-keyframes mymove2-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-900px);
    transform: translateY(-900px);
  }
}

@keyframes mymove2-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-900px);
    transform: translateY(-900px);
  }
}

@-webkit-keyframes mymove3-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-380px);
    transform: translateY(-380px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@keyframes mymove3-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-380px);
    transform: translateY(-380px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@-webkit-keyframes mymove4-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px);
  }
}

@keyframes mymove4-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px);
  }
}

@-webkit-keyframes mymove5-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-450px);
    transform: translateY(-450px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-950px);
    transform: translateY(-950px);
  }
}

@keyframes mymove5-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-450px);
    transform: translateY(-450px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-950px);
    transform: translateY(-950px);
  }
}

@-webkit-keyframes mymove6-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    transform: translateY(-600px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
}

@keyframes mymove6-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    transform: translateY(-600px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
}

@-webkit-keyframes mymove7-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@keyframes mymove7-data-v-41954e27 {
  15% {
    opacity: 1;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@-webkit-keyframes move-banner2-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@keyframes move-banner2-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@-webkit-keyframes move-banner2-1050-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@keyframes move-banner2-1050-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@-webkit-keyframes move-banner2-768-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@keyframes move-banner2-768-data-v-41954e27 {
  8% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  92% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@-webkit-keyframes move-banner3-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@keyframes move-banner3-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@-webkit-keyframes move-banner3-1050-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@keyframes move-banner3-1050-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@-webkit-keyframes move-banner3-768-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@keyframes move-banner3-768-data-v-41954e27 {
  5% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  48% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  52% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  94% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@-webkit-keyframes move-banner4-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@keyframes move-banner4-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 246px) scale(1);
    transform: translate(-50%, 246px) scale(1);
  }
}

@-webkit-keyframes move-banner4-1050-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@keyframes move-banner4-1050-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 26px) scale(1);
    transform: translate(-50%, 26px) scale(1);
  }
}

@-webkit-keyframes move-banner4-768-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@keyframes move-banner4-768-data-v-41954e27 {
  3% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  32% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  35% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  64% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }

  67% {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 24px) scale(1);
    transform: translate(-50%, 24px) scale(1);
  }
}

@-webkit-keyframes move-banner5-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }
}

@keyframes move-banner5-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 336px) scale(0.9);
    transform: translate(-50%, 336px) scale(0.9);
  }
}

@-webkit-keyframes move-banner5-1050-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }
}

@keyframes move-banner5-1050-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 106px) scale(0.9);
    transform: translate(-50%, 106px) scale(0.9);
  }
}

@-webkit-keyframes move-banner5-768-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }
}

@keyframes move-banner5-768-data-v-41954e27 {
  8% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  92% {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 136px) scale(0.8);
    transform: translate(-50%, 136px) scale(0.8);
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-50%, 80px) scale(0.9);
    transform: translate(-50%, 80px) scale(0.9);
  }
}

@-webkit-keyframes move-banner6-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }
}

@keyframes move-banner6-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 422px) scale(0.8);
    transform: translate(-50%, 422px) scale(0.8);
  }
}

@-webkit-keyframes move-banner6-1050-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }
}

@keyframes move-banner6-1050-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 182px) scale(0.8);
    transform: translate(-50%, 182px) scale(0.8);
  }
}

@-webkit-keyframes move-banner6-768-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 132px) scale(0.8);
    transform: translate(-50%, 132px) scale(0.8);
  }
}

@keyframes move-banner6-768-data-v-41954e27 {
  to {
    opacity: 0.25;
    -webkit-transform: translate(-50%, 132px) scale(0.8);
    transform: translate(-50%, 132px) scale(0.8);
  }
}

.main_section [data-aos="main_sec_mainTitle"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

#loadin {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
  background-size: contain;
  background-position: -80px;
  background-color: #0ee071;
  padding-top: 86px;
  padding-bottom: 60px;
}

#loadin.on {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

.main_section [data-aos="main_sec_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

.main_section [data-aos="main_sec_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.6;
}

.main_section [data-aos="main_sec_btn"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

.main_section [data-aos="main_sec_bgImg"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.main_section [data-aos="main_sec_bgImg"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

[data-aos="listen_section"] ~ .floating_btn {
  display: none;
}

@media (max-width: 767px) {
  [data-aos="listen_section"].aos-animate ~ .floating_btn {
    display: block;
  }
}

[data-aos="sec_Title"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

[data-aos="sec_Title"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

[data-aos="sec_Desc"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

[data-aos="sec_Desc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.8;
}

[data-aos="sec_Desc_bottom"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

[data-aos="sec_Desc_bottom"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

[data-aos="sec_infoBox"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

[data-aos="sec_infoBox"].aos-animate {
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

[data-aos="sec_oneplayBtn"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

[data-aos="sec_oneplayBtn"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  opacity: 1;
}

@media (max-width: 767px) {
  [data-aos="floating_btn"] {
    display: block;
  }
}

[data-aos="floating_btn"].aos-animate.floating_btn {
  display: none;
}

.section1 .sub_section1 [data-aos="sub_sec1_textArea"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section1 [data-aos="sub_sec1_textArea"].aos-animate {
  -webkit-transition: -webkit-transform 0.6s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s,
    -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  -webkit-transform: translateY(238px);
  transform: translateY(238px);
}

@media (max-width: 1049px) {
  .section1 .sub_section1 [data-aos="sub_sec1_textArea"].aos-animate {
    -webkit-transition: -webkit-transform 0.6s
      cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s,
      -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section1 [data-aos="sub_sec1_textArea"].aos-animate {
    -webkit-transition: -webkit-transform 0.6s
      cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s,
      -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    -webkit-transform: translateY(43px);
    transform: translateY(43px);
  }
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    [data-aos="sub_sec1_textArea"]
    [data-aos="sub_sec1_mainTitle"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
    opacity: 1;
  }
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  opacity: 0.9;
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    [data-aos="sub_sec1_textArea"]
    [data-aos="sub_sec1_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    [data-aos="sub_sec1_textArea"]
    [data-aos="sub_sec1_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    opacity: 1;
  }
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_aLink"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_aLink"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  opacity: 0.5;
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_btnArea"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1
  .sub_section1
  [data-aos="sub_sec1_textArea"]
  [data-aos="sub_sec1_btnArea"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    [data-aos="sub_sec1_textArea"]
    [data-aos="sub_sec1_btnArea"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    [data-aos="sub_sec1_textArea"]
    [data-aos="sub_sec1_btnArea"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    opacity: 1;
  }
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar1"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar1"].aos-animate {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transform: translateY(235px);
  transform: translateY(235px);
}

@media (max-width: 1049px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar1"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar1"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform: translateY(253px);
    transform: translateY(253px);
  }
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar2"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar2"].aos-animate {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  -webkit-transform: translateY(392px);
  transform: translateY(392px);
}

@media (max-width: 1049px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar2"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -webkit-transform: translateY(340px);
    transform: translateY(340px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar2"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -webkit-transform: translateY(264px);
    transform: translateY(264px);
  }
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar3"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar3"].aos-animate {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  -webkit-transform: translateY(63px);
  transform: translateY(63px);
}

@media (max-width: 1049px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar3"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -webkit-transform: translateY(145px);
    transform: translateY(145px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section1 .bg_bar_area [data-aos="sub_sec1_bar3"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -webkit-transform: translateY(169px);
    transform: translateY(169px);
  }
}

.section1 .sub_section1 .bg_phone_area [data-aos="sub_sec1_phone2"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1
  .sub_section1
  .bg_phone_area
  [data-aos="sub_sec1_phone2"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.3s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  -webkit-transform: translate(92px);
  transform: translate(92px);
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone2"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    -webkit-transform: translate(-498px, 554px);
    transform: translate(-498px, 554px);
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone2"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    -webkit-transform: translate(-321px, 400px);
    transform: translate(-321px, 400px);
  }
}

.section1 .sub_section1 .bg_phone_area [data-aos="sub_sec1_phone4"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1
  .sub_section1
  .bg_phone_area
  [data-aos="sub_sec1_phone4"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.5s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transform: translate(654px, -284px);
  transform: translate(654px, -284px);
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone4"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transform: translate(296px, 753px);
    transform: translate(296px, 753px);
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone4"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transform: none;
    transform: none;
  }
}

.section1 .sub_section1 .bg_phone_area [data-aos="sub_sec1_phone1"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1
  .sub_section1
  .bg_phone_area
  [data-aos="sub_sec1_phone1"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.4s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  -webkit-transform: translate(-190px, -564px);
  transform: translate(-190px, -564px);
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone1"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transform: translate(-99px, 350px);
    transform: translate(-99px, 350px);
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone1"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transform: translate(-5px, 236px);
    transform: translate(-5px, 236px);
  }
}

.section1 .sub_section1 .bg_phone_area [data-aos="sub_sec1_phone3"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1
  .sub_section1
  .bg_phone_area
  [data-aos="sub_sec1_phone3"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.53s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.53s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.53s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.53s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.53s;
  -webkit-transform: translate(655px, 283px);
  transform: translate(655px, 283px);
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone3"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transform: translate(-103px, 752px);
    transform: translate(-103px, 752px);
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone3"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transform: translate(-5px, 562px);
    transform: translate(-5px, 562px);
  }
}

.section1 .sub_section1 .bg_phone_area [data-aos="sub_sec1_phone5"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1
  .sub_section1
  .bg_phone_area
  [data-aos="sub_sec1_phone5"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.6s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  -webkit-transform: none;
  transform: none;
}

@media (max-width: 1049px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone5"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    -webkit-transform: translate(232px, 275px);
    transform: translate(232px, 275px);
  }
}

@media (max-width: 767px) {
  .section1
    .sub_section1
    .bg_phone_area
    [data-aos="sub_sec1_phone5"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    -webkit-transform: none;
    transform: none;
  }
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section1
    .sub_section2
    .text_area
    [data-aos="sub_sec2_mainTitle"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.6;
}

@media (max-width: 1049px) {
  .section1
    .sub_section2
    .text_area
    [data-aos="sub_sec2_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 0.6;
  }
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_btnArea"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section1 .sub_section2 .text_area [data-aos="sub_sec2_btnArea"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section1 .sub_section2 .text_area [data-aos="sub_sec2_btnArea"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    opacity: 1;
  }
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar4"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar4"].aos-animate {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  -webkit-transform: translateY(93px);
  transform: translateY(93px);
}

@media (max-width: 1049px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar4"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -webkit-transform: translateY(355px);
    transform: translateY(355px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar4"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -webkit-transform: translateY(293px);
    transform: translateY(293px);
  }
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar5"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar5"].aos-animate {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.4s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  -webkit-transform: translateY(494px);
  transform: translateY(494px);
}

@media (max-width: 1049px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar5"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transform: translateY(52px);
    transform: translateY(52px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_bar5"].aos-animate {
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
      -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-transform: translateY(87px);
    transform: translateY(87px);
  }
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone6"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone6"].aos-animate {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.3s;
  transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,
    -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  -webkit-transform: translate(-146px, -235px);
  transform: translate(-146px, -235px);
}

@media (max-width: 1049px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone6"].aos-animate {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
      0.3s;
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,
      -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    -webkit-transform: translate(-299px, 106px);
    transform: translate(-299px, 106px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone6"].aos-animate {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
      0.4s;
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
      -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transform: translate(-285px, 54px);
    transform: translate(-285px, 54px);
  }
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone7"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone7"].aos-animate {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.7s;
  transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s,
    -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -webkit-transform: translate(-606px, -130px);
  transform: translate(-606px, -130px);
}

@media (max-width: 1049px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone7"].aos-animate {
    -webkit-transition: -webkit-transform 0.7s
      cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s,
      -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    -webkit-transform: translate(-676px, 138px);
    transform: translate(-676px, 138px);
  }
}

@media (max-width: 767px) {
  .section1 .sub_section2 .bg_area [data-aos="sub_sec2_phone7"].aos-animate {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
      0.4s;
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s,
      -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transform: translate(-578px, 86px);
    transform: translate(-578px, 86px);
  }
}

.section2 .text_area [data-aos="sec2_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section2 .text_area [data-aos="sec2_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section2 .text_area [data-aos="sec2_text_mainTitle"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section2 .text_area [data-aos="sec2_text_mainTitle"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

.section2 .text_area [data-aos="sec2_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section2 .text_area [data-aos="sec2_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.5;
}

@media (max-width: 1049px) {
  .section2 .text_area [data-aos="sec2_text_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 0.5;
  }
}

@media (max-width: 767px) {
  .section2 .text_area [data-aos="sec2_text_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 0.5;
  }
}

.section2 .text_area [data-aos="sec2_text_link_tutorial"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section2 .text_area [data-aos="sec2_text_link_tutorial"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section2 .text_area [data-aos="sec2_text_link_tutorial"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section2 .text_area [data-aos="sec2_text_link_tutorial"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 1;
  }
}

.section2 .text_area [data-aos="sec2_text_btnArea"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section2 .text_area [data-aos="sec2_text_btnArea"].aos-animate {
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section2 .text_area [data-aos="sec2_text_btnArea"].aos-animate {
    -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section2 .text_area [data-aos="sec2_text_btnArea"].aos-animate {
    -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 1;
  }
}

.section2 [data-aos="sec2_text_video"] {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.section2 [data-aos="sec2_text_video"].aos-animate {
  opacity: 1;
}

.section4 .text_area [data-aos="sec4_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section4 .text_area [data-aos="sec4_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

.section4 .text_area [data-aos="sec4_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section4 .text_area [data-aos="sec4_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.5;
}

.section4 .bg_area [data-aos="sec4_bg_area_darkMode"] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.section4 .bg_area [data-aos="sec4_bg_area_darkMode"].aos-animate {
  -webkit-transform: translateY(430px);
  transform: translateY(430px);
}

.section4 .bg_area [data-aos="sec4_bg_area_lightMode"] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.section4 .bg_area [data-aos="sec4_bg_area_lightMode"].aos-animate {
  -webkit-transform: translateY(84px);
  transform: translateY(84px);
}

.section4 .contents_area [data-aos="sec4_contents_area_item1"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section4 .contents_area [data-aos="sec4_contents_area_item1"].aos-animate {
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
  opacity: 1;
}

.section4 .contents_area [data-aos="sec4_contents_area_item2"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section4 .contents_area [data-aos="sec4_contents_area_item2"].aos-animate {
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s;
  opacity: 1;
}

.section4 .contents_area [data-aos="sec4_contents_area_item3"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section4 .contents_area [data-aos="sec4_contents_area_item3"].aos-animate {
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  opacity: 1;
}

.section5 .text_area [data-aos="sec5_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5 .text_area [data-aos="sec5_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

.section5 .text_area [data-aos="sec5_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5 .text_area [data-aos="sec5_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.5;
}

.section5 .playlists_area [data-aos="sec5_img_wrap"] {
  -webkit-transition-property: -webkit-transition, -webkit-transform;
  transition-property: -webkit-transition, -webkit-transform;
  transition-property: transition, transform;
  transition-property: transition, transform, -webkit-transition,
    -webkit-transform;
}

.section5 .playlists_area [data-aos="sec5_img_wrap"].aos-animate {
  -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1)
    0.1s;
  transition: -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
    -webkit-transform 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 1049px) {
  .section5 .playlists_area [data-aos="sec5_img_wrap"].aos-animate {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
      0.1s;
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .section5 .playlists_area [data-aos="sec5_img_wrap"].aos-animate {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
      0.1s;
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist1"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist1"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist1"].aos-animate {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist2"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist2"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist2"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist2"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist3"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist3"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist3"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist4"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist4"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist4"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist4"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist5"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist5"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  opacity: 1;
}

@media (max-width: 767px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist5"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist6"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist6"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist6"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist7"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist7"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist7"].aos-animate {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist8"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist8"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist8"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist8"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist9"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist9"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist9"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist10"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist10"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist10"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist11"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist11"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist11"].aos-animate {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist12"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section5
  .playlists_area
  [data-aos="sec5_img_wrap"]
  [data-aos="sec5_playlist12"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section5
    .playlists_area
    [data-aos="sec5_img_wrap"]
    [data-aos="sec5_playlist12"].aos-animate {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
}

.section6 .section_inner .text_area [data-aos="sec6_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section6
  .section_inner
  .text_area
  [data-aos="sec6_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

.section6 .section_inner .text_area [data-aos="sec6_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section6
  .section_inner
  .text_area
  [data-aos="sec6_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  opacity: 0.5;
}

.section6 .section_inner .text_area [data-aos="sec6_link_tutorial"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section6
  .section_inner
  .text_area
  [data-aos="sec6_link_tutorial"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  opacity: 0.9;
}

@media (max-width: 1049px) {
  .section6
    .section_inner
    .text_area
    [data-aos="sec6_link_tutorial"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section6
    .section_inner
    .text_area
    [data-aos="sec6_link_tutorial"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 1;
  }
}

.section6 .section_inner .text_area [data-aos="sec6_video_area"] {
  -webkit-transition-property: delay;
  transition-property: delay;
}

.section6 .section_inner .text_area [data-aos="sec6_video_area"].aos-animate {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@media (max-width: 1049px) {
  .section6 .section_inner .text_area [data-aos="sec6_video_area"].aos-animate {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
}

.section7 .text_area [data-aos="sec7_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section7 .text_area [data-aos="sec7_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section7 .text_area [data-aos="sec7_text_mainTitle"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    opacity: 1;
  }
}

.section7 .text_area [data-aos="sec7_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section7 .text_area [data-aos="sec7_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.5;
}

@media (max-width: 1049px) {
  .section7 .text_area [data-aos="sec7_text_mainDesc"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 0.5;
  }
}

.section7 .review_area .aos-animate {
  -webkit-transition-property: opacity, z-index, -webkit-transform;
  transition-property: opacity, z-index, -webkit-transform;
  transition-property: opacity, transform, z-index;
  transition-property: opacity, transform, z-index, -webkit-transform;
}

.section7 .review_area .aos-animate.review1 {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3s;
  opacity: 0;
}

.section7 .review_area .aos-animate.review1 i:first-child {
  -webkit-animation: mymove1-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove1-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review1 i:nth-child(2) {
  -webkit-animation: mymove2-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove2-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review1 i:nth-child(3) {
  -webkit-animation: mymove3-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove3-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review1 i:nth-child(4) {
  -webkit-animation: mymove5-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove5-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review1 i:nth-child(5) {
  -webkit-animation: mymove6-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove6-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review1 i:nth-child(6) {
  -webkit-animation: mymove7-data-v-41954e27 1.5s linear 2s forwards;
  animation: mymove7-data-v-41954e27 1.5s linear 2s forwards;
}

.section7 .review_area .aos-animate.review2 {
  -webkit-animation: move-banner2-data-v-41954e27 3.6s linear 3s forwards;
  animation: move-banner2-data-v-41954e27 3.6s linear 3s forwards;
}

.section7 .review_area .aos-animate.review2 i:first-child {
  -webkit-animation: mymove1-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove1-data-v-41954e27 1.5s linear 3.3s forwards;
}

.section7 .review_area .aos-animate.review2 i:nth-child(2) {
  -webkit-animation: mymove2-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove2-data-v-41954e27 1.5s linear 3.3s forwards;
}

.section7 .review_area .aos-animate.review2 i:nth-child(3) {
  -webkit-animation: mymove3-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove3-data-v-41954e27 1.5s linear 3.3s forwards;
}

.section7 .review_area .aos-animate.review2 i:nth-child(4) {
  -webkit-animation: mymove5-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove5-data-v-41954e27 1.5s linear 3.3s forwards;
}

.section7 .review_area .aos-animate.review2 i:nth-child(5) {
  -webkit-animation: mymove6-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove6-data-v-41954e27 1.5s linear 3.3s forwards;
}

.section7 .review_area .aos-animate.review2 i:nth-child(6) {
  -webkit-animation: mymove7-data-v-41954e27 1.5s linear 3.3s forwards;
  animation: mymove7-data-v-41954e27 1.5s linear 3.3s forwards;
}

@media (max-width: 1049px) {
  .section7 .review_area .aos-animate.review2 {
    -webkit-animation: move-banner2-1050-data-v-41954e27 3.6s linear 3s forwards;
    animation: move-banner2-1050-data-v-41954e27 3.6s linear 3s forwards;
  }
}

@media (max-width: 767px) {
  .section7 .review_area .aos-animate.review2 {
    -webkit-animation: move-banner2-768-data-v-41954e27 3.6s linear 3s forwards;
    animation: move-banner2-768-data-v-41954e27 3.6s linear 3s forwards;
  }
}

.section7 .review_area .aos-animate.review3 {
  -webkit-animation: move-banner3-data-v-41954e27 6.9s linear 3s forwards;
  animation: move-banner3-data-v-41954e27 6.9s linear 3s forwards;
}

.section7 .review_area .aos-animate.review3 i:first-child {
  -webkit-animation: mymove1-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove1-data-v-41954e27 1.5s linear 6.3s forwards;
}

.section7 .review_area .aos-animate.review3 i:nth-child(2) {
  -webkit-animation: mymove2-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove2-data-v-41954e27 1.5s linear 6.3s forwards;
}

.section7 .review_area .aos-animate.review3 i:nth-child(3) {
  -webkit-animation: mymove3-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove3-data-v-41954e27 1.5s linear 6.3s forwards;
}

.section7 .review_area .aos-animate.review3 i:nth-child(4) {
  -webkit-animation: mymove5-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove5-data-v-41954e27 1.5s linear 6.3s forwards;
}

.section7 .review_area .aos-animate.review3 i:nth-child(5) {
  -webkit-animation: mymove6-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove6-data-v-41954e27 1.5s linear 6.3s forwards;
}

.section7 .review_area .aos-animate.review3 i:nth-child(6) {
  -webkit-animation: mymove7-data-v-41954e27 1.5s linear 6.3s forwards;
  animation: mymove7-data-v-41954e27 1.5s linear 6.3s forwards;
}

@media (max-width: 1049px) {
  .section7 .review_area .aos-animate.review3 {
    -webkit-animation: move-banner3-1050-data-v-41954e27 6.9s linear 3s forwards;
    animation: move-banner3-1050-data-v-41954e27 6.9s linear 3s forwards;
  }
}

@media (max-width: 767px) {
  .section7 .review_area .aos-animate.review3 {
    -webkit-animation: move-banner3-768-data-v-41954e27 6.9s linear 3s forwards;
    animation: move-banner3-768-data-v-41954e27 6.9s linear 3s forwards;
  }
}

.section7 .review_area .aos-animate.review4 {
  -webkit-animation: move-banner4-data-v-41954e27 10.2s linear 3s forwards;
  animation: move-banner4-data-v-41954e27 10.2s linear 3s forwards;
}

.section7 .review_area .aos-animate.review4 i:first-child {
  -webkit-animation: mymove1-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove1-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(2) {
  -webkit-animation: mymove2-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove2-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(3) {
  -webkit-animation: mymove3-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove3-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(4) {
  -webkit-animation: mymove4-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove4-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(5) {
  -webkit-animation: mymove5-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove5-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(6) {
  -webkit-animation: mymove6-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove6-data-v-41954e27 1.5s linear 10s forwards;
}

.section7 .review_area .aos-animate.review4 i:nth-child(7) {
  -webkit-animation: mymove7-data-v-41954e27 1.5s linear 10s forwards;
  animation: mymove7-data-v-41954e27 1.5s linear 10s forwards;
}

@media (max-width: 1049px) {
  .section7 .review_area .aos-animate.review4 {
    -webkit-animation: move-banner4-1050-data-v-41954e27 10.2s linear 3s
      forwards;
    animation: move-banner4-1050-data-v-41954e27 10.2s linear 3s forwards;
  }
}

@media (max-width: 767px) {
  .section7 .review_area .aos-animate.review4 {
    -webkit-animation: move-banner4-768-data-v-41954e27 10.2s linear 3s forwards;
    animation: move-banner4-768-data-v-41954e27 10.2s linear 3s forwards;
  }
}

.section7 .review_area .aos-animate.review5 {
  -webkit-animation: move-banner5-data-v-41954e27 3.6s linear 6.3s forwards;
  animation: move-banner5-data-v-41954e27 3.6s linear 6.3s forwards;
}

@media (max-width: 1049px) {
  .section7 .review_area .aos-animate.review5 {
    -webkit-animation: move-banner5-1050-data-v-41954e27 3.6s linear 6.3s
      forwards;
    animation: move-banner5-1050-data-v-41954e27 3.6s linear 6.3s forwards;
  }
}

@media (max-width: 767px) {
  .section7 .review_area .aos-animate.review5 {
    -webkit-animation: move-banner5-768-data-v-41954e27 3.6s linear 6.3s
      forwards;
    animation: move-banner5-768-data-v-41954e27 3.6s linear 6.3s forwards;
  }
}

.section7 .review_area .aos-animate.review6 {
  -webkit-animation: move-banner6-data-v-41954e27 0.3s linear 9.6s forwards;
  animation: move-banner6-data-v-41954e27 0.3s linear 9.6s forwards;
}

@media (max-width: 1049px) {
  .section7 .review_area .aos-animate.review6 {
    -webkit-animation: move-banner6-1050-data-v-41954e27 0.3s linear 9.6s
      forwards;
    animation: move-banner6-1050-data-v-41954e27 0.3s linear 9.6s forwards;
  }
}

@media (max-width: 767px) {
  .section7 .review_area .aos-animate.review6 {
    -webkit-animation: move-banner6-768-data-v-41954e27 0.3s linear 9.6s
      forwards;
    animation: move-banner6-768-data-v-41954e27 0.3s linear 9.6s forwards;
  }
}

.section8 .text_area [data-aos="sec8_text_mainTitle"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section8 .text_area [data-aos="sec8_text_mainTitle"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  opacity: 1;
}

.section8 .text_area [data-aos="sec8_text_mainDesc"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section8 .text_area [data-aos="sec8_text_mainDesc"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 0.6;
}

.section8 .text_area [data-aos="sec8_text_btnArea"] {
  -webkit-transition-property: opacity, -webkit-transition;
  transition-property: opacity, -webkit-transition;
  transition-property: transition, opacity;
  transition-property: transition, opacity, -webkit-transition;
}

.section8 .text_area [data-aos="sec8_text_btnArea"].aos-animate {
  -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  opacity: 1;
}

@media (max-width: 1049px) {
  .section8 .text_area [data-aos="sec8_text_btnArea"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .section8 .text_area [data-aos="sec8_text_btnArea"].aos-animate {
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    opacity: 1;
  }
}

@media print {
  .sing_section .video_area {
    display: none;
  }
}