.elementor-12 .elementor-element.elementor-element-96bd2f3{--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;}/* Start custom CSS for container, class: .elementor-element-96bd2f3 *//* =========================================================
   KAVIR ELECTRIC
   WOOCOMMERCE MY ACCOUNT
   WHITE + ORANGE
   FULL RESPONSIVE FIX
   ========================================================= */

:root {
    --ke-orange: #f58220;
    --ke-orange-dark: #df6f12;
    --ke-orange-light: #fff5eb;
    --ke-orange-soft: #fff9f5;

    --ke-text: #222222;
    --ke-text-2: #555555;
    --ke-muted: #777777;

    --ke-border: #e9e9e9;
    --ke-bg: #f7f8f9;
    --ke-white: #ffffff;

    --ke-radius: 16px;
}


/* =========================================================
   RESET
   ========================================================= */

.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce *,
.woocommerce-account .woocommerce *::before,
.woocommerce-account .woocommerce *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN ACCOUNT AREA
   ========================================================= */

.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 30px auto !important;

    padding: 0 18px !important;

    overflow: visible !important;
}


/* Clear WooCommerce / Theme Floats */

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
    display: none !important;
}


/* =========================================================
   ACCOUNT LAYOUT
   ========================================================= */

/*
   IMPORTANT:
   No float.
   Flex is used to prevent boxes from sticking together.
*/

.woocommerce-account .woocommerce {
    display: flex !important;

    align-items: flex-start !important;

    gap: 24px !important;
}


/* =========================================================
   LEFT / RIGHT ACCOUNT MENU
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {

    width: 250px !important;

    min-width: 250px !important;

    max-width: 250px !important;

    float: none !important;

    flex: 0 0 250px !important;

    margin: 0 !important;

    padding: 10px !important;

    background: var(--ke-white) !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: var(--ke-radius) !important;

    box-shadow: 0 8px 28px rgba(0,0,0,.045) !important;

    position: relative !important;

    z-index: 2 !important;

    overflow: visible !important;
}


/* Menu UL */

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

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* Menu LI */

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

    width: 100% !important;

    margin: 3px 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* Menu Link */

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

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 48px !important;

    margin: 0 !important;

    padding: 11px 14px !important;

    color: var(--ke-text) !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 11px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-decoration: none !important;

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


/* Menu Hover */

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

    color: var(--ke-orange) !important;

    background: var(--ke-orange-light) !important;

    transform: translateX(-2px) !important;
}


/* Active */

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

    color: #ffffff !important;

    background: var(--ke-orange) !important;

    box-shadow: 0 5px 15px rgba(245,130,32,.18) !important;
}


/* Logout */

.woocommerce-account
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout {

    margin-top: 8px !important;

    padding-top: 8px !important;

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

.woocommerce-account
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout a {

    color: #d9534f !important;

    background: #fff6f6 !important;
}

.woocommerce-account
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {

    color: #ffffff !important;

    background: #d9534f !important;
}


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

.woocommerce-account .woocommerce-MyAccount-content {

    width: auto !important;

    max-width: none !important;

    min-width: 0 !important;

    flex: 1 1 auto !important;

    float: none !important;

    margin: 0 !important;

    padding: 28px !important;

    background: var(--ke-white) !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: var(--ke-radius) !important;

    box-shadow: 0 8px 28px rgba(0,0,0,.04) !important;

    position: relative !important;

    z-index: 1 !important;

    overflow: visible !important;
}


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

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

    margin-top: 0;

    margin-bottom: 16px;

    color: var(--ke-text-2);

    line-height: 1.9;
}

.woocommerce-account .woocommerce-MyAccount-content strong {

    color: var(--ke-text);
}


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

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {

    margin-top: 0 !important;

    margin-bottom: 20px !important;

    color: var(--ke-text) !important;

    font-weight: 800 !important;

    line-height: 1.5 !important;
}


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

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

    color: var(--ke-orange) !important;

    text-decoration: none !important;
}

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

    color: var(--ke-orange-dark) !important;
}


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

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    border-collapse: separate !important;

    border-spacing: 0 !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 13px !important;

    background: #fff !important;
}


