@import url('../textfont/stylesheet.css');
@import url('line-awesome.css');
@import url('all.min.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('intlTelInput.css');
@import url('aos.css');


a {
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

ol,ul {
	padding:0px;
	margin: 0px 0px 20px 0px;
    padding-left: 15px;
}
main {
	overflow:hidden;
	width:calc(100vw - 5px);
	min-height:100vh;
}

body {
	position:relative;
	font-family: "Inter", sans-serif;
	background:#F9F8F6;
}


:root {
  --anarenk: rgba(192, 67, 145, 1);
  --kirmizi: #ea0005;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
  --font2: "Playfair Display", serif;;
}

/* width */
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  background: #F6F5F0; 
}
 
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--anarenk); 
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #FEDD06; 
}
.container-fluid {
	max-width:calc(100vw - 200px);	
}

.swiper {
	position:relative;
	overflow:hidden;
}

.dikeyortala {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}

/*------------------cerezpolitikasi----------------------*/
.cerezpolitikasi {
	position:fixed;
	bottom:20px;
	left:20px;
	width:400px;
	max-width:calc(100% - 40px);
	padding:20px;
	border-radius:20px;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	line-height:20px;
	color:#fff;
	z-index:100000;
}
.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	grid-gap:7px;
	padding:0px 20px;
	height:50px;
	border-radius:30px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	filter: drop-shadow(0 3px 15px rgba(192, 67, 145, 0.43));
}
.btn i {
	font-size: 22px;
}
.btn-ana {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-ana:hover {
	background:#000;
	border:1px solid #000;
	color:#fff;
}


/*------------------header----------------------*/

.aciklama {
}
.aciklama h1 {
	color: #C04391;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:10px;
}
.aciklama ul,ol {
	list-style:none;
	margin-bottom:10px;
}
.aciklama ul li ,
.aciklama ol li 
{
	position:relative;
	padding-left:15px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.aciklama ul li:before ,
.aciklama ol li:before 
{
	position:absolute;
	content:"";
	top:6px;
	left:0px;
	width:7px;
	height:7px;
	border-radius:4px;
	background:var(--anarenk);
	opacity: 1 !important;
}
.aciklama img {
	width:100% !important;
	border-radius:20px;
	max-height:300px;
	object-fit:cover;
	margin-bottom:25px;
}
.aciklama h2 ,
.aciklama h3 ,
.aciklama h4 ,
.aciklama h5 
{
	color: #C04391;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:10px;
}
.aciklama p 
{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
/*------------------header----------------------*/

#header {
	position:relative;
	z-index:999;
	transition:all 0.3s ease;
	background: linear-gradient(180deg, rgba(255, 234, 247, 1) 0%, rgba(255, 255, 255, 1) 5%, rgb(249 198 235) 100%);
}
#header.sabit {
	position:relative;
	transition:all 0.3s ease;
	background:var(--anarenk);
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	background:var(--anarenk);
}
#header .alan {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:10px 0px;
}
#header .alan .logo {
	width:134px;
}
#header .alan .logo img {
	width:100%;
}
#header .alan .sag {
	width:calc(100% - 134px);
	padding-left:20px;
}
#header .alan .sag .ust {
	Display:flex;
	align-items:center;
	grid-gap:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #707070;
}
#header .alan .sag .ust .bilgi {
	Display:flex;
	align-items:center;
	grid-gap:5px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#header .alan .sag .ust .bilgi i {
	font-size: 19px;
}
#header .alan .sag .ust .arama {
	position:relative;
	width:200px;
	margin:0px auto;
}
#header .alan .sag .ust .arama input {
	width:200px;
	height:30px;
	border-radius:20px;
	border:1px solid #000;
	background:transparent;
}
#header .alan .sag .ust .arama button {
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:30px;
	border-radius:20px;
	border:0px solid #000;
	background:transparent;
}
#header .alan .sag .ust .buton {
	Display:flex;
	align-items:center;
	height:30px;
	padding:0px 10px;
	border-radius:20px;
	background:var(--anarenk);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#header .alan .sag .alt {
	Display:flex;
	align-items:center;
	grid-gap:10px;
}
#header .sosyal {
	Display:flex;
	align-items:center;
	margin-left: auto;
}
#header .sosyal a {
	padding:5px;
	color: #313131;
	font-size: 16px;
	
}
#header .menu {
	margin-left:auto;
}
#header .menu ul {
	list-style:none;
	display:flex;
	align-items:center;
	grid-column-gap:20px;
}
#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
	display:inline-block;
	color: #313131;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
#header .menu .link-item:hover {
    color: #000;
}

#header .menu .acilan {
	position:absolute;
	display:none;
	top:calc(100% - 5px);
	left:0px;
	width:250px;
	padding:5px 10px;
	border-radius: 0px;
	background: #ffffff;
	box-shadow: 0px 2px 30px rgba(0,0,0,0.26);
	border-top:5px solid var(--anarenk);
}
#header .menu .link-li:hover .acilan {
	display:block;
}
#header .menu .acilan ul {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:10px;
	padding:0px;
}
#header .menu .acilan .link-item {
	line-height:24px;
    color: #000;
	padding:0px 10px;
}


#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 20px;
	height:100%;
}
#header .dil .default {
	display:flex;
	align-items:center;
	justify-content:center;
	height:30px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-transform:uppercase;
	border:1px solid #D5D5D5;
	padding:0px 10px;
	border-radius:30px;
}
#header .dil .default img {
	height:15px;
	margin-right:5px;
}
#header .dil .default i {
	color:#fff;
	font-size:20px;
}

#header .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#header .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#header .dil:hover .acilan {
	display:block;
}


/*------------------mobilheader----------------------*/

#mobilheader {
	display:none;
	align-items:center;
	flex-wrap:wrap;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	height:65px;
	padding:0px 5px;
	background:#fff;
}
#mobilheader.sabit {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	background:var(--krem);
}
#mobilheader.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:var(--krem);
}

#mobilheader .alansol {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

#mobilheader .alanorta {
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

#mobilheader .alansag {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#mobilheader .btn {
    padding: 0px 0px 0px 0px;
}
#mobilheader .btn i {
	font-size:40px;
}
#mobilheader .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}
#mobilheader .logo img {
	max-width:100%;
	max-height:55px;
}

#mobilheader .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 5px;
	height:100%;
}
#mobilheader .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border:1px solid rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#mobilheader .dil .default img {
	height:15px;
	margin-right:5px;
}
#mobilheader .dil .default i {
	color:#fff;
	font-size:20px;
}

#mobilheader .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#mobilheader .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#mobilheader .dil:hover .acilan {
	display:block;
}


/*------------------mobilmenu----------------------*/


#mobilmenu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	z-index:1000;
	background: #fff;
	transform: translateX(-100%);
	transition:all 0.3s ease;
}

#mobilmenu .ust {
	display:flex;
	align-items:center;
	width:100%;
	height:65px;
	padding:10px;
}
#mobilmenu .ust .logo {
	max-height:100%;
	max-width:70%;
	margin-right:auto;
}
#mobilmenu .ust .kapat {
	font-size:40px;
	color:#000;
}
#mobilmenu .menu {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 0px;
}
#mobilmenu .menu ul {
	display: flex!important;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
}
#mobilmenu .menu .link-li {
	position:relative;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
	border-bottom:1px solid rgba(51, 51, 51, 0.1);
	padding:5px 40px 5px 5px;
}
#mobilmenu .menu .link-li:last-child {
	border-bottom:0px solid rgba(51, 51, 51, 0.1);
}
#mobilmenu .menu .link-li.hover:before {
    position:absolute;
	content:"\f105";
	top:5px;
	right:0px;
	width:30px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#000;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
#mobilmenu .menu .link-item {
	font-size:14px;
	line-height:32px;
	font-weight:500;
	color:rgb(0, 0, 0);
	letter-spacing:1.8px;
}
#mobilmenu .menu .acilan {
	display:none;
	width: 100%;
}
#mobilmenu .menu .link-li:hover .acilan {
	display:block;
}
#mobilmenu .menu .acilan ul {
	width: 100%;
}

#mobilmenu .menu .acilan ul .link-li {
    min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item {
	font-size:14px;
	line-height:32px;
	color:rgb(51, 51, 51, 0.6);
}

#mobilmenu .arama {
	position:relative;
}
#mobilmenu .arama .form-control {
	border:1px solid var(--anarenk);
}
#mobilmenu .arama .btn {
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:46px;
	font-size:20px;
	color:#000;
	border-radius:9px;
	padding:0px;
	justify-content:center;
}

#mobilmenu .butonlar {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .butonlar a {
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:32px;
	color:rgb(0, 0, 0);
	letter-spacing:1.2px;
}

#mobilmenu .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 40px;
	font-size:28px;
	color:rgb(0, 0, 0);
	margin-right:5px;
}
#mobilmenu .sosyal a:hover {
	color: var(--krem);
}


/*------------------slider----------------------*/

#slider {
	position:relative;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
}
#slider .item {
	position:relative;
}
#slider .item .anaresim {
	width:100%;
	max-height:100vh;
	object-fit:cover;
}
#slider .item .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	z-index:5;
}
#slider .item .bilgi .yazi1 {
	color: #000;
	font-family: var(--font2);
	font-size: 50px;
	font-style: italic;
	font-weight: 800;
	line-height: normal;
	margin-bottom:22px;
}
#slider .item .bilgi .yazi2 {
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:22px;
}
#slider .item .bilgi .butonlar {
	Display:flex;
	align-items:center;
	grid-gap:20px;
}
#slider .slider-button-prev ,
#slider .slider-button-next 
{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:30px;
	font-size:30px;
	color:#fff;
	border:1px solid #fff;
	z-index:10;
}
#slider .slider-button-prev:hover ,
#slider .slider-button-next:hover 
{
	color:#fff;
	border:1px solid #fff;
	background:var(--anarenk);
}
#slider .slider-button-next 
{
	right:100px;
	bottom:160px;
}
#slider .slider-button-prev 
{
	right:100px;
	bottom:80px;
}

/*------------------kayanform----------------------*/

#kayanform {
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:999;
}
#kayanform .gorunen {
	Display:flex;
	flex-direction:column;
	align-items:flex-end;
	grid-gap:10px;
	cursor:pointer;
}
#kayanform .gorunen span {
	padding:5px 10px;
	background:#fff;
	border-radius:20px;
	background:#fff;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#kayanform .gorunen .circ {
	Display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:50%;
	background:var(--anarenk);
}
#kayanform .gorunen .circ img {
	max-width:90%;
	max-height:90%;
}
#kayanform .form {
	position:absolute;
	right:0px;
	bottom:calc(100% + 20px);
	width:400px;
	max-width:calc(100wv - 60px);
	padding:30px;
	border-radius:20px;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	background:#fff;
	Display:none;
}
#kayanform .form .yazi1 {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:20px;
}
#kayanform .form .yazi2 {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:20px;
}
#kayanform .form .form-control {
	background:#FBF4F7;
	border-radius:20px;
}


/*------------------hakkimizda----------------------*/

