.title-left {
            text-align: left;
        }

        .margin-zero {
            margin: 0px;
        }

        section.structure_new {
            padding-top: 30px;
            padding-right: 0px;
            padding-bottom: 30px;
            padding-left: 0px;
        }

        @media only screen and (max-width: 480px) {
            .section-1 {
                min-height: 66vh;
                background-color: #FFFFFF;
            }

            .row-1 {
                background-color: #5136C1 !important;
                color: #FFFFFF !important;
                padding-top: 15px !important;
                padding-bottom: 15px !important;
                margin-bottom: 2rem !important;
            }

            .font-1 {
                font-size: 14px;
                text-align: left;
                margin-bottom: 0px;
                font-family: 'Clarity City';
                font-weight: 600;
            }

            .button-1 {
                background-color: #936CDF !important;
                color: #FFFFFF;
                font-size: 0.875rem;
                margin-top: auto;
                margin-bottom: auto;
                margin-left: 5px;
            }

            .font-2 {
                color: #2F196C;
                font-size: 1.875rem;
                font-weight: 900;
                text-align: center;
                margin-bottom: 4px !important;
                line-height: 1.2;
            }

            .font-3 {
                color: #2F196C;
                font-size: 1.875rem;
                font-weight: 900;
                text-align: center;
                line-height: 1.2;
            }

            .button-2 {
                font-size: 16px !important;
            }

            .padding-left-1 {
                padding-left: 9px !important;
            }

            .padding-right-1 {
                padding-right: 9px !important;
            }

            .font-4 {
                color: #2F196C;
                font-size: 1rem;
                text-align: center;
            }

            .font-5 {
                color: #2F196C;
                font-size: 1rem;
                text-align: center;
            }

            .font-6 {
                color: #2F196C;
                font-size: 1.875rem;
                font-weight: 900;
                text-align: center;
                margin-bottom: 4px !important;
                line-height: 1.2;
            }

            .font-7 {
                font-size: 0.9rem !important;
                color: #593B94;
                font-weight: 700;
            }

            .font-8 {
                padding-right: 4rem;
                font-size: 0.9rem;
                padding-left: 1.2rem
            }

            .font-9 {
                font-weight: 600;
                color: #00FFFF;
                font-size: 16px;
            }

            .checkbox-1 {
                position: relative !important;
                display: flex !important;
                border: 1px solid rgb(148, 108, 224) !important;
                border-radius: 100px !important;
                width: 20px !important;
                height: 20px !important;
                top: 40px !important;
                background-color: rgb(255, 255, 255) !important;
                transition: all .3s ease-out !important;
            }
        }

        @media only screen and (min-width: 490px) {
            .section-1 {
                min-height: 91vh;
                background-color: #FFFFFF;
            }

            .row-1 {
                background-color: #5136C1 !important;
                color: #FFFFFF !important;
                padding-top: 15px !important;
                padding-bottom: 15px !important;
                margin-bottom: 3rem !important;
            }

            .font-1 {
                font-size: 25px;
                text-align: right;
                margin-bottom: 0px;
                margin-top: 8px;
                font-family: 'Clarity City';
                font-weight: 600;
            }

            .button-1 {
                background-color: #936CDF !important;
                color: #FFFFFF;
                font-size: 1.2rem;
                width: 10%;
                margin-left: 20px;
            }

            .font-2 {
                color: #2F196C;
                font-size: 2.875rem;
                font-weight: 900;
                text-align: center;
            }

            .redeem_background {
                background: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/redeem_background.png') no-repeat;
                background-size: 100% 100%;
                background-position: center;
            }

            .font-3 {
                color: #2F196C;
                font-size: 2.875rem;
                font-weight: 900;
                text-align: center;
            }

            .button-2 {
                font-size: 16px !important;
            }

            .font-4 {
                color: #2F196C;
                font-size: 1rem;
                text-align: center;
                margin-bottom: 20px;
            }

            .font-5 {
                color: #2F196C;
                font-size: 1rem;
                text-align: center;
            }

            .font-6 {
                color: #2F196C;
                font-size: 2.875rem;
                font-weight: 900;
                text-align: center;
            }

            .font-7 {
                font-size: 0.9rem !important;
                color: #593B94;
                font-weight: 700;
                line-height: 29px !important;
            }

            .font-8 {
                padding-right: 4rem;
                font-size: 0.9rem;
                padding-left: 1.2rem
            }

            .font-9 {
                font-weight: 600;
                color: #00FFFF;
                font-size: 21px;
            }

            .how_it_work_bg {
                background: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/how_it_work_background.png') no-repeat;
                background-size: 100% 100%;
                background-position: center;
                min-height: 60vh;
            }

            .signup_background {
                background: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/signup_background.png') no-repeat;
                background-size: 100% 100%;
                background-position: center;
            }

            .berry_bg {
                background: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/berry_background.png') no-repeat;
                background-size: 100% 100%;
                background-position: center;
                min-height: 70vh;
            }

            .checkbox-1 {
                position: relative !important;
                display: flex !important;
                border: 1px solid rgb(148, 108, 224) !important;
                border-radius: 100px !important;
                width: 20px !important;
                height: 20px !important;
                top: 22px !important;
                background-color: rgb(255, 255, 255) !important;
                transition: all .3s ease-out !important;
            }
        }

        #navbar-header {
            background-color: #fff !important;
        }

        .faq_ctrl-new:before {
            background-image: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/benefit_below_arrow.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            content: "";
            display: inline-block;
            height: 11px;
            line-height: 1;
            vertical-align: middle;
            width: 19px;
            position: absolute;
            cursor: pointer;
            right: 1rem;
            top: 8px;
        }

        .faq_ctrl-new.active:after {
            content: "";
            display: inline-block;
            height: 25px;
            line-height: 1;
            vertical-align: middle;
            width: 25px;
            position: absolute;
            cursor: pointer;
            right: 1rem;
        }

        .faq_ctrl-new.active:before {
            background-image: url('https://fatberry.s3.ap-southeast-1.amazonaws.com/berry_benefit/benefit_below_arrow.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            content: "";
            display: inline-block;
            height: 11px;
            line-height: 1;
            vertical-align: middle;
            width: 19px;
            position: absolute;
            cursor: pointer;
            right: 1rem;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            top: 8px;
        }

        a.btn:hover {
            color: #FFFFFF !important;
            filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.3)) !important;
        }

        a.terms:hover {
            color: #8346ea !important;
            filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.3)) !important;
        }


        .trans.scrolled {
            background-color: #fff !important;
            transition: all .3s ease-in !important;
        }

        @font-face {
            font-family: 'Clarity City';
            src: url('fonts/ClarityCity-Regular.ttf');
        }