.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;text-align: center;margin-bottom: 45px;}

.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-bottom: 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;}


ul.socialMediaPageList{display: flex;margin-top: 45px;align-items: center;justify-content: center;gap:15px;background-color: #7E7E7E;padding: 12px;}
ul.socialMediaPageList a{display: flex;align-items: center;justify-content: center;font-size: 62px;}
ul.socialMediaPageList a img{height: 30px;object-fit: contain;filter: grayscale(1);transition: 300ms;}
ul.socialMediaPageList a:hover img{transform: scale(1.1);}



@media(max-width:768px){
ul.socialMediaPageList{grid-template-columns: repeat(6,1fr);}
ul.socialMediaPageList a img{height: 30px;}
.pageRightContent{padding: 0px 15px;}
.pageRightContent .pageRightContentInner{padding: 15px 15px;}

.containerCol_{margin-block: 15px;}
}