:root {
    --bg: #5a13e8;
    --menutxtcl: 213, 129, 180;
    --menutxtweight: 600;
    --intlinear: 129, 90, 111) none repeat scroll 0% 0%; width: calc(100% - 10px;
    --txtall: 252, 127, 127;
    --cl1: 255, 255, 255) none repeat scroll 0% 0%; width: calc(100% - 10px;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 192, 128, 223;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

    .new-order-box {
        background-color: #fff;
        padding: 30px;
        border-radius: 20px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin-top: 30px;
        margin-bottom: 15px;
        width: 70%;
    }

    .new-order-box h4 {
        color: #fff;
        display: block;
        padding: 20px 20px;
        background-color: #9f23e8;
        margin-bottom: 25px;
        border-radius: 10px;
        font-size: 18px;
    }

    .new-order-box h4 i {
        color: #fff;
        margin-right: 15px;
        margin-top: -3px;
    }

    .new-order-box .item {
        margin-bottom: 20px;
    }

    .new-order-box .dropBox .dropMain {
        border-radius: 10px;
    }

    .btngro {
        text-align: right;
    }

    .btngro button,
    .btngro a {
        background-color: #ff5602;
        padding: 10px 30px !important;
        border-radius: 10px !important;
    }

    .btngro button:hover,
    .btngro a:hover {
        color: #fff;
    }

    .new-bottom-bar {
        position: fixed;
        z-index: 9999;
        display: none;
        bottom: 0;
        left: 0;
        width: 100%;


    }

    .new-bottom-bar a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px 0px;
        background-color: #fff;
        position: relative;
        width: 100%;
        z-index: 2;

    }

    .new-bottom-bar a:focus-visible {
        outline: 0 !important;
    }

    .new-bottom-bar a:nth-child(1) {
        padding-left: 10px;
    }

    .new-bottom-bar a:nth-child(2) {
        border-top-right-radius: 40px;
    }

    .new-bottom-bar:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 45px;
        background-color: #fff;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .new-bottom-bar a:nth-child(3) {
        border-radius: 100%;
        background-color: #fe5602;
        color: #fff;
        z-index: 2;
    }

    .new-bottom-bar a:nth-child(3) span {
        color: #fff;
    }

    .new-bottom-bar a:nth-child(3) i {
        color: #fff;
    }

    .new-bottom-bar a:nth-child(4) {
        border-top-left-radius: 40px;
    }

    .new-bottom-bar a:nth-child(5) {
        padding-right: 10px;
    }

    .new-bottom-bar a i {
        font-size: 16px;
        color: #000;
    }

    .new-bottom-bar a span {
        font-size: 10px;
        color: #000;
        margin-top: 4px;
        display: inline-block;
    }

    section#intro .intro_wrapper .introarea--1 .area_content--title {
        margin-top: 40px;
        font-size: inherit;
        line-height: inherit;
        width: 70%;
        text-align: center;
    }

    section#intro .intro_wrapper .introarea--1 .area_content--title p {
        color: #ff5602;
        font-size: 24px;
    }

    section#intro .intro_wrapper .introarea--1 .area_content--title span {
        font-size: 30px;
        margin-top: 0px;
        line-height: inherit;
    }

    .dropBox .dropMain.active .icon {
        background: #01773f;
    }

    .bgths {
        position: relative;
        text-align: center;
    }

    .bgths a {
        background: #fff;
        padding: 12px 12px 12px 26px;
        display: inline-block;
        border-radius: 37px;
        top: -35px;
        position: relative;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        color: #7844e4;
    }

    .bgths a i {
        font-size: 16px;
        padding: 7px;
        border: 1px solid #7844e4;
        border-radius: 18px;
        top: -2px;
        position: relative;
        margin-right: 5px;
        color: #7844e4;
    }

    @media only screen and (max-width: 768px) {
        .new-bottom-bar {
            display: flex;
        }

        .new-order-box {
            width: 100%;
        }

        section#intro .intro_wrapper .introarea--1 .area_content--title p {
            font-size: 21px;
        }

        section#intro .intro_wrapper .introarea--1 .area_content--title span {
            font-size: 26px;
            margin-top: 0px;
        }

        section#intro .intro_wrapper .introarea--1 .area_content--title {
            text-align: center;
            width: 100%;
            margin-top: 10px;
        }
    }