:root {
    --white: #ffffff;
    --header: #ffffff;
    --side-bar: #087141;
    --sidemenu-color: #ffffff;
    --side-sub-menu-bg: #181e25;
    --primary: #0ca35e !important;
    --second-primary: #faa71b;
    --second-color: #0ca35e;
    --second-dark: #087141;
    --card-radius: 0px;
    --card-radius-product: 0px;
    --card-radius-second: 0px;
    --card-bg: #ffffff;
    --card-border: 2px solid #f1f1f1;
    --card-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --btn-border-radius: 30px;
    --primary-light: #001047;
    --table-odd: #f5f5f5;
    --table-even: #ffffff;
    --table-text: #2e3841;
    --table-th: #f9a61a;
    --table-th-border: #ffffff;
    --table-th-color: #ffffff;
    --table-border: #c7c7c7;
    --scroller-bg: #dcdcdc;
    --scroller-box: #aaaaaa;
    --text-color-black: #2e3841;
    --header-bg: #ffffff;
    --header-link-bg: #0ca35e;
    --heading-color: #2e3841;
    --product-card-bg: #f5f5f5;
    --product-card-border: 2px solid #f8f8f8;
    --button-color: #b2d33a;
    --quick-view-color: #2e3841;
    --product-tab-content-bg: #ffffff;
    --product-tab-border: 2px solid #f8f8f8;
    --product-tab-card-radius: 0px;
    --tab-border-radius: 0px;
    --button-border-radius: 0px;
    --second-card-border: 2px solid #f1f1f1;
    --billing-address-bg: #e1e1e1;
    --billing-address-border: 2px solid #f1f1f1;
    --shipping-method-border: 2px solid #f1f1f1;
    --shipping-method-bg: #f0f0f0;
    --footer-bottom: #113b28;
    --footer-top: #f1f1f1;
    --sub-head-bg: #e9e8e8;
    --sub-head-color: #087141;
    --sub-head-borderRadius: 0px;
    --btn-primary: linear-gradient(145deg, rgba(8,113,65,1) 0%, rgba(178,211,58,1) 100%);
    --btn-primary-color: #fff;
    --btn-primary-border: 2px solid #b2d33a;
    /*  --btn-primary-hover: #f9a61a;*/
    --btn-primary-hover: var(--second-color) !important;
    --btn-gradient: linear-gradient(145deg, rgba(8,113,65,1) 0%, rgba(178,211,58,1) 100%);
    --btn-secondary: #212a32;
    --form-label-color: #2e3841;
    --accordion-head-bg: #087141;
    --accordion-head-color: #fff;
    --accordion-head-icon: #b2d33a;
    --quick-view-color: #fff;
    --quick-view-card-detail: #ffffff;
    --quick-view-card-head: #087141;
    --quick-view-card-head-color: #ffffff;
    --side-menu-icon: #b2d33a;
    --primary-gradient: linear-gradient(145deg, rgba(8,113,65,1) 0%, rgba(178,211,58,1) 100%);
    --button-primary-color: #ffffff
}

body {
    font-family: "Poppins",sans-serif !important
}

    body.materialdesign {
        background-color: #fff;
        height: auto;
        min-height: 100vh
    }

.shadow-reset {
    box-shadow: none !important
}

.header-top-area {
    height: 80px
}

.materialdesign .fixed-header-top {
    padding: 10px;
    background: var(--header)
}

.navbar-btn i {
    color: var(--text-color-black) !important
}

.materialdesign #sidebar {
    background-image: url(../img/sidebar.jpg) !important;
    background-color: var(--side-bar) !important;
    border: 0
}

.materialdesign .sidebar-header h3 {
    color: var(--white) !important
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li, active {
    border-bottom: 0
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    color: var(--sidemenu-color) !important
}

.left-sidebar-menu-pro a i {
    color: var(--side-menu-icon)
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a {
    font-weight: 400;
    padding: 12px 10px;
    font-size: 12px
}

#faIconStyle {
    font-size: 15px !important;
    padding-right: 15px !important;
    padding-left: unset;
    margin-right: 7px;
    margin-left: 10px
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover i {
    animation: swing ease-in-out 0.5s 1 alternate
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    background: var(--second-dark) !important
}

.materialdesign #sidebar .sidebar-header, .materialdesign #sidebar, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown {
    background-color: var(--side-sub-menu-bg)
}

.btn-primary {
    background: var(--btn-gradient) !important;
    border-radius: 0;
    margin-top: 13px !important;
    border-color: var(--btn-primary-border) !important
}

.btn-danger {
    background-image: linear-gradient(to bottom,#ff3c31,#c30505) !important;
    border-radius: 15px;
    border-color: #ff8f21 !important;
    margin-top: 13px
}

.btn-warning {
    background-image: linear-gradient(to bottom,#ae0808,#ba1717,#c62224,#d22d31,#de373e) !important;
    border-radius: 0;
    margin-top: 13px !important
}

.header {
    border-radius: 15px
}

.card {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius) !important
}

.btn-icon-clipboard {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius-product) !important;
    border: var(--card-border) !important;
    box-shadow: var(--card-shadow) !important;
    color: var(--second-color) !important
}

.ma-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.dashboard-box {
    width: 100%;
    background: rgb(1 5 83 / .7);
    border-radius: 20px;
    border: 1px solid #1cadff;
    overflow: hidden;
    box-shadow: 0 0 6px 0 #1cadff !important;
    transition-duration: 0.2s
}

    .dashboard-box:hover {
        box-shadow: 0 2px 20px 0 #1cadff !important
    }

    .dashboard-box .dashboard-content {
        padding: 20px
    }

.dashboard-content h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 1.6em;
    font-weight: 600;
    margin: 10px 0 0
}

.dashboard-content p {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0
}

.dashboard-content .dashboard-box-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px
}

.dashboard-box .view-more-btn {
    padding: 10px 20px;
    text-align: right;
    color: #fff;
    background: #020540;
    font-size: 13px;
    text-transform: capitalize
}

.oceangreen-bg {
    background: linear-gradient(0deg,#009bb5 0%,#25d8fd 100%)
}

.red-bg {
    background: linear-gradient(0deg,#e74c47 0%,#f56d69 100%)
}

.orange-bg {
    background: linear-gradient(0deg,#e9920d 0%,#feac2e 100%)
}

.blue-bg {
    background: linear-gradient(0deg,#3384e6 0%,#1e6ecf 100%)
}

.purple-bg {
    background: linear-gradient(0deg,#4e24d8 0%,#4017c5 100%)
}

.pink-bg {
    background: linear-gradient(0deg,#9331ef 0%,#7d20d3 100%)
}

.card-style {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow)
}

.chart-wrapper {
    background-color: transparent !important
}

.col8Chart {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.materialdesign .nav-tabs.custom-menu-wrap li a {
    background-color: var(--second-dark) !important;
    color: var(--white) !important;
    border-radius: 15px !important;
    margin-top: 5px;
    margin-left: 5px;
    padding: 8px !important
}

.materialdesign .nav-tabs.custom-menu-wrap li.active {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 15px;
    padding: 0px !important
}

    .materialdesign .nav-tabs.custom-menu-wrap li.active a {
        background: var(--second-primary) !important;
        box-shadow: var(--card-shadow);
        border: var(--card-border)
    }

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    color: var(--table-th-color) !important;
    background: var(--table-th) !important;
    font-size: 14px !important
}

.table-wrapper::-webkit-scrollbar {
    width: 10px
}

.table-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey
}

.table-wrapper::-webkit-scrollbar-thumb {
    background: rgb(28 175 255 / .5);
    border-radius: 10px
}

    .table-wrapper::-webkit-scrollbar-thumb:hover {
        background: rgb(28 175 255 / .5)
    }

.table-wrapper tr:nth-child(odd) {
    background: var(--table-odd)
}

.table-wrapper tr:nth-child(even) {
    background: var(--table-even)
}

.table-wrapper td {
    color: var(--table-text) !important;
    text-align: center;
    border: 1px solid var(--table-border) !important
}

.sparkline9-graph, .sparkline11-graph {
    background: transparent !important
}

.materialdesign .admin-dashone-data-table-area {
    margin-top: 20px;
    margin-bottom: 100px !important;
    padding-bottom: 100px
}

.materialdesign .adminpro-custon-design .panel-heading {
    background: var(--accordion-head-bg) !important;
    color: var(--accordion-head-color);
    border-bottom: 0px !important;
    padding: 15px 10px !important;
    border-radius: 0 0px !important
}

    .materialdesign .adminpro-custon-design .panel-heading h4 {
        color: var(--text=color-black) !important
    }

.panel-group .panel {
    background: var(--card-bg) !important;
    padding: 0;
    border-radius: 0px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 10px 0;
    width: 100%
}

.materialdesign .adminpro-custon-design .admin-panel-content {
    background: #fff0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 solid #ddd;
    padding: 20px 0
}

.bounce {
    -webkit-animation-name: none;
    animation-name: none
}

.form-group-inner label {
    color: var(--form-label-color);
    margin-top: 0
}

span.italic {
    color: var(--text-color-black) !important
}

input[type="file"] {
    color: var(--text-color-black)
}

.form-group-inner .row .col-md-4 span {
    color: var(--text-color-black);
    margin: 0px !important
}

.sparkline8-graph, .sparkline7-graph, .sparkline16-graph, .sparkline9-graph {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow) !important;
    margin-top: 15px;
    overflow-x: auto
}

.sparkline8-hd, .sparkline9-hd, .sparkline16-hd, .sparkline11-hd {
    background: transparent !important;
    border: 0px !important
}

    .sparkline9-hd h1, .sparkline7-hd h1, .sparkline8-hd h1, .sparkline11-hd h1, .sparkline16-hd h1 {
        color: var(--heading-color) !important;
        font-size: 22px !important;
        text-transform: uppercase
    }

.sparkline8-graph .sparkline8-graph {
    background: #fff0;
    border-radius: 0;
    border: 0;
    box-shadow: none !important
}

.sparkline7-list, .sparkline13-list {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow) !important;
    margin-top: 15px
}

.sparkline7-graph, .sparkline13-graph {
    background: #fff0;
    border: 0;
    margin-top: 0;
    box-shadow: none !important;
    padding: 10px;
    margin-top: 0
}

.sparkline7-hd, .sparkline13-hd {
    background: var(--billing-address-bg) !important;
    color: #fff;
    border-bottom: 0px !important;
    border-radius: 0px !important;
    padding: 15px 10px !important
}

.dashone-comment {
    margin-top: 15px !important;
    padding: 5px !important;
    border: 0px !important;
    box-shadow: none !important
}

.main-spark7-hd h1 {
    font-size: 16px !important;
    color: var(--heading-color) !important
}

.main-sparkline13-hd h1 {
    color: var(--heading-color) !important;
    font-size: 18px !important
}

.single-skill, .contact-client-single, .user-profile-wrap, .user-profile-about, .user-profile-post, .user-profile-mutual-friends, .project-details-wrap, .project-details-descri, .project-details-files {
    background-color: #fff0
}

span i {
    color: var(--primary)
}

.profile-contact-menu {
    padding: 10px
}

    .profile-contact-menu li, .profile-contact-menu label {
        color: var(--text-color-black);
        font-weight: 700
    }

        .profile-contact-menu li span {
            font-weight: 400
        }

.info {
    color: var(--text-color-black)
}

    .info label {
        color: var(--text-color-black)
    }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: var(--text-color-black)
}

    .dataTables_wrapper .dataTables_length select {
        background: var(--primary)
    }

.cell-border {
    background: var(--primary);
    border-radius: 15px
}

.adminTitle {
    color: var(--white);
    padding: 10px !important
}

.input-group-addon i {
    color: var(--primary)
}

.label-wrapper label, .radiolabel, #radPaymode, #reqStatus, .custm-font label, .custm-font b, .table-wrapper b, .table-wrapper i, #dvNote i {
    color: var(--text-color-black) !important
}

.returning-wrapper h4 {
    color: var(--white)
}

    .returning-wrapper h4 a {
        color: var(--second-color);
        font-weight: 600 !important
    }

.canvasjs-chart-canvas {
    background: transparent !important
}

.dataTables_wrapper, .datatable-dashv1-list {
    padding: 15px !important;
    margin: 0
}

.table {
    margin-bottom: 0
}

#topcartlink a:before {
    background-color: transparent !important
}

#topcartlink span, .header-links a {
    color: var(--text-color-black) !important
}

    .header-links a:hover {
        color: var(--second-color) !important
    }

.mini-shopping-cart .count {
    color: var(--text-color-black)
}

#customerlanguage, #customerCurrency {
    background: var(--side-bar);
    margin-left: 5px;
    border: var(--card-border);
    background: var(--side-bar) !important
}

.home-page-filter-selectors {
    width: 50% !important
}

.home-page-filter-selector {
    width: 48% !important;
    margin: 0 0 0 2%
}

.home-page-filter-button {
    float: left !important
}

.home-page-filters-wrapper {
    background: var(--second-dark) !important;
    border-bottom: var(--card-border) !important;
    border-radius: 15px !important
}

.home-page-category-grid .item-grid {
    width: 100%
}

.home-page-category-grid .item-box, .sub-category-grid .item-box {
    width: 20%;
    padding: 0px !important
}

.sub-category-grid .item-box {
    width: 18%;
    padding: 16px !important
}

.category-item .picture a, .sub-category-item .picture a {
    height: auto
}

.category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
    background: var(--card-bg);
    border-radius: 0;
    font-size: 16px;
    text-transform: capitalize
}

.home-page-category-grid .item-grid {
    background: none !important
}

.home-page-category-grid {
    background: none !important
}

    .home-page-category-grid .title strong, .product-grid .title {
        margin-bottom: 25px
    }

        .home-page-category-grid .title strong, .product-grid .title strong {
            font-weight: 600;
            text-transform: capitalize;
            color: var(--heading-color);
            text-align: left;
            font-size: 25px !important;
            text-transform: uppercase !important;
            text-align: center;
            font-weight: 700
        }

            .home-page-category-grid .title strong::after, .product-grid .title strong::after {
                width: 70px;
                display: block;
                height: 20px;
                height: 3px;
                margin: 5px 0;
                border-radius: 5px
            }

