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


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

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

body {
	position:relative;
	font-family: TWK Lausanne;	
    background: #e0f5ff;
}


:root {
  --anarenk: #084f79;
  --kirmizi: #EF4444;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
}

/* 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 - 100px);	
}

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

.dikeyortala {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
.badge {
    display: inline-flex;
	align-items:center;
    padding: 4px 10px 0px 10px;
	height:24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
/*------------------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;
	padding:0px 20px;
	height:50px;
	border-radius:30px;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 16.671px */
	text-align: center;
}
.btn-sm {
	font-size: 0.875rem; /* Örnek değer */
	padding: 0.25rem 0.75rem;
	height:40px;
	font-size: 13px;
}
.btn i {
	font-size: 20px;
}
.btn-light {
	background:rgba(251, 251, 251, 1);
	border:1px solid rgba(251, 251, 251, 1);
	color:var(--anarenk) !important;
}
.btn-light:hover {
	background:rgba(255, 255, 255, 1);
	border:1px solid rgba(255, 255, 255, 1);
	color:var(--anarenk) !important;
}
.btn-ana {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-ana:hover {
	background:var(--kirmizi);
	border:1px solid var(--kirmizi);
	color:#fff;
}
.btn-turkuaz {
	background:#35c0d9;
	border:1px solid #35c0d9;
	color:#fff;
}
.btn-tukuraz:hover {
	background:var(--kirmizi);
	border:1px solid var(--kirmizi);
	color:#fff;
}
.btn-turkuaz2 {
	background:rgb(90 158 215);
	border:1px solid rgb(90 158 215);
	color:#fff;
}
.btn-tukuraz2:hover {
	background:var(--kirmizi);
	border:1px solid var(--kirmizi);
	color:#fff;
}

.text-ana {
	color:var(--anarenk);
}
.form-check-label a {
	color:var(--anarenk);
}

/*------------------form-control----------------------*/

.form-control {
	height:50px;
	border-radius: 37px;
	border: 1.5px solid #084f79;
	padding:0px 20px;
}
textarea.form-control {
	height:150px;
}
/* Temel switch arka planlarını sıfırla */
.form-check-input.custom-switch {
	width: 3em;
	height: 1.5em;
	cursor: pointer;
}

/* Açıkken yeşil */
.form-check-input.custom-switch:checked {
	background-color: #28a745; /* Bootstrap yeşil tonu */
	border-color: #28a745;
}

/* Kapalıyken kırmızı */
.form-check-input.custom-switch:not(:checked) {
	background-color: #dc3545; /* Bootstrap kırmızı tonu */
	border-color: #dc3545;
}

/* Küçük top rengi açıkken */
.form-check-input.custom-switch:checked:before {
	background-color: #fff;
}

/* Küçük top rengi kapalıyken */
.form-check-input.custom-switch:not(:checked):before {
	background-color: #fff;
}

/* Topun kendisini düzelt (görsel için opsiyonel) */
.form-check-input.custom-switch::before {
	content: "";
	position: relative;
	display: inline-block;
    width: 1.25em;
    height: 1.25em;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s ease-in-out;
    top: 1px;
    left: 1px;
}
/* Açıkken sağa kay */
.form-check-input.custom-switch:checked::before {
	transform: translateX(1.5em);
}

/*------------------aciklama----------------------*/

.aciklama {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
}
.aciklama h1 {
	margin:0px;
	padding:0px;
	color: var(--anarenk);
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px; /* 116% */
	letter-spacing: -1.92px;
}
.aciklama ul,ol {
	margin:0px;
	padding:0px;
	list-style:none;
}
.aciklama ul li ,
.aciklama ol li 
{
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:15px;
	color: var(--anarenk);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 177.778% */
	opacity: 1;
}
.aciklama ul li:before ,
.aciklama ol li:before 
{
	margin:0px;
	padding:0px;
	position:absolute;
	content:"";
	top:11px;
	left:0px;
	width:7px;
	height:7px;
	border-radius:4px;
	background:var(--anarenk);
	opacity: 1 !important;
}
.aciklama img {
	margin:0px;
	padding:0px;
	width:100% !important;
	border-radius:20px;
	object-fit:cover;
}
.aciklama h2 ,
.aciklama h3 ,
.aciklama h4 ,
.aciklama h5 
{
	margin:0px;
	padding:0px;
	color: var(--anarenk);
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px; /*  120% */
	letter-spacing: -1.92px;
}
.aciklama p 
{
	margin:0px;
	padding:0px;
	color: var(--anarenk);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 177.778% */
}
/*------------------giriskatman----------------------*/

.giriskatman {
	position:relative;
	z-index:20;
}
.giriskatman:before {
	position:absolute;
	content:"";
	top:56px;
	left:40px;
	width:calc(100% - 80px);
	height:calc(100% - 56px);
	border-radius: 30px;
	background: radial-gradient(72.76% 65.74% at 28.4% 53.14%, rgba(53, 192, 217, 0.15) 0%, rgba(62, 193, 194, 0.15) 34.02%, rgba(119, 224, 228, 0.15) 70.08%, rgba(62, 193, 194, 0.15) 100%);
	z-index:-1;
}
/*------------------cv-container----------------------*/

.cv-container {
}

.upload-box {
	border: 2px dashed #8cb7ff;
	border-radius: 10px;
	background-color: #f5f8ff;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.upload-box:hover {
	background-color: #eef3ff;
}

.upload-box p {
	margin: 10px 0;
	font-size: 14px;
	color: #000;
}

.upload-box .underline {
	text-decoration: underline;
	color: black;
}

.note {
	font-size: 14px;
	color: #555;
}

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

#header {
	position:relative;
	z-index:999;
	transition:all 0.3s ease;
}
#header.sabit {
	position:relative;
	transition:all 0.3s ease;
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
}
#header .alanu {
	display:flex;
	align-items:center;
	padding:10px 0px;
}
#header .alanu .sosyal {
	display:flex;
	align-items:center;
	grid-gap:5px;
	margin-right:auto;
}
#header .alanu .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius: 42.563px;
	border: 1px solid rgba(62, 193, 194, 0.30);
	font-size:12px;
	color:var(--anarenk);
}
#header .alanu .sosyal a:hover {
	border: 1px solid rgba(62, 193, 194, 1);
	background: rgba(62, 193, 194, 1);
	color:#fff;
}
#header .alan {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:20px 0px;
}
#header .alan .sol {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	grid-gap:15px;
	width:25%;
}
#header .alan .orta {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:15px;
	width:50%;
}
#header .alan .sag {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	grid-gap:15px;
	width:25%;
}
#header .alan .logo {
}
#header .alan .logo img {
	height:92px;
}

#header .menu {
}
#header .menu ul {
	list-style:none;
	display:flex;
	align-items:center;
	grid-column-gap:15px;
}
#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
	display:inline-block;
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: -0.32px;
}
#header .menu .link-item:hover {
    color: var(--kirmizi);
}

