@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Prompt&family=Roboto:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=McLaren&display=swap");
@import url("/public/css/boots/bootstrap.min.css");
@import url("/public/icons/bootstrap-icons.css");
@import url("/public/css/menu/normalize.min.css");
@import url("/public/css/menu/defaults.css");
@import url("/public/css/menu/nav-core.min.css");
@import url("/public/css/menu/nav-layout.css");
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: #222;
  background-color: #dfeaf3;
}

body ::-moz-selection {
  /* Code for Firefox */
  color: rgb(255, 255, 255);
  background: rgb(19, 184, 208);
}

body ::selection {
  color: rgb(255, 255, 255);
  background: rgb(19, 184, 208);
}

header {
  height: 77px;
  background-color: #fff;
}

a {
  text-decoration: none;
  word-wrap: break-word;
}

h1,
h2,
.h3,
h3 {
  font-size: 1.3rem;
  font-weight: 500;
}

h4,
h2 {
  position: relative;
  font-weight: normal;
  color: #072f60;
  margin: 15px 0px;
  font-size: 1.3rem;
  background: none;
  font-weight: 500;
  line-height: 1.2em;
  font-style: normal;
}

img {
  max-width: 100%;
}

.modal-body p {
  margin-top: 0;
  margin-bottom: 0.3rem;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
  border-color: rgba(143, 171, 197, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  outline: 0 none;
}

.nav-lock-scroll {
  overflow: unset !important;
}

.responsive-container {
  display: flex;
  /* Yatay düzen */
  flex-wrap: wrap;
  /* Taşan içerikler alt satıra geçer */
  gap: 20px;
  /* Resim ve metin arasında boşluk */
  align-items: flex-start;
  /* Üst hizalama */
}

.responsive-container .image {
  width: 500px;
  /* Masaüstünde resim genişliği */
  height: auto;
  /* Oranı koru */
  margin-top: 10px;
}

.responsive-container .text {
  flex: 1;
  /* Metin alanı esnek genişler */
  text-align: justify;
  /* Metni hizala */
  margin-left: 30px;
}

.bi-star-fill {
  color: gold;
}

.bi-star-half {
  color: gold;
}

.bi-star {
  color: #a3a3a3;
  cursor: pointer;
  transition: color 0.2s;
}

.rating.hoverable .bi-star:hover,
.rating.hoverable .bi-star.hovered {
  color: gold;
}

@media (max-width: 768px) {
  .navbar-fixed-top {
    z-index: 5 !important;
  }
  .overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 3, 3, 0.77);
    z-index: 4;
    display: none;
  }
  .nav {
    position: fixed;
    /* menünün üstte olması için */
    z-index: 10;
    /* overlay'den yüksek */
    /* Diğer nav stilleri */
  }
  .responsive-container {
    flex-direction: column;
    /* Mobilde alt alta düzen */
    align-items: center;
    /* Merkezde hizala */
  }
  .responsive-container .image {
    width: 100%;
    /* Mobilde resim tam genişlik */
    height: auto;
    /* Oranı koru */
    margin: 0 auto;
    /* Ortala */
  }
  .responsive-container .text {
    margin: 0;
    /* Mobilde kenar boşluğu sıfırla */
  }
  .single-course-list {
    display: block !important;
    padding: 30px 0;
  }
  .single-course-list .course-content {
    padding-left: 0 !important;
    padding-top: 25px;
  }
}
.sidebar-widget {
  margin-top: 50px;
}

.widget-title {
  font-size: 18px;
  font-weight: 700;
  color: #072f60;
}

h5 a,
h6 a {
  color: #072f60;
}

h4 a,
h2 a {
  color: #072f60;
  font-weight: 600;
}

.single-blog {
  margin-top: 2px;
}

.single-blog .blog-image {
  position: relative;
}

.single-blog .blog-image a {
  display: block;
  border-radius: 0;
  overflow: hidden;
}

.single-blog .blog-image a img {
  width: 100%;
  transition: all 0.3s linear;
  height: 250px;
}

.single-blog:hover .blog-image a img {
  transform: scale(1.1);
}

.single-blog.single-blog-02 .blog-content {
  box-shadow: 0px 0px 98px 0px rgba(0, 0, 0, 0.07);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #ffffff;
  padding: 20px;
}

.single-blog .blog-image .tags {
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background-color: #d31616;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  display: inline-block;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.single-mini-post .mini-post-image {
  flex-shrink: 0;
}

.single-mini-post .mini-post-image a {
  display: block;
}

.single-mini-post .mini-post-content .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.single-mini-post .mini-post-content {
  flex-grow: 1;
  padding-left: 20px;
}

.single-mini-post .mini-post-content .tarih {
  color: #dc8013;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}

.single-mini-post {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.single-mini-post:first-child {
  margin-top: 35px;
}
.single-mini-post:hover {
  background-color: #fde1da;
}

.single-mini-post .mini-post-image a img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.sidebar-widget .widget-search {
  position: relative;
}

.sidebar-widget {
  margin-top: 50px;
}
.sidebar-widget:first-child {
  margin-top: 12px;
}

.sidebar-widget .widget-search .form-control {
  height: 45px;
  padding-right: 45px;
}

.sidebar-widget .widget-search button {
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  position: absolute;
  border: 0;
  background-color: transparent;
  font-size: 16px;
  color: #111111;
}

.sidebar-widget .widget-search button {
  font-weight: 900;
}

.sidebar-widget .widget-sidebar-link {
  padding-top: 5px;
}

.sidebar-widget .widget-sidebar-link ul li {
  padding: 15px 5px;
  list-style: none;
  border-bottom: solid 1px #c7c7c7;
}
.sidebar-widget .widget-sidebar-link ul li:hover {
  background-color: #fde1da;
}

.sidebar-widget .widget-sidebar-link ul li a {
  font-size: 16px;
  color: #29303c;
  line-height: 20px;
  display: block;
  margin-left: 20px;
}

.sidebar-widget .widget-sidebar-link ul li a span {
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: #ffb154;
  border-radius: 50px;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.blog-details-content .metaContent {
  display: flex;
}

.count {
  display: flex;
  width: 50%;
  justify-content: start;
}

.metaContent .rating {
  font-size: 15px;
  width: 50%;
  justify-content: end;
  display: flex;
}
.metaContent .rating span {
  margin-right: 10px;
}
.metaContent .rating #puanSonuc {
  color: #e38641;
  font-size: 0.9rem;
}
.metaContent a {
  width: 50%;
}
.metaContent a .rating {
  color: #555;
  display: flex;
  justify-content: end;
  width: 100%;
  flex-wrap: wrap;
}
.metaContent a .rating span {
  margin: 0 10px;
  color: #555;
}
.metaContent a .rating #puanSonuc {
  color: #e38641;
  font-size: 0.9rem;
}
.metaContent .count {
  width: 50%;
}
.metaContent .count a {
  width: unset;
}
.metaContent a {
  width: 50%;
  font-size: 14px;
  font-weight: 400;
  color: #838383;
}
.metaContent a:nth-child(1) {
  font-weight: 400;
  color: #838383;
  padding-right: 15px;
}
.metaContent a:last-child {
  display: flex;
  font-size: 15px;
  justify-content: end;
}
.metaContent a:last-child i {
  padding: 0 2px;
}

.meta a {
  font-size: 14px;
  font-weight: 400;
  color: #575761;
}
.meta a:last-child {
  display: block;
}

.meta .date {
  color: #575761;
}

.sidebar-widget .widget-sidebar-link ul li a::before {
  content: "\f135";
  font-family: "bootstrap-icons";
  font-size: 20px;
  color: #b5aea6;
  margin-right: 10px;
  font-weight: 900;
  position: absolute;
  margin-left: -27px;
}

.sidebar-widget .widget-sidebar-link ul li a {
  font-size: 16px;
  color: #072f60;
  line-height: 20px;
  display: block;
  margin-left: 20px;
}

.sidebar-widget .widget-tags {
  padding-top: 15px;
}

.sidebar-widget .widget-tags ul {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
}

.sidebar-widget .widget-tags ul li {
  padding: 5px;
  display: flex;
}

.sidebar-widget .widget-tags ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #072f60;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  border-radius: 4px;
  background-color: #f5ddc8;
}

.sidebar-widget .widget-tags ul li a:hover {
  background-color: #fde1da;
  color: #000000;
}

.hp-features .img-box img.img-circle {
  border-color: #004b65;
  height: 176px;
  width: 176px;
}

.hp-features .img-box img.img-circle {
  height: 150px;
  width: 150px;
}

img.img-circle {
  border: 6px solid #93d6e1;
  border-radius: 50%;
}

ol,
ul {
  padding-left: 0.81rem;
  padding: 0;
  list-style: none;
  margin: 0;
}

hr {
  margin: 2rem 0;
  color: #9f9f9f;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.blog-details-image {
  position: relative;
}

.blog-details-image a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}

.blog-details-image a img {
  width: 100%;
  transition: all 0.3s linear;
}

.blog-details-wrapper {
  margin: 20px 10px;
}

.blog-wrapper-02 {
  margin-top: -50px;
}

.blog-details-image .tags {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  background-color: #e35656;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  display: inline-block;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-tags-social .blog-tags {
  display: flex;
  align-items: start;
  width: 100%;
}

.blog-tags-social .blog-tags .label {
  font-size: 14px;
  font-weight: 700;
  color: #072f60;
  padding-right: 6px;
  margin: 5px;
}

.blog-tags-social .blog-tags ul {
  display: flex;
  flex-wrap: wrap;
}

.blog-tags-social .blog-tags ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #072f60;
  padding: 0 13px;
  line-height: 28px;
  text-align: center;
  background-color: #eceef1;
  border-radius: 5px;
  display: block;
}

.blog-tags-social .blog-tags ul li {
  padding: 6px;
  width: -moz-max-content;
  width: max-content;
}

.blog-details-content {
  padding: 20px 5px;
  font-size: 1.1rem;
}
.blog-details-content .bebek {
  font-family: "McLaren", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #093265;
}

.blog-details-content .meta a + a {
  margin-left: 25px;
}

.blog-details-content .title {
  font-size: 25px;
  font-weight: 700;
  color: #072f60;
  line-height: 1.4;
  margin: 30px 0;
}

.blog-tags-social {
  padding-top: 10px;
  border-top: 1px solid rgba(65, 70, 79, 0.14);
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.puanlama {
  width: 50%;
  display: flex;
  justify-content: end;
}
.puanlama .form-select {
  display: block;
  height: 35px;
  font-size: 0.92rem;
  width: unset;
  margin-left: 10px;
}
.puanlama #puanSonuc {
  margin-left: 14px;
  color: rgb(237, 140, 101) !important;
  justify-content: end;
}

.blog-tags-social .blog-social .social {
  display: flex;
  margin-left: -3px;
  margin-right: -3px;
  padding-top: 30px;
}

.blog-social label {
  font-size: 0.95rem;
  color: #777;
}

.comment-box {
  margin-top: 50px;
}

.form-control {
  box-shadow: none;
  color: #666666;
  border-radius: 0;
  background-color: #ffffff;
  margin-bottom: 0;
  padding: 5px 20px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s linear;
}

.single-form {
  margin-top: 30px;
}

.sidebar-wrap {
  position: sticky;
  padding: 5px 20px;
  background-color: #ffeedf;
}

.single-course-list:first-child {
  padding-top: 30px;
}

.course-list-wrapper {
  margin-top: -50px;
}

.course-top-bar {
  padding-top: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.course-top-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.course-top-menu {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.course-top-action {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding: 0 20px;
  border-radius: 5px;
  background-color: #f6f7f9;
  height: 40px;
  line-height: 40px;
}

.course-top-inner > *:last-child {
  margin-right: 0;
}

.course-top-bar .label {
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  white-space: nowrap;
  margin-right: 10px;
}

.course-top-action .nice-select {
  float: none;
  height: auto;
  line-height: 1;
  padding: 0;
  padding-right: 20px;
  border: 0;
  color: #072f60;
  font-weight: 700;
  font-size: 15px;
  background: none;
}

.redirectNav {
  padding: 10px 0;
}
.redirectNav span {
  color: #858585;
}
.redirectNav a {
  color: #454545;
  font-size: 1rem;
}
.redirectNav a:hover {
  color: #21449d;
}

.nice-select .nice-select-dropdown {
  margin-top: 4px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-19px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  opacity: 0;
}

.nice-select .list {
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  max-height: 210px;
  overflow-y: auto;
}

.tab-content {
  width: 100%;
}

.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  animation: up 0.7s ease-out;
}

.single-course-list {
  display: flex;
  padding: 50px 0;
}

.single-course-list + .single-course-list {
  border-top: 1px solid #ebebeb;
}

.single-course-list:first-child {
  padding-top: 30px;
}

.single-course-list .course-image {
  overflow: hidden;
  flex-shrink: 0;
}

.single-course-list .course-image a {
  display: block;
  position: relative;
}

.single-course-list .course-image {
  overflow: hidden;
  flex-shrink: 0;
  width: 250px;
}

.single-course-list .course-image a {
  display: block;
  position: relative;
}

.single-course-list .course-image a img {
  border-radius: 5px;
}

.single-course-list .course-content {
  padding-left: 30px;
  flex-grow: 1;
}

.single-course-list .course-content .top-meta {
  display: flex;
  flex-wrap: wrap;
}

.single-course-list .course-content .top-meta .tag {
  border-radius: 5px;
  /* background-color: rgba(59, 188, 167, 0.071); */
  font-size: 13px;
  /* font-weight: 600; */
  color: #4f4f4f;
  padding: 0;
  height: 12px;
  line-height: 25px;
}

.single-course-list .course-content .top-meta > *:last-child {
  margin-right: 0;
}

.single-course-list .course-content .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 15px;
}
.single-course-list .course-content .title a {
  color: #21449d;
}

