.elementor-107 .elementor-element.elementor-element-45c053e{margin-top:150px;margin-bottom:0px;}/* Start custom CSS for section, class: .elementor-element-45c053e *//* My Account Navigation Panel */
.woocommerce-MyAccount-navigation {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}

/* Navigation List */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

/* Navigation Links */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    background: #eaeaea;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Active and Hover States */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #00a64b;
    color: #fff;
}

/* Account Content Section */
.woocommerce-MyAccount-content {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

/* Buttons */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button {
    background: #00a64b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    border: none;
    transition: 0.3s ease;
}

/* Button Hover */
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover {
    background: #008a3e;
}/* End custom CSS */