body {
    background: #f8f9fa
}
::-webkit-scrollbar {
    width:3px;
    height:6px
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-corner{
    border-radius:20px;
}
.tDcard:hover {
    background-color: #00000080;
    color: white;
    box-shadow: 0px 0px 11px 0px #000000;
    transform: skewX(0.3deg);
    animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.Homecart {
    margin: 0px 20px;
}
dialog {
    border: thin;
    position:fixed;
   
    box-shadow: #958787 0px 0px 3px 1px;
    border-radius: 7px;
    transition: top 0.2s ease-in-out;
  
}
    dialog .closer {
        width: fit-content;
        position: absolute;
        right: 1px;
        top: 0px;
        margin-top: 0%;
    }
    
::backdrop {
    filter: drop-shadow( 6px black);
    background: #00000080;
    
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
.tDcard .btn {
    color: #657d99;
    background-color: #f1f1f2;
    
}
.tDcard:hover span {
    color: white;
    background-color: #049d11;
    bottom: -2vh !important;
}
.tDcard:hover button {
    color: white;
    z-index: auto;
    bottom:-2vh !important;
   
}
.tDcard:hover h6 {
    color: white !important;
}