.elementor-20 .elementor-element.elementor-element-3a2981c{--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;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-3a2981c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-543cd1a */.woocommerce-account:not(.logged-in) .woocommerce-form-login,
.woocommerce-account:not(.logged-in) .woocommerce-form-register {

    width: 100%;

    height: 100%;

    background: #fff;

    padding: 38px;

    border-radius: 28px;

    border: 1px solid #ececec;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.04),
        0 2px 6px rgba(0,0,0,0.03);

    transition: all 0.25s ease;
}

/* Hover */

.woocommerce-account:not(.logged-in) .woocommerce-form-login:hover,
.woocommerce-account:not(.logged-in) .woocommerce-form-register:hover {

    transform: translateY(-2px);

    box-shadow:
        0 14px 35px rgba(0,0,0,0.06),
        0 4px 10px rgba(0,0,0,0.04);
}

.woocommerce-account input.input-text {

    width: 100%;

    height: 56px;

    padding: 0 18px;

    border-radius: 16px;

    border: 1px solid #dcdcdc!important;

    background: #fafafa !important;

    font-size: 15px;

    transition: all 0.25s ease;
}

.woocommerce-account input.input-text:focus {

    border-color: #0f8b7f;

    background: #fff;

    box-shadow:
        0 0 0 4px rgba(15,139,127,0.10);

    outline: none;
}


.woocommerce-account button.button {

    min-width: 140px;

    height: 46px;

    padding: 0 28px;

    border-radius: 100px !important;

    border: none !important;

    background: linear-gradient(
        135deg,
        #0f8b7f,
        #14a395
    ) !important;

    color: #fff !important;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 0.2px;

    box-shadow:
        0 8px 18px rgba(15,139,127,0.18);

    transition: all 0.25s ease;
}

/* Hover */

.woocommerce-account button.button:hover {

    transform: translateY(-2px);

    box-shadow:
        0 12px 24px rgba(15,139,127,0.22);

    background: linear-gradient(
        135deg,
        #0d7b71,
        #129487
    ) !important;
}


/* =========================================================
   LOGGED-IN DASHBOARD
========================================================= */

.woocommerce-account.logged-in .woocommerce {

    display: flex;

    gap: 30px;

    align-items: flex-start;

    max-width: 1320px;

    margin: 60px auto;

    padding: 0 20px;
}

/* Sidebar */

.woocommerce-account .woocommerce-MyAccount-navigation {

    width: 280px;

    flex-shrink: 0;

    background: #fff;

    border-radius: 24px;

    padding: 20px;

    border: 1px solid #e7e7e7;

    box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}

/* Nav List */

.woocommerce-account .woocommerce-MyAccount-navigation ul {

    list-style: none;

    padding: 0;

    margin: 0;
}

/* Nav Item */

.woocommerce-account .woocommerce-MyAccount-navigation ul li {

    margin-bottom: 10px;
}

/* Nav Links */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    display: flex;

    align-items: center;

    padding: 14px 18px;

    border-radius: 14px;

    color: #222;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    transition: all 0.2s ease;
}

/* Hover */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {

    background: rgba(15,139,127,0.08);

    color: #0f8b7f;
}

/* Active */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {

    background: #0f8b7f;

    color: #fff;
}

/* Dashboard Content */

.woocommerce-account .woocommerce-MyAccount-content {

    flex: 1;

    background: #fff;

    border-radius: 24px;

    padding: 40px;

    border: 1px solid #e7e7e7;

    box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}

/* Dashboard Text */

.woocommerce-account .woocommerce-MyAccount-content p {

    font-size: 15px;

    line-height: 1.8;

    color: #444;
}

/* =========================================================
   TABLES
========================================================= */

.woocommerce-account table.shop_table {

    border-radius: 18px;

    overflow: hidden;

    border: 1px solid #e7e7e7;
}

/* Table Head */

.woocommerce-account table.shop_table thead {

    background: #f8f8f8;
}

/* Cells */

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {

    padding: 16px;
}

/* =========================================================
   FIELDSETS
========================================================= */

.woocommerce-account fieldset {

    border: none;

    padding: 0;

    margin-top: 30px;
}

.elementor-20 .elementor-element.elementor-element-543cd1a div.nsl-container.nsl-container-block .nsl-container-buttons {
    grid-auto-flow: column;
}

.elementor-20 .elementor-element.elementor-element-543cd1a div.nsl-container .nsl-button {
    margin-right: 15px;
}

    .elementor-20 .elementor-element.elementor-element-543cd1a div.nsl-container[data-align="left"] {
        text-align: center !important;
    }

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    /* Login/Register */

    .woocommerce-account:not(.logged-in) .u-columns {

        flex-direction: column;
    }

    .woocommerce-account:not(.logged-in) .u-column1,
    .woocommerce-account:not(.logged-in) .u-column2 {

        width: 100%;
    }

    .woocommerce-account:not(.logged-in) .woocommerce-form-login,
    .woocommerce-account:not(.logged-in) .woocommerce-form-register {

        padding: 28px;
    }

    /* Dashboard */

    .woocommerce-account.logged-in .woocommerce {

        flex-direction: column;
    }

    /* Sidebar */

    .woocommerce-account .woocommerce-MyAccount-navigation {

        width: 100%;
    }

    /* Nav Horizontal Scroll */

    .woocommerce-account .woocommerce-MyAccount-navigation ul {

        display: flex;

        overflow-x: auto;

        gap: 10px;

        padding-bottom: 5px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {

        margin-bottom: 0;

        flex-shrink: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {

        white-space: nowrap;
    }

    /* Content */

    .woocommerce-account .woocommerce-MyAccount-content {

        width: 100%;

        padding: 28px;
    }

    /* Smaller Heading */

    .woocommerce-account h2 {

        font-size: 28px;
    }
    
    
    .elementor-20 .elementor-element.elementor-element-543cd1a div.nsl-container.nsl-container-block .nsl-container-buttons {
        grid-auto-flow: row;
    }
    
    .elementor-20 .elementor-element.elementor-element-543cd1a div.nsl-container .nsl-button {
        margin-right: auto;
    }
}/* End custom CSS */