@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
    /* theme color */
    --primarycolor: #f5452d;
    --secondaycolor: #494952;
    --bordercolor: #dbdbdb;
    --textgraycolor: #8e8e8e;
    --primarybackgroundcolor: #fff5f2;
    --secondaybackgroundcolor: #f7f7f7;
    --primarygradient: linear-gradient(90deg, rgba(253,207,41,1) 0%, rgba(251,195,42,1) 20%, rgba(243,88,52,1) 60%, rgba(231,68,53,1) 92%);
    /* font size */
    --fs10: 10px;
    --fs12: 12px;
    --fs14: 14px;
    --fsdefault: 16px;
    --fs18: 18px;
    --fs20: 20px;
    --fs22: 22px;
    --fs24: 24px;
    --fs26: 26px;
    --fs28: 28px;
    --fs30: 30px;
    --fs32: 32px;
    --fs34: 34px;
    --fs36: 36px;
    --fs38: 38px;
    --fs40: 40px;
    --fs42: 42px;
    --fs44: 44px;
    --fs46: 46px;
    --fs48: 48px;
    --fs50: 50px;
    /* font weight */
    --fw400: 400;
    --fw500: 500;
    --fw600: 600;
    --fw700: 700;
    --fw900: 900;
    --font-montserrat: "Montserrat", sans-serif;
}

html,
body {
    height: 100%;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: var(--fsdefault);
    background-color: #fff;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

select,
input,
textarea {
    border: 0;
    outline: none;
    box-shadow: initial !important;
}

input, textarea {
    font-size: var(--fs14) !important;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-weight: var(--fw500);
}

    input::placeholder, textarea::placeholder {
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        color: var(--secondaycolor);
        font-weight: var(--fw500);
    }

.mainContent {
    min-height: 100vh;
    padding-bottom: 50px;
}

.section-top-border {
    border-top: 5px solid var(--bordercolor);
}

.ts-section {
    padding: 20px 0px !important;
}

.ts-sub-section {
    margin-top: 20px;
}

.section-title-wrapper {
    display: grid;
    gap: 10px;
    padding-bottom: 25px;
}

.section-title .data-title {
    color: var(--secondaycolor);
    font-size: var(--fs26);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw600);
}

/*#region Common Class*/
.fs-26 {
    font-size: 26px;
}
.w-200 {
    width: 200px;
}

.w-300 {
    width: 300px;
}

.ml-2 {
    margin-left: 0.5rem;
}
.mr-2 {
    margin-right: 0.5rem;
}

.truncate-single-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d-none {
    display: none !important;
}

.w-full {
    width: 100%;
}

.no-wrap {
    flex-wrap: nowrap;
}

.row-same-height {
    display: flex;
}

    .row-same-height.no-wrap {
        flex-wrap: nowrap;
    }

    .row-same-height .col-same-height .content {
        width: 100%;
    }

    .row-same-height .col-same-height {
        display: flex;
    }

img {
    font-family: "Montserrat", sans-serif;
    font-size: var(--fs14);
    font-weight: var(--fw600);
}

