.mainQAndA {
    /* border: 2px solid black; */
    width: 80%;
    height: 430px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    padding-top: 1.5em;
}

.mainQAndA * {
    scrollbar-width: 0;
    scrollbar-color: rgb(70, 70, 70);
}


/* Works on Chrome, Edge, and Safari */

.mainQAndA::-webkit-scrollbar {
    width: 0px;
}


/* End scrollbar styling*/

.circle {
    width: 0.7em;
    height: 0.7em;
    border-radius: 100%;
    background-color: rgb(165, 119, 119);
}

.circle.selected-circle {
    background-color: black;
}

.scroll-element {
    position: fixed;
    top: 35%;
    left: 90%;
    display: flex;
    gap: 1em;
    flex-direction: column;
    background-color: rgba(176, 196, 222, 0.664);
    padding: 1em 0.5em 1em;
    border-radius: 10px;
}