a{
  color:#fff;
}
.cart-order-container{
          position:fixed;
          top: 0;
            right: 0;
            width: 100%;
            z-index: 9999;
            height: 100%;
            background: #89878459;
        }
        .card-order-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 0%;
    background: #ffd70030;
    z-index: -1;
}
        .card-order-card{
          height:fit-content;
            position: absolute;
            position:relative;
            z-index: 20;        
            top: 50%;
            right: 50%;
            left: 50%;
            background: #fff;
            width: 60%;
            padding: 20px;
            border-radius: 10px;
            bottom: 50%;
            transform: translate( -50%, -50%);
            overflow:hidden;
        }
        .card-order-card:hover::before{
            min-height:100%; 
            animation:fade-up 1.5s ease;
            transition:1.5s ease;
        }
        @keyframes fade-up{
            100%{
            min-height:100%;    
            }
            0%{
                min-height:0%;
            }
        }
        .card-eachvvariation{
            display: flex;margin:0 0 4px 0;
        
    font-size: small;
        }
        .varistion-each-form{
          width:50%;
          padding:3px
        }
        .form-add-cart{
          width:50%;
          padding:3px
        }
        .va-r-name + p{
          margin:0;
        }
        div.form-self-control{
          
          justify-content: space-evenly;
          flex-wrap: nowrap;
        }
        .add-cart{
          border:none;
          outline:none;
            border-radius:50%;
            background:transparent;
            color: #000;
        }
        
        .add-cart:hover{
          border:none;
          outline:none;
            background:transparent;
            color:silver;
        }
        .add-cart:focus{
          border:none;
          outline:none;
            background:transparent;
            color: #000;
        }
        input.adder-input-minus-screen {
            width: 100px;
            border: none;
            text-align: center;
            outline: none;
    background: transparent;
            color:  #000;
            }
            
        .price{
        
          font-size: larger;
          color: #000;
        }
        #discount-on-product{
          font-size: smaller;
            color: silver;
            text-decoration: line-through;
        }
        .form-add-cart form{
        
          margin-top: 1rem;
        }
        .header-moadl{
          color: #000;
        }
        @media  (max-width:600px) {

          .card-order-card{
            width: 100%;
            height: initial;
            position: absolute;
            
            top: initial;
            right: inherit;
            bottom: inherit;
            left: inherit;
            background: #fff;
            padding: 20px;
            border-radius: initial;
            bottom: 0;
            transform: inherit;
                  }
        }
        @media(min-width:1440px){
            .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl,.navigation-bars {
    width: 100%;
    /*padding-right: 20% !important;*/
    /*padding-left: 20% !important;*/
    margin-right: auto;
    margin-left: auto;
}
.menubarT {
    left: 20%;
    
}}