.company {
    width: 100%;
    font-weight: 600;
    color: #222;
    font-size: 14px;
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .company a {
        color: inherit;
        text-decoration: none
    }

.total-reviews {
    /* color: var(--green-dark); */
    /* font-size: 13px; */
    /* font-weight: 600; */
    /* margin-top: auto; */
}

/* placeholder building */
.placeholder {
    width: 100%;
    height: 64px;
    background: linear-gradient(180deg,#f0f0f0,#e8e8e8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cfcfcf;
    font-size: 12px;
    border-radius: 4px;
}





/* New */

/* Read Reviews (directory) */

.filter-by {
	font-size: 18px;
	font-weight: 600;
}
.filters {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.filters * {
	width: 100%;
}
.filters select  {
	padding: 8px 40px 8px 16px;
	border-radius: 6px;
    font-size: 14px;
}
.grid > .row {
	margin: 0 -24px;
}
.grid a {
    text-decoration: none !important;
}
.pagination-btn {
	border-radius: 500px;
    height: 36px;
    width: 36px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: #fc8035;
	border: none;
	color: #fff;
    /* opacity: .75; */
    transition: background .15s ease-in-out;
}
.pagination-btn:hover {
    background: #E56110;
    transition: background .15s ease-in-out;
}
.back-to-top {
	padding: 0;
	color: #222;
	background: transparent;
    font-size: 14px;
    transition: color .15s ease-in-out;
}
.back-to-top i {
	margin: 0 8px 0 0;
    color: #222;
    transition: color .15s ease-in-out;
}
.back-to-top:hover i,
.back-to-top:hover {
	background: transparent;
	color: #E56110;
    transition: color .15s ease-in-out;
}
.back-to-top:active,
.back-to-top:focus-visible {
	border: none;
	background-color: transparent !important;
	box-shadow: none;
}
.card {
	outline: solid 2px transparent;
	transition: outline .15s ease-in-out, border .15s ease-in-out;
    padding-top: 0 !important;
}
.card:hover {
	outline: solid 2px #3B8CF7;
	transition: outline .15s ease-in-out, border .15s ease-in-out;
    border: solid 1px #3B8CF7 !important;
}
.card .supporter {
    height: 33px;
}
.card .supporter > div {
	/* background: #2881F6; */
    background: #3B8CF7;
    color: #fff;
    text-align: center;
    padding: 6px;
    font-weight: 600;
    font-size: 14px;
    width: 112px;
    margin-right: -16px;
    margin-left: auto;
    border-radius: 0 6px 0 6px !important;
    display: none;
}
.card .supporter i {
	margin-right: 8px;
}
.card.highlight .supporter > div {
	display: block;
}

.card .total-reviews {
	color: #fc8035;
	font-size: 14px;
    font-weight: 700;
}
.card .company {
	font-size: 18px;
}
.logo-wrap {
    height: 88px;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0;
}
.logo-wrap img {
	max-height: 100%;
    max-width: 88%;
}


/* Read Reviews (directory) sm and up screen size */
@media (min-width: 768px) {
	.filters {
		flex-direction: row;
	}
	.filters * {
		width: initial;
	}
	.filters select {
		margin-right: 16px;
	}
}

/* Read Reviews (directory) md screen size only */
@media (min-width: 768px) and (max-width: 991px) {
	.filters > select:first-child {
		max-width: 150px;
	}
    .grid > .row > div:nth-child(odd) {
        padding-right: 8px !important;
    }
    .grid > .row > div:nth-child(even) {
        padding-left: 8px !important;
    }
}

/* Read Reviews (directory) md and up screen size */
@media (min-width: 992px) {
    .card .supporter > div {
        margin-right: -24px;
    }
}