.course-top-text {
  margin-top: 15px;
  font-size: 0.85rem;
  color: #666;
  border-bottom: solid 1px #ccc;
  width: 100%;
}

.course-top-text p span {
  font-weight: 700;
  color: #072f60;
  font-size: 0.92rem;
}

.single-course-list .course-content .author-name {
  font-size: 12px;
  font-weight: 600;
  color: #838383;
}

.single-course-list .course-content .bottom-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page-pagination {
  margin-top: 60px;
}

.justify-content-center {
  justify-content: center !important;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-pagination .pagination li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.3s linear;
  display: block;
  background-color: aliceblue;
  margin: 0 5px;
  color: #21449d;
}
.page-pagination .pagination li a:hover {
  background-color: #b4cce0;
}
.page-pagination .pagination li a span {
  font-size: 1.5rem;
  color: #57668b;
}

.page-pagination .pagination li a.active {
  background-color: #21449d;
  color: #ffffff;
}

.justify-content-center {
  justify-content: center !important;
}

.img-box h2,
.img-box h3 {
  color: #f47ca0;
  display: flex;
  justify-content: center;
  font-size: 30px;
  padding-bottom: 9px;
  width: auto;
  font-weight: 600;
}

.hp-features .img-box p {
  font-size: 1.3rem;
  font-weight: 300;
  font-family: "Kalam", cursive;
}

.img-box a {
  color: #cce8fc;
  border-bottom: none;
}

.feature-item {
  border-radius: 10px;
  padding: 35px 15px;
  box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 0.1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #fffefd;
  max-height: 330px;
}

.feature-item .feature-shape {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-bottom: 38px;
  border-radius: 50%;
  background-image: linear-gradient(145deg, rgb(35, 204, 136) 0%, rgb(142, 207, 53) 100%);
  box-shadow: 0px 18px 30px 0px rgba(38, 204, 133, 0.36);
}
.feature-item .feature-shape span {
  line-height: 100px;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.feature-area {
  background: url("/public/images/default/topBack.png") repeat;
}

.feature-content .feature-title h3 {
  position: relative;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 50px;
  line-height: 36px;
  color: #00394f;
}

.feature-item .feature-content .feature-title h3::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 80px;
  height: 4px;
  background-image: linear-gradient(145deg, rgb(35, 204, 136) 0%, rgb(142, 207, 53) 100%);
  margin: auto;
  bottom: -22px;
  box-shadow: 0px 18px 30px 0px rgba(38, 204, 133, 0.36);
}

.feature-item .feature-shape-2 {
  background-image: linear-gradient(145deg, rgb(255, 79, 88) 0%, rgb(255, 180, 0) 100%);
  box-shadow: 0px 18px 24px 0px rgba(255, 114, 58, 0.36);
}

.feature-item .feature-content .feature-title-2 h3::after {
  background-image: linear-gradient(145deg, rgb(255, 79, 88) 0%, rgb(255, 180, 0) 100%);
  box-shadow: 0px 18px 24px 0px rgba(255, 114, 58, 0.36);
}

.feature-item .feature-shape-3 {
  background-image: linear-gradient(145deg, rgb(1, 203, 173) 0%, rgb(71, 161, 242) 100%);
  box-shadow: 0px 18px 24px 0px rgba(1, 203, 173, 0.36);
}

.feature-item .feature-content .feature-title-3 h3::after {
  background-image: linear-gradient(145deg, rgb(1, 203, 173) 0%, rgb(71, 161, 242) 100%);
  box-shadow: 0px 18px 24px 0px rgba(1, 203, 173, 0.36);
}

.feature-item .feature-shape-4 {
  background-image: linear-gradient(145deg, rgb(232, 90, 202) 0%, rgb(252, 78, 101) 100%);
  box-shadow: 0px 18px 24px 0px rgba(233, 89, 197, 0.36);
}

.feature-content .feature-title-4 h3::after {
  background-image: linear-gradient(145deg, rgb(232, 90, 202) 0%, rgb(252, 78, 101) 100%);
  box-shadow: 0px 18px 24px 0px rgba(233, 89, 197, 0.36);
}

.process-work-wrapper {
  position: relative;
  z-index: 9;
}

.work-process-section {
  *background: url("/public/images/default/cloudy-back.png");
  background-color: rgba(254, 75, 123, 0.6901960784);
}

.process-work-wrapper .work-process-items {
  position: relative;
}

.process-work-wrapper .work-process-items .line-shape {
  position: absolute;
  top: 12%;
  right: -55%;
}

@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape {
    display: none;
  }
}
.process-work-wrapper .work-process-items .line-shape-2 {
  position: absolute;
  top: -32%;
  right: -55%;
}

@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape-2 {
    display: none;
  }
}
.process-work-wrapper .work-process-items .icon {
  background-color: #ffffff;
  margin: 0 auto;
  display: flex;
  width: 100px;
  height: 100px;
  border-color: #ffd2e5;
  border-style: solid;
  border-width: 5px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50%;
}

.process-work-wrapper .work-process-items .content {
  font-size: 1.2rem;
  color: #fadce5;
  font-family: "Kalam", cursive;
}

.process-work-wrapper .work-process-items .content .h4,
.process-work-wrapper .work-process-items .content h4 {
  margin-bottom: 5px;
}

.process-work-wrapper .work-process-items .content.style-two {
  margin-top: 0;
  margin-bottom: 30px;
}

.process-work-wrapper .work-process-items.style-2 {
  margin-top: 100px;
}

@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items.style-2 {
    margin-top: 0;
  }
}
.process-work-wrapper.style-padding {
  padding-top: 90px;
}

.section-padding {
  padding: 75px 0;
}

.newsPic img {
  width: 125px !important;
  height: 75px !important;
  border-radius: 10px;
}

.newsPicKutuphane img {
  width: 80px;
  height: 115px;
  border-radius: 10px;
}

.bg-cover,
.bg-cover-2 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: 50%;
}

.process-work-wrapper .work-process-items .line-shape {
  position: absolute;
  top: 12%;
  right: -55%;
}

.process-work-wrapper .work-process-items {
  position: relative;
}

.page-title {
  font-size: 17px;
  padding: 0;
  position: relative;
}

.page-title::before {
  background: url("/public/images/default/newsleft.png") no-repeat 0 0;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: -webkit-fill-available;
  z-index: 0;
}

.page-title::after {
  position: absolute;
  content: "";
  background: url(/public/images/default/newsright.png) no-repeat 0 0/contain;
  right: 0;
  width: 100%;
  max-width: 18.75rem;
  height: 76%;
  z-index: 5;
  bottom: -200px;
}