.item-box .product-item {
    border: var(--product-card-border);
    background: var(--product-card-bg);
    border-radius: var(--card-radius-product)
}

    .item-box .product-item .picture {
        border-radius: var(--card-radius-product);
        padding: 0;
        overflow: hidden;
        background: #fff
    }

        .item-box .product-item .picture img {
            width: 100% !important;
            height: 300px !important
        }

.item-box .product-title a {
    color: var(--text-color-black);
    font-size: 16px;
    font-weight: 600
}

.item-box .product-title:after {
    display: none
}

.item-box .details {
    color: var(--text-color-black);
    font-size: 12px
}

.item-box .actual-price {
    font-size: 18px;
    color: var(--second-color);
    font-style: normal
}

.item-box .old-price {
    color: #a1a1a1;
    font-size: 14px
}

.item-box input[type="button"] {
    background: var(--button-color) url(../../img/icon-add-to-cart.png) no-repeat left top !important;
    border-radius: 0
}

    .item-box input[type="button"]:hover {
        background-color: var(--second-color) !important
    }

.product-list .item-box {
    width: 100% !important
}

.item-box {
    border: 0
}

    .item-box .product-item {
        transition-duration: 0.3s
    }

        .item-box .product-item:hover {
            box-shadow: 0 0 26px 0 rgb(0 0 0 / .1);
            border: 2px solid #eae9e9
        }

.quick-view-button a {
    color: #ffffff !important;
    background: #2e3841 url(../../img/icon-qv.png) no-repeat 10px center !important;
    border-radius: 0px !important
}

.category-description p {
    color: var(--text-color-black) !important
}

.news-list-homepage .title strong {
    color: var(--heading-color) !important;
    font-size: 25px !important;
    font-weight: 500 !important
}

.rich-blog-homepage {
    padding: 15px;
    border-bottom: var(--card-border)
}

    .rich-blog-homepage .post-primary {
        width: auto;
        max-width: none !important
    }

    .rich-blog-homepage .title {
        border-bottom: 0px !important;
        font-size: 25px !important;
        color: var(--heading-color) !important;
        text-align: center;
        margin: 0 0px !important
    }

        .rich-blog-homepage .title strong {
            font-weight: 600 !important
        }

    .rich-blog-homepage .blog-post {
        border-radius: 0;
        overflow: hidden;
        padding: 15px;
        background: var(--card-bg);
        margin-top: 15px !important;
        box-shadow: var(--card-shadow);
        border: var(--card-border)
    }

    .rich-blog-homepage .post-picture {
        border-radius: 15px;
        box-shadow: var(--card-shadow)
    }

    .rich-blog-homepage .post-title {
        color: var(--second-dark) !important;
        border-bottom: var(--card-border);
        margin-bottom: 15px;
        background-color: #f6f6f6 !important
    }

.post-date, .news-date {
    color: var(--text-color-black)
}

.post-description p {
    color: var(--text-color-black)
}

.rich-blog-homepage .read-more, .post-actions .read-more {
    background-color: var(--second-dark) !important;
    border-radius: 0
}

.rich-blog-homepage .view-all a {
    color: var(--second-dark);
    font-weight: 600 !important
}

.post-title, .news-title {
    font-weight: 500 !important;
    color: var(--second-dark);
    margin-bottom: 25px
}

.news-list-homepage {
    background: #010922;
    border-radius: var(--card-radius);
    border: var(--card-border);
    padding: 15px;
    background-size: cover;
    background-image: url(../img/news-bg.jpg);
    position: relative;
    box-shadow: var(--card-shadow);
    overflow: hidden
}

    .news-list-homepage:before {
        position: absolute;
        content: "";
        background: var(--card-bg);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .news-list-homepage .sub-title {
        position: relative
    }

.post-body, .news-body {
    color: var(--text-color-black)
}

.news-card .buttons {
    text-align: left !important
}

.home-page-filters-wrapper .search-button {
    background: var(--primary) !important;
    border-radius: var(--card-radius)
}

.home-page-polls .title strong {
    font-weight: 600;
    color: var(--text-color-black);
    border-bottom: 0
}

.main-poll {
    color: var(--text-color-black)
}

.breadcrumb {
    border-bottom: 2px solid var(--second-color);
    color: var(--text-color-black)
}

.gallery .picture-wrapper {
    border-radius: var(--card-radius-product);
    border: var(--product-card-border);
    overflow: hidden
}

    .gallery .picture-wrapper .picture {
        border: 0px !important
    }

.gallery .picture {
    margin: 0px !important
}

.overview .product-name h1 {
    color: var(--second-dark);
    border-bottom: 2px solid #eaeaea;
    line-height: 2em
}

.overview .short-description {
    color: var(--text-color-black)
}

.overview .prices:before, .variant-overview .prices:before {
    background: transparent !important;
    -webkit-transform: none;
    -ms-transform: skew(-15deg);
    transform: none
}

.overview .product-price {
    color: var(--second-color) !important
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    background: var(--second-dark) url(../../img/icon-add-to-cart.png) no-repeat left top !important;
    border-radius: 15px;
    margin-top: 0
}

.overview .prices, .variant-overview .prices {
    background: transparent !important
}

.overview .qty-input, .variant-overview .qty-input, .overview .qty-dropdown, .variant-overview .qty-dropdown {
    width: 45px;
    height: 45px;
    border-radius: 0;
    background: var(--primary);
    color: #fff;
    outline: 0
}

.overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price {
    color: var(--text-color-black)
}

.product-details-page .old-product-price {
    width: auto;
    margin-right: 15px;
    line-height: 30px
}

.product-details-page .old-product-price {
    float: left;
    width: 100%;
    text-decoration: line-through;
    color: #999;
    margin-bottom: 5px
}

.product-no-reviews, .product-reviews-overview {
    margin: 10px 0 20px 0px !important
}

.productTabs {
    margin: 0 0 40px;
    background: var(--product-tab-content-bg);
    border-radius: var(--product-tab-card-radius);
    border: var(--product-tab-border);
    overflow: hidden;
    padding: 15px
}

.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel {
    background: #fff0
}

    .ui-tabs .ui-tabs-panel p {
        color: var(--text-color-black)
    }

    .ui-tabs .ui-tabs-nav li a {
        border-bottom: 0 solid #fff;
        background: var(--second-dark);
        color: var(--white);
        border-radius: 15px;
        margin: 0 2px;
        border-radius: var(--tab-border-radius)
    }

.ui-tabs .ui-state-active.ui-tabs-active a {
    background: var(--button-color);
    border-radius: var(--tab-border-radius)
}

.cart tr:nth-child(odd) {
    background: var(--table-odd)
}

.cart tr:nth-child(even) {
    background: var(--table-even)
}

.cart th {
    background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important
}

.cart td {
    color: var(--text-color-black) !important;
    text-align: center;
    border: 1px solid var(--table-border) !important
}

.venextgridcolor {
    color: var(--heading-color) !important;
    background-color: transparent !important
}

.cart-footer {
    background: #fff0;
    border: var(--second-card-border);
    box-shadow: none;
    border-radius: var(--card-radius-second);
    color: var(--text-color-black);
    border: 1px dashed #b9b9b9
}

.update-cart-wrap input[type="submit"] {
    background: var(--second-dark) url(../../img/icon-update-cart.png) no-repeat 12px center !important;
    border-radius: var(--btn-border-radius)
}

.continue-shopping-wrap input[type="submit"] {
    background: var(--button-color) url(../../img/icon-add-to-cart.png) no-repeat 1px center !important;
    border-radius: var(--btn-border-radius)
}

    .continue-shopping-wrap input[type="submit"]:hover {
        background: var(--second-color) url(../../img/icon-add-to-cart.png) no-repeat 1px center !important
    }

.product-subtotal, .cart-total-left label, .value-summary {
    color: var(--text-color-black) !important
}

.shopping-cart-page .button-1, .checkout-page .button-1 {
    background: var(--second-color) !important;
    box-shadow: none !important;
    border-radius: 15px;
    margin-top: 15px
}

.checkout-data .checkout-data {
    border: var(--card-border);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    color: var(--text-color-black);
    padding: 10px
}

input[type="button"], input[type="submit"], button, .button-1, .button-2 {
    background: var(--btn-primary) !important;
    border-radius: var(--button-border-radius) !important;
    color: var(--button-primary-color) !important;
    margin-top: 15px
}

.page-title h1 {
    color: var(--heading-color);
    text-transform: capitalize;
    font-weight: 500
}

.checkout-data .cart-footer {
    background: transparent !important;
    box-shadow: none !important
}

.order-review-data > div, .order-details-area > div, .shipment-details-area > div {
    background: transparent !important;
    border-left: 0px !important
}

.order-completed-page, .order-completed-page .page-title {
    background: transparent !important
}

.section .title strong {
    font-weight: 600;
    color: var(--text-color-black)
}

.share-info {
    color: var(--text-color-black)
}

.showNoteonboth, .treetext {
    color: var(--text-color-black)
}

#tbTree span {
    color: var(--text-color-black)
}

#tbTree a {
    color: var(--second-color)
}

.TeamRight, .TeamLeft {
    color: var(--second-color)
}

.showNoteonlyMobileview {
    color: var(--text-color-black)
}

.materialdesign .footer-copyright-area {
    z-index: 999999999;
    position: fixed;
    bottom: 0;
    padding: 0
}

.footer-copyright-area .container-fluid {
    padding: 0px !important
}

.footer-copy-right {
    position: relative
}

.footer-disclaimer {
    color: var(--white);
    font-size: 12px
}
.footer-disclaimer a{
    color: var(--white);
}

.materialdesign .footer-copy-right a {
    color: var(--primary)
}

.footer-top .footer-block:nth-child(1) {
    width: 33.33%
}

.footer-top .footer-block:nth-child(2) {
    width: 33.33%;
    margin-right: 0%
}

.footer-top .footer-block {
    width: 33.33%
}

.footer-menu li {
    font-size: 14px;
    color: var(--text-color-black)
}

.footer-block .newsletter .title strong {
    font-weight: 300;
    font-size: 16px;
    color: #8f8f8f !important
}

.footer-top {
    background: var(--footer-top);
    color: #fff
}

    .footer-top .footer-block h3 {
        color: var(--text-color-black) !important
    }

.footer-block h3, .footer-block .topic-block h2 {
    color: var(--text-color-black) !important
}

.footer-block h3 {
    color: var(--white) !important
}

    .footer-block h3:before, .footer-block .topic-block h2:before {
        width: 0 !important
    }

.footer-block .newsletter .title strong {
    color: var(--text-color-black) !important
}

.footer {
    background-size: cover;
    background-image: url(../../img/footer-bg.jpg);
    position: relative;
    padding: 0
}

    .footer:before {
        position: absolute;
        content: "";
        background: var(--card-bg);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

.footer-bottom {
    background: var(--footer-bottom) !important;
    position: relative;
    padding: 10px 0
}

a:not([href]):not([tabindex]) {
    text-decoration: none
}

#goToTop {
    background: var(--second-color) url(../../img/goTop.png) no-repeat center 46%
}

.menucount .picture {
    margin-right: 5px;
    width: 40px !important;
    height: 30px !important
}

    .menucount .picture img {
        width: 25px
    }

.mini-shopping-cart {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0
}

    .mini-shopping-cart .menucount {
        padding: 3px 0 5px;
        border-bottom: 0
    }

.menucount a {
    height: 30px;
    padding-top: 2px !important;
    color: var(--text-color-black)
}

    .menucount a:hover {
        color: var(--second-color) !important
    }

.home-page-filters-wrapper .results-number {
    background: transparent !important
}

.admin-header-links a {
    color: var(--text-color-black) !important
}

.panel-title, #panle1 {
    color: #fff !important
}

.footer-copyright-area {
    margin-left: 0px !important
}

.required {
    margin: 0 2px 0 0 !important;
    color: #c00 !important;
    padding: 0 !important
}

.divKyc {
    border: 2px solid rgb(255 255 255 / .2);
    border-radius: 0;
    padding: 15px;
    margin: 15px 0;
    display: inline-block;
    width: 100%
}

.ordertext {
    color: var(--text-color-black)
}

.dashone-adminprowrap {
    padding: 0;
    background: #fff0;
    margin-top: 25px
}

.contact-client-address p {
    color: var(--text-color-black) !important
}

    .contact-client-address p strong {
        color: var(--second-color) !important
    }

#GuestMember .sparkline11-list {
    background: var(--card-bg) !important;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    padding: 15px
}

    #GuestMember .sparkline11-list ul.message-list-menu li {
        color: var(--text-color-black)
    }

.dashone-adminprowrap label {
    color: var(--text-color-black)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-image: var(--primary-gradient) !important
}

.wrapper {
    background: #00286f
}

#dvContainer {
    overflow-x: unset !important
}

.return-request-list-page #dvContainer {
    margin-left: unset !important
}

.contact-client-single #dvContainer {
    margin-left: unset !important
}

#lblDate label {
    color: var(--text-color-black)
}

.toggle-password, .toggle-password1, .toggle-password2, .toggle-password3 {
    color: var(--primary) !important;
    position: relative;
    top: 15px
}

.Notealigne i {
    color: var(--text-color-black) !important
}

.form-group-inner .row .col-md-4 {
    padding-left: 0px !important
}

.accept-privacy-policy label {
    color: var(--text-color-black) !important
}

.accept-privacy-policy .read {
    color: var(--second-color) !important
}

.custom-datatable-overright table tbody tr td {
    border: 0 solid #ececec
}

    .custom-datatable-overright table tbody tr td p {
        color: var(--text-color-black)
    }

.block {
    text-align: left;
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    border-radius: var(--card-radius);
    overflow: hidden;
    padding: 15px;
    margin-top: 15px
}

    .block .title {
        background: var(--second-dark) !important;
        border-radius: 0
    }

        .block .title strong {
            color: var(--white)
        }

    .block .list a {
        color: var(--text-color-black);
        font-size: 13px;
        border: 0;
        padding: 9px 10px
    }

    .block .listbox {
        background: #fff0
    }

    .block .list a:before {
        background: var(--second-color)
    }

    .block .tags li a, .product-tags-all-page li a {
        color: var(--text-color-black)
    }

    .block .view-all a {
        background: var(--second-color);
        border: 0;
        border-radius: 15px
    }

