*,
*::before,
::after {
	list-style: none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	max-width: 1440px;
}
/* FONTS */
@font-face {
	font-family: 'Display';
	src: url(../fonts/Sf-Pro/Display/woff/SF-Pro-Display-Regular.woff) format("woff");
	src: url(../fonts/Sf-Pro/Display/woff2/SF-Pro-Display-Regular.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Display';
	src: url(../fonts/Sf-Pro/Display/woff/SF-Pro-Display-RegularItalic.woff) format("woff");
	src: url(https://www.savkargold.com.tr/fonts/Sf-Pro/Display/woff2/SF-Pro-Display-RegularItalic.woff2) format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Display';
	src: url(../fonts/Sf-Pro/Display/woff/SF-Pro-Display-Bold.woff) format("woff");
	src: url(../fonts/Sf-Pro/Display/woff2/SF-Pro-Display-Bold.woff2) format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Display';
	src: url(../fonts/Sf-Pro/Display/woff/SF-Pro-Display-BoldItalic.woff) format("woff");
	src: url(../fonts/Sf-Pro/Display/woff2/SF-Pro-Display-BoldItalic.woff2) format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Text';
	src: url(../fonts/Sf-Pro/Text/woff/SF-Pro-Text-Regular.woff) format("woff");
	src: url(../fonts/Sf-Pro/Text/woff2/SF-Pro-Text-Regular.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Text';
	src: url(../fonts/Sf-Pro/Text/woff/SF-Pro-Text-RegularItalic.woff) format("woff");
	src: url(../fonts/Sf-Pro/Text/woff2/SF-Pro-Text-RegularItalic.woff2) format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Text';
	src: url(../fonts/Sf-Pro/Text/woff/SF-Pro-Text-Bold.woff) format("woff");
	src: url(../fonts/Sf-Pro/Text/woff2/SF-Pro-Text-Bold.woff2) format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Text';
	src: url(../fonts/Sf-Pro/Text/woff/SF-Pro-Text-BoldItalic.woff) format("woff");
	src: url(../fonts/Sf-Pro/Text/woff2/SF-Pro-Text-BoldItalic.woff2) format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
html {
	overflow-x: hidden;
}
a {
	color: inherit;
}
h1{
	font-size: var(--h1);
}
/* h2{
	font-size: var(--h2);
}
h3{
	font-size: var(--h3);
}
h4{
	font-size: var(--h4);
}
h5{
	font-size: var(--h5);
}
h6{
	font-size: var(--h6);
}
p{
	font-size: var(--p);
} */
:root {
	--h1: clamp(2rem, 1rem + 5vw, 5rem);
	--h2: calc(var(--h1) * 0.80);
	--h3: calc(var(--h2) * 0.80);
	--h4: calc(var(--h3) * 0.90);
	--h5: calc(var(--h4) * 0.90);
	--h6: calc(var(--h5) * 0.90);
	--p: calc(var(--h6) * 0.90);
	--p-small: calc(var(--p) * 0.9);
	--p-smaller: calc(var(--p-small) * 0.9);
	--p-xs: calc(var(--h1) * 0.1);
	/* --p: clamp(1rem, 1rem + 1vw, 2rem); */
	/* --red-akbank: #DC0005; */
	/* --light-blue2: #3399ff; */
	--blue: #0500ff;
	--blue-apple: rgb(0, 102, 204);
	/* --yellow: rgb(255, 231, 1); */
	/* --black: rgb(29, 29, 31); */
	/* --strong: #1d1d1f; */
	--green: rgb(3, 161, 14);
	/* --blue2: rgb(0, 119, 237); */
	--gray: #86868b;
	/* --apple-orange: rgb(245, 99, 0); */
	--apple-gray: rgb(245, 245, 247);

	--blue-gra: linear-gradient(107.56deg,
			#020024 0.48%,
			#090979 50.6%,
			#0068ff 100%);
	--blue-gra-reverse: linear-gradient(-107.56deg,
			#020024 0.48%,
			#090979 50.6%,
			#0068ff 100%);
	--orange-gra: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
	/* --orangeDark-gra: linear-gradient(45deg, rgba(231, 72, 234, 1) 0%, rgba(75, 26, 188, 1) 100%); */
	/* --purple-orange-gra: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%); */
	/* --purple-gra: linear-gradient(45deg, rgba(231, 72, 234, 1) 0%, rgba(75, 26, 188, 1) 100%); */
	/* --yellowPurple-gra: linear-gradient(90deg, rgba(255, 225, 113, 1) 0%, rgba(217, 110, 139, 1) 45%, rgba(151, 106, 255, 1) 94%); */
	--red-orange-gra: radial-gradient(circle 860px at 11.8% 33.5%, rgba(240, 30, 92, 1) 0%, rgba(244, 49, 74, 1) 30.5%, rgba(249, 75, 37, 1) 56.1%, rgba(250, 88, 19, 1) 75.6%, rgba(253, 102, 2, 1) 100.2%);
}
/* General Classes */
.hidden{
	display: none;
}
.flex{
	display: flex;
}
.sup {
	/* font-size:70%; */
	line-height: 500%;
	font-size:var(--p-xs);
	vertical-align: text-top;
	color: yellow;
}
.vertical-align_text-top{
	vertical-align: text-top;
}
.line-height16 {
	line-height: 1.6;
}
/* .line-height14 {
	line-height: 1.4;
} */
.text-center {
	text-align: center;
}
.text-left{
	text-align: start;
}
.text-shadow-black {
	text-shadow: 1px 1px 2px black;
}
.text-shadow-black {
	text-shadow: 1px 1px 2px black;
}
.text_stroke_black{
	-webkit-text-stroke: .2rem black;
}
/* .text-shadow-white {
	text-shadow: 1px 1px 2px white;
} */
.bg-white {
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	-moz-backdrop-filter: blur(16px) saturate(180%);
	backdrop-filter: blur(16px) saturate(180%);
	background-color: rgba(17, 25, 40, 0.75);
	border-radius: 20px;
	border: 3px solid rgba(255, 255, 255, 0.125);
}

.red {
	/* color: #E50914; */
	color: #DC0005;
}
.white{
	color: white !important;
}
.orange {
	-moz-background-clip: text;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-image: linear-gradient(-90deg, #ff0000, #ff6600);
}

.blue-glass1 {
	-webkit-backdrop-filter: blur(4px) saturate(50%);
	-moz-backdrop-filter: blur(4px) saturate(50%);
	backdrop-filter: blur(4px) saturate(50%);
	background-color: rgba(7, 0, 62, 0.52);
	border: 1px solid rgba(255, 255, 255, 0.125);
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.arrow {
	display: inline-flex;
	align-items: stretch;
	font-size: smaller;
}
.stroke1pxBlack{
	-webkit-text-stroke: 1px black;
}
.savkar{
	font-family: 'Display';
	font-style: italic;
	color:	#D5AD6D; /*if no support for background-clip*/
	background: -webkit-linear-gradient(transparent, transparent),
			-webkit-linear-gradient(top, hsl(37, 55.30%, 63.10%) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}