.welcome-page-st {
    .content-wrapper {
        background: #fff;
    }

    padding-top: 80px;
    @media screen and (max-width: 750px) {
        padding-top: 14%;
    }

    .container-one {
        /* min-height: 18.75rem; */
        background-color: #7340ff;

        .container-one-article {
            min-height: 800px;
            background-image: url(../img/welcomeandregistration/bg_round_1.png),
            url(../img/welcomeandregistration/bg_round_2.png),
            url(../img/welcomeandregistration/bg_round_3.png),
            url(../img/welcomeandregistration/bg_round_4.png);
            background-size: 10%, 10%, 10%, 10%;
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
            background-position: left 20%, right center, 20% 75%, 80% 103%;
            padding: 3% 10%;
            text-align: center;

            .container-one-article-title {
                font-size: 80px;
                color: #fff;
                margin-top: 6%;
            }

            .container-one-article-text {
                font-size: 25px;
                padding: 0 10%;
                color: #fff;
            }

            .container-one-article-signBtn {
                .btn {
                    font-size: 25px;
                    background-color: #fff;
                    color: #6507F1;
                    font-weight: bolder;
                }
            }

            .container-one-article-ul {
                list-style-type: none;
                padding: 0;
                color: #fff;

                .circle {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background-color: #fff;
                    margin-right: 15px;
                }
            }
        }

        @media screen and (max-width: 750px) {
            .container-one-article {
                .container-one-article-title {
                    font-size: 30px;
                }

                .container-one-article-text {
                    font-size: 20px;
                }

                .container-one-article-ul {
                    flex-direction: column;
                    align-items: center;

                    li {
                        margin: 10px 0;
                        @media screen and (max-width: 750px) {
                            width: 150px;
                        }
                    }
                }
            }
        }
    }




    .container-seven {
        background-color: #f5e3f7;
        padding: 80px 0;

        .container-seven-article {
            .tabs-list {
                list-style: none;
                padding: 0;
                margin: 0;
                width: 80%;
            }

            .tab-item {
                cursor: pointer;
                margin: 20px 0;
                padding: 5px 10px;
                border-radius: 5px;
                /* line-height: 25px; */
            }

            .active {
                background: #fff;
                border-right: 2px solid #ff40e6;
            }

            .container-seven-tabs {
                padding-left: 10%;
            }

            .container-seven-article-title {
                font-size: 30px;
                font-weight: 400;
            }

            .container-seven-tabs-moreStores {
                background: #ff40e6;
                border-color: #ff40e6;
                width: 80%;
            }

            /* .container-seven-aside > div {
              padding: 0 1.25rem;
            } */
            .cc-desc {
                font-size: 16px !important;
            }
            .btn-coupon-code {
                position: absolute;
                right: 30px;
                @media screen and (min-width: 1800px) {
                    right: 40px;
                }
            }
        }
    }

    @media screen and (max-width: 750px) {
        .container-seven {
            padding: 30px 0;

            .container-seven-article {
                .container-seven-tabs {
                    text-align: center;
                    padding-left: inherit;
                }

                .tabs-list {
                    width: 100%;
                    display: flex;

                    .tab-item {
                        flex: 1;
                        display: flex;
                        align-items: center;
                        border-bottom: 2px solid transparent;
                        font-size: 16px;
                        line-height: 16px;
                    }

                    .active {
                        border-right: none;
                        border-bottom: 2px solid #ff40e6;
                    }
                }
            }
        }
    }
}

