.referansListesi{display: grid;grid-template-columns: repeat(4,1fr);margin-top: 45px;gap: 15px;}
.referansListesi div{background-color: var(--white);text-align: center;box-shadow: 11px 13px 24px #00000027;border: 1px solid #AFAFAF;border-radius: 5px;padding:8px 8px;}
.referansListesi div img{height: auto;max-width: 100%;object-fit: contain;transition: 300ms;transition-timing-function: ease-out;}
.referansListesi div a{overflow: hidden;display: block;}
.referansListesi div a:hover img{scale: 1.1;}



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



@media(max-width:768px){
    .referansListesi{grid-template-columns: repeat(3,1fr);margin-top: 15px;}
}

@media(max-width:768px){
    .pageRightContent .pageRightContentInner{padding: 0;}
    .pageRightContent{padding: 0px 15px;}
}