.dark-mode-on {
   .woocommerce {
        .woocommerce-MyAccount-navigation {
            border-color:#232323; 
            ul {
                li {
                    &.is-active {
                        a {
                          background-color:var(--main) !important;
                          color:#191919;  
                        }
                    }
                    a{
                      color:#D6D6D6;  
                      &:hover {
                            background-color: #000000;
                      }
                    }
                }
            }
        }
    }    
}
.woocommerce {
    .woocommerce-MyAccount-navigation {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #eee;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                  &.is-active {
        a {
              background-color: rgba(136,136,136,.12) !important; 
        }
    }
                a {
                      display: block;
    color: rgba(0,0,0,.9);

    &:hover {
        background-color: #f8f8f8;
    }
  
    padding: 10px 15px;  
                }
            }
        }
    }
    .woocommerce-MyAccount-content {
     width: 69%;
    display: inline-block;
    padding: 0 30px;
    form {
            h3 {
                font-size: 24px;
                color:var(--heading);
                font-weight: 500;
                line-height: 1.7em;
                margin-bottom: 9px;
                text-transform: uppercase;  
            }
            label {
                  color: var(--heading);
                margin-bottom: 10px;  
            }
          .input-text , select {
              border: 1px solid #aaaaaa;
            height: 45px;
            line-height: 45px;
            padding: 0 15px;
            margin-bottom: 20px;
            width: 100%;
            transition: 0.3s all;
            background: transparent;
            color:var(--body);  
            }
            button {
                    display: block;
                    position: relative;
                    text-align: center;
                    margin-top: 30px;
                    color:#ffffff;
                    min-width: 100%;
                    background: var(--btn-bgcolor);
                    height: 50px;
                    line-height: 50px;
                    .transition(0.3s all);
                    border: none;
                    outline: none;
                    &:hover {
                         background: var(--btn-bgcolor2);
                    }
            }
       fieldset {
        .form-row {
          
           .password-input {
            display:block;
           } 
        }
       } 
    }
    }
}
@media(max-width:767px) {
   .woocommerce .woocommerce-MyAccount-navigation {
    width: 100%;
    border: 0;
   padding: 15px 0;
   } 
   .woocommerce .woocommerce-MyAccount-content {
    width: 100%;
    padding: 0;
   }
}