@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');
@import url('twentytwenty.css');

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

ol,ul {
	padding:0px;
	margin:0px;
}
h1 {
	font-size:50px;
	font-weight:400;
	line-height:56px;
	margin-bottom:10px;
}
h2 {
	font-size:30px;
	font-weight:700;
	line-height:39px;
	margin-bottom:10px;
}
h3 {
	font-size:20px;
	font-weight:700;
	line-height:26px;
	margin-bottom:10px;
}
h4 {
	font-size:18px;
	font-weight:500;
	line-height:24px;
	margin-bottom:10px;
}
h5 {
	font-size:16px;
	font-weight:700;
	line-height:23px;
	margin-bottom:10px;
}
h6 {
	font-size:14px;
	font-weight:500;
	line-height:18px;
	margin-bottom:10px;
}
p {
	font-size:16px;
	font-weight:500;
	line-height:25px;
	margin-bottom:10px;
}
main {
	overflow:hidden;
	width:calc(100vw - 5px);
	min-height:100vh;
}

body {
	position:relative;
	font-family: "Inter", sans-serif;
}
table,tr,td {
	border:solid 1px #000;
	padding:6px
}
.st {
    filter: brightness(0.8);
}
.st:hover {
    filter: brightness(1);
}


:root {
  --anarenk: #0F3375;
  --kirmizi: #ea0005;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
  --turkuaz: #34BBC7;
}

/* 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:5px;
	padding:0px 30px;
	height:45px;
	border-radius:30px;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}
.btn i {
	font-size: 18px;
}
.btn-ana {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-ana:hover {
	background:var(--turkuaz);
	border:1px solid var(--turkuaz);
	color:var(--anarenk);
}
.btn-outline-ana {
	background:#fff;
	border:1px solid var(--anarenk);
	color:var(--anarenk);
}
.btn-outline-ana:hover {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-turkuaz {
	background:var(--turkuaz);
	border:1px solid var(--turkuaz);
	color:#fff;
}
.btn-ana:hover {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}


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

.aciklama {
	margin-bottom:24px;
}
.aciklama h1 {
	color: #0F3375;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:14px;
}
.aciklama ul,ol {
	list-style:none;
	margin-bottom:24px;
}
.aciklama ul li ,
.aciklama ol li 
{
	position:relative;
	padding-left:15px;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.aciklama ul li:before ,
.aciklama ol li:before 
{
	position:absolute;
	content:"";
	top:8px;
	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 {
	color: #0F3375;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:10px;
}
.aciklama h3 {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:10px;
}
.aciklama h4 {
	color: #0F3375;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:10px;
}
.aciklama h5 {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:10px;
}

.aciklama p 
{
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:20px;
}
/* ---------- HEADER YENI TASARIM ---------- */

#header {
	position: relative;
	z-index: 999;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* ÜST BAR */

#header .header-top {
	background: #083b80;
	color: #fff;
	font-size: 13px;
}

#header .header-top .container-fluid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 46px;
}

#header .header-top-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

#header .header-top-left a {
	color: #fff;
	font-size: 16px;
}

#header .header-top-left .top-close {
	font-size: 18px;
}

#header .header-top-center {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#header .header-top-center .lang-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ffffff;
	border-radius: 20px;
	padding: 4px 10px;
	color: #083b80;
	font-size: 12px;
	font-weight: 600;
}

#header .header-top-center .lang-pill .flag img {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	object-fit: cover;
}

#header .header-top-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

#header .top-search {
	position: relative;
	width: 210px;
	height: 34px;
	border-radius: 34px;
	border: 1px solid rgba(255,255,255,0.7);
	padding: 0 36px 0 14px;
	display: flex;
	align-items: center;
}

#header .top-search input {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: #fff;
	font-size: 13px;
}

#header .top-search input::placeholder {
	color: rgba(255,255,255,0.8);
}

#header .top-search button {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: none;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

#header .top-phone {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
}

#header .top-phone i {
	font-size: 18px;
}

/* ALT BAR (LOGO + MENU) */

#header .header-main {
	background: #ffffff;
}

#header .header-main-inner {
	display: flex;
	align-items: center;
	padding: 12px 0;
}

#header .header-main .logo {
	display: flex;
	align-items: center;
	margin-right: 26px;
}

#header .header-main .logo img {
	height: 50px;
	max-width: 100%;
}

#header .header-main .menu {
	flex: 1;
}

#header .header-main .menu ul {
	display: flex;
	align-items: center;
	gap: 12px;
	list-style: none;
	justify-content: center;
}

#header .header-main .menu ul.sub-menu2 {
	display: flex;
	flex-direction:column;
	gap: 5px;
	list-style: none;
}
#header .header-main .menu .link-item {
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: #083b80;
	letter-spacing: 0.04em;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-align:center;
}

#header .header-main .menu .link-item i {
	font-size: 12px;
}

#header .header-main .menu .link-item:hover {
	color: #0d60c5;
}

#header .header-main .link-li {
	position: relative;
}

/* dropdown */

#header .header-main .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 8px 26px rgba(0,0,0,0.12);
	padding: 10px 0;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: all 0.18s ease;
	z-index: 50;
}

#header .header-main .sub-menu li a {
	display: block;
	padding: 8px 16px;
	font-size: 13px;
	color: #083b80;
	white-space: nowrap;
}

#header .header-main .sub-menu li a:hover {
	background: rgba(8,59,128,0.04);
}

#header .header-main .link-li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* sağ alan */

#header .header-main-right {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: 26px;
}

#header .btn-whatsapp {
	background: #083b80;
	color: #ffffff;
	border-radius: 30px;
	height: 44px;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

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

#header .btn-whatsapp:hover {
	background: #0d60c5;
	color: #fff;
}

/* burger */

#header .menu-toggle {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	border: 1px solid rgba(8,59,128,0.25);
	background: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	cursor: pointer;
	padding: 0;
}

#header .menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	background: #083b80;
}

/* heading class (scroll) için zemin sabit kalsın */

#header.heading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


/*------------------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:100%;
}

#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 .menu .acilan .acilan2 {
	display:none;
	width: 100%;
}
#mobilmenu .menu .link-li:hover .acilan .link-li:hover .acilan2 {
	display:block;
}
#mobilmenu .menu .acilan ul .acilan2 ul {
	width: 100%;
}

#mobilmenu .menu .acilan ul .link-li .acilan2 ul .link-li {
    min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item .acilan2 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:#083b80;
	margin-right:5px;
}
#mobilmenu .sosyal a:hover {
	color: var(--krem);
}


/*------------------kurumlar----------------------*/

#kurumlar {
	position:relative;
	padding:50px 0px;
}
#kurumlar .baslik {
	color: var(--Primary, #00158A);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:40px;
}
#kurumlar .baslik {
	color: var(--Primary, #083b80);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:40px;
}
#kurumlar .kurumlar-btn {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.kurumitem {
	position:relative;
	display:block;
}
.kurumitem .resim {
	width:100%;
	object-fit:cover;
	object-position:center;
	border-radius:12px;
	border: 1px solid #EDE9E6;
}

#kurumlar .kurumsalmenu {
	display:flex;
	flex-direction:column;
	padding:20px;
	grid-gap:20px;
	border-radius: 16px;
	background: #F8F5F3;
}
#kurumlar .kurumsalmenu a {
	position:relative;
	color: var(--Primary, #00158A);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-left:10px;
}
#kurumlar .kurumsalmenu a.active:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:4px;
	height:100%;
	border-radius: 20px;
	background:var(--turuncu);
}
#kurumlar .kurumsalyaziust {
	background:var(--anarenk);
	padding:10px;
}
#kurumlar .kurumsalyaziust .baslik {
	color: var(--Secondary, #FE5100);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:20px;
}
#kurumlar .kurumsalyaziust .altbaslik {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:40px;
}
#kurumlar .kurumsalyaziust .desc {
	color: rgba(255, 255, 255, 0.50);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px; /* 153.333% */
}

/*------------------sosyalmedya----------------------*/

#sosyalmedya {
	position:fixed;
	top:300px;
	left:0px;
	z-index:200;
}
#sosyalmedya .alan {
	width:57px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:10px;
	grid-gap:10px;
	background:#fff;
	border-radius:0px 28px 28px 0px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
#sosyalmedya .alan a {
	width:30px;
	font-size:20px;
	color:#083b80;
	border-bottom:1px solid #C3C3C3;
	text-align:center;
	padding:5px 0px;
}
#sosyalmedya .alan a:last-child {
	border-bottom:0px solid #C3C3C3;
}
#sosyalmedya .alan a:hover {
	color:var(--anarenk);
}

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