.blog-search-box .search-box-button {
    background-color: var(--primary) !important;
    margin-top: 15px
}

.email-a-friend-page .inputs label {
    color: var(--text-color-black)
}

.custom-inbox-message {
    background: #fff0
}

.basic-search input[type="text"] {
    width: 40%;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #888
}

.search-input input + label {
    color: var(--text-color-black)
}

.advanced-search .inputs label {
    color: var(--text-color-black)
}

.advanced-search .price-range {
    color: var(--text-color-black)
}

.product-list .item-box .product-title {
    padding: 0 0 0 0px !important;
    margin-top: 0px !important
}

.product-list .quick-view-button {
    left: -5px !important
}

.product-list .item-box .details {
    text-align: left
}

.product-list .item-box .product-title a {
    text-align: left
}

.product-list .product-rating-box .rating {
    margin: 0 0 5px
}

.product-list .item-box .add-info {
    text-align: left !important
}

.product-list .item-box .buttons {
    text-align: left !important
}

#VideoGallery .page-title {
    background-color: transparent !important
}

    #VideoGallery .page-title h1 {
        color: var(--heading-color) !important
    }

#viewSectionGalary {
    border: var(--card-border) !important;
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    background: var(--card-bg);
    padding: 15px
}

    #viewSectionGalary h2.product-title {
        color: var(--text-color-black) !important;
        margin-top: 15px;
        font-size: 16px !important
    }

#VideoGallery .page-title small {
    color: var(--text-color-black) !important
}

    #VideoGallery .page-title small i {
        margin-right: 5px;
        margin-left: 5px
    }

.topic-block-body p, .forums-header {
    color: var(--text-color-black)
}

.forum-search-box .search-box-button {
    background: var(--second-color) url(../../img/search-button.png) center no-repeat !important;
    margin-top: 0;
    border-radius: 0 0
}

.forums-table-section-title a {
    color: var(--text-color-black)
}

.data-table th, .forums-table-section th {
    border: 1px solid var(--second-primary) !important;
    background: var(--second-color) !important;
    color: #fff
}

.forums-table-section-title {
    color: var(--text-color-black)
}

.forums-table-section .view-all, .actions a {
    color: var(--second-color) !important
}

.forum-page .forum-info {
    color: var(--text-color-black)
}

.forum-page .forum-actions a {
    color: var(--second-color)
}

.forum-topic-page .topic-actions .actions a {
    color: var(--second-color)
}

.forum-breadcrumb {
    width: 100% !important;
    max-width: 100%
}

.form-fields .inputs label, .form-fields .inputs strong {
    color: var(--text-color-black)
}

.topic-post .post-info {
    color: var(--text-color-black)
}

.topic-posts .topic-post a {
    color: var(--second-color)
}

.topic-post .post-content {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    margin-top: 15px
}

.topic-post .post-head {
    margin: 0 0 10px;
    border: 0;
    border-bottom: 1px solid var(--second-color);
    background: #fff0;
    padding: 5px;
    overflow: hidden;
    color: var(--second-color)
}

.topic-posts .topic-post {
    border-bottom: 0
}

.manufacturer-grid .item-box, .vendor-grid .item-box {
    border: var(--card-border);
    border-radius: var(--card-radius)
}

.category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
    height: auto
}

    .sub-category-item .picture img, .manufacturer-item .picture img, .vendor-item .picture img {
        border-radius: var(--card-radius);
        width: 100%
    }

#receipt label {
    color: var(--text-color-black) !important
}

.order-progress a {
    color: var(--second-color);
    font-weight: 600
}

.order-progress li.inactive-step a {
    opacity: .5;
    cursor: default;
    color: var(--text-color-black) !important
}

.checkout-page .address-item {
    background: var(--billing-address-bg);
    border: var(--billing-address-border);
    border-radius: var(--card-radius-second);
    box-shadow: none;
    color: var(--text-color-black);
    font-size: 14px
}

.shipping-method .method-list, .payment-method .method-list {
    color: var(--text-color-black)
}

.method-list .method-description {
    font-size: 14px;
    margin-left: 18px
}

#OrderTolal {
    color: var(--second-color)
}

.edit-address label {
    color: var(--text-color-black)
}

.inputs select {
    background: #fff
}

.inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
    border-radius: 0
}

#TabPinsDetails .col-lg-12, #TabDetails .col-lg-12 {
    background: transparent !important
}

#tblTreeView td {
    color: var(--white)
}

.return-request-list-page .page-title h1 {
    color: var(--text-color-black) !important
}

.registration-result-page .panel {
    background-color: #fff0;
    border: 0 solid #fff0
}

#viewSectionGalary {
    color: var(--text-color-black)
}

    #viewSectionGalary h4, .category-description p {
        font-size: 14px !important;
        text-align: left;
        line-height: 22px
    }

.compare-products-page, .manufacturer-description, .review-rating label {
    color: var(--text-color-black)
}

    .compare-products-page .clear-list {
        background: var(--second-color);
        border: var(--card-border);
        border-radius: var(--card-radius)
    }

.compare-products-table-mobile tr:nth-child(odd) {
    background: rgb(0 21 80 / .8)
}

.compare-products-table-mobile tr:nth-child(even) {
    background: rgb(13 97 198 / .7)
}

.compare-products-table-mobile td {
    color: #fff !important;
    background: rgb(2 5 64 / .7) !important;
    text-align: center;
    border: 1px solid #1338a1 !important
}

.product-list .item-box:after {
    background: #fff0
}

.productTabs .write-review {
    background-color: transparent !important
}

.previous-product a, .next-product a {
    color: var(--text-color-black) !important;
    border-bottom: 1px solid var(--second-primary) !important;
    background: transparent !important
}

    .next-product a:before, .previous-product a:before {
        border-left: 0
    }

.sevenspikes-cloudzoom-gallery {
    margin-top: 25px
}

.ui-tabs .full-description, .product-tags-box {
    color: var(--text-color-black) !important
}

.overview .product-name {
    margin: 25px 0 15px
}

.overview .custom-pvbv {
    text-align: left !important;
    margin-left: 0px !important;
    padding: 15px;
    display: inline-block;
    float: left;
    padding: 10px 0 15px 9px !important
}

.pvBvCss {
    color: var(--text-color-black) !important
}

.email-a-friend-page .title a {
    color: var(--second-color)
}

input[type="submit"] {
    color: var(--white) !important;
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important
}

.pswrdrecvry {
    margin: 10px
}

#passrecoveryid {
    color: var(--text-color-black)
}

.btn-secondary {
    border: 1px solid var(--second-color) !important;
    background: #fff !important;
    color: var(--second-color) !important;
    border-radius: 15px;
    margin-top: 13px !important
}

    .btn-secondary a {
        color: var(--second-color) !important
    }

.login-content {
    margin-top: 50px !important;
    margin: 25px 10px !important;
    padding-bottom: 15px
}

.news-items .buttons {
    text-align: left
}

.news-list-homepage .view-all {
    position: relative
}

.news-items .read-more {
    background-color: var(--btn-secondary) !important;
    border-radius: 0;
    border: var(--card-border)
}

.news-list-homepage .view-all a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600
}

.blog-page .post {
    background: var(--card-bg);
    border: var(--card-border);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    padding: 15px !important
}

.blog-page .post-body:after {
    display: none
}

.read-comments {
    color: var(--text-color-black)
}

.blog-page .post-body {
    height: auto
}

.rich-blog-homepage .view-all a {
    color: var(--text-color-black) !important
}

.article-details-text {
    color: var(--text-color-black) !important
}

.blog-page .post {
    width: 100% !important
}

.blog-page .post-head {
    background-color: transparent !important
}

.post-content {
    background: #fff0
}

.post-navigation a {
    background-color: transparent !important;
    border-bottom: 1px solid var(--second-color) !important;
    color: #fff
}

.new-comment .title, .comment-list .title {
    color: var(--text-color-black)
}

    .fieldset .title strong:before, .comment-list .title:before {
        background: var(--second-color)
    }

.blog-comment, .news-comment {
    border: var(--card-border);
    background: #fff0;
    /*color: #fff;*/
    border-radius: var(--card-radius)
}

.blog-search-box .search-box-button {
    height: 40px !important;
    background: var(--second-color) url(../../img/search-button.png) center no-repeat !important;
    border-radius: 0 15px 15px 0;
    top: 1px !important
}

.newsletter-email input[type="text"] {
    border-radius: 15px 0 0 15px
}

.newsletter-email input[type="button"] {
    border-radius: 0 15px 15px 0;
    background: var(--second-color) url(../../img/icon-newsletter.png) center no-repeat !important
}

.post-title:before, .news-title:before {
    background: var(--primary)
}

.home-page-filter-selector {
    width: 49% !important;
    margin: 0 0 0 1% !important
}

.home-page-filters-wrapper .search-button {
    margin-left: 5px !important
}

.checkout-page .payment-info {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow)
}

#Notediv i {
    color: var(--text-color-black) !important
}

.cart-collaterals .coupon-code input[type="text"] {
    border-radius: 5px;
    margin-right: 8px
}

.custom-datatable-overright h4 {
    color: var(--text-color-black)
}

    .custom-datatable-overright h4 a {
        color: var(--second-color)
    }

.dvcenter strong {
    color: var(--text-color-black)
}

#searchResult {
    margin-top: 25px
}

.datatable-dashv1-list p i {
    color: var(--text-color-black) !important
}

.btn-primary.active {
    border: 0 solid var(--second-color) !important;
    /*    background: #504530 !important;*/
    background: var(--second-color) !important;
    color: var(--white) !important
}

.form-text-row {
    color: var(--text-color-black)
}

#noteleft i {
    color: var(--text-color-black) !important
}

#NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
    width: 33.33% !important;
    margin: 0
}

#NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
    width: 32.33% !important;
    margin-left: 1%;
    margin-right: 0
}

#NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
    width: 32.33% !important;
    margin-left: 1%;
    margin-right: 0
}

.accordion-head a i {
    color: var(--text-color-black)
}

.block {
    padding: 10px
}

    .block .title strong {
        font-size: 14px;
        font-family: Poppins;
        padding: 6px 30px 6px 10px
    }

    .block .listbox .list, .block .listbox .nav-list {
        margin-top: 10px
    }

        .block .listbox .list li, .block .listbox .nav-list li {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .block .listbox .list a {
            padding-top: 1px;
            padding-bottom: 1px
        }

        .block .listbox .nav-list a {
            color: var(--text-color-black);
            font-size: 13px;
            padding-top: 1px;
            padding-bottom: 1px
        }

.product-grid .thumbnail {
    background: #fff0;
    border: 0;
    padding: 0
}

.item-box .product-rating-box {
    height: 25px
}

.product-item .details .add-info .buttons input[type="button"] {
    margin-top: 0px !important;
    margin-left: 0
}

.forum-search-page .search-results {
    color: var(--text-color-black)
}

.overview .manufacturers {
    color: var(--text-color-black)
}

.product-no-reviews, .product-reviews-overview {
    margin: 10px 0 10px 0px !important
}

.attributes {
    color: var(--text-color-black)
}

.breadcrumb {
    margin: 5px 0 20px
}

.gallery, .product-details-page .overview {
    border-bottom: 0;
    padding: 0 0 5px
}

.login-horizental .loginBtn {
    padding: 0 8px 2px 8px !important;
    line-height: 32px !important;
    font-size: 14px !important;
    width: 220px;
    border-radius: var(--card-radius);
    text-align: center
}

#mydirectDataTable .totalquantitywidth {
    color: #000;
    text-align: center;
    background: #fff0
}

#OrderSummary .sparkline9-graph {
    background: transparent !important;
    margin-top: 0px !important
}

#OrderSummary .sparkline16-graph {
    margin-top: 10px !important;
    color: var(--text-color-black)
}

#paymodeDetailsDiv {
    color: var(--text-color-black)
}

#PaymodePanel .dashone-comment {
    border: var(--card-border) !important
}

    #PaymodePanel .dashone-comment .sparkline16-graph {
        box-shadow: none !important;
        border: 0;
        margin-top: 0px !important
    }

#PaymodePanel .navcontainer .nav-tabs .btn-primary {
    margin-top: 0;
    margin-right: 5px
}

.order-summary-content .no-data {
    color: var(--text-color-black)
}

.register-box {
    width: 83.33333333%;
    margin: 0 auto;
    float: none
}

.register-box-big {
    width: 100%;
    margin: 0 auto
}

.register-content .submit, .register-content .backlogin {
    border-radius: var(--btn-border-radius);
    padding: 10px 10px;
    border: var(--btn-primary-border) !important;
    margin: 0px !important
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover) !important
}

.login-horizental {
    margin-top: 10px
}

#registerPanelCount .form-group-inner .row #JoiningDay {
    width: 31.33% !important;
    margin-right: 1% !important
}

#registerPanelCount .form-group-inner .row #JoiningMonth {
    width: 33.33% !important;
    margin-right: 1% !important
}

#registerPanelCount .form-group-inner .row #JoiningYear {
    width: 33.33% !important;
    margin-right: 0% !important
}

.otp {
    border: 2px solid var(--second-dark) !important;
    border-radius: 30px !important;
    background: var(--second-dark) !important;
    color: var(--white) !important
}

#RegisterSuccess {
    color: var(--text-color-black);
    margin-top: 60px !important
}

.register-content .page-body .page-title h1 {
    margin-top: 15px !important
}

.RegTextalign .txtPhoneValue {
    width: 50%
}

.block-blog-archive {
    margin-left: 0;
    margin-right: 0
}

.inputs select {
    box-shadow: none
}

.update-cart-wrap, .continue-shopping-wrap {
    margin-bottom: 0px !important
}

.cart-collaterals .title strong {
    font-size: 16px
}

.cart-collaterals .hint {
    font-size: 13px;
    font-weight: 400
}

.cart-collaterals .shipping label {
    font-size: 13px
}

.terms-of-service {
    font-size: 12px
}

.page .section {
    box-shadow: none
}

.shipping-method .method-list li label, .payment-method .method-list li label {
    font-size: 14px
}

.billing-info .info-list, .shipping-info .info-list {
    font-size: 14px
}

.mini-shopping-cart .quantity, .mini-shopping-cart .price, .mini-shopping-cart .price span, .mini-shopping-cart .totals {
    color: var(--text-color-black) !important
}

    .mini-shopping-cart .totals strong, .mini-shopping-cart .name a {
        color: var(--second-color) !important
    }

