#bio-carousel .carousel-control-prev,
#bio-carousel .carousel-control-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 80px !important;
    opacity: 0.9 !important;
    background-color: transparent !important;
}
#bio-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}

#bio-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#bio-carousel .carousel-control-next-icon:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}

#bio-carousel .carousel-control-prev-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#bio-carousel .carousel-control-next-icon,
#bio-carousel .carousel-control-prev-icon {
height:20px !important;
width:20px !important;
}

#bio-carousel .carousel-inner > .active {
    background-color: transparent !important;
}

#bio-carousel .carousel-indicators > button {
    background-color: #A9A9A9 !important;
    opacity: 2;
}

#bio-carousel .carousel-indicators > .active {
    background-color: #fff !important;
    border: 1px solid #A9A9A9 !important;
    margin-top: auto;
    margin-bottom: auto;
}

#bio-carousel .carousel-indicators {
    transform: translateY(50px);
}

.card-description {
    overflow-y: scroll;
    height: 400px;
}

.card-description::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 1px;
    padding-top: 40px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 50px rgb(170, 170, 170);
    border: 6px solid #dee2e6; /*#f2f2f2;*/
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(170, 170, 170);
    border-radius: 100px;
    border: 1px solid #ffffff;
    padding-top: 0px;
}

@media only screen and (max-width: 812px) {
    .card-description {
        overflow: visible;
        height: auto;
    }

    .carousel .carousel-item {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        opacity: 1;
        overflow-y: scroll;
    }

    ::-webkit-scrollbar {
        display: none;
    }

   #bio-carousel  .carousel-indicators,
    #bio-carousel .carousel-control-prev,
    #bio-carousel .carousel-control-next {
        display: none;
    }
}