.social-media {
  background-image: linear-gradient(to right, #585262, #534372, rgba(183, 0, 84, 0.99), #554a6c);
  color: #ffffff;
  height: 28px;
}

.social-media .social-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-media .social-btn a {
  color: #fff;
  height: 30px;
  padding: 0;
  display: flex;
}

.social-media .social-btn span {
  width: 0px;
  opacity: 0;
  overflow: hidden;
  transition: 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-media .social-btn i {
  font-size: 1.2rem;
  padding: 5px;
}

.title-homepage .container {
  padding: 20px;
}

.title-homepage {
  line-height: 1.4;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: linear-gradient(to bottom, rgba(34, 31, 125, 0.2), rgba(34, 31, 125, 0.2), #ffffff);
  overflow: hidden;
  border-bottom: solid 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ffffff;
}

.title-homepage h3 {
  padding-top: 28%;
  color: #ffffff;
  background-color: #f47ca0;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  text-align: center;
  margin-left: -90px;
}

.title-homepage h3::after {
  background-image: url(/public/images/default/arrowRight.png);
  background-repeat: no-repeat;
  max-width: 31.875rem;
  position: absolute;
  content: "";
  left: 156px;
  top: 25px;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.title-homepage li:first-child:before {
  border-color: #002a3e;
}

.title-homepage li:last-child:before {
  border-color: #fbde00;
}

.title-homepage ul {
  margin: 75px 0 20px 20px;
}

.title-homepage li {
  padding: 15px 1px 10px 27px;
  list-style: disc;
  border-bottom: solid 1px #a3afb8;
}

.title-homepage li:last-of-type {
  padding: 15px 1px 10px 27px;
  list-style: disc;
  border-bottom: unset;
}

.shape02 {
  background-image: url(/public/images/default/line-shape.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  display: inline-block;
  color: #221f7d;
  margin-left: 10px;
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-size: 34px;
}

.accordion-button i {
  color: #626262;
}

.accordion-button.collapsed {
  background: rgb(255, 255, 255);
  color: #000;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item {
  background-color: rgba(255, 255, 255, 0.2588235294);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-left: unset;
  border-right: unset;
}

.accordion-item a {
  color: #444;
}

.accordion-item:first-of-type {
  border-top: unset;
}

.accordion-item:last-of-type {
  border-bottom: unset;
}

.accordion-item h2 button {
  padding: 10px;
}

.accordion-item h2 button {
  font-weight: 600;
}

.accordion-item h2 .accordion-body {
  font-weight: 400;
}

.accordion-button {
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 400;
}

.accordion-button:hover {
  color: #dd93b2;
  font-weight: 600;
}

.accordion-body {
  background-color: #f3f6fe;
  padding: 25px 20px;
}

.accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: rgb(255, 106, 134);
  box-shadow: unset;
}

.accordion-button:not(.collapsed):hover {
  color: #ffffff;
  font-weight: 600;
}

.tour-classic-pricing {
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 3px 11px;
  width: 95px;
  background: #e7eff5;
  color: #000000;
  border-radius: 5px 5px 0 0;
}
.tour-classic-pricing p {
  margin-bottom: 0;
}

.tour-classic-image {
  position: absolute;
  /* top: -4%; */
  /* left: 19%; */
  /* transform: translate(-50%, -50%); */
  /* max-height: 75%; */
  /* min-width: 100%; */
  width: -webkit-fill-available;
  height: 110px;
  border-radius: 24px;
  /* max-width: none; */
  padding: 13px;
}

.tour-classic-media {
  position: relative;
}

.tour-classic-body {
  padding: 20px 15px;
}
.tour-classic-body a {
  color: #c99600;
}
.tour-classic-body h4 a {
  color: #00394f;
}

.tour-classic-price {
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.tour-classic-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.tour-classic-figure::after {
  content: "";
  display: block;
  opacity: 0;
  visibility: hidden;
  padding-bottom: 67.94521%;
}

.tour-classic {
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: 26px;
  background: #ffffff;
  /* max-width: 100%; */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
}

.text-decor-2:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  width: 112px;
  height: 16px;
  z-index: 1;
}

.section-lg {
  padding: 50px 0;
  background-color: #ffe3ef;
}

.section-lg-news {
  padding: 50px 0;
  background-image: linear-gradient(to top, rgba(34, 31, 125, 0.2), #ffffff);
}

.bg-img-1 {
  background: url(/public/images/default/footer_bg.png) no-repeat center;
}

.simple-link {
  font-size: 16px;
  background-color: #ffc107;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  transition: all ease 0.25s;
  padding: 9px;
  border-radius: 7px;
}
.simple-link:hover {
  color: #787878 !important;
}

.sagDis {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #59646d;
}

.fadeIn {
  animation-name: fadeIn;
}

.row-30 > * {
  margin-bottom: 30px;
}

.tour-classic-title {
  font-size: 22px;
}

.modal-header {
  border-bottom: solid #999999 2px;
  color: #0c296c;
}

.modal-footer {
  border-top: solid #d3d3d3 2px;
}

.modal-content {
  background: url(/public/images/default/backDot.png) #f7fcff;
}

.text-light {
  color: #3f4a56 !important;
}

.modal-body {
  width: 100%;
  margin: auto;
  color: #0c296c;
  font-size: 1.2rem;
  font-weight: 500;
}

.modal-body img {
  width: auto;
  max-width: 100% !important;
}

.modal-title {
  font-weight: 700;
  font-size: 1.3rem;
}

.mw-100 {
  width: 50% !important;
}

.reading-guide-line {
  width: 70vw !important;
  min-width: 200px !important;
  position: absolute !important;
  height: 8px;
  z-index: 2147483647;
  background-color: #000;
  border-radius: 3px;
  transform: translate(-50%);
  border: 1px solid #ff0;
  pointer-events: none;
  display: none;
  zoom: 1 !important;
}

.reading-guide .reading-guide-line {
  display: block !important;
}

.reading-focus-overlay-top,
.reading-focus-overlay-bottom {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999999999;
  display: none;
}

.reading-focus-overlay-top {
  top: 0;
  border-bottom: 5px solid navy;
}

.reading-focus-overlay-bottom {
  bottom: 0;
  border-top: 5px solid crimson;
}

.reading-mask .reading-focus-overlay-top,
.reading-mask .reading-focus-overlay-bottom {
  display: block;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

@font-face {
  font-family: "OpenDyslexic";
  src: url("/public/fonts/OpenDyslexic-Regular.otf");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("/public/fonts/OpenDyslexic-Bold.otf");
  font-weight: 500;
  font-style: bold;
  font-display: swap;
}
.accessibility-toggle-button {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 60px;
  right: 8px;
  color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ac0c59;
  border: 0;
  z-index: 50;
  transition: all 0.2s;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0.125rem 0.25rem !important;
}

.accessibility-toggle-button svg {
  width: 55px;
}

.accessibility-toggle-button:hover {
  transform: scale(1.1);
}

.accessibility-toggle-button:hover svg {
  width: 60px;
}

.ac-clear-button {
  margin-top: auto;
  display: block;
  background-color: #1c1c1c;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  padding: 6px 12px;
  border: 1px solid #1c1c1c;
  border-radius: 6px;
  transition: all 0.2s;
}

.ac-clear-button svg {
  width: 20px;
  margin-right: 6px;
}

.ac-clear-button:hover {
  background-color: #3e3e3e;
  border-color: #3e3e3e;
}

.ac-panel {
  width: 400px;
  max-width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1045;
  background-color: #f5f5f5;
  padding: 16px;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  transform: translateX(400px);
  overflow-y: auto;
  box-shadow: -7px 0px 16px -6px rgba(0, 0, 0, 0.24);
  transition: transform 0.3s ease-in-out, visibility 0.4s;
}

.ac-panel.show {
  transform: translateX(0);
  visibility: visible;
}

.ac-panel--header {
  display: flex;
  justify-content: space-between;
  padding: 8px 0 24px 0;
}

.ac-panel--header h5,
.ac-panel--header .h5 {
  font-size: 20px;
  line-height: 30px;
}

.ac-panel--body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.ac-panel--close-button {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.ac-panel--close-button:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.ac-panel--close-button:focus {
  box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem;
  opacity: 1;
}

.ac-panel--wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -8px 0 -8px;
}

.ac-panel .ac-box-wrapper {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-top: 12px;
}

.ac-panel .ac-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 16px 0;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: 0.2s all;
}

.ac-panel .ac-box svg {
  margin-bottom: 16px;
  stroke: #7e6d7a;
}

.ac-panel .ac-box:hover {
  border-color: rgb(227, 215, 226);
}

.ac-panel .ac-box.active {
  background-color: #ebd8e1;
  position: relative;
  color: #1c1c1c;
}

.ac-panel .ac-box.active svg {
  stroke: #1c1c1c;
}

.ac-panel .ac-box.active::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
  position: absolute;
  right: 6px;
  top: 6px;
}

.contrast {
  filter: invert(1) !important;
}

.highlight-links a {
  background: #000 !important;
  color: #ff0 !important;
  text-decoration: underline !important;
}

.highlight-links a span,
.highlight-links a div {
  color: #ff0 !important;
  background-color: #000;
}

.bigger-cursor {
  cursor: url(/public/css/default/bigger-cursor.svg), auto !important;
}

.bigger-cursor * {
  cursor: url(/public/css/default/bigger-cursor.svg), auto !important;
}

.dyslexic-friendly body {
  font-family: "OpenDyslexic" !important;
}

.bigger-text .content {
  zoom: 1.3;
}

.desaturate {
  filter: saturate(0);
}

.align-text-left * {
  text-align: left !important;
}

.reading-focus-overlay-top,
.reading-focus-overlay-bottom {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999999999;
  display: none;
}

.reading-focus-overlay-top {
  top: 0;
  border-bottom: 5px solid navy;
}

.reading-focus-overlay-bottom {
  bottom: 0;
  border-top: 5px solid crimson;
}

.reading-mask .reading-focus-overlay-top,
.reading-mask .reading-focus-overlay-bottom {
  display: block;
}

.low-saturation {
  filter: saturate(0.5);
}

.high-saturation {
  filter: saturate(2);
}

.illerList {
  display: none;
}

#horz-list ul {
  margin: 0;
  overflow: hidden;
  background-color: #780b3d;
  border-radius: 46px;
  padding: 12px;
  list-style-type: none;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#horz-list ul li {
  float: left;
  margin-left: 10px;
  padding: 0 10px 0 0;
  display: list-item;
  color: white;
}

#horz-list ul li a {
  font-weight: 600;
  color: white;
  text-decoration: none;
}

#horz-list ul li i {
  font-weight: 600;
  color: white;
  text-decoration: none;
  font-size: 1.3rem;
}

.makale a {
  color: #4d5051;
}
.makale a:hover {
  color: #00a5ce;
}

.light-text {
  font-size: 1rem;
  color: #5b5959;
}

@media screen and (max-width: 576px) {
  .hide-on-sm {
    display: none;
  }
}
.accSpeakingArea {
  background-color: #ff0;
}

header .dis-site {
  width: 100%;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  color: #333;
  transition: all 0.3s;
}

.navbar a {
  color: #fff;
}

.navbar button {
  color: inherit !important;
}

.btn-warning {
  color: #ffffff;
  background-color: #e25e85;
  border-color: rgba(255, 255, 255, 0);
  padding: 4px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin: auto;
  font-size: 0.9rem;
  margin-top: 10px;
  border-radius: 7px;
}

.btn-warning a {
  color: #fff;
}

.btn-warning:hover {
  border: solid #aa5f85 1px;
  background-color: #aa5f85;
  color: #ffffff;
}

.navbar.compressed {
  padding: 0;
  background: #ffffff;
  height: 77px;
  margin-top: 0;
  box-shadow: rgba(72, 82, 93, 0.65) 0px 7px 20px;
}

.navbar.compressed .btn {
  font-size: 0.9rem;
}

.navbar.compressed .navMenu {
  padding: 0;
}

.navbar.compressed .topSide .logo {
  padding-top: 0;
}

.navbar.compressed .topSide .logo img {
  height: auto;
}

.navbar.compressed .topSide .siteTitle {
  font-size: 1.2rem;
  color: #000;
  padding-top: 0;
  transition: 0.35s;
}

.navbar.compressed .topSide .ebasvuru {
  padding-top: 18px;
}

.navbar.compressed .nav {
  padding-top: 4.4rem;
  line-height: 2.7rem;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: aliceblue;
}

.text-info {
  color: #ff6a86 !important;
  font-weight: 500;
}

.hilight {
  color: rgb(0, 0, 0);
  background-color: rgba(249, 255, 70, 0.759);
}

.btn1 {
  display: inline-block;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  border: rgba(0, 165, 206, 0.5882352941) solid 2px;
  color: #00a5ce;
  text-align: center;
  font-size: 1rem;
  padding: 6px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn1 span:after {
  content: "❯";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.btn1:hover span {
  padding-right: 25px;
}

.btn1:hover span:after {
  opacity: 1;
  right: 0;
}

.topSide {
  height: 77px;
  width: 100%;
  background-color: #7632fb;
}

.topSide .topOne {
  display: flex;
  align-items: center;
  height: 100%;
}

.topSide .logo {
  display: flex;
  width: 15%;
  align-items: center;
  justify-content: center;
  height: 76px;
}

.topSide .logoMobil {
  display: none;
}

.topSide .siteTitle {
  width: 85%;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
  transition: 0.35s;
}

.topSide .basvuru {
  display: flex;
  width: 15%;
  align-items: center;
  justify-content: center;
}

.ebasvuru {
  display: none;
}

.thm-btn {
  background-color: #ff9c00;
  background-image: linear-gradient(145deg, rgb(115, 0, 151) 0%, rgb(197, 56, 159) 100%);
  color: #fff;
  font-size: 15px;
  padding: 14px 34px;
  line-height: 1;
  transition: all 300ms linear 0ms;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 10px;
  border: 0;
  font-weight: 700;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.thm-btn::before,
.thm-btn::after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  -khtml-transform: skewX(25deg);
  transform: skewX(25deg);
  width: 100%;
  z-index: -1;
}

.ziyaretlerArka {
  padding: 50px 20px;
  /* Dış boşluklar */
  background-image: url(/public/images/default/sticker.png);
  /* Arka plan resmi */
  background-repeat: no-repeat;
  background-size: cover;
  /* Resmi kapsama ayarı */
  background-position: center;
  font-family: "Kalam", cursive;
  /* Yazı tipi */
  text-align: center;
  /* Yazıları ortala */
  color: #fff;
  /* Yazı rengi */
  display: flex;
  /* Kutuları hizalamak için flex kullan */
  flex-direction: column;
  /* Dikey düzen */
  align-items: center;
  /* Ortalamayı sağla */
  justify-content: center;
  /* Ortalamayı sağla */
  gap: 0px;
  /* Kutular arasında boşluk */
  margin: 10px;
}

.motto1 {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
}

.motto2 {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.navMenu {
  width: 85%;
  padding: 1px;
  border-radius: 10px;
  padding: 6px 0;
  position: relative;
  color: #152f71;
  font-weight: 700;
  font-size: 1rem;
  outline: medium none;
  box-sizing: border-box;
}

.reverse {
  flex-flow: column-reverse;
  display: flex;
}

.navMenu .nav {
  width: 100%;
}

.ebasvuru .box-3 {
  background-color: #ffffff;
  padding: 2px 10px;
  border-radius: 5px;
}

.ebasvuru .btn-three {
  color: #b40657;
  transition: all 0.5s;
  position: relative;
  font-weight: 600;
}

.ebasvuru .btn-three::before {
  content: "";
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 10px;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s;
  border: 1px solid rgb(181, 5, 87);
  transform: scale(1.2, 1.1);
  border-radius: 13px;
}

.ebasvuru .btn-three:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}

.ebasvuru .btn-three::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid rgb(181, 6, 87);
  transform: scale(1.2, 1.1);
  border-radius: 13px;
}

.ebasvuru .btn-three:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}

.ebasvuruMobil {
  display: none;
}

.mansetalan {
  display: block;
  overflow: hidden;
  height: 570px;
}

.mansetalan .anamanset {
  padding-top: 0 !important;
}

.mansetalan .mansetkapsa {
  width: 100%;
  height: 570px;
  position: relative;
}

.mansetalan .swiper-slide {
  overflow: hidden;
}

.mansetalan .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  backface-visibility: hidden;
}

.mansetalan .mansetresim {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  transition: opacity 0.6s ease-in-out, transform 2.5s ease 0.5s;
}

.mansetalan .mansetresim::before {
  content: "";
  position: absolute;
  background-image: url(/public/images/default/section-notch-top.png);
  background-repeat: repeat-x;
  display: block;
  top: 0;
  width: 100%;
  height: 20px;
  z-index: 24;
}

.mansetalan .golge::after {
  content: "";
  position: absolute;
  background-image: url(/public/images/default/section-notch-bottom.png);
  background-repeat: repeat-x;
  bottom: 0;
  width: 100%;
  height: 20px;
  z-index: 2000;
}

