.content {
		flex: 1;
		min-width: 0 !important;
		margin-right: 270px;
		margin-top: 65px;
	}

.bg-purple {
		background-color: #6f42c1 !important;
		color: #fff;
	}


.custom-breadcrumb{

    background:#f8f9fa;

    border-radius:15px;

    padding:.8rem 1rem;

    box-shadow:0 .15rem .5rem rgba(0,0,0,.08);

    margin:0;

}

.custom-breadcrumb .breadcrumb-item a{

    color:#6c757d;

    text-decoration:none;

    transition:.2s;

    font-weight:500;

}

.custom-breadcrumb .breadcrumb-item a:hover{

    color:#0d6efd;

}

.custom-breadcrumb .breadcrumb-item.active{

    color:#0d6efd;

    font-weight:700;

}

.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before{

    content:"›";

    color:#adb5bd;

    font-size:1rem;

}

@media (max-width:768px){

    .custom-breadcrumb{

        font-size:.9rem;

        padding:.65rem .8rem;

    }

}

@media (max-width:576px){

    .custom-breadcrumb{

        font-size:.82rem;

    }

}





.card-hover{

    transition:.25s;

}

.card-hover:hover{

    transform:translateY(-6px);

    box-shadow:0 1rem 2rem rgba(0,0,0,.15)!important;

}

.card-img-top{

    aspect-ratio:16/10;

    object-fit:cover;

}



.property-card{

    transition:.25s;

    overflow:hidden;

}

.property-card:hover{

    transform:translateY(-6px);

    box-shadow:0 1rem 2rem rgba(0,0,0,.15)!important;

}

.property-card img{

    height:220px;

    object-fit:cover;

}

@media(max-width:768px){

    .property-card img{

        height:200px;

    }

}

@media(max-width:576px){

    .property-card img{

        height:180px;

    }

}


<!-- begin request-card -->
.request-card {
		transition: 0.25s;
	}

	.request-card:hover {
		transform: translateY(-4px);

		box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.12) !important;
	}

	.request-card .btn {
		border-radius: 50rem;
	}

	@media (max-width: 576px) {
		.request-card .d-flex {
			flex-direction: column;
		}
	}

	div.request-card .info-box {
		border: 1px solid #e9ecef;
		border-radius: 12px;
		padding: 0.75rem;
		text-align: center;
		background: #fafafa;
	}

	div.request-card .info-box small {
		color: #6c757d;
	}

	div.request-card {
		border: 1px solid #e4d6e4 !important;
	}
    <!-- end of  request-card -->