#hakkimizda {
	position:relative;
	margin-top:-50px;
	z-index:20;
}
#hakkimizda .kutular {
	position:relative;
	margin-bottom:30px;
}
#hakkimizda .kutular .kutu {
	position:relative;
	Display:flex;
	flex-direction:column;
	grid-gap:2px;
	align-items:center;
	height:100%;
	padding:30px;
	background:#FFF;
	border-radius:20px;
}
#hakkimizda .kutular .kutu img {
	height:38px;
}
#hakkimizda .kutular .kutu .adi {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#hakkimizda .kutular .kutu .desc {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}
#hakkimizda .yazilar {
	position:relative;
	Display:flex;
	flex-direction:column;
	grid-gap:20px;
	align-items:center;
	text-align:center;
	margin-bottom:30px;
}
#hakkimizda .yazilar .yazi1 {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#hakkimizda .yazilar .yazi2 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*------------------projeler----------------------*/

#projeler {
	position:relative;
	padding:85px 0px;
	z-index:20;
	background: linear-gradient(
	226deg,
	rgba(201,212,218,0.471) 1.57%,
	rgba(225,234,240,0.471) 36.02%,
	rgba(199,210,216,0.471) 100%
	);
}
#projeler .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#projeler .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}

.projeitem {
	position:relative;
	Display:block;
}
.projeitem .resim {
	width:100%;
	aspect-ratio:398/250;
	object-fit:cover;
	object-position:center;
	margin-bottom:15px;
	border-radius:20px;
}
.projeitem .bilgi {
	Display:flex;
	flex-direction:column;
	grid-gap:5px;
	align-items:flex-start;
}
.projeitem .bilgi .adi {
	color: #C04391;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.projeitem .bilgi .desc {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.projeitem .bilgi .devam {
	Display:flex;
	align-items:center;
	grid-gap:10px;
	color: #C04391;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.projeitem .bilgi .devam i {
	font-size: 22px;
}
/*------------------katman1----------------------*/

#katman1 {
	position:relative;
	z-index:20;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
}
#katman1 .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#katman1 .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}
#dernegekatilin {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#dernegekatilin .kutu {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
	height:100%;
	padding:30px;
	border-radius:20px;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	background:#fff;
}
#dernegekatilin .kutu .icon {
	Display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:25px;
	background:var(--anarenk);
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	font-size:25px;
	color:#fff;
}
#dernegekatilin .kutu .aciklama {
	margin-bottom:auto;
}
#etkinlikler {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#etkinlikler .kutu {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	height:100%;
	padding:30px;
	border-radius:20px;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	background:#fff;
}
#etkinlikler .kutu .list {
	Display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px 0px;
	width:100%;
	border-bottom:1px solid rgba(112, 112, 112, 0.1);
}
#etkinlikler .kutu .list:last-child {
	border-bottom:0px solid rgba(112, 112, 112, 0.1);
}
#etkinlikler .kutu .list .tarih {
	Display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:3px;
	width:105px;
	border-radius:15px;
	padding:8px;
	background:var(--anarenk);
}
#etkinlikler .kutu .list .tarih b {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#etkinlikler .kutu .list .tarih small {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#etkinlikler .kutu .list .yazi {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:3px;
	width:calc(100% - 155px);
	padding:0px 10px;
}
#etkinlikler .kutu .list .yazi b {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#etkinlikler .kutu .list .yazi small {
	color: #8E8E8E;
	font-size: 14px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
}
#etkinlikler .kutu .list .ok {
	width:50px;
	font-size:40px;
	color:var(--anarenk);
}
#kongreler {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#kongreler .tablar {
	width:100%;
	Display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	grid-gap:4px;
	margin-bottom:30px;
}
#kongreler .tablar a {
	Display:flex;
	align-items:center;
	padding:0px 15px;
	height:40px;
	border-radius:30px;
	background:#D8D8D8;
	color: #606060;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#kongreler .tablar a.active {
	background:var(--anarenk);
	color: #fff;
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.08);
}
#kongreler .tab {
	Display:none;
	margin-bottom:30px;
}
#kongreler .tab.active {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	height:100%;
}

#kongreler .tab .list {
	Display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px 0px;
	width:100%;
	border-bottom:1px solid rgba(112, 112, 112, 0.1);
}
#kongreler .tab .list:last-child {
	border-bottom:0px solid rgba(112, 112, 112, 0.1);
}
#kongreler .tab .list .yazi {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:3px;
	width:calc(100% - 50px);
	padding:0px 10px;
}
#kongreler .tab .list .yazi b {
	color: #C04391;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#kongreler .tab .list .yazi small {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#kongreler .tab .list .ok {
	Display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:30px;
	background:var(--anarenk);
	font-size:30px;
	color:#fff;
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.08);
}
#videolar {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#videolar .butonlar {
	Display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:20px;
	margin-top:30px;
}
.videoitem {
	position:relative;
	Display:block;
}
.videoitem .resim {
	width:100%;
	aspect-ratio:332/193;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
.videoitem .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:20px;
	Display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-start;
	grid-gap:5px;
	padding:20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 22.4%, rgba(255, 255, 255, 0.30) 47.62%, #FFF 100%);
}
.videoitem .bilgi .adi {
	color: #000;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
}
.videoitem .bilgi .desc {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.videoitem .play {
	position:absolute;
	top:calc(50% - 22px);
	left:calc(50% - 22px);
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid #fff;
	background:rgba(255,255,255,0.5);
	Display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
}

/*------------------katman1----------------------*/

#katman2 {
	position:relative;
	z-index:20;
	background: linear-gradient(226deg, #C9D4DA 1.57%, #E1EAF0 36.02%, #c7d2d847 100%);

}
#katman2 .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#katman2 .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}

#isbirligi {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#isbirligi .liste {
	Display:flex;
	flex-direction:column;
	margin-bottom:30px;
}
#isbirligi .liste .list {
	Display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-bottom:1px solid rgba(112, 112, 112, 0.1);
	padding:10px 0px;
}
#isbirligi .liste .list .yazi {
	width:calc(100% - 50px);
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-right:20px;
}
#isbirligi .liste .list .ok {
	width:50px;
	color: var(--anarenk);
	font-size: 24px;
}
#bilgidestek {
	position:relative;
	padding:85px 0px;
	z-index:20;
}
#bilgidestek .liste {
	Display:flex;
	flex-direction:column;
	margin-bottom:30px;
}
#bilgidestek .liste .list {
	Display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px 0px;
}
#bilgidestek .liste .list .icon {
	Display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:30px;
	background:var(--anarenk);
	font-size:30px;
	color:#fff;
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.08);
}
#bilgidestek .liste .list .yazi {
	width:calc(100% - 50px);
	padding-left:20px;
}
#bilgidestek .liste .list .yazi b {
	Display:block;
	color: #C04391;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#bilgidestek .liste .list .yazi small {
	Display:block;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*------------------bilgikartlari----------------------*/

#bilgikartlari {
	position:relative;
	z-index:20;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
	padding:85px 0px;
}
#bilgikartlari .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#bilgikartlari .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}

.bilgikart {
	Display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
	height:100%;
	padding:30px;
	border-radius:20px;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.08));
	background:#fff;
}
.bilgikart .adi {
	color: #C04391;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.bilgikart .desc {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.bilgikart .devam {
	Display:flex;
	align-items:center;
	grid-gap:10px;
	color: #C04391;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.bilgikart .devam i {
	font-size: 22px;
}

/*------------------haberler----------------------*/

#haberler {
	position:relative;
	z-index:20;
	padding:85px 0px;
}
#haberler .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#haberler .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}

.haberitem {
	position:relative;
	Display:block;
}
.haberitem .resim {
	width:100%;
	aspect-ratio:398/250;
	object-fit:cover;
	object-position:center;
	margin-bottom:15px;
	border-radius:20px;
}
.haberitem .bilgi {
	Display:flex;
	flex-direction:column;
	grid-gap:5px;
	align-items:flex-start;
}
.haberitem .bilgi .tarih {
	Display:flex;
	align-items:center;
	color: #6B7676;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.haberitem .bilgi .tarih i {
	font-size: 18px;
}
.haberitem .bilgi .adi {
	color: #C04391;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.haberitem .bilgi .desc {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.haberitem .bilgi .devam {
	Display:flex;
	align-items:center;
	grid-gap:10px;
	color: #C04391;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.haberitem .bilgi .devam i {
	font-size: 22px;
}

/*------------------aglar----------------------*/

#aglar {
	position:relative;
	z-index:20;
	padding:85px 0px;
}
#aglar .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#aglar .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}
#aglar .logolar {
	Display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	grid-gap:10px;
	margin-bottom:40px;
}
#aglar .logolar img {
	height:40px;
	border-radius:20px;
	border:1px solid var(--anarenk);
}
#aglar .butonlar {
	text-align:center;
}

/*------------------destekler----------------------*/

#destekler {
	position:relative;
	z-index:20;
	padding:85px 0px;
	
	background: linear-gradient(226deg, #C9D4DA 1.57%, #E1EAF0 36.02%, #c7d2d847 100%);
}
#destekler .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#destekler .altbaslik {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}
#destekler .logolar {
	Display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	grid-gap:10px;
	margin-bottom:40px;
}
#destekler .logolar img {
	height:40px;
	border-radius:20px;
	border:1px solid var(--anarenk);
}
#destekler .butonlar {
	text-align:center;
}

/*------------------bulten----------------------*/

#bulten {
	position:relative;
	z-index:20;
	padding:85px 0px;
	background: var(--anarenk);
}
#bulten .baslik {
	color: #fff;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#bulten .altbaslik {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:31px;
}
#bulten .form {
	Display:flex;
	align-items:center;
	grid-gap:20px;
}
#bulten .form .form-control {
	height:50px;
	border-radius:25px;
	background:transparent;
	border:1px solid #fff;
	color:#fff;
}
#bulten .form .form-control::placeholder {
	color:rgba(255,255,255,0.7);
}
#bulten .form .btn {
	min-width:150px;
}
/*------------------iletisimana----------------------*/

#iletisimana {
	position:relative;
	z-index:20;
	Display:flex;
	flex-wrap:wrap;
}
#iletisimana .baslik {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:18px;
}
#iletisimana .sol {
	width:50%;
	height:100%;
	padding:85px 85px;
}

#iletisimana .bilgi {
	Display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:5px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#iletisimana .bilgi i {
	font-size: 19px;
}
#iletisimana iframe {
	width:50%;
	height:400px;
}
/*------------------footer----------------------*/

#footer {
	position:relative;
	z-index:20;
	background:#333333;
}
#footer:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	background: linear-gradient(225deg, #FFEAF7 0.3%, #FFFAFD 43.82%, #FCD7F2 99.65%);
	opacity:0.3;
}
#footer .ust {
	position:relative;
	padding:80px 0px;
}
#footer .ust .logo {
	Display:block;
}
#footer .ust .logo img {
	height:122px;
}
#footer .menubas {
	Display:block;
	color: #FFF;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	margin-bottom:11px;
}
#footer .menulink {
	Display:block;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:11px;
}
#footer .alt {
	position:relative;
	padding:30px 0px;
	Display:flex;
	align-items:center;
	grid-gap:20px;
}
#footer .alt .copy {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right:auto;
}
#footer .alt .linkler {
	Display:flex;
	align-items:center;
	grid-gap:20px;
}
#footer .alt .linkler a {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*------------------hakkimizdapage----------------------*/