textarea {
    resize: none;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.lazyload {
    opacity: 0;
    transition: opacity 0.5s;
}

.lazyloaded {
    opacity: 1;
}

.max-h-400 {
    max-height: 400px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.tx-btn {
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw600);
    display: inline-block;
    padding: 0 20px;
    text-decoration: none;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase !important;
}

.tx-btn-primary {
    background: var(--primarygradient);
    color: #fff;
    border: none;
}

.tx-btn-black {
    background: #495761;
    color: #fff;
    border: none;
}

.tx-btn-primary-outline {
    color: var(--secondaycolor);
    border: 2px solid transparent;
    border-radius: 10px;
    background-image: linear-gradient(#fff, #fff), /* inner fill */ linear-gradient( 90deg, rgba(253,207,41,1) 0%, rgba(251,195,42,1) 20%, rgba(243,88,52,1) 60%, rgba(231,68,53,1) 92% );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition: 0.3s;
}

.tx-btn-disabled {
    background: #dbdee9 !important;
    color: #a4a4a9 !important;
    pointer-events: none;
}

.form-control:focus {
    color: var(--secondaycolor) !important;
    background-color: #fff !important;
    border-color: var(--secondaycolor) !important;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.page-banner {
    height: 300px;
}

    .page-banner .imgBannerWallpaper {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

.vscrollbar {
    scroll-behavior: smooth;
    overflow-y: auto;
}

    .vscrollbar::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #f5f5f5;
    }

    .vscrollbar::-webkit-scrollbar {
        width: 8px;
        background-color: #f5f5f5;
    }

    .vscrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #aaaaaa;
    }

.ui-widget.ui-widget-content {
    padding: 10px;
    overflow: hidden;
}

.ui-autocomplete {
    z-index: 1050;
    /* Ensure it appears above other elements */
    background: white;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
}

form label.error {
    font-size: var(--fs12);
    font-family: "Montserrat", sans-serif;
    color: red;
    font-weight: var(--fw500);
}

form .fieldLbl {
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    color: var(--secondaycolor);
    margin: 0 0 10px;
    font-weight: var(--fw500);
}

    form .fieldLbl .asteriskTxt {
        color: #ff0000;
        margin-left: 5px;
    }


.tx-floating-input-frm .form-group {
    position: relative;
    margin-bottom: 3rem !important;
}

    .tx-floating-input-frm .form-group .field-lbl {
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 0;
        font-size: var(--fs12);
        color: #212529;
        font-weight: var(--fw400);
        font-family: var(--font-montserrat);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        pointer-events: none;
    }

    .tx-floating-input-frm .form-group .form-control {
        width: 100% !important;
        height: 30px !important;
        padding: 5px 0 !important;
        font-size: var(--fs14);
        outline: none;
        border: none;
        border-bottom: 1px solid var(--secondaycolor);
        border-radius: 0;
        background: none;
        box-shadow: none;
        display: block;
        max-width: 100%;
    }

    .tx-floating-input-frm .form-group.field-lbl-active .field-lbl {
        -moz-transform: translate3d(0px, -20px, 0);
        -o-transform: translate3d(0px, -20px, 0);
        -ms-transform: translate3d(0px, -20px, 0);
        -webkit-transform: translate3d(0px, -20px, 0);
        transform: translate3d(0px, -20px, 0);
        font-size: var(--fs14);
        color: var(--secondaycolor);
        font-weight: var(--fw500);
        font-family: var(--font-montserrat);
    }


/*#endregion Common Class*/

/*#region Common Carousel Widget*/
.widget-content {
    padding: 20px 0;
}

.header-widget-with-all-option {
    float: none;
    clear: both;
}

    .header-widget-with-all-option .header-widget-with-all-option-title {
        justify-content: space-between;
        align-items: center;
    }

        .header-widget-with-all-option .header-widget-with-all-option-title .title {
            display: flex;
            color: var(--secondaycolor);
            align-items: center;
            font-family: Montserrat,sans-serif;
            font-size: 25px;
            margin: 0;
            font-weight: 600;
        }

    .header-widget-with-all-option .widget-all-option {
        white-space: nowrap;
        margin: 0;
        border-bottom: 0;
        text-align: left;
        position: relative;
    }

        .header-widget-with-all-option .widget-all-option a {
            line-height: 14px;
            font-size: 15px;
            font-weight: 600;
            color: var(--primarycolor);
            position: static !important;
        }
/*#endregion Common Carousel Widget*/

/*#region Products Carousel Widget Start*/

.products-carousel-widget .slick-arrow {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    z-index: 9;
}

    .products-carousel-widget .slick-arrow:before {
        font-family: "Montserrat", sans-serif;
        color: #000;
    }

    .products-carousel-widget .slick-arrow.slick-prev {
        left: -10px;
    }

    .products-carousel-widget .slick-arrow.slick-next {
        right: -10px;
    }

.products-carousel-widget .product-detail {
    margin: 0px 15px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s linear;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 2px;
    background: var(--primarygradient);
}



    .products-carousel-widget .product-detail:hover {
        box-shadow: 0 3px 26px rgb(0 0 0 / 16%);
    }

    .products-carousel-widget .product-detail .cover-image {
        height: 230px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 5px;
        border-bottom: none;
        background-color: #f7f7f7;
    }

        .products-carousel-widget .product-detail .cover-image img {
            aspect-ratio: 2/2;
            object-fit: contain;
            transition: all 0.3s linear;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            mix-blend-mode: multiply;
            margin: auto;
        }

    .products-carousel-widget .product-detail .product-info {
        overflow: hidden;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        text-align: left;
        padding: 10px;
        background: #fff;
    }

    .products-carousel-widget .product-detail .product-info {
        padding: 10px;
        display: grid;
    }

        .products-carousel-widget .product-detail .product-info .item-no {
            font-family: "Montserrat", sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: normal;
            text-align: left;
            color: var(--secondaycolor);
            margin-right: 11px;
        }

        .products-carousel-widget .product-detail .product-info .product-name {
            font-family: "Montserrat", sans-serif;
            font-size: 14px;
            margin-bottom: 5px;
            line-height: 20px;
            font-weight: 500;
            letter-spacing: normal;
            text-align: left;
            color: #6c7778;
            white-space: normal;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 40px;
        }


/*#endregion Products Carousel Widget End*/

/*#region Listing Custom Pagination*/

.custom-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    column-gap: 8px;
}

.custom-pagination li {
    display: inline-block;
    margin-right: 5px;
}

    .custom-pagination li a,
    .custom-pagination li span {
        font-family: "Montserrat", sans-serif;
        font-size: var(--fs14);
        font-weight: var(--fw600);
        line-height: 21px;
        letter-spacing: normal;
        border: 1px solid #dbdee9;
        color: #77777e;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

        .custom-pagination li a:hover,
        .custom-pagination li span:hover {
            border: 1px solid #dbdee9;
        }

        .custom-pagination li a.current:hover,
        .custom-pagination li span.current:hover {
            border-color: var(--primarycolor) !important;
            cursor: pointer;
        }

.custom-pagination .current {
    border-color: var(--primarycolor);
    color: #fff;
    background: var(--primarycolor);
}

.custom-pagination .prev.current,
.custom-pagination .next.current {
    opacity: .6;
    pointer-events: none;
}
/*#endregion Listing Custom Pagination*/

/*#region Header Search Bar*/

.header-search-box-trending-suggesstions {
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    vertical-align: top;
    position: absolute;
    width: 610px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100001;
    max-width: 610px;
    right: 0;
    top: 100%;
    margin-top: 4px !important;
    min-height: 200px;
    max-height: 450px;
    border-radius: 8px;
}

    .header-search-box-trending-suggesstions .text-sugg {
        min-width: 317px;
        display: inline-block;
        vertical-align: top;
        background: #fff;
        padding: 10px 20.5px 0 28px;
        overflow: auto;
        max-height: 280px;
        border-radius: 8px;
    }

        .header-search-box-trending-suggesstions .text-sugg .content {
            height: 100%;
        }

            .header-search-box-trending-suggesstions .text-sugg .content .srch-box-topic {
                font-family: Montserrat,sans-serif;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                letter-spacing: 0;
                color: #000;
                margin: 5px 0;
                text-transform: capitalize;
            }

            .header-search-box-trending-suggesstions .text-sugg .content .srch-box-topic {
                font-family: Montserrat,sans-serif;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                letter-spacing: 0;
                color: #000;
                margin: 5px 0;
                text-transform: capitalize;
            }

            .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items {
                margin-top: 10px;
            }

                .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions {
                    display: flex;
                    padding-bottom: 15px;
                    align-items: center;
                }

                    .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions .search-icon {
                        margin-right: 20px;
                        height: 20px;
                        width: 20px;
                    }

                    .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions .trending-items {
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                    }

                        .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions .trending-items .search-item {
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: Montserrat,sans-serif;
                            font-size: 12px;
                            font-weight: 500;
                            line-height: 20.4px;
                            letter-spacing: 0;
                            color: var(--secondaycolor);
                        }

                            .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions .trending-items .search-item .search-heading-text {
                                font-family: Montserrat,sans-serif;
                                font-size: 14px;
                                font-weight: 500;
                                line-height: 20.4px;
                                letter-spacing: normal;
                                color: var(--secondaycolor);
                                margin: 0;
                                text-transform: capitalize;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }

                            .header-search-box-trending-suggesstions .text-sugg .content .srch-box-items .text-suggesstions .trending-items .search-item .search-sub-heading-text {
                                font-family: Montserrat,sans-serif;
                                font-size: 12px;
                                font-weight: 400;
                                line-height: 20.4px;
                                letter-spacing: normal;
                                color: rgba(28,28,40,.8);
                            }
/*#endregion Header Search Bar*/

/*#region Page BreadCrumb*/

.breadcrumb-wrapper {
    margin-top: 0.5rem;
    border-bottom: 1px solid var(--bordercolor);
    border-top: 1px solid var(--bordercolor);
    padding: 5px 0px;
    background-color: #f3f3f3;
}

    .breadcrumb-wrapper .breadcrumbs-container {
        width: 100%;
        display: flex;
        align-items: center;
        list-style-type: none;
        gap: 10px;
    }

        .breadcrumb-wrapper .breadcrumbs-container li {
            position: relative;
            margin: 0;
            padding-left: 20px;
            padding-bottom: 1px;
        }

            .breadcrumb-wrapper .breadcrumbs-container li:first-child {
                padding-left: 0px;
            }

            .breadcrumb-wrapper .breadcrumbs-container li:not(:first-child):before {
                content: "";
                margin-top: -5.5px;
                width: 11px;
                color: #6c757d;
                display: block;
                float: left;
                background-image: url(/assets/img/icons-new/right-arrow-sm.svg) !important;
                height: 0.75em;
                left: 0;
                padding: 0;
                position: absolute;
                top: 50%;
            }

    .breadcrumb-wrapper li a {
        font-family: "Montserrat", sans-serif;
        font-size: var(--fs12);
        font-weight: var(--fw400);
        line-height: 21px;
        letter-spacing: normal;
        color: var(--secondaycolor);
    }

    .breadcrumb-wrapper .breadcrumbs-container li:last-child a {
        color: #000;
        font-weight: var(--fw500);
        font-size: var(--fs14);
    }


/*#endregion Page BreadCrumb*/

/*#region Footer Start*/
.footer {
    background-color: var(--secondaycolor);
    padding: 20px 0;
}

    .footer .inner_foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .footer .inner_foot .list_foot {
            margin: 0;
            display: flex;
            align-items: center;
        }

            .footer .inner_foot .list_foot li:not(:last-child) a:after {
                content: "";
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                width: 1px;
                height: 15px;
                background-color: #fff;
                display: block;
            }

            .footer .inner_foot .list_foot li a {
                color: #fff;
                font-size: 13px;
                text-decoration: none;
                display: block;
                padding: 0 10px;
                position: relative;
            }

        .footer .inner_foot .product_block {
            text-align: center;
        }

            .footer .inner_foot .product_block .txt_product {
                color: #fff;
                font-family: "Montserrat", sans-serif;
            }

                .footer .inner_foot .product_block .txt_product a {
                    color: #fff;
                    font-weight: var(--fw600);
                    text-decoration: none;
                    font-family: "Montserrat", sans-serif;
                }

        .footer .inner_foot .list_socialmedia {
            display: flex;
            align-items: center;
            margin: 0;
        }

            .footer .inner_foot .list_socialmedia li:not(:last-child) {
                margin-right: 10px;
            }

            .footer .inner_foot .list_socialmedia li a {
                display: block;
                width: 36px;
                height: 36px;
                border: 1px solid #fff;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                text-align: center;
                line-height: 32px;
            }

/*#endregion Footer Start*/

/*#region Desktop Header*/

.headerdesktop .innerHeader {
    padding: 5px 0px;
    background: var(--primarygradient);
}

    .headerdesktop .innerHeader .logoBlock {
        position: relative;
    }

        .headerdesktop .innerHeader .logoBlock .imgLogo {
            max-width: 120px;
            background: var(--primarygradient);
            mix-blend-mode: multiply;
        }

.headerdesktop .nav {
    display: flex;
    background: transparent;
    list-style: none;
    justify-content: space-around;
}

    .headerdesktop .nav > li {
        position: relative;
    }

        .headerdesktop .nav > li > a {
            font-weight: var(--fw500);
            color: var(--secondaycolor);
            font-size: var(--fs14);
            letter-spacing: 0.45px;
            font-family: "Montserrat", sans-serif;
            padding: 15px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            text-decoration: none;
            transition: all 0.3s linear;
            line-height: 19px;
            text-transform: uppercase;
        }

.headerdesktop .shopCategoryDropdownMenu .nav > li > a:hover {
    color: var(--primarycolor);
}

.headerdesktop .dropdown {
    position: absolute;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    top: 100%;
    left: 0;
    display: none;
    min-width: 200px;
    z-index: 999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .headerdesktop .dropdown a {
        display: block;
        padding: 10px 20px;
        font-size: var(--fs14);
        font-family: var(--font-montserrat);
        font-weight: var(--fw500);
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #ddd;
        text-transform: uppercase;
    }

        .headerdesktop .dropdown a:last-child {
            border-bottom: none;
        }

        .headerdesktop .dropdown a:hover {
            color: var(--primarycolor);
        }

.headerdesktop .topNavigation {
    padding: 10px 0px 5px 0px;
    transition: all 0.3s ease;
    z-index: 999;
}

.headerdesktop .topNavigationFixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-top: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 5px 0px !important;
    background: var(--primarygradient);
}

.headerdesktop .topNavigation .btnCategory {
    background-color: #fff;
    border: 1px solid var(--bordercolor);
    font-family: var(--font-montserrat);
    font-weight: var(--fw500);
    font-size: var(--fs14);
    border-radius: 4px;
    gap: 5px;
    color: var(--secondaycolor);
    padding: 10px 5px;
    text-transform: uppercase;
}

.headerdesktop .shopCategoryDropdownMenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border: 0;
    padding: 0;
}

    .headerdesktop .shopCategoryDropdownMenu.shopCategoryDropdownMenuActive {
        display: flex !important;
    }

.headerdesktop .topNavigationFixed .btnCategory {
    background-color: transparent !important;
    border: none;
}

/*#endregion Desktop Header*/

/*#region Deaktop Header Search*/

.headerdesktop .searchBoxTop {
    display: none;
}

    .headerdesktop .searchBoxTop.searchBarTopFixed {
        display: block;
        position: relative;
    }

.headerdesktop .searchBlock {
    border: none;
    border-radius: 8px;
    background-color: #fff;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--secondaycolor);
    letter-spacing: 0.45px;
    margin: 0 auto;
    display: block;
    padding: 10px 20px;
    height: 48px;
    width: 100%;
    position: relative;
}


    .headerdesktop .searchBlock .iconsearch {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        width: 8%;
        height: 100%;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: var(--secondaycolor);
        text-align: center;
    }

    .headerdesktop .searchBlock .search-icon-close {
        cursor: pointer;
    }

    .headerdesktop .searchBlock .fieldControl {
        width: calc(100% - 5%);
        background-color: #ffffff;
        border: 0;
        font-size: var(--fs14) !important;
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
        letter-spacing: 0.45px;
        color: var(--secondaycolor);
        padding-left: 2rem !important;
    }

/*#endregion Header Search*/

/*#region Desktop Mega Menu*/


.headerdesktop .mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--primarycolor);
    color: #000;
    z-index: 999;
}