.mansetalan .golge {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 50%;
  background: linear-gradient(to bottom, rgba(9, 3, 52, 0) 0%, #3c032d 100%);
}

.mansetalan .swiper-slide-duplicate-active .mansetresim,
.mansetalan .swiper-slide-active .mansetresim {
  opacity: 1;
  transform: scale(0.998);
}

.mansetalan .mansetyazi {
  position: absolute;
  width: 65%;
  min-height: 50px;
  bottom: 2.2em;
  padding-left: 1.5em;
  color: #fff;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mansetalan .swiper-slide-active .mansetyazi {
  opacity: 1;
  transition: opacity 1s ease 1s;
}

.mansetalan .swiper-slide-active .mansetyazi h1 {
  margin: 10px 0;
  z-index: 6;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4em;
  color: #fff;
  text-shadow: 0 1px 5px rgb(22, 22, 22);
}

.helping {
  display: flex;
}

.swiper-timer-progress {
  position: relative;
  background-color: #fff;
  width: 132px;
  height: 1px;
  margin: 0 38px 0 21px;
  z-index: 100;
}

.swiper-helpers .swiper-button-prev {
  position: static;
  right: 84px;
}

.swiper-helpers .swiper-button-prev,
.swiper-helpers .swiper-button-next {
  border: 0;
  width: 35px;
  height: 35px;
  background-image: none;
  display: flex;
  align-items: center;
  position: static;
  margin: 2px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.5rem !important;
  font-weight: bolder;
  color: #00a6cf;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  backface-visibility: hidden;
}

.giris {
  display: flex;
}

.giris .giris-form {
  width: 50%;
  padding: 15px;
  display: -ms-flexbox;
  margin: 0 13px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  border: solid 2px #ebeced;
  background-color: #e8eff3;
}

.giris .giris-form .login-box-icon {
  display: flex;
  width: 100%;
  font-size: 3.1rem;
  justify-content: center;
  opacity: 0.6;
  color: #3b7aa7;
}

.giris .giris-form .satir {
  width: 100%;
  padding: 10px;
  color: #333333;
  font-size: 0.9rem;
  font-weight: 500;
}

.giris .giris-form .satir input {
  width: 100%;
  height: 45px;
  padding: 7px;
  margin: 4px 0;
  background-color: #fff;
  border-radius: 5px;
}

.giris .giris-form .satir span {
  float: left;
  width: 25%;
}

.giris .giris-form .satir .sunut {
  height: 35px;
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.giris .giris-form .satir .sunut a {
  color: #074470;
}

.giris .giris-form .satir .sunut a:hover {
  color: #149ac0;
}

.giris .LoginDetail {
  width: 50%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  line-height: 200%;
  background-color: #fff;
}

.giris .LoginDetail .yeniuye {
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.duyuruResim img {
  width: 150px;
}

.duyurularBaslik {
  display: flex;
  margin: 0 0 0 15px;
}

.boxDis {
  display: flex;
  margin: 0;
}

.boxDis .boxDis {
  width: 33.3%;
  display: flex;
  flex-direction: column;
  margin: 11px;
}

.boxDis .duyurular {
  display: flex;
  flex-direction: column;
  width: calc(66.6% + 50px);
  margin: 10px 25px;
}

.boxDis .galeri {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0;
}

.boxDis .galeri .duyurularBaslik {
  display: flex;
  margin: 0;
}

.boxDis .timeline-Widget {
  background-color: rgba(255, 255, 255, 0) !important;
}

.boxDis .timeline-Header-title {
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #ffffff;
}

.boxDis .baskanDis {
  margin: 20px 0;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 15px;
}

.boxDis .baskanDis .baskanImg {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.boxDis .baskanDis .baskanImg img {
  width: 100%;
  max-width: 370px;
}

.boxDis .baskanDis .baskanSosyal {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.boxDis .baskanDis .baskanSosyal span {
  padding: 7px 14px;
  font-size: 0.75rem;
  color: #696969;
  text-align: center;
  width: 50%;
}

.boxDis .baskanDis .baskanSosyal i {
  font-size: 1.4rem;
  color: #00a6cf;
  margin: 3px;
  padding: 15px;
}

.boxDis .baskanDis .baskanOzgecmis {
  padding: 7px;
  display: flex;
  align-items: center;
  background: #e4e4e4;
  justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.8rem;
}

.boxDis .baskanDis a {
  color: #999;
}

.boxDis .baskanNameDis {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: linear-gradient(to bottom, rgb(189, 21, 44), #000000);
  position: absolute;
  height: 70px;
  bottom: -15px;
  width: 100%;
  opacity: 0.8;
  z-index: 2;
  transform: skew(0deg, 5deg);
}

.boxDis .baskanAd {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 3;
  color: #fff;
}

.boxDis .baskanAd span:first-of-type {
  font-weight: 500;
  width: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  justify-content: start;
  padding: 0;
}

.boxDis .baskanAd span:last-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: rgba(255, 251, 251, 0.92);
  width: 100%;
  padding: 2px 0;
}

.boxDis .bakanlinkler ul {
  margin: 0;
  padding: 0;
}

.boxDis .bakanlinkler ul li {
  list-style: none;
}

.boxDis .bakanlinkler ul li a {
  display: block;
  overflow: hidden;
  font-size: 15px;
  font-weight: 800;
  color: #203040;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  padding-left: 5px;
}

.boxDis .bakanlinkler ul li a:before {
  content: "";
  width: 60px;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #929292;
}

.boxDis .bakanlinkler ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 1px;
  width: 100%;
  background: #cad3d8;
}

.ara-kapsa {
  display: flex;
}

.ara-kapsa bul {
  padding: 15px;
}

.ara-kapsa div:first-of-type {
  width: 90%;
}

.ara-kapsa div:last-of-type {
  width: 15%;
}

.ara-kapsa div:last-of-type button {
  padding: 8px;
  width: 40px;
  border: 0;
  background-color: #149ac0;
  color: #ffffff !important;
}

#arama-kutu2 {
  display: none;
  width: 100%;
  background-color: #ffffff;
  z-index: 104;
  position: relative;
  text-align: center;
  padding: 25px;
}

.arama {
  width: 40%;
  margin: auto auto;
}

.navMenu .search button {
  border: 0;
  width: 42px;
  background-color: rgba(127, 255, 212, 0);
}

.gallery {
  background: #eee;
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8c8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.videoAlan {
  width: calc(25% - 20px);
  margin: 50px 15px 14px 15px;
  height: -moz-fit-content;
  height: fit-content;
}

.videoAlan .videoImg {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.videoAlan .videoImg img {
  width: 100%;
}

.videoAlan .videoBaslik {
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
  padding: 15px;
}

.videoAlan span {
  text-align: center;
}

.duyuruList {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}

.kutuphaneList {
  display: flex;
  flex-direction: column;
  padding: 100px 0;
  background-image: url(/public/images/default/kulturSanatBack.png);
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
}

.kutupHaneAlan .shape02 {
  height: 60px;
}

.haber-kutu-kapsa {
  display: flex;
  margin: 0;
}

.haber-kutu-kapsa a {
  width: 33.3333333333%;
  color: #444;
  margin: 25px;
}

.haber-kutu-kapsa a:last-of-type {
  margin: 25px 11px 25px 20px;
}

.haber-kutu-kapsa a img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}

.haber-kutu-kapsa a:hover {
  color: #00a5ce !important;
}

.haber-kutu-kapsa a:hover img {
  transform: scale(1.1);
}

.haber-kutu-kapsa a:hover .haber-kutu::after {
  border-bottom: 3px #29bfff solid;
  width: 100%;
}

.haber-kutu-kapsa .haber-kutu {
  text-decoration: none;
  transform: translateY(0);
  transition: 0.1s;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
  overflow: hidden;
}

.haber-kutu-kapsa .haber-kutu .resim {
  min-height: 160px;
  background-color: #fff;
}

.haber-baslik {
  background-color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0 3px 5px 15px;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.haber-tarih {
  font-size: 12px;
  padding: 0 13px 7px;
  color: #9fa7af;
  background-color: #fff;
}

.kapsa {
  margin-top: 80px;
  display: block;
}

.haber-list-baslik-kapsa {
  display: flex;
  padding: 2px 0;
  margin-bottom: 25px;
}

.haber-list-baslik {
  width: 100%;
  font-weight: 700;
  color: #e25e85;
  font-size: 33px;
  border: none;
  outline: none;
  position: relative;
  display: flex;
  font-family: "Roboto", sans-serif;
}

.haber-list-line {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  color: #808080;
  margin-top: 22px;
  font-size: 0.92rem;
  font-weight: 500;
  font-family: sans-serif;
  color: #868686;
  height: 4px;
  background-color: #ce0448;
}

.duyuruTumBtn {
  background-color: #ffffff;
  text-align: center;
  width: 170px;
  height: 30px;
  margin: 10px auto;
  border: #34b5cf 1px solid;
}

.duyuruTumBtn a {
  color: #444;
  width: 170px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.duyuruTumBtn a:hover {
  color: #fff;
  background-color: #00a5ce;
}

.haber-list-tum span:hover {
  background-color: #0eb1ca;
  color: #fff;
  transform: translateY(0);
  transition: 0.1s;
}

.haber-list-tum span {
  width: 124px;
  height: 29px;
  background-color: #ffffff;
  color: #13b8d5;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #13b8d0 1px;
}

.haber-list-satir {
  display: flex;
  padding: 5px 0 5px 0;
  border-bottom-style: dashed;
  border-bottom-width: thin;
  border-bottom-color: #6573a3;
}

.kulturList .duyuruDis {
  padding: 30px 0 !important;
}
.kulturList .duyuruDis:nth-child(odd) {
  background-color: rgba(201, 233, 255, 0.3019607843);
}
.kulturList .duyuruDis:nth-child(even) {
  background-color: #fff;
}
.kulturList .duyuruDis div:nth-child(2) a {
  color: #07235f;
  display: flex;
  align-items: center;
}
.kulturList .duyuruDis div:nth-child(2) a:hover {
  color: #ff6a86;
}
.kulturList .duyuruDis .duyuruBaslik {
  color: #424c62;
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.kulturList .duyuruDis .duyuruBaslik a {
  color: #04206a;
  font-weight: 500;
  font-size: 1rem;
}
.kulturList .duyuruDis .duyuruBaslik span:first-child {
  font-size: 1.1rem;
  padding: 20px 0;
}
.kulturList .duyuruDis .duyuruBaslik span:last-child {
  margin: auto 0;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 20px 0;
}
.kulturList .duyuruDis .duyuruResim img {
  width: 110px;
  max-width: 145px !important;
}

#demo-form {
  background-color: #ffaaba;
  padding: 19px;
  margin-right: 25px;
  border-radius: 25px;
  margin-top: 22px;
}
#demo-form input,
#demo-form textarea {
  font-family: "Kalam", cursive;
  display: block;
  width: 100%;
  padding: 4px 10px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(226, 136, 153);
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-bottom: 2px solid;
  border-bottom-color: #ffffff;
  border-bottom-style: dashed;
}
#demo-form .form-label {
  font-family: "Kalam", cursive;
  font-size: 1.2rem;
  font-weight: 700;
}

.page-content .backGround {
  background-image: url(/public/images/default/baloon.png);
  background-repeat: no-repeat;
  height: 80px;
}
.page-content .duyuruDis {
  padding: 15px 20px;
}
.page-content .duyuruDis:nth-child(odd) {
  background-color: rgba(201, 233, 255, 0.3019607843);
}
.page-content .duyuruDis:nth-child(even) {
  background-color: #fff;
}
.page-content .duyuruDis div:nth-child(2) a {
  color: #07235f;
  display: flex;
  align-items: center;
}
.page-content .duyuruDis div:nth-child(2) a:hover {
  color: #ff6a86;
}
.page-content .duyuruResim {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 25%;
  padding: 15px;
}
.page-content .duyuruBaslik {
  color: #424c62;
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.page-content .duyuruBaslik a {
  color: #04206a;
  font-weight: 500;
  font-size: 1rem;
}
.page-content .duyuruBaslik span:last-child {
  margin: auto 0;
}
.page-content .duyuruLink {
  display: flex;
  align-items: start;
  justify-content: start;
}
.page-content .duyuruLink a {
  color: #22304d;
  font-weight: 400;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.page-content .tarih {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
  color: #808080;
}

.alphabet {
  width: 100%;
}
.alphabet a {
  display: ruby;
  padding: 5px 10px;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 3px;
  line-height: 4rem;
  background-color: #f5e9b7;
  color: #252525;
}

.harf.active {
  color: #dc7979;
  /* Harfi kırmızı yap */
  font-weight: bold;
  /* Harfi kalın yap */
}

.kulturIkon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kulturIkon i {
  font-size: 1.5rem;
  color: rgba(43, 52, 77, 0.5019607843);
}

.kutuphaneList .haber-list-satir {
  display: block;
  text-align: center;
  padding: 5px 0 5px 0;
  justify-content: start;
  width: 55%;
  border: unset;
}
.kutuphaneList .haber-list-haber {
  display: flex;
  align-items: center;
  padding: 15px;
  font-size: 0.95rem;
  font-weight: 500;
  justify-content: end;
  font-family: "Roboto";
}
.kutuphaneList .haber-list-altbaslik {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  margin: 5px 0 5px 0;
  align-items: center;
  font-family: "Kalam", cursive;
  color: #414141;
  font-weight: 700;
  font-size: 1.07rem;
}
.kutuphaneList .haber-list-tarih {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 5px 0 5px 0;
  justify-content: center;
  font-family: "Kalam", cursive;
  color: #75663d;
  font-weight: 400;
  font-size: 1rem;
}
.kutuphaneList .newsPicKutuphane img {
  width: 100px;
  height: 150px;
}
.kutuphaneList .haber-list-tumKutu {
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 50%;
  margin: auto;
  justify-content: center;
  font-family: "Kalam", cursive;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: #f5c659;
  border-radius: 12px;
  background-image: url(/public/images/default/button-bg.png);
}
.kutuphaneList .haber-list-tumKutu a {
  color: #ffffff;
}
.kutuphaneList .haber-list-haber a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #da6085;
  font-size: 1rem;
}
.kutuphaneList .haber-list-haber a:hover {
  color: #d66986;
}

.itemtservice:nth-of-type(1) {
  background-color: #f5d3d3;
  border-radius: 10px;
  padding: 0px 0px;
}
.itemtservice:nth-of-type(1):hover {
  background-color: rgba(245, 211, 211, 0.5333333333);
}
.itemtservice:nth-of-type(2) {
  background-color: #c9e9ff;
  border-radius: 10px;
  padding: 0px 0px;
}
.itemtservice:nth-of-type(2):hover {
  background-color: rgba(201, 233, 255, 0.368627451);
}
.itemtservice:nth-of-type(3) {
  background-color: #faf0b5;
  border-radius: 10px;
  padding: 0px 0px;
}
.itemtservice:nth-of-type(3):hover {
  background-color: rgba(250, 240, 181, 0.6039215686);
}
.itemtservice:nth-of-type(4) {
  background-color: #e7def5;
  border-radius: 10px;
  padding: 0px 0px;
}
.itemtservice:nth-of-type(4):hover {
  background-color: rgba(250, 240, 181, 0.6039215686);
}
.itemtservice:nth-of-type(5) {
  background-color: #e0e0e0;
  border-radius: 10px;
  padding: 0px 0px;
}
.itemtservice:nth-of-type(5):hover {
  background-color: rgba(250, 240, 181, 0.6039215686);
}
.itemtservice .box-service {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 0px 15px;
  margin: 10px 0;
}

.itemtservice .box-service:before {
  content: "";
  border: 2px dashed #fff;
  border-radius: 10px;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  pointer-events: none;
}

.itemtservice .box-service .number {
  max-width: 60px;
  margin-right: 20px;
  font-size: 65px;
  color: #33a0d8;
  font-family: "Roboto";
  font-weight: 600;
}

.itemtservice .box-service .info .title {
  font-size: 18px;
  font-weight: 800;
  color: #23386d;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.itemtservice .box-service .info .content {
  font-family: "Roboto";
  font-size: 14px;
  color: #4b4b4b;
  line-height: 24px;
  margin-bottom: 0;
}

.BizeUlas {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.haber-list-tarih {
  display: flex;
  flex-direction: column;
  padding: 2px;
  margin: 5px 0 5px 0;
  justify-content: center;
}

.haber-list-tarih span:first-of-type {
  font-size: 1.5rem;
  color: #31147d;
  background-color: #d1ebff;
  height: 33px;
  width: 37px;
  text-align: center;
  font-weight: 700;
  font-family: "Kalam", cursive;
}

.haber-list-tarih span:last-of-type {
  font-size: 0.72rem;
  color: #ffffff;
  text-align: center;
  padding: 5px;
  background-color: #221f7d;
}

.haber-list-haber {
  display: flex;
  align-items: center;
  padding: 0 16px;
  font-size: 0.9rem;
  font-weight: 500;
  width: 100%;
}

.haber-list-haber a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #221f7d;
}

.haber-list-haber a:hover {
  color: #00a6cf;
}

.haber-list-kapsa {
  width: 69%;
  margin: 0 15px;
  margin-top: 50px;
}

.haber-list-kapsa a {
  text-decoration: none !important;
}

.kapsa-mavi {
  margin: 40px 0 0;
  background: url("/public/images/default/service-back.png") no-repeat;
  background-size: cover;
  background-color: #00a5ce;
}

.mavi-kutu {
  margin: 0px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}

.mavi-kutu img {
  width: 100%;
}

.mavi-kutu:first-of-type {
  width: 66.6%;
}

.mavi-kutu:last-of-type {
  width: 33.3%;
}

.mavi-kutu i {
  font-weight: 900;
  color: #fff;
  font-size: 1.5rem;
}

.mavi-kutu span:last-of-type {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 300;
  padding: 0;
}

.service-tree {
  margin: 40px 0 0;
  display: flex;
  flex-direction: column;
}

.service-tree .gorevAlaniBaslik {
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  padding: 15px;
  font-weight: 500;
}

.service-tree .mavi-kutu2-kapsa {
  display: flex;
}

.service-tree .mavi-kutu2-kapsa .mavi-kutu2 {
  width: 25%;
  margin: 5px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  font-size: 1rem;
  background-color: #fff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
  transform: skewX(0);
  transition: 0.5s;
}

.service-tree .mavi-kutu2-kapsa .mavi-kutu2:hover {
  transform: translateY(-10px);
  transition: 0.5s;
  background-color: #eefafa;
}

.service-tree .mavi-kutu2-kapsa .mavi-kutu2 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #000;
}

.service-tree .mavi-kutu2-kapsa .mavi-kutu2 span:first-of-type {
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: #f3f3f3;
  border-radius: 50%;
  margin: 1px;
}

.service-tree .mavi-kutu2-kapsa .mavi-kutu2 span:last-of-type {
  padding-top: 20px;
}

.owl-carousel {
  padding-bottom: 35px;
  padding-top: 30px;
  background-color: #bac1db;
}

.owl-carousel div a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.owl-carousel div a span:first-of-type {
  text-align: center;
  min-height: 65px;
}

.owl-carousel div a span:last-of-type {
  text-align: center;
  font-size: 0.8rem;
  color: #13244e;
}

.owl-carousel .owl-item img {
  display: unset !important;
  width: unset !important;
}

.owl-nav {
  margin-top: -10px;
  text-align: center;
}

.owl-nav span {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 7px;
  color: #9aa9b6;
}

.service-two {
  padding: 5px;
}

.service-two i {
  position: absolute;
  width: 32px;
  height: 32px;
  float: left;
  margin-top: 5px;
  background: url("/public/images/default/hand.png") no-repeat top center;
}

.service-two .t1 {
  padding: 20px 20px 10px;
}

.service-two .t2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.service-two .t2 .w1 {
  width: 50%;
  padding: 10px 17px;
}

.service-two .t2 .w1 a {
  font-size: 17px;
  color: #595959;
  text-shadow: 0 0px 1px #eee;
  display: inline-block;
  padding-left: 50px;
}

.service-two .t2 .w1 a:hover {
  color: #00a5ce;
}

.service-two .t2 .w1 span:first-of-type {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  color: #565656;
}

.service-two .t2 .w1 span:last-of-type {
  font-weight: 400;
  font-size: 0.9rem;
}

.service-two .t1 .sub-title h1 {
  font-size: 1.5rem;
  text-align: center;
}

.service-two .t1 .sub-title h1 a {
  color: rgb(23, 23, 23);
}

.service-two .t1 .sub-title h3 {
  color: rgb(82, 82, 82);
  font-size: 1.2rem;
  padding: 15px;
}

.beyaz-kutu {
  width: 100%;
  font-size: 0.85rem;
  color: #fff;
  font-weight: 100;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.harita:first-of-type {
  width: 67%;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.harita:last-of-type {
  width: 92%;
  padding: 0;
  margin: 25px 11px 25px 25px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.harita a {
  z-index: 2;
  display: block;
  content: "";
  transform: skewX(0);
  transition: 0.5s;
}

.harita a:hover {
  transform: translateY(-10px);
  transition: 0.5s;
}

.iht {
  font-size: 1.1rem;
  padding: 12px 0 0 0;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.94);
  text-align: center;
  width: 95%;
}

.fotoListRow {
  width: 100%;
  display: flex;
}

.fotoListRow .fotoKapsa {
  width: 100%;
}

.fotoListRow .fotoKapsa:first-of-type {
  background-color: rgba(94, 89, 89, 0.7294117647);
}

.fotoListRow .fotoKapsa:last-of-type {
  background-color: rgba(58, 48, 72, 0.7);
}

.fotoListRow .fotoKapsa .fotoBaslik {
  width: 80%;
  padding: 25px 0 0 25px;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
}

.fotoListRow .fotoKapsa .TumFotoBaslik {
  width: 100%;
  padding: 15px;
  display: flex;
  justify-content: end;
  font-weight: 400;
  font-size: 0.8rem;
}

.fotoListRow .fotoKapsa .TumFotoBaslik i {
  padding: 5px;
}

.fotoListRow .fotoKapsa .TumFotoBaslik a {
  color: #ffffff;
  width: 130px;
  background-color: #00a5ce;
  padding: 2px;
  text-align: center;
}

.fotoListRow .fotoKapsa .TumFotoBaslik a:hover {
  background-color: #149ac0;
  color: #fff;
}

.fotoListRow .fotoKapsa .icerikDis {
  display: flex;
  color: #fff;
}

.fotoListRow .fotoKapsa .icerikDis a {
  width: calc(50% + 25px);
  color: #000000;
  font-weight: 400;
  padding: 20px;
}

.fotoListRow .fotoKapsa .icerikDis a:hover {
  color: #00a5ce;
}

.fotoListRow .fotoKapsa .icerikDis a img {
  width: 100%;
  padding: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 152px;
}

.fotoListRow .fotoKapsa .icerikDis a span:last-of-type {
  padding: 0px 15px;
  height: 64px;
  overflow: hidden;
  display: block;
}

footer {
  border-top: 0;
  padding: 10px;
  bottom: 0;
  width: 100%;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 6px -1px rgba(203, 204, 206, 0.8);
}

footer .altalan {
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

footer .altalan span {
  padding: 20px 10px 0 0;
}

footer .altalan span:first-of-type {
  border-right: rgb(226, 237, 247) 1px solid;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 60px;
  width: 40%;
}

footer .altalan span:last-of-type {
  width: 60%;
  font-weight: 400;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  padding: 22px 0 0 10px;
  justify-content: start;
  color: #a1a1a1;
  padding-left: 60px;
}

footer .sosyalAlan {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 35px 10px;
}

footer .sosyalAlan .boxDis {
  width: 100%;
}

footer .sosyalAlan .boxDis:first-of-type span {
  content: "";
  width: 52px;
  height: 2px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  right: 0;
  background: #000;
  z-index: 10;
  background-color: rgb(206, 4, 72);
}

footer .sosyalAlan .boxDis:first-of-type span:before {
  content: "";
  width: 52px;
  height: 2px;
  position: absolute;
  bottom: 5px;
  left: 35px;
  right: 0;
  background: #000;
  z-index: 10;
  background-color: rgb(206, 4, 72);
}

footer .sosyalAlan .boxDis:last-of-type {
  display: flex;
  flex-direction: row;
}

footer .sosyalAlan span i {
  font-size: 1.4rem;
  color: #fff;
  padding: 13px;
}

footer .altalanMenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
}

footer .altalanMenu .boxDis {
  width: 100%;
  flex-direction: column;
}

footer .altalanMenu .boxDis .menuBaslik {
  position: relative;
  padding: 40px 0 5px 35px;
  font-weight: 500;
  color: #ffffff;
  font-size: 1rem;
}

footer .altalanMenu .boxDis .menuBaslik:before {
  content: "";
  width: 52px;
  height: 2px;
  position: absolute;
  bottom: 5px;
  left: 35px;
  right: 0;
  background: #000;
  z-index: 10;
  background-color: #ce0448;
}

footer .altalanMenu .boxDis .menuIcerik {
  list-style: none;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 400;
  padding: 0 25px;
}

footer .altalanMenu .boxDis .menuIcerik ul {
  padding: 0;
}

footer .altalanMenu .boxDis .menuIcerik ul li {
  list-style-type: none;
  padding: 8px 10px;
  border-bottom: rgba(255, 255, 255, 0.37) 1px solid;
}

footer .altalanMenu .boxDis .menuIcerik ul li a {
  color: #000;
}

footer .altalanMenu .boxDis .menuIcerik ul li a:hover {
  color: #149ac0;
}

.noChild {
  background-color: #fff !important;
}

.noChild::after {
  background-image: unset !important;
}

.icerikList tr {
  width: 100%;
}

.icerikList tr th:nth-of-type(1) {
  width: 25% !important;
}

.icerikList tr th:nth-of-type(2) {
  width: 50% !important;
}

.icerikList tr th:nth-of-type(3) {
  width: 25%;
}

.karar #example tr {
  margin: 25px;
  overflow: hidden;
  cursor: unset !important;
}

#example tr {
  margin: 25px;
  overflow: hidden;
}

#example tbody th {
  font-weight: 400;
  font-size: 0.85rem;
  color: #4a4a4a;
  line-height: 1.4rem;
  border: 0;
  box-shadow: none;
}

#example tbody th .baslik {
  font-weight: 500;
  font-size: 1rem;
  color: #4a4a4a;
}

#example tbody th:nth-of-type(1) {
  width: 30%;
  text-align: center;
  margin: auto;
}

#example tbody th:nth-of-type(2) {
  font-size: 1rem;
  padding: 15px;
  color: #4a4a4a;
  width: 50%;
  font-weight: 500;
}