#hakkimizdapage {
	position:relative;
	z-index:20;
	background: #F9F8F6;
}
#hakkimizdapage .katman1 {
	position:relative;
	z-index:20;
	padding:80px 0px;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
}
#hakkimizdapage .katman1 .resim {
	width:100%;
	border-radius:20px;
	border:1px solid #000;
}
#hakkimizdapage .katman1 .yazi1 {
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px;
}
#hakkimizdapage .katman2 {
	position: relative;
	z-index: 20;
	padding: 60px 0px 100px 0px;
	background: #F9F8F6; 
}

/* --- Ortak İkon Kutusu Stili --- */
#hakkimizdapage .katman2 .icon-box {
	width: 60px;
	height: 60px;
	background-color: #ce3d86; /* Pembe zemin */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: all 0.3s ease; /* Hover efekti için yumuşak geçiş */
}

/* İkon (i etiketi) Stilleri */
#hakkimizdapage .katman2 .icon-box i {
	font-size: 32px; /* İkon boyutu */
	color: #ffffff;  /* İkon rengi beyaz */
	line-height: 1;
}

/* Ufak bir hover efekti (Opsiyonel) */
#hakkimizdapage .katman2 .beyaz-kutu:hover .icon-box,
#hakkimizdapage .katman2 .calismalar-wrapper:hover .icon-box {
	transform: scale(1.1); /* Üzerine gelince ikon kutusu hafif büyür */
}

/* --- Orta Bölüm --- */
#hakkimizdapage .katman2 .calismalar-wrapper {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

#hakkimizdapage .katman2 .baslik-pembe {
	color: #ce3d86;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}

#hakkimizdapage .katman2 .ozel-liste {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	text-align: center;
}
#hakkimizdapage .katman2 .ozel-liste li {
	position: relative;
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}
#hakkimizdapage .katman2 .ozel-liste li::before {
	content: "•";
	color: #ce3d86;
	font-weight: bold;
	font-size: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

#hakkimizdapage .katman2 .aciklama-text {
	color: #333;
	font-size: 15px;
	line-height: 1.6;
	max-width: 900px;
}
#hakkimizdapage .katman2 .aciklama-text strong {
	color: #000;
	font-weight: 700;
}

#hakkimizdapage .katman2 .beyaz-kutu {
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	height: 100%;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.03);
}

#hakkimizdapage .katman2 .kutu-baslik {
	color: #ce3d86;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

#hakkimizdapage .katman2 .kutu-icerik {
	color: #444;
	font-size: 14px;
	line-height: 1.6;
}

#hakkimizdapage .katman3 {
	position: relative;
	z-index: 20;
	padding: 80px 0px;
	background: rgba(201, 212, 218, 0.2); /* Önceki katmanla aynı renk akışı */
}

/* Metin Alanı Stilleri */
#hakkimizdapage .katman3 .mesaj-icerik {
	text-align: right; /* Tasarımdaki gibi sağa yaslı */
	color: #333;
}

#hakkimizdapage .katman3 .baskan-baslik {
	font-size: 32px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}

#hakkimizdapage .katman3 .hitap {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #444;
}

#hakkimizdapage .katman3 p {
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 20px;
	color: #444;
}

/* İmza Alanı */
#hakkimizdapage .katman3 .imza-bolumu {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-end; /* Sağ tarafa hizalar */
}

#hakkimizdapage .katman3 .imza-bolumu .saygi {
	font-size: 15px;
	margin-bottom: 5px;
}
#hakkimizdapage .katman3 .imza-bolumu .isim {
	font-size: 18px;
	font-weight: 800;
	color: #000;
}
#hakkimizdapage .katman3 .imza-bolumu .unvan {
	font-size: 14px;
	font-weight: 600;
	color: #555;
}

/* Resim Stilleri */
#hakkimizdapage .katman3 .baskan-resim {
	width: 100%;
	border-radius: 20px; /* Köşeleri yuvarlatma */
	box-shadow: 0px 10px 30px rgba(0,0,0,0.1); /* Hafif gölge */
}

#hakkimizdapage .katman4 {
	position: relative;
	z-index: 20;
	padding: 60px 0px 100px 0px;
	background: #F9F8F6;
}

/* --- Tab Menüsü ve Header --- */
#hakkimizdapage .katman4 .tab-header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd; /* Alt çizgi */
	padding-bottom: 0px;
}

#hakkimizdapage .katman4 .ozel-tabs {
	border: none;
}

#hakkimizdapage .katman4 .ozel-tabs .nav-link {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	border: none;
	background: transparent;
	padding: 10px 20px 15px 0px; /* Sağ boşluk bıraktık */
	margin-right: 20px;
	position: relative;
}

#hakkimizdapage .katman4 .ozel-tabs .nav-link.active {
	color: #000;
	font-weight: 800;
}

/* Aktif olanın altındaki kalın siyah çizgi */
#hakkimizdapage .katman4 .ozel-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	bottom: -1px; /* Çizginin üzerine binmesi için */
	left: 0;
	width: 100%; /* Sadece yazının altı değil kutunun altı */
	/* Eğer sadece yazı kadar olsun istersen width ayarı değişir ama görselde blok gibi */
	width: 100%; 
	height: 3px;
	background-color: #000;
}

#hakkimizdapage .katman4 .search-icon i {
	font-size: 20px;
	color: #000;
	cursor: pointer;
}

#hakkimizdapage .katman4 .tab-content {
	display:none;
}

#hakkimizdapage .katman4 .tab-content.active {
	display:block;
}

/* --- Kartlar Ortak --- */
#hakkimizdapage .katman4 .uye-kart-buyuk,
#hakkimizdapage .katman4 .uye-kart-kucuk {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.03);
	overflow: hidden;
	transition: transform 0.3s ease;
}

#hakkimizdapage .katman4 .uye-kart-buyuk:hover,
#hakkimizdapage .katman4 .uye-kart-kucuk:hover {
	transform: translateY(-5px);
}

/* CV Butonu Stili */
#hakkimizdapage .katman4 .cv-btn {
	width: 35px;
	height: 35px;
	background-color: #ce3d86; /* Pembe */
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	flex-shrink: 0; /* Küçülmesini engelle */
}

/* --- BÜYÜK KART STİLLERİ --- */
#hakkimizdapage .katman4 .uye-kart-buyuk {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#hakkimizdapage .katman4 .uye-kart-buyuk .resim-alani {
	width: 100%;
	height: 300px; /* Resim yüksekliği */
	overflow: hidden;
}
#hakkimizdapage .katman4 .uye-kart-buyuk .resim-alani img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
/* Resmi olmayanlar için gri alan */
#hakkimizdapage .katman4 .uye-kart-buyuk .placeholder-resim {
	background-color: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hakkimizdapage .katman4 .uye-kart-buyuk .placeholder-resim i {
	font-size: 80px;
	color: #ccc;
}

#hakkimizdapage .katman4 .uye-kart-buyuk .kart-alt {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end; /* Alt hizalama */
	flex-grow: 1;
}

#hakkimizdapage .katman4 .uye-kart-buyuk .isim {
	font-size: 15px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}
#hakkimizdapage .katman4 .uye-kart-buyuk .unvan {
	font-size: 13px;
	color: #555;
}

/* --- KÜÇÜK KART STİLLERİ --- */
#hakkimizdapage .katman4 .uye-kart-kucuk {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-height: 90px; /* Yükseklik standardı */
}

#hakkimizdapage .katman4 .uye-kart-kucuk .isim {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	margin-bottom: 2px;
}
#hakkimizdapage .katman4 .uye-kart-kucuk .unvan {
	font-size: 12px;
	color: #555;
}

#hakkimizdapage .katman5 {
	position: relative;
	z-index: 20;
	padding: 80px 0px 100px 0px;
	background: #F9F8F6; /* Diğer katmanlarla aynı bütünlük */
}

#hakkimizdapage .katman5 .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

#hakkimizdapage .katman5 .section-desc {
	font-size: 15px;
	color: #555;
}

#hakkimizdapage .katman5 .kurucular-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#hakkimizdapage .katman5 .kurucular-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0; /* Satır aralığı */
	border-bottom: 1px solid #e6e6e6; /* Alt çizgi */
	transition: background 0.3s ease;
}

/* Son elemandaki çizgiyi kaldırmak istersen: */
#hakkimizdapage .katman5 .kurucular-list li:last-child {
	border-bottom: none;
}

#hakkimizdapage .katman5 .kurucular-list li .isim {
	font-size: 16px;
	font-weight: 500;
	color: #222;
}

#hakkimizdapage .katman5 .kurucular-list li i {
	color: #ce3d86; /* Pembe yıldız */
	font-size: 22px;
}

/* Hover efekti (İsteğe bağlı) */
#hakkimizdapage .katman5 .kurucular-list li:hover {
	background: rgba(255,255,255,0.5);
	padding-left: 10px; /* Hafif sağa kayma */
	padding-right: 10px;
	border-radius: 5px;
}


#hakkimizdapage .katman6 {
	position: relative;
	z-index: 20;
	padding: 80px 0px 100px 0px;
	background: #F9F8F6; /* Arka plan devamlılığı */
}

/* Sol Taraf Stilleri */
#hakkimizdapage .katman6 .baslik {
	font-size: 36px;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
}

#hakkimizdapage .katman6 .aciklama {
	font-size: 16px;
	color: #444;
	line-height: 1.6;
	max-width: 350px; /* Metnin çok uzamasını engeller, görseldeki gibi dar durur */
}

/* Sağ Taraf: Beyaz Kutu */
#hakkimizdapage .katman6 .baskanlar-kutu {
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0px 5px 30px rgba(0,0,0,0.03);
}

/* Liste Elemanları */
#hakkimizdapage .katman6 .baskan-item {
	display: flex;
	align-items: center;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee; /* İnce gri çizgi */
}

/* Son elemanın alt çizgisini ve boşluğunu kaldır */
#hakkimizdapage .katman6 .baskan-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Tarih Kutusu (Pembe) */
#hakkimizdapage .katman6 .tarih-kutusu {
	background-color: #ce3d86;
	color: #fff;
	border-radius: 12px;
	width: 70px; /* Genişlik sabit */
	height: 60px; /* Yükseklik sabit */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 25px; /* Yazı ile arasındaki boşluk */
	flex-shrink: 0; /* Küçülmesini engelle */
}

#hakkimizdapage .katman6 .tarih-kutusu .yil {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
}

/* İçerik Kısmı */
#hakkimizdapage .katman6 .icerik .isim {
	font-size: 16px;
	font-weight: 800;
	color: #000;
	margin-bottom: 5px;
}

#hakkimizdapage .katman6 .icerik .detay {
	font-size: 13px;
	color: #999; /* Görseldeki gibi soluk gri */
	font-weight: 400;
}


/*------------------ ARSIV PAGE STİLLERİ ----------------------*/

