/* İç sayfa header'daki sosyal medya ve arama ikonlarını beyaz yap */
.header-social-small .social-icon,
.header-search .aramayap {
  filter: brightness(0) invert(1);
}
body {
  font-family: "Bel" !important;
  line-height: 1.42;
  min-height: 100dvh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

#engelsizCeviriBtn {
  display: none !important;
}

.seperator {
  width: 2px;
  height: 70px;
  background-color: white;

}.seperatorIcSayfa {
  width: 2px;
  height: 70px;
  background-color: darkblue;
}

#widget .widget-avatar svg {
  width: 42px !important;
  height: 42px !important;
}


#widget .bottomright {
  bottom: auto !important;
  right: 15px !important;
  transform: none !important;
  z-index: 98 !important;
  height: 68px !important;
  top: 370px;
  position: absolute;
}

.widget-avatar {
  --bg: transparent !important;
  padding: 0 !important;
  border: none;
  max-width: 42px !important;
  min-width: 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 5px;
  position: fixed;
  top: 47.5%;
  transform: translateY(-50%);
  right: 15px !important;
  bottom: auto;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 37px;
  color: white;
  transition: border-radius ease-in-out 100ms;
  z-index: 1710 !important;
}


/*#engelsizCeviriBtn {
  border-radius: 13px;
  position: fixed;
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 23px;
  transition: transform ease-in-out 300ms;
  border: none;
  z-index: 9999999999999;
  left: auto!important;
  transform: translateY(-142%)!important;
  top: 50% !important;
  right: 0px!important;
  overflow: hidden;
  transform: translateX(calc(-100% + (23px * 2) + 28px));
}*/

  /*body div, p, strong, b, span {
      font-family: "Bel" !important;
  }*/



  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
}

/*.main {
  min-height: calc(100vh - 508px);
}*/
.bel-content {
  font-size: 16px;
}

  .bel-content * {
      font-size: inherit;
  }

.bel-tutucuwrap {
  padding-left: 277px;
  padding-right: 277px;
}

.bel-desktop-navbar {
  display: flex;
  width: 100%;
}

#ic-sayfa-header .diller span {
  color: rgba(0, 71, 132, 1);
}
/* İZBEL ANA SAYFA HEADER BAŞLANGIÇ */

.new-anasayfa-navbar {
  background: rgba(2, 52, 95, 0.5);
  transition: background-color 0.3s ease;
  color: white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  padding: 5px 0px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(9.3px);
}

  .new-anasayfa-navbar .bel-header-ic {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
  }

  /* Quick services and urgent notice in inner header */
.header-quick-services{
    display:flex;
    align-items:center;
    gap:18px;
    margin-left:20px;
}
.header-social-small{display:flex;gap:8px;align-items:center}
.header-social-small img{width:22px;height:22px;object-fit:contain}

@media (max-width: 992px){
    .header-quick-services{display:none}
  align-items: center;
}

  .header-menu-search .header-hava-durumu span {
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 0;
      white-space: nowrap;
  }

.header-menu-search .bel-menu button {
  border: 0;
  background: linear-gradient(90deg, #004784 0%, #479FEB 100%);
  width: 86px;
  height: 45px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-menu-search .header-hava-durumu,
.header-search,
.bel-menu {
  margin-left: 30px;
  position: relative;
  z-index: 1001;
}

.bel-menu .menu-button-base {
  position: relative;
  z-index: 1002;
}

  .header-menu-search .header-hava-durumu img {
      margin-right: 10px;
  }

.header-search {
  position: relative;
  z-index: 1003;
}
.header-search a[href="#bel-search"],
.header-menu-search .duzeltmearama {
  cursor: pointer !important;
  pointer-events: auto !important;
}
.header-menu-search .duzeltmearama {
  width: 88px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-menu-search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-anasayfa-navbar .bayrak-100yil {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 35px;
  align-items: center;
}

.bayrak-100yil img {
  max-width: 140px
}

.new-anasayfa-navbar .bayrak-100yil div:nth-child(2) {
  margin-right: 25px;
}

/* Hızlı Erişim Linkler */
.header-quick-links {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin: 0 20px;
}

.quick-links-list {
  display: flex;
  align-items: center;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.quick-links-list li {
  margin: 0;
  padding: 0;
}

.quick-links-list a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  padding: 0 0 5px 0;
  border-bottom: 2px solid transparent;
}

.quick-links-list a:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.8;
}

.header-social-small {
  display: flex;
  gap: 12px;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 20px;
}

.header-social-small a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  text-decoration: none;
}

.header-social-small a:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

.social-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* Ä°ZBEL ANA SAYFA HEADER SON */
/* İZBEL İC-SAYFA HEADER BAŞLANGIC */

#ic-sayfa-header {
  position: relative;
}

  #ic-sayfa-header .header-hava-durumu span {
      color: rgba(0, 71, 132, 1);
  }

  /* İç Sayfa Header - Hızlı Linkler Mavi Renk */
  #ic-sayfa-header .quick-links-list a {
    color: #ffffff;
  }

  #ic-sayfa-header .quick-links-list a:hover {
    color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 0.8;
  }

  /* İç Sayfa Header - Sosyal İkonlar Beyaz */
  #ic-sayfa-header .social-icon {
    filter: brightness(0) invert(1);
  }

  #ic-sayfa-header .header-social-small {
    border-left-color: rgba(255, 255, 255, 0.3);
  }

  #ic-sayfa-header .header-social-small a {
    background: rgba(255, 255, 255, 0.1);
  }

  #ic-sayfa-header .header-social-small a:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  #ic-sayfa-header .header-search button {
      border: 1px solid rgb(255, 255, 255);
  }

  #ic-sayfa-header .bel-header-ic .header-logo img:nth-child(2) {
      width: 98px;
  }

/* Ä°ZBEL Ä°C-SAYFA HEADER SON */

/* ANA SAYFA SLİDER BAŞLANGIÇ */
.index-slider .slider-taban .slider-taban-opacity {
  background-color: #02345f;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
}


.index-slider {
  position: relative;
  width: 100%;
}

  .index-slider .slider-taban {
      position: relative;
      width: 100%;
      height: 100%;
  }

      .index-slider .slider-taban img {
          width: 100%;
          object-fit: cover;
          height: 750px;
      }

  .index-slider .yuzen-slider {
      position: absolute;
      top: 230px;
      left: 0;
      transform: none;
      width: 100%;
      color: #fff;
      text-align: left;
      z-index: 2;
  }