#example tbody th:nth-of-type(3) {
  font-size: 0.95rem;
  padding: 15px;
  color: #4a4a4a;
  width: 20%;
  text-align: center;
}

#example tbody th:nth-of-type(2) a {
  color: #333;
}

#example tbody th:nth-of-type(2) a:hover {
  color: #ce0448;
}

#example tbody th:nth-of-type(4) {
  width: 5%;
  font-size: 0.75rem;
}

#example tbody th:nth-of-type(3) i,
th:nth-of-type(4) i {
  font-weight: 500;
  font-size: 2rem;
  color: #cd093f !important;
}

#example tbody th a {
  color: #4a4a4a;
  display: flex;
  font-weight: 500;
}

#example tbody tr:nth-child(odd) {
  background-color: #f0f8ff;
}

#example tbody tr:nth-child(even) {
  background-color: rgb(255, 255, 255) !important;
}

#example tbody .karar {
  background-color: rgba(245, 245, 245, 0.5098039216);
}

#example tbody .karar th {
  padding: 10px;
  box-shadow: unset;
  color: #777;
  padding: 5px;
}

#example tbody .karar th span:first-of-type {
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 200%;
}

#example tbody .karar th span:last-of-type {
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 200%;
}

#example tbody .karar th:nth-child(1) {
  margin-left: 25px;
}

