.real-estate-video-overlay {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.ctabox::before {
content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0 0 0 / 80%);
    opacity: 0.8;
}
.ctabox2::before {
content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0 0 0 / 90%);
    opacity: 0.9;
}


.ecommerce-categories [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.ecommerce-categories [class^=col-] > a {
	display: block;
	position: relative;
	height: 300px;
	background-color: #000;
}

.ecommerce-categories [class^=col-] img { display: block; }

.ecommerce-categories [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	opacity: 0.4;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}

.ecommerce-categories [class^=col-] > a:hover::before { opacity: 1; }
.ecommerce-categories .content{
    position: absolute;
 padding-left: 30px;
    padding-right: 30px;
	padding-bottom: 20px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
	    width: 100%;
	z-index: 99;
}
.ecommerce-categories .content span{
   color:#fff;
}

.lightdarkbg{
    background: rgb(38 42 47 / 90%);
    padding: 1.5rem;
    border: 1px solid #343a40;
    border-radius: 5px;
}

#project-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    width: 100%;
    gap: 1rem;
  }

  .project-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }

  .project-pagination .page-numbers {
    margin: 0px 5px;
    background: #212529;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
  }

  .project-pagination .current {
    background: #4d5154;
  }