#arsivpage {
	position: relative;
	background: #fff;
}

/* KATMAN 1 */
#arsivpage .katman1 {
	padding: 80px 0px 60px 0px;
	/* Üstten hafif pembe başlayan, aşağıya doğru beyaza dönen gradyan */
	background: linear-gradient(180deg, #FFEAF7 0%, #ffffff 100%);
}

#arsivpage .sayfa-baslik {
	font-size: 36px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

#arsivpage .sayfa-aciklama {
	font-size: 15px;
	color: #555;
}

/* Pembe Butonlar */
#arsivpage .buton-grubu {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

#arsivpage .btn-ozel {
	background-color: #ce3d86; /* Pembe */
	color: #fff;
	border: none;
	padding: 10px 25px;
	border-radius: 30px; /* Tam yuvarlak kenarlar */
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: default; /* Tıklanabilir buton değil etiket gibi duruyor görselde */
	box-shadow: 0 4px 10px rgba(206, 61, 134, 0.2);
}

#arsivpage .btn-ozel i {
	font-size: 18px;
}

/* İstatistikler */
#arsivpage .stats-row {
	margin-top: 40px;
}

#arsivpage .stat-item .sayi {
	font-size: 24px;
	font-weight: 800;
	color: #000;
	margin-bottom: 5px;
}

#arsivpage .stat-item .etiket {
	font-size: 13px;
	color: #666;
	font-weight: 500;
	line-height: 1.2;
}

/*------------------ ARSIV PAGE KATMAN 2 ----------------------*/

#arsivpage .katman2 {
	padding: 0px 0px 80px 0px;
	background: #fff; /* Beyaz devam ediyor */
}

/* --- Arama Çubuğu --- */
#arsivpage .katman2 .search-bar-wrapper {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 50px; /* Hap şeklinde kenarlar */
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

#arsivpage .katman2 .search-bar-wrapper .input-group {
	flex-grow: 1;
	border-right: 1px solid #eee; /* Filtrelerle arasına çizgi */
	margin-right: 15px;
}

#arsivpage .katman2 .search-bar-wrapper .input-group-text {
	background: transparent;
	border: none;
	color: #999;
	font-size: 20px;
}

#arsivpage .katman2 .search-bar-wrapper .form-control {
	border: none;
	box-shadow: none;
	font-size: 14px;
	color: #666;
}

#arsivpage .katman2 .search-bar-wrapper .filters {
	display: flex;
	gap: 10px;
}

#arsivpage .katman2 .search-bar-wrapper .form-select {
	border: none;
	background-color: #f8f8f8;
	border-radius: 20px;
	font-size: 13px;
	color: #555;
	padding: 8px 30px 8px 15px;
	cursor: pointer;
}

/* --- Başlıklar --- */
#arsivpage .katman2 .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}
#arsivpage .katman2 .section-desc {
	font-size: 15px;
	color: #666;
}

/* --- Timeline Yapısı --- */
#arsivpage .katman2 .timeline-container {
	position: relative;
	padding-top: 20px;
}

#arsivpage .katman2 .timeline-item {
	display: flex;
	margin-bottom: 0px; /* Alt alta yapışık gibi duracak, çizgiyi ayarlayacağız */
	position: relative;
}

/* 1. Tarih Kolonu (Sol) */
#arsivpage .katman2 .timeline-item .date-col {
	width: 100px;
	text-align: right;
	padding-right: 20px;
	padding-top: 15px;
	flex-shrink: 0;
}
#arsivpage .katman2 .timeline-item .date-col .yil {
	font-size: 14px;
	color: #666;
}
#arsivpage .katman2 .timeline-item .date-col .ay {
	font-size: 24px;
	font-weight: 800;
	color: #000;
	line-height: 1;
}
#arsivpage .katman2 .timeline-item .date-col .etiket {
	font-size: 12px;
	color: #ce3d86; /* Pembe */
	margin-top: 5px;
	font-weight: 500;
}

/* 2. Orta Ayırıcı (Çizgi ve İkon) */
#arsivpage .katman2 .timeline-item .divider-col {
	width: 60px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}

/* Dikey Çizgi */
#arsivpage .katman2 .timeline-item .divider-col .line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #eee;
	z-index: 1;
}
/* Son elemanın çizgisi aşağı uzamasın diye */
#arsivpage .katman2 .timeline-item:last-child .divider-col .line {
	bottom: auto;
	height: 30px; /* Sadece ikonun altına biraz uzasın */
}

/* Pembe Yuvarlak İkon */
#arsivpage .katman2 .timeline-item .divider-col .icon-circle {
	width: 50px;
	height: 50px;
	background-color: #ce3d86;
	border-radius: 50%;
	z-index: 2; /* Çizginin üstünde durmalı */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	border: 4px solid #fff; /* Etrafına beyaz boşluk */
	box-shadow: 0 5px 15px rgba(206, 61, 134, 0.3);
	margin-top: 10px; /* Tarihle hizalı olsun */
}

/* 3. İçerik Kolonu (Sağ) */
#arsivpage .katman2 .timeline-item .content-col {
	flex-grow: 1;
	padding-left: 20px;
	padding-bottom: 40px; /* Bir sonraki item ile ara boşluk */
	padding-top: 15px;
}

#arsivpage .katman2 .timeline-item .content-col .title {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 8px;
}

#arsivpage .katman2 .timeline-item .content-col .desc {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 15px;
}

#arsivpage .katman2 .timeline-item .content-col .meta-info {
	display: flex;
	gap: 20px;
	font-size: 13px;
	color: #888;
}
#arsivpage .katman2 .timeline-item .content-col .meta-info i {
	color: #ce3d86;
	margin-right: 5px;
}

/*------------------ ARSIV PAGE KATMAN 3 (Ödüller) ----------------------*/

#arsivpage .katman3 {
	padding: 80px 0px;
	background: #F9F8F6; /* Görseldeki hafif gri/krem arka plan */
}

/* Kartın Kendisi */
#arsivpage .odul-kart {
	background: #fff;
	padding: 40px 20px;
	border-radius: 20px;
	text-align: center;
	height: 100%; /* Tüm kartlar eşit boyda olsun */
	box-shadow: 0 5px 20px rgba(0,0,0,0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid transparent;
}

/* Hover Efekti: Kart hafif yukarı çıkar */
#arsivpage .odul-kart:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
	border-color: #f0f0f0;
}

/* Pembe İkon Yuvarlağı */
#arsivpage .odul-kart .icon-wrapper {
	width: 60px;
	height: 60px;
	background-color: #ce3d86; /* Ana pembe renk */
	color: #fff;
	border-radius: 50%;
	display: inline-flex; /* Ortalamak için */
	align-items: center;
	justify-content: center;
	font-size: 28px;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(206, 61, 134, 0.3);
}

/* Başlık */
#arsivpage .odul-kart .kart-baslik {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.4;
}

/* Açıklama (Gri küçük yazı) */
#arsivpage .odul-kart .kart-aciklama {
	font-size: 13px;
	color: #777;
	margin-bottom: 0;
}
/*------------------ ARSIV PAGE KATMAN 4 (Yayınlarımız) ----------------------*/

#arsivpage .katman4 {
	padding: 80px 0px;
	background: #fff; /* Beyaz zemin */
}

/* Başlık ve Açıklama */
#arsivpage .katman4 .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

#arsivpage .katman4 .section-desc {
	font-size: 15px;
	color: #666;
}

/* Kart Yapısı */
#arsivpage .katman4 .yayin-kart {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.3s ease;
	box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

#arsivpage .katman4 .yayin-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
	border-color: #ce3d86; /* Hover olunca kenarlık pembe olsun */
}

/* Kart İçerik */
#arsivpage .katman4 .kitap-baslik {
	font-size: 17px;
	font-weight: 700;
	color: #000;
	margin-bottom: 8px;
}

#arsivpage .katman4 .kitap-aciklama {
	font-size: 13px;
	color: #777;
	margin-bottom: 20px;
	line-height: 1.5;
}

/* Kart Footer (Buton ve İkon) */
#arsivpage .katman4 .kart-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
	border-top: 1px solid #f5f5f5; /* Üstüne ince çizgi */
}

/* Buton Stili */
#arsivpage .katman4 .indir-btn {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #ddd;
	padding: 8px 15px;
	border-radius: 30px;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 5px;
}

#arsivpage .katman4 .indir-btn:hover {
	background-color: #ce3d86;
	color: #fff;
	border-color: #ce3d86;
}

#arsivpage .katman4 .pdf-ikon {
	font-size: 24px;
	color: #ce3d86; /* Pembe PDF ikonu */
}
/*------------------ ARSIV PAGE KATMAN 5 (CTA Banner) ----------------------*/

#arsivpage .katman5 {
	padding: 80px 0px;
	/* Görseldeki Mor'dan Pembe'ye geçiş */
	background: linear-gradient(90deg, #9b51e0 0%, #ce3d86 100%);
	color: #fff;
	position: relative;
	z-index: 1;
}

#arsivpage .katman5 .cta-baslik {
	font-size: 36px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 20px;
}

#arsivpage .katman5 .cta-aciklama {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.9); /* Hafif şeffaf beyaz */
	margin-bottom: 40px;
	line-height: 1.6;
}

/* Buton Grubu */
#arsivpage .katman5 .cta-butonlar {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

/* Beyaz Butonlar */
#arsivpage .katman5 .btn-beyaz {
	background-color: #fff;
	color: #ce3d86; /* Yazı rengi pembe */
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	padding: 12px 35px;
	border-radius: 50px; /* Hap şeklinde */
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	display: inline-block;
}

#arsivpage .katman5 .btn-beyaz:hover {
	transform: translateY(-3px); /* Hafif yukarı kalkma */
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	background-color: #f8f8f8;
	color: #9b51e0; /* Hover olunca mor olsun */
}

/*------------------ ARSIV PAGE KATMAN 6 (Arşiv Belgeleri) ----------------------*/

#arsivpage .katman6 {
	padding: 80px 0px 100px 0px;
	background: #F9F8F6; /* Hafif kırık beyaz zemin */
}

/* Başlık */
#arsivpage .katman6 .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}
#arsivpage .katman6 .section-desc {
	font-size: 15px;
	color: #666;
}

/* Kart Yapısı */
#arsivpage .katman6 .belge-kart {
	background: #fff;
	border-radius: 50px; /* Hap şeklinde yuvarlatılmış kenarlar */
	padding: 15px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 5px 20px rgba(0,0,0,0.03);
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

#arsivpage .katman6 .belge-kart:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
	border-color: #ce3d86; /* Hover olunca pembe çerçeve */
}

/* Sol Kısım (İkon + Yazı) */
#arsivpage .katman6 .sol-kisim {
	display: flex;
	align-items: center;
	gap: 20px;
}

/* Pembe İkon Kutusu */
#arsivpage .katman6 .icon-box {
	width: 50px;
	height: 50px;
	background-color: #ce3d86;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

#arsivpage .katman6 .icon-box i {
	color: #fff;
	font-size: 24px;
}

/* Metin Alanı */
#arsivpage .katman6 .belge-adi {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 2px;
}