#header .menu .acilan {
	position:absolute;
	display:none;
	top:calc(100% - 5px);
	left:0px;
	width:350px;
	padding:25px 10px;
	border-radius: 35px;
	border: 2px solid rgba(53, 192, 217, 0.20);
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(7px);
}
#header .menu .acilan .link-li {
	width:100%;
}
#header .menu .link-li:hover .acilan {
	display:block;
}
#header .menu .acilan .link-li .acilan2 {
	position:absolute;
	display:none;
	top:calc(100% - 20px);
	left:calc(100% - 25px);
	width:350px;
	padding:25px 10px;
	border-radius: 35px;
	border: 2px solid rgba(53, 192, 217, 0.20);
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(7px);
}
#header .menu .acilan .link-li:hover .acilan2 {
	display:block;
}
#header .menu .acilan ul {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:10px;
	padding:0px;
}
#header .menu .acilan .link-item {
	line-height:24px;
    color: #000;
	padding:0px 10px;
}
#header .arama {
	position:relative;
}
#header .arama .form-control {
	border-radius: 38px;
	background: rgb(137 213 243);
	border:1px solid rgb(137 213 243);
	height:50px;
	padding-left:54px;
	color:#fff;
}
#header .arama button {
	position:absolute;
	top:0px;
	left:15px;
	width:35px;
	height:50px;
	border:0px;
	background:transparent;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
}

#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
}
#header .dil .default {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:3px;
	width:40px;
	height:30px;
	color: var(--anarenk);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.3px;
	text-transform:uppercase;
}
#header .dil .default i {
	font-size:20px;
}
#header .dil .default i:last-child {
	font-size:12px;
}

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


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

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

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

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

#mobilheader .alansag {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#mobilheader .btn {
    padding: 0px 0px 0px 0px;
}
#mobilheader .btn i {
	font-size:40px;
}
#mobilheader .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}
#mobilheader .logo img {
	max-width:100%;
	max-height: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 .arama {
	position:relative;
}
#mobilmenu .arama .form-control {
	border:1px solid var(--anarenk);
}
#mobilmenu .arama .btn {
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:46px;
	font-size:20px;
	color:#000;
	border-radius:9px;
	padding:0px;
	justify-content:center;
}

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

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


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

#slider {
	position:relative;
	padding:60px 0px;
}
#slider .yazi1 {
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
#slider .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	border-radius: 50px;
	background: #FFF;
	color: var(--anarenk);
	font-size: 13.344px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-21, 21px); /* 157.377% */
}
#slider .yazi2 {
	color: var(--anarenk);
	text-align: center;
	font-size: 68px;
	font-style: normal;
	font-weight: 500;
	line-height: 79px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:20px;
}
#slider .yazi3 {
	color: var(--anarenk);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 177.778% */
	margin-bottom:20px;
}
#slider .res1 {
	position:absolute;
	bottom:40px;
	left:60px;
	max-width:10%;
	border-radius:20px;
}
#slider .res3 {
	position:absolute;
	top:30px;
	right:90px;
	max-width:10%;
	border-radius:20px;
}
#slider .res2 {
	position:absolute;
	bottom:30px;
	right:60px;
	max-width:10%;
	border-radius:20px;
}
/*------------------slider2----------------------*/

#slider2 {
	position:relative;
	padding:30px 0px;
}
#slider2 .alan {
	position:relative;
}
#slider2 .alan .resim {
	width:100%;
	border-radius:30px;
}
#slider2 .alan .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#slider2 .yazi1 {
	color: var(--anarenk);
	font-size: 58px;
	font-style: normal;
	font-weight: 500;
	line-height: 69px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:20px;
}
#slider2 .yazi2 {
	color: var(--anarenk);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 177.778% */
	margin-bottom:20px;
}
/*------------------genaibot----------------------*/

#genaibot {
	position:relative;
	padding:60px 0px;
}
#genaibot .alan {
	position:relative;
	padding:60px;
	background:url("../img/filigran-3.png") #35C0D9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 30px;
	text-align:center;
}

#genaibot .alan .profil {
	width:120px;
	height:120px;
	border-radius:50%;
	object-fit:contain;
	object-position:center;
	border:2px solid #fff;
	background:#fff;
	margin-bottom:20px;
    margin-top: -100px;
}
#genaibot .alan .yazi1 {
	color: var(--anarenk);
	font-size: 38px;
	font-style: normal;
	font-weight: 500;
	line-height: 39px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:20px;
}
#genaibot .alan .yazialan {
	position:relative;
	margin-bottom:30px;
}
#genaibot .alan .yazialan textarea {
	background:rgba(255,255,255,0.5);
	padding:20px;
	height:100px;
	border-radius:10px;
}
#genaibot .alan .yazialan button {
	position:absolute;
	bottom:0px;
	right:0px;
	width:60px;
	height:60px;
	border-radius:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:transparent;
	border:1px solid transparent;
	font-size:30px;
	color:#000;
	opacity:0.7;
}
#genaibot .alan .hazirlar {
	display:flex;
	flex-wrap:wrap;
	grid-gap:10px;
	justify-content:center;
}

#genaibot .alan .hazirlar a {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	border-radius: 50px;
	background: rgba(255,255,255,0.8);
	color: var(--anarenk);
	font-size: 13.344px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-21, 21px); /* 157.377% */
}

/*------------------kategoriler----------------------*/

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

#kategoriler .yazi1 {
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
#kategoriler .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: #FFF;
	color: var(--anarenk);
	font-size: 13.344px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-21, 21px); /* 157.377% */
}
#kategoriler .yazi1 span i {
	font-size: 17px;
}
#kategoriler .yazi2 {
	color: var(--anarenk);
	text-align: center;
	font-size: 68px;
	font-style: normal;
	font-weight: 500;
	line-height: 79px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:20px;
}

.kategoriitem {
	position:relative;
	display:flex;
	flex-direction:column;
	border-radius:20px;
	aspect-ratio:405/520;
	background:#FAFAFA;
	overflow:hidden;
}
.kategoriitem .resim {
	width:100%;
	aspect-ratio:405/400;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
	transition:all 0.3s ease;
}
.kategoriitem:hover .resim {
	aspect-ratio:405/520;
}
.kategoriitem .bilgi {
	position:relative;
	padding:37px;
	transition:all 0.3s ease;
	display:flex;
	flex-direction:column;
	justify-content:center;
	aspect-ratio:405/120;
}
.kategoriitem .bilgi.bilgik {
	padding:17px;
}
.kategoriitem:hover .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-start;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.20) 100%);
}
.kategoriitem .bilgi .adi {
	color: var(--anarenk);
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 34.774px; /* 139.096% */
	letter-spacing: -1.391px;
}
.kategoriitem .bilgi.bilgik .adi {
	font-size: 18px;
	line-height: 24px; /* 139.096% */
	letter-spacing: -0.391px;
}
.kategoriitem:hover .bilgi .adi {
	color: #fff;
}
.kategoriitem .bilgi .desc {
	display:none;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.kategoriitem:hover .bilgi .desc {
	display:block;
}
.kategoriitem .bilgi .ok {
	position:absolute;
	bottom:30px;
	right:30px;
	font-size:30px;
	color:var(--anarenk);
}
.kategoriitem:hover .bilgi .ok {
	display:none;
}

.swiper-container-horizontal>.swiper-scrollbar {
	opacity: 1;
    position: relative;
    left: 100px;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: calc(100% - 200px);
}
/*------------------arakatman----------------------*/

.arakatman {
	position:relative;
	background:url('../img/filigran-4.png');
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}
/*------------------platform----------------------*/

#platform {
	position:relative;
	padding:50px 0px;
}
#platform .sol {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	background-size:cover !important;
	border-radius:20px;
}
#platform .sol .ic {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	border-radius:20px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	padding:37px;
}