#sparkline16id {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

#ScrollableDiv111 .ccMenu {
    margin-top: 0
}

    #ScrollableDiv111 .ccMenu a {
        margin-top: 0;
        margin-bottom: 0
    }

#noteid {
    color: var(--text-color-black)
}

#paymentInfoHeading {
    color: var(--text-color-black) !important
}

#SetManualdate label {
    width: 100% !important;
    float: none !important;
    display: contents
}

.WWCustomEpinOrderFilterCls #divTraderName {
    width: 100%
}

.WWCustomEpinOrderFilterCls .data-custon-pick {
    width: 50%
}

#genderDetails .forcheckbox {
    color: var(--text-color-black) !important
}

.print-head {
    background-color: var(--primary) !important;
    border-bottom: 5px solid var(--second-primary) !important
}

    .print-head h4 {
        color: var(--text-color-black) !important
    }

.next-product, .previous-product {
    border: 1px solid var(--second-primary)
}

.categoryMenu-panle {
    width: 265px !important;
    right: 18px !important
}

    .categoryMenu-panle:before {
        right: 17px !important;
        left: auto
    }

.search-results .no-result {
    color: var(--text-color-black)
}

#tbTree hr {
    border-color: var(--text-color-black) !important
}

.mobile-nav .nav-item .fa-sign-out-alt {
    color: var(--primary)
}

.panel {
    box-shadow: none
}

.center-1 .product-grid .item-box:nth-child(4n+1) {
    clear: none !important
}

.quickViewWindow .gallery {
    margin: 5px
}

.quickViewWindow .product-content {
    background: var(--quick-view-card-detail)
}

.quickViewWindow .popup-header {
    background: var(--quick-view-card-head) !important
}

.quickViewWindow .product-name {
    color: var(--quick-view-card-head-color) !important;
    font-weight: 600
}

.quickViewWindow .overview #accordion .purchase-area .prices {
    float: none !important
}

.quickViewWindow .overview .custom-pvbv {
    padding: 1px 5px !important;
    margin-bottom: 10px !important;
    font-size: 18px !important
}

    .quickViewWindow .overview .custom-pvbv label {
        margin-bottom: 0
    }

.quickView .k-window-titlebar.k-header .k-window-actions a {
    background-color: #fff !important;
    padding: 5px
}

#SavingbtnValue #SavingAccType, #SavingbtnValue #CurrentAccType, #SavingbtnValue #OtherAccType {
    padding-right: 0
}

.datatable-dashv1-list #btnAll, .datatable-dashv1-list #btnSealed, .datatable-dashv1-list #btnUnSealed {
    height: auto !important
}

.newKendo #pageInfo {
    background-color: transparent !important;
    border: 0px !important;
    color: var(--text-color-black) !important
}

.k-grid.k-widget .k-grid-toolbar {
    background: #001453 !important;
    padding: 1px 8px
}

#PasswordResetPanelCount .sparkline16-list {
    margin-left: auto;
    margin-right: auto
}

.login-horizental #SetPassword {
    margin-top: 0
}

.white-note {
    color: var(--text-color-black)
}

.forum-edit-page .form-fields {
    width: 80%;
    margin: 15px auto
}

    .forum-edit-page .form-fields .inputs label {
        margin-left: 0px !important
    }

    .forum-edit-page .form-fields .inputs input {
        width: 60%
    }

.forum-edit-page textarea {
    width: 60%;
    margin-left: 232px
}

.forum-edit-page .toolbar img {
    width: auto !important
}

.forum-edit-page .buttons {
    width: 60%;
    margin-left: 232px
}

.no-data {
    color: var(--text-color-black)
}

#checkout-steps .step-title {
    border-bottom: 1px solid var(--second-primary);
    border-bottom: 2px dashed var(--second-primary)
}

.product-tags-all-page .product-tags-list, .vendor-list-page .vendor-list {
    background: var(--second-primary);
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / .15);
    padding: 10px;
    border-radius: var(--card-radius);
    border: var(--card-border)
}

.register-result-padding label {
    color: var(--second-color)
}

#divOtp {
    background: var(--card-bg) !important;
    padding: 0;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 15px 0;
    width: 100%
}

    #divOtp .panel-heading {
        color: #004d7a !important;
        background: var(--second-primary) !important;
        color: #fff;
        border: 0;
        border-radius: 0
    }

.order-summary-content .billing-info-wrap, .order-summary-content .shipping-info-wrap {
    color: var(--text-color-black)
}

.padd-le-0 {
    padding-left: 5px !important
}

@media (max-width:1250px) {
    .dashboard-content h3 {
        font-size: 1.4em
    }
}

@media (max-width:1024px) {
    #dvContainer {
        margin-left: 300px !important
    }

    .dashboard-box .dashboard-content {
        padding: 10px
    }

    .dashboard-content p {
        font-size: 13px;
        height: 40px
    }

    .dashboard-content h3 {
        font-size: 14px
    }
}

@media (min-width:991px) and (max-width:1024px) {
    .content-inner-all {
        margin-left: 234px
    }
}

@media (max-width:1000px) {
    .login-content {
        margin-top: 30px !important;
        height: 440px !important
    }

    .footer-centering {
        width: 100%
    }

    header {
        background: var(--header) !important;
        padding: 5px 15px !important;
        top: 0;
        height: 60px !important
    }

        header label {
            color: var(--text-color-black) !important
        }

    .mean-container a.meanmenu-reveal span {
        background: var(--text-color-black) !important
    }

    .mean-container .mean-nav ul {
        background: var(--side-bar) !important
    }

        .mean-container .mean-nav ul li a {
            color: var(--white);
            background: var(--side-bar)
        }

    .navUL {
        background-color: var(--white) !important;
        box-shadow: none !important
    }

    .ShoppingwishlistResponsive {
        padding-left: 7px !important
    }

    .ShoppingwishlistResponsive {
        font-size: 10px !important;
        margin-left: 26.6px
    }

    .ShoppingNotificationsCountResponsive {
        font-size: 10px !important;
        margin-left: 28px
    }

    .ShoppingcartCountResponsive {
        font-size: 10px !important;
        margin-left: 28.8px
    }

    #changepasswordlabel {
        padding-left: 0px !important
    }
}

@media (max-width:768px) {
    #PasswordResetPanelCount .sparkline16-list {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

        #PasswordResetPanelCount .sparkline16-list .btn-secondary {
            margin-top: 0
        }

    .overview {
        text-align: center
    }

    .cart-info .add-to-cart {
        width: 210px;
        margin: 0 auto
    }

    .overview .add-to-cart-button, .variant-overview .add-to-cart-button {
        width: 160px
    }

    .footer-top .footer-block:nth-child(1) {
        width: 100%
    }

    .footer-top .footer-block:nth-child(2) {
        width: 100%
    }

    .footer-top .footer-block {
        width: 100%
    }

    .form-group-inner .row .col-md-4 {
        margin-top: 0;
        padding-left: 5% !important
    }

    .justAFixingDivBefore, .header-menu {
        background: var(--primary) !important
    }

    .header-currencyselector {
        float: left
    }

    .header-menu > ul li {
        background: #fff0;
        border-bottom: 0 solid var(--second-primary)
    }

        .header-menu > ul li > a, .header-menu > ul li > span {
            padding: 12px 18px 12px !important;
            color: #fff;
            font-size: 14px;
            text-transform: capitalize
        }

    .responsive-nav-wrapper {
        background-image: none !important
    }

    #genderDetails {
        padding-left: 35%
    }

    .materialdesign .admin-dashone-data-table-area {
        margin-top: 20px !important
    }

    .main-sparkline17-hd h1 {
        font-size: 16px !important
    }

    .sparkline17-hd {
        padding: 0px !important
    }

    .sparkline9-hd h1, .sparkline8-hd h1, .sparkline11-hd h1, .sparkline12-hd h1, .sparkline13-hd h1, .sparkline14-hd h1, .sparkline10-hd h1 {
        font-size: 16px !important
    }

    .topic-post .post-info, .profile-info-box {
        padding-left: 0px !important
    }

    .custom-pvpbcenter {
        margin-left: 10px !important
    }

    .previous-product, .next-product {
        margin-bottom: 15px
    }

    #receipt label {
        width: 100% !important;
        display: contents
    }

    #SearchResponsiveStore {
        width: 100% !important
    }

    .overview .custom-pvbv {
        text-align: center !important;
        padding: 5px 5px;
        float: none
    }

    .header-links span {
        display: block;
        width: 17px;
        height: 17px;
        background: #e10000;
        border-radius: 50%;
        text-align: center;
        line-height: 17px !important;
        padding: 0px !important
    }

    .is-required .inputs input[type="text"], .is-required .inputs input[type="password"], .is-required .inputs select, .is-required .inputs textarea {
        width: 98% !important;
        max-width: 100% !important
    }

    .is-required input[type="text"] {
        width: 95% !important
    }

    .shipping-method .method-list li {
        min-height: auto
    }

    .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
        width: 100%;
        border-bottom: 1px solid #2c4e9b
    }

    .cart-footer .totals {
        width: 100%
    }

    .epin-detail-form {
        margin-left: 0px !important
    }

        .epin-detail-form #SelectReqNoTraderNameId {
            margin-bottom: 15px
        }

        .epin-detail-form .WWCustomEpinOrderFilterCls .col-md-12 {
            padding-left: 0;
            padding-right: 0
        }

    #dvContainer {
        margin-left: 195px !important
    }

    .epin-filter-show {
        margin-top: 0px !important
    }

    .forum-edit-page textarea {
        margin-left: 0
    }

    .forum-edit-page .buttons {
        width: 100%;
        margin-left: 0
    }

    #EpinTextValue {
        text-align: center
    }

    .mobile-input input[type="text"], .mobile-input textarea {
        width: 98% !important
    }

    #RegisterSuccess {
        margin-top: 11px !important
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        font-size: 20px !important
    }
}

@media (max-width:660px) {
    .change-password-icon {
        position: relative !important;
        top: 7px
    }

    #dvContainer {
        margin-left: 160px !important
    }

    .RegTextalign .txtPhoneValue {
        width: 100%
    }

    .register-box .register-content {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .cart-footer {
        margin-top: 15px
    }

    .header-top-area {
        height: 65px !important
    }
}

@media (max-width:600px) {
    .custom-table {
        width: 100% !important;
        padding-left: 0 !important
    }

    .welcome-adminpro-area .container-fluid, .welcome-adminpro-area .container-fluid .col-xs-12 {
        padding: 0
    }

    #dvBill, #Manualprint {
        padding: 0
    }

    .header {
        min-height: auto !important
    }

    .home-page-filters-wrapper {
        padding: 10px 10px !important;
        height: 57px
    }

    .home-page-filter-selector {
        float: left;
        margin: 0px !important
    }

    .home-page-filter-selectors {
        width: 220px !important;
        float: left
    }

    .home-page-filter-selector .k-dropdown {
        width: 98% !important
    }

    .home-page-filters-wrapper .search-button {
        height: 37px !important;
        padding: 0 10px !important;
        font-size: 12px !important
    }

    .home-page-category-grid .item-box, .sub-category-grid .item-box {
        width: 48%;
        float: left;
        text-align: center
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        text-align: left
    }

    .home-page-category-grid {
        padding-bottom: 0px !important
    }

    .home-page-category-grid {
        padding-bottom: 0px !important
    }

    .item-box {
        width: 100%
    }

    .slider-wrapper {
        margin-top: 28px !important
    }

    .center-1, .center-2 {
        margin: 25px 0
    }

    #AjaxFiltersProForm {
        margin: 0 0 20px !important;
        margin-top: 40px !important
    }

    .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
        font-size: 14px;
        text-transform: capitalize
    }

    input[type="button"], input[type="submit"], button, .button-1, .button-2 {
        margin-top: 0
    }

    .footer-bottom {
        color: var(--white) !important;
        text-align: center
    }

    .materialdesign .adminpro-custon-design .panel-heading h4 {
        text-align: left
    }

    #personalDetails #genderDetails {
        padding-left: 0%
    }

    .dashone-adminprowrap {
        background: transparent !important
    }

    #SearchResponsiveStore {
        position: unset !important;
        margin-top: 0px !important
    }

    .rich-blog-image img {
        width: 100%
    }

    .admin-dashone-data-table-area .main-sparkline16-hd h1 {
        color: var(--text-color-black) !important
    }

    .responsive-nav-wrapper-parent {
        height: auto
    }

    .side-2 {
        margin: 10px 0px !important
    }

    .register-box {
        width: 100%;
        margin: 20px auto
    }

    .attributes dt {
        padding: 0
    }

    #ScrollableDiv {
        padding-bottom: 0
    }

    .dataTables_wrapper .dataTables_length select {
        width: 50px !important
    }

    #dvContainer {
        margin-left: 0px !important
    }

    #Save-EpinTransfer {
        margin-top: 10px !important
    }

    .forum-topic-page .topic-posts {
        text-align: center
    }

    .mobile-input input[type="text"], .mobile-input textarea {
        width: 96% !important
    }

    #changepasswordlabel {
        margin-top: 10px !important
    }

    .register-content {
        padding: 20px 20px 20px 20px;
        margin: 50px auto 20px
    }

    .WWCustomEpinOrderFilterCls .data-custon-pick {
        width: 100% !important
    }

    #OrderPlaceFromDate, #OrderPlaceToDate {
        width: 100% !important
    }

    .data-custon-pick {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

@media (max-width:480px) {
    #divStockInfo {
        margin-top: 0% !important
    }

    #personalDetails #genderDetails {
        padding-left: 0
    }

    .button, select {
        margin-bottom: 5px !important
    }

    .form-group-inner .row .col-md-4 {
        margin-top: 0px !important;
        padding-left: 0% !important
    }

    .custom-pvpbcenter {
        margin-left: 0px !important
    }

    .ui-tabs-nav li a {
        margin: 10px 0 !important
    }

    .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul, .custom-tab ul {
        padding: 0 0 0 0
    }

    .login-content {
        margin-top: 50px !important;
        margin: 25px 10px !important
    }

    .block {
        width: 100%
    }

    .attributes dt, .attributes dd {
        background: #fff0
    }

    .overview .custom-pvpbcenter {
        width: auto;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .center-2 {
        margin-top: 0px !important
    }

    .blog-page {
        margin-top: 0px !important
    }

    .checkout-page .section {
        margin: 0;
        padding: 0
    }

    .dataTables_wrapper, .datatable-dashv1-list {
        padding: 5px !important
    }

    #ScrollableDiv {
        padding-bottom: 0
    }

    .table-wrapper table td:nth-child(3):before, .table-wrapper table td:nth-child(5):before {
        color: var(--text-color-black) !important
    }

    #ScrollableDiv111 .ccMenu a {
        margin-top: 5px
    }

    .panel .panel-body {
        padding-left: 0;
        padding-right: 0
    }

    #divShowHide .navcontainer .nav-tabs li {
        width: 100% !important
    }

    #PaymodePanel .navcontainer .nav-tabs .btn-primary {
        margin-right: 0
    }

    .change-password-icon {
        top: 4px
    }

    #changepasswordlabel {
        margin-top: 10px !important
    }

    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 10px
    }

    #GoogleAuth {
        margin-left: 0 !important
    }

    .register-box-big {
        padding: 0
    }

    #registerPanelCount .form-group-inner .row #JoiningDay {
        width: 28.33% !important
    }

    .home-page-category-grid .item-box, .sub-category-grid .item-box {
        width: 48%;
        margin: 10px 1% !important
    }
}