#arsivpage .katman6 .belge-meta {
	font-size: 13px;
	color: #888;
	font-weight: 500;
	text-transform: uppercase;
}

/* Sağdaki İndirme Butonu */
#arsivpage .katman6 .indir-circle {
	width: 45px;
	height: 45px;
	border: 1px solid #ddd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	color: #555;
}

#arsivpage .katman6 .indir-circle i {
	font-size: 20px;
}

/* Butona hover olunca içi dolsun */
#arsivpage .katman6 .indir-circle:hover {
	background-color: #ce3d86;
	border-color: #ce3d86;
	color: #fff;
}

/*------------------ BLOG DETAY PAGE STİLLERİ ----------------------*/

#blogdetay {
	position: relative;
	background: #fff;
}

/* KATMAN 1 */
#blogdetay .katman1 {
	padding: 60px 0px 40px 0px;
	/* Üstten hafif pembemsi bir geçiş */
	background: linear-gradient(180deg, #fff0f9 0%, #ffffff 100%);
}

/* Başlıklar */
#blogdetay .sayfa-baslik {
	font-size: 34px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

#blogdetay .sayfa-aciklama {
	font-size: 15px;
	color: #666;
	line-height: 1.5;
}

/* İstatistik Kutuları */
#blogdetay .stat-box {
	border-radius: 15px;
	padding: 20px;
	text-align: center;
	color: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#blogdetay .stat-box:hover {
	transform: translateY(-5px);
}

/* Farklı Gradyanlar */
#blogdetay .mor-gradient {
	background: linear-gradient(135deg, #9b51e0 0%, #ce3d86 100%);
}
#blogdetay .pembe-gradient {
	background: linear-gradient(135deg, #ce3d86 0%, #9b51e0 100%);
}

#blogdetay .stat-deger {
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 5px;
}

#blogdetay .stat-metin {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.9;
}

/* Üst Uyarı Kutusu (Alert) */
#blogdetay .top-alert {
	background-color: #fdf6f9; /* Çok açık pembe zemin */
	border: 1px solid #eee;
	border-radius: 50px; /* Hap şeklinde */
	padding: 15px 30px;
	display: flex;
	align-items: center;
	gap: 20px;
}

#blogdetay .top-alert .icon-side {
	width: 40px;
	height: 40px;
	background-color: #ce3d86;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

#blogdetay .top-alert .icon-side i {
	color: #fff;
	font-size: 24px;
}

#blogdetay .top-alert .text-side strong {
	display: block;
	color: #ce3d86;
	font-size: 14px;
	margin-bottom: 2px;
}

#blogdetay .top-alert .text-side p {
	margin: 0;
	font-size: 13px;
	color: #555;
	line-height: 1.4;
}
/*------------------ BLOG DETAY KATMAN 2 (İçerik) ----------------------*/

#blogdetay .katman2 {
	padding: 60px 0px 100px 0px;
	background: #F9F8F6;; /* Çok hafif gri ton */
}

/* --- SOL SIDEBAR --- */
#blogdetay .sticky-sidebar {
	position: sticky;
	top: 100px; /* Sayfa kayarken üstte takılı kalması için */
}

/* Menü Linkleri */
#blogdetay .side-menu {
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

#blogdetay .menu-link {
	display: block;
	padding: 12px 15px;
	color: #555;
	text-decoration: none;
	font-size: 14px;
	border-radius: 8px;
	margin-bottom: 5px;
	transition: all 0.2s ease;
	font-weight: 500;
}

#blogdetay .menu-link:hover {
	background-color: #fceef6; /* Açık pembe hover */
	color: #ce3d86;
}

#blogdetay .menu-link.active {
	background-color: #ce3d86;
	color: #fff;
}

/* İletişim Formu Kutusu */
#blogdetay .contact-box {
	background: #fff5f8; /* Pembe zemin */
	padding: 25px 20px;
	border-radius: 15px;
	border: 1px solid #fceef6;
}

#blogdetay .contact-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#blogdetay .contact-desc {
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	line-height: 1.4;
}

#blogdetay .contact-box .form-control {
	font-size: 13px;
	border: 1px solid #eee;
	border-radius: 8px;
}

#blogdetay .btn-gonder {
	width: 100%;
	background: #ce3d86;
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s;
}
#blogdetay .btn-gonder:hover {
	background: #b52b6f;
}

/* --- SAĞ İÇERİK --- */
#blogdetay .content-section {
	margin-bottom: 60px;
}

#blogdetay .section-baslik {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}

#blogdetay .text-content {
	font-size: 16px;
	line-height: 1.7;
	color: #444;
	margin-bottom: 15px;
}

/* Risk Kutuları */
#blogdetay .risk-box {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	border-left: 4px solid #ce3d86;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	height: 100%;
}

#blogdetay .risk-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}
#blogdetay .risk-title i { color: #ce3d86; font-size: 18px; }

#blogdetay .risk-list {
	padding-left: 20px;
	margin: 0;
	font-size: 14px;
	color: #555;
}
#blogdetay .risk-list li { margin-bottom: 5px; }

/* Semptom Kartları */
#blogdetay .semptom-kart {
	background: #fff;
	padding: 25px 20px;
	border-radius: 15px;
	text-align: center; /* İsteğe göre left de yapılabilir, görselde left gibi duruyor ama center daha şık olur bu gridde */
	text-align: left; /* Görsele sadık kalalım */
	border: 1px solid #eee;
	height: 100%;
	transition: transform 0.3s ease;
}

#blogdetay .semptom-kart:hover {
	transform: translateY(-5px);
	border-color: #ce3d86;
}

#blogdetay .semptom-kart .icon-circle {
	width: 45px;
	height: 45px;
	background: #ce3d86;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	margin-bottom: 15px;
}

#blogdetay .s-baslik {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 8px;
}

#blogdetay .s-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

/* Alt Uyarı Notu */
#blogdetay .alert-note {
	background: #fdfdfd;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	gap: 15px;
	font-size: 13px;
	color: #555;
	align-items: center;
}
#blogdetay .alert-note i {
	font-size: 24px;
	color: #ce3d86;
}

/*------------------ BLOG DETAY KATMAN 3 (Devamı) ----------------------*/

/* --- Evreler Tablosu --- */
#blogdetay .evreler-tablosu {
	border: 1px solid #eee;
	border-radius: 12px;
	overflow: hidden;
}

#blogdetay .evre-satir {
	display: flex;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
	align-items: center;
}

#blogdetay .evre-satir:last-child {
	border-bottom: none;
}

/* Satırlara Zebra Efekti (Biri gri, biri beyaz) */
#blogdetay .evre-satir:nth-child(odd) {
	background-color: #fcfcfc;
}
#blogdetay .evre-satir:nth-child(even) {
	background-color: #fff;
}

#blogdetay .evre-baslik {
	width: 120px;
	font-weight: 800;
	color: #000;
	flex-shrink: 0; /* Küçülmesini engelle */
}

#blogdetay .evre-aciklama {
	font-size: 14px;
	color: #555;
}

/* --- Tedavi Kartları --- */
#blogdetay .tedavi-kart {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 15px;
	padding: 25px 20px;
	height: 100%;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

#blogdetay .tedavi-kart:hover {
	transform: translateY(-5px);
	border-color: #ce3d86;
}

#blogdetay .tedavi-kart .icon-header {
	width: 50px;
	height: 50px;
	background: #fceef6; /* Çok açık pembe */
	color: #ce3d86;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 20px;
}

#blogdetay .t-baslik {
	font-size: 17px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#blogdetay .t-liste {
	padding-left: 20px;
	margin: 0;
	font-size: 13px;
	color: #666;
	line-height: 1.6;
}
#blogdetay .t-liste li { margin-bottom: 8px; }
#blogdetay .t-liste strong { color: #ce3d86; }

/* Yeşil Bilgi Kutusu */
#blogdetay .info-box-green {
	background: #eafff5; /* Açık yeşil zemin */
	border: 1px solid #c2f0db;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 15px;
}

#blogdetay .info-box-green .icon {
	font-size: 28px;
	color: #27ae60;
}
#blogdetay .info-box-green .text {
	font-size: 13px;
	color: #2c3e50;
	line-height: 1.5;
}

/* --- Sıkça Sorulan Sorular (Accordion) --- */
#blogdetay .custom-accordion .accordion-item {
	border: none;
	margin-bottom: 10px;
	background: transparent;
}

#blogdetay .custom-accordion .accordion-button {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px !important; /* Kapalıyken de yuvarlak kalsın */
	color: #444;
	font-weight: 600;
	font-size: 15px;
	box-shadow: none;
	padding: 15px 20px;
}

#blogdetay .custom-accordion .accordion-button:not(.collapsed) {
	background: #fceef6; /* Açık pembe aktif hal */
	color: #ce3d86;
	border-color: #fceef6;
	box-shadow: none;
}

/* Oku rengini değiştirme */
#blogdetay .custom-accordion .accordion-button:not(.collapsed)::after {
	filter: hue-rotate(300deg); /* Oku pembe tonuna çeker */
}

#blogdetay .custom-accordion .accordion-collapse {
	background: transparent;
	border: none;
}

#blogdetay .custom-accordion .accordion-body {
	background: #fff;
	border: 1px solid #fceef6;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 20px;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	margin-top: -5px; /* Üstteki butonla birleşsin */
}
#blogdetay .custom-accordion .accordion-body ul {
    padding-left:15px;
    margin-bottom: 1rem;
}


/*------------------ ENDOMART PAGE KATMAN 1 ----------------------*/

#endomartpage {
	background: #fff;
}

#endomartpage .katman1-header {
	/* Görseldeki gibi üstten geniş pembe boşluk */
	padding: 100px 0px 80px 0px; 
	background: linear-gradient(180deg, #FFEAF7 0%, #ffffff 100%);
}

/* EndoMart Başlığı */
#endomartpage .ana-baslik {
	font-size: 48px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

/* Alt Başlık (Mart: ...) */
#endomartpage .alt-baslik {
	font-size: 16px;
	font-weight: 800; /* Kalın */
	color: #000;
	margin-bottom: 20px;
}

/* Paragraf */
#endomartpage .aciklama-metin {
	font-size: 15px;
	color: #333; /* Tam siyah değil, okunabilir koyu gri */
	line-height: 1.6;
	max-width: 900px; /* Yazının yanlara çok yayılmasını engellemek için */
	margin: 0 auto 40px auto; /* Ortalama ve alttan boşluk */
}

/* Buton Grubu */
#endomartpage .buton-grubu {
	display: flex;
	justify-content: center;
	gap: 20px; /* İki buton arası boşluk */
	flex-wrap: wrap;
}

/* Buton Stili (Görseldeki gibi hafif gradyanlı pembe) */
#endomartpage .btn-header {
	display: flex;
	align-items: center;
	gap: 10px;
	/* Görseldeki pembe tonuna uygun gradyan */
	background: linear-gradient(90deg, #ce3d86 0%, #b02a6b 100%);
	color: #fff;
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 30px; /* Yuvarlak kenarlar */
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 5px 15px rgba(176, 42, 107, 0.3); /* Pembe gölge */
	transition: transform 0.2s ease;
}

