.elementor-14 .elementor-element.elementor-element-4f1ee69e{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-4f1ee69e{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-815f26a *//* Style the tabs in the My Account page */
.woocommerce-MyAccount-navigation {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
}

/* Remove dot from list items in My Account navigation */
.woocommerce-MyAccount-navigation ul {
    list-style-type: none; /* Removes the dot */
    padding: 0; /* Removes extra padding */
    margin: 0; /* Removes extra margin */
}

/* Optional: Remove specific padding or margin for list items */
.woocommerce-MyAccount-navigation li {
    margin: 0; /* Removes default margin between list items */
    padding: 5px 0; /* Add custom padding if needed */
}


/* Style the individual navigation links */
.woocommerce-MyAccount-navigation li a {
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #fff;
    background-color: var(--e-global-color-primary);;
}

/* Style the content area */
.woocommerce-MyAccount-content {
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* Customize the buttons */
.woocommerce-button {
    background-color: var(--e-global-color-primary);
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.woocommerce-button:hover {
    background-color: var(--e-global-color-primary);
    color: #ffffff;
}/* End custom CSS */