.hizmetTopImage .row{height: 150px;background-position: center top;background-size: cover;}

.hizmetWrap{margin-top: 30px;margin-bottom: 75px;}

.hafriyatLeftCol ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;border-bottom:1px solid #E22325;padding-bottom: 15px;}
.hafriyatLeftCol ul li:first-child img{width: 70px;}
.hafriyatLeftCol ul li h2{font: normal normal bold 18px/26px Jost;color: #505050;}
.hafriyatLeftCol .text{padding: 0px;margin-top: 15px;}
.hafriyatLeftCol .text,.hafriyatLeftCol .text *{color:#000000}

.sahalarSlick{margin-bottom: 0px!important;}
.sahalarSlick .slick-slide{position: relative;}
.sahalarSlick .slick-slide a > img{object-fit: contain;width: 100%;height: 200px;object-fit: cover;}
.sahalarSlick .slick-slide ul.sahalarCaptionUl {display: flex;align-items: center;gap:8px;margin-top: 15px;position: relative;padding-bottom: 12px;}
.sahalarSlick .slick-slide ul.sahalarCaptionUl li img{width: 20px;margin-left: 4px;}
.sahalarSlick .slick-slide ul.sahalarCaptionUl li h3{position: relative;font: normal normal normal 14px/20px Jost;color: #000000;}
.sahalarSlick .slick-slide ul.sahalarCaptionUl::before{content:'';position: absolute;bottom:0px;left:0px;width: 40px;height: 4px;background-color: #E22325;transition: 300ms;}
.sahalarSlick .slick-slide:hover ul.sahalarCaptionUl::before{width: 100%;}

.sahalarBtns{position: absolute;right:10px;top:10px;display: inline-flex;align-items: flex-end;justify-content: center;flex-direction: column;gap: 8px;}
.sahalarBtns a{display: block;font: normal normal normal 9px/13px Jost;color: #2E2E2E;border:0px!important}
.sahalarBtns .detayBtn{margin: 0px!important;}


.hizmetRightCol ul li:not(:last-child){margin-bottom: 8px;}
.hizmetRightCol ul li a{display: flex;gap:8px;font: normal normal normal 12px/18px Jost;color: #000000;border: 1px solid #C9C9C9;border-radius: 31px;background: #FFFFFF;
padding: 4px 12px;align-items: center;transition: 300ms;background: linear-gradient(90deg,#E22325 50%,#fff 50%);background-size: 200%;background-position: right;}
.hizmetRightCol ul li a div{background-color: #E22325;border-radius: 100%;padding: 6px;display: block;}
.hizmetRightCol ul li a img{width: 20px;filter: brightness(0) invert(100%);height: 20px;object-fit: contain;}
.hizmetRightCol ul li a:hover{color:#fff;background-position: left;}


.counter1Wrap{margin-top: 30px;}

.rakamlarlaProjelerWrap{margin-top: 30px;}
.rakamlarlaProjelerWrap > .row{background-image: url("../images/counter1Bg.jpg");min-height: 300px;background-position: left center;background-size: cover;background-repeat: no-repeat;}


.rakamlarlaProjelerWrap .row ul{display: flex;align-items: center;justify-content: center;gap:30px;text-align: center;flex-direction: column;}
.rakamlarlaProjelerWrap .row ul h3{font: normal normal normal 55px/74px Jost;color: #FFFFFF;}
.rakamlarlaProjelerWrap .row ul p{font: normal normal bold 16px/20px Jost;color: #FFFFFF;background: rgb(25, 52, 91,0.5);border-radius: 10px;
max-width: 200px;padding: 12px;}



.hizmetTitle{text-align: center;position: relative;display: flex;align-items: center;justify-content: space-between;margin-top: 30px;margin-bottom: 30px;}
.hizmetTitle::before{content:'';position: relative;height:1px;background-color: #fff;flex: 1;}
.hizmetTitle::after{content:'';position: relative;height:1px;background-color: #fff;flex:1}
.hizmetTitle h3{display: inline-flex;gap:8px;font: normal normal normal 12px/18px Jost;color: #000000;border: 1px solid #C9C9C9;border-radius: 31px;background: #FFFFFF;
padding: 4px 12px;align-items: center;transition: 300ms;background: linear-gradient(90deg,#E22325 50%,#fff 50%);background-size: 200%;background-position: right;
margin:0px 15px;;}
.hizmetTitle h3 div{background-color: #E22325;border-radius: 100%;padding: 6px;display: block;}
.hizmetTitle h3 img{width: 20px;filter: brightness(0) invert(100%);}

.hizmetTitle .selectParent{position: absolute;right: 15px;top:10px;width: 210px;padding-left: 0px;background-color: #193F7A;z-index: 1;}
.hizmetTitle .selectParent select{width: 100%;height: auto;padding: 8px;background-color: #193F7A;color:#fff;font: normal normal normal 10px/15px Jost;}
.projelerHizmetTitle{min-height: 60px;}


.rakamlarlaProjelerSlick .slick-list{margin:0px -10px}
.rakamlarlaProjelerSlick .slick-slide{margin:0px 10px}

.projeListWrap{display: flex;flex-wrap: wrap;}

.projeList{margin-bottom: 30px;}
.projeList a{overflow: hidden;display: block}
.projeListInner{background-color: #fff;padding: 8px;}
.projeList img.kapak{object-fit: cover;width: 100%;height: 230px;transition: 1s;}
.projeList:hover img.kapak{transform: scale(1.1);}
.projeList img.locationBlack{object-fit: contain;width: 100%;}


.projeList.projelerPage img.kapak{height: 350px!important;}


.projeList  ul.sahalarCaptionUl {display: flex;align-items: center;gap:8px;margin-top: 15px;position: relative;padding-bottom: 12px;z-index: 1;}
.projeList  ul.sahalarCaptionUl li img{width: 15px;}
.projeList  ul.sahalarCaptionUl li h3{position: relative;font: normal normal normal 14px/20px Jost;color: #000000;}

.projeList .projeListInner::before{content:'';position: absolute;bottom:0px;left:0px;width: 40px;height: 4px;background-color: #E22325;transition: 300ms;}
.projeList .projeListInner:hover::before{width: calc(100%);}

.projeList .sahalarBtns{top: 20px;right: 20px}

.projeList .projeDurumu{position: absolute;top:15px;left:15px;z-index: 1;}

.projeDurumu{border-radius: 12px;font: normal normal normal 9px/14px Jost;padding: 4px 10px;}
.projeDurumu.tamamlandi{background: #2A8015;color:#fff;}
.projeDurumu.devam-eden-projeler{background: #F6C344;color:#000;}
.projeDurumu.planlanan-projeler{background: #e3260d;color:#fff;}

.projeTextParent .detayBtn{padding: 0px 15px;}


.projelerColListWrap{background-image: url("../images/projeler-arkaplan.jpg?v=1");padding-bottom: 60px;background-position: center center;background-size: cover;}
.hizmetColListWrap{background: #193F7A;padding-bottom: 30px;}
.sahaBilgileriParent{padding: 0px;background-color: inherit}
.sahaBilgileriParent .sahaBilgileriParentInner{background-color: inherit}

.hizmetColListInnerWrap .hizmetTitle{margin-top: 90px!important;}

.hizmetColl{padding: 0px;}
.hizmetColl:not(:last-child){margin-bottom: 30px;}


.hizmetDetayBigSlickParent{position: relative;padding: 0px;}
.hizmetDetayBigSlickParent span.date{position: absolute;right:30px;top:15px;background: #FFFFFF;border-radius: 12px;padding: 4px 8px;z-index: 1;display: inline-block;
font: normal normal normal 11px/16px Jost;}



.hizmetDetayBigSlick1 .slick-slide img{object-fit: contain;max-height: 400px;background-color: #fff;padding: 0px;border-radius: 10px;}
.hizmetDetaySmallSlick1{padding: 0px;}
.hizmetDetaySmallSlick1 .slick-list{margin:0px -4px}
.hizmetDetaySmallSlick1 .slick-slide{margin:0px 4px}
.hizmetDetaySmallSlick1 .slick-slide img{cursor: pointer;border: 2px solid #FFFFFF;border-radius: 10px;}

.hizmetDetayBigSlick2 .slick-slide img{object-fit: contain;max-height: 400px;background-color: #fff;padding: 4px;border-radius: 10px;overflow: hidden;}
.hizmetDetaySmallSlick2{padding: 0px;}
.hizmetDetaySmallSlick2 .slick-list{margin:0px -4px}
.hizmetDetaySmallSlick2 .slick-slide{margin:0px 4px}
.hizmetDetaySmallSlick2 .slick-slide img{cursor: pointer;border: 2px solid #FFFFFF;border-radius: 10px;}



.hizmetDetayCaption{margin-bottom: 15px;}
.hizmetDetayCaption h1{font: normal normal bold 16px/24px Jost;color: #FFFFFF;border-bottom:4px solid #E22325;padding-bottom: 15px;}

.agaclandirmaCol{margin-bottom: 30px;}
.agaclandirmaTumunuGorBtn{margin-top: 30px;}




@media(max-width:768px){
    .hizmetDetayCaption{padding: 0px;margin-top: 15px;}
    .hizmetColListWrap .text,.projeTextParent .col-xs-12{padding: 0px;}
    .hizmetRightCol{display: none;}

    .hizmetTitle .selectParent{margin-top: 60px;width: calc(100% - 30px);right:inherit}
    .projeListWrap{margin-top: 30px;}
}