#slider {
	position:relative;
}
#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: #FFF;
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:5px;
	padding:5px 5px;
}
#slider .item .bilgi .yazi2 {
	display:inline-block;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:5px 5px;
	margin-bottom:5px;
}
#slider .item .bilgi .yazi3 {
	display:inline-block;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:5px 5px;
	margin-bottom:5px;
}
#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:rgba(15, 51, 117, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 0.35);
	z-index:10;
}
#slider .slider-button-prev:hover ,
#slider .slider-button-next:hover 
{
	color:rgba(255, 255, 255, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 1);
}
#slider .slider-button-next 
{
	right:calc(50% - 70px);
	bottom:99px;
}
#slider .slider-button-prev 
{
	left:calc(50% - 70px);
	bottom:99px;
}
#slider .slider-pagination
{
	position:absolute;
	width:100%;
	bottom:70px;
	left:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:2px;
	z-index:10;
}
.swiper-pagination-bullet-active {
	width:30px;
	height:8px;
	border-radius:4px;
    opacity: 1;
    background: var(--anarenk);
}
#slider .randevual {
	position:absolute;
	width:332px;
	height:78px;
	top:calc(100% - 40px);
	left:calc(50% - 166px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background:#fff;
	border-radius:20px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	padding:0px 15px;
	z-index:10;
}
#slider .randevual .icon {
	width:50px;
	font-size:40px;
	color:var(--anarenk);
}
#slider .randevual .yazi {
	width:calc(100% - 50px);
	padding-left:20px;
}
#slider .randevual .yazi b {
	display:block;
	color: #0F3375;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#slider .randevual .yazi small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


/*------------------klinik-ozet----------------------*/

#klinik-ozet {
	position:relative;
	padding:90px 0px;
}
#klinik-ozet .klinik-badge {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#klinik-ozet .klinik-badge i {
	font-size: 22px;
}
#klinik-ozet .klinik-baslik {
	color: #0F3375;
	font-size: 74px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#klinik-ozet .klinik-baslik span {
	color: #34BBC7;
}
#klinik-ozet .klinik-alt-baslik {
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#klinik-ozet .klinik-metin {
	color: #34BBC7;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#klinik-ozet .klinik-istatistikler {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	grid-gap:8px;
	width:100%;
	z-index:10;
	margin-bottom:30px;
}
#klinik-ozet .klinik-istatistikler .istatistik-kutu {
	display:flex;
	flex-direction:column;
	padding:15px 20px;
	background:#FFF;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
	width:calc(50% - 4px);
	border-radius:10px;
}
#klinik-ozet .klinik-istatistikler .istatistik-kutu .deger {
	color: #34BBC7;
	font-family: Inter;
	font-size: 39px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#klinik-ozet .klinik-istatistikler .istatistik-kutu .desc {
	color: #0F3375;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#klinik-ozet .klinik-etiketler {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	grid-gap:8px;
	width:100%;
	z-index:10;
	margin-bottom:30px;
}
#klinik-ozet .klinik-etiketler .etiket {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:calc(50% - 4px);
	z-index:10;
	border:1px solid rgba(56, 183, 195, 0.32);
	background:linear-gradient(to bottom,#EDF5F7,#FFFFFF);
	border-radius:40px;
	padding:10px 10px;
}
#klinik-ozet .klinik-etiketler .etiket .icon {
	width:40px;
	height:40px;
	border-radius:50%;
	background:linear-gradient(to top,#36B6C2,#018992);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
}
#klinik-ozet .klinik-etiketler .etiket .yazi {
	width:calc(100% - 40px);
	padding-left:5px;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#klinik-ozet .resim {
	position:relative;
	z-index:1;
}
#klinik-ozet .resim:before {
	position:absolute;
	content:"";
	top:100px;
	left:100px;
	width:100%;
	height:100%;
	background: rgba(56, 183, 195, 0.31);
	filter: blur(51.5px);
	z-index:-1;
}
#klinik-ozet .resim img {
	width:100%;
}

/*------------------logolar----------------------*/

#logolar {
	position:relative;
	padding:90px 0px;
}
#logolar .logokutu {
	position:relative;
	width:100%;
	padding:30px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
	border-radius:20px;
}
#logolar .logokutu img {
	width:100%;
	aspect-ratio:1/1;
}
#logolar .logokutu img.buyuk {
	width:100%;
	aspect-ratio:3/7.7;
}
#logolar .yazi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-top:30px;
}

/*------------------tedaviler----------------------*/

#tedaviler {
	position:relative;
	padding:90px 0px;
	background: linear-gradient(180deg, #FFF 0%, #EEF5F7 14.8%, #FFF 49.3%, #EFF5F7 87.7%, #ECF4F6 100%);
}
#tedaviler .ust {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:30px;
}
#tedaviler .ust .bas {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	margin:0px auto;
	max-width:70%;
}
#tedaviler .ust .bas .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#tedaviler .ust .bas .desc {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}

#tedaviler .tedaviler-button-prev ,
#tedaviler .tedaviler-button-next 
{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:30px;
	font-size:30px;
	color:rgba(15, 51, 117, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 0.15);
	z-index:10;
}
#tedaviler .tedaviler-button-prev:hover ,
#tedaviler .tedaviler-button-next:hover 
{
	color:rgba(255, 255, 255, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 1);
}

#tedaviler .orta {
	margin-bottom:30px;
}
#tedaviler .item {
	position:relative;
	display:block;
}
#tedaviler .item .resim {
	width:100%;
	aspect-ratio:422/388;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#tedaviler .item .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	padding:20px;
}
#tedaviler .item .bilgi .adi {
	padding:5px 15px;
	background:var(--anarenk);
	border-radius:40px;
	color: #FFF;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedaviler .alt {
	text-align:center;
}

/*------------------klinikler----------------------*/

#klinikler {
	position:relative;
	padding:90px 0px;
	background: linear-gradient(180deg, #FFF 0%, #EEF5F7 14.8%, #FFF 49.3%, #EFF5F7 87.7%, #ECF4F6 100%);
}
#klinikler .ust {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:30px;
}
#klinikler .ust .bas {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	margin:0px auto;
	max-width:70%;
}
#klinikler .ust .bas .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#klinikler .ust .bas .desc {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}
#klinikler .item {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:100%;
	padding:46px 44px;
	background:#FFF;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
	border-radius:20px;
}
#klinikler .item .icon {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:64px;
	border-radius:10px;
	background:linear-gradient(to top,#36B6C2,#018992);
	font-size:30px;
	color:#fff;
	margin-bottom:auto;
}
#klinikler .item .adi {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
#klinikler .item .adres {
	color: #B2B2B2;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#klinikler .item .btn {
	margin-top:auto;
}


/*------------------tedaviler----------------------*/

#hekimler {
	position:relative;
	padding:90px 0px;
	background: #0F3375;
}
#hekimler .ust {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:30px;
}
#hekimler .ust .bas {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	margin:0px auto;
	max-width:70%;
}
#hekimler .ust .bas .baslik {
	color: #fff;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#hekimler .ust .bas .desc {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}

#hekimler .hekimler-button-prev ,
#hekimler .hekimler-button-next 
{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:30px;
	font-size:30px;
	color:rgba(255, 255, 255, 1);
	border:1px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 0.15);
	z-index:10;
}
#hekimler .hekimler-button-prev:hover ,
#hekimler .hekimler-button-next:hover 
{
	color:var(--anarenk);
	border:1px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 1);
}
#hekimler .hekimler-button-prev
{
	top:calc(50% - 30px);
	left:-100px;
}
#hekimler .hekimler-button-next
{
	top:calc(50% - 30px);
	right:-100px; 
}

#hekimler .orta {
	position:relative;
	margin-bottom:30px;
}
#hekimler .item {
	position:relative;
}
#hekimler .item .resim {
	width:100%;
	aspect-ratio:276/358;
	object-fit:cover;
	object-position:center;
	border-radius:20px 20px 0px 0px;
	background: #eaf4f6;
}
#hekimler .item .bilgi {
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	grid-gap:10px;
	padding:20px;
	background:#00587A;
	border-radius:0px 0px 20px 20px;
}
#hekimler .item .bilgi .adi {
	color: #FFF;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	margin-bottom: 5px;
}
#hekimler .item .bilgi .meslek {
	color: #FFF;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.4;
	text-align:center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
	margin-bottom: 5px;
}
#hekimler .item .bilgi .gorev {
	color: #FFF;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
	text-align:center;
}
#hekimler .item .bilgi .buton {
	color: #FFF;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
	text-align:center;
	background: #008891;
	border:1px solid #fff;
	border-radius:30px;
	padding:8px 10px;
	width:100%;
}
#hekimler .alt {
	text-align:center;
}


/*------------------yorumlar----------------------*/