@media (max-width:420px) {
    .home-page-filter-selectors {
        width: 100% !important
    }

    .home-page-filters-wrapper {
        height: 115px
    }

    .dataTables_wrapper, .datatable-dashv1-list {
        padding: 10px !important
    }
}

@media (max-width:360px) {
    .custom-pvpbcenter {
        margin-left: 0px !important
    }

    .login-content {
        margin-top: 50px !important;
        margin: 25px 10px !important
    }

    #dvContainer table {
        font-size: 12px
    }

    #registerPanelCount .form-group-inner .row #JoiningDay {
        width: 100% !important;
        margin: 0px !important
    }

    #registerPanelCount .form-group-inner .row #JoiningMonth {
        width: 100% !important;
        margin-right: 0% !important
    }

    #registerPanelCount .form-group-inner .row #JoiningYear {
        width: 100% !important;
        margin-right: 0% !important
    }

    .continue-shopping-wrap input[type="submit"] {
        margin-top: 10px
    }

    .compare-products-page {
        margin-top: 0px !important
    }
}

.bizdata {
    color: #fff
}

.item-box .old-price {
    padding: 0
}

.view-all-btn {
    padding: 0
}

    .view-all-btn .read-more {
        margin: 0;
        padding: 0 20px
    }

.panel-body {
    text-align: inherit !important
}

.message-error {
    padding: 0
}

.mar-t-0 {
    margin-top: 0
}

.padd-15 {
    padding: 15px
}

.padd-0 {
    padding: 0px !important
}

html {
    --scrollbarBG: var(--scroller-bg) !important;
    --thumbBG: var(--scroller-box) !important
}

.NewGridNorecord {
    background-color: transparent !important
}

.k-grid-header .k-header {
    background: var(--table-th) !important
}

.k-grid-content {
    background-color: transparent !important
}

.newKendo #pageInfo {
    background: transparent !important;
    border: 0px !important
}

.k-grid.k-widget .k-grid-toolbar {
    background: transparent !important
}

.newKendo .k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    background-color: transparent !important
}

.k-grid {
    background-color: transparent !important
}

    .k-grid.k-widget .k-pager-wrap {
        background: var(--k-pager-bg) !important
    }

    .k-grid tr:nth-of-type(odd) {
        background-color: var(--table-odd) !important;
        color: var(--table-text)
    }

    .k-grid tr:nth-child(even) {
        background-color: var(--table-even) !important;
        color: var(--table-text)
    }

.k-pager-numbers .k-link.k-state-selected {
    background-color: var(--primary) !important
}

.k-grid tr td {
    border: 1px solid #dddddd !important
}

.CatImgcontainer .CatImgwrapper {
    background-size: cover !important;
    border-radius: 50%;
    border: 5px solid #ffeddc;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    margin: 0 auto
}

    .CatImgcontainer .CatImgwrapper:hover {
        border: 5px solid var(--primary)
    }

.category-item:hover .title a, .sub-category-item:hover .title a, .manufacturer-item:hover .title a, .vendor-item:hover .title a {
    background-image: none !important
}

.category-item {
    overflow: visible
}

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -41px !important
    }

        .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
            background: #fff0;
            color: var(--text-color-black)
        }

    .category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        max-width: 100%;
        -webkit-transform: translateZ(0) scale(1,1)
    }

    .category-item:hover .picture, .sub-category-item:hover .picture, .manufacturer-item:hover .picture, .vendor-item:hover .picture {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

@media (max-width:1024px) {
    .CatImgcontainer .CatImgwrapper {
        width: 180px !important;
        height: 180px !important
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important
    }
}

@media (max-width:768px) {
    .CatImgcontainer .CatImgwrapper {
        width: 130px !important;
        height: 130px !important
    }

    .product-grid .item-box, .product-list .item-box {
        width: 50% !important;
        float: left;
        margin: 0
    }

    .product-grid .item-grid .Eventitem-box {
        padding-right: 5% !important;
        padding-left: 5% !important
    }

    .button {
        padding: 5px 15px !important
    }
}

@media (max-width:600px) {
    .CatImgcontainer .CatImgwrapper {
        width: 180px !important;
        height: 180px !important
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important
    }

    .item-box .product-title a {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .CatImgcontainer .CatImgwrapper {
        width: 150px !important;
        height: 150px !important
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important
    }

    category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
        height: auto !important
    }

    .product-grid .item-box, .product-list .item-box {
        width: 50% !important
    }

    .home-page-category-grid .title {
        margin: 0 0 5px 25px !important;
        position: relative !important
    }
}

@media (max-width:400px) {
    .CatImgcontainer .CatImgwrapper {
        width: 100px !important;
        height: 100px !important
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: 12px !important
    }
}

@media (min-width:680px) and (max-width:980px) {
    .slider-wrapper {
        margin-top: 45px !important
    }

    #SearchResponsiveStore {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .header-logo {
        width: 230px;
        float: left
    }
}

@media (min-width:360px) and (max-width:680px) {
    .slider-wrapper {
        margin-top: 0px !important
    }

    #SearchResponsiveStore {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .header-logo {
        width: 100%;
        float: left
    }

    .product-grid .item-grid .Eventitem-box {
        width: 49% !important
    }

    .item-box .old-price {
        line-height: 4.5em !important
    }

    .item-box p.old-price {
        line-height: 4.5em !important
    }
}

.manufacturer-list-page .title {
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--heading-color);
    text-align: left;
    margin-top: 40px;
    font-size: 25px !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px
}

.elementor-element .picture h2:after {
    display: none
}

.elementor-element .picture a {
    color: var(--text-color-black)
}

#receiptmargin {
    margin-top: 2px !important
}

#tblIDWisedownlineDetails td {
    text-align: left !important
}

.Eventitem-box .box {
    background: var(--primary-gradient) !important;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2px;
    margin-top: 5px
}

    .Eventitem-box .box .product-title a {
        color: #ffffff !important
    }

.inputs input[type="text"] {
    max-width: 98% !important
}

@media screen and (max-width:660px) {
    .form-group-inner .form-control {
        width: 100% !important
    }
}

.forums-table-section a {
    color: var(--second-color) !important
}

.loginBtn--google {
    background: #dd4b39 !important
}

.loginBtn--facebook {
    background: #4c69ba !important
}

.login-horizental #SetPassword {
    padding: 0 8px 2px 8px !important;
    line-height: 32px !important;
    font-size: 14px !important;
    width: 220px;
    border-radius: var(--card-radius);
    text-align: center
}

#SetPassword {
    margin-top: 0px !important
}

@media (min-width:320px) and (max-width:480px) {
    #FacebookAuth {
        margin-left: 0% !important
    }
}

.select2-container {
    position: relative;
    z-index: 120 !important
}

.elementor-widget-container .title {
    color: var(--main-color) !important
}

.elementor-container .title {
    color: var(--primary) !important
}

.vendor-item .title {
    display: block !important;
    margin-bottom: 0px !important
}

.view-all-btn .read-more {
    color: var(--primary) !important;
    padding: 4px 12px !important;
    text-decoration: underline !important;
    font-weight: 700;
    font-size: 14px
}

@media (min-width:360px) {
    .mean-container .mean-bar {
    }
}

.overlayGenoPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0
}

    .overlayGenoPop:target {
        visibility: visible;
        opacity: 1
    }

.popup {
    margin: 95px auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 70%;
    overflow: scroll
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma,Arial,sans-serif
    }

    .popup .close {
        transition: all 200ms;
        font-size: 30px;
        font-weight: 700;
        text-decoration: none;
        color: #c90000;
        opacity: 1
    }

        .popup .close:hover {
            color: #06d85f
        }

.liflex {
    display: flex
}

.lipopCont {
    float: left;
    border: 3px solid #ddd;
    padding: 5px;
    font-size: .8em
}

.lipopContEmpty {
    float: left;
    font-size: 1em;
    text-align: right !important
}

.ulgeno {
    width: 100%
}

.genolbl {
    width: 50%;
    font-weight: 700
}

.genoval {
    width: 50%
}

.genowd50 {
    width: 50%
}

.genoBold {
    font-weight: 700
}

.genoTitle {
    padding: 10px 0 0 0
}

.ulgeno .lipopContEmpty:first-child {
    border-right: 3px solid #ddd
}

.genoMainPopCont {
    border: 3px solid #ddd;
    color: #000;
    background: #fff;
    border-radius: 3px;
    margin-top: 40px
}

.closediv {
    position: fixed;
    width: 38%;
    background-color: #eaeaea;
    margin-top: -10px
}

.popup .close:hover {
    color: #5d5d5d
}

.popmainLbl {
    font-weight: 700;
    padding-left: 10px;
    line-height: 30px
}

.labelsec {
    font-weight: 700;
    text-align: center !important
}

@media screen and (max-width:700px) {
    .box {
        width: 70%
    }

    .popup {
        width: 90%
    }

    .closediv {
        width: 86%
    }

    .footer-disclaimer {
        display: none
    }

    #ScrollableDiv {
        width: 100% !important
    }
}

.sec3 {
    width: 33.333% !important
}

.treesec {
    width: 35% !important
}

.divsec {
    width: 65% !important
}

.atreesec {
    width: 100%
}

@media screen and (max-width:360px) {
    .trinarypop {
        width: 100% !important
    }

    .closediv {
        width: 84%
    }

    .overlayGenoPop {
        padding: 10px 20px 10px 20px
    }
}

.genoMainPopCont {
    min-width: 480px
}

@media screen and (max-width:640px) {
    .genoMainPopCont {
        min-width: 500px !important
    }
}

.cart .product img {
    width: 100% !important;
    max-width: 50px !important
}

.offerImage {
    width: 100%;
    top: 0 !important;
    width: 60px !important;
    position: absolute !important;
    z-index: 999 !important;
    right: 0 !important
}

.offerImageclass img {
    position: relative !important;
    width: 60px;
    padding: 18px 0 !important
}

.opcbilling-addressform .inputs label {
    margin-left: 0% !important
}

.opcbilling-addressform .inputs {
    text-align: center
}

.opcbilling-addressform .info .inputs label {
    width: 30%
}

@media screen and (min-width:1024px) {
    .opcbilling-addressform .col-md-4, .opcbilling-addressform .col-md-5 {
        text-align: right
    }

    .opcbilling-addressform .col-md-6 {
        text-align: left
    }
}

.opcbilling-addressform .info, .opcbilling-addressform .info #lblEwalletAmount {
    color: #000
}

.compare-products-table td, .forums-table-section td {
    background: none
}

.generic-coommon-reports .form-group-inner label {
    color: var(--form-label-color) !important
}

@media all and (max-width:1100px) and (min-width:990px) {
    .CurrentOfferMainBox {
        width: 49% !important
    }
}

.CurrentOfferMainBox .sparkline7-graph {
    display: block !important
}

.CurrentOfferMainBox .sparkline7-hd {
    padding: 8px 4px;
    background: var(--table-th) !important
}

@media only screen and (min-width:351px) and (max-width:400px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 50px
    }
}

@media only screen and (min-width:401px) and (max-width:500px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 117px
    }
}

@media only screen and (min-width:501px) and (max-width:700px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 176px
    }
}