#platform .sol .ic .yazi1 {
	position:relative;
	margin-bottom:20px;
}
#platform .sol .ic .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.20);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#platform .sol .ic .yazi1 span i {
	font-size: 17px;
}
#platform .sol .ic .yazi2 {
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 500;
	line-height: 68px; /* 151.111% */
	letter-spacing: -1.92px;
	margin-bottom:auto;
}
#platform .sol .ic .yazi3 {
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	max-width:60%;
	border-radius: 15px;
	background: #FFF;
	padding: 16px 19px;
}
#platform .sol .ic .yazi3 .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:55px;
	height:55px;
	border-radius:50%;
}
#platform .sol .ic .yazi3 .icon img {
	max-width:100%;
	max-height:100%;
}
#platform .sol .ic .yazi3 .yazi {
	width:calc(100% - 55px);
	padding-left:10px;
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 90%; /* 0px */
}
#platform .sag {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	grid-gap:18px;
}
#platform .sag .kutu {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	padding:26px;
	aspect-ratio:227/270;
	border-radius:25px;
	width:calc(33.33% - 12px);
	background: #fff;
	transition:all 0s ease;
}
#platform .sag .active {
	aspect-ratio:227/135;
	background: #fff;
}
#platform .sag .kutu:nth-child(1).active,
#platform .sag .kutu:nth-child(2).active, 
#platform .sag .kutu:nth-child(4).active, 
#platform .sag .kutu:nth-child(5).active
{
	width:calc(66.66% - 6px);
	align-items:flex-start;
}
#platform .sag .kutu .icon {
	height:90px;
	margin-bottom:26px;
}
#platform .sag .kutu .adi {
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 125% */
	letter-spacing: -1px;
	text-align:center;
}
#platform .sag .kutu .desc {
	display:none;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 143.75% */
	letter-spacing: -1px;
	margin-top:6px;
	transition:all 0.3s ease;
}
#platform .sag .kutu.active .desc {
	display:block;
}
#platform .sag .kutu .ok {
	position:absolute;
	top:26px;
	right:26px;
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
	background: var(--anarenk);
	transform:rotate(-45deg);
	transition:all 0.3s ease;
}
#platform .sag .kutu.active .ok {
}
/*------------------cozumler----------------------*/

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

#cozumler .yazi1 {
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
#cozumler .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: #FFF;
	color: var(--anarenk);
	font-size: 13.344px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-21, 21px); /* 157.377% */
}
#cozumler .yazi1 span i {
	font-size: 17px;
}
#cozumler .yazi2 {
	color: var(--anarenk);
	text-align: center;
	font-size: 68px;
	font-style: normal;
	font-weight: 500;
	line-height: 79px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:40px;
}
#cozumler .kutu {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	padding:26px;
	aspect-ratio:227/270;
	border-radius:25px;
	background: #fff;
	transition:all 0s ease;
}
#cozumler .kutu:hover {
	background: #fff;
}
#cozumler .kutu .icon {
	height:60px;
	margin-bottom:26px;
}
#cozumler .kutu .adi {
	color: #375152;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 125% */
	letter-spacing: -1px;
	min-height:50px;
	text-align:center;
}
#cozumler .kutu .desc {
	display:none;
	color: #375152;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 143.75% */
	letter-spacing: -1px;
	margin-top:6px;
	transition:all 0.3s ease;
}
#cozumler .kutu:hover .desc {
	display:block;
}
#cozumler .kutu .ok {
	position:absolute;
	top:26px;
	right:26px;
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
	background: var(--anarenk);
	transform:rotate(-45deg);
	transition:all 0.3s ease;
}
#cozumler .kutu:hover .ok {
	color:#fff;
	background: rgba(55, 81, 82, 0.60);
	transform:rotate(0deg);
}
#cozumler .cozumler-button-prev ,
#cozumler .cozumler-button-next 
{
	position:absolute;
	top:calc(50% - 23px);
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
    background: rgb(123 153 155);
    font-size: 24px;
    color: #fff;
	z-index:10;
}
#cozumler .cozumler-button-prev {
	left:10px;
}
#cozumler .swiper {
	padding:0px 30px;
}
#cozumler .cozumler-button-next {
	right:10px;
}
/*------------------akademi----------------------*/

#akademi {
	position:relative;
	padding:50px 0px;
}
#akademi .sol {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	background-size:cover !important;
	border-radius:20px;
}
#akademi .sol .ic {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	border-radius:20px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	padding:37px;
}

#akademi .sol .ic .yazi1 {
	position:relative;
	margin-bottom:20px;
}
#akademi .sol .ic .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.20);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#akademi .sol .ic .yazi1 span i {
	font-size: 17px;
}
#akademi .sol .ic .yazi2 {
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 500;
	line-height: 68px; /* 151.111% */
	letter-spacing: -1.92px;
	margin-bottom:auto;
}
#akademi .sol .ic .yazi3 {
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	max-width:60%;
	border-radius: 15px;
	background: #FFF;
	padding: 16px 19px;
}
#akademi .sol .ic .yazi3 .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:55px;
	height:55px;
	border-radius:50%;
	background:rgba(62, 193, 194, 1);
}
#akademi .sol .ic .yazi3 .icon img {
	max-width:60%;
	max-height:60%;
}
#akademi .sol .ic .yazi3 .yazi {
	width:calc(100% - 55px);
	padding-left:10px;
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 90%; /* 0px */
}
#akademi .sag {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	grid-gap:18px;
}
#akademi .sag .kutu {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	padding:26px;
	aspect-ratio:227/270;
	border-radius:25px;
	width:calc(33.33% - 12px);
	background: #fff;
	transition:all 0s ease;
}
#akademi .sag .kutu:hover {
}
#akademi .sag .kutu .icon {
	height:90px;
	margin-bottom:26px;
}
#akademi .sag .kutu .adi {
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 125% */
	letter-spacing: -1px;
	text-align:center;
}
#akademi .sag .kutu .ok {
	position:absolute;
	top:26px;
	right:26px;
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#fff;
	background: var(--anarenk);
	transform:rotate(-45deg);
	transition:all 0.3s ease;
}
#akademi .sag .kutu:hover .ok {
	transform:rotate(0deg);
}
/*------------------altkatman----------------------*/

.altkatman {
	position:relative;
	background: radial-gradient(72.76% 65.74% at 28.4% 53.14%, rgba(53, 192, 217, 0.15) 0%, rgba(62, 193, 194, 0.15) 34.02%, rgba(119, 224, 228, 0.15) 70.08%, rgba(62, 193, 194, 0.15) 100%);
	border-radius:20px 20px 0px 0px;
}
/*------------------hizlikutu----------------------*/