#yorumlar {
	position:relative;
	padding:90px 0px;
	background: #EAF4F6;
}
#yorumlar .ust {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:10px;
	margin-bottom:40px;
}
#yorumlar .ust .yazi1 {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background:#fff;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
	border-radius:40px;
	padding:10px 15px;
}
#yorumlar .ust .yazi1 i {
	font-size: 20px;
}
#yorumlar .ust .yazi2 {
	color: #0F3375;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#yorumlar .ust .yazi2 span {
	color: #38B7C3;
}
#yorumlar .ust .yazi3 {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}
#yorumlar .ust .logolar {
	display:flex;
	align-items:Center;
	justify-content:center;
	grid-gap:20px;
}
#yorumlar .ust .logolar img {
	height:44px;
}
#yorumlar .orta {
	position:relative;
	margin-bottom:40px;
}
#yorumlar .item1 {
	position:relative;
	display:block;
}
#yorumlar .item1.item2 {
	position:relative;
	display:block;
	aspect-ratio:663/415;
	background:#fff;
	border-radius:20px;
}
#yorumlar .item1.item3 {
	position:relative;
	display:block;
	aspect-ratio:663/836;
	background:#38B7C3;
	border-radius:20px;
}
#yorumlar .item1.item4 {
	position:relative;
	display:block;
	aspect-ratio:663/836;
	background:#0F3375;
	border-radius:20px;
}
#yorumlar .item1.item5 {
	position:relative;
	display:block;
	aspect-ratio:663/836;
	background:#fff;
	border-radius:20px;
}
#yorumlar .item1 .istyuzde {
	color: #FFF;
	font-size: 67px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#yorumlar .item1 .istadi {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#yorumlar .item1 .istdesc {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#yorumlar .item1 .resim {
	width:100%;
	aspect-ratio:663/836;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
	filter: opacity(0.4);
}
#yorumlar .item1 .bilgi {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:20px;
	border-radius:20px;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
}
#yorumlar .item1 .bilgi .yildiz {
	display:flex;
	align-items:center;
	grid-gap:3px;
	font-size:22px;
	color:#38B7C3;
}
#yorumlar .item1 .bilgi .yorum {
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#yorumlar .item1 .bilgi .profil {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#yorumlar .item1 .bilgi .profil img {
	width:74px;
	height:74px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#yorumlar .item1 .bilgi .profil div {
	width:calc(100% - 74px);
	padding-left:10px;
}
#yorumlar .item1 .bilgi .profil div b {
	display:block;
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#yorumlar .item1 .bilgi .profil div small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#yorumlar .alt {
	position:relative;
	text-align:center;
}


/*------------------tedaviler----------------------*/

#haberler {
	position:relative;
	padding:90px 0px;
	background: linear-gradient(180deg, #FFF 0%, #EEF5F7 14.8%, #FFF 49.3%, #EFF5F7 87.7%, #ECF4F6 100%);
}
#haberler .ust {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:30px;
}
#haberler .ust .bas {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	margin:0px auto;
	max-width:70%;
}
#haberler .ust .bas .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#haberler .ust .bas .desc {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}

#haberler .haberler-button-prev ,
#haberler .haberler-button-next 
{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:30px;
	font-size:30px;
	color:rgba(15, 51, 117, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 0.15);
	z-index:10;
}
#haberler .haberler-button-prev:hover ,
#haberler .haberler-button-next:hover 
{
	color:rgba(255, 255, 255, 1);
	border:1px solid rgba(15, 51, 117, 1);
	background: rgba(15, 51, 117, 1);
}

#haberler .orta {
	margin-bottom:30px;
}
#haberler .item {
	position:relative;
}
#haberler .item .resim {
	width:100%;
	aspect-ratio:400/220;
	object-fit:cover;
	object-position:center;
	border-radius:20px 20px 0px 0px;
}
#haberler .item .bilgi {
	position:relative;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:flex-start; 
	grid-gap:15px;
	padding:20px;
	border-radius:0px 0px 20px 20px;
	background: #0F3375;
	min-height: 300px;
}
#haberler .item .bilgi .tarihokunma {
	display:flex;
	align-items:center;
}
#haberler .item .bilgi .tarihokunma .tarih {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right:auto;
}
#haberler .item .bilgi .tarihokunma .tarih i {
	font-size: 20px;
}
#haberler .item .bilgi .tarihokunma .okunma {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#haberler .item .bilgi .adi {
	color: #FFF;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#haberler .item .bilgi .desc {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#haberler .alt {
	text-align:center;
}


/*------------------yorumlar----------------------*/

#widget {
	position:relative;
	padding:90px 0px;
	background: #EAF4F6;
}
#widget .alan {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:10px;
	background:#F4F9FA;
	padding:150px 100px;
	border-radius:30px;
}
#widget .alan .yazi1 {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background:#fff;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
	border-radius:40px;
	padding:10px 15px;
}
#widget .alan .yazi1 i {
	font-size: 20px;
}
#widget .alan .yazi2 {
	color: #0F3375;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
#widget .alan .yazi2 span {
	color: #38B7C3;
}
#widget .alan .yazi3 {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#widget .alan .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
}

/*------------------footer----------------------*/

#footer {
	position:relative;
	background:var(--anarenk);
}
#footer .ust {
	position:relative;
	padding:30px 0px;
}
#footer .ust .logo {
	position:relative;
	display:block;
	text-align:center;
	margin-bottom:20px;
}
#footer .ust .logo img {
	height:64px;
}
#footer .ust .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
}
#footer .ust .sosyal a {
	font-size:20px;
	color:#fff;
}
#footer .menubas {
	display:block;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
}
#footer .menulink {
    display: block;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
#footer .alt {
	display:flex;
	align-items:center;
	padding:20px 0px;
}
#footer .alt .copy {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right:auto;
}
#footer .alt .linkler {
	display:flex;
	align-items:center;
	grid-gap:10px;
}
#footer .alt .linkler a {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*------------------hakkimizdapage----------------------*/

#hakkimizdapage {
	position:relative;
}
#hakkimizdapage .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#hakkimizdapage .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#hakkimizdapage .katman1 {
	position:relative;
	padding:146px 0px 50px 0px;
}
#hakkimizdapage .katman1 .baslik {
	text-align:center;
}
#hakkimizdapage .katman1 .altbaslik {
	text-align:center;
}
#hakkimizdapage .katman1 .logolar {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	margin-bottom:40px;
}
#hakkimizdapage .katman1 .logolar .sol {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	grid-gap:10px;
	width:33.33%;
	padding:5px;
}
#hakkimizdapage .katman1 .logolar .orta {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	grid-gap:10px;
	width:33.33%;
	padding:5px;
}
#hakkimizdapage .katman1 .logolar .sag {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	grid-gap:10px;
	width:33.33%;
	padding:5px;
}
#hakkimizdapage .katman1 .logolar .logo {
	width:80%;
	padding:0px 10%;
}
#hakkimizdapage .katman2 {
	position:relative;
	padding:36px 0px 30px 0px;
}
#hakkimizdapage .katman2 .baslik {
	text-align:center;
}
#hakkimizdapage .katman2 .altbaslik {
	text-align:center;
}
#hakkimizdapage .katman2 .kutu {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	grid-gap:20px;
	padding:50px;
	border-radius:30px;
	border:1px solid #B7E6E9;
}
#hakkimizdapage .katman2 .kutu .icon {
	width:64px;
	height:64px;
	border-radius:15px;
	background:linear-gradient(to top,#36B6C2,#018992);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:27px;
	color:#fff;
}
#hakkimizdapage .katman2 .kutu .adi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#hakkimizdapage .katman2 .kutu .desc {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#hakkimizdapage .katman2 .kutu .tags {
	display:flex;
	align-items:center;
	grid-gap:10px;
}
#hakkimizdapage .katman2 .kutu .tag {
	display:flex;
	align-items:center;
	grid-gap:10px;
	height:44px;
	padding:0px 15px;
	background:#EAF4F6;
	border-radius:40px;
	color: #2F2F2F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#hakkimizdapage .katman2 .kutu .tag i {
	color: #38B7C3;
	font-size: 22px;
}
#hakkimizdapage .katman2 .rakamlar {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:27px 20px;
	background:#EAF4F6;
	border-radius:30px;
}
#hakkimizdapage .katman2 .rakamlar .rakam {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:20%;
}
#hakkimizdapage .katman2 .rakamlar .rakam b {
	color: #159BA6;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#hakkimizdapage .katman2 .rakamlar .rakam small {
	color: #2F2F2F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#hakkimizdapage .katman3 {
	position:relative;
	padding:46px 0px 46px 0px;
	background: linear-gradient(180deg, #ECF4F6 0%, #EEF5F7 14.8%, #FFF 49.3%, #EFF5F7 87.7%, #ECF4F6 100%);
}

#hakkimizdapage .katman3 .tags {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
}
#hakkimizdapage .katman3 .tag {
	display:flex;
	align-items:center; 
	flex-wrap:wrap;
}
#hakkimizdapage .katman3 .tag .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:43px;
	height:43px;
	border-radius:50%;
	background:#38B7C3;
	font-size:20px;
	color:#fff;
}
#hakkimizdapage .katman3 .tag .yazi {
	width:calc(100% - 43px);
	padding-left:10px;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#hakkimizdapage .katman3 .resim {
	width:100%;
	border-radius:30px;
}

/*------------------idarikadro----------------------*/

