/* ----------------------------------------------------------------
	Bisensei: Dijital  Rekabet Ajansı
-----------------------------------------------------------------*/

.hero-diagonal { position: relative; }

.hero-diagonal::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('hakkimizda-istanbul-iletisim-ofisi.jpg');
	background-position: center center;
	background-size: cover;
}

.hero-diagonal-1 { position: relative; }

.hero-diagonal-1::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('hakkimizda-1-istanbul-iletisim-ofisi.jpg');
	background-position: center center;
	background-size: cover;
}

.hero-diagonal-2 { position: relative; }

.hero-diagonal-2::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('hakkimizda-2-istanbul-iletisim-ofisi.jpg');
	background-position: center center;
	background-size: cover;
}

.hero-diagonal-3 { position: relative; }

.hero-diagonal-3::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('hakkimizda-3-istanbul-iletisim-ofisi.jpg');
	background-position: center center;
	background-size: cover;
}

.hero-diagonal-4 { position: relative; }

.hero-diagonal-4::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('hakkimizda-4-istanbul-iletisim-ofisi.jpg');
	background-position: center center;
	background-size: cover;
}