.pageTopTitle{background-color: #fff;}
.pageTopTitle ul{padding: 30px 0px;display: flex;align-items: center;justify-content: space-between;}
.pageTopTitle h1{font: normal normal bold 26px/36px PT Serif;color: #ED1C24;}



.iletisimWrap{margin-bottom: 60px;margin-top: 0px;}
.iletisimLeft i{color:#000}

.iletisimLeftInner{min-height: 260px;display: flex;justify-content: center;flex-direction: column;background-color: #F5FCFF;border-radius: 30px;border:1px solid #008BDA;position: relative;padding: 0px 15px;margin-top: 30px;}
.iletisimLeftInner::before{content:'';background-image: url("../images/icons/interkan-amblem.svg");background-position: center right;background-size: contain;background-repeat: no-repeat;
position: absolute;right:0px;width: 100%;height: 100%;opacity: 1;}

.text{margin-top: 30px;}
.harita{height:300px;margin-top: 30px;border: 1px solid #707070;box-shadow: 0px 3px 6px #00000026;border-radius: 0px;padding: 0px 15px;margin-bottom: 30px;
overflow: hidden;}


.iletisimLeft h2.iletisimTitle{font: normal normal bold 17px/24px PT Serif;color: #008BDA;}
.iletisimRight ul li{font: normal normal normal 16px/20px PT Serif;color: #868686;margin-bottom: 15px;}

.iletisimRight ul li .btn{border: 1px solid #fff;background: #008BDA ;font: normal normal normal 12px/15px PT Serif;color: #fff;padding:12px 20px;transition: 300ms;
display: flex;align-items: center;justify-content: center;gap: 8px;border-radius:30px;}
.iletisimRight ul li .btn:hover{gap:15px}


.iletisimRight{margin-top: 30px;}


.iletisimTitleParent{text-align: center;}

.iletisimTitle{font: normal normal bold 26px/40px PT Serif;color: #000;border-bottom:2px solid #ccc;display: inline-block;padding: 8px 0px;position: relative;
min-width: 100%;}
.iletisimTitle::before{content:'';position: absolute;left:0px;right:0px;margin:auto;bottom:-2px;background-color: #008BDA;width: 50%;height: 2px;}
.iletisimText{font: normal normal normal 14px/23px PT Serif;color: #000;}
.iletisimLeft .contact{display: flex;align-items: center;justify-content: flex-start;gap:8px;padding: 8px 0px;}
.iletisimLeft .contact span{font: normal normal normal 20px/28px PT Serif;color: #000;}
.iletisimLeft .contact i{color:#000}
.iletisimLeft h2{font: normal normal normal 32px/48px PT Serif;color: #008BDA;}
.iletisimLeft .contact a{color:#000}

.social{margin-top: 15px;}
.mapsBtn a{background: #008BDA;border-radius: 28px;padding: 12px 20px;font: normal normal normal 14px/17px PT Serif;color: #fff;
display: inline-flex;margin-top: 12px;border:0px solid #000;transition: 300ms;}
.mapsBtn a:hover{background-color: #000;color:#fff;}


.subeList{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;padding: 0px;}

@media(max-width:768px){
    .iletisimWrap{margin-top: 15px;margin-bottom: 0px;}
    .iletisimLeft{padding: 0px 15px;}
    .iletisimRight{padding: 0px 15px;}
    .iletisimRight ul li input{height: 35px;}
    .iletisimTitleParent{margin-bottom: 30px;}
}