#idarikadro {
	position:relative;
	padding:60px 0px;
}
#idarikadro .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#idarikadro .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#idarikadro .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	grid-gap:10px;
}
#idarikadro .arabaslik {
	color: #0F3F7D;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:40px;
	text-align:Center;
}
#idarikadro .item {
	position:relative;
	/*background:url(https://avrupadis.com/app/Themes/default/assets/img/bg.webp);*/
	background: #eaf4f6;
	border-radius:20px;
	display:block;
	background-size:contain;
}
#idarikadro .item .resim {
	width:100%;
	aspect-ratio:276/358;
	object-fit:cover;
	object-position:center;
	border-radius:20px 20px 0px 0px;
}
#idarikadro .item .bilgi {
	padding:10px 15px;
	background:#00587A;
	border-radius:0px 0px 20px 20px;
	min-height: 100px;
}
#idarikadro .item .bilgi .adi {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
}
/* KLİNİK SİDEBAR TASARIMI */
#idarikadro .klinik-sidebar {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 25px 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    /* İçerik uzadığında menü ekranda kaysın diye sticky özelliği */
    position: sticky;
    top: 100px; 
}

#idarikadro .klinik-sidebar-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2c3e50;
    border-bottom: 2px solid #28a745; /* Temanın yeşil rengini buraya uyarlayabilirsin */
    padding-bottom: 10px;
    display: inline-block;
}

#idarikadro .klinik-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#idarikadro .klinik-list li {
    margin-bottom: 10px;
}

#idarikadro .klinik-list a.klinik-link {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    color: #555;
    text-decoration: none;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease;
    font-weight: 500;
    font-size: 0.95rem;
}

/* İkonlar için ufak boşluk */
#idarikadro .klinik-list a.klinik-link i {
    margin-right: 10px;
    font-size: 1.1rem;
    color: #999;
    transition: all 0.3s ease;
}

/* Hover ve Aktif (Tıklanmış) Durumu */
#idarikadro .klinik-list a.klinik-link:hover,
#idarikadro .klinik-list a.klinik-link.active {
    background: #28a745; /* Temanın yeşili */
    color: #ffffff;
    border-color: #28a745;
    box-shadow: 0 4px 10px rgba(40, 167, 69, 0.2);
}

#idarikadro .klinik-list a.klinik-link:hover i,
#idarikadro .klinik-list a.klinik-link.active i {
    color: #ffffff;
    transform: translateX(3px); /* İkonu hafif sağa iter */
}

/* Sağ taraftaki resimlerin Bootstrap grid içinde tam oturması için */
#idarikadro .item .resim {
    border-radius: 8px; /* Kenarları yumuşatır */
    object-fit: cover;
}
/*------------------kliniklerpage----------------------*/

#kliniklerpage {
	position:relative;
	padding:60px 0px;
}
#kliniklerpage .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#kliniklerpage .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#kliniklerpage .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:50px;
}
#kliniklerpage .etiketler {
	margin-bottom:40px;
}
#kliniklerpage .etiketler .etiket {
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:10px;
	height:100%;
	padding:30px 20px;
	border-radius:30px;
	background:rgba(15, 51, 117, 0.16);
}
#kliniklerpage .etiketler .etiket .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 42px;
	height: 42px;
	border-radius:10px;
	background:#69A9C1;	
	font-size:20px;
	color:#fff;
}
#kliniklerpage .etiketler .etiket .adi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}
#kliniklerpage .rakamlar {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:27px 20px;
	background:rgba(15, 51, 117, 0.16);
	border-radius:30px;
	margin-bottom:40px;
}
#kliniklerpage .rakamlar .rakam {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:20%;
}
#kliniklerpage .rakamlar .rakam b {
	color: #159BA6;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#kliniklerpage .rakamlar .rakam small {
	color: #2F2F2F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#kliniklerpage .item {
	position:relative;
	display:block;
	z-index:10;
	height:100%;
}
#kliniklerpage .item:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(56, 183, 195, 0.31);
	opacity: 0.788;
	filter: blur(11.5px);
	z-index:-1;
}
#kliniklerpage .item .resim {
	width:100%;
	aspect-ratio:422/283;
	object-fit:cover;
	object-position:center;
	border-radius:30px 30px 0px 0px;
}
#kliniklerpage .item .alt {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	background:#0F3375;
	padding:30px 20px;
	border-radius:0px 0px 30px 30px;
}
#kliniklerpage .item .alt .adi {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#kliniklerpage .item .alt .alt1 {
	display:flex;
	align-items:center;
	grid-gap:5px;
}
#kliniklerpage .item .alt .alt1 .yildiz {
	display:flex;
	align-items:center;
	grid-gap:2px;
	font-size:19px;
	line-height:24px;
	color:#FFC915;
	margin-left:auto;
}
#kliniklerpage .item .alt .alt2 {
	display:flex;
	align-items:center;
	flex-wrap:Wrap;
	grid-gap:5px;
}
#kliniklerpage .item .alt .alt2 .tag {
	display:flex;
	align-items:center;
	grid-gap:3px;
	padding:0px 10px;
	border-radius:30px;
	height:28px;
	background:#00587A;
	color: #FFF;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#kliniklerpage .item .alt .alt3 {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	grid-gap:6px;
}
#kliniklerpage .item .alt .alt3 .btn {
	width:calc(33.33% - 4px);
	padding:0px 10px;
}

/*------------------tedavilerpage----------------------*/

#tedavilerpage {
	position:relative;
	background: linear-gradient(180deg, rgba(234, 244, 246, 0.00) 0%, #EAF4F6 100%);
}

#tedavilerpage .ustbaslik {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#tedavilerpage .ustbaslik i {
	font-size: 22px;
}
#tedavilerpage .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#tedavilerpage .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#tedavilerpage .katman1 {
	padding:60px 0px;
}
#tedavilerpage .rakam {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	grid-gap:5px;
}
#tedavilerpage .rakam b {
	color: #0F3375;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .rakam small {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .kutu {
	position:relative;
	padding:42px 32px;
	background:#fff;
	border-radius:30px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
}
#tedavilerpage .kutu:hover {
	background:var(--anarenk);
}
#tedavilerpage .kutu .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#69A9C1;
	border-radius:10px;
	width:49px;
	height:49px;
	font-size:20px;
	color:#fff;
}
#tedavilerpage .kutu .adi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .kutu:hover .adi {
	color: #fff;
}
#tedavilerpage .kutu .desc {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .kutu:hover .desc {
	color: #fff;
}
#tedavilerpage .kutu .detay {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #31BFCA;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .kutu:hover .detay {
	color: #fff;
}

#tedavilerpage .katman2 {
	padding:120px 0px;
	background:var(--anarenk);
}

#tedavilerpage .katman2 .baslik ,
#tedavilerpage .katman2 .altbaslik 
{
	color:#fff;
}
#tedavilerpage .katman2 .cizgibaslik {
	position:relative;
	margin-bottom:40px;
	z-index:10;
	text-align:center;
}
#tedavilerpage .katman2 .cizgibaslik:before {
	position:absolute;
	content:"";
	top:calc(50% - 0.5px);
	left:0px;
	width:100%;
	height:1px;
	background:#3976A2;
	z-index:-1;
}
#tedavilerpage .katman2 .cizgibaslik div {
	display:inline-block;
	background:var(--anarenk);
	padding:0px 20px;
}
#tedavilerpage .katman2 .cizgibaslik div span {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	padding:0px 20px;
	height:50px;
	border-radius:30px;
	background:rgba(105,169,193,0.3);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .katman2 .cizgibaslik div span i {
	font-size: 22px;
}
#tedavilerpage .tedaviitem {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding:30px;
	border-radius:20px;
	background:rgba(105,169,193,0.3);
	min-height: 300px;
}
#tedavilerpage .tedaviitem:hover {
	background:#fff;
}
#tedavilerpage .tedaviitem .ust {
	display:flex;
	align-items:center;
	grid-gap:15px;
}
#tedavilerpage .tedaviitem .ust .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:rgba(255,255,255,0.3);
	font-size:20px;
	color:#fff;
}
#tedavilerpage .tedaviitem:hover .ust .icon {
	background:rgba(56, 184, 194, 1);
	color:#fff;
}
#tedavilerpage .tedaviitem .ust .no {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right:auto;
}
#tedavilerpage .tedaviitem:hover .ust .no {
	color: #0F3375;
}
#tedavilerpage .tedaviitem .ust .arrow {
	color: #FFF;
	font-size: 20px;
}
#tedavilerpage .tedaviitem:hover .ust .arrow {
	color: #0F3375;
}
#tedavilerpage .tedaviitem .adi {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .tedaviitem:hover .adi {
	color: #0F3375;
}
#tedavilerpage .tedaviitem .desc {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .tedaviitem:hover .desc {
	color: #0F3375;
}
#tedavilerpage .katman3 {
	padding:60px 0px;
}