#endomartpage .btn-header i {
	font-size: 18px;
}

#endomartpage .btn-header:hover {
	transform: translateY(-3px); /* Hover efekti */
	box-shadow: 0 8px 20px rgba(176, 42, 107, 0.4);
	color: #fff;
}
/*------------------ KATMAN 2 (Endo Mart Nedir) ----------------------*/

#endomartpage .katman2-nedir {
	padding: 80px 0px;
	background: #fdfdfd; /* Görseldeki çok hafif kırık beyaz zemin */
}

/* Başlıklar */
#endomartpage .katman2-nedir .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

#endomartpage .katman2-nedir .section-desc {
	font-size: 15px;
	color: #444;
	line-height: 1.5;
}

/* Kart Yapısı */
#endomartpage .nedir-kart {
	background: #fff;
	border-radius: 20px;
	padding: 40px 30px;
	height: 100%;
	box-shadow: 0 5px 20px rgba(0,0,0,0.02); /* Çok hafif gölge */
	border: 1px solid #f5f5f5; /* İnce çerçeve */
}

/* Pembe İkon Yuvarlağı */
#endomartpage .nedir-kart .icon-circle {
	width: 60px;
	height: 60px;
	background-color: #ce3d86; /* Görseldeki pembe */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 26px;
	margin-bottom: 25px;
}

#endomartpage .nedir-kart .kart-baslik {
	font-size: 18px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

#endomartpage .nedir-kart .kart-metin {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

/* Mor Bilgi Barı */
#endomartpage .mor-alert-bar {
	/* Görseldeki açık lila/mor arka plan rengi */
	background-color: #E0CFFC; 
	border-radius: 20px;
	padding: 25px 40px;
	display: flex;
	align-items: center;
	gap: 30px;
}

/* Barın İçindeki İkon */
#endomartpage .mor-alert-bar .icon-area {
	width: 50px;
	height: 50px;
	background-color: #ce3d86; /* İkon zemini pembe */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 24px;
}

#endomartpage .mor-alert-bar .text-area {
	display: flex;
	flex-direction: column;
}

#endomartpage .mor-alert-bar strong {
	color: #fff; /* Başlık beyaz */
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 5px;
}

#endomartpage .mor-alert-bar span {
	font-size: 14px;
	color: #fff; /* Metin beyaz */
	line-height: 1.5;
	opacity: 0.95;
}
/*------------------ KATMAN 3 (Etkinlik Takvimi) ----------------------*/

#endomartpage .katman3-takvim {
	padding: 80px 0px 100px 0px;
	background: #F9F9F9; /* Kartlar beyaz olduğu için zemin çok açık gri */
}

/* Etkinlik Kartı */
#endomartpage .etkinlik-kart {
	background: #fff;
	border-radius: 24px; /* Köşeler oldukça yuvarlak */
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03); /* Hafif gölge */
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start; /* İçerik sola dayalı */
	text-align: left;
}

/* Kategori Rozeti (Badge) */
#endomartpage .tur-badge {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
}
#endomartpage .tur-badge.pembe {
	background-color: #ce3d86;
}
#endomartpage .tur-badge.mor {
	background-color: #b02a6b; /* Görseldeki koyu pembe/mor tonu */
}

/* Başlık */
#endomartpage .e-baslik {
	font-size: 18px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.4;
}

/* Açıklama */
#endomartpage .e-desc {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 25px;
}

/* Detaylar Grid (Tarih, Yer, Saat, Katılımcı) */
#endomartpage .e-detaylar {
	display: grid;
	grid-template-columns: 1fr 1fr; /* İki sütunlu yapı */
	gap: 15px 10px; /* Satır ve sütun boşlukları */
	width: 100%;
	margin-bottom: 25px;
}

#endomartpage .detay-item {
	font-size: 13px;
	color: #444;
	display: flex;
	align-items: center;
	gap: 8px;
}

#endomartpage .detay-item i {
	color: #ce3d86; /* İkonlar pembe */
	font-size: 18px;
}

/* Kayıt Ol Butonu */
#endomartpage .btn-kayit {
	display: inline-block;
	background-color: #ce3d86;
	color: #fff;
	text-decoration: none;
	padding: 12px 40px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	transition: background 0.3s;
}

#endomartpage .btn-kayit:hover {
	background-color: #a32262;
}
/*------------------ KATMAN 4 (Sosyal Medya) ----------------------*/

#endomartpage .katman4-sosyal {
	padding: 80px 0px;
	background: #F0F2F5; /* Görseldeki açık gri/mavimsi zemin */
}

/* Kart Yapısı */
#endomartpage .sm-kart {
	background: #fff;
	border-radius: 20px;
	padding: 30px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	border: 1px solid #fff;
	transition: transform 0.3s;
}

#endomartpage .sm-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}

/* İkon Yuvarlağı */
#endomartpage .sm-kart .sm-icon {
	width: 50px;
	height: 50px;
	background: #ce3d86; /* İkon zemini pembe */
	/* İsterseniz görseldeki gibi hafif gradyan verebilirsiniz: 
	   background: linear-gradient(135deg, #ce3d86 0%, #b02a6b 100%); */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: #fff;
	font-size: 24px;
	box-shadow: 0 4px 10px rgba(206, 61, 134, 0.3);
}

/* Başlık */
#endomartpage .sm-kart .sm-baslik {
	font-size: 16px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
	min-height: 40px; /* Başlıklar eşit hizada dursun diye */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Açıklama */
#endomartpage .sm-kart .sm-desc {
	font-size: 13px;
	color: #555;
	line-height: 1.5;
	margin-bottom: 25px;
	flex-grow: 1; /* Butonu en alta itmek için */
}

/* Aksiyon Butonu */
#endomartpage .sm-kart .btn-sm-action {
	display: inline-block;
	background: #ce3d86;
	color: #fff;
	text-decoration: none;
	padding: 8px 30px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(206, 61, 134, 0.3);
	transition: background 0.3s;
}

#endomartpage .sm-kart .btn-sm-action:hover {
	background: #a32262;
}

/* Hashtag Alanı */
#endomartpage .hashtags-wrapper {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* Hashtag Hapları (Pills) */
#endomartpage .tag-pill {
	background: #fff;
	color: #555;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	cursor: default;
	transition: all 0.2s;
}

#endomartpage .tag-pill:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 10px rgba(0,0,0,0.08);
	color: #ce3d86; /* Hoverda yazı pembe olsun */
}
/*------------------ KATMAN 5 (Nasıl Katılabilirsiniz) ----------------------*/

#endomartpage .katman5-katilim {
	padding: 80px 0px;
	background: #FDFDFD; /* Çok hafif, neredeyse beyaz zemin */
}

/* Kart Yapısı */
#endomartpage .katilim-kart {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	height: 100%;
	border: 1px solid #f0f0f0;
	box-shadow: 0 5px 20px rgba(0,0,0,0.02); /* Çok soft gölge */
	transition: transform 0.3s ease;
	/* İçerik sola yaslı */
	text-align: left;
}

#endomartpage .katilim-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	border-color: #ce3d86;
}

/* İkon Yuvarlağı */
#endomartpage .katilim-kart .icon-circle {
	width: 50px;
	height: 50px;
	background-color: #ce3d86; /* Pembe zemin */
	/* Görselde ikonların içi pembe değil, pembe daire içinde beyaz ikon var.
	   Ancak yüklediğin görselde ikonlar pembe daire içinde beyaz görünüyor.
	   Daha önceki kartlarda da bu stili kullandık. */
	background: #ce3d86; 
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
}

/* Kart Başlığı */
#endomartpage .katilim-kart .k-baslik {
	font-size: 17px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

/* Kart Açıklaması */
#endomartpage .katilim-kart .k-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.5;
	margin: 0;
}
/*------------------ KATMAN 6 (Footer CTA) ----------------------*/

#endomartpage .katman6-cta {
	padding: 80px 0px 120px 0px; /* Alttan biraz daha fazla boşluk */
	background: #fff;
}

/* Gradyan Kutu */
#endomartpage .cta-box {
	/* Görseldeki soldan sağa Mor -> Pembe geçişi */
	background: linear-gradient(90deg, #8e2de2 0%, #db36a4 100%);
	border-radius: 20px;
	padding: 60px 30px;
	text-align: center;
	color: #fff;
	max-width: 900px; /* Kutunun çok yayılmasını engeller, görseldeki gibi durur */
	margin: 0 auto; /* Ortalar */
	/* Kutunun altındaki renkli gölge efekti */
	box-shadow: 0 20px 50px rgba(142, 45, 226, 0.3);
}

/* Başlık */
#endomartpage .cta-title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}

/* Açıklama */
#endomartpage .cta-desc {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9); /* Hafif şeffaf beyaz */
	margin-bottom: 35px;
	font-weight: 400;
}

/* Beyaz Buton */
#endomartpage .btn-beyaz-cta {
	display: inline-block;
	background-color: #fff;
	color: #333; /* Yazı rengi koyu gri/siyah */
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	transition: transform 0.3s, box-shadow 0.3s;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#endomartpage .btn-beyaz-cta:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	color: #ce3d86; /* Hover olunca yazı pembeleşsin */
}


/*------------------ HABERLER PAGE STİLLERİ ----------------------*/

#haberlerpage {
	background: #fff;
}

/* KATMAN 1: Header */
#haberlerpage .katman1-header {
	/* Görseldeki gibi geniş pembe gradyan alan */
	padding: 100px 0px 80px 0px;
	background: linear-gradient(180deg, #FFEAF7 0%, #ffffff 100%);
}

#haberlerpage .sayfa-baslik {
	font-size: 42px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

#haberlerpage .sayfa-aciklama {
	font-size: 15px;
	color: #333;
	margin-bottom: 40px;
	line-height: 1.5;
}

/* Arama Çubuğu Alanı */
#haberlerpage .search-wrapper {
	position: relative;
	max-width: 600px;
	margin: 0 auto; /* Ortalamak için */
}

/* Input Alanı */
#haberlerpage .search-input {
	width: 100%;
	padding: 15px 50px 15px 25px; /* Sağdan ikon için boşluk bırak */
	border-radius: 50px; /* Hap şeklinde */
	border: 1px solid #f0f0f0;
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,0.03); /* Hafif gölge */
	font-size: 14px;
	color: #555;
	outline: none;
	transition: all 0.3s ease;
}

#haberlerpage .search-input:focus {
	box-shadow: 0 8px 25px rgba(206, 61, 134, 0.1);
	border-color: #ce3d86; /* Odaklanınca pembe çerçeve */
}

#haberlerpage .search-input::placeholder {
	color: #aaa;
}

/* Arama Butonu (İkon) */
#haberlerpage .search-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	font-size: 20px;
	color: #000;
	cursor: pointer;
	padding: 5px 10px;
	transition: color 0.3s;
}

#haberlerpage .search-btn:hover {
	color: #ce3d86;
}
/*------------------ KATMAN 2 (Öne Çıkan Haberler) ----------------------*/

