.pickalink-home-page {
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative;
    height: 100vh;

    .harmonyFont {
        font-family: "Harmony", "Source Sans Pro";
    }

    .pickalink-home-page-header {
        .navbar-brand {
            > img {
                width: 225px;
            }
        }

        > nav {
            border-bottom: 2px solid #feeff3;
            height: 80px;
        }

        .pickalink-home-page-header-nav {
            font-size: 18px;
        }

        .pickalink-home-page-header-right-btn {
            white-space: nowrap;
            position: relative;

            span {
                cursor: pointer;
                font-size: 1.125rem;
            }

            .pickalink-home-page-header-right-btn-active {
                padding: 5px 40px;
                border-radius: 10px;
                background-color: #e61852;
            }

            .dropdown-toggle {
                color: #fff;
            }
        }

        @media screen and (max-width: 992px) {
            .pickalink-home-page-header-nav {
                display: none;
            }
        }

        .dropdown-toggle::after {
            content: none;
        }
    }

    @media screen and (max-width: 1200px) {
        .pickalink-home-page-header {
            .btn-offcanvas {
                background: transparent;
                border: none;
            }

            .btn-offcanvas:focus {
                box-shadow: inherit;
            }
        }
    }

    .offcanvas-end {
        background: #f9f9f9;

        .offcanvas-body {
            padding: 0;
        }

        .offcanvas-body-nav {
            background: #f9f9f9;
            list-style-type: none;
            padding: 0;

            .offcanvas-nav-login {
                font-size: 18px;
                border-top: 1px solid #eaeaea;
                border-bottom: 1px solid #eaeaea;
                background: #fff;

                .offcanvas-nav-link {
                    flex: 1;
                    border-bottom: 1px solid #f8f8f8 !important;
                }

                > div {
                    margin-left: 20px;
                }
            }

            .offcanvas-nav-linkwrap {
                background: #fff;
                border-top: 1px solid #eaeaea;
                border-bottom: 1px solid #eaeaea;
            }

            .offcanvas-nav-link {
                border-bottom: 1px solid #f8f8f8;
                margin-left: 20px;

                .nav-link {
                    padding-left: 0;
                }
            }

            .offcanvas-nav-link:last-child {
                border-bottom: none;
            }
        }
    }

    @media screen and (max-width: 750px) {
        .offcanvas-end {
            width: 80%;
            border-left: none;
        }

        .pickalink-home-page-header {
            > nav {
                height: 60px;
            }
        }
    }

    .pickalink-home-page-main {
        margin-top: 80px;
        flex: 1;

        .article-one {
            padding: 5% 0;

            .article-title {
                font-size: 50px;
                line-height: 75px;
                text-transform: uppercase;
                color: #f1628b;
            }

            .article-notes {
                opacity: 0.251;
                font-size: 14px;
                line-height: 18px;
                text-transform: uppercase;
                color: #000000;
            }

            .article-subtitle {
                font-size: 50px;
                line-height: 75px;
                text-transform: uppercase;
                color: #000000;
            }

            .article-list-content {
                font-size: 30px;
                line-height: 45px;
                color: #000000;
                display: flex;
                flex-direction: column;

                > div {
                    >i {
                        margin-top: 20px;
                    }
                }

                .circle {
                    min-width: 8px;
                    height: 8px;
                    background-color: #f1628b;
                    border-radius: 50%;
                    box-sizing: border-box;
                }

                .circle-hollow {
                    border: 1px solid #f1628b;
                    border-radius: 50%;
                    box-sizing: border-box;
                    min-width: 8px;
                    height: 8px;
                }
            }

            .btn-outline-primary {
                color: #f1628b;
                border-color: #f1628b;
                padding: 5px 30px;
            }

            .btn-outline-primary:hover {
                color: #fff;
                background-color: #f1628b;
                border-color: #f1628b;
            }

            .talk-btn {
                font-size: 20px;
                line-height: 29px;
                text-transform: uppercase;

                color: #f1628b;
            }

            @media screen and (max-width: 768px) {
                .article-title {
                    font-size: 30px;
                    line-height: 45px;
                }

                .article-subtitle {
                    font-size: 24px;
                    line-height: 45px;
                }

                .article-notes {
                    font-size: 12px;
                    line-height: 12px;
                }

                .article-list-content {
                    font-size: 20px;
                    line-height: 30px;
                    >div>i {
                        margin-top: 12px;
                    }
                }
            }
        }

        .article-two {
            .article-two-box {
                padding: 0 30px;
                max-width: 400px;
                height: 155px;
                border-radius: 20px;
                filter: drop-shadow(0.087px 4.999px 4.5px rgba(241, 98, 139, 0.09));
                background-color: #ffffff;
                border: 0px solid #ffc28c;

                .img-wrap img {
                    min-width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    background-color: transparent;
                }

                .box-content {
                    font-size: 18px;
                    line-height: 24px;
                    color: #000000;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }

                .box-title {
                    margin-left: 30px;
                    font-size: 30px;
                    line-height: 75px;
                    text-transform: uppercase;
                    color: #000000;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }

            @media screen and (max-width: 1446px) {
                .article-two-box {
                    max-width: 330px;
                }
            }
            @media screen and (max-width: 768px) {
                .article-two-box {
                    height: 90px;
                }
            }
        }

        .article-three {
            .merchants {
                width: 100%;
                height: auto;
                /*padding: 5% 0;*/

                .logo-alink {
                    color: inherit;
                    text-decoration: none;
                }

                .text-title {
                    text-align: center;
                    font-size: 46px;
                    line-height: 63px;
                    color: #000000;
                }

                .text-subtitle {
                    font-size: 34px;
                    line-height: 35px;
                    color: #000000;
                    text-align: center;
                    width: 56%;
                }

                .text-wrap {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                .liMarquee-wrap {
                    margin-top: 7%;
                }

                .logo-wrap {
                    display: inline-block;
                    width: 300px;
                    min-height: 100px;
                    border-radius: 7px;
                    background-color: #ffffff;
                }

                .purple-box .logo-wrap {
                    filter: drop-shadow(0 0 10px rgba(185, 158, 255, 0.25));
                }

                .orange-box .logo-wrap {
                    filter: drop-shadow(0 0 10px rgba(255, 185, 158, 0.25));
                }

                .green-box .logo-wrap {
                    filter: drop-shadow(0 0 10px rgba(158, 255, 185, 0.25));
                }

                .logo-circle {
                    display: inline-block;
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    margin-left: 10%;

                    > img {
                        width: 80px;
                    }
                }

                .purple-box .logo-circle {
                    box-shadow: 0 0 10px rgba(185, 158, 255, 0.25);
                }

                .orange-box .logo-circle {
                    box-shadow: 0 0 10px rgba(255, 185, 158, 0.25);
                }

                .green-box .logo-circle {
                    box-shadow: 0 0 10px rgba(158, 255, 185, 0.25);
                }

                .logo-text {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    font-size: 20px;
                    line-height: 35px;
                    color: #000000;
                }

                .logo-block {
                    display: inline-block;
                    margin: 0 auto;
                    font-size: 20px;
                    line-height: 35px;
                    /*padding: 5px 10px;*/
                    width: 100px;
                    /*height: 27px;*/
                    border-radius: 5px;
                    text-align: center;
                }

                .purple-box .logo-block {
                    color: #9743e2;
                    background-color: #ead2ff;
                }

                .orange-box .logo-block {
                    color: #ffa05c;
                    background-color: #ffe0d0;
                }

                .green-box .logo-block {
                    color: #5cffa0;
                    background-color: #d0ffe0;
                }

                @media screen and (max-width: 768px) {
                    .text-title {
                        font-size: 20px;
                        line-height: 30px;
                    }

                    .text-subtitle {
                        font-size: 18px;
                        line-height: 30px;
                        width: 100%;
                    }
                }
            }
        }

        .article-four {
            padding: 5% 0;

            .article-four-title {
                font-size: 46px;
                color: #000000;
                text-align: center;
            }

            .article-four-subtitle {
                font-size: 34px;
                color: #000000;
                text-align: center;
            }

            .article-box {
                width: 800px;
                min-height: 300px;
                border: 4px solid transparent;
                border-radius: 16px;
                background-clip: padding-box, border-box;
                background-origin: padding-box, border-box;
                background-image: linear-gradient(to right, #fff, #fff), linear-gradient(92deg, #e8eeff, #fff);
            }

            .box-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 40px;
                height: 100%;
                color: #000;

                .title {
                    position: relative;
                    font-size: 40px;
                    letter-spacing: 2px;
                    color: #166ea5;
                }

                .title::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100px;
                    height: 2px;
                    background-color: #166ea5;
                }

                .content {
                    font-size: 34px;
                    color: #166ea5;
                }
            }
            .icon-item {
                cursor: pointer;
                transition: transform 0.3s ease-in-out;
            }
            .icon-item.active {
                transform: scale(1.2);
            }
            .icon-box1 {
                position: absolute;
                width: 96px;
                height: 93px;
                background: url("../img/home/v2/af-icon1.png");
                top: 180px;
                left: -5%;
                background-size: 100% !important;
                background-repeat: no-repeat !important;
            }
            .icon-box2 {
                position: absolute;
                width: 99px;
                height: 95px;
                background: url("../img/home/v2/af-icon2.png");
                top: 30px;
                left: 0%;
                background-size: 100% !important;
                background-repeat: no-repeat !important;
            }
            .icon-box3 {
                position: absolute;
                width: 96px;
                height: 95px;
                background: url("../img/home/v2/af-icon3.png");
                top: -40px;
                left: 30%;
                background-size: 100% !important;
                background-repeat: no-repeat !important;
            }
            .icon-box4 {
                position: absolute;
                width: 96px;
                height: 95px;
                background: url("../img/home/v2/af-icon4.png");
                top: 0px;
                left: 65%;
                background-size: 100% !important;
                background-repeat: no-repeat !important;
            }
            .icon-box5 {
                position: absolute;
                width: 96px;
                height: 95px;
                background: url("../img/home/v2/af-icon5.png");
                top: 27%;
                left: 80%;
                background-size: 100% !important;
                background-repeat: no-repeat !important;
            }

            @media screen and (max-width: 768px) {
                .article-four-title {
                    font-size: 20px;
                }

                .article-four-subtitle {
                    font-size: 18px;
                }

                .article-four-img {
                    /*height: 200px;*/
                    margin: 0 auto;
                }

                .article-box {
                    min-height: 100px;
                }

                .box-content {
                    padding: 20px;

                    .title {
                        font-size: 20px;
                    }

                    .content {
                        font-size: 18px;
                    }
                }
                .article-four-img-wrap {
                    padding: 0 30px;
                }
                .icon-item {
                    width: 60px !important;
                    height: 60px !important;
                }
                .icon-box1 {
                    top: 157px;
                }
                .icon-box2 {
                    top: 44px;
                }
                .icon-box3 {
                    top: -23px;
                }
                .icon-box4 {
                    top: 9px;
                }
                .icon-box5 {
                    top: 29%;
                    left: 82%;
                }
            }
        }

        .article-five {
            padding: 5% 0;

            .article-five-title {
                font-size: 40px;
                line-height: 55px;
                color: #000000;
                text-align: center;
            }

            .article-five-subtitle {
                font-size: 28px;
                line-height: 46px;
                color: #000000;
                text-align: center;
            }

            .box-img-wrap {
                border-radius: 10px;
                width: 45%;
                max-width: 500px;
                height: 250px;
                margin: 20px;
                padding: 30px;
            }

            .box-title {
                font-size: 24px;
                line-height: 26px;
                color: #000000;
                margin: 20px 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .box-content {
                font-size: 20px;
                line-height: 24px;
                color: #000000;
            }

            .pink {
                background-color: #ffe8e8;
            }

            .green {
                background-color: #f2f7ce;
            }

            .blue {
                background-color: #e8eeff;
            }

            .orange {
                background-color: #f5e0ff;
            }

            @media screen and (max-width: 1446px) {
                .article-five-title {
                    font-size: 30px;
                }
            }

            @media screen and (max-width: 768px) {
                .article-five-title {
                    font-size: 20px;
                    line-height: 30px;
                }
                .article-five-subtitle {
                    font-size: 20px;
                    line-height: 30px;
                }
                .box-img-wrap {
                    width: 100%;
                    height: 150px;
                    margin: 5px;
                    padding: 10px;
                }
                .box-title {
                    font-size: 18px;
                    line-height: 26px;
                    margin: 5px 0;
                }
                .box-content {
                    font-size: 15px;
                    line-height: 18px;
                }
            }
        }

        .article-six {
            padding: 5% 0;

            .article-six-title {
                font-size: 46px;
                color: #000000;
            }

            .article-six-subtitle {
                opacity: 0.502;
                font-size: 28px;
                color: #000000;
            }

            .box {
                position: relative;
                width: 550px;
                height: 260px;
                border-radius: 25px;
                box-sizing: border-box;
                border: 4px solid #fff;
                padding: 40px;

                .step-box {
                    position: absolute;
                    top: -22px;
                    left: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 120px;
                    height: 40px;
                    box-sizing: border-box;
                    border: 2px solid #e8eeff;
                    border-radius: 25px;
                    background: #fff;
                }

                .box-title {
                    font-size: 34px;
                    color: #010101;
                }

                .box-text {
                    font-size: 22px;
                    color: #000000;
                }
            }

            .box-step1 {
                background-color: #bdceff;
            }

            .box-step2 {
                background-color: #e8eeff;
                margin-top: -103px;
                margin-left: 257px;
            }

            .box-step3 {
                background-color: #f8f8ff;
                margin-top: -8%;
                margin-left: 5%;
            }
            @media screen and (max-width: 768px) {
                .box {
                    width: 100%;
                    height: 150px;
                    padding: 20px 10px;
                    .box-title {
                        font-size: 20px;
                    }
                    .box-text {
                        font-size: 18px;
                    }
                }
                .box-step2 {
                    margin-left: 0;
                    margin-top: 20px;
                }
                .box-step3 {
                    margin-top: 20px;
                    margin-left: 0px;
                }
                .article-six-title {
                    font-size: 20px;
                }
                .article-six-subtitle {
                    font-size: 18px;
                    margin-bottom: 50px;
                }
            }
        }


        .article-seven {
            .contactus-content {
                width: 100%;
                height: 200px;
                border-radius: 55px;
                filter: drop-shadow(4.668px 1.792px 3.5px rgba(0, 0, 0, 0.3));
                background-color: #ffffff;
                border: 0px solid #ffc28c;
                padding: 0 100px;
                margin-bottom: -5%;
            }

            .title {
                font-size: 46px;
                line-height: 35px;
                color: #000000;
            }

            .email-title {
                font-size: 20px;
                line-height: 27px;
                color: #c40038;
            }
            @media screen and (max-width: 768px) {
                .contactus-content {
                    padding: 30px;
                    height: auto;
                    border-radius: 15px;
                    margin-bottom: -25%;
                }
                .title {
                    font-size: 25px;
                    line-height: 40px;
                }
            }
        }

        .article-eight {

        }
    }


    @media screen and (max-width: 1800px) {
        .pickalink-home-page-main {
            & .article-one {
                & .scaleSimplifies-wrap {
                    .gril-bg {
                        /*background-size: 50%, 50%, 43%;*/
                    }
                }
            }
        }
    }

    @media screen and (max-width: 1200px) {
        .pickalink-home-page-main {
            .article-one {
                & .scaleSimplifies-wrap {
                    .ss-right, .ss-left {
                        .text-wrap {
                            font-size: 23px;
                            margin-top: 20%;
                        }
                    }
                }
            }

            .article-two {
                & .ab-right {
                    & .count-panel {
                        .count-text {
                            font-size: 35px;
                        }

                        .count-title {
                            font-size: 25px;
                        }
                    }
                }
            }

            .article-seven {
                .email-info {
                    font-size: 30px;
                }
            }
        }
    }
    @media screen and (max-width: 993px) {
        .pickalink-home-page-main {
            .article-one {
                .scaleSimplifies-wrap {
                    .gr-1 {
                        height: 60%;
                        left: 22%;
                    }

                    .gr-2 {
                        height: 60%;
                        left: -12%;
                    }

                    .gr-3 {
                        height: 70%;
                        right: -15%;
                    }

                    .ss-right, .ss-left {
                        .text-wrap {
                            font-size: 16px;
                            margin-top: 23%;
                        }

                        /*flex: inherit;*/
                        /*height: 500px;*/
                    }
                }
            }

            .article-two {
                & .ab-right {
                    & .count-panel {
                        height: 100px;
                    }

                    .welcome-content {
                        background: #fff;
                        align-items: center;

                        .welcome-text {
                            .text-one {
                                font-size: 23px;
                            }

                            .text-two {
                                font-size: 23px;
                            }

                            .text-three {
                                font-size: 17px;
                            }
                        }
                    }
                }

            }
        }
    }
    @media screen and (max-width: 750px) {
        .navbar-brand {
            > img {
                width: 100px;
            }
        }

        .pickalink-home-page-main {
            margin-top: 60px;
        }
    }

}

.breathing-light {
    position: relative;
    width: 120px;
    height: 120px;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    animation: breathe 2s ease-in-out infinite;
}

@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5), 0 0 0 0 rgba(255, 50, 0, 0.3),
        0 0 0 0 rgba(255, 100, 0, 0.1);
    }
    50% {
        box-shadow: 0 0 0 20px rgba(255, 0, 0, 0), 0 0 0 40px rgba(255, 50, 0, 0),
        0 0 0 60px rgba(255, 100, 0, 0);
    }
}

.formModal {
    .modal-header {
        border-bottom: none;
        position: relative;
    }

    .operationButton {
        /*margin-top: 60px;*/
        /*margin-bottom: 40px;*/
        background: #e61852;
        border-color: #e61852;
        box-shadow: 0px 2px 9px 0px #e61852;
    }

    .footer-jump {
        font-size: 16px;

        .sign-link {
            cursor: pointer;
            color: #e61852;
            text-decoration: underline;
        }
    }


    .form-control:focus {
        border-color: #a462df;
        box-shadow: inherit;
    }

    .pas-eye {
        position: absolute;
        right: 8%;
        top: 16%;
        z-index: 9;
        cursor: pointer;
    }

    .h-88 {
        min-height: 88px;
    }

    .h-100 {
        min-height: 93px;
    }

    .mail {
        background-size: contain;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+Cgk8dGl0bGU+eW91eGlhbmctMi1zdmc8L3RpdGxlPgoJPHN0eWxlPgoJCS5zMCB7IGZpbGw6ICM4NzRmZmIgfSAKCTwvc3R5bGU+Cgk8cGF0aCBpZD0iTGF5ZXIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9InMwIiBkPSJtNjMuNSAyNTZsNDMyLjIgMjM3IDQzMi4zLTIzNy4zYy0wLjYtNDYuMi0zOS4zLTgzLjktODYuNS04My45aC02OTEuOWMtNDcuMyAwLTg1LjcgMzcuOC04Ni4xIDg0LjJ6bTAgOTAuOGwtMC40IDQxOS42YzAgNDYuNyAzOC45IDg0LjkgODYuNSA4NC45aDY5MS45YzQ3LjYgMCA4Ni41LTM4LjIgODYuNS04NC45di00MTkuOGwtNDIyLjEgMjI2LjJjLTYuNSAzLjUtMTQuMyAzLjUtMjAuNyAweiIvPgo8L3N2Zz4=");
    }

    .pas {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+Cgk8dGl0bGU+YS1taW1hMy1zdmc8L3RpdGxlPgoJPHN0eWxlPgoJCS5zMCB7IGZpbGw6ICM4NzRmZmIgfSAKCTwvc3R5bGU+Cgk8cGF0aCBpZD0iTGF5ZXIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9InMwIiBkPSJtODc0LjcgNTE3LjF2MzA5LjJjMCA2Mi01NC4xIDExMi40LTEyMC44IDExMi40aC00ODMuOGMtNjYuNyAwLTEyMC44LTUwLjQtMTIwLjgtMTEyLjR2LTMwOS4yYzAtNTkuMyA0OS40LTEwNy45IDExMi0xMTIuMXYtODAuOGMwLTEzMS45IDExNC45LTIzOC45IDI1Ni43LTIzOC45IDE0MS44IDAgMjU2LjcgMTA3IDI1Ni43IDIzOC45djgyLjJjNTYuOCA5LjIgMTAwIDU1LjMgMTAwIDExMC43em0tMzAzLjIgMTc3LjNjMjguNi0xNS4yIDQ3LjgtNDMuOCA0Ny44LTc2LjUgMC00OC43LTQyLjQtODguMi05NC43LTg4LjItNTIuMyAwLTk0LjcgMzkuNS05NC43IDg4LjIgMCAzNCAyMC43IDYzLjUgNTEgNzguMnYxMDIuNGg5MC42em0xMjEuOC0zNTUuNmMwLTkwLjMtNzguNy0xNjMuNi0xNzUuNy0xNjMuNi05Ny4xIDAtMTc1LjggNzMuMy0xNzUuOCAxNjMuNnY2NS45aDM1MS41eiIvPgo8L3N2Zz4=");
    }

    .secpas {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+Cgk8dGl0bGU+ZXJjaXlhbnpoZW5nLXN2ZzwvdGl0bGU+Cgk8c3R5bGU+CgkJLnMwIHsgZmlsbDogIzg3NGZmYiB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iczAiIGQ9Im02MzguMSA0MDkuM2MxMS43IDcuMiAyMi4xIDE2LjIgMzAuOCAyNi44IDguNyAxMC43IDE1LjUgMjIuNyAyMC4xIDM1LjYgNC42IDEzIDcgMjYuNiA3IDQwLjN2MzIwYzAgMTUuOC0zLjEgMzEuNC05LjIgNDUuOS02IDE0LjYtMTQuOCAyNy44LTI2IDM4LjktMTEuMSAxMS4yLTI0LjMgMjAtMzguOSAyNi0xNC41IDYuMS0zMC4xIDkuMi00NS45IDkuMmgtMzg0Yy0xNS44IDAtMzEuNC0zLjEtNDUuOS05LjItMTQuNi02LTI3LjgtMTQuOC0zOC45LTI2LTExLjItMTEuMS0yMC0yNC4zLTI2LTM4LjktNi4xLTE0LjUtOS4yLTMwLjEtOS4yLTQ1Ljl2LTMyMGMwLTEzLjcgMi40LTI3LjMgNy00MC4zIDQuNi0xMi45IDExLjQtMjQuOSAyMC4xLTM1LjYgOC43LTEwLjYgMTkuMS0xOS42IDMwLjgtMjYuOCAxMS44LTcuMSAyNC43LTEyLjEgMzguMS0xNC45di0xMDYuNGMwLTU3LjMgMjIuOC0xMTIuMiA2My4zLTE1Mi43IDQwLjUtNDAuNSA5NS40LTYzLjMgMTUyLjctNjMuMyA1Ny4zIDAgMTEyLjIgMjIuOCAxNTIuNyA2My4zIDQwLjUgNDAuNSA2My4zIDk1LjQgNjMuMyAxNTIuN3YxMDYuNGMxMy40IDIuOCAyNi4zIDcuOCAzOC4xIDE0Ljl6bS0yOTMuOS0yMTcuM2MtMTIuNiA1LjItMjQgMTIuOC0zMy43IDIyLjUtOS43IDkuNy0xNy4zIDIxLjEtMjIuNSAzMy43LTUuMyAxMi42LTggMjYuMS04IDM5Ljh2MTA0aDIwOHYtMTA0YzAtMTMuNy0yLjctMjcuMi04LTM5LjgtNS4yLTEyLjYtMTIuOC0yNC0yMi41LTMzLjctOS43LTkuNy0yMS4xLTE3LjMtMzMuNy0yMi41LTEyLjYtNS4zLTI2LjEtOC0zOS44LTgtMTMuNyAwLTI3LjIgMi43LTM5LjggOHptMjM5LjggMzIwcTAtMS42LTAuNi0zLjEtMC42LTEuNC0xLjctMi42LTEuMi0xLjEtMi42LTEuNy0xLjUtMC42LTMuMS0wLjZoLTM4NHEtMS42IDAtMy4xIDAuNi0xLjQgMC42LTIuNiAxLjctMS4xIDEuMi0xLjcgMi42LTAuNiAxLjUtMC42IDMuMXYzMjBxMCAxLjYgMC42IDMuMSAwLjYgMS40IDEuNyAyLjYgMS4yIDEuMSAyLjYgMS43IDEuNSAwLjYgMy4xIDAuNmgzODRxMS42IDAgMy4xLTAuNiAxLjQtMC42IDIuNi0xLjcgMS4xLTEuMiAxLjctMi42IDAuNi0xLjUgMC42LTMuMXoiLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InMwIiBkPSJtODQ4IDQwMS42di0xMTMuNmMwLTIwLjEtMi45LTQwLjItOC43LTU5LjQtNS43LTE5LjMtMTQuMi0zNy43LTI1LjMtNTQuNS0xMS0xNi45LTI0LjQtMzItMzkuOC00NS0xNS40LTEzLTMyLjUtMjMuNy01MS0zMS44LTExLjctNS0yNC45LTUuMy0zNi43LTAuNi0xMS45IDQuNi0yMS40IDEzLjgtMjYuNSAyNS40LTUuMSAxMS43LTUuMyAyNC45LTAuNyAzNi44IDQuNyAxMS44IDEzLjggMjEuMyAyNS41IDI2LjQgOS45IDQuNCAxOS4yIDEwLjEgMjcuNCAxNy4xIDguMyA3IDE1LjUgMTUuMSAyMS40IDI0LjEgNiA5LjEgMTAuNiAxOC45IDEzLjcgMjkuMyAzLjEgMTAuNCA0LjcgMjEuMSA0LjcgMzEuOXYxNjAuM2MwIDYuMyAxLjIgMTIuNSAzLjcgMTguNCAyLjQgNS44IDUuOSAxMS4xIDEwLjQgMTUuNSA0LjQgNC41IDkuNyA4IDE1LjUgMTAuNCA1LjkgMi41IDEyLjEgMy43IDE4LjQgMy43aDMyYzIuMSAwIDQuMiAwLjQgNi4xIDEuMiAyIDAuOCAzLjcgMiA1LjIgMy41IDEuNSAxLjUgMi43IDMuMiAzLjUgNS4yIDAuOCAxLjkgMS4yIDQgMS4yIDYuMXYzMjBjMCAyLjEtMC40IDQuMi0xLjIgNi4xLTAuOCAyLTIgMy43LTMuNSA1LjItMS41IDEuNS0zLjIgMi43LTUuMiAzLjUtMS45IDAuOC00IDEuMi02LjEgMS4yLTEyLjcgMC0yNC45IDUuMS0zMy45IDE0LjEtOSA5LTE0LjEgMjEuMi0xNC4xIDMzLjkgMCAxMi43IDUuMSAyNC45IDE0LjEgMzMuOSA5IDkgMjEuMiAxNC4xIDMzLjkgMTQuMSAxNC43IDAgMjkuMy0yLjkgNDIuOC04LjYgMTMuNi01LjYgMjYtMTMuOCAzNi40LTI0LjIgMTAuNC0xMC40IDE4LjYtMjIuOCAyNC4yLTM2LjQgNS43LTEzLjUgOC42LTI4LjEgOC42LTQyLjh2LTMyMGMwLTEzLjMtMi41LTI2LjUtNy4xLTM5LTQuNy0xMi41LTExLjYtMjQtMjAuNC0zNC4xLTguNy0xMC0xOS4yLTE4LjQtMzAuOS0yNC44LTExLjctNi40LTI0LjQtMTAuNi0zNy42LTEyLjV6Ii8+Cgk8cGF0aCBpZD0iTGF5ZXIiIGNsYXNzPSJzMCIgZD0ibTM4NCA1ODRjLTcuNCAwLTE0LjYgMS40LTIxLjQgNC4zLTYuOCAyLjgtMTMgNi45LTE4LjIgMTIuMS01LjIgNS4yLTkuMyAxMS40LTEyLjEgMTguMi0yLjkgNi44LTQuMyAxNC00LjMgMjEuNHY2NGMwIDE0LjkgNS45IDI5LjEgMTYuNCAzOS42IDEwLjUgMTAuNSAyNC43IDE2LjQgMzkuNiAxNi40IDE0LjkgMCAyOS4xLTUuOSAzOS42LTE2LjQgMTAuNS0xMC41IDE2LjQtMjQuNyAxNi40LTM5LjZ2LTY0YzAtNy40LTEuNC0xNC42LTQuMy0yMS40LTIuOC02LjgtNi45LTEzLTEyLjEtMTguMi01LjItNS4yLTExLjQtOS4zLTE4LjItMTIuMS02LjgtMi45LTE0LTQuMy0yMS40LTQuM3oiLz4KPC9zdmc+");
    }

    .eye {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+Cgk8dGl0bGU+a2VqaWFueGluZy1rZWppYW4tc3ZnPC90aXRsZT4KCTxzdHlsZT4KCQkuczAgeyBmaWxsOiAjMDAwMDAwIH0gCgk8L3N0eWxlPgoJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0ibTk4MS4zIDQ5MC43Yy03My44IDE4Ny4zLTI1NiAzMjAtNDY5LjMgMzIwLTIxMy4zIDAtMzk1LjUtMTMyLjctNDY5LjMtMzIwIDczLjgtMTg3LjMgMjU2LTMyMCA0NjkuMy0zMjAgMjEzLjMgMCAzOTUuNSAxMzIuNyA0NjkuMyAzMjB6bS01ODQuNy0yMTguOGMtMzcuNiAxMC43LTczLjQgMjYuNi0xMDYuNiA0Ny4yLTMzLjEgMjAuNy02My4xIDQ1LjktODkuMiA3NC45LTI2LjIgMjktNDguMSA2MS42LTY1LjEgOTYuNyA3MC40IDE0My44IDIxNC42IDIzNC42IDM3Ni4zIDIzNC42IDE2MS43IDAgMzA1LjktOTAuOCAzNzYuMy0yMzQuNi0xNy0zNS4xLTM4LjktNjcuNy02NS4xLTk2LjctMjYuMS0yOS01Ni4xLTU0LjItODkuMi03NC45LTMzLjItMjAuNi02OS0zNi41LTEwNi42LTQ3LjItMzcuNS0xMC43LTc2LjQtMTYtMTE1LjQtMTUuOS0zOS0wLjEtNzcuOSA1LjItMTE1LjQgMTUuOXptMzA3LjQgMjE4LjhjMCAxMDUuOC04Ni4yIDE5Mi0xOTIgMTkyLTEwNS44IDAtMTkyLTg2LjItMTkyLTE5MiAwLTEwNS44IDg2LjItMTkyIDE5Mi0xOTIgMTA1LjggMCAxOTIgODYuMiAxOTIgMTkyem0tMjY3LjQtNzUuNWMtMjAgMjAtMzEuMyA0Ny4yLTMxLjMgNzUuNSAwIDI4LjMgMTEuMyA1NS40IDMxLjMgNzUuNCAyMCAyMCA0Ny4xIDMxLjIgNzUuNCAzMS4yIDI4LjMgMCA1NS40LTExLjIgNzUuNC0zMS4yIDIwLTIwIDMxLjMtNDcuMSAzMS4zLTc1LjQgMC0yOC4zLTExLjMtNTUuNS0zMS4zLTc1LjUtMjAtMjAtNDcuMS0zMS4yLTc1LjQtMzEuMi0yOC4zIDAtNTUuNCAxMS4yLTc1LjQgMzEuMnoiLz4KPC9zdmc+");
    }

    .eye-fill {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+Cgk8dGl0bGU+YnVrZWppYW4tc3ZnPC90aXRsZT4KCTxzdHlsZT4KCQkuczAgeyBmaWxsOiAjMDAwMDAwIH0gCgk8L3N0eWxlPgoJPHBhdGggaWQ9IkxheWVyIiBjbGFzcz0iczAiIGQ9Im05NDcuOCAzMDQuMmMtMy42LTMuMS03LjctNS41LTEyLjItNy00LjUtMS42LTkuMi0yLjItMTMuOS0xLjktNC43IDAuMy05LjMgMS41LTEzLjYgMy42LTQuMiAyLjEtOCA1LTExLjEgOC42LTYyLjEgNzAuNi0xMjYuNCAxMjQuMS0xOTEuMSAxNTguOS02My4yIDM0LjEtMTI4LjcgNTEuNC0xOTQuNyA1MS40LTY1LjkgMC0xMzEuMy0xNy4zLTE5NC4yLTUxLjMtNjQuNC0zNC45LTEyOC4zLTg4LjQtMTg5LjktMTU4LjktNi4zLTcuMi0xNS4yLTExLjYtMjQuNy0xMi4zLTkuNS0wLjYtMTguOSAyLjUtMjYuMSA4LjgtNy4yIDYuMy0xMS42IDE1LjEtMTIuMyAyNC43LTAuNiA5LjUgMi42IDE4LjkgOC44IDI2LjEgNDQuNyA1MS4xIDkwLjggOTQuMyAxMzcuOCAxMjguOWwtNTguMSA1OC4xYy02LjYgNi43LTEwLjMgMTUuOS0xMC4zIDI1LjQgMCA5LjUgMy44IDE4LjUgMTAuNSAyNS4zIDYuOCA2LjcgMTUuOCAxMC41IDI1LjMgMTAuNSA5LjUgMCAxOC43LTMuNyAyNS40LTEwLjNsNjguOC02OC44cTUuMyAzIDEwLjUgNS44IDExLjcgNi40IDIzLjcgMTIuMSAxMiA1LjggMjQuMyAxMC45IDEyLjIgNS4xIDI0LjggOS42IDEyLjUgNC41IDI1LjIgOC4zbC0zNCAxMTEuNmMtMi43IDkuMS0xLjggMTkgMi43IDI3LjQgNC41IDguNCAxMi4xIDE0LjcgMjEuMyAxNy41IDkuMSAyLjggMTkgMS44IDI3LjQtMi42IDguNC00LjUgMTQuNy0xMi4yIDE3LjUtMjEuM2wzNS44LTExNy41cTcuNCAxIDE0LjkgMS44IDcuNCAwLjcgMTQuOSAxLjIgNy41IDAuNSAxNSAwLjggNy41IDAuMiAxNSAwLjIgNy41IDAgMTUtMC4yIDcuNS0wLjMgMTUtMC44IDcuNS0wLjUgMTUtMS4yIDcuNC0wLjggMTQuOS0xLjhsMzUuNyAxMTcuNWMyLjggOS4xIDkuMSAxNi44IDE3LjYgMjEuMyA4LjQgNC40IDE4LjIgNS40IDI3LjQgMi42IDkuMS0yLjggMTYuOC05LjEgMjEuMy0xNy41IDQuNC04LjQgNS40LTE4LjMgMi42LTI3LjRsLTM0LTExMS42cTEyLjgtMy44IDI1LjMtOC4zIDEyLjYtNC41IDI0LjktOS42IDEyLjMtNS4xIDI0LjQtMTAuOSAxMi01LjcgMjMuNy0xMi4xIDQuOS0yLjYgOS45LTUuNGw2OC4zIDY4LjRjNi44IDYuNiAxNS45IDEwLjMgMjUuNCAxMC4zIDkuNSAwIDE4LjYtMy44IDI1LjMtMTAuNSA2LjgtNi44IDEwLjUtMTUuOCAxMC42LTI1LjMgMC05LjUtMy43LTE4LjctMTAuNC0yNS40bC01Ny40LTU3LjVjNDcuNS0zNC43IDk0LjEtNzggMTM5LjMtMTI5LjQgMy4xLTMuNSA1LjUtNy43IDctMTIuMiAxLjYtNC40IDIuMi05LjIgMS45LTEzLjktMC4zLTQuNy0xLjUtOS4zLTMuNi0xMy41LTIuMS00LjMtNS04LjEtOC41LTExLjJ6Ii8+Cjwvc3ZnPg==");
    }

    .getverificationCode {
        cursor: pointer;
        position: absolute;
        right: 8%;
        top: 18%;
        color: #a462df;
        display: inline-block;
        border-left: 1px solid #ddd;
        padding-left: 10px;
    }

    #verificationCode {
        padding-right: 47%;
    }

    .signup-step-two {
        display: none;
    }

    .nav-link-agreement {
        color: #a462df;
        cursor: pointer;
    }

    .onetime-tip {
        display: inline-block;
        margin-top: 0.25rem;
        padding-bottom: 10px;
        position: relative;
        z-index: 99;
    }

    /*#signupOneTimePassword:focus ~ .onetime-tip {*/
    /*   */
    /*}*/

    #signupOneTimePassword ~ .onetime-tip + .error {
        margin-top: -10px;
    }

    #signup-form .invalid-feedback {
        padding-bottom: 10px;
    }
}

#modal-forget-pwd {
    .modal-header {
        border-bottom: none;
        position: relative;
    }

    .btn-primary {
        background-color: #e61852;
        border-color: #e61852;
    }

    .form-control:focus {
        border-color: #e61852;
        box-shadow: none;
    }
}


.language-select {
    .active-select {
        .dropdown-item {
            background: #000;
            color: #fff;
        }
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #000;
    }
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    /*-webkit-text-fill-color: #fff !important;*/
    /*-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;*/
    background-color: transparent;
    background-image: none;
    transition: background-color 500000s ease-in-out 0s;
}

input {
    /* 下面这个色就是你设置的input框的背景色*/
    background-color: #fff;
}

.text-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示两行 */
    overflow: hidden;
    line-height: 1.5; /* 根据你的字体大小调整行高 */
    max-height: 3em; /* 这个值需要根据你的行高来计算，比如行高是1.5，那么两行就是3 */
}

@keyframes myRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes myReverseRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}