#tedavilerpage .surec {
	position:relative;
	padding:42px 32px;
	background:#fff;
	border-radius:30px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;	
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
}
#tedavilerpage .surec:hover {
	background:var(--anarenk);
}
#tedavilerpage .surec .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#C8F1F4;
	border-radius:30px;
	width:49px;
	height:49px;
	font-size:20px;
	color:var(--anarenk);
}
#tedavilerpage .surec .adi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .surec:hover .adi {
	color: #fff;
}
#tedavilerpage .surec .desc {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .surec:hover .desc {
	color: #fff;
}
#tedavilerpage .surec .detay {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #31BFCA;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .surec:hover .detay {
	color: #fff;
}


#tedavilerpage .tedaviyorum {
	position:relative;
	padding:42px 32px;
	background:#fff;
	border-radius:30px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;	
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
}
#tedavilerpage .tedaviyorum .profil {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#tedavilerpage .tedaviyorum .profil .resim {
	width:74px;
	height:74px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#tedavilerpage .tedaviyorum .profil .adi {
	width:calc(100% - 74px);
	padding-left:10px;
}
#tedavilerpage .tedaviyorum .profil .adi b {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#tedavilerpage .tedaviyorum .profil .adi small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .tedaviyorum .yorum {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#tedavilerpage .tedaviyorum .yildiz {
	color: rgba(255, 201, 21, 1);
	font-size: 19px;
}

/* Genel alan */
.accordion {
	margin: 0 auto;
	background: transparent;
	border: 0;
}

/* Kartlar */
.accordion-item {
	border: 0;
	background: transparent;
	margin-bottom: 10px;
	overflow: hidden;
}

/* Başlık butonu */
.accordion-button {
	background-color: #ffffff;
	color: #222;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 20px;
	box-shadow: none;
	border: 0;
}

/* Açık / kapalı durumlarda border ve gölge olmasın */
.accordion-button:not(.collapsed) {
	background-color: #ffffff;
	color: #222;
	box-shadow: none;
}

/* İçerik alanı */
.accordion-body {
	background-color: #ffffff;
	padding: 16px 20px 18px;
	border-radius: 0 0 16px 16px;
}

/* Bootstrap’in default ikonunu sadeleştir */
.accordion-button::after {
	transform: rotate(0deg);
	transition: transform 0.2s ease;
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
}

/* Hover efekti (isteğe bağlı) */
.accordion-button:hover {
	background-color: #f4f7fb;
}


/*------------------tedavidetay----------------------*/

#tedavidetay {
	position:relative;
	padding:60px 0px;
}

/* SOL MENÜ */

#tedavidetay .solmenu{
	background:#f5f8fc;
	border:1px solid #d8e3f1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}

#tedavidetay .solmenu .kategori{
	border-bottom:1px solid #d8e3f1;
}

#tedavidetay .solmenu .kategori:last-child{
	border-bottom:none;
}

#tedavidetay .solmenu .bas{
	padding:9px 12px;
	font-weight:600;
	text-transform:uppercase;
	color:#1b3555;
	background:#f5f8fc;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
}

#tedavidetay .solmenu .kategori:first-child .bas{
	background:#e4edf9;
	font-weight:700;
}

#tedavidetay .solmenu .ok i{
	font-size:14px;
	transition:transform .2s;
}

#tedavidetay .solmenu .kategori.active .ok i{
	transform:rotate(90deg);
}

/* linkler alanı */

#tedavidetay .solmenu .linkler{
	background:#ffffff;
	max-height:0;
	overflow:hidden;
	transition:max-height .25s ease;
}

#tedavidetay .solmenu .kategori.active .linkler{
	/* max-height JS ile verilecek; burası sadece animasyon için */
}

#tedavidetay .solmenu .linkler a{
	display:block;
	padding:8px 14px;
	color:#345b88;
	text-decoration:none;
	border-top:1px solid #e3ecf7;
}

#tedavidetay .solmenu .linkler a:hover{
	background:#edf3fd;
}
#tedavidetay .baslik {
	color: #0F3375;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px;
}
#tedavidetay .resim {
	width:100%;
	margin-bottom:25px;
}

#tedavidetay .bilgiler{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:40px;
	padding:40px 0;
}

#tedavidetay .bilgi{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#0c2b59;
	flex:1;
}

#tedavidetay .bilgi .icon{
	width:48px;
	height:48px;
	background:#1bb1c4;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 12px;
}

#tedavidetay .bilgi .icon i{
	color:#fff;
	font-size:22px;
}

#tedavidetay .bilgi .adi{
	font-size:18px;
	font-weight:700;
	margin-bottom:4px;
}

#tedavidetay .bilgi .desc{
	font-size:14px;
	color:#2f4471;
	opacity:0.8;
}




/*------------------tedavilerpage----------------------*/

#beforeafter {
	position:relative;
	background: #EAF4F6;
}

#beforeafter .ustbaslik {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#beforeafter .ustbaslik i {
	font-size: 22px;
}
#beforeafter .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#beforeafter .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#beforeafter .katman1 {
	position:relative;
	padding:100px 0px;
}
#beforeafter .katman1 .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
}
#beforeafter .katman2 {
	position:relative;
	padding:60px 0px;
	z-index:20;
}
#beforeafter .katman2:before {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:50%;
	background:var(--anarenk);
	z-index:-1;
}
#beforeafter .twentytwenty-container img {
	width:100%;
	aspect-ratio:860/349;
	object-fit:cover;
	object-position:center;
}
#beforeafter .katman2 .rakam {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:20px 0px;
}
#beforeafter .katman2 .rakam b {
	color: #FFF;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#beforeafter .katman2 .rakam small {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#beforeafter .katman3 {
	position:relative;
	padding:60px 0px;
	z-index:20;
}
#beforeafter .katman3 .beforeafter {
	position:relative;
	overflow:hidden;
	border-radius:20px;
}
#beforeafter .katman3 .twentytwenty-container img {
	aspect-ratio:422/283;
}
#beforeafter .katman3 .beforeafter .bilgi {
	padding:20px;
	background:#00587A;
	text-align:center;
}
#beforeafter .katman3 .beforeafter .bilgi .adi {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#beforeafter .katman3 .beforeafter .bilgi .doktor {
	color: #FFF;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
}
#beforeafter .katman4 {
	position:relative;
	padding:90px 0px;
	z-index:20;
	background:var(--anarenk);
}
#beforeafter .katman4 .baslik ,
#beforeafter .katman4 .altbaslik
{
	color:#fff;
}
#beforeafter .katman4 .beforeafter2
{
	color:#fff;
}
#beforeafter .katman4 .beforeafter2 {
	position:relative;
	overflow:hidden;
	border-radius:20px;
}
#beforeafter .katman4 .twentytwenty-container img {
	aspect-ratio:422/283;
}
#beforeafter .katman4 .bilgi {
	background:#fff;
	padding:20px;
}
#beforeafter .katman4 .bilgi .adi {
	color: #0F3375;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:10px;
}
#beforeafter .katman4 .bilgi .detay {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#beforeafter .katman5 {
	position:relative;
	padding:70px 0px;
	z-index:20;
}
#beforeafter .katman5 .tedaviler {
	display:flex;
	flex-wrap:wrap;
	grid-gap:10px;
}
#beforeafter .katman5 .tedaviler .tedavi {
	display:block;
	width:calc(12.5% - 8.75px);
	padding:30px 10px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	text-align:center;
	border-radius:10px;
}
#beforeafter .katman5 .tedaviler .tedavi .icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:rgba(105, 169, 193, 1);
	margin-bottom:10px;
}
#beforeafter .katman5 .tedaviler .tedavi .icon img {
	max-width:50%;
	max-height:50%;
}
#beforeafter .katman5 .tedaviler .tedavi .adi {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#beforeafter .katman6 {
	position:relative;
	padding:70px 0px;
	z-index:20;
}
#beforeafter .katman6 .resim {
	width:100%;
	border-radius:20px;
}
#beforeafter .katman6 .baslik {
	text-align:left;
    font-size: 27px;
}
#beforeafter .katman6 .yorumkutu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
	padding:30px 20px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	border-radius:20px;
}
#beforeafter .katman6 .yorumkutu .yildiz {
	display:flex;
	align-items:center;
	grid-gap:3px;
	font-size:18px;
	color:rgba(255, 201, 21, 1);
}
#beforeafter .katman6 .yorumkutu .yorum {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#beforeafter .katman6 .yorumkutu .profil {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#beforeafter .katman6 .yorumkutu .profil img {
	width:74px;
	height:74px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#beforeafter .katman6 .yorumkutu .profil div {
	width:calc(100% - 74px);
	padding-left:10px;
}
#beforeafter .katman6 .yorumkutu .profil div b {
	display:block;
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#beforeafter .katman6 .yorumkutu .profil div small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#beforeafter .katman7 {
	position:relative;
	padding:70px 0px;
	z-index:20;
}
/*------------------tedavilerpage----------------------*/

#saglikturizm {
	position:relative;
	background: #EAF4F6;
}

