body {
    overflow-x: hidden;
}

.hw-lm {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

.hw-lm * {
    box-sizing: border-box;
}

.hw-lm svg:not(:root) {
    overflow: visible;
}

.hw-lm .blur-up {
    filter: blur(20px);
    transition: filter .2s;
}

.hw-lm .blur-up.lazyloaded {
    filter: blur(0);
}

.hw-lm picture,
.hw-lm img,
.hw-lm video {
    display: block;
    width: 100%;
    border: 0;
}

.hw-lm video {
    height: 100%;
    object-fit: cover;
}

.hw-lm sup.ssup {
    font-size: .6em;
    cursor: pointer;
}

.hw-lm .videolazy {
    visibility: hidden;
}

.hw-lm .videolazy.videolazyloaded {
    visibility: visible;
}

.hw-lm a {
    text-decoration: none;
}

.hw-lm b {
    font-style: normal;
    font-weight: inherit;
}

.hw-lm .nr {
    white-space: nowrap;
    font-style: normal;
}

.hw-lm a .nr1 {
    display: inline-block;
    white-space: nowrap;
    font-style: normal;
    text-decoration: underline;
}

.hw-lm .showPc {
    display: inline-block;
}

.hw-lm .showMob {
    display: none;
}

.hw-lm .showInWxUc {
    display: none;
}

.hw-lm .showie {
    display: none;
}

.hw-lm .hidden {
    display: none !important;
}

.hw-lm .povideo {
    position: relative;
    width: 100%;
    height: 100%;
}

.hw-lm .txtani {
    transform: translate(0px, 80px);
    opacity: 0;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .txtani.active {
    transform: translate(0, 0);
    opacity: 1;
}

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .showPc {
        display: none !important;
    }

    .hw-lm .showPcinline {
        display: none;
    }

    .hw-lm .showMob {
        display: inline-block;
    }

    .hw-lm .hideMob {
        display: none;
    }
}


/* sup  */
.hw-lm .last-section {
    width: 67.5vw;
    margin: 0 auto;
    padding: 6.7708333vw 0 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.hw-lm .last-section a {
    color: inherit;
    text-decoration: underline;
}

.hw-lm .last-section .suparr {
    display: none;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjcwMyIgZGF0YS1uYW1lPSLnu4QgODI3MDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iIzQzNDM0MyIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
    background-size: cover;
    transform: translateY(2px);
    cursor: pointer;
}

.hw-lm .last-section .active .suparr {
    display: inline-block;
}

.hw-lm .last-section ol {
    list-style-type: decimal;
    padding-left: 1.6em;
}

.hw-lm .last-section ol li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.hw-lm .last-section .active {
    font-weight: 800;
}

.hw-lm .last-section .mll {
    position: relative;
    margin: 1.6em 0 0 0;
    list-style: none;
}

.hw-lm .last-section .mll1 {
    position: relative;
    list-style: none;
}

.hw-lm .last-section .mll::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.hw-lm .last-section .mll1::before {
    content: "**";
    position: absolute;
    top: 0;
    left: -15px;
}

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .last-section .notmm {
        margin: 0 0 2.777777777vw 0;
    }

    .hw-lm .last-section .suparr {
        width: 4.7222222vw;
        height: 4.7222222vw;
        transform: translateY(0.83333333vw);
    }

    .hw-lm .last-section {
        width: 91.111111111vw;
        padding: 0 0 80px 0;
    }

    .hw-lm .last-section ol {
        font-size: 3.3333333333vw;
    }

    .hw-lm .last-section .mll::before {
        left: -2.7777777777vw;
    }

    .hw-lm .last-section .mll1::before {
        left: -4.177778vw;
    }
}

.hw-lm .lm-section1 .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-lm .lm-section1 .huawei-product-buy-btn-price {
    color: #000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}

.hw-lm .lm-section1 .huawei-product-buy-btn-price b {
    font-style: normal;
    cursor: pointer;
}

.hw-lm .lm-section1 .huawei-product-buy-btn {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #000;
    background: #000000;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 4px;
}

.hw-lm .lm-section1 .huawei-product-buy-btn-price a {
    color: inherit;
}

.hw-lm .lm-section1 .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section1 .huawei-product-buy-btn:hover {
        opacity: .8;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section1 .huawei-product-buy-btn-price {
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-section1 .huawei-product-buy-btn-price span {
        font-size: 3.61111111vw;
    }
}


/* section 1 pc */
.hw-lm .lm-section1 {
    overflow: hidden;
    position: relative;
    display: flex;
    background: #fff;
}

.hw-lm .lm-section1 .ulmatekvim {
    width: 59.8958333vw;
    height: 50vw;
    margin: 0 0 -1px 0;
}

.hw-lm .lm-section1 .ulmatekvtxt {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-lm .lm-section1 .ulmateksp {
    width: 30.8333333vw;
    margin: 18.75vw 0 0 0;
}

.hw-lm .lm-section1 .ulmateksp img {
    width: 100%;
}

.hw-lm .lm-section1 .ulmatekvmat {
    display: flex;
    justify-content: center;
    width: 26.04166666vw;
    margin: 2.08333333vw 0 1.875vw 0;
    color: #000;
    font-size: 2.08333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-section1 .ulmatekvmat span:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section1 .ulmatekvdes {
    width: 32.39583333vw;
    color: #000;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.hw-lm .lm-section1 .ulmatekvfullvideo {
    display: flex;
    align-items: center;
    max-width: 20.833333333vw;
    margin: 1.875vw 0 4.166666666vw 0;
}

.hw-lm .lm-section1 .ulmatekvfullvideo span {
    color: #000;
    font-size: 1.0416666666vw;
    font-weight: 500;
    line-height: 1.6;
}

.hw-lm .lm-section1 .ulmatekvfullvideo picture {
    width: auto;
    flex-shrink: 0;
}

.hw-lm .lm-section1 .ulmatekvfullvideo img {
    width: 1.666666666vw;
    height: 1.666666666vw;
    border: 0.1041666666666667vw solid rgba(0, 0, 0, 1);
    border-radius: 50%;
    margin: 0 0 0 0.4166666666vw;
    transition:  0.3s ease;
}

.hw-lm .lm-section1 .ulmatehoricon {
    display: flex;
    position: absolute;
    bottom: 8.33333333vw;
    right: 5.05208333vw;
    width: 8.59375vw;
    height: 2.55208333vw;
    z-index: 2;
}

.hw-lm .lm-section1 .ulmatehoricon a {
    display: flex;
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section1 .ulmatehoricon svg {
    width: 100%;
    height: 100%;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section1 .ulmatekvfullvideo:hover {
        cursor: pointer;
    }

    .hw-lm .lm-section1 .ulmatekvfullvideo:hover img {
        border-color: rgba(0, 0, 0, 0.6);
    }
}

/* section 1 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section1 {
        flex-direction: column;
     }
 
     .hw-lm .lm-section1 .ulmatekvim {
         width: 100%;
         height: 105.555555555vw;
         margin: 0;
     }
 
     .hw-lm .lm-section1 .ulmateksp {
        width: 84.44444444vw;
        height: 5.13888888vw;
        margin: 22.22222222vw 0 0 0;
     }
 
     .hw-lm .lm-section1 .ulmatekvmat {
         width: 83.33333333vw;
         margin: 4.4444444vw 0 6.11111111vw 0;
         font-size: 5.5555555vw;
     }
 
     .hw-lm .lm-section1 .ulmatekvdes {
         width: 86.33333333vw;
         font-size: 3.3333333333vw;
     } 
 
     .hw-lm .lm-section1 .ulmatekvtxt {
        margin: 0 0 27.77777777vw 0;
     }

     .hw-lm .lm-section1 .ulmatekvfullvideo {
        max-width: 48.611111111vw;
        margin: 7.77777777777vw 0 11.111111111vw 0;
     }
 
     .hw-lm .lm-section1 .ulmatekvfullvideo span {
         font-size: 3.88888888vw;
     }
 
     .hw-lm .lm-section1 .ulmatekvfullvideo img {
         width: 6.66666666vw;
         height: 6.66666666vw;
         margin: 0 0 0 2.22222222vw;
     }

     .hw-lm .lm-section1 .ulmatekvmat span:not(:last-child) {
        margin: 0 5vw 0 0;
     }

     .hw-lm .lm-section1 .ulmatekvfullvideo:hover img {
        border-color: #000;
        cursor: default;
     }

     .hw-lm .lm-section1 .ulmatekvfullvideo img {
        border: 0px;
     }
}

/* section 2 */
.hw-lm .lm-section2 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.41666666vw 0;
    background:linear-gradient(180deg,#0e2018 0%,#000 100%);
}

.hw-lm .lm-section2 .reasonswiper {
    width: 67.5vw;
    margin: 10.4166666666vw 0 0;
}

.hw-lm .lm-section2 .reasonswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 38.02083333vw;
    border-radius: 0.83333333vw;
    cursor: pointer;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim picture,
.hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim .povideo {
    transform: translate3d(0,0,0) rotate(0deg) scale(1.03);
}

.hw-lm .lm-section2 .reasonswiper .reashaow {
    position: absolute;
    width: 103%;
    height: 17.1875vw;
    top: -1px;
    left: 50%;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    transform: translate3d(-50%, 0px, 0px);
    z-index: 2;
}

.hw-lm .lm-section2.wilChanGe .reasonswiper .reashaow {
    will-change: transform;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim picture, 
.hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide h2 {
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.5;
    transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    opacity: 0;
    z-index: 6;
}

.hw-lm .wilChanGe .swiper-slide h2 {
    will-change: transform, opacity;
}

.hw-lm .wilChanGe .reasonswiper .swiper-wrapper {
    will-change: transform, opacity;
}

.hw-lm .lm-section2 .reasonswiper .swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-section2 .reasongation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.5vw 0 0 0;
    padding: 0.625vw 1.0416666666vw;
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    box-shadow: 0px 0px 16px #3c6b57 inset;
    border-radius: 999px
}

.hw-lm .lm-section2 .shinebor {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
} 

.hw-lm .lm-section2 .incircle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7.23958333vw;
    height: 3.59375vw;
    background: #93c9a5;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    filter: blur(10px);
    z-index: 2;
}

.hw-lm .lm-section2 .backinner {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 999px;
    z-index: 4;
}

.hw-lm .lm-section2 .basame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    box-shadow: 0px 0px 16px #3c6b57 inset;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    z-index: 2;
}

.hw-lm .lm-section2 .realbtn,
.hw-lm .lm-section2 .rearbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    transition: 0.3s ease;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section2 .realbtn.down,
.hw-lm .lm-section2 .rearbtn.down {
    opacity: 1!important;
}

.hw-lm .lm-section2 .realbtn svg,
.hw-lm .lm-section2 .rearbtn svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section2 .realbtn svg {
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-section2 .reapoints {
    position: relative;
    display: flex;
    margin: 0 0.9375vw;
    z-index: 9;
}

.hw-lm .lm-section2 .reapoints li {
    display: flex;
    width: 0.52083333vw;
    height: 0.52083333vw;
    border-radius: 50%;
    opacity: 0.2;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.hw-lm .lm-section2 .reapoints li svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section2 .reapoints li.active {
    opacity: 0.8;
}

.hw-lm .lm-section2 .reapoints li:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}

.hw-lm .lm-section2 .realbtn.disabled,
.hw-lm .lm-section2 .rearbtn.disabled {
    opacity: 0.3!important;
    cursor: default;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section2 .realbtn:hover, 
    .hw-lm .lm-section2 .rearbtn:hover {
        opacity: 0.6;
    }

    .hw-lm .lm-section2 .reapoints li:hover {
        opacity: 0.7;
    }
}

/* section 2 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section2 {
        margin: 0 0 27.77777777vw 0;
    }
    
    .hw-lm .lm-section2 .reasonswiper {
        width: 82.22222222vw;
        margin: 27.777777777vw 0 0 0;
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide {
        height: auto;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide .povideo {
        overflow: hidden;
        height: 100%;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide h2 {
        position: relative;
        top: 0;
        left: 0;
        width: 77.777777777vw;
        margin: 6.6666666666vw auto 0;
        font-size: 5.55555555vw;
        text-align: center;
    }

    .hw-lm .lm-section2 .reasongation {
        padding: 2.5vw 4.166666666vw;
        margin: 8.88888888vw 0 0 0;
    }

    .hw-lm .lm-section2 .reapoints li {
        width: 2.22222222vw;
        height: 2.22222222vw;
        padding: 0 1px 0 0;
    }

    .hw-lm .lm-section2 .reapoints li:not(:last-child) {
        margin: 0 3.33333333vw 0 0;
    }

    .hw-lm .lm-section2 .realbtn, 
    .hw-lm .lm-section2 .rearbtn {
        width: 8.33333333vw;
        height: 8.33333333vw;
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide .reanim {
        overflow: hidden;
        height: 109.722222222vw;
        border-radius: 2.2222222222vw;
        transform: translate3d(0px, 0px, 0px) rotate(0deg);
    }

    .hw-lm .lm-section2 .reapoints {
        margin: 0 3.61111111vw;
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide h2 {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }

    .hw-lm .lm-section2 .reasonswiper .swiper-slide:not(:last-child) {
        margin: 0 4.4444444444vw 0 0;
    }

    .hw-lm .lm-section2 .realbtn:hover, 
    .hw-lm .lm-section2 .rearbtn:hover {
        opacity: 1;
    }

    .hw-lm .lm-section2 .basame {
        background: radial-gradient(ellipse 50% 50% at 50% 50% ,#00170d 0%,#000000 100%);
        box-shadow: 0px 0px 4.44444444vw #3c6b57 inset;
    }
    
    .hw-lm .lm-section2 .reasongation {
        padding: 2.5vw 4.166666666vw;
        margin: 8.88888888vw 0 0 0;
        background: radial-gradient(ellipse 50% 50% at 50% 50% ,#00170d 0%,#000000 100%);
        box-shadow: 0px 0px 4.44444444vw #3c6b57 inset;
    }
    
    .hw-lm .lm-section2 .backinner {
        width: calc(100% - 0.8333333vw);
        height: calc(100% - 0.8333333vw);
    }
    
    .hw-lm .lm-section2 .basame {
        width: calc(100% + 0.8333333vw);
        height: calc(100% + 0.8333333vw);
    }
    
    .hw-lm .lm-section2 .incircle {
        width: 32.08333333vw;
        height: 16.52777777vw;
        opacity: 0.8;
    }
}


/* section 3 */
.hw-lm .lm-section3 {
    margin: 0 0 10.4166666666vw 0;
}

.hw-lm .lm-section3 .ulmatede span {
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103deg,#fff 0%, #e8ebe9 49.65%,#82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section3 .ulmatedesign {
    overflow: hidden;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.hw-lm .lm-section3 .ulmatedeshadow1 {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 110%;
    height: 37.03703703%;
    transform: translate(-50%, 0);
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%,#000 100%);
    z-index: 2;
}

.hw-lm .lm-section3 .ulmatedeshadow2 {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 110%;
    height: 37.03703703%;
    transform: translate(-50%, 0);
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,#000 100%);
    z-index: 2;
}

.hw-lm .lm-section3 .ulmatedetxtcon {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(var(--trandesign1));
}

.hw-lm .lm-section3 .ulmatedetxtcon.active {
    transform: translateY(0px);
}

.hw-lm .lm-section3 .ulmatedetxtcon.active .ulmatetxtdouble {
    opacity: 0;
}

.hw-lm .lm-section3 .ulmatedetxtcon.active .ulmatededes {
    opacity: 1;
}

.hw-lm .lm-section3 .ulmatetxtshow {
    position: absolute;
    bottom: 14.8148148%;
    left: 16.25vw;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translate3d(0px, 80px, 0px);
    opacity: 0;
    z-index: 3;
}

.hw-lm .lm-section3 .povideo {
    overflow: hidden;
}

.hw-lm .lm-section3 .ulmatetxtshow.show {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.hw-lm .lm-section3 .ulmatedemat {
    display: inline-block;
    position: relative;
    width: 46.875vw;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0vw, #e8ebe9 3.125vw, #82a394 5.25vw, #82a394 6.55vw, #fff 6.77083333vw, #e8ebe9 8.85416666vw, #82a394 12.23958333vw, #82a394 12.5vw, #fff 12.5vw, #e8ebe9 15.625vw, #82a394 18.75vw,#fff 19.27083333vw, #e8ebe9 21.875vw, #82a394 23.4375vw);
    -webkit-background-clip: text;
    background-clip: text;
    transition: opacity .6s linear;
}

.hw-lm .lm-section3 .ulmatetxtdouble {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: opacity .6s linear;
}

.hw-lm .lm-section3 .ulmatede {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-size: 0.83333333vw;
} 

.hw-lm .lm-section3 .sixsquare {
    display: flex;
    position: absolute;
    left: 6.35416666vw;
    top: 2.28333333vw;
    width: 2.29166666vw;
    height: 2.29166666vw;
}

.hw-lm .lm-section3 .sixsquare svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section3 .uldesquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section3 .uldesquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section3.wilChanGe .ulaclockani .clock1,
.hw-lm .lm-section3.wilChanGe .ulmatededes,
.hw-lm .lm-section3.wilChanGe .ulmatedemat {
    will-change: transform, opacity;
}

.hw-lm .lm-section3 .ulaclockani {
    position: absolute;
    top: 0.9375vw;
    left: 0.62291666vw;
    width: 1.19791666vw;
    z-index: 3;
} 

@keyframes clockRotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.hw-lm .lm-section3 .ulaclockani .clock1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: 44% 36%;
    animation: clockRotate 60s linear 0s infinite;
}

.hw-lm .lm-section3 .ulmatededes {
    width: 43.1875vw;
    margin: 1.666666666vw 0 0 0;
    color: #fff;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
    transition: opacity .6s linear;
    opacity: 0;
}

.hw-lm .lm-section3 .ulmatedespace {
    height: 80vh;
}

/* section 3 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section3 {
        margin: 0 0 27.777777777vw 0;
    }

    .hw-lm .lm-section3 .ulmatede {
        padding: 0.69444444vw 2.08333333vw 0.69444444vw;
        margin: 0 0 2.77777777vw 0;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section3 .sixsquare {
        width: 6.11111111vw;
        height: 6.11111111vw;
        left: 16.94444444vw;
        top: 5.41666666vw;
    }

    .hw-lm .lm-section3 .ulmatetxtshow {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        opacity: 1;
    }

    .hw-lm .lm-section3 .ulmatededes {
        opacity: 1;
    }

    .hw-lm .lm-section3 .ulmatedesign {
        height: auto;
    }

    .hw-lm .lm-section3 .ulmatedesign .povideo {
        width: 100%;
        height: 150vw;
    }
     
    .hw-lm .lm-section3 .ulmatedemat {
        width: 77.77777777vw;
        font-size: 13.33333333vw;
        background: linear-gradient(180deg,#fff 0,#e8ebe9 6.94444444vw,#82a394 13.88888888vw, #82a394 16.25vw, #fff 17.36111111vw,#e8ebe9 26.194444vw,#82a394 33.5vw, #fff 33.88888888vw,#e8ebe9 40.444444vw,#82a394 50.75vw, #fff 50.13888888vw,#e8ebe9 57.694444vw,#82a394 68.388889vw, #fff 66.38888888vw,#e8ebe9 73.944444vw,#82a394 84.027778vw, #fff 84.02777777vw,#e8ebe9 92.194444vw,#82a394 100.888889vw, #fff 98.88888888vw,#e8ebe9 107.75vw,#82a394 115.444444vw );
        -webkit-background-clip: text;
        background-clip: text;
    }

    .hw-lm .lm-section3 .ulmatededes {
        width: 77.77777777vw;
        margin: 4.44444444vw 0 8.88888888vw 0;
        color: #6d6f72;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section3 .ulmatedespace {
        display: none;
    }

    .hw-lm .lm-section3 .ulmatedetxtcon {
        margin: 0 0 0 11.11111111vw;
        transform: translate3d(0px, 80px, 0px);
        opacity: 0;
    }

    .hw-lm .lm-section3 .ulmatedetxtcon.tactive {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }

    .hw-lm .lm-section3 .ulaclockani {
        left: 1.666666666vw;
        top: 2.5vw;
        width: 3.05555555vw;
    }
 
}   

/* section 4 pc */
.hw-lm .lm-section4 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 10.41666666vw 0;
    background: #000;
    z-index: 12;
}

.hw-lm .lm-section4 .xtreDoutcon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 67.5vw;
    margin: 0 auto;
}

.hw-lm .lm-section4 .xtremDesSiwper {
    width: 100%;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-section4 .xtremDesSiwper.isend .swiper-slide:last-child {
    cursor: default;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide {
    overflow: hidden;
    display: flex;
    height: 34.375vw;
    border-radius: 0.83333333vw;
    cursor: pointer;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide>div {
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide>div {
    position: relative;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide>div.current {
    z-index: 3;
    opacity: 1;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide>div:nth-child(2) {
    transform: translateX(-100%);
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide>div:nth-child(3) {
    transform: translateX(-200%);
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:nth-child(1) {
    width: 67.5vw;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:nth-child(2) {
    width: 41.666666666vw;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:nth-child(3) {
    width: 24.583333333vw;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:nth-child(4) {
    width: 33.125vw;
}

.hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:nth-child(5) {
    width: 33.125vw;
}

.hw-lm .lm-section4 .xdestxt {
    display: flex;
    width: 43.75vw;
    margin: 2.5vw 0 2.5vw 0.83333333vw;
}

.hw-lm .lm-section4 .xdestxt p {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    opacity: 0;
} 

.hw-lm .lm-section4 .xdestxt p.current {
    z-index: 2;
    opacity: 1;
}

.hw-lm .lm-section4 .xdestxt p:nth-child(2) {
    transform: translateX(-100%);
}

.hw-lm .lm-section4 .xdestxt p:nth-child(3) {
    transform: translateX(-200%);
}

.hw-lm .lm-section4 .xdesnav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 2.5vw 0 0 0;
    flex: 1;
}

.hw-lm .lm-section4 .xdesnav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
}

.hw-lm .lm-section4 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-section4 .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}


@media screen and (max-width: 1200px) {
    .hw-lm .lm-section4 .xdPoints {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-section4 .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}


.hw-lm .lm-section4 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-section4 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-section4 .shineTo,
.hw-lm .lm-section4 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
    transform: translateZ(0px);
}

.hw-lm .lm-section4 .shineTo {
    top: -0.52083333vw;
    transform: translate(-50%, -50%);
}

.hw-lm .lm-section4 .shineBo {
    bottom: -0.52083333vw;
    transform: translate(-50%, 50%);
}

.hw-lm .lm-section4 .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section4 .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section4 .xdesnav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section4 .xdesnav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section4 .xdesnav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-section4 .xdesnav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-section4 .xdesnav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-section4 .xdesnav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section4 .xdesnav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-section4 .xdesnav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-section4 .xdesnav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}


.hw-lm .lm-section4 .xdesnav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section4 .xdesnav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section4 .xdesnav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-section4 .xdesnav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section4 .xdescoto {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.hw-lm .lm-section4 .iconpart {
    overflow: hidden;
    position: relative;
    display: flex;
    background: #3c6b57;
    padding: 1.04vw 0;
    border-radius: 9999px;
}

.hw-lm .lm-section4.wilChanGe .iconpart {
    will-change: transform;
}

.hw-lm .lm-section4 .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-section4 .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-section4 .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16vw;
    height: 4.16vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate3d(calc(-50% + var(--sdistance)), -50%, 0px);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
    z-index: 3;
}

.hw-lm .lm-section4 .iconpart .tobtn {
    display: flex;
    position: relative;
    width: 1.26vw;
    height: 1.26vw;
    z-index: 9;
}

.hw-lm .lm-section4 .iconpart .tobtn svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section4 .iconpart .tobtn:hover {
        cursor: pointer;
    }
}

.hw-lm .lm-section4 .iconpart .tobtn .lightcircle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.768vw;
    height: 1.768vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transition: opacity 0.6s ease;
    opacity: 0;
}

.hw-lm .lm-section4.wilChanGe .iconpart .tobtn .lightcircle {
    will-change: transform;
}

.hw-lm .lm-section4 .iconpart>div .color1 {
    border: 2px solid #3C6B57;
}

.hw-lm .lm-section4 .iconpart>div .color2 {
    border: 2px solid #24407f;
}

.hw-lm .lm-section4 .iconpart>div .color3 {
    border: 2px solid #525252;
}

@media screen and (max-width: 1400px) {
    .hw-lm .lm-section4 .iconpart>div .color1 {
        border: 1px solid #3C6B57;
    }
    
    .hw-lm .lm-section4 .iconpart>div .color2 {
        border: 1px solid #24407f;
    }
    
    .hw-lm .lm-section4 .iconpart>div .color3 {
        border: 1px solid #525252;
    }
}

.hw-lm .lm-section4 .iconpart>div.current .lightcircle {
    opacity: 1;
}

.hw-lm .lm-section4 .iconpart>div:not(:last-of-type) {
    margin: 0 1.46vw 0 0;
}

.hw-lm .lm-section4 .iconpart>div:first-of-type {
    margin-left: 1.26vw;
}

.hw-lm .lm-section4 .iconpart>div:last-of-type {
    margin-right: 1.26vw;
}

.hw-lm .lm-section4 .txtpart {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 1.25vw;
}

.hw-lm .lm-section4 .txtpart span {
    display: flex;
    align-items: center;
    position: relative;
    height: 0;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
    opacity: 0;
}

.hw-lm .lm-section4 .txtpart span.color1 {
    color:#D7FAE3;
}

.hw-lm .lm-section4 .txtpart span.color2 {
    color:#A7B7D8;
}

.hw-lm .lm-section4 .txtpart span.color3 {
    color:#999;
}

.hw-lm .lm-section4 .txtpart span.current {
    opacity: 1;
    z-index: 9;
}

.hw-lm .lm-section4.wilChanGe .iconpart>div.current img,
.hw-lm .lm-section4.wilChanGe .xtremDesSiwper .swiper-wrapper {
    will-change: transform, opacity;
}

/* section 4 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section4 {
        padding: 0 0 27.777777777vw 0;
    }

    .hw-lm .lm-section4 .xtreDoutcon {
        width: 82.222222222vw;
    }

    .hw-lm .lm-section4 .xtremDesSiwper .swiper-slide {
        width: 100%!important;
        height: 109.722222222vw!important;
        border-radius: 2.2222222222vw;
    }

    .hw-lm .lm-section4 .xdestxt {
        order: -1;
        width: 77.7777777777vw;
        margin: 0 0 8.8888888888vw 2.222222222vw;
    }

    .hw-lm .lm-section4 .xtremDesSiwper {
        margin: 0 0 5.5555555vw 0;
        order: 0;
    }

    .hw-lm .lm-section4 .xdescoto {
        flex-direction: column;
        margin: 6.66666666vw 0 0 0;
    }

    .hw-lm .lm-section4 .xdesnav {
        order: 2;
        margin: 0;
        align-self: center;
    }

    .hw-lm .lm-section4 .txtpart span {
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section4 .xdestxt p {
        font-size: 4.4444444444vw;
    }

    .hw-lm .lm-section4 .xdesnav li {
        width: 11.1111111111vw;
        height: 11.1111111111vw
    }

    .hw-lm .lm-section4 .xdesnav li .borshadow {
        border-width: 0.416666666vw;
    }

    .hw-lm .lm-section4 .iconpart>div {
        width: 5.55555555vw;
        height: 5.55555555vw;
    }

    .hw-lm .lm-section4 .iconpart>div .color1, 
    .hw-lm .lm-section4 .iconpart>div .color2 {
        width: 7.77777777vw;
        height: 7.77777777vw;
    }

    .hw-lm .lm-section4 .xdesnav .xdearricon {
        width: 4.72222222vw;
        height: 4.72222222vw;
        margin: 0 0 0 2.63888888vw;
    }

    .hw-lm .lm-section4 .iconpart>div:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-section4 .txtpart {
        margin: 0 0 0 4.44444444vw;
    }

    .hw-lm .lm-section4 .xdesnav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-section4 .xdesnav li:nth-child(1) .xdearricon {
        margin: 0 0 0 3.75vw;
    }

    .hw-lm .lm-section4 .xtremDesSiwper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    
    .hw-lm .lm-section4 .iconpart .tobtn {
        width: 5.55555555vw;
        height: 5.55555555vw;
    }

    .hw-lm .lm-section4 .iconpart>div:not(:last-of-type) {
        margin-right: 5.55555555vw;
    }

    .hw-lm .lm-section4 .iconpart>div:first-of-type {
        margin-left: 4.44444444vw;
    }

    .hw-lm .lm-section4 .iconpart>div:last-of-type {
        margin-right: 4.44444444vw;
    }

    .hw-lm .lm-section4 .iconpart {
        padding: 3.88888888vw 0;
    }

    .hw-lm .lm-section4 .iconpart .tobtn .lightcircle {
        width: 7.77777777vw;
        height: 7.77777777vw;
        border-width: 0.27777777vw;
    }

    .hw-lm .lm-section4 .shinbor {
        width: 16vw;
        height: 16vw;
    }

    .hw-lm .lm-section4 .txtpart {
        flex-direction: row;
        width: 27.77777777vw;
        margin: 5.55555555vw 0 0 0;
    }

    .hw-lm .lm-section4 .txtpart span {
        display: block;
        flex-shrink: 0;
        width: 100%;
        text-align: center;
    }

    .hw-lm .lm-section4 .txtpart span:nth-child(2) {
        transform: translate(-100%);
    }

    .hw-lm .lm-section4 .txtpart span:nth-child(3) {
        transform: translate(-200%);
    }

    .hw-lm .lm-section4 .innback {
        background: radial-gradient(ellipse 51.43% 76.75% at 50% 50% ,#072b1c 0%,#000 100%);
    }

    .hw-lm .lm-section4 .tooticon {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .hw-lm .lm-section4 .tooptxt {
        display: flex;
        align-items: center;
        animation: arrmove 1.5s ease-in-out infinite;
    }

    .hw-lm .lm-section4 .tooticon.hide {
        opacity: 0;
        pointer-events: none;
    }

    .hw-lm .lm-section4 .tooptxt span {
        margin: 0 0 0 3.33333333vw;
        color: #6d6f72;
        font-size: 3.88888888vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .hw-lm .lm-section4 .xdesnav {
        display: none;
    }

    @keyframes arrmove {
        0% {
            opacity: 1;
            transform: translate(0px, 0px);
        }

        90% {
            opacity: 0;
            transform: translate(-3vw, 0px);
        }

        90.1% {
            transform: translate(0px, 0px);
        }

        100% {
            opacity: 1;
        }
    }

    .hw-lm .lm-section4 .tooicon {
        display: flex;
        width: 6.11111111vw;
        height: 2.91666666vw;
    }

    .hw-lm .lm-section4 .tooicon svg {
        width: 100%;
        height: 100%;
    }

    .hw-lm .lm-section4 .upback {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }

    .hw-lm .lm-section4 .innback {
        width: calc(100% + 0.84vw);
        height: calc(100% + 0.84vw);
    }

}

/* section 5 pc */
.hw-lm .lm-section5 {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    margin: -1px 0 0 0;
    background: #000;
    z-index: 12;
}

.hw-lm .lm-section5 .ulmaterialmat {
    position: relative;
    width: 41.666666666vw;
    color: #fff;
    font-size: 3.3333333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    z-index: 2;
}

.hw-lm .lm-section5 .ulmaterialdes {
    position: relative;
    width: 48.229166666vw;
    margin: 1.666666666vw 0 3.333333333vw 0;
    color: #6d6f72;
    font-size: 1.145833333333333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    z-index: 2;
}

.hw-lm .lm-section5 .ulmaterivideo {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 55.78125vw;
}

.hw-lm .lm-section5 .ulmaterivideo .ulmatersha {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 110%;
    height: 20.833333333vw;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
    transform: translateX(-50%);
    z-index: 9;
}

.hw-lm .lm-section5 .ulmaterivideo .ulmatersha1 {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 110%;
    height: 20.833333333vw;
    background: linear-gradient(0, rgba(0,0,0,0) 0%, #000 100%);
    transform: translateX(-50%);
    z-index: 9;
}

/* section 5 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section5 {
        margin: -1px 0 27.777777777vw 0;
    }

    .hw-lm .lm-section5 .ulmaterialmat {
        align-self: flex-start;
        width: 77.77777777vw;
        margin: 0 0 0 11.11111111vw;
        font-size: 8.88888888vw;
        text-align: left;
    }

    .hw-lm .lm-section5 .ulmaterialdes {
        align-self: flex-start;
        width: 77.77777777vw;
        margin: 4.44444444vw 0 8.88888888vw 11.11111111vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-lm .lm-section5 .ulmaterivideo {
        height: 150vw;
    }

    .hw-lm .lm-section5 .ulmaterivideo .ulmatersha,
    .hw-lm .lm-section5 .ulmaterivideo .ulmatersha1 {
        height: 55.555555555vw;
    }
}

/* section 6 pc */
.hw-lm .lm-section6 {
    position: relative;
    width: 100%;
}

.hw-lm .lm-outsti .divoutsti {
    overflow: hidden;
    position: sticky;
    top: 0;
    background: #000;
    margin-top: -100vh;
    z-index: 10;
} 

.hw-lm .lm-section6 .divingsha {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 101%;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 52%,rgba(0, 0, 0, 0.91) 100%);
}

.hw-lm .lm-outsti .divspace {
    height: 180vh;
}

.hw-lm .lm-section6 .divingtxt {
    position: absolute;
    bottom: 79.791667vw;
    left: 16.25vw;
    width: 100%;
    transform-origin: left;
    transform: translate3d(2.739583vw, -10.9375vw, 0vw) scale(2.083333333333);
    transition: opacity .5s ease, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    z-index: 9;
}

.hw-lm .lm-section6 .divingtxt .divilimat {
    display: inline-flex;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-weight: 400;
    line-height: 1.25;
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
    transition: opacity .4s ease, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section6 .divingtxt .divilimat.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section6 .divingtxt .divilimat span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103.43deg,#ffffff 0%,#f4fbff 49.37%,#c4e7fb 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section6 .uldesquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section6 .uldesquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section6 .divingtxt .hidetxt {
    opacity: 0;
}

.hw-lm .lm-section6 .divides {
    position: absolute;
    bottom: 79.791667vw;
    left: 16.25vw;
    transform: translate3d(0px, calc( 100% + 1.666666666vw ), 0px) rotate(0deg);
    transition: opacity .6s linear, transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
}

.hw-lm .divingimout.current .divides {
    opacity: 1;
    z-index: 99;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.hw-lm .lm-section6 .divides .divsmatxt,
.hw-lm .lm-section6 .divides .divtopdes {
    width: 36.45833333vw;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section6 .divides .divsmatxt {
    opacity: 0;
    transform: translate3d(0px, 4.166666666vw, 0px);
    transition: opacity .6s linear 0.3s, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91) 0.3s;
}

.hw-lm .divingimout.current .divides .divsmatxt {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.hw-lm .lm-section6 .divides .divtopdes {
    width: 36.45833333vw;
    margin: 0 0 1.14583333vw 0;
}

.hw-lm .lm-section6 .divides .divsmatxtdis {
    margin: 0 0 0.72916666vw 0;
}

.hw-lm .lm-section6 .divides .divsmatxt {
    width: 20.83333333vw;
}

.hw-lm .lm-section6 .divides .divanitxt {
    width: 26.04166666vw;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#fff 0%,#c4e7fb 100%);;
    -webkit-background-clip: text;
    background-clip: text;
    transform: translate3d(0, 4.166666666vw, 0vw);
    transition: opacity .6s linear 0.3s, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91) 0.3s;
    opacity: 0;
}

.hw-lm .lm-section6 .divingtxt span {
    display: inline-block;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#fff 0%,#c4e7fb 80%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .divingimout.current .divides .divanitxt {
    transform: translate3d(0vw, 0vw, 0vw);
    opacity: 1;
}

.hw-lm .lm-section6 .divingtxt .divibotmat {
    transition: transform .6s ease-out;
    transform: translate3d(9.870833vw, 0px, 0px);
}

.hw-lm .lm-section6 .divingtxt .divibotmat span,
.hw-lm .lm-section6 .divingtxt .divitopmat span {
    transform: translate3d(0px, 30px, 0px);
}

.hw-lm .lm-section6 .divingim {
    width: 104.27083333vw;
    height: 133.229166666vw;
    margin: -11.35416666vw 0 0 0;
    transition: opacity .6s linear, transform .6s ease-out;
}

.hw-lm .lm-section6 .divswimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 104.27083333vw;
    transition: opacity .3s ease, transform .6s ease-out;
    z-index: 10;
} 

.hw-lm .lm-section6 .divingim,
.hw-lm .lm-section6 .divswimmer {
    transform: scale(1.563936);
    transform-origin: 40% 54%;
}

.hw-lm .lm-section6 .divingim img,
.hw-lm .lm-section6 .divswimmer img {
    transform: translate3d(0, 60px, 0);
}

.hw-lm .divstitri {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 100%;
}

.hw-lm .divstitri1 {
    position: absolute;
    top: 200vh;
    left: 0;
    width: 100%;
}

.hw-lm .divingimout.active .divswimmer,
.hw-lm .divingimout.active .divingim {
    transform: scale(1);
}

.hw-lm .divingimout.active .divswimmer {
    opacity: 0;
}

.hw-lm .divingimout.active .divingtxt {
    transform: translate3d(0vw, 0vw, 0vw) scale(1);
}

.hw-lm .divingimout.current .divingtxt {
    opacity: 0;
    transform: translateY(calc(var(--divimatran)));
}

.hw-lm .divingimout.active .divingtxt .divibotmat {
    transform: translate(0vw, 0vw);
}

.hw-lm .lm-section6 .divingtxt1 {
    z-index: 11;
} 

.hw-lm .lm-section6.wilChanGe .divingim,
.hw-lm .lm-section6.wilChanGe .divswimmer,
.hw-lm .lm-section6.wilChanGe .divingtxt,
.hw-lm .lm-section6.wilChanGe .divides .divanitxt,
.hw-lm .lm-section6.wilChanGe .divingtxt h3,
.hw-lm .lm-section6.wilChanGe .divingtxt span,
.hw-lm .lm-section6.wilChanGe .divingim img,
.hw-lm .lm-section6.wilChanGe .divswimmer img {
    will-change: transform;
}

@media screen and (min-aspect-ratio:11/10) and (max-aspect-ratio: 1400/953) {
    .hw-lm .lm-section6 .divingtxt,
    .hw-lm .lm-section6 .divides {
        bottom: 70.791667vw;
    }
    
    .hw-lm .lm-section6 .divingtxt {
        transform: translate3d(2.39583vw, -12.9375vw, 0vw) scale(2.083333333333);
    }

    .hw-lm .lm-section6 .divingim,
    .hw-lm .lm-section6 .divswimmer {
        transform-origin: 40% 45%;
    }
}


/* section 6 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-outsti .divoutsti {
        margin: 0;
    }

    .hw-lm .lm-section6 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section6 .divingim,
    .hw-lm .lm-section6 .divswimmer {
        width: 100%;
        transform: scale(1);
    }

    .hw-lm .lm-section6 .divingim {
        height: 355.277777777vw;
        margin: 0;
    }

    .hw-lm .lm-section6 .divingtxt .divilimat {
        display: inline-flex;
        position: relative;
        bottom: 0;
        left: 0;
        padding: 0.69444444444vw 2.0833333333vw;
        margin: 0 0 2.77777777vw 0;
        transform: none;
        opacity: 1; 
    }

    .hw-lm .lm-section6 .divingtxt .divilimat span {
        font-size: 3.333333333vw;
    }

    .hw-lm .lm-section6 .divingtxt {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translate3d(0,80px,0);
        transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
        opacity: 0;
    }

    .hw-lm .lm-section6 .divingtxt .hidetxt {
        opacity: 1;
    }

    .hw-lm .lm-section6 .divingtxt .divibotmat {
        transform: none;
    }

    .hw-lm .lm-section6 .divides {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translate3d(0,80px,0);
        opacity: 0;
        transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
    }

    .hw-lm .lm-section6 .tactive .divingtxt,
    .hw-lm .lm-section6 .tactive .divides {
        transform: translate3d(0px,0px,0px);
        opacity: 1;
    }

    .hw-lm .lm-section6 .divides .divanitxt {
        transform: translate3d(0vw, 0vw, 0vw);
        opacity: 1;
    }

    .hw-lm .lm-section6 .divingtxt h3 span {
        width: 86.111111111vw;
        font-size: 13.33333333vw;
    }

    .hw-lm .lm-section6 .divingtxt .divibotmat span, 
    .hw-lm .lm-section6 .divingtxt .divitopmat span {
        transform: none;
    }

    .hw-lm .lm-section6 .divingim img, 
    .hw-lm .lm-section6 .divswimmer img {
        transform: none;
    }

    .hw-lm .lm-section6 .divides .divtopdes {
        width: 77.77777777vw;
        margin: 4.44444444vw 0 3.055555555vw 0;
        color: #6d6f72;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section6 .divides .divanitxt {
        width: 77.77777777vw;
        font-size: 11.11111111vw;
    }

    .hw-lm .lm-section6 .divides .divsmatxt {
        width: 41.66666666vw;
        margin: 0 0 2.22222222vw 0;
        font-size: 3.33333333vw;
        opacity: 1;
        transform: none;
    }

    .hw-lm .lm-section6 .divingsha {
        top: auto;
        bottom: -0.13888888vw;
        left: 0vw;
        height: 73.05555555vw;
        background: linear-gradient(180deg, rgba(0,0,0,0), #000 100%);
    }

    .hw-lm .lm-section6 .divides {
        margin: 0 0 0 11.11111111vw;
    }

    .hw-lm .lm-section6 .divingtxt {
        margin: -201.444444vw 0 0 11.11111111vw;
    }
}

/* section 7 pc */
.hw-lm .lm-section7 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -55.208333333vw 0 10.41666666vw 0;
    transition: opacity 0.3s linear;
    z-index: 10;
    opacity: 0;
}

.hw-lm .lm-section7.fadein {
    opacity: 1;
}

.hw-lm .lm-section7 .contmat {
    width: 41.66666666vw;
    color: #fff;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-section7 .contdes {
    width: 51.14583333vw;
    margin: 1.66666666vw 0 3.33333333vw;
    color: #a9aeb0;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.hw-lm .lm-section7 .convideo {
    overflow: hidden;
    position: relative;
    width: 81.14583333vw;
    height: 39.58333333vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}


/* section 7 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section7 {
        align-items: flex-start;
        margin: 0 0 27.777777777vw 0;
        opacity: 1;
    }

    .hw-lm .lm-section7 .contmat {
        width: 77.777777777vw;
        margin: 0 0 0 11.111111111vw; 
        font-size: 8.8888888888vw;
        text-align: left;
    }

    .hw-lm .lm-section7 .contdes {
        width: 77.777777777vw;
        margin: 4.4444444444vw 0 8.8888888888vw 11.111111111vw;
        color: #6d6f72;
        font-size: 4.4444444444vw;
        text-align: left;
    }

    .hw-lm .lm-section7 .convideo {
        align-self: center;
        width: 91.111111111vw;
        height: 109.72222222vw;
        border-radius: 2.222222222vw;   
    }
}

/* section new add pc */
.hw-lm .lm-sectionadd {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -1px 0 0 0;
    padding: 0 0 10.41666666vw 0;
    background: #000;
    z-index: 9;
}

.hw-lm .lm-sectionadd .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-sectionadd .manfunswiper {
    width: 100%;
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-slide {
    cursor: pointer;
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
    opacity: 1!important;
}

.hw-lm .lm-sectionadd .manfunswiper .dvshareswiper .swiper-slide {
    overflow: hidden;
    border-radius: 50%;
    background: #000;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-sectionadd .manfunswiper.isend .swiper-slide:first-child {
    cursor: pointer;
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-sectionadd .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-sectionadd .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
}

.hw-lm .lm-sectionadd.wilChanGe .manfunav li {
    will-change: transform;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-sectionadd .manfunav li:hover {
        cursor: pointer;
    }
}

.hw-lm .lm-sectionadd .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-sectionadd .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-slide {
    width: 44.8vw;
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-sectionadd .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-sectionadd .dvshareim {
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
    width: 17.4479166vw;
    height: 20.9375vw;
    z-index: 9;
}

.hw-lm .lm-sectionadd .dvshareswiper {
    position: absolute;
    width: 6.45833333vw;
    height: 6.45833333vw;
    left: 1.0006666vw;
    bottom: 3.121666vw;
    background-color: #000;
    border-radius: 50%;
}

.hw-lm .lm-sectionadd .manfunswiper .mancadtxt {
    margin: 0 0 0 0.8333333333vw;
}

.hw-lm .lm-sectionadd .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.083333333vw;
    height: 2.083333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 9;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-sectionadd .manfunswiper .opevideobtn:hover {
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.12);
    } 
}

.hw-lm .lm-sectionadd .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-sectionadd .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-sectionadd .mancamat {
    width: 27.22916666vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-sectionadd .mancades {
    width: 30.46875vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-sectionadd .swiper-slide:nth-child(1) .mancades {
    width: 30.3125vw;
}

.hw-lm .lm-sectionadd .swiper-slide:nth-child(2) .mancades {
    width: 29.63541666vw;
}
  
.hw-lm .lm-sectionadd .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-sectionadd .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-sectionadd .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate3d(-50%, -50%, 0px);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-sectionadd .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}


@media screen and (max-width: 1200px) {
    .hw-lm .lm-sectionadd .xdPoints {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-sectionadd .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-sectionadd .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-sectionadd .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-sectionadd .shineTo,
.hw-lm .lm-sectionadd .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
}

.hw-lm .lm-sectionadd .shineTo {
    top: -0.52083333vw;
    transform: translate(-50%, -50%);
}

.hw-lm .lm-sectionadd .shineBo {
    bottom: -0.52083333vw;
    transform: translate(-50%, 50%);
}

.hw-lm .lm-sectionadd .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-sectionadd .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-sectionadd .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-sectionadd .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-sectionadd .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-sectionadd .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-sectionadd .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-sectionadd .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-sectionadd .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-sectionadd .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-sectionadd .manfunav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.hw-lm .lm-sectionadd .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-sectionadd .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-sectionadd .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-sectionadd .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-sectionadd .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-sectionadd .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-sectionadd .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-sectionadd .shineTo, 
    .hw-lm .lm-sectionadd .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-sectionadd .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-sectionadd .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-sectionadd .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-sectionadd .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-sectionadd .moShineLe,
    .hw-lm .lm-sectionadd .moShineRi {
        display: none!important;
    }

    .hw-lm .lm-sectionadd .manfunswiper .opevideobtn:hover {
        cursor: default!important;
        background-color: rgba(255, 255, 255, 0.2)!important;
    } 
}

.hw-lm .lm-sectionadd.wilChanGe .manfunswiper .swiper-wrapper {
    will-change: transform, opacity;
}

/* section new add mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-sectionadd {
        padding: 0 0 1px 0;
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-sectionadd .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-sectionadd .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-sectionadd .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-sectionadd .mancamat {
        width: 77.77777777vw;
        margin: 6.6666666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-sectionadd .mancades {
        width: 77.77777777vw!important;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-sectionadd .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-sectionadd .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-sectionadd .mancadtxt {
        margin: 0 0 0 2.22222222vw;
    }

    .hw-lm .lm-sectionadd .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-sectionadd .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-sectionadd .manfunav {
        margin: 11.11111111vw 0 0 0;
    }

    .hw-lm .lm-sectionadd .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-sectionadd .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-sectionadd .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-sectionadd .manfunswiper .mancadtxt {
        margin: 0 0 0 2.22222222vw;
        transition: opacity 0.6s ease;
        opacity: 0;
    }

    .hw-lm .lm-sectionadd .manfunswiper .swiper-slide-active .mancadtxt {
        opacity: 1;
    }

    .hw-lm .lm-sectionadd .manfunswiper .opevideobtn {
        width: 8.888888888888889vw;
        height: 8.888888888888889vw;
        right: 4.44444444444vw;
        bottom: 4.44444444444vw;
    }

    .hw-lm .lm-sectionadd .dvshareim {
        width: 56.9444444vw;
        height: 68.4722222vw;
        right: 4.4444444vw;
        bottom: 0px;
    }

    .hw-lm .lm-sectionadd .dvshareswiper {
        width: 21.11111111vw;
        height: 21.11111111vw;
        left: 3.1944444vw;
        bottom: 10vw;
    }

    .hw-lm .lm-sectionadd .dvshareswiper .swiper-slide {
        width: 100%!important;
    }

}




/* section 11 pc */
.hw-lm .lm-outsti0 {
    position: relative;
    z-index: 8;
}

.hw-lm .outstiinner {
    overflow: hidden;
    position: sticky;
    top: 0;
    margin: -100vh 0 0 0;
}

.hw-lm .ulmatesti0space {
    height: 180vh;
}

.hw-lm .lm-section11 {
    position: relative;
}

.hw-lm .sti0tri {
    position: absolute;
    top: 200vh;
    left: 0;
}

.hw-lm .sti0tri1 {
    position: absolute;
    top: 100vh;
    left: 0;
}

.hw-lm .lm-section11 .ulmateoutmain {
    margin: -11.25vw 0 0 0;
}

.hw-lm .lm-section11 .ulmatepeople {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
} 

.hw-lm .lm-section11 .ulmateoutmain,
.hw-lm .lm-section11 .ulmatepeople {
    width: 149.0625vw;
    height: 83.854166666vw;
    transform: scale(1.428022);
    transform-origin: 62.8% 86.1%;
    transition: opacity .3s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section11 .hideTxt {
    opacity: 0;
}

.hw-lm .lm-section11 .ulmateoutxt1,
.hw-lm .lm-section11 .ulmateoutxt2 {
    position: absolute;
    left: 16.25vw;
    bottom: 30.385417vw;
    z-index: 9;
    transform: translate3d(2vw, -10.520833vw, 0vw) scale(2.08333333);
    transform-origin: left;
    transition: opacity .5s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section11 .uldelimat {
    display: inline-flex;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-weight: 400;
    line-height: 1.25;
    transition: opacity .5s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
}

.hw-lm .lm-section11 .uldelimat.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section11 .uldelimat span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 0.83333333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(106.53deg,#ffffff 0%,#fff2e8 49.08%,#e0bc9d 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section11 .uldesquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section11 .uldesquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section11 .ulmateoutxt1 h3 span,
.hw-lm .lm-section11 .ulmateoutxt2 h3 span {
    display: inline-block;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#ffffff 0%,#fff2e8 43.08%,#b99576 88%);
    -webkit-background-clip: text;
    background-clip: text;
    transform: translate3d(0px, 30px, 0px);
}

.hw-lm .lm-section11 .ulmateoutmain img,
.hw-lm .lm-section11 .ulmatepeople img {
    transform: translate3d(0px, 65px, 0px);
}

.hw-lm .lm-section11 .ulmateoudes {
    position: absolute;
    left: 16.25vw;
    bottom: 30.385417vw;
    width: 35.41666666vw;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(calc(100% + 1.666666666vw));
    opacity: 0;
}

@media screen and (min-aspect-ratio:11/10) and (max-aspect-ratio: 1400/953) {
    .hw-lm .lm-section11 .ulmateoutxt1,
    .hw-lm .lm-section11 .ulmateoutxt2 {
        bottom: 21.385417vw;
        transform: translate3d(0vw, -12.520833vw, 0vw) scale(2.08333333);
    }

    .hw-lm .lm-section11 .ulmateoutmain,
    .hw-lm .lm-section11 .ulmatepeople {
        transform-origin: 65.8% 66.9%;
    }

    .hw-lm .lm-section11 .ulmateoudes {
        bottom: 21.385417vw;
    }
}

.hw-lm .lm-section11 .ulmateoutxt2 {
    z-index: 11;
}

.hw-lm .lm-section11 .ulmalitran {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translate3d(10.28125vw, -0.520833vw, 0vw);
}

.hw-lm .lm-section11 .active .ulmateoutxt1,
.hw-lm .lm-section11 .active .ulmateoutxt2 {
    transform: translate3d(0px, 0px, 0px) scale(1);
}

.hw-lm .lm-section11 .active .ulmalitran {
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section11 .active .ulmateoutmain,
.hw-lm .lm-section11 .active .ulmatepeople {
    transform: scale(1);
}

.hw-lm .lm-section11 .active .ulmatepeople {
    opacity: 0;
}

.hw-lm .lm-section11 .current .ulmateoutxt1,
.hw-lm .lm-section11 .current .ulmateoutxt2 {
    opacity: 0;
    transform: translateY(calc(var(--outtran)));
}

.hw-lm .lm-section11 .current .ulmateoudes {
    opacity: 1;
    transform: translateY(0px);
}

.hw-lm .lm-section11 .ulmateoutmain {
    overflow: hidden;
}

.hw-lm .lm-section11 .ulmateoutsha {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.hw-lm .lm-section11 .ulmateoutsha1 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 20.8333333333vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 10;
}

.hw-lm .lm-section11.wilChanGe .ulmateoutxt1, 
.hw-lm .lm-section11.wilChanGe .ulmateoutxt2,
.hw-lm .lm-section11.wilChanGe .ulmalitran,
.hw-lm .lm-section11.wilChanGe .ulmatepeople,
.hw-lm .lm-section11.wilChanGe .ulmateoutmain,
.hw-lm .lm-section11.wilChanGe .ulmateoutxt1 h3 span,
.hw-lm .lm-section11.wilChanGe .ulmateoutxt2 h3 span,
.hw-lm .lm-section11.wilChanGe .ulmateoutmain img, 
.hw-lm .lm-section11.wilChanGe .ulmatepeople img {
    will-change: transform, opacity;
}

/* section 11 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .outstiinner {
        margin: 0 0 0 0;
    }

    .hw-lm .lm-section11 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section11 .ulmateoutmain {
        width: 100%;
        height: 216.66666666vw;
        transform: scale(1);
    }

    .hw-lm .lm-section11 .ulmateoutsha1 {
        height: 55.555555555vw;
    }

    .hw-lm .lm-section11 .ulmateoutxt1, 
    .hw-lm .lm-section11 .ulmateoutxt2 {
        position: relative;
        left: 0;
        bottom: 0;
        margin: -60.722222vw 0 0 11.11111111vw;
        transform: none;
        z-index: 9;
    }

    .hw-lm .lm-section11 .hideTxt {
        opacity: 1;
    }

    .hw-lm .lm-section11 .ulmateoutxt1 h3 span {
        width: 86.111111111vw;
        transform: none;
        font-size: 13.33333333vw;
    }

    .hw-lm .lm-section11 .ulmateoutmain img, 
    .hw-lm .lm-section11 .ulmatepeople img {
        transform: none;
    }

    .hw-lm .lm-section11 .uldelimat {
        position: relative;
        left: 0;
        bottom: 0;
        padding: 0.6944444444vw 2.0833333333vw;
        margin: 0 0 2.7777777777vw 0;
        transform: none;
        opacity: 1;
    }

    .hw-lm .lm-section11 .uldelimat span {
        font-size: 3.3333333333vw;
    }

    .hw-lm .lm-section11 .ulmateoudes {
        position: relative;
        left: 0;
        bottom: 0;
        transform: none;
        width: 77.77777777vw;
        margin: 4.44444444vw 0 0 11.11111111vw;
        color: #6D6F72;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section11 .ulmateoudes,
    .hw-lm .lm-section11 .ulmateoutxt1 {
        transform: translate3d(0px, 80px, 0px);
        opacity: 0;
        transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
    }

    .hw-lm .lm-section11 .tactive .ulmateoutxt1,
    .hw-lm .lm-section11 .tactive .ulmateoudes {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
}


/* section 12 pc */
.hw-lm .lm-section12 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 10.41666666vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, #000 18%);
    transition: opacity 0.3s linear;
    opacity: 0;
    z-index: 9;
}

.hw-lm .lm-section12.fadein {
    opacity: 1;
}

.hw-lm .lm-section12 .staconout {
    margin: -5.2083333333vw 0 0 0;
}

.hw-lm .lm-section12 .staconim {
    overflow: hidden;
    position: relative;
    width: 81.25vw;
    height: 39.58333333vw;
    border-radius: 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-section12 .staconmat {
    width: 41.666666666vw;
    margin: 0 auto;
    color: #fff;
    font-size: 3.3333333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-section12 .stacondes {
    width: 53.447916666vw;
    margin: 1.6666666666vw auto 3.3333333333vw;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

/* section 12 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section12 {
        margin: 0;
        padding: 0 0 27.77777777vw 0;
        opacity: 1;
    }

    .hw-lm .lm-section12 .staconim {
        width: 91.11111111vw;
        height: 109.72222222vw;
        margin: 0 0 6.66666666vw 0;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section12 .staconmat {
        width: 77.77777777vw;
        font-size: 8.88888888vw;
        text-align: left;
    }

    .hw-lm .lm-section12 .stacondes {
        width: 77.77777777vw;
        margin: 4.44444444vw auto 8.88888888vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-lm .lm-section12 .staconout {
        margin: 0;
    }
}


/* section 13 pc */
.hw-lm .lm-section13 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -1px 0 0 0;
    padding: 0 0 10.41666666vw 0;
    background: #000;
    z-index: 8;
}

.hw-lm .lm-section13 .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-section13 .manfunswiper {
    width: 100%;
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide {
    cursor: pointer;
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-section13 .manfunswiper.isend .swiper-slide:nth-child(n+2) {
    cursor: default;
}

.hw-lm .lm-section13 .manfunswiper.isend .swiper-slide:nth-child(2) {
    cursor: pointer;
}

.hw-lm .lm-section13 .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-section13 .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-section13 .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section13 .manfunav li:hover {
        cursor: pointer;
    }
}

.hw-lm .lm-section13 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section13 .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide {
    width: 44.58333333vw;
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-section13 .manfunswiper .mancadtxt {
    margin: 0 0 0 0.8333333333vw;
}

.hw-lm .lm-section13 .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.083333333vw;
    height: 2.083333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 9;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section13 .manfunswiper .opevideobtn:hover {
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.12);
    } 
}

.hw-lm .lm-section13 .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-section13 .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-section13 .manfunswiper .swiper-slide:nth-child(3),
.hw-lm .lm-section13 .manfunswiper .swiper-slide:nth-child(4),
.hw-lm .lm-section13 .manfunswiper .swiper-slide:nth-child(5) {
    width: 21.666666666vw;
}

.hw-lm .lm-section13 .mancamat {
    width: 21.22916666vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-section13 .mancades {
    width: 29.635416666vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section13 .swiper-slide:nth-child(3) .mancades {
    width: 19.0625vw;
}

.hw-lm .lm-section13 .swiper-slide:nth-child(4) .mancades {
    width: 17.5vw;
}

.hw-lm .lm-section13 .swiper-slide:nth-child(5) .mancades {
    width: 17.96875vw;
}   


.hw-lm .lm-section13 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section13 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section13 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-section13 .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-section13 .xdPoints  {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-section13 .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-section13 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-section13 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-section13 .shineTo,
.hw-lm .lm-section13 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
    z-index: 3;
}

.hw-lm .lm-section13 .shineTo {
    top: -0.52083333vw;
    transform: translate3d(-50%, -50%, 0px);
}

.hw-lm .lm-section13 .shineBo {
    bottom: -0.52083333vw;
    transform: translate3d(-50%, 50%, 0px);
}

.hw-lm .lm-section13 .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate3d(0, -50%, 0px);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section13 .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate3d(0, -50%, 1px);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section13 .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section13 .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section13 .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-section13 .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-section13 .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-section13 .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section13 .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-section13 .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-section13 .manfunav li.swiper-button-disabled .xdshine {
        transform: translate3d(-50%, -50%, 1px) rotate(0deg);
    }
}

.hw-lm .lm-section13 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section13 .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-section13 .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-section13 .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section13 .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-section13 .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-section13 .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section13 .shineTo, 
    .hw-lm .lm-section13 .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section13 .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-section13 .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-section13 .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-section13 .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-section13 .moShineLe,
    .hw-lm .lm-section13 .moShineRi {
        display: none!important;
        background: red;
    }
}

.hw-lm .lm-section13.wilChanGe .manfunswiper {
    will-change: transform, opacity;
}


/* section 13 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section13 {
        padding: 0 0 1px 0;
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section13 .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-section13 .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-section13 .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section13 .mancamat {
        width: 77.77777777vw;
        margin: 6.6666666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-section13 .mancades {
        width: 77.77777777vw!important;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section13 .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-section13 .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-section13 .mancadtxt {
        margin: 0 0 0 2.22222222vw;
    }

    .hw-lm .lm-section13 .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section13 .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-section13 .manfunav {
        margin: 11.11111111vw 0 0 0;
    }

    .hw-lm .lm-section13 .manfunav li .borshadow {
        border-width: 0.4166666666vw;
    }

    .hw-lm .lm-section13 .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-section13 .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-section13 .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-section13 .manfunswiper .mancadtxt {
        margin: 0 0 0 2.22222222vw;
        transition: opacity 0.6s ease;
        opacity: 0;
    }

    .hw-lm .lm-section13 .manfunswiper .swiper-slide-active .mancadtxt {
        opacity: 1;
    }

    .hw-lm .lm-section13 .manfunswiper .opevideobtn {
        width: 8.888888888888889vw;
        height: 8.888888888888889vw;
        right: 4.44444444444vw;
        bottom: 4.44444444444vw;
    }
}


/* section 14 pc */
.hw-lm .lm-outsti1 {
    position: relative;
    background: #000;
    z-index: 11;
}

.hw-lm .stitotal {
    overflow: hidden;
    position: sticky;
    top: 0;
    margin: -100vh 0 0 0;
}

.hw-lm .lm-section14 {
    position: relative;
}

.hw-lm .ulmategolfspace {
    position: relative;
    height: 180vh;
    pointer-events: none;
}

.hw-lm .golftri {
    position: absolute;
    top: 100vh;
    left: 0;
}

.hw-lm .golftri1 {
    position: absolute;
    top: 200vh;
    left: 0;
}

.hw-lm .lm-section14 .ulmategolfmain {
    position: relative;
}

.hw-lm .lm-section14 .ulmategolfim {
    overflow: hidden;
    position: relative;
    width: 100vw;
    height: 72.5vw;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section14 .ulmategolfim>picture {
    opacity: 0.8;
}

.hw-lm .lm-section14 .ulmategolfim {
    transform: translate3d(0,0,0) scale(2.4375);
    transform-origin: 28.45% 14.3%;
}

.hw-lm .lm-section14 .ulmategolfim img {
    transform: translate3d(0px, 35px, 0px);
}

.hw-lm .lm-section14 .ulmategolftxt {
    position: absolute;
    top: 10.416666666vw;
    left: 16.25vw;
    z-index: 9;
}

.hw-lm .lm-section14 .ulmategolfsha {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 8;
}

.hw-lm .lm-section14 .ulmategolfsha1 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 20.8333333333vw;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0% , #000 100%);
    z-index: 10;
}

.hw-lm .lm-section14 .hideTxt {
    opacity: 0;
}

.hw-lm .lm-section14 .ulmategolftxt1,
.hw-lm .lm-section14 .ulmategolftxt2 {
    position: absolute;
    left: 16.25vw;
    bottom: 31.77083333vw;
    transform: translate3d(1.8vw, -11.19791666vw, 0vw) scale(2.0833333);
    transform-origin: left;
    transition: opacity .5s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    z-index: 9;
}

.hw-lm .lm-section14 .golimat {
    display: inline-flex;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.20833333vw;
    transition: opacity .5s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
}

.hw-lm .lm-section14 .golimat.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section14 .golimat span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103.2deg,#fff 0%,#f3fff8 50.49%,#b2e0cb 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section14 .uldesquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section14 .uldesquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section14 .ulmategolftxt2 {
    z-index: 13;
}

.hw-lm .lm-section14 .ulmategolftxt1 h3 span,
.hw-lm .lm-section14 .ulmategolftxt2 h3 span {
    display: inline-block;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#fff 0%,#f3fff8 50%,#b2e0cb 85%);;
    -webkit-background-clip: text;
    background-clip: text;
    transform: translate3d(0px, 30px, 0px);
}

.hw-lm .lm-section14 .ulmategolftxt1 h3 span {
    padding: 0 0 3px 0;
}

.hw-lm .lm-section14 .ulmategodes {
    position: absolute;
    left: 16.25vw;
    bottom: 31.77083333vw;
    width: 43.54166666vw;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(calc(100% + 1.666666666vw));
    opacity: 0;
    z-index: 2;
} 

.hw-lm .lm-section14 .ulmategolftxt2 .ulmasecond {
    transform: translate3d(9.85625vw, -0.52083333vw, 0);
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section14 .active .ulmasinwatch {
    transform: translate3d(0px, 0px, 0px) scale(1);
    opacity: 0;
}

.hw-lm .lm-section14 .active .ulmategolfim {
    transform: translate3d(0px, 0px, 0px) scale(1);
}

.hw-lm .lm-section14 .active .ulmategolftxt1,
.hw-lm .lm-section14 .active .ulmategolftxt2 {
    transform: translate3d(0px, 0px, 0px) scale(1);
}

.hw-lm .lm-section14 .active .ulmategolftxt2 .ulmasecond {
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section14 .current .ulmategolftxt1,
.hw-lm .lm-section14 .current .ulmategolftxt2 {
    opacity: 0;
    transform: translateY(var(--goltran));
}

.hw-lm .lm-section14 .current .ulmategodes {
    opacity: 1;
    z-index: 9999;
    transform: translateY(0px);
}


.hw-lm .lm-section14.wilChanGe .ulmategolftxt2 .ulmasecond,
.hw-lm .lm-section14.wilChanGe .ulmasinwatch,
.hw-lm .lm-section14.wilChanGe .ulmategolftxt1,
.hw-lm .lm-section14.wilChanGe .ulmategolftxt2,
.hw-lm .lm-section14.wilChanGe .ulmategolfim,
.hw-lm .lm-section14.wilChanGe .ulmategolftxt1 h3 span,
.hw-lm .lm-section14.wilChanGe .ulmategolftxt2 h3 span,
.hw-lm .lm-section14.wilChanGe .ulmasinwatch img, 
.hw-lm .lm-section14.wilChanGe .ulmategolfim img {
    will-change: transform, opacity;
}

@media screen and (min-aspect-ratio:11/10) and (max-aspect-ratio: 1400/953) {
    .hw-lm .lm-section14 .ulmategolftxt1,
    .hw-lm .lm-section14 .ulmategolftxt2 {
        bottom: 22.77083333vw;
        transform: translate3d(3vw, -10.197917vw, 0vw) scale(2.0833333);
    }

    .hw-lm .lm-section14 .ulmategodes {
        bottom: 22.77083333vw;
    }

    .hw-lm .lm-section14 .ulmategolfim {
        transform-origin: 27.6% 4.8%;
    }
}


/* section 14 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .stitotal {
        margin: 0;
    }

    .hw-lm .lm-section14 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section14 .golimat {
        position: relative;
        bottom: 0px;
        left: 0px;
        margin: 0 0 2.777777777vw 0;
        padding: 0.69444444444vw 2.0833333333vw;
        transform: none;
        opacity: 1;
    }

    .hw-lm .lm-section14 .golimat span {
        font-size: 3.333333333vw;
        font-weight: 400;
    }

    .hw-lm .lm-section14 .ulmategolfim {
        width: 100%;
        height: 216.66666666vw;
        margin: 0;
        transform: scale(1);
    }

    .hw-lm .lm-section14 .ulmategolftxt1 {
        position: relative;
        left: 0;
        bottom: 0;
        margin: -58.22222vw 0 0 11.11111111vw;
        transform: none;
    }

    .hw-lm .lm-section14 .ulmategolftxt1 h3 span {
        width: 86.111111111vw;
        font-size: 13.33333333vw;
        transform: none;
    }

    .hw-lm .lm-section14 .ulmategolfim img {
        transform: none;
    }

    .hw-lm .lm-section14 .ulmategodes {
        position: relative;
        left: 0;
        bottom: 0;
        transform: none;
        width: 77.77777777vw;
        margin: 4.44444444vw 0 0 11.11111111vw;
        color: #6D6F72;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section14 .ulmategolftxt1,
    .hw-lm .lm-section14 .ulmategodes {
        transform: translate3d(0,80px,0);
        opacity: 0;
        transition: opacity 0.6s linear, transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
    }

    .hw-lm .lm-section14 .tactive .ulmategolftxt1,
    .hw-lm .lm-section14 .tactive .ulmategodes {
        transform: translate3d(0px,0px,0px);
        opacity: 1;
    }

    .hw-lm .lm-section14 .ulmategolfsha1 {
        height: 55.55555555vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    }

    .hw-lm .lm-section14 .ulmategolftxt1 .ulmasecond {
        transform: none;
    }

    .hw-lm .lm-section14 .hideTxt {
        opacity: 1;
    }
}


/* section 15 pc */
.hw-lm .lm-section15 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -5.6vw 0 10.41666666vw;
    padding: 0 0 1px 0;
    transition: opacity 0.3s linear;
    opacity: 0;
    z-index: 10;
}

.hw-lm .lm-section15.fadein {
    opacity: 1;
}

.hw-lm .lm-section15 .pramat {
    width: 41.6666666vw;
    color: #fff;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-section15 .Gopraswicon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hw-lm .lm-section15 .prades {
    width: 43.541666vw;
    margin: 1.66666666vw 0 3.33333333vw 0;
    color: #6D6F72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.hw-lm .lm-section15 .GoswiPer {
    position: relative;
    overflow: hidden;
    width: 67.5vw;
    height: 34.375vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.hw-lm .lm-section15 .GoswiPer .swiper-slide {
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

.hw-lm .lm-section15 .GoswiPer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    background: #242424;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0.15;
    pointer-events: none;
}

.hw-lm .lm-section15 .Gonaoutcon {
    display: inline-flex;
    padding: 0.20833333vw;
    margin: 2.5vw 0 2.08333333vw 0;
    background: rgba(60, 107, 87, 0.3);
    border-radius: 999px;
}

.hw-lm .lm-section15 .Goswinav {
    position: relative;
    display: inline-flex;
}

.hw-lm .lm-section15 .GoPratxt {
    display: flex;
    width: 41.6666666vw;
}

.hw-lm .lm-section15 .GoPratxt p {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    color: #6D6F72;
    font-size: 1.041666666vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
}

.hw-lm .lm-section15 .GoPratxt p.active {
    opacity: 1;
    z-index: 10;
    transition-delay: 0.2s;
}

.hw-lm .lm-section15 .GoPratxt p:nth-child(2) {
    transform: translateX(-100%);
}

.hw-lm .lm-section15 .Goswinav li {
    display: flex;
    overflow: hidden;
    position: relative;
    max-width: 18.229166666vw;
    padding: 0.68vw 1.25vw 0.66vw;
    border-radius: 999px;
    text-align: center;
    transform: translate3d(0, 0, 0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section15.wilChanGe .Goswinav li {
    will-change: transform;
}

.hw-lm .lm-section15 .Goswinav span {
    display: block;
    position: relative;
    color: rgba(215, 250, 227, 0.6);
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
    transition: color 0.3s ease;
    z-index: 9;
}

.hw-lm .lm-section15 .Goswinav li.active span {
    color: rgba(215, 250, 227, 1)!important;
    cursor: default!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section15 .Goswinav li span:hover {
        color: rgba(215, 250, 227, 0.8);
        cursor: pointer;
    }
}

.hw-lm .lm-section15 .barsquare {
    overflow: hidden;
    position: absolute;
    left: var(--chaleft1);
    top: 0;
    width: var(--chawidth1);
    height: 100%;
    background: #3C6B57;
    transition: width 0.3s ease, left 0.3s ease;
    border-radius: 99999px;
    z-index: 0;
}

.hw-lm .lm-section15 .barinba {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 999px;
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-section15 .barinba {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

}

.hw-lm .lm-section15 .douarr {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    z-index: 6;
}

.hw-lm .lm-section15 .douarr.active .barrArr,
.hw-lm .lm-section15 .douarr.active .barlArr {
    transform: translate(0px, -50%);
    opacity: 0.3;
    transition: 1s ease 0.15s;
}

.hw-lm .lm-section15 .barsine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background: #d7fae3;
    border-radius: 50%;
    filter: blur(10px);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.hw-lm .lm-section15 .barlArr, 
.hw-lm .lm-section15 .barrArr {
    display: flex;
    position: absolute;
    top: 50%;
    width: 2.76041666vw;
    height: 4.16666666vw;
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section15 .barlArr svg, 
.hw-lm .lm-section15 .barrArr svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section15 .barlArr {
    right: 100%;
    transform: translate(5.20833333vw, -50%);
}

.hw-lm .lm-section15 .barrArr {
    left: 100%;
    transform: translate(-5.20833333vw, -50%);
}

.hw-lm .lm-section15 .barTicon {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 4;
}

.hw-lm .lm-section15 .barback {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: radial-gradient(ellipse 50% 61.53% at 50% 50%, #072b1c 0%, #000 100%);
    z-index: -1;
}

.hw-lm .lm-section15 .barrPont, 
.hw-lm .lm-section15 .barlPoint {
    display: flex;
    width: 3.33333333vw;
    height: 3.33333333vw;
}

.hw-lm .lm-section15 .barrPont img,
.hw-lm .lm-section15 .barlPoint img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section15 .barlPoint {
    margin: 0 0 0 -1.681667vw;
}

.hw-lm .lm-section15 .barrPont {
    margin: 0 -1.681667vw 0 0;
}

/* section 15 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section15 {
        margin: 0 0 27.77777777vw 0;
        opacity: 1;
    }

    .hw-lm .lm-section15 .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-section15 .pramat {
        align-self: flex-start;
        width: 100%;
        margin: 0 0 0 2.22222222vw;
        font-size: 8.88888888vw;
        text-align: left;
    }

    .hw-lm .lm-section15 .prades {
        width: 77.77777777vw;
        align-self: flex-start;
        margin: 4.44444444vw 0 8.88888888vw 2.22222222vw;
        font-size: 4.44444444vw; 
        text-align: left;
    }

    .hw-lm .lm-section15 .GoswiPer {
        width: 82.22222222vw;
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section15 .Goswinav span {
        font-size: 3.88888888vw;
    }

    .hw-lm .lm-section15 .barinba {
        width: calc(100% - 0.5555555vw);
        height: calc(100% - 0.5555555vw);
    }

    .hw-lm .lm-section15 .GoPratxt {
        width: 77.77777777vw;
    }

    .hw-lm .lm-section15 .GoPratxt p {
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-lm .lm-section15 .Gonaoutcon {
        padding: 1.11111111vw;
        margin: 6.6666666vw 0 8.8888888vw 0;
    }

    .hw-lm .lm-section15 .Goswinav li {
        max-width: 34.229167vw;
        padding: 3.47222222vw 5.55555555vw;
    }

    .hw-lm .lm-section15 .barlArr, 
    .hw-lm .lm-section15 .barrArr {
        width: 14.72222222vw;
        height: 20.27777777vw;
    }

    .hw-lm .lm-section15 .barlArr {
        transform: translate(25vw, -50%);
    }

    .hw-lm .lm-section15 .barrArr {
        transform: translate(-25vw, -50%);
    }

    .hw-lm .lm-section15 .barsine {
        width: 16.38888888vw;
        height: 128%;
    }

    .hw-lm .lm-section15 .barlPoint,
    .hw-lm .lm-section15 .barrPont {
        width: auto;
        height: 100%;
    }

    .hw-lm .lm-section15 .barlPoint {
        margin: 0 0 0 -4.6vw;
    }

    .hw-lm .lm-section15 .barrPont {
        margin: 0 -4.5vw 0 0;
    }
}

/* section up add  */
.hw-lm .lm-upadd {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.41666666vw 0;
    padding: 0 0 1px 0;
    transition: opacity 0.3s linear;
    z-index: 10;
}

.hw-lm .lm-upadd.fadein {
    opacity: 1;
}

.hw-lm .lm-upadd .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-upadd .pramat {
    width: 41.6666666vw;
    color: #fff;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-upadd .prades {
    width: 52.44791666vw;
    margin: 1.66666666vw 0 3.33333333vw 0;
    color: #6D6F72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.hw-lm .lm-upadd .manfunswiper {
    width: 100%;
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide {
    width: 44.8vw;
    cursor: pointer;
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-upadd .manfunswiper.isend .swiper-slide:last-child {
    cursor: default;
}

.hw-lm .lm-upadd .manfunswiper.isend .swiper-slide:first-child {
    cursor: pointer;
}

.hw-lm .lm-upadd .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-upadd .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-upadd .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-upadd .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-upadd .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-upadd .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.83333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide .mancardim::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    height: 105%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.15);
    z-index: 9;
}

.hw-lm .lm-upadd.wilChanGe .manfunswiper .swiper-slide .mancardim::after {
    will-change: transform;
}

.hw-lm .lm-upadd .manfunswiper .swiper-slide:nth-child(2) .mancardim::after {
    background: rgba(0, 0, 0, 0);
}

.hw-lm .lm-upadd .mancardim1 .povideo {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.hw-lm .lm-upadd .mancardim .povideo video {
    width: calc(100% + 0.10416666vw);
    height: calc(100% + 0.10416666vw);
}

.hw-lm .lm-upadd .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 99;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-upadd .manfunswiper .opevideobtn:hover {
        background-color: rgba(255, 255, 255, 0.12);
        cursor: pointer;
    }
}

.hw-lm .lm-upadd .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-upadd .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-upadd .mancamat {
    width: 20.229167vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-upadd .mancadtxt {
    margin: 0 0 0 0.83333333333vw;
}

.hw-lm .lm-upadd .mancades {
    width: 28.125vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-upadd .swiper-slide:nth-child(2) .mancades {
    width: 29.6875vw;
}

.hw-lm .lm-upadd .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
    transform: translate3d(0,0,0px) rotate(0deg);
}

.hw-lm .lm-upadd.wilChanGe .manfunav li {
    will-change: transform;
}

.hw-lm .lm-upadd .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-upadd .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-upadd .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-upadd .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}


@media screen and (max-width: 1200px) {
    .hw-lm .lm-upadd .xdPoints {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-upadd .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-upadd .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-upadd .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-upadd .shineTo,
.hw-lm .lm-upadd .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
}

.hw-lm .lm-upadd .shineTo {
    top: -0.52083333vw;
    transform: translate(-50%, -50%);
}

.hw-lm .lm-upadd .shineBo {
    bottom: -0.52083333vw;
    transform: translate(-50%, 50%);
}

.hw-lm .lm-upadd .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-upadd .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-upadd .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-upadd .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-upadd .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-upadd .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-upadd .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-upadd .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-upadd .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-upadd .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-upadd .manfunav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.hw-lm .lm-upadd .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-upadd .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-upadd .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-upadd .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-upadd .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-upadd .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-upadd .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-upadd .shineTo, 
    .hw-lm .lm-upadd .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-upadd .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-upadd .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-upadd .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-upadd .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-upadd .moShineLe,
    .hw-lm .lm-upadd .moShineRi {
        display: none!important;
    }

    .hw-lm .lm-upadd .manfunswiper .opevideobtn:hover {
        background-color: rgba(255, 255, 255, 0.2)!important;
        cursor: default!important;
    }
}



.hw-lm .lm-upadd.wilChanGe .manfunswiper .swiper-wrapper {
    will-change: transform, opacity;
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-upadd {
        margin: 0 0 27.77777777vw 0;
        opacity: 1;
    }

    .hw-lm .lm-upadd .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-upadd .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-upadd .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-upadd .mancamat {
        width: 77.77777777vw;
        margin: 6.666666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-upadd .mancades {
        width: 77.77777777vw!important;
        margin: 0;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-upadd .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-upadd .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-upadd .mancadtxt {
        margin: 0 0 0 2.22222222vw;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .hw-lm .lm-upadd .swiper-slide.swiper-slide-active .mancadtxt {
        opacity: 1;
    }

    .hw-lm .lm-upadd .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-upadd .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-upadd .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-upadd .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-upadd .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-upadd .manfunav {
        margin: 11.11111111vw 0 0 0;
    }

    .hw-lm .lm-upadd .manfunswiper .opevideobtn {
        width: 8.88888888vw;
        height: 8.88888888vw;
        bottom: 4.44444444vw;
        right: 4.44444444vw;
    }

    .hw-lm .lm-upadd .pramat {
        align-self: flex-start;
        width: 100%;
        margin: 0 0 0 2.22222222vw;
        font-size: 8.88888888vw;
        text-align: left;
    }

    .hw-lm .lm-upadd .prades {
        width: 77.77777777vw;
        align-self: flex-start;
        margin: 4.44444444vw 0 8.88888888vw 2.22222222vw;
        font-size: 4.44444444vw;
        text-align: left;
    }
}






/* section 16 pc */
.hw-lm .lm-section16 {
    overflow: hidden;
    position: relative;
    margin: 0 0 10.41666666vw 0;
}

.hw-lm .lm-section16 .smartlishadow {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 110%;
    height: 28.125vw;
    transform: translate(-50%,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
    z-index: 2;
}

.hw-lm .lm-section16 .smartlichan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 16.25vw;
    bottom: 8.333333333vw;
    z-index: 10;
}

.hw-lm .lm-section16 .smartde {
    display: inline-block;
    position: relative;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
}

.hw-lm .lm-section16 .smartde span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103deg, #fff 0%, #e8ebe9 49.65%, #82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section16 .smartsquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section16 .smartsquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section16 .smartlisubt {
    position: relative;
    display: inline-block;
    color: #fff;
    color: transparent;
    margin: 0 0 1.04166666vw 0;
    padding: 0.3125vw 0.83333333vw;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #e8ebe9 49.65%, #82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section16 .smartlisubt .txtback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section16 .smartlisubt .txtback svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section16 .smartlimat1 {
    display: inline-block;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0vw, #e8ebe9 3.125vw, #82a394 6.25vw, #fff 6.77083333vw, #e8ebe9 8.85416666vw, #82a394 11.45833333vw, #82a394 12.5vw,#fff 12.5vw, #e8ebe9 15.625vw, #82a394 17.70833333vw);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section16.wilChanGe .smartlimat1 {
    will-change: transform, opacity;
}

.hw-lm .lm-section16 .samrtimcon {
    overflow: hidden;
    position: relative;
}

/* section 16 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section16 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section16 .smartlichan {
        position: relative;
        left: 0;
        bottom: 0; 
    }

    .hw-lm .lm-section16 .smartlimat2,
    .hw-lm .lm-section16 .smartlimat1 {
        font-size: 13.33333333vw;
    }

    .hw-lm .lm-section16 .smartlisubt {
        margin: 0 0 0 11.11111111vw;
        padding: 0.69444444vw 2.22222222vw;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section16 .smartlimat1 {
        margin: 0 0 8.88888888vw 11.11111111vw;
        background: linear-gradient(180deg,#fff 0,#e8ebe9 6.94444444vw,#82a394 13.88888888vw, #82a394 17.25vw, #fff 17.36111111vw,#e8ebe9 23.19444444vw,#82a394 30.5vw, #fff 35.888889vw,#e8ebe9 39.44444444vw,#82a394 48.75vw, #fff 50.13888888vw,#e8ebe9 55.69444444vw,#82a394 66.38888888vw, #fff 66.38888888vw,#e8ebe9 71.94444444vw,#82a394 84.02777777vw, #fff 84.02777777vw,#e8ebe9 88.19444444vw,#82a394 98.88888888vw );
        -webkit-background-clip: text;
        background-clip: text;
    }
    
    .hw-lm .lm-section16 .smartlishadow {
        height: 75vw;
        background: none;
    }

    .hw-lm .lm-section16 .smartlimat2 {
        margin: 0 0 8.88888888vw 11.11111111vw;
    }

    .hw-lm .lm-section16 .smartde {
        margin: 0 0 2.77777777vw 11.11111111vw;
        padding: 0.55555555vw 2.08333333vw;
        font-size: 3.33333333vw;
    }
}


/* section 17 pc */
.hw-lm .lm-section17 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 81.25vw;
    margin: 0 auto 10.41666666vw;
} 

.hw-lm .lm-section17 .esmvideo {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 39.58333333vw;
    margin: 0 0 2.0833333333vw 0;
    border-radius: 0.83333333vw;
}

.hw-lm .lm-section17 .esmmat {
    width: 41.6666666666vw;
    margin: 0 auto 3.3333333333vw;
    color: #fff;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-section17 .esmbonote {
    width: 33.54166666vw;
    margin: 0 15.625vw 0 0;
    color: #6d6f72;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section17 .esmboicon {
    display: flex;
    align-items: center;
}

.hw-lm .lm-section17 .esmiconim {
    width: 4.1666666666vw;
    height: 4.1666666666vw;
    margin: 0 0.8333333333vw 0 0;
}

.hw-lm .lm-section17 .esmstarcon {
    display: flex;
    max-width: 20.833333333vw;
    color: #fff;
    font-size: 1.666666666vw;
    font-weight: 400;
    line-height: 1.25;
}

.hw-lm .lm-section17 .esmstartt {
    display: flex;
    flex-direction: column;
}

.hw-lm .lm-section17 .esmlides {
    max-width: 26.0416666666vw;
    margin: 0.208333333vw 0 0 0;
    color: #6d6f72;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
}

/* section 17 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section17 {
        flex-direction: column;
        width: 91.11111111vw;
        margin: 0 auto 27.77777777vw;
    }

    .hw-lm .lm-section17 .esmmat {
        align-self: flex-start;
        width: 77.77777777vw;
        margin: 0 0 0 6.66666666vw;
        font-size: 8.88888888vw;
        text-align: left;
        order: 1;
    }

    .hw-lm .lm-section17 .esmbonote {
        width: 77.77777777vw;
        margin: 4.44444444vw 0 8.88888888vw 6.66666666vw;
        font-size: 4.44444444vw;
        order: 2;
    }

    .hw-lm .lm-section17 .esmvideo {
        width: 91.11111111vw;
        height: 109.72222222vw;
        margin: 0 0 6.66666666vw 0;
        border-radius: 2.22222222vw;
        order: 3;
    }

    .hw-lm .lm-section17 .esmiconim {
        width: 17.22222222vw;
        height: 17.22222222vw;
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-section17 .esmstarcon {
        max-width: 52.777777777vw;
        font-size: 5.555555555vw;
    }

    .hw-lm .lm-section17 .esmlides {
        max-width: none;
        width: 52.77777777vw;
        margin: 1.3888888888vw 0 0 0;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section17 .esmboicon {
        margin: 0 0 0 4.444444444vw;
        order: 4;
    }
}

/* section 18 pc */
.hw-lm .lm-section18 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.41666666vw;
    padding: 0 0 1px 0;
}

.hw-lm .lm-section18 .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-section18 .manfunswiper {
    width: 100%;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide {
    cursor: pointer;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-section18 .manfunswiper.isend .swiper-slide:nth-last-child(-n + 2) {
    cursor: default;
}

.hw-lm .lm-section18 .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-section18 .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-section18 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section18 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 2;
}

.hw-lm .lm-section18 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section18 .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.8333333333333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide {
    width: 21.66666666vw;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide:nth-child(2) .mancardim {
    background: linear-gradient(180deg,#1b2741 0%,#1b223c 100%);
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide .povideo {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18.75vw;
    height: 18.75vw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.hw-lm .lm-section18 .manfunswiper .swiper-slide .mancadtxt {
    margin: 0 0 0 0.8333333333vw;
}

.hw-lm .lm-section18 .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.08333333vw;
    height: 2.08333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 9;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section18 .manfunswiper .opevideobtn:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }
}

.hw-lm .lm-section18 .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-section18 .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-section18 .mancamat {
    width: 21.22916666vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-section18 .mancades {
    width: 18.4375vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section18 .swiper-slide:nth-child(5) .mancades {
    width: 19.0625vw;
}

.hw-lm .lm-section18 .swiper-slide:nth-child(6) .mancades {
    width: 19.53125vw;
}

.hw-lm .lm-section18 .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.hw-lm .lm-section18 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section18 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section18 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-section18 .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-section18 .xdPoints  {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-section18 .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-section18 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-section18 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-section18 .shineTo,
.hw-lm .lm-section18 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
    z-index: 3;
}

.hw-lm .lm-section18 .shineTo {
    top: -0.52083333vw;
    transform: translate3d(-50%, -50%, 0px);
}

.hw-lm .lm-section18 .shineBo {
    bottom: -0.52083333vw;
    transform: translate3d(-50%, 50%, 0px);
}

.hw-lm .lm-section18 .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section18 .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section18 .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section18 .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section18 .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-section18 .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-section18 .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-section18 .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section18 .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-section18 .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-section18 .manfunav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.hw-lm .lm-section18 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section18 .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-section18 .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-section18 .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section18 .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-section18 .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-section18 .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section18 .shineTo, 
    .hw-lm .lm-section18 .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section18 .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-section18 .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-section18 .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-section18 .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-section18 .moShineLe,
    .hw-lm .lm-section18 .moShineRi {
        display: none!important;
    }
}

.hw-lm .lm-section18.wilChanGe .manfunswiper {
    will-change: transform, opacity;
}

/* section 18 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section18 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section18 .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section18 .mancamat {
        width: 69.44444444vw;
        margin: 6.66666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-section18 .mancades {
        width: 77.77777777vw!important;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section18 .manfunswiper .opevideobtn {
        width: 8.888888888888889vw;
        height: 8.888888888888889vw;
        right: 4.44444444444vw;
        bottom: 4.44444444444vw;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide .povideo {
        width: 71.11111111vw;
        height: 71.11111111vw;
    }

    .hw-lm .lm-section18 .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-section18 .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-section18 .mancadtxt {
        margin: 0 0 0 2.22222222vw;
    }

    .hw-lm .lm-section18 .manfunav {
        margin: 11.111111111vw 0 0 0;
    } 

    .hw-lm .lm-section18 .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section18 .manfunav li .borshadow {
        border-width: 0.416666666vw;
    }

    .hw-lm .lm-section18 .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-section18 .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-section18 .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide .mancadtxt {
        margin: 0 0 0 2.22222222vw;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .hw-lm .lm-section18 .manfunswiper .swiper-slide.swiper-slide-active .mancadtxt {
        opacity: 1;
    }
}



/* section 19 pc */
.hw-lm .lm-section19 {
    position: relative;
    margin: 0 0 10.41666666vw 0;
}

.hw-lm .lm-section19 .xtapvcon {
    position: sticky;
    top: 0;
    height: 100vh;
}

.hw-lm .lm-section19 .xtapvcon .povideo::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,#000000 100%);
    z-index: 1;
}

.hw-lm .lm-section19 .ulmatextap {
    height: 80vh;
}

.hw-lm .lm-section19 .xtatxtchan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: translateY(var(--tapY));
    transition: transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-lm .lm-section19 .xtapde {
    display: inline-block;
    position: relative;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
    transition: opacity .6s linear;
}

.hw-lm .lm-section19 .xtapde span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103.14deg, #fff 0%, #e8ebe9 49.65%, #82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section19 .smartsquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section19 .smartsquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section19 .xtatxtchan.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section19 .xtatxtchan.active .xtapde,
.hw-lm .lm-section19 .xtatxtchan.active .xtmat1 {
    opacity: 0;
}

.hw-lm .lm-section19 .xtatxtchan.active .xtdes {
    opacity: 1;
}

.hw-lm .lm-section19 .xtapshow {
    position: absolute;
    left: 16.25vw;
    bottom: 14.8148148%;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translate3d(0px, 80px, 0);
    opacity: 0;
    z-index: 2;
}

.hw-lm .lm-section19 .xtapshow.show {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.hw-lm .lm-section19 .xtsubt {
    position: relative;
    display: inline-block;
    color: #fff;
    color: transparent;
    margin: 0 0 1.04166666vw 0;
    padding: 0.3125vw 0.83333333vw;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #e8ebe9 49.65%, #82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}   

.hw-lm .lm-section19 .xtsubt .txtback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section19 .xtsubt .txtback svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section19 .xtmat1 {
    display: inline-block;
    width: 62.5vw;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0vw, #e8ebe9 3.125vw, #82a394 5.25vw, #82a394 6.8vw,#fff 6.8083333vw, #fff 7.77083333vw, #e8ebe9 8.85416666vw, #82a394 11.45833333vw, #82a394 12.5vw,#fff 12.5vw, #e8ebe9 15.625vw, #82a394 17.70833333vw);
    -webkit-background-clip: text;
    background-clip: text;
    transition: opacity .6s linear;
}

.hw-lm .lm-section19 .xtdes {
    width: 36.729167vw;
    margin: 1.666666666vw 0 0 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    opacity: 0;
    transition: opacity .6s linear;
}

.hw-lm .lm-section19 .xtdes span {
    color: #fff;
    font-weight: 700;
}

.hw-lm .lm-section19.wilChanGe .xtmat1,
.hw-lm .lm-section19.wilChanGe .xtdes,
.hw-lm .lm-section19.wilChanGe .xtatxtchan {
    will-change: transform, opacity;
}

/* section 19 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section19 {
        overflow: hidden;
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section19 .xtapvcon {
        height: auto;
    }

    .hw-lm .lm-section19 .xtapshow {
        position: relative;
        left: 0;
        bottom: 0;
        opacity: 1;
    }

    .hw-lm .lm-section19 .povideo {
        height: 150vw;
    }

    .hw-lm .lm-section19 .xtsubt {
        margin: 0 0 1.38888888vw 0;
        padding: 0.69444444vw 2.22222222vw;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section19 .xtatxtchan {
        margin: 0 0 0 11.11111111vw;
        transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
        transform: translate3d(0, 80px, 0);
        opacity: 0;
    }

    .hw-lm .lm-section19 .xtatxtchan.tactive {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }

    .hw-lm .lm-section19 .xtmat1 {
        width: 86.1111111111vw;
        font-size: 13.33333333vw;
        background: linear-gradient(180deg,#fff 0,#e8ebe9 6.94444444vw,#82a394 15.888889vw, #82a394 16.25vw, #fff 17.36111111vw,#e8ebe9 23.19444444vw,#82a394 30.5vw,#82a394 33.5vw, #fff 33.88888888vw,#e8ebe9 39.44444444vw,#82a394 49vw, #fff 49.13888888vw,#e8ebe9 55.69444444vw,#82a394 66.38888888vw, #fff 66.38888888vw,#e8ebe9 71.94444444vw,#82a394 84.02777777vw, #fff 84.02777777vw,#e8ebe9 88.19444444vw,#82a394 98.88888888vw, #fff 98.88888888vw,#e8ebe9 103.75vw,#82a394 114.44444444vw);
        -webkit-background-clip: text;
        background-clip: text;
    }

    .hw-lm .lm-section19 .xtapshow {
        transform: none;
    }

    .hw-lm .lm-section19 .xtdes {
        width: 77.77777777vw;
        margin: 4.44444444vw 0 8.88888888vw 0;
        color: #6d6f72;
        font-size: 4.44444444vw;
        opacity: 1;
    }

    .hw-lm .lm-section19 .xtapde {
        margin: 0 0 1.388888888vw 0;
        padding: 0.55555555vw 2.08333333vw;
        font-size: 3.33333333vw;
    }
}


/* section 20 pc */
.hw-lm .lm-section20 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.416666666vw 0;
    padding: 0 0 1px 0;
}

.hw-lm .lm-section20 .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-section20 .manfunswiper {
    width: 100%;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide {
    cursor: pointer;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-section20 .manfunswiper.isend .swiper-slide:nth-last-child(-n + 2) {
    cursor: default;
}

.hw-lm .lm-section20 .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-section20 .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-section20 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section20 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section20 .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide {
    width: 21.66666666vw;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide .povideo {
    overflow: hidden;
    position: absolute;
    top: 7.7604166666vw;
    left: 5.416666666vw;
    width: 10.625vw;
    height: 10.625vw;
    background: #000;
    border-radius: 50%;
    z-index: 3;
}   

.hw-lm .lm-section20 .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 9;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section20 .manfunswiper .opevideobtn:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }
}

.hw-lm .lm-section20 .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-section20 .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-section20 .manfunswiper .swiper-slide .mancadtxt {
    margin: 0 0 0 0.833333333vw;
}

.hw-lm .lm-section20 .mancamat {
    width: 19.79166666vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-section20 .mancades {
    width: 18.4375vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section20 .swiper-slide:nth-child(1) .mancades {
    width: 19.322916vw;
}

.hw-lm .lm-section20 .swiper-slide:nth-child(3)  .mancades {
    width: 19.21875vw;
}

.hw-lm .lm-section20 .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.hw-lm .lm-section20 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section20 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section20 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-section20 .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-section20 .xdPoints  {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-section20 .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-section20 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-section20 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-section20 .shineTo,
.hw-lm .lm-section20 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
    z-index: 3;
}

.hw-lm .lm-section20 .shineTo {
    top: -0.52083333vw;
    transform: translate3d(-50%, -50%, 0px);
}

.hw-lm .lm-section20 .shineBo {
    bottom: -0.52083333vw;
    transform: translate3d(-50%, 50%, 0px);
}

.hw-lm .lm-section20 .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate3d(0px, -50%, 0px);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section20 .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate3d(0px, -50%, 0px);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section20 .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-section20 .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section20 .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-section20 .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-section20 .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-section20 .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-section20 .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-section20 .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-section20 .manfunav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.hw-lm .lm-section20 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-section20 .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-section20 .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-section20 .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section20 .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-section20 .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-section20 .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section20 .shineTo, 
    .hw-lm .lm-section20 .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section20 .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-section20 .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-section20 .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-section20 .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-section20 .moShineLe,
    .hw-lm .lm-section20 .moShineRi {
        display: none!important;
    }
}

.hw-lm .lm-section20.wilChanGe .manfunswiper {
    will-change: transform, opacity;
}

/* section 20 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section20 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-section20 .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section20 .mancamat {
        width: 55.55555555vw;
        margin: 6.66666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-section20 .mancades {
        width: 77.77777777vw!important;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-section20 .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-section20 .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-section20 .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide .mancadtxt {
        margin: 0 0 0 2.222222222vw;
        transition: opacity 0.6s ease;
        opacity: 0;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide.swiper-slide-active .mancadtxt {
        opacity: 1;
    }

    .hw-lm .lm-section20 .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-section20 .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-section20 .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-section20 .manfunav li .borshadow {
        border-width: 0.416666666vw;
    }

    .hw-lm .lm-section20 .manfunav {
        margin: 11.11111111vw 0 0 0;
    }

    .hw-lm .lm-section20 .manfunswiper .swiper-slide .povideo {
        width: 44.861111111vw;
        height: 44.861111111vw;
        top: 32.63888888vw;
        left: 18.194444444vw;
    }

    .hw-lm .lm-section20 .manfunswiper .opevideobtn {
        width: 8.88888888vw;
        height: 8.88888888vw;
        bottom: 4.44444444vw;
        right: 4.44444444vw;
    }
}


/* section 21 pc */
.hw-lm .lm-section21 {
    position: relative;
    margin: 3.64583333vw 0;
}

.hw-lm .lm-section21 .barrtoptxt {
    position: absolute;
    bottom: 4.6875vw;
    left: 16.25vw;
    width: 41.66666666vw;
    transition: opacity .5s ease, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    z-index: 9;
}

.hw-lm .lm-section21 .barrde {
    display: inline-block;
    position: relative;
    margin: 0 0 0.625vw 0;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
    transition: opacity .6s linear;
} 

.hw-lm .lm-section21 .smartsquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-section21 .barrtoptxt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hw-lm .lm-section21 .smartsquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section21 .barrde span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103.14deg, #fff 0%, #e8ebe9  49.65%, #82a394  100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section21 .barsut {
    position: relative;
    display: inline-block;
    color: #fff;
    color: transparent;
    margin: 0 0 1.04166666vw 0;
    padding: 0.3125vw 0.83333333vw;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(105.86deg,#ffffff 0%,#e8ebe9 49.65%,#82a394 100%);;
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section21 .txtback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section21 .txtback svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section21 .barmat1 {
    display: inline-block;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0vw, #e8ebe9 3.125vw, #82a394 5.25vw, #82a394 6.75vw, #fff 6.77083333vw, #e8ebe9 8.85416666vw, #82a394 12.23958333vw, #82a394 13.5vw, #fff 13.5vw, #e8ebe9 15.625vw, #82a394 18.75vw,#fff 19.27083333vw, #e8ebe9 21.875vw, #82a394 23.4375vw);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section21 .barsavebottom {
    position: relative;
    margin: 0 0 4.6875vw 0;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translate3d(0px, calc(100% + 2.5vw), 0px);
    opacity: 0;
    z-index: -1;
}

.hw-lm .lm-section21 .show .barrtoptxt {
    transform: translate3d(0px, var(--barmovedistance), 0px);
    opacity: 0;
    z-index: -1;
}

.hw-lm .lm-section21 .show .barsavebottom {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    z-index: 1;
}

.hw-lm .lm-section21 .barrbottxt {
    display: flex;
    align-items: flex-end;
    margin: 0 0 0 16.25vw;
}

.hw-lm .lm-section21 .barsatwopart {
    display: flex;
    width: 39.208333vw;
}

.hw-lm .lm-section21 .barsatwopart>div {
    flex-shrink: 0;
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hw-lm .lm-section21 .barsatwopart>div.current {
    opacity: 1;
    z-index: 2;
}

.hw-lm .lm-section21 .barsatwopart>div.sapart2 {
    transform: translateX(-100%);
}

.hw-lm .lm-section21 .barsavenote {
    width: 39.20833333vw;
    margin: 0 0 2.5vw 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section21 .sapart1 {
    flex-direction: column;
}

.hw-lm .lm-section21 .sapart1 .itemli {
    display: flex;
}

.hw-lm .lm-section21 .sapart1 .itemli .charltxt {
    margin: 1.5625vw 0 0 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section21 .sapart1 .itemli picture {
    width: auto;
}

.hw-lm .lm-section21 .sapart1 .itemli .charcline {
    width: 0.10416666vw;
    height: 6.25vw;
    margin: 0 1.25vw;
}

.hw-lm .lm-section21 .sapart1 .charrtxt {
    margin: -1.145833333vw 0 0 0;
}

.hw-lm .lm-section21 .sapart1 .itemli p.white {
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section21 .sapart1 .itemli p.white span {
    display: inline-block;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0%, #e8ebe9 35.65%, #82a394 85%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-section21 .sapart1 .itemli:not(:last-child) {
    margin: 0 0 1.25vw 0;
}

.hw-lm .lm-section21 .sapart1 .itemli p.gray {
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section21 .sapart2 {
    display: flex;
    flex-direction: column;
}

.hw-lm .lm-section21 .sapart2 p {
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-section21 .sapart2 .itemli:first-child {
    margin: -1.1458333333vw 0 0  0;
}

.hw-lm .lm-section21 .sapart2 p span {
    display: inline-block;
    color: #fff;
    font-size: 4.16666666vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0%, #e8ebe9 35.65%, #82a394 85%);
    background-clip: text;
    -webkit-background-clip: text;
}


.hw-lm .lm-section21 .bartoutcon {
    display: inline-flex;
    padding: 0.20833333vw;
    margin: 2.5vw 0 0 0;
    background: rgba(60, 107, 87, 0.3);
    border-radius: 52.03125vw;
}

.hw-lm .lm-section21 .barbotnote {
    width: 33.1770833333vw;
    margin: 1.875vw 0 0 0;
    color: #6D6F72;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
} 

@media screen and (min-aspect-ratio: 1000 / 483) {
    .hw-lm .lm-section21 .barbotnote {
        margin: 0.75vw 0 0 0;
        font-size: 0.8333333333vw;
    }

    .hw-lm .lm-section21 .barsavenote {
        font-size: 0.8333333333vw;
    }

    .hw-lm .lm-section21 .bartoutcon {
        margin: 2.5vw 0 0 0;
    }
}

.hw-lm .lm-section21 .bartonav {
    position: relative;
    display: inline-flex;
}

.hw-lm .lm-section21 .bartonav li {
    display: flex;
    overflow: hidden;
    position: relative;
    max-width: 13vw;
    padding: 0.67708333vw 1.25vw 0.65104166vw;
    border-radius: 999px;
    text-align: center;
    transform: translate3d(0, 0, 0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-section21 .bartonav li span {
    display: block;
    position: relative;
    color: rgba(215, 250, 227, 0.6);
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
    transition: color 0.3s ease;
    z-index: 9;
}

.hw-lm .lm-section21 .bartonav li.current span {
    color: rgba(215, 250, 227, 1)!important;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-section21 .bartonav li span:hover {
        color: rgba(215, 250, 227, 0.8);
        cursor: pointer;
    }

    .hw-lm .lm-section21 .bartonav li.current span:hover {
        cursor: default;
    }
}

.hw-lm .lm-section21 .barsquare {
    overflow: hidden;
    position: absolute;
    left: var(--chaleft);
    top: 0;
    width: var(--chawidth);
    height: 100%;
    background: #3C6B57;
    transition: width 0.3s ease, left 0.3s ease;
    border-radius: 99999px;
    z-index: 0;
}

.hw-lm .lm-section21 .barinba {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 999px;
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-section21 .barinba {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }
}

.hw-lm .lm-section21 .barTicon {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 4;
} 

.hw-lm .lm-section21 .barrPont,
.hw-lm .lm-section21 .barlPoint {
    display: flex;
    width: 3.33333333vw;
    height: 3.33333333vw;
}

.hw-lm .lm-section21 .barlPoint {
    margin: 0 0 0 -1.04166666vw;
}

.hw-lm .lm-section21 .barrPont {
    margin: 0 -1.04166666vw 0 0;
}

.hw-lm .lm-section21 .barlPoint img,
.hw-lm .lm-section21 .barrPont img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section21 .barback {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: radial-gradient(ellipse 50% 61.53% at 50% 50% ,#072b1c 0%,#000 100%);
    z-index: -1;
}

.hw-lm .lm-section21 .barsine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background: #d7fae3;
    border-radius: 50%;
    filter: blur(10px);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.hw-lm .lm-section21 .douarr {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    z-index: 6;
}

.hw-lm .lm-section21 .barlArr,
.hw-lm .lm-section21 .barrArr {
    display: flex;
    position: absolute;
    top: 50%;
    width: 2.76041666vw;
    height: 4.16666666vw;
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-section21 .barlArr svg,
.hw-lm .lm-section21 .barrArr svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-section21 .barlArr {
    right: 100%;
    transform: translate(5.20833333vw, -50%);
}

.hw-lm .lm-section21 .barrArr {
    left: 100%;
    transform: translate(-5.20833333vw, -50%);
}

.hw-lm .lm-section21 .douarr.active .barrArr,
.hw-lm .lm-section21 .douarr.active .barlArr {
    transform: translate(0px, -50%);
    opacity: 0.3;
    transition: 1s ease 0.2s;
}

@media screen and (max-width: 1300px) {
    .hw-lm .lm-section21 .barsquare {
        border-width: 1px;
    }
}

.hw-lm .lm-section21 .barswicon {
    overflow: hidden;
    position: relative;
    left: -9.8vw;
}

.hw-lm .lm-section21 .barbackwatch {
    width: 48.95833333vw;
    height: 48.95833333vw;
}

.hw-lm .lm-section21 .barrmodeswiper {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 14.27083333vw;
    width: 20.10416666vw;
    height: 20.10416666vw;
    background: #000;
    border-radius: 50%;
    transform: translate(0, -50%);
}

.hw-lm .lm-section21 .barrchatxt {
    position: sticky;
    top: 0;
    top: var(--barPosition);
}

.hw-lm .lm-section21 .bartri {
    position: absolute;
    top: 30vh;
}

.hw-lm .lm-section21 .bartrispace {
    height: 60vh;
}

.hw-lm .lm-section21.wilChanGe .barsatwopart>div,
.hw-lm .lm-section21.wilChanGe .barrtoptxt,
.hw-lm .lm-section21.wilChanGe .show .barsavebottom,
.hw-lm .lm-section21.wilChanGe .barrmodeswiper .swiper-slide {
    will-change: transform, opacity;
}


/* section 21 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-section21 {
        overflow: hidden;
        margin: 0 0 27.777777777vw 0;
    }

    .hw-lm .lm-section21 .barsavebottom {
        align-items: center;
        margin: 0;
        transform: none;
        opacity: 1;
        z-index: 2;
    }

    .hw-lm .lm-section21 .barrmodeswiper {
        width: 53.61111111vw;
        height: 53.61111111vw;
        left: 38.05555555vw;
    }

    .hw-lm .lm-section21 .barrde {
        margin: 0 0 2.77777777vw 0;
        padding: 0.55555555vw 2.08333333vw;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .barsabtndes {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
    }

    .hw-lm .lm-section21 .barnotetwo {
        margin: 0 0 0 11.111111111vw;
    }

    .hw-lm .lm-section21 .barrtoptxt {
        position: relative;
        left: 0;
        bottom: 0;
        width: 77.77777777vw;
        margin: 0 0 0 11.11111111vw;
        transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
        transform: translate3d(0px, 80px, 0px);
        opacity: 0;
    }

    .hw-lm .lm-section21 .barsavenote {
        width: 77.77777777vw;
        margin: 4.444444444vw 0 18.611111111vw 0;
        color: #6d6f72;
        font-size: 4.44444444vw;
        transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
        transform: translate3d(0px, 80px, 0px);
        opacity: 0;
    }

    .hw-lm .lm-section21 .tactive .barrtoptxt,
    .hw-lm .lm-section21 .tactive .barsavenote {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }

    .hw-lm .lm-section21 .barrbottxt {
        flex-direction: column-reverse;
        align-items: center;
        margin: 0;
    }

    .hw-lm .lm-section21 .barsut {
        margin: 0 0 2.77777777vw 0;
        padding: 0.69444444vw 2.08333333vw;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .barmat1 {
        padding: 0 0 1px 0;
        font-size: 13.33333333vw;
        background: linear-gradient(180deg, #fff 0, #e8ebe9 6.94444444vw, #82a394 13.88888888vw, #82a394 16.25vw, #fff 17.36111111vw, #e8ebe9 23.19444444vw, #82a394 33.5vw, #FFF 33.88888888vw, #e8ebe9 39.444444vw, #82a394 46.75vw, #fff 50.13888888vw, #e8ebe9 55.69444444vw, #82a394 67.388889vw, #fff 67.388889vw, #e8ebe9 71.94444444vw, #82a394 84.02777777vw, #fff 84.02777777vw, #e8ebe9 88.19444444vw, #82a394 98.88888888vw, #fff 98.88888888vw, #e8ebe9 103.75vw, #82a394 114.44444444vw);
        -webkit-background-clip: text;
        background-clip: text;
    }

    .hw-lm .lm-section21 .bartonav li span {
        font-size: 3.88888888vw;
    }

    .hw-lm .lm-section21 .bartoutcon {
        margin: 20.833333333vw 0 8.88888888vw 0;
        padding: 1.11111111vw;
    }

    .hw-lm .lm-section21 .bartonav li {
        max-width: 48.666666666vw;
        padding: 3.19444444vw 5.55555555vw 3.05555555vw;
    }

    .hw-lm .lm-section21 .barsatwopart {
        width: 82.22222222vw;
        margin: 0 auto;
    }

    .hw-lm .lm-section21 .barsatwopart>div {
        flex-direction: column;
        flex-shrink: 0;
        width: 100%;
    }

    .hw-lm .lm-section21 .sapart1 .itemli:not(:last-child) {
        margin: 0 0 4.44444444vw 0;
    }

    .hw-lm .lm-section21 .sapart2 .itemli:not(:last-child) {
        margin: 0 0 4.44444444vw 0;
    }

    .hw-lm .lm-section21 .sapart1 .itemli {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 82.22222222vw;
        padding: 6.66666666vw 0 6.66666666vw 6.66666666vw;
        background: #151515;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section21 .sapart2 .itemli {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 82.22222222vw;
        padding: 3.47222222vw 0 4.16666666vw 6.66666666vw;
        background: #151515;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-section21 .sapart2 p {
        width: 72.222222222vw;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .sapart2 p span {
        font-size: 11.11111111vw;
    }

    .hw-lm .lm-section21 .sapart1 .itemli .charltxt {
        margin: 0 0 3.33333333vw 0;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .sapart1 .itemli .charcline {
        width: 16.66666666vw;
        height: 0.27777777vw;
        margin: 0;
    }

    .hw-lm .lm-section21 .sapart1 .itemli p.white {
        width: 72.222222222vw;
        margin: 0;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .sapart1 .itemli p.gray {
        width: 72.222222222vw;
        margin: -0.555555555vw 0 0 0;
        font-size: 3.33333333vw;
    }

    .hw-lm .lm-section21 .sapart1 .itemli p.white span {
        font-size: 11.11111111vw;
    }

    .hw-lm .lm-section21 .barswicon {
        align-self: center;
        left: 0;
    }

    .hw-lm .lm-section21 .sapart1 .charrtxt {
        margin: 0.41666666vw 0 0 0;
    }

    .hw-lm .lm-section21 .barbackwatch {
        width: 130.55555555vw;
        height: 130.55555555vw;
    }

    .hw-lm .lm-section21 .barsquare {
        border-width: 0.2777777777vw;
    }

    .hw-lm .lm-section21 .barinba {
        width: calc(100% - 0.5555555vw);
        height: calc(100% - 0.5555555vw);
    }

    .hw-lm .lm-section21 .barbotnote {
        order: -1;
        width: 77.7777777777vw;
        margin: 6.666666666vw 0 0;
        font-size: 4.444444444vw;
    }

    .hw-lm .lm-section21 .sapart1 .itemli:nth-child(2) .charltxt {
        width: auto;
    }

    .hw-lm .lm-section21 .barlPoint {
        width: auto;
        height: 106%;
        margin: 0 0 0 -5.2vw;
    }

    .hw-lm .lm-section21 .barrPont {
        width: auto;
        height: 106%;
        margin: 0 -4.5vw 0 0;
    }

    .hw-lm .lm-section21 .barsine {
        width: 16.38888888vw;
        height: 128%;
    }

    .hw-lm .lm-section21 .barlArr, 
    .hw-lm .lm-section21 .barrArr {
        width: 14.72222222vw;
        height: 20.27777777vw;
    }

    .hw-lm .lm-section21 .barlArr {
        transform: translate(25vw, -50%);
    }

    .hw-lm .lm-section21 .barrArr {
        transform: translate(-25vw, -50%);
    }
}


/* section 3 */
.hw-lm .lm-secnew1 {
    margin: 0 0 10.4166666666vw 0;
}

.hw-lm .lm-secnew1 .ulmatedesign {
    overflow: hidden;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.hw-lm .lm-secnew1 .ulmatedeshadow2 {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 110%;
    height: 37.03703703%;
    transform: translate(-50%, 0);
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,#000 100%);
    z-index: 2;
}

.hw-lm .lm-secnew1 .ulmatedeshadow1 {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 110%;
    height: 2.604166666vw;
    transform: translate(-50%, 0);
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%,#000 100%);
    z-index: 2;
}

.hw-lm .lm-secnew1 .ulmatedetxtcon {
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(var(--trandesign));
}

.hw-lm .lm-secnew1.wilChanGe .ulmatedetxtcon {
    will-change: transform;
}

.hw-lm .lm-secnew1 .ulmatedetxtcon.active {
    transform: translateY(0px);
}

.hw-lm .lm-secnew1 .ulmatedetxtcon.active .ulmatetxtdouble {
    opacity: 0;
}

.hw-lm .lm-secnew1 .ulmatede span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103deg, #fff 0%, #e8ebe9 49.65%, #82a394 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hw-lm .lm-secnew1 .uldesquareline {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hw-lm .lm-secnew1 .uldesquareline img {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew1 .ulmatedetxtcon.active .ulmatededes {
    opacity: 1;
}

.hw-lm .lm-secnew1 .ulmatetxtshow {
    position: absolute;
    bottom: 14.8148148%;
    left: 16.25vw;
    transition: opacity .6s linear, transform .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translate3d(0px, 80px, 0px);
    opacity: 0;
    z-index: 3;
}

.hw-lm .lm-secnew1 .povideo {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    transition: width 0.6s ease, height 0.6s ease, transform 0.6s ease;
}

.hw-lm .lm-secnew1 .povideo video {
    transition: height 0.5s ease;
}

.hw-lm .lm-secnew1 .povideo span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #fff;
    font-size: 1.666666666vw;
    font-weight: 500;
    line-height: 1.25;
    transform: translate(-50%, -50%);
    text-align: center;
    transition: opacity 0.3s linear;
    opacity: 0;
}

.hw-lm .lm-secnew1 .povideo .hostxtshow.active {
    opacity: 1;
}

.hw-lm .lm-secnew1 .povideo.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 0px 2.083333333vw 0.2083333333vw #000 inset;
}

.hw-lm .lm-secnew1 .povideo.active {
    width: var(--neww);
    height: var(--newh);
    transform: translate(var(--newx), var(--newy));
    border-radius: 50%;
}

.hw-lm .lm-secnew1 .povideo.active video {
    height: 126%;
}

.hw-lm .lm-secnew1 .ulmatetxtshow.show {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.hw-lm .lm-secnew1 .ulmatedemat {
    display: inline-block;
    position: relative;
    width: 46.875vw;
    color: #fff;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff 0vw, #e8ebe9 3.125vw, #82a394 6.25vw, #fff 6.77083333vw, #e8ebe9 8.85416666vw, #82a394 12.23958333vw, #82a394 12.5vw, #fff 12.5vw, #e8ebe9 15.625vw, #82a394 18.75vw,#fff 19.27083333vw, #e8ebe9 21.875vw, #82a394 23.4375vw);
    -webkit-background-clip: text;
    background-clip: text;
    transition: opacity .6s linear;
}

.hw-lm .lm-secnew1 .ulmatetxtdouble {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: opacity .6s linear;
}

.hw-lm .lm-secnew1 .ulmatede {
    display: inline-block;
    position: relative;
    padding: 0.20833333vw 0.72916666vw 0.15625vw;
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.25;
} 

.hw-lm .lm-secnew1.wilChanGe .ulaclockani .clock1,
.hw-lm .lm-secnew1.wilChanGe .ulmatededes,
.hw-lm .lm-secnew1.wilChanGe .ulmatedemat {
    will-change: transform, opacity;
}

.hw-lm .lm-secnew1 .ulmatededes {
    width: 39.197917vw;
    margin: 1.666666666vw 0 0 0;
    color: #fff;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
    transition: opacity .6s linear;
    opacity: 0;
}

.hw-lm .lm-secnew1 .ulmatedespace {
    height: 60vh;
}

.hw-lm .lm-secnew1 .hosjia svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew1 .hosvideo {
    width: 18.75vw;
    height: 18.75vw;
}

.hw-lm .lm-secnew1 .active .hosvideo {
    opacity: 1;
}

/* section 3 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-secnew1 {
        margin: 0 0 27.777777777vw 0;
    }

    .hw-lm .lm-secnew1 .ulmatetxtshow {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        opacity: 1;
    }

    .hw-lm .lm-secnew1 .ulmatede {
        margin: 0 0 1.388888888vw 0;
        padding: 0.555555555vw 1.944444444vw;
        font-size: 3.333333333vw;
    }

    .hw-lm .lm-secnew1 .ulmatedesign {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .hw-lm .lm-secnew1 .ulmatedesign .povideo {
        overflow: hidden;
        align-self: center;
        width: 100%;
        height: 150vw;
        border-radius: 50%;
        order: 2;
    }

    .hw-lm .lm-secnew1 .ulmatedesign .povideo::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 55.55555555vw;
        background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,1) 100%);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .hw-lm .lm-secnew1 .ulmatedesign .povideo::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        height: 55.55555555vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,1) 100%);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .hw-lm .lm-secnew1 .ulmatedemat {
        width: 77.77777777vw;
        font-size: 13.33333333vw;
        background: linear-gradient(180deg,#fff 0,#e8ebe9 6.94444444vw,#82a394 13.88888888vw, #82a394 16.25vw, #fff 17.36111111vw,#e8ebe9 24.194444vw,#82a394 29.5vw, #fff 33.88888888vw,#e8ebe9 40.444444vw,#82a394 46.75vw, #82a394 49.75vw, #fff 50.138889vw,#e8ebe9 59.694444vw,#82a394 64.388889vw);
        -webkit-background-clip: text;
        background-clip: text;
    }

    .hw-lm .lm-secnew1 .ulmatededes {
        width: 77.77777777vw;
        margin: 4.44444444vw 0 8.888888888vw 0;
        color: #6d6f72;
        font-size: 4.44444444vw;
        opacity: 1;
    }

    .hw-lm .lm-secnew1 .ulmatedespace {
        display: none;
    }

    .hw-lm .lm-secnew1 .ulmatedetxtcon {
        margin: 0 0 0 11.11111111vw;
        transform: translate3d(0px, 80px, 0px);
        opacity: 0;
    }

    .hw-lm .lm-secnew1 .ulmatedetxtcon.tactive {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }

    .hw-lm .lm-secnew1 .ulaclockani {
        left: 3.33333333vw;
        top: 24.72222222vw;
        width: 3.05555555vw;
    }

    .hw-lm .lm-secnew1 .hosthpart {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        align-self: center;
    }

    .hw-lm .lm-secnew1 .hosvideo {
        display: none;
    }

    .hw-lm .lm-secnew1 .hosxin {
        width: 50vw;
        height: 44.72222222vw;
        opacity: 1;
        transform: none;
    }

    .hw-lm .lm-secnew1 .hosjia {
        width: 7.7777777777vw;
        height: 17.638888888vw;
        margin: 8.888888888vw 0;
        opacity: 1;
        transform: none;
    }

    .hw-lm .lm-secnew1 .povideo span {
        font-size: 5.555555555vw;
        opacity: 1;
    }
}   

/* section 12 pc */
.hw-lm .lm-secnew2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 10.41666666vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, #000 18%);
    transition: opacity 0.3s linear;
    z-index: 9;
}

.hw-lm .lm-secnew2 .staconim {
    overflow: hidden;
    position: relative;
    width: 81.25vw;
    height: 39.58333333vw;
    border-radius: 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(0deg);
}

.hw-lm .lm-secnew2 .staconim::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 110%;
    height: 2px;
    transform: translateX(-50%);
    background: #000;
    z-index: 9;
}

.hw-lm .lm-secnew2 .staconmat {
    width: 41.666666666vw;
    margin: 0 auto;
    color: #fff;
    font-size: 3.3333333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.hw-lm .lm-secnew2 .stacondes {
    width: 46.145833333vw;
    margin: 1.6666666666vw auto 3.3333333333vw;
    color: #6d6f72;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

/* section 12 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-secnew2 {
        margin: 0;
        padding: 0 0 27.77777777vw 0;
        opacity: 1;
    }

    .hw-lm .lm-secnew2 .staconim {
        width: 91.11111111vw;
        height: 109.72222222vw;
        margin: 0 0 0 0;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-secnew2 .staconmat {
        width: 77.77777777vw;
        font-size: 8.88888888vw;
        text-align: left;
    }

    .hw-lm .lm-secnew2 .stacondes {
        width: 77.77777777vw;
        margin: 4.44444444vw auto 8.88888888vw;
        font-size: 4.44444444vw;
        text-align: left;
    }

    .hw-lm .lm-secnew2 .staconout {
        margin: 0;
    }
}

/* section 18 pc */
.hw-lm .lm-secnew3 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10.41666666vw;
    padding: 0 0 1px 0;
}

.hw-lm .lm-secnew3 .manfunout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67.5vw;
}

.hw-lm .lm-secnew3 .manfunswiper {
    width: 100%;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide {
    cursor: pointer;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide:nth-child(1),
.hw-lm .lm-secnew3 .manfunswiper .swiper-slide:nth-child(2) {
    width: 44.583333333vw;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hw-lm .lm-secnew3 .manfunswiper.isend .swiper-slide:nth-last-child(-n + 2) {
    cursor: default;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-wrapper.current {
    transition-timing-function: ease;
}

.hw-lm .lm-secnew3 .manfunav {
    display: flex;
    align-self: flex-end;
    margin: 2.5vw 0 0 0;
}

.hw-lm .lm-secnew3 .manfunav li {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #3C6B57;
    transition: 0.3s ease;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.hw-lm .lm-secnew3 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-secnew3 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 2;
}

.hw-lm .lm-secnew3 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew3 .manfunav .manflarrow .manfarricon {
    margin: 0 0 0 0.8333333333333333vw;
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide {
    width: 21.66666666vw;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide .mancardim {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.04166666vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.hw-lm .lm-secnew3 .manfunswiper .swiper-slide .mancadtxt {
    margin: 0 0 0 0.8333333333vw;
}

.hw-lm .lm-secnew3 .manfunswiper .opevideobtn {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.08333333vw;
    height: 2.08333333vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    transition: 0.3s ease;
    z-index: 9;
}

@media (hover: hover) and (pointer: fine)  {
    .hw-lm .lm-secnew3 .manfunswiper .opevideobtn:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }
}

.hw-lm .lm-secnew3 .manfunswiper .opevideobtn img {
    display: none;
}

.hw-lm .lm-secnew3 .manfunswiper .opevideobtn img.active {
    display: block;
}

.hw-lm .lm-secnew3 .mancamat {
    width: 21.22916666vw;
    margin: 2.08333333vw 0 0.83333333vw;
    color: #fff;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.hw-lm .lm-secnew3 .mancades {
    width: 29.6875vw;
    color: #6d6f72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-secnew3 .swiper-slide:nth-child(3) .mancades {
    width: 18.75vw;
}

.hw-lm .lm-secnew3 .swiper-slide:nth-child(4) .mancades {
    width: 18.4375vw;
}



.hw-lm .lm-secnew3 .manfunav .manfarricon {
    display: flex;
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    transform: translate3d(0,0,0) rotate(0deg);
    z-index: 9;
}

.hw-lm .lm-secnew3 .manfunav .manfarricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew3 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
}

.hw-lm .lm-secnew3 .xdPoints svg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-secnew3 .xdPoints  {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .hw-lm .lm-secnew3 .xdPoints svg {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
}

.hw-lm .lm-secnew3 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50% ,#000 0%,#000 47.4%,rgba(0, 0, 0, 0.19) 100%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hw-lm .lm-secnew3 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-secnew3 .shineTo,
.hw-lm .lm-secnew3 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: #93c9a5;
    border-radius: 50%;
    filter: blur(0.520833vw);
    z-index: 3;
}

.hw-lm .lm-secnew3 .shineTo {
    top: -0.52083333vw;
    transform: translate3d(-50%, -50%, 0px);
}

.hw-lm .lm-secnew3 .shineBo {
    bottom: -0.52083333vw;
    transform: translate3d(-50%, 50%, 0px);
}

.hw-lm .lm-secnew3 .moShineLe {
    position: absolute;
    top: 50%;
    left: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(270deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-secnew3 .moShineRi {
    position: absolute;
    top: 50%;
    right: -0.20833333vw;
    width: 1.45833333vw;
    height: 2.91666666vw;
    background: linear-gradient(90deg,#d7ffe5 0%,rgba(215, 250, 227, 0) 100%);
    border-radius: 50%;
    filter: blur(1px);
    transform: translate(0, -50%);
    z-index: 6;
    opacity: 0;
}

.hw-lm .lm-secnew3 .manfunav li.swiper-button-disabled {
    opacity: 0.3!important;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-secnew3 .manfunav li:hover .moShineLe {
        left: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-secnew3 .manfunav li:hover {
        cursor: pointer;
    }

    .hw-lm .lm-secnew3 .manfunav li.swiper-button-disabled {
        cursor: default;
    }

    .hw-lm .lm-secnew3 .manfunav li:hover .xdshine {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .hw-lm .lm-secnew3 .manfunav li:hover .moShineRi {
        right: 100%;
        opacity: 0.5;
        transition: 0.6s ease-out;
    }

    .hw-lm .lm-secnew3 .manfunav li.swiper-button-disabled .moShineLe,
    .hw-lm .lm-secnew3 .manfunav li.swiper-button-disabled .moShineRi {
        opacity: 0;
        transition: none;
    }

    .hw-lm .lm-secnew3 .manfunav li.swiper-button-disabled .xdshine {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.hw-lm .lm-secnew3 .manfunav li:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.hw-lm .lm-secnew3 .manfunav .xdearricon {
    position: relative;
    display: flex;
    width: 1.04166666vw;
    height: 1.04166666vw;
    margin: 0 0 0 0.625vw;
    z-index: 9;
}

.hw-lm .lm-secnew3 .manfunav li:nth-child(1) .xdearricon {
    margin: 0 0 0 0.8333333333vw;
    transform: translate3d(0,0,0) rotate(180deg);
}

.hw-lm .lm-secnew3 .manfunav .xdearricon svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew3 .upback {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    z-index: 4;
}

.hw-lm .lm-secnew3 .innback {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(ellipse 50% 49.26% at 50% 50%, #00170d 0%, #000000 100%);
    transform: translate(-50%, -50%);
}

.hw-lm .lm-secnew3 .shinbor {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4.16666666vw;
    height: 4.16666666vw;
    background:#cfffdf;
    border-radius: 50%;
    transform: translate(calc(-50% + var(--sdistance)), -50%);
    transition: transform 0.3s ease-out;
    filter: blur(10px);
}

@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-secnew3 .shineTo, 
    .hw-lm .lm-secnew3 .shineBo {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-secnew3 .shineTo {
        top: -6.94444444vw;
    }

    .hw-lm .lm-secnew3 .shineBo {
        bottom: -6.94444444vw;
    }

    .hw-lm .lm-secnew3 .xdshine {
        transform: translate(-50%, -50%) rotate(90deg)!important;
    }

    .hw-lm .lm-secnew3 .xdPoints {
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
    }
    
    .hw-lm .lm-secnew3 .moShineLe,
    .hw-lm .lm-secnew3 .moShineRi {
        display: none!important;
    }
}

.hw-lm .lm-secnew3.wilChanGe .manfunswiper {
    will-change: transform, opacity;
}

/* section 18 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-secnew3 {
        margin: 0 0 27.77777777vw 0;
    }

    .hw-lm .lm-secnew3 .manfunout {
        width: 82.22222222vw;
    }

    .hw-lm .lm-secnew3 .manfunswiper .swiper-slide {
        width: 82.22222222vw!important;
    }

    .hw-lm .lm-secnew3 .manfunswiper .swiper-slide .mancardim {
        height: 109.72222222vw;
        border-radius: 2.22222222vw;
    }

    .hw-lm .lm-secnew3 .mancamat {
        width: 69.44444444vw;
        margin: 6.66666666vw 0 2.77777777vw 0;
        font-size: 5.55555555vw;
    }

    .hw-lm .lm-secnew3 .mancades {
        width: 77.77777777vw!important;
        font-size: 4.44444444vw;
    }

    .hw-lm .lm-secnew3 .swiper-slide:nth-child(3) .mancades, 
    .hw-lm .lm-secnew3 .swiper-slide:nth-child(4) .mancades {
        width: 77.77777777vw;
    }

    .hw-lm .lm-secnew3 .mancadtxt {
        margin: 0 0 0 2.22222222vw;
    }

    .hw-lm .lm-secnew3 .manfunav {
        margin: 11.111111111vw 0 0 0;
    } 

    .hw-lm .lm-secnew3 .manfunav li {
        width: 11.11111111vw;
        height: 11.11111111vw;
    }

    .hw-lm .lm-secnew3 .manfunav .manfarricon {
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-secnew3 .manfunav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
    }

    .hw-lm .lm-secnew3 .manfunav .manflarrow .manfarricon {
        margin: 0 0 0 3.47222222vw;
    }

    .hw-lm .lm-secnew3 .manfunswiper .swiper-slide:not(:last-child) {
        margin: 0 4.44444444vw 0 0;
    }

    .hw-lm .lm-secnew3 .manfunswiper .swiper-slide .mancadtxt {
        margin: 0 0 0 2.22222222vw;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .hw-lm .lm-secnew3 .manfunswiper .swiper-slide.swiper-slide-active .mancadtxt {
        opacity: 1;
    }

    .hw-lm .lm-secnew3 .manfunswiper .opevideobtn {
        width: 8.888888888888889vw;
        height: 8.888888888888889vw;
        right: 4.44444444444vw;
        bottom: 4.44444444444vw;
    }
}

.hw-lm .lm-secnew4 {
    margin: 0 0 10.4166666vw 0;
}

.hw-lm .lm-secnew4 .elcswiper {
    overflow: hidden;
}

.hw-lm .lm-secnew4 .elcswinav {
    position: relative;
    justify-content: space-between;
    display: flex;
    width: 67.5vw;
    margin: 0 auto;
}

.hw-lm .lm-secnew4 .elcimcon {
    width: 35.57291666vw;
} 

.hw-lm .lm-secnew4 .elcrightnav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    height: 33.33333333vw;
}

.hw-lm .lm-secnew4 .elctxtcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 0;
}

.hw-lm .lm-secnew4 .elcmat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 27.08333333vw;
    color: #6D6F72;
    font-size: 1.66666666vw;
    font-weight: 500;
    line-height: 1.25;
    transition: 0.6s ease;
}

.hw-lm .lm-secnew4 .elclose {
    position: relative;
    width: 1.04166666vw;
    height: 1.04166666vw;
    opacity: 0.6;
    z-index: 9;
    transition: 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-secnew4 .elcmat:hover {
        color: rgba(255, 255, 255, 0.6);
        cursor: pointer;
    }

    .hw-lm .lm-secnew4 .elcmat:hover .elctobtn {
        background: rgba(60, 107, 87, 0.6);
    }

    .hw-lm .lm-secnew4 .elcmat:hover .xdPoints svg {
        opacity: 0.6;
    }

    .hw-lm .lm-secnew4 .elcmat:hover .elclose {
        opacity: 0.8;
    }
}

.hw-lm .lm-secnew4 .elctobtn {
    overflow: hidden;
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
}

.hw-lm .lm-secnew4 .elcopen {
    position: relative;
    width: 1.04166666vw;
    height: 0.15625vw;
    opacity: 0;
    z-index: 9;
}

.hw-lm .lm-secnew4 .elcopen,
.hw-lm .lm-secnew4 .elclose {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hw-lm .lm-secnew4 .current .elcopen {
    opacity: 1;
}

.hw-lm .lm-secnew4 .current .elclose {
    opacity: 0!important;
    transition-duration: 0s;
}

.hw-lm .lm-secnew4 .elclose svg,
.hw-lm .lm-secnew4 .elcopen svg {
    width: 100%;
    height: 100%;
}

.hw-lm .lm-secnew4 .xdPoints {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #000;
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
    border-radius: 50%;
    z-index: 5;
}

@media screen and (max-width: 1200px) {
    .hw-lm .lm-secnew4 .xdPoints {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }
}

.hw-lm .lm-secnew4 .xdPoints svg {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.hw-lm .lm-secnew4 .xdBlaCir {
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 47.85% 93.36% at 50% 50%, #000 0%, #000 47.4%, rgba(0, 0, 0, 0.19) 100%);
    transform: translate3d(-50%, -50%, 0px);
    border-radius: 50%;
    z-index: 99;
}

.hw-lm .lm-secnew4 .xdshine {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate(90deg);
    transform-origin: center;
    transition: 0.6s ease-out;
}

.hw-lm .lm-secnew4 .shineTo, 
.hw-lm .lm-secnew4 .shineBo {
    position: absolute;
    left: 50%;
    width: 2.5vw;
    height: 2.5vw;
    background: rgba(147, 201, 165, 0.3);
    border-radius: 50%;
    filter: blur(0.520833vw);
    z-index: 3;
}

.hw-lm .lm-secnew4 .shineTo {
    top: -0.52083333vw;
    transform: translate3d(-50%, -50%, 0px);
}

.hw-lm .lm-secnew4 .shineBo {
    bottom: -0.52083333vw;
    transform: translate3d(-50%, 50%, 0px);
}

.hw-lm .lm-secnew4 .elctobtn {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: rgba(60, 107, 87, 0.3);
    transition: 0.3s ease;
}

.hw-lm .lm-secnew4 .current .elcmat {
    color: #fff;
    cursor: default;
}

.hw-lm .lm-secnew4 .current .elctobtn {
    background: rgba(60, 107, 87, 1)!important;
}

.hw-lm .lm-secnew4 .current .xdPoints svg {
    opacity: 1!important;
}

.hw-lm .lm-secnew4 .current .shineTo, 
.hw-lm .lm-secnew4 .current .shineBo {
    background: rgba(147, 201, 165, 1);
}

.hw-lm .lm-secnew4 .elcbotdes {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 0;
    transition: height 0.5s ease;
    will-change: transform, height;
}

.hw-lm .lm-secnew4 .elcfirdes {
    width: 23.4375vw;
    margin: 1.66666666vw 0 2.08333333vw 0;
    color: #6D6F72;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-secnew4 .elchref {
    display: inline-block;
    color: #d7e2fa;
    font-size: 1.04166666vw;
    font-weight: 400;
    line-height: 1.6;
    transition: .3s ease;
}

.hw-lm .lm-secnew4 .elchref span {
    display: inline-block;
    transition: .6s ease;
}

@media (hover: hover) and (pointer: fine) {
    .hw-lm .lm-secnew4 .elchref:hover {
        opacity: 0.8;
    }

    .hw-lm .lm-secnew4 .elchref:hover span {
        transform: translateX(3px);
    }

}

.hw-lm .lm-secnew4 .elcnote {
    width: 23.4375vw;
    margin: 2.08333333vw 0 0 0;
    color: #6d6f72;
    font-size: 0.72916666vw;
    font-weight: 400;
    line-height: 1.6;
}

.hw-lm .lm-secnew4 .elcitem:nth-child(2) .elcnote {
    margin-top: 0;
}

.hw-lm .lm-secnew4 .elcitem:nth-child(2) .elchref {
    display: none;
}

.hw-lm .lm-secnew4 .elcline {
    width: 27.08333333vw;
    height: 0.10416666vw;
    margin: 2.08333333vw 0 0 0;
    background-color: #41444c;
    will-change: transform, height;
}

.hw-lm .lm-secnew4 .elctxtcon li:not(:last-child) {
    margin: 0 0 2.08333333vw 0;
}

/* section section new 4 mob */
@media screen and (max-aspect-ratio:11/10) {
    .hw-lm .lm-secnew4 {
        overflow: hidden;
        margin: 0 0 27.77777777vw 0;
        padding: 0 0 1px 0;
    }

    .hw-lm .lm-secnew4 .elcswinav {
        flex-direction: column;
        width: 77.77777777vw;
        margin: 0 auto;
    }

    .hw-lm .lm-secnew4 .elcswiper {
        overflow: visible;
        width: 100%;
    }

    .hw-lm .lm-secnew4 .swiper-slide:not(:last-child) {
        margin: 0 11.11111111vw 0 0;
    }

    .hw-lm .lm-secnew4 .elcimcon {
        width: 93.47222222vw;
        height: 69.44444444vw;
    }

    .hw-lm .lm-secnew4 .elcmomat {
        margin: 4.16666666vw 0 2.77777777vw 0;
        color: #fff;
        font-size: 5.55555555vw;
        font-weight: 700;
        line-height: 1.25
    }

    .hw-lm .lm-secnew4 .swiper-slide:nth-child(2) .elcmodes1 {
        margin: 0 0 11.11111111vw 0;
    }

    .hw-lm .lm-secnew4 .elcmodes1 {
        color: #6d6f72;
        font-size: 4.44444444vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .hw-lm .lm-secnew4 .elcmohre {
        display: inline-block;
        margin: 11.11111111vw 0;
        color: #d7e2fa;
        font-size: 4.44444444vw;
        font-weight: 400;
        line-height: 1.25;
    }

    .hw-lm .lm-secnew4 .elcmodes2 {
        color: #6d6f72;
        font-size: 3.33333333vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .hw-lm .lm-secnew4 .elcmonav {
        display: flex;
        align-self: flex-end;
        margin: 11.11111111vw 0 0 0;
    }

    .hw-lm .lm-secnew4 .elcmonav li {
        flex-shrink: 0;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        width: 11.11111111vw;
        height: 11.11111111vw;
        border-radius: 50%;
        background: #3C6B57;
        transition: 0.3s ease;
        transform: translate3d(0px, 0px, 0px) rotate(0deg);
    }

    .hw-lm .lm-secnew4 .elcmonav li.swiper-button-disabled {
        opacity: 0.3;
    }

    .hw-lm .lm-secnew4 .elcmonav li:not(:last-child) {
        margin: 0 5.55555555vw 0 0;
        transform: translate3d(0px, 0px, 0px) rotate(180deg);
    }

    .hw-lm .lm-secnew4 .elcmoarr {
        display: flex;
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
    }

    .hw-lm .lm-secnew4 .elcmoarr svg {
        width: 100%;
        height: 100%;
    }
    
    .hw-lm .lm-secnew4 .manfunav .manfarricon {
        display: flex;
        position: relative;
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
        transform: translate3d(0, 0, 0) rotate(0deg);
        z-index: 9;
    }

    .hw-lm .lm-secnew4 .xdPoints {
        overflow: hidden;
        display: flex;
        position: absolute;
        left: 50%;
        top: 50%;
        width: calc(100% - 0.84vw);
        height: calc(100% - 0.84vw);
        background: #000;
        transform: translate3d(-50%, -50%, 0px);
        border-radius: 50%;
        z-index: 5;
    }

    .hw-lm .lm-secnew4 .xdPoints svg {
        width: calc(100% + 0.84vw);
        height: calc(100% + 0.84vw);
    }

    .hw-lm .lm-secnew4 .xdBlaCir {
        overflow: hidden;
        display: flex;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        background: radial-gradient(ellipse 47.85% 93.36% at 50% 50%, #000 0%, #000 47.4%, rgba(0, 0, 0, 0.19) 100%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .hw-lm .lm-secnew4 .xdshine {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 50%;
        transform: translate3d(-50%, -50%, 0px) rotate(90deg)!important;
        transform-origin: center;
        transition: 0.6s ease-out;
        z-index: 3;
    }

    .hw-lm .lm-secnew4 .shineTo, 
    .hw-lm .lm-secnew4 .shineBo {
        position: absolute;
        left: 50%;
        width: 11.11111111vw;
        height: 11.11111111vw;
        background: #93c9a5;
        border-radius: 50%;
        filter: blur(0.520833vw);
        z-index: 3;
        transform: translate3d(0px, 0px, 0px);
    }

    .hw-lm .lm-secnew4 .shineTo {
        top: -6.94444444vw;
        transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    }

    .hw-lm .lm-secnew4 .shineBo {
        bottom: -6.94444444vw;
        transform: translate3d(-50%, 50%, 0px) rotate(0deg);
    }

    .hw-lm .lm-secnew4 .elcmonav .manfarricon {
        display: flex;
        position: relative;
        width: 5vw;
        height: 5vw;
        margin: 0 0 0 2.36111111vw;
        transform: translate3d(0, 0, 0) rotate(0deg);
        z-index: 9;
    }

    .hw-lm .lm-secnew4 .elcmonav .manfarricon svg {
        width: 100%;
        height: 100%;
    }

    .hw-lm .lm-secnew4 .xdPoints svg {
        opacity: 1!important;
    }
}