.headerdesktop .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 900px;
    display: none;
    background: #fff;
    color: #000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: flex;
}


.headerdesktop .shopCategory {
    position: relative;
    top: 0;
}

.headerdesktop .category-list {
    width: 200px;
    background: var(--primarybackgroundcolor);
    color: #fff;
    display: flex;
    flex-direction: column;
}

.headerdesktop .category-item {
    padding: 15px 20px;
    color: #000;
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw500);
    cursor: pointer;
    transition: all 0.3s linear;
    position: relative;
}

    .headerdesktop .category-item:after {
        position: absolute;
        width: 30px;
        height: 100%;
        right: 0;
        top: 0;
        border: 0;
        content: "";
        background: url(https://static1.hkrtcdn.com/hknext/static/media/common/misc/menu-right-arrow.svg) 50% no-repeat;
    }

    .headerdesktop .category-item:hover:after {
        background: url(https://static1.hkrtcdn.com/hknext/static/media/common/misc/menu-right-arrow-active.svg) 50% no-repeat;
    }

    .headerdesktop .category-item:hover,
    .headerdesktop .category-item.active {
        background: #fff;
        color: var(--primarycolor);
    }

.headerdesktop .submenu-panel {
    display: none;
}

.headerdesktop .submenu-content {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.headerdesktop .submenu-panel.active {
    display: flex;
}

.headerdesktop .submenu-content .submenu-panel .subtitle {
    color: var(--secondaycolor);
    font-size: var(--fs12);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw600);
    margin: 0 0 5px;
    padding: 5px;
}

.headerdesktop .submenu-panel a {
    display: block;
    color: var(--secondaycolor);
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw500);
    text-decoration: none;
    padding: 5px;
}

    .headerdesktop .submenu-panel a:hover {
        color: var(--primarycolor);
    }


.headerdesktop .mini-mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: none;
    z-index: 999;
    min-width: 600px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    gap: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.headerdesktop .mini-column {
    flex: 1;
    min-width: 150px;
}

    .headerdesktop .mini-column a {
        display: block;
        color: #000;
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
        text-decoration: none;
        padding: 8px 10px;
    }

        .headerdesktop .mini-column a:hover {
            color: var(--primarycolor);
        }

.headerdesktop .nav > li:hover .mega-menu {
    display: flex;
}

/*#endregion Desktop Mega Menu*/

/*#region Home Page Start*/
.home-page-container {
    height: 100%;
}

    .home-page-container .home-movable-advertisment-subcontainer {
        position: relative;
        z-index: 1;
        height: 100%;
    }

        .home-page-container .home-movable-advertisment-subcontainer * {
            outline: none;
            border-radius: 10px;
        }

        .home-page-container .home-movable-advertisment-subcontainer .slider {
            box-shadow: 0 20px 50px -25px black;
        }

        .home-page-container .home-movable-advertisment-subcontainer .slider-track {
            transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
        }

        .home-page-container .home-movable-advertisment-subcontainer .item:after {
            content: "";
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .home-page-container .home-movable-advertisment-subcontainer .item {
            height: 100%;
            position: relative;
            z-index: 1;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #ccc;
        }

            .home-page-container .home-movable-advertisment-subcontainer .item .imgProduct {
                height: 460px;
                width: 100%;
                object-fit: cover;
                border-radius: 10px;
                overflow: hidden;
            }

            .home-page-container .home-movable-advertisment-subcontainer .item .caption {
                position: absolute;
                left: 20px;
                bottom: 20px;
                display: grid;
                gap: 10px;
                max-width: 500px;
                z-index: 9;
            }

                .home-page-container .home-movable-advertisment-subcontainer .item .caption .titleName {
                    color: var(--primarycolor);
                    font-size: var(--fs14);
                    font-family: "Montserrat", sans-serif;
                    font-weight: var(--fw500);
                }

                .home-page-container .home-movable-advertisment-subcontainer .item .caption .txtRead,
                .home-page-container .home-movable-advertisment-subcontainer .item .caption .txtDate {
                    color: #fff;
                    font-size: var(--fs14);
                    font-family: "Montserrat", sans-serif;
                    font-weight: var(--fw500);
                }

                .home-page-container .home-movable-advertisment-subcontainer .item .caption .desc {
                    color: #fff;
                    font-size: var(--fsdefault);
                    font-family: "Montserrat", sans-serif;
                    font-weight: var(--fw500);
                }

        .home-page-container .home-movable-advertisment-subcontainer .toolbar {
            display: flex;
            gap: 20px;
        }

        .home-page-container .home-movable-advertisment-subcontainer .slick-arrow {
            z-index: 9;
        }

            .home-page-container .home-movable-advertisment-subcontainer .slick-arrow:before {
                font-size: 30px;
            }

        .home-page-container .home-movable-advertisment-subcontainer .slick-prev {
            left: 25px;
        }

        .home-page-container .home-movable-advertisment-subcontainer .slick-next {
            right: 25px;
        }

        .home-page-container .home-movable-advertisment-subcontainer .toolbar .txtDot {
            position: relative;
        }

            .home-page-container .home-movable-advertisment-subcontainer .toolbar .txtDot:not(:last-child):after {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: -10px;
                width: 5px;
                height: 5px;
                background-color: #fff;
                border-radius: 50%;
            }

        .home-page-container .home-movable-advertisment-subcontainer .item img {
            width: 100%;
            transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
            transform: scale(1.2);
        }

        .home-page-container .home-movable-advertisment-subcontainer .item.slick-active img {
            transform: scale(1);
        }

        .home-page-container .home-movable-advertisment-subcontainer .slick-dots {
            right: 20px;
            bottom: 40px;
            width: auto;
        }

            .home-page-container .home-movable-advertisment-subcontainer .slick-dots li button:before {
                color: var(--primarycolor);
            }

            .home-page-container .home-movable-advertisment-subcontainer .slick-dots li.slick-active button:before {
                opacity: 1;
            }

            .home-page-container .home-movable-advertisment-subcontainer .slick-dots li button:before {
                opacity: 0.7;
                font-size: 10px;
            }

    .home-page-container .imgPhoto {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        height: 220px;
        border: 1px solid #ccc;
    }

        .home-page-container .imgPhoto:after {
            content: "";
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .home-page-container .imgPhoto .imgWallpaper {
            width: 100%;
            height: 220px;
            object-fit: cover;
            overflow: hidden;
            border-radius: 10px;
        }

    .home-page-container .featureBlock {
        height: 100%;
    }

        .home-page-container .featureBlock .rightFeature .row {
            gap: 20px;
        }

            .home-page-container .featureBlock .rightFeature .row .gridCol {
                display: flex;
                flex: 1;
                flex-direction: column;
            }

        .home-page-container .featureBlock .imgPhoto .titleDesc {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: var(--fs32);
            font-family: "Montserrat", sans-serif;
            text-transform: uppercase;
            font-weight: var(--fw600);
            z-index: 9;
            text-align: center;
        }

    .home-page-container .hp-about-us-container .company-about-us .btn-read-more {
        text-align: center;
        width: 185px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

        .home-page-container .hp-about-us-container .company-about-us .btn-read-more i {
            animation: shake 15s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px;
        }

    .home-page-container .hp-about-us-container .company-about-us .about-us-title {
        font-family: "Montserrat", sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 54px;
        letter-spacing: 0;
        color: var(--secondaycolor);
    }

    .home-page-container .hp-about-us-container .company-about-us .about-us-desc {
        color: var(--secondaycolor);
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        text-align: justify;
        line-height: 24px;
    }

        .home-page-container .hp-about-us-container .company-about-us .about-us-desc .tag-line {
            margin-top: 10px;
            display: block;
        }

    .home-page-container .sectionContactUs .innerContact {
        background: url("/assets/img/hp-contact-us-bg.jpg") no-repeat center/cover;
        background-attachment: fixed;
        padding: 30px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

        .home-page-container .sectionContactUs .innerContact:after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
        }

        .home-page-container .sectionContactUs .innerContact .contentContact {
            position: relative;
            z-index: 9;
            display: inline-grid;
            gap: 20px;
            background-color: rgba(0, 0, 0, 0.2);
            padding: 20px;
            border-radius: 10px;
            backdrop-filter: blur(10px);
        }

            .home-page-container .sectionContactUs .innerContact .contentContact .subTitle {
                color: #fff;
                font-size: var(--fs24);
                font-family: "Montserrat", sans-serif;
                font-weight: var(--fw600);
            }

            .home-page-container .sectionContactUs .innerContact .contentContact .btnContact {
                background-color: var(--primarycolor);
                color: #fff;
                font-family: "Montserrat", sans-serif;
                font-weight: var(--fw600);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                height: 40px;
                border-radius: 30px;
                padding: 0 20px;
                max-width: 100%;
                width: 200px;
            }

    .home-page-container .sectionToolsCatgory .thumbCategory {
        height: 200px;
        width: 100%;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        margin: 0.75rem 0px;
        display: block;
    }

        .home-page-container .sectionToolsCatgory .thumbCategory:after {
            content: "";
            position: absolute;
            background-color: rgba(0, 0, 0, 0.3);
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .home-page-container .sectionToolsCatgory .thumbCategory .imgCategory {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s linear;
        }

        .home-page-container .sectionToolsCatgory .thumbCategory:hover {
            -webkit-box-shadow: 0 20px 50px -25px black;
            box-shadow: 0 20px 50px -25px black;
        }

        .home-page-container .sectionToolsCatgory .thumbCategory .titleCategory {
            color: #fff;
            font-size: var(--fs14);
            font-weight: var(--fw600);
            font-family: "Montserrat", sans-serif;
            position: absolute;
            left: 50%;
            bottom: 20px;
            transform: translateX(-50%);
            text-align: center;
            width: 85%;
            z-index: 9;
            transition: all 0.3s linear;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
        }

/*#endregion Home Page Start*/

/*#region About Us Page Start*/
.aboutus-main-container .history-years-wrapper {
    background: aliceblue;
}

    .aboutus-main-container .history-years-wrapper #history-years {
        text-align: center;
        margin: 0px !important;
    }

    .aboutus-main-container .history-years-wrapper .year {
        margin: 0.5rem;
        text-align: center;
        cursor: pointer;
    }

        .aboutus-main-container .history-years-wrapper .year.active span {
            color: var(--secondaycolor) !important;
        }

        .aboutus-main-container .history-years-wrapper .year span {
            color: var(--textgraycolor);
            font-weight: var(--fw500);
            font-size: var(--fs18);
            margin: 0.5rem;
            padding: 2%;
        }

.aboutus-main-container .history-years-detail-wrapper {
    width: 100%;
    background-color: #fff6e1;
    position: relative;
}

    .aboutus-main-container .history-years-detail-wrapper .history-container {
        padding: 22px 12px 22px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .aboutus-main-container .history-years-detail-wrapper .history-container .history-text-wrapper {
            width: 30%;
        }

            .aboutus-main-container .history-years-detail-wrapper .history-container .history-text-wrapper .content-header {
                color: var(--secondaycolor);
                font-family: Montserrat,sans-serif;
                font-size: var(--fs22);
                font-weight: 600;
                padding: 0.5rem 0px;
            }

            .aboutus-main-container .history-years-detail-wrapper .history-container .history-text-wrapper .content-title {
                color: var(--textgraycolor);
                font-family: Montserrat,sans-serif;
                font-size: var(--fsdefault);
                font-weight: 500;
            }

        .aboutus-main-container .history-years-detail-wrapper .history-container .card {
            width: 70%;
            border-radius: 10px;
            box-shadow: 0 1px 10px 1px rgb(0 0 0 / 20%);
            flex: 1;
        }

            .aboutus-main-container .history-years-detail-wrapper .history-container .card .card-body {
                padding: 0px 15px;
                -webkit-box-flex: 1;
                min-height: 1px;
            }

                .aboutus-main-container .history-years-detail-wrapper .history-container .card .card-body .card-data-wrapper {
                    padding: 15px 5px;
                }

                .aboutus-main-container .history-years-detail-wrapper .history-container .card .card-body .data-heading {
                    color: var(--secondaycolor);
                    font-family: Montserrat,sans-serif;
                    font-size: var(--fs18);
                    font-weight: 600;
                    padding: 0.5rem 0px;
                }

                .aboutus-main-container .history-years-detail-wrapper .history-container .card .card-body .data-text {
                    color: var(--secondaycolor);
                    font-family: Montserrat,sans-serif;
                    font-size: var(--fs14);
                    font-weight: 400;
                    padding-bottom: 1rem;
                }

.aboutus-main-container #history-years .slick-arrow:before {
    font-family: "Montserrat", sans-serif;
    color: #000;
}

.aboutus-main-container #history-years .slick-arrow.slick-prev {
    left: -10px;
}

    .aboutus-main-container #history-years .slick-arrow.slick-prev:before {
        content: url('/assets/img/icons-new/left-arrow.svg') !important;
    }

.aboutus-main-container #history-years .slick-arrow.slick-next {
    right: -10px;
}

    .aboutus-main-container #history-years .slick-arrow.slick-next:before {
        content: url('/assets/img/icons-new/right-arrow.svg') !important;
    }