/* Header */

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

    padding: 14px !important;

    background: var(--ke-orange-light) !important;

    color: var(--ke-text) !important;

    border-bottom: 1px solid var(--ke-border) !important;

    font-weight: 800 !important;

    white-space: nowrap !important;
}


/* Body */

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

    padding: 14px !important;

    color: var(--ke-text-2) !important;

    border-bottom: 1px solid var(--ke-border) !important;

    vertical-align: middle !important;
}


/* Last row */

.woocommerce-account
.woocommerce-orders-table
tbody tr:last-child td {

    border-bottom: 0 !important;
}


/* Row hover */

.woocommerce-account
.woocommerce-orders-table
tbody tr:hover {

    background: var(--ke-orange-soft) !important;
}


/* Order number */

.woocommerce-account
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-number a {

    color: var(--ke-orange) !important;

    font-weight: 800 !important;
}


/* =========================================================
   VIEW ORDER BUTTON
   ========================================================= */

.woocommerce-account
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions {

    white-space: nowrap !important;
}

.woocommerce-account
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions
.button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    min-width: 80px !important;

    min-height: 40px !important;

    padding: 9px 17px !important;

    background: var(--ke-orange) !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 9px !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: all .2s ease !important;
}

.woocommerce-account
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions
.button:hover {

    background: var(--ke-orange-dark) !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   ORDER DETAILS
   ========================================================= */

.woocommerce-account
.woocommerce-order-details {

    width: 100% !important;

    max-width: 100% !important;

    margin: 24px 0 !important;

    padding: 22px !important;

    background: #ffffff !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 15px !important;

    box-shadow: 0 5px 22px rgba(0,0,0,.035) !important;

    overflow: visible !important;
}


/* Order Details Title */

.woocommerce-account
.woocommerce-order-details
.woocommerce-order-details__title {

    margin: 0 0 18px !important;

    color: var(--ke-text) !important;

    font-size: 19px !important;

    font-weight: 800 !important;
}


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

/*
   IMPORTANT:
   Don't use overflow:hidden on the table.
   It can cut WooCommerce content.
*/

.woocommerce-account
.woocommerce-order-details
table {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    border-collapse: separate !important;

    border-spacing: 0 !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    overflow: visible !important;
}


/* Header */

.woocommerce-account
.woocommerce-order-details
table thead th {

    padding: 14px !important;

    background: var(--ke-orange-light) !important;

    color: var(--ke-text) !important;

    border-bottom: 1px solid var(--ke-border) !important;

    font-weight: 800 !important;
}


/* Body */

.woocommerce-account
.woocommerce-order-details
table tbody td {

    padding: 14px !important;

    color: var(--ke-text-2) !important;

    border-bottom: 1px solid var(--ke-border) !important;

    vertical-align: middle !important;
}


/* Footer */

.woocommerce-account
.woocommerce-order-details
table tfoot th,
.woocommerce-account
.woocommerce-order-details
table tfoot td {

    padding: 14px !important;

    color: var(--ke-text) !important;

    border-bottom: 1px solid var(--ke-border) !important;
}


/* Last */

.woocommerce-account
.woocommerce-order-details
table tr:last-child th,
.woocommerce-account
.woocommerce-order-details
table tr:last-child td {

    border-bottom: 0 !important;
}


/* Product links */

.woocommerce-account
.woocommerce-order-details
table a {

    color: var(--ke-orange) !important;

    font-weight: 700 !important;
}


/* =========================================================
   ORDER OVERVIEW
   ========================================================= */

.woocommerce-account
.woocommerce-order-overview {

    display: grid !important;

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

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 24px !important;

    padding: 0 !important;

    list-style: none !important;
}

.woocommerce-account
.woocommerce-order-overview li {

    width: auto !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 15px !important;

    background: var(--ke-orange-light) !important;

    border: 1px solid var(--ke-orange-border) !important;

    border-radius: 12px !important;

    color: var(--ke-text-2) !important;

    list-style: none !important;
}

.woocommerce-account
.woocommerce-order-overview li strong {

    display: block !important;

    margin-top: 5px !important;

    color: var(--ke-text) !important;
}


/* =========================================================
   CUSTOMER DETAILS
   ========================================================= */

.woocommerce-account
.woocommerce-customer-details {

    width: 100% !important;

    margin: 24px 0 !important;

    padding: 22px !important;

    background: #ffffff !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 15px !important;

    box-shadow: 0 5px 22px rgba(0,0,0,.035) !important;

    overflow: visible !important;
}

.woocommerce-account
.woocommerce-customer-details
.woocommerce-column__title {

    margin: 0 0 17px !important;

    color: var(--ke-text) !important;

    font-size: 19px !important;

    font-weight: 800 !important;
}

.woocommerce-account
.woocommerce-customer-details
address {

    width: 100% !important;

    margin: 0 !important;

    padding: 17px !important;

    background: #fafafa !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 11px !important;

    color: var(--ke-text-2) !important;

    line-height: 2 !important;

    font-style: normal !important;
}


/* =========================================================
   DOWNLOADS
   ========================================================= */

.woocommerce-account
.woocommerce-order-downloads {

    width: 100% !important;

    margin: 24px 0 !important;

    padding: 22px !important;

    background: #ffffff !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 15px !important;

    box-shadow: 0 5px 22px rgba(0,0,0,.035) !important;

    overflow: visible !important;
}

.woocommerce-account
.woocommerce-order-downloads__title {

    margin: 0 0 17px !important;

    color: var(--ke-text) !important;

    font-size: 19px !important;

    font-weight: 800 !important;
}


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

/*
   This section fixes the form being cut inside the box.
*/

.woocommerce-account
.woocommerce-MyAccount-content
form {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;
}


/* Form Row */

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-form-row {

    width: 100% !important;

    margin: 0 0 18px !important;

    padding: 0 !important;

    float: none !important;
}


/* Labels */

.woocommerce-account
.woocommerce-MyAccount-content
form label {

    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;

    color: var(--ke-text) !important;

    font-size: 14px !important;

    font-weight: 700 !important;
}


/* Inputs */

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="text"],
.woocommerce-account
.woocommerce-MyAccount-content
form input[type="email"],
.woocommerce-account
.woocommerce-MyAccount-content
form input[type="tel"],
.woocommerce-account
.woocommerce-MyAccount-content
form input[type="password"],
.woocommerce-account
.woocommerce-MyAccount-content
form input[type="number"],
.woocommerce-account
.woocommerce-MyAccount-content
form select,
.woocommerce-account
.woocommerce-MyAccount-content
form textarea {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    min-height: 48px !important;

    margin: 0 !important;

    padding: 11px 14px !important;

    background: #ffffff !important;

    color: var(--ke-text) !important;

    border: 1px solid #dddddd !important;

    border-radius: 10px !important;

    outline: none !important;

    box-shadow: none !important;
}