#saglikturizm .ustbaslik {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#saglikturizm .ustbaslik i {
	font-size: 22px;
}
#saglikturizm .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#saglikturizm .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#saglikturizm .katman1 {
	position:relative;
	padding:100px 0px;
}
#saglikturizm .katman1 .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
}
#saglikturizm .katman2 {
	position:relative;
	padding:60px 0px;
	background:var(--anarenk);
}
#saglikturizm .katman2 .baslik ,
#saglikturizm .katman2 .altbaslik
{
	color:#fff;
}

#saglikturizm .katman2 .nedenkutu {
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:10px;
	padding:30px 30px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	text-align:center;
	border-radius:10px;
	height:100%;
}
#saglikturizm .katman2 .nedenkutu .icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:linear-gradient(to top,#028993,#36B6C2);
	margin-bottom:10px;
	font-size:24px;
	color:#fff;
}
#saglikturizm .katman2 .nedenkutu .adi {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman2 .nedenkutu .desc {
	color: #B2B2B2;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman3 {
	position:relative;
	padding:60px 0px;
	background:var(--anarenk);
}
#saglikturizm .katman3 .baslik ,
#saglikturizm .katman3 .altbaslik
{
	color:#fff;
}
#saglikturizm .katman3 .serviskutu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
	padding:30px 30px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	border-radius:10px;
	height:100%;
}
#saglikturizm .katman3 .serviskutu .icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:linear-gradient(to top,#028993,#36B6C2);
	margin-bottom:10px;
	font-size:24px;
	color:#fff;
}
#saglikturizm .katman3 .serviskutu .adi {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman3 .serviskutu .desc {
	color: #B2B2B2;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman3 .serviskutu .check {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #34BBC7;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman3 .serviskutu2 {
	position:relative;
}
#saglikturizm .katman3 .serviskutu2 .resim {
	width:100%;
	aspect-ratio:641/240;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#saglikturizm .katman3 .serviskutu2 .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-start;
	grid-gap:10px;
	padding:20px;
	background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
	border-radius:20px;
}
#saglikturizm .katman3 .serviskutu2 .bilgi .adi {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#saglikturizm .katman3 .serviskutu2 .bilgi .desc {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#saglikturizm .katman3 .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
}
#saglikturizm .katman4 {
	position:relative;
	padding:60px 0px;
}

#saglikturizm .katman4 .yorumkutu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
	padding:30px 20px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	border-radius:20px;
}
#saglikturizm .katman4 .yorumkutu .yildiz {
	display:flex;
	align-items:center;
	grid-gap:3px;
	font-size:18px;
	color:rgba(255, 201, 21, 1);
}
#saglikturizm .katman4 .yorumkutu .yorum {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman4 .yorumkutu .profil {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#saglikturizm .katman4 .yorumkutu .profil img {
	width:74px;
	height:74px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#saglikturizm .katman4 .yorumkutu .profil div {
	width:calc(100% - 74px);
	padding-left:10px;
}
#saglikturizm .katman4 .yorumkutu .profil div b {
	display:block;
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#saglikturizm .katman4 .yorumkutu .profil div small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman5 {
	position:relative;
	padding:60px 0px;
}

#saglikturizm .katman5 .konforkutu {
	position:relative;
	border-radius:20px;
	overflow:hidden;
	background:#fff;
	height:100%;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
}
#saglikturizm .katman5 .konforkutu .resim {
	width:100%;
	aspect-ratio:356/170;
	object-fit:cover;
	object-position:center;
}

#saglikturizm .katman5 .konforkutu .bilgi {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
	padding:20px;
	margin-top:-45px;
}

#saglikturizm .katman5 .konforkutu .icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:linear-gradient(to top,#028993,#36B6C2);
	margin-bottom:10px;
	font-size:24px;
	color:#fff;
}
#saglikturizm .katman5 .konforkutu .adi {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#saglikturizm .katman5 .konforkutu .desc {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman6 {
	position:relative;
	padding:60px 0px;
}


/*------------------tedavilerpage----------------------*/

#iletisimpage {
	position:relative;
	background: #EAF4F6;
}

#iletisimpage .ustbaslik {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#iletisimpage .ustbaslik i {
	font-size: 22px;
}
#iletisimpage .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#iletisimpage .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#iletisimpage .altbaslik2 {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#iletisimpage .katman1 {
	position:relative;
	padding:100px 0px;
}
#iletisimpage .katman1 .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
}
#iletisimpage .katman2 {
	position:relative;
	padding:60px 0px;
}

#iletisimpage .katman2 .bilgikutu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:5px;
	padding:30px 30px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	text-align:center;
	border-radius:10px;
	height:100%;
}
#iletisimpage .katman2 .bilgikutu .icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background:linear-gradient(to top,#028993,#36B6C2);
	margin-bottom:10px;
	font-size:24px;
	color:#fff;
}
#iletisimpage .katman2 .bilgikutu .adi {
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#iletisimpage .katman2 .bilgikutu .adi2 {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#iletisimpage .katman2 .bilgikutu .desc {
	color: #0F3375;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
}
#iletisimpage .katman3 {
	position:relative;
	padding:60px 0px;
}

#iletisimpage .katman3 .form-control {
	border-radius:20px;
	height:53px;
	background:#fff;
}
#iletisimpage .katman3 textarea.form-control {
	height:123px;
	padding-top:10px;
}

#iletisimpage .katman4 {
	position:relative;
	padding:60px 0px;
}
#iletisimpage .katman4 .alan {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background:#fff;
	border-radius:20px;
	padding:20px;
	margin-bottom:30px;
}
#iletisimpage .katman4 .alan .item {
	width:50%;
	padding:0px 10px;
	border-right:1px solid rgba(15, 63, 125, 0.4);
	text-align:center;
}
#iletisimpage .katman4 .alan .item:last-child {
	border-right:0px solid rgba(15, 63, 125, 0.4);
}
#iletisimpage .katman4 .alan .item small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#iletisimpage .katman4 .alan .item b {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#iletisimpage .katman5 {
	position:relative;
	padding:60px 0px;
}
#iletisimpage .katman5 .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:15px;
	margin-bottom:30px;
}
#iletisimpage .katman5 .sosyal a {
	font-size:24px;
	color:var(--anarenk);
}
#iletisimpage .katman5 .kutu {
	position:relative;
	background:#fff;
	border-radius:20px;
	padding:20px;
	text-align:center;
}

#iletisimpage .katman5 .kutu small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#iletisimpage .katman5 .kutu b {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}



/*------------------tedavilerpage----------------------*/

#medyapage {
	position:relative;
	background: #EAF4F6;
}

#medyapage .ustbaslik {
	display:inline-flex;
	align-items:center;
	grid-gap:5px;
	height:50px;
	border-radius:25px;
	border:1px solid #38B7C3;
	padding:0px 20px;
	color: #34BBC7;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#medyapage .ustbaslik i {
	font-size: 22px;
}
#medyapage .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#medyapage .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#medyapage .altbaslik2 {
	color: #0F3375;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#medyapage .katman1 {
	position:relative;
	padding:100px 0px;
}
#medyapage .katman1 .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	grid-gap:10px;
}
#medyapage .katman2 {
	position:relative;
	padding:60px 0px;
}
#medyapage .katman2 .medyaitem {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:15px;
}
#medyapage .katman2 .medyaitem .resim {
	position:relative;
}
#medyapage .katman2 .medyaitem .resim img {
	width:100%;
	aspect-ratio:500/270;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#medyapage .katman2 .medyaitem .resim .play {
	position:absolute;
	top:calc(50% - 32px);
	left:calc(50% - 32px);
	width:64px;
	height:64px;
	border-radius:50%;
	border:1px solid #fff;
	background:rgba(255,255,255,0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	color:#000;
}
#medyapage .katman2 .medyaitem .orta {
	display:flex;
	align-items:center;
}
#medyapage .katman2 .medyaitem .orta .kategori {
	color: #0F3374;
	font-size: 14px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
	margin-right:auto;
}
#medyapage .katman2 .medyaitem .orta .tarih {
	color: #0F3374;
	font-size: 14px;
	font-style: italic;
	font-weight: 100;
	line-height: normal;
}
#medyapage .katman2 .medyaitem .adi {
	color: #0F3375;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#medyapage .katman2 .basinitem {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
	padding:30px 30px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	border-radius:10px;
	height:100%;
}
#medyapage .katman2 .basinitem .ust {
	display:flex;
	align-items:center;
	width:100%;
}
#medyapage .katman2 .basinitem .ust .kanal {
	display:flex;
	align-items:center;
	height:32px;
	padding:0px 10px;
	border-radius:20px;
	background:#0F3374;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right:auto;
}
#medyapage .katman2 .basinitem .ust .tarih {
	color: #BEBEBE;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#medyapage .katman2 .basinitem .adi {
	color: #0F3374;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#medyapage .katman2 .basinitem .desc {
	color: #0F3374;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#medyapage .katman2 .galeriitem {
	position:relative;
	display:block;
}
#medyapage .katman2 .galeriitem .resim {
	width:100%;
	aspect-ratio:568/423;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#medyapage .katman2 .galeriitem .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:20px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	border-radius:20px;
	background:linear-gradient(to top,rgba(255,255,255,0.6),rgba(255,255,255,0));
}
#medyapage .katman2 .galeriitem .bilgi .kat {
	display:flex;
	align-items:center;
	height:38px;
	border-radius:20px;
	padding:0px 20px;
	background:#2EC3CC;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:auto;
}
#medyapage .katman2 .galeriitem .bilgi .adi {
	color: #0F3375;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#medyapage .katman2 .galeriitem .bilgi .tarih {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #0F3374;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