#haberlerpage .katman2-onecikan {
	padding: 60px 0px 80px 0px;
	background: #FDFDFD; /* Çok hafif kırık beyaz zemin */
}

/* Bölüm Etiketi (Yıldızlı Pembe Yazı) */
#haberlerpage .bolum-etiketi {
	color: #ce3d86;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
}
#haberlerpage .bolum-etiketi i {
	font-size: 16px;
}

/* Büyük Haber Kartı */
#haberlerpage .haber-kart-buyuk {
	background: #fff;
	border-radius: 20px;
	overflow: hidden; /* Resmin köşeleri taşmasın diye */
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	border: 1px solid #f0f0f0;
	height: 100%;
	transition: transform 0.3s ease;
}

#haberlerpage .haber-kart-buyuk:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* Görsel Alanı */
#haberlerpage .gorsel-alani {
	width: 100%;
	height: 250px;
	background-color: #eee; /* Resim yoksa gri görünsün */
}

#haberlerpage .gorsel-alani img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* İçerik Alanı */
#haberlerpage .icerik-alani {
	padding: 25px 30px;
}

/* Meta Bilgi (Tarih ve Yazar) */
#haberlerpage .meta-bilgi {
	display: flex;
	gap: 20px;
	font-size: 13px;
	color: #999;
	margin-bottom: 10px;
}

#haberlerpage .meta-bilgi span {
	display: flex;
	align-items: center;
	gap: 5px;
}

/* Başlık */
#haberlerpage .haber-baslik {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.4;
}

/* Özet Metin */
#haberlerpage .haber-ozet {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 25px;
}

/* Devamını Oku Butonu */
#haberlerpage .btn-devam {
	display: inline-block;
	background: linear-gradient(90deg, #ce3d86 0%, #b02a6b 100%);
	color: #fff;
	text-decoration: none;
	padding: 10px 25px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 500;
	transition: opacity 0.3s;
}

#haberlerpage .btn-devam:hover {
	opacity: 0.9;
	color: #fff;
}

#haberlerpage .btn-devam i {
	margin-left: 5px;
	font-size: 12px;
}
/*------------------ KATMAN 3 (Tüm Haberler) ----------------------*/

#haberlerpage .katman3-tumhaberler {
	padding: 60px 0px 100px 0px;
	background: #FDFDFD;
}

/* Tab Menü Header */
#haberlerpage .tab-header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0;
}

#haberlerpage .haber-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 30px;
}

#haberlerpage .tab-link {
	display: block;
	padding-bottom: 15px;
	text-decoration: none;
	color: #666;
	font-weight: 500;
	font-size: 15px;
	position: relative;
	transition: color 0.3s;
}

#haberlerpage .tab-link:hover {
	color: #000;
}

/* Aktif Tab (Kalın ve Altı Çizgili) */
#haberlerpage .tab-link.active {
	color: #000;
	font-weight: 800;
}

#haberlerpage .tab-link.active::after {
	content: '';
	position: absolute;
	bottom: -1px; /* Çizginin üstüne binmesi için */
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
}

/* Arama İkonu (Sağda) */
#haberlerpage .search-icon {
	font-size: 20px;
	color: #000;
	cursor: pointer;
}

/* Haber Kartı (Grid Yapısı İçin) */
#haberlerpage .haber-kart {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	border: 1px solid #f0f0f0;
	height: 100%;
	transition: transform 0.3s ease;
}

#haberlerpage .haber-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/*------------------ KATMAN 4 (Bülten ve İstatistikler) ----------------------*/

#haberlerpage .katman4-bulten {
	position: relative;
	/* Görseldeki Mor -> Pembe Gradyan */
	background: linear-gradient(90deg, #9b51e0 0%, #ce3d86 100%);
	padding: 80px 0px 0px 0px; /* Alttan padding 0 çünkü kartlar dışarı taşacak */
	margin-bottom: 100px; /* Kartların taşması için alttaki footer ile araya boşluk */
}

/* Bülten Metinleri */
#haberlerpage .bulten-baslik {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

#haberlerpage .bulten-desc {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 35px;
}

/* Form Alanı */
#haberlerpage .form-wrapper {
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	gap: 15px;
	justify-content: center;
}

#haberlerpage .email-input {
	border-radius: 50px;
	border: none;
	padding: 12px 25px;
	font-size: 14px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	flex-grow: 1;
}

#haberlerpage .btn-abone {
	background: #fff;
	color: #ce3d86; /* Pembe yazı */
	border: none;
	padding: 12px 30px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap; /* Yazı alt satıra inmesin */
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: transform 0.3s;
}

#haberlerpage .btn-abone:hover {
	transform: translateY(-2px);
	background-color: #f8f8f8;
}

/* İstatistik Kartları Satırı */
#haberlerpage .stats-row {
	/* Kartları bannerın alt çizgisine oturtmak için aşağı itiyoruz */
	transform: translateY(50%); 
	margin-top: 20px; /* Form ile kartlar arası biraz boşluk */
}

/* İstatistik Kartı */
#haberlerpage .stat-kart {
	background: #fff;
	border-radius: 20px;
	padding: 30px 10px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Belirgin gölge */
	height: 100%;
}

#haberlerpage .stat-sayi {
	font-size: 36px;
	font-weight: 800;
	color: #000;
	margin-bottom: 5px;
	line-height: 1;
}

#haberlerpage .stat-etiket {
	font-size: 13px;
	color: #333;
	font-weight: 500;
}
/*------------------ KATMAN 5 (Birlikte Güçlüyüz) ----------------------*/

#haberlerpage .katman5-birlikte {
	/* Katman 4 ile aynı Mor -> Pembe Gradyan */
	background: linear-gradient(90deg, #9b51e0 0%, #ce3d86 100%);
	padding: 80px 0px;
	color: #fff;
	/* Bir önceki katmandan taşan kartların altında kalması için üst boşluk */
	margin-top: 120px; 
}

/* Başlık ve Açıklama */
#haberlerpage .birlikte-baslik {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 10px;
}

#haberlerpage .birlikte-desc {
	font-size: 15px;
	opacity: 0.9;
	font-weight: 500;
}

/* İstatistik Birimi */
#haberlerpage .birlikte-stat {
	padding: 20px 10px;
}

#haberlerpage .b-sayi {
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 5px;
	line-height: 1;
}

#haberlerpage .b-etiket {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.85;
}
/*------------------ KATMAN 6 (Topluluk) ----------------------*/

#haberlerpage .katman6-topluluk {
	padding: 100px 0px; /* Geniş boşluk */
	background-color: #FBFCFD; /* Çok açık gri/beyaz tonu */
}

/* Görsel Alanı */
#haberlerpage .topluluk-gorsel-wrapper img {
	width: 100%;
	max-width: 900px; /* Çok geniş ekranlarda görselin aşırı büyümesini engeller */
	box-shadow: 0 20px 40px rgba(0,0,0,0.05); /* Yumuşak gölge */
	border-radius: 20px; /* Yuvarlak köşeler */
}

/* Başlık */
#haberlerpage .topluluk-baslik {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

/* Açıklama */
#haberlerpage .topluluk-desc {
	font-size: 16px;
	color: #555;
	margin-bottom: 30px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Buton Grubu */
#haberlerpage .buton-grubu {
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* Pembe Gradyan Buton */
#haberlerpage .btn-pembe-gradient {
	background: linear-gradient(90deg, #ce3d86 0%, #b02a6b 100%);
	color: #fff;
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 15px;
	transition: transform 0.3s, box-shadow 0.3s;
	border: none;
	display: inline-block;
}

#haberlerpage .btn-pembe-gradient:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(206, 61, 134, 0.3);
	color: #fff;
}

/*------------------ BİLİMSEL YAYINLAR PAGE STİLLERİ ----------------------*/

#bilimselyayinlarpage {
	background:#F9F8F6;
}

/* KATMAN 1: Header */
#bilimselyayinlarpage .katman1-header {
	/* Görseldeki gibi üstten pembe başlayan gradyan */
	padding: 100px 0px 30px 0px;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
}

/* Başlık */
#bilimselyayinlarpage .sayfa-baslik {
	font-size: 42px;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
}

/* Açıklama */
#bilimselyayinlarpage .sayfa-aciklama {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 30px;
}

/* Rozet Grubu */
#bilimselyayinlarpage .rozet-grubu {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

/* Pembe Rozetler */
#bilimselyayinlarpage .rozet {
	background-color: #ce3d86; /* Koyu pembe */
	color: #fff;
	padding: 8px 25px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(206, 61, 134, 0.3);
}

/* İstatistik Kartı */
#bilimselyayinlarpage .stat-kart {
	background: #fff;
	border-radius: 20px;
	padding: 25px;
	height: 100%;
	box-shadow: 0 5px 20px rgba(0,0,0,0.03);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid rgba(0,0,0,0.02);
	transition: transform 0.3s ease;
}

#bilimselyayinlarpage .stat-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.06);
}

/* Kart Üst Kısım */
#bilimselyayinlarpage .stat-label {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
	font-weight: 500;
}

#bilimselyayinlarpage .stat-value {
	font-size: 36px;
	font-weight: 800;
	color: #000;
	line-height: 1;
	margin-bottom: 15px;
}

/* Kart Alt Kısım (Trend ve İkon) */
#bilimselyayinlarpage .kart-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Trend Yazısı (Yeşil) */
#bilimselyayinlarpage .trend {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
}
#bilimselyayinlarpage .trend.up { color: #2ecc71; } /* Yeşil */
#bilimselyayinlarpage .trend.neutral { color: #2ecc71; } /* Yeşil yaptık görselde hepsi yeşilimsi duruyor */

/* Pembe İkon Yuvarlağı */
#bilimselyayinlarpage .icon-circle {
	width: 45px;
	height: 45px;
	background-color: #ce3d86; /* Pembe */
	/* Görselde ikonların içi pembe değil, pembe daire içinde beyaz ikon var. */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 4px 10px rgba(206, 61, 134, 0.2);
}
/*------------------ KATMAN 2 (Yayın Listesi) ----------------------*/

#bilimselyayinlarpage .katman2-liste {
	padding: 60px 0px 100px 0px;
}

/* Üst Arama ve Filtre */
#bilimselyayinlarpage .search-filter-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 50px;
	padding: 10px 20px;
}

#bilimselyayinlarpage .search-part {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

#bilimselyayinlarpage .clean-search {
	border: none;
	width: 100%;
	outline: none;
	color: #666;
	font-size: 14px;
}
#bilimselyayinlarpage .search-part i { color: #aaa; font-size: 18px; }

#bilimselyayinlarpage .filter-part {
	display: flex;
	align-items: center;
	gap: 15px;
	border-left: 1px solid #eee;
	padding-left: 20px;
}

#bilimselyayinlarpage .clean-select {
	border: none;
	background: transparent;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

#bilimselyayinlarpage .btn-filtrele {
	background: transparent;
	border: none;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

/* Tab Menü */
#bilimselyayinlarpage .yayin-tabs-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #f0f0f0; /* Alt çizgi */
}

#bilimselyayinlarpage .yayin-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 30px;
}

