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

.hizmetWrap{margin-top: 30px;}

.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 img{object-fit: contain;width: 100%;}
.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;}




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

.projelerHizmetTitle{min-height: 60px;}



.projeList{margin-bottom: 30px;}
.projeListInner{background: transparent linear-gradient(0deg, #BED7FD 0%, #FFFFFF 100%, #806F6F 100%) 0% 0% no-repeat padding-box;padding: 0px;border-radius: 10px;
overflow: hidden;transition: 300ms;transition-timing-function: ease-out;}
.projeListInner:hover{background: transparent linear-gradient(180deg, #BED7FD 0%, #FFFFFF 100%, #806F6F 100%) 0% 0% no-repeat padding-box;}
.projeListInner:hover .detayBtn.siyah.kirmizi a{background-position: left!important;color:#fff!important}

.urunImgParent{background-color:#fff;overflow: hidden;position: relative;;}
.projeList  img{object-fit: contain;width: 100%;transition: 300ms;transition-timing-function: ease-out;height: 200px;z-index: 2;position: relative;}
.projeListInner:hover img{transform: scale(1.1);}
.projeList  ul.sahalarCaptionUl {display: flex;align-items: flex-start;gap:4px;margin-top: 15px;position: relative;padding: 0px 12px 12px 12px;flex-direction: column;}
.projeList  ul.sahalarCaptionUl li img{width: 15px;}
.projeList  ul.sahalarCaptionUl li h3{position: relative;font: normal normal bold 14px/20px Jost;color: #000000;}
.projeList .sahalarBtns{top: 20px;right: 20px}
.projeListInner .detayBtn{padding: 0px 15px;margin-bottom: 15px;}
.projeListInner .detayBtn a{font: normal normal normal 9px/13px Jost;color: #2E2E2E;border:0px!important}
.projeListInner a{font: normal normal normal 14px/20px Jost;color: #000000;}


.leftNavbarParent{background-color: #fff;border-radius: 10px;}
.leftNavbarParent h3{font: normal normal bold 16px/20px Jost;color: #000000;border-bottom: 3px solid #E22325;padding: 12px 15px;margin: 0px;}
.leftNavbarParent ul.leftNavbar{padding: 8px 15px;}
.leftNavbarParent ul.leftNavbar a{font: normal normal normal 16px/24px Jost;color: #000000;display: flex;align-items: center;justify-content: space-between;padding: 4px 0px;}
.leftNavbarParent ul.leftNavbar li:not(:last-child) a{border-bottom:1px solid #ccc}
.leftNavbarParent ul.leftNavbar a:hover{color:#E22325}


.mobilyaUrunListWrap{margin-top: 0px!important;}

.projelerColListWrap{background-image: url("../images/mobilya-arkaplan.jpg");padding-bottom: 60px;background-position: center center;background-size: cover;}
.hizmetColListWrap{background: #193F7A;padding-bottom: 30px;margin-top: 60px;}
.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;background-color: #fff;}
.hizmetDetaySmallSlick2 .slick-slide img{cursor: pointer;border: 2px solid #FFFFFF;border-radius: 10px;object-fit: contain;height:80px}



.hizmetDetayCaption{margin-bottom: 15px;}
.hizmetDetayCaption h1{font: normal normal bold 16px/24px Jost;color: #FFFFFF;border-bottom:4px solid #E22325;padding-bottom: 15px;}
.hizmetDetayCaption h1 span{display: block;width: 100%;font: normal normal normal 14px/22px Jost;}



.mobilyaUrunListesiSag{display: flex;align-items: flex-start;flex-wrap: wrap;}



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