#example tbody .karar th:nth-child(2) {
  font-weight: 400;
  min-width: 150px;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 20px 10px !important;
}

.dataTables_length {
  margin-bottom: 20px;
}

.dipcizgi {
  display: block;
  overflow: hidden;
  height: 150px;
  margin-top: 10px;
  position: relative;
}

.iletalt {
  background-color: #13244e;
  display: flex;
  overflow: hidden;
  height: 150px;
  position: absolute;
  z-index: 5;
  width: 100%;
  border-radius: 20px;
}

.iletaltkutu i {
  display: block;
  float: left;
}

.iletaltkutu [class*=adaleticon-] {
  background-color: #f9fdff;
  color: #221f7d;
  display: flex;
  justify-content: center;
  width: 55px;
  height: 55px;
  line-height: 65px;
  border-radius: 100%;
  margin: auto 3px;
  font-size: 1.6rem;
  align-items: center;
}

.iletaltkutu .iletkbaslik {
  display: flex;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  margin-left: 90px;
  margin-top: 5px;
  color: #ffffff;
  font-family: "Kalam", cursive;
}

.filter-buttons {
  background-color: #e3e3e3;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 0 auto;
  margin-bottom: 25px;
}

.galery .filter-buttons ul {
  list-style: none;
  text-align: center;
  margin: 0;
}

.galery .filter-buttons ul li.active {
  color: #831e4c;
  border-bottom: 4px solid #831e4c;
}

.galery .filter-buttons ul li {
  display: inline-block;
  font-size: 1.1em;
  margin: 0px 8px;
  color-interpolation-filters: #000000;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0.8em;
}

