/* banner bottom cards styling */

    .sm_banner_bottom_section .sm_bottom_box_wrapper {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        margin-top: 2px;

        gap: 2px;

        overflow-x: hidden;

    }



    .sm_banner_bottom_section .sm_banner_bottom_box {

        position: relative;
    }



    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_title_wrapper {

        position: absolute;

        top: 10px;

        left: 20px;

    }



    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_title {

        font-family: 'Noto Serif', serif;

        font-weight: 400;

        font-style: italic;

        font-size: 30px;

        line-height: 10px;

        color: #fff;

    }



    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_subtitle {

        font-family: 'DINNextW01-CondensedBol';

        font-weight: 400;

        font-style: normal;

        font-size: 30px;

        line-height: 40px;

        color: #fff;

    }



    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_link {

        height: 42px;

        padding: 0 20px;

        font-family: 'DINNextW01-CondensedBol';

        font-weight: 400;

        font-style: normal;

        font-size: 20px;

        line-height: 42px;

        background: #fff;

        color: #4a4b4b;

        text-transform: uppercase;

        text-decoration: none;

        outline: none;

        display: inline-block;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        border: none;

        -moz-transition: ease-in-out .3s;

        -o-transition: ease-in-out .3s;

        -webkit-transition: ease-in-out .3s;

        transition: ease-in-out .3s;

        color: #000;

        position: absolute;

        bottom: 10px;

        left: 20px;

    }



    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_link:hover {

        color: #fff;

        background: #000;

    }

    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_link:hover a {
        color: #fff;
    }


    .sm_banner_bottom_section .sm_banner_bottom_box .bottom_box_image {
        width: 100%;
    }



    /* product styling */

    .sm_products_section {

        /* margin-top: 6px; */

    }



    .section .category_bar {

        display: flex;

        align-items: center;

        justify-content: center;

        align-items: center;

        height: 75px;

        width: 100%;

        position: relative;
    }

    .section .category_bar .close_icon {
        height: 30px;
        position: absolute;
        right: 30px;
        fill: white;
        cursor: pointer;
    }

    .section .category_bar.product {

        background: #a12688;

    }



    .section .category_bar.quality {

        background: #fdc508;

    }



    .section .category_bar.brand {

        background: #e2001a;

    }



    .section .category_items {

        background-color: transparent;

        padding: 0 30px;

        position: relative;

        color: #222;

        font-family: 'DINNextW01-CondensedBol';

        font-size: 20px;

        height: 100%;

        display: flex;

        align-items: center;

    }



    .section .category_items .tab_parent_btn {

        background-color: transparent;

        color: rgba(255, 255, 255, 0.5);

        text-transform: uppercase;

    }

    .section .category_items .tab_parent_btn::before {
        content: "";
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 0 solid #fff;
        border-top: none;
        bottom: 0;
        left: 50%;
        margin-left: -11px;
        -moz-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

    .section .category_items .tab_parent_btn.active::before {
        content: "";
        position: absolute;
        border-bottom: 10px solid #fff;
        border-top: none;
    }

    .section .category_items .tab_parent_btn.active {

        background-color: transparent;

        color: #fff;

    }



    .section .product_wrapper_section {

        display: flex;

        align-items: center;

        justify-content: center;

        align-items: center;

        flex-wrap: wrap;

        padding: 0 30px;

    }



    .quality_bar {

        /* margin-top: 6px; */

    }



    .brand_bar {

        /* margin-top: 6px; */

    }



    .section .product_wrapper_section .sub_category_wrapper {}



    .section .product_wrapper_section .sub_category_wrapper .sub_category_un_list {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .section .product_wrapper_section .sub_category_wrapper .sub_category_list {

        display: flex;

        padding: 20px 0;

    }



    .section .product_wrapper_section .sub_category_wrapper .sub_category_list .sub_category_links {

        outline: none;

        text-decoration: none;

        display: block;

        padding: 0 9px;

        font-family: 'DINNextW01-CondensedReg';

        font-weight: 400;

        font-style: normal;

        font-size: 20px;

        line-height: 20px;

        color: #999;

        text-wrap: nowrap;

        position: relative;

        border-left: 1px solid #ccc;

        border-radius: 0;

    }



    .section .product_wrapper_section .sub_category_wrapper .sub_category_list .sub_category_links:first-child {

        border-left: 0;

    }



    .section .product_wrapper_section .sub_category_wrapper .sub_category_list .sub_category_links::after {

        position: absolute;

        content: '';


    }



    .section .product_wrapper_section .sub_category_wrapper .sub_category_list .sub_category_links.active {

        color: #000;

        background: transparent;

    }

    .section .product_wrapper_section .sub_category_wrapper .sub_category_list .sub_category_links:hover {
        color: #000;
    }


    .section .product_wrapper_section .sub_category_wrapper .tab-content-section {

        display: block;

        width: 885px;

        margin: 0 auto;

        padding: 35px 0;

        position: relative;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_products_wrapper.active {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 10px;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_product {

        max-width: 260px;

        position: relative;

        padding: 5px 0 15px 0;

        text-align: center;

        transition: all 0.5s ease-in-out;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_product .single_product_image {

        width: 100%;
        transition: all 0.5s ease-in-out;
        opacity: 1;
    }

    .section .product_wrapper_section .sub_category_wrapper .single_product .hover_image {
        opacity: 0;
        display: none;
    }

    .section .product_wrapper_section .sub_category_wrapper .single_product:hover .hover_image {
        opacity: 1;
        display: block;
    }

    .section .product_wrapper_section .sub_category_wrapper .single_product:hover .main_image {
        opacity: 0;
        display: none;
    }

    .section .product_wrapper_section .sub_category_wrapper .single_product .product_title {

        font-family: 'DINNextW01-CondensedBol';

        font-weight: 400;

        font-style: normal;

        font-size: 14px;

        line-height: 16px;

        font-size: 87%;

        text-align: center;

        margin: 0;

        white-space: nowrap;

        color: #4a4b4b;

        text-transform: none;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_product .product_subtitle {

        font-family: 'Open Sans', sans-serif;

        font-weight: 300;

        font-style: normal;

        font-size: 14px;

        line-height: 16px;

        font-size: 87%;

        text-align: center;

        margin: 0;

        white-space: nowrap;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_product .product_link {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        -moz-transition: ease-in-out .3s;

        -o-transition: ease-in-out .3s;

        -webkit-transition: ease-in-out .3s;

        transition: ease-in-out .3s;

    }



    .section .product_wrapper_section .sub_category_wrapper .single_product .product_link:hover {

        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -webkit-transform: scale(1);

        transform: scale(1);

    }