.dot {margin-right: 10px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
}
.dot-white{
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: inline-block;
}

.dotborder{
    border: 1px solid black;
    background-color: white;
}

.inline-comp{
    border-radius: 10px;
    background-color: white;
    padding: 25px;
    /* padding: 0px; */
    text-align: center;
    margin: 4px;
    /* border: 0px solid bisque; */
    transition: all 0.4s;
    cursor: pointer;
    display: inline-block;
    display: inline-block;
}
.inline-comp img{    height: 20vh;
    width: 9vh;
   border-radius: 10px;
}
.inline-comp p{
    color: #000000;
}
@media(max-width:800px){
    .cart {
        float: revert;
        position: absolute;
        right: 10%;
    }
    .impdia-dia {
        margin-left: 15%;}
    .impdia-table {
        display: flex;
        margin: auto;
        color: white;
        justify-content: center;
        width: 30%;
    }
    .impdia-body {
        align-items: center;
        margin-top: 5%;
        display: block;
        width: 100%;
    }
    .impdia-table table {
        text-align: center;
        width: 100%;
        color: white;
    }
  
    .comp {
        text-align: center;display: block;
        align-items: center;
        width: 100%;
    }
}
@media(max-width:500px){
    .cart svg {
        width: 7vh;
        height: 7vh;
        fill: #0d8083;
    }
    .impdia-top{
        display: block;
    }
    .cart {
        float: revert;
        position: absolute;
        right: 5%;
    }
}