.CurrentOfferMainBox {
    min-height: 500px !important
}

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 50%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px
    }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar {
            width: 12px
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 8px;
            border: 3px solid #fff
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-track {
            background-color: #f1f1f1;
            border-radius: 8px
        }

    .CurrentOfferMainBox .product-name {
        display: block;
        flex-direction: column;
        flex-basis: 19% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .CurrentOfferMainBox .image {
        width: 200px;
        height: 200px;
        font-weight: 700
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: 50%
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: 80%
    }

.CurrentOfferMainBox {
    justify-content: center;
    align-items: center
}

    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: x-small;
        padding-right: 30px
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex
    }

@media (max-width:479px) and (min-width:320px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        font-size: xx-small
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 96%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
        flex-flow: column
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: 12px
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

@media (max-width:599px) and (min-width:480px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 8px
    }

    .CurrentOfferMainBox .image {
        width: 150px;
        height: 150px;
        font-weight: 700
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

@media (max-width:1023px) and (min-width:600px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: xx-small
    }

    .CurrentOfferMainBox .image {
        width: 200px;
        height: 200px;
        font-weight: 700
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

.CurrentOfferMainBox .OfferTitlediv h1 {
    margin-top: 5px
}

.CurrentOfferMainBox .OfferTitle {
    color: #fff !important;
    font-size: small
}

.CurrentOfferMainBox .OfferTitlediv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.CurrentOfferMainBox .typeoffer {
    color: #fff !important
}

.CurrentOfferMainBox .Datediv h1 {
    color: #000 !important;
    margin-right: 35px;
    font-size: 22px
}

.CurrentOfferBuyBox h1 {
    text-align: center;
    color: #000 !important;
    font-size: 24px
}

.OfferTitle {
    text-align: center;
    color: #000 !important;
    font-size: 25px !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: 700
}

    .OfferTitle h1 {
        text-align: left;
        font-size: 25px !important;
        text-transform: uppercase !important;
        text-align: center;
        font-weight: 700;
        color: var(--heading-color)
    }

@media (max-width:660px) {
    .form-group-inner label {
        padding: 0 !important;
        padding-top: 10px !important
    }

    .form-group-inner .col-xs-12 {
        width: 100% !important;
        margin: 0px !important;
        text-align: center
    }

    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 10px
    }

    #txtPassword .form-control {
        width: 100%
    }

    #PaymodePanel .mCustomScrollBox .col-md-4 label {
        padding-left: 0px !important
    }

    #displayamt {
        text-align: center !important
    }

    #PaymentInformation .custom-datatable-overright table tbody tr td p {
        text-align: justify
    }

    #paymodeDetailsDiv .col-xs-11 {
        width: 100% !important
    }

    #SetManualdate, #paymentInfo .form-group-inner {
        width: 100% !important
    }

    .payment-info .WWCustWalletcls .col-md-5, .payment-info .newupgradetext .col-md-4 {
        text-align: left !important;
        padding-left: 0 !important
    }

    .payment-info .WWCustWalletcls .col-md-5, .payment-info .newupgradetext .col-md-4 {
        text-align: left !important;
        padding-left: 0 !important
    }

    #upgTrn .col-md-6 {
        width: 100%;
        display: block
    }

    #paymentInfo .newupgradetext .col-md-6 {
        width: 100%;
        display: block;
        padding: 0
    }

    #upgTrn #paymentInfo table tbody tr td p {
        text-align: justify !important
    }

    #PaymodePanel .newupgradetext .col-md-6 {
        width: 100% !important
    }

    #receipt1 input[type="file"] {
        padding-left: 0px !important
    }

    .opcbilling-addressform input[type="text"] {
        width: 85% !important
    }

    .#receipt1 .col-md-4 {
        text-align: center !important
    }

    .col-md-6 .form-control, select {
        position: static !important
    }

    .col-md-12 .sparkline16-graph .form-group-inner .col-md-6 {
        width: 100% !important
    }

    .admin-panel-content .divKycblock .col-lg-4 .required {
        float: initial !important
    }

    .form-group-inner .col-md-6 {
        width: 100% !important
    }

    .login-horizental .btn-primary {
        margin-top: 0px !important
    }
}

@media (max-width:2000px) and (min-width:1100px) {
    .form-group-inner .row .col-md-4 {
        padding-left: 14.5% !important
    }
}

@media (width:1024px) {
    .form-group-inner .row .col-md-4 {
        padding-left: 10% !important
    }
}

@media (min-width:981px) {
    #registerPanelCount .regpaymode .inputs .col-md-4 label {
        width: 65% !important
    }

    #registerPanelCount .regpaymode input[type="file"] {
        float: left;
        padding-left: 5px
    }

    #upgTrn #ewalletlablelalign, #upgTrn #epinsecretcodelabel, #upgTrn .newupgradetext .col-md-4 {
        text-align: right !important
    }

        #upgTrn #ewalletlablelalign .required {
            padding: 0 !important;
            margin: 0 !important
        }

    .payment-info .WWCustWalletcls .col-md-5, .payment-info .newupgradetext .col-md-4 {
        text-align: left !important;
        padding-left: 0 !important
    }

    #upgTrn #paymentInfo .inputs {
        padding-right: 0px !important
    }

    #paymentInfo .newupgradetext .col-md-6 {
        text-align: left !important
    }

        #paymentInfo .newupgradetext .col-md-6 input[type="text"] {
            width: 82% !important
        }
}

@media (max-width:2000px) and (min-width:1100px) {
    .form-group-inner .row .col-md-4 {
        padding-left: 15% !important
    }

    .payment-info .newupgradetext .col-md-4 {
        padding-left: 0 !important
    }
}

#registerPanelCount .regpaymode .form-group-inner .row .col-md-4 {
    padding-left: 11% !important
}

@media (min-width:992px) {
    #PaymentProcessed1 .col-md-4 {
        width: 28.333333% !important
    }

    #paymodeDetailsDiv .newupgradetext .col-md-4 label {
        text-align: left !important
    }

    #PaymodePanel .newupgradetext .col-md-4 label, #upgTrn #ewalletlablelalign label {
        width: auto !important;
        text-align: right !important
    }

    #PaymentProcessed .col-md-4 {
        width: 25% !important;
        text-align: right;
        padding: 0
    }

    #registerPanelCount .regpaymode .form-group-inner .row .col-md-4 {
        padding-left: 3% !important
    }

    .regpaymode .required {
        padding-right: 2px
    }

    #registerPanelCount .regpaymode .inputs .col-md-4 label {
        width: auto !important;
        text-align: right !important
    }

    #PaymodePanel #paymodeDetailsDiv .col-md-4 {
        text-align: right !important
    }
}

#divNameAmount #displayamt {
    margin-top: 0
}

.inputs.is-required > label:after {
    float: left !important;
    padding: 2px 6px 2px 2px !important
}

#upgTrn #paymentInfo .required {
    margin: 0 !important
}

.purchase-area #offerImagediv {
    width: fit-content
}

.overview .manufacturers .label {
    color: var(--text-color-black)
}

.overview .label {
    color: var(--text-color-black)
}

@media (min-width:1023px) {
    .col-md-offset-1 .register-content {
        margin: 0 0px !important
    }
}

@media (min-width:600px) and (max-width:601px) {
    .form-group-inner .divCol1 {
        width: 100% !important
    }

    .form-group-inner .divCol2 {
        width: 100% !important
    }
}

#personalInfoDetailPanel {
    width: auto !important;
    margin-left: 0px !important
}

.inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
    width: 50% !important
}

.checkout-page .payment-method input[type="checkbox"], input[type="radio"] {
    margin: 0 0 0 0 !important
}

@media (max-width:660px) {
    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 10px !important
    }

    #personalDetails #genderDetails {
        padding-left: 0px !important
    }

    #paymodeDetailsDiv .col-md-6 {
        width: 100% !important
    }

    .form-group .col-xs-11 {
        width: 100% !important
    }

    .col-md-4 .required {
        margin: 0px !important
    }
}

.well {
    margin-bottom: 0;
    padding: 0px !important;
    margin-bottom: 0px !important;
    background: var(--card-bg) !important;
    border: 0px !important;
    border-radius: 0px !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .05);
    box-shadow: var(--card-shadow) !important;
    background: var(--card-bg);
    border-radius: var(--card-radius) !important;
    overflow: hidden;
    padding: 10px !important;
    margin-top: 15px
}

.overview .qty-input {
    color: #fff !important
}

input[type="text"], input[type="password"], textarea, select {
    color: #000 !important
}

#addtocart_29_EnteredQuantity {
    background: var(--btn-primary) !important;
    border: none !important
}

.breadcrumb > li + li:before {
    content: none !important
}

.highlightoffer .profile-contact-menu {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 15px;
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    background-color: var(--table-th);
    margin: 10px 0
}

.highlightoffer .h1style {
    background-image: url(../img/offer.png);
    background-repeat: no-repeat;
    height: 60px
}

.highlightoffer .CurrentOfferBuyBox .h1style h1 {
    font-size: 2em;
    font-weight: 700;
    color: #cd0202 !important;
    animation: Offerblink 1s infinite
}

    .highlightoffer .CurrentOfferBuyBox .h1style h1 strong {
        animation: Offerblink 1.5s infinite
    }

@keyframes Offerblink {
    0% {
        color: #f91f3e
    }

    50% {
        color: #fff0
    }

    100% {
        color: #f91f3e
    }
}

.CurrentOfferMainBox .highlightoffer .container {
    border: none !important
}

.CurrentOfferBuyBox .scrollfree {
    overflow-y: scroll !important
}

@media (max-width:600px) {
    #registerPanelCount .form-group-inner .row #JoiningDay {
        margin-bottom: 5px !important
    }
}

.col-md-5 label {
    color: #1a1a1a !important
}

.cart-info #offerImagediv {
    text-align: center !important
}

@media (min-width:980px) {
    #co-payment-info-form .inputs label {
        width: auto !important
    }

    .opcbilling-addressform .info, .opcbilling-addressform .info, #receipt1 .col-md-4 {
        text-align: right !important
    }

        .opcbilling-addressform .info td {
            text-align: center !important
        }
}

.opcbilling-addressform .info, .opcbilling-addressform .info #lblEwalletAmount > table td {
    color: #000 !important
}

@media (max-width:1440px) and (min-width:1024px) {
    .divKyc {
        height: 96% !important
    }
}

.divKyc.inside-box {
    background-color: transparent !important
}

.sparkline8-graph, .sparkline7-graph, .sparkline16-graph, .sparkline9-graph {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

#VideoGallery .page-title h1, .page-title h1 {
    background-color: transparent !important
}

#lblDatetd {
    color: #fff !important
}

#tbVoucher {
    width: 100% !important
}

.cart th {
    background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important
}

.address-client-ct a {
    color: cornflowerblue
}

#welcome .more-info:hover {
    color: var(--white)
}

body {
    background-color: var(--header) !important
}

.dataTables_wrapper input {
    background: var(--white) !important
}

@media (max-width:600px) {
    .category-item {
        display: inline-block
    }

    .master-column-wrapper {
        margin: 0 10px
    }

    .quickView, .quickViewWindow {
        width: 100% !important;
        overflow: auto
    }

    .cart-collaterals {
        width: 100%
    }

    .shipping-options .inputs label {
        width: auto !important
    }

    .checkout-page .inputs input, .estimate-shipping .inputs input, .estimate-shipping .inputs select {
        display: block !important;
        width: 100% !important
    }

        .checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea {
            display: block !important;
            width: 100% !important
        }

    .register-content .sparkline16-graph .form-group-inner input[type="text"], .register-content .sparkline16-graph .form-group-inner .form-control {
        width: 95% !important
    }

    .register-content {
        padding: 0 !important
    }

    #registerPanelCount .field-icon {
        margin-right: 28px !important
    }
}

@media (max-width:480px) {
    .previous-product a, .next-product a {
        border-bottom: none !important
    }

    .next-product a {
        padding: 10px 40px 10px 10px !important
    }

    .previous-product, .next-product {
        margin: 10px
    }

    .productTabs {
        margin: 0 10px 40px !important
    }
}

.category-item {
    display: inline-block
}

.elementor-widget-image img {
    height: 120px
}

.elementor-container .title {
    padding: 5px !important
}

.manufacturer-list-page .title:after {
    margin: 0
}

.manufacturer-list-page .title a {
    color: #000 !important
}

.overview label {
    margin-bottom: 0px !important
}

#dvContainer table {
    color: #000 !important
}

.RightLabel label {
    color: #000 !important
}

#dvContainer table tr td .forcheckbox {
    color: #000 !important
}

#MatchingIncomeReconsulationReport_wrapper {
    overflow: auto
}

.profile-contact-menu #quantityspan {
    color: cornflowerblue !important
}

@media (max-width:800px) {
    .mobile-nav .navUL .fa-user, .mobile-nav .navUL .fa-link {
        font-size: 0 !important
    }

    .mobile-nav .navUL {
        border: 1px solid #fff
    }
}

.category-item .CatImgcontainer {
    padding-top: 30px
}

.CatImgcontainer .CatImgwrapper {
    background-size: cover !important
}

.all-form-element-inner .data-custon-pick {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.table-wrapper table td:last-child {
    min-height: 15px !important
}

span .k-select {
    background-color: #a2a2a2 !important
}

.register-content .form-group-inner input[type="radio"] {
    width: auto !important
}

.btn-warning, .btn-secondary, .login-horizental .btn-primary {
    border-radius: 30px
}

#PayoutStartDate, #PayoutEndDate {
    color: var(--white)
}

.forum-search-box .advanced #Search {
    display: none
}

.custom-datatable-overright .Selectdropfield {
    position: relative !important;
    z-index: 1 !important
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    background: linear-gradient(to bottom,var(--second-color),var(--second-dark)) !important
}

#Diventeredamt .lblAmount {
    color: #fff !important
}

.custom-datatable-overright .form-group-inner .col-md-5 label {
    color: var(--form-label-color) !important
}

#tbTree td {
    vertical-align: top !important
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    background: var(--second-color) !important
}

.nav .open > a {
    background-color: inherit !important
}

#dvContainer table {
    color: #000 !important
}

.RightLabel {
    text-align: right;
    padding: 10px;
    width: 291px
}

.labelwidth {
    width: 15em
}

.textalign-padding {
    text-align: left;
    padding: 10px
}

.printpadding {
    padding: 10px
}

#dvContainer.printinfopreview table, .printinfopreview .form-group-inner label {
    color: #000 !important
}

.printinfopreview .forcheckbox {
    font-weight: normal !important;
    color: #555555 !important;
    font-size: 14px !important
}

@media (min-width:360px) and (max-width:479px) {
    .printinfopreview .form-group-inner label {
        font-size: 0.8em !important
    }

    .printinfopreview .DynvalMarg label, .DynvalMarg span {
        font-size: 12px !important
    }

    .printinfopreview .OneLineUL li label {
        font-size: 12px !important
    }

    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: -18px !important
    }

    .printinfopreview .form-group-inner .col-md-4 {
        width: 65% !important
    }

    .inputs.previewinputs {
        margin-left: -22px
    }

    .printinfopreview .btn-primary {
        margin-top: 10px
    }
}

@media (min-width:350px) and (max-width:599px) {
    .printpreviewclass {
        width: 70%
    }
}

@media (min-width:480px) and (max-width:599px) {
    .printpreviewclass #topmargin {
        width: 143%
    }

    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: -32px !important
    }

    .printinfopreview .form-group-inner .col-md-4 {
        width: 65% !important
    }

    .inputs.previewinputs {
        margin-left: -40px
    }

    .printinfopreview .btn-primary {
        margin-top: 10px
    }
}

@media (min-width:600px) and (max-width:799px) {
    .printinfopreview .row {
        margin-left: 127px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 28px
    }

    .printinfopreview .btn-primary {
        margin-top: 10px
    }
}

