@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');


h1, h2, h3, h4, h5, h6 {
		font-family: "Lexend", sans-serif;
		color: var(--dark);
}

.custom-font-secondary {
		font-family: "Lexend", sans-serif !important;
}

.custom-font-tertiary {
		font-family: "Playfair Display", serif !important;
}

p {
		line-height: 1.8;
		font-size: 16px;
		font-size: 1rem;
		letter-spacing: -0.015em;
}

.badge {
		font-weight: 500;
		font-family: "Lexend", sans-serif !important;
}

.custom-graph-svg-color-primary {
		fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
		fill: var(--secondary) !important;
}

.btn {
		font-family: "Lexend", sans-serif !important;
		padding: 16px 35.2px;
		padding: 1rem 2.2rem;
		font-size: 14.4px;
		font-size: 0.9rem;
		font-weight: 500;
}

.custom-text-color-1 {
		color: #df0b0b;
}

.custom-text-color-2 {
		color: #e3993f;
}

@media (min-width: 992px) {
		#header .header-nav {
			display: flex;
			align-items: center;
			flex-grow: 1;
			justify-content: center;
			align-self: stretch;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				font-family: "Lexend", sans-serif !important;
				font-size: 15px;
				font-weight: 500;
				letter-spacing: -1px;
				color: var(--dark);
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
				color: var(--primary) !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active {
				color: var(--dark-rgba-50) !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu {
				transition: all 300ms;
				opacity: 0;
				transform: translate3d(-5px, 0, 0) !important;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				overflow: hidden;
				padding-top: 0;
				padding-bottom: 0;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
				padding-top: 12px !important;
				padding-bottom: 12px !important;
				padding-right: 22px !important;
				padding-left: 22px !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
				opacity: 1;
				transform: translate3d(-5px, -10px, 0) !important;
		}
}

/* Mask Image */
.custom-mask-img {
		-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
		-webkit-mask-size: 100%;
						mask-size: 100%;
		-webkit-mask-position: center;
						mask-position: center;
}

.custom-mask-img-1 {
		-webkit-mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-1.png);
		mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-1.png);
		-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
		-webkit-mask-size: 100%;
						mask-size: 100%;
		-webkit-mask-position: center;
						mask-position: center;
}

.custom-mask-img-2 {
		-webkit-mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-2.png);
		mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-2.png);
}

.custom-mask-img-3 {
		-webkit-mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-3.png);
		mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-3.png);
}

.custom-mask-img-4 {
		-webkit-mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-4.png);
		mask-image: url(/frontend/img/demos/accounting-1/generic/mask-image-4.png);
}

/* Cascading Wrapper */
.custom-cascading-images-wrapper-1 {
		padding: 40% 0% 0 30%;
}

/* Stamp */
.custom-stamp-1 {
		width: 180px;
		height: 180px;
		left: -90px;
		top: 55%;
		border-radius: 50%;
}

.custom-stamp-1 svg {
		position: relative;
		left: 4px;
		top: 1px;
		margin: 2px;
}

.custom-stamp-1:after {
		opacity: 0.2;
		position: absolute;
		content: "";
		width: 105px;
		height: 105px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 1px solid #FFF;
		border-radius: 50%;
		display: block;
}

@media (max-width: 992px) {
		.custom-stamp-1 {
				top: 30%;
				transform: scale(0.5);
		}
}

/* Custom Elements */
.custom-el-1 {
		bottom: 13%;
		right: 7%;
}

@media (max-width: 1200px) {
		.custom-el-1 {
				right: 0;
				bottom: 8%;
		}
}

@media (max-width: 575px) {
		.custom-el-1 {
				bottom: 0;
		}
}

.custom-el-1 p {
		font-size: clamp(35px, -1.6666666667px + 0.0763888889 * 100vw, 90px);
		letter-spacing: -5px;
		position: relative;
		z-index: 1;
		margin: 0;
		line-height: 1;
		font-weight: bold;
}

@media (max-width: 991px) {
		.custom-el-1 p {
				letter-spacing: -2px;
		}
}

