.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 0px;}
.pageRightContent .pageRightContentInner{padding: 30px 30px;box-shadow: 0px 3px 20px #00000029;}


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

.pageRightContentInner h3 span{background: transparent linear-gradient(75deg, #FD3F3F 0%, #811212 100%);font: normal normal bold 10px/14px gothic;color:var(--white);padding: 8px 25px;display: inline-block;z-index: 1;position: relative;}
.pageRightContentInner h3{position: relative;display: block;margin-top: 15px;}
.pageRightContentInner h3::after{content:'';position: absolute;left:0px;bottom:0px;width: 100%;height: 2px;background: transparent linear-gradient(90deg, #FD3F3F 0%, #811212 100%);z-index: 0;}

.imglists{display: grid;grid-template-columns: repeat(4,1fr);gap:15px;}
.imgList {border:1px solid #e2e2e2;padding: 8px;}

@media(max-width:768px){
.imglists{grid-template-columns: repeat(2,1fr);}
}