.topCol_{background-position: center center;background-size: cover;background-repeat: no-repeat;height: 400px;position: relative;}
.topCol_::after{content:'';position: absolute;left:0px;top:0px;width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%)}

.containerCol_{margin-block: 45px;}
.pageRightContent{padding: 0px 30px;}
.pageRightContent .pageRightContentInner{padding: 30px 30px;box-shadow: 0px 3px 20px #00000029;}


h1.name{margin-bottom: 30px;}
.metin{font: normal normal normal 14px/20px gothic;}


.haberListesi{display: grid;grid-template-columns: repeat(3,1fr);gap:15px}
.haberListesi h3{font-size: 14px;color: var(--black);display: block;margin-block: 8px;}

.haberListesi .haber a{display: block;padding: 8px;box-shadow: 0px 0px 10px #00000010;transition: 300ms;}
.haberListesi .haber:hover a{box-shadow: 0px 0px 10px #00000045;}


@media(max-width:768px){
    .haberListesi{grid-template-columns: repeat(1,1fr);}
    .pageRightContent .pageRightContentInner{padding: 0;}
    .pageRightContent{padding: 0px 15px;}
}