.elementor-184 .elementor-element.elementor-element-37046bf{--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;}.elementor-184 .elementor-element.elementor-element-37046bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-184 .elementor-element.elementor-element-d9a1f35{--display:flex;}.elementor-184 .elementor-element.elementor-element-d9a1f35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-184 .elementor-element.elementor-element-8a15300.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-184 .elementor-element.elementor-element-abe32c0{--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;}.elementor-184 .elementor-element.elementor-element-c156abe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-184 .elementor-element.elementor-element-c156abe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-184 .elementor-element.elementor-element-1a10a59 img{height:325px;}.elementor-184 .elementor-element.elementor-element-10fd991{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-184 .elementor-element.elementor-element-fdb5357{--display:flex;}.elementor-184 .elementor-element.elementor-element-a045b43 .elementor-field-group{margin-bottom:10px;}.elementor-184 .elementor-element.elementor-element-a045b43 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-184 .elementor-element.elementor-element-a045b43 .elementor-field-group > label{padding-bottom:0px;}.elementor-184 .elementor-element.elementor-element-a045b43 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-184 .elementor-element.elementor-element-a045b43 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-184 .elementor-element.elementor-element-71219c5{--display:flex;}.elementor-184 .elementor-element.elementor-element-47aa0e0{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:25px 25px 25px 25px;--n-tabs-title-font-size:15px;}.elementor-184 .elementor-element.elementor-element-47aa0e0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#8F6F04ED;}.elementor-184 .elementor-element.elementor-element-47aa0e0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-184 .elementor-element.elementor-element-47aa0e0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#4596E2;}.elementor-184 .elementor-element.elementor-element-47aa0e0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#050000;}.elementor-184 .elementor-element.elementor-element-95e2133{--display:flex;}@media(min-width:768px){.elementor-184 .elementor-element.elementor-element-37046bf{--width:93.277%;}.elementor-184 .elementor-element.elementor-element-d9a1f35{--width:23.776%;}.elementor-184 .elementor-element.elementor-element-c156abe{--width:32.104%;}.elementor-184 .elementor-element.elementor-element-95e2133{--width:34%;}}/* Start custom CSS for wc-categories, class: .elementor-element-8a15300 *//* Make the entire category box a container for positioning */
.woocommerce ul.products li.product-category {
    position: relative;
    overflow: hidden; /* This prevents the image from overflowing if you use hover effects */
}

/* Position the title over the image */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    border-radius: 20px;
    color: #fff; /* Change to your desired text color */
    background: rgba(0, 0, 0, 0.5); /* Adds a semi-transparent background for better readability */
    
    padding: 10px 0;
    z-index: 2; /* Ensures the title is on top of the image */
}

.woocommerce ul.products li.product-category a:hover h2.woocommerce-loop-category__title {
    background: rgba(0, 0, 255, 0.8); /* Change to a different semi-transparent color */
    color: #fff; /* Optional: Change font color on hover */
    transition: background 0.3s ease; /* Optional: Smooth transition effect */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c007e22 */password-wrapper {
    position: relative; /* To help with absolute positioning of the toggle if needed */
}

.show-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.show-password-toggle input[type="checkbox"] {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c007e22 */password-wrapper {
    position: relative; /* To help with absolute positioning of the toggle if needed */
}

.show-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.show-password-toggle input[type="checkbox"] {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c007e22 */password-wrapper {
    position: relative; /* To help with absolute positioning of the toggle if needed */
}

.show-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.show-password-toggle input[type="checkbox"] {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-47aa0e0 */custom-register-form {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.custom-register-form h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}

.custom-register-form .form-row {
    margin-bottom: 15px;
}

.custom-register-form label {
    display: flex;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.custom-register-form .input-text {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.custom-register-form .input-text:focus {
    border-color: #007cba; /* Change this to your theme's primary color */
    outline: none;
}

.custom-register-form .button {
    width: 100%;
    padding: 10Epx;
    background-color: #007cba; /* Change this to your theme's primary color */
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-register-form .button:hover {
    background-color: #005f8a; /* Darker shade for hover effect */
}

.custom-register-form p {
    text-align: center;
    color: #ff0000; /* Error message color */
}/* End custom CSS */