@font-face {
    font-family: 'Samsung Sharp Sans';
    src: url('../font/samsungsharpsans.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Samsung Sharp Sans Bold';
    src: url('../font/samsungsharpsans-bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Samsung Sharp Sans Medium';
    src: url('../font/samsungsharpsans-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lilita One';
    src: url('../font/LilitaOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../font/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Red Hat Display Italic-VariableFont_wght';
    src: url('../font/RedHatDisplay-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: 'Samsung Sharp Sans';
}
@keyframes openSelect {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@media only screen and (min-width: 1920px) {
    html {
        font-size: 16px;
    }

    .homePage1 .advantagesBox .leftBox .advantagesText.animated {
        font-size: 3.75rem;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    html {
        font-size: 12px !important;
    }

    .homePage1 .advantagesBox .leftBox .advantagesText.animated {
        font-size: 3.75rem;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    html {
        font-size: 8.533px !important;
    }

    .homePage1 .advantagesBox .leftBox .advantagesText.animated {
        font-size: 3.75rem;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 6.4px !important;
    }

    .homePage1 .advantagesBox .leftBox .advantagesText.animated {
        font-size: 2.5rem;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 6.4px !important;
    }

    .homePage1 .advantagesBox .leftBox .advantagesText.animated {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 960px) {
    .startAndDownloadInputBox {
        display: flex;
        align-items: center;
        margin: 0 auto;
        justify-content: center;
        margin-top: 5rem;
        gap: 2.5rem;
    }
    
    .startAndDownloadInputBox > .inputBox {
        display: flex;
        align-items: center;
        gap: clamp(12px, 1rem, 16px);
        cursor: pointer;
        text-decoration: none;
    }


        .startAndDownloadInputBox > .inputBox > .label {
            font-size: 1.125rem;
            font-weight: 500;
            color: #FFFFFF;
            font-family: 'Red Hat Display';
        }
        .startAndDownloadInputBox > .inputBox .goLoginIcon:hover {
            transform: scale(1.2);
        }
        .startAndDownloadInputBox > .inputBox .goLoginIcon:not(:hover) {
            transform: scale(1);
        }

        .startAndDownloadInputBox > .inputBox > .goLoginIcon {
            height: 3.125rem;
            width: 3.125rem;
            transition: all 0.2s ease-in-out;
        }

    .nationalCurrencyTypeBox {
        width: 100%;
/*        max-width: 100;*/
        height: 100%;
        margin: 11.25rem auto 0 auto;
        padding-top: .625rem; /* 为悬浮向上移动预留空间 */
        display: flex;
        align-items: center;
        gap: 1.875rem;
        overflow: hidden;
        position: relative;
        will-change: transform; /* 优化性能 */
        /* 移除过渡效果，完全由 JavaScript 控制滚动 */
    }
    
    /* 使用 JS 控制暂停，移除 CSS 动画暂停 */

        .nationalCurrencyTypeBox .nationalCurrencyTypeItem {
            width: 23rem;
            height: 6.875rem;
            border-radius: clamp(12px, 1rem, 16px);
            background-color: rgba(69, 0, 226, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            transition: transform 0.3s ease-out; /* 只对transform应用过渡效果 */
            cursor: pointer;
            flex-shrink: 0;
            width: clamp(276px, 23rem, 300px);
            height: clamp(82.44px, 6.875rem, 82.44px);
        }
        
        /* 移除 CSS 动画，使用 JS 控制滚动 */
            .nationalCurrencyTypeBox .nationalCurrencyTypeItem:hover {
                position: relative;
                transform: translateY(0rem) scale(1.05);
                z-index: 10;
                box-shadow: 0 .625rem 1.25rem rgba(0, 0, 0, 0.2); /* 添加阴影增强视觉效果 */
                background-color: rgba(69, 0, 226, 0.3); /* 稍微加深背景色 */
            }

    .nationalCurrencyTypeItem .nationalCurrencyTypeItemImg {
        width: 2.6875rem;
        height: 2.2763rem;
        margin-right: .9375rem;
        margin-left: .9375rem;
        width: clamp(32.25px,2.6875rem,100px);
        height: clamp(27.3156px,2.2763rem,100px);
        margin-right: clamp(11.25px,.9375rem,100px);
        margin-left: clamp(11.25px,.9375rem,100px);
    }

    .nationalCurrencyTypeItem .InfoBox {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        gap: clamp(6px,.5rem,100px);
        align-items: flex-start;
        /* width:7rem; */
    }

    .InfoBox .labelText {
        font-weight: 700;
        font-family: 'Samsung Sharp Sans';
        font-size: clamp(15px,1.25rem,15px);
        line-height: clamp(15px,1.25rem,15px);
    }

    .InfoBox .describe {
        font-weight: 500;
        font-family: 'Samsung Sharp Sans';
        font-size: clamp(9px,.75rem,100px) !important;
        line-height: clamp(9px,.75rem,100px) !important;
        width: max-content;
    }

    .nationalCurrencyTypeItem .exchangeRateBox {
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: .9375rem;
        margin-right: clamp(11.25px,0.9375rem,100px);
    }

    .exchangeRateBox .value1 {
        font-size: .75rem;
        font-weight: 700;
        font-size: clamp(9px,.75rem,100px);
        width:max-content;
    }

    .exchangeRateBox .value2 {
        font-size: .875rem;
        font-weight: 500;
        font-size: clamp(10.5px,.875rem,100px);
        width: max-content;
    }

    .homePage1 {
        width: 100%;
        height: 110.25rem;
    }

        .homePage1 .pageTitleBox {
            margin-left: auto;
            margin-right: auto;
            margin-top: 9.375rem;
            width: 97.5rem;
            height: 14.375rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .homePage1 .pageTitleBox .title {
                font-size: 3.75rem !important;
                font-weight: 700;
                font-weight: #000;
                line-height: 4.375rem;
                font-family: 'Samsung Sharp Sans Bold' !important;
                position: relative;
                opacity: 0;
                transform: translateY(6.25rem);
            }
                .homePage1 .pageTitleBox .title.animated {
                    width: 62.0625rem;
                    font-size: 3.75rem !important;
                    font-weight: 700;
                    font-weight: #000;
                    line-height: 4.375rem;
                    font-family: 'Samsung Sharp Sans Bold' !important;
                    position: relative;
                    opacity: 1;
                    transform: translateY(0);
                    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                }

            .homePage1 .pageTitleBox .describe {
                margin-top: 2.5rem;
                font-size: 1.25rem !important;
                color: rgba(0,0,0,.5);
                font-family: 'Red Hat Display' !important;
                opacity: 0;
                transform: translateX(-34.375rem);
            }
                .homePage1 .pageTitleBox .describe.animated {
                    margin-top: 2.5rem;
                    font-size: 1.25rem !important;
                    color: rgba(0,0,0,.5);
                    font-family: 'Red Hat Display' !important;
                    opacity: 1;
                    transform: translateX(0);
                    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
                }

    .describeCardBox {
        width: 97.5rem;
        height: 36.875rem;
        display: flex;
        align-items: center;
        gap: 1.875rem;
        margin: 6.875rem auto 0 auto;
        opacity: 0;
        transform: translateY(6.25rem);
        transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
        .describeCardBox.animated {
            width: 97.5rem;
            height: 36.875rem;
            display: flex;
            align-items: center;
            gap: 1.875rem;
            margin: 6.875rem auto 0 auto;
            opacity: 1;
            transform: translateY(0);
        }
        
    .describeCardBox .cardItem {
        height: 100%;
        width: 31.25rem;
        border-radius: clamp(12px, 1rem, 16px);
        border: .0625rem solid #daccf9;
        background-color: rgba(124, 158, 251, .2);
        display: flex;
        flex-direction: column;
        padding: 3.125rem;
        transition: all 0.2s ease-in-out;
    }
/*        .describeCardBox .cardItem:hover {
            position: relative;
            top: -1.875rem;
        }

        .describeCardBox .cardItem:not(:hover) {
            position: relative;
            top: 0;
        }*/
            .describeCardBox .cardItem .cardLabel {
                font-size: 1.625rem;
                font-weight: 700;
                color: #000;
                width: 23.4375rem;
                margin-top: 1.25rem;
                margin-bottom: 3.75rem;
                font-family: 'Samsung Sharp Sans Bold';
            }

            .describeCardBox .cardItem .cardImg {
                margin: 0 auto;
            }

        .describeCardBox .cardItem .cardDecribe {
            width: 25rem;
            font-size: 1.25rem;
            font-weight: 500;
            color: rgba(0,0,0,.5);
            line-height: 1.875rem;
            margin-top: 4.8125rem;
            font-family: 'Red Hat Display';
        }

    .homePage1 .advantagesBox {
        margin: 0 auto;
        width: 97.5rem;
        height: 21.5rem;
        margin-top: 11.5625rem;
    }

        .homePage1 .advantagesBox .leftBox {
            width: 35rem;
            height: 100%;
            float: left;
            position: relative;
        }

            .homePage1 .advantagesBox .leftBox .advantagesText {
                width: 35rem;
                height: 9.375rem;
                position: absolute;
                bottom: 0rem;
                font-size: 3.75rem;
                font-weight: 700;
                color: #000;
                line-height: 4.375rem;
                border: .0625rem solid rgba(0,0,0,0);
                font-family: 'Samsung Sharp Sans Bold';
                opacity: 0;
                transform: translateX(-12.5rem);
            }
                .homePage1 .advantagesBox .leftBox .advantagesText.animated {
                    width: 35rem;
                    height: 9.375rem;
                    position: absolute;
                    bottom: 0rem;
                    font-weight: 700;
                    color: #000;
                    line-height: 4.375rem;
                    border: .0625rem solid rgba(0,0,0,0);
                    font-family: 'Samsung Sharp Sans Bold';
                    opacity: 1;
                    transform: translateX(0);
                    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
                }

            .homePage1 .advantagesBox .leftBox .goInputBox {
                width: 11.5625rem;
                height: 8.4375rem;
                position: absolute;
                top: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                opacity: 0;
                transform: translateY(-6.25rem);
            }
                .homePage1 .advantagesBox .leftBox .goInputBox.animated {
                    width: 11.5625rem;
                    height: 8.4375rem;
                    position: absolute;
                    top: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    opacity: 1;
                    transform: translateY(0);
                    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
                }

                .homePage1 .advantagesBox .leftBox .goInputBox .goInputItem {
                    display: flex;
                    align-items: center;
                    gap: clamp(12px, 1rem, 16px);
                    cursor: pointer;
                }
                    .homePage1 .advantagesBox .leftBox .goInputBox .goInputItem .goInputItemImg:hover {
                        transform: scale(1.2);
                    }

                    .homePage1 .advantagesBox .leftBox .goInputBox .goInputItem .goInputItemImg:not(:hover) {
                        transform: scale(1);
                    }
                    .homePage1 .advantagesBox .leftBox .goInputBox .goInputItem .goInputItemImg {
                        height: 3.125rem;
                        width: 3.125rem;
                        transition: all 0.2s ease-in-out;
                    }

                    .homePage1 .advantagesBox .leftBox .goInputBox .goInputItem .goInputItemLabel {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #000;
                        text-decoration: none;
                        font-family: 'Red Hat Display';
                    }

        .homePage1 .advantagesBox .rightBox {
            width: 56.0625rem;
            height: 100%;
            border: .0625rem solid red;
            float: right;
            background-color: rgba(124, 158, 251,.2);
            border-radius: clamp(12px, 1rem, 16px);
            border: .0625rem solid #daccf9;
            position: relative;
            opacity: 0;
            transform: translateX(12.5rem);
        }
        .homePage1 .advantagesBox .rightBox.animated {
            width: 56.0625rem;
            height: 100%;
            border: .0625rem solid red;
            float: right;
            background-color: rgba(124, 158, 251,.2);
            border-radius: 1rem;
            border: .0625rem solid #daccf9;
            position: relative;
            opacity: 1;
            transform: translateX(0);
            transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

            .homePage1 .advantagesBox .rightBox .advantagesBoxRightBoxSloid {
                width: 41.5625rem;
                height: 16.75rem;
                position: absolute;
                top: 50%;
                left: 48.5%;
                transform: translate(-50%, -50%);
            }

            .homePage1 .advantagesBox .rightBox .advantagesBoxRightBox {
                width: 41.5625rem;
                height: 16.75rem;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

                .homePage1 .advantagesBox .rightBox .advantagesBoxRightBox .advantagesBoxRightRow {
                    width: 100%;
                    height: 50%;
                    display: flex;
                    align-items: center;
                }

                    .homePage1 .advantagesBox .rightBox .advantagesBoxRightBox .advantagesBoxRightRow .advantagesBoxRightRowItem {
                        width: 50%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        .homePage1 .advantagesBox .rightBox .advantagesBoxRightBox .advantagesBoxRightRow .advantagesBoxRightRowItem .advantagesBoxRightRowItemText {
                            width: 14.375rem;
                            line-height: 2.125rem;
                            font-size: 1.375rem;
                            color: #000;
                            font-family: 'Samsung Sharp Sans Medium';
                        }

    .homePage2 {
        width: 100%;
        height: 66.25rem;
        background-color: #2C008F;
        overflow: hidden;
    }

        .homePage2 .homePage2Title {
            width: 100%;
            font-size: 3.75rem;
            font-weight: 700;
            color: #fff;
            margin: 6.25rem auto 0 auto;
            text-align: center;
            font-family: 'Samsung Sharp Sans Bold';
        }

        .homePage2 .optionBox {
            margin-top: 4.0625rem;
            font-size: 1.25rem;
            color: #fff;
            line-height: 2.8125rem;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2.1875rem;
            cursor: pointer;
            font-family: 'Samsung Sharp Sans';
        }

        .homePage2 .contentBox {
            width: 99.375rem;
            height: 34.4375rem;
            margin: 7rem auto 0 auto;
            position: relative;
        }

            .homePage2 .contentBox .leftBox {
                width: 99.375rem;
                height: 34.4375rem;
                padding: 7rem auto 0 auto;
                position: relative;
                opacity: 0;
                transform: translateX(-34.375rem);
                transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
                .homePage2 .contentBox .leftBox.animated {
                    width: 99.375rem;
                    height: 34.4375rem;
                    padding: 7rem auto 0 auto;
                    position: relative;
                    opacity: 1;
                    transform: translateX(0);
                }
                
                /* 确保内容切换时的平滑过渡 */
                .homePage2 .contentBox .leftBox .text1,
                .homePage2 .contentBox .leftBox .text2,
                .homePage2 .contentBox .leftBox .goInputItem {
                    transition: opacity 0.3s ease-in-out;
                }
                
                .homePage2 .contentBox .leftBox:not(.animated) .text1,
                .homePage2 .contentBox .leftBox:not(.animated) .text2,
                .homePage2 .contentBox .leftBox:not(.animated) .goInputItem {
                    opacity: 0;
                }

                .homePage2 .contentBox .leftBox .text1 {
                    width: 30.3125rem;
                    line-height: 2.8125rem;
                    font-size: 1.875rem;
                    font-weight: 500;
                    color: #fff;
                    font-family: 'Samsung Sharp Sans Medium';
                }

                .homePage2 .contentBox .leftBox .text2 {
                    width: 33.125rem;
                    line-height: clamp(19.5px, 1.625rem, 26px);
                    font-size: clamp(12px, 1rem, 16px);
                    font-weight: 500;
                    color: rgba(255,255,255,.6);
                    margin-top: 2.5rem;
                    font-family: 'Samsung Sharp Sans Medium';
                }

                .homePage2 .contentBox .leftBox .goInputItem {
                    height: 3.125rem;
                    display: flex;
                    align-items: center;
                    gap: 1rem;
                    margin-top: 6.25rem;
                    cursor: pointer;
                }
                    .homePage2 .contentBox .leftBox .goInputItem .goInputItemImg:hover {
                        transform: scale(1.2);
                    }

                    .homePage2 .contentBox .leftBox .goInputItem .goInputItemImg:not(:hover) {
                    transform: scale(1);
                    }

                    .homePage2 .contentBox .leftBox .goInputItem .goInputItemImg {
                        width: 3.125rem;
                        height: 3.125rem;
                        transition: all 0.2s ease-in-out;
                    }

                    .homePage2 .contentBox .leftBox .goInputItem .DownloadText {
                        font-size: clamp(12px, 1rem, 16px);
                        font-weight: 400;
                        color: #fff;
                        font-family: 'Red Hat Display';
                    }

            .homePage2 .contentBox .rightImg {
                width: 61.0625rem;
                height: 34.4375rem;
                position: absolute;
                bottom: 0;
                right: 0;
                opacity: 0;
                transform: translateX(34.375rem);
                transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
                .homePage2 .contentBox .rightImg.animated {
                    width: 61.0625rem;
                    height: 34.4375rem;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    opacity: 1;
                    transform: translateX(0);
                }

    .homePage3 {
        height: 65.6875rem;
        width: 100%;
        overflow: hidden;
        background-color: #f5f5f5;
    }

        .homePage3 .homePage3Title {
            text-align: center;
            font-size: 3.75rem;
            font-weight: 700;
            color: #000;
            width: 54.3125rem;
            line-height: 4.375rem;
            margin: 7.5625rem auto 0 auto;
            font-family: 'Samsung Sharp Sans Bold';
        }
        .homePage3 .homePage3Describe {
            text-align: center;
            font-size: 1.25rem;
            color: rgba(0,0,0,.5);
            width: 55.8125rem;
            line-height: 1.875rem;
            margin: 3.4375rem auto 0 auto;
            font-family: 'Red Hat Display';
        }
        .homePage3 .contentBox {
            width:97.5rem;
            height:29.0625rem;
            margin: 5.125rem auto 0 auto;
            display:flex;
            align-items:center;
            gap:1.875rem;
        }

            .homePage3 .contentBox .leftBox {
                background-color: rgba(124, 158, 251,.4);
                width: 39.5625rem;
                height: 100%;
                border-radius: clamp(12px, 1rem, 16px);
                position: relative;
                transition: all 0.2s ease-in-out;
                opacity: 0;
                transform: translateX(-25rem);
            }
                .homePage3 .contentBox .leftBox.animated {
                    background-color: rgba(124, 158, 251,.4);
                    width: 39.5625rem;
                    height: 100%;
                    border-radius: 1rem;
                    position: relative;
                    transition: all 0.2s ease-in-out;
                    opacity: 1;
                    transform: translateX(0);
                    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
                }
/*                .homePage3 .contentBox .leftBox:hover {
                    position: relative;
                    top: -0.625rem;
                }

                .homePage3 .contentBox .leftBox:not(:hover) {
                    position: relative;
                    top: 0;
                }*/
          
                .homePage3 .contentBox .leftBox .leftBoxImg {
                   position:absolute;
                   right:2.125rem;
                   bottom:2rem;
                   width:20.0625rem;
                   height:10.25rem;
                }
                .homePage3 .contentBox .leftBox .leftBoxTitle {
                    font-size: 1.75rem;
                    font-weight: 700;
                    color: #000;
                    margin-top: 3.25rem;
                    margin-left: 3.5rem;
                    font-family: 'Samsung Sharp Sans Bold';
                }
                .homePage3 .contentBox .leftBox .leftBoxDescribe {
                    font-size: clamp(12px, 1rem, 16px);
                    font-weight: 400;
                    color: rgba(0,0,0,.6);
                    line-height: 1.625rem;
                    width: 33.9375rem;
                    margin-top: 1.25rem;
                    margin-left: 3.5rem;
                    font-family: 'Red Hat Display';
                }
                .homePage3 .contentBox .leftBox .goInputItem {
                    display: flex;
                    align-items: center;
                    gap: 1.25rem;
                    margin-left: 3.5rem;
                    margin-top: 1.875rem;
                    cursor: pointer;
                }
                .homePage3 .contentBox .leftBox .goInputItemImg:hover {
                    transform: scale(1.2);
                }

                .homePage3 .contentBox .leftBox .goInputItemImg:not(:hover) {
                    transform: scale(1);
                }
                .homePage3 .contentBox .leftBox .goInputItemImg {
                    height: 3.125rem;
                    width: 3.125rem;
                    transition: all 0.2s ease-in-out;
                }
                .homePage3 .contentBox .leftBox .labelText {
                    font-size: 1.125rem;
                    font-weight: 700;
                    color: #000;
                    line-height: 1.625rem;
                    font-family: 'Red Hat Display';
                }
            .homePage3 .contentBox .rightBox {
                width: 56.0625rem;
                height: 29.0625rem;
                background-color: rgba(219, 219, 219,.4);
                border-radius: clamp(12px, 1rem, 16px);
                position: relative;
                opacity: 0;
                transform: translateX(25rem);
            }
                .homePage3 .contentBox .rightBox.animated {
                    width: 56.0625rem;
                    height: 29.0625rem;
                    background-color: rgba(219, 219, 219,.4);
                    border-radius: 1rem;
                    position: relative;
                    opacity: 1;
                    transform: translateX(0);
                    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
                }
                .homePage3 .contentBox .rightBox .rightBoxImg {
                    position: absolute;
                    right: 0rem;
                    bottom: 0rem;
                    width: 28rem;
                    height: 17.375rem;
                }
                .homePage3 .contentBox .rightBox .rightBoxTitle {
                    font-size: 1.75rem;
                    font-weight: 700;
                    color: #000;
                    margin-top: 3.25rem;
                    margin-left: 3.5rem;
                    font-family: 'Samsung Sharp Sans Bold';
                }

                .homePage3 .contentBox .rightBox .rightBoxDescribe {
                    font-size: clamp(12px, 1rem, 16px);
                    font-weight: 400;
                    color: rgba(0,0,0,.6);
                    line-height: 1.625rem;
                    width: 42.8125rem;
                    margin-top: 1.25rem;
                    margin-left: 3.5rem;
                    font-family: 'Red Hat Display';
                }
                .homePage3 .contentBox .rightBox .goInputItem {
                    display: flex;
                    align-items: center;
                    gap: 1.25rem;
                    margin-left: 3.5rem;
                    margin-top: 1.875rem;
                    cursor:pointer;
                }
                .homePage3 .contentBox .rightBox .goInputItemImg:hover {
                    transform: scale(1.2);
                }

                .homePage3 .contentBox .rightBox .goInputItemImg:not(:hover) {
                    transform: scale(1);
                }

                .homePage3 .contentBox .rightBox .goInputItemImg {
                    height: 3.125rem;
                    width: 3.125rem;
                    transition: all 0.2s ease-in-out;
                }

                .homePage3 .contentBox .rightBox .labelText {
                    font-size: 1.125rem;
                    font-weight: 700;
                    color: #000;
                    line-height: 1.625rem;
                    font-family: 'Red Hat Display';
                }
    .homePage4 {
        width:100%;
        height:131.25rem;
        position:relative;
    }
        .homePage4 .box1 .homePage4Img {
            height: 50.3125rem;
            width: 38.5rem;
            opacity: 0;
            transform: translateX(-25rem);
        }
            .homePage4 .box1 .homePage4Img.animated {
                height: 50.3125rem;
                width: 38.5rem;
                opacity: 1;
                transform: translateX(0);
                transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
        .homePage4 .box1 {
            width: 89.875rem;
            height: 50.3125rem;
            margin: 5rem auto 0 auto;
            display:flex;
            align-items:center;
            gap:9rem;
        }
            .homePage4 .box1 .rightBox {
                font-style: normal;
                font-weight: 700;
                font-size: 3.4375rem;
                line-height: 4.375rem;
                font-family: 'Samsung Sharp Sans Bold';
            }
            .homePage4 .box1 .appBox {
                width: 23rem;
                height:3.125rem;
                display:flex;
                align-items:center;
                gap:1.8125rem;
                margin-top:4.375rem;
            }
            .homePage4 .box1 .rightBox .appBox .appImg {
                width: 10.625rem;
                height: 3.125rem;
            }
        .homePage4 .box2 {
            width: 97.5rem;
            height: 28.6875rem;
            margin: .9375rem auto 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap:3.75rem;
            justify-content: center;
            background-color: rgba(124, 158, 251,0.07);
            border-radius:clamp(12px, 1rem, 16px);
        }
            .homePage4 .box2 .box2Title {
                font-style: normal;
                font-weight: 700;
                font-size: 3.75rem;
                line-height: 4.375rem;
                display: flex;
                align-items: center;
                text-transform: capitalize;
                color: #000000;
                font-family: 'Samsung Sharp Sans Bold';
            }
            .homePage4 .box2 .paymentListBox {
                display: flex;
                align-items: center;
                justify-content: space-around;
                border: .0625rem solid #d8cefa;
                background-color: rgba(219, 219, 219,.17);
                border-radius: 1rem;
                width: 84.6875rem;
                height: 7.4375rem;
                backdrop-filter: grayscale(100%);
                /*position:relative;
                z-index:100;*/
            }
            .homePage4 .box2 .paymentListItem {
            }
        .homePage4 .box3 {
            width: 97.5rem;
            height: 28.6875rem;
            display: flex;
            flex-direction: column;
            margin: 11.25rem auto 0 auto;
        }
            .homePage4 .box3 .box3Title {
                width: 49.6875rem;
                height: 9rem;
                font-weight: 700;
                font-size: 3.5rem;
                color: #000000;
                line-height: 4.375rem;
                font-family: 'Samsung Sharp Sans Bold';
            }
            .homePage4 .box3 .listBox {
                width: 97.5rem;
                height: 16.25rem;
                display:flex;
                gap:1.875rem;
                margin-top:5.625rem;
            }
                .homePage4 .box3 .listBox .listItems {
                    width: 31.25rem;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    background: linear-gradient( 180deg, rgba(124, 158, 251, 0.15) 0%, rgba(213, 213, 213, 0.15) 100% );
                    border-radius: clamp(12px, 1rem, 16px);
                }
                .homePage4 .box3 .listBox .listItems .labelBox{
                   display:flex;
                   align-items:center;
                   gap:1.5rem;
                   margin-left:3.1875rem;
                   margin-top:3.75rem;
                }
                    .homePage4 .box3 .listBox .listItems .labelBox .label {
                        font-weight: 700;
                        font-size: 1.25rem;
                        color: #4500E2;
                        font-family: 'Samsung Sharp Sans Bold';
                    }
                    .homePage4 .box3 .listBox .listItems .labelBox .box3listBoxItemImg {
                       height:4.375rem;
                       width:4.375rem;
                    }
                    .homePage4 .box3 .listBox .listItems .itemsTip {
                        font-weight: 400;
                        font-size: 1rem;
                        line-height: 1.125rem;
                        color: rgba(0,0,0,0.7);
                        margin-left: 3.1875rem;
                        width: 26.1875rem;
                        margin-top: 1.875rem;
                        font-family: 'Red Hat Display';
                    }
    .homePage5 {
        height: clamp(795px,66.25rem, 1060px);
        background: #2C008F;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(24px,2rem, 32px);
    }
        .homePage5 .leftBox {
            height: clamp(600px,50rem, 800px);
            width: clamp(474.75px,39.5625rem,633px);
            background-image: url(/img//pages//home/homePage5Box1.png);
            background-size: 100% 100%;
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content:space-between;
        }
            .homePage5 .leftBox .contentBox {
                display:flex;
                flex-direction:column;
                align-items:center;
            }
                .homePage5 .leftBox .contentBox .homePage5LeftBoxTitle {
                    width: clamp(379.5px,31.625rem, 506px);
/*                    height: clamp(82.5px,6.875rem, 110px);*/
                    font-weight: 700;
                    font-size: clamp(30px,2.5rem, 40px);
                    line-height: clamp(37.5px,3.125rem,75px);
                    color: #FFFFFF;
                    margin-top: clamp(58.5px,4.875rem,58.5px);
                    font-family: 'Samsung Sharp Sans Bold';
                }
                .homePage5 .leftBox .contentBox .homePage5LeftBoxTip {
                    /*                width: 23.3125rem;*/
                    width: clamp(279.75px,23.3125rem, 373px);
                    height: clamp(37.5px,3.125rem, 50px);
                    font-weight: 400;
                    /*                font-size: .875rem;*/
                    font-size: clamp(12px,1rem, 14px);
                    /*                line-height: 1.5rem;*/
                    line-height: clamp(18px,1.5rem, 24px);
                    color: rgba(255,255,255,0.8);
                    text-align: center;
                    margin-top: clamp(21px,1.75rem, 24px);
                    font-family: 'Red Hat Display';
                }
        .homePage5 .rightBox {
            height: clamp(600px,50rem, 800px);
            width: clamp(671.25px,55.9375rem, 895px);
            display: flex;
            flex-direction: column;
            gap: clamp(22.5px,1.875rem, 30px);
            border-radius: 1rem;
        }
            .homePage5 .rightBox .rightBoxItem1Box {
                width: 100%;
                height: clamp(261.75px,21.8125rem, 349px);
                background-image: url(/img//pages//home/homePage5Box2.png);
                background-size: 100% 100%;
                border-radius: 1rem;
                padding-left: clamp(48.75px,4.0625rem, 48.75px);
                display: flex;
                flex-direction: column;
            }
                .homePage5 .rightBox .rightBoxItem1Box .homePage5RightBoxItem1BoxTitle {
                    width: clamp(411.75px,34.3125rem,549px);
                    height: clamp(82.5px,6.875rem,111px);
                    font-weight: 700;
                    font-size: clamp(30px,2.5rem,40px);
                    line-height: clamp(37.5px,3.125rem,50px);
                    color: #FFFFFF;
                    margin-top: clamp(58.5px,4.875rem,74px);
                    font-family: 'Samsung Sharp Sans Bold';
                }
                .homePage5 .rightBox .rightBoxItem1Box .homePage5RightBoxItem1BoxTip {
                    width: clamp(438.75px,36.5625rem,585px);
                    font-weight: 400;
                    font-size: clamp(12px,1rem,14px);
                    line-height: clamp(18px,1.5rem,18px);
                    color: rgba(255,255,255,0.8);
                    margin-top: clamp(20px,1.666rem,20px);
                    font-family: 'Red Hat Display';
                }
            .homePage5 .rightBox .rightBoxItem2Box {
                width: 100%;
                height: clamp(315.75px,26.3125rem, 421px);
                background-image: url(/img//pages//home/homePage5Box3.png);
                background-size: 100% 100%;
                border-radius: 1rem;
                display: flex;
                flex-direction: column;
                justify-content:space-between;
            }
                .homePage5 .rightBox .rightBoxItem2Box .homePage5RightBoxItem2BoxTitle {
                    font-weight: 700;
                    font-size: clamp(30px,2.5rem,30px);
                    line-height: clamp(37.5px,3.125rem, 37.5px);
                    color: #FFFFFF;
                    text-align: center;
                    margin-top: clamp(51.75px,4.3125rem, 51.75px);
                    font-family: 'Samsung Sharp Sans Bold';
                }
                .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox {
                    display: flex;
                    flex: 1;
                    align-items: center;
                }
                    .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox .rightBoxItem2BoxChildBox {
                        display: flex;
                        justify-content: center;
                        gap: clamp(75px,6.25rem, 75px);
                        height: 100%;
                        /*                    margin-top: 3.1875rem;*/
                        padding-top: clamp(27px,2.25rem, 51px);
                        width: 100%;
                    }
                        .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox .rightBoxItem2BoxChildBox .rightBoxItem2BoxChild {
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: space-between;
                        }
                            .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox .rightBoxItem2BoxChildBox .rightBoxItem2BoxChild .contentBox {
                                display: flex;
                                flex-direction: column;
                                gap: clamp(12px,1rem, 30px);
                            }
                                .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox .rightBoxItem2BoxChildBox .rightBoxItem2BoxChild .contentBox .rightBoxItem2BoxChildTitle {
                                    /*                            width: 15rem;*/
                                    height: clamp(16.5px,2.25rem, 16.5px);
                                    font-weight: 700;
                                    font-size: clamp(12px, 1rem, 16px);
                                    color: #FFFFFF;
                                    font-family: 'Samsung Sharp Sans Bold';
                                }
                                .homePage5 .rightBox .rightBoxItem2Box .rightBoxItem2BoxChildrenBox .rightBoxItem2BoxChildBox .rightBoxItem2BoxChild .contentBox .rightBoxItem2BoxChildTip {
                                    /*                            margin-top: 1.25rem;*/
                                    text-align: center;
                                    color: rgba(255,255,255,0.7);
                                    width: clamp(249px, 20.75rem, 340px);
                                    font-family: 'Red Hat Display';
                                    font-size: clamp(12px, 1rem, 16px) !important;
                                }
        .homePage5 .goInputItem {
            display: flex;
            align-items: center;
            gap: clamp(12px, 1rem, 16px);
            cursor: pointer;
            /*            margin-top: 27.9375rem;*/
            padding-bottom: clamp(44px, 3.666rem, 44px);
            flex-shrink:0;
        }
            .homePage5 .goInputItem .goInputItemImg:hover {
                transform: scale(1.2);
            }

            .homePage5 .goInputItem .goInputItemImg:not(:hover) {
                transform: scale(1);
            }
            .homePage5 .goInputItem .goInputItemImg {
                height: 3.125rem;
                width: 3.125rem;
                transition: all 0.2s ease-in-out;
            }

            .homePage5 .goInputItem .labelText {
                font-size: clamp(13.5px, 1.125rem, 16px);
                font-weight: 400;
                color: #fff;
                line-height: 1.625rem;
                font-family: 'Red Hat Display';
            }
}