.duyuru-slider .slider-butons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}

  .duyuru-slider .slider-butons .detay-gor-slider {
      background: linear-gradient(90deg, #004784 0%, #479FEB 100%);
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 203px;
      height: 45px;
      padding: 0px 10px;
      border-radius: 25px;
      text-decoration: none;
      margin-right: 15px;
  }

  .duyuru-slider .slider-butons .tum-duyurulari-gor {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 203px;
      height: 45px;
      padding: 0px 10px;
      border-radius: 25px;
      text-decoration: none;
      margin-right: 15px;
      border: 1px solid #fff;
      text-align: center;
      white-space: nowrap;
  }


.duyuru-slider .slick-dots {
  z-index: 1;
  text-align: left;
  display: flex;
  bottom: -50px;
}

  .duyuru-slider .slick-dots .slick-active {
      width: 22px;
      height: 22px;
  }

      .duyuru-slider .slick-dots .slick-active button {
          opacity: 1;
          width: 22px;
          height: 22px;
          background-color: #fff;
      }

  .duyuru-slider .slick-dots li {
      width: 22px;
      height: 22px;
      margin: 0px 10px 0px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

      .duyuru-slider .slick-dots li button {
          background-color: transparent;
          border-radius: 50%;
          width: 12px;
          height: 12px;
          border: 1px solid #fff;
      }

          .duyuru-slider .slick-dots li button::before {
              font-size: 0;
          }

.duyuru-slider h1 {
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.yuzen-slider .duyuru-slider {
  min-height: 258px;
}

.duyuru-slider p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ANA SAYFA SLİDER BİTİŞ */

/* ANA SAYFA TABS BAŞLANGIÇ */
.bel-new-page-tabs {
  position: relative;
  top: -50px;
  z-index: 3;
}

  .bel-new-page-tabs ul {
      border: 0;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .bel-new-page-tabs .nav-item .nav-link {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 110px;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      color: rgba(0, 71, 132, 1);
      font-size: 16px;
      font-weight: 600;
      border-radius: 10px;
      border: 0;
      width: 100%;
  }

  .bel-new-page-tabs .nav-item {
      width: 15%;
  }

      .bel-new-page-tabs .nav-item .nav-link.active {
          background-color: rgba(64, 150, 223, 1);
          color: #fff;
      }

      .bel-new-page-tabs .nav-item .nav-link img:nth-child(2) {
          display: none;
      }

      .bel-new-page-tabs .nav-item .nav-link.active img:nth-child(1) {
          display: none;
      }

      .bel-new-page-tabs .nav-item .nav-link.active img:nth-child(2) {
          display: block;
      }

      .bel-new-page-tabs .nav-item .nav-link img {
          margin-bottom: 15px;
      }

  .bel-new-page-tabs .tab-content {
      margin-top: 50px;
  }

.haberler-tab-icerik {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

  .haberler-tab-icerik .col-xxl-3 {
      padding: 0px 15px;
  }

  .haberler-tab-icerik .haberler-tab-box {
      border-radius: 10px;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
      margin-bottom: 30px;
  }

      .haberler-tab-icerik .haberler-tab-box img {
          width: 100%;
          height: 170px;
          max-height: 170px;
          min-height: 170px;
          object-fit: cover;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
      }

      .haberler-tab-icerik .haberler-tab-box .haberler-tab-box-description {
          padding: 15px;
          min-height: 200px;
      }

          .haberler-tab-icerik .haberler-tab-box .haberler-tab-box-description h3 {
              font-size: 18px;
              font-weight: 700;
              color: rgba(0, 71, 132, 1);
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              height: 45px;
              -webkit-line-clamp: 2;
              line-clamp: 2;
              -webkit-box-orient: vertical;
          }

          .haberler-tab-icerik .haberler-tab-box .haberler-tab-box-description span {
              font-size: 14px;
              font-weight: 500;
              color: rgba(0, 71, 132, 1);
              font-style: italic;
          }

          .haberler-tab-icerik .haberler-tab-box .haberler-tab-box-description p {
              font-size: 14px;
              font-weight: 500;
              color: rgba(149, 149, 149, 1);
              margin-top: 15px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              -webkit-box-orient: vertical;
          }

      .haberler-tab-icerik .haberler-tab-box .haber-tabs-detay-git {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          background-color: rgba(64, 150, 223, 1);
          font-size: 16px;
          font-weight: 500;
          color: #fff;
          height: 45px;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
          text-decoration: none;
      }

.bel-new-page-tabs .tab-content .bel-tabs-daha-gor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

  .bel-new-page-tabs .tab-content .bel-tabs-daha-gor a {
      width: 436px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(0, 71, 132, 1);
      color: rgba(0, 71, 132, 1);
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      border-radius: 10px;
  }


.bel-new-page-tabs .web-sitelerimiz-tab-icerik .web-sitelerimiz-tab-box {
  width: 100%;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  height: 200px;
  max-height: 200px;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 20px 7px;
  flex-direction: column;
}

  .bel-new-page-tabs .web-sitelerimiz-tab-icerik .web-sitelerimiz-tab-box .img-fluid {
      height: 100px;
      min-height: 100px;
      object-fit: cover;
  }

/* Yeni websitelerimiz kategori yapısı */
.web-sitelerimiz-kategori-box {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.web-sitelerimiz-kategori-box:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.2);
}

.web-sitelerimiz-kategori-box h3 a {
  transition: color 0.3s ease;
}

.web-sitelerimiz-kategori-box h3 a:hover {
  color: #479FEB !important;
}

.web-sitelerimiz-kategori-box ul li a {
  transition: color 0.3s ease, padding-left 0.3s ease;
}

.web-sitelerimiz-kategori-box ul li a:hover {
  color: #479FEB !important;
  padding-left: 10px;
}

/* .bel-new-page-tabs .baskan-tabs-icerik {
  display: flex;
  justify-content: space-between
} */

.bel-new-page-tabs .baskan-tabs-icerik .baskan-resim {
  max-width: 35%;
  margin-bottom: 1rem;
  margin-right: 30px;
  position: relative;
  float: left;
}

  .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-opacity {
      background-color: #000;
      opacity: 0.4;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
  }

  .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-backdrop {
      position: relative;
  }

  .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .img-fluid {
      width: 100%;
      border-radius: 10px;
      object-fit: cover;
      position: relative;
      height: 410px;
      max-height: 410px;
      min-height: 410px;
  }

  .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description {
      position: absolute;
      bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      text-align: center;
      padding: 7px;
  }

      .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description h5 {
          font-size: 22px;
          font-weight: 600;
          color: #fff;
      }

      .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description h6 {
          font-size: 22px;
          font-weight: 400;
          color: #fff;
          font-style: italic;
      }

      .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description .baskan-social-media a img {
          width: auto;
          border-radius: 0;
      }

      .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description .baskan-social-media {
          display: flex;
      }

          .bel-new-page-tabs .baskan-tabs-icerik .baskan-resim .baskan-description .baskan-social-media a {
              width: 42px;
              height: 42px;
              background-color: rgba(64, 150, 223, 1);
              border-radius: 10px;
              display: flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              margin: 15px 20px;
          }



.bel-new-page-tabs .baskan-tabs-icerik .baskan-otobiyografi p {
  font-size: 16px;
  font-weight: 500;
  color: rgba(74, 88, 100, 1);
}

.bel-new-page-tabs .baskan-tabs-icerik .baskan-otobiyografi h5 {
  color: rgba(0, 71, 132, 1);
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}



.bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box {
  width: 100%;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 15px;
}

  .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box img {
      width: 100%;
      height: 120px;
      max-height: 120px;
      min-height: 120px;
      object-fit: cover;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
  }

  .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box .yayinlar-box-description {
      padding: 20px 15px 30px 15px;
  }

      .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box .yayinlar-box-description h5 {
          font-size: 16px;
          font-weight: 600;
          color: rgba(0, 71, 132, 1);
          text-align: center;
      }

      .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box .yayinlar-box-description h6 {
          font-size: 14px;
          font-style: italic;
          font-weight: 500;
          text-decoration: underline;
          color: rgba(0, 71, 132, 1);
          text-align: center;
          height: 25px;
      }

      .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box .yayinlar-box-description p {
          font-size: 14px;
          font-weight: 400;
          color: rgba(74, 88, 100, 1);
          margin-top: 15px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 5;
          line-clamp: 5;
          -webkit-box-orient: vertical;
      }

      .bel-new-page-tabs .yayinlar-tabs-icerik .yayinlar-tabs-box .yayinlar-box-description a {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(64, 150, 223, 0.2);
          color: rgba(64, 150, 223, 1);
          font-size: 16px;
          font-weight: 500;
          height: 45px;
          border-radius: 5px;
          text-decoration: none;
      }

.bel-new-page-tabs .dokuman-tabs-icerik {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

  .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box {
      width: 100%;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      margin-bottom: 15px;
  }

      .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-description {
          padding: 15px;
          height: auto;
      }

          .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-description h3 {
              font-size: 18px;
              font-weight: 700;
              color: rgba(0, 71, 132, 1);
          }

          .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-description span {
              font-size: 14px;
              font-weight: 500;
              font-style: italic;
              color: rgba(0, 71, 132, 1);
          }

          .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-description p {
              font-size: 14px;
              font-weight: 500;
              color: rgba(149, 149, 149, 1);
              margin-top: 15px;
          }

      .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-button {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
      }

          .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-button .dokuman-detay-git {
              width: 50%;
              background-color: rgba(64, 150, 223, 1);
              color: #fff;
              font-size: 14px;
              font-weight: 500;
              height: 45px;
              display: flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              border-bottom-left-radius: 10px;
          }

          .bel-new-page-tabs .dokuman-tabs-icerik .dokuman-tabs-box .dokuman-tabs-button .dokuman-kaydet {
              width: 50%;
              background-color: rgba(64, 150, 223, 0.2);
              font-size: 14px;
              font-weight: 500;
              color: rgba(64, 150, 223, 1);
              border: 0;
              height: 45px;
              border-bottom-right-radius: 10px;
              display: flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
          }

/* ANA SAYFA TABS SON */

/* ANA SAYFA İZMİRE DAİR SLİCK BASLANGIÇ */
.anasayfa-slider-2 {
  background-image: url(https://www.siverek.bel.tr/Content/assets/images/slider-background.jpg);
  background-repeat: repeat;
  background-position: center right;
  padding: 40px 0px;
}

  .anasayfa-slider-2 .anasayfa-slider-2-icerik {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
  }

      .anasayfa-slider-2 .anasayfa-slider-2-icerik a {
          max-width: 320px;
          min-width: fit-content;
          box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
          background-color: #fff;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px;
          margin-right: 15px;
          margin-bottom: 15px;
          font-size: 14px;
          font-weight: 600;
          color: rgba(0, 71, 132, 1);
          border-radius: 5px;
          text-decoration: none;
      }

          .anasayfa-slider-2 .anasayfa-slider-2-icerik a svg {
              width: 10px;
              fill: rgba(0, 71, 132, 1);
              margin-left: 15px;
          }

          .anasayfa-slider-2 .anasayfa-slider-2-icerik a:hover {
              background-color: rgba(64, 150, 223, 1);
              color: #fff;
          }

              .anasayfa-slider-2 .anasayfa-slider-2-icerik a:hover svg {
                  fill: #fff;
              }

  .anasayfa-slider-2 .slider-nav {
      margin-bottom: 20px;
  }

      .anasayfa-slider-2 .slider-nav h3 {
          font-size: 20px;
          font-weight: 700;
          color: rgba(0, 71, 132, 0.6);
          text-align: center;
          margin-top: 5px;
      }

      .anasayfa-slider-2 .slider-nav .slick-center h3 {
          color: rgba(0, 71, 132, 1);
          font-size: 28px;
          margin-top: 0;
      }

  .anasayfa-slider-2 .slick-next {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      width: 35px;
      height: 20px;
      border-radius: 10px;
      background-image: url(../images/anasayfa-slick-2-right.png);
      background-repeat: no-repeat;
      background-position: center;
      right: 41%;
      top: 20px;
  }

      .anasayfa-slider-2 .slick-next:before {
          content: none;
      }

  .anasayfa-slider-2 .slick-prev:before {
      content: none;
  }

  .anasayfa-slider-2 .slick-prev {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      width: 35px;
      height: 20px;
      border-radius: 10px;
      z-index: 3;
      background-image: url(../images/anasayfa-slick-2-left.png);
      background-repeat: no-repeat;
      background-position: center;
      left: 41%;
      top: 20px;
  }

/* ANA SAYFA Ä°ZMÄ°RE DAÄ°R SLÄ°CK SON */

/* ANA SAYFA PROJELER BAŞLANGIÇ */
.index-projeler {
  padding: 20px 0px 15px;
}


  .index-projeler h1 {
      color: rgba(0, 71, 132, 1);
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 30px;
  }

  .index-projeler p {
      color: rgba(0, 71, 132, 1);
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 40px;
  }

  .index-projeler .projeler {
      position: relative;
      margin-bottom: 30px;
      display: -webkit-flex; /* Safari için */
      display: flex;
      flex-direction: column;
  }

      .index-projeler .projeler .overlay {
          background-color: rgba(0, 0, 0, 0.55);
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 10px;
      }

      .index-projeler .projeler img {
          border-radius: 10px;
          height: 100%;
          height: 250px;
          max-height: 250px;
          min-height: 250px;
          object-fit: cover;
          width: 100%;
      }

      .index-projeler .projeler .proje-icerik h6 {
          position: absolute;
          top: 10px;
          max-width: 93%;
          text-align: right;
          margin-bottom: 0px;
          right: 10px;
          background-color: #fff;
          border-radius: 5px;
          padding: 7px;
          color: rgba(64, 150, 223, 1);
          font-size: 14px;
          font-weight: 700;
      }

      .index-projeler .projeler .proje-description {
          position: absolute;
          bottom: 60px;
          left: 0;
          padding: 0px 15px;
      }

          .index-projeler .projeler .proje-description h4 {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
              color: #fff;
              margin-bottom: 10px;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
          }

          .index-projeler .projeler .proje-description h5 {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
              color: #fff;
              font-size: 14px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              text-decoration-line: underline;
          }

          .index-projeler .projeler .proje-description p {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              line-clamp: 2;
              -webkit-box-orient: vertical;
              color: #fff;
              max-height: 46px;
              height: 46px;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              margin-bottom: 0px;
              line-height: normal;
          }

      .index-projeler .projeler .incele-buton .button {
          position: absolute;
          bottom: 0;
          width: 100%;
          border-radius: 0px 0px 8px 8px;
          background-color: #fff;
          text-align: center;
          padding: 15px 0px;
          color: rgba(0, 71, 132, 1);
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          text-decoration: none;
          box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      }

          .index-projeler .projeler .incele-buton .button:hover {
              background: linear-gradient(90deg, #004784 0%, #479FEB 100%);
              color: #fff;
          }

  .index-projeler .tum-proje-gor {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 30px;
  }

      .index-projeler .tum-proje-gor a {
          width: 436px;
          height: 45px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(0, 71, 132, 1);
          color: rgba(0, 71, 132, 1);
          font-size: 16px;
          font-weight: 600;
          text-decoration: none;
          border-radius: 10px;
      }

/* ANA SAYFA PROJELER SON */

/* ANA SAYFA TELEFON SLİDER BAŞLANGIÇ */
.bel-telefon-slider {
  margin-top: 60px;
}

  .bel-telefon-slider .bel-tutucuwrap {
      padding-right: 0;
  }

  .bel-telefon-slider .row {
      width: 100%;
  }

.etkinlik [tabindex="0"]:first-child {
  width: 100%;
  height: 100%;
}

.telefon-cerceve {
  position: absolute;
  top: 0;
  left: 0%;
  border-radius: 20px;
}

.etkinlik {
  position: relative;
}

  .etkinlik .slick-slide {
      height: 560px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

      .etkinlik .slick-slide img {
          display: block;
          margin: 0 auto;
          border-radius: 20px;
      }

      .etkinlik .slick-slide.slick-current {
          justify-content: flex-start;
      }


  .etkinlik .slick-current img {
      margin: 0;
      width: 250px;
      height: 96%;
      object-fit: cover;
      border-radius: 0;
      margin-left: 4px;
  }

.tel-position {
  position: relative;
}

.content {
  display: none;
}

  .content.active {
      display: block;
      padding: 40px 0px;
  }

.bel-telefon-slider .telefon-slider-icerik {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

  .bel-telefon-slider .telefon-slider-icerik h3 {
      font-size: 24px;
      font-weight: 600;
      color: rgba(0, 71, 132, 1);
      margin-top: 20px;
  }

  .bel-telefon-slider .telefon-slider-icerik p {
      font-size: 16px;
      font-weight: 500;
      color: rgba(138, 138, 138, 1);
      margin: 20px 0px;
  }

  .bel-telefon-slider .telefon-slider-icerik .telefon-slider-links {
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }

      .bel-telefon-slider .telefon-slider-icerik .telefon-slider-links a {
          color: rgba(0, 71, 132, 1);
          font-size: 16px;
          font-weight: 500;
          margin-right: 15px;
      }

      .bel-telefon-slider .telefon-slider-icerik .telefon-slider-links .uygulama-links {
          width: 45px;
          height: 45px;
          background-color: rgba(64, 150, 223, 1);
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 5px;
      }

/* ANA SAYFA TELEFON SLÄ°DER SON */

/* FOOTER BAŞLANGIÇ */
.bel-footer {
  background-image: url(../images/footer-background.jpg);
  padding: 30px 0px;
  margin-top: 50px;
  background-position: center left;
}

  .bel-footer .bel-footer-links {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }

      .bel-footer .bel-footer-links a {
          width: 15%;
          border: 1px solid #fff;
          color: #fff;
          text-decoration: none;
          border-radius: 7px;
          text-align: center;
          height: 45px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
      }

#new-footer .social-media .bel-footer-social-media {
  display: flex;
  justify-content: center;
  align-items: center;
}

#new-footer {
  width: 100%;
  position: relative;
  padding-top: 25px;
  margin-top: 40px;
}



  #new-footer .footer-flex-social {
      display: flex;
  }


  #new-footer .flex-ortalama {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      max-width: 100%;
      margin: 0 auto;
  }

  /*Sosyal Medya İkonlar Başlangıç*/
  #new-footer .social-media {
      display: flex;
      justify-content: center;
      align-items: center;
  }

      #new-footer .social-media a {
          text-decoration: none;
          margin: 0px 10px;
      }

      #new-footer .social-media a {
          color: #000;
          font-size: 22px;
          background-color: #fff;
          padding: 0px !important;
          align-items: center;
          justify-content: center;
          height: 40px;
          width: 40px;
          display: flex;
          border-radius: 50%;
          border: 1px solid #fff;
      }

          #new-footer .social-media a:hover {
              background-color: transparent;
              border: 1px solid #ffffff;
          }

              #new-footer .social-media a:hover svg {
                  fill: #fff;
              }

          #new-footer .social-media a svg {
              fill: #000;
              width: 20px;
          }

      #new-footer .social-media .footer-wifi svg {
          transform: rotate(45deg);
      }

      #new-footer .social-media .footer-line {
          width: 1px;
          background-color: #fff;
          height: 40px;
      }

      #new-footer .social-media .download-link-footer {
          display: flex;
      }

          #new-footer .social-media .download-link-footer .apple-footer {
              margin-left: 10px;
          }

          #new-footer .social-media .download-link-footer a {
              background-color: transparent;
          }

              #new-footer .social-media .download-link-footer a svg {
                  fill: #fff;
              }


      #new-footer .social-media i:hover {
          color: #fff;
          background-color: #000;
          border: 1px solid #fff;
      }

      #new-footer .social-media a:first-child {
          margin: 0px 10px 0px 0px;
      }



      #new-footer .social-media .bel-footer-modal-open .button {
          width: 175px;
          height: 42px;
          background-color: #ffffff;
          color: #000000;
          border-radius: 20px;
          font-weight: 600;
          margin-left: 15px;
          font-size: 14px;
      }

  /*Sosyal Medya Ä°konlar BitiÅŸ*/

  #new-footer .info-group ul {
      padding-inline-start: 0px;
      padding: 0px;
      margin-bottom: 0px;
  }

  #new-footer p {
      color: #fff;
      font-size: 18px;
      line-height: normal;
      margin-bottom: 0px;
  }

  #new-footer .info-group li span .icon-him {
      background: url(../images/telefon.png);
  }

  #new-footer .info-group li span .icon-faks {
      background: url(../images/sabittel.png);
  }

  #new-footer .info-group li span .icon-santral {
      background: url(../images/cagrimerkezi.png);
  }

  #new-footer .info-group li span .icon-adres {
      background: url(../images/brosur-2.png);
  }

  #new-footer .info-group li span .icon-emails {
      background: url(../images/posta.png);
      top: 18px;
  }


  #new-footer .flex-container {
      display: block;
      display: flex;
      margin-top: 20px;
      margin-bottom: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: center;
      text-align: left;
      width: 100%;
      -ms-flex-pack: center;
      justify-content: center;
      display: -ms-flexbox;
      align-items: flex-end;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: column;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
  }

  #new-footer .info-group li span {
      font-size: 16px;
      color: white;
      display: inline-block;
  }

      #new-footer .info-group li span a {
          color: white;
      }

      #new-footer .info-group li span i {
          width: 29px;
          height: 32px;
          background-repeat: no-repeat !important;
          display: inline-block;
          position: relative;
          object-fit: contain;
          background-size: cover;
          top: 10px;
          margin-right: 5px;
          margin-left: 0;
      }

  #new-footer .info-group li {
      display: inline-block;
      margin-bottom: 2px;
      margin-right: 15px;
  }

  #new-footer .info-group {
      display: block;
      display: flex;
      flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      -ms-flex: 100;
      flex: 100;
      display: flex;
      align-items: center;
      justify-content: center;
  }

