html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }


      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .hizmetS {width: auto; height: auto; background-color: #f8f8f8;}
      .hizmetS h1 {text-align: center; position: relative; margin-bottom: 40px;}
      .hizmetS h4 {text-align: center;}
      .hizmetS p {text-align: center;}
      .bocek h1 {text-align: center;position: relative; bottom: 220px; }
      .bocek p {  text-align: center;position: relative; bottom: 200px;}
      .bocek { height: 380px;}
      .circle-icon {
        background: #ffc0c0;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        vertical-align: middle;
        padding: 30px;
    }
    .proje img{ max-width: 60px;
      z-index: 22;
      position: relative;
      color: #276438 ;
  }
  .proje {
    width: 140px;
    height: 140px;
    background: #ececec;
    border-radius: 50%;
    align-items: center;
    z-index: -1;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-bottom: 10px;
  }
 img{
   width: 100% ;
 }
    
    .ortalama {text-align: center; margin-bottom: 16px;}
    .galeri { background-color: #f8f8f8; margin-bottom: 20px;}
    .galerii { background-color: #f8f8f8; }
    .galeri h1 {text-align: center; bottom: 220px; }
    .mainTitle { text-align: center; margin-bottom: 20px;}
    .button { border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block;}
    .button1 {background-color: #276438;}
    .footer {height: 420px; background-color: #f8f8f8; padding-top: 50px;}
    .footer p {padding-top: 20px;}
    .sosmedgor  {max-width: 60%; margin-left: 130px;} 
    .headers .navbar-nav .nav-link { color: white; }
    .headers { transition: 0.5s;}
    .headers {position: fixed; z-index: 2; width: 100%; background: transparent !important; border-bottom: 1px solid #fff;}
    .headers .navbar-nav .nav-link:hover , .headers .navbar-nav .nav-link:focus { color: white; }
    .slider-content { text-align: left; margin-top: 35px;}
    .mainSlide .swiper-slide {justify-content: flex-start;}
    .slider-content h1 { color: white;}
    .slider-content p { color: white;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size:  25px;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 20px; left:auto;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 20px; right:auto;}
    .headersBG{ background-color: #000 !important; border-bottom: 1px solid #fff; transition: 0.5s;}
    .hakkimizdabradcrumo {width: auto; background-color:#f8f8f8;}
    .hakkimizdabradcrumo { position: relative; display: flex; align-items: center; justify-items: center; }
    .hakkimizdabradcrumo img { height: 300px; object-fit: cover; width: 100%;}
    .hakkimizdabradcrumo h3 {position: absolute; left: 0; right: 0; text-align: center; color: azure;}
    .forms {margin-top: 20px;}
    .butons {margin-top: 15px; margin-bottom: 15px;}
    .adres {margin-top: 15px;}
    .hizmetSs {width: auto; height: auto;}
    .hizmetSs h1 {text-align: center; position: relative; margin-bottom: 40px;}
    .hizmetSs h4 {text-align: center;}
    .hizmetSs p {text-align: center;}
    .footers li {list-style-type: none; margin-bottom: 15px;}
    .footers ul {padding-left:0rem;}
    .footers img {width: 70%;}
    .ortalama a {color: inherit; text-decoration: none;}
    .footers a {color: inherit; text-decoration: none;}
    .takips a {color: inherit; text-decoration: none;}
    .hizmetdetay  {max-width: auto; margin-top: 20px; margin-bottom: 20px;}