.loc-bx {
	background-color: var(--color-white);
	box-shadow: 3px 4px 11.8px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}
.loc-bx .icon-img {
	position: relative;
}
.loc-bx .icon-img:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, #0097D9 0%, #03D7AF 100%);
    z-index: 1;
    opacity: 0.3;
}
.loc-bx .icon-img img {
	filter: grayscale(100%);
}
.loc-heading {
	display: flex;
	align-items: center;
	gap: 20px;
}
.loc-heading img {
	width: 30px;
}
.loc-info {
    padding: 20px;
    position: relative;
}
.loc-cent {
    padding-left: 70px;
    padding-bottom: 20px;
    display: none;
    position: absolute;
    box-shadow: 3px 10px 11.8px rgba(0, 0, 0, 0.15);
    width: 100%;
    background-color: var(--color-white);
    left: 0;
    z-index: 9;
}
@media only screen and (max-width: 767px) {
    .loc-cent {
        position: relative;
        box-shadow: none;
        padding-left: 50px;
        padding-bottom: 0;
    }
    .loc-bx .icon-img:before {
    	width: 0;
    }
    .loc-bx .icon-img img {
	    filter: none;
        width: 100%;
	}
}