/*------------------ HEKİM DETAY SAYFASI STİLLERİ ----------------------*/

#hekimdetay {
	font-family: 'Inter', sans-serif;
}

/* KATMAN 1: Profil Header */
#hekimdetay .katman1-profil {
	background-color: #163269; /* Görseldeki koyu lacivert */
	padding: 80px 0px;
	color: #fff;
}

/* Profil Fotoğraf Alanı */
#hekimdetay .profil-img-container {
	background-color: #F0F8FF; /* Görseldeki çok açık mavi/beyaz fon */
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
	/* Görsel oranını korumak için */
	height: 100%;
	min-height: 350px;
	display: flex;
	align-items: flex-end; /* Resmi aşağı yasla */
	justify-content: center;
}

#hekimdetay .profil-img-container img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/* İsim ve Unvanlar */
#hekimdetay .dr-isim {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 5px;
	font-style: italic; /* Görselde hafif italik duruyor */
}

#hekimdetay .dr-unvan {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 2px;
	font-style: italic;
	opacity: 0.9;
}

#hekimdetay .dr-rol {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
	font-style: italic;
	opacity: 0.7;
}

/* Puan Rozeti */
#hekimdetay .rating-badge {
	background-color: #325288; /* Daha açık bir mavi tonu */
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
}

#hekimdetay .rating-badge i {
	color: #FFC107; /* Sarı yıldız */
	font-size: 16px;
}

#hekimdetay .oy-sayisi {
	font-weight: 400;
	font-size: 12px;
	opacity: 0.8;
}

/* Bilgi Kutucukları Grid */
#hekimdetay .info-boxes-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 Yan yana */
	gap: 15px;
	margin-top: 30px;
}

/* Bilgi Kutusu */
#hekimdetay .info-box {
	background-color: #2c4a87; /* Yarı saydam/farklı ton mavi */
	border-radius: 12px;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 12px;
}

#hekimdetay .ib-icon {
	font-size: 24px;
	color: #fff;
	opacity: 0.9;
}

#hekimdetay .ib-text {
	display: flex;
	flex-direction: column;
}

#hekimdetay .ib-label {
	font-size: 11px;
	opacity: 0.7;
	margin-bottom: 2px;
}

#hekimdetay .ib-value {
	font-size: 13px;
	font-weight: 500;
}

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

#hekimdetay .btn-beyaz-pill {
	background-color: #fff;
	color: #163269; /* Lacivert yazı */
	text-decoration: none;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	transition: transform 0.2s, background-color 0.2s;
	display: inline-block;
}

#hekimdetay .btn-beyaz-pill:hover {
	background-color: #f0f0f0;
	transform: translateY(-2px);
}

/*------------------ KATMAN 2 (İçerik ve Form) ----------------------*/

#hekimdetay .katman2-icerik {
	padding: 60px 0px 100px 0px;
	background-color: #F4F9FC; /* Görseldeki açık mavimsi zemin */
}

/* --- SOL SÜTUN --- */

/* Tab Navigasyon Konteyneri (Gri Bar) */
#hekimdetay .hekim-tabs-container {
	background-color: #E6E8EA; /* Sekmelerin arkasındaki gri şerit */
	border-radius: 50px;
	padding: 5px;
	display: inline-block; /* İçerik kadar genişlemesi için, tam genişlik istenirse block yap */
	width: 100%;
}

#hekimdetay .custom-tabs {
	display: flex;
	justify-content: space-between; /* Sekmeleri yay */
}

#hekimdetay .custom-tabs .nav-link {
	color: #555;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 25px;
	font-size: 14px;
	transition: all 0.3s;
	width: 100%;
	text-align: center;
}

#hekimdetay .custom-tabs .nav-link.active {
	background-color: #fff;
	color: #000;
	font-weight: 700;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* İçerik Kutusu */
#hekimdetay .content-box {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.01);
}

#hekimdetay .box-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}

#hekimdetay .box-text p {
	font-size: 14px;
	color: #444;
	line-height: 1.7;
	margin-bottom: 20px;
}
#hekimdetay .box-text ul, ol {
	padding: 0px 0px 0px 15px;
    margin: 0px 0px 30px 0px;
}

/* Özellik Listesi (Check İkonlu) */
#hekimdetay .feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#hekimdetay .feature-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
	margin-bottom: 12px;
}

#hekimdetay .feature-list li i {
	color: #163269; /* Lacivert ikon */
	font-size: 18px;
}

/* --- SAĞ SÜTUN (Sidebar) --- */

#hekimdetay .sidebar-card {
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

#hekimdetay .sidebar-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

#hekimdetay .sidebar-desc {
	font-size: 13px;
	color: #666;
	margin-bottom: 25px;
	line-height: 1.5;
}

/* Form Inputları (Gri Zeminli) */
#hekimdetay .gray-input {
	background-color: #EAEAEA; /* Görseldeki gri input rengi */
	border: none;
	border-radius: 8px; /* Hafif yuvarlak köşe */
	padding: 12px 15px;
	font-size: 13px;
	color: #333;
}

#hekimdetay .gray-input::placeholder {
	color: #999;
}

#hekimdetay .gray-input:focus {
	background-color: #e0e0e0;
	box-shadow: none;
	outline: none;
}

/* Submit Butonu */
#hekimdetay .btn-sidebar-submit {
	width: 100%;
	background-color: #163269; /* Lacivert */
	color: #fff;
	border: none;
	padding: 12px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.3s;
}

#hekimdetay .btn-sidebar-submit:hover {
	background-color: #102650;
}

/* İletişim Bilgileri */
#hekimdetay .contact-item {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}
#hekimdetay .contact-item:last-child {
	margin-bottom: 0;
}

#hekimdetay .ci-icon {
	color: #163269;
	font-size: 24px;
	margin-top: 2px;
}

#hekimdetay .ci-text {
	display: flex;
	flex-direction: column;
}

#hekimdetay .ci-text strong {
	font-size: 14px;
	color: #000;
	margin-bottom: 2px;
}

#hekimdetay .ci-text span {
	font-size: 14px;
	color: #333;
	margin-bottom: 2px;
}

#hekimdetay .ci-text .highlight {
	color: #163269;
	font-weight: 700;
}

#hekimdetay .ci-text small {
	font-size: 11px;
	color: #999;
}
/*------------------ KATMAN 3 (Diğer Hekimler Slider) ----------------------*/

#hekimdetay .katman3-digerhekimler {
	padding: 80px 0px;
	background-color: #fff;
}

#hekimdetay .section-title {
	font-size: 32px;
	font-weight: 800;
	color: #163269; /* Lacivert Başlık */
	margin-bottom: 10px;
}

#hekimdetay .section-desc {
	font-size: 15px;
	color: #085F7D; /* Açık petrol mavisi */
	font-weight: 500;
}

/* Slider Kart Yapısı */
#hekimdetay .hekim-kart-slider {
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.3s;
	height: 100%;
}

#hekimdetay .hekim-kart-slider:hover {
	transform: translateY(-5px);
}

/* Üst Kısım: Resim Alanı */
#hekimdetay .kart-img-area {
	background-color: #F0F8FF; /* Çok açık mavi zemin */
	height: 280px;
	display: flex;
	align-items: flex-end; /* Resim aşağı yaslansın */
	justify-content: center;
	padding-top: 20px;
}

#hekimdetay .kart-img-area img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

/* Alt Kısım: Bilgi Alanı (Koyu Petrol Mavisi) */
#hekimdetay .kart-info-area {
	background-color: #085F7D; /* Görseldeki koyu petrol mavisi/yeşilimsi ton */
	padding: 25px 20px;
	text-align: center;
	color: #fff;
}

#hekimdetay .h-isim {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}

#hekimdetay .h-unvan {
	font-size: 12px;
	font-weight: 300;
	opacity: 0.8;
	margin-bottom: 20px;
	line-height: 1.4;
	font-style: italic;
}

/* Detay Butonu (Outline) */
#hekimdetay .btn-detay-outline {
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.5);
	color: #fff;
	text-decoration: none;
	padding: 8px 25px;
	border-radius: 50px;
	font-size: 12px;
	transition: all 0.3s;
}

#hekimdetay .btn-detay-outline:hover {
	background-color: #fff;
	color: #085F7D;
	border-color: #fff;
}

/* Swiper Pagination (Noktalar) Rengi */
#hekimdetay .swiper-pagination-bullet {
	background: #085F7D;
	opacity: 0.3;
}
#hekimdetay .swiper-pagination-bullet-active {
	background: #163269;
	opacity: 1;
}