/* FOOTER SON */

/* STRATEJİK PLAN BAŞLANGİC */

.bel-ic-safya-baslik {
  margin-top: 120px; /* Header ile arasını açmak için eklendi */
  background: linear-gradient(90deg, #004784 0%, #479FEB 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  height: 60px;
  width: 100%;
  margin-bottom: 30px;
}

  .bel-ic-safya-baslik h3 {
      font-size: 22px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0;
  }

.vizyon-misyon {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .vizyon-misyon .vizyon-misyon-box {
      width: 49%;
      padding: 30px;
      border: 1px solid rgba(64, 150, 223, 1);
      border-radius: 10px;
  }

      .vizyon-misyon .vizyon-misyon-box h5 {
          /*   font-size: 18px;*/
          font-size: 16px;
          transition: font-size 0.3s ease;
          font-weight: 700;
          color: rgba(64, 150, 223, 1);
      }

      .vizyon-misyon .vizyon-misyon-box p {
           font-size: 16px;
      /* font-size: 16px !important;*/
          transition: font-size 0.3s ease;
          font-weight: 500;
          color: rgba(138, 138, 138, 1);
      }

.stratejik-plan-download {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

  .stratejik-plan-download .stratejik-plan-download-box {
      width: 32%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: rgba(64, 150, 223, 0.2);
      min-height: 75px;
      padding: 7px 15px;
      height: auto;
      border-radius: 10px;
      margin-bottom: 30px;
  }

      .stratejik-plan-download .stratejik-plan-download-box span {
          font-size: 16px;
          font-weight: 500;
          color: rgba(64, 150, 223, 1);
      }

      .stratejik-plan-download .stratejik-plan-download-box .download-button {
          width: 55px;
          height: 45px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #fff;
          border: 2px solid rgba(64, 150, 223, 1);
          border-radius: 10px;
          margin-left: 7px;
      }

/* STRATEJÄ°K PLAN SON */


/* BİRİMLERİMİZ BAŞLANGIÇ */


.birimlerimiz h6 {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 71, 132, 1);
  margin-bottom: 7px;
}

.birimlerimiz .birimlerimiz-baskanlik {
  width: 100%;
  border: 1px solid rgba(64, 150, 223, 1);
  border-radius: 10px;
  height: auto;
}

  .birimlerimiz .birimlerimiz-baskanlik .baskan-baslik {
      background-color: #ccdae6;
      height: 60px;
      display: flex;
      /* justify-content: center; */
      align-items: center;
      padding: 0px 30px;
      border-radius: 10px;
  }

.birimlerimiz .baskanlik-icerik-box {
  padding: 20px 30px;
}

.birimlerimiz .birimlerimiz-baskanlik .baskanlik-icerik {
  display: flex;
  justify-content: space-between;
}

.birimlerimiz-box {
  margin: 30px 0px;
}

  .birimlerimiz-box .birimlerimiz-baslik {
      height: 60px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px 30px;
      background-color: #ccdae6;
      border-radius: 10px;
      width: 100%;
      padding: 0px 15px;
  }


#bel-accordion .accordion-header button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 0;
  background-color: transparent;
}

#bel-accordion .accordion-item {
  margin: 20px 0px;
  border: 0;
}



#bel-accordion .birim-baslik-border {
  border: 1px solid rgba(64, 150, 223, 1);
  border-radius: 10px;
}



#bel-accordion .accordion-header button .accordion-icon {
  display: flex;
  align-items: center;
}

  #bel-accordion .accordion-header button .accordion-icon img:nth-child(2) {
      display: none;
  }

  #bel-accordion .accordion-header button .accordion-icon h6 {
      margin-left: 7px;
  }

#bel-accordion button[aria-expanded="true"] .accordion-icon img:nth-child(2) {
  display: block;
}

#bel-accordion button[aria-expanded="true"] .accordion-icon img:nth-child(1) {
  display: none;
}

#bel-accordion .accordion-body {
  padding-top: 0;
  padding-bottom: 0;
}

  #bel-accordion .accordion-body .birimlerimiz-modal-open {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

      #bel-accordion .accordion-body .birimlerimiz-modal-open .birimler-title-modal button {
          padding: 0;
          color: rgba(138, 138, 138, 1);
          font-size: 16px;
          font-weight: 500;
      }

      #bel-accordion .accordion-body .birimlerimiz-modal-open span {
          color: rgba(138, 138, 138, 1);
          font-size: 16px;
          font-weight: 500;
      }

#bel-accordion .modal .modal-baslik {
  text-align: center;
}

  #bel-accordion .modal .modal-baslik h2 {
      font-size: 18px;
      font-weight: 600;
      color: rgba(0, 71, 132, 1);
  }

#bel-accordion .modal .modal-header {
  border: 0;
  padding: 0;
}

.modal .modal-header .bel-modal-close {
  border: 0;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 71, 132, 0.2);
  border: 1px solid rgba(0, 71, 132, 1);
  border-radius: 10px;
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1;
}

#bel-accordion .modal .modal-header .bel-modal-close {
  border: 0;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 71, 132, 0.2);
  border: 1px solid rgba(0, 71, 132, 1);
  border-radius: 10px;
  position: absolute;
  top: 19px;
  right: 17px;
  z-index: 1;
}

#bel-accordion .modal .modal-body .modal-baslik h4 {
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 71, 132, 1);
}

#bel-accordion .modal .modal-body .modal-person-contact {
  background-color: rgba(64, 150, 223, 0.2);
  border-radius: 7px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 20px;
}

  #bel-accordion .modal .modal-body .modal-person-contact .modal-person {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 20px;
  }

      #bel-accordion .modal .modal-body .modal-person-contact .modal-person:last-child {
          margin-bottom: 0;
      }

      #bel-accordion .modal .modal-body .modal-person-contact .modal-person span:first-child {
          font-size: 16px;
          font-weight: 400;
          color: rgba(64, 150, 223, 1);
      }

      #bel-accordion .modal .modal-body .modal-person-contact .modal-person span:last-child {
          font-size: 16px;
          font-weight: 500;
          color: rgba(64, 150, 223, 1);
          text-align: right;
      }

#bel-accordion .modal .modal-body .modal-person-detay h4 {
  color: rgba(0, 71, 132, 1);
  font-size: 16px;
  font-weight: 600;
}

#bel-accordion .modal .modal-body .modal-person-detay p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(138, 138, 138, 1);
}

/* BÄ°RÄ°MLERÄ°MÄ°Z SON */

/* SIKÇA SORULAN SORULAR BAŞLANGIÇ */


.sikca-sorulan-sorular .accordion-header .accordion-button {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 71, 132, 1);
}

.sikca-sorulan-sorular .accordion-item {
  margin-bottom: 15px;
  border: 1px solid rgba(0, 71, 132, 0.25);
  border-radius: 10px;
}

.sikca-sorulan-sorular button:focus {
  box-shadow: none;
}


.sikca-sorulan-sorular .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-radius: 10px;
}

.sikca-sorulan-sorular .accordion-header .accordion-button.collapsed {
  border-radius: 10px;
}

.sikca-sorulan-sorular .accordion-item:first-of-type > .accordion-header .accordion-button {
  border-radius: 10px;
}


.sikca-sorulan-sorular .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-radius: 10px;
}

.sikca-sorulan-sorular .accordion-item .accordion-body {
  border-top: 2px dashed rgba(0, 71, 132, 1);
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  font-weight: 500;
}

.sikca-sorulan-sorular .accordion-item .accordion-collapse {
  padding: 0px 17px;
}

