/* pembe ffe8e8, yeşil d2ffc0*/


.accordion {
	--background: #e9ecff;
	--border-radius: 2vw;
	border-radius: var(--border-radius);
	background: var(--background);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc; /* GX65 aynı */
	max-width: 80rem;
	font-size: .8vw;
}

.accollapse {
  overflow: hidden;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, height;
  will-change: opacity, contents;
}
.accollapse:not(.accord-acik) {
  height: 0;
  opacity: 0;
}


.accordion .accordic {
  overflow: hidden;
  margin: -1px -1px 1px;
  background: var(--background);
  border: 1px solid #ccc; /* GX65 aynı */
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: contents;
  text-align: left;
}
.accordion .accordic:first-child {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.accordion .accordic:last-child {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  margin-bottom: -1px;
}
.accordion .accordic:not(:last-child):not(.accord-acik) {
  border-bottom-color: transparent;
}
.accordion .accordic.accord-acik {
  background: #ccc;
  border-radius: var(--border-radius);
}
.accordion .accordic.accord-acik + .accordic {
  border-top-color: transparent;
}
.accordion .accord_baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  margin-bottom: -1px;
  padding: .5vw 1vw;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  font-size: 1vw;
  font-weight: 600;
  cursor:pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.accordion .accord_baslik:hover .accord-arrow {
  opacity: 1;
}
.accordion .accord_baslik:hover {
  color: rgba(0, 0, 0, 1);
}
.accordion .accord_baslik.accord-acik .accord-arrow {
  transform: rotateX(180deg);
  opacity: 1;
}
.accordion .accord_baslik .accord-arrow {
  width: 1.5vw;
  height: 1.5vw;
  fill: currentColor;
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-right: -0.25rem;
}

.accordion .accord_baslik .devamEden {
	position:absolute;
	font-size:.7vw;
	font-weight:400;
	right: 10vw;
	padding:.1vw .3vw;
	background-color:#d2ffc0;
	border:1px solid #aaa;
	-webkit-border-radius: .5vw;
	-moz-border-radius: .5vw;
	border-radius: .5vw;
}

.accordion .icerikDiv {
    /*max-width: 62.5rem;*/
	margin:0;
	padding:1vw;
	border-top:4px solid #dddddd;
	background-color:#fff;
}

.accordion .egitimDiv {
    /*max-width: 62.5rem;*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
	flex-wrap: nowrap;
	margin:0;
	padding:1vw;
	border-top:4px solid #dddddd;
	background-color:#fff;
}

.accordion .yayinDiv {
            display: flex;
            border-top: 4px solid #dddddd;
            background-color: #fff;
}

.accordion .yayinDiv .yayinsutun {
            flex-grow: 1;
            flex-shrink: 0;
            align-items: center;
            text-align: left;
            padding: 1vw;
        }
.accordion .yayinDiv .yayinsutun img, .bilgibankpdf{
	width:4vw;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}

.icerikDiv .sutun h4{text-align:left;margin:0;}

.accordion .yayinDiv .yayinsutun:nth-child(1) {
            width: 50vw;
        }

.accordion .yayinDiv .yayinsutun:nth-child(2) {
            flex-basis: 14vw;
            max-width: 14vw;
            display: flex;
            justify-content: center;
        }

.accordion .bos {
	background-color: #d2ffc0;
}

.accordion .dolu {
	background-color: #ffe8e8;
}

.accordion .icerikDiv .sutun {
    -ms-flex: 1;
    -webkit-box-flex: 1;
	flex: 1;
	align-items: center;
	text-align: center; /* Yatayda ortala */
}

.accordion .icerikDiv .colTitle {
    font-size: .6vw;
	font-weight:700;
}

.accordion .icerikDiv .yuzde {
    font-size: .6vw;
    line-height: initial;
    color: #037503;
}

.accordion .icerikDiv .tuslu { /* dikey ortala */
	display: flex;
	justify-content: center;
}

.accordion .icerikDiv .tus {
	text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: rgba(31,56,76,.9);
    color: #FFF;
    padding: .6vw .6vw;
    min-width: 5vw;
    font-size: .73vw;
    border: 0;
    border: 1px solid transparent;
	justify-content: center; /* Ortalama */
	align-items: center; /* Dikeyde de ortala */
}


/* Mobil Responsive */
@media screen and (max-width: 600px) {
	.accordion .accord_baslik {font-size: 3vw;padding:2vw}
	.accordion .accord_baslik .accord-arrow {width: 4vw;height: 4vw;}
	.accordion .icerikDiv .tus {font-size: 2vw;}
	.accordion {font-size: 2vw;}
	.accordion .icerikDiv .colTitle {font-size: 2vw;}
	.accordion .icerikDiv .yuzde {font-size: 2vw;}
	.accordion .accord_baslik .devamEden {font-size:2.5vw;}
	.accordion .yayinDiv  {flex-direction: column;}
	.accordion .yayinDiv .yayinsutun {flex-basis: 100%;	max-width: 100%;min-width: 100%;}
	.accordion .yayinDiv .yayinsutun img, .bilgibankpdf {width:10vw}
}