/* Textarea */

.woocommerce-account
.woocommerce-MyAccount-content
form textarea {

    min-height: 120px !important;

    resize: vertical !important;
}


/* Focus */

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

    border-color: var(--ke-orange) !important;

    box-shadow: 0 0 0 3px rgba(245,130,32,.10) !important;
}


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

.woocommerce-account
.woocommerce-MyAccount-content
button,
.woocommerce-account
.woocommerce-MyAccount-content
input[type="submit"],
.woocommerce-account
.woocommerce-MyAccount-content
.button {

    min-height: 44px !important;

    padding: 10px 20px !important;

    background: var(--ke-orange) !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 10px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition: all .2s ease !important;
}

.woocommerce-account
.woocommerce-MyAccount-content
button:hover,
.woocommerce-account
.woocommerce-MyAccount-content
input[type="submit"]:hover,
.woocommerce-account
.woocommerce-MyAccount-content
.button:hover {

    background: var(--ke-orange-dark) !important;

    color: #ffffff !important;
}


/* =========================================================
   LOGIN / REGISTER BOX
   ========================================================= */

.woocommerce-account
.woocommerce-form-login,
.woocommerce-account
.woocommerce-form-register {

    width: 100% !important;

    max-width: 600px !important;

    margin: 0 auto !important;

    padding: 28px !important;

    background: #ffffff !important;

    border: 1px solid var(--ke-border) !important;

    border-radius: 16px !important;

    box-shadow: 0 7px 25px rgba(0,0,0,.04) !important;

    overflow: visible !important;
}


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

