.elementor-313 .elementor-element.elementor-element-5dd4f399{--display:flex;}.elementor-313 .elementor-element.elementor-element-476b35b{--display:flex;}.elementor-313 .elementor-element.elementor-element-587cab6{--spacer-size:30px;}.elementor-widget-heading .elementor-heading-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-313 .elementor-element.elementor-element-e0dc218{width:var( --container-widget-width, 460px );max-width:460px;--container-widget-width:460px;--container-widget-flex-grow:0;text-align:start;}.elementor-313 .elementor-element.elementor-element-e0dc218.elementor-element{--align-self:flex-start;}.elementor-313 .elementor-element.elementor-element-e0dc218 .elementor-heading-title{font-family:"puffin-display-soft", Sans-serif;font-size:45px;font-weight:500;line-height:50px;color:#2B5565;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-313 .elementor-element.elementor-element-232a30e{text-align:start;}.elementor-313 .elementor-element.elementor-element-232a30e img{width:55px;}.elementor-313 .elementor-element.elementor-element-09bfabc{--spacer-size:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-313 .elementor-element.elementor-element-e0dc218 .elementor-heading-title{font-size:40px;line-height:45px;}}@media(max-width:767px){.elementor-313 .elementor-element.elementor-element-5dd4f399{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-313 .elementor-element.elementor-element-587cab6{--spacer-size:11px;}.elementor-313 .elementor-element.elementor-element-e0dc218 .elementor-heading-title{font-size:35px;line-height:42px;}.elementor-313 .elementor-element.elementor-element-09bfabc{--spacer-size:11px;}}/* Start custom CSS for container, class: .elementor-element-5dd4f399 *//* =========================================================
   WOOCOMMERCE MY ACCOUNT
   COMPLETE STYLING
========================================================= */

body.woocommerce-account {
    --account-primary: #2B5565;
    --account-primary-hover: #214450;
    --account-secondary: #2B7F8F;
    --account-bg: #F4EFE7;
    --account-border: rgba(43, 85, 101, 0.16);
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

body.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    column-gap: 50px !important;

    align-items: start !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    font-family: "puffin-display-soft", sans-serif !important;
}


/* Remove WooCommerce clearfix */
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   LEFT SIDEBAR
========================================================= */

body.woocommerce-account
.woocommerce > nav.woocommerce-MyAccount-navigation {
    grid-column: 1 !important;
    grid-row: 1 !important;

    float: none !important;

    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 12px !important;

    background: var(--account-bg) !important;

    border: none !important;
    border-radius: 16px !important;

    box-sizing: border-box !important;

    align-self: start !important;
}


/* =========================================================
   NAVIGATION LIST
   HARD RESET TO PREVENT THEME INTERFERENCE
========================================================= */

body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul {
    all: unset !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NAVIGATION ITEMS
========================================================= */

body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li {
    all: unset !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Remove theme bullets */
body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li::before,
body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li::after,
body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li::marker {
    content: none !important;
    display: none !important;
}


/* =========================================================
   NAVIGATION LINKS
   HARD RESET
========================================================= */

body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li > a {
    all: unset !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 13px 14px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 10px !important;

    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        color .2s ease !important;
}


/* Hover */
body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li > a:hover {
    background: rgba(43, 85, 101, 0.09) !important;

    color: var(--account-primary) !important;
}


/* Active */
body.woocommerce-account
nav.woocommerce-MyAccount-navigation > ul > li.is-active > a {
    background: var(--account-primary) !important;

    color: #ffffff !important;

    font-weight: 600 !important;
}


/* =========================================================
   LOGOUT
========================================================= */

body.woocommerce-account
nav.woocommerce-MyAccount-navigation
> ul
> li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 8px !important;
    padding-top: 8px !important;

    border-top: 1px solid var(--account-border) !important;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

body.woocommerce-account
.woocommerce > .woocommerce-MyAccount-content {
    grid-column: 2 !important;
    grid-row: 1 !important;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;
}


/* =========================================================
   CONTENT TEXT
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;

    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content a:not(.button) {
    color: var(--account-primary) !important;

    font-weight: 600 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px;
}


body.woocommerce-account
.woocommerce-MyAccount-content a:not(.button):hover {
    color: var(--account-secondary) !important;
}


/* =========================================================
   HEADINGS
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content h1,
body.woocommerce-account
.woocommerce-MyAccount-content h2,
body.woocommerce-account
.woocommerce-MyAccount-content h3,
body.woocommerce-account
.woocommerce-MyAccount-content h4,
body.woocommerce-account
.woocommerce-MyAccount-content h5,
body.woocommerce-account
.woocommerce-MyAccount-content h6 {
    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;

    font-weight: 600 !important;
}


/* =========================================================
   WOOCOMMERCE NOTICES
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-error {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 20px !important;

    width: 100% !important;

    margin: 0 0 24px 0 !important;
    padding: 18px 24px !important;

    background: var(--account-bg) !important;

    border: none !important;
    border-top: 3px solid var(--account-primary) !important;

    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;

    box-sizing: border-box !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info::before,
body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-message::before,
body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-error::before {
    content: none !important;
    display: none !important;
}


/* =========================================================
   BUTTONS
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .button,
body.woocommerce-account
.woocommerce-MyAccount-content button,
body.woocommerce-account
.woocommerce-MyAccount-content input[type="submit"] {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;

    padding: 10px 22px !important;

    background: var(--account-primary) !important;

    border: none !important;
    border-radius: 50px !important;

    color: #ffffff !important;

    font-family: "puffin-display-soft", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content .button:hover,
body.woocommerce-account
.woocommerce-MyAccount-content button:hover,
body.woocommerce-account
.woocommerce-MyAccount-content input[type="submit"]:hover {
    background: var(--account-primary-hover) !important;

    color: #ffffff !important;
}


/* =========================================================
   FORM FIELDS
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account
.woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account
.woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account
.woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account
.woocommerce-MyAccount-content select,
body.woocommerce-account
.woocommerce-MyAccount-content textarea {
    width: 100% !important;

    min-height: 48px !important;

    padding: 10px 14px !important;

    background: #ffffff !important;

    border: 1px solid rgba(43, 85, 101, 0.28) !important;
    border-radius: 8px !important;

    color: var(--account-primary) !important;

    font-family: "puffin-display-soft", sans-serif !important;
    font-size: 15px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content input:focus,
body.woocommerce-account
.woocommerce-MyAccount-content select:focus,
body.woocommerce-account
.woocommerce-MyAccount-content textarea:focus {
    border-color: var(--account-primary) !important;

    outline: none !important;

    box-shadow: 0 0 0 1px var(--account-primary) !important;
}


/* =========================================================
   ORDER TABLE
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content table.shop_table {
    width: 100% !important;

    border: 1px solid var(--account-border) !important;
    border-radius: 12px !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    overflow: hidden !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content table.shop_table th {
    padding: 14px 16px !important;

    background: var(--account-bg) !important;

    color: var(--account-primary) !important;

    border: none !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content table.shop_table td {
    padding: 14px 16px !important;

    color: var(--account-primary) !important;

    border-color: var(--account-border) !important;
}


/* =========================================================
   ADDRESSES
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Addresses {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 24px !important;
}


body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Address {
    float: none !important;

    width: 100% !important;

    padding: 24px !important;

    background: var(--account-bg) !important;

    border: 1px solid var(--account-border) !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-account .woocommerce {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        column-gap: 30px !important;
    }


    body.woocommerce-account
    .woocommerce > nav.woocommerce-MyAccount-navigation {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

}


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

@media (max-width: 767px) {

    body.woocommerce-account .woocommerce {
        display: block !important;
    }


    body.woocommerce-account
    .woocommerce > nav.woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-bottom: 30px !important;
    }


    body.woocommerce-account
    nav.woocommerce-MyAccount-navigation > ul {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 5px !important;
    }


    body.woocommerce-account
    nav.woocommerce-MyAccount-navigation > ul > li {
        margin: 0 !important;
    }


    body.woocommerce-account
    nav.woocommerce-MyAccount-navigation > ul > li > a {
        padding: 11px 10px !important;

        font-size: 14px !important;
    }


    body.woocommerce-account
    nav.woocommerce-MyAccount-navigation
    > ul
    > li.woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0 !important;
        padding-top: 0 !important;

        border-top: none !important;
    }


    body.woocommerce-account
    .woocommerce > .woocommerce-MyAccount-content {
        width: 100% !important;
    }


    body.woocommerce-account
    .woocommerce-MyAccount-content .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }

}/* End custom CSS */