.sikca-sorulan-sorular .accordion-item .accordion-button::after {
  content: url(../images/accordion-icon-sss.png);
  background-image: none;
}

/* SIKÇA SORULAN SORULAR SON */
/* HEMSEHRİ İLETİŞİM BAŞLANGIÇ */
.hemsehri-description p {
  font-size: 16px;
  font-weight: 500;
  color: rgba(138, 138, 138, 1);
}

.hemsehri-description a {
  font-size: 16px;
  font-weight: 600;
  color: #4096df;
  text-decoration: underline;
}

.hemsehri-flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

  .hemsehri-flex-box .hemsehri-him-image {
      border: 1px solid rgba(64, 150, 223, 1);
      padding: 24px 15px;
      width: 18%;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .hemsehri-flex-box .hemsehri-flex-box-wrap {
      width: 80%;
      border: 1px solid rgba(64, 150, 223, 1);
      border-radius: 10px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 24px 15px;
  }

      .hemsehri-flex-box .hemsehri-flex-box-wrap .hemsehri-line {
          width: 1px;
          height: 60px;
          background-color: rgba(64, 150, 223, 1);
      }

  .hemsehri-flex-box .hemsehri-box-icerik a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: rgba(64, 150, 223, 1);
      text-decoration: none;
  }

      .hemsehri-flex-box .hemsehri-box-icerik a img {
          margin-bottom: 15px;
      }

  .hemsehri-flex-box .hemsehri-box-icerik span:first-child {
      font-size: 16px;
      font-weight: 400;
  }

  .hemsehri-flex-box .hemsehri-box-icerik span:last-child {
      font-size: 16px;
      font-weight: 500;
  }

  .hemsehri-flex-box .hemsehri-underline span:last-child {
      text-decoration: underline;
  }

/* HEMSEHRİ İLETİŞİM SON */

/* HOŞGELDİN BEBEK BAŞLANGIÇ */
.hosgeldin-bebek-title-image {
  width: 100%;
  border-radius: 10px;
  background-color: rgba(234, 88, 28, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.hosgeldin-bebek-description {
  margin-top: 30px;
}

  .hosgeldin-bebek-description p {
      font-size: 16px;
      color: rgba(138, 138, 138, 1);
      font-weight: 500;
  }

/* HOŞGELDİN BEBEK SON */
/* İKİ BOYUTLU KENT REHBERİ BAŞLANGIÇ */
.iki-boyutlu-kent-rehberi-image {
  position: relative;
}

  .iki-boyutlu-kent-rehberi-image img {
      position: relative;
      height: 230px;
      max-height: 230px;
      min-height: 230px;
      object-fit: cover;
      width: 100%;
      border-radius: 10px;
  }

  .iki-boyutlu-kent-rehberi-image .kent-rehberi-opacity {
      position: absolute;
      background-color: #000;
      opacity: 0.5;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
  }

  .iki-boyutlu-kent-rehberi-image .kent-rehberi-description {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 2;
      width: 100%;
      padding: 7px;
  }

      .iki-boyutlu-kent-rehberi-image .kent-rehberi-description h1 {
          font-size: 30px;
          font-weight: 600;
          color: #fff;
      }

      .iki-boyutlu-kent-rehberi-image .kent-rehberi-description h3 {
          font-size: 26px;
          font-weight: 500;
          color: #fff;
      }

/* Ä°KÄ° BOYUTLU KENT REHBERÄ° SON */
/* TOPLU ULASİM KARTLARI BAŞLANGIÇ */
.bel-content .toplu-ulasim-image {
  display: flex;
  margin-bottom: 30px;
}

  .bel-content .toplu-ulasim-image img {
      margin-right: 15px;
      height: 125px;
      max-height: 125px;
      min-height: 125px;
      object-fit: cover;
      width: 200px;
      border-radius: 10px;
  }

.bel-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: rgba(64, 150, 223, 1);
}

.bel-content h2 {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 71, 132, 1);
  margin-top: 20px;
}

.bel-content h1 {
  font-size: 24px;
  font-weight: 700;
  color: rgba(0, 71, 132, 1);
  margin-top: 20px;
  margin-bottom: 20px;
}

.bel-content .italic-span {
  font-style: italic;
  color: rgba(0, 71, 132, 1);
  font-weight: 500;
  display: block;
  margin-bottom: 30px;
}

.bel-content p {
  font-size: 16px !important;
  font-weight: 500;
  color: rgba(138, 138, 138, 1);
  margin-top: 0;
}

#meclisVideosu p {
  text-align: center;
}

.bel-content span {
  font-size: 16px;
}

.bel-content b {
  font-weight: 600;
}

.bel-content strong {
  font-weight: 600;
}


.bel-content a {
  font-size: 16px;
  font-weight: 700;
  color: rgba(64, 150, 223, 1);
  text-decoration: underline;
}

.bel-content ul li {
  font-size: 16px;
  font-weight: 500;
  color: rgba(138, 138, 138, 1);
}

  .bel-content ul li a {
      text-decoration: none;
  }

.bel-content ul p {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 20px;
  color: rgba(64, 150, 223, 1)
}


/* TOPLU ULASÄ°M KARTLARI SON */

/* GENEL ULAŞIM BİLGİLERİ BAŞLANGIÇ*/
.bel-content .ulasim-flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ulasim-flex-box .ulasim-box-border {
  border: 1px solid rgba(64, 150, 223, 1);
}

.ulasim-flex-box .flex-box-icerik {
  width: 49%;
  border-radius: 10px;
  padding: 30px;
}

  .ulasim-flex-box .flex-box-icerik:last-child {
      padding: 0;
  }

  .ulasim-flex-box .flex-box-icerik .flex-box-1:first-child {
      margin-bottom: 30px;
  }

  .ulasim-flex-box .flex-box-icerik .flex-box-1 {
      border: 1px solid rgba(64, 150, 223, 1);
      border-radius: 10px;
      padding: 30px;
  }

  .ulasim-flex-box .flex-box-icerik p {
      margin-top: 0;
      margin-bottom: 0;
  }

.ulasim-flex-box-baykus {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .ulasim-flex-box-baykus .flex-box-baykus-icerik {
      width: 49%;
  }

  .ulasim-flex-box-baykus .baykus-sefer-icerik {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 30px;
      padding: 20px;
  }

      .ulasim-flex-box-baykus .baykus-sefer-icerik p {
          color: rgba(64, 150, 223, 1);
      }

      .ulasim-flex-box-baykus .baykus-sefer-icerik span {
          font-style: italic;
          font-size: 14px;
          font-weight: 500;
          color: rgba(138, 138, 138, 1);
      }

      .ulasim-flex-box-baykus .baykus-sefer-icerik ul span {
          color: rgba(64, 150, 223, 1);
          font-style: normal;
      }

.bel-content .hemsehri-box-icerik span {
  font-weight: 400;
}

.ulasim-ait-websiteler {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .ulasim-ait-websiteler .ulasim-ait-websiteler-box {
      width: 32%;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      max-height: 200px;
      min-height: 200px;
      height: 200px;
      margin-bottom: 30px;
      padding: 10px;
  }

      .ulasim-ait-websiteler .ulasim-ait-websiteler-box a {
          font-size: 24px;
          font-weight: 600;
          color: rgba(0, 71, 132, 1);
          text-decoration: none;
      }

.daha-fazla-gor-button {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 45px;
}

  .daha-fazla-gor-button a {
      border: 1px solid rgba(0, 71, 132, 1);
      border-radius: 10px;
      font-size: 16px;
      font-weight: 600;
      color: rgba(0, 71, 132, 1);
      width: 435px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
  }

.bel-content .anaplan-revizyon-image img {
  height: 300px;
  min-height: 300px;
  max-height: 300px;
  width: 203px;
  object-fit: cover;
  border-radius: 10px;
}

.bel-content .korfez-hava-kontrol-slick {
  margin-top: 30px;
}

  .bel-content .korfez-hava-kontrol-slick .imageGallery1 {
      padding-left: 15px;
  }

      .bel-content .korfez-hava-kontrol-slick .imageGallery1 img {
          width: 100%;
          height: 125px;
          max-height: 125px;
          min-height: 125px;
          object-fit: cover;
          border-radius: 10px;
      }

.bel-content .itfaiye-shadow {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}

  .bel-content .itfaiye-shadow p {
      margin: 0;
  }

.itfaiye-image {
  width: 100%;
  height: 250px;
  max-height: 250px;
  min-height: 250px;
  object-fit: cover;
  border-radius: 10px;
}

.veteriner-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

  .veteriner-flex.yasam-kampusu .veteriner-contack {
      width: 50%;
  }

  .veteriner-flex.yasam-kampusu .veteriner-image {
      width: 15%;
  }

  .veteriner-flex .veteriner-contack {
      width: 30%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid rgba(64, 150, 223, 1);
      border-radius: 10px;
      padding: 25px 30px;
      margin-right: 15px;
      margin-bottom: 15px;
  }

      .veteriner-flex .veteriner-contack a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          text-decoration: none;
      }

          .veteriner-flex .veteriner-contack a span {
              font-size: 16px;
              font-weight: 400;
              color: rgba(64, 150, 223, 1);
          }

      .veteriner-flex .veteriner-contack .hemsehri-line {
          width: 1px;
          height: 60px;
          background-color: rgba(64, 150, 223, 1);
      }

  .veteriner-flex .veteriner-image {
      width: 16%;
      margin-right: 15px;
      margin-bottom: 15px;
  }

      .veteriner-flex .veteriner-image img {
          width: 100%;
          height: 125px;
          max-height: 125px;
          min-height: 125px;
          object-fit: cover;
          border-radius: 10px;
      }

  .veteriner-flex .veteriner-contack .veteriner-underline a span:last-child {
      text-decoration: underline;
  }

.cenaze-dropdown {
  margin-top: 30px;
}

  .cenaze-dropdown .bel-content {
      width: 100%;
      position: relative;
      margin-bottom: 30px;
  }


  .cenaze-dropdown .yayinlar-drops .dropdown-menu::-webkit-scrollbar {
      width: 5px;
      background-color: transparent;
      border-radius: 10px;
  }

  .cenaze-dropdown .yayinlar-drops .dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 10px;
      border: 5px solid rgba(64, 150, 223, 1);
      background: linear-gradient(90deg, #004784 0%, #479FEB 10%);
  }

  .cenaze-dropdown .dropdown-menu {
      width: 100%;
      border: 0;
      max-height: 195px;
      overflow: auto;
      box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
      padding-right: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }

  .cenaze-dropdown .yayinlar-drops .dropdown-menu.show {
      position: relative !important;
      transform: translate(0px, 0px) !important;
  }

  .cenaze-dropdown .yayinlar-drops button {
      width: 100%;
      text-align: left;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      font-size: 18px;
      font-weight: 700;
      color: rgba(64, 150, 223, 1);
      min-height: 70px;
      height: auto;
      border-radius: 10px;
      margin-top: 30px;
      border: 0;
  }

  .cenaze-dropdown .yayinlar-drops .btn:first-child:active {
      color: rgba(64, 150, 223, 1);
  }

  .cenaze-dropdown .yayinlar-drops button[aria-expanded="true"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }

  .cenaze-dropdown .yayinlar-drops button img {
      margin-left: 7px;
  }

  .cenaze-dropdown .yayinlar-drops button[aria-expanded="true"] img {
      transform: rotate(180deg);
      transition: transform 0.5s;
  }

  .cenaze-dropdown .dropdown-menu.meslek-fabrikasi-li ul li {
      justify-content: flex-start;
      list-style: none;
  }

      .cenaze-dropdown .dropdown-menu.meslek-fabrikasi-li ul li a {
          color: rgba(138, 138, 138, 1)
      }

  .cenaze-dropdown .meslek-fabrikasi-li ul li::before {
      content: "• ";
      /* Nokta ve bir boÅŸluk ekler */
      color: rgba(138, 138, 138, 1);
      /* Noktanın rengini belirler */
      margin-right: 8px;
      /* Nokta ile yazı arasına boşluk ekler */
      width: 2px;
  }

  .cenaze-dropdown .bel-content .dropdown-menu .dropdown-item {
      font-size: 16px;
      font-weight: 500;
      color: rgba(64, 150, 223, 1);
  }

  .cenaze-dropdown .bel-content .dropdown-menu li {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 15px;
  }

  .cenaze-dropdown .bel-content .dropdown-menu .cenaze-contact {
      display: flex;
      flex-direction: column;
      text-align: end;
      width: 100%;
      padding-right: 15px;
  }

      .cenaze-dropdown .bel-content .dropdown-menu .cenaze-contact span {
          font-size: 16px;
          font-weight: 500;
          color: rgba(138, 138, 138, 1);
      }

.slider-galeri-bel {
  margin: 30px 0px;
}

  .slider-galeri-bel img {
      padding: 7px;
      width: 100%;
      border-radius: 10px;
      height: 125px;
      max-height: 125px;
      min-height: 125px;
      object-fit: cover;
  }

.one-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(64, 150, 223, 1);
  border-radius: 10px;
  padding: 25px 30px;
  width: 200px;
}

  .one-contact .one-contact-underline a span:last-child {
      text-decoration: underline;
  }

  .one-contact a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      text-decoration: none;
  }

      .one-contact a span {
          font-size: 16px;
          font-weight: 400;
          color: rgba(64, 150, 223, 1);
      }