.aboutus-main-container .about-us-wrapper .data-heading {
    color: var(--secondaycolor);
    font-weight: var(--fw600);
    font-size: var(--fs26);
}

.aboutus-main-container .about-us-wrapper .data-text {
    color: var(--secondaycolor);
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 24px;
}


.aboutus-main-container .our-brands .brand-block {
    color: #ffffff !important;
    height: 250px;
    border-radius: 20px;
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .aboutus-main-container .our-brands .brand-block#brand-yato {
        background: url(https://dt-multispare.myshopify.com/cdn/shop/files/grid2_31570f62-71de-452c-b475-a2ee295133a8.png?v=1665484634) no-repeat center/cover;
    }

    .aboutus-main-container .our-brands .brand-block#brand-sensh {
        background: url(https://dt-multispare.myshopify.com/cdn/shop/files/grid1_f919fb61-85d8-4d0d-b2bc-bf6f5e6b1285.png?v=1665484619) no-repeat center/cover;
    }

    .aboutus-main-container .our-brands .brand-block .data-heading {
        color: #fff;
        font-size: var(--fs28);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw600);
        padding-bottom: 15px;
    }

    .aboutus-main-container .our-brands .brand-block .data-text {
        color: #fff;
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500)
    }

    .aboutus-main-container .our-brands .brand-block .tx-btn {
        max-width: 200px;
    }

