.elementor-20 .elementor-element.elementor-element-5655eb7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-65388e3d{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-134385f6 */<style>

/* =========================================
   REFWON ACCOUNT AREA
========================================= */

.woocommerce-account
.woocommerce {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

}


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

.woocommerce-account
.woocommerce-MyAccount-navigation {

    width: 230px !important;

    margin-right: 40px !important;

}


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

    margin: 0 !important;

    padding: 7px !important;

    list-style: none !important;

    background: #F7F9FB !important;

    border: 1px solid #E5EBEF !important;

    border-radius: 14px !important;

}


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

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

}


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

    display: flex !important;

    align-items: center !important;

    min-height: 44px !important;

    padding: 0 14px !important;

    border-radius: 9px !important;

    color: #637487 !important;

    background: transparent !important;

    text-decoration: none !important;

    font-size: 12px !important;

    font-weight: 550 !important;

    transition: all .2s ease !important;

}


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

    color: #183A63 !important;

    background: #FFFFFF !important;

}


/* ACTIVE */

.woocommerce-account
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link.is-active a {

    background: #183A63 !important;

    color: #FFFFFF !important;

    font-weight: 650 !important;

}


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

.woocommerce-account
.woocommerce-MyAccount-content {

    width: calc(100% - 270px) !important;

    float: none !important;

    color: #5F7082;

    font-size: 13px;

    line-height: 1.7;

}


/* =========================================
   ACCOUNT LINKS
========================================= */

.woocommerce-account
.woocommerce-MyAccount-content a {

    color: #18AEBB;

}


.woocommerce-account
.woocommerce-MyAccount-content a:hover {

    color: #183A63;

}


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

.woocommerce-account
.woocommerce-MyAccount-content .button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 38px !important;

    padding: 0 17px !important;

    border: 0 !important;

    border-radius: 8px !important;

    background: #183A63 !important;

    color: #FFFFFF !important;

    font-family: inherit !important;

    font-size: 11px !important;

    font-weight: 650 !important;

    text-decoration: none !important;

    transition: .2s ease !important;

}


.woocommerce-account
.woocommerce-MyAccount-content .button:hover {

    background: #18B8C8 !important;

}


/* =========================================
   FORMS
========================================= */

.woocommerce-account
.woocommerce-MyAccount-content input,
.woocommerce-account
.woocommerce-MyAccount-content select,
.woocommerce-account
.woocommerce-MyAccount-content textarea {

    border: 1px solid #DFE7EC !important;

    border-radius: 8px !important;

    background: #FFFFFF !important;

    color: #183A63 !important;

    font-family: inherit !important;

    outline: none !important;

}


.woocommerce-account
.woocommerce-MyAccount-content input:focus,
.woocommerce-account
.woocommerce-MyAccount-content select:focus,
.woocommerce-account
.woocommerce-MyAccount-content textarea:focus {

    border-color: #18B8C8 !important;

    box-shadow:
        0 0 0 3px
        rgba(24,184,200,.08) !important;

}


/* =========================================
   ORDERS
========================================= */

.woocommerce-account
.woocommerce-orders-table {

    width: 100% !important;

    border-collapse: separate !important;

    border-spacing: 0 !important;

    border: 1px solid #E4EBEF !important;

    border-radius: 12px !important;

    overflow: hidden !important;

}


.woocommerce-account
.woocommerce-orders-table th {

    padding: 14px !important;

    background: #F7F9FB !important;

    color: #6E7E8D !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: .4px !important;

}


.woocommerce-account
.woocommerce-orders-table td {

    padding: 14px !important;

    border-top: 1px solid #EDF1F4 !important;

    font-size: 12px !important;

}


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

.woocommerce-account
.woocommerce-Addresses {

    display: grid !important;

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

    gap: 18px;

}


.woocommerce-account
.woocommerce-Address {

    padding: 20px !important;

    border: 1px solid #E5EBEF !important;

    border-radius: 13px !important;

    background: #FFFFFF !important;

}


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

@media(max-width:767px) {

    .woocommerce-account
    .woocommerce {

        display: block !important;

        width: 100% !important;

    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation {

        width: 100% !important;

        margin:
            0 0 18px !important;

    }


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

        display: flex !important;

        gap: 5px !important;

        overflow-x: auto !important;

        padding: 5px !important;

        scrollbar-width: none !important;

    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {

        display: none !important;

    }


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

        flex: 0 0 auto !important;

    }


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

        min-height: 37px !important;

        padding:
            0 12px !important;

        font-size: 10px !important;

        white-space: nowrap !important;

    }


    .woocommerce-account
    .woocommerce-MyAccount-content {

        width: 100% !important;

        float: none !important;

    }


    .woocommerce-account
    .woocommerce-Addresses {

        grid-template-columns: 1fr !important;

    }


    .woocommerce-account
    .woocommerce-orders-table {

        display: block !important;

        overflow-x: auto !important;

    }

}

</style>/* End custom CSS */