#hizlikutu {
	position:relative;
	padding:50px 0px;
}
#hizlikutu .yazi1 {
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
#hizlikutu .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: #FFF;
	color: var(--anarenk);
	font-size: 13.344px;
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-21, 21px); /* 157.377% */
}
#hizlikutu .yazi1 span i {
	font-size: 17px;
}
#hizlikutu .yazi2 {
	color: var(--anarenk);
	text-align: center;
	font-size: 68px;
	font-style: normal;
	font-weight: 500;
	line-height: 79px; /* 116.176% */
	letter-spacing: -2px;
	margin-bottom:40px;
}
#hizlikutu .kutu1 {
	position:relative;
	display:flex;
	flex-direction:column;
	aspect-ratio:320/365;
	padding:25px;
	background:url('../img/filigran-2.png');
	background-size:cover;
	border-radius:25px;
}
#hizlikutu .kutu1 .yazi1 {
	position:relative;
	margin-bottom:auto;
}
#hizlikutu .kutu1 .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.20);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#hizlikutu .kutu1 .yazi1 span i {
	font-size: 17px;
}
#hizlikutu .kutu1 .yazi2 {
	color: #FFFDFA;
	font-family: "TWK Lausanne";
	font-size: 35.548px;
	font-style: normal;
	font-weight: 500;
	line-height: 46.878px; /* 131.873% */
	letter-spacing: -1.465px;
	margin-bottom:10px;
}
#hizlikutu .kutu1 .yazi3 {
	color: #FFFDFA;
	font-size: 16.663px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.777px; /* 118.686% */
	letter-spacing: -0.477px;
}
#hizlikutu .kutu2 {
	position:relative;
	display:flex;
	flex-direction:column;
	aspect-ratio:640/350;
	padding:25px;
	background-size:cover !important;
	border-radius:25px;
	z-index:20;
}
#hizlikutu .kutu2:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:25px;
	background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
	z-index:-1;
}
#hizlikutu .kutu2 .yazi1 {
	position:relative;
	margin-bottom:auto;
}
#hizlikutu .kutu2 .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.20);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#hizlikutu .kutu2 .yazi1 span i {
	font-size: 17px;
}
#hizlikutu .kutu2 .yazi2 {
	color: #FFFDFA;
	font-family: "TWK Lausanne";
	font-size: 35.548px;
	font-style: normal;
	font-weight: 500;
	line-height: 46.878px; /* 131.873% */
	letter-spacing: -1.465px;
	margin-bottom:10px;
}
#hizlikutu .kutu2 .yazi3 {
	color: #FFFDFA;
	font-size: 16.663px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.777px; /* 118.686% */
	letter-spacing: -0.477px;
}


#hizlikutu .kutu3 {
	position:relative;
	display:block;
	background:#fff;
	border-radius:25px;
	height:100%;
	padding:5px;
}
#hizlikutu .kutu3 .resim {
	position:relative;
}
#hizlikutu .kutu3 .resim img {
	width:100%;
	height:200px;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#hizlikutu .kutu3 .yazi1 {
	position:absolute;
	top:10px;
	left:10px;
}
#hizlikutu .kutu3 .yazi1 span {
	display: inline-flex;
	padding: 5px 8px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgb(0 74 173);
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height:18px;
}
#hizlikutu .kutu3 .yazi1 span i {
	font-size: 17px;
	line-height:18px;
}
#hizlikutu .kutu3 .yazi2 {
	color: var(--anarenk);
	font-family: "TWK Lausanne";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 131.873% */
	letter-spacing: -1.465px;
	padding:20px 0px;
	text-align:center;
}

/*------------------musteriyorum----------------------*/

#musteriyorum {
	position:relative;
}
#musteriyorum .alan {
	position:relative;
	border-radius: 30px 30px 0px 0px;
	background: #FAFAFA;
	padding:50px 0px;
}

#musteriyorum .yazi1 {
	position:relative;
	margin-bottom:30px;
}
#musteriyorum .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(62, 193, 194, 0.13);
	color: rgba(25, 69, 72, 1);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#musteriyorum .yazi1 span i {
	font-size: 17px;
}
#musteriyorum .yazi2 {
	color: var(--anarenk);
	font-size: 35.548px;
	font-style: normal;
	font-weight: 500;
	line-height: 46.878px; /* 131.873% */
	letter-spacing: -1.465px;
	margin-bottom:10px;
}
#musteriyorum .yazi3 {
	color: var(--anarenk);
	font-size: 16.663px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.777px; /* 118.686% */
	letter-spacing: -0.477px;
	margin-bottom:30px;
}
#musteriyorum .butonlar {
	display:flex;
	align-items:center;
	grid-gap:10px;
}
#musteriyorum .butonlar div {
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:#E5F5F5;
	font-size:24px;
	color:rgba(25, 69, 72, 1);
}

.yorumitem {
	position:relative;
	display:flex;
	flex-direction:column;
	padding:40px;
	background:#fff;
	border-radius:25px;
}
.yorumitem .yorum {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 137.5% */
}
.yorumitem .profil {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid rgba(217, 217, 217, 0.20);
}
.yorumitem .profil .res {
	width:80px;
	height:80px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
.yorumitem .profil .adi {
	width:calc(100% - 80px);
	padding-left:10px;
}
.yorumitem .profil .adi b {
	display:block;
	color: var(--anarenk);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 80% */
}
.yorumitem .profil .adi small {
	display:block;
	color: #084f79;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 80% */
}
/*------------------footer----------------------*/

#footer {
	position:relative;
	background:#35C0D9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 30px 30px 0px 0px;
}
#footer .ust {
	position:relative;
	padding:30px 0px;
	display:flex;
	align-items:center;
	border-bottom:1px solid rgba(255, 255, 255, 0.20);
}
#footer .ust .logo {
	margin-right:auto;
}
#footer .ust .logo img {
	height:65px;
}
#footer .ust .sosyal {
	display:flex;
	align-items:center;
	grid-gap:5px;
}
#footer .ust .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius: 42.563px;
	border: 1px solid #FFF;
	background:#fff;
	font-size:17px;
	color:var(--anarenk);
}
#footer .ust .sosyal a:hover {
	border: 1px solid #FFF;
	background: rgba(62, 193, 194, 1);
	color:#fff;
}
#footer .orta {
	position:relative;
	padding:30px 0px;
	border-bottom:1px solid rgba(255, 255, 255, 0.20);
}
#footer .orta .menubas {
	display:block;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 150% */
	margin:10px 0px;
}
#footer .orta .menulink {
	display:block;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 150% */
	margin:10px 0px;
}
#footer .orta .bilgilink {
	display:block;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 150% */
	margin:10px 0px;
}
#footer .orta .katil {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	height:86px;
	border-radius: 64px;
	background: rgba(255, 255, 255, 0.30);
}
#footer .orta .katil .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:86px;
	height:86px;
}
#footer .orta .katil .icon img {
	max-width:50%;
	max-height:50%;
}
#footer .orta .katil .yazi {
	width:calc(100% - 86px);
	padding-left:14px;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: -1.056px;
}
#footer .orta .katil .yazi b {
	color: var(--anarenk);
}
#footer .alt {
	position:relative;
	padding:30px 0px;
	display:flex;
	align-items:center;
}
#footer .alt .copy {
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	margin-right:auto;
}
#footer .alt .basadon {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 133.333% */
}
#footer .alt .basadon i {
	font-size: 20px;
}

/*------------------sayfabread----------------------*/

#sayfabread {
	position:relative;
	padding:20px 0px;
}
#sayfabread .alan {
	display:flex;
	align-items:center;
	grid-gap:8px;
	font-size:14px;
	font-weight:400;
	color:rgba(0,0,0,0.7);
}

#sayfabread .alan a {
	font-size:14px;
	font-weight:400;
	color:var(--anarenk);
}
#sayfabread .alan a.active {
	font-size:14px;
	font-weight:500;
	color:rgba(0,0,0,0.7);
}

