html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
html{height:100%;}
:root {
--color:52 143 122;
--lightcolor:239 201 76;
--siyah:0 0 0;
--beyaz:255 255 255 ;
--radius:8px;
}
body{height:100%; background:#f7f9fb; color:#282828; font-size:15px; font-family: "Poppins", sans-serif;}
.blur{border-radius: 0.75rem !important; backdrop-filter: blur(16px)!important; background-color: rgb(255 255 255 / .6) !important;}
.shadow{background: #fff; box-shadow: 0 0 0 1px #dce1e6; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius);}
a{color:#282828; text-decoration:none;}
a:hover{color:rgba(var(--color)/100%); text-decoration:none;}
.radius3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.radius5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.radius8{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.radius10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.circle{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.transition{-webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.borderbox{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cover{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}
.height10{width: 100%; height: 10px; display: flex;}
.height30{width: 100%; height: 30px; display: flex;}
.height50{width: 100%; height: 50px; display: flex;}
.pagetitle{width:80%; height: auto; margin: 0 10%; line-height: 40px; font-size:1.7em; font-weight:300; display: flex; justify-content:center; align-items: center;}
/* CSS Document */
.alert_danger{width:80%; height:auto; margin:30px 10%; padding:20px 0%; display: flex; justify-content:center; align-items: center; text-align: center; font-size:1.2em; font-weight:300; background-color:#f8d7da; color:#58151c;}
.alert_success{width:80%; height:auto; margin:30px 10%; padding:20px 0%; display: flex; justify-content:center; align-items: center; text-align: center; font-size:1.2em; font-weight:300; background-color:#d1e7dd; color:#0a3622;}


.top{width:80%; height: 50px; background-color:rgba(var(--color)/100%); color: rgba(var(--beyaz)/100%); padding:0 10%; font-size:1em; display: flex; justify-content: space-between; align-items: center;}

.top ul:first-child{width:auto; height:50px; display: flex; line-height: 50px;}
.top ul:first-child li{width:auto; height:50px; display: flex; margin-right:10px;}
.top ul:first-child li i{width:auto; height:50px; line-height: 50px; margin-right:6px;}

.top ul:last-child{width:auto; height:50px; display: flex; line-height: 50px;}
.top ul:last-child li{width:auto; height:50px; display: flex; margin-left:10px;}
.top ul:last-child li a{width:36px; height:36px; line-height:36px; margin:7px 0; background-color: #96be39;}
.top ul:last-child li i{width:36px; height:36px; line-height:36px; text-align:center;}

.top a{color:#fff;}

.stickheader{position: fixed!important; top: 0; z-index:999999; backdrop-filter: blur(16px)!important; background-color: rgb(255 255 255 / .6) !important;}
header{width:80%; height:90px; padding:0px 10%; display:flex; background:rgba(var(--beyaz)/100%);
border-top: 1px solid #ebebeb; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 6px 0rgba(0, 0, 0, .1); justify-content:space-between; align-items:center;}
header figure{height:auto; display:flex;}
header figure img{height:40px;}

.headersearchbutton {width:40px; height:40px; margin:25px 0 25px 0; display:flex; cursor: pointer; justify-content: center; align-items: center; color:rgba(var(--siyah)/100%); background-color:rgba(var(--beyaz)/100%);}
.headersearchbutton:Hover {background-color:rgba(var(--color)/100%);}
.headersearchbutton i {width:auto; height:auto; display:flex; font-size:1.1rem; }

#overlay {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 998; flex-direction: column; justify-content: center; align-items: center;}
.searchpopup {width:40%; height:auto; display: flex; align-items: center; flex-direction: column; background: white; padding: 30px; z-index: 999;}
.searchpopup form{width:100%; height: auto; margin-bottom: 30px; display: flex;  justify-content: space-between;}
.searchpopup form input{width:70%; height:40px;}
.searchpopup form button{width:25%; height:42px;}
.searchpopup form #closepopup{width:auto; height: auto;}

.toggle,[id^=drop] {display:none;}
nav {width:auto; height:50px; z-index:1; display:flex;}
nav:after{content:""; display:table; clear:both;}
nav ul{display: flex; position:relative;}
nav ul li{display: flex; line-height: 50px;}
nav ul li a{display:block; font-weight: 500; padding:0 16px;}
nav ul li:Hover a{background:rgba(var(--color)/100%); color:rgba(var(--beyaz)/100%);}


nav ul ul{display:none; position:absolute; top:50px; }
nav ul li:hover > ul{width:250px; display:flex; flex-direction: column; overflow:hidden; background:rgba(var(--color)/100%);}
nav ul li ul li{width:100%; border-bottom:1px dotted #d1d1d1; line-height:40px; position:relative;}
nav ul li ul li:last-child{border-bottom:0px solid #d1d1d1;}
nav ul li ul li a{width:100%; color:rgba(var(--beyaz)/100%); display: block; background:rgba(var(--lightcolor)/0%);}
nav ul li ul li a:hover{color:rgba(var(--beyaz)/70%); background:rgba(var(--lightcolor)/100%);}

/*introlar*/
.introlar{width:100%; height: auto; position: relative;}
.introlar ul{width:100%; height:auto; display:flex; flex-direction: column;}
.introlar ul li{width:80%; height:500px; padding:0 10%; display:flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative;}
.introlar ul li h3{width:auto; height:auto; font-size:5.1em; font-weight:300; color: rgba(var(--beyaz)/100%);}
.introlar ul li p{width:auto; max-width:60%; height:auto; font-size:1.2em; font-weight:500; color: rgba(var(--beyaz)/100%);}
.introlar ul li article{width:auto; display:flex;}
.introlar ul li article a{padding:0 8px; color:#000; background-color:#ebebeb; position: relative; display: flex; justify-content:center; align-items: center; overflow: hidden; line-height: 44px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.introlar ul li article a:Hover{background-color:#ffffff;}
.introlar ul li article a img{width:18px; margin-right:5px;}
.introlar ul li article a span{width:auto;}
.introlar ul li article a:first-child{margin-right: 8px;}
.introlar ul li article a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent);
      animation: shine 6s infinite;
    }

    @keyframes shine {
      0% {
        left: -100%;
      }
      33.33% {
        left: 100%;
      }
      100% {
        left: 100%; /* Bekleme sırasında aynı konumda kal */
      }
    }
.introlar ul li section{width:auto; height: auto; display: flex; position: absolute; right: 5px; top: 5px;}
.introlar ul li section .introsol{width:40px; height:40px; cursor: pointer; margin:1px; display: flex; justify-content: center; align-items: center; background-color: rgba(var(--lightcolor)/100%);}
.introlar ul li section .introsol:Hover{background-color: rgba(var(--color)/100%);}
.introlar ul li section .introsag{width:40px; height:40px; cursor: pointer; margin:1px; display: flex; justify-content: center; align-items: center; background-color: rgba(var(--lightcolor)/100%);}
.introlar ul li section .introsag:Hover{background-color: rgba(var(--color)/100%);}

.introlar ol.cuffnumber{width:40px; height:400px; display:flex; flex-direction: row; position: absolute; right:89px; top:5px; justify-content:center;}
.introlar ol.cuffnumber li{display:none; width:40px; height:40px; line-height: 40px; margin:1px; text-align:center; 
-webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.introlar ol.cuffnumber li.manset2{display: flex; justify-content: center; align-items: center; color:rgba(var(--beyaz)/50%);}

.bread{width:80%; min-height:220px; padding:30px 10%; display: flex; justify-content:center; align-items: center; background-color: rgba(var(--color) / 100%);}
.bread h3{font-size:2.8em; color:#fff; font-weight:300; text-shadow: 0px 0px 6px #000; text-align: center;}
.container{width:80%; height: auto; margin:30px 10%; display: flex; justify-content: space-between;}
.left{width:34%; height: auto; display: flex; flex-direction: column;}
.left figure{width:100%; height:auto; display: flex; justify-content: center; align-items: center; margin:30px 0;}
.left figure img{margin:0 auto; width: 100%; height: 100%; object-fit: contain;}
.right{width:60%; margin-left:2%; height: auto; display: flex; flex-direction: column;}
.right h3{width:100%; height:auto; font-size:3.17em; font-weight:500;}
.right article{width:100%; height:auto; font-size:1.1em; font-style: italic; color: rgba(var(--siyah)/60%);}

.custom-quote {width:96%; padding:20px 2%; margin: 20px 0; font-style: italic; background: #f9f9f9; position: relative; color: #333;}
.custom-quote::before {content: "“"; font-size: 4em; color: #ccc; position: absolute; top: -10px; left: 10px; line-height: 1; font-family: Georgia, serif;}
.custom-quote::after {content: "”"; font-size: 4em; color: #ccc; position: absolute; bottom: -20px; right: 10px; line-height: 1; font-family: Georgia, serif;}

.right p{width:100%; height:auto; font-size:1.1em;}
.right figure{max-width:100%;}
.right figure img{max-width:100%;}
.right table{max-width:100%;}


.homesorgulama{width:100%; display:flex; justify-content: center; margin:20px 0;}
.homesorgulama a{padding:24px 48px; color:#000; margin-right: 8px; background-color:#ebebeb; position: relative; display: flex; justify-content:center; align-items: center; overflow: hidden; line-height: 44px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.homesorgulama a:Hover{background-color:#ffffff;}
.homesorgulama a img{width:18px; margin-right:5px;}
.homesorgulama a span{width:auto;}
.homesorgulama a:first-child{margin-right:0px;}
.homesorgulama a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent);
      animation: shine 6s infinite;
    }

    @keyframes shine {
      0% {
        left: -100%;
      }
      33.33% {
        left: 100%;
      }
      100% {
        left: 100%; /* Bekleme sırasında aynı konumda kal */
      }
    }


/*hizmetler*/
ul.hizmetler{width:80%; height:auto; display: flex; justify-content:center; flex-wrap: wrap; padding:50px 10%;}
ul.hizmetler li{width:27%; height:auto; cursor:pointer; margin:1%; padding:2%; display: flex; flex-direction: column; align-items: center; border-radius: 24px; transition: all .2s ease-out; border:1px solid #dadce0; background-color: #fff;}
ul.hizmetler li:Hover{color:rgba(var(--siyah)/100%); transition: all .2s ease-out; will-change: transform; transform: translateY(-10px); box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 14px 25px 0 rgba(60, 64, 67, .08), 0 4px 13px 0 rgba(60, 64, 67, .12));}
ul.hizmetler li figure{width:150px; height:150px; margin:30px 0; display: flex; justify-content: center; align-items: center;}
ul.hizmetler li figure img{margin:0 auto; width: 100%; height: 100%; object-fit: contain; }
ul.hizmetler li article{width:100%; height:auto; text-align:center; flex-direction: column;}
ul.hizmetler li article h3{width:100%; height:60px; text-align:center; font-size: 1.3em; font-weight:500; position: relative;}
ul.hizmetler li article p{width:100%; height:120px; overflow: hidden; text-align:center; margin: 0; font-size:1em; font-weight:300;}

/*Search*/
ul.search{width:80%; height:auto; display: flex; justify-content:center; flex-wrap: wrap; padding:50px 10%;}
ul.search li{width:94%; height:auto; cursor:pointer; margin:1%; padding:2%; display: flex; flex-direction: column; align-items: center; border-radius: 24px; transition: all .2s ease-out; border:1px solid #dadce0; background-color: #fff;}
ul.search li:Hover{color:rgba(var(--color)/100%);}
ul.search li h3{width:100%; height:auto; font-size: 1.1em; font-weight:300;}
ul.search li h3 i{margin-right:10px}

/*Mevzuatlar*/
ul.mevzuatlar{width:80%; height:auto; display: flex; justify-content:center; flex-wrap: wrap; padding:50px 10%;}
ul.mevzuatlar li{width:94%; height:auto; cursor:pointer; margin:1%; padding:2%; display: flex; flex-direction: column; align-items: center; border-radius: 24px; transition: all .2s ease-out; border:1px solid #dadce0; background-color: #fff;}
ul.mevzuatlar li:Hover{color:rgba(var(--color)/100%);}
ul.mevzuatlar li h3{width:100%; height:auto; font-size: 1.1em; font-weight:300;}
ul.mevzuatlar li h3 i{margin-right:10px}

/*blog*/
ul.blog{width:80%; height:auto; display: flex; justify-content:center; flex-wrap: wrap; padding:50px 10%;}
ul.blog li{width:27%; height:auto; cursor:pointer; margin:1%; padding:2%; display: flex; flex-direction: column; align-items: center; border-radius: 24px; transition: all .2s ease-out; border:1px solid #dadce0; background-color: #fff;}
ul.blog li:Hover{color:rgba(var(--siyah)/100%); transition: all .2s ease-out; will-change: transform; transform: translateY(-10px); box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 14px 25px 0 rgba(60, 64, 67, .08), 0 4px 13px 0 rgba(60, 64, 67, .12));}
ul.blog li figure{width:150px; height:150px; margin:30px 0; display: flex; justify-content: center; align-items: center;}
ul.blog li figure img{margin:0 auto; width: 100%; height: 100%; object-fit: contain;}
ul.blog li article{width:100%; height:auto; text-align:center; flex-direction: column;}
ul.blog li article h3{width:100%; height:60px; text-align:center; font-size: 1.3em; font-weight:500; position: relative;}
ul.blog li article p{width:100%; height:120px; overflow: hidden; text-align:center; margin: 0; font-size:1em; font-weight:300;}

/*referanslar*/
ul.referanslar{width:80%; height:auto; display: flex; justify-content:center; flex-wrap: wrap; padding:50px 10%;}
ul.referanslar li{width:18%; height:auto; cursor:pointer; margin:1%; padding:2%; display: flex; flex-direction: column; align-items: center; border-radius: 24px; transition: all .2s ease-out; border:1px solid #dadce0; background-color: #fff;}
ul.referanslar li:Hover{color:rgba(var(--siyah)/100%); transition: all .2s ease-out; will-change: transform; transform: translateY(-10px); box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 14px 25px 0 rgba(60, 64, 67, .08), 0 4px 13px 0 rgba(60, 64, 67, .12));}
ul.referanslar li figure{width:150px; height:150px; margin:30px 0; display: flex; justify-content: center; align-items: center;}
ul.referanslar li figure img{margin:0 auto; width: 100%; height: 100%; object-fit: contain;}
.map-container {
  width:78%;
  margin:10px 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding:1%;
}
svg {
    max-width: 100%;
    height: auto;
}
.map-container a {
    fill:rgba(var(--siyah)/25%) ;
}
.map-container a:hover {
    fill:rgba(var(--lightcolor)/100%)!important ;
    cursor: pointer;
}
.map-container a#referansaktif {
    fill:blue !important;
}

.map-container a#referansaktif:hover {
    fill:rgba(var(--lightcolor)/100%)!important ;
    cursor: pointer;
}




/*Hesapla*/
.tephesapla{width:100%; height:auto; padding:50px 0%; display: flex; position: relative; justify-content: center; flex-direction: column; align-items: center; background-color:#f4f4f4; position: relative; overflow: hidden;}
.tephesapla h3{max-width:50%; height:auto; margin-bottom:20px; font-size:2.4rem; font-weight:600; color:rgba(var(--color)/100%); text-align: center;}
.tephesapla form {width:60%; border-collapse: collapse; margin-top: 20px; position: inherit; z-index: 1;}
.tephesapla form table {width: 100%; border-collapse: collapse; margin-top: 20px; background-color: rgba(var(--beyaz)/100%);}
.tephesapla form thead th {border: 1px solid #ccc; padding: 10px; text-align: center; background-color:rgba(var(--lightcolor)/50%);}
.tephesapla form td {border: 1px solid #ccc; padding: 10px; text-align: center;background-color:rgba(var(--beyaz)/100%);}
.tephesapla form input[type="number"] {width: 100px; padding: 5px;}
.tephesapla form .total {width:90%; padding:0 5%; line-height: 38px; margin-top:3px; font-size: 1.2em; text-align: right; background-color: #96be39;}

.bar-container {
  position: absolute;
  top:50%;
  left: 0;
  z-index:0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 170px;
  height:192px;
  margin-top: -96px;
}

.bar {
  height:24px;
  padding:0 2%;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  color: #fff;
  font-size:1em; font-weight:600; text-align: right;
}

.bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  animation: flow 2s linear infinite;
}

@keyframes flow {
  0%   { left: -100%; }
  100% { left: 100%; }
}

/* Renkler */
.bar:nth-child(1) { background-color: #078941; width:40%;}
.bar:nth-child(2) { background-color: #41a648; width:50%;}
.bar:nth-child(3) { background-color: #96be39;  width:60%;}
.bar:nth-child(4) { background-color: #f9dd00;  width:70%;}
.bar:nth-child(5) { background-color: #fbb812;  width:80%;}
.bar:nth-child(6) { background-color: #f37022;  width:90%;}
.bar:nth-child(7) { background-color: #e11c25;  width:96%;}

/* Gecikmeler */
.bar:nth-child(1)::after { animation-delay: 0s; }
.bar:nth-child(2)::after { animation-delay: 0.1s; }
.bar:nth-child(3)::after { animation-delay: 0.2s; }
.bar:nth-child(4)::after { animation-delay: 0.3s; }
.bar:nth-child(5)::after { animation-delay: 0.4s; }
.bar:nth-child(6)::after { animation-delay: 0.5s; }
.bar:nth-child(7)::after { animation-delay: 0.6s; }


.iletisim{width:80%; display:flex; margin:30px 10%; flex-direction: column;}
.iletisim ul{width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0;}
.iletisim ul li{width:20%; padding:0 2% 2% 2%; margin-bottom:30px; display:flex; flex-direction: column;}
.iletisim ul li span{width:100%; height:70px; border-bottom: 1px solid rgba(var(--lightcolor)/100%); line-height: 70px; margin-bottom:30px; font-size: 1em; font-weight: 500; text-align: center;}
.iletisim ul li a{width:100%; min-height:50px; font-size: 1em; font-weight: 500; text-align: center; display: flex; justify-content:center; align-items:flex-start;}
.iletisim ul li p{width:100%; height:60px; display:flex; margin: 0; justify-content: center; align-items: center; font-size:.96em; font-weight:300; text-align: center;}
.iletisim .konumal{width:100%; height:auto; margin:10px 0; display:flex; justify-content:center; align-items: center; font-size:1.7em; font-weight:400; color:#ffffff; background-color: rgba(var(--color)/100%);}
.iletisim .konumal a{width:100%; line-height:50px; text-align: center; color:rgba(var(--beyaz)/100%); display: block;}
.iletisim .konumal:Hover a{color:rgba(var(--lightcolor)/100%);}

  .iletisimformu {
    background: white;
    padding: 20px 5%;
    margin:30px 0;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    width:90%;
  }

  .iletisimformu h2 {
    margin-bottom: 15px;
    color: #333;
    text-align: center;
  }

  /* Üstteki 3 alanı saran container */
  .iletisimformu .top-fields {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
  }

  /* Her bir input/select alanı */
  .iletisimformu .top-fields > div {
    flex: 1; /* Hepsi eşit genişlikte */
    padding: 0 2%;
  }

  .iletisimformu label {
    display: block;
    font-weight: bold;
    color: #555;
    margin-bottom: 5px;
  }

  .iletisimformu input[type="text"],
  .iletisimformu input[type="tel"],
  .iletisimformu select {
    width: 100%;
    height: 50px;
    padding: 0 10%;
    border: 1.5px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
  }

  /* Mesaj alanı altta tam genişlikte */
  .iletisimformu label[for="message"] {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .iletisimformu textarea {
    width: 100%;
    min-height: 80px;
    padding: 8px 10px;
    border: 1.5px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    resize: vertical;
    box-sizing: border-box;
  }

  .iletisimformu input[type="submit"] {
    margin-top: 20px;
    width: 100%;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    background-color: #007BFF;
    font-size: 16px;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .iletisimformu input[type="submit"]:hover {
    background-color: #0056b3;
  }





footer{width:80%; padding:44px 10%; min-height:200px; background: #fff; color: rgba(29, 29, 31, 1); border-top:1px solid #d1d1d1; display: flex; justify-content: space-between;}
footer h1{width:100%; height:40px; margin-bottom: 20px; font-size:1.5em; font-weight: 400; display: flex; text-align: center; position: relative;}
footer h1::after{width:50%; height:1px; position: absolute; bottom:0px; left:0px; background-color:rgba(var(--lightcolor)/100%); content:"";}
footer a{color: rgba(29, 29, 31, 1);}
footer a:Hover{color: rgba(29, 29, 31, 0.7);}

footer .footerone{width:30%; display: flex; flex-direction: column; justify-content:flex-start; align-items: flex-start;}
footer .footerone ul{width:100%; display:flex; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap;}
footer .footerone ul li{width:auto; display:flex; margin:0 6px; flex-direction:column; justify-content:center; align-content:center; text-align:center; font-size: .91em;}

footer .footertwo{width:30%; display: flex; flex-direction: column; justify-content: flex-start; align-items:flex-start; }
footer .footertwo ul{width:auto; display:flex; justify-content: space-between; align-content:center;}
footer .footertwo ul li{width:auto; display:flex; margin:0 3px; flex-direction:center; justify-content:center; align-content:center; text-align:center;}
footer .footertwo ul li i{width:40px; display:40px; line-height: 40px; text-align: center; font-size:1.4em; background-color: #96be39;}

footer .footerthree{width:30%; display: flex; flex-direction: column; justify-content:flex-start; align-items: flex-end;}
footer .footerthree ul{width:100%; display:flex; flex-direction: column;  align-content:center; }
footer .footerthree ul li{width:100%; display:flex; justify-content:space-between; align-content:center;}
footer .footerthree ul li i{width:20%; line-height: 40px; text-align: center; font-size:1.4em; display: flex; justify-content:flex-start; align-items: center;}
footer .footerthree ul li span{width:80%; font-size:1em; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.coded{width:100%; padding:0px 0%; color: rgba(0, 0, 0,0.6); line-height: 38px; text-align: center; font-size:14px; font-weight: 300;}


@media all and (max-width:980px) {
.container{width:90%; margin:30px 5%; flex-direction: column;}
.left{width:100%;}
.right{width:100%; margin-left:0%;}
.bread{width:96%; min-height:120px; padding:20px 2%;}
.bread h3{font-size:1.8em;}



.top{width:90%; padding:0 5%; justify-content:center; align-items: center;}

.top ul:first-child{display:none;}

.top ul:last-child{width:auto; height:50px; display: flex; line-height: 50px;}
.top ul:last-child li{width:auto; height:50px; display: flex; margin-left:10px;}
.top ul:last-child li a{width:36px; height:36px; line-height:36px; margin:7px 0; background-color: #96be39;}
.top ul:last-child li i{width:36px; height:36px; line-height:36px; text-align:center;}

.stickheader{position:inherit !important; top: 0; z-index:999999; backdrop-filter: blur(0px)!important; background-color: rgb(255 255 255 / 1) !important;}
header{width:100%; height:auto; padding:0px 0%; flex-wrap: wrap;}
header figure{width:100%; height:100%; padding:14px 0; display:flex; justify-content: center; align-items: center; order:1;}
header figure img{height:40px;}
.headersearchbutton {display: none;}
nav {width:94%; height:auto; margin:0px 2% 10px 2%; padding:1%; z-index:1; order:3; position: relative; display: flex; flex-direction: column;
box-shadow: 0 0 0 1px #dce1e6; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius);}
.toggle + a,.menu {display: none;}
.toggle {width:96%; display: block; padding:9px 2%; color:#000; text-decoration:none; border:none; background:rgba(var(--lightcolor)/100%); -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius);}
[id^=drop]:checked + ul {display:block;}
nav ul{width:90%; padding:12px 5%; flex-direction: column; background:rgba(var(--beyaz)/0%);}
nav ul li {display: block; border-bottom:1px solid #d1d1d1; line-height:44px;}
nav ul li a{background:#fff!important; padding:0 8px; color:rgba(var(--siyah)/100%); font-size:1em!important;}
nav ul li a:Hover{color:rgba(var(--siyah)/100%);}
nav ul li:Hover ul{background:rgba(var(--beyaz)/100%);}
nav ul li ul li {width: 100%; line-height: 38px;}
nav ul li ul li a {color: rgba(var(--color) / 100%)!important; padding:0 0px;}

nav ul li .toggle{padding: 0 8px; color:#000; background-color:#fff!important;}
nav a:hover,nav ul ul ul a {background-color: #000000;}
nav ul ul {width:90%; position:static; color: #000; padding:12px 1%;}
nav ul li:hover > ul{width:100%; display:none; flex-direction: column; overflow:hidden;}


/*introlar*/
.introlar{width:100%; height: auto; position: relative;}
.introlar ul{width:100%; height:auto; display:flex; flex-direction: column;}
.introlar ul li{width:80%; min-height:300px; align-items:center; justify-content: center; text-align: center;}
.introlar ul li h3{width:100%; height:auto; font-size:2.7em;}
.introlar ul li p{width:100%; max-width:100%; height:auto; font-size:1em;}

/*hizmetler*/
ul.hizmetler{width:96%; padding:50px 2%;}
ul.hizmetler li{width:90%; height:auto; margin:3%; padding:2%;}
/*Hesapla*/
.tephesapla{width:100%; height:auto; padding:50px 0%; display: flex; position: relative; justify-content: center; flex-direction: column; align-items: center; background-color:#f4f4f4; position: relative; overflow: hidden;}
.tephesapla h3{max-width:90%;}
.tephesapla form {width:90%;}
/*Blog*/
ul.blog{width:96%; padding:50px 2%;}
ul.blog li{width:90%; margin:3%; padding:2%;}

/*referanslar*/
ul.referanslar{width:96%; padding:50px 2%;}
ul.referanslar li{width:40%;}

.map-container {width:94%; margin:10px 2%;}

/*Search*/
ul.search{width:90%; padding:50px 5%;}


/*Mevzuatlar*/
ul.mevzuatlar{width:90%; padding:50px 5%;}


/*Search*/
ul.search{width:90%; padding:50px 5%;}
ul.search li{width:90%; margin:1%; padding:4%;}


/*Mevzuatlar*/
ul.mevzuatlar{width:90%; padding:50px 5%;}
ul.mevzuatlar li{width:90%; margin:1%; padding:4%;}




footer{width:96%; padding:5% 2%; flex-direction: column;}
footer .footerone{width:100%; flex-direction: column; justify-content:flex-start; align-items: flex-start;}
footer .footerone ul{width:100%; display:flex; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap;}
footer .footertwo{width:100%; margin:30px 0;  flex-direction: column; justify-content:center; align-items:center;}
footer .footerthree{width:100%; flex-direction: column; justify-content:flex-start; align-items: flex-end;}
footer .footerthree ul{width:100%; display:flex; flex-direction: column;  align-content:center; }
footer .footerthree ul li{width:100%; display:flex; justify-content:space-between; align-content:center;}
footer .footerthree ul li i{width:20%; line-height: 40px; text-align: center; font-size:1.4em; display: flex; justify-content:flex-start; align-items: center;}
footer .footerthree ul li span{width:80%; font-size:1em; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}

.iletisim{width:90%; margin:30px 5%;}
.iletisim ul li{width:94%; padding:0 2% 2% 2%; margin-bottom:30px;}
.iletisim ul li span{background-color:rgba(var(--lightcolor)/100%);}
}
@media (min-width:981px) {#nav{display:block!important;}}
@media (max-width:980px) {}/*Media screen*/



@media (max-width: 768px) {
  .iletisimformu .top-fields {
    flex-direction: column; /* Yan yana yerine alt alta */
    gap: 15px;
  }

  .iletisimformu .top-fields > div {
    padding: 0; /* Küçük ekranlarda padding azalt */
  }

  .iletisimformu input[type="text"],
  .iletisimformu input[type="tel"],
  .iletisimformu select {
    padding: 0 5%; /* Daha az padding */
    height: 45px; /* Biraz küçült */
  }
}

@media (max-width: 400px) {
  .iletisimformu {
    padding: 15px 3%;
  }

  .iletisimformu input[type="text"],
  .iletisimformu input[type="tel"],
  .iletisimformu select {
    padding: 0 3%;
    height: 40px;
    font-size: 13px;
  }

  .iletisimformu textarea {
    font-size: 13px;
  }
}