@media (min-width:800px) and (max-width:1023px) {
    .printinfopreview .form-group-inner {
        margin: 0;
        padding: 0
    }

    .printinfopreview .row {
        margin-left: 70px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 47px
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .printinfopreview .row {
    }

    @media (min-width:1024px) and (max-width:1024px) {
        .printinfopreview .row {
            margin-right: -15px !important;
            margin-left: 129px !important
        }
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 204px
    }
}

@media (min-width:1280px) and (max-width:1359px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: 12px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -47px
    }
}

@media (min-width:1360px) and (max-width:1439px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: 8px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 27px
    }
}

@media (min-width:1440px) and (max-width:1659px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -6px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: 45px
    }
}

@media (min-width:1660px) and (max-width:1919px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -67px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -48px
    }
}

@media (min-width:1920px) {
    .printinfopreview .row {
        margin-right: -15px !important;
        margin-left: -138px !important
    }

    .printinfopreview .form-group-inner .row .col-md-4 {
        padding-left: 0px !important
    }

    .inputs.previewinputs {
        margin-left: -29px
    }
}

.printinfopreview .DynvalMarg {
    width: 55% !important;
    padding-left: 4px
}

.printinfopreview .form-group-inner .row .col-md-4 {
    padding-left: 0
}

.printinfopreview .form-group-inner {
    margin: 0
}

    .printinfopreview .form-group-inner .col-md-4 {
        text-align: right !important;
        padding: 10px;
        width: 40%
    }

    .printinfopreview .form-group-inner label {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 700;
        padding-right: 14px
    }

.printinfopreview .OneLineUL {
    padding: 0 !important;
    margin: 0 !important
}

    .printinfopreview .OneLineUL li label {
        color: #000 !important;
        font-size: 16px
    }

.printinfopreview .form-group-inner span {
    color: #000 !important;
    padding-left: 1%;
    padding-top: 0
}

@media (min-width:991px) and (max-width:1024px) {
    #dvContainer.printinfopreview {
        margin-left: 30% !important
    }
}

@media (min-width:1920px) {
    #dvContainer.printinfopreview {
        margin-left: 33%
    }
}

@media (min-width:1440px) and (max-width:1919px) {
    #dvContainer.printinfopreview {
        margin-left: 30%
    }
}

@media (min-width:1360px) and (max-width:1439px) {
    #dvContainer.printinfopreview {
        margin-left: 28%
    }
}

@media (min-width:1280px) and (max-width:1359px) {
    #dvContainer.printinfopreview {
        margin-left: 24%
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    #dvContainer.printinfopreview {
        margin-left: 20%
    }
}

@media (min-width:800px) and (max-width:1023px) {
    #dvContainer.printinfopreview {
        margin-left: 14% !important
    }
}

@media (max-width:600px) {
    #dvContainer.printinfopreview {
        margin-left: -8%
    }
}

.inputs.previewinputs #btnPrint {
    margin-top: 0px !important
}

@media (max-width:480px) {
    #dvContainer.printinfopreview {
        margin-left: 0%;
        width: 100%
    }

    .printpreviewclass #topmargin {
        width: 135%
    }
}

@media (max-width:360px) {
    #dvContainer.printinfopreview {
        margin-left: 0%;
        width: 100%
    }

    .printpreviewclass #topmargin {
        width: 143%
    }
}

.printpreviewclass #topmargin {
    margin-left: 0px !important;
    background-color: var(--primary-light);
    margin-top: 0;
    color: #fff !important;
    text-align: center;
    padding: 10px 0
}

    .printpreviewclass #topmargin h4 {
        color: #000
    }

@media (max-width:2000px) and (min-width:780px) {
    .newMatrix .genoMainPopCont {
        min-width: 401px !important
    }

    .newm {
        width: 40% !important
    }

    .matrixp {
        width: 40% !important;
        height: 60%
    }

    .valm {
        width: 60% !important
    }

    .newMatrix {
        border: 3px solid #ddd;
        color: #000;
        background: #fff;
        border-radius: 3px;
        margin-top: 40px;
        min-width: 100px !important
    }

    .matrixclose {
        width: 38% !important
    }
}

.custom-mobile .mobile-nav .navUL i {
    display: none !important
}

#registerPanelCount, .shadow-reset h1 {
    text-transform: capitalize !important
}

.genoMainPopCont {
    border: none !important;
    margin-top: 26px;
    margin-bottom: 10px
}

.lipopCont {
    border: 1px solid #f9f8f8;
    padding: 5px 5px 5px 10px
}

.popmainLbl {
    font-size: 1.5em;
    color: #000;
    margin-top: 10px
}

.closediv {
    background-color: #fff;
    margin-top: 0;
    position: absolute !important;
    width: 95%
}

.popup .close {
    color: #9b9b9b
}

.genoTitle {
    font-size: 16px;
    padding: 5px 0 5px 10px;
    background-color: #e7e7e7;
    margin-top: 10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.genoval {
    font-weight: 700
}

.genolbl {
    font-weight: 400
}

.lipopContEmpty {
    text-align: center !important
}

.labelsec {
    font-size: 13px
}

.genoDescSec1 {
    background-color: #f7f7f7;
    border-radius: 15px
}

.genowd50, .genolbl {
    min-height: 30px
}

@media screen and (max-width:700px) {
    .popup {
        width: 90%
    }

    .closediv {
        width: 84%
    }
}

@media screen and (max-width:360px) {
    .closediv {
        width: 84%
    }
}

@media only screen and (min-width:1000px) and (max-width:1280px) {
    .popup {
        width: 50%;
        margin: 95px auto 95px 300px
    }
}

.orderhistory {
    padding: 10px 0
}

.bar-notify {
    margin: 15% 0
}

@media screen and (max-width:1024px) {
    .bar-notify {
        margin: 45% 0
    }
}

@media screen and (min-width:1024px) {
    #genderDetails .col-lg-6 {
        padding: 0px !important
    }

    #genderDetails .forcheckbox {
        padding-right: 7px !important
    }
}

@media (max-width:600px) {
    .form-group-inner #genderDetails {
        display: inline-block;
        text-align: start;
        padding-left: 0% !important
    }

    .amtwwmobview {
        text-align: left !important
    }
}

@media screen and (min-width:1024px) {
    .commonnewdeno .form-group-inner .row {
        width: 100% !important;
        display: inline-block !important;
        text-align: left !important;
        font-size: 16px !important;
        font-family: "Poppins" !important
    }

    .commonnewdeno .form-group-inner {
        margin-bottom: 0px !important
    }

        .commonnewdeno .form-group-inner .row label {
            margin-bottom: -5px !important
        }

    .commantheme {
        margin-bottom: 0px !important
    }

    .commonnewdeno .validation-summary-errors {
        text-align: center !important
    }

    .newUidv .form-group-inner {
        text-align: -webkit-center !important
    }

        .newUidv .form-group-inner .row {
            width: 50% !important;
            text-align: left !important
        }
}

.optbtnsec {
    margin-top: 13px !important
}

@media screen and (max-width:768px) {
    .col-lg-12 .commonnewdeno {
        padding: 0
    }

    .WWInfo {
        padding: 0
    }

    .dvmobview {
        padding: 0
    }

    .datatable-dashv1-list .custom-datatable-overright {
        padding: 0
    }

    .commonnewdeno .form-group-inner {
        text-align: center !important;
        margin-bottom: 0px !important
    }

    #divEnterOTP {
        padding: 10px !important
    }

    .CurrentOfferMainBox .Datediv h1 {
        font-size: 16px
    }
}

@media (max-width:360px) {
    #personalDetails .btn-danger {
        margin-bottom: 3px !important
    }
}

.dvmobview label {
    font-size: 14px !important;
    font-family: Poppins,sans-serif
}

.panel-group .panelNew {
    background: var(--card-bg) !important;
    padding: 0;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 5px
}

.NoPad {
    padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: #000 !important
}

@media (max-width:660px) {
    .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {
        text-align: center !important
    }

    input[type="text"], input[type="password"], textarea {
        width: 100% !important
    }

    .required {
        margin: 0 2px 0 -6px !important;
        color: #c00 !important
    }

    .epin-detail-form .form-control, select {
        position: relative !important
    }

    .epin-detail-form .form-control, select {
        position: relative !important
    }

    .accept-privacy-policy .required {
        margin: 5px 0 0 0px !important
    }

    .printinfopreview .form-group-inner span {
        padding-left: 8%
    }

    .printinfopreview .OneLineUL li label {
        margin-left: 12px
    }

    .vnexttxt {
        text-align: left !important
    }
}

.dynimicfldprintinfo {
    margin-left: -12.4% !important
}

@media (min-width:1025px) {
    .form-group-inner .amtwwmobview {
        width: 33% !important;
        text-align: left
    }

    .commandvindesk {
        float: none !important
    }

    .estimate-shipping .state-input, .zip-input {
        width: 100% !important
    }

    .edit-address .dropdownlist_css {
        width: 70% !important
    }

    .shipping-options span {
        margin: 0 0 0 -8px !important
    }

    .orderflp {
        margin-left: 18% !important
    }

    #datewsiediv .row {
        padding-bottom: 15px
    }

    #divRequestNo {
        padding-top: 15px
    }

    .datedvlen {
        padding-bottom: 10px !important
    }

    .resdisflex {
        display: flex !important
    }

    .vnexttxt {
        text-align: left !important
    }

    .form-group-inner .commandvindesk {
        width: 18% !important
    }
}

@media (min-width:600px) and (max-width:600px) {
    .estimate-shipping .country-input, .state-input, .zip-input {
        width: 100% !important
    }

    .dropdownlist_css {
        width: 100% !important
    }

    .required {
        margin: 0 2px 0 0px !important
    }
}

.orderflowaddresspage {
    margin-bottom: 10px !important
}

.main-sparkline16-hd h1 fontwt {
    padding-left: 15px !important;
    color: #000 !important
}

.newbtndec {
    margin-top: 11px !important
}

#SetManualdate .form-group-inner {
    margin-bottom: 13px !important
}

#genderRegisterDetails label {
    color: #595656 !important
}

#checkout-payment-info-load .order-summary {
    display: inline-block !important
}

.dvreq .required {
    float: left !important
}

.ORdiv {
    color: #000 !important
}

#topmargin {
    margin-left: 0px !important;
    margin-top: 0;
    color: #fff !important;
    text-align: center;
    padding: 10px 0
}

@media (min-width:360px) and (max-width:480px) {
    .inputs .btn-custon {
        margin-left: 20% !important
    }
}

.printcomp .row {
    margin: 10px
}

.textfld {
    color: #000 !important
}

@media (max-width:600px) {
    .align-middle .btn-danger {
        margin-top: 2px !important
    }

    .btn-warning {
        margin-top: 0px !important
    }

    .form-control, select {
        position: static !important
    }

    #ForgetPassword {
        margin-top: 0px !important
    }

    .required {
        color: #c00 !important
    }

    .accept-privacy-policy .required {
        margin: 5px 0 0 0px !important
    }

    .datedvspace {
        padding-top: 10px
    }

    .textfielddispaly {
        display: contents !important
    }

    #divShowHide1 .required {
        margin: 0 0 0 -2px !important
    }

    .resdisflex {
        display: flex !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
        width: 100% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
        width: 100% !important;
        margin-left: 0% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
        width: 100% !important;
        margin-left: 0% !important
    }

    #personalDetails select, #NomineeDetail select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .nomdateftr select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .dynmDP {
        width: 100% !important
    }
}

@media (max-width:767px) {
    #upgTrn #paymentInfo .form-group-inner .row div span {
        float: none !important
    }
}

@media (max-width:480px) and (min-width:480px) {
    .required {
        margin: 0 2px 0 0px !important
    }
}

@media (max-width:360px) and (min-width:360px) {
    #btnBlockedEpins {
        margin-top: 6px !important
    }

    .printinfopreview .form-group-inner span {
        padding-left: 10%;
        font-size: 0.8em !important
    }

    .required {
        margin: 0 0 0 1px !important
    }
}

@media (min-width:992px) {
    .textfld {
    }
}

@media (max-width:1024px) and (min-width:980px) {
    .required {
        margin: 0 0 0 2px !important
    }

    .paddview {
        width: 36%
    }
}

@media (max-width:1280px) and (min-width:1280px) {
    .secmobview {
        width: 35.333333% !important
    }
}

.serdv, .datedvlen {
    padding-bottom: 10px !important
}

@media (min-width:600px) and (max-width:600px) {
    .printinfopreview .form-group-inner span {
        padding-left: 8%;
        padding-top: 5px
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    .form-group-inner .amtwwmobview {
        width: 33% !important;
        text-align: left
    }

    #MemberEpinReport-Grid .k-grid-header {
        padding-right: revert-layer !important
    }

    .desctex {
        width: 100%
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
        width: 100% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
        width: 100% !important;
        margin-left: 0% !important
    }

    #NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
        width: 100% !important;
        margin-left: 0% !important
    }

    #personalDetails select, #NomineeDetail select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .nomdateftr select {
        width: 100% !important;
        margin-bottom: 5px !important
    }

    .dynmDP {
        width: 100% !important
    }

    .form-group-inner .commandvindesk {
        width: 26% !important
    }
}

.WWCustomEpinOrderFilterCls #divRequestNo {
    padding-top: 0px !important
}

.traderdvspace #divTraderName {
    padding-bottom: 10px
}

.rowHL h5 {
    color: #000
}

#MemberEpinReport-Grid .k-grid-header {
    padding-right: revert-layer !important
}

.addmoneydetl {
    width: 1.333333% !important
}

.printcomp .row {
    margin: 0px !important
}

.printinfopreview .dvmobview .row {
    margin: 10px !important
}

.btnAdjust {
    margin-left: 20px
}

@media (max-width:360px) and (min-width:360px) {
    .printinfopreview .form-group-inner .textfld {
        float: right !important;
        width: 63% !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }

    .btnAdjust {
        padding-left: 2px !important
    }
}

