.card-comment {
    margin-top: 2rem;
    padding-left: 1rem;
}

.card-comment i {
    width: unset;
    margin: 0;
}

@media (max-width: 767.98px) {
    .card-comment {
        padding: 0;
    }
}

.card-comment span {
    font-family: Gilroy;
    text-transform: uppercase;
    color: #454545;
    font-size: 15pt;
}

.card-comment span:first-child {
    color: #19bce5;
} 

.card-comment .card {
    border: none;
    background: #f5f5f5;
    margin-top: .5rem;
}

@media (max-width: 767.98px) {
    .card-comment .card .itmx-fa-user-circle {
        position: relative;
        padding-bottom: 1rem;
    }
}

.card-comment .card .sep-shadow {
    position: absolute;
    right: 0;
    transform: translate(-50%, -50%) rotate(180deg);
    top: 50%;
    left: 100%;
}

@media (max-width: 767.98px) {
    .card-comment .card .sep-shadow {
        display: none;
    }

    .card-comment .card-footer .row {
       display: block;
    }

    .card-comment .card-footer .row .links {
        padding-top: .75rem;
        position: initial !important;
    }
}

.card-comment .card .card-footer {
    background: transparent;
    padding: 15px 50px;
}

.card-comment .card .card-footer p {
    font-family: Gilroy;
    font-size: 13pt;
    color: #767676;
    margin-bottom: 0;
}

.card-comment .card .card-footer .links {
    position: absolute;
    right: 50px;
}