.slider-galeri-bel .slick-track {
  margin: 0;
}

.ambalaj-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .ambalaj-box .ambalaj-box-icerik {
      width: 49%;
      border: 1px solid rgba(64, 150, 223, 1);
      border-radius: 10px;
      padding: 30px;
  }

.ambalaj-atik-contact {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .ambalaj-atik-contact .ambalaj-atik-belediye {
      width: 24%;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      padding: 30px 15px;
      text-align: center;
      margin-bottom: 30px;
  }

      .ambalaj-atik-contact .ambalaj-atik-belediye p {
          margin-top: 20px;
      }

.bel-tablo {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 20px;
}

  .bel-tablo .table {
      text-align: center;
      margin-bottom: 0;
  }

      /* .bel-tablo .table th,
.table td {
  width: 50%;
  border: 1px solid rgba(217, 234, 249, 1);
} */

      /* .bel-tablo .table td {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: rgba(138, 138, 138, 1);
} */

      .bel-tablo .table th:first-child {
          border-top-left-radius: 10px;
      }

      .bel-tablo .table th:last-child {
          border-top-right-radius: 10px;
      }

      .bel-tablo .table th {
          border: 0;
          background-color: rgba(64, 150, 223, 0.2);
          font-size: 16px;
          font-weight: 500;
          color: rgba(64, 150, 223, 1);
          height: 80px;
          vertical-align: middle;
      }

/* .bel-tablo .table tr {
  height: 70px;
  vertical-align: middle;
}

.bel-tablo .table td:last-child {
  border-left: 1px solid rgba(217, 234, 249, 1);
} */

.bel-bg-yazi {
  background-color: rgba(64, 150, 223, 0.2);
  border-radius: 10px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}

.mezbaha-mudurluk {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
}

  .mezbaha-mudurluk .mezbaha-subesi-w-100 {
      width: 100%;
  }

  .mezbaha-mudurluk .mezbaha-box-icerik {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      background-color: #fff;
      margin-bottom: 20px;
      padding: 30px 15px;
      text-align: center;
  }

  .mezbaha-mudurluk .mezbaha-subeleri {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }

      .mezbaha-mudurluk .mezbaha-subeleri .mezbaha-box {
          width: 49%;
      }

  .mezbaha-mudurluk p {
      margin-top: 20px;
      margin-bottom: 15px;
  }

  .mezbaha-mudurluk span {
      font-weight: 500
  }

.kent-estetigi {
  display: flex;
  flex-direction: column;
}

.ayome-genel-kurul-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .ayome-genel-kurul-flex .ayome-genel-kurul-box {
      width: 24%;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      padding: 30px 15px;
      border-radius: 10px;
      margin-bottom: 30px;
  }

      .ayome-genel-kurul-flex .ayome-genel-kurul-box .ayome-genel-kurul-box-icerik {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
      }

          .ayome-genel-kurul-flex .ayome-genel-kurul-box .ayome-genel-kurul-box-icerik h2 {
              margin-top: 0;
          }

          .ayome-genel-kurul-flex .ayome-genel-kurul-box .ayome-genel-kurul-box-icerik .ayome-box-button {
              display: flex;
              justify-content: space-between;
              align-items: center;
              width: 100%;
              margin-top: 30px;
          }

              .ayome-genel-kurul-flex .ayome-genel-kurul-box .ayome-genel-kurul-box-icerik .ayome-box-button a {
                  width: 45%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: 45px;
                  border-radius: 10px;
                  background-color: rgba(64, 150, 223, 0.2);
                  font-size: 16px;
                  font-weight: 500;
                  color: rgba(64, 150, 223, 1);
                  text-decoration: none;
                  padding: 0px 7px;
                  text-align: center;
              }

.faaliyet-merkezi-tabs .nav {
  border: 0;
}

  .faaliyet-merkezi-tabs .nav li {
      margin-right: 30px;
      margin-bottom: 15px;
  }

      .faaliyet-merkezi-tabs .nav li:last-child {
          margin-right: 0;
      }

      .faaliyet-merkezi-tabs .nav li .nav-link {
          border: 1px solid rgba(64, 150, 223, 0.2);
          color: rgba(64, 150, 223, 1);
          font-size: 16px;
          font-weight: 600;
          word-break: initial;
          height: 90px;
          border-radius: 10px;
          max-width: 201px;
          min-width: 201px;
          width: 201px;
      }

          .faaliyet-merkezi-tabs .nav li .nav-link.active {
              background-color: rgba(64, 150, 223, 0.2);
          }

.bel-video-galeri .imageGallery1 {
  padding: 7px;
}

  .bel-video-galeri .imageGallery1 a {
      position: relative;
  }

      .bel-video-galeri .imageGallery1 a img {
          padding: 0;
      }

  .bel-video-galeri .imageGallery1 .bel-video-opacity {
      position: absolute;
      background-color: #000;
      opacity: 0.4;
      width: 100%;
      height: 100%;
      top: 0;
      border-radius: 10px;
  }

  .bel-video-galeri .imageGallery1 .bel-video-play-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      max-height: none;
      min-height: auto;
  }

.haber-detay-wfull-image {
  position: relative;
}

  .haber-detay-wfull-image img {
      position: relative;
      width: 100%;
      height: 250px;
      max-height: 250px;
      min-height: 250px;
      object-fit: cover;
      border-radius: 20px;
  }

  .haber-detay-wfull-image .haber-detay-opacity {
      background-color: #000;
      opacity: 0.4;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      border-radius: 20px;
  }

  .haber-detay-wfull-image .haberlere-geri-don {
      position: absolute;
      bottom: 30px;
      right: 30px;
      padding: 12px 28px;
      background: linear-gradient(90deg, #004784 0%, #479FEB 100%);
      font-size: 16px;
      font-weight: 700;
      color: #fff;
      text-decoration: none;
      border-radius: 10px;
  }

/* GENEL ULAŞIM BİLGİLERİ SON*/

/*loading bekleyiz*/

/*.bekleyiniz:after, body.load-on:after {
  content: '';
  background: black;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  z-index: 9999;
  opacity: 0.3;
}*/

.bekleyiniz:before, body.load-on {
  overflow: hidden;
}

  .bekleyiniz:before, body.load-on:before {
      content: '';
      background-image: url("/Content/img/tr/bekleyiniz.gif");
      background-repeat: no-repeat;
      background-position: center;
      position: fixed;
      width: 100%;
      height: 100vh;
      z-index: 99999;
      background-color: rgba(0, 0, 0, 0.3);
  }


#bel-search {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 5%;
}

  #bel-search.open {
      opacity: 1;
      pointer-events: auto;
  }



  #bel-search .btn {
      font-size: 20px;
      border-radius: 0px;
      height: 57px;
      font-weight: 400;
      background: linear-gradient(90deg, rgba(0, 71, 132, 1) 0%, rgba(64, 150, 223, 1) 100%);
      text-shadow: none;
      position: absolute;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      top: 1px;
      right: 1px;
      width: 85px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  #bel-search .close {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #fff;
      background: linear-gradient(90deg, rgba(0, 71, 132, 1) 0%, rgba(64, 150, 223, 1) 100%);
      border-color: #049dd6;
      opacity: 1;
      z-index: 9999999;
      padding: 5px;
      width: 88px;
      height: 45px;
      border-radius: 25px;
      cursor: pointer;
      border: none;
  }

  #bel-search .search {
      color: rgb(255, 255, 255);
      background: rgba(0, 0, 0, 0);
      font-size: 22px;
      font-weight: 400;
      text-align: left;
      height: 45px;
      width: 100%;
      border: 1px solid #ccc;
      margin: 0px auto;
      padding-left: 30px;
      padding-right: 30px;
      outline: none;
  }

  #bel-search .search-input-alani {
      position: relative;
  }

      #bel-search .search-input-alani input {
          border-radius: 0;
          background-color: transparent;
          border: 1px solid #fff;
          color: #fff;
          border-radius: 25px;
          height: 60px;
          padding-right: 95px;
      }
      #bel-search .search-input-alani .btn {
          border-top-right-radius: 25px;
          border-bottom-right-radius: 25px;
          cursor: pointer !important;
          pointer-events: auto !important;
          -webkit-tap-highlight-color: rgba(0, 71, 132, 0.3);
          touch-action: manipulation;
      }
      
      #bel-search .search-input-alani .btn:hover {
          opacity: 0.9;
      }
      
      #bel-search .search-input-alani .btn:active {
          opacity: 0.8;
          transform: scale(0.98);
      }
      
      #bel-search .search-input-alani .btn img {
          pointer-events: none !important;
          user-select: none !important;
      }
      #bel-search .search-input-alani .clear-search {
          position: absolute;
          left: 0;
          bottom: -32px;
          background: transparent;
          border: none;
          color: rgba(255,255,255,0.9);
          font-size: 14px;
          cursor: pointer;
      }

  #bel-search section {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
  }

  #bel-search .container {
      display: flex;
      justify-content: center;
      width: 100%;
  }

  #bel-search form {
      width: 100%;
      max-width: 785px;
      margin: 0 auto;
  }

  /* Arama sonuçları dropdown - koyu arka plan, beyaz yazı (okunabilir) */
  #bel-search #search-results {
      margin-top: 15px;
      background: #1a2332;
      border-radius: 8px;
      padding: 15px;
      max-height: 70vh;
      overflow-y: auto;
      color: #fff;
  }
  #bel-search #search-results .nav-tabs {
      background: #004784;
      border: none;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      padding: 10px 8px 0;
  }
  #bel-search #search-results .nav-tabs li {
      margin: 0;
      padding: 0;
  }
  #bel-search #search-results .nav-tabs li a {
      display: inline-block;
      color: rgba(255,255,255,0.85) !important;
      padding: 5px 12px;
      border-radius: 6px 6px 0 0;
      margin-right: 4px;
      cursor: pointer;
      font-size: 13px;
  }
  #bel-search #search-results .nav-tabs li.active a {
      color: #004784 !important;
      background: #fff !important;
      font-weight: 600;
  }
  #bel-search #search-results .nav-tabs li a:hover {
      background: rgba(255,255,255,0.2);
      color: #fff !important;
  }
  #bel-search a.search-details {
      display: block;
      color: #fff !important;
      text-decoration: none;
      padding: 12px 15px;
      border-bottom: 1px solid rgba(255,255,255,0.15);
      transition: background-color 0.2s;
  }
  #bel-search a.search-details:hover {
      background-color: rgba(255,255,255,0.12);
      color: #fff !important;
  }
  #bel-search .search-list-item {
      margin: 0;
      padding: 0;
  }
  #bel-search .search-list-item .search-title {
      margin: 0 0 4px 0;
      font-size: 15px;
      font-weight: 600;
      color: #fff !important;
  }
  #bel-search .search-list-item p.search-details {
      margin: 0;
      font-size: 13px;
      color: rgba(255,255,255,0.9) !important;
      line-height: 1.4;
      padding: 0;
      border: none;
  }
  #bel-search #search-results .tab-content,
  #bel-search #search-results .tab-pane {
      background: #1a2332;
      color: #fff;
  }
  #bel-search #search-results .tab-pane p {
      color: rgba(255,255,255,0.9) !important;
  }

  #bel-search .search-imageler {
      position: absolute;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      top: 30px;
      padding-right: 24px;
  }

      #bel-search .search-imageler .search-imageler-1 img:nth-child(1) {
          margin-right: 109px;
      }

