.fullpageWrapper{padding: 5.375rem 0 3rem 0;background-color: #1f262f;position: relative;width: 100%;height: 100%;}
.txts{width: 100%;margin-top: 120px;opacity: 0;}
.txts h3{font-size: 2.125rem;color: #909499;line-height:2.125rem ;margin-bottom: 3.25rem;}
.txts h4{font-size: 3.875rem;color: #bfa582;line-height:3.75rem ;margin-bottom: 2.125rem;font-weight: 600;}
.txts h5{font-size: 1rem;color: #fff;line-height: 1rem;line-height: 2rem;font-weight: 400;margin-bottom: 2.25rem;}
.txts a{padding:14px 18px;border: 2px solid #d7d7d8;font-size: 1rem;color: #fff !important;border-radius: 20px;transition: all 0.3s linear;}
.txts a:hover{background-color: rgba(95,79,60,0.5); border-color:rgba(95,79,60) ;}
.ability{display: flex;justify-content: flex-end;margin-right: 1.75rem;position: fixed;right: 0;bottom: 240px;opacity: 0;}
.ability .ability-inside{background-color: rgba(27,32,40,0.5);}
.ability .ability-inside .ability-inside-top img{width: 144px;}
.ability .ability-inside .ability-items{display: grid;grid-template-columns: repeat(6,1fr);height: 144px;width: 618px;}
.ability .ability-inside .ability-items .ability-item{display: flex;flex-direction: column;align-items: center;justify-content: center;border-right: 1px solid #9c9996;transition: all 0.3s linear;}
.ability .ability-inside .ability-items .ability-item:hover{background-color: rgba(191,165,130,0.6);}
.ability .ability-inside .ability-items .ability-item::after{
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  left: -20px;
  top: -20px;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0 0 6px #FFFFFF;
  border: 2px solid rgba(255,255,255,0.6);
  opacity: 0;
  transform: scale(0);
  -webkit-animation: mouseDot 1.5s infinite;
  animation: mouseDot 1.5s infinite;}
.ability .ability-inside .ability-items .ability-item:nth-child(n+7){border-top: 1px solid #9c9996;}
.ability .ability-inside .ability-items .ability-item:nth-child(6){border-right: none}
.ability .ability-inside .ability-items .ability-item:nth-child(12){border-right: none}
.ability .ability-inside .ability-items .ability-item .font{border: 1px solid #bfa582;border-radius: 50%;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;margin-bottom: 4px;}
.ability .ability-inside .ability-items .ability-item i{font-size: .75rem;border: 1px solid #938169;border-radius: 50%;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
.ability .ability-inside .ability-items .ability-item p{font-size: .875rem;color: #fff;margin-bottom: 2px;letter-spacing: .375rem;text-align: center;}
.ability .ability-inside .ability-items .ability-item h2{font-size: .375rem;color: #bfa582;}
.btn-ability{position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;}
.btn-ability p{margin-bottom: 1.125rem;width: 100%;color: #e1dfdf;}

/* swiper2 */
.txts-swiper2{width: 100%;height: 100%;opacity: 0;}
.txts-swiper2 h3{font-size: 2.125rem;color: #909499;line-height:3.25rem ;margin-bottom: 58px;}
.txts-swiper2 h4{font-size: 3.75rem;color: #bfa582;line-height:3.75rem ;margin-bottom: 26px;font-weight: 600;}
.txts-swiper2 h5{font-size: 1rem;color: #fff;line-height: 32px;font-weight: 400;margin-bottom: 62px;}
.txts-swiper2 a{padding:14px 18px;border: 1px solid #d7d7d8;font-size: 1rem;color: #fff !important;border-radius: 20px;margin-bottom: 48px;transition: all 0.3s linear;}
.txts-swiper2 a:hover{background-color: rgba(95,79,60,0.5); border-color:rgba(95,79,60,0.1) ;}

/* swiper3 */
.fullpageWrapper-swiper3{position: relative;text-align: left;height: 100%;padding-top: 100px;padding-right: 80px;}
.fullpageWrapper .show-img-items{width: auto;display: grid;grid-template-rows: repeat(3,1fr);grid-auto-flow:row;direction:rtl;gap: 12px;}
.fullpageWrapper .show-img-items .show-img img{width: 248px;height: 248px;}
.fullpageWrapper .show-img-items .show-img{display: flex;gap: 12px;}
.txts-swiper3{position: absolute;bottom: 74px;left: 114px;opacity: 0;}
.txts-swiper3 h3{font-size: 2.125rem;color: #909499;line-height:3.25rem ;margin-bottom: 74px;}
.txts-swiper3 h4{font-size: 3.75rem;color: #bfa582;line-height:3.75rem ;margin-bottom: 46px;font-weight: 600;}
.txts-swiper3 h5{font-size: 1rem;color: #fff;line-height: 32px;font-weight: 400;margin-bottom: 68px;}
.txts-swiper3 a{padding:14px 18px;border: 1px solid #d7d7d8;font-size: 1rem;color: #fff !important;border-radius: 20px;transition: all 0.3s linear;}
.txts-swiper3 a:hover{background-color: rgba(95,79,60,0.5); border-color:rgba(95,79,60) ;}

/* header */
header{position: fixed;top: 0;left: 0;z-index: 999;}

/* swiper */
    html,
    body {
      position: relative;
      height: 100%;
      overflow-x: hidden;
    }
    
    @media screen and (min-width: 992px) {
      html,
      body {
        min-width: 1366px;
        overflow-x: auto;
      }
    }

    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      /* object-fit: cover; */
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
      right: var(--swiper-pagination-left, auto) !important;
      left: var(--swiper-pagination-right, 8px) !important;
    }

    .fullpageWrapper{
      background-position: center;background-repeat: no-repeat;background-size: cover;
    }
    .video-js .vjs-control-bar{bottom: 200px !important;left: 30px !important;background-color: transparent !important;}
    .vjs-button > .vjs-icon-placeholder:before{font-size: 26px !important;}
    .video-js .vjs-control{width: 50px !important;height: 50px !important;}
    .video-js .vjs-big-play-button{display: none !important;}