@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body{position: relative;
  margin: 0;
	min-height:100vh;
  padding: 0;}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("../img/ozaydin_back.png");
  background-size: cover;
  background-position: center;
  opacity: 0.5; /* Burada sadece arka plan görseli saydam olur */
  z-index: -1;
}
.cl-tp{width: 100%; position: relative; display: block; text-align: center; padding: 100px 0;}
.cl-tp h1{font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 32px; color: #1f1f1f;}

.clm-k{padding: 40px 2rem;}
.img-clm{width: 100%;height: 136px; position: relative;}
.img-clm img{width: 100%;height: 100px; object-fit: contain;}



.hrf-bg {background: rgb(76,79,83);background: radial-gradient(circle, rgba(76,79,83,1) 0%, rgba(61,61,61,1) 100%);transition: all 0.7s;}

.hrf-clm{width: 100%;}
.hrf-clm a{width: 100%;font-family: 'Roboto', sans-serif; font-size: 13px; border-radius: 5px; padding: 8px 0; display: block; text-align: center;text-decoration: none;color: #fff;}
.hrf-clm a:hover{background: radial-gradient(circle, rgb(54, 89, 136) 0%, rgb(54, 62, 80) 100%);transition: all 0.7s;}

.bd-l{border-right: 2px solid rgb(239 239 239 / 30%);}

.cl-bt{width: 100%;position: relative;}
.cl-bt ul{padding: 0;text-align: center;margin-top: 220px;}
.cl-bt ul li{display: inline-block;border-right: 1px solid #e3e3e3;padding: 4px 0;}
.cl-bt ul li:last-child{border: none;}
.cl-bt ul li a{display: block;margin-right: 5px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #595959;}

@media (max-width: 768px) {
  .bd-l {
    border-right: none;
  }

	.hrf-clm{
	border-bottom:1px solid rgb(239 239 239 / 30%);
	padding-bottom: 5rem;
	}
	
}