/* Mobil Responsive - #bel-search */
@media (max-width: 768px) {
  #bel-search {
    padding-top: 10%;
    align-items: flex-start;
  }
  
  #bel-search .close {
    top: 10px;
    right: 10px;
    width: 70px;
    height: 38px;
    font-size: 14px;
    padding: 4px;
  }
  
  #bel-search section {
    padding: 0 15px;
  }
  
  #bel-search form {
    max-width: 100%;
  }
  
  #bel-search .search-input-alani input {
    height: 50px;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 80px;
  }
  
  #bel-search .search-input-alani .btn {
    width: 70px;
    height: 50px;
    font-size: 16px;
  }
  
  #bel-search .search-input-alani .btn img {
    width: 20px;
    height: 20px;
  }
  
  #bel-search .search-input-alani .clear-search {
    font-size: 12px;
    bottom: -28px;
  }
  
  #bel-search .search {
    font-size: 18px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  #bel-search .search-imageler {
    top: 20px;
    padding-right: 15px;
  }
  
  #bel-search .search-imageler .search-imageler-1 img:nth-child(1) {
    margin-right: 50px;
  }
  
  #bel-search #search-results .nav-tabs {
    flex-wrap: wrap;
  }
  
  #bel-search #search-results .nav-tabs li {
    flex: 1 1 auto;
    min-width: 50%;
  }
  
  #bel-search #search-results .nav-tabs li a {
    font-size: 13px;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 576px) {
  #bel-search {
    padding-top: 15%;
  }
  
  #bel-search .close {
    top: 8px;
    right: 8px;
    width: 60px;
    height: 35px;
    font-size: 12px;
    padding: 3px;
  }
  
  #bel-search section {
    padding: 0 10px;
  }
  
  #bel-search .search-input-alani input {
    height: 45px;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 70px;
  }
  
  #bel-search .search-input-alani .btn {
    width: 60px;
    height: 45px;
    font-size: 14px;
  }
  
  #bel-search .search-input-alani .btn img {
    width: 18px;
    height: 18px;
  }
  
  #bel-search .search-input-alani .clear-search {
    font-size: 11px;
    bottom: -25px;
  }
  
  #bel-search .search {
    font-size: 16px;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  #bel-search .search-imageler {
    top: 15px;
    padding-right: 10px;
  }
  
  #bel-search .search-imageler .search-imageler-1 img:nth-child(1) {
    margin-right: 30px;
  }
  
  #bel-search #search-results .nav-tabs li {
    min-width: 100%;
  }
  
  #bel-search #search-results .nav-tabs li a {
    font-size: 12px;
    padding: 6px 8px;
  }
  
  #bel-search .tab-content {
    margin-top: 10px;
  }
}

.bel-content .bel-new-page-tabs {
  top: 0;
}

.index-projeler span {
  color: rgba(0, 71, 132, 1);
  font-size: 16px;
  font-weight: 500;
}

#ic-sayfa-header .header-menu-search .duzeltmearama {
  border: 1px solid rgba(0, 71, 132, 1);
}

.anasayfa-slider-2 .slider-for {
  padding: 0px 15px;
}

.triple-slider img {
  width: 100%;
  padding: 7px;
  height: 360px;
  max-height: 360px;
  min-height: 360px;
  object-fit: cover;
  border-radius: 15px;
}

.triple-slider .slick-list {
  margin-right: -5px;
  margin-left: -5px;
}

.ic-sayfa-megamenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

  .ic-sayfa-megamenu .bel-goback {
      display: flex;
      align-items: center;
  }

      .ic-sayfa-megamenu .bel-goback button {
          box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
          background-color: #ffffff;
          margin-right: 30px;
          border: 0;
          width: 45px;
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 10px;
      }

.bel-font-print {
  display: flex;
}

  .bel-font-print .bel-yazi-font-button,
  .bel-page-printer {
      margin-left: 20px;
      background-color: rgba(64, 150, 223, 0.2);
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-radius: 10px;
      padding: 15px;
      width: 122px;
  }


      .bel-font-print .bel-yazi-font-button button {
          background-color: transparent;
          border: 0;
          height: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
      }

      .bel-font-print .bel-yazi-font-button .minus-icon {
          min-height: 32px;
          margin-right: 10px;
      }

      .bel-font-print .bel-yazi-font-button span {
          font-size: 16px;
          font-weight: 600;
          color: #4096df;
      }

      .bel-font-print .bel-yazi-font-button .plus-icon {
          min-height: 32px;
          margin-left: 10px;
      }

      .bel-page-printer .page-paylas {
          display: flex;
          border: 0;
          background-color: transparent;
          width: 100%;
          padding: 0;
          justify-content: space-between;
          color: #049dd6;
          font-size: 16px;
          font-weight: 600;
      }

.bel-content .proje-detay {
  margin-top: 35px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .bel-content .proje-detay .proje-sahibi h5 {
      font-weight: 400;
      font-size: 18px;
      color: rgba(0, 71, 132, 1);
      margin-top: 10px;
  }

  .bel-content .proje-detay .proje-sahibi span {
      color: rgba(0, 71, 132, 1);
  }

.senin-icin-bel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .senin-icin-bel .iki-boyutlu-kent-rehberi-image {
      width: 49%;
  }

.senin-icin-bel-flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .senin-icin-bel-flex-box .senin-icin-bel-box {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      border-radius: 10px;
      min-height: 180px;
      width: 32%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      padding: 30px;
      margin-top: 30px;
  }

      .senin-icin-bel-flex-box .senin-icin-bel-box p {
          color: rgba(64, 150, 223, 1);
      }

.bel-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .bel-pagination .bel-pagination-width {
      width: 200px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: rgba(64, 150, 223, 0.2);
      padding: 7px;
      height: auto;
      border-radius: 10px;
  }

  .bel-pagination button {
      -webkit-appearance: none;
      border: 0;
      outline: 0;
      background-color: rgba(64, 150, 223, 1);
      width: 35px;
      height: 35px;
      text-align: center;
      border-radius: 7px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .bel-pagination .paginate {
      position: relative;
      cursor: pointer;
      transform: translate3d(0, 0, 0);
      padding: 0;
  }

      .bel-pagination .paginate i {
          display: flex;
          width: 10px;
          height: 3px;
          border-radius: 2.5px;
          background: #fff;
          transition: all 0.15s ease;
      }

      .bel-pagination .paginate.left i:first-child {
          transform: translate(0, -1px) rotate(-40deg);
      }

      .bel-pagination .paginate.left i:last-child {
          transform: translate(0, 2px) rotate(40deg);
      }

      .bel-pagination .paginate.right i {
          transform-origin: 100% 50%;
      }

          .bel-pagination .paginate.right i:first-child {
              transform: translate(0, 3px) rotate(40deg);
          }

          .bel-pagination .paginate.right i:last-child {
              transform: translate(0, -1px) rotate(-40deg);
          }

      .bel-pagination .paginate[data-state="disabled"] {
          opacity: 0.7;
          cursor: default;
          background-color: transparent;
      }


  .bel-pagination .counter {
      text-align: center;
      font-size: 16px;
      color: rgba(64, 150, 223, 1);
      font-weight: 500;
  }

.bel-content input::placeholder {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  color: rgba(0, 71, 132, 0.5);
}

.bel-content textarea::placeholder {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  color: rgba(0, 71, 132, 0.5);
}

.bel-content .bel-input,
.bel-select {
  border: 1px solid rgba(138, 138, 138, 1);
  border-radius: 10px;
  margin: 15px 0px;
  height: 45px;
  color: rgba(138, 138, 138, 1);
}

.bel-content .bel-textarea {
  border: 1px solid rgba(138, 138, 138, 1);
  border-radius: 10px;
  margin: 15px 0px;
  color: #4096df;
}

.bel-content .bel-input:focus {
  border: 1px solid rgba(64, 150, 223, 1);
  box-shadow: none;
  color: #4096df;
}

.bel-content .bel-select:focus {
  border: 1px solid rgba(64, 150, 223, 1);
  box-shadow: none;
  color: #4096df;
}

.bel-content label {
  font-size: 16px;
  color: rgba(138, 138, 138, 1);
  font-weight: 500;
  margin-top: 20px;
}

  .bel-content label span {
      font-size: 14px;
      color: rgba(138, 138, 138, 1);
      font-weight: 400;
      font-style: italic;
  }

.bel-content input:focus + label + span,
.bel-content select:focus + label + span,
.bel-content textarea:focus + label + span {
  color: rgba(64, 150, 223, 1);
}

.bel-content .col-sm-12:focus-within label,
.bel-content .col-sm-12:focus-within label span {
  color: rgba(64, 150, 223, 1);
}

/* Boş bırakılmış input ve select alanları için kırmızı kenarlık */
.bel-content .input-error {
  border: 1px solid red;
}

/* Boş bırakılmış input ve select ile ilişkili label ve span için kırmızı yazı rengi */
.bel-content .label-error,
.bel-content .label-error span {
  color: red;
}

/* Doluyken mavi kenarlık ve yazı rengi */
.bel-content .input-valid {
  border: 1px solid rgba(64, 150, 223, 1);
  outline: none;
  color: rgba(64, 150, 223, 1);
}

.bel-content .label-valid,
.bel-content .label-valid span {
  color: rgba(64, 150, 223, 1);
}



.bel-content .col-sm-12:focus-within label,
.bel-content .col-sm-12:focus-within label span {
  color: rgba(64, 150, 223, 1);
}



.bel-content .cocugumu-ekle-button button {
  background-color: rgba(64, 150, 223, 0.2);
  color: rgba(64, 150, 223, 1);
  font-size: 16px;
  font-weight: 600;
  width: 320px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  padding: 0px 15px;
  margin-top: 30px;
}

/* .hosgeldin-bebek-table .bel-tablo .table th,
.table td {
  width: auto;
  border: 1px solid rgba(217, 234, 249, 1);
} */

/* .hosgeldin-bebek-table .bel-tablo .table td {
  border-left: 1px solid rgba(217, 234, 249, 1);
  border-right: 1px solid rgba(217, 234, 249, 1);
  border-radius: 10px;
  min-width: 250px;
  font-weight: 600;
  color: rgba(64, 150, 223, 1);
  padding: 20px 30px;
} */

.hosgeldin-bebek-table .bel-tablo .table td .table-sil-button {
  background-color: rgba(64, 150, 223, 0.2);
  border: 0;
  width: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding: 0px 15px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(64, 150, 223, 1);
}

  .hosgeldin-bebek-table .bel-tablo .table td .table-sil-button img {
      transform: rotate(135deg);
  }



.bel-check-box label {
  font-weight: 400;
  font-size: 14px;
  color: rgba(138, 138, 138, 1);
}

  .bel-check-box label a {
      font-weight: 500;
      font-size: 14px;
      position: relative;
      margin: 5px;
      top: -2px;
      color: rgba(138, 138, 138, 1);
  }

.bel-submit-button {
  margin-top: 15px;
  margin-bottom: 15px;
}

  .bel-submit-button button {
      width: 320px;
      height: 45px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px 15px;
      border-radius: 10px;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      background-color: rgba(0, 71, 132, 1);
      border: 0;
  }

      .bel-submit-button button:focus {
          background-color: rgba(0, 71, 132, 1);
          color: white;
      }

      .bel-submit-button button:hover {
          background-color: rgba(0, 71, 132, 1);
          color: white;
      }

      .bel-submit-button button:disabled {
          background-color: rgba(0, 71, 132, 0.5);
          cursor: not-allowed;
          opacity: 1.5;
      }

          .bel-submit-button button:disabled img {
              opacity: 0.5;
          }

/* .imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td {
  min-width: auto;
  font-size: 14px;
  padding: 15px;
} */

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td span {
  font-size: 14px;
}

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td.imar-plan-description {
  text-align: left;
  min-width: 250px;
}

  .imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td.imar-plan-description p {
      color: rgba(138, 138, 138, 1);
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0;
  }

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td .askida-box {
  border: 1px solid rgba(64, 150, 223, 1);
  border-radius: 10px;
  color: rgba(64, 150, 223, 1);
  padding: 7px 10px;
}

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td .imar-detay {
  width: 150px;
  height: 45px;
  border-radius: 10px;
  padding: 0px 7px;
  background-color: rgba(64, 150, 223, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td .imar-tablo-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td.td-date-width {
  min-width: 200px;
}

.bel-content h5 {
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 71, 132, 1);
  margin-top: 20px;
}

.birimlerimiz h5 {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 71, 132, 1);
  margin-bottom: 0;
  margin-top: 0px;
}

#bel-accordion .accordion-header button h6 {
  margin-bottom: 0;
}

#bel-accordion .accordion-header button h6 {
  margin-bottom: 0;
}

