*{padding:0;margin:0;box-sizing:border-box;text-decoration:none}
body{line-height:1.5;font-family:'Poppins',sans-serif;background-color:whitesmoke;overflow-x:hidden}
h1,h2,h3{text-align:center}
header{height:100px;width:100%;background-color:#F43C06;display:flex;align-items:center;justify-content:space-between;padding:0 100px}
header img{height:50px;width:auto}
.hamburger{display:none}
.nav-bar ul{display:flex}
.nav-bar ul li{list-style:none}
.nav-bar ul li a{display:block;color:#fefefe;font-size:20px;padding:10px 25px;border-radius:50px;transition:.2s;margin:0 5px;font-weight:bold;text-decoration:none}
.nav-bar ul li a:hover{color:#11101b;background-color:#fefefe}
.nav-bar ul li a.active{color:#F43C06;background-color:#fefefe}

@media (max-width:1320px){ header{padding:0 50px} }
@media (max-width:1100px){
  header{padding:0 30px}
  header img{height:30px;width:auto}
  .nav-bar{height:20px;width:auto;justify-content:space-between}
}
@media (max-width:768px){
  .hamburger{display:block;cursor:pointer}
  .hamburger .line{width:30px;height:3px;background-color:#fefefe;margin:6px 0}
  .nav-bar{height:0;position:absolute;top:80px;left:0;right:0;width:100vw;background-color:#F43C06;transition:.5s;overflow:hidden}
  .nav-bar.active{height:550px}
  .nav-bar ul{display:block;width:fit-content;margin:80px auto 0;text-align:center;transform:.5s;opacity:0;z-index:10000}
  .nav-bar.active ul{opacity:1}
  .nav-bar ul li a{margin-bottom:12px}
  header img{opacity:0}
}
.iletisimtelkonum{opacity:0;width:100%;position:fixed;z-index:-5;align-items:center;justify-content:space-between;display:block;bottom:0;background-color:#24262b}
.iletisimtelkonumic{display:grid;align-items:center;justify-content:space-between;justify-items:center;grid-template-columns:repeat(1,1fr)}
.iletisimtelkonum a{border:0;background:none;display:block;margin:16px auto;text-align:center;border:2px solid #00ff00;padding:8px 40px;outline:none;color:#fff;border-radius:24px;transition:.25s;cursor:pointer;text-decoration:none;width:200px}
.iletisimtelkonum a:hover{background:#00ff00}
@media (max-width:767px){ .iletisimtelkonum{opacity:1;z-index:10000000} }
@media (max-width:700px){ .iletisimtelkonum a{width:100%} }
.disiskelet{margin:20px 30px;display:flex;justify-content:space-between}
.iciskelet{margin:10px auto;width:auto}
.icdizayn,
.icdizaynfoto{border:1px solid lightgray;border-radius:40px;padding:35px;background:whitesmoke;box-shadow:0 0 15px rgba(0,0,0,.4);height:auto;max-width:700px;transition:.7s ease}
.icdizayn:hover,
.icdizaynfoto:hover{background:#F43C06;color:#fff;box-shadow:0 0 15px rgba(255,255,255);border:1px solid whitesmoke}
.icdizaynfoto img{display:block;max-width:100%;height:auto}
.icdizaynfoto figcaption,.icdizaynfoto i{display:block;margin-top:.5rem;color:#666}
.paddingtop{margin-top:20px}
@media (max-width:600px){ .disiskelet{flex-direction:column} }
.ana-foto{width:100%}
.tikliyapigenis{margin:20px 120px;display:flex;box-shadow:0 0 15px rgba(0,0,0,.4);border-radius:30px}
.tikliyapiortak{display:flex;flex-direction:column;width:100%;padding:40px}
.tikliyapiflexyardimci{padding:18px 0 0;display:flex}
.tikliyapiflexyardimciust{padding:0}
.tikliyapiflexyardimcienic{padding:20px;border:2px solid gray;border-radius:30px}
.tikliyapiresim{padding:40px;text-align:center;display:flex;width:100%}
@media (max-width:1100px){ .tikliyapiresim{flex-direction:column} }
.tikliyapiresimheight{margin:10px}
.tikliyapiresim img{width:100%}
.tikliyapicheck i{font-size:23px;color:green}
.tikliyapiyazi{padding-left:10px;font-size:18px;font-weight:600;padding-top:3px}
.cizgi{border:1px solid lightgray;margin-top:10px}
@media (max-width:768px){ .tikliyapigenis{flex-direction:column;margin:20px} }
.tikliyapiliste{list-style:none;margin:0;padding:20px;border:2px solid gray;border-radius:30px}
.tikliyapiitem{display:flex;align-items:flex-start}
.tikliyapiitem:first-child{padding-top:0}
.tikliyapiitem:last-child{border-bottom:0}
.h4{margin:50px 0 30px;text-align:center}
.faq-container{max-width:450px;margin:0 auto}
.faq{background:#fff;border:1px solid #fff;border-radius:10px;margin:20px 0;padding:30px;position:relative;overflow:hidden;transition:2s ease;box-shadow:0 0 15px rgba(0,0,0,.1)}
.faq.active{background:#fff;box-shadow:0 3px 6px #0000001a,0 3px 6px #0000001a}
.faq-title{margin:0 35px 0 0}
.faq-text{display:none;margin:30px 0 0}
.faq.active .faq-text{display:block}
.faq-toggle{border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;padding:0;position:absolute;top:30px;right:30px;height:30px;width:30px}
.faq-toggle:focus{outline:0}
.faq-toggle .fa-times{display:none}
.faq.active .faq-toggle .fa-times{display:block;color:black}
.faq.active .faq-toggle .fa-chevron-down{display:none}
.faq.active .faq-toggle{background-color:#9fa4a8}
.siksorulansorular{max-width:400px;margin:0 auto;background:#fff;border-radius:10px;padding:10px;box-shadow:0 0 15px rgba(0,0,0,.1);font-weight:600}
.localseoparagraf{border:1px solid lightgray;border-radius:40px;padding:35px;background:whitesmoke;box-shadow:0 0 15px rgba(0,0,0,.4);height:auto;max-width:900px;transition:.7s ease;margin:auto}
.localseoparagraf:hover{background:#F43C06;color:#fff;box-shadow:0 0 15px rgba(255,255,255);border:1px solid whitesmoke}
.localseoparagraf h1,.localseoparagraf h2{font-weight:bold}
.localseoresim{margin:auto;text-align:center;justify-content:center;border:1px solid lightgray;border-radius:40px;padding:35px;background:whitesmoke;box-shadow:0 0 15px rgba(0,0,0,.4);height:auto;max-width:700px;transition:.7s ease;display:grid}
.localseoresim i{margin-top:10px}
.localseoresim:hover{background:#F43C06;color:#fff;box-shadow:0 0 15px rgba(255,255,255);border:1px solid whitesmoke}
.localseoresim img{max-height:400px;width:auto}
@media (max-width:767px){
  .localseoresim{margin:0 20px}
  .localseoresim img{width:100%;height:100%}
  .localseoparagraf{width:100%;margin:0 5px;padding:5px}
}
@media (max-width:574px){
  .localseoresim img{width:100%;height:150px}
  .localseoresim{margin:0}
}
.districts-heading{font-size:clamp(1.4rem,1rem + 1.2vw,2rem);margin:0 0 1rem;font-weight:700}
.district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin:20px}
@media (max-width:1024px){ .district-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .district-grid{grid-template-columns:1fr} }
.district-card{border:1px solid #e7e7e7;border-radius:14px;padding:20px 18px;box-shadow:0 1px 3px rgba(16,24,40,.06);text-align:center;background-color:#fffbfb;transition:transform .18s cubic-bezier(.2,.6,.2,1),box-shadow .2s ease,border-color .2s ease}
@media (hover:hover){
  .district-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,24,40,.08);border-color:#e2e2e2}
}
.district-card__header{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:10px}
.icon-circle{width:72px;height:72px;min-width:72px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;border:1px solid #e6e9ee;color:#F43C06;transition:transform .2s cubic-bezier(.2,.6,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}
.icon-circle i{font-size:1.35rem}
.district-card__title{margin:0;font-weight:700;letter-spacing:.2px;font-size:clamp(1.1rem,.9rem + .6vw,1.35rem);text-align:center}
@media (hover:hover){
  .district-card:hover .icon-circle,.icon-circle:hover{
    transform:translateY(-2px) scale(1.06);background:#f9fafb;border-color:#dfe3e8;box-shadow:0 6px 18px rgba(16,24,40,.12),0 0 0 6px rgba(10,102,194,.06)
  }
}
.icon-circle:focus-visible{outline:none;transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 6px rgba(10,102,194,.12)}
@media (max-width:640px){ .icon-circle{width:60px;height:60px;min-width:60px}.icon-circle i{font-size:1.2rem} }
.district-card__desc{color:#5b6572;font-size:.975rem;line-height:1.65;max-width:36ch;margin:2px auto 0}
.district-card__desc strong{color:#2b2f36}
.district-card__desc a{color:#2b2f36;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.district-card:focus-within{outline:0;box-shadow:0 0 0 3px rgba(10,102,194,.12),0 6px 16px rgba(0,0,0,.06);border-color:#dcdcdc;transition:box-shadow .2s ease,border-color .2s ease}
@media (prefers-reduced-motion:reduce){
  .district-card,.icon-circle{transition:none;transform:none!important;box-shadow:none!important}
}
.highlight-box-intitle{background:#ffeaea;border-left:5px solid #a80f0f;padding:15px 20px;border-radius:8px;margin:20px 0;font-style:italic}
.error-message{color:red;display:none}
.yorumsistemi{background:#fff7f6;display:flex;flex-direction:column;max-width:720px;margin:40px auto;border:1px solid rgba(0,0,0,.4);border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.4);align-items:center}
.yorumsistemi1{margin:20px 0}
.yorumsistemi p{font-size:22px;font-weight:bold}
.yorumsistemi2{width:100%}
.inputteam{width:600px;display:flex;flex-direction:column;margin:15px;border:1px solid #ffa299;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.4)}
.yorumgiriskayit{display:flex;justify-content:space-between}
.yorumgiriskayitbutton{display:flex;justify-content:space-between;margin:10px auto}
.yorumgiriskayitbutton button{width:125px;height:40px;margin:0 20px;color:black;background:#ff9386;border:3px solid #ff9386;border-radius:20px;font-size:16px;font-weight:bold}
.yorumgiriskayitbutton button:hover{background:#fff;color:#ffa299;transition:.5s ease}
.isimeposta{display:grid;grid-template-columns:repeat(2,1fr)}
.yorumalani{margin:0 20px}
.input-group{position:relative;margin:15px auto}
.textarea{height:100px!important;padding:8px!important;width:100%!important;margin:0 auto!important}
.input-group label{position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:16px;color:black;padding:0 5px;pointer-events:none;transition:.3s}
.input-group .input{height:40px;font-size:16px;color:black;padding:0 15px;margin:0 20px;background:transparent;border:1.2px solid black;outline:none;border-radius:5px}
.input-group .input:focus~label,
.input-group .input:valid~label{top:0;font-size:14px;background:#fff7f6;color:#ff3d2a;border-left:1px solid #ff3d2a;border-right:1px solid #ff3d2a}
.input-group .input:focus,
.input-group .input:valid{border:1.2px solid #ff3d2a}
.rating{font-size:20px;margin:10px 0}
.stars{font-size:30px}
.yorumyapmayildiz{margin:0 20px}
.star{cursor:pointer;font-size:30px;color:lightgray;margin:0 2px}
.star.active-star{color:gold}
.one{color:rgb(255,0,0)} .two{color:rgb(255,106,0)} .three{color:rgb(252,255,120)} .four{color:rgb(255,255,0)} .five{color:rgb(24,159,14)}
.comments{text-align:left}
.otoyorumgenis{max-width:1180px;margin-inline:auto;margin-top:35px;margin-bottom:0}
.yorumgonder{width:150px;height:40px;margin:7px 20px;color:#fff;background:#ff3d2a;border:3px solid #ff3d2a;border-radius:20px;font-size:16px}
.yorumgonder:hover{background:#fff;color:#ff3d2a;transition:.5s ease}
.otoyorum{max-width:600px;margin:0 15px;display:grid;grid-template-columns:repeat(1,1fr);border:1px solid #ff3d2a;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.4)}
.otoyorumeleman{padding:8px;text-align:left}
.otoyorumisim{font-size:18px;font-weight:600}
.otoyorumcizgi{border:.5px solid whitesmoke}
.otoyorumayirac{border:.5px solid lightgray}
.timestamp{margin-left:8px;color:#666;font-size:.85em;vertical-align:middle}
.reply{background:#fff;border-left:4px solid #ff3d2a;padding:12px 16px;margin:16px 0 8px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.reply-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.reply-author{font-weight:600;color:#ff230f;margin-right:12px}
.reply-body{font-size:.95em;line-height:1.4;color:#333}
.reply-button{display:none}
@media (max-width:728px){
  .yorumsistemi2{text-align:center;justify-content:center}
  .inputteam{width:320px;margin-inline:auto}
  .yorumgiriskayit{flex-direction:column}
  .isimeposta{grid-template-columns:repeat(1,1fr)}
  .yorumgonder{margin-inline:auto}
  .yorumsistemi1 p{text-align:center}
}
button:disabled{background:#ccc!important;color:#666!important;border:3px solid #999!important;cursor:not-allowed!important;opacity:.7}
.modalbutton{width:100%;outline:none;font-size:2em;cursor:pointer}
#background-cover{background:rgb(145,145,145);opacity:.7;z-index:2;position:fixed;top:0;left:0;width:100%;height:100%;display:none;cursor:pointer}
.modal{width:500px;height:auto;background:#fff;position:fixed;top:-50%;left:50%;z-index:5;transform:translateX(-50%) translateY(-50%);padding:0;border-radius:15px;transition:ease-in-out top .5s}
@media (max-width:728px){ .modal{width:100%} }
.modal.open{top:30%;transition:ease-in-out top .7s}
.modal-head{padding-left:20px;padding-bottom:5px;border-bottom:#675f5f 1px solid}
.modal-head p{margin-top:10px;margin-bottom:0;font-size:22px;font-weight:bold}
.modal span.close{position:absolute;top:8px;right:20px;font-size:20px;font-weight:bold;color:rgb(145,145,145);cursor:pointer;user-select:none}
.modal span.close:hover{color:#000}
.modal-content{padding:10px 20px;display:flex;flex-direction:column}
.modal-content-ayiris{display:flex}
.modal-content-ayiris .ilk{font-weight:bold}
.modal-content-ayiris .iki{padding-left:10px}

:root{
  --h1: clamp(1.9rem, 1.1rem + 2.5vw, 2.8rem);
  --h2: clamp(1.5rem, 1.0rem + 1.6vw, 2.1rem);
  --h3: clamp(1.25rem, .9rem + 1.0vw, 1.6rem);
}

h1{ font-size:var(--h1); line-height:1.2; }
h2{ font-size:var(--h2); line-height:1.25; }
h3{ font-size:var(--h3); line-height:1.3; }

:root{
  --bg:#0d0d0d; --fg:#fff; --muted:#a9a9a9; --accent:#ff7a1a; --radius:14px; --logo-h:78px;
}
.container{ max-width:1200px; margin:0 auto; padding:0 24px; }
.refs{ padding:70px 0; color:var(--fg); background:var(--bg); margin:20px 0; }
.refs__title{ text-align:center; font-size:2.4rem; font-weight:800; text-transform:uppercase; margin:0 0 6px; }
.refs__title::after{
  content:""; display:block; width:88px; height:4px; margin:14px auto 0; border-radius:2px;
  background:linear-gradient(90deg,#ffb400,var(--accent));
}
.refs-carousel{ position:relative; }
.refs-carousel__viewport{ overflow:hidden; border-radius:var(--radius); }
.refs-carousel__track{ display:flex; will-change:transform; transform:translate3d(0,0,0); transition:transform .7s ease-in-out; }
@media (prefers-reduced-motion:reduce){ .refs-carousel__track{ transition:none; } }
.refs-carousel__slide{
  flex:0 0 100%; padding:22px 4%; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10); border-left:none; border-right:none;
}
.refs-logos{ display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap; }
.refs-logo{
  height:var(--logo-h); width:auto; object-fit:contain; filter:grayscale(100%) brightness(.95);
  opacity:.95; transition:transform .45s cubic-bezier(.16,1,.3,1), filter .35s ease, opacity .35s ease;
}
.refs-logo:hover{ transform:translateY(-2px) scale(1.03); filter:grayscale(0) brightness(1); opacity:1; }
.refs-carousel__control{
  position:absolute; top:50%; transform:translateY(-50%); width:56px;
  height:56px; border-radius:50%;
  border:1px solid rgba(255,255,255,.28); background:rgba(20,20,20,.6); color:#fff; cursor:pointer;
  display:grid; place-items:center; z-index:3; backdrop-filter:blur(4px);
  transition:transform .25s ease, background .25s ease, border-color .25s ease, opacity .25s ease;
}
.refs-carousel__control:hover{
  background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.45); transform:translateY(-50%) scale(1.06);
}
.refs-carousel__control[disabled]{ opacity:.35; pointer-events:none; }
.refs-carousel__control--prev{ left:12px; }
.refs-carousel__control--next{ right:12px; }
.refs-carousel__indicators{ display:flex; gap:10px; justify-content:center; margin-top:14px; }
.refs-carousel__indicators button{
  inline-size:24px;
  block-size:24px; border-radius:50%; border:none; background:rgba(255,255,255,.35);
  cursor:pointer; transition:transform .2s ease, background .2s ease;
}
.refs-carousel__indicators button:hover{ transform:scale(1.1); }
.refs-carousel__indicators button.is-active{ background:var(--accent); }
@media (max-width:992px){ :root{ --logo-h:72px; } }
@media (max-width:576px){
  :root{ --logo-h:64px; }
  .refs-carousel__control{ display:none; }
}
footer{position:relative;width:100%;height:auto;padding:50px 100px;background:#DB3700;box-shadow:0 0 15px rgba(0,0,0,.4)}
footer .container{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:20px;box-shadow:none;background-color:#DB3700}
footer .container .sec h4{position:relative;color:#000;font-weight:600;margin-bottom:30px}
footer .container .sec h4::before{content:'';position:absolute;left:0;bottom:-10px;background-color:#000;height:2px;box-sizing:border-box;width:160px}
footer .container .sec a{color:#fefefe;text-decoration:none;margin-bottom:10px;display:inline-block}
footer .container .sec ul p{height:15px}
footer .container .sci{margin-top:60px;display:grid;grid-template-columns:repeat(4,50px);margin-bottom:40px}
footer .container .sci li{list-style:none}
footer .container .sci li a{display:inline-block;width:36px;height:36px;background:#131314;box-shadow:0 0 15px rgba(0,0,0,.9);display:grid;align-content:center;justify-content:center;text-decoration:none}
footer .container .sci li a i{color:#fff;font-size:20px}
footer .container .quicklinks{position:relative}
footer .container .quicklinks ul li{list-style:none}
footer .container .quicklinks ul li a{color:#fefefe;text-decoration:none;margin-bottom:10px;display:inline-block}
footer .container .contact .info{position:relative}
footer .container .contact .info li{display:grid;grid-template-columns:30px 1fr;margin-bottom:16px}
footer .container .contact .info li span{color:black;font-size:20px}
footer .container .contact .info li a{color:#fefefe;text-decoration:none}
footer .s4r1k4y4 p{font-size:14px;color:#fff;text-transform:capitalize;margin-bottom:15px;font-weight:500;position:relative}
footer .s4r1k4y4 p::before{content:'';position:absolute;left:0;bottom:-10px;background-color:darkred;height:2px;box-sizing:border-box;width:160px}
.copyrightText{width:100%;background:whitesmoke;padding:20px 150px 30px;text-align:center;color:#555;border:1px solid rgba(0,0,0,.15)}
.list-unstyled li{list-style:none;padding-top:10px}
@media (max-width:991px){
  footer{padding:40px}
  footer .container{grid-template-columns:repeat(2,1fr)}
  .copyrightText{padding:20px 40px 30px}
}
@media (max-width:768px){
  footer .container{grid-template-columns:repeat(1,1fr)}
  .copyrightText{padding:20px 20px 80px 30px}
}