@media (max-width:480px) and (min-width:480px) {
    .printinfopreview .form-group-inner .textfld {
        float: right !important;
        width: 68% !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .btnAdjust {
        padding-left: 26px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:600px) and (min-width:600px) {
    .printinfopreview .form-group-inner .textfld {
        float: right !important;
        width: 57% !important
    }

    .printinfopreview .form-group-inner label {
        padding-right: 14px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }

    .btnAdjust {
        padding-left: 0px !important
    }
}

@media (max-width:1024px) and (min-width:1024px) {
    .RightLabel {
        width: 213px !important
    }

    .printinfopreview .form-group-inner .textfld {
        width: 32.5% !important
    }

    .btnAdjust {
        padding-left: 21px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:1280px) and (min-width:1280px) {
    .printinfopreview .form-group-inner .textfld {
        width: 31% !important
    }

    .printinfopreview .form-group-inner .textfld {
        padding-right: 7px !important
    }

    .btnAdjust {
        width: 97% !important
    }

    .btnAdjust {
        margin-left: -3px
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:1366px) and (min-width:1360px) {
    .printinfopreview .form-group-inner .textfld {
        width: 31.6% !important
    }

    .btnAdjust {
        padding-right: 68px !important
    }
}

@media (max-width:1440px) and (min-width:1440px) {
    .printinfopreview .form-group-inner .textfld {
        width: 31% !important
    }

    .btnAdjust {
        padding-left: 22px !important
    }

    .newbtnpoppyprint {
        margin-right: 0 !important
    }
}

@media (max-width:1660px) and (min-width:1660px) {
    .printinfopreview .form-group-inner .textfld {
        width: 26.5% !important
    }

    .newbtnpoppyprint {
        margin-right: 70px !important
    }
}

@media (max-width:1920px) and (min-width:1920px) {
    .printinfopreview .form-group-inner .textfld {
        width: 24% !important
    }

    .newbtnpoppyprint {
        margin-right: 52px !important
    }
}

@media (max-width:1280px) and (min-width:1024px) {
    .divKyc .form-group-inner label {
        font-size: 9px !important
    }

    .secmobview, .form-group-inner .paddview {
        width: 33.333333% !important
    }
}

@media (min-width:1024px) {
    .checkout-data .edit-address .dropdownlist_css {
        width: 100% !important
    }

    .checkout-data .edit-address .row input[type="text"], input[type="password"], textarea {
        width: 100% !important
    }
}

@media (max-width:610px) {
    .cart .qty-input {
        width: 60px !important;
        height: 27px !important
    }
}

.cart .qty-input {
    width: 60px !important;
    height: 27px !important
}

.category-item {
    display: block !important
}

.carousel-inner {
    overflow: visible !important
}

.flex-cards {
    flex: 0 0 20% !important
}

.carousel-control-next, .carousel-control-prev {
    background: var(--second-color) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 80px !important;
    top: -80px !important
}

.carousel-control-prev {
    left: 1040px !important
}

.item-box .product-item {
    box-shadow: none !important;
    background-color: transparent !important;
    border: 2px solid #fff3e9;
    border-radius: 23px
}

    .item-box .product-item .picture {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / .1);
        border-radius: 15px
    }

.home-page-category-grid .title {
    margin: 0 0 5px 0px !important
}

.bar-notify {
    margin: 0% 0
}

.buttons .add-to-wishlist .button-2, .buttons .compare-products .button-2, .buttons .email-a-friend .button-2 {
    border: 1px solid var(--second-dark) !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--second-dark) !important
}

.breadcrumb {
    border-bottom: 2px solid var(--second-color);
    color: var(--text-color-black);
    background-color: transparent !important
}

    .breadcrumb strong {
        font-weight: 600
    }

.previous-product a, .next-product a {
    display: none !important
}

.next-product, .previous-product {
    border: none !important
}

.checkout-page .section.shipping-method {
    border: none !important
}

.shipping-method .method-list .method-card {
    border-radius: 8px !important;
    box-shadow: 0 0 4px rgb(40 44 63 / .2) !important;
    border: none !important;
    width: 100% !important;
    padding: 15px;
    min-height: 130px !important
}

.shipping-method .method-list li {
    background: none !important;
    border: none !important;
    padding: 0px !important;
    min-height: 100% !important;
    font-weight: 700;
    text-transform: capitalize
}

.method-radio-btn:checked + .method-card {
    background: #de771b14 !important;
    cursor: pointer !important
}

.checkout-page .section.order-summary > .title strong {
    font-weight: 700 !important
}

.method-list .method-description {
    margin-left: 0px !important;
    font-weight: 400;
    text-transform: capitalize
}

.payment-method-page .section.payment-method {
    border: none !important
}

.payment-method .method-list .method-card {
    border-radius: 8px !important;
    box-shadow: 0 0 4px rgb(40 44 63 / .2) !important;
    border: none !important;
    width: 100% !important;
    padding: 15px;
    width: 250px !important
}

.payment-method .method-list li {
    background: none !important;
    border: none !important;
    padding: 0px !important;
    min-height: 100% !important;
    font-weight: 700;
    text-transform: uppercase
}

.method-radio-btn:checked + .method-card {
    border: 1px solid #ffd2af !important;
    background: #de771b14 !important;
    cursor: pointer !important
}

.payment-method-page .section.order-summary > .title strong {
    font-weight: 700 !important
}

.method-list .method-description {
    margin-left: 0px !important;
    font-weight: 400;
    text-transform: capitalize
}

.opcbilling-addressform {
    border: none !important
}

    .opcbilling-addressform input[type="text"], input[type="password"], textarea {
        width: 100%
    }

    .opcbilling-addressform .buttons {
        margin-top: 10% !important
    }

.ewallet-box {
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0px !important;
    border-radius: 13px;
    border-bottom: 4px solid #999;
    z-index: 99999999;
    position: relative
}

.order-summary .title {
    padding-top: 32px !important;
    text-align: center
}

@media (min-width:1024px) {
    .carousel-inner {
        overflow: visible !important;
        height: 300px
    }
}

@media (max-width:768px) {
    .carousel-control-next, .carousel-control-prev {
        width: 30px !important;
        height: 30px !important;
        top: -53px !important
    }

    .category-item .CatImgcontainer {
        padding-top: 0px !important
    }

    .home-page-category-grid .title strong, .product-grid .title {
        margin-bottom: 0
    }

    .carousel-control-next {
        right: 11px !important
    }
}

@media (max-width:660px) {
    .carousel-control-next, .carousel-control-prev {
        width: 30px !important;
        height: 30px !important
    }

    .carousel-control-prev {
        left: 505px !important
    }
}

@media (max-width:480px) {
    .carousel-control-prev {
        left: 393px !important
    }
}

@media (max-width:400px) {
    .carousel-control-prev {
        left: 275px !important
    }
}

.shopping-cart-new {
    padding: 15px 5px 15px 5px;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    box-shadow: rgb(99 99 99 / .1) 0 2px 8px 0
}

    .shopping-cart-new .delete-product {
        position: absolute;
        right: 0;
        top: -5px;
        right: 8px;
        z-index: 9
    }

    .shopping-cart-new .product-details-box .product-info {
        margin: 10px 0
    }

    .shopping-cart-new .product-box-img img {
        width: 100%
    }

    .shopping-cart-new .product-details-box .product-name {
        color: #000;
        text-transform: capitalize;
        font-size: 18px;
        font-weight: 500
    }

    .shopping-cart-new .cart-product-price {
        color: #2b2b2b;
        font-size: 18px;
        display: block;
        font-weight: 700;
        background-color: #df781c14;
        border-left: 5px solid #ffba7c;
        padding: 5px 10px;
        width: 30%;
        border-left: 5px solid #f5dfcc
    }

    .shopping-cart-new .quantity input[type="text"] {
        width: 50% !important
    }

.buttons .common-buttons {
    margin-top: 15px
}

.order-summary-content .cart-footer {
    margin-top: 20px;
    border-radius: 15px
}

.shopping-cart-page .checkout-buttons .button-1 {
    width: 100%
}

.cart-collaterals .title strong {
    font-size: 14px
}

.cart-total-left label {
    font-weight: 500
}

.btn-container {
    margin: auto;
    height: 44px;
    width: 166.23px
}

.totals {
    background-color: #f7f7f7;
    padding: 15px
}

.cart-collaterals .title {
    background-color: #ededed;
    padding: 5px
}

.item-quantity a {
    color: #000000 !important
}

.product-details-box .td-title {
    color: #626262 !important
}

.product-details-box .quantity {
    color: #626262 !important;
    margin-bottom: 5px;
    margin-top: 2px
}

.item-quantity .label {
    color: #626262 !important;
    font-size: 14px;
    padding-left: 0
}

.item-quantity input[type="text"] {
    height: 28px !important;
    width: 35% !important
}

.cart-footer .totals {
    width: 100%
}

.checkout-page .address-item {
    background-color: #fff0
}

.checkout-page .address-item {
    border-bottom: 5px solid #d5d5d5;
    border-radius: 15px
}

.address-icon i {
    color: var(--second-color) !important;
    line-height: 1.2em;
    font-size: 18px;
    padding-left: 6px
}

.step-title h1 {
    font-size: 22px;
    font-size: 25px !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: 700;
    padding-top: 30px !important
}

.payment-method .label {
    color: #515151 !important;
    font-size: 14px;
    padding: 0px !important
}

.shipping-method .label {
    color: #515151 !important;
    font-size: 14px;
    padding: 0px !important
}

.billing-info-wrap {
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0px !important;
    border-bottom: 5px solid #bdbdbd;
    border-radius: 15px
}

    .billing-info-wrap .fa {
        color: var(--second-color) !important;
        line-height: 1.2em;
        font-size: 18px;
        padding-left: 6px
    }

.shipping-info-wrap .fa {
    color: var(--second-color) !important;
    line-height: 1.2em;
    font-size: 18px;
    padding-left: 6px
}

.shipping-info-wrap {
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0px !important;
    border-bottom: 5px solid #bdbdbd;
    border-radius: 15px
}

.payment-method-info .title {
    margin-top: 10px !important;
    text-align: left
}

.shipping-method-info .title {
    margin-top: 10px !important;
    text-align: left
}

.edit-address .dropdownlist_css {
    width: 100% !important
}

.overview .custom-pvbv {
    float: none
}

.attributes .option-list input:checked + label {
    background-color: var(--primary);
    color: var(--form-label-color);
    color: var(--white)
}

.attribute-squares:checked + label {
    background-color: var(--primary);
    color: var(--white)
}

.attribute-squares .selected-value .attribute-square-container {
    background-color: #fff0;
    border: 2px solid var(--primary)
}

@media (max-width:768px) {
    .shopping-cart-new .delete-product {
        top: 0;
        right: 8px
    }

    .product-info label {
        font-weight: 500 !important
    }

    .shopping-cart-new .product-details-box .product-name {
        font-size: 14px
    }

    .shopping-cart-new .qty-product-box .cart-product-price {
        font-size: 16px
    }

    .cart-collaterals > div {
        margin: 0 0 -28px
    }

    .master-column-wrapper {
        margin: 0 0
    }

    .shopping-cart-new .cart-product-price {
        width: 100%
    }

    .shopping-cart-new .cart-product-price {
        font-size: 14px
    }

    .unit-price {
        margin-top: 5px
    }

    label {
        margin-bottom: 0
    }
}

@media (max-width:660px) {
    .opcbilling-addressform input[type="text"] {
        width: 100% !important
    }

    .buttons .add-to-wishlist .button-2, .buttons .compare-products .button-2, .buttons .email-a-friend .button-2 {
        border: 1px solid var(--second-dark) !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: var(--second-dark) !important;
        width: 210px
    }
}

.footer-disclaimer12 {
    text-align: justify !important
}

@media all and (min-width:320px) and (max-width:980px) {
    .write-review .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
        width: 100% !important;
        margin: 5px 1px 7px !important
    }

    .overview .qty-input, .variant-overview .qty-input, .overview .qty-dropdown, .variant-overview .qty-dropdown {
        width: 45px !important
    }
}

@media (min-width:1000px) {
    .overview .overview .add-to-wishlist, .variant-overview .add-to-wishlist, .overview .compare-products, .overview .email-a-friend, .overview .back-in-stock-subscription, .overview .download-sample-button {
        margin-bottom: 20px !important
    }
}

@media (max-width:399px) {
    .update-cart-wrap input[type="submit"] {
        margin-right: 0;
        width: 230px
    }

    .continue-shopping-wrap input[type="submit"] {
        width: 230px
    }
}

.overview .add-to-compare-list-button:hover {
    background-color: var(--second-primary) !important
}

.overview .add-to-wishlist-button:hover {
    background-color: var(--second-primary) !important
}

.overview .email-a-friend-button:hover {
    background-color: var(--second-primary) !important
}

.discount, .discount span {
    color: #34a513 !important;
    margin-top: 5px
}

@media (max-width:600px) {
    .footer-copy-right {
        display: none !important
    }
}

.unpublishedOutofStockMessage {
    color: #cd0202 !important;
    animation: blink 1s infinite
}

@keyframes blink {
    50% {
        opacity: 0
    }
}

.contact-client-single .btn.btn-primary {
    padding: 6px 12px !important;
    margin-top: 4px !important
}

.inputs #AddNewComment_CommentText {
    width: 95% !important
}

.comment-list .comments {
    padding: 20px !important
}

.post-navigation .prev {
    display: none !important
}

@media (min-width:360px) and (max-width:600px) {
    .blogpost-page .post-body {
        padding: 25px !important
    }
}

#cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 28%);
    z-index: 190
}

.cart-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 180px;
    min-height: 120px
}

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px
}

    .loader div {
        width: 10px;
        height: 10px;
        background-color: #0078d7;
        border-radius: 50%;
        animation: pulse 1.4s infinite ease-in-out both
    }

        .loader div:nth-child(1) {
            animation-delay: 0s
        }

        .loader div:nth-child(2) {
            animation-delay: 0.2s
        }

        .loader div:nth-child(3) {
            animation-delay: 0.4s
        }

@keyframes pulse {
    0%,80%,100% {
        transform: scale(0);
        opacity: .3
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

@media(min-width:360px) and (max-width:360px) {
    #myModalReplicalink .modal-dialog {
        width: 100% !important;
    }
}

#VideoGallery .eventbcakbtn > a {
    display: inline-block;
    font-size: 100%;
    padding: 10px;
    background: var(--primary-gradient) !important;
    margin: 5px 0;
    color: #fff !important;
}

@media(min-width:360px) and (max-width:660px) {
    .eventbcakbtn {
        text-align: center !important;
    }

    .header-menu ul {
        padding-top: 13% !important;
    }
}
/*.footer-menu li{
  display: inline;
}*/