.aboutus-main-container .customer-testimonials .review-wrapper {
    border: 1px solid var(--bordercolor);
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    margin: 0 10px;
}

    .aboutus-main-container .customer-testimonials .review-wrapper .review-text {
        color: var(--secondaycolor);
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        line-height: 24px;
        min-height: 100px;
        padding: 0px 15px;
    }

    .aboutus-main-container .customer-testimonials .review-wrapper .reviewer {
        color: var(--secondaycolor);
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px !important;
    }

    .aboutus-main-container .customer-testimonials .review-wrapper .star-rating li {
        margin: 0 10px 0 0;
    }

        .aboutus-main-container .customer-testimonials .review-wrapper .star-rating li .fa {
            color: var(--primarycolor);
        }

.aboutus-main-container .customer-testimonials .slick-arrow {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    z-index: 9;
}

    .aboutus-main-container .customer-testimonials .slick-arrow:before {
        font-family: "Montserrat", sans-serif;
        color: #000;
    }

    .aboutus-main-container .customer-testimonials .slick-arrow.slick-prev {
        left: -10px;
    }

    .aboutus-main-container .customer-testimonials .slick-arrow.slick-next {
        right: -10px;
    }

/*#endregion About Us Page End*/

/*#region Contact Us Page Start*/
.contact-us-main-container .enquiry-form {
    padding: 1.5rem;
}

    .contact-us-main-container .enquiry-form .submit-enquiry-btn {
        width: 20rem;
    }

.contact-us-main-container .page-banner {
    -webkit-box-shadow: 0 3px 20px rgb(15 48 165 / 10%);
    box-shadow: 0 3px 20px rgb(15 48 165 / 10%);
    border-radius: 20px;
}

.contact-us-main-container .enquiry-form-container {
    background-color: #fff;
    border-radius: 10px;
    max-width: 60%;
    margin: 35px auto;
    -webkit-box-shadow: 0 3px 20px rgb(15 48 165 / 10%);
    box-shadow: 0 3px 20px rgb(15 48 165 / 10%);
    justify-content: center;
}

    .contact-us-main-container .enquiry-form-container .summaryBlock {
        background: var(--primarygradient);
        padding: 10px;
        border-radius: 10px 10px 0px 0px;
    }

    .contact-us-main-container .enquiry-form-container .text-suggesstions-help {
        font-size: var(--fs18);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
        color: #fff;
        text-align: center;
    }

    .contact-us-main-container .enquiry-form-container .text-suggesstions-help-desc {
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
        color: #fff;
        text-align: center;
    }

    .contact-us-main-container .enquiry-form-container .enquiry-form .user-type {
        float: left;
        border: 1px solid #77777e;
        border-radius: 4px;
        background: #fff;
        padding: 2px;
        width: 100%;
    }

        .contact-us-main-container .enquiry-form-container .enquiry-form .user-type .input-group-prepend {
            margin-right: 10px;
            display: flex;
            align-items: center;
        }

            .contact-us-main-container .enquiry-form-container .enquiry-form .user-type .input-group-prepend .sort-by-title {
                display: inline-block;
                font-size: 14px;
                font-weight: 500;
                color: var(--secondaycolor);
                margin-left: 7px;
            }

        .contact-us-main-container .enquiry-form-container .enquiry-form .user-type select.sorting-options {
            height: 30px;
            display: inline-block;
            padding: 0;
            border: transparent;
            background: #fff;
            border-radius: 5px;
            font-weight: 500;
            cursor: pointer;
            font-size: 14px;
            appearance: auto !important;
            -webkit-appearance: auto !important;
        }

.contact-us-main-container .company-info-container .company-info-container-items {
    max-width: 50%;
    font-size: var(--fs12);
    font-family: "Montserrat", sans-serif;
    font-weight: var(--fw500);
    color: #000;
    margin: 5px 0px;
}

    .contact-us-main-container .company-info-container .company-info-container-items .company-contact-icon {
        color: var(--primarycolor);
    }

    .contact-us-main-container .company-info-container .company-info-container-items .company-contact-mail-txt {
        font-size: 18px;
        font-weight: 600;
        line-height: 16px;
        font-family: "Montserrat", sans-serif;
        color: #000;
    }

    .contact-us-main-container .company-info-container .company-info-container-items .company-contact-address-txt {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        font-family: "Montserrat", sans-serif;
        color: #000;
        text-align: center;
    }
/*#endregion Contact Us Page Start*/

/*#region Dealers Locator Page Start*/

.dealers-listing-main-container .dealer-listing-filter {
    position: sticky;
    top: 100px;
}

    .dealers-listing-main-container .dealer-listing-filter .filter-header {
        color: #77777e;
        font-size: var(--fs18);
        font-weight: var(--fw500);
        font-family: "Montserrat", sans-serif;
        margin: 10px 0;
    }

    .dealers-listing-main-container .dealer-listing-filter .filter-options-container {
        border: 1px solid #dcdcdc;
        border-radius: 8px;
        padding: 0 10px 10px;
        margin-bottom: 10px;
    }

    .dealers-listing-main-container .dealer-listing-filter .filter-option .filter-option-header {
        padding: 10px 16px;
        cursor: pointer;
        position: relative;
        width: 70%;
        text-transform: capitalize;
        font-size: var(--fsdefault);
        line-height: 24px;
        font-weight: var(--fw600);
        display: block;
        color: var(--secondarycolor);
        width: 100%;
        padding-left: 2.5rem;
    }

    .dealers-listing-main-container .dealer-listing-filter .filter-option .single-filter-options-container {
        padding: 5px 16px;
    }



        .dealers-listing-main-container .dealer-listing-filter .filter-option .single-filter-options-container .single-option-selector-filter label {
            display: block;
            margin-bottom: 10px;
            cursor: pointer;
            position: relative;
            font-size: var(--fs14);
            font-weight: 500;
            color: var(--secondaycolor);
            font-family: "Montserrat", sans-serif;
            user-select: none;
        }

            .dealers-listing-main-container .dealer-listing-filter .filter-option .single-filter-options-container .single-option-selector-filter label span {
                padding-left: 0.5rem;
            }

    .dealers-listing-main-container .dealer-listing-filter .filter-option .filter-collapsible-icon {
        position: absolute;
        left: 15px;
        font-size: var(--fs12);
        transition: transform 0.3s ease;
        top: 50%;
        transform: translateY(-50%);
        color: #919eab;
    }

    .dealers-listing-main-container .dealer-listing-filter .filter-option .filter-option-header.active .filter-collapsible-icon {
        transform: translateY(-50%) rotate(180deg);
    }

.dealers-listing-main-container .dealer-listing-detail-container .dealer-listing-detail-header .dealer-listing-detail-header-title {
    color: var(--secondarycolor);
    font-size: var(--fs20);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 32px;
}

.dealers-listing-main-container .dealer-listing-detail-container .dealer-listing-detail-header .dealer-listing-detail-header-desc {
    color: var(--secondaycolor);
    font-size: var(--fs14);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 24px;
}

.dealers-listing-main-container .dealer-listing-detail-container .dealers-container .title-block {
    gap: 10px;
    padding-bottom: 25px;
}

    .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .title-block .dealers-count {
        color: var(--secondarycolor);
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 32px;
        border-bottom: 1px solid var(--primarycolor);
    }

