body {
    /* font-family: "Lato", sans-serif; */
    transition: background-color .5s;
  }

  .sidecart {
    height: 45vh;
    width: 17% !important;
    display: block;
    position: fixed;
    z-index: 1;
    top: 0;
    margin-right: 17px;
    right: 0;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 18px;
    transform: translateY(-600px);
    transition: 2s;
  }
  .bagg{
      font-size: 18px !important;
      color: black!important;
  }

  .cart-body{
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(75,75,75,0.2);

  }
  .cart-body  a{
    text-decoration: underline;
    color:black;
    display: block;
    transition: 0.3s;

  }
  .cart-product{
    height: 90%;
    overflow: scroll;
  }
  .cart-body2{
    /* height: 19%; */
    border-top: 2px solid rgba(75, 75, 75, 0.5);
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
  }
  .pt-1, .py-1 {
    padding-top: 0.30rem !important;
}
  .sidecart .cart-body a:hover {
    color: #e36e0d !important;
  }
  .siddecart{
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  .closebtn {
    position: absolute;
    top: 10px;
    font-size: 25px;
    color: black !important;
    font-weight: 700;
    right: 8px;
  }
  .layer{
      height: 100vh;

  }

  @media screen and (max-height: 450px) {
    .sidecart
    {
      padding-top: 15px;
    }
    .sidecart a {
      font-size: 18px;
    }

  }
  @media (max-width: 1280px) {
	.sidecart {
    height: 45vh!important;
    width: 23%!important;
    display: block!important;
    position: fixed!important;
    z-index: 1;
    top: 0;
    margin-right: 30px !important;
    right: 0;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 18px;
    transform: translateY(-600px);
    transition: 2s;
}
}
  @media screen and (max-width: 768px){
    .sidecart {
            height: 45vh;
            width: 84%!important;
            display: block;
            position: fixed;
            z-index: 1;
            top: 16;
            margin-right: 45px;
            right: 0;
            background-color: #eee;
            border-radius: 18px;
            transform: translateY(196 px);
            transition: 2s;
      }
      .product{
          padding-left: 0px;
          width: 170px !important;
      }
      .sidecart .col-lg-2{
          padding-right: 0px;
      }
      .cart-price{
      width: auto;
      font-size: 11px!important;
      margin-left: -30px;
      }
      .card-boda2 .col-lg-7{
        margin-right: 15px;
        padding-left: 10px;
      }
      .cart-body2  .cart-price #price_area_2{
          padding-left: 40px;
      }
  }
.cart-head{
    background-image: linear-gradient(#CC281C,#FEB800) !important;
    height: 40px;
    position: static;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    color: black!important;
    box-shadow: 2px 2px 2px rgba(75,75,75,0.2);
}
.cart-head h3{
    color: black!important;
    margin-top: 11px;
    font-size: 14px;
    font-weight: 600 !important;
}
.cart-body h4{
    color: black!important;
    font-size: 14px!important;
    text-overflow:ellipsis;
    overflow: hidden;
width : 95%!important;
    white-space: nowrap;
    font-weight: 600 !important;
}
.product{
    padding-right: 0px;
}
.cart-body span{
    color: black;
}
.cart-img{
    height: 60px;
    width: 60px;
    border-radius: 10px;
    /* margin-left: -16px; */
    box-shadow: 1px 1px 1px rgb(75 75 75 / 20%);
}
.cart-img img{
    border-radius: 10px;
    height: 100%;
    width: 100%;

}
.incBoxx {
   margin-left: auto;
    margin-top: 27px;
    padding-left: 7px;
    height: 22px;
    width: 68px;
    border: 1px solid #3855be;
    border-radius: 30px;

}
.countBoxx {

    border: none;
    color: black;
    font-weight: bold;
    cursor: pointer !important;
}
#incrementt {

      cursor: pointer !important;
      padding: 0px 1px!important;
      border-radius: 20px;
      font-weight: 500;
      margin-top: -2px;
      color: #000 !important;
      height: 24px;
      margin-top: px;
      font-size: 23px;

}
#incrementt:hover {
    color: #e36e0d !important;
}

#decrementt {
    cursor: pointer !important;
    padding: 0px 5px!important;
    border-radius: 20px;
    height: 24px;
    margin-left: 7px;
    margin-top: 0px;
    font-weight: 500;
    color: #000 !important;
    font-size: 18px;
}
#decrementt:hover {
    color: #e36e0d !important;
}
.cart-price{
    padding-right: 0px;
    text-align: end;
    color: #3855be;
    font-size: 12px;
    padding-left: 0px;
    font-weight: 700;
}
.vat{
    font-size: 10px;
    text-decoration: underline;
    color: grey!important;
}
.cart-checkout{
    background-image: linear-gradient(#21275B, #4773FA);
    color: white;
    border:none;
    outline: none;
    border-radius: 50px;
    height: 33px;
    width: 30%;
    padding-top: 0.5px;
    font-size: 14px;
    font-weight: 700;
}
.cart-checkout:hover{
    background-image: linear-gradient(#CC281C,#FEB800) !important;
       color:black;
}