/*-----------------------------------*\
 * #GALLERY
\*-----------------------------------*/

.gallery {
  padding-block: 1px 2px;
}

.gallery-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

.gallery-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gallery-item:nth-child(3) {
  grid-area: 1 / 2 / 3 / 3;
}

.gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* container için */
.container-ic {
  border: dashed;
  border-color: #F1F8E9;
  color: #DCDCDC;
  border-radius: 5px;
  padding-bottom: 20px;
  margin-top:1%;
}

/* KVKK için */

.sagicerikcontent div {
  margin-bottom: 5px;
  padding: 20px;
  background: #F7F7F7;
  border: 1px dotted #CACACA;
  cursor: pointer;
}


/* hedefler ilkeler */

.hedefimg {
  max-width: 90%;
  display: block;
  margin: auto;
  height: auto;
  border: 0;
}

.basvuruform {
  padding: 10px;
  cursor: pointer;
  width: 50%;

}

.sponsor4 {
  border-radius: 15px;
  padding: 2px;
  width: 70%;
  height: 70%;
}

/* gizlilik politikası table */
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: #d7cccc;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #fbfffd;
}



/* Servislerimiz */

.accordion {
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 4px;
  padding: 5px;
  width: 100%;
  height: 30px;
  background-color: #ffffff;
  border: 1px solid;
  box-shadow: 2px 2px 2px #0e5e11;
  cursor: pointer;
  color: #535151;
}

.active,
.accordion:hover {
  background-color: #dfffcf;
  color: black;

}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 1px solid var(--themeColor1);
  margin: 0;
  box-shadow: 1px 1px 2px var(--themeColor2);
}

/* iş başvuru */
.md2-style {
  width: 16%;
}