.custom-el-1 em {
		font-size: clamp(18px, 11.3333333333px + 0.0138888889 * 100vw, 28px);
		position: relative;
		bottom: 2px;
		display: inline-flex;
		letter-spacing: -2px;
}

.custom-el-1 em mark {
		padding: 0 7px 5px !important;
}

@media (max-width: 991px) {
		.custom-el-1 em {
				bottom: 5px;
				right: -1px;
		}
}

.custom-el-2 {
		position: absolute;
		width: 100%;
		height: 100%;
}

.custom-el-2 img {
		height: 150%;
		min-width: 1200px !important;
		min-height: 1200px !important;
}

@media (max-width: 1400px) {
		.custom-el-2 img {
				min-height: 1500px !important;
		}
}

.custom-el-3 {
		position: absolute;
		width: 100%;
		height: 100%;
		transform: rotateY(180deg);
}

.custom-el-3 img {
		height: 100%;
		min-width: 1200px !important;
		min-height: 1200px !important;
}

.custom-el-4 svg {
		width: 100%;
}

.custom-el-5 {
		position: absolute;
		width: 100%;
		height: 100%;
}

.custom-el-5 img {
		height: 100%;
		min-width: 1000px !important;
		min-height: 1000px !important;
}

@media (min-width: 992px) {
		.custom-el-6 {
				margin-bottom: -70px;
				margin-left: 7px;
		}
}

.custom-el-7 {
		max-height: 32px;
		width: auto !important;
		max-width: 150px !important;
		transform: none !important;
}

/* Custom Pos */
.custom-pos-1 {
		right: -37%;
		top: -33%;
}

.custom-pos-2 {
		left: -75%;
		top: -33%;
}

.custom-pos-3 {
		margin-top: -80px;
}

.custom-pos-4 {
		right: -40%;
		top: -57%;
}

.custom-pos-5 {
		top: -100%;
}

.custom-pos-6 {
		left: -75%;
		bottom: -10%;
}

/* Gradient */
.custom-bg-gradient-1 {
		background-image: linear-gradient(to right, var(--secondary-rgba-30) 30%, var(--dark) 200%) !important;
}

@media (max-width: 991px) {
		.custom-bg-gradient-1 {
				border-radius: 0 !important;
		}
}

@media (min-width: 1441px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				font-size: 18px;
		}
}


/* Text Clamp Utilities */
.yazi-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-transform: capitalize !important;
    min-height: 50px;
}

.yazi-3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-transform: capitalize !important;
    min-height: 75px; /* 3 satır için daha uygun yükseklik */
}

/* Contact accordion page overlay */
.contact-accordion-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1040; /* header'ın üstünde, modal'ın altında */
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.contact-accordion-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

/* Keep contact accordion above the blur overlay */
#contactAccordion {
    position: relative;
    z-index: 1051;
}

/* Input with inline icon (Tabler-like) */
.input-icon {
    position: relative;
    width: 100%;
}

.input-icon > .form-control,
.input-icon > .form-select,
.input-icon > .form-control-lg {
    padding-left: 2.25rem; /* space for left icon */
}

.input-icon .input-icon-addon {
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6c757d; /* muted */
    pointer-events: none;
	opacity: 0.5;
}

/* Right icon variant */
.input-icon-right > .form-control,
.input-icon-right > .form-select,
.input-icon-right > .form-control-lg {
    padding-right: 2.25rem;
    padding-left: .75rem;
}

.input-icon-right .input-icon-addon {
    left: auto;
    right: .5rem;
}

/* Textarea variant: icon in top-left, not vertically centered */
.input-icon-textarea .input-icon-addon {
    top: .60rem;
    bottom: auto;
}

.input-icon-textarea > .form-control,
.input-icon-textarea > .form-control-lg {
    padding-top: 2rem; /* extra space for icon inside textarea */
}

/* Success arrow animation */
.animated-arrow {
    animation: arrow-bounce 1s ease-in-out infinite;
}

@keyframes arrow-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}