#bilimselyayinlarpage .tab-link {
	display: block;
	text-decoration: none;
	color: #666;
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 15px;
	position: relative;
	transition: color 0.3s;
}

#bilimselyayinlarpage .tab-link:hover { color: #000; }

#bilimselyayinlarpage .tab-link.active {
	color: #000;
	font-weight: 700;
}

/* Aktif tab altındaki siyah kalın çizgi */
#bilimselyayinlarpage .tab-link.active::after {
	content: '';
	position: absolute;
	bottom: -2px; /* Çizginin üstüne binsin */
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
}

/* Alt Başlıklar */
#bilimselyayinlarpage .sub-header h4 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}
#bilimselyayinlarpage .sub-header p {
	font-size: 13px;
	color: #555;
	margin: 0;
}

/* Yayın Öğesi */
#bilimselyayinlarpage .yayin-listesi {
	display:none;
}
#bilimselyayinlarpage .yayin-listesi.active {
	display:block;
}

/* Yayın Öğesi */
#bilimselyayinlarpage .yayin-item {
	padding: 20px 0;
}

#bilimselyayinlarpage .item-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

#bilimselyayinlarpage .tags {
	display: flex;
	gap: 8px;
}

#bilimselyayinlarpage .tag {
	background: #EAEAEA; /* Görseldeki gri hap rengi */
	color: #333;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 20px;
	font-weight: 500;
}

#bilimselyayinlarpage .year {
	font-size: 14px;
	color: #666;
}

#bilimselyayinlarpage .yayin-title {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.4;
}

#bilimselyayinlarpage .authors {
	font-size: 14px;
	color: #444;
	margin-bottom: 10px;
	font-style: italic; /* Görselde italik gibi duruyor */
}

#bilimselyayinlarpage .journal-info {
	font-size: 13px;
	color: #555;
	margin-bottom: 20px;
	line-height: 1.6;
}

#bilimselyayinlarpage .abstract-box {
	font-size: 13px;
	color: #333;
	margin-bottom: 25px;
	line-height: 1.5;
}

/* Aksiyon Butonları */
#bilimselyayinlarpage .action-buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

#bilimselyayinlarpage .btn-action {
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	color: #333;
	border: 1px solid #ddd;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 500;
	transition: all 0.2s;
}

#bilimselyayinlarpage .btn-action:hover {
	background-color: #f9f9f9;
	border-color: #ccc;
}
#bilimselyayinlarpage .btn-action i { font-size: 14px; }

/* Ayırıcı Çizgi */
#bilimselyayinlarpage .item-divider {
	border-top: 1px solid #eee;
	margin: 0;
}

/*------------------ KATMAN 3 (Araştırma Etkimiz) ----------------------*/

#bilimselyayinlarpage .katman3-etki {
	/* Görseldeki Soldan Sağa Mor -> Pembe Gradyan */
	background: linear-gradient(90deg, #9b51e0 0%, #ce3d86 100%);
	padding: 80px 0px;
	color: #fff;
}

/* Başlık */
#bilimselyayinlarpage .etki-baslik {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

/* Açıklama */
#bilimselyayinlarpage .etki-desc {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 400;
}

/* İstatistik Birimi */
#bilimselyayinlarpage .etki-stat {
	padding: 20px 10px;
}

#bilimselyayinlarpage .etki-sayi {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 1;
}

#bilimselyayinlarpage .etki-etiket {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}

#bilimselyayinlarpage .etki-sub {
	font-size: 13px;
	opacity: 0.8;
	font-weight: 400;
}
/*------------------ KATMAN 5 (Ekip CTA) ----------------------*/

#bilimselyayinlarpage .katman5-ekip {
	padding: 100px 0px;
	background: #FAFAFA; /* Çok hafif gri, neredeyse beyaz zemin */
}

/* Görsel Alanı */
#bilimselyayinlarpage .ekip-gorsel-wrapper img {
	width: 100%;
	object-fit: cover;
	border-radius: 20px; /* Görseldeki yuvarlak köşeler */
	/* Görselin sol tarafı kesik gibi duruyor olabilir, container içinde tam sığacaktır */
}

/* Sağ Taraf İçerik */
#bilimselyayinlarpage .ekip-baslik {
	font-size: 36px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.2;
}

#bilimselyayinlarpage .ekip-desc {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 30px;
}

/* Liste Yapısı */
#bilimselyayinlarpage .ekip-listesi {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#bilimselyayinlarpage .ekip-listesi li {
	display: flex;
	align-items: center;
	gap: 15px;
}

/* Pembe İkon Kutusu (Çizgisel) */
#bilimselyayinlarpage .icon-box {
	width: 40px;
	height: 40px;
	/* Görselde ikonların etrafında ince pembe çizgi veya sadece ikon var */
	/* İkon rengi pembe: */
	color: #ce3d86;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bilimselyayinlarpage .ekip-listesi span {
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

/* Buton Grubu */
#bilimselyayinlarpage .buton-grubu-left {
	display: flex;
	gap: 15px;
}

/* Başvuru Yap Butonu (Koyu Pembe Gradyan) */
#bilimselyayinlarpage .btn-basvuru {
	display: inline-block;
	background: linear-gradient(90deg, #ce3d86 0%, #b02a6b 100%);
	color: #fff;
	text-decoration: none;
	padding: 12px 30px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 14px;
	box-shadow: 0 5px 15px rgba(206, 61, 134, 0.3);
	transition: transform 0.3s;
}

#bilimselyayinlarpage .btn-basvuru:hover {
	transform: translateY(-3px);
}

/* Ekibi İncele Butonu (Daha Açık/Farklı Ton Pembe) */
#bilimselyayinlarpage .btn-incele {
	display: inline-block;
	background: #ce3d86; /* Düz renk veya daha açık ton */
	opacity: 0.9; /* Görselde biraz daha soft duruyor */
	color: #fff;
	text-decoration: none;
	padding: 12px 30px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 14px;
	transition: opacity 0.3s;
}

#bilimselyayinlarpage .btn-incele:hover {
	opacity: 1;
}

/*------------------ İLETİŞİM PAGE STİLLERİ ----------------------*/

#iletisimpage {
	background: #F9F8F6;
}

/* KATMAN 1: Header */
#iletisimpage .katman1-header {
	/* Görseldeki gibi üstten pembe başlayan, aşağı doğru beyazlaşan gradyan */
	padding: 100px 0px 80px 0px;
	background: linear-gradient(180deg, #FFEAF7 0%, #F9F8F6 100%);
}

/* Başlık */
#iletisimpage .sayfa-baslik {
	font-size: 42px;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
}

/* Açıklama */
#iletisimpage .sayfa-aciklama {
	font-size: 15px;
	color: #333;
	margin-bottom: 30px;
	line-height: 1.6;
}

/* E-posta Butonu */
#iletisimpage .email-btn-wrapper {
	margin-bottom: 60px; /* Alttaki bilgilerle arayı açmak için */
}

#iletisimpage .btn-email {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #ce3d86; /* Pembe */
	color: #fff;
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	box-shadow: 0 5px 15px rgba(206, 61, 134, 0.3);
	transition: transform 0.3s ease, background-color 0.3s;
}

#iletisimpage .btn-email:hover {
	transform: translateY(-3px);
	background-color: #b02a6b;
}

#iletisimpage .btn-email i {
	font-size: 18px;
}

/* İletişim Detayları (Telefon, Adres, Saat) */
#iletisimpage .contact-item {
	padding: 0 10px;
}

#iletisimpage .c-title {
	font-size: 18px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

#iletisimpage .c-info {
	font-size: 15px;
	color: #444;
	line-height: 1.5;
}
/*------------------ KATMAN 2 (İletişim Formu) ----------------------*/

#iletisimpage .katman2-form {
	padding: 80px 0px 100px 0px;
}

/* Başlık */
#iletisimpage .form-baslik {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 15px;
}

#iletisimpage .form-desc {
	font-size: 15px;
	color: #333;
	margin-bottom: 30px;
}

/* Form Inputları */
#iletisimpage .custom-input {
	border-radius: 15px; /* Yuvarlak köşeler */
	border: 1px solid #eee;
	padding: 15px 20px;
	font-size: 14px;
	color: #555;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.01); /* Çok hafif gölge */
	transition: all 0.3s;
	margin-bottom: 15px; /* Elemanlar arası boşluk */
}

#iletisimpage .custom-input:focus {
	box-shadow: 0 5px 20px rgba(206, 61, 134, 0.1);
	border-color: #ce3d86; /* Odaklanınca pembe çerçeve */
	outline: none;
}

/* Placeholder Rengi */
#iletisimpage .custom-input::placeholder {
	color: #aaa;
}

/* Select Oku Rengi (Bootstrap override gerekebilir ama sade bırakıyoruz) */
#iletisimpage .form-select.custom-input {
	color: #555;
	cursor: pointer;
}

/* Gizlilik Notu */
#iletisimpage .privacy-note {
	font-size: 12px;
	color: #888;
	line-height: 1.5;
	margin-top: 10px;
}

/* Gönder Butonu */
#iletisimpage .btn-gonder {
	background: linear-gradient(90deg, #ce3d86 0%, #b02a6b 100%);
	color: #fff;
	border: none;
	padding: 12px 50px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(206, 61, 134, 0.3);
	transition: transform 0.3s;
}

#iletisimpage .btn-gonder:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(206, 61, 134, 0.4);
}
/*------------------ KATMAN 3 (Alt Bölüm) ----------------------*/

#iletisimpage .katman3-alt {
	padding: 80px 0px 100px 0px;
}

/* Başlıklar */
#iletisimpage .alt-baslik {
	font-size: 24px;
	font-weight: 800;
	color: #000;
	margin-bottom: 10px;
}

#iletisimpage .alt-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 25px;
}

/* Sosyal Medya İkonları */
#iletisimpage .social-icons-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
}

#iletisimpage .social-link {
	font-size: 24px;
	color: #000; /* Görselde ikonlar siyah */
	transition: color 0.3s, transform 0.3s;
}

#iletisimpage .social-link:hover {
	color: #ce3d86; /* Hoverda pembe */
	transform: translateY(-3px);
}

/* Harita Alanı */
#iletisimpage .map-wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 0; /* Görselde harita köşeli duruyor veya çok hafif radius var */
	overflow: hidden;
}

#iletisimpage iframe {
	width: 100%;
	height: 350px;
	display: block; /* Alt boşluğu önlemek için */
}

/* Hızlı Erişim Grid */
#iletisimpage .quick-access-grid {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 0 auto;
}

/* Hızlı Erişim Butonları */
#iletisimpage .btn-quick {
	background: #fff;
	color: #555;
	text-decoration: none;
	padding: 15px 30px;
	border-radius: 50px; /* Hap şeklinde */
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	min-width: 160px; /* Butonlar eşit genişlikte dursun */
	justify-content: center;
	transition: transform 0.3s, box-shadow 0.3s;
}

#iletisimpage .btn-quick i {
	font-size: 20px;
	color: #ce3d86; /* İkonlar pembe */
}

#iletisimpage .btn-quick:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.08);
	color: #ce3d86; /* Hoverda yazı da pembeleşsin */
}