/*------------------ KLİNİK DETAY SAYFASI STİLLERİ ----------------------*/

#klinikdetay {
	font-family: 'Inter', sans-serif;
	background-color: #fff;
}

/* KATMAN 1: Header */
#klinikdetay .katman1-header {
	padding: 80px 0px;
}

/* Klinik Adı */
#klinikdetay .klinik-adi {
	font-size: 32px;
	font-weight: 800;
	color: #102650; /* Koyu Lacivert */
	margin-bottom: 5px;
}

/* Tür (Alt Başlık) */
#klinikdetay .klinik-tur {
	font-size: 16px;
	color: #666;
	margin-bottom: 15px;
}

/* Meta Satırı (Puan ve Yıl) */
#klinikdetay .meta-row {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

#klinikdetay .rating {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 700;
	color: #333;
	font-size: 14px;
}
#klinikdetay .rating i { color: #FFC107; font-size: 18px; }
#klinikdetay .review-count { font-weight: 400; color: #777; font-size: 13px; }

/* Gri Rozet */
#klinikdetay .badge-yil {
	background-color: #EAEAEA;
	color: #555;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
}

/* Adres Satırı */
#klinikdetay .address-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
}
#klinikdetay .address-row i { color: #102650; font-size: 18px; margin-top: 2px; }

/* Buton Grubu */
#klinikdetay .klinik-btn-group {
	display: flex;
	gap: 10px;
	justify-content: flex-end; /* Sağa yasla */
}

/* Koyu Lacivert Dolu Buton */
#klinikdetay .btn-lacivert-dolu {
	background-color: #102650;
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.3s;
}
#klinikdetay .btn-lacivert-dolu:hover { background-color: #0a1935; }

/* Beyaz Çerçeveli Buton */
#klinikdetay .btn-beyaz-outline {
	background-color: #fff;
	color: #333;
	border: 1px solid #ddd;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s;
}
#klinikdetay .btn-beyaz-outline:hover {
	border-color: #102650;
	color: #102650;
}

/* İstatistik Kutusu */
#klinikdetay .klinik-stat-box {
	background-color: #102650; /* Koyu Lacivert */
	color: #fff;
	border-radius: 20px; /* Görseldeki gibi yuvarlak köşeler */
	padding: 25px;
	text-align: center;
	height: 100%;
}

#klinikdetay .stat-val {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 5px;
}

#klinikdetay .stat-label {
	font-size: 14px;
	font-weight: 400;
	opacity: 0.9;
}
/*------------------ KLİNİK DETAY KATMAN 2 (İçerik) ----------------------*/

#klinikdetay .katman2-icerik {
	padding: 60px 0px 100px 0px;
	background-color: #F4F9FC; /* Açık mavi zemin */
}

/* Tab Yapısı (Hekim Detay ile aynı stil) */
#klinikdetay .klinik-tabs-container {
	background-color: #E6E8EA;
	border-radius: 50px;
	padding: 5px;
	width: 100%;
}

#klinikdetay .custom-tabs {
	display: flex;
	justify-content: space-between;
}

#klinikdetay .custom-tabs .nav-link {
	color: #555;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 25px;
	font-size: 14px;
	transition: all 0.3s;
	width: 100%;
	text-align: center;
}

#klinikdetay .custom-tabs .nav-link.active {
	background-color: #fff;
	color: #000;
	font-weight: 700;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* İçerik Kutusu */
#klinikdetay .content-box {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.01);
}

#klinikdetay .box-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}

#klinikdetay .box-text p {
	font-size: 14px;
	color: #444;
	line-height: 1.7;
	margin-bottom: 15px;
}

/* Alt Başlıklar */
#klinikdetay .sub-title {
	font-size: 16px;
	font-weight: 700;
	color: #163269;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Özellik Listesi */
#klinikdetay .feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
#klinikdetay .feature-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}
#klinikdetay .feature-list li i {
	color: #085F7D; /* Petrol mavisi ikon */
	font-size: 18px;
}

/* Çalışma Saatleri Kutusu */
#klinikdetay .working-hours {
	background-color: #F9FAFB;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #eee;
}
#klinikdetay .working-hours .days {
	font-weight: 600;
	color: #000;
	margin-bottom: 5px;
}
#klinikdetay .working-hours .hours {
	color: #555;
	margin: 0;
}

/* Klinik Özellikleri Grid (İkonlar) */
#klinikdetay .features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 Sütun */
	gap: 20px;
}

#klinikdetay .feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 15px;
	transition: transform 0.3s;
}

#klinikdetay .feature-item i {
	font-size: 28px;
	color: #333;
}

#klinikdetay .feature-item span {
	font-size: 13px;
	color: #555;
	font-weight: 500;
}

#klinikdetay .feature-item:hover {
	transform: translateY(-3px);
}
#klinikdetay .feature-item:hover i {
	color: #163269;
}

/* Sidebar (Sağ Taraf) - Hekim Detay ile aynı */
#klinikdetay .sidebar-card {
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

#klinikdetay .sidebar-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

#klinikdetay .sidebar-desc {
	font-size: 13px;
	color: #666;
	margin-bottom: 25px;
	line-height: 1.5;
}

#klinikdetay .gray-input {
	background-color: #EAEAEA;
	border: none;
	border-radius: 8px;
	padding: 12px 15px;
	font-size: 13px;
	color: #333;
}
#klinikdetay .gray-input:focus { outline: none; background-color: #e0e0e0; }

#klinikdetay .btn-sidebar-submit {
	width: 100%;
	background-color: #102650;
	color: #fff;
	border: none;
	padding: 12px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.3s;
}
#klinikdetay .btn-sidebar-submit:hover { background-color: #0a1935; }

/* İletişim Listesi */
#klinikdetay .contact-item {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}
#klinikdetay .ci-icon { color: #102650; font-size: 24px; margin-top: 2px; }
#klinikdetay .ci-text { display: flex; flex-direction: column; }
#klinikdetay .ci-text strong { font-size: 14px; color: #000; margin-bottom: 2px; }
#klinikdetay .ci-text span { font-size: 14px; color: #333; margin-bottom: 2px; }
#klinikdetay .ci-text .highlight { color: #102650; font-weight: 700; }
#klinikdetay .ci-text small { font-size: 11px; color: #999; }

/*------------------ KLİNİK DETAY KATMAN 3 (Galeri & Harita) ----------------------*/

#klinikdetay .katman3-galeri-harita {
	/* Katman 2 ile aynı zemin rengi devam ediyor */
	background-color: #F4F9FC;
	padding: 0px 0px 80px 0px; /* Üstten boşluk 0, çünkü katman 2 ile birleşik görünüyor */
}

/* Galeri Slider */
#klinikdetay .galeri-container {
	position: relative;
	padding: 0 20px; /* Oklar için kenardan biraz pay */
}

#klinikdetay .galeri-img {
	width: 100%;
	height: 220px; /* Görseldeki kare/dikdörtgen oran */
	object-fit: cover;
	border-radius: 20px; /* Yuvarlak köşeler */
	transition: transform 0.3s;
	cursor: pointer;
}

#klinikdetay .galeri-img:hover {
	transform: scale(1.02);
}

/* Özel Navigasyon Butonları (Açık Mavi Yuvarlak) */
#klinikdetay .custom-nav-btn {
	background-color: #D6EBF5; /* Görseldeki açık mavi ton */
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #163269; /* Koyu mavi ok */
	opacity: 1; /* Varsayılan swiper opacity'sini ezmek için */
}

#klinikdetay .custom-nav-btn::after {
	font-size: 20px;
	font-weight: bold;
}

/* Harita Alanı */
#klinikdetay .harita-container {
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	line-height: 0; /* Resim altı boşluğu silmek için */
}

#klinikdetay .map-full-img,
#klinikdetay iframe {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
/*------------------ KLİNİK DETAY KATMAN 4 (Popüler Tedaviler) ----------------------*/

#klinikdetay .katman4-tedaviler {
	background-color: #F4F9FC; /* Önceki katmanlarla aynı açık mavi zemin */
	padding: 50px 0px 100px 0px; /* Alt boşluk geniş bırakıldı */
}

/* Başlık */
#klinikdetay .tedavi-baslik {
	font-size: 24px;
	font-weight: 800;
	color: #000;
	margin-bottom: 30px;
	font-style: italic; /* Görseldeki italik stil */
}

/* Etiketler Kapsayıcısı */
#klinikdetay .tedavi-tags-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap; /* Mobilde alt satıra geçsin */
	gap: 15px;
}

/* Tedavi Etiketi (Buton) */
#klinikdetay .tedavi-tag {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	padding: 15px 40px; /* Geniş iç boşluk */
	border-radius: 50px; /* Tam yuvarlak hap şekli */
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02); /* Çok hafif gölge */
	transition: all 0.3s;
	display: inline-block;
}

#klinikdetay .tedavi-tag:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	color: #163269; /* Hoverda lacivert yazı */
}