.gazete-flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .gazete-flex-box .gazete-link-box {
      width: 24%;
      background-color: rgba(64, 150, 223, 0.2);
      margin-top: 20px;
      min-height: 50px;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 7px;
      text-decoration: none;
  }

.pafta-flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .pafta-flex-box .pafta-box {
      width: 32%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      min-height: 75px;
      background-color: rgba(64, 150, 223, 0.2);
      padding: 7px;
      margin-top: 20px;
      border-radius: 10px;
  }

      .pafta-flex-box .pafta-box .pafta-box-icerik {
          display: flex;
      }

          .pafta-flex-box .pafta-box .pafta-box-icerik a {
              margin-right: 20px;
              width: 45px;
              height: 45px;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #fff;
              border: 2px solid rgba(64, 150, 223, 1);
              border-radius: 10px;
          }

          .pafta-flex-box .pafta-box .pafta-box-icerik .download-button {
              width: 45px;
              height: 45px;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #fff;
              border: 2px solid rgba(64, 150, 223, 1);
              border-radius: 10px;
          }

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td .ukome-download {
  justify-content: center;
}

.ukome-filtreleme .ukome-filter {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ukome-filtreleme .ukome-filter-date {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 71, 132, 0.2);
  padding: 0px 7px;
  border-radius: 10px;
}

  .ukome-filtreleme .ukome-filter-date input {
      margin-left: 15px;
  }

.ukome-filtreleme .ukome-filter-date-2 input:nth-child(1) {
  margin-right: 15px;
}

.ukome-filtreleme .ukome-filter-date h2 {
  margin: 0;
  white-space: nowrap;
}

.ukome-filtreleme .ukome-filter-date-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ukome-filtreleme .ukome-filter-2 {
  display: flex;
  align-items: center;
}

  .ukome-filtreleme .ukome-filter-2 input:nth-child(1) {
      width: 200px;
      margin-right: 30px;
  }

  .ukome-filtreleme .ukome-filter-2 input:nth-child(2) {
      margin-right: 30px;
  }

  .ukome-filtreleme .ukome-filter-2 button {
      background-color: rgba(0, 71, 132, 1);
      border: 0;
      width: 200px;
      margin-left: 30px;
      color: #fff;
      height: 45px;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

.nobetci-eczane {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  min-height: 200px;
  border-radius: 10px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

  .nobetci-eczane .nobetci-eczane-adress {
      padding: 15px;
      min-height: 170px;
  }

  .nobetci-eczane .nobetci-eczane-button {
      display: flex;
      justify-content: space-between;
  }

      .nobetci-eczane .nobetci-eczane-button .eczane-tel,
      .eczane-yol-tarifi {
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          text-decoration: none;
          font-size: 14px;
          font-weight: 500;
      }

.eczane-tel img {
  margin-right: 8px;
}

.eczane-yol-tarifi img {
  margin-right: 8px;
}

.nobetci-eczane .nobetci-eczane-button .eczane-tel {
  background-color: rgba(64, 150, 223, 1);
  color: #fff;
  border-bottom-left-radius: 10px;
}

.nobetci-eczane .nobetci-eczane-button .eczane-yol-tarifi {
  background-color: rgba(64, 150, 223, 0.2);
  color: rgba(64, 150, 223, 1);
  border-bottom-right-radius: 10px;
  text-decoration: none;
  font-size: 14px;
}

.nobetci-eczane-filter {
  display: block;
  margin: 20px 0px 30px 0px;
}

  .nobetci-eczane-filter select {
      border: 1px solid rgba(0, 71, 132, 0.8);
      height: 45px;
      width: 100%;
      margin-right: 20px;
  }

.nobetci-eczane-adress p {
  margin-bottom: 0px;
  text-transform: uppercase;
}

.nobetci-eczane-adress h2 {
  margin-top: 5px;
  margin-bottom: 15px;
}

.nobetci-eczane-filter button {
  border: 0;
  display: flex;
  justify-content: center;
  height: 45px;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(0, 71, 132, 1);
}

.web-site-details-dark {
  display: none;
}

.web-site-details-normal {
  display: flex;
  justify-content: space-between;
}

  .web-site-details-normal a {
      margin-right: 5px;
      width: 35px;
      height: 35px;
      padding: 7px;
      background-color: #4096df;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

.cok-dilli-kent-box {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 30px;
}

  .cok-dilli-kent-box h2 {
      text-align: center;
      margin-bottom: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical;
  }

  .cok-dilli-kent-box p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      line-clamp: 4;
      -webkit-box-orient: vertical;
  }

  .cok-dilli-kent-box a {
      background-color: rgba(64, 150, 223, 0.2);
      color: rgba(64, 150, 223, 1);
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      margin-top: 25px;
      border-radius: 10px;
  }

.divan-katibi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .divan-katibi h6 {
      font-weight: 600;
      margin: 7px 0px;
  }

.divan-katibi-yedek h6 {
  font-weight: 500;
  color: rgba(138, 138, 138, 1);
}

.divan-katibi-yedek {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meclis-gundem-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .meclis-gundem-filter select {
      width: 320px;
      border: 1px solid rgba(0, 71, 132, 0.8);
  }

  .meclis-gundem-filter .detay-button {
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      color: rgba(0, 71, 132, 1);
      text-decoration: none;
      font-size: 14px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px;
      border-radius: 5px;
  }

.meclis-toplanti-tutanagi .stratejik-plan-download .stratejik-plan-download-box .download-button img {
  transform: rotate(-90deg);
}

.canli-yayin-undefined {
  background-color: rgba(64, 150, 223, 0.2);
  min-height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
}

  .canli-yayin-undefined img {
      margin-bottom: 20px;
  }

  .canli-yayin-undefined span {
      max-width: 560px;
      text-align: center;
      font-weight: 500;
  }

.meclis-video-box {
  position: relative;
  margin-bottom: 20px;
}

  .meclis-video-box .img-fluid {
      width: 100%;
      height: 240px;
      min-height: 240px;
      max-height: 240px;
      object-fit: cover;
      border-radius: 10px;
      position: relative;
  }

  .meclis-video-box .meclis-video-opacity {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background-color: #000;
      opacity: 0.4;
      border-radius: 10px;
  }

  .meclis-video-box button {
      position: absolute;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      width: 100%;
      height: 100%;
  }

  .meclis-video-box .meclis-video-description {
      position: absolute;
      bottom: 20px;
      text-align: center;
      padding: 0px 7px;
  }

      .meclis-video-box .meclis-video-description span {
          color: #fff;
          font-size: 14px;
          font-weight: 500;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
      }

.meclis-video-modal .modal-header {
  border: 0;
  padding: 0;
  justify-content: flex-end;
}


.meclis-video-modal .video-shared {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
}

.meclis-video-modal .modal-content {
  background-color: transparent;
  border: 0;
}

  .meclis-video-modal .modal-content video {
      border-radius: 10px;
  }


.meclis-video-modal .video-shared .web-site-details-normal a {
  width: 30px;
  height: 30px;
}

  .meclis-video-modal .video-shared .web-site-details-normal a img {
      height: 15px;
  }

.meclis-video-modal .video-shared span {
  color: rgba(0, 71, 132, 1);
  font-weight: 500;
}

.meclis-video-modal .modal-header .btn {
  padding: 0;
}

.kardes-kentlerimiz .modal-body {
  padding: 0;
}

.meclis-video-modal .web-site-details-normal {
  width: 110px;
}


.meclis-video-modal .kent-filmi-modal-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .meclis-video-modal .kent-filmi-modal-description h1 {
      color: #fff;
  }

  .meclis-video-modal .kent-filmi-modal-description span {
      color: #fff;
  }

.tablo-filtreleme {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .tablo-filtreleme select {
      margin-right: 15px;
      padding: 0px 10px;
      min-width: 200px;
      width: 100%;
  }

  .tablo-filtreleme .bel-input {
      margin-right: 15px;
  }

  .tablo-filtreleme button {
      width: 200px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      background-color: rgba(0, 71, 132, 1);
      border-radius: 10px;
  }

.imar-plani-table .hosgeldin-bebek-table .bel-tablo .table td.encumen-table-description {
  min-width: 800px;
  text-align: left;
  color: rgba(138, 138, 138, 1);
}

.sirketlerimiz-box .col-lg-3,
.col-lg-9 {
  margin-bottom: 20px;
}

.sirketlerimiz-box .sirket-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(200, 200, 200, 1);
  padding: 7px;
  border-radius: 10px;
}

  .sirketlerimiz-box .sirket-logo img {
      width: 100%;
  }

.sirketlerimiz-box hr {
  width: 50%;
}

.sirketlerimiz-box h2 {
  margin-top: 0;
}

.sirketlerimiz-box .sirket-contact p {
  margin-bottom: 5px;
  color: rgba(64, 150, 223, 1);
}

  .sirketlerimiz-box .sirket-contact p a {
      color: rgba(64, 150, 223, 1);
      font-weight: 500;
      margin-left: 7px;
  }

.kardes-kentlerimiz .accordion-header {
  margin: 0;
  border: 0;
}

  .kardes-kentlerimiz .accordion-header button h3 {
      margin-bottom: 0;
  }

  .kardes-kentlerimiz .accordion-header button {
      border-radius: 10px;
      border-bottom: 0;
  }

.kardes-kentlerimiz .accordion-item {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 15px;
}

.kardes-kentlerimiz .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  outline: none;
}

.kardes-kentlerimiz .bayrak-gelicek {
  width: 40px;
  height: auto;
  margin-right: 20px;
}

  .kardes-kentlerimiz .bayrak-gelicek img {
      border-radius: 5px;
  }

.kardes-kentlerimiz .accordion-button:focus {
  box-shadow: none;
}

.kardes-kentlerimiz .accordion-body {
  padding-top: 0;
}

.belediye-baskani-box {
  position: relative;
  margin-bottom: 30px;
}

  .belediye-baskani-box img {
      width: 100%;
      border-radius: 10px;
  }

  .belediye-baskani-box .belediye-baskani-opacity {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background-color: #000;
      opacity: 0.3;
      border-radius: 10px;
  }

  .belediye-baskani-box .belediye-baskani-description {
      position: absolute;
      bottom: 0;
      padding: 15px;
  }

      .belediye-baskani-box .belediye-baskani-description h3 {
          color: #fff;
          margin-bottom: 0;
      }

      .belediye-baskani-box .belediye-baskani-description span {
          font-weight: 400;
          font-style: italic;
      }

.yuz-yil-image {
  background-color: #ffdbae;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.cocuk-basvuru-button {
  display: flex;
}

  .cocuk-basvuru-button .yuzyil-buton-active {
      background-color: rgba(0, 71, 132, 1);
      border-radius: 10px;
      width: auto;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 7px;
      margin-right: 15px;
  }

  .cocuk-basvuru-button span {
      color: #fff;
  }

  .cocuk-basvuru-button .yuzyil-buton-disabled {
      background-color: #fff;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      width: auto;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 7px;
  }

  .cocuk-basvuru-button a {
      color: rgba(0, 71, 132, 1);
      text-decoration: none;
      word-break: normal;
  }

.cocuk-belim-kart {
  background: linear-gradient(90deg, #ABDEEA 50%, #BDA8D1 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.dijital-platform-box {
  width: 100%;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: auto;
  min-height: 200px;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

  .dijital-platform-box img {
      padding: 15px;
  }

  .dijital-platform-box .dijital-platform-links {
      padding-left: 15px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
  }

      .dijital-platform-box .dijital-platform-links a {
          width: 45px;
          height: 45px;
          background-color: #4096df;
          border-radius: 10px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 15px;
      }

.duyuru-haber-filter button {
  background-color: rgba(0, 71, 132, 1);
  height: 45px;
  width: 100%;
  margin: 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .duyuru-haber-filter button:hover {
      background-color: rgba(0, 71, 132, 1);
  }

.duyuru-go-back a {
  border: 1px solid rgba(0, 71, 132, 1);
  border-radius: 10px;
  height: 100%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
  margin-left: 15px;
  color: rgba(0, 71, 132, 1);
  font-weight: 600;
}

.haber-duyuru-shared {
  background-color: rgba(64, 150, 223, 0.2);
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  width: 250px;
  margin: 30px 0px;
}

  .haber-duyuru-shared .haber-duyuru-shared-icon {
      display: flex;
  }

      .haber-duyuru-shared .haber-duyuru-shared-icon button {
          border: 0;
          width: 30px;
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: 7px;
          background-color: #fff;
          border-radius: 5px;
      }

.belin-fotograflari {
  margin-top: 30px;
}

.kent-filmlerimiz .kent-filmlerimiz-box {
  position: relative;
  border: 0;
  padding: 0;
  border-radius: 10px;
  width: 100%;
}


  .kent-filmlerimiz .kent-filmlerimiz-box img {
      border-radius: 10px;
      height: 215px;
      min-height: 215px;
      max-height: 215px;
      object-fit: cover;
      width: 100%;
  }

  .kent-filmlerimiz .kent-filmlerimiz-box .kent-filmi-date {
      position: absolute;
      top: 10px;
      right: 20px;
      background-color: #fff;
      height: auto;
      width: auto;
      padding: 7px;
      border-radius: 5px;
  }

      .kent-filmlerimiz .kent-filmlerimiz-box .kent-filmi-date span {
          color: rgba(0, 71, 132, 1);
          font-size: 14px;
          font-weight: 500;
          font-style: italic;
      }

  .kent-filmlerimiz .kent-filmlerimiz-box .kent-filmleri-description {
      position: absolute;
      bottom: -10px;
      text-align: center;
      width: 220px;
      left: 50%;
      transform: translate(-50%, -50%);
  }

      .kent-filmlerimiz .kent-filmlerimiz-box .kent-filmleri-description p {
          color: #fff;
          font-weight: 600;
          margin-bottom: 0;
      }

.sinir-haritasi {
  margin-top: 30px;
}

  .sinir-haritasi img {
      width: 100%;
      margin-bottom: 30px;
  }

/* .belediyelerimiz-table .bel-tablo .table th, .table td {
  max-width: 200px;
  min-width: 200px;
  width: 200px;
}

.belediyelerimiz-table .bel-tablo .table td {
  border: 1px solid rgba(217, 234, 249, 1);
} */


#bel-table-ui {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

  #bel-table-ui th {
      background-color: rgba(64, 150, 223, 0.2);
  }

  #bel-table-ui .table {
      margin-bottom: 0;
  }

      #bel-table-ui .table th {
          border: 0;
          background-color: rgba(64, 150, 223, 0.2);
          font-size: 16px;
          font-weight: 500;
          color: rgba(64, 150, 223, 1);
          vertical-align: middle;
          text-align: center;
      }

      #bel-table-ui .table td {
          font-weight: 600;
          color: rgba(138, 138, 138, 1);
          padding: 20px 30px;
          vertical-align: middle;
          text-align: left;
          border: 1px solid rgba(217, 234, 249, 1);
      }

          #bel-table-ui .table td:nth-child(1) {
              color: rgba(64, 150, 223, 1);
          }


  #bel-table-ui .dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center;
      padding: 1.25em;
  }