.iletaltkutu {
  display: block;
  overflow: hidden;
  height: 150px;
  width: calc(33% - 30px);
  margin: 0 25px;
  float: left;
  color: #000000;
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.iletaltkutu:first-of-type {
  margin-left: 0;
}

.iletaltkutu:last-of-type {
  margin-right: 0;
}

.iletaltkutu p {
  display: block;
  overflow: hidden;
  margin: 0px;
  margin-left: 90px;
  font-weight: 400;
  color: #b4b4b4;
}

.page-wrap {
  margin: 40px auto 80px;
  max-width: 1400px;
  width: 100%;
}

table {
  max-width: 100% !important;
  display: block !important;
  height: auto !important;
  border-collapse: collapse !important;
}

table tr td {
  border: 1px solid #ccc !important;
  padding: 5px 0px !important;
  padding-left: 3px !important;
}

table tr td p {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 1.5 !important;
  font-size: 1rem !important;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
  word-wrap: break-word;
  font-weight: 400;
}

.karar table tr:first-of-type {
  background-color: rgba(240, 248, 255, 0.6509803922) !important;
  font-weight: bold;
}

table tr:first-of-type td {
  background: #93a5b9 !important;
  font-weight: bold;
}

.section-title .title {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.section-title p:last-child {
  margin-bottom: 0;
}

.sectionPages {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}

.sectionPages .leftSide {
  min-height: 400px;
  box-sizing: border-box;
  width: 25%;
  position: relative;
  border-radius: 15px;
  top: 0px;
  padding: 0;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px -2px, rgba(0, 0, 0, 0.1) 0px 4px 8px -2px;
}

.sectionPages .leftSide ul {
  padding-right: 25px;
}

.sectionPages .leftSide ul li {
  list-style: none;
  padding: 10px 0 10px 0;
  border-bottom: solid 1px #ddd;
}

.sectionPages .leftSide ul li .date {
  font-size: 0.8rem;
  color: #999;
}

.sectionPages .leftSide ul li a {
  color: #444;
}

.sectionPages .leftSide ul li a:hover {
  color: #000000;
}

.sectionPages .leftSide .tumHaber {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9d9d9d;
  font-size: 0.9rem;
  font-weight: 500;
}

.sectionPages .leftSide .tumHaber a {
  color: rgb(255, 255, 255);
}

.sectionPages .leftSide .tumHaber a:hover {
  color: #e9e9e9;
}

.sectionPages .leftSide .tumHaber i {
  font-weight: 800;
  padding: 10px;
  font-size: 1.1rem;
}

.sectionPages .pdf::before {
  content: "\f756";
  font-family: "bootstrap-icons";
  padding: 15px;
  font-size: 1.8rem;
  color: #e33535;
}

.sectionPages .contentSideIn {
  width: 75%;
  padding-left: 44px;
  position: relative;
}

.sectionPages .contentSideIn .page-content {
  display: flex;
  flex-direction: column;
  padding: 10px 40px 40px 40px;
  background-color: white;
  position: relative;
}

.sectionPages .contentSideIn .page-content .shareTools {
  width: 100%;
  display: flex;
  overflow: hidden;
  justify-content: end;
  padding: 0px 0 10px 0;
}

.sectionPages .contentSideIn .page-content .shareTools a {
  float: left;
  display: block;
  color: #fff;
  width: 30px;
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
}

.sectionPages .contentSideIn .page-content .shareTools a:nth-child(1) {
  background-color: #3b5998;
}

.sectionPages .contentSideIn .page-content .shareTools a:nth-child(2) {
  background-color: #1da1f2;
}

.sectionPages .contentSideIn .page-content .shareTools a:nth-child(3) {
  background-color: #f2591d;
}

.sectionPages .contentSideIn .page-content .shareTools a:nth-child(4) {
  background-color: #8212de;
}

.sectionPages .contentSideIn .page-content .shareTools a i {
  font-size: 1.1rem;
  line-height: 30px;
  padding: 7px;
}

.sectionPages .contentSideIn .page-content .contentTitle {
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: rgb(51, 51, 51);
  align-items: center;
  padding: 30px 0;
}

.sectionPages .contentSideIn .page-content .subTitle {
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 0;
  color: #000000;
  background-color: aliceblue;
}

.sectionPages .contentSideIn .page-content .images {
  padding: 0;
}

.sectionPages .contentSideIn .page-content .images img {
  width: 100%;
}

.sectionPages .contentSideIn .page-content .isim {
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.sectionPages .contentSideIn .page-content .contentImage img {
  box-shadow: 5px 9px 62px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: 25px;
}

.sectionPages .contentSideIn .page-content .content {
  font-size: 1rem;
}

.sectionPages .contentSideIn .page-content .content .duyuruLink {
  display: flex;
  justify-content: end;
  padding: 30px 0;
  font-size: 0.9rem;
}

.sectionPages .contentSideIn .page-content .content .duyuruLink a {
  color: #00a5ce;
}

.sectionPages .contentSideIn .page-content .pagesTools {
  display: flex;
}

.sectionPages .contentSideIn .page-content .pagesTools .date {
  width: 15%;
}

.sectionPages .contentSideIn .page-content .pagesTools .yazibk {
  width: 85%;
  display: flex;
  overflow: hidden;
  justify-content: end;
  padding: 10px 0 30px 0;
}

.sectionPages .contentSideIn .page-content .pagesTools .yazibk a {
  float: left;
  display: block;
  color: #fff;
  width: 30px;
  background-color: rgba(84, 84, 84, 0.7882352941);
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
  top: 7px;
  z-index: 3;
  right: 5px;
  padding: 5px;
}

.sectionPages .contentSideIn .page-content .pagesTools .yazibk a:nth-child(1) {
  font-size: 1rem;
  line-height: 22px;
}

.sectionPages .contentSideIn .page-content .pagesTools .yazibk a:nth-child(2) {
  font-size: 1rem;
  line-height: 22px;
}

.sectionPages .contentSideIn .page-content .pagesTools .yazibk a:hover {
  background-color: #00a5ce;
}

.sectionPages .filtreler {
  margin: 10px;
}

.sectionPages .filtreler label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8f8f8f;
  font-weight: 400;
  font-size: 1rem;
  background-color: aliceblue;
  padding: 10px;
  margin: 0 10px;
}

.sectionPages .filtreler .filtre {
  padding: 10px;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #f1f1f1;
  flex-wrap: wrap;
  display: flex;
}

.sectionPages .filtreler .filtre input,
.sectionPages .filtreler .filtre select {
  border: solid 1px #ccc;
  padding: 5px;
  width: 100%;
  font-size: 0.95rem;
  color: #444;
  border-radius: 5px;
}

.sectionPages .filtreler .filtre input::-moz-placeholder {
  font-weight: 400;
  opacity: 0.5;
  color: rgb(93, 93, 93);
}

.sectionPages .filtreler .filtre input::placeholder {
  font-weight: 400;
  opacity: 0.5;
  color: rgb(93, 93, 93);
}

.sectionPages .filtreler .filtre .etiket {
  width: 100%;
  padding: 0 0 5px;
  color: #444;
  font-size: 0.9rem;
}

.sectionPages .filtreler .yil {
  display: flex;
  flex-wrap: wrap;
}

.sectionPages .filtreler .yil .col-md-5 {
  width: 48.666667% !important;
}

.sectionPages .filtreler .kaydet {
  padding: 10px;
}

.sectionPages .filtreler .kaydet input {
  background-color: #00a5ce;
  color: #fff;
  padding: 10px 20px;
  border: none;
}

.sectionPages .filtreler .kaydet input:hover {
  background-color: #005089;
}

.sectionPages .contentSide {
  width: 100%;
  padding-left: 44px;
  position: relative;
}

.sectionPages .contentSide .page-content {
  display: flex;
  flex-direction: column;
  padding: 0 40px 40px 40px;
  background-color: white;
  position: relative;
}

.sectionPages .contentSide .page-content .pdf::before {
  content: "\f756";
  font-family: "bootstrap-icons";
  padding: 8px;
  font-size: 1.8rem;
  color: #ff6a86;
  position: relative;
  top: 0;
  left: 0%;
}

.sectionPages .contentSide .page-content .search .boxSide {
  min-height: 35px;
  border-bottom: solid 1px rgb(228, 228, 228);
  padding: 15px 0;
}

.sectionPages .contentSide .page-content .search .box {
  font-weight: 600;
  width: 100%;
}

.sectionPages .contentSide .page-content .search .boxText {
  font-size: 0.9rem;
}

.sectionPages .contentSide .page-content .search a {
  color: #666;
}

.sectionPages .contentSide .page-content .search a:hover {
  color: #149ac0;
}

.sectionPages .contentSide .page-content .contentTitle {
  box-sizing: border-box;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: rgb(51, 51, 51);
  align-items: center;
  padding: 30px 0 0px 0;
  font-family: "Kalam", cursive;
  margin: 0;
}

.sectionPages .contentSide .page-content .subTitle {
  font-size: 1rem;
  font-weight: 400;
  padding: 14px 22px;
  color: #000000;
  background-color: aliceblue;
  height: 89px;
  height: 50px;
}

.sectionPages .contentSide .page-content .images {
  padding: 0;
}

.sectionPages .contentSide .page-content .images img {
  width: 100%;
}

.sectionPages .contentSide .page-content .isim {
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.sectionPages .contentSide .page-content .contentImage a img {
  box-shadow: 5px 9px 62px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: 25px;
  max-width: 150px;
}

.sectionPages .contentSide .page-content .content {
  font-size: 1rem;
}

.sectionPages .contentSide .page-content .content .galeriDis {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.sectionPages .contentSide .page-content .content .galeriDis .hkutu {
  width: calc(33.3333333333% - 41px);
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 20px;
  border: 1px solid #fff;
  border-radius: 0.5em;
  background-color: transparent !important;
  box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0) inset;
}

.sectionPages .contentSide .page-content .content .galeriDis .hkutu img {
  width: 100%;
  max-height: 175px;
  max-width: 225px;
}

.sectionPages .contentSide .page-content .content .galeriDis .hkutu a {
  padding: 5px;
}

.sectionPages .contentSide .page-content .content .galeriDis .fotoAdet {
  font-size: 0.75rem;
  padding: 0;
  color: #8e99a0;
}

.sectionPages .contentSide .page-content .content .galeriDis ul {
  width: 100%;
  display: flex;
  padding-left: 0;
}

.sectionPages .contentSide .page-content .content .galeriDis ul .active {
  background-color: #d8d8d8;
  color: #074470;
  padding: 5px 10px;
}

.sectionPages .contentSide .page-content .content .galeriDis ul .ilk,
.sectionPages .contentSide .page-content .content .galeriDis ul .son {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sectionPages .contentSide .page-content .content .galeriDis ul .ilk:hover,
.sectionPages .contentSide .page-content .content .galeriDis ul .son:hover {
  background-color: #149ac0;
}

.sectionPages .contentSide .page-content .content .galeriDis ul li {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.9rem;
  background-color: #686868;
  list-style: none;
  width: 33%;
}

.totalRows {
  font-size: 0.91rem;
}

.sectionPages .contentSide .page-content .content .galeriDis ul li a {
  display: inline-block;
  color: #fff;
  padding: 5px 15px;
}

.sectionPages .contentSide .page-content .content .galeriDis ul li a:hover {
  background-color: #149ac0;
}

.sectionPages .contentSide .page-content .content .galeriDis .habichaberbaslik {
  width: 100%;
  font-size: 0.85rem;
  color: #444;
  padding: 10px 20px;
  font-weight: 500;
}

.sectionPages .contentSide .page-content .content .galeriDis .habichaberbaslik:hover {
  color: #149ac0;
}

.sectionPages .contentSide .page-content .content .galeriDis .habicresim {
  text-align: center;
  width: 100%;
}

.sectionPages .contentSide .page-content .content img {
  height: auto !important;
  max-width: 100%;
}

.sectionPages .contentSide .page-content .content .imgMain {
  margin: auto;
  text-align: center;
}

.sectionPages .contentSide .page-content .content .imgMain .contentTitle {
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: rgb(51, 51, 51);
  align-items: center;
  padding: 25px 0;
}

.sectionPages .contentSide .page-content .content .blok {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-wrap: wrap;
  width: 100%;
}
.sectionPages .contentSide .page-content .content .blok .kutu {
  padding: 25px;
  border: solid 1px rgba(221, 221, 221, 0.8117647059);
  margin: 20px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 0.9rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.sectionPages .contentSide .page-content .content .blok .kutu p {
  width: 300px;
  padding-top: 20px;
}
.sectionPages .contentSide .page-content .content .blok a {
  color: #252430;
}
.sectionPages .contentSide .page-content .content .blok a:hover {
  color: #ff6a86;
}

.sectionPages .contentSide .page-content .content .blok .kutu ul {
  padding: 0px;
  border: solid 1px rgba(221, 221, 221, 0.8117647059);
  margin: 10px;
}

.sectionPages .contentSide .page-content .content .blok .kutu ul li {
  list-style: none;
  text-align: center;
  padding: 15px;
}

.sectionPages .contentSide .page-content .content .blok .kutu ul li:nth-of-type(2) a {
  color: #444;
  font-weight: 600;
  font-size: 0.9rem;
}

.sectionPages .contentSide .page-content .content .blok .kutu ul li:nth-of-type(2) a:hover {
  color: #149ac0;
}

.sectionPages .contentSide .page-content .content .duyuruLink {
  display: flex;
  justify-content: start;
  padding: 0;
  align-items: center;
  font-size: 0.9rem;
}

.sectionPages .contentSide .page-content .content .duyuruLink a {
  color: #1e1e1e;
}

.sectionPages .contentSide .page-content .pagesTools {
  display: flex;
}

.sectionPages .contentSide .page-content .pagesTools .date {
  width: 15%;
}

.sectionPages .contentSide .page-content .pagesTools .shareTools {
  width: 35%;
  display: flex;
  overflow: hidden;
  justify-content: end;
  padding: 15px 0;
}

.sectionPages .contentSide .page-content .pagesTools .shareTools a {
  float: left;
  display: block;
  color: #fff;
  width: 30px;
  background-color: rgba(84, 84, 84, 0.7882352941);
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk {
  width: 55%;
  display: flex;
  overflow: hidden;
  justify-content: end;
  padding: 15px 0;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk a {
  float: left;
  display: block;
  color: #fff;
  width: 30px;
  background-color: rgba(84, 84, 84, 0.7882352941);
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
  top: 7px;
  z-index: 3;
  right: 5px;
  padding: 5px;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk a:nth-child(1) {
  font-size: 1.1rem;
  line-height: 30px;
  padding: 7px;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk a:nth-child(2) {
  font-size: 1rem;
  line-height: 22px;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk a:nth-child(3) {
  font-size: 1rem;
  line-height: 22px;
}

.sectionPages .contentSide .page-content .pagesTools .yazibk a:hover {
  background-color: #00a5ce;
}

.sectionPages .resim-item1 {
  display: flex;
  width: calc(24.333333% - 30px);
  height: auto;
  min-width: 125px;
  padding: 5px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #ccc;
  margin: 15px;
  justify-content: center;
}

.sectionPages .resim-gallery ul {
  display: flex;
  flex-wrap: wrap;
}

.sectionPages .resim-gallery ul li a:hover img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.sectionPages .resim-gallery ul li a {
  display: flex;
  overflow: hidden;
  position: relative;
  justify-content: center;
}

.sectionPages .resim-gallery ul li a img {
  transition: transform 0.15s ease 0s;
  transform: scale3d(1, 1, 1);
  height: auto;
  max-height: 150px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

table.dataTable thead th,
table.dataTable thead td {
  display: none;
}

.card tbody tr {
  float: left;
  width: calc(33.3333333333% - 50px);
  margin: 10px;
  border: 1px solid #fff;
  border-radius: 0.5em;
  background-color: transparent !important;
  box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0) inset;
}

.card tbody tr .hkutu {
  width: 100%;
  min-height: 230px;
  overflow: hidden;
  display: block;
  float: none;
  margin: 5px;
}

.card tbody tr .habicresim {
  display: flex;
  justify-content: center;
}

.card tbody tr .habicresim img {
  width: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  -o-object-position: center;
  object-position: center;
  max-height: 150px;
}

.card tbody tr .hkutu .habichaberbaslik {
  font-size: 0.85rem;
  width: 100%;
  height: 80px;
  line-height: 162%;
  padding: 15px 2px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  text-align: center;
}

.card tbody tr .hkutu .habichaberbaslik:hover {
  color: #00a5ce;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #999 !important;
  font-size: 0.9rem !important;
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
tabl.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
  display: none;
}

.back-Color1 {
  background-color: antiquewhite;
  padding: 10px 20px;
  border-radius: 13px;
}

.iletisimFormu .FormText {
  padding: 25px 16px;
  border-bottom: solid 2px #c4def5;
  border-bottom-style: dashed;
}

.iletisimFormu .FormText div:first-of-type {
  font-weight: 600;
  font-size: 1rem;
}

.iletisimFormu .FormText div:first-of-type i {
  padding-right: 15px;
  color: #4678aa;
  font-size: 1.5rem;
}

.iletisimFormu .FormText div:last-of-type {
  color: rgb(20, 53, 126);
  font-size: 1.1rem;
  font-weight: 700;
}

.collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}

.collapsible-link::before {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  display: block;
  font-family: "FontAwesome";
  font-size: 1.1rem;
}

.collapsible-link[aria-expanded=true]::before {
  content: "\f106";
}

ul .noSubmenu {
  padding: 10px;
  background-color: aliceblue;
  list-style: decimal-leading-zero;
  font-size: 1.2rem;
  font-weight: 600;
}

ul .noSubmenu h4 {
  font-size: 1.2rem;
}

ul .noSubmenu ul ::marker {
  font-size: 1.3rem;
}

ul .noSubmenu ul li {
  font-weight: 800;
  font-size: 1rem;
}

ul .noSubmenu ul li ul li {
  font-weight: 600;
}

ul .noSubmenu ul li ul li ul li {
  font-weight: 400;
}

ul .noSubmenu a {
  color: #b40657;
}

ul .noSubmenu a:hover {
  color: #149ac0;
}

@media screen and (max-width: 1700px) {
  .swiper {
    display: block;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .slide-inner {
    position: unset;
    width: unset;
    height: unset;
  }
  .golge {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 95px;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #222 100%);
  }
  .golge h1 {
    color: #fff;
    font-size: 1.5rem;
    padding: 10px;
  }
}
@media screen and (max-width: 960px) {
  .nav .nav-submenu > a:after {
    position: absolute;
    display: block;
    right: 10px;
    top: 0px;
  }
  .title-homepage .col-md-6 {
    display: flex;
    flex-direction: column;
  }
  .hp-features .col-md-6:nth-child(2) {
    flex-flow: wrap-reverse;
    margin-top: 41px;
  }
  .title-homepage .d-flex {
    display: flex;
    flex-direction: column;
  }
  .title-homepage h3 {
    padding-top: 18%;
    color: #ffffff;
    background-color: #f47ca0;
    border-radius: 50%;
    height: 250px;
    width: 250px;
    text-align: center;
    margin-top: -60px !important;
    margin-left: unset;
    margin: auto;
  }
  .title-homepage .img-fluid {
    max-width: 100%;
    height: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .title-homepage h3::after {
    background-image: url(/public/images/default/arrowRight.png);
    background-repeat: no-repeat;
    max-width: 31.875rem;
    position: absolute;
    content: "";
    left: 54px;
    top: 25px;
    width: 100%;
    height: 100%;
    z-index: 5;
    transform: rotate(83deg);
  }
  .title-homepage .info {
    padding: 15px;
  }
  .section-lg .container .kutupHaneAlan {
    flex-direction: column;
  }
  .section-lg .col-md-6:last-child {
    margin-top: 20px;
    width: 100%;
  }
  .section-lg .col-md-6:last-child .videoDis {
    padding: 20px;
    width: 100%;
  }
  .hp-features .col-md-6 {
    display: flex;
    flex-direction: column;
  }
  .hp-features .col-md-4 {
    width: 100%;
    justify-content: center;
  }
  .mottoAlan img {
    height: 89px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  footer .altalan span:first-of-type {
    border-right: rgb(226, 237, 247) 1px solid;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 60px;
    width: 51%;
  }
  footer .altalan span:last-of-type {
    width: 60%;
    font-weight: 400;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    padding: 9px 0 0 1px;
    justify-content: start;
    color: #3d3d3d;
    padding-left: 25px;
  }
  .mw-100 {
    width: 90% !important;
  }
  header {
    height: 115px;
  }
  .social-media .dil select {
    color: #000;
    width: 70px;
  }
  .social-media .dil {
    padding: 5px 10px;
  }
  .navbar.compressed {
    padding: 0;
    background: #ffffff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    height: 95px;
  }
  .navbar.compressed .topside .siteTitle {
    width: 10%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    text-align: center;
    color: #3b4052;
    font-weight: 600;
  }
  .navbar.compressed .nav {
    padding-top: 0;
    margin-top: 95px;
    height: 100%;
    background-color: #fff;
    line-height: 3rem;
  }
  .container {
    max-width: unset;
  }
  .social-media .container {
    display: flex;
    justify-content: start;
  }
  .social-media {
    background-image: linear-gradient(to right, #585262, #534372, rgba(183, 0, 84, 0.99), #554a6c);
    color: #ffffff;
    height: 30px;
  }
  .social-media .container {
    display: flex;
    justify-content: start;
  }
  .social-media .container span {
    width: 35px;
  }
  .social-media .container span i {
    font-size: 1.2rem;
  }
  .social-media .social-links {
    display: flex;
  }
  .social-media .social-btn {
    cursor: pointer;
    height: 30px;
    width: 35px;
    display: flex;
    overflow: hidden;
    color: #fff;
    margin: 0px;
    transition: 0.35s;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-right: rgba(204, 204, 204, 0.5215686275) solid 1px;
  }
  .social-media .social-btn i {
    font-size: 1rem;
    padding: 4px;
  }
  .social-media .social-btn a {
    color: #fff;
    height: 23px;
    padding: 0;
    display: flex;
  }
  .social-media .social-btn span {
    width: 0px;
    opacity: 0;
    overflow: hidden;
    transition: 0.35s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .social-media .social-btn span .search {
    width: 100%;
  }
  .social-media .social-btn:hover {
    width: 100px;
    opacity: 1;
  }
  .social-media .social-btn:hover span {
    padding: 2px;
    width: -moz-max-content;
    width: max-content;
    opacity: 1;
  }
  .navMenu {
    background-color: unset;
  }
  .navMenu .nav-submenu > ul {
    margin-left: 0 !important;
    padding-left: 50px;
    font-weight: 400 !important;
  }
  .navMenu .nav-button,
  .navMenu .nav-close {
    position: fixed;
    top: 0;
    width: 2.2rem;
    height: 2.4rem;
    overflow: hidden;
    z-index: 902;
    cursor: pointer;
    text-decoration: none;
    line-height: 2rem;
    color: #fff;
  }
  .navMenu .menuicon::before {
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    content: "\f659";
  }
  .navMenu .nav li:hover > a {
    color: #f37c9f !important;
    background-color: aliceblue;
  }
  .navMenu .nav-button:before,
  .navMenu .nav-close:before {
    display: block;
    text-align: center;
    padding-right: 5px;
  }
  .navMenu .nav-button {
    display: flex;
    right: 0;
    top: 32px;
  }
  .navMenu .nav-button ::before {
    font-size: 1.5rem;
    content: "\e003";
  }
  .navMenu .nav-close {
    display: none;
    right: 4rem;
    font-size: 1.9rem;
  }
  .navMenu .nav-close ::before {
    content: "\e002";
  }
  .navMenu .nav {
    width: 85%;
    padding-top: 0;
    margin-top: 95px;
    line-height: 3rem;
    left: unset;
    box-shadow: 5px 3px 15px 0 rgba(0, 0, 0, 0.23);
    background-color: #fff;
  }
  .navMenu .nav ul {
    border-radius: 0;
  }
  .navMenu .nav ul li a {
    border-bottom: #dbdbdb solid 1px;
    color: rgb(35, 56, 109);
    background-color: #fff;
    font-weight: 600;
  }
  .topSide .basvuru {
    display: none;
    width: 15%;
    align-items: center;
    justify-content: center;
  }
  .ebasvuru {
    display: block;
  }
  .ebasvuru .thm-btn {
    background-color: #ff9c00;
    background-image: linear-gradient(145deg, rgb(115, 0, 151) 0%, rgb(197, 56, 159) 100%);
    color: #fff;
    font-size: 12px;
    padding: 6px 23px;
    line-height: 1;
    transition: all 300ms linear 0ms;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
    border: 0;
    font-weight: 700;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .ziyaretlerArka {
    padding: 117px 33px;
    background-image: url(/public/images/default/sticker.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* background-position: center; */
    font-family: "Kalam", cursive;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin: 29px;
  }
  .ebasvuruMobil {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 5px;
    background-color: #b3b3b3;
    margin: 10px 0 10px;
  }
  .ebasvuruMobil .box-3 {
    background-color: #ffffff;
    padding: 2px 10px;
    border-radius: 5px;
    width: 125px;
    margin: auto;
  }
  .ebasvuruMobil .btn-three {
    color: #b40657;
    transition: all 0.5s;
    position: relative;
    font-weight: 600;
    padding: 3px;
    font-size: 0.95rem;
  }
  .ebasvuruMobil .btn-three::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 10px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    transform: scale(1.2, 1.1);
    border-radius: 0;
  }
  .ebasvuruMobil .btn-three:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  .ebasvuruMobil .btn-three::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    transform: scale(1.2, 1.1);
    border-radius: 0;
  }
  .ebasvuruMobil .btn-three:hover::after {
    opacity: 1;
  }
  .topSide {
    height: 95px;
    width: 100%;
  }
  .topSide .logo {
    display: none;
  }
  .topSide .logoMobil {
    display: block;
    width: 90%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .topSide .siteTitle {
    width: 10%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    text-align: center;
    color: #3b4052;
    font-weight: 600;
    font-family: "DINProBold", sans-serif;
  }
  .topSide .container {
    margin: 0;
    padding: 0;
  }
  .fotoListRow {
    width: 100%;
    display: flex;
  }
  .fotoListRow .fotoKapsa {
    width: 100%;
  }
  .fotoListRow .fotoKapsa:first-of-type {
    background-color: #dfdfdf;
  }
  .fotoListRow .fotoKapsa:last-of-type {
    background-color: #ededed;
  }
  .fotoListRow .fotoKapsa .fotoBaslik {
    width: 100%;
    padding: 25px 0 0 25px;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
  }
  .fotoListRow .fotoKapsa .icerikDis {
    display: flex;
  }
  .fotoListRow .fotoKapsa .icerikDis a {
    width: calc(50% + 25px);
    color: #000000;
    font-weight: 400;
    padding: 20px;
  }
  .fotoListRow .fotoKapsa .icerikDis a:hover {
    color: #00a5ce;
  }
  .fotoListRow .fotoKapsa .icerikDis a img {
    width: 100%;
    padding: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 152px;
  }
  .fotoListRow .fotoKapsa .icerikDis a span:last-of-type {
    padding: 0px 15px;
    height: 64px;
    overflow: hidden;
    display: block;
  }
  .mansetalan {
    height: auto;
    background-color: #cad3d8;
    padding-top: 0;
  }
  .mansetalan .mansetkapsa {
    height: 280px;
    min-height: 20%;
  }
  .mansetalan .mansetresim {
    height: 175px;
    width: 96%;
    display: block;
    overflow: hidden;
    position: initial;
  }
  .mansetalan .slide-inner {
    background-color: #cad3d8;
    position: inherit;
    overflow: hidden;
  }
  .mansetalan h1 {
    font-size: 14px;
    margin: 15px 0;
    height: auto;
    overflow: hidden;
    color: #203040;
    text-shadow: 0 0 0;
  }
  .mansetalan .mansetyazi {
    width: 90%;
    height: 108px;
    display: flex;
    align-items: center;
    bottom: unset;
  }
  .mansetalan .mansetyazi h1 {
    font-size: 16px !important;
    margin: 15px 0;
    height: auto;
    font-weight: 500 !important;
    overflow: hidden;
    color: #203040;
    text-shadow: 0 0 0;
  }
  .mansetalan .swiper-slide-active .mansetyazi {
    width: 90%;
  }
  .mansetalan .swiper-slide-active .mansetyazi h1 {
    font-size: 16px;
    margin: 1px 0;
    height: auto;
    overflow: hidden;
    color: #203040;
    text-shadow: 0 0 0;
  }
  .mansetalan .swiper-slide-active .mansetresim {
    transform: scale(1.1);
    transition: opacity 0.6s ease-in-out, transform 2.5s ease 0.5s;
  }
  .mansetalan .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    backface-visibility: hidden;
  }
  .mansetalan .golge {
    display: none;
  }
  .boxDis {
    display: flex;
    flex-direction: column;
  }
  .boxDis .duyurular {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px 0px;
  }
  .boxDis .duyurular .haber-list-baslik {
    width: 40%;
    font-size: 1.5rem;
  }
  .boxDis .duyurular .haber-list-line {
    width: 60%;
    height: 3px;
  }
  .boxDis .boxDis {
    width: 100%;
    margin: 15px 0;
  }
  .boxDis .boxDis .baskanAd {
    position: absolute;
    bottom: 5px;
    left: unset;
    z-index: 3;
    color: #fff;
  }
  .boxDis .boxDis .baskanNameDis {
    width: 100%;
    height: 70px;
    bottom: -15px;
    max-width: 370px;
  }
  .boxDis .harita:first-of-type {
    width: 100%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
  }
  .boxDis .harita:first-of-type img {
    width: 100%;
  }
  .boxDis .mavi-kutu {
    margin: 15px 0;
  }
  .boxDis .mavi-kutu:last-of-type {
    width: 100%;
  }
  .service-tree .mavi-kutu2-kapsa .mavi-kutu2 {
    width: 100%;
    margin: 0;
  }
  .service-two {
    padding: 30px 0;
  }
  .service-two .t1 {
    padding: 0;
  }
  .service-two .t1 .sub-title h3 {
    padding: 10px 15px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    text-align: justify;
    color: #686868;
  }
  .service-two .t2 .w1 {
    width: 100%;
    padding: 15px 15px;
  }
  .service-two .t2 .w1 .service-two .t2 .w1 span:last-of-type {
    font-weight: 400;
    font-size: 0.97rem;
  }
  .swiper-helpers {
    position: relative;
    z-index: 999;
    bottom: 3px;
    left: 0;
    display: none;
    flex-direction: row;
  }
  .swiper-helpers .swiper-button-prev,
  .swiper-helpers .swiper-button-next {
    border: 1px solid #fff;
    width: 25px;
    height: 32px;
    background-image: none;
    display: flex;
    align-items: center;
    position: static;
    margin: 2px;
  }
  .haber-kutu-kapsa {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .haber-kutu-kapsa a {
    width: 100%;
    color: #444;
    margin: 20px 0px;
  }
  .haber-kutu-kapsa a:last-of-type {
    margin: 0;
  }
  .boxDis .galeri {
    margin: 0;
  }
  .boxDis .galeri .duyurularBaslik {
    margin: 0 0 15px 0;
  }
  .haber-list-baslik {
    width: 100%;
    font-size: 1.5rem;
  }
  .haber-list-line {
    width: 65%;
    height: 3px;
  }
  .fotoListRow {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .fotoListRow .fotoKapsa {
    width: 100%;
  }
  .fotoListRow .fotoKapsa:first-of-type {
    background-color: #dfdfdf;
  }
  .fotoListRow .fotoKapsa:last-of-type {
    background-color: #ededed;
  }
  .fotoListRow .fotoKapsa .fotoBaslik {
    width: 100%;
    padding: 25px 0 0 12px;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
  }
  .fotoListRow .fotoKapsa .icerikDis {
    display: flex;
    flex-wrap: wrap;
  }
  .fotoListRow .fotoKapsa .icerikDis a {
    width: 100%;
    color: #000000;
    font-weight: 400;
    padding: 5px;
  }
  .fotoListRow .fotoKapsa .icerikDis a:hover {
    color: #00a5ce;
  }
  .fotoListRow .fotoKapsa .icerikDis a img {
    width: 100%;
    padding: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 152px;
  }
  .fotoListRow .fotoKapsa .icerikDis a span:last-of-type {
    padding: 0px 5px;
    height: 64px;
    overflow: hidden;
    display: block;
    font-weight: 600;
    font-size: 0.93rem;
    color: #484848;
  }
  footer .boxDis {
    flex-flow: column-reverse;
  }
  footer .boxDis .altalan {
    width: 100%;
  }
  footer .boxDis .altalan span:last-of-type {
    font-size: 0.9rem;
  }
  footer .altalanMenu {
    width: 100%;
  }
  footer .sosyalAlan {
    width: 100%;
    padding: 0;
  }
  .dipcizgi {
    display: block;
    overflow: hidden;
    height: 400px;
    margin-top: 0;
    position: relative;
  }
  .dipcizgi .iletalt {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 365px;
  }
  .dipcizgi .iletalt .iletaltkutu {
    display: block;
    overflow: unset;
    height: 130px;
    width: 100%;
    margin: 0;
    float: left;
    background-color: rgba(255, 255, 255, 0);
    color: #4f4f4f;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
  }
  .dipcizgi .iletalt .iletaltkutu .iletkbaslik {
    font-size: 16px;
    margin-left: 90px;
    margin-top: 5px;
    color: #ffffff;
  }
  .sectionPages {
    display: flex;
    flex-direction: column-reverse;
  }
  .sectionPages .resim-item1 {
    display: flex;
    width: calc(53% - 30px);
    height: auto;
    min-width: 110px;
    padding: 0px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09);
    border: solid 1px #ccc;
    margin: 10px;
    justify-content: center;
  }
  .sectionPages .contentSide {
    padding-left: 0;
  }
  .sectionPages .contentSide .page-content {
    padding: 10px;
  }
  .sectionPages .contentSideIn {
    width: 100%;
    padding: 10px;
  }
  .sectionPages .contentSideIn .page-content {
    padding: 20px;
  }
  .sectionPages .contentSideIn .page-content .contentTitle {
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
    color: rgb(51, 51, 51);
    align-items: center;
    padding: 5px 0 25px;
  }
  .sectionPages .leftSide {
    min-height: 400px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    top: 50px;
    margin-bottom: 51px;
  }
  .duyuruResim img {
    width: 85px !important;
    max-width: 90% !important;
  }
  .table > tbody {
    vertical-align: inherit;
    display: flex;
    flex-direction: column;
  }
  #example tr {
    width: 100%;
    margin: 0;
  }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 0;
  }
  #example tbody th:nth-of-type(1) {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    padding: 10px !important;
  }
  #example_wrapper .dataTables_length {
    display: none;
  }
  #example_wrapper #example_filter {
    padding: 10px;
  }
  #example tbody th:nth-of-type(2) {
    font-size: 1rem;
    padding: 15px;
    color: #4a4a4a;
    width: 95% !important;
    font-weight: 500;
    display: flex;
    justify-content: center;
  }
  #example tbody th:nth-of-type(2) a {
    color: #444;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 16px 0;
    display: flex;
    width: 90%;
  }
  #example tbody th:nth-of-type(3) {
    padding: 10px;
    color: #4a4a4a;
    width: 100%;
    font-size: 0.9rem;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  #example table,
  #example thead,
  #example tbody,
  #example th,
  #example td,
  #example tr {
    display: block;
  }
  #example thead tr {
    display: none;
    /* Başlıklar gizleniyor */
  }
  #example tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
  }
  #example td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    text-align: left;
  }
  #example td:before {
    content: attr(data-label);
    font-weight: bold;
    width: 50%;
    text-transform: uppercase;
  }
  .icerikList tr th:nth-of-type(3) {
    width: 30%;
    display: none;
  }
  .ara-kapsa {
    display: flex;
    width: 100%;
  }
  .ara-kapsa .ara-kapsa div:first-of-type {
    width: 70%;
  }
  .ara-kapsa .ara-kapsa div:last-of-type {
    width: 30%;
  }
  .illerList {
    display: block;
    width: 100%;
    padding: 15px;
  }
  .illerList select {
    -moz-appearance: auto;
         appearance: auto;
    -webkit-appearance: auto;
  }
  .skala {
    display: none;
  }
  .svg-turkiye-haritasi {
    display: none;
  }
}
@media print {
  .leftSide,
  .navMenu,
  .ebasvuru,
  .shareTools,
  .social-media,
  footer,
  header,
  .yazibk {
    display: none !important;
  }
  .page-content,
  .contentSideIn,
  .sectionPages {
    width: 100% !important;
  }
  .siteTitle {
    font-size: 1rem;
  }
  .page-content,
  .contentSideIn {
    padding: 50px;
    width: 100% !important;
    max-width: unset !important;
  }
  .page-wrap {
    margin: 40px auto 80px;
    max-width: unset !important;
    width: 100% !important;
  }
}
/*# sourceMappingURL=default-dis.css.map */