/*------------------bread1----------------------*/

#bread1 {
	position:relative;
	padding:20px 0px;
	z-index:20;
}
#bread1 .alan {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:100px 30px;
	background-size:cover !important;
	border-radius: 32px;
	z-index:20;
}
#bread1 .alan:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:-1;
	border-radius: 32px;
}
#bread1 .alan .baslik {
	color: #FFF;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 85px; /* 72.446% */
	letter-spacing: -1.391px;
}
#bread1 .alan .desc {
	max-width:50%;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 177.778% */
}

/*------------------genelsayfa----------------------*/

#genelsayfa {
	position:relative;
}
#genelsayfa .solresim {
	width:100%;
	border-radius:20px;
	margin-bottom:20px;
}
#genelsayfa .katman {
	position:relative;
	padding:40px 0px;
}
#genelsayfa .kutu0 {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: #e1f1f1;
	padding:61px 50px;
}
#genelsayfa .kutu1 {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: #EBE9E6;
	padding:61px 50px;
}
#genelsayfa .kutu2 {
	position:relative;
	border-radius: 20px;
	background: #DCD8DF;
	padding:61px 50px;
}
#genelsayfa .kutu3 {
	position:relative;
	border-radius: 20px;
}
#genelsayfa .kutu3 .res {
	width:100%;
	border-radius: 20px;
}
#genelsayfa .kutu4 {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: rgba(212, 245, 249, 0.50);
}
#genelsayfa .kutu4 .aciklama {
	padding:61px 50px;
	margin-bottom:auto;
}
#genelsayfa .kutu4 .res {
	width:100%;
	aspect-ratio:657/352;
	object-fit:cover;
	object-position:center;
	border-radius: 0px 0px 32px 32px;
}
#genelsayfa .kutu5 {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: rgba(217, 140, 53, 0.15);
}
#genelsayfa .kutu5 .aciklama {
	padding:61px 50px;
	margin-bottom:auto;
}
#genelsayfa .kutu5 .res {
	width:100%;
	aspect-ratio:657/352;
	object-fit:cover;
	object-position:center;
	border-radius: 0px 0px 32px 32px;
}
.videowidget {
	position:relative;
	display:block;
}
.videowidget .res {
	width:100%;
	border-radius: 20px;
}
.videowidget .play {
	position:absolute;
	top:calc(50% - 55px);
	left:calc(50% - 55px);
	display:flex;
	align-items:center;
	justify-content:center;
	width: 110px;
	height: 110px;
	border-radius:50%;
	background: rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(17px);
	font-size:40px;
	color:#fff;
}
#genelsayfa .vizyonkutu {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: #084f79;
	padding:61px 50px;
	color:#fff !important;
}
#genelsayfa .misyonkutu {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius: 20px;
	background: #35C0D9;
	padding:61px 50px;
	color:#fff !important;
}
#genelsayfa .vizyonkutu * ,
#genelsayfa .misyonkutu * 
{
	color:#fff !important;
}

/*------------------videolar----------------------*/

#videolar {
	position:relative;
	padding:40px 0px;
}
#videolar .yazi1 {
	position:relative;
	margin-bottom:30px;
}
#videolar .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(62, 193, 194, 0.13);
	color: rgba(25, 69, 72, 1);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#videolar .yazi1 span i {
	font-size: 17px;
}
#videolar .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
	margin-top:40px;
}
#videolar .butonlar div {
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:#E5F5F5;
	font-size:24px;
	color:rgba(25, 69, 72, 1);
}
.videoitem {
	position:relative;
	display:block;
}
.videoitem .res {
	width:100%;
	aspect-ratio:502/322;
	object-fit:cover;
	object-position:center;
	border-radius: 20px;
}
.videoitem .play {
	position:absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	display:flex;
	align-items:center;
	justify-content:center;
	width: 50px;
	height: 50px;
	border-radius:50%;
	background: rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(17px);
	font-size:23px;
	color:#fff;
}

/*------------------testler----------------------*/

#testler {
	position:relative;
	padding:40px 0px;
}
#testler .yazi1 {
	position:relative;
	margin-bottom:30px;
}
#testler .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgba(62, 193, 194, 0.13);
	color: rgba(25, 69, 72, 1);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
#testler .yazi1 span i {
	font-size: 17px;
}
#testler .butonlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
	margin-top:40px;
}
#testler .butonlar div {
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:#E5F5F5;
	font-size:24px;
	color:rgba(25, 69, 72, 1);
}

