:root {

	--white: #ffffff;

	--shadow-sm:
		0 4px 16px rgba(27, 54, 93, 0.07);

	--shadow-md:
		0 12px 35px rgba(27, 54, 93, 0.10);

	--radius-lg: 18px;

	--transition:
		all 0.25s ease;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {

	margin: 0;

	font-family: 'Inter', sans-serif;

	/*	color: var(--text-main);
*/
	background:
		linear-gradient(180deg,
			#f8f9fa 0%,
			#ffffff 45%);

	line-height: 1.7;
}

/* =====================================================
          HERO
       ===================================================== */

.privacy-hero {

	position: relative;

	overflow: hidden;

	background:
		linear-gradient(135deg,
			var(--primary-dark),
			var(--primary-light));

	color: var(--white);

	padding:
		120px 20px 95px;
}

.privacy-hero::before {

	content: "";

	position: absolute;

	width: 420px;
	height: 420px;

	right: -150px;
	top: -180px;

	border-radius: 50%;

	background:
		rgba(255, 205, 57, 0.12);
}

.privacy-hero::after {

	content: "";

	position: absolute;

	width: 260px;
	height: 260px;

	left: -120px;
	bottom: -150px;

	border-radius: 50%;

	border:
		1px solid rgba(255, 255, 255, 0.12);
}

.privacy-hero-content {

	position: relative;

	z-index: 1;

	max-width: 1100px;

	margin: auto;
}

.privacy-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: var(--gold);

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 1.5px;

	text-transform: uppercase;

	margin-bottom: 15px;
}

.privacy-eyebrow i {
	font-size: 12px;
}

.privacy-title {

	margin: 0 0 16px;

	font-family:
		'Playfair Display',
		serif;

	font-size:
		clamp(38px, 6vw, 64px);

	line-height: 1.1;

	font-weight: 700;
}

.privacy-subtitle {

	max-width: 760px;

	margin: 0;

	color:
		rgba(255, 255, 255, 0.82);

	font-size: 16px;

	line-height: 1.8;
}

.effective-date {

	display: inline-flex;

	align-items: center;

	gap: 9px;

	margin-top: 25px;

	padding: 9px 15px;

	border:
		1px solid rgba(255, 255, 255, 0.18);

	border-radius: 30px;

	background:
		rgba(255, 255, 255, 0.08);

	font-size: 13px;

	color:
		rgba(255, 255, 255, 0.9);
}

.effective-date i {
	color: var(--gold);
}

/* =====================================================
          MAIN
       ===================================================== */

.privacy-wrapper {

	max-width: 1200px;

	margin:
		-45px auto 70px;

	padding:
		0 20px;

	position: relative;

	z-index: 5;
}

.privacy-layout {

	display: grid;

	grid-template-columns:
		250px minmax(0, 1fr);

	gap: 35px;

	align-items: start;
}

/* =====================================================
          SIDE NAVIGATION
       ===================================================== */

.privacy-sidebar {

	position: sticky;

	top: 100px;

	padding: 20px;

	background: var(--white);

	border:
		1px solid var(--border-light);

	border-radius:
		var(--radius-lg);

	box-shadow:
		var(--shadow-sm);
}

.sidebar-title {

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: var(--text-muted);

	margin-bottom: 12px;

	padding-left: 10px;
}

.privacy-nav {

	display: flex;

	flex-direction: column;

	gap: 3px;
}

.privacy-nav a {

	display: flex;

	align-items: center;

	gap: 10px;

	padding:
		9px 10px;

	border-radius: 9px;

	color: var(--text-muted);

	text-decoration: none;

	font-size: 13px;

	font-weight: 500;

	transition: var(--transition);
}

.privacy-nav a span {

	width: 24px;
	height: 24px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 7px;

	background: var(--bg-light);

	color: var(--primary-dark);

	font-size: 11px;

	font-weight: 700;
}

.privacy-nav a:hover {

	color: var(--primary-dark);

	background:
		rgba(27, 54, 93, 0.05);
}

.privacy-nav a:hover span {

	background: var(--gold);
}

/* =====================================================
          CONTENT
       ===================================================== */

.privacy-content {

	background: var(--white);

	border:
		1px solid var(--border-light);

	border-radius:
		var(--radius-lg);

	box-shadow:
		var(--shadow-md);

	overflow: hidden;
}

.privacy-introduction {

	padding:
		35px 40px;

	background:
		linear-gradient(135deg,
			#f8fafc,
			#ffffff);

	border-bottom:
		1px solid var(--border-light);
}

.privacy-introduction p {

	margin: 0;

	color: var(--text-muted);

	font-size: 15px;

	line-height: 1.9;
}

/* =====================================================
          POLICY SECTION
       ===================================================== */

.privacy-section {

	padding:
		35px 40px;

	border-bottom:
		1px solid var(--border-light);

	scroll-margin-top: 25px;
}

.privacy-section:last-child {
	border-bottom: none;
}

.section-heading {

	display: flex;

	align-items: flex-start;

	gap: 15px;

	margin-bottom: 20px;
}

.section-number {

	flex: 0 0 auto;

	width: 42px;
	height: 42px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 12px;

	background:
		rgba(255, 205, 57, 0.18);

	color:
		var(--primary-dark);

	font-size: 14px;

	font-weight: 700;
}

.section-heading h2 {

	margin: 0;

	padding-top: 3px;

	font-family:
		'Playfair Display',
		serif;

	color: var(--primary-dark);

	font-size: 24px;

	line-height: 1.3;
}

.privacy-section p {

	margin:
		0 0 15px;

	color:
		var(--text-muted);

	font-size: 14px;

	line-height: 1.85;
}

.privacy-section p:last-child {
	margin-bottom: 0;
}

/* =====================================================
          SUB SECTIONS
       ===================================================== */

.privacy-subsection {

	margin-top: 22px;

	padding: 18px 20px;

	background:
		var(--bg-light);

	border:
		1px solid var(--border-light);

	border-left:
		3px solid var(--gold);

	border-radius:
		0 12px 12px 0;
}

.privacy-subsection h3 {

	margin:
		0 0 10px;

	color:
		var(--primary-dark);

	font-size: 15px;

	font-weight: 700;
}

/* =====================================================
          LIST
       ===================================================== */

.privacy-list {

	list-style: none;

	margin: 0;

	padding: 0;
}

.privacy-list li {

	position: relative;

	padding:
		8px 0 8px 28px;

	color:
		var(--text-muted);

	font-size: 14px;

	line-height: 1.75;
}

.privacy-list li::before {

	content: "\f00c";

	position: absolute;

	left: 0;

	top: 11px;

	font-family:
		"Font Awesome 6 Free";

	font-weight: 900;

	font-size: 10px;

	width: 18px;
	height: 18px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background:
		rgba(255, 205, 57, 0.22);

	color:
		var(--primary-dark);
}

.privacy-list strong {
	color: var(--text-main);
}

/* =====================================================
          CONTACT
       ===================================================== */

.contact-card {

	margin-top: 20px;

	padding: 25px;

	border-radius: 15px;

	background:
		linear-gradient(135deg,
			var(--primary-dark),
			var(--primary-light));

	color: var(--white);
}

.contact-card h3 {

	margin:
		0 0 18px;

	font-family:
		'Playfair Display',
		serif;

	font-size: 22px;
}

.contact-item {

	display: flex;

	align-items: flex-start;

	gap: 12px;

	margin-bottom: 12px;

	font-size: 14px;

	color:
		rgba(255, 255, 255, 0.86);
}

.contact-item:last-child {
	margin-bottom: 0;
}

.contact-item i {

	width: 20px;

	color: var(--gold);

	margin-top: 4px;

	text-align: center;
}

.contact-item a {

	color: var(--white);

	text-decoration: none;
}

.contact-item a:hover {
	color: var(--gold);
}

/* =====================================================
          FOOT NOTE
       ===================================================== */

.privacy-footer-note {

	padding:
		22px 40px;

	background:
		#fbfcfe;

	color:
		var(--text-muted);

	font-size: 12px;

	text-align: center;

	border-top:
		1px solid var(--border-light);
}

/* =====================================================
          MOBILE
       ===================================================== */

@media (max-width: 991px) {

	.privacy-layout {

		grid-template-columns: 1fr;
	}

	.privacy-sidebar {

		position: relative;

		top: auto;
	}

	.privacy-nav {

		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 767px) {

	.privacy-hero {

		padding:
			55px 20px 75px;
	}

	.privacy-wrapper {

		margin-top: -35px;

		padding:
			0 12px;
	}

	.privacy-sidebar {

		padding: 15px;
	}

	.privacy-nav {

		grid-template-columns: 1fr 1fr;
	}

	.privacy-nav a {

		font-size: 12px;
	}

	.privacy-content {

		border-radius: 14px;
	}

	.privacy-introduction,
	.privacy-section {

		padding:
			25px 20px;
	}

	.section-heading h2 {

		font-size: 21px;
	}

	.section-number {

		width: 36px;
		height: 36px;

		border-radius: 10px;

		font-size: 12px;
	}

	.privacy-footer-note {

		padding:
			20px;
	}

}

@media (max-width: 480px) {

	.privacy-nav {

		grid-template-columns: 1fr;
	}

	.privacy-title {

		font-size: 40px;
	}

	.privacy-section {

		padding:
			23px 17px;
	}

	.privacy-introduction {

		padding:
			23px 17px;
	}

}