.PagedList-skipToFirst {
  display: none;
}

.PagedList-skipToLast {
  display: none;
}

.pagination li.PagedList-skipToPrevious {
  margin: 0px 7px 0px 0px;
}

.pagination li.PagedList-skipToNext {
  margin: 0px 0px 0px 7px;
}

.pagination {
  margin-bottom: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.bel-pagination .bel-pagination-width {
  width: auto;
}

.pagination-container {
  width: 100%;
}


.PagedList-ellipses {
  display: none;
}

.pagination li a {
  color: rgba(64, 150, 223, 0.9);
  text-decoration: none;
}

.pagination li.active a {
  font-weight: 600;
  color: rgba(64, 150, 223, 1);
  padding: 5px 10px;
  border-radius: 5px;
  background-color: white;
}

.pagination li {
  margin: 0px 7px;
}

.bel-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}


#bel-table-ui .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  /*color: #fff;*/
  border: 1px solid rgba(138, 138, 138, 1);
  border-radius: 2px;
}

  #bel-table-ui .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      background: rgb(59 139 207) !important;
      color: white;
  }


#bel-table-ui .dataTables_wrapper .dataTables_paginate .current {
  color: #fff;
  background: rgba(64, 150, 223, 1);
}

.bel-pagination .bel-pagination-width {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(64, 150, 223, 0.2);
  padding: 7px;
  height: auto;
  border-radius: 10px;
}

.bel-pagination button {
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  background-color: rgba(64, 150, 223, 1);
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bel-pagination .paginate {
  position: relative;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  padding: 0;
}

  .bel-pagination .paginate i {
      display: flex;
      width: 10px;
      height: 3px;
      border-radius: 2.5px;
      background: #fff;
      transition: all 0.15s ease;
  }

  .bel-pagination .paginate.left i:first-child {
      transform: translate(0, -1px) rotate(-40deg);
  }

  .bel-pagination .paginate.left i:last-child {
      transform: translate(0, 2px) rotate(40deg);
  }

  .bel-pagination .paginate.right i {
      transform-origin: 100% 50%;
  }

      .bel-pagination .paginate.right i:first-child {
          transform: translate(0, 3px) rotate(40deg);
      }

      .bel-pagination .paginate.right i:last-child {
          transform: translate(0, -1px) rotate(-40deg);
      }

  .bel-pagination .paginate[data-state="disabled"] {
      opacity: 0.7;
      cursor: default;
      background-color: transparent;
  }

#bel-table-ui table.dataTable.no-footer {
  border-bottom: 0px
}


.bel-pagination .counter {
  text-align: center;
  font-size: 16px;
  color: rgba(64, 150, 223, 1);
  font-weight: 500;
}

.ilceleri-gez-detay-content {
  margin-top: 30px;
}

.ilceleri-gezin {
  margin: 30px 0px;
}

.ilceleri-gezin-box {
  width: 100%;
  margin-bottom: 30px;
  border-radius: 10px;
  max-height: 215px;
  min-height: 215px;
  position: relative;
}

  .ilceleri-gezin-box img {
      width: 100%;
      border-radius: 10px;
      max-height: 215px;
      min-height: 215px;
      object-fit: cover;
  }

  .ilceleri-gezin-box .ilceleri-gezin-opacity {
      background: linear-gradient(360deg, #000000 4.17%, rgba(0, 0, 0, 0) 59.43%);
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
  }

  .ilceleri-gezin-box span {
      position: absolute;
      bottom: 30px;
      left: 50%;
      color: #fff;
      transform: translate(-50%, 50%);
      font-size: 20px;
      font-weight: 600;
  }



.ilceleri-gez-detay-content .ilce-detay-image {
  max-width: 40%;
  position: relative;
  margin-bottom: 1rem;
  margin-right: 30px;
  float: left;
}

  .ilceleri-gez-detay-content .ilce-detay-image img {
      width: 100%;
      object-fit: cover;
      border-radius: 10px;
      position: relative;
  }


.kardes-kentlerimiz #bel-table-ui {
  box-shadow: none;
  border-radius: 0;
}

.ulasim-rehberi-box {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 30px 0px 0px 0px;
  margin-top: 30px;
}

  .ulasim-rehberi-box h3 {
      text-align: center;
      margin-bottom: 20px;
  }

  .ulasim-rehberi-box .ulasim-rehberi-description {
      padding: 0px 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      margin-bottom: 30px;
  }

  .ulasim-rehberi-box a {
      background-color: rgba(64, 150, 223, 0.2);
      color: rgba(64, 150, 223, 1);
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      text-decoration: none;
  }

.ulasim-rehberi-filtreleme {
  margin: 30px 0px;
}

  .ulasim-rehberi-filtreleme select {
      margin: 0;
      height: 50px;
      margin-bottom: 15px;
  }

  .ulasim-rehberi-filtreleme .bel-input {
      margin: 0;
      height: 50px;
      margin-bottom: 15px;
  }

  .ulasim-rehberi-filtreleme button {
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      color: #fff;
      background-color: rgba(0, 71, 132, 1);
      border-radius: 10px;
      padding: 0px 15px;
  }

.ulasim-rehberi-filtreleme-v2 {
  margin: 30px 0px;
  display: flex;
  justify-content: space-between;
}

  .ulasim-rehberi-filtreleme-v2 select {
      margin: 0;
      height: 50px;
      margin-bottom: 15px;
      width: 430px;
  }

  .ulasim-rehberi-filtreleme-v2 button {
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 0;
      color: #fff;
      background-color: rgba(0, 71, 132, 1);
      border-radius: 10px;
      padding: 0px 15px;
      width: 320px;
  }



.dokuman-table {
  width: 100%;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 10px;
}

  .dokuman-table .dokuman-table-baslik {
      background-color: rgba(64, 150, 223, 0.2);
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
  }

  .dokuman-table .dokuman-table-content .dokuman-details {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(217, 234, 249, 1);
      padding: 30px;
  }

      .dokuman-table .dokuman-table-content .dokuman-details span {
          color: rgba(138, 138, 138, 1);
      }

      .dokuman-table .dokuman-table-content .dokuman-details a {
          background-color: rgba(64, 150, 223, 0.2);
          /* width: 150px; */
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0px 15px;
          border-radius: 10px;
          white-space: nowrap;
          text-decoration: none;
      }

/*.bel-one-cikan {
  position: absolute;
  bottom: 90px;
  z-index: 3;
}

  .bel-one-cikan button {
      width: 400px;
      padding: 0;
  }*/

.one-cikan-modal .modal-header {
  border: 0;
  padding: 0;
  justify-content: flex-end;
}


.one-cikan-modal .video-shared {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
}

.one-cikan-modal .modal-content {
  background-color: transparent;
  border: 0;
}

.one-cikan-modal .modal-header .btn {
  padding: 0;
}

.kardes-kentlerimiz .modal-body {
  padding: 0;
}

.encumen-filtreleme {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .encumen-filtreleme select {
      margin-right: 15px;
      min-width: 200px;
      width: 200px;
  }

  .encumen-filtreleme .bel-input {
      margin-right: 15px;
  }

  .encumen-filtreleme button {
      width: 200px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      background-color: rgba(0, 71, 132, 1);
      border-radius: 10px;
  }