.testitem {
	position:relative;
	display:block;
	border-radius: 20px;
	background: #EEFCFD;
}
.testitem .resim {
	position:relative;
	display:block;
	padding:18px;
}
.testitem .resim img {
	width:100%;
	aspect-ratio:326/230;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
.testitem .resim .bil1 {
	position:absolute;
	top:30px;
	left:30px;
	display: inline-flex;
	padding: 5px 8px;
	align-items: center;
	grid-gap:5px;
	border-radius: 50px;
	background: var(--kirmizi);
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
.testitem .resim .bil1 i {
	font-size: 17px;
}
.testitem .resim .bil2 {
	position:absolute;
	bottom:30px;
	left:30px;
	display: inline-flex;
	padding: 5px 8px;
	align-items: center;
	grid-gap:5px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(0px);
	color: var(--anarenk);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
.testitem .resim .bil2 i {
	font-size: 17px;
}
.testitem .bilgi {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding:8px 30px 25px 30px;
}
.testitem .bilgi .adi {
	color: var(--anarenk);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 29px; /* 131.818% */
	letter-spacing: -1px;
}
.testitem .bilgi .desc {
	color: var(--anarenk);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14.469px; /* 120.576% */
}
.testitem .bilgi .alt {
	display:flex;
	align-items:center;
}
.testitem .bilgi .alt .fiyat {
	color: var(--anarenk);
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px; /* 170.588% */
	letter-spacing: -1px;
	margin-right:auto;
}

/*------------------doktoritem----------------------*/

.doktoritem {
	position:relative;
	display:block;
	border-radius: 20px;
	background: #FAFAFA;
}
.doktoritem:hover {
	background: url('../img/filigran-2.png');
	background-size:cover;
}
.doktoritem .resim {
	position:relative;
	display:block;
	padding:18px;
}
.doktoritem .resim img {
	width:100%;
	aspect-ratio:273/325;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
.doktoritem .bilgi {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding:8px 30px 25px 30px;
}
.doktoritem .bilgi .adi {
	color: var(--anarenk);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 120% */
	letter-spacing: -1px;
}
.doktoritem .bilgi .desc {
	color: var(--anarenk);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px; /* 168.75% */
}


/*------------------etkinlikler----------------------*/

#etkinlikler {
	position:relative;
	padding:40px 0px;
}

.etkinlikitem {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	border-radius: 32px;
	background: #FAFAFA;
}
.etkinlikitem .resim {
	width:300px;
	padding:20px;
}
.etkinlikitem .resim img {
	width:100%;
	aspect-ratio:311/201;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
.etkinlikitem .bilgi {
	width:calc(100% - 386px);
	padding:20px;
}
.etkinlikitem .bilgi .adi {
	color: var(--anarenk);
	font-size: 33px;
	font-style: normal;
	font-weight: 400;
	line-height: 44.317px; /* 134.293% */
	letter-spacing: -1.045px;
}
.etkinlikitem .bilgi .desc {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 14.3px; /* 89.375% */
	letter-spacing: -0.5px;
	margin-bottom:30px;
}
.etkinlikitem .bilgi .alt {
	display:flex;
	align-items:center;
	grid-gap:20px;
}
.etkinlikitem .bilgi .alt .altic {
	display:flex;
	align-items:center;
	grid-gap:8px;
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 200% */
}
.etkinlikitem .bilgi .alt .altic i {
	font-size: 22px;
	color:rgba(62, 193, 194, 1);
}
.etkinlikitem .sag {
	position:relative;
	width:86px;
	display:flex;
	flex-direction:column;
}
.etkinlikitem .sag .tarih {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius: 0px 32px;
	background: linear-gradient(172deg, #084f79 3.32%, #35C0D9 93.98%);
	margin-bottom:auto;
	padding:10px 0px;
}
.etkinlikitem .sag .tarih small {
	color: rgba(255, 255, 255, 0.60);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	letter-spacing: -1.045px;
}
.etkinlikitem .sag .tarih b {
	color: #FFF;
	font-size: 36.485px;
	font-style: normal;
	font-weight: 400;
	line-height: 44.694px; /* 122.5% */
	letter-spacing: -1.361px;
}
.etkinlikitem .sag .ok {
	display: flex;
	width: 50px;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	background: #EDEDED;
	font-size:20px;
	color:rgba(25, 69, 72, 1);
	margin-bottom:auto;
	transition:all 0.3s ease;
}
.etkinlikitem:hover .sag .ok {
	position:absolute;
	top:0px;
	right:0px;
	border-radius: 0px 32px;
	width: 86px;
	height: 100%;
	background:linear-gradient(172deg, #084f79 3.32%, #35C0D9 93.98%);
	color:#fff;
}

/*------------------urunliste----------------------*/

#urunliste {
	position:relative;
	padding:40px 0px;
}
.filtreleme {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:20px;
	padding:20px;
	border-radius:20px;
	background: #FAFAFA;
}
.filtreleme .bas {
	color: var(--anarenk);
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 34.774px; /* 96.595% */
	letter-spacing: -1.391px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #F2F2F2;
}
.filtreleme .list {
	color: var(--anarenk);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 140% */
}
.filtreleme .list.active ,
.filtreleme .list:hover
{
	font-weight: 700;
}
#urunliste .listeust {
	position:relative;
	display:flex;
	align-items:center;
	grid-gap:24px;
	margin-bottom:24px;
}
#urunliste .listeust .sayi {
	color: var(--anarenk);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 140% */
	margin-right:auto;
}
#urunliste .listeust .sirala {
	display:flex;
	align-items:center;
	grid-gap:5px;
}
#urunliste .testadimlar {
	display:flex;
	flex-wrap:wrap;
	grid-gap:6px;
	padding:20px 0px;
}
#urunliste .testadimlar .adim{
	width:calc(16.66% - 5px);
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:20px;
	padding:20px;
	border-radius: 20px;
	background: #EEFCFD;
}
#urunliste .testadimlar .adim .icon {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:90%;
	aspect-ratio:1/1;
	border-radius:50%;
	background: #FFF;
}
#urunliste .testadimlar .adim .icon img {
	max-width:50%;
	max-height:50%;
}
#urunliste .testadimlar .adim .icon span {
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 32px;
	height: 32px;
	border-radius:50%;
	background: #82C2C6;
	font-size:18px;
	line-height:18px;
	color:#fff;
}
#urunliste .testadimlar .adim .adi {
	color: var(--anarenk);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 111.111% */
	letter-spacing: -1px;
}

/*------------------doktorlarpage----------------------*/

#doktorlarpage {
	position:relative;
	padding:40px 0px;
}
#doktorlarpage .anabaslik {
	color: var(--anarenk);
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 54.774px; /* 72.446% */
	letter-spacing: -1.391px;
	margin-bottom:10px;
}
#doktorlarpage .sonucsay {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px; /* 168.75% */
	margin-bottom:40px;
}
#doktorlarpage .filtrebar {
	display:flex;
	align-items:center;
	grid-gap:4px;
	margin-bottom:20px;
}
#doktorlarpage .filtrebar .sec {
	display:flex;
	align-items:center;
	padding:0px 20px;
	height:50px;
	border-radius: 37px;
	background: #F5F5f5;
}
#doktorlarpage .filtrebar .sec .form-check-label {
	color: rgba(25, 69, 72, 0.70);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.14px;
}
#doktorlarpage .filtrebar .sec .form-control {
	border:1px solid transparent;
	background:transparent;
}
#doktorlarpage .filtrebar .filtreac {
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:50%;
	background: var(--anarenk);
	font-size:24px;
	color:#fff;
	border:0px;
}

.doktordetaylist {
	display:flex;
	flex-wrap:wrap;
	padding:20px;
	border-radius: 32px;
	background: #FAFAFA;
}
.doktordetaylist .sol {
	width:240px;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding-right:15px;
}
.doktordetaylist .sol .resim {
	width:100%;
	aspect-ratio:224/266;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
.doktordetaylist .sol .adi {
	color: var(--anarenk);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 193.189% */
	letter-spacing: -1px;
}
.doktordetaylist .sol .brans {
	color: var(--anarenk);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 168.75% */
}
.doktordetaylist .sol .puanlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:4px;
}
.doktordetaylist .sol .puanlar .yildiz {
	display:flex;
	align-items:center;
	grid-gap:2px;
	font-size:16px;
	color:rgba(62, 193, 194, 1);
}
.doktordetaylist .sol .puanlar .puan {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 168.75% */
}
.doktordetaylist .sag {
	width:calc(100% - 240px);
	display:flex;
	flex-direction:column;
	grid-gap:20px;
	border-radius: 32px;
	background: #FFF;
	padding:25px;
}
.doktordetaylist .sag .ust {
	display:flex;
	align-items:center;
	grid-gap:10px;
	border-bottom:1px solid #F6F6F6;
	padding-bottom:10px;
}
.doktordetaylist .sag .ust .ozellik {
	display:flex;
	align-items:center;
	grid-gap:5px;
	color: var(--anarenk);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 168.75% */
}
.doktordetaylist .sag .ust .ozellik i {
	color: rgba(62, 193, 194, 1);
	font-size: 24px;
}
.doktordetaylist .sag .takvim-wrapper {
	max-height: 200px; /* Görünecek yükseklik */
	overflow: hidden;
	transition: max-height 0.5s ease;
	position: relative;
}

.doktordetaylist .sag .takvim-wrapper.acik {
	max-height: 9999px; /* Tüm içerik açılır */
}
.doktordetaylist .sag .takvim {
	display:flex;
	flex-wrap:wrap;
}
.doktordetaylist .sag .takvim .gun {
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:5px;
	width:20%;
	padding:0px 5px;
}
.doktordetaylist .sag .takvim .gun .gunadi b {
	display:block;
	color: var(--anarenk);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px; /* 168.75% */
}
.doktordetaylist .sag .takvim .gun .gunadi small {
	display:block;
	color: rgba(25, 69, 72, 0.50);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 192.857% */
}
.doktordetaylist .sag .takvim .gun .saat {
	display: flex;
	height: 34px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 37px;
	background: #EEFCFD;
	color: rgba(25, 69, 72, 0.90);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.14px;
	cursor:pointer;
}
.doktordetaylist .sag .takvim .gun .saat.pasif {
	background: #fdeeee;
}

.marker-label {
	background-color: red;
	color: white;
	border-radius: 50%;
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
}

/*------------------doktorpage----------------------*/

#doktorpage {
	position:relative;
	padding:40px 0px;
}
#doktorpage .alan {
	padding:20px;
	border-radius: 32px;
	background: #FAFAFA;
}

#doktorpage .sol {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding-right:15px;
}
#doktorpage .sol .resim {
	width:100%;
	aspect-ratio:224/266;
	object-fit:cover;
	object-position:center;
	border-radius:20px;
}
#doktorpage .sol .adi {
	color: var(--anarenk);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 193.189% */
	letter-spacing: -1px;
}
#doktorpage .sol .brans {
	color: var(--anarenk);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 168.75% */
}
#doktorpage .sol .puanlar {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:4px;
}
#doktorpage .sol .puanlar .yildiz {
	display:flex;
	align-items:center;
	grid-gap:2px;
	font-size:16px;
	color:rgba(62, 193, 194, 1);
}
#doktorpage .sol .puanlar .puan {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 168.75% */
}
#doktorpage .sag {
	display:flex;
	flex-direction:column;
	grid-gap:20px;
	border-radius: 32px;
	background: #FFF;
	padding:25px;
}
#doktorpage .sag .hizlimenu {
	display:flex;
	align-items:center;
	grid-gap:15px;
	border-bottom:1px solid #F6F6F6;
	padding-bottom:10px;
}
#doktorpage .sag .hizlimenu a {
	color: var(--anarenk);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px; /* 168.75% */
	letter-spacing: -0.16px;
}
#doktorpage .sag .hizlimenu a:hover {
	color: #084f79;
}
#doktorpage .sag .katman {
	position:relative;
	padding:20px 0px;
}
#doktorpage .sag .katman .katmanbas {
	display:flex;
	align-items:center;
	grid-gap:10px;
	color: #084f79;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 135% */
	letter-spacing: -0.2px;
	margin-bottom:20px;
}
#doktorpage .sag .katman .katmanbas i {
	font-size: 27px;
}
#doktorpage .sag .takvimalan {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
}
#doktorpage .sag .takvimalan .ust {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#doktorpage .sag .takvimalan .ust {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
}
#doktorpage .sag .takvimalan .takvim {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#doktorpage .sag .takvimalan .takvim .gun {
	display:flex;
	flex-direction:column;
	align-items:center;
	grid-gap:5px;
	width:14.28%;
	padding:0px 5px;
}
#doktorpage .sag .takvimalan .takvim .gun .gunadi b {
	display:block;
	color: var(--anarenk);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px; /* 168.75% */
}
#doktorpage .sag .takvimalan .takvim .gun .gunadi small {
	display:block;
	color: rgba(25, 69, 72, 0.50);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 192.857% */
}
#doktorpage .sag .takvimalan .takvim .gun .saat {
	display: flex;
	height: 34px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 37px;
	background: #EEFCFD;
	color: rgba(25, 69, 72, 0.90);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.14px;
}



.blogitem {
	position:relative;
	display:flex;
	flex-direction:column;
	aspect-ratio:640/350;
	padding:25px;
	background-size:cover !important;
	border-radius:25px;
	z-index:20;
}
.blogitem:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:25px;
	background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
	z-index:-1;
}
.blogitem .yazi1 {
	position:relative;
	margin-bottom:auto;
}
.blogitem .yazi1 span {
	display: inline-flex;
	padding: 10px 13px;
	align-items: center;
	grid-gap:10px;
	border-radius: 50px;
	background: rgb(0 74 173);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */	
}
.blogitem .yazi1 span i {
	font-size: 17px;
}
.blogitem .yazi2 {
	color: #FFFDFA;
	font-family: "TWK Lausanne";
	font-size: 35.548px;
	font-style: normal;
	font-weight: 500;
	line-height: 46.878px; /* 131.873% */
	letter-spacing: -1.465px;
	margin-bottom:10px;
}
.blogitem .yazi3 {
	color: #FFFDFA;
	font-size: 16.663px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.777px; /* 118.686% */
	letter-spacing: -0.477px;
}

/*------------------iletisimpage----------------------*/

#iletisimpage {
	position:relative;
	padding:40px 0px;
}
#iletisimpage .bilgiler {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	grid-gap:20px;
	height:100%;
	border-radius:20px;
	background: #FAFAFA;
	padding:40px;
}
#iletisimpage .bilgiler .bilgi b {
	display:block;
	color: rgba(25, 69, 72, 0.70);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 80.384% */
	margin-bottom:10px;
}
#iletisimpage .bilgiler .bilgi small {
	display:block;
	color: var(--anarenk);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px; /* 131.818% */
	letter-spacing: -1px;
}
#iletisimpage iframe {
	width:100%;
	height:400px;
	border-radius:20px;
}
#iletisimpage .formalan {
	padding:30px 0px;
}
#iletisimpage .formalan2 {
	padding:20px;
	background:#fff;
	border-radius:20px;
	box-shadow:5px 10px 10px rgba(0,0,0,0.1);
}
#iletisimpage .yazi1 {
	color: var(--anarenk);
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 34.774px; /* 72.446% */
	letter-spacing: -1.391px;
}
#iletisimpage .yazi2 {
	color: #35C0D9;
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 43px; /* 134.375% */
}
#iletisimpage .yazi3 {
	color: #35C0D9;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 134.375% */
}
#iletisimpage .yazi4 {
	color: var(--anarenk);
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 34.774px; /* 72.446% */
	letter-spacing: -1.391px;
}
#iletisimpage .form-control {
	border-radius: 10px;
	border: 1px solid #FAFAFA;
	background: #FAFAFA;
	padding:10px 20px;
}
#iletisimpage .form-control:focus {
	border-radius: 10px;
	border: 1px solid rgba(62, 193, 194, 0.80);
	background: #FAFAFA;
}
#iletisimpage .form-floating .form-control {
    border-radius: 10px;
    border: 1px solid #FAFAFA;
    background: #FAFAFA;
    padding: 19px 20px 5px 12px;
}

/*------------------panel----------------------*/

#panel {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
#panel * {
	transition:all 0.3s ease;
}
#panel .panelsol {
	width:250px;
	height:100dvh;
	display:flex;
	flex-direction:column;
	background:var(--anarenk);
}
#panel.pasif .panelsol {
	width:70px;
}
#panel .panelsol .profil {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	height:70px;
	padding:10px;
	background:var(--anarenk);
}
#panel .panelsol .profil .res {
	width:50px;
	height:50px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#panel .panelsol .profil .adi {
	width:calc(100% - 80px);
	padding-left:10px;
}
#panel.pasif .panelsol .profil .adi {
	display:none;
}
#panel .panelsol .profil .adi b {
	display:block;
	color: #EEFCFD;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 19px; /* 193.189% */
	letter-spacing: 0px;
}
#panel .panelsol .profil .adi small {
	display:block;
	color: #EEFCFD;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px; /* 168.75% */
}
#panel .panelsol .panelsolkapat {
	display:none;
	font-size:34px;
	color:var(--kirmizi);
	margin-left:auto;
}
#panel .panelsol .menu {
	display:flex;
	flex-direction:column;
	height:calc(100% - 140px);
	padding:10px;
}
#panel .panelsol .menu .menu-item {
	position:relative;
	padding:5px 0px;
    width: 100%;
}
#panel .panelsol .menu .menu-item.hover {
	position:relative;
}
#panel .panelsol .menu .menu-item.active {
	background:#275e62;
}
#panel .panelsol .menu .menu-item.hover:before {
	position:absolute;
	content:"\f104";
	/* content:"\f107"; */
	top:0px;
	right:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	font-size:20px;
	color: #fff;
	font-family: 'Line Awesome Free';
    font-weight: 900;
}
#panel .panelsol .menu .menu-item.active.hover:before {
	content:"\f107";
}
#panel.pasif .panelsol .menu .menu-item.hover:before {
	display:none;
}
#panel .panelsol .menu .menu-item .acilan {
	position:relative;
	display:none;
	padding-left:5px;
}
#panel .panelsol .menu .menu-item.active .acilan {
	display:block;
}
#panel .panelsol .menu .menu-item .menu-link {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-right:40px;
    width: 100%;
}
#panel .panelsol .menu .menu-item .acilan .menu-link {
	padding-right:30px;
}
#panel.pasif .panelsol .menu .menu-item .menu-link {
	padding-right:0px;
}
#panel .panelsol .menu .menu-item .menu-link .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	font-size:24px;
	color: #fff;
}
#panel .panelsol .menu .menu-item .acilan .menu-link .icon {
	width:30px;
	height:30px;
	font-size:20px;
}
#panel.pasif .panelsol .menu .menu-item .menu-link .icon {
	width:100%
}
#panel .panelsol .menu .menu-item .menu-link .yazi {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px; /* 168.75% */
}
#panel .panelsol .menu .menu-item .acilan .menu-link .yazi {
	font-size: 14px;
}
#panel.pasif .panelsol .menu .menu-item .menu-link .yazi {
	display:none;
}
#panel .panelsol .altmenu {
	display:flex;
	flex-direction:column;
	justify-content:center;
	grid-gap:5px;
	background:#275e62;
	padding:10px;
	height:70px;
}
#panel.pasif .panelsol .altmenu {
	display:none;
}
#panel .panelsol .altmenu a {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px; /* 168.75% */
}
#panel .panelsag {
	width:calc(100% - 250px);
	height:100dvh;
	display:flex;
	flex-direction:column;
	transition:all 0.3s ease;
}
#panel.pasif .panelsag {
	width:calc(100% - 70px);
}
#panel .panelsag .ust {
	display:flex;
	align-items:center;
	width:100%;
	height:70px;
	padding:10px;
	background:#275e62;
}
#panel .panelsag .ust .menuackapat {
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	font-size:34px;
	color: #fff;
	margin-right:auto;
}
#panel .panelsag .ust .logo img {
	height:40px;
}
#panel .panelsag .panelicerik {
	height:calc(100dvh - 70px);
	overflow-y:scroll;
	overflow-x:hidden;
	padding:15px;
}

#panel .bread {
	display:flex;
	align-items:center;
	grid-gap:10px;
	padding:10px 0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-bottom:20px;
}
#panel .bread .baslik {
	font-size:20px;
	font-weight:700;
	line-height:20px;
	color:var(--anarenk);
}
#panel .hizlikutu {
	display:flex;
	flex-wrap:wrap;
	background:#fff;
}
#panel .hizlikutu {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
}
#panel .hizlikutu .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:90px;
	height:90px;
	background:url('../img/filigran-2.png') var(--anarenk);
	background-size:cover;	
    background-position: right bottom;
	font-size:60px;
	color:#fff;
}
#panel .hizlikutu .adi {
	width:calc(100% - 90px);
	padding-left:15px;
}
#panel .hizlikutu .adi b {
	display:block;
	font-size:40px;
	line-height:40px;
	color:var(--anarenk);
}
#panel .hizlikutu .adi small {
	display:block;
	font-size:20px;
	line-height:20px;
	color:var(--anarenk);
}
#panel .table tr td ,
#panel .table tr th 
{
	font-size: 14px;
}
#panel .table>:not(caption)>*>* {
    padding: .2rem .2rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
#panel .form-control {
	border-radius: 10px;
	border: 1px solid #e4e4e4;
	background: #FAFAFA;
	padding:10px 20px;
}
#panel .form-floating>.form-control:focus, 
#panel .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    padding-left: .725rem;
}
#panel .form-floating>textarea.form-control {
    height: calc(5.5rem + 2px);
    line-height: 1.25;
}
#panel .form-control:focus {
	border-radius: 10px;
	border: 1px solid rgba(62, 193, 194, 0.80);
	background: #FAFAFA;
}

#panel .btn {
	border-radius: 10px;
}

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

.card-header {
    padding: 0.8rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    font-size: 20px;
    color: #fff;
    background: var(--anarenk);
}

.card-header:first-child {
    border-radius: 20px 20px 0 0;
}


.alert-custom {
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background: linear-gradient(135deg, #fff3cd, #ffe69c);
    border: none;
    padding: 20px;
}
.alert-custom i {
    color: #856404;
}

.yaklasanliste {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	height:100%;
}
.yaklasanliste .baslik {
	height: 47px;
    display: flex;
    align-items: center;
}
.yaklasanliste .randevulist {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px;
	border-radius:10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.yaklasanliste .randevulist .resim{
	width:60px;
	height:60px;
	object-fit:cover;
	object-position:center;
	border-radius:50%;
}
.yaklasanliste .randevulist .bilgi {
	width:calc(100% - 60px);
	padding-left:10px;
}
.yaklasanliste .randevulist .bilgi .adi {
	font-size:16px;
	color:#000;
	line-height:22px;
}
.yaklasanliste .randevulist .bilgi .tarih {
	font-size:14px;
	color:rgba(0,0,0,0.7);
	line-height:22px;
}


#videoContainer {    
	display: flex;
	flex-wrap: wrap;
	grid-gap: 18px;
}
#videoContainer > div {    
	width: calc(33% - 12px);
}
#videoContainer .green-border {    
	position:fixed;
	bottom:20px;
	right:20px;
	width:30%;
	border-radius:4px;
}
#videoContainer .green-border .video-frame{    
	border-radius:4px;
}
#videoContainer .green-border div {    
	display:none;
}
#videoContainer .video-frame {    
	width: 100% !important;
	border-radius: 20px;
	box-shadow: 0px 0px 30px 0px rgba(200, 208, 221, 0.20);
	object-fit:contain;
	object-position:center;
}
.uyarialan {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:Center;
	grid-gap:20px;
	padding:35px 15px;
	border-radius:12px;
	background:#ffc107;
}
.uyarialan.yesil {
	background:rgba(25, 135, 84, 0.1);
}
.uyarialan .icon {
	font-size:50px;
	line-height:50px;
	color:#664d03;
	text-align:center;
}
.uyarialan.yesil .icon {
	color:rgba(25, 135, 84, 1);
}
.uyarialan .bas {
	font-size:30px;
	line-height:34px;
	font-weight:700;
	color:#664d03;
	text-align:center;
}
.uyarialan.yesil .bas {
	color:rgba(25, 135, 84, 1);
}
.uyarialan .yazi {
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#664d03;
	text-align:center;
}
.uyarialan.yesil .yazi {
	color:rgba(25, 135, 84, 1);
}