.dealers-listing-main-container .dealer-listing-detail-container .dealers-filter-container {
    margin: 20px 0px;
}

.dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select {
    float: left;
    border: 1px solid #77777e;
    border-radius: 4px;
    background: #fff;
    padding: 2px;
    width: 100%;
}

    .dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select .input-group-prepend {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

        .dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select .input-group-prepend .sort-by-title {
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            color: var(--secondaycolor);
            margin-left: 7px;
        }

    .dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select select.sorting-options {
        height: 30px;
        display: inline-block;
        padding: 0;
        border: transparent;
        background: #fff;
        border-radius: 5px;
        font-weight: 500;
        cursor: pointer;
        font-size: 14px;
        appearance: auto !important;
        -webkit-appearance: auto !important;
    }

    .dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select select option.disabled {
        color: #ccc;
    }

    .dealers-listing-main-container .dealer-listing-detail-container .dealer-filter-select.sort-by {
        width: 16.5rem !important;
    }


.dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail {
    margin: 0 0 30px;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s linear;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    border: 1px solid var(--secondaycolor);
    cursor: pointer;
    padding: 2px;
}

    .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail:hover {
        background: var(--primarygradient);
        border: none !important;
    }

    .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container {
        background: #fff;
        border-radius: 10px;
        width: 100%;
        display: flex;
        flex-direction: column;
        min-height: 220px;
        justify-content: space-between;
    }

        .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail {
            padding: 10px;
        }

            .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail .dealer-name {
                font-family: Montserrat,sans-serif;
                font-size: 16px;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: normal;
                color: #1c1c28;
                margin: 0 0 8px;
            }

            .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail .dealer-address {
                font-family: Montserrat,sans-serif;
                font-size: 13px;
                font-weight: 400;
                line-height: 20px;
                letter-spacing: normal;
                color: #77777e;
                margin: 0;
                height: 60px;
                display: -webkit-box;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

        .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-meta-detail {
            display: flex;
            padding: 10px 10px;
            justify-content: space-between;
            border-top: 1px solid var(--secondaycolor);
        }

            .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-meta-detail .dealer-meta-specs {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                font-family: Montserrat,sans-serif;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: normal;
                color: var(--secondarycolor);
                cursor: pointer;
                column-gap: 10px;
            }

        .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail .dealer-contact-detail {
            margin: 10px 0px 0px 0px;
        }

        .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail .contact-detail-item {
            margin: 5px 0px;
            font-size: 14px;
            color: var(--secondarycolor);
            font-weight: 500;
            font-family: Montserrat,sans-serif;
            display: flex;
            align-items: center;
        }

            .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-primary-detail .contact-detail-item i {
                margin-right: 5px;
            }

        .dealers-listing-main-container .dealer-listing-detail-container .dealers-container .dealers-detail-container .dealer-detail-container .dealer-detail .dealer-info-container .dealer-meta-detail a {
            color: var(--secondarycolor);
        }
/*#endregion Dealers Locator Page Start*/

/*#region Downloads Page Start*/

.catalogs-listing-main-container .catalog-listing-filter {
    position: sticky;
    top: 100px;
}

.catalogs-listing-main-container .catalog-listing-detail-container .catalog-listing-detail-header .catalog-listing-detail-header-title {
    color: #000;
    font-size: var(--fs20);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 32px;
}

.catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail {
    margin: 0 0 30px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s linear;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 2px;
    border-radius: 10px 3rem 10px 10px;
}

    .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a {
        text-decoration: none;
    }

        .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a .cover-image {
            height: 250px;
            width: 100%;
            position: relative;
            border-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

            .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a .cover-image img {
                aspect-ratio: 2/2;
                object-fit: contain;
                transition: all 0.3s linear;
                height: 100%;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                mix-blend-mode: multiply;
                margin: auto;
                border-radius: 10px 3rem 10px 10px;
            }

        .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a .product-info {
            padding: 10px;
            display: grid;
            overflow: hidden;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            text-align: left;
            background: #fff;
        }

            .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a .product-info .item-no {
                font-family: "Montserrat", sans-serif;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                letter-spacing: normal;
                text-align: left;
                color: #1c1c28;
                margin-right: 11px;
            }

            .catalogs-listing-main-container .catalog-listing-detail-container .catalogs-container .catalogs-detail-container .catalog-detail a .product-info .product-name {
                font-family: "Montserrat", sans-serif;
                font-size: 14px;
                margin-bottom: 5px;
                line-height: 20px;
                font-weight: 500;
                letter-spacing: normal;
                text-align: left;
                color: #6c7778;
                white-space: normal;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                height: 40px;
                text-align: center;
                display: flex;
                justify-content: space-around;
                align-items: center;
            }

.catalog-types {
    margin-bottom: 4rem;
}

    .catalog-types ul {
        display: flex;
        margin: 0;
        width: 100%;
    }

        .catalog-types ul li {
            margin-right: 30px;
            width: 100%;
        }

            .catalog-types ul li a {
                height: 50px;
                background-color: #E9E9E9;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: "Montserrat", sans-serif;
                font-size: 16px;
                font-weight: 600;
                letter-spacing: normal;
                color: #1c1c28;
            }

                .catalog-types ul li a.active {
                    background: var(--primarygradient);
                    color: #fff;
                }
/*#endregion Downloads Page Start*/

/*#region Product Detail Page Start*/
.product-detail-container .product-detail-subcontainer {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .product-detail-container .product-detail-subcontainer .cover-image-container {
        position: relative;
        background-color: #f7f7f7;
        border-radius: 10px;
    }

        .product-detail-container .product-detail-subcontainer .cover-image-container .main-image-container {
            display: flex;
            flex-direction: column;
            background-color: #f7f7f7;
            border-radius: 10px;
        }

            .product-detail-container .product-detail-subcontainer .cover-image-container .main-image-container .cover-image-subcontainer {
                position: relative;
                display: flex;
                justify-content: center;
            }

                .product-detail-container .product-detail-subcontainer .cover-image-container .main-image-container .cover-image-subcontainer img {
                    background-color: #f7f7f7;
                    mix-blend-mode: darken;
                    border-style: none;
                    width: 100%;
                    object-fit: contain;
                }

    .product-detail-container .product-detail-subcontainer .left-vertical-other-images-slider .swiper-slide .slider__image {
        position: relative;
        background-color: #f7f7f7;
    }

        .product-detail-container .product-detail-subcontainer .left-vertical-other-images-slider .swiper-slide .slider__image img {
            display: block;
            background-color: #f7f7f7;
            mix-blend-mode: darken;
            border-style: none;
            width: 100%;
            object-fit: contain;
            height: 100%;
        }

.product-detail-container .product-specifications .specifications-tabs {
    border-bottom: none !important;
}

    .product-detail-container .product-specifications .specifications-tabs li {
        position: relative;
        border-bottom: 4px solid #c8c8c8;
        font-weight: var(--fw600);
    }

        .product-detail-container .product-specifications .specifications-tabs li .nav-link {
            font-size: var(--fsdefault);
            font-family: "Montserrat", sans-serif;
            color: var(--secondaycolor);
            border: 0 !important;
            cursor: pointer;
        }

            .product-detail-container .product-specifications .specifications-tabs li .nav-link.active:before {
                position: absolute;
                left: 0;
                bottom: -4px;
                width: 100%;
                background-color: var(--primarycolor);
                height: 4px;
                content: "";
            }


.product-detail-container .product-specifications .specifications-tabs-content {
    padding: 20px 0px;
}

    .product-detail-container .product-specifications .specifications-tabs-content .product-overview {
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        color: var(--secondaycolor);
        font-weight: var(--fw500);
    }

    .product-detail-container .product-specifications .specifications-tabs-content .tbl-meta-specifications tbody tr td {
        border: 1px solid var(--secondaycolor);
        padding: 10px;
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
    }

        .product-detail-container .product-specifications .specifications-tabs-content .tbl-meta-specifications tbody tr td:nth-child(odd) {
            background: #f0f2f2;
            color: #000;
            border-right: none;
        }

        .product-detail-container .product-specifications .specifications-tabs-content .tbl-meta-specifications tbody tr td:nth-child(even) {
            color: #000;
            border-left: none;
            font-weight: 600;
        }

.product-detail-container .product-detail-subcontainer .product-highlighter-detail {
    background-color: #fff;
    border-radius: 6px;
    padding: 0px 10px;
}

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .product-info-item-no {
        display: flex;
        justify-content: space-between;
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .item-no {
        font-size: var(--fs24);
        font-family: "Montserrat", sans-serif;
        color: var(--primarycolor);
        display: inline-flex;
        font-weight: var(--fw600);
    }


    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .fa-share-alt {
        background-color: #f8f8f8;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .item-name {
        font-size: var(--fs18);
        font-family: "Montserrat", sans-serif;
        color: var(--secondaycolor);
        display: block;
        font-weight: var(--fw600);
        line-height: 35px;
        letter-spacing: normal;
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .item-brand-prefix {
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        color: var(--secondaycolor);
        font-weight: var(--fw600);
        font-size: var(--fs14);
        margin-right: 5px;
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .description_box .item-brand {
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        color: var(--primarycolor);
        font-size: var(--fs14);
        font-weight: var(--fw700);
    }


    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .product-specs-highlighter-info p span.info-title {
        font-family: Montserrat, sans-serif;
        font-size: var(--fs14);
        font-weight: var(--fw500);
        line-height: 20px;
        letter-spacing: normal;
        color: var(--secondaycolor);
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .product-specs-highlighter-info p span.info-value {
        font-family: Montserrat, sans-serif;
        font-size: var(--fs14);
        line-height: 20px;
        letter-spacing: normal;
        color: #000;
        font-weight: var(--fw600);
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .product-specs-highlighter-info .stock-info-highlighter {
        margin: 1.5rem 0px;
        border-top: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
        padding: 10px 0;
        color: var(--secondaycolor);
        font-weight: var(--fw500);
        font-size: var(--fsdefault);
        display: flex;
        align-items: center;
    }

    .product-detail-container .product-detail-subcontainer .product-highlighter-detail .product-specs-highlighter-info p span.product-overview-highlighter {
        height: 72px !important;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 24px !important;
    }


.product-detail-container .info-sectionSuggestion {
    padding: 30px;
    background: var(--primarygradient);
    border-radius: 10px;
    margin: 20px 0px;
}

    .product-detail-container .info-sectionSuggestion .leftContent .subtitle {
        font-size: var(--fs20);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw600);
        color: #000;
    }

    .product-detail-container .info-sectionSuggestion .leftContent .text-suggesstions-help-desc {
        font-size: var(--fsdefault);
        font-family: "Montserrat", sans-serif;
        font-weight: var(--fw500);
        color: #000;
    }

.product-detail-container .product-detail-subcontainer .product-images-container .slider .swiper-container {
    width: 100%;
    height: 100%;
}

    .product-detail-container .product-detail-subcontainer .product-images-container .slider .swiper-container .swiper-wrapper .swiper-slide {
        cursor: pointer;
    }

.product-detail-container .product-detail-subcontainer .product-images-container .slider__flex {
    display: flex;
    align-items: flex-start;
}

.product-detail-container .product-detail-subcontainer .product-images-container .slider__col {
    display: flex;
    flex-direction: column;
    width: 100px;
    margin-right: 35px;
}

.product-detail-container .product-detail-subcontainer .product-images-container .slider__prev,
.product-detail-container .product-detail-subcontainer .product-images-container .slider__next {
    cursor: pointer;
    text-align: center;
    font-size: var(--smallsubtitle);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
}

    .product-detail-container .product-detail-subcontainer .product-images-container .slider__prev .slider-vertical-arrow,
    .product-detail-container .product-detail-subcontainer .product-images-container .slider__next .slider-vertical-arrow {
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 6px 0 rgb(0 0 0 / 10%);
        width: 60%;
    }

        .product-detail-container .product-detail-subcontainer .product-images-container .slider__prev .slider-vertical-arrow span,
        .product-detail-container .product-detail-subcontainer .product-images-container .slider__next .slider-vertical-arrow span {
            font-size: 22px;
        }

            .product-detail-container .product-detail-subcontainer .product-images-container .slider__prev .slider-vertical-arrow span.top {
                vertical-align: bottom;
            }

.product-detail-container .product-detail-subcontainer .product-images-container .slider__thumbs {
    height: calc(400px - 45px);
    overflow: hidden;
}

    .product-detail-container .product-detail-subcontainer .product-images-container .slider__thumbs .slider__image {
        transition: 0.25s;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        height: 100px;
    }

    .product-detail-container .product-detail-subcontainer .product-images-container .slider__thumbs .swiper-slide-thumb-active .slider__image {
        border: 2px solid var(--primarycolor);
    }

    .product-detail-container .product-detail-subcontainer .product-images-container .slider__thumbs .swiper-slide-thumb-active .slider__image {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }

.product-detail-container .product-detail-subcontainer .product-images-container .slider__images {
    height: 400px;
    overflow: hidden;
    padding: 0px;
    width: 400px;
}

    .product-detail-container .product-detail-subcontainer .product-images-container .slider__images .slider__image img {
        transition: 3s;
    }

.product-detail-container .product-detail-subcontainer .product-images-container .slider__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(112, 112, 112, .2);
}

/*#endregion Product Detail Page Start*/

/*#region Products Listing Page Start*/


.product-listing-main-container .filter-container {
    width: 100%;
    border: 1px solid var(--bordercolor);
    border-radius: 10px;
    padding: 0 10px 10px;
}

    .product-listing-main-container .filter-container .current-filter-block {
        margin: 0 0 10px;
        width: 100%;
        padding: 10px;
    }

        .product-listing-main-container .filter-container .current-filter-block .inner-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            margin: 0 0 10px;
        }

        .product-listing-main-container .filter-container .current-filter-block .title {
            font-size: var(--fsdefault);
            font-weight: var(--fw600);
            text-transform: uppercase;
            color: var(--secondaycolor);
        }

        .product-listing-main-container .filter-container .current-filter-block .link_clr {
            color: var(--primarycolor);
            font-weight: var(--fw600);
            font-size: var(--fs14);
            cursor: pointer;
        }

        .product-listing-main-container .filter-container .current-filter-block .filters-wrapper {
            overflow-y: auto;
            max-height: 250px;
        }

            .product-listing-main-container .filter-container .current-filter-block .filters-wrapper li {
                display: inline-block;
                margin: 5px;
            }

            .product-listing-main-container .filter-container .current-filter-block .filters-wrapper .filter-detail {
                padding: 0 10px;
                line-height: 24px;
                border-radius: 5px;
                background-color: #f3f3f3;
                display: inline-block;
                color: var(--secondaycolor);
                font-size: var(--fs12);
            }

                .product-listing-main-container .filter-container .current-filter-block .filters-wrapper .filter-detail i {
                    cursor: pointer;
                    font-size: 16px;
                }

    .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-header .filter-name {
            font-size: var(--fsdefault);
            font-weight: var(--fw500);
            color: var(--secondaycolor);
        }

    .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-header,
    .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options {
        padding: 10px;
    }

    .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options {
        display: none;
        overflow-y: auto;
        max-height: 300px;
    }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .list_checkbox li:not(:last-child) {
            margin: 0 0 15px;
        }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option label {
            cursor: pointer;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option input {
            display: none;
        }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option .dot_mark {
            width: 20px;
            height: 20px;
            border: 1px solid var(--bordercolor);
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 0;
            border-radius: 5px;
            position: relative;
        }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option .option-name {
            width: calc(100% - 25px);
            float: right;
            font-weight: var(--fw500);
            font-size: var(--fs14);
            color: var(--secondaycolor);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option input:checked ~ .dot_mark {
            background-color: var(--primarycolor);
            border-color: var(--primarycolor);
        }

            .product-listing-main-container .filter-container .available-filter-block .filter-group .filter-options .filter-option input:checked ~ .dot_mark:before {
                content: "";
                display: block;
                width: 6px;
                height: 12px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%,-50%) rotate(45deg);
                -webkit-transform: translate(-50%,-50%) rotate(45deg);
                -moz-transform: translate(-50%,-50%) rotate(45deg);
            }

    .product-listing-main-container .filter-container .filter_scroll_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 5px 10px;
        background-color: #fff;
        display: none;
    }

        .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
            top: 90px;
            position: fixed;
            z-index: 9;
            display: flex;
        }

        .product-listing-main-container .filter-container .filter_scroll_top .icon {
            font-size: var(--fs24);
            color: var(--secondaycolor);
        }

.product-listing-main-container .product-listing-detail-container {
    padding: 0px 20px;
}

    .product-listing-main-container .product-listing-detail-container .product-listing-detail-header .product-listing-detail-header-title {
        color: #000;
        font-size: var(--fs20);
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        line-height: 32px;
    }

    .product-listing-main-container .product-listing-detail-container .product-listing-detail-header .product-listing-detail-header-desc {
        color: var(--secondaycolor);
        font-size: var(--fs14);
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        text-align: justify;
        line-height: 24px;
    }

    .product-listing-main-container .product-listing-detail-container .products-container .title-block {
        gap: 10px;
        padding-bottom: 25px;
    }

        .product-listing-main-container .product-listing-detail-container .products-container .title-block .products-count {
            color: #000;
            font-size: var(--fsdefault);
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            line-height: 32px;
            border-bottom: 1px solid var(--primarycolor);
        }

    .product-listing-main-container .product-listing-detail-container .products-container .product-listing-sorting {
        float: left;
        border: 1px solid #77777e;
        border-radius: 4px;
        background: #fff;
        padding: 2px;
        min-width: 16.5rem;
    }

        .product-listing-main-container .product-listing-detail-container .products-container .product-listing-sorting .input-group-prepend {
            margin-right: 10px;
            display: flex;
            align-items: center;
        }

            .product-listing-main-container .product-listing-detail-container .products-container .product-listing-sorting .input-group-prepend .sort-by-title {
                display: inline-block;
                font-size: 14px;
                font-weight: 500;
                color: var(--secondaycolor);
                margin-left: 7px;
            }

        .product-listing-main-container .product-listing-detail-container .products-container .product-listing-sorting select.sorting-options {
            height: 30px;
            display: inline-block;
            padding: 0;
            border: transparent;
            background: #fff;
            border-radius: 5px;
            font-weight: 500;
            cursor: pointer;
            font-size: 14px;
            appearance: auto !important;
            -webkit-appearance: auto !important;
        }

    .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail {
        margin: 0 0 30px;
        border-radius: 10px;
        position: relative;
        cursor: pointer;
        transition: all 0.3s linear;
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px 0 rgb(0 0 0 / 10%);
        padding: 2px;
        background: var(--primarygradient);
    }

        .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail:hover {
            box-shadow: 0 3px 26px rgb(0 0 0 / 16%);
        }

        .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a {
            text-decoration: none;
        }

            .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .included-label-icon {
                background-color: #f7f7f7;
                top: 5px;
                right: 10px;
                z-index: 3 !important;
                position: absolute;
                width: 25px;
                height: 25px;
            }

                .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .included-label-icon img {
                    width: 24px;
                    height: 24px;
                    cursor: pointer;
                }

            .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .cover-image {
                height: 250px;
                width: 100%;
                position: relative;
                border-bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding: 1rem;
                background-color: #f7f7f7;
            }

                .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .cover-image img {
                    aspect-ratio: 2/2;
                    object-fit: contain;
                    transition: all 0.3s linear;
                    max-width: 230px !important;
                    max-height: 230px !important;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: 0;
                    mix-blend-mode: multiply;
                    margin: auto;
                }

            .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .product-info {
                padding: 10px;
                display: grid;
                overflow: hidden;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                text-align: left;
                background: #fff;
            }

                .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .product-info .item-no {
                    font-family: "Montserrat", sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 24px;
                    letter-spacing: normal;
                    text-align: left;
                    color: #1c1c28;
                    margin-right: 11px;
                }

                .product-listing-main-container .product-listing-detail-container .products-container .products-detail-container .product-detail a .product-info .product-name {
                    font-family: "Montserrat", sans-serif;
                    font-size: 14px;
                    margin-bottom: 5px;
                    line-height: 20px;
                    font-weight: 500;
                    letter-spacing: normal;
                    text-align: left;
                    color: #6c7778;
                    white-space: normal;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    height: 40px;
                }

/*#endregion Products Listing Page Start*/

/*#region Responsive*/
@media (max-width: 768px) {
    .headerdesktop .nav {
        flex-direction: column;
    }

        .headerdesktop .nav > li {
            width: 100%;
        }

    .headerdesktop .mega-menu,
    .headerdesktop .sub-mega-menu {
        position: static;
        width: 100%;
        flex-direction: column;
        box-shadow: none;
    }

    .headerdesktop .mega-menu {
        display: none !important;
    }
}

@media (min-width: 992px) {
}

@media all and (max-width: 1199px) {
    .headerdesktop .topNavigation .btnCategory {
        font-size: var(--fs10);
    }

    .headerdesktop .nav > li > a {
        padding: 8px;
        font-size: var(--fs12);
    }
}

@media all and (max-width: 991px) {
    .page-banner {
        height: 200px;
    }

    .contact-us-main-container .fillFormContact {
        max-width: 100%;
    }

    .mainContent {
        min-height: 100%;
        padding-bottom: 50px;
    }

    .home-page-container .featureBlock .rightFeature .row {
        gap: 0;
    }

    .home-page-container .featureBlock .home-movable-advertisment-container {
        margin: 0 0 50px;
    }

    .home-page-container .home-movable-advertisment-subcontainer .item {
        height: 300px;
    }

        .home-page-container .home-movable-advertisment-subcontainer .item .banner-title {
            color: var(--secondaycolor);
            font-size: var(--fs24);
            font-family: "Montserrat", sans-serif;
            font-weight: var(--fw600);
        }


    .footer .leftFoot {
        margin: 0 0 30px;
        height: auto !important;
    }

    .slick-dots {
        bottom: -25px;
    }
}

@media all and (max-width: 767px) {
    .products-carousel-widget .gridCol {
        margin: 0;
    }

        .products-carousel-widget .gridCol:not(:last-child) {
            margin: 0 0 20px;
        }

    .home-page-container .featureBlock .rightFeature .row .gridCoL {
        margin: 0 0 20px;
    }

    .home-page-container .featureBlock .imgPhoto {
        height: auto;
    }

    .home-page-container .slick-arrow {
        display: none;
    }

    .home-page-container .home-movable-advertisment-subcontainer .slick-dots {
        bottom: -25px;
        width: 100%;
    }

    .headerdesktop {
        display: none;
    }

    .section-title-wrapper {
        margin-bottom: 20px;
    }

    .products-carousel-widget .slick-list .product-detail {
        margin: 0;
    }

    .products-carousel-widget .slick-list {
        padding: 0;
    }

    .slick-arrow {
        display: none !important;
    }

    .innerContact {
        padding: 20px;
    }

        .innerContact .contentContact {
            padding: 10px;
        }

            .innerContact .contentContact .subTitle {
                font-size: var(--fs20);
            }

    .ts-section {
        padding: 20px;
    }

    .footer .listFoot {
        margin: 0 0 30px;
    }
}

/*#endregion Responsive*/


@media (max-width: 1920px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 300px;
    }
}

@media (max-width: 1700px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 250px;
    }
}

@media (max-width: 1500px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 230px;
    }
}

@media (max-width: 1400px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 210px;
    }
}

@media (max-width: 1300px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 200px;
    }
}

@media (max-width: 1200px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 180px;
    }
}

@media (max-width: 1199px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 280px;
    }
}

@media (max-width: 1100px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 240px;
    }
}

@media (max-width: 992px) {
    .product-listing-main-container .filter-container .filter_scroll_top.filter_sticky {
        width: 230px;
    }
}


/* Skeleton container */
.cover-image.img-skeleton {
    position: relative;
    overflow: hidden;
}

    /* shimmer */
    .cover-image.img-skeleton::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%;
        width: 150%;
        height: 100%;
        background: linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100% );
        animation: skeleton-loading 1.5s linear infinite;
    }

@keyframes skeleton-loading {
    100% {
        left: 100%;
    }
}

/* fade-in transition */
.cover-image.img-skeleton img {
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* when loaded */
.cover-image.img-skeleton.loaded::after {
    display: none;
}

.cover-image.img-skeleton.loaded img {
    opacity: 1;
}