/* Fonts declaration */
@font-face {
    font-family: Muli-Light;
    src: url(../fonts/Muli-Light.ttf);
}

@font-face {
    font-family: Muli-Regular;
    src: url(../fonts/Muli-Regular.ttf);
}

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli-Regular.ttf);
}


@font-face {
    font-family: Muli-SemiBold;
    src: url(../fonts/Muli-SemiBold.ttf);
}

@font-face {
    font-family: Muli-Bold;
    src: url(../fonts/Muli-Bold.ttf);
}

@font-face {
    font-family: Muli-ExtraBold;
    src: url(../fonts/Muli-ExtraBold.ttf);
}

@font-face {
    font-family: Muli-Italic;
    src: url(../fonts/Muli-Italic.ttf);
}

@font-face {
    font-family: Muli-BoldItalic;
    src: url(../fonts/Muli-BoldItalic.ttf);
}

@font-face {
    font-family: Muli-ExtraLight;
    src: url(../fonts/Muli-ExtraLight.ttf);
}

@font-face {
    font-family: Muli-ExtraBoldItalic;
    src: url(../fonts/Muli-ExtraBoldItalic.ttf);
}

@font-face {
    font-family: Robot-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: Robot-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: Robot-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /*list-style-type: none;*/
    transition: all .1s linear;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #F0F0F0;
    word-wrap: break-word;
    scrollbar-color: #9d50e1 #e4e4e4;
    scrollbar-width: thin;
}

    body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #e4e4e4;
    }

    body::-webkit-scrollbar-thumb {
        background: #9d50e1;
        border-radius: 0px;
    }


li {
    font-family: Muli-Light;
}

:root {
    --main-color: #6c3d96;
    --secondary-color: #9B6CC5;
    --third-color: #9D7DB9;
    --fourth-color: #DED5E7;
    --color-black: #000000;
    --text-grey1: #8390A2;
    --text-grey2: #ECEDEE;
    --text-grey3: #F8F9FA;
    --color-grey4: #272743;
    --html-background: #F0F0F0;
    --logo-color: #FDD900;
    --white-color: #fff;
}

header {
    width: 100%;
    height: 42px;
}

    header .navbar {
        position: fixed;
        width: 100%;
        height: 42px;
        background: var(--main-color);
        padding: 0px 10px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        z-index: 999;
    }

        header .navbar .logo .bars {
            /* margin-right: 20px;
  margin-left: 20px;
  width: 20px; */
        }

        header .navbar .logo a {
            padding-left: 8px;
        }

        header .navbar .logo .bars:hover {
            opacity: .7;
            cursor: pointer;
        }

        header .navbar .logo {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

            header .navbar .logo img {
                max-width: 135px;
            }

            header .navbar .logo img {
                max-width: 135px;
                cursor: pointer;
            }



        /*Search Desktop*/
        header .navbar .search {
            width: 40%;
            background: var(--white-color);
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            font-family: Muli-Light;
        }

            header .navbar .search form {
                vertical-align: middle;
                width: 100%;
                font-family: Muli-Light;
            }

            header .navbar .search input[type='text'] {
                padding: 5px;
                border: none;
                outline: none;
                width: 95%;
                font-size: .8rem;
            }

            header .navbar .search button {
                width: 30px;
                height: 30px;
                bottom: 0;
                right: 0;
                border: none;
                background: var(--secondary-color);
                color: var(--white-color);
                position: absolute
            }

                header .navbar .search button img {
                    max-width: 18px;
                    max-height: 18px;
                }


        /*Search Mobile*/
        header .navbar .search-mobile {
            width: 40%;
            background: var(--white-color);
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            font-family: Muli-Light;
            display: none;
        }

            header .navbar .search-mobile form {
                vertical-align: middle;
                width: 100%;
                font-family: Muli-Light;
            }

    header .search-mobile input[type='text'] {
        padding: 2px;
        border: none;
        outline: none;
        width: 95%;
        font-size: 1rem;
    }

    header .navbar .search-mobile button {
        width: 15px;
        height: 15px;
        bottom: 0;
        right: 0;
        border: none;
        background: var(--secondary-color);
        color: var(--white-color);
        position: absolute
    }

        header .navbar .search-mobile button img {
            max-width: 12px;
            max-height: 12px;
        }



.login-form .signup-resend {
    color: #000;
    font-size: .8rem;
    font-family: Muli-Light;
    text-decoration: underline;
}





header .navbar .userProfile {
    cursor: pointer;
    z-index: 100;
    display: inherit;
}

    header .navbar .userProfile .userName {
        color: var(--white-color);
        font-size: .9rem;
        font-family: Muli-Light;
    }

    header .navbar .userProfile .subnav-content {
        display: none;
        position: absolute;
        right: .1rem;
        bottom: -10.0rem;
        width: 260px;
        background-color: var(--main-color);
        color: #6844FF;
        cursor: pointer;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

        header .navbar .userProfile .subnav-content i {
            margin-right: 10px;
        }


        header .navbar .userProfile .subnav-content a {
            float: left;
            color: var(--main-color);
            text-decoration: none;
            width: 100%;
            color: #73B629;
        }

            header .navbar .userProfile .subnav-content a i:last-child {
                float: right;
                margin-left: 10px;
                margin-top: 7px;
            }

            header .navbar .userProfile .subnav-content a:hover {
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
                background-color: #833CBF;
            }

            /* header .navbar .userProfile .subnav-content a span:hover {
  color: var(--main-color);
} */


            header .navbar .userProfile .subnav-content a:hover {
                background-color: var(--secondary-color);
                color: #fff;
            }

    header .navbar .userProfile:hover .subnav-content {
        display: block;
    }


    header .navbar .userProfile .subnav-content a {
        text-decoration: none;
        color: #fff;
        border-bottom: 1px solid var(--third-color);
        padding: 8px;
    }



/*footer navbar*/

.footer-navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
    background: var(--main-color);
    color: #fff;
    display: none;
}

    .footer-navbar .footer-navbar-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 20px;
    }

.footer-navbar {
    padding: 5px;
}

    .footer-navbar .footer-navbar-container a {
        text-decoration: none;
        font-family: Muli-Regular;
        font-size: .7rem;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        height: 30px;
        padding: 0px 5px;
        margin-top: 2px;
    }

    .footer-navbar .footer-navbar-container .bottom-bars {
        position: relative;
        top: 30%;
        right: 5px;
    }


    .footer-navbar .footer-navbar-container a img {
        margin-bottom: 5px;
        height: 20px;
    }







.footer-nav {
    color: var(--white-color);
    font-size: .9rem;
    font-family: Muli-Light;
    cursor: pointer;
}


    .footer-nav .subnav-content {
        display: none;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        position: absolute;
        right: .1rem;
        bottom: 3.4rem;
        background-color: var(--main-color);
        color: #6844FF;
        cursor: pointer;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

        .footer-nav .subnav-content i {
            margin-right: 10px;
        }


        .footer-nav .subnav-content a {
            color: var(--main-color);
            text-decoration: none;
            width: 100%;
            padding: 10px 5px;
        }

            .footer-nav .subnav-content a:hover {
                color: var(--secondary-color);
            }

            .footer-nav .subnav-content a span:hover {
                color: var(--main-color);
            }


            .footer-nav .subnav-content a:hover {
                background-color: var(--secondary-color);
                color: #fff;
            }

    .footer-nav:hover .subnav-content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }


    .footer-nav .subnav-content a {
        text-decoration: none;
        color: #fff;
        border-bottom: 1px solid var(--third-color);
        padding: 5px 25px;
    }

.main-content {
    position: relative;
    top: 50px;
    margin-left: 0px;
    margin-right: 12px;
}

    .main-content .top-tid {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: right;
        line-height: 1rem;
    }

        .main-content .top-tid h3 {
            font-size: .8rem;
            font-family: Muli-Bold;
        }

            .main-content .top-tid h3 a {
                text-transform: uppercase;
                color: var(--main-color);
                text-decoration: underline;
            }

    .main-content .top-tid-brand {
        width: 95.5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding: 5px 15px;
        position: fixed;
        top: 48px;
    }


        .main-content .top-tid-brand a {
            text-decoration: none;
            color: var(--main-color);
        }


    .main-content .top-tid a {
        /* padding: 5px 10px; */
        color: #000;
        font-size: .5rem;
    }

        .main-content .top-tid a i {
            margin-right: 10px;
        }

/*your brands*/

main .main-content .brands {
    margin-top: 0px;
    z-index: -100;
}


    main .main-content .brands .brands-container {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
    }

    main .main-content .brands .brands-container-tid {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    main .main-content .brands .tidselection {
        font-size: 1.25rem;
        text-align: center;
        font-family: Muli-Bold;
        margin-bottom: 10px;
        align-items: center;
    }

    main .main-content .brands input[type='radio'] {
        width: 100%;
        height: 1em;
    }

    main .main-content .brands h2 {
        font-size: 14px;
        font-family: Muli-SemiBold;
        color: var(--main-color);
        text-transform: uppercase;
    }

    main .main-content .brands h3 {
        font-size: 14px;
        font-family: Muli-SemiBold;
        color: var(--main-color);
        text-transform: uppercase;
    }

    main .main-content .brands .brands-container .single-card {
        width: 144.5px;
        height: 152px;
        background: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        flex-wrap: nowrap;
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
        margin-bottom: 16px;
        margin-right: 16px;
        cursor: pointer;
    }

        main .main-content .brands .brands-container .single-card .circle {
            position: absolute;
            background-color: var(--main-color);
            width: 25px;
            height: 25px;
            border-radius: 50px;
            margin: auto;
            text-align: center;
            color: #fff;
            left: 40%;
            bottom: -5%;
            transform: translate(-50%, -50%);
        }


    main .main-content .brands .brands-container-tid .single-card {
        width: 145px;
        height: 152px;
        background: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        flex-wrap: nowrap;
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
        margin-bottom: 16px;
        margin-right: 16px;
        cursor: pointer;
    }

        main .main-content .brands .brands-container-tid .single-card:hover {
            box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
        }

    main .main-content .brands .brands-container .single-card:hover {
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
    }

    main .main-content .brands .brands-container .single-card .bullet {
        width: 25px;
        height: 25px;
        background-color: var(--main-color);
        border-radius: 50%;
    }

    main .main-content .brands .brands-container-tid .single-card .bullet {
        width: 25px;
        height: 25px;
        background-color: var(--main-color);
        border-radius: 50%;
    }

    main .main-content .brands .brands-container .single-card .content {
        font-size: .9rem;
        font-family: Muli-SemiBold;
        padding-bottom: 10px;
        text-transform: uppercase;
        text-align: center;
    }


    main .main-content .brands .brands-container-tid .single-card .content {
        font-size: .9rem;
        font-family: Muli-SemiBold;
        padding-bottom: 10px;
        text-transform: uppercase;
        text-align: center;
    }


    main .main-content .brands .brands-container .single-card:last-child {
        margin-right: 0px;
    }

    main .main-content .brands .brands-container-tid .single-card:last-child {
        margin-right: 0px;
    }

    main .main-content .brands .brands-container .single-card .logo {
        width: 100%;
        height: 80%;
        padding: 10px;
        cursor: pointer;
    }

    main .main-content .brands .brands-container-tid .single-card .logo {
        width: 100%;
        height: 80%;
        padding: 10px;
        cursor: pointer;
    }

    main .main-content .brands .brands-container .single-card .content {
        width: 100%;
        height: 20%;
        cursor: pointer;
    }

    main .main-content .brands .brands-container-tid .single-card .content {
        width: 100%;
        height: 20%;
        cursor: pointer;
        font-size: 1rem;
        font-family: Muli-Bold;
    }


    main .main-content .brands .brands-container .single-card img {
        margin-top: 12px;
        width: 90%;
        height: 90%;
        object-fit: contain;
    }

    main .main-content .brands .brands-container-tid .single-card img {
        width: 90%;
        height: 90%;
        object-fit: contain;
    }




/*bank*/

main .main-content .banks {
    margin-top: 0px;
    position: fixed;
}


    main .main-content .banks .banks-container {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
    }


    main .main-content .banks input[type='radio'] {
        width: 100%;
        height: 1em;
    }

    main .main-content .banks h2 {
        font-size: 14px;
        font-family: Muli-SemiBold;
        color: var(--main-color);
        text-transform: uppercase;
    }

    main .main-content .banks h3 {
        font-size: 14px;
        font-family: Muli-SemiBold;
        color: var(--main-color);
        text-transform: uppercase;
    }

    main .main-content .banks .banks-container .bank-single-card {
        width: 144.5px;
        height: 152px;
        background: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        flex-wrap: nowrap;
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
        margin-bottom: 16px;
        margin-right: 16px;
        cursor: pointer;
    }

        main .main-content .banks .banks-container .bank-single-card .circle {
            position: absolute;
            background-color: var(--main-color);
            width: 25px;
            height: 25px;
            border-radius: 50px;
            margin: auto;
            text-align: center;
            color: #fff;
            left: 40%;
            bottom: -5%;
            transform: translate(-50%, -50%);
        }


        main .main-content .banks .banks-container .bank-single-card:hover {
            box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
        }

        main .main-content .banks .banks-container .bank-single-card .bullet {
            width: 25px;
            height: 25px;
            background-color: var(--main-color);
            border-radius: 50%;
        }


        main .main-content .banks .banks-container .bank-single-card .content {
            font-size: .9rem;
            font-family: Muli-SemiBold;
            padding-bottom: 10px;
            text-transform: uppercase;
            text-align: center;
        }



        main .main-content .banks .banks-container .bank-single-card:last-child {
            margin-right: 0px;
        }


        main .main-content .banks .banks-container .bank-single-card .logo {
            width: 100%;
            height: 80%;
            padding: 10px;
            cursor: pointer;
        }


        main .main-content .banks .banks-container .bank-single-card .content {
            width: 100%;
            height: 20%;
            cursor: pointer;
        }



        main .main-content .banks .banks-container .bank-single-card img {
            margin-top: 12px;
            width: 90%;
            height: 90%;
            object-fit: contain;
        }
































/*Product*/

/* main {
  margin-bottom: 47px;
} */

main .main-content .products {
    margin-top: 15px;
    margin-bottom: 50px;
}

    main .main-content .products .products-container {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
    }

    main .main-content .products h2 {
        font-size: 14px;
        font-family: Muli-SemiBold;
        color: var(--main-color);
        text-transform: uppercase;
    }

    main .main-content .products .products-container .product-card {
        width: 145px;
        height: 270px;
        background: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        flex-wrap: nowrap;
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
        margin-bottom: 16px;
        margin-right: 16px;
        padding: 10px;
        cursor: pointer;
        z-index: -1;
    }

        main .main-content .products .products-container .product-card:hover {
            box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
        }

        main .main-content .products .products-container .product-card:last-child {
            margin-right: 0px;
        }

        main .main-content .products .products-container .product-card .image {
            width: 100%;
            height: 85%;
        }


        main .main-content .products .products-container .product-card .content {
            width: 100%;
            height: 15%;
            padding: 5px;
        }

    main .main-content .products .product-card .content h3 {
        font-size: 10px;
        font-family: Muli-Regular;
        color: var(--color-black);
    }

    main .main-content .products .products-container .product-card img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row;
}


    main .main-content {
        width: 100%;
        position: relative;
        margin-left: 70px;
    }




    main .sidebar {
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: column;
    }

        main .sidebar .menu-bar .subnav-menubar {
            background-color: var(--main-color);
            position: absolute;
            height: 100%;
            top: 42px;
            left: 0;
            width: 65px;
            padding: 5px 0px;
            text-align: center;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-flow: column;
            transition: width 2s;
            text-align: center;
            z-index: -100;
        }

        main .sidebar .menu-bar:hover .subnav-menubar {
            display: flex;
            /* width: auto; */
            width: 65px;
        }

        main .sidebar .menu-bar .subnav-menubar a {
            text-decoration: none;
            text-transform: uppercase;
            color: #fff;
            font-size: 9px;
            font-family: Muli-SemiBold;
            margin-bottom: 10px;
            padding: 5px;
        }

            main .sidebar .menu-bar .subnav-menubar a:hover {
                opacity: .7;
            }


#nav-toggle {
    display: none;
}


    #nav-toggle:checked ~ main .main-content .brands .brands-container {
        width: 99%;
    }

        #nav-toggle:checked ~ main .main-content .brands .brands-container .single-card {
            width: 149.2px;
            height: 149.2px;
            background: var(--white-color);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: row;
            flex-wrap: wrap;
            box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
            margin-bottom: 16px;
            z-index: 100;
        }

            #nav-toggle:checked ~ main .main-content .brands .brands-container .single-card:last-child {
                margin-right: 0px;
            }

    #nav-toggle:checked ~ main .main-content .products .products-container .product-card {
        width: 150px;
        height: 270px;
        background: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        flex-wrap: nowrap;
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
        margin-bottom: 16px;
        margin-right: 16px;
        padding: 10px;
        cursor: pointer;
    }

        #nav-toggle:checked ~ main .main-content .products .products-container .product-card:last-child {
            margin-right: 0px;
        }



    #nav-toggle:checked ~ main .sidebar {
        display: none;
    }

    #nav-toggle:checked ~ .sidebar {
        width: 60px;
        display: none;
    }


    #nav-toggle:checked ~ main .main-content {
        margin-left: 20px;
    }

        #nav-toggle:checked ~ main .main-content .steps-bar {
            width: 100%;
        }

        #nav-toggle:checked ~ main .main-content .steps-bar {
            width: 100%;
        }

        #nav-toggle:checked ~ main .main-content .top-tid-brand {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #fff;
            padding: 5px 15px;
            padding-right: 35px;
            position: fixed;
        }

        #nav-toggle:checked ~ main .main-content .brands .brands-container .owl-nav .owl-next {
            top: 35%;
            right: 1.5%;
        }








main .main-content h2 a {
    text-decoration: none;
    color: #000;
    margin-right: 5px;
}

main .main-content h2 {
    font-size: 14px;
    font-family: Muli-SemiBold;
    color: var(--main-color);
    text-transform: uppercase;
    margin-top: 10px;
}


#steps-bars {
    margin-top: 120px;
}

#steps-bars1 {
    margin-top: 125px;
    width: 100%;
    position: fixed;
}

#steps-bars3 {
    margin-top: 125px;
    position: fixed;
}

#steps-bars4 {
    margin-top: 125px;
    width: 100%;
    z-index: -100;
}


#steps-bars2 {
    margin-top: 15px;
}

.header h3 {
    color: #73B629;
}



main .main-content .steps-bar {
    width: 100%;
    background: #D9CFE1;
    text-align: left;
    line-height: 10px;
    position: fixed;
    padding: 0 20px;
    margin-top: 43px;
}

    main .main-content .steps-bar .steps-container {
        width: 96%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row;
        text-align: center;
        line-height: 5px;
        padding-top: 10px;
        background: #D9CFE1;
    }


    main .main-content .steps-bar .step {
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        main .main-content .steps-bar .step p {
            margin-top: 8px;
            font-size: .85rem;
            font-family: Muli-Light;
            text-transform: uppercase;
        }

        main .main-content .steps-bar .step .bullet::before,
        main .main-content .steps-bar .step .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 1200%;
            top: 50%;
            left: 29px;
            background: #fff;
        }

        main .main-content .steps-bar .step:last-child .bullet::before,
        main .main-content .steps-bar .step:last-child .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 75%;
            top: 50%;
            left: 29px;
            background: #fff;
        }


        main .main-content .steps-bar .step .bullet {
            position: relative;
            height: 28px;
            width: 28px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: inline-block;
        }


            main .main-content .steps-bar .step .bullet a {
                text-decoration: none;
                color: #000;
            }

            main .main-content .steps-bar .step .bullet:hover {
                opacity: .6;
            }

            main .main-content .steps-bar .step .bullet span {
                font-size: .9rem;
                font-family: Muli-Bold;
                text-transform: uppercase;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                line-height: 28px;
            }

        main .main-content .steps-bar .step .check {
            position: absolute;
            left: 50%;
            top: 25%;
            font-size: 1rem;
            transform: translate(-50%, -50%);
            display: none;
        }












main .main-content .steps-bar1 {
    width: 100%;
    background: #D9CFE1;
    text-align: left;
    line-height: 10px;
    position: fixed;
    padding: 0 20px;
    margin-top: 43px;
}

    main .main-content .steps-bar1 .steps-container {
        width: 96%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row;
        text-align: center;
        line-height: 5px;
        padding-top: 10px;
        background: #D9CFE1;
        /* margin: auto; */
    }


    main .main-content .steps-bar1 .step {
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        main .main-content .steps-bar1 .step p {
            margin-top: 8px;
            font-size: .85rem;
            font-family: Muli-Light;
            text-transform: uppercase;
        }

        main .main-content .steps-bar1 .step .bullet::before,
        main .main-content .steps-bar1 .step .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 1210%;
            top: 50%;
            left: 29px;
            background: #fff;
        }

        main .main-content .steps-bar1 .step:last-child .bullet::before,
        main .main-content .steps-bar1 .step:last-child .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 0%;
            top: 50%;
            left: 29px;
            background: #fff;
        }


        main .main-content .steps-bar1 .step .bullet {
            position: relative;
            height: 28px;
            width: 28px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: inline-block;
        }


            main .main-content .steps-bar1 .step .bullet a {
                text-decoration: none;
                color: #000;
            }

            main .main-content .steps-bar1 .step .bullet:hover {
                opacity: .6;
            }

            main .main-content .steps-bar1 .step .bullet span {
                font-size: .9rem;
                font-family: Muli-Bold;
                text-transform: uppercase;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                line-height: 28px;
            }

        main .main-content .steps-bar1 .step .check {
            position: absolute;
            left: 50%;
            top: 25%;
            font-size: 1rem;
            transform: translate(-50%, -50%);
            display: none;
        }

main .main-content .steps-bar2 {
    width: 100%;
    background: #D9CFE1;
    text-align: left;
    line-height: 10px;
    position: fixed;
    padding: 0 20px;
    margin-top: 43px;
}

    main .main-content .steps-bar2 .steps-container {
        width: 96%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-flow: row;
        text-align: center;
        line-height: 5px;
        padding-top: 10px;
        background: #D9CFE1;
        /* margin: auto; */
    }


    main .main-content .steps-bar2 .step {
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        main .main-content .steps-bar2 .step p {
            margin-top: 8px;
            font-size: .85rem;
            font-family: Muli-Light;
            text-transform: uppercase;
        }

        main .main-content .steps-bar2 .step .bullet::before,
        main .main-content .steps-bar2 .step .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 1650%;
            top: 50%;
            left: 29px;
            background: #fff;
        }

        main .main-content .steps-bar2 .step:last-child .bullet::before,
        main .main-content .steps-bar2 .step:last-child .bullet::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 0%;
            top: 50%;
            left: 29px;
            background: #fff;
        }


        main .main-content .steps-bar2 .step .bullet {
            position: relative;
            height: 28px;
            width: 28px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: inline-block;
        }


            main .main-content .steps-bar2 .step .bullet a {
                text-decoration: none;
                color: #000;
            }

            main .main-content .steps-bar2 .step .bullet:hover {
                opacity: .6;
            }

            main .main-content .steps-bar2 .step .bullet span {
                font-size: .9rem;
                font-family: Muli-Bold;
                text-transform: uppercase;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                line-height: 28px;
            }

        main .main-content .steps-bar2 .step .check {
            position: absolute;
            left: 50%;
            top: 25%;
            font-size: 1rem;
            transform: translate(-50%, -50%);
            display: none;
        }
















table {
    margin: auto;
}

.table-striped {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

    .table-striped a {
        margin: 10px 0px;
        padding: 5px 20px;
        background-color: var(--main-color);
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        margin-right: 20px;
        line-height: 35px;
        font-size: .9rem;
        font-family: Muli-Regular;
        text-align: center;
    }


    .table-striped tr td {
        font-size: .9rem;
        font-family: Muli-Regular;
    }

        .table-striped tr td:first-child {
            text-align: left;
        }

    .table-striped tr th:first-child {
        text-align: left;
    }


    .table-striped tr th {
        font-size: 1rem;
        font-family: Muli-Regular;
        text-align: center;
    }

.main-content .table-striped .rest,
.main-content .table-striped .rest {
    display: none;
    color: var(--main-color);
    background: none;
    margin: 0;
}

.table-striped tr .col3 {
    display: none;
}

.table-striped tr td .expand {
    background: none;
    color: var(--main-color);
    height: 100vh;
    outline: none;
    border: none;
}


.table-striped tr th .expand {
    background: none;
    color: var(--main-color);
}










/*footer*/

footer {
    background: var(--main-color);
    width: 100%;
    font-family: Muli-Light;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

    footer p {
        font-size: .65rem;
        color: var(--white-color);
        z-index: 9999;
        font-family: Muli-Light;
    }


.products {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .products .products-container {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-flow: column;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 10px;
        cursor: pointer;
    }

        /* .products .products-container :hover {
  cursor: pointer;

} */

        .products .products-container .products-card {
            position: relative;
            width: 460px;
            height: 150px;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-flow: row;
            flex-wrap: wrap;
            padding: 10px;
            margin-bottom: 15px;
            margin-right: 15px;
            /* z-index: -1; */
        }


            .products .products-container .products-card:hover {
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.9);
                cursor: pointer;
                z-index: 500;
            }

            .products .products-container .products-card:last-child {
                margin-right: 0px;
            }

            .products .products-container .products-card .logo {
                width: 40%;
                height: 100%;
            }

                .products .products-container .products-card .logo img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }

            .products .products-container .products-card .content {
                width: 60%;
                height: 100%;
                padding: 5px;
            }

                .products .products-container .products-card .content a {
                    text-decoration: none;
                }

                .products .products-container .products-card .content h2 {
                    font-family: Muli-Bold;
                    font-size: 1.15rem;
                }

                .products .products-container .products-card .content h4 {
                    font-family: Muli-Regular;
                    font-size: 1rem;
                }

                    .products .products-container .products-card .content h4 span {
                        font-family: Muli-Regular;
                        font-size: 1rem;
                    }

                .products .products-container .products-card .content h5 {
                    font-family: Muli-Regular;
                    font-size: 1rem;
                }

                    .products .products-container .products-card .content h5 span {
                        font-family: Muli-Regular;
                        font-size: 1rem;
                    }




.product .product-container {
    width: 100%;
    margin-top: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

    .product .product-container .product-card {
        width: 500px;
        height: 450px;
        margin-top: 15px;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .product .product-container .product-card .logo {
            width: 30%;
            padding: 10px;
            padding-top: 0px;
        }

        .product .product-container .product-card .content {
            width: 70%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            flex-direction: column;
            flex-wrap: nowrap;
        }

            .product .product-container .product-card .content h5 {
                width: 100%;
                font-family: Muli-SemiBold;
                font-size: .9rem;
                text-align: center;
                text-transform: uppercase;
                background-color: #EBEBEB;
                height: 30px;
                line-height: 30px;
                margin-bottom: 0;
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
            }

            .product .product-container .product-card .content a {
                height: 40px;
                line-height: 40px;
                background-color: var(--main-color);
                color: #fff;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                font-size: .9rem;
                font-family: Muli-SemiBold;
                width: 100%;
                margin: auto;
            }

                .product .product-container .product-card .content a:hover {
                    background-color: #833CBF;
                }

            .product .product-container .product-card .content p {
                font-size: 1rem;
                font-family: Muli-Light;
                width: 100%;
                background-color: #fff;
                text-align: center;
                height: 30px;
                line-height: 25px;
                margin-bottom: 0;
            }

                .product .product-container .product-card .content p input {
                    width: 100%;
                    font-family: Muli-Regular;
                    font-size: .9;
                    border: none;
                    outline: none;
                    padding: 10px;
                    text-align: center;
                    height: 30px;
                    line-height: 30px;
                }

    .product .product-container h2 {
        font-family: Muli-Regular;
        font-size: 1.5rem;
        color: #000;
        text-transform: capitalize;
    }

    .product .product-container .product-card .logo img {
        width: 100%;
        height: 100%;
    }


.main-content .submit {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 80px;
}

    .main-content .submit a {
        padding: 10px 30px;
        background-color: var(--main-color);
        color: #fff;
        text-decoration: none;
    }


        .main-content .submit a:hover {
            background-color: #833CBF;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }


.main-content .scheme-form {
    margin-top: 310px;
    text-align: center;
    width: 100%;
    position: fixed;
}


    .main-content .scheme-form thead tr th:first-child {
        text-align: left;
    }


    .main-content .scheme-form .btn-proceed {
        padding: 10px 30px;
        background-color: var(--main-color);
        color: #fff;
    }


        .main-content .scheme-form .btn-proceed:hover {
            background-color: #833CBF;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }


.product-info {
    width: 100%;
    margin-top: 120px;
}

    .product-info .product-info-container {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

        .product-info .product-info-container .product-info-card {
            width: 20%;
            background-color: #fff;
        }

        .product-info .product-info-container h5 {
            width: 100%;
            background-color: #ECEDEE;
            padding: 10px;
            text-decoration: none;
            text-transform: uppercase;
            font-size: .9rem;
            font-family: Muli-Bold;
        }

        .product-info .product-info-container p {
            width: 100%;
            height: 10px;
            padding: 5px 10px;
            text-decoration: none;
            text-transform: uppercase;
            font-size: .9rem;
            font-family: Muli-Regular;
            line-height: 8px;
        }

.user-info {
    width: 80%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

    .user-info .user-info-container {
        padding: 20px;
        width: 100%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 100px;
    }

    .user-info .user-info-container-msg {
        padding: 20px;
        width: 100%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .user-info .user-info-container form {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }

        .user-info .user-info-container form input {
            border: 1px solid grey;
            outline: none;
            padding: 9px 8px;
            width: 25%;
            margin-right: 10px;
            font-size: .8rem;
        }

        .user-info .user-info-container form .validate {
            padding: 10px 30px;
            background-color: var(--main-color);
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
        }

            .user-info .user-info-container form .validate:hover {
                background-color: #833CBF;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                color: #fff;
            }

        .user-info .user-info-container form .resend {
            background-color: none;
            color: #6C3D96;
            padding: 5px;
            text-transform: capitalize;
            text-decoration: underline;
        }

            .user-info .user-info-container form .resend:hover {
                color: #000;
                text-decoration: underline;
                background-color: none;
                text-decoration: none;
            }

    .user-info .msg span {
        color: #73B629;
    }

    .user-info .user-info-container form img {
        width: 5%;
        margin-right: 10px;
        cursor: pointer;
    }


    .user-info .user-info-container-msg h5 {
        font-size: 2rem;
        font-family: Muli-Bold;
        color: var(--main-color);
        cursor: pointer;
    }

        .user-info .user-info-container-msg h5:hover {
            color: #000;
        }

    .user-info .user-info-container-msg h6 a {
        font-size: .8rem;
        font-family: Muli-Regular;
        color: #833CBF;
    }

        .user-info .user-info-container-msg h6 a:hover {
            color: #000;
        }

.manage-users {
    width: 100%;
    margin-top: 55px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row;
    flex-wrap: wrap;
}

    .manage-users a {
        padding: 8px 20px;
        background-color: var(--main-color);
        text-decoration: none;
        color: #fff;
        font-family: Muli-Regular;
        font-size: .9rem;
        margin-right: 20px;
    }

        .manage-users a:hover {
            box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
            background-color: #833CBF;
        }


        .manage-users a:last-child {
            margin-right: 0px;
        }



.search-user {
    width: 100%;
    text-align: left;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 10px;
}


    .search-user h5 {
        font-size: 1rem;
        font-family: Muli-Bold;
        text-transform: uppercase;
    }


    .search-user .search-user-container {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
        font-size: .8rem;
        font-family: Muli-Regular;
        background-color: #fff;
        padding: 0px;
    }


        .search-user .search-user-container input {
            padding: 7px;
            margin-right: 10px;
            font-size: 1rem;
            font-family: Muli-Regular;
        }


            .search-user .search-user-container input:last-child {
                padding: 7px;
                margin-right: 0px;
                font-size: 1rem;
                font-family: Muli-Regular;
            }


        .search-user .search-user-container .search {
            padding: 10px 30px;
            background-color: var(--main-color);
            margin-right: 10px;
            color: #fff;
            text-decoration: none;
            font-size: .9rem;
            font-family: Muli-Regular;
        }

            .search-user .search-user-container .search:hover {
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
                background-color: #833CBF;
            }

.table-striped tr .col4 .delete:hover {
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
    background-color: #833CBF;
}

.table-striped tr .col4 .reset1:hover {
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
    background-color: #833CBF;
}

.table-striped tr .col4 .edit:hover {
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
    background-color: #833CBF;
}

.table-striped tr td.col4 .disable:hover {
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
    background-color: #833CBF;
}



.search-user .search-user-container .reset {
    padding: 10px 30px;
    background-color: #fff;
    margin-right: 10px;
    color: var(--main-color);
    text-decoration: none;
    border: 1px solid var(--main-color);
    font-size: .9rem;
    font-family: Muli-SemiBold;
}

    .search-user .search-user-container .reset:hover {
        box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
    }


.backtologin {
    text-align: center;
    margin: 5px 0px;
    color: #683992;
    font-family: Muli-Regular;
    text-decoration: underline;
    font-size: 13px;
}

    .backtologin:hover {
        color: #683992;
    }

.changepass {
    width: 350px;
    margin: auto;
    margin-top: 60px;
    background-color: #fff;
    text-align: center;
    text-align: center;
    padding: 20px;
}

    .changepass h5 {
        font-family: Muli-Bold;
        font-size: .9rem;
        text-transform: uppercase;
    }

    .changepass .changepass-container {
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        text-align: center;
    }

        .changepass .changepass-container form input[type='text'] {
            margin-bottom: 20px;
            padding: 5px 40px;
            text-align: center;
        }

        .changepass .changepass-container form a {
            padding: 10px 30px;
            background-color: var(--main-color);
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1rem;
        }

            .changepass .changepass-container form a:hover {
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
                background-color: #833CBF;
            }

.add-userform {
    width: 40%;
    margin: auto;
    margin-top: 130px;
    text-align: center;
    background-color: #fff;
    padding: 20px;
}

    .add-userform h4 {
        font-family: Muli-Bold;
        font-size: 1rem;
        text-transform: uppercase;
    }

    .add-userform .add-userform-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row;
        flex-wrap: nowrap;
    }


        .add-userform .add-userform-container h5 {
            color: #73B629;
            font-size: 1rem;
        }


        .add-userform .add-userform-container table tr td:first-child {
            text-align: right;
            padding: 10px;
            font-family: Muli-Bold;
        }

        .add-userform .add-userform-container table tr td:last-child {
            text-align: left;
            padding: 10px;
            font-family: Muli-Regular;
        }

        .add-userform .add-userform-container table tr td input[type='text'] {
            text-align: center;
            padding: 5px;
            font-family: Muli-Regular;
            width: 250px;
        }


        .add-userform .add-userform-container table tr td input[type='checkbox'] {
            width: 20px;
            height: 20px;
        }

        .add-userform .add-userform-container table tr td span {
            font-size: .7rem;
        }

        /* .opcatitybtn {
  opacity: 0.7;
} */


        .add-userform .add-userform-container form tr td .verify {
            background-color: var(--main-color);
            padding: 10px 22px;
            color: #fff;
            text-decoration: none;
            font-family: Muli-Regular;
            font-size: 1rem;
            margin-right: 10px;
        }

            .add-userform .add-userform-container form tr td .verify:hover {
                box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
                background-color: #833CBF;
            }

        .add-userform .add-userform-container form tr td .resend {
            color: #000;
            font-family: Muli-Regular;
            font-size: 1rem;
        }

#resend {
    text-decoration: none;
    font-family: Muli-Regular;
    font-size: .8rem;
}

.add-userform .add-userform-container form tr .otp {
    text-align: center;
}

.banner {
    width: 100%;
    height: 150px;
    background-color: #0E478A;
}

    .banner .banner-container {
        max-width: 320px;
        margin: auto;
        line-height: 150px;
        text-align: center;
    }

        .banner .banner-container img {
            max-width: 250px;
        }


.link {
    position: absolute;
    width: 460px;
    height: 150px;
    top: 150;
    left: 0;
}






main .main-content .brands .brands-container .owl-dots {
    display: none;
}

main .main-content .brands .brands-container .owl-nav {
    line-height: 80px;
    padding: 10px;
}

main .main-content .brands .brands-container .owl-stage {
    width: 100%;
}

main .main-content .brands .brands-container .owl-nav .owl-next:hover {
    background-color: #833CBF;
    color: #fff;
}

main .main-content .brands .brands-container .owl-nav .owl-prev:hover {
    background-color: #833CBF;
    color: #fff;
}

main .main-content .brands .brands-container .owl-nav .owl-prev {
    font-size: 5rem;
}

main .main-content .brands .brands-container .owl-nav .owl-next {
    font-size: 5rem;
}

main .main-content .brands .brands-container .owl-nav .owl-prev {
    position: absolute;
    top: 35%;
    left: 0;
    transform: translateY(-50%);
    font-size: 4rem;
    color: #5A5A70;
    opacity: .8;
    border-radius: 50px;
    width: 80px;
    height: 80px;
    border: 1px solid #7D7D8D;
    background-color: #F5F5F5;
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
}


main .main-content .brands .brands-container .owl-nav .owl-next {
    position: absolute;
    top: 35%;
    right: 5%;
    transform: translateY(-50%);
    color: #5A5A70;
    opacity: .8;
    border-radius: 50px;
    border: 1px solid #7D7D8D;
    width: 80px;
    height: 80px;
    background-color: #F5F5F5;
    box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
}


.loader {
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 16px solid #FDD900;
    border-radius: 50%;
    border-top: 16px solid var(--main-color);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/* -------------------- */


.dashbgnone {
    background-image: none !important;
    height: max-content !important;
}


.merchant-intro {
    /*background-image: url(../images/marchant-intro-back.png);*/
    /*height: 93vh;*/
    height: max-content;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 3em 0px; */
}

.intro-content {
    padding: 5em 0em 5em 4em;
}

    .intro-content h2 {
        font-size: 50px;
        color: #383838;
        font-family: Muli-Bold;
    }

    .intro-content p {
        font-size: 16px;
        color: #555;
        padding: 0px 8px;
        margin-bottom: 0px;
        font-family: Muli-Regular;
    }

    .intro-content .introbtn {
        background-color: #6C3D96;
        padding: 10px 30px;
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        border: none;
        position: relative;
        top: 2em;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .intro-content .introbtn:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }


.savecardnew {
    display: flex;
    margin: 0.5em 10px;
}

    .savecardnew label {
        font-family: Muli-SemiBold;
        font-size: 11px;
        line-height: 14px;
        color: #333;
        cursor: pointer;
        text-align: left;
    }

    .savecardnew input {
        margin-right: 10px;
    }

.savecard {
    margin-top: 0.5em;
}

    .savecard input[type=checkbox] {
        opacity: 0;
        float: right;
        display: none;
    }

        .savecard input[type=checkbox] + label span {
            display: inline-block;
            width: 18px;
            height: 19px;
            margin: -1px 5px 0 0;
            vertical-align: middle;
            background: url(../images/check_radio_sheet.png) left top no-repeat !important;
            background-size: 76px 19px;
            cursor: pointer;
            position: relative;
            top: -1px;
        }

        .savecard input[type=checkbox] + label {
            color: #000;
            line-height: 30px;
            font-size: 13px;
            width: 100%;
            padding: 0px 10px;
            font-family: Muli-Regular;
            display: inline-block;
            cursor: pointer
        }

        .savecard input[type=checkbox]:checked + label span {
            background: url(../images/check_radio_sheet.png) -19px top no-repeat !important;
            background-size: 76px 19px
        }


.overview-section {
    background-color: #f0f0f0;
}


/* -------process tab code start------ */

.showtab {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px 0px;
    background-color: #DED5E7;
    padding: 0.3em 0px 2.5em 0px;
}

    .showtab .disable {
        display: none;
    }

    .showtab .show {
        display: block;
    }

.checkout {
    display: flex;
    width: 90%;
    margin: 5px auto;
    padding-left: 0;
    padding-top: 0em;
    font-family: Monda;
    text-align: center;
    list-style: none;
}

    .checkout .step {
        flex: 1 1 100%;
        height: 20px;
        position: relative;
    }

        .checkout .step:before,
        .checkout .step:after {
            position: absolute;
            content: '';
            top: 50%;
            transform: translateY(-1px);
            border-bottom: 2px solid #afb3b9;
            z-index: 1;
        }

        .checkout .step:before {
            left: 0;
            right: 50%;
        }

        .checkout .step:after {
            left: 50%;
            right: 0;
        }

        .checkout .step:first-child:before {
            left: 50%;
        }

        .checkout .step:last-child:after {
            right: 50%;
        }

    .checkout .step-icon {
        display: inline-block;
        width: 26px;
        /* color: #fff;
  font-family: Muli-Regular;
  font-size: 14px; */
        height: 26px;
        background: #fff;
        border-radius: 50%;
        /* border: 1px solid #afb3b9; */
        position: relative;
        z-index: 9;
        top: -4px;
        line-height: 25px;
    }

    .checkout .step.active .step-icon {
        color: #fff;
        font-family: Muli-Regular;
        font-size: 13px;
        background-color: #6C3D96;
    }

    .checkout .step.show .step-icon {
        color: #0E478A;
        font-family: Muli-Regular;
        font-size: 13px;
        background-color: #fff;
    }

    .checkout .step.completed .step-icon {
        color: #6C3D96;
        font-family: Muli-Regular;
        font-size: 13px;
    }

    .checkout .step.completed .step-label {
        font-family: Muli-Bold;
        font-size: 13px;
        color: #000;
        text-align: center;
    }

    .checkout .step.active .step-label {
        font-family: Muli-Bold;
        font-size: 13px;
        color: #000;
        text-align: center;
    }

    .checkout .step.show .step-label {
        font-family: Muli-Regular;
        font-size: 13px;
        color: #000;
        text-align: center;
    }

    /* .checkout .step.active .step-icon:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0.66666667);
	background: #fff;
	border-radius: 50%;
  } */
    .checkout .step.completed:after,
    .checkout .step.completed + li:before {
        border-color: #6C3D96;
    }

    .checkout .step.completed .step-icon {
        background: #6C3D96;
        border-color: #6C3D96;
    }

        .checkout .step.completed .step-icon:after {
            position: absolute;
            content: '';
            top: 45%;
            width: 60%;
            height: 35%;
            margin-left: -4px;
            transform: translate(-50%, -50%) rotate(-45deg);
            background: transparent;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }

    .checkout .step-label {
        position: absolute;
        top: 2.2em;
        left: 50%;
        line-height: 17px;
        font-size: 14px;
        font-family: robot-thin;
        transform: translateX(-50%);
        color: #99a4ac;
        font-weight: normal;
        /*text-transform: uppercase;*/
        white-space: nowrap;
        visibility: hidden;
    }
    /* .checkout .step.active .step-label {
	color: #405560;
	font-weight: bold;
	visibility: visible;
  } */
    .checkout .step:not(.active) .step-label {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media screen and (min-width: 240px) {
    .checkout .step-label {
        visibility: visible;
    }
}

/* -------process tab code end------ */


.overview-main {
    width: 40%;
    margin: 5px auto 2em;
    text-align: center;
}

    .overview-main h2 {
        font-size: 19px;
        text-align: center;
        margin: 0.3em 0px 0.5em 0px;
        font-family: Muli-SemiBold;
    }

.verifytxt {
    width: 100%;
    display: block;
}

.selectproductpriceinput {
    font-size: 20px;
    font-family: Muli-Bold;
    color: #6c3d96;
    background-color: #fff;
    padding: 6px 0px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 1px 1px 1px #bdbdbd;
    border: none;
    width: 100%;
    margin-bottom: 8px;
}

.branemibtn {
    width: 100%;
    display: block;
}

    .branemibtn a {
        background-color: #6C3D96;
        padding: 8px 30px;
        font-size: 18px;
        color: #fff;
        border: none;
        width: 64%;
        float: right;
        display: block;
        text-align: center;
        word-wrap: break-word;
        text-decoration: none;
        margin: 0px auto;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .branemibtn a:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }


.verifytxt h2 {
    font-size: 18px;
    text-align: center;
    color: #383838;
    margin: 0.5em 0px 0.6em 0px;
    font-family: Muli-SemiBold;
}


.overview-main h2 p {
    font-size: 14px;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
    padding-top: 4px;
    font-family: Muli-SemiBold;
}


.formbox {
    background-color: #fff;
    padding: 0.5em 2em 1.5em 2em;
    border-radius: 20px;
    box-shadow: 0px 1px 3px #ccc;
    margin-bottom: 1.5em;
}

#dvEMISale_5 .formbox {
    padding: 0.5em 2em 1.5em 2em;
}

#dvEMISale_6 .formbox {
    padding: 0.5em 2em 1.5em 2em;
}

#dvPaymentLinkConfirmation {
    width: 72%;
    margin-top: -2px;
}

#dvsale_4 .formbox {
    padding: 0.5em 2em 1.5em 2em;
}

#dvConfirmSendPamentLink .formbox {
    padding: 0.5em 2em;
}

#dvSucessfullySendPamentLink .formbox {
    padding: 0.5em 2em;
}

#dvPaymentLinkConfirmation .formbox {
    padding: 0.5em 2em;
}

#dvsale_5 .formbox {
    padding: 0.5em 2em 1.5em 2em;
}

#dvPaymentLink .formbox {
    padding: 0.5em 2em;
}



.cardfield {
    width: 100%;
    position: relative;
    /* background: #fff; */
    margin-bottom: 6px;
    margin-top: 6px;
}

.notetxt {
    font-size: 12px;
    text-align: left;
    font-family: Muli-Regular;
    color: #3A2250;
    padding: 5px 14px;
    margin-top: 0px;
}

.errortxt {
    font-size: 13px;
    text-align: left;
    font-family: Muli-Light;
    color: #ff0000;
    /* margin-top: -20px; */
    display: block;
    padding: 2px 10px;
    margin-bottom: 0px;
}

.errortxt-otp {
    font-size: 13px;
    text-align: left;
    font-family: Muli-Light;
    color: #E68C02;
    margin-top: 3px;
    padding: 5px 10px;
    margin-bottom: 0px;
}

.gotomain a {
    font-family: Muli-Regular;
    color: #6C3D96;
    font-size: 13px;
    display: block;
    padding-bottom: 5px;
}

.gotomain button {
    background-color: #6C3D96;
    padding: 6px 20px;
    font-size: 12px;
    color: #fff;
    width: fit-content;
    text-decoration: none;
    border: none;
    position: relative;
    cursor: pointer;
    border-radius: 30px;
    font-family: Muli-SemiBold;
}

    .gotomain button:hover {
        background-color: #6f28ad;
    }

.congratubox .conguserpic {
    width: 60%;
}


.cardfield label {
    font-size: 14px;
    color: #383838;
    background-color: #fff;
    float: left;
    position: absolute;
    left: 33px;
    top: -10px;
    padding: 0px 10px;
}

.cardfield select {
    height: 55px;
    font-size: 16px;
    color: #777;
    padding-left: 60px;
    border: 2px solid #D6C2E8;
    border-radius: 30px;
    font-family: Muli-Regular;
}

.cardfield input {
    height: 55px;
    font-size: 16px;
    color: #777;
    width: 100%;
    padding-left: 60px;
    border: 2px solid #D6C2E8;
    border-radius: 30px;
    font-family: Muli-Regular;
}


.selectpginput {
    margin-bottom: 1.4em;
}

/*.selectarrow::after {
  content: "▼";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 30px;
  height: 24px;
  color: #6C3D96;
  background: #fff;
  right: 5px;
  top: 9px;
  pointer-events: none;
  border-top-right-radius:25px;
}*/


.loginlablechange .form-group.focused .control-label {
    /* background: #e8e1f8; */
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(232,225,248,1) 80%);
}

.input-group-cvv {
    text-align: center;
    position: absolute;
    left: 10px;
    /*cursor: pointer;*/
    top: 5px;
    width: 50px;
    height: 40px;
    z-index: 99;
}

    .input-group-cvv img {
        height: 25px;
        position: relative;
        top: 5px;
        left: -5px;
    }

.requiredtxt {
    padding: 15px 20px;
    background: rgb(255,255,255);
    text-align: left;
}

    .requiredtxt ul {
        font-size: 14px;
        font-family: Muli-Regular;
        color: #000;
        padding-left: 15px;
    }

        .requiredtxt ul li {
            list-style-type: disc;
        }

        .requiredtxt ul ul li {
            list-style-type: circle;
        }

.requiredbox {
    padding: 10px 40px;
    background: rgb(255,255,255);
    text-align: left;
    border-radius: 20px;
    margin-top: 0em;
    /* background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(214,194,232,1) 100%);  */
    background-color: #f7eeff;
}

    .requiredbox h3 {
        font-size: 18px;
        font-family: Muli-Bold;
        color: #000;
    }

    .requiredbox ul {
        font-size: 14px;
        font-family: Muli-Regular;
        color: #000;
        margin-bottom: 0px;
        padding-left: 15px;
    }

        .requiredbox ul li {
            list-style-type: disc;
        }

        .requiredbox ul ul li {
            list-style-type: circle;
        }

.formbox .overviewbtn {
    background-color: #6C3D96;
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    border: none;
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    margin-bottom: 0px;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .formbox .overviewbtn:hover {
        background-color: #6f28ad;
        box-shadow: none;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


/* ----calender design changes css start---- */

.ui-datepicker {
    background: #a47dc7;
}

    .ui-datepicker .ui-datepicker-header {
        background: #a47dc7;
        color: #fff;
        font-family: Muli-Regular;
    }



/* ----calender design changes css end---- */



.overviewbtn {
    background-color: #6C3D96;
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
    border-radius: 30px;
    /*box-shadow: 0px 1px 4px #ccc;*/
    border: 1px solid #e0e0e0;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .overviewbtn:hover {
        background-color: #6f28ad;
        box-shadow: none;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.filterreset .overviewbtn {
    background-color: #ECECEC;
    color: #000;
}

    .filterreset .overviewbtn:hover {
        background-color: #eee;
    }

.emicheckbox {
    display: flex;
    margin: 15px auto;
    width: fit-content;
    font-family: Muli-Bold;
    font-size: 15px;
}

    .emicheckbox .form-check {
        width: fit-content;
    }


/*.overviewbtnfull {
    background-color: #6C3D96;
    padding: 8px 20px;
    font-size: 16px;
    color: #fff !important;
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
    width: 100%;
    text-align: left;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.overviewbtnfull:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.addtionaldiscount input {
    height:40px;
}

.addtionaldiscount .input-group-cvv {
    width:40px;
}


.overviewbtnfull b {
    float: right;
    font-size: 18px;
}

*/



.bcadddiscount {
    padding: 0px;
}

.selectproductpriceinputbp {
    height: 40px;
}

.bcadddiscount .savecardnew {
    margin: 0.7em 10px 0.1em 10px;
}

.bcadddiscount .form-group input {
    height: 43px;
    padding-left: 45px;
}

.bcadddiscount .input-group-cvv {
    width: 40px;
}

.bcadddiscount .form-group .control-label {
    line-height: 24px;
    margin-left: 45px;
}

.bcadddiscount .form-group.focused .control-label {
    margin-left: 30px;
}

.overviewbtnfull {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 14px;
    color: #fff !important;
    border: none;
    width: fit-content;
    display: block;
    text-align: left;
    text-decoration: none;
    margin: 10px auto;
    border-radius: 30px;
    position: relative;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-Regular;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .overviewbtnfull:hover {
        background-color: #6f28ad;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .overviewbtnfull .emibtntext {
        padding-right: 25px;
        position: relative;
        top: 2px;
    }

.bcemiamt {
    font-size: 18px;
    float: right;
    font-family: Muli-SemiBold;
    /*position: absolute;
  top: 50%;*/
    /* left: 50%; */
    /*transform: translate(-50%, -50%);
  right: -30px;*/
}



.overviewbtnfit {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 18px;
    color: #fff !important;
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
    width: fit-content;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .overviewbtnfit:hover {
        background-color: #6f28ad;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


.detailcheck {
    text-align: left;
    margin-top: -2px;
}


.searchbox {
    background-color: #fff;
    padding: 0.5em 2em;
    border-radius: 20px;
    box-shadow: 0px 1px 3px #ccc;
}

.searchfield {
    width: 100%;
    position: relative;
    background: #fff;
    margin-bottom: 6px;
    margin-top: 6px;
}

    .searchfield input {
        height: 50px;
        font-size: 16px;
        color: #777;
        width: 100%;
        padding-left: 60px;
        border: 2px solid #D6C2E8;
        border-radius: 30px;
        font-family: Muli-Regular;
    }

.searchicon {
    text-align: center;
    position: absolute;
    left: 10px;
    cursor: pointer;
    top: 6px;
    width: 50px;
    height: 45px;
}

    .searchicon img {
        height: 22px;
        position: relative;
        top: 5px;
    }

.bankheading {
    font-family: Muli-Semibold;
    font-size: 14px;
    height: 40px;
    width: 100%;
    line-height: 25px;
    border-radius: 25px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0px 1px 4px #ccc;
    padding: 7px 25px;
    margin: 0em 0px 1em 0px;
}

.popularbanklist {
    width: 100%;
    padding: 5px;
}

    .popularbanklist ul {
        width: 100%;
        display: flow-root;
        padding: 0px;
        margin-bottom: 0px;
    }

        .popularbanklist ul li {
            list-style-type: none;
            float: left;
            width: 20%;
            margin: 5px 0px;
            text-align: center;
        }

    .popularbanklist li img {
        height: 45px;
        border: 1px solid #ccc;
        padding: 5px;
    }

    .popularbanklist li span {
        display: block;
        font-family: Muli-Regular;
        font-size: 10px;
        height: 25px;
        line-height: 13px;
        padding-top: 5px;
    }

.otherbanklist {
    width: 100%;
    max-height: 120px;
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .otherbanklist::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .otherbanklist::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

#showmodal .modal-header {
    background-color: #fff;
    padding: 5px 10px;
}

#showmodal .modal-body {
    padding: 2px 10px;
}

    #showmodal .modal-body h4 {
        font-size: 18px;
        margin-bottom: 0px;
        line-height: 20px;
    }

    #showmodal .modal-body h5 {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 0px;
    }

    #showmodal .modal-body .searchbox .form-group input {
        padding-left: 20px;
    }

.otherbanklist ul {
    width: 100%;
    display: flow-root;
    padding: 0px;
    margin-bottom: 0px;
}

    .otherbanklist ul li {
        list-style-type: none;
        text-align: left;
        height: auto;
        border-bottom: 1px solid #ccc;
        padding: 0px 0px;
    }

        .otherbanklist ul li img {
            height: 18px;
            padding-right: 15px;
        }

        .otherbanklist ul li a {
            font-family: Muli-Regular;
            font-size: 12px;
            color: #333;
            text-decoration: none;
        }

            .otherbanklist ul li a:hover {
                color: #000;
                text-decoration: underline;
            }

        .otherbanklist ul li:last-child {
            border-bottom: none;
        }

.kycbox {
    padding: 1.5em 2em;
    border-radius: 20px;
    background: rgb(255,255,255);
    /* background: linear-gradient(0deg, rgba(255,255,255,1) 54%, rgba(214,194,232,1) 100%); */
    box-shadow: 0px 1px 3px #ccc;
    /* background-color: #f7eeff; */
}

.kycrequiredbox {
    padding: 1px 0px 5px 0px;
    text-align: left;
    border-radius: 20px;
}

    .kycrequiredbox h3 {
        font-size: 18px;
        font-family: Muli-Bold;
        color: #000;
    }

    .kycrequiredbox ul {
        font-size: 14px;
        font-family: Muli-Regular;
        color: #000;
        padding-left: 15px;
    }

        .kycrequiredbox ul li {
            list-style-type: disc;
        }

        .kycrequiredbox ul ul li {
            list-style-type: circle;
        }

.uploadlist {
    width: 100%;
    position: relative;
    top: -20px;
}

    .uploadlist ul {
        display: flex;
        padding: 5px 0px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 15px;
        margin: -4px 0px;
        list-style-type: none;
    }
/*.uploadlist ul li:first-child {
  width: 25%;
  float: left;
}
.uploadlist ul li:last-child {
  width: 50%;
  float: left;
  margin-left: 15px;
}*/

.saletxnright img {
    height: 45px;
    margin-bottom: 10px;
}

.qrpglink {
    height: 250px !important;
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
}

.uploadlist ul li:nth-child(1) {
    width: 0%;
    float: left;
}

.uploadlist ul li:nth-child(2) {
    width: 35%;
    float: left;
}

    .uploadlist ul li:nth-child(2) strong {
        text-align: center;
        vertical-align: middle;
        padding-top: 16px;
        display: block;
    }

.uploadlist ul li:nth-child(3) {
    width: 15%;
    float: left;
}

.uploadlist ul li:nth-child(4) {
    width: 15%;
    float: left;
}

.uploadlist ul li:nth-child(5) {
    width: 30%;
    float: left;
}

.uploadlist .file {
    border: 1px solid #ccc;
    width: 60px;
    height: 59px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .uploadlist .file:hover {
        background-color: #eee;
    }

    .uploadlist .file img {
        height: 22px;
        position: relative;
        top: 16px;
        cursor: pointer;
    }

    .uploadlist .file i {
        position: relative;
        top: 16px;
        cursor: pointer;
        color: #6c3d96;
        font-size: 25px;
    }

    .uploadlist .file input {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        right: 0;
        top: 0;
    }

.uploadlist .uploadheading {
    width: fit-content;
    background-color: #fff;
    padding: 2px 10px;
    border: 1px solid #ccc;
    position: relative;
    top: 22px;
    left: 18px;
    font-family: Muli-Regular;
    font-size: 10px;
}

.uploadlist .uploadprev {
    height: 45px;
    width: 45px;
    top: 10px;
    position: relative;
}

.uploadlist button {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff;
    border: none;
    margin-top: 8px;
    width: fit-content;
    border-radius: 30px;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .uploadlist button:hover {
        background-color: #6f28ad;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.uploadkyc .notetxt {
    font-family: Muli-Regular;
    font-size: 12px;
    color: #333;
    text-align: left;
    margin-bottom: 0px;
    padding-left: 7px;
}

.marup {
    margin-bottom: 5px;
}

/*camera popup code start*/

.camerapopup .close {
    position: absolute;
    right: 0px;
    font-size: 23px;
    border: none;
    color: #444;
    z-index: 999;
    background-color: #fff;
    padding: 0px 5px;
    height: 30px;
    line-height: 0px;
}

    .camerapopup .close:hover {
        color: #000;
    }

.camerapopup .modal-dialog {
    max-width: 450px;
    margin: 8.75rem auto;
}

.camerapopup #webcamPOA {
    margin: 0px auto;
    display: inline;
}

    .camerapopup #webcamPOA video {
        width: 100% !important;
        height: auto !important;
    }

/*.camerapopup #webcambusinessp {
  margin: 0px auto;
  display: inline;
}

  .camerapopup #webcambusinessp video {
      width: 100% !important;
      height: auto !important;
  }*/

.camerapopup .modal-body {
    padding-bottom: 0px;
    padding: 5px;
}

/*camera popup code end*/



/*camerapopupbusiness popup code start*/

.camerapopupbusiness .close {
    position: absolute;
    right: 0px;
    font-size: 23px;
    border: none;
    color: #444;
    z-index: 999;
    background-color: #fff;
    padding: 0px 5px;
    height: 30px;
    line-height: 0px;
}

    .camerapopupbusiness .close:hover {
        color: #000;
    }

.camerapopupbusiness .modal-dialog {
    max-width: 450px;
    margin: 8.75rem auto;
}

/*.camerapopupbusiness #webcamPOA {
    margin: 0px auto;
    display: inline;
}

.camerapopupbusiness #webcamPOA video {
    width: 100% !important;
    height: auto !important;
 }*/

.camerapopupbusiness #webcambusinessp {
    margin: 0px auto;
    display: inline;
}

    .camerapopupbusiness #webcambusinessp video {
        width: 100% !important;
        height: auto !important;
    }

.camerapopupbusiness .modal-body {
    padding-bottom: 0px;
    padding: 5px;
}

/*camerapopupbusiness popup code end*/





.attachfile {
    width: 100%;
    padding: 10px 20px;
    height: 50px;
    margin: 10px 0px;
    font-size: 14px;
    color: #82AD52;
    background-color: #fff;
    font-family: Muli-Regular;
    border: 1px solid #ccc;
    border-radius: 25px;
    text-align: left;
}

    .attachfile p {
        display: contents;
    }

    .attachfile img {
        height: 20px;
        padding-right: 10px;
    }

    .attachfile .uploadsqure {
        font-size: 22px;
        padding-right: 10px;
        top: 3px;
        position: relative;
    }

    .attachfile button {
        float: right;
        background-color: #fff;
        box-shadow: none;
        border: none;
        font-size: 28px;
        color: #82AD52;
        font-family: Muli-Bold;
        position: relative;
        top: -8px;
        height: 38px;
    }

    .attachfile .disabled {
        opacity: 0.3;
    }

    .attachfile .filebtn {
        float: right;
        color: #333;
        font-size: 15px;
        padding: 2px 10px;
        border: 1px solid #ccc;
        /*  margin-left: 12px;*/
        border-radius: 5px;
        margin: 0 5px;
        height: fit-content;
    }

        .attachfile .filebtn:hover {
            background-color: #f1f1f1;
        }

.uploadkyc h3 {
    font-family: Robot-Medium;
    font-size: 18px;
    color: #6C3D96;
    margin: 5px 0px;
    text-align: left;
}

.uploadkyc .doculocktxt {
    font-family: Muli-Regular;
    font-size: 12px;
    color: #333;
    text-align: left;
    padding: 0px 10px;
}

    .uploadkyc .doculocktxt img {
        height: 16px;
        padding-right: 10px;
        position: relative;
        top: -1px;
    }

.uploadkyc .overviewbtn {
    background-color: #6C3D96;
    padding: 8px 30px;
    font-size: 16px;
    color: #fff;
    border: none;
    /* margin-top: 0.6em; */
    width: fit-content;
    margin: 4px auto;
    display: block;
    text-decoration: none;
    border-radius: 30px;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .uploadkyc .overviewbtn:hover {
        background-color: #6f28ad;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


.congratulation-main {
    width: 40%;
    margin: 2em auto;
    text-align: center;
}

.congratubox {
    background-color: #fff;
    padding: 1.0em 0.5em;
    border-radius: 20px;
    margin-bottom: 2em;
    box-shadow: 0px 1px 3px #ccc;
}

    .congratubox a {
        font-family: Muli-Regular;
        color: #6C3D96;
        font-size: 13px;
        display: block;
    }

        .congratubox a:hover {
            text-decoration: none;
            color: #6f28ad;
        }


    .congratubox .icon {
        height: 40px;
    }

    .congratubox h2 {
        font-family: Muli-Bold;
        font-size: 33px;
        color: #66C136;
        margin-bottom: 0px;
        text-align: center;
        padding-top: 10px;
    }

    .congratubox .contxt1 {
        font-size: 18px;
        font-family: Muli-Regular;
        color: #383838;
        padding-top: 5px;
        margin-bottom: 5px;
    }

    .congratubox .contxt2 {
        font-size: 16px;
        font-family: Muli-Regular;
        color: #6C3D96;
        width: 80%;
        margin: 0 auto;
        border-radius: 20px;
        border: 1px solid #6C3D96;
        padding: 5px 20px;
    }

    .congratubox .contxt3 {
        font-size: 16px;
        font-family: Muli-Regular;
        color: #767479;
        width: 80%;
        margin: 0 auto;
        padding: 5px 20px;
    }

    .congratubox .congpic {
        width: 50%;
    }

    .congratubox .regcongpic {
        height: 200px;
        margin-bottom: 0em;
    }

.bonuslogo img {
    height: 50px;
    margin-bottom: 10px;
}

.login-form h2 {
    color: #000;
    font-family: Muli-Regular;
    font-size: 20px;
}

.logomargin {
    margin-left: 30px;
}

.loginbtn {
    background-color: #fff;
    padding: 6px 20px;
    font-size: 12px;
    color: #6C3D96;
    position: relative;
    top: -2px;
    text-decoration: none;
    margin-right: 30px;
    font-family: Muli-Semibold;
    border-radius: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .loginbtn:hover {
        background-color: #f1f1f1;
        color: #000;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.kyc-intro {
    padding: 2em 0em 1em 2em;
}

.kycdiv {
    padding-top: 8em;
}

.kycintro-right {
    width: 400px;
    height: 399px;
    margin: 0 auto;
}

.validicon {
    text-align: center;
    position: absolute;
    right: 10px;
    /*  cursor: pointer;*/
    top: 8px;
    width: 40px;
    height: 45px;
}

    .validicon img {
        height: 15px;
        position: relative;
        top: 0px;
        right: -5px;
    }

.fmar .validicon {
    top: 12px;
}

.brandprofilefix .validicon {
    top: 14px;
    right: 15px;
}


.eyebtn {
    text-align: center;
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: 6px;
    color: #ccc;
    width: 50px;
    height: 45px;
}

.eyeopen {
    color: #6C3D96;
}

.eyeclosepic {
    display: block;
    width: 45px;
    height: 34px;
    background-image: url(../images/eye-slash-solid.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    right: 0px;
}

.eyeopenpic {
    background-image: url(../images/eye-solid.png);
}



.validicon-pg {
    text-align: center;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 8px;
    width: 30px;
    height: 45px;
}

    .validicon-pg img {
        height: 15px;
        position: relative;
        top: 5px;
        right: -0px;
    }


.noteicon {
    text-align: center;
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: -19px;
    width: 30px;
    height: 25px;
}

    .noteicon img {
        height: 18px;
        position: relative;
        top: 5px;
    }

        .noteicon img:hover {
            opacity: 0.6;
        }

/* input stylist design code start */

/* .group 			  { 
  position:relative; 
  margin-bottom:3em; 
}
.group input 				{
  height: 55px;
  font-size: 16px;
  color: #6C3D96;
  width: 100%;
  display: block;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
}
.group input:focus {
  outline:none;
}

.group select 				{
  height: 55px;
  font-size: 16px;
  color: #777;
  display: block;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
}
.group select:focus {
  outline:none;
}

.group 			  { 
  position:relative; 
  margin-bottom:3em; 
}

.group label {
  font-size: 17px;
  color: #C9C9C9;
  position:absolute;
  pointer-events:none;
  left:4.5em;
  top:0.8em;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.group input:focus ~ label, .group input:valid ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
}

.group select:focus ~ label, .group select:focus ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
}

.group .ff:valid ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
} */

.frmheight {
    /*min-height: 80vh;*/
    min-height: max-content;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.form-group {
    display: flex;
    /* margin-bottom: 0em;
  margin-top: 0.5em; */
    margin-bottom: 0.3em;
    margin-top: 0.6em;
    position: relative;
}

    .form-group input {
        height: 50px;
        font-size: 14px;
        color: #6C3D96;
        width: 100%;
        padding-left: 50px;
        border: 2px solid #D6C2E8;
        border-radius: 30px;
        padding-right: 15px;
        font-family: Muli-Regular;
    }

        .form-group input::-webkit-outer-spin-button,
        .form-group input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        .form-group input[type=number] {
            -moz-appearance: textfield;
        }


        .form-group input:-webkit-autofill,
        .form-group input:-webkit-autofill:hover,
        .form-group input:-webkit-autofill:focus,
        .form-group input:-webkit-autofill:active {
            transition: background-color 5000s ease-in-out 0s;
            background-color: #fff;
        }

        .form-group input:-internal-autofill-selected {
            transition: background-color 5000s ease-in-out 0s;
        }

    /*
.form-group input:-internal-autofill-selected, .control-label {
    opacity: 1;
    z-index:9;
}*/


    /*.form-group input:not(:placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
}

.form-group input:not(:placeholder-shown) ~ label,
.form-group input:-webkit-autofill ~ label*/ /* <<<< Add these */ /*{
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
}

.form-group.label input:-internal-autofill-selected ~ label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857;
}*/


    .form-group.focused .control-label {
        opacity: 1;
        transform: scale(0.75);
        color: #000;
        font-size: 16px;
        font-family: Robot-Regular;
        margin-top: -10px;
        margin-left: 32px;
        background-color: #fff;
        padding: 0px 10px;
        text-align: left;
        min-width: max-content;
        z-index: 99;
    }

    .form-group.focusedfix .control-label {
        opacity: 1;
        transform: scale(0.75);
        color: #000;
        font-size: 14px;
        font-family: Robot-Regular;
        margin-top: -10px;
        margin-left: 32px;
        background-color: #fff;
        padding: 0px 10px;
        text-align: left;
        min-width: max-content;
        z-index: 99;
    }

    .form-group .control-label {
        font-size: 12px;
        color: #777;
        font-family: Muli-Regular;
        opacity: 1;
        pointer-events: none;
        position: absolute;
        transform: translate3d(0, 22px, 0) scale(1);
        transform-origin: left top;
        transition: 240ms;
        line-height: 29px;
        margin-top: -13px;
        margin-left: 55px;
    }

#dvProductSerialNumber .control-label {
    margin-left: 25px;
}

.form-group input:disabled {
    background-color: #fff;
}

.form-group select {
    height: 50px;
    font-size: 14px;
    color: #777;
    width: 100%;
    background-color: #fff;
    padding-left: 50px;
    border: 2px solid #D6C2E8;
    border-radius: 30px;
    padding-right: 15px;
    font-family: Muli-Regular;
    /*background: url(../images/bg-downarrow.png) no-repeat right #fff;*/
    background: url(../images/caret-down-solid.svg) no-repeat 96% 55% #fff;
    -webkit-appearance: none;
}

.form-group select, option {
    font-size: 14px;
    font-family: system-ui;
    /* font: -moz-pull-down-menu; */
}





/* .formbox .form-group input:focus-visible {
    border: 2px solid #6619AB;
    -webkit-border: 2px solid #6619AB;
    -moz-border: 2px solid #6619AB;
    color: #000;
    font-weight: normal;
} */

.form-group input:focus-visible {
    outline: 1px solid #6619AB !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    border: 2px solid #6619AB;
    font-weight: normal;
}

.form-group select:focus-visible {
    outline: 1px solid #6619AB !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    border: 2px solid #6619AB;
    font-weight: normal;
}

.form-bonus {
    align-self: flex-end;
}

    .form-bonus::-webkit-input-placeholder {
        color: transparent;
        transition: 240ms;
    }

    .form-bonus:focus::-webkit-input-placeholder {
        transition: none;
    }

.form-group.focused .form-bonus::-webkit-input-placeholder {
    color: #bbb;
}

.pendingbtn {
    color: #E68C02;
    font-family: Muli-Regular;
    font-size: 14px;
    padding-left: 20px;
}

    .pendingbtn:hover {
        color: #fff;
    }

.noteboxpop .modal-dialog {
    margin-top: 13em;
}

.noteboxpop h4 {
    width: 100%;
    text-align: center;
}

/* input stylist design code end */


.logintxt {
    text-align: center;
    margin: 8px 0px;
    color: #683992;
    font-family: Muli-Regular;
    text-decoration: underline;
    font-size: 13px;
    display: block;
}

    .logintxt:hover {
        text-decoration: none;
        color: #683992;
    }


.opacityup {
    opacity: 1.0 !important;
    pointer-events: visible !important;
}

.opacitydown {
    opacity: 0.5;
    pointer-events: none;
}

.validationlistbox {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 20px;
    margin-left: 50px;
    max-width: 500px;
    box-shadow: 0px 2px 4px #ccc;
}

    .validationlistbox h2 {
        font-size: 20px;
        color: #6C3D96;
        font-weight: bold;
        font-family: Muli-Bold;
    }

    .validationlistbox ul {
        margin-top: 1em;
    }

        .validationlistbox ul li {
            list-style-type: disc;
            color: #ff0000;
            font-size: 16px;
        }


/* --- Loader entre les pages (transition) --- */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255,0.9);
    z-index: 1000;
    opacity: 1;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 500px;
    border: 4px solid transparent;
    /* border-top-color: #19C785; */
    border-top-color: #6c3d96;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 500px;
        border: 4px solid transparent;
        /* border-top-color: #6CE94A; */
        border-top-color: #d6c2e8;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 500px;
        border: 4px solid transparent;
        /* border-top-color: #E9C834; */
        border-top-color: #c88bfe;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

/* Loaded */
.loaded #loader {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.loaded #loader-wrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


/* --- Keyframes --- */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* JavaScript Turned Off */

.no-js #loader-wrapper {
    display: none;
}



.otpbox {
    width: 100%;
    position: relative;
}

    .otpbox ul {
        padding-left: 0px;
        display: flex;
        margin: 0 auto;
        width: 95%;
    }

        /* .otpbox ul li {
  float: left;
  width: 16%;
  margin: 0 10px;
} */
        .otpbox ul input {
            height: 40px;
            width: inherit;
            /* width: 47px;
height: 47px; */

            margin: 0 20px;
            color: #6c3d96;
            text-align: center;
            font-size: 18px;
            font-family: Muli-SemiBold;
            font-weight: bold;
            /* box-shadow: 0px 1px 3px #a5a5a5;
background-color: #f1f1f1; */
            border: 2px solid #ccc;
            border-radius: 5px;
        }

            .otpbox ul input:focus-visible {
                outline: 1px solid #6619AB !important;
                box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                color: #000;
                border: 2px solid #6619AB;
                font-weight: normal;
            }



            .otpbox ul input::-webkit-outer-spin-button,
            .otpbox ul input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            /* Firefox */
            .otpbox ul input[type=number] {
                -moz-appearance: textfield;
            }

            .otpbox ul input:focus-visible {
                outline-color: #6c3d96;
            }


.validicon-otp {
    text-align: center;
    position: absolute;
    right: -30px;
    cursor: pointer;
    top: -1px;
    width: 50px;
    height: 45px;
}

    .validicon-otp img {
        height: 18px;
        position: relative;
        top: 10px;
    }


/* 
.validicon-otp {
  text-align: center;
  position: absolute;
  right: -30px;
  cursor: pointer;
  top: -1px;
  width: 50px;
  height: 45px;
}

.validicon-otp img {
  height: 18px;
  position: relative;
  top: 10px;
} */




/* .otpbox ul {
  padding-left: 0px;
  display: flex;
  margin:0 auto;
  width: 95%;
}

.otpbox ul li {
  float: left;
  width: 16%;
  margin: 0 10px;
}
.otpbox ul li input {
  width: 100%;
  height: 50px;
  color: #ff0000;
  text-align: center;
  font-size: 18px;
  font-family: Muli-SemiBold;
  font-weight: bold;
} */

.otpbox ul li img {
    height: 20px;
    position: relative;
    top: 5px;
}

.otptxt {
    font-size: 18px;
    text-align: left;
    width: 90%;
    font-family: Muli-Regular;
    display: block;
    padding: 8px 25px;
}

.otperror {
    font-size: 14px;
    text-align: left;
    width: 100%;
    font-family: Muli-Regular;
    color: #ff0000;
    display: block;
    margin-bottom: 10px;
    padding: 8px 25px;
    text-align: center;
}

    .otperror a {
        float: right;
        color: #767479;
        text-decoration: none;
        font-family: Muli-SemiBold;
    }

        .otperror a:hover {
            text-decoration: underline;
            color: #333;
        }

/* Registraion Pg Page start code */


.pgregistration-main {
    width: 40%;
    margin: 1em auto;
    text-align: center;
}

.pgregistrationbox {
    background-color: #fff;
    padding: 0px;
    box-shadow: 0px 1px 3px #ccc;
    padding-bottom: 1.6em;
}

    .pgregistrationbox h3 {
        font-size: 20px;
        margin: 15px 0px;
        font-family: Muli-Bold;
        color: #6C3D96;
    }

    .pgregistrationbox h2 {
        font-family: Muli-Bold;
        font-size: 30px;
        color: #66C136;
        margin-bottom: 10px;
        text-align: center;
        padding-top: 10px;
    }

    .pgregistrationbox .checklogo {
        height: 40px;
        margin-top: 2em;
    }

    .pgregistrationbox .pymsucesstxt {
        font-size: 14px;
        color: #666;
    }

    .pgregistrationbox .pgcongpic {
        height: 200px;
        margin-bottom: 0em;
    }


.pglogobrand {
    padding: 8px 10px;
    width: 100%;
    background-color: #6C3D96;
}

    .pglogobrand img {
        height: 35px;
    }


.pgorderdetails {
    padding: 10px 40px;
    background: rgb(255,255,255);
    text-align: left;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(214,194,232,1) 100%);
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ccc;
}

.ordtxt {
    padding: 1px;
}

    .ordtxt p {
        font-size: 14px;
        font-family: Muli-Bold;
        color: #6C3D96;
        margin-bottom: 4px;
    }

    .ordtxt span {
        font-size: 14px;
        font-family: Muli-Light;
        color: #333;
        display: block;
    }

.brbtm {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.extbold {
    font-size: 16px;
}


.pyttxt {
    padding: 5px;
}

    .pyttxt p {
        font-size: 15px;
        font-family: Muli-Bold;
        color: #000;
        text-align: left;
        margin-bottom: 0px;
    }

    .pyttxt span {
        font-size: 13px;
        font-family: Muli-SemiBold;
        color: #000;
        display: block;
    }

.totalpaid {
    padding: 5px 10px;
    background-color: #D6C2E8;
    border-radius: 35px;
    width: 90%;
    text-align: center;
    font-family: Muli-Bold;
    color: #6C3D96;
    font-size: 16px;
    margin: 1em auto;
}

    .totalpaid span {
        font-size: 25px;
        padding-left: 20px;
    }

.finalpaid {
    padding: 5px 50px;
    background-color: #6C3D96;
    border-radius: 35px;
    width: 90%;
    text-align: right;
    font-family: Muli-Bold;
    color: #fff;
    font-size: 30px;
    display: block;
    border: none;
    text-decoration: none;
    margin: 0.5em auto 0.2em 1em;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .finalpaid:hover {
        background-color: #7a3fad;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .finalpaid span {
        font-size: 20px;
        font-family: Muli-Regular;
        padding: 0px 0px;
        float: left;
        position: relative;
        top: 8px;
    }


.tab-group {
    border-radius: 8px;
    margin: 4vh auto 0;
    width: 90%;
    overflow: hidden;
}

.tab input[id^=tab] {
    display: block;
    position: absolute;
    margin-top: 24px;
    margin-left: 10px;
}

.tab label {
    /* background: green; */
    color: #6C3D96;
    text-align: left;
    display: block;
    cursor: pointer;
    font-size: 16px;
    font-family: Muli-Bold;
    margin-bottom: 3px;
    transition: opacity 0.15s;
    border-bottom: 1px solid #ccc;
    padding: 15px 40px;
}

    .tab label:hover {
        opacity: 0.5;
    }

    .tab label img {
        padding-right: 15px;
        height: 21px;
        position: relative;
        top: 0px;
    }

.tab-content {
    padding: 0 10px;
    height: 0;
    /* overflow: hidden; */
    transition: height 0.3s;
    line-height: 1.3;
}

.tab:last-child label {
    margin-bottom: 0;
}

input[id^=tab]:checked ~ .tab-content {
    height: auto;
}

.pgcard {
    background-color: #F8F5FC;
    border-radius: 25px;
    padding: 10px 20px;
    margin-top: 10px;
}

    .pgcard input {
        height: 50px;
        font-size: 14px;
        color: #6C3D96;
        width: 100%;
        padding-left: 60px;
        border: 1px solid #D6C2E8;
        border-radius: 30px;
        margin-bottom: 2px;
        font-family: Muli-Regular;
    }

    .pgcard .errortxt {
        margin-bottom: 0px;
    }

    .pgcard .pgselect {
        position: relative;
    }

        .pgcard .pgselect select {
            height: 50px;
            font-size: 14px;
            color: #6C3D96;
            width: 100%;
            background-color: #fff;
            padding: 0px 12px;
            border: 1px solid #D6C2E8;
            border-radius: 30px;
            text-align: left;
            margin-bottom: 10px;
            font-family: Muli-Regular;
        }

            .pgcard .pgselect select option {
                font-family: Muli-Regular;
            }

        .pgcard .pgselect::after {
            content: "▼";
            text-align: center;
            line-height: 32px;
            position: absolute;
            width: 30px;
            height: 24px;
            color: #6C3D96;
            background: #fff;
            right: 5px;
            top: 9px;
            pointer-events: none;
            border-top-right-radius: 25px;
        }

    .pgcard .form-group .control-label {
        padding: 0px 5px;
        border: none;
    }

    .pgcard .input-group-icon {
        text-align: center;
        position: absolute;
        left: 7px;
        cursor: pointer;
        top: 10px;
        color: #6C3D96;
        width: 50px;
        height: 40px;
        font-size: 20px;
    }

    .pgcard .form-group select {
        padding-left: 50px;
    }

    .pgcard .selectarrow {
        margin-top: 10px;
    }

.pgnote {
    font-size: 13px;
    text-align: left;
    font-family: Muli-Light;
    color: #333;
    text-align: center;
    padding: 5px 20px;
}

.paysucdetails {
    margin: 0px 2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

    .paysucdetails hr {
        margin-bottom: 4px;
    }

/* Registraion Pg Page start start */


/* Transaction Failder Page code start */

.txtpagefit {
    padding: 0px 0em !important;
}

    .txtpagefit .paysucdetails {
        margin: 0px 1em;
    }

.txtmsgpage {
    padding: 1em 1em 0px 1em;
}

    .txtmsgpage .txtimg {
        height: 50px;
    }

    .txtmsgpage h4 {
        font-size: 25px;
        margin: 15px 0px;
        font-family: Muli-SemiBold;
        color: #6C3D96;
    }

    .txtmsgpage .txttext {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        font-family: Muli-SemiBold;
        padding: 0px 10px;
    }

.msgdescrip {
    text-align: left;
    padding: 0px 1.5em;
    padding-bottom: 1em;
}

    .msgdescrip h3 {
        font-family: Muli-SemiBold;
        font-size: 20px;
        color: #6C3D96;
        margin: 12px 0px;
    }

    .msgdescrip p {
        font-family: Muli-Regular;
        font-size: 14px;
        color: #333;
        text-align: justify;
        line-height: 20px;
    }

.txnlogobrand {
    padding: 8px 10px;
    /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
    background-color: #6C3D96;
}

    .txnlogobrand img {
        height: 40px;
    }

.txtmsgpage .expireimg {
    height: 150px;
}

.expirefit {
    padding-bottom: 1em;
}



/*  */

.transfailedbox {
    padding: 2em 0px 0px 0px;
}

    .transfailedbox .txnfailicon {
        height: 50px;
    }

    .transfailedbox h4 {
        font-size: 25px;
        margin: 15px 0px;
        font-family: Muli-Bold;
        color: #6C3D96;
    }

.pgregistrationbox .failtxt {
    font-size: 14px;
    color: #333;
    font-family: Muli-Regular;
    padding: 0px 10px;
}

.transfailedbox ul {
    list-style-type: none;
    padding: 0.5em 0px;
    width: 60%;
    margin: 0 auto;
}

    .transfailedbox ul li {
        font-family: Muli-Regular;
        font-size: 14px;
        display: flex;
        color: #666;
        line-height: 30px;
        font-weight: normal;
        margin: 0 auto;
    }

        .transfailedbox ul li span {
            font-family: Muli-Bold;
            font-size: 16px;
            color: #000;
            text-align: right;
            font-weight: normal;
            padding: 0em 1em;
            width: 160px;
        }

        .transfailedbox ul li small {
            padding-left: 1em;
        }

.transfailedbox button {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 20px;
    color: #fff !important;
    border: none;
    text-decoration: none;
    margin-top: 0.6em;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .transfailedbox button:hover {
        background-color: #6f28ad;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.transfailedbox table {
    width: 80%;
    font-size: 16px;
    font-family: Muli-Regular;
    color: #333;
    text-transform: none;
}

    .transfailedbox table tr {
        border-bottom: 1px solid #fff;
    }

    .transfailedbox table td:nth-child(1) {
        text-align: right;
        font-family: Muli-Bold;
    }

    .transfailedbox table td:nth-child(3) {
        text-align: left;
    }


/* Transaction Failder Page code end */



/* Bonusone Dashboard EMI Sale section code start */

.dashboardview {
    padding: 1em 0px;
}

    .dashboardview h2 {
        color: #6C3D96;
        font-family: Muli-SemiBold;
        font-size: 25px;
        padding: 0px 15px;
    }

    .dashboardview ul {
        padding-left: 0px;
        list-style-type: none;
        display: flow-root;
        margin-top: 0em;
    }

        .dashboardview ul li {
            float: left;
        }

.dashmenubox {
    background-color: #fff;
    border-radius: 20px;
    width: 180px;
    height: 160px;
    margin: 10px;
    border: 2px solid #fff;
    text-align: center;
    padding: 2em 0px;
    display: block;
    position: relative;
    box-shadow: 0px 1px 4px #ccc;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .dashmenubox:hover {
        border: 2px solid #6C3D96;
        color: #6C3D96;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .dashmenubox img {
        height: 50px
    }

    .dashmenubox p {
        font-family: Robot-Regular;
        color: #3A2250;
        font-size: 18px;
        padding-top: 1em;
        line-height: 20px;
    }



.scanpromo-merchant {
    margin: 1em 0px;
    text-align: center;
}

    .scanpromo-merchant a {
        background-color: #D6C2E8;
        border: 1px solid #6C3D96;
        padding: 10px 20px;
        color: #6C3D96;
        font-size: 16px;
        text-decoration: none;
        font-family: Muli-SemiBold;
        border-radius: 6px;
    }

        .scanpromo-merchant a:hover {
            background-color: #E6D7F3;
        }

        .scanpromo-merchant a i {
            font-size: 25px;
            color: #6C3D96;
            padding-right: 10px;
            position: relative;
            top: 3px;
        }

.promonumnotification {
    background-color: #ff0000;
    width: 35px;
    height: 34px;
    border-radius: 50%;
    display: block;
    color: #fff;
    font-family: Muli-Bold;
    font-size: 18px;
    padding-top: 3px;
    position: absolute;
    top: -12px;
    right: -12px;
    box-shadow: 0px 1px 3px #7a7a7a;
}



.subnav-menubar a img {
    height: 28px;
    margin-bottom: 4px;
}

.backmenucurm {
    padding: 0.3em 6.5em;
}

.managecurm {
    padding: 0.4em 1em;
}

.backmenucurm i {
    font-size: 13px;
    color: #515B64;
    position: relative;
    top: 0px;
    background-color: rgb(245, 245, 245);
    width: 30px;
    height: 24px;
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px #ccc;
    margin-right: 10px;
}

.backmenucurm img {
    font-size: 13px;
    color: #515B64;
    position: relative;
    top: -2px;
    background-color: rgb(245, 245, 245);
    width: 30px;
    height: 22px;
    text-align: center;
    padding: 6px 0px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px #ccc;
    margin-right: 10px;
}

.backmenucurm a {
    color: #6C3D96;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    font-family: Muli-SemiBold;
}

    .backmenucurm a label {
        cursor: pointer;
    }

    .backmenucurm a:hover {
        text-decoration: underline;
    }

    .backmenucurm a i:hover {
        text-decoration: none;
        background-color: #fff;
    }

.backmenucurm img:hover {
    background-color: #fff;
}

/* Bonusone Dashboard EMI Sale section code end */


/* bank slider code start */
.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

    .owl-nav button.owl-prev {
        left: -30px;
    }

    .owl-nav button.owl-next {
        right: -48px;
    }

.owl-dots {
    text-align: center;
    padding-top: 15px;
    display: none;
}

    .owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #ccc;
        margin: 0 3px;
    }

        .owl-dots button.owl-dot.active {
            background-color: #000;
        }

        .owl-dots button.owl-dot:focus {
            outline: none;
        }

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav span {
    font-size: 55px;
    position: relative;
    top: -5px;
    border: 1px solid #ccc;
    width: 40px;
    background-color: #fff;
    height: 39px;
    display: block;
    border-radius: 50%;
    line-height: 23px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .owl-nav span:hover {
        background-color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.owl-nav button {
    background-color: #f0f0f0 !important;
}

    /* .slidermar .owl-next span {
  position: relative;
  right: -75px;
} */

    .owl-nav button:focus {
        outline: none;
    }


.bankselectbox {
    width: 100%;
    height: 90px;
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 1.5em 0.5em 1.5em 0.5em;
    margin: 1em;
    text-decoration: none;
    box-shadow: 0px 0px 4px #ccc;
    border: 5px solid #eee;
    position: relative;
}

    .bankselectbox img {
        height: auto;
        width: 79% !important;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: auto;
    }

    .bankselectbox span {
        font-family: Muli-Bold;
        font-size: 14px;
        color: #004C8F;
        text-decoration: none;
        position: absolute;
        display: block;
        text-align: center;
        width: 80%;
    }

.selectbank {
    border: 5px solid #6c3d96;
}

    .selectbank::after {
        /* content: "▼"; */
        content: "\2713";
        text-align: center;
        line-height: 22px;
        border-radius: 50%;
        position: absolute;
        width: 24px;
        height: 24px;
        color: #fff;
        background: #6C3D96;
        bottom: -10px;
        font-weight: bold;
        font-size: 16px;
        pointer-events: none;
        left: 43%;
    }

.slidermar {
    margin-left: 20px;
}

.emi-table {
    width: 97%;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 48px;
    box-shadow: 0px 0px 4px #ccc;
    margin-top: 5px;
}

    .emi-table > tbody > tr:nth-of-type(2n+1) {
        background-color: #ECEDEE;
        height: 50px;
        line-height: 30px;
    }

    .emi-table > tbody > tr {
        background-color: #fff;
        height: 50px;
        line-height: 30px;
    }

    .emi-table > thead {
        background-color: #fff;
    }

.emitr1 {
    width: 100px;
}

.emi-table > thead > tr > th {
    font-family: Muli-SemiBold;
    font-size: 14px;
    color: #6C3D96;
}

.emibtn {
    text-align: center;
    margin: 1px 0px 3em 0px;
}

    .emibtn a {
        background-color: #6C3D96;
        padding: 8px 30px;
        font-size: 18px;
        color: #fff;
        border: none;
        width: 350px;
        display: block;
        text-align: center;
        word-wrap: break-word;
        text-decoration: none;
        margin: 0px auto;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .emibtn a:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

.fadeinput {
    opacity: 0.6;
}

.colorchange ul li input {
    color: #6C3D96;
}

.nobtn {
    background-color: #ECECEC;
    padding: 8px 10px;
    font-size: 18px;
    color: #3A2250;
    border: none;
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #eee;
    /*   box-shadow: 0px 1px 4px #ccc;*/
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .nobtn:hover {
        background-color: #eaeaea;
        border: 1px solid #f9f9f9;
        box-shadow: none;
        color: #3A2250;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.smslinkbox img {
    height: 150px;
}

.smslinkbox h2 {
    font-family: Muli-Bold;
    font-size: 20px;
    color: #6C3D96;
    text-align: center;
    margin-bottom: 10px;
}

.smslinkbox p {
    font-family: Muli-Regular;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
}

.pgtxntdetails {
    padding: 10px 40px;
    text-align: left;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 28%, rgba(205,148,255,0.41507941067051823) 100%);
    width: 100%;
    margin: 0 auto;
    /* border: 1px solid #ccc; */
}

.txtcard {
    margin: 0px 2em;
    box-shadow: 0px 1px 4px #b3b3b3;
}

.form-grouptxt {
    position: relative;
}

.pgbankenterbox {
    width: 90%;
    border-radius: 30px;
    margin: 0 auto;
    margin-bottom: 1em;
    background: rgb(108,61,150);
    background: linear-gradient(0deg, rgba(108,61,150,1) 0%, rgba(180,129,226,1) 100%);
}

    .pgbankenterbox ul {
        display: flow-root;
    }

        .pgbankenterbox ul li {
            float: left;
            width: 50%;
            text-align: center;
            height: 55px;
            position: relative;
        }

            .pgbankenterbox ul li:nth-child(1) {
                border-right: 1px solid #fff;
                padding-right: 10px;
            }

            .pgbankenterbox ul li p {
                font-family: Muli-Bold;
                font-size: 14px;
                color: #fff;
                padding: 4px 10px;
                margin-bottom: 0px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
            }

            .pgbankenterbox ul li img {
                height: auto;
                max-height: 36px;
                display: block;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                max-width: 80%;
                transform: translate(-50%, -50%);
            }

.emipgsucess {
    padding: 0px 2.2em;
    border-radius: 10px;
}

    .emipgsucess .pyttxt p {
        color: #6C3D96;
    }

    .emipgsucess h2 {
        color: #66C136;
        font-size: 29px;
    }

.logintxtlink {
    display: inherit !important;
    text-decoration: underline;
}
/* bank slider code end */


/* Brand Emi Section Coding Start */

.brandemishowtab {
    padding: 0.2em 0px 1.5em 0px;
}

.brandlist {
    padding: 1em 0px;
}

    .brandlist ul {
        padding-left: 0px;
        list-style-type: none;
        display: flow-root;
        margin-top: 0em;
    }

        .brandlist ul li {
            float: left;
        }

    .brandlist a {
        background-color: #fff;
        border-radius: 20px;
        width: 160px;
        height: 155px;
        margin: 10px;
        border: 2px solid #fff;
        text-align: center;
        padding: 0em 0px;
        display: block;
        box-shadow: 0px 1px 4px #ccc;
        position: relative;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .brandlist a:hover {
            border: 2px solid #6C3D96;
            color: #6C3D96;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

        .brandlist a img {
            height: auto;
            width: auto;
            max-height: 60px;
            padding: 0px 15px;
            margin: 0;
            position: absolute;
            top: 44%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .brandlist a .catelistproduct {
            height: auto;
            width: auto;
            margin: 0;
            position: absolute;
            top: 42%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 68px;
        }

        .brandlist a p {
            font-family: Muli-SemiBold;
            font-size: 14px;
            color: #000;
            bottom: -8px;
            position: absolute;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
            word-wrap: break-word;
            line-height: 16px;
        }


/* .kycbox .requiredbox{
  background:none;
} */

/*.brandemiproduct {
  width: 100%;
  padding: 1em 0px 2em 0px;
  margin-left: 20px;
}*/
.brandemiproduct {
    width: 100%;
    padding: 15px 0px 0em 0px;
    /*margin-left: 20px;*/
    display: flow-root;
    margin-bottom: 1em;
}

.emiproductbox {
    background-color: #fff;
    border-radius: 20px;
    /* width: 160px;
  height: 155px; */
    margin: 0px 20px 20px 0px;
    width: 31%;
    float: left;
    border: 2px solid #fff;
    text-align: center;
    padding: 0px 4px;
    display: flex;
    box-shadow: 0px 1px 4px #ccc;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .emiproductbox:hover {
        border: 2px solid #6C3D96;
        color: #6C3D96;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .emiproductbox ul {
        padding-left: 0px;
        margin-bottom: 0px;
        width: 100%;
        list-style-type: none;
    }

        .emiproductbox ul li:first-child {
            width: 30%;
            float: left;
            position: relative;
            height: 150px;
            margin: 0px;
        }

        .emiproductbox ul li:last-child {
            width: 70%;
            float: left;
            text-align: left;
        }

    .emiproductbox img {
        padding: 10px;
        width: auto;
        height: auto;
        max-height: 150px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.emiproductxt {
    padding-top: 0.5em;
}

    .emiproductxt h2 {
        font-family: Muli-SemiBold;
        color: #6C3D96;
        font-size: 20px;
        word-wrap: break-word;
    }

        .emiproductxt h2 span {
            font-family: Muli-light;
            color: #6C3D96;
            font-size: 14px;
            display: block;
            margin-bottom: 1px;
            word-wrap: break-word;
        }

    .emiproductxt p {
        font-family: Muli-ExtraLight;
        color: #272743;
        font-size: 13px;
        display: block;
        margin-bottom: 0px;
        word-wrap: break-word;
    }

.selectproductlist {
    text-align: center;
    padding: 0px 10px;
}

    .selectproductlist ul {
        padding-left: 0px;
        margin-bottom: 2px;
    }

    .selectproductlist img {
        width: auto;
        text-align: center;
        height: auto;
        max-height: 300px;
    }

    .selectproductlist ul li:nth-of-type(2n+1) {
        background-color: #E3E3E3;
        font-family: Muli-Bold;
        font-size: 14px;
        color: #272743;
        text-align: center;
        padding: 8px 0px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
    }

    .selectproductlist ul li {
        background-color: #f0f0f0;
        font-family: Muli-Regular;
        font-size: 14px;
        color: #272743;
        text-align: center;
        padding: 8px 0px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
    }

.selectproductprice {
    font-size: 25px;
    font-family: Muli-Bold;
    color: #4e4e4e;
    background-color: #fff;
    padding: 2px 0px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 1px 1px 1px #bdbdbd;
}


.searchschemebtn {
    text-align: center;
    margin: 0.5em 0px 2em 0px;
}

    .searchschemebtn a {
        background-color: #6C3D96;
        padding: 10px 30px;
        font-size: 22px;
        color: #fff;
        border: none;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        margin: 0px auto;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .searchschemebtn a:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }


/* Brand Emi Section Coding end */


/*Scheme table page code start */


.overview-mainbrandemi {
    width: 55%;
    margin: 0.5em auto 1em auto;
    text-align: center;
}

    .overview-mainbrandemi .overview-main {
        width: 72%;
    }

#dvPaymentLink {
    width: 72%;
    margin-top: -2px;
}

.overview-mainbrandemi .overview-main .formbox {
    padding: 0.5em 3em;
}


.schemetablebox {
    background-color: #fff;
    margin-bottom: 1em;
    width: 100%;
    display: flex;
    /*  box-shadow: 0px 2px 3px #b9b9b9;*/
}

.gridtable {
    width: 25%;
    float: left;
}


.emimobiletable {
    text-align: center;
}

    .emimobiletable ul {
        padding-left: 0px;
        margin-bottom: 2px;
        list-style-type: none;
    }

        .emimobiletable ul li:nth-of-type(2n+1) {
            background-color: #EBEBEB;
            font-family: Muli-Bold;
            font-size: 14px;
            color: #272743;
            text-align: center;
            padding: 8px 0px;
            margin-bottom: 0px;
        }

        .emimobiletable ul li {
            background-color: #fff;
            font-family: Muli-Regular;
            font-size: 12px;
            color: #272743;
            text-align: center;
            padding: 8px 0px;
            margin-bottom: 0px;
        }

.overview-mainbrandemi .Schemeboxmar {
    padding: 0.5em 10em 1em 10em;
}


.smsbox {
    width: 35%;
}

    .smsbox .formbox {
        padding: 1.5em 3em;
    }

/*Scheme table page code end */

/* Managed user section code start */

.manageuser-section {
    width: 100%;
    margin: 0 auto 0px 30px;
}

.bridcurmuser {
    padding: 1em 0.5em;
}

.formbtn {
    margin-top: 1em;
    margin-left: 0em;
}

#dvBrandDealerList {
    margin-top: 10px;
}

.formbtn a {
    background-color: #6C3D96;
    padding: 8px 30px;
    font-size: 18px;
    color: #fff;
    border: none;
    /* width: auto;
  display: block; */
    text-decoration: none;
    margin-top: 1.6em;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .formbtn a:hover {
        background-color: #6f28ad;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.manageuser-search {
    background-color: #fff;
    /*padding: 0.8em 2em 1.2em 2em;
    border-radius: 20px;*/
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #ccc;
    /*margin-top: 1.5em;*/
    margin-top: 10px;
    margin-bottom: 3em;
}

.marnonebtn {
    margin-bottom: 0px;
}

.mypromolistbox .transaction-box {
    border-top-left-radius: 0px;
}

.manageuser-search .search {
    background-color: #6C3D96;
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border: none;
    display: block;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-Regular;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.camerainfo {
    font-size: 10px;
    margin-top: 5px;
}

.manageuser-search .search:hover {
    background-color: #6f28ad;
    box-shadow: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.manageuser-search .overviewbtn {
    background-color: #eee;
    color: #333;
    /*box-shadow: 0px 1px 4px #ccc;*/
}

    .manageuser-search .overviewbtn:hover {
        background-color: #f1f1f1;
        box-shadow: none;
        color: #333;
    }

.manageuser-search .reset {
    background-color: #fff;
    padding: 8px 30px;
    font-size: 18px;
    color: #333;
    text-align: center;
    border: none;
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-Regular;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .manageuser-search .reset:hover {
        background-color: #eee;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


/* Managed user section code end */



/* login page error & validation code start */

form {
    width: 100%;
}

.loginerror {
    width: 100%;
    /* float: left; */
    margin-bottom: 15px;
    text-align: left;
    padding: 0px 10px;
    color: #f00;
    font-family: Muli-Regular;
    font-size: 12px;
    margin-bottom: 0px;
}

/* login page error & validation code end */



/* managed user table code start */
.manageuser-table {
    /*  margin-top: 10px;
  margin-bottom:1.5em;*/
    margin-top: -10px;
}

.responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    /*border-radius: 20px;*/
    border-radius: 0px;
    margin-bottom: 10px;
    border: 1px solid #167F92;
}

    .responstable tr {
        border: 1px solid #D9E4E6;
    }

    .responstable td {
        font-size: 14px;
        font-family: Muli-Regular;
        color: #3A2250;
    }

    .responstable tr th {
        font-weight: bold;
        font-family: Muli-Regular;
    }

    .responstable .actionbtn {
        background-color: #6C3D96;
        padding: 6px 18px;
        font-size: 14px;
        color: #fff;
        border: none;
        display: block;
        text-decoration: none;
        margin-top: 0em;
        border-radius: 30px;
        text-align: center;
        box-shadow: 0px 1px 4px #ccc;
        font-family: Muli-Regular;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .responstable .actionbtn:hover {
            background-color: #6b18b3;
            box-shadow: none;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }


    .responstable tr:nth-child(odd) {
        background-color: #f4f4f4;
    }


    .responstable th {
        display: none;
        border-right: 1px solid #FFF;
        background-color: #F7EEFF;
        color: #3A2250;
        padding: 1em;
        font-weight: normal;
    }

        .responstable th:last-child {
            border-right: none;
            width: 270px;
        }

        .responstable th:first-child {
            display: table-cell;
            text-align: left;
        }

        .responstable th:nth-child(2) {
            display: table-cell;
        }

            .responstable th:nth-child(2) span {
                display: none;
            }

            .responstable th:nth-child(2):after {
                content: attr(data-th);
            }

@media (min-width: 480px) {
    .responstable th:nth-child(2) span {
        display: block;
    }

    .responstable th:nth-child(2):after {
        display: none;
    }
}

.responstable td {
    display: block;
    word-wrap: break-word;
    max-width: inherit;
}

    .responstable td:first-child {
        display: table-cell;
        text-align: left;
        border-right: 1px solid #D9E4E6;
    }

@media (min-width: 480px) {
    .responstable td {
        border: 1px solid #D9E4E6;
    }
}

.responstable th, .responstable td {
    text-align: left;
    margin: .5em 1em;
}

@media (min-width: 480px) {
    .responstable th {
        display: table-cell;
        padding: 0.5em 2em;
    }

    .responstable td {
        display: table-cell;
        padding: 0.6em 2em;
    }
}

.marbtnmedium {
    margin-bottom: 8px;
}

.kycupload {
    width: 48%;
}

.bh-form .password-white {
    text-transform: uppercase;
}

.loginhomekyc {
    width: 60%;
    margin: 0 auto;
}

    .loginhomekyc p {
        text-align: center;
        margin: 11px 0px;
        font-family: Muli-Regular;
        color: #683992;
        font-size: 13px;
    }

    .loginhomekyc h2 {
        font-family: Muli-Bold;
        font-size: 15px;
        color: #683992;
        margin-bottom: 1em;
        text-transform: uppercase;
    }

    .loginhomekyc p a {
        text-align: center;
        margin: 5px 0px;
        color: #683992;
        font-family: Muli-Regular;
        text-decoration: underline;
        font-size: 13px;
    }

        .loginhomekyc p a:hover {
            text-decoration: none;
        }

    .loginhomekyc .form-group {
        margin-bottom: 1em;
    }


/* refresh button code start */

#refresh-button {
    border: none;
    width: 30px;
    height: 35px;
    line-height: 50px;
    background: none;
}

.refresh-start {
    height: 25px;
    margin-bottom: 5px !important;
}

.refresh-start {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: inherit;
}

.refresh-end {
    animation-play-state: paused !important;
}

#refresh-button {
    animation-play-state: running;
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

/* refresh button code end */

.loginbutton {
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #683992;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: Muli-Light;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    transition: 300ms;
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
}

    .loginbutton:hover {
        background-color: #7b3eb1;
        color: #fff;
    }

    .loginbutton img {
        height: 22px;
        float: left;
        margin-bottom: 0px !important;
    }

#errormsg .alert .close {
    position: relative;
    top: -2px;
    right: -5px;
    color: inherit;
}

#errormsg .alert .close {
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    #errormsg .alert .close:hover {
        opacity: 1.0;
    }

#errormsg {
    display: block;
}

    #errormsg .alert {
        margin-bottom: 0px;
        max-width: 450px;
        text-align: center;
        margin: 0 auto;
        font-family: Muli-Regular;
        font-size: 13px;
        padding: 10px 15px;
    }

    #errormsg button {
        right: 5px;
        position: absolute;
        font-size: 8px;
        top: 5px;
        background-color: #fff;
        width: 12px;
        height: 12px;
    }
/* #errormsg a {
  right: 7px;
  position: absolute;
  font-size: 22px;
  top: 5px;
  width: 12px;
  height: 12px;
  text-decoration: none;
  line-height: 7px;
  color: #666;
  font-weight: bold; 
} */



.errormsg .alert .close {
    position: relative;
    top: -2px;
    right: -5px;
    color: inherit;
}

.errormsg .alert .close {
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .errormsg .alert .close:hover {
        opacity: 1.0;
    }

.errormsg {
    display: block;
}

    .errormsg .alert {
        margin-bottom: 0px;
        max-width: 450px;
        text-align: center;
        margin: 0 auto;
        font-size: 16px;
        padding: 10px 15px;
    }

    .errormsg button {
        right: 5px;
        position: absolute;
        font-size: 8px;
        top: 5px;
        background-color: #fff;
        width: 12px;
        height: 12px;
    }

    .errormsg a {
        right: 7px;
        position: absolute;
        font-size: 22px;
        top: 5px;
        /* background-color: #fff; */
        width: 12px;
        height: 12px;
        text-decoration: none;
        line-height: 7px;
        color: #666;
        font-weight: bold;
    }

.loginmobile img {
    height: 25px;
    left: -5px;
}

/* managed user table code end */


/* transaction page code start */

.disableLink {
    text-decoration: none;
    background-color: #f1f1f1;
}

    .disableLink:hover {
        text-decoration: none;
        background-color: #f1f1f1;
    }

#pagingDiv {
    padding: 1px 0px 1px 0px;
}

.bonus-pagination .pagination {
    margin-bottom: 5px;
}

/*#pagingDiv a {
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #6C3D96;
    font-family: Muli-Bold;
    font-size: 14px;
    text-decoration: none;
}


        #pagingDiv a:hover {
            text-decoration: none;
            background-color: #f1f1f1;
        }

        #pagingDiv a:first-child {
            border-left: 1px solid #ccc;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        #pagingDiv a:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }*/


.activepagin {
    z-index: 3;
    color: #fff !important;
    background-color: #6C3D96;
    border-color: #6C3D96;
}

    .activepagin:hover {
        color: #fff;
        text-decoration: none;
        background-color: #6C3D96 !important;
    }

.transaction-heading {
    padding: 0.5em 0px 0em 0px;
}

.marnone {
    margin-right: 0px !important;
}

.transaction-box {
    background-color: #fff;
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px #ccc;
    margin-bottom: 2em;
}

.transactionfilter {
    padding-top: 11px;
    display: flow-root;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.manageuserfilter {
    display: flow-root;
    /*padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;*/
    padding: 5px 15px 10px 15px;
}

.transactionfilter .form-group {
    margin-bottom: 10px;
}

.transactionfilter .selectfilter {
    margin-bottom: 10px;
}

.transactionfilter .overviewbtn {
    margin: 0px auto;
    margin-bottom: 10px;
}

.transactionfilter .nobtn {
    margin: 0px auto;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 0px 1px 4px #ccc;
}

    .transactionfilter .nobtn:hover {
        box-shadow: none;
    }

.transactionfilter .settlebtn {
    padding: 10px 10px;
}

.transactionfilter ul {
    list-style-type: none;
    /* display: flex; */
    padding-left: 5px;
}
    /* .transactionfilter ul li:nth-child(1) {
  width: 50%;
  float: left;
}

.transactionfilter ul li:nth-child(2) {
  width: 50%;
  float: left;
} */

    .transactionfilter ul li {
        width: 50%;
        float: left;
    }

        .transactionfilter ul li:nth-child(1) {
            width: 35%;
            float: left;
        }

        .transactionfilter ul li:nth-child(2) {
            width: 65%;
            float: left;
        }

.menuarrow {
    text-align: center;
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 0px;
    width: 40px;
    height: 30px;
}

    .menuarrow img {
        height: 13px;
        position: relative;
        top: 7px;
    }

.transaction-heading h2 {
    color: #6C3D96;
    font-family: Muli-SemiBold;
    font-size: 18px;
    text-align: center;
    padding: 0px 15px;
}

.transaction-table {
    width: 100%;
    /* display: flex; */
    overflow: auto;
    max-height: 450px;
    /*margin-bottom: 10px;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .transaction-table::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .transaction-table::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


.dealtertblheading th {
    border-right: 1px solid #ccc;
}


.transaction-table table {
    margin-bottom: 5px;
}

.transaction-table thead {
    background: #F7EEFF;
    color: #3A2250;
    font-family: Muli-Regular;
    font-size: 14px;
    font-weight: normal;
    position: sticky;
    top: 0;
    z-index: 1;
}

    .transaction-table thead th {
        border-bottom: none;
    }

    .transaction-table thead tr th {
        padding: 0.5rem 0.5rem;
    }

.transaction-table tbody tr td {
    padding: 0.5rem 0.5rem;
    text-align: left;
}

.transaction-table tbody tr {
    border-bottom: 1px solid #ccc;
    font-family: Muli-Regular;
    font-size: 14px;
    color: #3A2250;
}

    .transaction-table tbody tr:last-child {
        border-bottom: 0px solid #fff;
    }

.transaction-table table tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: #f4f4f4;
}

.transaction-table table tbody tr {
    background-color: #fff;
}

.transid {
    font-family: Muli-Bold;
    font-size: 16px;
    color: #3A2250;
}

    .transid span {
        font-size: 12px;
        display: block;
        color: #555;
    }

.sucess span {
    color: #66C136;
    top: 4px;
    position: relative;
}

.sucess i {
    font-size: 16px;
    padding-right: 5px;
    color: #66C136;
    position: relative;
    top: 6px;
}

.failed span {
    color: #D80008;
    top: 4px;
    position: relative;
}

.failed i {
    font-size: 16px;
    padding-right: 5px;
    color: #D80008;
    position: relative;
    top: 6px;
}

.pending span {
    color: #E68C02;
    top: 4px;
    position: relative;
}

.pending i {
    font-size: 16px;
    padding-right: 5px;
    color: #E68C02;
    position: relative;
    top: 6px;
}

.settled span {
    color: #0096FF;
    top: 4px;
    position: relative;
}

.settled i {
    font-size: 16px;
    padding-right: 5px;
    color: #0096FF;
    position: relative;
    top: 6px;
}

.settled img {
    height: 18px;
    padding-right: 10px;
    position: relative;
    top: 2px;
}

.voided span {
    color: #ff61ea;
    top: 4px;
    position: relative;
}

.voided i {
    font-size: 16px;
    padding-right: 5px;
    color: #ff61ea;
    position: relative;
    top: 6px;
}

.trasnsearch {
    margin-bottom: 1px;
    margin-top: 0px;
}

    .trasnsearch input {
        border-radius: 20px;
        height: 45px;
    }

    .trasnsearch .input-group-cvv {
        left: 3px;
        top: 5px;
    }

        .trasnsearch .input-group-cvv img {
            height: 20px;
        }

    .trasnsearch .control-label {
        margin-top: -15px;
        margin-left: 50px;
    }

.selectfilter {
    position: relative;
}

    .selectfilter select {
        width: 100%;
        height: 45px;
        background-color: #fff;
        padding: 0px 12px;
        border: 1px solid #6C3D96;
        border-radius: 20px;
        font-size: 12px;
        color: #6C3D96;
        text-align: left;
        font-family: Muli-Bold;
        background: url(../images/caret-down-solid.svg) no-repeat 96% 55% #fff;
        -webkit-appearance: none;
    }

        .selectfilter select:focus {
            outline: none !important;
            border-color: #6C3D96;
            /* box-shadow: 0 0 10px #719ECE; */
        }

        .selectfilter select option {
            height: 45px;
            display: block;
            font-size: 16px;
            color: #6C3D96;
            text-align: left;
            /*font-family: Muli;*/
            font-family: system-ui;
            font: -moz-pull-down-menu;
        }

/*.selectfilter::after {
  content: "▼";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 30px;
  height: 24px;
  color: #6C3D96;
  background: #fff;
  right: 1px;
  top: 9px;
  pointer-events: none;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 30px;
}*/

.menufilter {
    /*  margin-right: 10px;*/
}

    .menufilter ul {
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 100%;
    }

        .menufilter ul li {
            float: initial !important;
            width: 100% !important;
            display: block;
            border-bottom: 1px solid #ccc;
        }

            .menufilter ul li:last-child {
                border: none;
            }

    .menufilter button {
        border: 2px solid #D6C2E8;
        padding: 5px 10px;
        width: 100%;
        font-size: 12px;
        color: #6C3D96;
        text-align: left;
        font-family: Muli-Bold;
        height: 50px;
        border-radius: 25px;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: #7c1cd6;
}

.menufilicon {
    text-align: center;
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 4px;
    width: 40px;
    height: 30px;
}

    .menufilicon img {
        height: 25px;
        position: relative;
        top: 10px;
    }

    .menufilicon i {
        /*height: 25px;*/
        font-size: 22px;
        position: relative;
        color: #6c3d96;
        top: 10px;
    }

.datebox {
    padding: 1px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 6px;
    display: flex;
}

    .datebox label {
        width: 25%;
        float: left;
        color: #6C3D96;
        font-family: Muli-Regular;
        font-size: 14px;
        top: 4px;
        position: relative;
        left: 5px;
    }

    .datebox input {
        width: 72%;
        float: left;
        padding: 8px 4px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 2px;
        font-size: 10px;
        font-family: Muli-Regular;
        color: #6C3D96;
    }

.dateicon {
    text-align: center;
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 0px;
    width: 40px;
    height: 30px;
}

    .dateicon img {
        height: 19px;
        position: relative;
        top: 3px;
    }

    .dateicon i {
        position: relative;
        top: 5px;
        font-size: 18px;
        color: #6c3d96;
    }

.dropdown-item {
    text-align: center;
    font-size: 14px;
    color: #6C3D96;
    font-family: Muli-Regular;
    padding: 8px 10px;
}

.sectionfix {
    margin: 0em 0em 0em 2em;
}

.breakupbtn {
    text-align: center;
    padding: 20px 0px;
}

    .breakupbtn a {
        background-color: #6C3D96;
        padding: 10px 16px;
        font-size: 14px;
        color: #fff;
        border-radius: 20px;
        text-decoration: none;
        position: relative;
        top: 1px;
        width: fit-content;
        display: flex;
        margin: 0 auto;
    }

.breakupback {
    border-bottom: 1px solid #ccc;
}

.breakupbtn a i {
    padding-right: 10px;
}

.breakupbody {
    overflow: auto;
}


/* transaction page code end */



/* pagination css code start */

.bonus-pagination {
    /*margin: 0 auto;*/
    width: fit-content;
}

    .bonus-pagination .page-link {
        color: #6C3D96;
        font-family: Muli-Bold;
        font-size: 14px;
    }

    .bonus-pagination .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #6C3D96;
        border-color: #6C3D96;
    }

/* pagination css code end */

.countertimer_timer {
    font-size: 14px;
    font-family: 'Muli-Regular';
    padding-top: 5px;
    color: #ff0000;
}


/* sattlement breakup page code start */
.breakup-main {
    width: 50%;
    margin: 0px auto;
    margin-bottom: 10px;
}

.colorblue {
    color: #6C3D96 !important;
}

.breakupbox {
    background-color: #fff;
    padding: 0.0em 0em;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #ccc;
    margin-bottom: 1.5em;
}

    .breakupbox thead {
        font-size: 16px;
    }

    .breakupbox tbody tr td {
        padding: 1.1rem 1.5rem;
    }

    .breakupbox tbody tr {
        font-size: 15px;
        color: #555;
    }

.innerpageheading {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px 0px;
    font-family: Muli-Regular;
    text-align: center;
    background-color: #DED5E7;
    padding: 1.5em 0px 1em 0px;
}

.career-box {
    width: 100%;
    margin: 0 auto;
    padding: 1em 2em;
}


.scrolltandc {
    overflow: auto;
    max-height: 400px;
    height: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .scrolltandc::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .scrolltandc::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.career-box p {
    font-size: 13px;
    font-family: Muli-Regular;
    color: #7E818C;
    padding-top: 0px;
    line-height: 20px;
    padding-bottom: 0em;
    text-align: justify;
}

.career-box h3 {
    font-size: 16px;
    font-weight: bold;
}

.career-box ul {
    list-style-type: circle;
    font-size: 13px;
    font-family: robot-thin;
    color: #616161;
}

.career-box li {
    line-height: 25px;
}

.career-box h4 {
    font-size: 20px;
    margin-top: 1em;
}

.promoapply {
    width: 130px;
    border: 1px solid #cccc;
    margin: 38px;
    font-size: 29px;
    height: 50px;
    line-height: 65px;
    border-radius: 15px;
    margin: 0.5em auto;
    background-color: #fff;
}

    .promoapply:hover {
        background-color: #eee;
    }

.promomar h2 {
    font-size: 25px;
    color: #6C3D96;
    margin: 0.8em 0px;
    text-transform: uppercase;
    font-family: Muli-SemiBold;
}

.promomar img {
    height: 130px;
    border: 1px solid #ccc;
    padding: 10px;
}

.promoapply label {
    position: relative;
    top: -16px;
    font-size: 20px;
    text-transform: uppercase;
}

.promomar {
    padding: 0.5em 8em 1em 8em;
}

.promobtnmar {
    margin: 0px 6em;
}

/* sattlement breakup page code end */


/* responsive menu code start */

.menucurson {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    padding-left: 2px;
    position: relative;
    top: 1px;
}

.sidenav .topmenuside {
    width: 100%;
    height: 46px;
    background-color: #6C3D96;
    /* background: linear-gradient(90deg, rgba(63,4,3,1) 0%, rgba(110,6,4,1) 48%, rgba(63,4,3,1) 100%); */
}

    .sidenav .topmenuside img {
        /* height: 25px; */
        position: relative;
        top: 10px;
        width: 100px;
        left: 10px;
    }

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #6C3D96;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    box-shadow: 0px 10px 10px #565555;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: -9px;
        right: 5px;
        font-size: 30px;
        margin-left: 0px;
        color: #fff;
    }

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 0px;
    }

        .sidenav a {
            font-size: 18px;
        }
}


.classy-navbar-toggler {
    margin: 0px 11px;
    margin-top: 9px;
}

    .classy-navbar-toggler .navbarToggler {
        display: inline-block;
        cursor: pointer
    }

        .classy-navbar-toggler .navbarToggler span {
            position: relative;
            background-color: #fff;
            border-radius: 3px;
            display: block;
            height: 2.2px;
            margin-top: 5px;
            padding: 0;
            -webkit-transition-duration: .1s;
            transition-duration: .1s;
            width: 28px;
            cursor: pointer
        }

.navbarToggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px
}

.navbarToggler.active span:nth-of-type(2) {
    opacity: 0
}

.navbarToggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -6px
}

.userProfile .usericon {
    width: 30px;
    height: 30px;
}


.menucurson {
    display: inline-block;
    cursor: pointer
}

    .menucurson span {
        position: relative;
        background-color: #fff;
        border-radius: 3px;
        display: block;
        height: 2.2px;
        margin-top: 5px;
        padding: 0;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        width: 28px;
        cursor: pointer
    }

    .menucurson.active span:nth-of-type(1) {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        top: 8px
    }

    .menucurson.active span:nth-of-type(2) {
        opacity: 0
    }

    .menucurson.active span:nth-of-type(3) {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        top: -6px
    }

.menuresponsive {
    background-color: #6C3D96;
}

    .menuresponsive ul {
        margin: 0px;
        padding: 0px;
        width: 170px;
    }

        .menuresponsive ul li {
            border-top: 1px solid #a264da;
        }

        .menuresponsive ul a {
            padding: 3px 10px;
            background-color: #6C3D96;
        }

            .menuresponsive ul a:hover {
                padding: 3px 10px;
                background-color: #7930b8;
            }

            .menuresponsive ul a b {
                font-size: 12px;
                color: #fff;
                font-family: Muli-Regular;
                font-weight: normal;
                padding-left: 8px;
                text-transform: uppercase;
                position: relative;
                top: -3px;
            }

            .menuresponsive ul a span {
                width: 25px;
                text-align: center;
                display: inline-block;
            }

            .menuresponsive ul a img {
                height: 20px;
                position: relative;
                top: -3px;
            }


.login {
    /*  background-image: url(../images/bg-new1.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
  background-position:center;*/
    background-image: url(../images/bg-new1.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: fixed;
    margin: 0 auto;
    background-position: center;
}

.login-form {
    /* padding: 10px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(-2%, -50%);
  border-radius: 20px;
  text-align: center;
  margin-bottom: 50px; */
    transform: translate(-2%, -50%);
    right: 1%;
    position: absolute;
    text-align: center;
    top: 45%;
}

    .login-form img {
        margin-bottom: 10px;
    }


/* responsive menu code end */


/* -------header dropdown menu code start---------- */

/*.userProfile .dropdown:hover>.dropdown-menu {
  display: block;
}

.userProfile .dropdown>.dropdown-toggle:active {
    pointer-events: none;
}*/

.userbtn button i {
    font-size: 16px;
}

.userbtn button {
    color: #fff;
    font-size: 14px;
    font-family: Muli-Regular;
    padding: 2px 10px;
    padding-bottom: 0px;
}

    .userbtn button:hover {
        color: #f1f1f1;
    }

    .userbtn button:focus {
        box-shadow: none;
    }

.userbtn .dropdown-menu {
    width: 245px;
    /* margin-left: -80px; */
    color: #fff;
    position: absolute;
    right: -12px;
    margin-top: -1px;
    background-color: #6c3d96;
}

.userbtn .dropdown-item {
    text-align: left;
    color: #fff;
}

    .userbtn .dropdown-item:focus, .userbtn .dropdown-item:hover {
        background-color: #9B6CC5;
    }

    .userbtn .dropdown-item i {
        padding-right: 10px;
    }

    .userbtn .dropdown-item span i {
        float: right;
        padding-right: 10px;
    }

/* -------header dropdown menu code end---------- */



.bonusonemenu .btn-group:hover > .dropdown-menu {
    display: block;
}

.bonusonemenu .btn-group > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.bonusonemenu .dropdown-menu-end {
    top: 39px;
    right: 0px;
}

.bonusonemenu .dropdown-toggle::after {
    display: none;
}

.bonusonemenu .dropdown-toggle {
    color: #fff;
    font-size: 14px;
    font-family: Muli-Regular;
    padding: 2px 10px;
    padding-bottom: 2px;
    padding-bottom: 0px;
    background-color: #6c3d96;
    border: none;
}

.bonusonemenu .usericon {
    width: 38px;
    height: 38px;
}

.bonusonemenu .dropdown-item {
    text-align: left;
    color: #fff;
}

    .bonusonemenu .dropdown-item:focus, .bonusonemenu .dropdown-item:hover {
        background-color: #9B6CC5;
    }

    .bonusonemenu .dropdown-item i {
        padding-right: 10px;
    }

.bonusonemenu .dropdown-menu {
    width: 245px;
    color: #fff;
    right: -10px;
    background-color: #6c3d96;
}


/* New Design Error notification code... */

.errormsgnew {
    width: 100%;
    font-size: 12px;
    padding: 5px 10px;
}

    .errormsgnew .alertnew {
        max-width: 350px;
        text-align: left;
        margin: 0 auto;
        font-family: Muli-Regular;
        font-size: 12px;
        /* padding: 10px 15px; */
        padding: 0px;
        background-color: #fff;
        box-shadow: 0px 0px 6px #ccc;
        border-radius: 5px;
        display: flex;
        position: relative;
    }

    .errormsgnew .closeerror {
        float: right;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        top: 6px;
        right: 15px;
        position: absolute;
    }

        .errormsgnew .closeerror:hover {
            opacity: 1.0;
        }


    .errormsgnew .erroricon {
        background-color: #7FBC3B;
        color: #fff;
        width: 35px;
        text-align: center;
        vertical-align: middle;
        height: 35px;
        line-height: 35px;
        display: block;
    }

    .errormsgnew .ermsgtext {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 5px;
        font-size: 11px;
        color: #666;
        font-family: Muli-SemiBold;
        width: 75%;
    }

.alertnew .success {
    background-color: #7EBB3F;
}

.alertnew .warning {
    background-color: #FED557;
}

.alertnew .error {
    background-color: #ff0000;
}

.alertnew .info {
    background-color: #00B9BC;
}


.errormsgnew2 .alertnew {
    border-radius: 26px;
    padding: 10px;
}

.errormsgnew2 .erroricon {
    border-radius: 50%;
    width: 25px;
    line-height: 24px;
    height: 24px;
}

.errormsgnew2 .closeerror {
    top: 10px;
}




.errormsgnew3 .erroricon {
    border-radius: 50%;
    width: 25px;
    line-height: 24px;
    height: 24px;
    color: #fff;
    background-color: rgb(255,255,255,0.3);
}



.errormsgnew3 .alertnew {
    border-radius: 0px;
    padding: 10px;
}

.errormsgnew3 .ermsgtext {
    color: #fff;
}

.errormsgnew3 .closeerror {
    color: #333;
    opacity: 0.3;
    top: 10px;
}

    .errormsgnew3 .closeerror:hover {
        color: #fff;
    }

.errormsgnew3 .success {
    background-color: #4CB050;
}

.errormsgnew3 .error {
    background-color: #FF5353;
}

.errormsgnew3 .warning {
    background-color: #FF9700;
}

.errormsgnew3 .info {
    background-color: #3DBFF1;
}


/*  */

.errormsgnew4 .alertnew {
    border-radius: 0px;
    padding: 5px 10px;
}

.errormsgnew4 .erroricon {
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 39px;
}

.errormsgnew4 .ermsgtext span {
    font-size: 13px;
    display: block;
    font-family: Muli-Bold;
}

.errormsgnew4 .ermsgtext {
    padding-left: 15px;
}


.errormsgnew4 .success {
    border-top: 3px solid #7EBB3F;
}

    .errormsgnew4 .success .erroricon {
        background-color: #7EBB3F;
    }

    .errormsgnew4 .success .ermsgtext span {
        color: #7EBB3F;
    }

.errormsgnew4 .error {
    border-top: 3px solid #ff0000;
}

    .errormsgnew4 .error .erroricon {
        background-color: #ff0000;
    }

    .errormsgnew4 .error .ermsgtext span {
        color: #ff0000;
    }

.errormsgnew4 .warning {
    border-top: 3px solid #FED557;
}

    .errormsgnew4 .warning .erroricon {
        background-color: #FED557;
    }

    .errormsgnew4 .warning .ermsgtext span {
        color: #FED557;
    }

.errormsgnew4 .info {
    border-top: 3px solid #00B9BC;
}

    .errormsgnew4 .info .erroricon {
        background-color: #00B9BC;
    }

    .errormsgnew4 .info .ermsgtext span {
        color: #00B9BC;
    }


.errormsgnew4 .closeerror {
    right: 8px;
}



.errormsgnew5 .alertnew {
    border-radius: 0px;
    padding: 5px 10px;
    border-left: 5px solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.errormsgnew5 .erroricon {
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 39px;
    font-size: 25px;
    background-color: #fff;
}

.errormsgnew5 .ermsgtext span {
    font-size: 13px;
    display: block;
    font-family: Muli-Bold;
}

.errormsgnew5 .closeerror {
    right: 10px;
}

.errormsgnew5 .ermsgtext {
    padding-left: 15px;
}

.errormsgnew5 .success {
    border-color: #7EBB3F;
}

    .errormsgnew5 .success .erroricon {
        color: #7EBB3F;
    }

.errormsgnew5 .error {
    border-color: #ff0000;
}

    .errormsgnew5 .error .erroricon {
        color: #ff0000;
    }

.errormsgnew5 .warning {
    border-color: #FED557;
}

    .errormsgnew5 .warning .erroricon {
        color: #FED557;
    }

.errormsgnew5 .info {
    border-color: #00B9BC;
}

    .errormsgnew5 .info .erroricon {
        color: #00B9BC;
    }


/*====== Code End ======*/



/* ============== BonusClub Dealer Module Css start ============== */


.promonumnotification {
    background-color: #ff0000;
    width: 35px;
    height: 34px;
    border-radius: 50%;
    display: block;
    color: #fff;
    font-family: Muli-Bold;
    font-size: 18px;
    padding-top: 3px;
    position: absolute;
    top: -12px;
    right: -12px;
    box-shadow: 0px 1px 3px #7a7a7a;
}

.scanepromofit {
    width: 500px;
    margin: 2em auto;
    padding: 1em 1em;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scaneprpic img {
    padding: 1em;
    border: 1px solid #ccc;
    background-color: #fff;
}

/*.scaneprpic video {
    width:100%;
}

.scaneprpic canvas {
    height:0px;
}
*/

.scaneprpic video {
    width: 100%;
    transform: scaleX(-1);
}

.scaneprpic canvas {
    display: none;
}

.imeiscanner canvas {
    display: none;
}

.imeiscanner video {
    width: 100%;
}



.voucherbackbtn {
    background-color: #472a61;
    padding: 8px 30px;
    font-size: 18px;
    color: #fff;
    border: none;
    /* border: 1px solid #fff; */
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .voucherbackbtn:hover {
        background-color: #6f28ad;
        box-shadow: none;
        /* border: 1px solid #ccc; */
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .voucherbackbtn i {
        padding-right: 10px;
    }

.mc {
    margin: 0 auto;
}

/*--*/

.activateopps {
    margin: 0.5em 10px;
    text-align: center;
}

    .activateopps i {
        font-size: 30px;
        color: #ff0000;
    }

    .activateopps span {
        text-align: center;
        display: block;
        font-size: 20px;
        color: #ff0000;
        font-family: Muli-SemiBold;
    }

    .activateopps p {
        text-align: center;
        font-size: 18px;
        color: #000;
        margin: 1em 0px 1em 0px;
        font-family: Muli-SemiBold;
    }

.activateoppsbtn {
    margin: 0px 1em;
}

.activateopps .note {
    text-align: center;
    font-size: 12px;
    color: #000;
    margin-bottom: 0px;
    font-family: Muli-Regular;
}

.activeprarrow i {
    color: #fff;
    font-size: 20px;
    padding-left: 10px;
}


.configurleftbtn {
    background-color: #ECECEC;
    padding: 8px 30px;
    font-size: 18px;
    color: #3A2250;
    border: none;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #ccc;
    /* box-shadow: 0px 1px 4px #ccc; */
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .configurleftbtn:hover {
        background-color: #eee;
        box-shadow: 0px 1px 8px #ccc;
        color: #3A2250;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .configurleftbtn i {
        font-size: 16px;
        position: relative;
        top: -2px;
    }

.configurrightbtn i {
    font-size: 18px;
    position: relative;
    top: 0px;
    padding-right: 10px;
}

.configurrightbtn {
    background-color: #6C3D96;
    padding: 8px 30px;
    font-size: 18px;
    color: #fff;
    border: none;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .configurrightbtn:hover {
        background-color: #6f28ad;
        box-shadow: none;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


.onloadcl .btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99;
}


.promoactivatefit {
    width: 90%;
    margin: 0 auto;
}

.voucher-template {
    /*background-color: #FFD524;*/
    border-radius: 10px;
    padding: 1em 2em;
    margin: 1em 2em;
    box-shadow: 0px 2px 4px #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.voucherboxleft {
    padding: 1px 1px;
}

    .voucherboxleft ul {
        padding-left: 0px;
        display: block;
        list-style-type: none;
    }

        .voucherboxleft ul li:first-child {
            width: 25%;
            float: left;
            text-align: center;
        }

        .voucherboxleft ul li:last-child {
            width: 75%;
            float: left;
        }

.voucherbrcode {
    background-color: #fff;
    margin: 5px 5px;
    text-align: center;
}

    .voucherbrcode img {
        height: auto;
        margin: 0 auto;
        width: auto !important;
    }

    .voucherbrcode h5 {
        font-family: Muli-Bold;
        font-size: 14px;
        color: #000;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.voucherdetails {
    padding: 1em 1em;
}

    .voucherdetails .voucherpics {
        height: 50px;
        width: auto !important;
    }

    .voucherdetails h3 {
        font-family: Muli-ExtraBold;
        font-size: 20px;
        color: #000;
        padding: 5px 0px;
        margin-bottom: 0px;
    }

    .voucherdetails p {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .voucherdetails .Short-Description {
        font-family: Muli-Bold;
        font-size: 14px;
        padding: 2px 5px 1px 0px;
        margin-bottom: 0px;
    }

    .voucherdetails h4 {
        font-family: Muli-Bold;
        font-size: 16px;
        color: #333;
        text-decoration: underline;
    }

.vouchervalidity {
    padding: 1px 2em;
    text-align: center;
}

    .vouchervalidity p {
        font-family: Muli-Bold;
        font-size: 12px;
        color: #000;
        margin-top: 1em;
        margin-bottom: 5px;
    }

    .vouchervalidity span {
        display: block;
        font-family: Muli-Bold;
        color: #000;
        font-size: 12px;
        padding: 6px 0px;
        border-radius: 25px;
        box-shadow: 0px 1px 3px #ccc;
        background-color: #fff;
    }

.vouchertemargin {
    margin: 0px 2em;
}

.voucherchosediv {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2px;
}

.prterm {
    font-family: Muli-Regular;
    color: #000;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    /*top: -10px;*/
}

.promoactive span {
    font-size: 16px;
}

.promoactive img {
    height: auto;
    min-height: 120px;
}

.media-type {
    font-family: Muli-Bold;
    font-size: 14px;
    padding: 5px 0px;
}

.onloadcl .modal-content {
    border-radius: 10px;
}


/*  */

.termconditionfit {
    background-color: #fff;
    padding: 1em 2em 1em 2em;
    border-radius: 20px;
    box-shadow: 0px 1px 3px #ccc;
    margin-bottom: 1.5em;
    width: 600px;
    margin: 0 auto;
}

.termlogo {
    text-align: center;
}

    .termlogo img {
        height: 50px;
    }

    .termlogo h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        width: 60%;
        margin: 10px auto;
        font-family: Muli-SemiBold;
    }

.termrow {
    border-top: 1px solid #ccc;
}

    .termrow input {
        cursor: pointer;
    }


.brandactive {
    margin-bottom: 10px;
}

.termhead {
    padding: 10px 0px;
}

    .termhead label {
        font-family: Muli-Bold;
        font-size: 12px;
        color: #767479;
    }

    .termhead p {
        font-family: Muli-SemiBold;
        font-size: 16px;
        color: #000;
        margin-bottom: 0px;
    }

.input-group-cvv i {
    font-size: 20px;
    position: relative;
    top: 8px;
    color: #6C3D96;
    left: -5px;
}

.dealercheck {
    display: flex;
    margin-top: 5px;
    margin-bottom: 1em;
}

    .dealercheck input {
        margin-right: 10px;
    }

    .dealercheck label {
        font-family: Muli-SemiBold;
        font-size: 11px;
        line-height: 18px;
        color: #000;
        cursor: pointer;
    }

.termcheckbtn {
    text-align: center;
    margin-bottom: 1em;
}

.introbtn {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    border: none;
    position: relative;
    top: 2em;
    border-radius: 30px;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .introbtn:hover {
        background-color: #8f46ce;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.termcheck a {
    position: initial;
}

.termlogo h4 {
    text-align: center;
    font-size: 20px;
    color: #000;
    padding: 0px 2em;
    margin: 15px auto;
    font-family: Muli-SemiBold;
}

/*  */



.merchantbonuspromo {
    margin: 1em 0px;
    padding-left: 20px;
}

    .merchantbonuspromo h2 {
        font-size: 25px;
        font-family: Muli-SemiBold;
        color: #6C3D96;
        margin: 0em 0px 10px 0px;
        padding: 0px 5px;
    }


.mcviewpromo {
    padding: 5px 10px;
    background-color: #fff;
    box-shadow: 0px 1px 4px #ccc;
    border-radius: 15px;
    text-align: center;
    border: 2px solid #3B9D6C;
    position: relative;
    display: block;
    margin-bottom: 1.5em;
    text-decoration: none;
    transition: transform .2s; /* Animation */
    transform: scale(1.0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .mcviewpromo:hover {
        transform: scale(1.05);
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


    .mcviewpromo .brandlogo {
        height: 40px;
        margin: 1.5em 0px 1.5em 0px;
        display: inline-flex;
        text-align: center;
    }

        .mcviewpromo .brandlogo img {
            min-height: 40px;
            margin: 0 auto;
        }

    .mcviewpromo a {
        display: block;
        background-color: #3B9D6C;
        padding: 6px 20px;
        color: #fff;
        margin: 0px 18px;
        text-align: center;
        font-size: 15px;
        border-radius: 20px;
        text-decoration: none;
        font-family: Muli-SemiBold;
        box-shadow: 0px 1px 4px #8a8a8a;
    }

        .mcviewpromo a:hover {
            box-shadow: none;
        }

    .mcviewpromo .btn {
        display: block;
        background-color: #3B9D6C;
        padding: 6px 20px;
        color: #fff;
        margin: 0px 18px;
        text-align: center;
        font-size: 15px;
        border-radius: 20px;
        text-decoration: none;
        font-family: Muli-SemiBold;
        box-shadow: 0px 1px 4px #8a8a8a;
    }


    .mcviewpromo p {
        text-align: center;
        font-family: Muli-SemiBold;
        font-size: 12px;
        color: #3B9D6C;
        margin: 10px 0px 5px 0px;
    }

        .mcviewpromo p span {
            float: right;
            color: #000;
            position: relative;
            right: 10px;
        }

.prnotactive {
    border: 2px solid #ff0000;
    margin-bottom: 1.5em;
}

    .prnotactive .btn {
        background-color: #ff0000;
    }

    .prnotactive p {
        color: #ff0000;
    }

/*--deaeler dashboard--*/


.customer-intro {
    height: auto;
    background-color: #F0F0F0;
    padding: 1em 0px;
}

.merchantdashboardfix {
    width: 96%;
    margin: 0 auto;
    margin-left: 50px;
}


.promolistingbox {
    border-radius: 20px;
    background-color: #fff;
    padding-bottom: 1.2em;
    margin: 10px;
    position: relative;
}

    .promolistingbox .nav-tabs {
        height: 40px;
    }

    /* .promolistingbox .dropdown {
  position: absolute;
  right: 10px;
  top: 8px;
} */

    .promolistingbox .dropdown {
        margin: 0 auto;
        width: 50%;
    }

    .promolistingbox .tab-content {
        display: contents;
    }

    .promolistingbox .nav-tabs li:first-child a {
        border-top-left-radius: 20px;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        border-bottom: 3px solid #000;
        color: #000;
        font-family: Muli-SemiBold;
        padding: 5px 40px;
    }

        .promolistingbox .nav-tabs .nav-link.active i {
            background-color: #000;
            width: 25px;
            height: 24px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 9px;
            line-height: 24px;
            position: relative;
            top: -1px;
            margin-right: 10px;
        }

    .promolistingbox .nav-tabs .nav-link {
        border-bottom: 3px solid #969696;
        color: #969696;
        font-family: Muli-SemiBold;
        padding: 5px 40px;
    }

        .promolistingbox .nav-tabs .nav-link i {
            background-color: #ccc;
            width: 25px;
            height: 24px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 9px;
            line-height: 24px;
            position: relative;
            top: -1px;
            margin-right: 10px;
        }
/*  */
.mypromodiv {
    background-color: #fffada;
}


.checkbox-dropdown {
    width: 40px;
    /* border: 1px solid #aaa; */
    padding: 0px 10px 6px 5px;
    position: relative;
    margin: auto 15px 0 auto;
    user-select: none;
    cursor: pointer;
}

    .checkbox-dropdown:hover {
        /* background-color: #f1f1f1; */
    }


    /* Display CSS arrow to the right of the dropdown text */
    .checkbox-dropdown:after {
        content: '';
        height: 0;
        position: absolute;
        width: 0;
        border: 6px solid transparent;
        border-top-color: #000;
        top: 50%;
        right: -8px;
        margin-top: -3px;
    }

    /* Reverse the CSS arrow when the dropdown is active */
    .checkbox-dropdown.is-active:after {
        border-bottom-color: #000;
        border-top-color: #fff;
        margin-top: -9px;
    }

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%; /* align the dropdown right below the dropdown text */
    border: inherit;
    border-top: none;
    left: -1px; /* align the dropdown to the left */
    right: -1px; /* align the dropdown to the right */
    opacity: 0; /* hide the dropdown */
    transition: opacity 0.4s ease-in-out;
    height: auto;
    /* overflow: scroll;
  overflow-x: hidden; */
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    pointer-events: none; /* avoid mouse click events inside the dropdown */
}

.is-active .checkbox-dropdown-list {
    opacity: 1; /* display the dropdown */
    pointer-events: auto; /* make sure that the user still can select checkboxes */
    z-index: 999;
}

.checkbox-dropdown-list li label {
    display: block;
    border-bottom: 1px solid silver;
    padding: 10px;
    font-size: 12px;
    transition: all 0.2s ease-out;
}

    .checkbox-dropdown-list li label input {
        margin-right: 20px;
        position: relative;
        top: 2px;
    }

    .checkbox-dropdown-list li label:hover {
        background-color: #6c3d96;
        color: #fff;
    }

.cuspromopadding {
    padding: 0px;
}

.customerpromolist {
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .customerpromolist::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .customerpromolist::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


[data-toggle="collapse"] .fa:before {
    content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

.customerpromolist .card-header {
    padding: .2rem 1rem;
}

    .customerpromolist .card-header button {
        width: 100%;
        text-align: left;
        text-decoration: none;
    }

        .customerpromolist .card-header button:focus {
            box-shadow: none;
        }

    .customerpromolist .card-header i {
        float: right;
        color: #000;
        position: relative;
        top: 7px;
    }

/*.card-header .btn-link i {
    transform: rotate(180deg);
}
.card-header .collapsed i {
    transform: rotate(-180deg);
}*/


.customerpromolist .card-body {
    padding: 0px;
}

.promoheading {
    display: flex;
    text-decoration: none;
}

    .promoheading img {
        margin-right: 10px;
    }

    .promoheading .cusproqr {
        height: 40px;
    }

    .promoheading .cusprologo {
        height: 40px;
    }

    .promoheading h2 {
        font-family: Muli-ExtraBold;
        color: #000;
        font-size: 16px;
        text-decoration: none;
        position: relative;
        top: 5px;
    }

        .promoheading h2 span {
            font-family: Muli-Regular;
            font-size: 14px;
            color: #444;
            padding-left: 20px;
        }

.mypromobox {
    background-color: #fff8d9;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.dashboardfixqr {
    padding: 5px 0px;
}

.promotermbar {
    padding: 0px 10px;
    text-align: center;
}

    .promotermbar a:hover {
        opacity: 0.9;
    }

    .promotermbar img {
        height: 100px;
        background-color: #fff;
        padding: 8px;
        /*    box-shadow: 0px 2px 4px #ccc;*/
    }

.newtcurl {
    padding-left: 5px;
}

    .newtcurl a {
        font-family: Muli-Regular;
        font-size: 10px;
        color: #333;
        text-decoration: none;
    }

        .newtcurl a:hover {
            text-decoration: underline;
        }

.promotermbar p {
    font-family: Muli-Regular;
    font-size: 10px;
    color: #333;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
}

.qrsmstext {
    font-family: Muli-Regular;
    font-size: 6px;
    color: #333;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px;
}

.promotermbar p a {
    font-family: Muli-Regular;
    font-size: 10px;
    color: #333;
    text-decoration: none;
}

    .promotermbar p a:hover {
        text-decoration: underline;
    }


.dashboardfixpromo {
    width: 100%;
    display: flow-root;
}

    .dashboardfixpromo .fixpromo1 {
        width: 60%;
        float: left;
    }

    .dashboardfixpromo .fixpromo2 {
        width: 40%;
        float: left;
    }

.frontqrdetails .vrlogo {
    height: 40px;
}

.frontqrdetails {
    padding-top: 10px;
}

    .frontqrdetails .promo-heading {
        font-family: Muli-ExtraBold;
        font-size: 18px;
        padding: 2px 5px 1px 5px;
        margin-bottom: 0px;
    }

    .frontqrdetails .Short-Description {
        font-family: Muli-Bold;
        font-size: 14px;
        padding: 2px 5px 1px 5px;
        margin-bottom: 0px;
    }

    .frontqrdetails .list-of-products {
        font-family: Muli-Regular;
        font-size: 12px;
        padding: 5px;
        text-decoration: underline;
        margin-bottom: 0px;
    }

        .frontqrdetails .list-of-products a {
            margin-left: 5px;
            text-decoration: none;
        }

.promodatebox {
    display: flow-root;
    text-align: center;
}

    .promodatebox p {
        font-family: Muli-Bold;
        font-size: 10px;
        margin: 10px 5px 5px 5px;
        text-transform: uppercase;
    }

    .promodatebox span {
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        padding: 10px 5px;
        border-radius: 50px;
        font-family: Muli-Bold;
        font-size: 14px;
        box-shadow: 0px 1px 3px #ccc;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
    }


.statusbtn {
    background-color: #fff;
    color: #66C136;
    margin-top: 0px;
    box-shadow: -2px 1px 3px #ccc;
    border: 1px solid #66C136;
}

    .statusbtn i {
        padding-right: 10px;
    }

    .statusbtn:hover {
        background-color: #66C136;
        color: #fff;
    }

.customerwishdiv {
    margin-top: 1em;
}

.customerfrontdiv {
    text-align: center;
    padding: 10px 0px;
    border-top: 1px solid #cdcdcd;
    margin-top: 0px;
    position: relative;
}

    .customerfrontdiv i {
        padding-right: 10px;
    }

.find-dealer-in-voucher {
    position: relative;
    width: fit-content;
    margin: 0px auto;
    margin-top: 0px;
    background-color: #6C3D96;
    padding: 8px 30px;
    text-align: center;
    border-radius: 50px;
    font-family: Muli-SemiBold;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    display: block;
}

    .find-dealer-in-voucher:hover {
        background-color: #7b3eb1;
        color: #fff;
    }

.redeemedbg {
    background-color: #f7f7fe;
}


.padright {
    padding-right: 0px;
}

.padleft {
    padding-left: 0px;
}


.merchantcalenderfit {
    height: auto;
}

.merchantdashbox {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 1em;
    box-shadow: 0px 1px 4px #ccc;
}


.calendergrid1 {
    width: 70%;
    float: left;
}

.calendergrid2 {
    width: 30%;
    float: left;
}

#calender {
    width: 300px;
    height: 300px;
    padding: 5px;
    background: #FFFFFF;
}

    #calender .nav {
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        background-color: #F5F2F8;
        border: 2px solid #DBDBDB;
    }

        #calender .nav button {
            background: #B8B2BE;
            border: none;
            outline: none;
            color: #FFFFFF;
            padding: 5px 8px;
            font-weight: 600;
            border-radius: 3px;
        }

table {
    border: 1px solid #DBDBDB;
    background: #F4F4F4;
    width: 100%;
    height: auto;
    font-size: 15px;
}

    table td {
        border: 1px solid #DBDBDB;
        padding: 5px;
        text-align: center;
        /* cursor: pointer; */
        vertical-align: middle;
    }

.normal {
    color: rgba(0,0,0,.8)
}

.closed {
    color: #DBDBDB;
    cursor: default;
}

.picked {
    background: green;
}

#month {
    display: inline-block;
}
/* merchante modual calender code end */

.merchantdashboardfix {
    width: 96%;
    margin: 0 auto;
    margin-left: 50px;
}

.salingbox {
    padding: 10px 5px;
    background-color: #ECECEC;
    border-radius: 15px;
    margin: 0em 0px 15px 0px;
    box-shadow: 0px 1px 4px #ccc;
}

    .salingbox p {
        font-family: Muli-SemiBold;
        color: #000;
        text-align: center;
        font-size: 13px;
        margin-bottom: 10px;
    }

        .salingbox p i {
            padding: 4px 5px;
            border-radius: 5px;
            margin-right: 5px;
            background-color: #fff;
            box-shadow: 0px 1px 3px #ccc;
        }

    .salingbox h3 {
        font-family: Muli-Bold;
        color: #000;
        margin: 10px 0px;
        text-align: center;
        font-size: 22px;
    }

    .salingbox span {
        font-family: Muli-Regular;
        color: #767479;
        text-align: center;
        font-size: 14px;
        display: block;
    }

        .salingbox span b {
            display: block;
            font-family: Muli-Regular;
            color: #767479;
            text-align: center;
            font-size: 12px;
        }

            .salingbox span b i {
                color: #000;
                margin-right: 5px;
            }


.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    font-size: 13px;
    padding: 2px 3px;
    width: 40%;
    margin: 0px 4px;
    border-radius: 3px;
    border: none;
    color: #000;
    background-color: #fff;
}


.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-size: 13px;
    padding: 2px 3px;
    width: 40%;
    margin: 0px 4px;
    border-radius: 3px;
    border: none;
    color: #000;
    background-color: #fff;
}

.ui-datepicker table {
    font-size: .9em;
    border-collapse: collapse;
}



#datepicker .ui-datepicker-inline {
    width: 100% !important;
    border: 1px solid #d9d9d9;
}

.ui-datepicker {
    width: 15em !important;
}

.ui-widget {
    font-size: 1.0em !important;
}


.merchantdashbox {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 1em;
    box-shadow: 0px 1px 4px #ccc;
}

.merchant-training {
    padding: 0px;
}

.traininglist {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    text-decoration: none;
}

    .traininglist:hover {
        color: #000;
        background-color: #f1f1f1;
    }

    .traininglist .icon {
        width: 50px;
        color: #767479;
        font-size: 30px;
        text-align: center;
    }

        .traininglist .icon i {
            position: relative;
            top: 5px;
        }

    .traininglist .content {
        width: 75%;
    }

        .traininglist .content p {
            font-size: 16px;
            font-family: Muli-SemiBold;
            color: #000;
            margin-bottom: 0px;
            position: relative;
            top: 6px;
        }

        .traininglist .content span {
            font-size: 10px;
            font-family: Muli-Regular;
            color: #999;
            display: block;
            line-height: 15px;
            margin-top: 10px;
        }

    .traininglist .arrow {
        font-size: 27px;
        position: relative;
        right: 0px;
        width: 47px;
        text-align: center;
    }

        .traininglist .arrow i {
            position: relative;
            top: 5px;
            color: #767479;
        }

.merchant-training .traininglist:last-child {
    border-bottom: none;
}

.cusfiltericon {
    height: 20px;
    position: relative;
    right: -5px;
}


.input-group-imei {
    text-align: center;
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 6px;
    width: 40px;
    height: 20px;
    font-size: 25px;
}


.form-group .imei {
    height: 50px;
    font-size: 14px;
    color: #6C3D96;
    width: 100%;
    padding-left: 20px;
    border: 2px solid #D6C2E8;
    border-radius: 30px;
    font-family: Muli-Regular;
}

.selectproductlist {
    text-align: center;
    padding: 0px 10px;
    /* height: 400px; */
    position: relative;
}


/* ---dealer emi page--- */




.brandemi-productview {
    width: 90%;
    margin: 1em auto 2em;
    text-align: center;
}

.product-overview {
    width: 60%;
    margin: 1em auto 2em;
    text-align: center;
}




.brandemilistfix {
    text-align: center;
    padding: 0px 10px;
    height: auto;
    position: relative;
    margin-top: 30px;
}

    .brandemilistfix ul {
        padding-left: 0px;
        margin-bottom: 2px;
        list-style-type: none;
    }

    .brandemilistfix img {
        margin: 0;
        position: absolute;
        top: 45%;
        left: 50%;
        max-height: 400px;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .brandemilistfix ul li:nth-of-type(2n+1) {
        background-color: #E3E3E3;
        font-family: Muli-Bold;
        font-size: 14px;
        color: #272743;
        text-align: center;
        padding: 8px 10px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
        word-wrap: break-word;
    }

    .brandemilistfix ul li {
        background-color: #f0f0f0;
        font-family: Muli-Regular;
        font-size: 13px;
        color: #272743;
        text-align: center;
        padding: 8px 10px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
        word-wrap: break-word;
        min-height: 40px;
        line-height: 25px;
    }


.selectproductlist {
    text-align: center;
    padding: 0px 10px;
    height: 430px;
    position: relative;
}

    .selectproductlist ul {
        padding-left: 0px;
        margin-bottom: 2px;
    }

    .selectproductlist img {
        margin: 0;
        position: absolute;
        top: 45%;
        left: 50%;
        max-height: 400px;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .selectproductlist ul li:nth-of-type(2n+1) {
        background-color: #E3E3E3;
        font-family: Muli-Bold;
        font-size: 14px;
        color: #272743;
        text-align: center;
        padding: 8px 10px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
        word-wrap: break-word;
    }

    .selectproductlist ul li {
        background-color: #f0f0f0;
        font-family: Muli-Regular;
        font-size: 13px;
        color: #272743;
        text-align: center;
        padding: 8px 10px;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #bdbdbd;
        margin-bottom: 0px;
        word-wrap: break-word;
        min-height: 40px;
        line-height: 25px;
    }

.selectproductprice {
    font-size: 25px;
    font-family: Muli-Bold;
    color: #4e4e4e;
    background-color: #fff;
    padding: 2px 0px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 1px 1px 1px #bdbdbd;
}


.searchschemebtn {
    text-align: center;
    margin: 0.5em 0px 2em 0px;
}

    .searchschemebtn a {
        background-color: #6C3D96;
        padding: 10px 30px;
        font-size: 22px;
        color: #fff;
        border: none;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        margin: 0px auto;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .searchschemebtn a:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }


.selectproductpriceinputbp {
    font-size: 20px;
    font-family: Muli-Bold;
    color: #6c3d96;
    background-color: #fff;
    padding: 6px 0px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 1px 1px 1px #bdbdbd;
    border: none;
    width: 100%;
    margin-bottom: 0em;
}


    .selectproductpriceinputbp:focus-visible {
        border-color: #6c3d96;
        outline-color: #6c3d96;
    }


.radiobtnemi {
    padding: 10px 2em;
    margin-bottom: 2em;
    font-family: Muli-Bold;
    font-size: 15px;
}

    .radiobtnemi .form-check {
        text-align: left;
    }

        .radiobtnemi .form-check input {
            margin-right: 10px;
        }


.merchantemibox {
    margin-bottom: 1em;
    margin-left: 25px;
}

.emiboxbgfit {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px #ccc;
    z-index: -0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

    .emiboxbgfit .emi-table {
        /* margin-left: 0px; */
        width: 95%;
        margin: 15px auto;
        /* margin-top: 10px; */
    }

    .emiboxbgfit .slidermar {
        width: 90%;
        margin: 0 auto;
    }

    .emiboxbgfit .owl-carousel {
        height: 125px;
    }

.emiselectbanktable {
    padding-bottom: 10px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    /* background-color: #fff!important; */
    background-color: transparent !important;
}


/* ---- */



/* merchant payment settlement table code start */

.merchantpaysetletable {
    margin: 1em 0px 0px 0px;
}

    .merchantpaysetletable .tab-content {
        padding: 0px;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        background-color: #F4E8FF;
        color: #6C3D96;
        font-family: Muli-Bold;
        font-size: 14px;
        padding: 14px 20px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border: none;
        opacity: 1.0;
        /*box-shadow: 0px 0px 9px #b8b8b8;*/
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        background-color: #fff;
        color: #333;
        font-size: 14px;
        font-family: Muli-Bold;
        padding: 14px 20px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border: none;
        opacity: 0.6;
        margin-right: 0px;
        box-shadow: 0px 0px 3px #b8b8b8;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .merchantpaysetletable .nav-tabs .nav-link:hover {
            background-color: #F4E8FF;
            color: #6C3D96;
            opacity: 0.8;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

    .merchantpaysetletable .nav-tabs {
        margin-bottom: 3px;
        border-bottom: none;
        margin-left: 0px;
    }

    .merchantpaysetletable .breakupbtn a {
        top: 1px;
    }

/* merchant payment settlement table code end */




/* ---Dealer Profile code css start--- */



/* ======promo final configure tabs code start========= */

.finalconfigur-promo {
    margin: 0.5em 0px 2em 1.7em;
}

    .finalconfigur-promo .tab-pane {
        padding: 0px;
    }

.multitabs {
    background-color: #fff;
}

.finalconfigur-promo .configuretabs {
    width: 20%;
    float: left;
    padding: 10px 0px;
    margin-bottom: 0px;
    background-color: #f4e8ff;
    box-shadow: 0px 1px 4px #b8b8b8;
}

.finalconfigur-promo .tab-content {
    width: 80%;
    float: left;
    background-color: #fff;
    position: relative;
    display: inline-table;
}

.configuretabs ul {
    height: fit-content;
}

.customerqrpopdiv {
    text-align: center;
}

    .customerqrpopdiv img {
        height: auto;
        max-height: 450px;
        min-height: 200px;
    }

.configuretabs li {
    width: 100%;
    height: 50px;
}

.configuretabs .nav-link {
    color: #6C3D96;
    font-family: Muli-Regular;
    font-size: 14px;
    margin-left: 5px;
}

    .configuretabs .nav-link.active {
        color: #6C3D96;
        font-family: Muli-Bold;
        font-size: 14px;
        margin-left: 5px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        box-shadow: 0px 2px 4px #ccc;
    }

.customerprofiledashboard .multitabs {
    min-height: 600px;
}

.multitabs {
    width: 100%;
    display: flex;
    min-height: 520px;
}


.finalconfigur-promo .tab-content .tabsbox {
    height: 510px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .finalconfigur-promo .tab-content .tabsbox::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .finalconfigur-promo .tab-content .tabsbox::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.tabsbox {
    padding: 1em 2em;
    position: relative;
    /* height: 600px;
  overflow: auto;
  overflow-x: hidden; */
}

.fmar {
    margin: 7px 0px;
    font-size: 12px;
}

.brandprofilefix .input-group-cvv img {
    top: 10px;
}


.brandprofilebr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    margin-top: 10px;
}

.uploadprofile {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .uploadprofile ul {
        display: flex;
        padding: 0px;
        margin-bottom: 0px;
        list-style-type: none;
    }

        .uploadprofile ul li {
            width: 30%;
            float: left;
        }

            .uploadprofile ul li:last-child {
                width: 70%;
                float: left;
                margin-left: 5px;
            }

    .uploadprofile .file {
        border: 1px solid #ccc;
        width: 60px;
        text-align: center;
        height: 59px;
        background-color: #fff;
        border-radius: 50%;
        display: block;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        margin: 0px auto;
    }

        .uploadprofile .file img {
            height: 22px;
            position: relative;
            top: 16px;
            cursor: pointer;
        }

        .uploadprofile .file input {
            position: absolute;
            font-size: 50px;
            opacity: 0;
            right: 0;
            top: 0;
        }

    .uploadprofile button {
        background-color: #472a61;
        padding: 10px 30px;
        font-size: 14px;
        color: #fff;
        border: none;
        margin-top: 8px;
        width: fit-content;
        border-radius: 30px;
        font-family: Muli-SemiBold;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .uploadprofile button:hover {
            background-color: #6f28ad;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

.customerprofiledashboard .tab-content .tabsbox {
    min-height: 650px;
}
/*=========promo configure tabs end==============================*/


.loginhomekyc .description {
    font-size: 12px;
    text-align: left;
    color: #000;
    padding-left: 20px;
}

/* ---Dealer Profile code css end--- */


.promoeditipopup {
    background: none;
    border: none;
    color: #666;
    font-size: 11px;
    text-decoration: none;
}

    .promoeditipopup i {
        float: initial !important;
        font-size: 15px;
        padding-left: 5px;
        position: relative;
        top: 2px;
    }

    .promoeditipopup:hover {
        color: #6C3D96;
        text-decoration: underline;
    }

.configure-prolist {
    padding: 0px 0px;
}

    .configure-prolist ul {
        margin-left: 0px;
        list-style-type: disc;
        margin-bottom: 0px;
    }

        .configure-prolist ul li {
            list-style-type: disc;
            color: #6C3D96;
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 6px;
            font-family: Muli-SemiBold;
        }


.editpromoinfo h2 {
    font-family: Muli-SemiBold;
    font-size: 18px;
    color: #6C3D96;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.editinfobox .modal-header {
    background-color: #6C3D96;
    padding: 5px 10px;
}

.editinfobox .modal-content {
    border: none;
}

#breakupsettlepop .modal-header .modal-title {
    text-align: center;
    width: 95%;
}

.editinfobox .modal-header .modal-title {
    text-align: center;
    width: 100%;
    font-family: Muli-SemiBold;
    font-size: 18px;
    color: #fff;
}

.editinfobox .modal-header .close {
    background: none;
    color: #fff;
    opacity: 0.7;
    border: none;
}

    .editinfobox .modal-header .close:hover {
        background: none;
        color: #fff;
        opacity: 1.0;
    }


.editinfobox .modal-body {
    background-color: #F2E3FF;
    /*background-color: #fff;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.popupmode .close {
    width: 20px;
    float: right;
    position: absolute;
    right: 7px;
    background-color: #fff;
    border: none;
    z-index: 999;
    font-weight: bold;
    color: #555;
    font-size: 22px;
}






/* New Design Error notification code... */

.errormsgnew {
    width: 100%;
    font-size: 12px;
    padding: 5px 10px;
    margin-top: 5px;
}

    /* .errormsgnew .alertnew {
  max-width: 350px;
  text-align: left;
  margin: 0 auto;
  font-family: Muli-Regular;
  font-size: 12px;
  background-color: #fff;
  box-shadow: 0px 0px 6px #ccc;
  display:flex;
  position: relative;
  border-radius: 0px;
  padding: 5px 10px;
  border-left: 5px solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
} */

    .errormsgnew .alertnew {
        /* max-width: 350px; */
        max-width: fit-content;
        width: fit-content;
        text-align: left;
        margin: 0 auto;
        font-family: Muli-Regular;
        font-size: 12px;
        background-color: #fff;
        box-shadow: 0px 0px 6px #ccc;
        display: flex;
        position: relative;
        border-radius: 0px;
        padding: 5px 10px;
        border-left: 5px solid;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .errormsgnew .closeerror {
        float: right;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        top: 15px;
        right: 10px;
        position: absolute;
        z-index: 999;
    }

        .errormsgnew .closeerror:hover {
            opacity: 1.0;
        }


    .errormsgnew .erroricon {
        color: #fff;
        text-align: center;
        vertical-align: middle;
        display: block;
        border-radius: 50%;
        width: 30px;
        line-height: 40px;
        height: 39px;
        font-size: 25px;
        background-color: #fff;
    }

.fixertxt {
    position: relative;
}

.errormsgnew .ermsgtext {
    /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
    padding-left: 10px;
    font-size: 12px;
    color: #666;
    font-family: Muli-SemiBold;
    width: 95%;
    padding-right: 25px;
    display: block;
    /* position: static; */
    max-width: 500px;
    min-width: fit-content;
    /* padding-top: 5px; */
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ermsgtext span {
    font-size: 13px;
    display: block;
    font-family: Muli-Bold;
    word-break: break-word;
    text-transform: lowercase;
}

    .ermsgtext span::first-letter {
        text-transform: capitalize;
    }

.errormsgnew .success {
    border-color: #7EBB3F;
}
/* .success .erroricon {
  color: #7EBB3F;
} */
.success .erroricon {
    color: #7EBB3F;
    background-image: url(../images/circle-check-regular.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.errormsgnew .warning {
    border-color: #FED557;
}

.warning .erroricon {
    color: #FED557;
    background-image: url(../images/warring-msgicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.errormsgnew .error {
    border-color: #ff0000;
}

.error .erroricon {
    color: #ff0000;
    background-image: url(../images/error-msgicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.errormsgnew .info {
    border-color: #00B9BC;
}

.info .erroricon {
    color: #00B9BC;
    background-image: url(../images/info-msgicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*====== Code End ======*/

.owl-carousel .owl-stage-outer {
    margin-left: 13px;
}

.promonodata {
    width: -moz-available;
    text-align: center;
    margin: 15px;
    font-size: 26px;
    border: 1px dashed #888;
    background-color: #fff;
    display: inline flow-root list-item;
    padding: 1em 0px;
    list-style: none;
    width: -webkit-fill-available;
}

    .promonodata img {
        height: 80px;
    }

    .promonodata h3 {
        font-size: 20px;
        color: #000;
        opacity: 0.8;
        /*        margin-top: 10px;*/
        margin: 0px;
        font-family: Muli-Bold;
    }

        .promonodata h3 span {
            font-size: 14px;
            color: #999;
            padding-top: 6px;
            display: block;
            font-family: Muli-SemiBold;
        }



.qrscanpopup {
    text-align: left;
    padding-left: 30px !important;
}

    .qrscanpopup li {
        text-align: left !important;
        width: 100% !important;
    }



/* ============== BonusClub Dealer Module Css ENDDD ============== */




/* ============== BonusClub Dealer profile & smsqr page css starrt ============== */


.commercialbox {
    padding: 5px;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .commercialbox h2 {
        font-family: Muli-Bold;
        font-size: 23px;
        color: #6c3d96;
    }


    .commercialbox h3 {
        font-family: Muli-Regular;
        font-size: 22px;
        color: #6c3d96;
        ;
    }


    .commercialbox ul {
        font-family: Muli-Regular;
        font-size: 14px;
    }

        .commercialbox ul li {
            list-style-type: disc;
            line-height: 25px;
        }

.examplebox {
    background-color: #F4E8FF;
    padding: 10px 12px;
    border-radius: 20px;
    border: 2px solid #6c3d96;
    box-shadow: 0px 2px 7px #b3b3b3;
}

    .examplebox p {
        font-family: Muli-Bold;
        font-size: 16px;
        color: #000;
    }

.formula {
    text-align: center;
}

    .formula img {
        max-height: 120px;
    }

/*----*/


.qrsmsinfo {
    padding: 0px;
    margin-top: 1em;
}

    .qrsmsinfo ol {
        margin-left: 0px;
        padding-left: 0px;
    }

        .qrsmsinfo ol li {
            /* list-style: number; */
            text-align: left;
            font-size: 18px;
            color: #6C3D96;
            font-family: Muli-Regular;
            line-height: 30px;
        }

    .qrsmsinfo p {
        font-size: 10px;
        font-family: Muli-Regular;
        color: #333;
        margin-top: -5px;
        text-align: left;
        width: 55%;
    }

    .qrsmsinfo ol li .info1 {
        width: 50%;
        display: inline-table;
    }

    .qrsmsinfo ol li .info2 {
        font-family: Muli-Bold;
        width: 10%;
        display: inline-table;
        text-align: center;
    }

    .qrsmsinfo ol li .info3 {
        font-family: Muli-Bold;
        float: right;
        width: 35%;
    }

.qrsmschecked {
    margin-bottom: 5px;
    text-align: left;
}

    .qrsmschecked label {
        font-size: 11px !important;
        margin-bottom: 1em;
        line-height: 15px !important;
        padding-left: 0px !important;
    }

.qrsmsimg img {
    height: 120px;
}



/* ============== BonusClub Dealer profile & smsqr page css end ============== */






/*===================BONUSClub dashboard Promo background Css start==========================*/





.vcolor0 {
    background-color: #fff !important;
}

.vcolor1 {
    background-color: #ff0000 !important;
}

    .vcolor1 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor1 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor1 .voucherdetails p {
        color: #fff;
    }

    .vcolor1 .prterm {
        color: #fff;
    }

    .vcolor1 .voucherdetails button i {
        color: #fff !important;
    }

    .vcolor1 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor2 {
    background-color: #7CC534 !important;
}

    .vcolor2 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor2 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor2 .voucherdetails p {
        color: #fff;
    }

    .vcolor2 .prterm {
        color: #fff;
    }

    .vcolor2 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor2 .vouchervalidity p {
        color: #fff !important;
    }

.vcolor3 {
    background-color: #25B1F7 !important;
}

    .vcolor3 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor3 .voucherdetails p {
        color: #fff;
    }

    .vcolor3 .prterm {
        color: #fff;
    }

    .vcolor3 .voucherdetails h4 button {
        color: #fff !important;
    }

        .vcolor3 .voucherdetails h4 button i {
            color: #fff;
        }

    .vcolor3 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor4 {
    background-color: #FA9300 !important;
}

    .vcolor4 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor4 .voucherdetails p {
        color: #fff;
    }

    .vcolor4 .prterm {
        color: #fff;
    }

    .vcolor4 .voucherdetails h4 button {
        color: #fff !important;
    }

        .vcolor4 .voucherdetails h4 button i {
            color: #fff;
        }

    .vcolor4 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor5 {
    background-color: #4A4A4A !important;
}

    .vcolor5 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor5 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor5 .voucherdetails p {
        color: #fff;
    }

    .vcolor5 .prterm {
        color: #fff;
    }

    .vcolor5 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor5 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor6 {
    background-color: #9B0C5A !important;
}

    .vcolor6 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor6 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor6 .voucherdetails p {
        color: #fff;
    }

    .vcolor6 .prterm {
        color: #fff;
    }

    .vcolor6 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor6 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor7 {
    background-color: #C30E2A !important;
}

    .vcolor7 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor7 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor7 .voucherdetails p {
        color: #fff;
    }

    .vcolor7 .prterm {
        color: #fff;
    }

    .vcolor7 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor7 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor8 {
    background-color: #FFD524 !important;
}

.vcolor9 {
    background-color: #1DAD85 !important;
}

    .vcolor9 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor9 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor9 .voucherdetails p {
        color: #fff;
    }

    .vcolor9 .prterm {
        color: #fff;
    }

    .vcolor9 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor9 .vouchervalidity p {
        color: #fff !important;
    }


.vcolor10 {
    background-color: #05868A !important;
}

    .vcolor10 .voucherdetails h3 {
        color: #fff !important;
    }

    .vcolor10 .voucherdetails h4 button {
        color: #fff !important;
    }

    .vcolor10 .voucherdetails p {
        color: #fff;
    }

    .vcolor10 .prterm {
        color: #fff;
    }

    .vcolor10 .voucherdetails h4 button i {
        color: #fff;
    }

    .vcolor10 .vouchervalidity p {
        color: #fff !important;
    }




.vpattern1 {
    background-image: url(../images/pattern1.png);
}

    .vpattern1 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern1 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern1 .voucherdetails h4 button {
        color: #333;
    }




.vpattern2 {
    background-image: url(../images/pattern2.png);
}

    .vpattern2 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern2 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern2 .voucherdetails h4 button {
        color: #333;
    }


.vpattern3 {
    background-image: url(../images/pattern3.png);
}

    .vpattern3 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern3 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern3 .voucherdetails h4 button {
        color: #333;
    }


.vpattern4 {
    background-image: url(../images/pattern4.png);
}

    .vpattern4 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern4 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern4 .voucherdetails h4 button {
        color: #333;
    }



.vpattern5 {
    background-image: url(../images/pattern5.png);
}

    .vpattern5 .voucherdetails h4 button {
        color: #333;
    }


.vpattern6 {
    background-image: url(../images/pattern6.png);
}

    .vpattern6 .voucherdetails h4 button {
        color: #333;
    }

.vpattern7 {
    background-image: url(../images/pattern7.png);
}

    .vpattern7 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern7 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern7 .voucherdetails h4 button {
        color: #333;
    }


.vpattern8 {
    background-image: url(../images/pattern8.png);
}

    .vpattern8 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern8 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern8 .voucherdetails h4 button {
        color: #333;
    }



.vpattern9 {
    background-image: url(../images/pattern9.png);
}

    .vpattern9 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern9 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern9 .voucherdetails h4 button {
        color: #333;
    }




.vpattern10 {
    background-image: url(../images/pattern10.png);
}

    .vpattern10 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vpattern10 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vpattern10 .voucherdetails h4 button {
        color: #333;
    }



.vmixclr1 {
    background-image: url(../images/mixcolorbg1.png);
}

    .vmixclr1 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr1 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr1 .voucherdetails h4 button {
        color: #333;
    }

    .vmixclr1 .voucherdetails h4 i {
        color: #333;
    }

.vmixclr2 {
    background-image: url(../images/mixcolorbg2.png);
}

    .vmixclr2 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr2 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr2 .voucherdetails h4 button {
        color: #333;
    }

    .vmixclr2 .voucherdetails h4 i {
        color: #333;
    }


.vmixclr3 {
    background-image: url(../images/mixcolorbg3.png);
}

    .vmixclr3 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr3 .vouchervalidity span {
        border: 1px solid #ccc;
    }

.vmixclr4 {
    background-image: url(../images/mixcolorbg4.png);
}

    .vmixclr4 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr4 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr4 .voucherdetails h4 button {
        color: #333;
    }

    .vmixclr4 .voucherdetails h4 i {
        color: #333;
    }


.vmixclr5 {
    background-image: url(../images/mixcolorbg5.png);
}

    .vmixclr5 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr5 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr5 .voucherdetails h4 button {
        color: #333;
    }

    .vmixclr5 .voucherdetails h4 i {
        color: #333;
    }


.vmixclr6 {
    background-image: url(../images/mixcolorbg6.png);
}

    .vmixclr6 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr6 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr6 .voucherdetails h3 {
        color: #fff;
    }

    .vmixclr6 .voucherdetails p {
        color: #fff;
    }

    .vmixclr6 .prterm {
        color: #fff;
    }

    .vmixclr6 .voucherdetails h4 {
        color: #fff;
    }

    .vmixclr6 .voucherdetails button {
        color: #fff;
    }

    .vmixclr6 .voucherdetails h4 button i {
        color: #fff;
    }

    .vmixclr6 .vouchervalidity p {
        color: #fff;
    }




.vmixclr7 {
    background-image: url(../images/mixcolorbg7.png);
}

    .vmixclr7 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr7 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr7 .voucherdetails h4 button {
        color: #333;
    }

        .vmixclr7 .voucherdetails h4 button i {
            color: #333;
        }



.vmixclr8 {
    background-image: url(../images/mixcolorbg8.png);
}

    .vmixclr8 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr8 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr8 .voucherdetails h3 {
        color: #fff;
    }

    .vmixclr8 .voucherdetails p {
        color: #fff;
    }

    .vmixclr8 .prterm {
        color: #fff;
    }

    .vmixclr8 .voucherdetails h4 {
        color: #fff;
    }

        .vmixclr8 .voucherdetails h4 button {
            color: #fff;
        }

            .vmixclr8 .voucherdetails h4 button i {
                color: #fff;
            }

    .vmixclr8 .vouchervalidity p {
        color: #fff;
    }


.vmixclr9 {
    background-image: url(../images/mixcolorbg9.png);
}

    .vmixclr9 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr9 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr9 .voucherdetails h4 button {
        color: #333;
    }

        .vmixclr9 .voucherdetails h4 button i {
            color: #333;
        }


.vmixclr10 {
    background-image: url(../images/mixcolorbg10.png);
}

    .vmixclr10 .voucherbrcode {
        border: 1px solid #ccc;
    }

    .vmixclr10 .vouchervalidity span {
        border: 1px solid #ccc;
    }

    .vmixclr10 .voucherdetails h4 button {
        color: #333;
    }

        .vmixclr10 .voucherdetails h4 button i {
            color: #333;
        }



/*.card-body .vcolor0 {
    border-bottom: 3px solid #ccc;
}
*/

.card-body .vcolor0 .customerfrontdiv {
    border-top: 1px solid #666;
}


.card-body .vcolor1 .customerfrontdiv {
    border-top: 1px solid #fff;
}


.vocherborder {
    border-bottom: 3px solid #f1f1f1;
}

.btnpadding {
    padding-left: 0px;
}

.voucherfix {
    padding-right: 8px;
}

.vcolor1 .Short-Description {
    color: #fff;
}

.vcolor1 .promo-heading {
    color: #fff;
}

.vcolor1 .promoeditipopup {
    color: #fff;
}

.vcolor1 .newtcurl a {
    color: #fff;
}

.vcolor1 .promotermbar p {
    color: #fff;
}

.vcolor1 .promodatebox p {
    color: #fff;
}

.vcolor1 .qrsmstext {
    color: #fff;
    padding-bottom: 5px;
}



.card-body .vcolor2 .customerfrontdiv {
    border-top: 1px solid #fff;
}


.vcolor2 .Short-Description {
    color: #fff;
}

.vcolor2 .promo-heading {
    color: #fff;
}

.vcolor2 .promoeditipopup {
    color: #fff;
}

.vcolor2 .newtcurl a {
    color: #fff;
}

.vcolor2 .promotermbar p {
    color: #fff;
}

.vcolor2 .promodatebox p {
    color: #fff;
}

.vcolor2 .qrsmstext {
    color: #fff;
}

.card-body .vcolor3 .customerfrontdiv {
    border-top: 1px solid #fff;
}

.vcolor3 .Short-Description {
    color: #fff;
}

.vcolor3 .promo-heading {
    color: #fff;
}

.vcolor3 .promoeditipopup {
    color: #fff;
}

.vcolor3 .newtcurl a {
    color: #fff;
}

.vcolor3 .promotermbar p {
    color: #fff;
}

.vcolor3 .promodatebox p {
    color: #fff;
}

.vcolor3 .qrsmstext {
    color: #fff;
}

.card-body .vcolor4 .customerfrontdiv {
    border-top: 1px solid #fff;
}

.vcolor4 .Short-Description {
    color: #fff;
}

.vcolor4 .promo-heading {
    color: #fff;
}

.vcolor4 .promoeditipopup {
    color: #fff;
}

.vcolor4 .newtcurl a {
    color: #fff;
}

.vcolor4 .promotermbar p {
    color: #fff;
}

.vcolor4 .promodatebox p {
    color: #fff;
}

.vcolor4 .qrsmstext {
    color: #fff;
}

.card-body .vcolor5 .customerfrontdiv {
    border-top: 1px solid #fff;
}

.vcolor5 .Short-Description {
    color: #fff;
}

.vcolor5 .promo-heading {
    color: #fff;
}

.vcolor5 .promoeditipopup {
    color: #fff;
}

.vcolor5 .newtcurl a {
    color: #fff;
}

.vcolor5 .promotermbar p {
    color: #fff;
}

.vcolor5 .promodatebox p {
    color: #fff;
}

.vcolor5 .qrsmstext {
    color: #fff;
}


.card-body .vcolor6 .customerfrontdiv {
    border-top: 1px solid #fff;
}

.vcolor6 .Short-Description {
    color: #fff;
}

.vcolor6 .promo-heading {
    color: #fff;
}

.vcolor6 .promoeditipopup {
    color: #fff;
}

.vcolor6 .newtcurl a {
    color: #fff;
}

.vcolor6 .promotermbar p {
    color: #fff;
}

.vcolor6 .promodatebox p {
    color: #fff;
}

.vcolor6 .qrsmstext {
    color: #fff;
}

.card-body .vcolor7 .customerfrontdiv {
    border-top: 1px solid #fff;
}

.vcolor7 .Short-Description {
    color: #fff;
}

.vcolor7 .promo-heading {
    color: #fff;
}

.vcolor7 .promoeditipopup {
    color: #fff;
}

.vcolor7 .newtcurl a {
    color: #fff;
}

.vcolor7 .promotermbar p {
    color: #fff;
}

.vcolor7 .promodatebox p {
    color: #fff;
}

.vcolor7 .qrsmstext {
    color: #fff;
}

/*.card-body .vcolor8 {
    border-bottom: 3px solid #fff;
}

.card-body .vcolor9 {
    border-bottom: 3px solid #fff;
}*/

.card-body .vcolor8 .customerfrontdiv {
    border-top: 1px solid #333;
}


.vcolor9 .Short-Description {
    color: #fff;
}

.vcolor9 .promo-heading {
    color: #fff;
}

.vcolor9 .promoeditipopup {
    color: #fff;
}

.vcolor9 .newtcurl a {
    color: #fff;
}

.vcolor9 .promotermbar p {
    color: #fff;
}

.vcolor9 .promodatebox p {
    color: #fff;
}

.vcolor9 .qrsmstext {
    color: #fff;
}


/*.card-body .vcolor10 {
    border-bottom: 3px solid #fff;
}*/

.vcolor10 .Short-Description {
    color: #fff;
}

.vcolor10 .promo-heading {
    color: #fff;
}

.vcolor10 .promoeditipopup {
    color: #fff;
}

.vcolor10 .newtcurl a {
    color: #fff;
}

.vcolor10 .promotermbar p {
    color: #fff;
}

.vcolor10 .promodatebox p {
    color: #fff;
}

.vcolor10 .qrsmstext {
    color: #fff;
}

/*
.card-body .vpattern1 {
    border-bottom: 3px solid #fff;
}


.card-body .vpattern2 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern3 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern4 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern5 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern6 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern7 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern8 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern9 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern10 {
    border-bottom: 3px solid #fff;
}


.card-body .vmixclr1 {
    border-bottom: 3px solid #fff;
}

.card-body .vmixclr2 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr3 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr4 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr5 {
    border-bottom: 3px solid #fff;
}*/



/*.card-body .vmixclr6 {
    border-bottom: 3px solid #fff;
}*/

.card-body .vmixclr1 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vmixclr2 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vmixclr3 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vmixclr4 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vmixclr5 .customerfrontdiv {
    border-top: 1px solid #333;
}

.vmixclr6 .Short-Description {
    color: #fff;
}

.vmixclr6 .promo-heading {
    color: #fff;
}

.vmixclr6 .promoeditipopup {
    color: #fff;
}

.vmixclr6 .newtcurl a {
    color: #fff;
}

.vmixclr6 .promotermbar p {
    color: #fff;
}

.vmixclr6 .promodatebox p {
    color: #fff;
}

.vmixclr6 .qrsmstext {
    color: #fff;
}

.card-body .vmixclr7 .customerfrontdiv {
    border-top: 1px solid #333;
}

/*.card-body .vmixclr7 {
    border-bottom: 3px solid #fff;
}*/


/*.card-body .vmixclr8 {
    border-bottom: 3px solid #fff;
}*/

.vmixclr8 .Short-Description {
    color: #fff;
}

.vmixclr8 .promo-heading {
    color: #fff;
}

.vmixclr8 .promoeditipopup {
    color: #fff;
}

.vmixclr8 .newtcurl a {
    color: #fff;
}

.vmixclr8 .promotermbar p {
    color: #fff;
}

.vmixclr8 .promodatebox p {
    color: #fff;
}

.vmixclr8 .qrsmstext {
    color: #fff;
}


/*.card-body .vmixclr9 {
    border-bottom: 3px solid #fff;
}*/


/*.card-body .vmixclr10 {
    border-bottom: 3px solid #fff;
}*/


.card-body .vmixclr9 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vmixclr10 .customerfrontdiv {
    border-top: 1px solid #333;
}


.card-body .vpattern1 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern2 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern3 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern4 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern5 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern6 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern7 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern8 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern9 .customerfrontdiv {
    border-top: 1px solid #333;
}

.card-body .vpattern10 .customerfrontdiv {
    border-top: 1px solid #333;
}



/*===================BONUSClub dashboard Promo background Css end==========================*/







/* ============== BonusClub Dealer product css starrt ============== */


.brandemifilter {
    padding: 10px 0px 0px 0px;
}

.brandemisearch {
    margin-bottom: 1px;
    margin-top: 0px;
}

.brandemisearchtbtn {
    font-size: 14px;
    margin-top: 0px;
    padding: 12px 20px !important;
    margin-bottom: 0px;
}

.brandemiproductscroll {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}

.brandemiproductscroll {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .brandemiproductscroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .brandemiproductscroll::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


.displaytxnbox {
    padding: 15px 20px 5px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    text-align: left;
    margin-bottom: 10px;
}

    .displaytxnbox p {
        font-size: 30px;
        color: #000;
        font-family: Muli-Bold
    }

    .displaytxnbox i {
        font-size: 26px;
    }

.amountdesc {
    font-size: 14px;
    color: #6c3d96;
    font-family: Muli-Regular;
    text-transform: uppercase;
}

.displaytxnbox p span {
    display: block;
    font-size: 12px;
    color: #888;
    font-family: Muli-Regular;
}




/* ======  Dealer Settlement page code start ========= */


.breakupbox-table {
    background-color: #fff;
    padding-top: 10px;
    margin-bottom: 2.5em;
    /* margin-top: 10px; */
}

    .breakupbox-table tbody tr {
        background-color: #fff;
    }

    .breakupbox-table .table thead tr th {
        text-align: center;
    }

.breakuptableheader {
    background-color: #f7eeff !important;
}


.breakupbox-table thead {
    background: #F7EEFF;
    color: #3A2250;
    font-family: Muli-Regular;
    font-size: 14px;
    font-weight: normal;
}

    .breakupbox-table thead tr th {
        padding: 0.5rem 1.5rem;
    }

.breakupbox-table tbody tr td {
    padding: 0.5rem 1.5rem;
    text-align: left;
}

.breakupbox-table thead {
    font-size: 16px;
}

.verifytxt h2 {
    text-transform: uppercase;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom: 1px solid #ccc;
}


/* ======  Dealer Settlement page code end ========= */

.disableredeembtn {
    opacity: 0.7;
    pointer-events: none;
}


/* ======  update new changes css code start ========= */

.newuserbtn {
    background: linear-gradient(to right, #ffffff 0%, #f1f1f1 100%);
    padding: 4px 15px;
    border-radius: 20px;
    box-shadow: 0px 3px #ccc;
    text-decoration: none !important;
}

    .newuserbtn:hover {
        box-shadow: 1px 1px #ccc;
    }


.intro-content .newuserbtn {
    display: list-item;
    width: fit-content;
    color: #683992;
    margin-top: 15px;
    font-size: 13px;
    list-style-type: none;
}

.joinbtn {
    background-color: #6C3D96;
    padding: 10px 30px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 30px;
    box-shadow: 0px 3px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .joinbtn:hover {
        background-color: #6f28ad;
        color: #fff;
        box-shadow: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.manageuserbtn {
    /*display: flex;*/
    display: inline;
}

    .manageuserbtn button {
        margin-right: 10px;
    }



.dataTables_length {
    /*    padding-top: 2px;
    position: absolute;*/
    padding-left: 20px;
}

.pagifloatright {
    /*float: right;*/
    display: flex;
    padding-left: 20px;
    margin: 13px 0px 10px 0px;
}

.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    display: inline-flex;
    font-family: Muli-SemiBold;
    font-size: 13px;
    padding-top: 8px;
}

.dataTables_length select {
    margin: 0px 10px;
    background-color: #fff;
    border: none;
    color: #6C3D96;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    top: -7px;
    font-size: 14px;
    border: 1px solid #dee2e6;
}



.productemi-btn {
    padding: 0px;
    display: flex;
    margin-top: 20px;
}

    .productemi-btn a {
        padding: 12px 70px;
        text-align: center;
        color: #000;
        font-size: 20px;
        background-color: #fff;
        text-decoration: none;
        margin-right: 1px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .productemi-btn a:first-child {
            border-top-right-radius: 0px;
        }

        .productemi-btn a:last-child {
            border-top-left-radius: 0px;
        }

    .productemi-btn .active {
        background-color: #6c3d96;
        color: #fff;
        font-weight: 600;
    }


.without-emipics {
    padding: 10px 0px;
    text-align: center;
}

    .without-emipics img {
        height: 345px;
        width: auto;
        margin: 0 auto;
    }

/* ======  update new changes css code end ========= */



@media only screen and (max-width: 480px) {

    .brandemiproductscroll {
        padding: 10px 10px !important;
        margin-top: 10px !important;
    }
}


/* ============== BonusClub Dealer product css end ============== */


/* ============== BonusClub Dealer T&C Add css Start ============== */


.termbox {
    width: 100%;
    margin: 0 auto;
    font-family: Muli-Regular;
    color: #000;
    font-size: 14px;
    text-align: justify;
    padding: 1em 1em;
}

    .termbox h4 {
        font-family: Muli-Bold;
        margin-bottom: 10px;
        margin-top: 1.1em;
        font-size: 20px;
    }

    .termbox h2 {
        font-family: Muli-Bold;
        font-size: 25px;
    }

    .termbox li {
        padding-left: 20px;
        color: #333;
        line-height: 25px;
        margin-bottom: 10px;
    }


.razorpaymodal iframe {
    overflow: auto;
    width: 100%;
    height: 400px;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .razorpaymodal iframe::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .razorpaymodal iframe::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.razorpaytc {
    margin-top: 20px;
}

footer p a {
    color: #fff;
    text-decoration: none;
}

    footer p a:hover {
        color: #fff;
        text-decoration: underline;
    }

.savecardnew label a {
    color: #0040ab;
    text-decoration: none;
}

    .savecardnew label a:hover {
        color: #000;
        text-decoration: underline;
    }





.managediscount {
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 12px;
    font-family: 'Muli-Bold';
    background-color: #efddff;
    color: #000;
    padding: 5px 14px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 1px 2px #aaa;
}

    .managediscount:hover {
        background-color: #e1c0ff;
        color: #000;
    }

.reqcallicon {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

    .reqcallicon img {
        height: 200px;
        margin: 0px auto;
    }

.managediscountshow {
    position: absolute;
    right: 20px;
    top: 7px;
    padding: 5px 12px 8px 12px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 4px #b8b8b8;
}

    .managediscountshow span {
        font-size: 16px;
        color: #66C136;
        background-color: #fff;
        font-family: Muli-Bold;
        margin-right: 10px;
        padding: 2px 10px;
        position: relative;
        border: 1px solid #d5a8fd;
    }

    .managediscountshow a {
        font-size: 20px !important;
        padding: 4px 2px !important;
        display: initial;
        border-radius: 50%;
        margin-right: 2px;
    }

        .managediscountshow a i {
            padding-right: 0px;
        }

.discounttrash {
    color: #ff0000;
}

    .discounttrash:hover {
        color: #ff0000;
        text-shadow: 0px 2px 4px #ccc;
    }

.discountedit {
    color: #6C3D96;
}

    .discountedit:hover {
        color: #6C3D96;
        text-shadow: 0px 2px 4px #ccc;
    }

.deleteicon span {
    width: 70px;
    height: 69px;
    background-color: #ff0000;
    color: #fff;
    display: block;
    font-size: 30px;
    line-height: 70px;
    margin: 0 auto;
    border-radius: 50%;
}

.deleteicon h2 {
    font-family: Muli-SemiBold;
    font-size: 22px;
    text-align: center;
    color: #000000;
    margin-top: 15px;
}

/*.privacybg .modal-body {*/
/* background-color: #F2E3FF; */
/*background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}*/

/* ============== BonusClub Dealer T&C Add css end ============== */

.static-group {
    display: block;
    padding: 6px 10px;
    text-align: left;
    margin: 10px 10px 20px 10px;
}

    .static-group label {
        color: #6C3D96;
        font-size: 16px;
        font-family: Muli-SemiBold;
        padding-right: 10px;
        position: relative;
        top: -1px;
    }


/* ============== Show Notification Css code start ============== */
.notificationheader button {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 8px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
}

    .notificationheader button .badge {
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 6px;
        position: absolute;
        right: -1px;
        top: 5px;
    }

    .notificationheader button::after {
        display: none;
    }

    .notificationheader button .badge {
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 6px;
        position: absolute;
        right: -1px;
        top: 5px;
    }


.notificationheader .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: -5px;
    width: 300px;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
    padding: 0px 0px 0px 0px;
}

    .notificationheader .dropdown-menu li {
        padding: 5px 5px;
        display: flex;
        margin: 0px;
        box-shadow: none;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

        .notificationheader .dropdown-menu li:last-child {
            border-bottom: none;
        }

        .notificationheader .dropdown-menu li a {
            background: #f7f7f7;
        }

            .notificationheader .dropdown-menu li a:hover {
                background: #f6ecff;
            }

    .notificationheader .dropdown-menu .bell {
        width: 30px;
        height: 30px;
        display: block;
        border: 1px solid #522a76;
        border-radius: 50%;
        background-color: #fff;
        margin-top: 5px;
        line-height: 30px;
    }

    .notificationheader .dropdown-menu span i {
        padding-right: 0px;
        margin-right: 0px;
        position: relative;
        font-size: 14px;
    }

    .notificationheader .dropdown-menu .message {
        display: block !important;
        font-size: 11px;
        font-family: Muli-Regular;
        color: #333;
        text-transform: inherit;
        margin-left: 0px;
        text-align: justify;
        white-space: normal;
    }

        .notificationheader .dropdown-menu .message h6 {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 14px;
            font-family: Muli-Bold;
        }

        .notificationheader .dropdown-menu .message p {
            color: #999;
            font-weight: 700;
            text-align: left;
            padding-bottom: 3px;
            margin-bottom: 2px;
            font-size: 10px;
        }

            .notificationheader .dropdown-menu .message p i {
                font-size: 14px;
                margin-right: 0px;
                position: relative;
                top: 2px;
                padding-right: 4px;
            }


.notibtm {
    background-color: #fff !important;
    text-align: center;
    padding: 10px !important;
}

.logoutbtn {
    background-color: #522a76 !important;
    color: #fff;
    font-size: 14px !important;
    width: 100%;
    padding: 5px 20px !important;
    text-align: center;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    margin: 0px auto;
    font-family: Muli-Bold;
}

    .logoutbtn:hover {
        background-color: #7846a5 !important;
        text-decoration: underline;
        color: #fff;
    }




.notimessage {
    font-size: 12px;
    text-decoration: none;
}

    .notimessage h6 {
        color: #000;
        margin-top: 0px;
        margin-bottom: 5px;
        text-decoration: none;
    }

    .notimessage p {
        color: #999;
        font-weight: 700;
        text-align: left;
        font-size: 11px;
        font-family: Muli-Bold;
        padding-bottom: 3px;
        margin-bottom: 5px;
    }

    .notimessage i {
        font-size: 14px;
        margin-right: 3px;
        position: relative;
        color: #777;
        top: 2px;
    }

    .notimessage .message {
        font-size: 12px;
        color: #333;
        text-decoration: none;
    }

    .notimessage .bell {
        width: 30px;
        height: 30px;
        display: block;
        border: 1px solid #522a76;
        border-radius: 50%;
        background-color: #fff;
        margin: 15px auto;
    }

        .notimessage .bell i {
            padding-right: 0px;
            margin-right: 0px;
            position: relative;
            top: 7px;
            font-size: 14px;
        }

.notificationbr {
    border: 1px solid #efefef;
    padding: 15px;
    background-color: #f5f5f5;
    margin: 5px 5px;
    text-decoration: none;
}

    .notificationbr:hover {
        background-color: #f6ecff;
    }



.notificationalllistscroll {
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding-left: 0px;
    margin-bottom: 0px;
}

    .notificationalllistscroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .notificationalllistscroll::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


.notiactionbtn button {
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 1.5em;
}

    .notiactionbtn button i {
        padding-right: 5px;
    }

.activenotification {
    background-color: #fff;
}

.notificationslist {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding-left: 0px;
    margin-bottom: 0px;
}

    .notificationslist::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .notificationslist::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


.notificationsbtn {
    padding: 5px 10px 5px 10px;
}

    .notificationsbtn button {
        border: none;
        padding: 10px;
    }





/* ============== Show Notification Css code end ============== */



@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .kyc-intro {
        padding: 1em 0em 1em 1em;
    }

    .kycdiv {
        padding-top: 5em;
    }
    /*  */
    .intro-content h2 {
        font-size: 40px;
    }

    .intro-content p {
        font-size: 12px;
        padding: 2px 0px;
    }

    .dashboardview {
        padding: 1em 10px;
        width: 100%;
        padding-left: 25px;
        margin: 0 auto;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

        .dashmenubox p {
            font-size: 14px;
            padding-top: 0.7em;
        }
    /* .dashboardftr {
    display: none;
  } */
    /*  */
    .emiselectbanktable {
        margin: 0 1em;
        width: 98%;
        padding-bottom: 10px;
    }

    .emibtn {
        margin: 10px auto;
    }

    .owl-slider {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 1.5em;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
    }

    .brandlist ul {
        margin-top: 0px;
    }

    .brandlist {
        width: 90%;
        margin-left: 80px;
    }

        /* .brandlist a .catelistproduct {
        height: 60px;
      } */
        .brandlist a p {
            font-size: 11px;
            margin-bottom: 0px;
            bottom: 2px;
            bottom: 4px;
            padding: 0px 3px;
            line-height: 14px;
        }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 1em auto;
        margin-left: 50px;
    }

    /*  */
    .overview-mainbrandemi {
        width: 55%;
        margin: 0.5em auto 1em auto;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 25%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 130px;
    }

    .nobtn {
        font-size: 16px;
    }
    /*  */
    .manageuser-section {
        width: 97%;
        /*margin-left: 20px;*/
        margin: 0 auto 30px 35px;
    }

    .bridcurmuser {
        margin-top: 0px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        /*padding: 0.6em 1em 1em 1em;*/
        padding: 0px;
    }

    .responstable td {
        font-size: 12px;
    }

    .responstable th {
        font-size: 14px;
    }

    .responstable .actionbtn {
        font-size: 12px;
        padding: 6px 1px;
        width: 100%;
    }

    .manageuser-search .search {
        font-size: 16px;
        text-align: center;
        padding: 6px 15px;
        margin-top: 0.8em;
    }

    .manageuser-search .reset {
        font-size: 16px;
        text-align: center;
        padding: 6px 15px;
        margin-top: 0.8em;
    }

    .manageuser-search .overviewbtn {
        font-size: 16px;
        text-align: center;
        padding: 6px 15px;
        margin-top: 0.8em;
    }


    .login {
        background-image: url(../images/bg-new1.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: 0 auto;
    }

    .formbox {
        padding: 0.5em 2em 1.5em 2em;
    }

    .w-45 {
        width: 45% !important;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1em;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 8em 1em 8em;
    }

    #errormsg {
        width: 100%;
        font-size: 12px;
        padding: 0px 10px;
    }

    .errormsg {
        width: 100%;
        font-size: 12px;
        padding: 0px 10px;
    }

    /* BonusOne Set View 1200 preview... */

    .form-group input {
        height: 45px;
        font-size: 12px;
    }

    .menufilter button {
        height: 45px;
    }

    .form-group select {
        height: 45px;
        font-size: 12px;
    }

    .loginbutton {
        padding: 8px 20px;
        font-size: 14px;
    }

        .loginbutton img {
            height: 18px;
        }

    .loginmobile img {
        height: 20px;
    }

    .loginhomekyc .input-group-cvv img {
        top: 7px;
    }

    .form-group.focused .control-label {
        font-size: 14px;
    }

    .dashboardview h2 {
        font-size: 18px;
    }

    .classy-navbar-toggler {
        margin: 0px 8px;
        margin-top: 0px;
        margin-top: 9px;
    }

    main .sidebar .menu-bar .subnav-menubar {
        width: 60px;
    }

    .subnav-menubar a img {
        height: 22px;
    }

    .subnav-menubar a i {
        height: 20px;
    }

    main .sidebar .menu-bar .subnav-menubar a {
        font-size: 9px;
    }

    main .sidebar .menu-bar:hover .subnav-menubar {
        width: 60px;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .pendingbtn {
        font-size: 12px;
    }

    .intro-content .introbtn {
        top: 1em;
    }

    .intro-content .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }

    .intro-content .joinbtn {
        padding: 8px 30px;
        font-size: 16px;
    }

    .checkout .step.completed .step-label {
        font-size: 12px;
    }

    .checkout .step.active .step-label {
        font-size: 12px;
    }

    .checkout .step.show .step-label {
        font-size: 12px;
    }

    .showtab {
        padding: 0.3em 0px 2em 0px;
    }

    .backmenucurm a {
        font-size: 12px;
    }

    .errortxt {
        font-size: 12px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
    }

    .congratubox .contxt1 {
        font-size: 14px;
    }

    .otptxt {
        font-size: 14px;
    }

    .otperror {
        font-size: 12px;
    }

    .requiredtxt ul {
        font-size: 12px;
    }

    .congratubox h2 {
        font-size: 25px;
    }

    .congratulation-main {
        margin: 1em auto;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox a {
        font-size: 12px;
    }

    .pgregistrationbox h3 {
        font-size: 16px;
        margin: 10px 0px;
    }

    .ordtxt p {
        font-size: 12px;
    }

    .ordtxt span {
        font-size: 12px;
    }

    .tab label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }

    .finalpaid {
        padding: 5px 20px;
        font-size: 25px;
    }

        .finalpaid span {
            font-size: 16px;
        }

    .pgnote {
        font-size: 12px;
    }

    .pgregistrationbox h2 {
        font-size: 25px;
    }

    .pgregistrationbox .pymsucesstxt {
        font-size: 12px;
    }

    .pyttxt span {
        font-size: 8px;
    }

    .pyttxt p {
        font-size: 11px;
    }

    .requiredbox h3 {
        font-size: 14px;
    }

    .requiredbox ul {
        font-size: 12px;
        line-height: 22px;
    }

    .formbox .input-group-cvv img {
        top: 3px;
    }

    .brandemishowtab {
        padding: 0.2em 0px 1.1em 0px !important;
    }

    .smslinkbox p {
        font-size: 12px;
        margin-bottom: 1em;
    }

    .smslinkbox h2 {
        font-size: 15px;
    }

    .pgregistrationbox .checklogo {
        margin-top: 10px;
    }

    .gotomain a {
        font-size: 11px;
    }

    .emi-table {
        font-size: 12px;
        margin-left: 0px;
        width: 100%;
    }

    .emibtn a {
        padding: 8px 30px;
        font-size: 16px;
    }

    .overview-main h2 {
        font-size: 16px;
    }

    .selectproductlist .overviewbtn {
        padding: 6px 30px;
        font-size: 16px;
        margin-top: 0px;
    }

    .pgbankenterbox ul li p {
        font-size: 14px;
        padding-left: 13px;
    }

    .pgbankenterbox ul li img {
        max-height: 35px;
        max-width: 80%;
        height: auto;
    }

    .branemibtn a {
        padding: 6px 30px;
        font-size: 16px;
    }

    .selectproductlist ul li {
        font-size: 11px;
    }

    .emimobiletable ul li:nth-of-type(2n+1) {
        font-size: 12px;
    }

    .transaction-heading h2 {
        font-size: 18px;
        padding: 0px 10px;
    }

    .transaction-table tbody tr td {
        font-size: 12px;
    }

    .formbtn a {
        padding: 6px 30px;
        font-size: 16px;
    }

    .marnonebtn .input-group-cvv img {
        top: 3px;
    }

    .bonus-pagination .page-link {
        font-size: 12px;
    }

    /* .overview-mainbrandemi .formbox {
  padding: 0.5em 10em;
} */

    .smsbox .formbox {
        padding: 0.5em 1.1em;
    }

    .loginhomekyc p a {
        font-size: 12px;
    }

    .sectionfix {
        /*margin: 0em 2em 0em 5em;*/
        margin: 0em 0em 0em 3em;
    }

    .breakupbtn a {
        padding: 8px 16px;
        font-size: 12px;
    }

    .pgcard .input-group-icon {
        top: 7px;
    }

    .transactionfilter .overviewbtn {
        margin: 5px auto;
        font-size: 16px;
    }

    .otpbox ul input {
        width: inherit;
        height: 35px;
        margin: 0 16px;
        color: #6c3d96;
        text-align: center;
        font-size: 18px;
        font-family: Muli-SemiBold;
        font-weight: bold;
        /* box-shadow: 0px 1px 3px #a5a5a5;
background-color: #f1f1f1; */
        border: 2px solid #ccc;
        border-radius: 5px;
    }

    .validicon-otp img {
        top: 7px;
    }

    .validicon-otp {
        right: -35px;
    }


    .checkout .step-label {
        line-height: 14px;
    }

    /* .emiproductxt h2 {
  font-size: 18px;
} */
    .errormsg .alert {
        font-size: 14px;
    }


    .uploadlist button {
        padding: 8px 30px;
        width: fit-content;
    }

    .uploadlist .file {
        width: 55px;
        height: 54px;
    }

        .uploadlist .file img {
            height: 20px;
            top: 12px;
        }

        .uploadlist .file i {
            font-size: 22px;
            top: 15px;
        }

    .brandemiproduct {
        padding: 0em 0px;
    }

    /*  */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    /* ---------Dealer Module ----------- */

    .voucherbackbtn {
        font-size: 16px;
        padding: 6px 30px;
    }

    .scanepromofit .overviewbtn {
        padding: 6px 30px;
        font-size: 16px;
    }

    .voucher-template {
        margin: 0.5em 2em;
    }

    .prterm {
        font-size: 10px;
        top: -5px;
    }

    .voucherbrcode {
        margin: 5px;
    }

    .voucherdetails h3 {
        font-size: 18px;
    }

    .promoactivatefit {
        margin-bottom: 2em;
    }

    .voucherdetails h4 {
        font-size: 14px;
    }

    .vouchervalidity p {
        font-size: 12px;
    }

    .promoactive span {
        font-size: 12px;
    }

    .configurrightbtn {
        padding: 6px 30px;
        font-size: 16px;
    }

        .configurrightbtn i {
            font-size: 14px;
        }

    /*  */

    .merchantbonuspromo {
        margin-top: 1em;
        margin-left: 25px;
    }

        .merchantbonuspromo h2 {
            font-size: 18px;
            margin-bottom: 0px;
        }

    .mcviewpromo {
        margin-bottom: 1.5em;
    }

        .mcviewpromo .brandlogo {
            height: 30px;
            margin: 1em 0px 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        font-size: 14px;
        padding: 4px 20px;
    }


    /* dealer dashboardd */
    .customer-intro {
        width: 95%;
        margin: 0 auto;
        padding-left: 50px;
    }

    .merchantdashboardfix {
        margin-left: 0px;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promolistingbox .nav-tabs .nav-link {
        padding: 6px 20px;
        font-size: 14px;
    }

    .frontqrdetails .Short-Description {
        font-size: 14px;
    }

    .promodatebox span {
        font-size: 10px;
        padding: 8px 5px;
    }

    .find-dealer-in-voucher {
        font-size: 14px;
    }

    .merchantcalenderfit {
        height: auto;
    }

    .calendergrid1 {
        width: 100%;
    }

    .calendergrid2 {
        width: 100%;
    }

    .salingbox {
        padding: 15px 5px;
    }

    .salingbox {
        width: 45%;
        float: left;
        margin: 0.5em 0px 0em 15px;
    }

        .salingbox h3 {
            margin: 5px 0px;
            font-size: 20px;
        }

        .salingbox span {
            font-size: 12px;
        }

    .loginerror {
        margin-bottom: 0px;
    }

    .otperror {
        margin-bottom: 0px;
    }


    /* ---emin */

    /*.selectproductlist {
  min-height: 500px;
  height: auto;
}*/
    .selectproductlist {
        min-height: 380px;
        height: auto;
    }

        .selectproductlist img {
            max-height: 350px;
        }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-left: auto;
        margin-bottom: 1.5em;
        margin-left: 40px;
        width: 95%;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .product-overview {
        margin: 1em auto 1em;
    }

    .emiboxbgfit .slidermar {
        width: 94%;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 16px;
        padding: 10px 20px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        padding: 12px 20px;
        font-size: 13px;
    }

    .customerprofiledashboard .multitabs {
        min-height: 480px;
    }

    .configuretabs li {
        height: 40px;
    }

    .configuretabs .nav-link.active {
        font-size: 12px;
    }

    .customerprofiledashboard .tab-content .tabsbox {
        height: 470px;
        min-height: 500px;
        padding: 10px 20px;
        margin: 10px 0px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }

    /*  */

    .searchbox {
        padding: 0.5em 3em;
    }

    .bonuslogo img {
        height: 40px;
        margin-bottom: 10px;
    }


    #dvPaymentLinkConfirmation {
        width: 72%;
        margin-top: -2px;
    }


    .brandemiproductscroll {
        max-height: 350px;
        overflow: auto;
        width: 98%;
        overflow-x: hidden;
    }


    .transactionfilter .settlebtn {
        margin-top: 2px;
    }


    /*.savecardnew label {
      font-size: 10px;
 }*/

    #pagingDiv a {
        font-size: 12px;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }

    .customerqrpopdiv img {
        height: auto;
        max-height: 350px;
        min-height: 200px;
    }

    .dashmenubox p {
        line-height: 16px;
    }

    .without-emipics img {
        height: 275px !important;
        width: auto;
        margin: 0 auto;
    }

    .specificbankpic img {
        height: 165px !important;
        width: auto;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .loginhomekyc {
        width: 80%;
        margin: 0 auto;
    }
    /*  */
    .intro-content {
        padding: 2.5em 4.5em 1.5em 6.5em;
    }

    .savecard input[type="checkbox"] + label {
        padding: 0px 3px;
    }

    .intro-content h2 {
        font-size: 45px;
    }

    .intro-content p {
        font-size: 14px;
        padding: 0px;
        margin-bottom: 5px;
    }
    /*  */
    .showtab {
        padding: 0.3em 0px 2.1em 3em;
    }

    .brandemishowtab {
        padding: 0.3em 0px 1em 3em !important;
    }

    #errormsg {
        width: 100%;
        font-size: 13px;
        padding: 0px 10px;
    }

    .errormsg {
        width: 100%;
        font-size: 13px;
        padding: 0px 10px;
    }

    .errortxt {
        font-size: 12px;
    }

    .errortxt-otp {
        font-size: 12px;
    }

    .checkout {
        width: 100%;
    }

        .checkout .step.active .step-label {
            font-size: 11px;
        }

        .checkout .step.show .step-label {
            font-size: 11px;
        }

        .checkout .step.completed .step-label {
            font-size: 11px;
        }

    .overview-main {
        width: 40%;
        margin: 0.5em auto;
    }

    .kycupload {
        width: 48% !important;
        margin-bottom: 2em;
    }

    .formbox {
        padding: 1em 2em;
    }

    #dvEMISale_5 .formbox {
        padding: 1em 1em;
    }

    #dvsale_5 .formbox {
        padding: 0.5em 1em;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1em;
    }

    .backmenucurm a {
        font-size: 12px;
    }

    .overview-main h2 {
        font-size: 18px;
        padding: 0em 0px 0.5em 0px;
        margin: 0px;
    }

    .form-group select {
        font-size: 13px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
        padding: 8px 8px;
    }

    .control-label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }
    /*  */
    .kycdiv {
        padding-top: 2em;
        padding-left: 30px;
    }

    .kycintro-right {
        width: 280px;
        height: 279px;
        margin: 20px auto;
    }

    .intro-content h2 {
        padding: 0;
    }

    .intro-content .introbtn {
        padding: 10px 30px;
        font-size: 14px;
        top: 1em;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 5px;
    }

    .kyc-intro {
        padding: 2em 1em;
    }

        .kyc-intro h2 {
            font-size: 40px;
        }

        .kyc-intro p {
            font-size: 14px;
        }
    /**/
    .congratulation-main {
        width: 50%;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .congratubox .contxt1 {
        font-size: 14px;
    }

    .verifytxt h2 {
        padding: 0.5em 0px 0em 0px;
        margin: 0px;
    }

    .requiredtxt ul {
        font-size: 12px;
    }
    /**/
    .dashboardview {
        padding: 1em 10px;
        width: 100%;
        padding-left: 40px;
        margin: 0 auto;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

    .transaction-heading h2 {
        font-size: 20px;
    }
    /* .overview-mainbrandemi .formbox {
    padding: 0.5em 10em;
  } */

    .userbtn .dropdown-menu {
        width: 230px;
    }

    .userbtn .dropdown-item {
        font-size: 13px;
    }

    .pendingbtn {
        font-size: 12px;
    }

    .dashmenubox p {
        font-size: 16px;
        padding-top: 0.5em;
    }
    /* .dashboardftr {
    display: none;
  } */
    /*  */
    .emiselectbanktable {
        margin: 0 1em;
        width: 100%;
        font-size: 13px;
    }

    .emibtn {
        margin: 10px auto;
    }

    .emi-table {
        margin-left: 0px;
        margin: 10px auto;
    }

    .slidermar {
        margin-left: 0px;
    }

    .owl-slider {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 1.5em;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
    }

        .brandlist a img {
            margin-top: 0em;
        }

    .brandlist ul {
        margin-top: 0px;
    }

    .brandlist {
        width: 93%;
        margin-left: 50px;
    }

    .loginerror {
        margin-bottom: 0px;
    }

    .otperror {
        margin-bottom: 0px;
    }

    .otperror {
        font-size: 12px;
    }

    .otptxt {
        padding: 8px 10px;
        font-size: 16px;
    }

    .otpbox ul input {
        margin: 0px 4px;
    }

    .pgbankenterbox ul li p {
        font-size: 14px;
    }

    .ordtxt span {
        font-size: 11px;
    }

    .finalpaid {
        font-size: 25px;
    }

        .finalpaid span {
            font-size: 16px;
        }

    .pgbankenterbox ul li img {
        height: 25px;
    }

    .dashboardview h2 {
        font-size: 20px;
    }

    /* .brandlist a .catelistproduct {
    height: 60px;
  } */
    .brandlist a p {
        font-size: 12px;
        margin-bottom: 0px;
        bottom: 3px;
    }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 0 auto;
        margin-left: 30px;
    }
    /*  */
    .overview-mainbrandemi {
        width: 60%;
        margin: 1em auto;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 25%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
    }

    .smslinkbox p {
        margin-bottom: 1.5em;
    }

    .smsbox .formbox {
        padding: 1em 1em;
    }

    .smslinkbox p {
        font-size: 12px;
    }

    .pgnote {
        font-size: 11px;
    }

    .nobtn {
        font-size: 16px;
    }

    .emibtn a {
        font-size: 16px;
    }

    /*  */
    .transactionfilter ul li:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }
    /*  */
    .manageuser-section {
        width: 100%;
        /*margin-left: 60px;*/
        margin: 0 auto 30px 35px;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        padding: 0em;
    }

    .responstable td {
        font-size: 13px;
    }

    .responstable th {
        font-size: 14px;
    }

    .responstable .actionbtn {
        font-size: 12px;
        /*padding: 6px 1px;*/
        width: max-content;
    }

    .manageuser-search .search {
        font-size: 16px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 10px;
    }

    .manageuser-search .reset {
        font-size: 16px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 10px;
    }

    .login {
        background-image: url(../images/bg-new1.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: 0 auto;
    }

    .validationlistbox {
        margin-left: 70px;
        margin-top: 2em;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }

    .pgregistration-main {
        width: 50%;
    }

    .uploadlist button {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 5px;
        width: fit-content;
    }

    .uploadlist .file {
        width: 40px;
        height: 39px;
        margin-top: 5px;
    }

    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        top: 5px;
        height: 15px;
    }

    .uploadlist .file i {
        font-size: 18px;
        top: 7px;
    }

    /*  */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    .promoactivatefit {
        width: 95% !important;
        margin-left: 5%;
        margin-bottom: 2em;
    }

    .voucherdetails {
        padding: 1em 1em 0px 1em;
    }

        .voucherdetails .voucherpics {
            height: 35px;
        }

    .vouchervalidity p {
        font-size: 12px;
    }

    .vouchervalidity span {
        font-size: 12px;
    }

    .vouchervalidity {
        padding: 1px 1em;
    }

    .configurrightbtn {
        font-size: 16px;
        padding: 8px 30px;
    }


    /*  */

    .termconditionfit {
        width: 500px;
        margin-bottom: 2em !important;
        margin: 6px auto;
        margin-bottom: 6px;
    }

    .termlogo h2 {
        font-size: 20px;
    }

    .termhead label {
        font-size: 11px;
    }

    .termhead p {
        font-size: 14px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }


    /*  */

    .merchantbonuspromo {
        width: 95%;
        margin-left: 50px;
    }

    .merchantbonuspromo {
        margin-top: 1em;
    }

    .mcviewpromo {
        margin-bottom: 2em;
    }

        .mcviewpromo .brandlogo {
            height: 35px;
        }

        .mcviewpromo .brandlogo {
            margin: 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        padding: 6px 20px;
        font-size: 12px;
    }


    /* dealer dashboardd */

    .customer-intro {
        padding-left: 50px;
        width: 95% !important;
        margin: 0 auto;
    }

    .merchantdashboardfix {
        margin-left: 0px;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promolistingbox .nav-tabs .nav-link {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promoheading h2 {
        width: 100%;
        font-size: 14px;
    }

    .customerpromolist h2 span {
        font-size: 12px;
        display: block;
        padding-left: 0px;
    }
    /*.promotermbar img {
  height: 70px;
}*/
    .frontqrdetails .Short-Description {
        font-size: 14px;
    }

    .promodatebox span {
        font-size: 10px;
        padding: 8px 5px;
    }

    .merchantcalenderfit {
        height: auto;
    }

    .calendergrid1 {
        width: 100%;
    }

    .calendergrid2 {
        width: 100%;
    }

    .salingbox {
        width: 43%;
        float: left;
        margin: 11px 5px 10px 14px;
    }

        .salingbox p {
            font-size: 11px;
        }

    .traininglist .content p {
        font-size: 14px;
    }

    .traininglist .content span {
        line-height: 14px;
        display: block;
        margin-top: 8px;
    }


    /* ---emin */

    /*.selectproductlist {
  min-height: 500px;
  height: auto;
}*/
    .selectproductlist {
        min-height: 350px;
        height: auto;
    }

        .selectproductlist img {
            width: auto;
            max-height: 330px;
        }


    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-left: auto;
        margin-bottom: 2.5em;
        margin-left: 40px;
        width: 95%;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .product-overview {
        margin: 1em auto 1em;
        width: 65%;
    }

    .emiboxbgfit .slidermar {
        width: 94%;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 14px;
        padding: 10px 12px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 11px 12px;
    }

    .searchbox {
        padding: 0.5em 2em;
    }

    .merchantbonuspromo h2 {
        margin-bottom: 0px;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }

    .managediscountshow {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
    }

    .managediscount {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .loginhomekyc {
        width: 80%;
        margin: 0 auto;
    }
    /*  */
    .intro-content {
        padding: 2.5em 4.5em 1.5em 6.5em;
    }

    .savecard input[type="checkbox"] + label {
        padding: 0px 3px;
    }

    .intro-content h2 {
        font-size: 45px;
    }

    .intro-content p {
        font-size: 16px;
        padding: 0px;
    }
    /*  */
    .showtab {
        padding: 0.3em 0px 2.1em 3em;
    }

    .brandemishowtab {
        padding: 0.3em 0px 1em 3em !important;
    }

    #errormsg {
        width: 100%;
        font-size: 13px;
        padding: 0px 10px;
    }

    .errormsg {
        width: 100%;
        font-size: 13px;
        padding: 0px 10px;
    }

    .errortxt {
        font-size: 12px;
    }

    .errortxt-otp {
        font-size: 12px;
    }

    .checkout {
        width: 100%;
    }

        .checkout .step.active .step-label {
            font-size: 11px;
        }

        .checkout .step.show .step-label {
            font-size: 11px;
        }

        .checkout .step.completed .step-label {
            font-size: 11px;
        }

    .overview-main {
        width: 40%;
        margin: 0.5em auto;
    }

    .kycupload {
        width: 50% !important;
        margin-bottom: 2em;
    }

    .formbox {
        padding: 0.5em 2em;
    }

    #dvEMISale_5 .formbox {
        padding: 1em 1em;
    }

    #dvConfirmSendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    #dvsale_4 .formbox {
        padding: 0.5em 1em;
    }

    #dvSucessfullySendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    #dvPaymentLink {
        width: 65%;
        margin-top: -8px;
    }

    .smsbox .formbox {
        padding: 1em 1em;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1em;
    }

    #dvPaymentLink .formbox {
        padding: 0.5em 1em;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 6em 1em 6em;
    }

    .overview-main h2 {
        font-size: 18px;
    }

    .pgbankenterbox ul li p {
        font-size: 14px;
    }

    .pgbankenterbox ul li img {
        height: 25px;
    }

    .otperror {
        font-size: 12px;
    }

    .otptxt {
        font-size: 16px;
        padding: 8px 20px;
    }

    .form-group select {
        font-size: 13px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
    }

    .control-label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }
    /*  */
    .kycdiv {
        padding-top: 2em;
    }

    .kycintro-right {
        width: 280px;
        height: 279px;
        margin: 20px auto;
    }

    .intro-content h2 {
        padding: 0;
    }

    .intro-content .introbtn {
        padding: 12px 30px;
        font-size: 16px;
        top: 1em;
    }

    .intro-content .joinbtn {
        padding: 10px 30px;
        font-size: 16px;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 5px;
    }

    .kyc-intro {
        padding: 2em 1em;
    }

        .kyc-intro h2 {
            font-size: 40px;
        }

        .kyc-intro p {
            font-size: 14px;
        }
    /**/
    .congratulation-main {
        width: 50%;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .congratubox .contxt1 {
        font-size: 16px;
    }
    /**/
    .dashboardview {
        padding: 1em 10px;
        width: 85%;
        margin: 0 auto;
    }

        .dashboardview h2 {
            font-size: 20px;
        }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

        .dashmenubox p {
            font-size: 16px;
            padding-top: 0.5em;
        }
    /* .dashboardftr {
    display: none;
  } */
    /*  */
    .emiselectbanktable {
        margin: 0 1em;
        width: 99%;
    }

    .emibtn {
        margin: 10px auto;
    }

    .emi-table {
        margin-left: 0px;
        margin: 10px auto;
    }

    .slidermar {
        margin-left: 0px;
    }

    .owl-slider {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 1.5em;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
        margin: 10px auto;
    }

        .brandlist a img {
            margin-top: 0em;
        }

    .brandlist ul {
        margin-top: 0px;
    }

    .brandlist {
        width: 88%;
        margin-left: 80px;
    }

        /* .brandlist a .catelistproduct {
      height: 60px;
    } */
        .brandlist a p {
            font-size: 12px;
        }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 0 auto;
        margin-left: 50px;
    }

    .emiproductxt h2 {
        font-size: 16px;
    }

    /*  */
    .overview-mainbrandemi {
        width: 60%;
        margin: 1em auto;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 50%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
    }

    .nobtn {
        font-size: 16px;
    }

    .smslinkbox p {
        font-size: 12px;
        margin-bottom: 1.5em;
    }

    .finalpaid {
        font-size: 24px;
        padding: 5px 20px;
        width: 85%;
        margin: 10px auto;
    }

        .finalpaid span {
            font-size: 16px;
            top: 5px;
        }

    .pgnote {
        font-size: 10px;
    }

    .backmenucurm a {
        font-size: 13px;
    }

    .ordtxt p {
        font-size: 12px;
    }

    .pgregistration-main {
        width: 50%;
    }

    .emi-table {
        font-size: 13px;
    }

    .emibtn a {
        font-size: 16px;
    }
    /*  */
    .transactionfilter ul li:nth-child(1) {
        width: 100%;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }

    .transaction-heading h2 {
        font-family: Muli-SemiBold;
        font-size: 20px;
    }

    .trasnsearch {
        margin-bottom: 10px;
    }

    .menufilter {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .transaction-table {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        /*  margin-bottom: 10px;*/
    }

        .transaction-table table {
            width: 100%;
            display: inline-table;
        }

    .breakupbtn a {
        padding: 8px 16px;
        font-size: 12px;
    }

    .transaction-table tbody tr td {
        font-size: 13px;
    }

    .transaction-table table th:nth-child(1) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table table th:nth-child(2) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table table th:nth-child(3) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table table th:nth-child(4) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table tbody tr td {
        padding: 0.5rem 1.0rem;
    }

    .sectionfix {
        margin: 0em auto;
        margin-bottom: 5em;
        width: 95%;
        left: 30px;
        position: relative;
    }

    .transaction-heading {
        padding: 1em 0px 0.5em 0px;
        text-align: left;
    }
    /*  */
    .manageuser-section {
        width: 94%;
        /*margin-left: 60px;*/
        margin: 0px auto 30px 55px;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        padding: 0em;
    }

    .manageuser-table {
        width: 100%;
        /* display: flex; */
        overflow: auto;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: -10px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        margin-bottom: 3em;
    }

        .manageuser-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .manageuser-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

    .marnonebtn {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .responstable td:first-child {
        text-align: center;
    }

    .responstable th:first-child {
        text-align: center;
    }

    .responstable td {
        font-size: 12px;
    }

    .responstable th {
        font-size: 14px;
        padding: 0.5em 10px;
    }

    .responstable .actionbtn {
        font-size: 12px;
        /*  padding: 6px 1px;*/
        width: max-content;
    }

    .manageuser-search .search {
        font-size: 16px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 0.5em;
    }

    .manageuser-search .reset {
        font-size: 16px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 0.5em;
    }

    .login {
        background-image: url(../images/bg-new2.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: 0 auto;
    }

    .validationlistbox {
        margin-left: 70px;
        margin-top: 2em;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }


    .uploadlist button {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 5px;
    }

    .uploadlist .file {
        width: 40px;
        height: 39px;
        margin-top: 5px;
    }

    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        top: 5px;
        height: 16px;
    }


    .requiredbox ul {
        font-size: 13px;
    }

    /*------BonusClub Dealer---------*/

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    .promoactivatefit {
        width: 95% !important;
        margin-left: 5%;
    }

    .voucherdetails {
        padding: 1em 1em 0px 1em;
    }

        .voucherdetails .voucherpics {
            height: 35px;
        }

    .vouchervalidity p {
        font-size: 12px;
    }

    .vouchervalidity span {
        font-size: 12px;
    }

    .vouchervalidity {
        padding: 1px 1em;
    }

    .configurrightbtn {
        font-size: 16px;
        padding: 8px 30px;
    }

    /*  */

    .termconditionfit {
        width: 500px;
        margin-bottom: 2em !important;
        margin: 6px auto;
        margin-bottom: 6px;
    }

    .termlogo h2 {
        font-size: 20px;
    }

    .termhead label {
        font-size: 11px;
    }

    .termhead p {
        font-size: 14px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }


    /*  */

    .merchantbonuspromo {
        width: 95%;
        margin-left: 50px;
    }

    .merchantbonuspromo {
        margin-top: 1em;
    }

    .mcviewpromo {
        margin-bottom: 2em;
    }

        .mcviewpromo .brandlogo {
            height: 35px;
        }

        .mcviewpromo .brandlogo {
            margin: 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        padding: 6px 20px;
        font-size: 12px;
    }

    /* dealer dashboardd */

    .customer-intro {
        padding-left: 50px;
        width: 95% !important;
        margin: 0 auto;
    }

    .merchantdashboardfix {
        margin-left: 0px;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promolistingbox .nav-tabs .nav-link {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promoheading h2 {
        width: 100%;
        font-size: 14px;
    }

    .customerpromolist h2 span {
        font-size: 12px;
        display: block;
        padding-left: 0px;
    }
    /*.promotermbar img {
  height: 70px;
}*/
    .frontqrdetails .Short-Description {
        font-size: 14px;
    }

    .promodatebox span {
        font-size: 10px;
        padding: 8px 5px;
    }

    .merchantcalenderfit {
        height: auto;
    }

    .calendergrid1 {
        width: 100%;
    }

    .calendergrid2 {
        width: 100%;
    }

    .salingbox {
        width: 38%;
        float: left;
        padding: 10px 5px;
        margin: 10px 15px;
    }

        .salingbox p {
            font-size: 11px;
        }

    .traininglist .content p {
        font-size: 14px;
    }

    .traininglist .content span {
        line-height: 14px;
        display: block;
        margin-top: 8px;
    }


    /* ---emin */

    .selectproductlist {
        min-height: 300px;
        height: auto;
    }

        .selectproductlist img {
            width: auto;
            max-height: 280px;
        }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-left: auto;
        margin-bottom: 2.5em;
        margin-left: 40px;
        width: 95%;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .product-overview {
        margin: 1em auto 1em;
        width: 65%;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 14px;
        padding: 10px 12px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 11px 12px;
    }

    .searchbox {
        padding: 0.5em 2em;
    }


    /* add on new responsive */

    .brandlist ul li {
        float: left;
        width: 20%;
    }

    .merchantbonuspromo h2 {
        margin-bottom: 0px;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }

    .managediscountshow {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
    }

    .managediscount {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .loginhomekyc {
        width: 90% !important;
        margin: 0 auto;
    }
    /*  */
    .intro-content {
        padding: 2.5em 3.5em 1.5em 5.5em;
    }

    .savecard input[type="checkbox"] + label {
        padding: 0px 3px;
    }

    .intro-content h2 {
        font-size: 35px;
    }

    .intro-content p {
        font-size: 15px;
        padding: 0px;
    }
    /*  */
    /*  */
    .showtab {
        padding: 0.5em 0.1px 2em 3em;
    }

    .brandemishowtab {
        padding: 0.5em 0px 1em 3em !important;
    }

    #errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 0px;
    }

    .errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 0px;
    }

    .checkout {
        width: 100%;
    }

        .checkout .step.active .step-label {
            font-size: 11px;
        }

        .checkout .step.show .step-label {
            font-size: 11px;
        }

        .checkout .step.completed .step-label {
            font-size: 11px;
        }

    .overview-main {
        width: 52%;
        /* padding-left: 3em; */
        margin: 0em auto;
    }

    .kycupload {
        width: 65% !important;
        margin-bottom: 2.2em;
    }

    .formbox {
        padding: 0.5em 2em;
    }

    #dvEMISale_5 .formbox {
        padding: 0.5em 1em;
    }

    #dvConfirmSendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 9em 1em 9em;
    }

    #dvPaymentLink {
        margin-top: 12px;
    }

    .errortxt {
        font-size: 12px;
    }

    .errortxt-otp {
        font-size: 13px;
    }

    .overview-main h2 {
        font-size: 18px;
    }

    .form-group select {
        font-size: 13px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
        padding: 8px 8px;
    }

    .finalpaid span {
        font-size: 18px;
    }

    .control-label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }

    .dashboardview h2 {
        font-size: 20px;
    }

    .otperror {
        font-size: 12px;
    }

    .otptxt {
        padding: 8px 20px;
        font-size: 16px;
    }

    /*  */
    .kycdiv {
        padding-top: 2em;
    }

    .kycintro-right {
        width: 260px;
        height: 259px;
        margin: 20px auto;
    }

    .intro-content h2 {
        padding: 0;
    }

    .intro-content .introbtn {
        padding: 8px 30px;
        font-size: 16px;
        top: 1em;
    }

    .intro-content .joinbtn {
        padding: 8px 30px;
        font-size: 16px;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 5px;
    }

    .kyc-intro {
        padding: 2em 1em;
    }

        .kyc-intro h2 {
            font-size: 30px;
        }

        .kyc-intro p {
            font-size: 13px;
        }
    /**/
    .congratulation-main {
        width: 60%;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .congratubox .contxt1 {
        font-size: 14px;
    }

    .requiredbox {
        padding: 12px 20px;
    }

        .requiredbox ul {
            font-size: 12px;
        }

        .requiredbox h3 {
            font-size: 16px;
        }

    .pgregistration-main {
        width: 60%;
        margin: 0em auto;
        text-align: center;
        padding: 0px;
    }
    /**/
    .dashboardview {
        /*padding: 1em 10px;
    width: 85%;
    margin: 0 auto;*/
        padding: 1em 10px;
        width: 100%;
        padding-left: 35px;
        margin: 0 auto;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

        .dashmenubox p {
            font-size: 16px;
            padding-top: 0.5em;
        }
    /* .dashboardftr {
    display: none;
  } */
    /*  */
    .emiselectbanktable {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        margin-bottom: 0px;
        padding: 5px;
        margin-top: 0px;
    }

        .emiselectbanktable table {
            width: max-content;
            display: block ruby;
            margin: 0 auto;
        }

            .emiselectbanktable table th:nth-child(1) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(2) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(3) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(4) {
                width: auto;
                padding: 0.5em 1.0em;
            }

    .emiselectbank table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .emiselectbanktable table tbody tr td {
        padding: 0.5rem 1.0rem;
    }

    .emiselectbanktable table thead th {
        font-size: 14px;
    }

    .emi-table {
        margin-left: 0px;
    }

    .emibtn {
        text-align: center;
        margin: 10px auto;
    }

    .bankselectbox {
        width: 100%;
        margin: 1em auto;
    }

    .owl-slider {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 1.5em;
        margin-left: 70px;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
        margin: 10px auto;
    }

        .brandlist a img {
            margin-top: 0em;
        }

    .brandlist ul {
        margin-top: 0px;
    }

    .brandlist {
        width: 93%;
        margin-left: 50px;
    }

        /* .brandlist a .catelistproduct {
    height: 60px;
  } */
        .brandlist a p {
            font-size: 12px;
            margin-bottom: 0px;
            bottom: 3px;
        }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 0 auto;
        margin-left: 25px;
    }
    /*  */
    .overview-mainbrandemi {
        width: 75%;
        margin: 1em auto;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 50%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
    }

    .nobtn {
        font-size: 16px;
    }

    .smslinkbox p {
        font-size: 12px;
        margin-bottom: 1.5em;
    }

    .pgnote {
        font-size: 11px;
    }
    /*  */
    .transactionfilter ul li:nth-child(1) {
        width: 100%;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }

    .transaction-heading h2 {
        font-family: Muli-SEmiBold;
        font-size: 18px;
    }

    .trasnsearch {
        margin-bottom: 10px;
    }

    .menufilter {
        margin-bottom: 10px;
        margin-right: 0px;
    }
    /*.transaction-table {
  width: 100%;
  overflow: scroll;
  margin-bottom: 10px;
}*/

    .transaction-table {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        /*margin-bottom: 10px;*/
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .transaction-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .transaction-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }


        .transaction-table table {
            /*width: max-content;*/
            width: 100%;
            display: block ruby;
        }

            .transaction-table table th:nth-child(1) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(2) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(3) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(4) {
                width: auto;
                padding: 0.5em 1.0em;
            }

    .userbtn .dropdown-item {
        font-size: 13px;
    }

    .pendingbtn {
        font-size: 12px;
    }

    .backmenucurm a {
        font-size: 13px;
    }

    .branemibtn a {
        font-size: 16px;
    }

    .emibtn a {
        font-size: 16px;
    }
    /* .overview-mainbrandemi .formbox {
  padding: 0.5em 5em;
} */
    .pgbankenterbox ul li p {
        font-size: 14px;
    }

    .pgbankenterbox ul li img {
        max-height: 30px;
        max-width: 80%;
        height: auto;
    }

    .ordtxt span {
        font-size: 12px;
    }

    .transaction-table table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .transaction-table tbody tr td {
        padding: 0.5rem 1.0rem;
        font-size: 13px;
    }

    .sectionfix {
        margin-bottom: 5em;
        /*width: 85%;*/
        width: 100%;
        padding-left: 30px;
    }

    .transaction-heading {
        padding: 1em 0px 0.5em 0px;
        text-align: left;
    }
    /*  */
    .manageuser-section {
        width: 95%;
        /*margin-left: 60px;*/
        margin: 0 auto 30px 50px;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        padding: 0em;
    }

    .manageuser-table {
        width: 100%;
        /* display: flex; */
        overflow: auto;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: -10px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        margin-bottom: 3em;
    }

        .manageuser-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .manageuser-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

    .marnonebtn {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .responstable td:first-child {
        text-align: center;
    }

    .responstable th:first-child {
        text-align: center;
    }

    .responstable td {
        font-size: 11px;
    }

    .responstable th {
        font-size: 14px;
    }

    .responstable .actionbtn {
        font-size: 10px;
        /*padding: 6px 1px;*/
        width: max-content;
    }

    .manageuser-search .search {
        font-size: 14px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 8px;
    }

    .manageuser-search .reset {
        font-size: 14px;
        text-align: center;
        padding: 10px 15px;
        margin-top: 8px;
    }

    .login {
        background-image: url(../images/bg-new2.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        right: 0;
    }

    .emiproductbox {
        width: 46%;
    }

    .validationlistbox {
        margin-left: 70px;
        margin-top: 2em;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }



    .uploadlist button {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 5px;
        width: fit-content;
    }

    .uploadlist .file {
        width: 40px;
        height: 39px;
        margin-top: 5px;
    }

    .attachfile img {
        padding-right: 8px;
    }

    .attachfile {
        font-size: 15px;
    }


    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        top: 5px;
        height: 15px;
    }

    .uploadlist .file i {
        font-size: 18px;
        top: 7px;
    }
    /*  */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    /* bonusclub dealer */

    .configurrightbtn {
        font-size: 16px;
        padding: 8px 15px;
    }

    .voucherbackbtn {
        font-size: 16px;
        padding: 8px 15px;
    }

    .activateopps p {
        margin: 10px 0px;
    }

    .promoactivatefit {
        width: 95% !important;
        margin-left: 5%;
        margin-bottom: 2em;
    }

    .voucher-template {
        margin: 10px 0px;
        padding: 1em;
    }

    .voucherboxleft ul li:first-child {
        width: 30%;
    }

    .voucherboxleft ul li:last-child {
        width: 70%;
    }

    .voucherdetails {
        padding: 1em 1em 0px 1em;
    }

        .voucherdetails .voucherpics {
            height: 35px;
        }

        .voucherdetails h3 {
            font-size: 15px;
        }

        .voucherdetails h4 {
            font-size: 14px;
        }

    .vouchervalidity {
        padding: 1px 0em;
    }

    .promoactive span {
        font-size: 14px;
    }

    .configurrightbtn {
        font-size: 14px;
        padding: 8px 15px;
    }

    .voucherbrcode img {
        height: 100px;
    }

    .voucherbrcode h5 {
        font-size: 11px;
    }

    /*  */

    .termconditionfit {
        width: 500px;
        margin-bottom: 2em !important;
        margin: 6px auto;
        margin-bottom: 6px;
    }

    .termlogo h2 {
        font-size: 20px;
    }

    .termhead label {
        font-size: 11px;
    }

    .termhead p {
        font-size: 14px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }


    /*  */

    .merchantbonuspromo {
        width: 95%;
        margin-left: 50px;
    }

    .merchantbonuspromo {
        margin-top: 1em;
    }

    .mcviewpromo {
        margin-bottom: 2em;
    }

        .mcviewpromo .brandlogo {
            height: 35px;
        }

        .mcviewpromo .brandlogo {
            margin: 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        padding: 6px 20px;
        font-size: 12px;
    }


    /* dealer dashboard */

    .customer-intro {
        padding: 1em 0px;
        margin-left: 65px;
        width: 88% !important;
    }

    .merchantdashboardfix {
        width: 100%;
        margin-left: 0px;
    }

    .merchantpromolist .nav-tabs .nav-link {
        padding: 1px 19px 7px 19px;
        font-size: 10px;
        top: 4px;
        line-height: 5px;
    }

        .merchantpromolist .nav-tabs .nav-link i {
            padding: 1px 5px;
            font-size: 10px;
            top: 7px;
        }

        .merchantpromolist .nav-tabs .nav-link span {
            display: block;
            margin-left: 37px;
            top: 0px;
            position: relative;
            padding-bottom: 0px;
        }

        .merchantpromolist .nav-tabs .nav-link.active {
            padding: 1px 19px 7px 19px;
            font-size: 10px;
            top: 4px;
            line-height: 5px;
        }

            .merchantpromolist .nav-tabs .nav-link.active i {
                padding: 1px 5px;
                font-size: 10px;
                top: 7px;
            }

    .checkbox-dropdown-list {
        left: -95px;
        font-size: 10px;
        width: 150px;
    }

    .promoheading h2 {
        width: 100%;
    }

    .promoheading h2 {
        font-size: 14px;
    }

        .promoheading h2 span {
            display: block;
            padding-left: 0px;
            font-size: 12px;
        }

    .merchantcalenderfit {
        height: auto;
    }

    .calendergrid1 {
        width: 100%;
    }

    .calendergrid2 {
        width: 100%;
    }

    .salingbox {
        width: 42%;
        float: left;
        margin: 11px 5px 10px 14px;
    }

    .traininglist .content p {
        font-size: 12px;
    }

    .traininglist .content span {
        font-size: 10px;
        line-height: 13px;
        margin-top: 8px;
        display: block;
    }

    .salingbox p {
        font-size: 12px;
        display: flex;
    }

    .frontqrdetails .Short-Description {
        font-size: 16px;
    }

    .promodatebox span {
        font-size: 11px;
        padding: 8px 5px;
    }

    .frontqrdetails {
        padding-left: 5px;
    }


    .otpbox ul input {
        margin: 0px 4px;
    }

    .otptxt {
        padding: 8px 12px;
    }

    .loginerror {
        margin-bottom: 5px;
    }

    .otperror {
        margin-bottom: 0px;
    }

    .overview-main .formbox {
        margin-top: 10px;
    }

    .smsbox .formbox {
        padding: 1em 1em;
    }

    #dvsale_4 .formbox {
        padding: 0.5em 1em;
    }

    #dvsale_5 .formbox {
        padding: 0.5em 1em;
    }

    #dvSucessfullySendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1em;
    }

    /* ---emin */


    .product-overview {
        width: 80% !important;
    }

    .brandemi-productview {
        width: 90%;
        margin-left: 40px;
    }

    .selectproductlist {
        min-height: 265px;
        height: auto;
    }

    .brandemilistfix {
        margin-top: 10px;
    }

    .selectproductlist img {
        width: auto;
        max-height: 240px;
    }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-left: auto;
        margin-bottom: 2.5em;
        margin-left: 40px;
        width: 95%;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .product-overview {
        margin: 1em auto 1em;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 14px;
        padding: 10px 12px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 11px 12px;
    }
    /*  */

    .finalconfigur-promo {
        margin: 0.5em 0px 3em 0em;
    }

    .multitabs {
        width: 95%;
        margin-left: 45px;
    }

    .configuretabs .nav-link.active {
        font-size: 12px;
    }

    .tabsbox {
        padding: 5px;
    }

    .fmar {
        margin: 10px 0px;
    }

    .tab-content > .active {
        padding: 0px;
    }

    .customerprofiledashboard .multitabs {
        min-height: 510px;
    }

    .searchbox {
        padding: 0.5em 2em;
    }


    /* add on new responsive */

    .brandlist ul li {
        float: left;
        width: 20%;
    }

    .merchantbonuspromo h2 {
        margin-bottom: 0px;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }

    /*------*/
    .managediscountshow {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
    }

    .managediscount {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
        display: block;
    }
}


@media only screen and (max-width: 768px) {
    main .sidebar {
        display: none;
    }

    header .navbar .logo .bars {
        display: none;
    }
    /* .classy-navbar-togglerv {
  display: none;
} */


}


@media only screen and (min-width: 640px) and (max-width: 768px) {
    .loginhomekyc {
        width: 45%;
        margin: 0 auto;
    }
    /*  */
    .intro-content {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }

        .intro-content h2 {
            font-size: 35px;
        }

        .intro-content p {
            font-size: 15px;
            padding: 0px;
        }
    /*  */
    .showtab {
        padding: 0.4em 0px 2.1em 0px;
    }

    .brandemishowtab {
        padding: 0.2em 0px 1em 0px !important;
    }

    .errortxt {
        font-size: 12px;
    }

    .errortxt-otp {
        font-size: 13px;
    }

    .checkout {
        width: 100%;
    }

        .checkout .step.active .step-label {
            font-size: 11px;
        }

        .checkout .step.show .step-label {
            font-size: 11px;
        }

        .checkout .step.completed .step-label {
            font-size: 11px;
        }

    .overview-main {
        width: 80%;
    }

    .formbox {
        padding: 1em 2em;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 7em 1em 6em;
    }

    .overview-main h2 {
        font-size: 18px;
    }

    .form-group select {
        font-size: 13px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
    }

    .control-label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }
    /*  */
    .kycdiv {
        padding-top: 0px;
    }

    .kycintro-right {
        width: 260px;
        height: 259px;
        margin: 20px auto;
    }

    .intro-content h2 {
        padding: 0;
    }

    .intro-content .introbtn {
        padding: 10px 30px;
        font-size: 16px;
        top: 1em;
    }

    .intro-content .joinbtn {
        padding: 10px 30px;
        font-size: 16px;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 5px;
    }
    /*  */
    .congratulation-main {
        width: 80%;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .congratubox .contxt1 {
        font-size: 14px;
    }

    .pgregistration-main {
        width: 80%;
        margin: 0em auto;
        text-align: center;
        padding: 0px;
    }
    /**/
    .dashboardview {
        padding: 1em 10px;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

        .dashmenubox p {
            font-size: 16px;
            padding-top: 0.5em;
        }

    .dashboardftr {
        display: none;
    }

    .fotresponsive {
        display: none;
    }
    /**/
    .backmenucurm {
        padding: 0.5em 1em 0.5em 1em;
    }

        .backmenucurm a {
            font-size: 12px;
        }

    .otptxt {
        font-size: 16px;
    }

    .requiredtxt ul {
        font-size: 12px;
    }
    /*  */
    .emiselectbanktable {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        margin-bottom: 0px;
        padding: 5px;
        margin-top: 0px;
        font-size: 13px;
    }

    .emibtn a {
        font-size: 16px;
    }

    .pgbankenterbox ul li p {
        font-size: 14px;
    }

    .pgbankenterbox ul li img {
        max-height: 30px;
        max-width: 80%;
        height: auto;
    }

    .ordtxt span {
        font-size: 12px;
    }

    .branemibtn a {
        font-size: 16px;
    }
    /* .overview-mainbrandemi .formbox {
    padding: 0.5em 7em;
  } */
    .dropdown-item {
        font-size: 13px;
    }

    .pendingbtn {
        font-size: 12px;
    }

    .emiselectbanktable table {
        width: max-content;
        display: block ruby;
    }

        .emiselectbanktable table th:nth-child(1) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(2) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(3) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(4) {
            width: auto;
            padding: 0.5em 1.0em;
        }

    .emiselectbank table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .emiselectbanktable table tbody tr td {
        padding: 0.5rem 1.0rem;
    }

    .emiselectbanktable table thead th {
        font-size: 14px;
    }

    .emi-table {
        margin-left: 0px;
    }

    .emibtn {
        text-align: center;
        margin: 0px;
    }

    .bankselectbox {
        width: 90%;
        margin: 1em auto;
    }

    .emi-table {
        margin-top: 5px;
    }

    .owl-slider {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 2em;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
        margin: 10px auto;
    }

        .brandlist a img {
            margin-top: 0em;
        }

    .brandlist ul {
        margin-top: 0px;
    }

    /* .brandlist a .catelistproduct {
    height: 60px;
  } */
    .brandlist a p {
        font-size: 12px;
        margin-bottom: 0px;
        bottom: 3px;
    }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 0 auto;
    }
    /*  */
    .overview-mainbrandemi {
        width: 100%;
        margin: 1em auto;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 50%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
    }

    .nobtn {
        font-size: 16px;
    }

    .smslinkbox p {
        margin-bottom: 1em;
    }

    .pgnote {
        font-size: 11px;
    }

    /*  */
    .transactionfilter ul li:nth-child(1) {
        width: 100%;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }

    .transaction-heading h2 {
        font-family: Muli-SemiBold;
        font-size: 20px;
        margin-bottom: 0px;
    }

    .trasnsearch {
        margin-bottom: 10px;
    }

    .menufilter {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .transaction-table {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        /*margin-bottom: 10px;*/
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .transaction-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .transaction-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }



        .transaction-table table {
            /*width: max-content;*/
            width: 100%;
            display: block ruby;
        }

            .transaction-table table th:nth-child(1) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(2) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(3) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(4) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(5) {
                width: auto;
                padding: 0.5em 1.0em;
            }

        .transaction-table tbody tr td {
            padding: 0.5rem 1.0rem;
            font-size: 12px;
        }

    .breakupbtn a {
        padding: 8px 16px;
        font-size: 12px;
    }

    .sectionfix {
        margin: 0em auto;
        margin-bottom: 5em;
        width: 100%;
    }

    .transaction-heading {
        padding: 1em 0px 0.5em 0px;
        text-align: center;
    }

    .breakup-main {
        width: 80%;
    }
    /*  */
    .manageuser-section {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 2em;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        /*padding: 1em;*/
        padding: 0px;
    }

    .manageuser-table {
        width: 100%;
        /* display: flex; */
        overflow: auto;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: 0px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        margin-bottom: 3em;
    }

        .manageuser-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .manageuser-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

    .marnonebtn {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .responstable td:first-child {
        text-align: center;
    }

    .responstable th:first-child {
        text-align: center;
    }

    .responstable td {
        font-size: 11px;
    }

    .responstable th {
        font-size: 14px;
    }

    .responstable .actionbtn {
        font-size: 10px;
        /*padding: 6px 1px;*/
        width: max-content;
    }

    .manageuser-search .search {
        font-size: 18px;
        text-align: center;
    }

    .manageuser-search .reset {
        font-size: 18px;
        text-align: center;
    }

    .login {
        background-image: url(../images/bg-768.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: auto;
    }

    .login-form {
        /*transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;*/
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .bonuslogo img {
        height: 42px;
        margin-bottom: 10px;
    }

    .loginhomekyc h2 {
        margin-bottom: 1.2em;
    }

    .emiproductbox {
        width: 100%;
    }

    .emiproductxt h2 span {
        font-size: 13px;
    }

    .emiproductxt p {
        margin-bottom: 0px;
        font-size: 13px;
    }

    .validationlistbox {
        margin-left: 0px;
        margin-top: 2em;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }

    .selectfilter select {
        margin-bottom: 10px;
    }
    /* transaction failed css */
    .transfailedbox ul {
        width: 100%;
    }

    .transfailedbox h4 {
        font-size: 20px;
    }

    .pgregistrationbox .failtxt {
        font-size: 12px;
    }

    .uploadlist button {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 10px;
    }

    .uploadlist .file {
        width: 50px;
        height: 49px;
        margin-top: 5px;
    }

    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        top: 10px;
    }

    .uploadlist .file i {
        font-size: 22px;
        top: 12px;
    }

    .camerapopup .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }

    .camerapopupbusiness .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }


    .camerapopup #webcamPOA {
        width: 100% !important;
    }

    #webcamPOA video {
        width: 100% !important;
    }

    .camerapopupbusiness #webcambusinessp {
        width: 100% !important;
    }

    #webcambusinessp video {
        width: 100% !important;
    }

    .requiredbox ul {
        font-size: 13px;
    }

    /*  */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }


    .promoactivatefit {
        width: 100% !important;
        margin-left: 0px;
        margin-bottom: 2em;
    }

    .voucher-template {
        margin: 10px 0px;
    }

    .voucherboxleft ul li:first-child {
        width: 40%;
    }

    .voucherboxleft ul li:last-child {
        width: 60%;
    }

    .voucherdetails h3 {
        font-size: 18px;
    }

    .voucherdetails h4 {
        font-size: 16px;
    }

    .vouchervalidity span {
        font-size: 14px;
        width: fit-content;
        padding: 6px 30px;
        margin: 0px auto;
        min-width: 220px;
    }

    .configurrightbtn {
        font-size: 16px;
        padding: 8px 15px;
    }

    .voucher-template .configurrightbtn {
        font-size: 14px;
        width: fit-content;
        margin: 10px auto;
        min-width: 250px;
        margin-bottom: 0px;
    }

    .voucherbackbtn {
        font-size: 16px;
        padding: 8px 15px;
    }

    /*  */

    .termconditionfit {
        width: 95%;
        margin-bottom: 2em;
        margin-left: 0px !important;
    }

    .termlogo h2 {
        width: 100%;
        font-size: 22px;
    }

    .termhead label {
        font-size: 11px;
    }

    .termhead p {
        font-size: 14px;
    }

    .termrow .form-group {
        margin-top: 10px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 16px;
    }

    /*  */

    .mcviewpromo {
        /* margin-bottom: 2em; */
        margin: 5px 5px 2em 5px;
    }

        .mcviewpromo .brandlogo {
            margin: 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        padding: 6px 20px;
        font-size: 12px;
    }


    /* dealer dashboard */

    .merchantdashboardfix {
        margin-left: 0px;
        width: 100%;
    }

    .promolistingbox {
        margin: 0px;
    }

    .merchantpromolist .nav-tabs .nav-link.active {
        padding: 8px 19px 4px 19px !important;
        font-size: 12px;
    }

    .merchantpromolist .nav-tabs .nav-link {
        padding: 8px 19px 4px 19px !important;
        font-size: 12px;
    }

    .checkbox-dropdown-list {
        left: -95px;
        font-size: 10px;
        width: 150px;
    }

    .promoheading h2 {
        font-size: 14px;
    }

        .promoheading h2 span {
            font-size: 12px;
        }

    .mypromobox {
        position: relative;
    }

    .dashboardfixpromo {
        width: 95%;
        margin: 0 auto;
    }

    .frontqrdetails {
        padding-left: 10px;
    }

    .padleft {
        padding-left: 10px;
    }

    .mypromolistbox {
        width: 100%;
    }

    .overview-main .formbox {
        margin-top: 5px;
    }

    #dvSucessfullySendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    #dvsale_5 .formbox {
        padding: 0.5em 1em;
    }

    #dvPaymentLink {
        width: 80%;
        margin-top: -10px;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1.5em;
    }

    /* ---emin */


    .product-overview {
        width: 70%;
    }

    .selectproductlist {
        min-height: 350px;
        height: auto;
    }

        .selectproductlist img {
            width: auto;
            max-height: 340px;
        }

    .brandemilistfix {
        width: 80%;
        margin: 0 auto;
    }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-bottom: 2.5em;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .product-overview {
        margin: 1em auto 1em;
    }

    .emiselectbanktable table tbody tr td {
        padding: 0.5rem 1.0rem;
        line-height: 18px;
    }

    .emiselectbanktable table {
        width: max-content;
        display: block ruby;
    }

    .emiselectbanktable {
        width: 100%;
        display: flex;
        overflow: scroll;
        margin-bottom: 0px;
        padding: 5px;
        margin-top: 0px;
    }

        .emiselectbanktable tbody {
            font-size: 12px;
        }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 12px;
        padding: 10px 12px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 10px 12px;
    }

    /*  */
    .configuretabs .nav-link.active {
        font-size: 12px;
    }

    .finalconfigur-promo {
        margin: 1em 0px 2em 0em;
    }

    .tabsbox {
        padding: 5px 10px;
    }

    .tab-content > .active {
        padding: 0px 0px;
        display: contents;
    }

    .searchbox {
        padding: 0.5em 2em;
    }


    /* add on new responsive */

    .brandlist ul li {
        float: left;
        width: 33%;
    }

    .owl-carousel.owl-drag .owl-item .active {
        margin: 0px 10px;
    }

    .merchantbonuspromo h2 {
        margin-bottom: 0px;
    }

    .qrsmstext {
        font-size: 8px;
    }

    .attachfile p {
        display: inline-block;
        width: fit-content;
        font-size: 14px;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    .pagifloatright {
        float: inherit;
    }

    .bonusclub-pagination {
        margin-bottom: 0.5em;
    }

    .dataTables_length {
        /*padding: 1px 0px 10px 0px;*/
        text-align: center;
        position: inherit;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }
    /*------------*/
    .managediscountvisible {
        font-size: 16px;
    }

    .redeembtn {
        margin: inherit;
        left: 20px;
    }

    .managediscount {
        right: 5px;
    }

    .managediscountshow {
        right: 5px;
        padding: 5px 6px 8px 5px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .loginhomekyc {
        width: 70%;
        margin: 0 auto;
    }
    /*  */
    .intro-content {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }

        .intro-content h2 {
            font-size: 35px;
        }

        .intro-content p {
            font-size: 15px;
            padding: 0px;
        }
    /*  */
    .showtab {
        padding: 0.4em 0px 2.1em 0px;
    }

    .brandemishowtab {
        padding: 0.3em 0px 1em 0px !important;
    }

    #errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 0px;
    }

    .errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 0px;
    }

    .errortxt {
        font-size: 12px;
    }

    .errortxt-otp {
        font-size: 13px;
    }

    .checkout {
        width: 100%;
    }

        .checkout .step.active .step-label {
            font-size: 10px;
        }

        .checkout .step.show .step-label {
            font-size: 10px;
        }

        .checkout .step.completed .step-label {
            font-size: 10px;
        }

    .overview-main {
        width: 80%;
    }

    .formbox {
        padding: 1em 2em;
    }

    #dvEMISale_5 .formbox {
        padding: 1em 1em;
    }

    #dvConfirmSendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    .overview-main h2 {
        font-size: 20px;
    }

    .form-group select {
        font-size: 13px;
    }

    .formbox .overviewbtn {
        font-size: 16px;
        padding: 8px 8px;
    }

    .control-label {
        font-size: 14px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 12px;
    }
    /*  */
    .kycdiv {
        padding-top: 0px;
    }

    .kycintro-right {
        width: 240px;
        height: 239px;
        margin: 20px auto;
    }

    .intro-content h2 {
        padding: 0;
    }

    .intro-content .introbtn {
        padding: 8px 30px;
        font-size: 14px;
        top: 1em;
    }

    .intro-content .joinbtn {
        padding: 8px 30px;
        font-size: 14px;
        top: 1em;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 5px;
    }
    /*  */
    .congratulation-main {
        width: 80%;
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .congratubox .contxt1 {
        font-size: 16px;
    }
    /*  */
    .pgregistration-main {
        width: 100%;
        margin: 0em auto;
        text-align: center;
        padding: 0px;
    }
    /**/
    .dashboardview {
        padding: 1em 10px;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        .dashmenubox img {
            height: 43px;
        }

        .dashmenubox p {
            font-size: 16px;
            padding-top: 0.5em;
        }

    .dashboardftr {
        display: none;
    }

    .fotresponsive {
        display: none;
    }
    /**/
    .backmenucurm {
        padding: 0.5em 1em 0.3em 1em;
    }

        .backmenucurm a {
            font-size: 13px;
        }
    /*  */
    .emiselectbanktable {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 13px;
        margin-top: 0px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .emiselectbanktable::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .emiselectbanktable::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }


    .emibtn a {
        font-size: 16px;
    }

    .emiselectbanktable table {
        width: max-content;
        display: block ruby;
    }

        .emiselectbanktable table th:nth-child(1) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(2) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(3) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .emiselectbanktable table th:nth-child(4) {
            width: auto;
            padding: 0.5em 1.0em;
        }

    .emiselectbank table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .emiselectbanktable table tbody tr td {
        padding: 0.5rem 1.0rem;
    }

    .emiselectbanktable table thead th {
        font-size: 14px;
    }

    .emi-table {
        margin-left: 0px;
    }

    .emibtn {
        text-align: center;
        margin: 10px 0px;
    }

    .bankselectbox {
        width: 90%;
        margin: 1em auto;
    }

    .owl-slider {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 2em;
    }
    /*  */
    .brandlist a {
        width: 120px;
        height: 119px;
        margin: 10px auto;
    }

        .brandlist a img {
            margin-top: 0em;
        }

    .brandlist ul {
        margin-top: 0px;
    }
    /* .brandlist a .catelistproduct {
    height: 60px;
  } */
    .brandlist a p {
        font-size: 12px;
        margin-bottom: 0px;
        bottom: 2px;
    }

    .brandemiproduct {
        width: 100%;
        padding: 1em 0px;
        margin: 0 auto;
    }
    /*  */
    .overview-mainbrandemi {
        width: 100%;
        margin: 1em auto;
    }


    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 50%;
    }

    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
    }

    .nobtn {
        font-size: 16px;
    }

    .smslinkbox p {
        font-size: 12px;
        margin-bottom: 1em;
    }
    /*  */
    .transactionfilter ul li:nth-child(1) {
        width: 100%;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }

    .transaction-heading h2 {
        font-family: Muli-Bold;
        font-size: 20px;
    }

    .trasnsearch {
        margin-bottom: 10px;
    }

    .menufilter {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .transaction-table {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        /*    margin-bottom: 10px;*/
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .transaction-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .transaction-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }


        .transaction-table table {
            /* width: max-content;
    display: block ruby; */
            /*width:max-content;*/
            width: 100%;
        }

            .transaction-table table th:nth-child(1) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(2) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(3) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(4) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .transaction-table table th:nth-child(5) {
                width: auto;
                padding: 0.5em 1.0em;
            }

        .transaction-table tbody tr td {
            padding: 0.5rem 1.0rem;
        }

    .sectionfix {
        margin: 0em 0.1em;
        margin-bottom: 5em;
    }

    .transaction-heading {
        padding: 1em 0px 0.5em 0px;
        text-align: center;
    }
    /*  */
    .breakup-main {
        width: 90%;
    }
    /*  */
    .manageuser-section {
        width: 100%;
        margin: 0px auto;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        /*padding: 1em;*/
        padding: 0px;
    }


    .manageuser-table {
        width: 100%;
        /* display: flex; */
        overflow: auto;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: -5px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        margin-bottom: 3em;
    }

        .manageuser-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .manageuser-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }



    .marnonebtn {
        /*  margin-bottom: 20px;
  margin-top: 8px;*/
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .responstable td:first-child {
        text-align: center;
    }

    .responstable th:first-child {
        text-align: center;
    }

    .responstable td {
        font-size: 11px;
    }

    .responstable th {
        font-size: 14px;
    }

    .responstable .actionbtn {
        font-size: 10px;
        /*padding: 6px 7px;*/
        width: max-content;
    }

    .manageuser-search .search {
        font-size: 18px;
        text-align: center;
    }

    .manageuser-search .reset {
        font-size: 18px;
        text-align: center;
    }

    .login {
        background-image: url(../images/bg-768.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: 0 auto;
    }

    .login-form {
        /*transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;*/
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .bonuslogo img {
        height: 45px;
        margin-bottom: 10px;
    }

    .loginhomekyc h2 {
        margin-bottom: 1.2em;
    }

    .emiproductbox {
        width: 100%;
    }

    .branemibtn a {
        width: 100%;
        font-size: 18px;
    }

    .validationlistbox {
        margin-left: 0px;
        margin-top: 2em;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }

    .selectfilter select {
        margin-bottom: 10px;
    }

    input[id^="tab"]:checked ~ .tab-content {
        height: auto;
    }

    .pgcard .form-group select {
        margin-bottom: 10px;
    }

    .pgcard .form-group input {
        padding-left: 55px;
    }
    /* transaction failed css */
    .transfailedbox table {
        font-size: 14px;
    }

    .uploadlist button {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 5px;
        width: fit-content;
    }

    .uploadlist .file {
        width: 40px;
        height: 39px;
        margin-top: 5px;
    }

    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        top: 5px;
        height: 15px;
    }

    .uploadlist .file i {
        font-size: 18px;
        top: 7px;
    }

    .uploadkyc .notetxt {
        font-size: 12px;
    }

    .pgbankenterbox ul li p {
        font-size: 14px;
    }

    .pgbankenterbox ul li img {
        max-height: 33px;
        max-width: 80%;
        height: auto;
    }

    .camerapopup .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }

    .camerapopupbusiness .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }

    .camerapopup #webcamPOA {
        width: 100% !important;
    }

    .dashboardview h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }

    #webcamPOA video {
        width: 100% !important;
    }

    .camerapopupbusiness #webcambusinessp {
        width: 100% !important;
    }

    #webcambusinessp video {
        width: 100% !important;
    }

    .overview-mainbrandemi .overview-main {
        width: 80%;
    }

    #dvPaymentLink {
        width: 80%;
        margin-top: -10px;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 5em 1em 5em;
    }

    .requiredbox ul {
        font-size: 13px;
    }

    .form-group input {
        height: 45px;
        font-size: 12px;
        padding-left: 50px;
    }

    .form-group select {
        height: 45px;
        font-size: 12px;
        padding-left: 50px;
    }

    .uploadkyc h3 {
        font-size: 18px;
    }

    .attachfile {
        font-size: 12px;
        display: flow-root;
        word-break: break-all;
        position: relative;
    }

        .attachfile img {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translate(-50%, -50%);
        }

        .attachfile .uploadsqure {
            position: absolute;
            top: 50%;
            left: 8%;
            transform: translate(-50%, -50%);
        }

        .attachfile p {
            display: inline-block;
            width: fit-content;
            font-size: 14px;
            margin-bottom: 0px;
            padding-left: 20px;
        }

    .uploadkyc .doculocktxt {
        font-size: 12px;
    }
    /*  */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    .pgbankenterbox ul li {
        height: 60px;
    }

    /* ----------Dealer Module -------------- */

    .scanepromofit {
        width: 80%;
    }

    .voucherbackbtn {
        font-size: 14px;
        padding: 8px 15px;
    }

    .scanepromofit .overviewbtn {
        padding: 8px 30px;
        font-size: 14px;
    }

    .promoactivatefit {
        width: 100%;
        margin-bottom: 2em;
    }

        .promoactivatefit .voucher-template {
            margin-bottom: 1em;
        }

        .promoactivatefit .configurrightbtn {
            width: fit-content;
            margin: 0 auto;
        }

    .voucher-template {
        margin: 10px 0px;
        margin-bottom: 2em;
    }

    .voucherboxleft ul li:first-child {
        width: 40%;
    }

    .voucherboxleft ul li:last-child {
        width: 60%;
    }

    .voucherdetails h3 {
        font-size: 18px;
    }

    .vouchervalidity span {
        font-size: 14px;
        width: fit-content;
        padding: 6px 30px;
        margin: 0px auto;
        min-width: 220px;
    }

    .configurrightbtn {
        font-size: 14px;
        padding: 8px 15px;
    }

    .onloadcl .modal-content {
        max-width: 400px;
        margin: 0 auto;
    }

    .voucher-template .configurrightbtn {
        font-size: 14px;
        width: fit-content;
        margin: 10px auto;
        min-width: 250px;
        margin-bottom: 0px;
    }
    /*  */

    .termconditionfit {
        width: 95%;
        margin-bottom: 2em;
    }

    .termlogo h2 {
        width: 100%;
        font-size: 22px;
    }

    .termhead label {
        font-size: 10px;
    }

    .termhead p {
        font-size: 12px;
    }

    .termrow .form-group {
        margin-top: 10px;
    }

    /*  */

    .mcviewpromo {
        /* margin-bottom: 2em; */
        margin: 5px 5px 2em 5px;
    }

        .mcviewpromo .brandlogo {
            margin: 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
        padding-top: 4px;
    }

    .mcviewpromo .btn {
        padding: 6px 20px;
        font-size: 12px;
    }

    /* dealer dashboard */

    .merchantdashboardfix {
        width: 100%;
        margin-left: 0px;
    }

    .promolistingbox {
        margin: 0px;
    }

    .nav-tabs {
        border: none;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        padding: 6px 20px;
        font-size: 14px;
    }

    .promolistingbox .nav-tabs .nav-link {
        padding: 6px 20px;
        font-size: 14px;
    }

    .checkbox-dropdown-list {
        left: -95px;
        font-size: 10px;
        width: 150px;
    }

    .customerpromolist .card-header button {
        padding: 0px;
    }

    .promoheading h2 {
        width: 100%;
    }

        .promoheading h2 span {
            display: initial;
        }

    .promoheading h2 {
        font-size: 13px;
    }

        .promoheading h2 span {
            font-size: 10px;
        }

    .mypromobox {
        position: relative;
    }

    .dashboardfixqr {
        padding: 10px 0px 2px 0px;
    }

    .dashboardfixpromo {
        width: 95%;
        margin: 0 auto;
    }

    .frontqrdetails {
        padding-left: 10px;
    }

        .frontqrdetails .Short-Description {
            font-size: 16px;
        }

    .promodatebox span {
        padding: 8px 5px;
        font-size: 12px;
    }

    .merchantcalenderfit {
        height: auto;
    }

    .padleft {
        padding-left: 10px;
    }

    .calendergrid1 {
        width: 65%;
    }

    .calendergrid2 {
        width: 35%;
    }

    .salingbox {
        padding: 12px 5px;
        margin: 0.5em 0px 1em 0px;
    }

    .otpbox ul input {
        margin: 0px 4px;
    }

    .otptxt {
        padding: 8px 12px;
    }

    .overview-main .formbox {
        margin-top: 5px;
    }

    #dvPaymentLink .formbox {
        padding: 1em 1em;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 1em 1em;
    }

    .smsbox .formbox {
        padding: 1em 1em;
    }

    #dvsale_5 .formbox {
        padding: 0.5em 1em;
    }

    /* ---emin */


    .product-overview {
        width: 70%;
    }


    .brandemilistfix {
        width: 80%;
        margin: 0 auto;
    }

    .selectproductlist {
        min-height: 350px;
        height: auto;
    }

        .selectproductlist img {
            width: auto;
            max-height: 340px;
        }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-bottom: 2.5em;
    }

    .owl-nav span {
        font-size: 40px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .overviewbtnfit {
        font-size: 16px;
    }

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 14px;
        padding: 10px 12px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 11px 12px;
    }
    /*  */
    .configuretabs .nav-link.active {
        font-size: 12px;
    }

    .finalconfigur-promo {
        margin: 1em 0px 2em 0em;
    }

    .tabsbox {
        padding: 5px 10px;
    }

    .tab-content > .active {
        padding: 0px 0px;
        display: contents;
    }

    .searchbox {
        padding: 0.5em 2em;
    }


    /* add on new responsive */

    .brandlist ul li {
        float: left;
        width: 33%;
    }

    .owl-carousel.owl-drag .owl-item .active {
        margin: 0px 10px;
    }

    .merchantbonuspromo h2 {
        margin-bottom: 0px;
    }

    #dvPaymentLinkConfirmation {
        width: 80%;
        margin-top: -10px;
    }

    #dvsale_4 .formbox {
        padding: 0.5em 1em;
    }

        #dvsale_4 .formbox .overviewbtn {
            padding: 8px 8px;
        }

    #dvSucessfullySendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    .input-group-cvv i {
        left: -8px;
    }

    .qrsmstext {
        font-size: 8px;
    }

    .overviewbtnfull {
        text-align: center;
        display: flow-root;
        font-size: 12px;
        padding: 5px 20px;
    }

    .bcemiamt {
        display: block;
        width: 100%;
        position: initial;
        top: initial;
        margin-top: 5px;
        transform: none;
    }

    .pagifloatright {
        float: inherit;
    }

    .bonusclub-pagination {
        margin-bottom: 0.5em;
    }

    .dataTables_length {
        /*padding: 1px 0px 10px 0px;*/
        text-align: center;
        position: inherit;
    }

    .overviewbtnfull .emibtntext {
        padding: 0px;
    }

    .tcagree {
        font-size: 16px;
        padding: 8px 10px;
    }

    /*----------*/
    .redeembtn {
        margin: inherit;
        left: 20px;
    }

    .managediscountvisible {
        font-size: 16px;
    }

    .managediscount {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
        display: block;
    }

    .managediscountshow {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
    }
}


@media only screen and (max-width: 480px) {
    .kycdiv {
        padding-top: 1em;
    }

    .kyc-intro {
        padding: 1em 0em 1em 1em;
    }

    .intro-content h2 {
        font-size: 30px;
    }

    .intro-content p {
        padding: 0px;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .kycintro-right {
        width: 220px;
        height: 219px;
        margin: 15px auto;
    }

    .intro-content {
        padding: 1em 0em 2em 1em;
    }

    .checkout .step.active .step-label {
        font-size: 12px;
    }

    .checkout .step.show .step-label {
        font-size: 12px;
    }

    .uploadkyc h3 {
        font-size: 20px;
    }

    .checkout {
        width: 98%;
    }

    .overview-main {
        width: 100%;
        margin-top: 0.2em;
        /* margin: 1em 10px; */
    }

        .overview-main h2 {
            font-size: 15px;
        }

    #dvEMISale_2 .container {
        padding: 0px 5px;
    }

    .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }

    .cardfield select {
        font-size: 13px;
    }

    .requiredbox {
        padding: 15px 25px;
    }

    .savecard input[type="checkbox"] + label {
        font-size: 11px;
    }

    .checkout .step.completed .step-label {
        font-size: 12px;
    }

    header .navbar .userProfile .subnav-content {
        bottom: -10.0rem !important;
    }

    .searchbox {
        padding: 0.5em 1em;
    }

    .popularbanklist li span {
        font-size: 9px;
    }

    .checkout .step-label {
        top: 2.8em;
        line-height: 12px;
    }

    .checkout .step.completed .step-label {
        font-size: 9px;
    }

    .checkout .step.active .step-label {
        font-size: 9px;
    }

    .checkout .step.show .step-label {
        font-size: 9px;
    }

    .bonuslogo img {
        height: 40px;
        margin-bottom: 10px;
    }

    .loginhomekyc h2 {
        margin-bottom: 1.2em;
    }

    .verifytxt h2 {
        font-size: 16px;
        margin: 0.3em 0px 0.3em 0px;
    }

    .congratubox .contxt1 {
        font-size: 12px;
    }

    .otpbox ul {
        width: 95%;
    }

        .otpbox ul li input {
            height: 40px;
        }

        .otpbox ul li {
            margin: 0 3px;
        }

        .otpbox ul input {
            margin: 0px 5px;
            width: inherit;
        }

    .validicon-otp img {
        top: 15px;
    }

    .otperror {
        font-size: 12px;
        margin-bottom: 12px;
        padding: 7px 20px;
    }

    .validicon-otp {
        right: -25px;
        top: -4px;
    }

    .formbox {
        margin-bottom: 0px;
    }

    .congratulation-main {
        width: 100%;
    }

    .control-label {
        font-size: 13px;
        margin-top: -12px;
        margin-left: 45px
    }

    .congratubox .regcongpic {
        height: 150px;
    }

    .pgregistration-main {
        width: 100%;
        margin: 0em auto;
        padding: 0px;
    }

    .finalpaid {
        width: 90%;
        font-size: 25px;
        padding: 5px 20px;
        margin: 15px auto;
    }

        .finalpaid span {
            font-size: 15px;
        }

    .totalpaid {
        font-size: 13px;
        margin: 2em auto;
    }

        .totalpaid span {
            font-size: 22px;
        }

    input[id^="tab"]:checked ~ .tab-content {
        height: auto;
    }

    .pgregistrationbox h2 {
        font-size: 22px;
    }

    .pyttxt p {
        font-size: 11px;
    }

    .pyttxt {
        padding: 5px 1px;
    }

    .paysucdetails {
        margin: 0px 1em;
    }

    .pgorderdetails {
        padding: 10px;
    }

    .ordtxt p {
        font-size: 12px;
    }

    .extbold {
        font-size: 15px !important;
    }

    .footer-navbar {
        display: none !important;
    }

    .kycbox {
        padding: 1.5em 1em;
    }

    .uploadkyc .notetxt {
        margin-top: 0px;
        padding: 1px;
        font-size: 12px;
    }

    .congratubox .contxt2 {
        width: 95%;
    }

    .congratubox .contxt3 {
        font-size: 13px;
        width: 95%;
        margin: 10px auto;
    }

    .dashboardview ul li {
        width: 50%;
    }

    .dashmenubox {
        width: 130px;
        height: 128px;
        margin: 10px auto;
    }

    .dashboardview {
        padding: 1em 0px;
    }

        .dashboardview ul {
            margin-top: 0px;
        }

    .dashmenubox img {
        height: 40px;
    }

    .dashmenubox p {
        font-size: 16px;
        padding-top: 0.5em;
    }

    .backmenucurm a {
        font-size: 10px;
    }

    .backmenucurm i {
        /* padding-right: 10px; */
    }

    .nobtn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .form-grouptxt .validicon img {
        right: -10px;
    }

    .slidermar {
        margin-left: 0px;
    }

    .bankselectbox {
        width: 100%;
        margin: 1em auto;
    }

    .emi-table > thead > tr > th {
        font-size: 10px;
    }

    .emi-table {
        width: 100%;
        margin: 1em 0px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .owl-carousel .owl-stage-outer {
        margin-left: 0px;
    }

    .backmenucurm {
        padding: 0.4em 1em 0.3em 1em;
    }

    .emibtn {
        margin: 4px auto;
    }

    .owl-slider {
        margin-bottom: 2em;
    }

    .emibtn a {
        width: auto;
    }

    .emi-table > tbody > tr {
        font-size: 14px;
    }

    .emitr1 {
        width: 50px;
    }

    .otptxt {
        padding: 0px 12px 8px 12px;
    }

    .pgtxntdetails {
        padding: 10px 15px;
    }

    .ordtxt span {
        font-size: 10px;
    }

    .pgbankenterbox {
        width: 96%;
        margin-bottom: 2em;
    }

        .pgbankenterbox ul li p {
            font-size: 11px;
            padding: 6px 0px;
        }

        .pgbankenterbox ul li img {
            max-height: 30px;
            max-width: 80%;
            height: auto;
        }

    .txtcard {
        margin: 0px 1em;
    }

    .pgcard input {
        font-size: 12px;
    }

    .emipgsucess {
        padding: 0px;
    }

    .brandlist ul {
        margin-top: 0px;
        padding: 0px;
    }

    .brandemiproduct {
        width: 100%;
        padding: 1em 12px;
        margin: 0 auto;
        margin-bottom: 1em;
    }

    .emiproductbox {
        margin-bottom: 10px;
        width: 100%;
    }

    .searchschemebtn a {
        width: 100%;
        font-size: 18px;
    }

    .selectproductlist img {
        width: auto;
        max-height: 290px;
    }

    .selectproductlist ul li {
        padding: 4px 0px;
    }

    .overview-mainbrandemi {
        width: 100%;
        margin: 0.5em auto 1em auto;
        margin-bottom: 2.5em;
    }

    .schemetablebox {
        display: flow-root;
    }

    .gridtable {
        width: 50%;
    }

    .smsbox .formbox {
        padding: 0.5em 0.5em;
        width: 100%;
        margin: 0px auto;
    }

    .manageuser-section {
        width: 100%;
        margin: 0px auto;
    }

    .bridcurmuser {
        margin-top: 10px;
        font-size: 10px;
    }

        .bridcurmuser a {
            font-size: 14px;
        }

    .manageuser-search {
        /*padding: 1em;*/
        padding: 0px;
    }

    .marnonebtn {
        /*    margin-bottom: 20px;
    margin-top: 8px;*/
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .responstable td:first-child {
        text-align: center;
    }

    .responstable th:first-child {
        text-align: center;
    }

    .logomargin {
        margin-left: 0px;
    }

    .loginbtn {
        margin-right: 0px;
        font-size: 11px;
    }

    .transactionfilter ul li:nth-child(1) {
        width: 100%;
    }

    .transactionfilter ul li:nth-child(2) {
        width: 100%;
    }

    .transactionfilter {
        padding: 10px 12px;
        margin-bottom: 0px;
    }

    .transaction-heading h2 {
        font-family: Muli-Bold;
        font-size: 20px;
    }

    .trasnsearch {
        margin-bottom: 10px;
    }

    .menufilter {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .transaction-table {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        /*    margin-bottom: 10px;*/
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .transaction-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .transaction-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

    .breakupbody {
        padding: 0.5rem 0px;
    }

    .transaction-table table {
        /* width: max-content;
    display: block ruby; */
        width: max-content;
        min-width: 100%;
    }

        .transaction-table table th:nth-child(1) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .transaction-table table th:nth-child(2) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .transaction-table table th:nth-child(3) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .transaction-table table th:nth-child(4) {
            width: auto;
            padding: 0.5em 1.0em;
        }

        .transaction-table table th:nth-child(5) {
            width: auto;
            padding: 0.5em 1.0em;
        }

    .transaction-table tbody tr td {
        padding: 0.5rem 1.0rem;
        font-size: 13px;
    }

    .sectionfix {
        margin: 0em 0.1em;
    }

    .transaction-heading {
        padding: 1em 0px 0.5em 0px;
        text-align: center;
    }

    .manageuser-search .search {
        font-size: 18px;
        text-align: center;
    }

    .manageuser-search .reset {
        font-size: 18px;
        text-align: center;
    }

    .breakup-main {
        width: 100%;
        margin: 1px auto;
    }

    .showtab {
        width: 700px;
        overflow: scroll;
        padding: 0.2em 0px 2.0em 0px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }


        .showtab::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .showtab::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }



    .brandemishowtab {
        padding: 0.1em 0px 1.2em 0px;
    }

    .checkout {
        width: 700px;
        margin-left: -30px;
    }

    .datebox input {
        font-size: 15px;
        width: 70%;
    }

    .datebox label {
        width: 30%;
    }

    .loginhomekyc {
        width: 90%;
    }

    .form-group select {
        height: 45px;
        font-size: 1rem;
        padding-left: 45px;
    }

    .form-group input {
        height: 45px;
        font-size: 1rem;
        padding-left: 45px;
    }

    .input-group-cvv img {
        left: -8px;
        top: 3px;
        height: 22px;
    }

    .loginhomekyc .input-group-cvv img {
        left: -8px;
        top: 6px;
        height: 20px;
    }

    .form-group .control-label {
        font-size: 1rem;
        margin-top: -15px;
        margin-left: 50px;
    }

    .notetxt {
        font-size: 11px;
    }

    .errortxt {
        font-size: 11px;
        /* margin-top: -25px; */
    }

    .errortxt-otp {
        margin-top: 0px;
        font-size: 11px;
    }

    #errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 5px;
    }

    .errormsg {
        font-size: 12px;
        padding: 0px 10px;
        margin: 10px auto 0px;
    }

    .uploadlist .file {
        width: 40px;
        height: 39px;
        margin-top: 5px;
    }

    .uploadlist .uploadprev {
        top: 5px;
    }

    .uploadlist .file img {
        height: 15px;
        top: 5px;
    }

    .uploadlist .file i {
        font-size: 18px;
        top: 7px;
    }

    .uploadlist .uploadprev {
        height: 40px;
        width: 40px;
    }

    .attachfile {
        font-size: 14px;
        height: auto;
        display: flow-root;
        word-break: break-all;
        position: relative;
    }

        .attachfile img {
            position: absolute;
            top: 50%;
            left: 8%;
            transform: translate(-50%, -50%);
        }

        .attachfile .uploadsqure {
            position: absolute;
            top: 50%;
            left: 8%;
            transform: translate(-50%, -50%);
        }

        .attachfile p {
            display: inline-block;
            width: 150px;
            font-size: 12px;
            margin-bottom: 0px;
            padding-left: 20px;
        }

    .uploadkyc .doculocktxt {
        font-size: 12px;
        text-align: justify;
    }

    .selectarrow::after {
        top: 7px;
        width: 24px;
        height: 21px;
        right: 7px;
    }

    .formbox .overviewbtn {
        font-size: 14px;
        padding: 8px 0px;
    }

    #dvEMISale_5 .formbox .overviewbtn {
        padding: 8px 8px;
    }

    .nobtn {
        font-size: 14px;
        padding: 8px 10px;
    }

    .form-group input:focus-visible {
        border: 2px solid #6619AB;
    }

    .uploadkyc .overviewbtn {
        font-size: 14px;
    }

    .congratubox h2 {
        font-size: 22px;
    }

    .intro-content .introbtn {
        padding: 8px 30px;
        font-size: 14px;
        top: 1.5em;
    }

    .intro-content .joinbtn {
        padding: 8px 30px;
        font-size: 14px;
    }

    .owl-nav button.owl-prev {
        left: 0px;
    }

    .owl-nav button.owl-next {
        right: 0px;
    }

    .emiselectbanktable {
        width: 100%;
        /* display: flex; */
        overflow: scroll;
        margin-bottom: 0px;
        padding: 8px;
        margin-top: 0px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .emiselectbanktable::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .emiselectbanktable::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }


        .emiselectbanktable table {
            width: max-content !important;
            display: block ruby;
        }

            .emiselectbanktable table th:nth-child(1) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(2) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(3) {
                width: auto;
                padding: 0.5em 1.0em;
            }

            .emiselectbanktable table th:nth-child(4) {
                width: auto;
                padding: 0.5em 1.0em;
            }

    .emiselectbank table th:nth-child(5) {
        width: auto;
        padding: 0.5em 1.0em;
    }

    .emiselectbanktable table tbody tr td {
        padding: 0.5rem 1.0rem;
    }

    .emiselectbanktable table thead th {
        font-size: 14px;
    }

    .emibtn a {
        padding: 8px 30px;
        font-size: 14px;
    }

    .fotresponsive {
        display: none;
    }

    .dashboardview h2 {
        padding: 10px 30px;
        text-align: left;
        margin-bottom: 0px;
    }
    /*  */
    .brandlist a {
        width: 130px;
        height: 129px;
        margin: 10px auto;
    }

        .brandlist a img {
            margin-top: 0em;
        }
        /* .brandlist a .catelistproduct {
    height: 60px;
  } */
        .brandlist a p {
            font-size: 12px;
            margin-bottom: 0px;
            bottom: 2px;
        }

    .pgregistrationbox .pgcongpic {
        height: 200px;
        margin-bottom: 0.5em;
    }
    /*  */
    .promomar {
        margin-bottom: 1em;
    }

        .promomar h2 {
            font-size: 18px;
            font-family: Muli-Bold;
            margin-top: 0px;
        }

    .promobtnmar {
        margin: 0px;
    }

    .promomar img {
        height: 130px;
    }

    .promoapply {
        width: 110px;
        line-height: 34px;
        height: 40px !important;
        padding-top: 20px;
        margin-top: 15px !important;
    }

    .savecard input[type=checkbox] + label {
        padding: 0px;
    }

    .savecard {
        margin-top: 0px;
        height: 30px;
        display: flex;
    }

    .checkout .step.active .step-icon {
        font-size: 10px;
    }

    .checkout .step-icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .checkout .step.show .step-icon {
        font-size: 10px;
    }

    .requiredbox h3 {
        font-size: 16px;
    }

    .requiredbox ul {
        font-size: 13px;
    }

    .kycrequiredbox h3 {
        font-size: 16px;
    }

    .kycrequiredbox ul {
        font-size: 13px;
    }

    .uploadkyc .overviewbtn {
        width: fit-content;
    }

    .login {
        background-image: url(../images/bg-768.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        margin: 0 auto;
    }

    .login-form {
        /*transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;*/
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .frmheight {
        height: auto !important;
        margin-bottom: 1em;
    }

    header .navbar .logo img {
        max-width: 105px;
    }

    header .navbar .userProfile .userName {
        font-size: 12px;
    }

    .branemibtn a {
        width: 100%;
        font-size: 18px;
    }

    .validationlistbox {
        margin-left: 0px;
    }

        .validationlistbox ul li {
            font-size: 14px;
        }

    .selectfilter select {
        margin-bottom: 10px;
    }

    .pgcard {
        padding: 10px 8px;
    }

    .tab-group {
        width: 95%;
    }

    .pgcard .form-group select {
        margin-bottom: 10px;
    }

    .pgcard .form-group input {
        padding-left: 55px;
    }
    /* transaction failed css */
    .transfailedbox table {
        font-size: 12px;
    }

    /*  */
    .uploadlist ul li:nth-child(2) {
        font-size: 12px;
        width: 30%;
    }

    .uploadlist ul li:nth-child(3) {
        width: 17%;
        float: left;
    }

    .uploadlist ul li:nth-child(4) {
        width: 17%;
        float: left;
    }

    .uploadlist ul li:nth-child(5) {
        width: 30%;
        float: left;
    }

    .uploadlist button {
        font-size: 12px;
        margin-top: 6px;
        width: fit-content;
        padding: 8px 15px;
    }

    .camerapopup .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }

    .camerapopupbusiness .modal-dialog {
        max-width: 300px;
        margin: 2.75rem auto;
    }


    .camerapopup #webcamPOA {
        width: 100% !important;
    }

    #webcamPOA video {
        width: 100% !important;
    }

    .camerapopupbusiness #webcambusinessp {
        width: 100% !important;
    }

    #webcambusinessp video {
        width: 100% !important;
    }

    .userbtn .dropdown-menu {
        width: 190px;
        margin-left: -26px;
        font-size: 10px;
    }

    .userbtn .dropdown-item {
        font-size: 10px;
    }

    .pendingbtn {
        font-size: 10px;
    }

    /* update new css changes... */

    .userbtn button {
        font-size: 14px;
    }

    .errortxt {
        margin-bottom: 0px;
    }

    .userbtn button span {
        display: none;
    }

    .selectproductpriceinput {
        font-size: 18px;
    }

    .smslinkbox p {
        margin-bottom: 1em;
        font-size: 12px;
    }

    .pgregistrationbox .pymsucesstxt {
        font-size: 12px;
    }

    .pgregistrationbox .checklogo {
        margin-top: 1em;
    }

    .breakupbtn a {
        padding: 8px 16px;
        font-size: 12px;
    }

    .overview-mainbrandemi .overview-main {
        width: 100%;
    }

    #dvPaymentLink {
        width: 100%;
    }

    .overview-mainbrandemi .Schemeboxmar {
        padding: 0.5em 1em 1em 1em;
    }

    /* -- */

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
    }

    .scanpromo-merchant a {
        font-size: 12px;
    }

    .pgbankenterbox ul li {
        height: 40px;
    }

    /* -----Dealer module-------- */

    .scanepromofit {
        width: 95%;
    }

    .voucherbackbtn {
        font-size: 14px;
        padding: 8px 15px;
    }

    .scanepromofit .overviewbtn {
        font-size: 14px;
    }


    .activateoppsbtn {
        margin: 0px;
    }

    .activateopps .configurrightbtn {
        padding: 8px 15px;
    }

    .activateopps p {
        margin: 5px 0px 5px 0px;
        font-size: 16px;
    }

    .configurrightbtn {
        font-size: 14px;
        padding: 8px 15px;
    }

    .promoactivatefit {
        width: 100%;
        margin-bottom: 2em;
    }

    .voucher-template {
        margin: 0.5em 0px 0.5em 0px;
        padding: 1em;
    }

    .voucherboxleft ul li:first-child {
        width: 100%;
    }

    .voucherbrcode {
        width: fit-content;
        margin: 0 auto !important;
        border-radius: 5px;
        box-shadow: 0px 1px 4px #ccc;
    }

    .voucherboxleft ul li:last-child {
        width: 100%;
    }

    .voucherdetails {
        padding: 0em 1em;
        text-align: center;
    }

        .voucherdetails img {
            margin: 0 auto;
        }

        .voucherdetails h3 {
            font-size: 18px;
        }

        .voucherdetails h4 {
            font-size: 16px;
        }

    .vouchervalidity span {
        font-size: 13px;
        width: fit-content;
        padding: 6px 30px;
        margin: 0px auto;
    }

    .voucher-template .configurrightbtn {
        font-size: 14px;
        width: fit-content;
        margin: 10px auto 0px auto;
    }

    .configurrightbtn i {
        font-size: 16px;
        padding: 0px 5px;
    }

    /*  */

    .termconditionfit {
        width: 95%;
        margin-bottom: 2em;
    }

    .termlogo h2 {
        width: 100%;
        font-size: 18px;
    }

    .termhead label {
        font-size: 10px;
    }

    .termhead p {
        font-size: 12px;
    }

    .introbtn {
        padding: 8px 30px;
        font-size: 14px;
    }

    /*  */

    .termlogo h4 {
        padding: 0px;
        font-size: 14px;
    }



    /*  */

    .merchantbonuspromo h2 {
        text-align: left;
        font-family: Muli-SemiBold;
        margin-bottom: 0px;
    }

    .congratubox h2 {
        text-align: center !important;
    }

    .merchantbonuspromo {
        margin: 1.2em 0px;
    }

    .mcviewpromo {
        margin-bottom: 1.5em;
    }

        .mcviewpromo .brandlogo {
            margin: 1em 0px 1em 0px;
        }

    .promonumnotification {
        width: 30px;
        height: 29px;
        font-size: 14px;
    }

    .mcviewpromo .btn {
        margin: 0px 8px;
        font-size: 12px;
        padding: 6px 10px;
        border-radius: 15px;
    }

    .mcviewpromo p {
        font-size: 10px;
    }

    .mcviewpromo .brandlogo {
        height: 35px;
    }

    /* dealer dashboard */


    .merchantdashboardfix {
        width: 100%;
        margin-left: 0px;
    }

    .promolistingbox {
        /*border-radius: 10px;*/
    }

    .promolistingbox {
        margin: 0px;
    }

    .nav-tabs {
        border: none;
    }

    .promolistingbox .nav-tabs .nav-link.active {
        padding: 1px 7px;
        font-size: 12px;
    }

        .promolistingbox .nav-tabs .nav-link.active i {
            width: 20px;
            height: 19px;
            font-size: 9px;
            line-height: 20px;
            top: 8px;
            margin-right: 3px;
        }

    .promolistingbox .nav-tabs .nav-link i {
        width: 20px;
        height: 19px;
        font-size: 9px;
        line-height: 20px;
        top: 8px;
        margin-right: 3px;
    }

    .promolistingbox .nav-tabs .nav-link {
        padding: 1px 7px;
        font-size: 12px;
    }

        .promolistingbox .nav-tabs .nav-link span {
            display: block;
            margin-left: 25px;
            top: -4px;
            position: relative;
        }

    .promolistingbox .nav-tabs .nav-link {
        padding: 1px 7px;
        font-size: 12px;
    }

    .checkbox-dropdown-list {
        left: -95px;
        font-size: 10px;
        width: 150px;
    }

    .customerpromolist .card-header button {
        padding: 0px;
    }

    .promoheading .cusprologo {
        height: 30px;
    }

    .promoheading h2 {
        font-size: 12px;
        top: 2px;
    }

        .promoheading h2 span {
            display: block;
            font-size: 10px;
            padding-left: 0px;
        }

    .mypromobox {
        position: relative;
    }

    .promotermbar img {
        height: 150px;
    }

    .customerqrpopdiv img {
        height: auto;
    }

    .dashboardfixpromo .fixpromo1 {
        width: 100%;
        text-align: center;
    }

    .frontqrdetails {
        padding-top: 1px;
    }

        .frontqrdetails .list-of-products {
            margin-bottom: 0px;
        }

    .dashboardfixpromo .fixpromo2 {
        width: 100%;
    }

    .promodatebox span {
        width: 80%;
    }

    .promodatebox span {
        width: 80%;
    }

    .find-dealer-in-voucher {
        font-size: 14px;
    }

    .padleft {
        padding-left: 10px;
    }

    .merchantcalenderfit {
        height: auto;
    }

    .calendergrid1 {
        width: 100%;
    }

    .calendergrid2 {
        width: 100%;
    }

    .salingbox {
        width: 45%;
        float: left;
        margin: 10px 7px 10px 7px;
    }

    .overview-main .formbox {
        margin-top: 5px;
    }

    #dvEMISale_5 .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }

    #dvsale_5 .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }


    #dvConfirmSendPamentLink .formbox {
        padding: 0.5em 1em;
    }

    #dvConfirmPamentLink .formbox {
        width: 95%;
        margin: 5px auto;
    }

    /* ---emin */

    .product-overview {
        width: 80%;
    }

    .brandemilistfix {
        margin-top: 0px;
    }

    .selectproductlist {
        min-height: 300px;
        height: auto;
    }

    .merchantemibox {
        margin: 0px auto;
        margin-bottom: 0px;
        margin-bottom: 2.5em;
    }

    .owl-nav span {
        font-size: 40px;
        line-height: 27px;
    }

    .merchantemibox .owl-nav button.owl-prev {
        left: -25px;
    }

    .merchantemibox .owl-nav button.owl-next {
        right: -25px;
    }

    .overviewbtnfit {
        font-size: 14px;
    }

    .radiobtnemi {
        padding: 10px 1em 1px 1em;
        margin-bottom: 0em;
        font-family: Muli-Bold;
        font-size: 12px;
    }

    .product-overview {
        margin: 1em auto 1em;
        margin-bottom: 15px;
    }


    /*  */

    .merchantpaysetletable .nav-tabs .nav-link.active {
        font-size: 12px;
        padding: 10px 20px;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        font-size: 12px;
        padding: 10px 20px;
    }

    /*  */


    .finalconfigur-promo {
        margin: 0.4em 0px 2em 0em;
    }

    .customerprofiledashboard .multitabs {
        min-height: auto;
    }

    .finalconfigur-promo .configuretabs {
        width: 100%;
        float: left;
    }

    .finalconfigur-promo .tab-content {
        width: 100%;
        float: left;
    }

    .tab-content > .active {
        padding: 0px 0px;
    }

    .customerprofiledashboard .tab-content .tabsbox {
        height: auto !important;
    }

    .fmar {
        margin: 10px 0px;
    }


    .brandprofilebr .uploadprofile ul li:last-child {
        width: 70%;
        text-align: center;
    }

    .multitabs {
        display: flow-root;
    }

    .configuretabs li {
        width: fit-content;
        height: auto;
        padding: 0px 3px;
    }

    .configuretabs .nav-link.active {
        margin-left: 0px;
    }

    .configuretabs .nav-link.active {
        border-radius: 25px;
    }

    .configuretabs .nav-link.active {
        font-size: 11px;
        padding: 5px 9px;
    }

    .configuretabs li {
        width: fit-content;
        height: auto;
        padding: 0px 3px;
    }

    .tabsbox {
        padding: 5px 10px;
    }

    .career-box {
        padding: 0em 1em;
    }


    /* add on new responsive */


    .brandlist ul li {
        float: left;
        width: 50%;
    }

    .overview-mainbrandemi .overview-main .formbox {
        padding: 0.5em 1em;
    }


    #dvPaymentLink .formbox {
        padding: 0.5em 0.5em;
    }

    #pagingDiv {
        padding: 2px 0px;
    }

    .manageuser-table {
        width: 100%;
        /* display: flex; */
        overflow: auto;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: 0px;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        margin-bottom: 2em;
    }

        .manageuser-table::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background-color: #e4e4e4;
        }

        .manageuser-table::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

    #dvPaymentLinkConfirmation {
        width: 100%;
        margin-top: -4px;
    }

    #dvsale_4 .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }

    #dvEMISale_6 .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }

    #dvSucessfullySendPamentLink .formbox {
        padding: 0.5em 1em 1.2em 1em;
    }

    #dvsale_4 .formbox .overviewbtn {
        padding: 8px 8px;
    }


    /*--qr sms resposnvie-----*/

    .qrsmsinfo ol li {
        font-size: 14px;
    }

    .qrsmsinfo p {
        margin-top: -5px;
        line-height: 13px;
        font-size: 10px;
        margin-bottom: 0px;
    }

    .brandemiproductscroll {
        max-height: 500px;
        overflow-x: hidden;
    }

    .merchantpaysetletable .nav-tabs .nav-link {
        margin: 0px 0px;
    }

    .input-group-cvv i {
        left: -8px;
    }

    .scaneprpic video {
        height: 425px;
        width: 100%;
    }

    .bcemiamt {
        display: block;
        font-size: 20px;
    }

    .qrsmstext {
        font-size: 8px;
    }

    .transactionfilter .settlebtn {
        font-size: 14px;
        margin-top: 4px;
    }

    /*#btnwithEMI {
    box-shadow: 0px 3px 1px #bebebe;
}
*/

    .responstable .actionbtn {
        padding: 6px 8px;
    }

    .form-group .imei {
        font-size: 1rem;
    }

    /*.overviewbtnfull {
    text-align:center;
    display:block;
    font-size:14px;
}
.overviewbtnfull b {
    text-align: center;
    float: inherit;
    font-size:20px;
    display:block;
}
*/

    .overviewbtnfull {
        text-align: center;
        display: flow-root;
        font-size: 12px;
        padding: 5px 20px;
    }

    .bcemiamt {
        display: block;
        width: 100%;
        position: initial;
        top: initial;
        margin-top: 5px;
        transform: none;
    }

    .pagifloatright {
        float: inherit;
        display: flow-root;
    }

    .bonusclub-pagination {
        margin-bottom: 0.5em;
    }

    .dataTables_length {
        padding: 0px;
        text-align: center;
        position: inherit;
    }

    .bonus-pagination {
        margin: 0 auto;
    }

    .overviewbtnfull .emibtntext {
        padding: 0px;
    }

    .productemi-btn a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .termbox {
        padding: 0em 1em 1em 0em;
    }

    .tcagree {
        font-size: 14px;
        padding: 8px 10px;
    }
    /*-------*/
    .managediscount {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
        display: block;
    }

    .managediscountshow {
        position: inherit;
        margin-top: 10px !important;
        width: fit-content;
        margin: 0 auto;
        right: inherit;
        top: inherit;
    }

    .managediscountvisible {
        font-size: 14px;
    }

    .notificationheader .dropdown-menu {
        width: 270px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .dashboardview {
        padding-left: 20px;
    }

    .uploadradiobox h2 {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1600px) {
    .merchant-intro {
        height: 95vh;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90%;
    }

        .container .container {
            max-width: 85%;
        }

    .overview-mainbrandemi {
        width: 800px;
    }

    .overview-main {
        width: 575px;
    }

    #dvSchemes .container {
        max-width: 80%;
    }

    .promoactivatefit {
        width: 1000px;
    }

    .uploadradiobox h2 {
        font-size: 14px;
    }
}

.textcopypast {
}

/*==================Capcha code css start=======================*/


.captchabox {
    background-color: #fff;
    padding: 0px;
    margin: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.captchaimg {
    display: block;
    padding: 5px 0px;
}

    .captchaimg img {
        padding-bottom: 1px;
        margin: 0px;
        height: 35px;
        max-width: 80%;
    }

    .captchaimg a {
        color: #683992;
        font-size: 20px;
        margin-left: 15px;
        position: relative;
        top: 4px;
    }

.capbr {
    border-right: 1px solid #ccc;
    padding-right: 0px;
}

.captchabox input {
    padding: 5px 5px;
    background-color: #fff !important;
    border: none;
    font-size: 14px;
    margin: 7px 0px;
}

    .captchabox input:focus {
        box-shadow: none;
    }


/*==================Capcha code css end=======================*/

.promoaddbank {
    height: auto;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    max-height: 35px;
    max-width: inherit;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: fit-content;
    box-shadow: 0px 0px 4px #ddd;
}


.validstar {
    color: #ff0000;
    font-weight: bold;
}

.form-group.focusedfix .control-label {
    opacity: 1;
    transform: scale(0.75);
    color: #000;
    font-size: 14px;
    font-family: Robot-Regular;
    margin-top: -10px;
    margin-left: 32px;
    background-color: #fff;
    padding: 0px 10px;
    text-align: left;
    min-width: max-content;
    z-index: 99;
    opacity: 1 !important;
}

.promopgurlpopup {
    margin-bottom: 0px;
    text-align: center;
}

.customerqrpopdiv {
    text-align: center;
}


/*=================  New Enhancement Design Code  =====================*/


.storetable {
    overflow: scroll;
}

    .storetable .manageuserbtn {
        display: inline;
    }

    .storetable tbody tr th:last-child {
        width: 120px;
    }

.storedropdown button {
    background-color: #ffffff;
    box-shadow: 0px 0px 4px #ccc;
    margin-left: 1px;
    border-radius: 5px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.storedropdown .dropdown-item {
    text-align: left;
    color: #333;
}

    .storedropdown .dropdown-item:focus, .storedropdown .dropdown-item:hover {
        background-color: #f1f1f1;
        color: #000;
    }

    .storedropdown .dropdown-item i {
        padding-right: 10px;
    }

    .storedropdown .dropdown-item span i {
        float: right;
        padding-right: 10px;
    }

.storedropdown .dropdown-menu {
    padding: 0px;
}

.previewpmdesc {
    text-align: left;
    display: flex;
    padding: 5px 0px;
    font-size: 14px;
}

    .previewpmdesc .control-label {
        margin-top: inherit;
        margin-left: inherit;
    }

    .previewpmdesc label {
        width: 120px;
        font-weight: Bold;
    }

.storeview {
    width: 900px;
}

.previewpmdesc b {
    padding-right: 10px;
}

.previewpmdesc span {
    display: table-footer-group;
    width: 66%;
}




.bhkycupload {
    margin: 0px 0px 20px 0px;
    /* margin-bottom: 1em; */
    padding: 5px 15px 5px 15px;
    background-color: #ffffffb0;
    border: 1px solid #6c3d9647;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #cccccca3;
}

    .bhkycupload .uploadkycheading {
        width: -moz-fit-content;
        width: fit-content;
        background-color: #fff;
        padding: 2px 10px;
        border: 1px solid #ccc;
        position: relative;
        top: -15px;
        /* left: 18px; */
        font-family: Muli-Regular;
        font-size: 10px;
        margin-bottom: 0px;
    }


.uploadradiobox {
    box-shadow: 0px 1px 4px #ccc;
    border-radius: 5px;
    padding: 10px 0px;
    margin: 16px 0px;
    border: none;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
}

    .uploadradiobox h2 {
        font-size: 12px;
        color: #000;
        height: 25px;
        font-family: Muli-Regular;
        padding: 0px 5px;
    }

/* .uploadradiobox label {
    cursor: pointer;
    font-size: 12px;
    font-family: Muli-Bold;
    width: 100%;
    height: 30px;
    line-height: 30px;
  }
  .uploadradiobox label input  {
    visibility: hidden;
  } */
.uploadareabox {
    padding: 0px 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0px 1px 4px #ccc;
    margin-top: 15px;
}

.uploadradiobox:hover {
    background-color: #f7eeff;
}

    .uploadradiobox:hover .docicon {
        background-color: #f7eeff;
        box-shadow: none;
    }

.uploadradiobox .active2 {
    background-color: #f7eeff;
}

#dvBusinessDocument .active2 {
    background-color: #f7eeff;
}

    #dvBusinessDocument .active2 .docicon {
        background-color: #f7eeff;
        box-shadow: none;
    }

.uploadareabox .uploadlist {
    top: -10px;
}

.myDiv {
    display: none;
    /* padding:10px; */
}

.requiredbox {
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px #ccc;
}

.attachfile {
    display: flow-root;
}


.uploadradiobox .docicon {
    width: 40px;
    height: 39px;
    line-height: 39px;
    border-radius: 50%;
    /* background-color: #f7eeff; */
    background-color: #fff;
    box-shadow: 0px -2px 3px #e8e8e8;
    margin: 0px auto;
    /* position: relative; */
    margin-top: -27px;
    margin-bottom: 10px;
    color: #6c3d96;
    font-size: 18px;
}

.uploadlist ul {
    border-radius: 5px;
}

.attachfile {
    border-radius: 5px;
}

@media only screen and (max-width: 480px) {
    .uploadradiobox label {
        line-height: 20px;
    }

    .bhkycupload .justify-content-center {
        justify-content: flex-start !important;
    }

    .uploadlist ul li:nth-child(5) {
        width: 35%;
        float: left;
    }

    .uploadlist ul li:nth-child(3) {
        width: 18%;
        float: left;
    }

    .uploadlist ul li:nth-child(4) {
        width: 18%;
        float: left;
    }
}

.specificbankpic img {
    height: 200px;
    width: auto;
    margin: 0 auto;
}




.disablefield .multiselect {
    opacity: 0.5;
    background-color: #fff;
}

.disablefield .input-multi-cvv {
    opacity: 0.5;
}

.disablefield .control-label {
    /* opacity: 0.5!important; */
    color: #999 !important;
}

.disablefield .previewleft {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.disablefield .previewright {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.disablefield {
    cursor: not-allowed;
}

    .disablefield select {
        cursor: not-allowed;
    }

    .disablefield input {
        opacity: 0.5;
        background-color: #fff;
        pointer-events: none;
        cursor: not-allowed;
    }

    .disablefield .input-group-cvv {
        opacity: 0.5;
        pointer-events: none;
        cursor: not-allowed;
    }

#dvproductlist {
    width: 100%;
    /* display: flex; */
    overflow: auto;
    max-height: 350px;
    /*margin-bottom: 10px;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    #dvproductlist::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    #dvproductlist::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.promoreportfixtable {
    max-height: 450px;
    overflow: auto;
    overflow-x: auto;
}

.promoreportscrolltable {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .promoreportscrolltable::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .promoreportscrolltable::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


.promoreportfixtable table {
    width: max-content;
    height: auto;
}

.promoreportfixtable tbody tr td {
    padding: 1.0rem 0.7rem;
    text-align: left;
}

.w-200px {
    width: 250px !important;
}


/* ------------------ New Voucher Add Design Css start ----------------------- */


.bc-mypromobox {
    background-color: #fff;
    position: relative;
    background-position: center right;
    background-size: cover;
}

.bh-vcbox {
    position: relative;
}

.bh-promoboxleft {
    padding: 5px 5px;
    text-align: center;
    margin-top: 5px;
}


.bh-qrtext {
    position: absolute;
    width: 72px;
    height: 72px;
    display: block;
    font-size: 7px;
    margin: 0 auto;
    left: -1px;
    color: #000;
    line-height: 9px;
    top: -2px;
    border: 1px dashed;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .bh-qrtext b {
        line-height: 8px;
        position: absolute;
        top: 50%;
        font-weight: normal;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 88%;
        font-size: 7px;
        background-color: rgb(255,255,255,0.9);
        padding: 2px 0px;
        color: #000;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.bh-qrscan:hover .bh-qrtext {
    border: 1px dashed;
    background-color: rgb(255,255,255,0.8);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .bh-qrscan:hover .bh-qrtext b {
        background-color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.bh-qrscan:hover {
    /* animation: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; */
    animation-play-state: paused;
}

.bh-qrscan {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    background-color: #f7f7f7e0;
    animation: zoom-in-zoom-out 2s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.bh-promoboxleft .qrbounce {
    height: 66px;
    padding: 4px;
    display: inline;
    width: auto;
}

.bh-promoboxleft p {
    font-family: Muli-Regular;
    font-size: 10px;
    color: #333;
    margin-top: 5px;
    text-align: center;
    margin-bottom: -4px;
}

.bh-qrsmstext {
    font-family: Muli-Regular;
    font-size: 6px;
    color: #333;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px;
}

.bh-validitydiv {
    display: inline-flex;
}

    .bh-validitydiv b {
        font-size: 12px;
        font-weight: normal;
    }

.bh-emiicon {
    box-shadow: none;
}

    .bh-emiicon img {
        background-color: transparent;
        height: auto;
        max-height: 25px;
        width: auto;
        margin: 0 auto;
        box-shadow: none;
    }

.bh-vouchercupounlogo {
    padding: 5px 0px 2px 0px;
}

    .bh-vouchercupounlogo img {
        height: 25px;
        width: auto;
    }


.bh-voucherdescription {
    height: 100px;
    width: auto;
    position: relative;
    /*border: 1px dashed #00000040;*/
    margin: 5px 0px 0px 0px;
}

.bh-voucherdesimage {
    position: relative;
    max-width: max-content;
    border: 1px dashed #00000040;
    margin: 5px 0px 0px 0px;
}

    .bh-voucherdesimage img {
        padding: 5px;
        max-height: 100px;
    }

.bh-createtextbox {
    padding: 5px 1px;
    max-height: 100px;
    overflow: auto;
    overflow-x: hidden;
    word-break: break-word;
    word-wrap: break-word;
}

.bh-createtextbox {
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .bh-createtextbox img {
        max-height: 90px;
    }

    .bh-createtextbox::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .bh-createtextbox::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

    .bh-createtextbox h1 {
        font-size: 20px;
        margin: 0px;
    }

    .bh-createtextbox h2 {
        font-size: 18px;
        margin: 0px;
    }

    .bh-createtextbox h3 {
        font-size: 16px;
        margin: 0px;
    }

    .bh-createtextbox h4 {
        font-size: 14px;
        margin: 0px;
    }

    .bh-createtextbox p {
        font-size: 14px;
        margin: 0px;
    }

    .bh-createtextbox pre {
        margin-bottom: 0px;
        white-space: normal;
    }


.bh-promoviewproduct {
    background: none;
    border: none;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 4px 0px;
    background-color: transparent;
    font-weight: normal;
    font-family: Muli-Bold;
    margin-bottom: 0px;
}

    .bh-promoviewproduct i {
        float: initial !important;
        font-size: 15px;
        padding-left: 5px;
    }

    .bh-promoviewproduct:hover {
        color: #6C3D96;
        text-decoration: underline;
    }

.bh-newtcurl {
    margin-bottom: 0px;
    position: relative;
    top: -6px;
}

    .bh-newtcurl a {
        font-family: Muli-Regular;
        font-size: 10px;
        color: #333;
        text-decoration: none;
    }

/* .bh-liveeditbtn button {
  position: absolute !important;
} */


.bh-communitybanklogovchr {
    text-align: center;
    border-top: 1px solid #eee;
    background-color: rgb(255,255,255,1.0);
}

    .bh-communitybanklogovchr .bh-bankscroll {
        padding: 5px 5px 5px 5px;
        text-align: center;
        color: #ccc;
        /* border-bottom-right-radius: 18px; */
        /* height: 33px; */
        overflow: auto;
        overflow-x: auto;
        display: inline-flex;
        max-width: 102%;
    }

        .bh-communitybanklogovchr .bh-bankscroll img {
            max-height: max-content;
            max-width: 80px;
            padding: 0px 4px;
            /* margin: 2px auto; */
            display: inline !important;
            width: auto !important;
            max-height: 17px;
            height: auto;
        }

    .bh-communitybanklogovchr .bh-bankscroll {
        /*overflow: auto;*/
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
    }

        .bh-communitybanklogovchr .bh-bankscroll::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background-color: #e4e4e4;
        }

        .bh-communitybanklogovchr .bh-bankscroll::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }


.bhvchrbankposition {
    position: absolute;
    bottom: 0px;
    left: -8px;
    padding-left: 7px !important;
    width: 99%;
}

/* .promolistingbox #dropdownMenuButton {
  left: 5px;
} */

.bh-liveeditbtn {
    width: 100% !important;
    text-align: center;
    position: relative;
}

    .bh-liveeditbtn .dropdown-menu {
        padding: 2px 2px;
    }


    .bh-liveeditbtn #dropdownMenuButton2 {
        background-color: #fff;
        padding: 0px 8px;
        margin: 10px auto;
        position: absolute;
        left: 45%;
        transform: translate(-50%, -50%);
        top: 11px;
    }

.vcbox {
    position: relative;
}

.pl-none {
    padding-left: 0px;
}

.pr-none {
    padding-right: 0px;
}

.bh-voucher-template {
    background-color: #fff;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    margin: 1px 1px 15px 1px;
    box-shadow: 0px 0px 5px #ababab;
}

.bh-voucher-templatechose {
    background-color: #fff;
    padding: 0px 0px;
    border-radius: 14px;
    margin: 1em 2em;
    box-shadow: 0px 0px 5px #ababab;
}

/* .radiuschosevoucher1bank  {
  margin-right: -8px;
} */

.radiuschosevoucher1bank .bh-communitybanklogovchr {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    margin-right: 1px;
    margin-bottom: 3px;
}

.radiuschosevoucher2bank {
    margin-right: -8px;
}

    .radiuschosevoucher2bank .bhvchrbankposition {
        border-bottom-right-radius: 14px;
        width: 98.7%;
    }


.celebrityvocherfade {
    background-color: #f6f6f6;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    display: flow-root;
}

    .celebrityvocherfade .uplaodimagebox {
        margin: 10px;
        border-radius: 5px;
        padding: 1.2em 5px;
        border: 1px dashed #333;
        text-align: center;
        background-color: #fff;
    }

    .celebrityvocherfade i {
        margin: 10px auto;
        font-size: 70px;
        color: #6c3d96;
    }

.celebrityvocherimage {
    position: relative;
}

    .celebrityvocherimage .uploadbtn {
        font-style: normal;
        position: absolute;
        bottom: 0px;
        width: 100%;
        background-color: #ffffff6b;
        margin-left: 0px;
        padding: 10px 0px;
        border-bottom-left-radius: 20px;
    }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
    }


.minheightchosevoucher {
    min-height: 120px;
}


.bh-pendingpromo-template {
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    margin: 1px 1px 15px 1px;
    box-shadow: 0px 0px 5px #ababab;
}

.bh-vouchervalidity {
    padding: 5px 0em;
    text-align: center;
}

    .bh-vouchervalidity .status {
        font-size: 12px;
        font-weight: bold;
        font-family: Muli-Bold;
        margin-bottom: 0px;
    }


.bh-previewpromodesc {
    display: block;
}

    .bh-previewpromodesc h1 {
        font-size: 14px;
        margin: 0px;
    }

    .bh-previewpromodesc p {
        font-size: 14px;
        margin: 0px;
        font-weight: normal;
    }


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .bh-voucherdescription {
        height: 100px;
    }

    .bh-qrscan {
        width: 65px;
        height: 65px;
    }

    .bh-qrtext {
        width: 67px;
        height: 67px;
    }

    .bh-promoboxleft .qrbounce {
        height: 60px;
    }

    .bh-emiicon {
        height: 0px;
        position: relative;
        top: -6px;
    }

        .bh-emiicon img {
            max-height: 18px;
        }

    .chargeslip-pdfdown {
        width: 35px;
        height: 34px;
        font-size: 12px;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .promolistingbox .dropdown {
        right: 10px;
    }

    .chargeslip-pdfdown {
        margin-left: -10px;
    }

    .bh-voucherdescription {
        height: 90px;
        width: auto;
    }

    .bh-qrscan {
        width: 50px;
        height: 50px;
    }

    .bh-qrtext {
        width: 52px;
        height: 52px;
    }

    .bh-promoboxleft .qrbounce {
        height: 45px;
    }

    .bh-emiicon {
        height: 0px;
        position: relative;
        top: -2px;
    }

        .bh-emiicon img {
            max-height: 18px;
        }

    .bh-validitydiv {
        height: 5px;
    }

        .bh-validitydiv b {
            font-size: 10px;
        }

    /*  */

    .bh-voucher-templatechose {
        margin: 1em 0px;
    }

        .bh-voucher-templatechose .bh-voucherdescription {
            width: 250px;
            height: 85px;
        }

    .celebrityvocherfade {
        border-top-left-radius: 14px;
        /* border-top-right-radius: 14px; */
        border-bottom-left-radius: 14px;
    }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        /* border-top-right-radius: 0px; */
        border-bottom-left-radius: 14px;
    }

    .celebrityvocherimage .uploadbtn {
        border-bottom-left-radius: 0px;
    }

    .celebrityvocherfade i {
        margin: 0px auto;
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .promolistingbox .dropdown {
        right: 10px;
    }

    .chargeslip-pdfdown {
        margin-left: -10px;
    }

    .bh-communitybanklogovchr {
        display: block;
        position: inherit;
    }

    .bh-voucher-template .bh-voucherdescription {
        width: 100%;
        height: 65px;
    }

    .bh-voucher-templatechose {
        margin: 1em 0px;
    }

        .bh-voucher-templatechose .bh-voucherdescription {
            width: 250px;
            height: 85px;
        }

    .celebrityvocherfade {
        border-top-left-radius: 14px;
        /* border-top-right-radius: 14px; */
        border-bottom-left-radius: 14px;
    }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        /* border-top-right-radius: 0px; */
        border-bottom-left-radius: 14px;
    }

    .celebrityvocherimage .uploadbtn {
        border-bottom-left-radius: 0px;
    }

    .bh-promodatebox {
        margin: 0 !important;
        position: inherit !important;
        top: initial !important;
        /* left: 50%; */
        transform: inherit !important;
    }

        .bh-promodatebox span {
            width: fit-content !important;
            margin: initial !important;
        }
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    /* .bh-vouchercupounlogo {
    text-align: center;
  }
  .bh-voucherdesimage {
    margin: 5px auto;
  }
  .bh-tcandproduct {
    text-align: center;
  } */
    .promolistingbox .dropdown {
        right: 50px;
    }

    .bhvchrbankposition {
        position: inherit;
        padding-left: 14px !important;
    }

    .bh-liveeditbtn #dropdownMenuButton2 {
        left: initial;
        transform: none;
        top: 0px;
        right: -20px;
    }

    .bh-pl {
        padding-left: 15px !important;
    }

    .bh-voucherdescription {
        margin: 5px 0px;
    }

    .bh-communitybanklogovchr {
        display: block;
    }

    .bh-voucher-template .bh-voucherdescription {
        width: 100%;
    }
    /*  */

    .bh-voucher-templatechose {
        margin: 1em 0px;
    }

    .celebrityvocher .pr-none {
        padding-right: 12px;
    }

    .celebrityvocher .pl-none {
        padding-left: 12px;
    }

    .celebrityvocherfade {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .radiuschosevoucher2bank {
        margin-left: -4px;
        margin-right: 8px;
        margin-bottom: 3px;
    }

        .radiuschosevoucher2bank .bhvchrbankposition {
            border-bottom-left-radius: 14px;
        }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .celebrityvocherimage .uploadbtn {
        border-bottom-left-radius: 0px;
    }

    .bh-promodatebox {
        margin: 0 !important;
        position: inherit !important;
        top: initial !important;
        /* left: 50%; */
        transform: inherit !important;
    }

        .bh-promodatebox span {
            width: fit-content !important;
            margin: initial !important;
        }

    .addbox img {
        width: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .bh-vouchercupounlogo {
        text-align: center;
    }

    .bh-voucherdesimage {
        margin: 5px auto;
    }

    .bh-tcandproduct {
        text-align: center;
    }

    .promolistingbox .dropdown {
        right: 50px;
    }

    .bhvchrbankposition {
        position: inherit;
        padding-left: 14px !important;
    }

    .bh-liveeditbtn #dropdownMenuButton2 {
        left: initial;
        transform: none;
        top: 0px;
        right: -20px;
    }

    .bh-pl {
        padding-left: 15px !important;
    }

    .bh-voucherdescription {
        margin: 5px auto;
        text-align: center;
    }

    .bh-communitybanklogovchr {
        display: block;
    }

    .bh-voucher-templatechose {
        margin: 1em 0px;
    }

    .celebrityvocher .pr-none {
        padding-right: 12px;
    }

    .celebrityvocher .pl-none {
        padding-left: 12px;
    }

    .celebrityvocherfade {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .radiuschosevoucher2bank {
        margin-left: -4px;
        margin-right: 8px;
        margin-bottom: 3px;
    }

        .radiuschosevoucher2bank .bhvchrbankposition {
            border-bottom-left-radius: 14px;
        }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .celebrityvocherimage .uploadbtn {
        border-bottom-left-radius: 0px;
    }

    .bh-promodatebox {
        margin: 0 !important;
        position: inherit !important;
        top: initial !important;
        /* left: 50%; */
        transform: inherit !important;
    }

        .bh-promodatebox span {
            width: fit-content !important;
        }

    .customerpromolist .card-header i {
        top: 4px;
    }
}


@media only screen and (max-width: 480px) {
    .bh-vouchercupounlogo {
        text-align: center;
    }

    .bh-voucherdesimage {
        margin: 5px auto;
    }

    .bh-tcandproduct {
        text-align: center;
    }

    .promolistingbox .dropdown {
        right: 35px;
    }

    .bhvchrbankposition {
        position: inherit;
        padding-left: 14px !important;
    }

    .bh-liveeditbtn #dropdownMenuButton2 {
        left: initial;
        transform: none;
        top: 0px;
        right: -20px;
    }

    .bh-pl {
        padding-left: 15px !important;
    }

    .bh-voucherdescription {
        margin: 5px auto;
        text-align: center;
    }

    .bh-communitybanklogovchr {
        display: block;
    }
    /*  */

    .bh-voucher-templatechose {
        margin: 1em 0px;
    }

    .celebrityvocher .pr-none {
        padding-right: 12px;
    }

    .celebrityvocher .pl-none {
        padding-left: 12px;
    }

    .celebrityvocherfade {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .radiuschosevoucher2bank {
        margin-left: -4px;
        margin-right: 8px;
        margin-bottom: 3px;
    }

        .radiuschosevoucher2bank .bhvchrbankposition {
            border-bottom-left-radius: 14px;
        }

    .celebrityvocherimage img {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-left-radius: 0px;
    }

    .celebrityvocherimage .uploadbtn {
        border-bottom-left-radius: 0px;
    }

    .bh-promodatebox {
        margin: 0 !important;
        position: inherit !important;
        top: initial !important;
        /* left: 50%; */
        transform: inherit !important;
    }

        .bh-promodatebox span {
            width: fit-content !important;
        }

    .showhim:hover .showme {
        right: 0px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 30px !important;
    }

        .showhim:hover .showme:before {
            left: 50%;
        }

    .customerpromolist .card-header i {
        top: 3px;
    }
}





/* new customer tooltips code start*/

.showme {
    display: none;
}

.showhim {
    position: relative;
    top: -2px;
    color: #ccc;
    left: 5px;
}

    .showhim i {
        cursor: pointer;
        color: #ccc;
        font-size: 14px;
    }

        .showhim i:hover {
            color: #6C3D96;
        }

.setvclink {
    margin-top: 4px;
}

    .setvclink a {
        margin-top: 4px;
    }

        .setvclink a i {
            padding-left: 0px;
        }

.showhim:hover .showme {
    display: block;
    /* min-width: 250px; */
    max-width: 250px;
    position: absolute;
    text-align: left;
    /* width: auto; */
    width: max-content;
    background: #6C3D96;
    color: #ffffff;
    font-size: 10px;
    font-family: Muli-Regular;
    line-height: 20px;
    z-index: 99;
    padding: 2px 10px;
    cursor: normal;
    /* margin-left: -118px; */
    margin-top: 5px;
    border-radius: 3px;
    white-space: normal;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    transition: all 0.2s ease-out;
}


    .showhim:hover .showme:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-bottom: 8px solid #6C3D96;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -7px;
        margin-left: -8px;
        /* left: 50%;*/
    }

/* new customer tooltips code end*/

.bh-posreltive {
    position: relative;
}

.bh-promodatebox {
    margin: 0;
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(0%, -50%);
    margin-bottom: 10px !important;
}

    .bh-promodatebox span {
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        padding: 8px 8px 5px 8px;
        border-radius: 10px;
        font-family: Muli-Bold;
        font-size: 12px;
        box-shadow: 0px 1px 3px #ccc;
        text-transform: uppercase;
        display: block;
        text-align: center;
    }

.bh-unitcount {
    font-weight: bold;
}

.bh-unitleft {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

    .bh-unitleft b {
        font-weight: 600;
    }

.vocherpositionaddbox {
    position: relative;
    background-position: center right;
    background-size: cover;
}



.brandlist-bh {
    margin-left: 25px;
}


    .brandlist-bh a {
        background-color: #fff;
        border-radius: 20px;
        width: 100%;
        height: 155px;
        margin: 10px 0px;
        border: 2px solid #fff;
        text-align: center;
        padding: 0em 0px;
        display: block;
        box-shadow: 0px 1px 4px #ccc;
        position: relative;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .brandlist-bh a:hover {
            border: 2px solid #6C3D96;
            color: #6C3D96;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

        .brandlist-bh a img {
            height: auto;
            width: auto;
            max-height: 60px;
            padding: 0px 15px;
            margin: 0;
            position: absolute;
            top: 44%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .brandlist-bh a p {
            font-family: Muli-SemiBold;
            font-size: 14px;
            color: #000;
            bottom: -8px;
            position: absolute;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
            word-wrap: break-word;
            line-height: 16px;
        }



.emiproductbox-bh {
    background-color: #fff;
    border-radius: 20px;
    margin: 0px 20px 20px 0px;
    width: 31%;
    float: left;
    border: 2px solid #fff;
    text-align: center;
    padding: 0px 4px;
    display: flex;
    box-shadow: 0px 1px 4px #ccc;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .emiproductbox-bh:hover {
        border: 2px solid #6C3D96;
        color: #6C3D96;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.emiproductbox-bh {
    height: auto !important;
}

    .emiproductbox-bh ul {
        padding-left: 0px;
        margin-bottom: 0px;
        width: 100%;
        list-style-type: none;
    }

        .emiproductbox-bh ul li:first-child {
            width: 30%;
            float: left;
            position: relative;
            height: 150px;
            margin: 0px;
        }

        .emiproductbox-bh ul li:last-child {
            width: 70%;
            float: left;
            text-align: left;
        }

    .emiproductbox-bh img {
        padding: 10px;
        width: auto;
        height: auto;
        max-height: 150px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.emiproductxt-bh {
    padding-top: 0.5em;
}

    .emiproductxt-bh h2 {
        font-family: Muli-SemiBold;
        color: #6C3D96;
        font-size: 20px;
        word-wrap: break-word;
    }

        .emiproductxt-bh h2 span {
            font-family: Muli-light;
            color: #6C3D96;
            font-size: 14px;
            display: block;
            margin-bottom: 1px;
            word-wrap: break-word;
        }

    .emiproductxt-bh span {
        font-family: Muli-ExtraLight;
        color: #272743;
        font-size: 13px;
        display: block;
        margin-bottom: 0px;
        word-wrap: break-word;
    }


.emiprodetailscroll-bh {
    overflow: auto;
    max-height: 70vh;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .emiprodetailscroll-bh::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .emiprodetailscroll-bh::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }


/*--------adjust menu----------*/


/*.emifixtable {
    margin: 0px 15px;
    padding-right:18px;
}

.pc-container {
    position: relative;
    top: 0px;
    margin-left: 65px;
    margin-right: 0px;
    min-height: calc(100vh - 10px);
    background: #eceff1;*/
/* background: #e3f2fd; */
/*border-radius: 8px;
}

.pc-container .pc-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}


.pc-sidebar {
    background: #fff;
    width: 65px;*/
/*position: fixed;
    top: 80px;
    bottom: 0;
    z-index: 1026;*/
/*overflow: hidden;
}

@media (min-width: 1025px) {
    .pc-sidebar.pc-sidebar-hide {
      width: 0;
    }
    .pc-sidebar.pc-sidebar-hide ~ .pc-container {
        margin-left: 0px;
    }
}

@media (max-width: 1024px) {


    .pc-container {
        margin-left: 0px;
        margin-right:0px;
    }
    .emifixtable {
        margin: 0px 0px;
        padding-right: 10px;
    }

   
}*/



@media only screen and (min-width: 1600px) {
    .promoreportfixtable table {
        width: max-content;
        height: auto;
        float: left;
    }

    .emiprodetailscroll-bh {
        max-height: 75vh;
    }

    .transaction-table {
        max-height: 70vh;
    }

    .customerprofiledashboard .tab-content .tabsbox {
        min-height: 85vh;
    }

    .settlementfixtable {
        max-height: 500px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .brandlist-bh {
        margin-left: 80px;
        width: 90%;
    }

        .brandlist-bh a {
            height: 130px;
        }

    .dashboardview {
        padding-left: 50px !important;
    }

    .promoreportfixtable {
        max-height: 380px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .brandlist-bh {
        margin-left: 20px;
    }

        .brandlist-bh a {
            height: 130px;
        }
}


@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .brandlist-bh {
        margin-left: 70px;
        width: 90%;
    }

        .brandlist-bh a {
            height: 130px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .brandlist-bh {
        margin-left: 70px;
        width: 90%;
    }

        .brandlist-bh a {
            height: 135px;
        }

    .settlementpgtable table {
        width: max-content !important;
    }
}


@media only screen and (min-width: 640px) and (max-width: 768px) {
    .brandlist-bh {
        margin-left: 0px;
    }

        .brandlist-bh a {
            height: 135px;
        }

    .settlementpgtable table {
        width: max-content !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .brandlist-bh {
        margin-left: 0px;
    }

        .brandlist-bh a {
            height: 160px;
        }

    .addbox img {
        width: 100%;
    }

    .settlementpgtable table {
        width: max-content !important;
    }
}

@media only screen and (max-width: 480px) {
    .brandlist-bh {
        margin-left: 0px;
    }

        .brandlist-bh a {
            height: 140px;
        }

        .brandlist-bh .mx-2 {
            margin: 0px !important;
            margin-top: 5px !important;
        }

    .settlementpgtable table {
        width: max-content !important;
    }

    .bg-white .w-200 {
        width: 150px;
    }
}


.resetbtn {
    background-color: #eee;
    border: 1px solid #e0e0e0;
    color: #333;
}

    .resetbtn:hover {
        background-color: #f1f1f1;
        border: 1px solid #e0e0e0;
        color: #000;
    }




/*--------------Settlement Page css start--------------------------*/






.settlementfixtable {
    max-height: 400px;
    overflow: auto;
    overflow-x: auto;
}


    .settlementfixtable table {
        width: max-content;
        height: auto;
    }

    .settlementfixtable tbody tr td {
        padding: 1.0rem 0.7rem;
        text-align: left;
    }

.w-200px {
    width: 250px !important;
}

.w-200 {
    width: 200px;
    font-weight: bold;
}

.w-150 {
    width: 150px;
    font-weight: bold;
}

.bg-white tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff !important;
}

.bg-white td {
    border: none;
    padding: 0.2rem 0.0rem !important;
    text-align: left;
}

.bg-white tr {
    border: none;
    border-bottom: none !important;
}

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

.breakeupviewbtn {
    font-size: 14px;
    /* margin: 0px; */
    padding: 6px 15px;
    margin: 0px auto;
    width: max-content;
}

.bg-white tr td:nth-child(2) {
    /*width: 200px;*/
    display: block;
}

.settlementmodalbody {
    overflow: auto;
    background-color: #fff !important;
}

    .settlementmodalbody table {
        width: 100%;
        background-color: #fff;
    }

.opacity-25 {
    opacity: .25 !important;
}
/*--------------Settlement Page css end--------------------------*/






.postext {
    color: #000;
    font-size: 18px;
    font-family: Muli-Regular;
    padding: 5px 10px;
}

.poscode {
    padding: 12px 10px !important;
    width: 65%;
    border-radius: 8px;
    font-size: 18px;
    background-color: #ded5e7;
    color: #000;
}

.posimage {
    height: 150px !important;
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .poscode {
        width: 90%;
    }

    .postext {
        font-size: 16px;
    }
}


/*-----------------Dealer QR Images--------------------------*/

.sharebox1 {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
}

    .sharebox1 h2 {
        text-align: left;
    }

.congratubox .icon {
    height: 65px;
}

.shareboxpop {
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #ccc;
}

    .shareboxpop h2 {
        text-align: left;
    }


    .shareboxpop h4 {
        font-size: 12px;
        text-align: center;
        color: #6c3d96;
        margin-bottom: 10px;
        font-family: Muli-Regular;
    }

.sharefit {
    width: 80%;
    margin: 0 auto;
}

    .sharefit .icon {
        text-align: center;
        font-size: 40px;
    }

        .sharefit .icon a {
            font-size: 40px;
        }

    .sharefit .fb i {
        color: #3951a9;
    }

    .sharefit .twitter i {
        color: #60b8ff;
    }

    .sharefit .gplus i {
        color: #db4d41;
    }

    .sharefit .whatsapp i {
        color: #24d366;
    }

    .sharefit .tele i {
        color: #269ed2;
    }

    .sharefit .linkedin i {
        color: #0076b4;
    }

.cusfiltericon {
    height: 20px;
    position: relative;
    right: -5px;
}

#sharepopup .modal-dialog {
    top: 20%;
}

.locatonfetch {
}

    .locatonfetch h2 {
        font-size: 20px;
        font-family: Muli-Bold;
        color: #000;
        text-align: center;
        margin-bottom: 0em;
        border-radius: 5px;
    }

.sendsmsbtn button {
    background-color: #6C3D96;
    padding: 8px 30px;
    height: 50px;
    font-size: 18px;
    border: none;
    color: #fff;
    position: absolute;
    right: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

    .sendsmsbtn button:hover {
        background-color: #8040B9;
    }

.sendsmsbtn textarea {
    height: 150px;
}

.form-group textarea {
    height: 150px;
    font-size: 14px;
    color: #6C3D96;
    width: 100%;
    padding-left: 50px;
    padding-top: 15px;
    padding-right: 15px;
    border: 2px solid #D6C2E8;
    border-radius: 20px;
    font-family: Muli-Regular;
}

.copyicon {
    text-align: center;
    /* position: absolute; */
    right: 10px;
    cursor: pointer;
    top: 6px;
    width: 100%;
    height: 40px;
    z-index: 99;
    padding: 0px 15px;
    background-color: #6C3D96;
    color: #fff;
    border: none;
    font-size: 22px;
    line-height: 40px;
    border-radius: 20px;
    margin-top: 10px;
}

    .copyicon:hover {
        background-color: #8040B9;
    }

    .copyicon span {
        font-size: 16px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }

.sharefit {
    width: 80%;
    margin: 0 auto;
}

    .sharefit .icon {
        text-align: center;
        font-size: 40px;
    }

    .sharefit .fb i {
        color: #3951a9;
    }

    .sharefit .twitter i {
        color: #000;
    }

    .sharefit .gplus i {
        color: #db4d41;
    }

    .sharefit .whatsapp i {
        color: #24d366;
    }

    .sharefit .tele i {
        color: #269ed2;
    }

    .sharefit .linkedin i {
        color: #0076b4;
    }

.cusfiltericon {
    height: 20px;
    position: relative;
    right: -5px;
}

.sharebttn {
    text-align: center;
    /* position: absolute; */
    right: 10px;
    cursor: pointer;
    top: 6px;
    width: 100%;
    height: 40px;
    z-index: 99;
    padding: 0px 15px;
    background-color: #472a61;
    color: #fff;
    border: none;
    font-size: 22px;
    line-height: 40px;
    border-radius: 20px;
    margin-top: 10px;
}

    .sharebttn:hover {
        background-color: #6f28ad;
    }

    .sharebttn span {
        font-size: 16px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }

.displayqrlivepromolist table img {
    max-height: 30px;
}

.displayqrlivepromolist h2 {
    font-size: 20px;
    color: #6C3D96;
    text-align: center;
    margin-bottom: 10px;
}

.qrdisplayimg {
    background-color: #e6c9ff64;
    padding: 20px;
    margin: 10px 20px;
    border-radius: 10px;
}

.successcopy {
    font-size: 14px;
    color: #4BB543;
    font-family: Muli-Regular;
    text-align: center;
    padding-top: 6px;
}

.mxbh-4 {
    margin: 0px 25px;
}

.smsicon {
    height: 80px;
    margin-bottom: 1em;
}

.shareqrbtn {
    display: block;
    height: 35px;
    margin-top: 15px;
}

    /* .shareqrbtn  a {
  background-color: #892dda;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: fit-content;
    display: inline;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 25px;
} */
    .shareqrbtn a {
        padding: 12px 15px;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        background: #6C3D96;
        position: relative;
        width: fit-content;
        border-radius: 5px;
        border: none;
        text-decoration: none;
        display: inline;
        margin-bottom: 5px;
        box-shadow: 0 3px 13px rgb(0 0 0 / 9%), 0 1px 5px 0 rgb(0 0 0 / 14%);
        text-align: center;
        margin-right: 25px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .shareqrbtn a:hover {
            background: #7e40b5;
            color: #fff;
            transform: translateY(-2px) scale(1.01);
            box-shadow: 0 5px 16px 1px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%);
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

.gotomainqr a {
    background: #6C3D96;
    padding: 5px 15px;
    border-radius: 16px;
    color: #fff;
    width: fit-content;
    text-decoration: none;
    margin: 0px auto;
}

    .gotomainqr a:hover {
        background: #7e40b5;
        color: #fff;
    }

    .gotomainqr a i {
        padding-right: 5px;
    }

.w-100px {
    width: 100px !important;
}

@media only screen and (max-width: 480px) {
    .mxbh-4 {
        margin: 0px 10px;
    }

    .qrdisplayimg {
        padding: 10px;
        margin: 5px 10px;
    }

    .shareqrbtn a {
        margin-right: 10px;
    }

    .sendsmsbtn textarea {
        height: 180px !important;
    }
}



/*================FAQ Css Code===================*/

.languageselect {
    display: block;
    width: 100%;
    text-align: right;
}

    .languageselect select {
        width: 120px;
        height: 35px;
        /* float: right; */
        font-size: 14px;
        border-radius: 5px;
        padding: 4px;
        border: 1px solid #6c3d96;
        position: relative;
        right: -20px;
        background-color: #fff;
    }

    .languageselect .languageicon {
        position: relative;
        right: 25px;
        color: #6c3d96;
    }


.scrollfaq {
    overflow: auto;
    max-height: 72vh;
    height: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .scrollfaq::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .scrollfaq::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.bhfaqlink {
    font-size: 14px;
    color: #6c3d96;
    font-family: Muli-Bold;
    text-decoration: none;
    transform: scale(1.0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .bhfaqlink:hover {
        color: #7e40b5;
        font-size: 14px;
        text-decoration: underline;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.switchlanguagebox {
    margin: 5px 0px;
}

    .switchlanguagebox .row {
        float: right;
        width: 300px;
    }


.gotomainqr a {
    background: #6C3D96;
    padding: 5px 15px;
    border-radius: 16px;
    color: #fff;
    width: fit-content;
    text-decoration: none;
    margin: 0px auto;
}

    .gotomainqr a:hover {
        background: #7e40b5;
        color: #fff;
    }

    .gotomainqr a i {
        padding-right: 5px;
    }



/**********************************Merchnat Video*****************/
.video-heading h2 {
    color: #6C3D96;
    font-family: Muli-SemiBold;
    font-size: 28px;
    text-align: center;
    padding: 0px 15px;
}

.video-heading p b {
    font-size: 15px;
    color: #000;
}

.video-heading p {
    color: #5d5d5d;
    font-family: Muli-Regular;
    font-size: 16px;
    width: 80%;
    text-align: center;
    padding: 0px 15px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.videobox {
    background-color: #fff;
    box-shadow: 0px 0px 6px #ccc;
    border: 1px solid #eee;
    padding: 0px;
    margin-bottom: 2em;
    border-radius: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .videobox:hover {
        background-color: #fff;
        transform: translateY(-2px) scale(1.03);
        box-shadow: 0 5px 16px 1px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .videobox a {
        display: block;
    }

    .videobox iframe {
        width: 100%;
        height: 220px;
        pointer-events: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 5px solid #6c3d96;
        /* box-shadow: 0px 1px 3px #6c3d96; */
    }

    .videobox .videodescb {
        padding: 10px;
    }

        .videobox .videodescb h2 {
            font-family: Muli-SemiBold;
            font-size: 22px;
            color: #000;
        }

        .videobox .videodescb p {
            font-family: Muli-Regular;
            font-size: 16px;
            color: #888;
            min-height: 65px;
        }

.printbtn {
    padding: 12px 2px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #6C3D96;
    position: relative;
    width: 100%;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    box-shadow: 0 3px 13px rgb(0 0 0 / 9%), 0 1px 5px 0 rgb(0 0 0 / 14%);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .printbtn:hover {
        background: #7e40b5;
        color: #fff;
        transform: translateY(-2px) scale(1.01);
        box-shadow: 0 5px 16px 1px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.subtitle {
    margin: 15px 0 10px 0;
}

.fancy {
    line-height: 0.5;
    text-align: center;
}

    .fancy span {
        display: inline-block;
        position: relative;
        font-size: 18px;
        font-family: Muli-SemiBold;
    }

        .fancy span:before,
        .fancy span:after {
            content: "";
            position: absolute;
            height: 5px;
            border-bottom: 1px solid #6c3d9636;
            border-top: 1px solid #6c3d9636;
            top: 0;
            width: 60px;
        }

        .fancy span:before {
            right: 100%;
            margin-right: 15px;
        }

        .fancy span:after {
            left: 100%;
            margin-left: 15px;
        }


@media only screen and (max-width: 480px) {
    .video-heading p {
        width: 95%;
        font-size: 14px;
        padding: 0px;
    }

    .videobox .videodescb h2 {
        font-size: 18px;
    }

    .videobox .videodescb p {
        font-size: 14px;
        min-height: auto;
    }

    .fancy span:before,
    .fancy span:after {
        width: 35px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .videobox .videodescb h2 {
        font-size: 18px;
    }

    .videobox .videodescb p {
        font-size: 12px;
    }

    .videobox iframe {
        height: 175px;
    }

    .video-heading p {
        margin-bottom: 20px;
        font-size: 14px;
    }
}

/*-------Product details Page css add -------*/

.selectproductpriceinputcenter input:focus-visible {
    box-shadow: -1px 1px 8px #6C3D96;
}

.autofucusfix input {
    border: 2px solid #6619AB;
    box-shadow: -1px 1px 8px #6C3D96;
}

.selectproductpriceinputcenter input {
    font-size: 20px !important;
    font-family: Muli-Bold !important;
    color: #6c3d96 !important;
    height: 45px !important;
}

@media only screen and (max-width: 480px) {
    .mt-35px {
        margin-top: 7px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .mt-35px {
        margin-top: 35px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .mt-35px {
        margin-top: 32px !important;
    }
}


.mt-35px {
    margin-top: 35px;
}

.inputpricebtn {
    text-align: center;
    position: absolute;
    right: 8px;
    cursor: pointer;
    top: 3px;
    font-size: 19px;
    width: 50px;
    height: 32px;
    color: #fff;
    background-color: #6c3d96;
    z-index: 99;
    display: block;
    border-radius: 15px;
    line-height: 32px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .inputpricebtn:hover {
        color: #fff;
        background-color: rgb(151, 52, 237);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }