/* Smooth Scrolling */
html {	scroll-behavior: smooth;	}
/* Custom Gradients */
.bg-hero-gradient {	background: linear-gradient(135deg, #0a1128 0%, #162244 100%);	}
/* Floating Cards Animation for Hero */
.hero-cards-wrapper {	position: relative;	height: 100%;	min-height: 500px;	}
.floating-card {	position: absolute;	background: #ffffff;	border-radius: 16px;	padding: 24px;	width: 280px;	box-shadow: 0 15px 35px rgba(0,0,0,0.2);	animation: float 6s ease-in-out infinite;	display: flex;	align-items: flex-start;	gap: 16px;	border: 2px solid transparent;	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;	overflow: hidden;	}
.card-1 {	top: 10%;	left: 15%;	z-index: 3;	animation-delay: 0s;	}
.card-2 {	top: 40%;	right: 0%;	z-index: 4;	animation-delay: -2s;	}
.card-3 {	bottom: 10%;	left: 25%;	z-index: 5;	animation-delay: -4s;	}
.HeroLogo {height:34px; width:auto; filter: brightness(0) invert(1);}
code {background: #ddd; padding: .2rem .5rem; border-radius: .25rem; white-space: nowrap;}
@keyframes float {	0% { transform: translateY(0px); }	50% { transform: translateY(-15px); }	100% { transform: translateY(0px); }	}
/* Desktop Hover Effect for Floating Cards (105% Zoom) */
@media (min-width: 1025px) {
	.floating-card:hover {	animation-play-state: paused;	box-shadow: 0 30px 60px rgba(0,0,0,0.4);	border-color: #3b82f6;	z-index: 50 !important;	transform: scale(1.05) translateY(-10px) !important;	}
}
@media (max-width: 1024px) {
	.hero-cards-wrapper {	min-height: auto;	display: flex;	flex-direction: column;	gap: 20px;	align-items: center;	margin-top: 40px;	}
	.floating-card {	position: relative;	width: 100%;	max-width: 350px;	top: auto !important;	left: auto !important;	right: auto !important;	bottom: auto !important;	transform: none !important;	animation: none;	box-shadow: 0 10px 25px rgba(0,0,0,0.1);	}
	.floating-card:hover {	transform: translateY(-5px) !important;	box-shadow: 0 30px 60px rgba(0,0,0,0.4);	border-color: #3b82f6;	z-index: 50 !important;	}
}
.hover-lift {	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;	}
.hover-lift:hover {	transform: translateY(-5px);	box-shadow: 0 20px 40px rgba(0,0,0,0.08);	border-color: #bfdbfe;	}
.faq-content {	display: grid;	grid-template-rows: 0fr;	transition: grid-template-rows 0.3s ease;	}
.faq-item.is-open .faq-content {	grid-template-rows: 1fr;	}
.faq-content > div {	overflow: hidden;	}
.faq-icon {	transition: transform 0.3s ease;	}
.faq-item.is-open .faq-icon {	transform: rotate(180deg);	}
/* WP Menu Sınıfları İçin Temel Düzeltmeler */
.menu-desktop-container ul {	display: flex;	gap: 2rem;	align-items: center;	}
.menu-desktop-container ul li a {	color: #d1d5db;	font-size: 0.875rem;	font-weight: 500;	transition: color 0.3s;	}
.menu-desktop-container ul li a:hover {	color: #ffffff;	}
/* Mega Menu Centering & Flexbox */
.megaMenuDiv {	position: fixed !important;	top: 80px !important;	left: 50% !important;	transform: translateX(-50%) !important;	display: flex !important;	flex-direction: row !important;	gap: 2rem !important;	justify-content: center !important;	width: max-content !important;	min-width: 700px !important;	}
.megaMenuDiv > div {	display: flex !important;	flex-direction: column !important;	flex: 1 !important;	}
.column-1-database .hover-lift:hover {	box-shadow: 0 20px 40px rgb(0 97 255 / 17%);	border-color: #bfdbfe;	background-color: #f8faff;	}
.column-2-datacloud .hover-lift:hover {	box-shadow: 0 20px 40px rgb(138 0 255 / 17%);	border-color: #c4bffe;	background-color: #fbf8ff;	}
.column-3-analytics .hover-lift:hover {	box-shadow: 0 20px 40px rgb(0 255 118 / 17%);	border-color: #8dd5a4;	background-color: #f8fffc;	}
/* Form Styles */
.form-input {	width: 100%;	padding: 0.75rem 1rem;	border-radius: 0.25rem;	border: 1px solid #e5e7eb;	outline: none;	transition: all 0.3s ease;	background-color: #f9fafb;	color: #111827;	}
.form-input:focus {	border-color: #ef4444;	background-color: #ffffff;	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);	}
.form-label {	display: block;	font-size: 0.875rem;	font-weight: 600;	color: #374151;	margin-bottom: 0.5rem;	}
/* Fluent Form Overrides */
.fluentform {	width: 100% !important;	margin: 0 !important;	}
/* Mobile Menu Container & Slide Animation */
#mobile-menu {	position: fixed;	top: 80px;	right: 0;	width: 85%;	max-width: 400px;	height: calc(100vh - 80px);	background-color: #0a1128;	border-left: 1px solid rgba(255,255,255,0.05);	transform: translateX(100%);	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);	overflow-y: auto;	z-index: 50 !important;	padding-bottom: 2rem;	opacity: 1 !important;	max-height: none !important;	display: block;	}
#mobile-menu.open {	transform: translateX(0);	}
@media (min-width: 768px) {
	#mobile-menu {	display: none !important;	}
}
/* Mobile Menu Navigation Styles */
.menu-mobile-container ul {	display: flex;	flex-direction: column;	padding: 1rem 0;	margin: 0;	}
.menu-mobile-container ul li {	list-style: none;	width: 100%;	border-bottom: 1px solid rgba(255,255,255,0.05);	}
.menu-mobile-container ul li:last-child {	border-bottom: none;	}
.menu-mobile-container ul li a {	display: block;	padding: 1rem 1.5rem;	color: #d1d5db;	font-size: 1rem;	font-weight: 500;	text-transform: none;	line-height: 1.4;	transition: all 0.3s ease;	}
.menu-mobile-container ul li a:hover {	color: #ffffff;	background-color: rgba(255,255,255,0.03);	}
/* Mobile Submenu (Accordion) */
.menu-mobile-container ul li.menu-item-has-children > a {	position: relative;	padding-right: 3rem;	}
.menu-mobile-container ul li.menu-item-has-children > a::after {	content: '\f078';	font-family: 'Font Awesome 6 Free';	font-weight: 900;	position: absolute;	right: 1.5rem;	top: 50%;	transform: translateY(-50%);	font-size: 0.8rem;	transition: transform 0.3s;	pointer-events: none;	}
.menu-mobile-container ul li.is-open > a::after {	transform: translateY(-50%) rotate(180deg);	color: #ef4444;	}
.menu-mobile-container ul li ul.sub-menu {	display: none;	flex-direction: column;	padding: 0 0 0.5rem 0;	margin: 0;	background-color: rgba(0,0,0,0.2);	}
.menu-mobile-container ul li.is-open > ul.sub-menu {	display: flex;	}
.menu-mobile-container ul li ul.sub-menu li {	border-bottom: none;	}
.menu-mobile-container ul li ul.sub-menu li a {	font-size: 0.85rem;	color: #9ca3af;	padding: 0.75rem 1.5rem 0.75rem 2.5rem;	}
.menu-mobile-container ul li ul.sub-menu li a:hover {	color: #ffffff;	background-color: rgba(255,255,255,0.05);	}




/* Menu Lang Fix */
header nav li:last-child div, {}

header nav li:last-child>div, header nav li:last-child>div>a {width: max-content;}
header nav li:last-child>div>a {padding:.5rem 1rem}
header nav li:last-child>div>a:hover {background:#eee}
header nav li:last-child div a>div {margin-left:0}

header nav li:last-child>div a div {display:flex; flex-direction:row; gap:.4rem; align-items:center; font-size: .9rem;}

header nav li:last-child>div a:first-child div:after {content:"English"; display:inline}
header nav li:last-child>div a:last-child div:after {content:"Türkçe"; display:inline}


/* altug sari efekt */
.sari-container { flex: 2; position: relative; width: 100%;}
.sari-bg-blob { position: absolute; z-index:0; inset: 0; background-color: #fcd34d; border-radius: 12px; transform: rotate(3deg); transition: transform 0.3s ease; top:-6px !important}
.sari-container:hover .sari-bg-blob { transform: rotate(0deg); top:-6px}
.sari-container div:last-child {position:relative; z-index:1}