/* ── VARIABLES ── */
		:root {
			--navy: #17225B;
			--gold: #B17E39;
			--gold-light: rgba(177, 126, 57, 0.12);
			--navy-light: rgba(23, 34, 91, 0.08);
			--text: #1e2a47;
		}

		/* custom scrollbar */
		::-webkit-scrollbar { width: 6px; }
		::-webkit-scrollbar-track { background: #eef2f8; }
		::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 6px; }

		/* ── CONTACT CARDS SECTION ── */
		.cu-cards-section {
			padding: 40px 0;
			background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);
			position: relative;
			overflow: hidden;
		}
		.cu-cards-section::before {
			content: '';
			position: absolute;
			inset: 0;
			background-image: radial-gradient(circle at 15% 50%, rgba(23, 34, 91, 0.04) 2%, transparent 2.5%);
			background-size: 48px 48px;
			pointer-events: none;
		}

		.cu-section-heading {
			font-size: 2.1rem;
			font-weight: 700;
			/* background: linear-gradient(135deg, var(--navy) 0%, #2a3a8a 100%); */
			-webkit-background-clip: text;
			background-clip: text;
			color:#1e3238;
			display: inline-block;
			letter-spacing: -0.3px;
			position: relative;
			width: 100%;
			text-align: center;
		}
		

		.cu-cards-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 28px;
			margin-top: 50px;
			position: relative;
			z-index: 2;
		}

		.cu-card {
			background: #fff;
			border-radius: 20px;
			padding: 25px 25px;
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
			border: 1px solid rgba(23, 34, 91, 0.06);
			transition: all 0.35s ease;
			position: relative;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 16px;
		}
		.cu-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 4px;
			background: linear-gradient(90deg, var(--navy), var(--gold));
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.35s ease;
		}
		.cu-card:hover::before { transform: scaleX(1); }
		.cu-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 30px 60px rgba(23, 34, 91, 0.15);
		}

		.cu-card-icon {
			width: 60px;
			height: 60px;
			background: #ecab23;
			border-radius: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 26px;
			transition: 0.35s;
		}
		.cu-card:hover .cu-card-icon { transform: scale(1.1) rotate(-5deg); }

		.cu-card-title {
			font-size: 1.25rem;
			font-weight: 700;
			color: var(--navy);
			margin: 0;
			transition: 0.3s;
		}
		.cu-card:hover .cu-card-title { color: var(--gold); }

		.cu-card-text {
			font-size: 0.95rem;
			color: #555;
			line-height: 1.6;
			margin: 0;
		}

		.cu-card-link {
			color: var(--gold);
			font-weight: 600;
			text-decoration: none;
			transition: 0.3s;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin-top: auto;
		}
		.cu-card-link:hover { color: var(--navy); }
		.cu-card-link i { transition: transform 0.3s; }
		.cu-card:hover .cu-card-link i { transform: translateX(4px); }

		/* ── FORM SECTION ── */
		.cu-form-section {
			padding: 40px 0;
			background: #fff;
		}

		.cu-form-wrapper {
			max-width: 700px;
			margin: 0 auto;
			background: linear-gradient(135deg, #f8f9fc, #ffffff);
			border-radius: 10px;
			padding: 50px 48px;
			box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
			border: 1px solid rgba(23, 34, 91, 0.08);
		}

		.cu-form-title {
			font-size: 1.8rem;
			font-weight: 700;
			color:#1e3238;
			margin-bottom: 10px;
			text-align: center;
		}

		.cu-form-subtitle {
			font-size: 0.95rem;
			color: #555;
			text-align: center;
			margin-bottom: 30px;
			line-height: 1.6;
		}

		.cu-form-group {
			margin-bottom: 22px;
			display: flex;
			flex-direction: column;
		}

		.cu-form-group label {
			font-size: 0.9rem;
			font-weight: 600;
			color: var(--navy);
			margin-bottom: 8px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.cu-form-control {
			padding: 14px 18px;
			border: 1.5px solid rgba(23, 34, 91, 0.2);
			border-radius: 12px;
			font-size: 0.95rem;
			color: var(--text);
			background: #fff;
			transition: all 0.3s ease;
			font-family: inherit;
		}

		.cu-form-control:focus {
			outline: none;
			border-color: var(--gold);
			box-shadow: 0 0 0 3px rgba(177, 126, 57, 0.1);
		}

		textarea.cu-form-control {
			resize: vertical;
			min-height: 140px;
		}

		.cu-form-group.full {
			grid-column: 1 / -1;
		}

		.cu-form-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 22px;
		}

		@media (max-width: 768px) {
			.cu-form-grid {
				grid-template-columns: 1fr;
			}
		}

		.cu-submit-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			background: linear-gradient(135deg, var(--navy), #2a3a8a);
			color: #fff;
			padding: 16px 40px;
			border: none;
			border-radius: 50px;
			font-weight: 700;
			font-size: 0.95rem;
			cursor: pointer;
			transition: all 0.35s ease;
			width: 100%;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			position: relative;
			overflow: hidden;
		}
		.cu-submit-btn::before {
			content: '';
			position: absolute;
			inset: 0;
			background: linear-gradient(135deg, var(--gold), #d49a47);
			opacity: 0;
			transition: 0.35s;
			z-index: 0;
		}
		.cu-submit-btn:hover::before { opacity: 1; }
		.cu-submit-btn:hover {
			transform: translateY(-3px);
			box-shadow: 0 15px 35px rgba(23, 34, 91, 0.2);
		}
		.cu-submit-btn span { position: relative; z-index: 1; }
		.cu-submit-btn i { transition: transform 0.3s; }
		.cu-submit-btn:hover i { transform: translateX(5px); }
		.cu-submit-btn:disabled {
			opacity: 0.6;
			cursor: not-allowed;
		}

		.cu-form-feedback {
			padding: 14px 16px;
			border-radius: 10px;
			margin-top: 20px;
			text-align: center;
			font-weight: 600;
			display: none;
		}
		.cu-form-feedback.success {
			background: rgba(34, 197, 94, 0.1);
			color: #22c55e;
			border: 1px solid rgba(34, 197, 94, 0.3);
			display: block;
		}
		.cu-form-feedback.error {
			background: rgba(239, 68, 68, 0.1);
			color: #ef4444;
			border: 1px solid rgba(239, 68, 68, 0.3);
			display: block;
		}

		/* ── MAP SECTION ── */
		.cu-map-section {
			padding: 40px 0;
			background: linear-gradient(135deg, #f8f9fc, #ffffff);
		}

		.cu-map-container {
			width: 100%;
			height: 500px;
			border-radius: 24px;
			overflow: hidden;
			box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
			position: relative;
		}

		.cu-map-container iframe {
			width: 100%;
			height: 100%;
			border: none;
		}

		@media (max-width: 768px) {
			.cu-form-wrapper { padding: 32px 22px; }
			.cu-form-title { font-size: 1.4rem; }
			.cu-map-container { height: 380px; }
			.cu-cards-section { padding: 50px 0; }
		}