.woocommerce-account
.woocommerce-message,
.woocommerce-account
.woocommerce-info {

    width: 100% !important;

    margin: 0 0 20px !important;

    padding: 15px 18px !important;

    background: var(--ke-orange-light) !important;

    border-top: 3px solid var(--ke-orange) !important;

    border-radius: 10px !important;

    color: var(--ke-text) !important;

    overflow: visible !important;
}


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

@media (max-width: 767px) {

    /* Main */

    .woocommerce-account .woocommerce {

        display: flex !important;

        flex-direction: column !important;

        gap: 16px !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 18px auto !important;

        padding: 0 10px !important;

        overflow: visible !important;
    }


    /* Navigation */

    .woocommerce-account
    .woocommerce-MyAccount-navigation {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;

        flex: none !important;

        float: none !important;

        margin: 0 !important;

        padding: 8px !important;
    }


    /* Content */

    .woocommerce-account
    .woocommerce-MyAccount-content {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;

        flex: none !important;

        float: none !important;

        margin: 0 !important;

        padding: 18px 14px !important;

        overflow: visible !important;
    }


    /* Order overview */

    .woocommerce-account
    .woocommerce-order-overview {

        grid-template-columns: 1fr 1fr !important;

        gap: 8px !important;
    }

    .woocommerce-account
    .woocommerce-order-overview li {

        padding: 11px !important;

        font-size: 12px !important;
    }


    /* Order details box */

    .woocommerce-account
    .woocommerce-order-details {

        margin: 18px 0 !important;

        padding: 14px !important;

        overflow: visible !important;
    }


    /* Order table wrapper */

    .woocommerce-account
    .woocommerce-order-details {

        overflow-x: auto !important;

        -webkit-overflow-scrolling: touch !important;
    }

    .woocommerce-account
    .woocommerce-order-details table {

        width: 100% !important;

        min-width: 550px !important;
    }


    /* Orders list */

    .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-orders-table {

        display: block !important;

        width: 100% !important;

        overflow-x: auto !important;

        -webkit-overflow-scrolling: touch !important;
    }

    .woocommerce-account
    .woocommerce-orders-table {

        min-width: 650px !important;
    }


    /* Customer */

    .woocommerce-account
    .woocommerce-customer-details {

        margin: 18px 0 !important;

        padding: 14px !important;
    }


    /* Downloads */

    .woocommerce-account
    .woocommerce-order-downloads {

        margin: 18px 0 !important;

        padding: 14px !important;

        overflow-x: auto !important;
    }


    /* Forms */

    .woocommerce-account
    .woocommerce-MyAccount-content
    form {

        width: 100% !important;

        max-width: 100% !important;

        overflow: visible !important;
    }


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

        width: 100% !important;

        max-width: 100% !important;
    }


    /* Buttons */

    .woocommerce-account
    .woocommerce-MyAccount-content
    form input[type="submit"] {

        width: 100% !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .woocommerce-account .woocommerce {

        padding: 0 7px !important;

        gap: 12px !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content {

        padding: 15px 11px !important;
    }

    .woocommerce-account
    .woocommerce-order-overview {

        grid-template-columns: 1fr !important;
    }

    .woocommerce-account
    .woocommerce-order-overview li {

        width: 100% !important;
    }

    .woocommerce-account
    .woocommerce-orders-table {

        min-width: 620px !important;
    }
}/* End custom CSS */