.elementor-6 .elementor-element.elementor-element-b77f412{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-b6b70bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D5DB;--border-color:#D1D5DB;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-b6b70bc:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-b6b70bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-6 .elementor-element.elementor-element-a7cf905{background-color:#FFFFFF;padding:20px 14px 14px 14px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#D1D5DB;border-radius:5px 5px 0px 0px;}.elementor-6 .elementor-element.elementor-element-a7cf905 .elementor-image-box-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-a7cf905.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-6 .elementor-element.elementor-element-a7cf905.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-6 .elementor-element.elementor-element-a7cf905.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-a7cf905 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-6 .elementor-element.elementor-element-a7cf905 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-6 .elementor-element.elementor-element-a7cf905 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-6 .elementor-element.elementor-element-a7cf905:has(:hover) .elementor-image-box-title,
					 .elementor-6 .elementor-element.elementor-element-a7cf905:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-6 .elementor-element.elementor-element-3075d7d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-3075d7d{--dropdown-animation-name:etheme-elementor-menu-dropdown-fadeInUp;}.elementor-6 .elementor-element.elementor-element-3075d7d .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item{fill:#000000;color:#000000;}.elementor-6 .elementor-element.elementor-element-3075d7d .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item:hover{fill:#555;color:#555;}.elementor-6 .elementor-element.elementor-element-3075d7d .item-design-dropdown .nav-sublist-dropdown ul>.current-menu-item>a{fill:#555;color:#555;}.elementor-6 .elementor-element.elementor-element-6318803{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;left:0px !important;right:0px !important;}.elementor-6 .elementor-element.elementor-element-75d5bb1 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid{padding-left:3px;padding-right:3px;margin-bottom:calc(2 * 3px );}.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-grid{margin-left:-3px;margin-right:-3px;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="zoom-in"]:hover .category-bg,
					.elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="zoom-in"]:hover img,
                    .elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="zoom-out"]:not(:hover) .category-bg,
                    .elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="zoom-out"]:not(:hover) img,
                    .elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="border-in"]:not(:hover) .category-bg,
                    .elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid[data-hover="border-in"]:not(:hover) img{transform:scale(1.2);}.elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid img, .elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid .category-bg{transition-duration:0.3s;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .category-grid > a{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask > *:not(:last-child){margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .valign-bottom .categories-mask{bottom:0px;}.elementor-6 .elementor-element.elementor-element-75d5bb1 .valign-top .categories-mask{top:0px;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-a7cf905 .elementor-image-box-img{margin-bottom:0px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-b6b70bc{--width:25%;}.elementor-6 .elementor-element.elementor-element-6318803{--width:75%;}}/* Start custom CSS for theme-etheme_nav_menu, class: .elementor-element-3075d7d *//* =========================================
   RESET DEFAULT MENU
   ========================================= */
.elementor-6 .elementor-element.elementor-element-3075d7d{
        padding:15px 10px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

.elementor-6 .elementor-element.elementor-element-3075d7d ul{
    list-style:none;
    margin:0;
    padding:0;
}

.elementor-6 .elementor-element.elementor-element-3075d7d li{
    display:block;
    width:100%;
    margin: 0;
}


/* =========================================
   MENU ITEM STYLE
   ========================================= */

.elementor-6 .elementor-element.elementor-element-3075d7d li a{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:14px;
    font-weight: 500;
    color:#1f2937;
    text-decoration:none;
    transition:all 0.2s ease;
    padding:5px 20px;

}


/* =========================================
   LEFT ARROW ICON
   ========================================= */

.elementor-6 .elementor-element.elementor-element-3075d7d li a::before{
    content:"››";
    font-size:16px;
    font-weight: 600;
    color:#374151;
    transform:rotate(0deg);
    transition:0.2s;
}


/* =========================================
   HOVER EFFECT (LIKE YOUR IMAGE)
   ========================================= */

.elementor-6 .elementor-element.elementor-element-3075d7d li a:hover{
    background:#ffffff;
    color:#000;
    padding-left:14px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for etheme_categories, class: .elementor-element-75d5bb1 *//* =====================================================
   CATEGORY CARD – DESKTOP (4 columns)
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-75d5bb1 .product-category{

    /* Layout */
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex: 0 0 calc(20% - 1rem);
max-width: calc(20% - 1rem);
    aspect-ratio:1 / 1;

    /* Spacing */
    margin:0.5rem;
    /* Appearance */
    background:#fff;
    border:1px solid #d1d5db;
    border-radius:5px;
    overflow:hidden;

    /* Positioning */
    position:relative;

    /* Animation */
    transition:all .25s ease;
}

/*A very subtle shadow improves separation:*/
.product-category{
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}
.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask{
position: absolute;
width:100%;
bottom: 0 !important;
    font-size:1rem;
    text-transform: capitalize;
}
.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask h4{

    font-size:1rem;
    text-transform: capitalize;
    text-wrap: nowrap;
}
/* =====================================================
   PRODUCT IMAGE – DESKTOP
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-75d5bb1 .product-category img{

}


/* =====================================================
   TABLET LAYOUT (3 columns)
   ===================================================== */

@media (max-width:1024px){

.elementor-6 .elementor-element.elementor-element-75d5bb1 .product-category{
    flex: 0 0 calc(25% - 1rem);
    max-width: calc(25% - 1rem);
}

.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask h4{
    font-size:1.1rem;
}

}


/* =====================================================
   MOBILE LAYOUT (2 columns)
   ===================================================== */

@media (max-width:600px){

.elementor-6 .elementor-element.elementor-element-75d5bb1 .product-category{
    flex: 0 0 calc(33.33% - 1rem);
max-width: calc(33.33% - 1rem);
}


/* category title adjustment */
.elementor-6 .elementor-element.elementor-element-75d5bb1 .categories-mask h4{
    font-size:0.8rem ;
}

}/* End custom CSS */