.hizmetlerbg {background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/az-subtle.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */}
 
.hizmetlerbg .hizmet-baslik {position: relative;}
.hizmetlerbg .hizmet-baslik h2.hizmet-title {font-size:2.4rem;color:#555555;font-weight: 700;}
.hizmetlerbg .hizmet-baslik h2.hizmet-title span {color:#ffb300;}

.hizmetlerbg .hizmet-baslik p.hizmet-text-baslik {font-size:23px;margin-bottom: 0rem!important;color:#fff;font-weight:700;}
.hizmetlerbg .hizmet-baslik p.hizmet-text {font-size:1rem;margin-bottom: 0rem!important;color:#fff;font-weight:500;}

.hizmetlerbg .hizmet-baslik .icon_bg{position: relative;display: inline-flex;}
.hizmetlerbg .hizmet-baslik .icon_bg .icon {display: inline-block;width:10px;height: 10px;background: #ffb300;border-radius:50%;margin:0px 5px;}
.hizmetlerbg .hizmet-baslik .icon_bg:before {content: '';position: relative;float: left;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}
.hizmetlerbg .hizmet-baslik .icon_bg:after {content: '';position: relative;float: right;width: 50px;height: 1px;background: #d6d6d6;margin-top: 5px;}


.hizmetlerbg .hizmet-item {position: relative; padding: 2rem; height: 25rem;margin-top: 15px;display: flex; justify-content: center; align-items: flex-end;overflow: hidden;}
.hizmetlerbg .hizmet-item a {position: absolute;left: 0px;top:0px;width: 100%;height: 100%;z-index: 2}
.hizmetlerbg .hizmet-item .overlay {background: #000000; opacity: 0.3; border-top-right-radius:0; z-index: 1;position: absolute;left: 0px;top:0px;width: 100%;height: 100%;}
.hizmetlerbg .hizmet-item img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;transition: all .5s;}
.hizmetlerbg .hizmet-item:hover img{transform: scale3d(1.1, 1.1, 1.1);}

.hizmetlerbg .hizmet-item .text-content {position: relative;z-index: 1;width: 100%;text-align: center;}
.hizmetlerbg .hizmet-item .text-baslik {color:#fff;font-size: 1.9rem;font-weight: 400;letter-spacing: 1px;}
.hizmetlerbg .hizmet-item .text-title {color:#fff;font-size: 1.08rem;font-weight: 300;}

.hizmetlerbg .resim {
	position:relative;
	height:325px;
	overflow:hidden;
}

.hizmetlerbg .resim .trans {
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
}

.hizmetlerbg .hizmet-item {
	display:inline-block;
	width:335px;
	height:305px;
	background:url('../images/hizmet-item.png') no-repeat;
	margin-top:-245px;
    padding-top: 60px;
}

@media(max-width:1023px) {
	.hizmetlerbg .hizmet-item {
		width: 100%;
		height:auto;
		background:none;
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:30px;
	}
	.hizmetlerbg .resim {
		height:auto;
	}
	.hizmet-baslik {
		padding:0 !important;
		margin-bottom:15px;
	}
}